/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
}
body {
  font-family: 'Open Sans', sans-serif;
    /* Margin top by top-bar height */
  margin-top: 35px;
  /* Margin bottom by footer height */
  margin-bottom: 30px;
}

.top-bar {
  position: absolute;
  top:0;
  width: 100%;
  height: 35px;
  background: #01498e;
  color: white;
  text-align:right;
}
.top-bar a {
  color: white;
}

#search {
  border: 1px solid #ccc;
  }
.navbar {
  position: relative;
  top: 35px;
}
.navbar .navbar-nav > li > a {
color: #135c9e !important;
/*color: #01498e !important;*/ /*dark blue*/
border: 2px solid transparent;
font-weight: 400;
}

.navbar-brand img, .contact img {
  width: 320px;
}

.navbar .navbar-toggler {
  border-color: #777777;
  background-color: #f5f5f5;

}

.custom-toggler .navbar-toggler-icon {
    background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.nav-breadcrumb {
  font-size: 12px;
  }
 

.hero {
 /* overflow: hidden;*/
 height: 100vh;
  
      width:100%;
          position:relative;
background-color: #0a1a4e;
          /*background: url(../img/heroBG.jpg);
  
          background-attachment:scroll;
          background-position: center;
          background-repeat: no-repeat;*/
      
          color: white;
      
          }
          

         .hero-left {
            padding-top: 200px;
         }


          .hero-right {
            padding-top: 125px;
            text-align:center;
            position:relative;

          background: url(../img/hero-right-bg.png);
  
          background-attachment:scroll;
         background-position: bottom;
          background-repeat: no-repeat;
        
  
          }
         

          .h1, h1 {
            color: white;
            font-size: 2em;
            text-transform: uppercase;
          }

          .hero p, .hero li {
            font-size: 28px;
          
          }
                        .hero-left li a {
border-bottom: 1px solid #fff !important;
}


.hero a:link, .hero a:visited, .hero a:active {
  color: white;
  text-decoration: none;
  border: none;
}

.hero li, .search-page li  {
  list-style-type: none;
}

.hero li {
  margin-left: -40px;
}

 
ul {
  padding-bottom: 8px;
}
        

         h2, h3, h4 {
            color: #01498e;
            text-transform: uppercase;
          }

          .contact h3 {
            color: white;
          }
          hr {
            border-bottom: 1px solid #3378bf;;
          }

          b, strong {
            font-weight: 700;
          }
          
          .btn, .btn a {
            border-radius: 0%;
            border: none;
            
          }
          .btn-primary {
            
            color: #ffffff !important;
            border: none;
            text-decoration: none;
          }
          .btn-secondary {
            background-color: #f4e6e6;
            color: #696363;
            border: none;
          }

          .btn-success {
            background-color: #61A730;
            color: white !important;
          }
        
          .btn-warning  {
          color: white !important;
          background-color: #ff8600;
          }

         .btn-warning:hover  {
          
            background-color: #e37c09;
            }

            .paginator {
              clear: both;
              margin: 10px;
            }
            .paginator [rel=prev] {
              float: left;
            }
            .paginator [rel=next] {
              float: right;
            }
            
            .paginator [rel=prev], .paginator [rel=next] {
              padding: 5px;
              color: #ffffff;
              background-color: #ff8600;
              -webkit-transition: ease-out 0.9s;
              -moz-transition: ease-out 0.9s;
              transition: ease-out 0.9s;
            }
            
           

            .paginator [rel=prev]:hover , .paginator [rel=next]:hover {
              box-shadow: inset 400px 0 0 0 #ffffff;
              color: #ff8600;
              text-decoration: none;
            }
         

       .bg-light {
         margin-top: 20px;
         margin-bottom: 20px;
         padding: 20px;
         background-color: #e8f3ff !important;
        
       }

       .sectors, .sectors .card {
        background-color: #0a194e;
       }

      .sectors, .sectors a, .sectors a:active, .sectors a:visited {
        border:none;
        color: white;
      }
.sector-icon-top {
  width: 80px;
  height: auto;

}
       .container-fluid {
        position: relative;
         min-height: 275px;
       }

       .jumbotron {
        position: relative;
        padding:0;
         min-height: 200px;
         border-radius: 0px;
       }
   

       .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align:center;
       }

       .centered h3, .centered p {
        color: white ;
      }

       .bg-blue {
        background-color: #3378bf;
       }

       .bg-ltblue {
        background-image: url(../img/bg-ltblue.png);
background-repeat: repeat;
       }

       .card {
        background-color: #fff;
        margin: 15px 0;
       }

       .bg-dkblue {
        background-color: #0a1a4e;
       }

       .bg-green {
        background-color: #61a730;
       }

       .bg-orange {
        background-color: #f08c33;
       }

       img.service-icon-top {
         width: 130px !important;
         position: relative;
         bottom: 40px;
         
       }

       img.service-icon-bottom {
        width: 100px !important;
        margin: 0 0 10px 0;
      }

       img.service-icon-sml {
        width: 35px !important;
        margin: 10px 0 10px 0;
      }

      .accreditations img {
        width: 100px;
        height: auto;
        margin: 3px;
      }

.card {
  border : 0;
}

       .img-responsive, .article img {

         width: 100%;
         height: auto;

       }
.image-container {
  margin: 20px;
       position: relative;
       width: 50%;
      }

       .image {
        display: block;
        width: 100%;
        height: auto;
       }

       .breaking-news {
        color:white;
        background-color: #f08c33;
        padding: 10px 20px;
        font-size: 19px;
       }
       .breaking-news a {
        color:white;
       }
       .news{
        width: 160px
      }
       .news-scroll, .news-scroll a, .news-scroll a:visited, .news-scroll a:active, .news-scroll a:hover{
        text-decoration: none;
        border: none;
        color: white;
        font-size: 24px;
      }

       .dot{
        height: 6px;width: 6px;margin-left: 3px;margin-right: 3px;margin-top: 2px !important;
        background-color: rgb(207,23,23);
        border-radius: 50%;
        display: inline-block;
        display: none;
      }

      .air-banner {
        position:relative; 
        min-height: 300px; 
        background:linear-gradient(0deg, rgba(255 255 255 / 10%), rgba(0 0 0 / 90%)),url(../img/Air-CTA-Background.png);background-attachment:scroll;
          background-position: center;
        background-size: cover;
          background-repeat: no-repeat;
       width: 100%;
      }   

      .fire-banner {
        position:relative; 
        min-height: 300px; 
        background:linear-gradient(0deg, rgba(255 255 255 / 10%), rgba(0 0 0 / 90%)),url(../img/Fire-CTA-Background-2.png);background-attachment:scroll;
          background-position: center;
        background-size: cover;
          background-repeat: no-repeat;
       width: 100%;
      } 

      .water-banner {
        position:relative; 
        min-height: 300px; 
        background:linear-gradient(0deg, rgba(255 255 255 / 50%), rgba(0 0 0 / 70%)),url(../img/Water-CTA-Background.png);background-attachment:scroll;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          /*background-width: 100%;*/

      }
a, a:active, a:visited {
  color: black;
  border-bottom: 1px solid;
  text-decoration: none;
}
a:hover, a.navbar-brand, .nav-breadcrumb a, h1 a, h2 a, h3 a, h4 a, .top-bar a, .accreditations a, .footer span a {
  text-decoration: none;
  border: none;
}

.footer span a {
  color: #555;

}

.nav-breadcrumb a, .nav-breadcrumb a:visited {
  color: white;
  }

  .air-banner a, .fire-banner a, .water-banner a {
    color: white;
  }

.contact {  
  padding: 20px 0;
  width: 100%;
  background: #0a194e;
  color: white;
}

.contact a {
  color: white;
}
.collapse {
  &:not(.show) {
  display: none;
  }
}
/*
.collapsing {
  height: 0;
  overflow: hidden;
  @include transition($transition-collapse);
}
  */

#accordion, .accordion {
  background-color: transparent;
  color: #231f20;
  cursor: pointer;
  padding: 18px;
border: none;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

#accordion:hover {
  border: none;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.arrow {
  font-family: "FontAwesome";
  float: right;
  color: #3C3C3C;
}
  
.arrow::after {
  content: "\f0d8";

  

 
}

.arrow[aria-expanded="true"]::after {
  content: "\f0d7";
 
 
}



.form-control {
  border: 1px solid #0a194e;
  border-radius: 3px;
}

.input-left, .input-right {
  width: 49%;
  margin-bottom: 10px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  line-height: 25px; /* Vertically center the text there */
  background-color: #f5f5f5;
  font-size: 12px;
}

/*
.h-50 {
  min-height: 250px;
  }
  */



.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  background: #212327;
  transform: translateY(100%);
  transition: all 0.5s ease-out;
  color: #ecf0f1;
  font-weight: 300;
}
.cookiealert.show {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1s;
}
.cookiealert a {
  text-decoration: none;
  color: #fff !important;
}
.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
}

.archive-page {
  padding-top: 100px;
}

@media only screen and (max-width: 320px) {


  .hero-right {
    padding-top: 10px;
  }
.hero-right img {
  width: 100px;
}

}

@media only screen and (max-width: 375px) {
  .hero {
    min-height: 1000px ;
  }


  .hero h1 {
    font-size: 20px;
  }


}

@media only screen and (max-width: 414px) {

  .hero h1 {
    font-size: 18px !important;
  }

}


@media screen and (max-width: 736px) {
  .container-top {
  margin-top: 100px;
  }
  
  .centered-careers {
  position: relative;
  text-align: center;
  }

    
  }

@media only screen and (max-width: 768px) {
  .hero {
    height: 100vh;
    min-height: 900px;
   
  }
  .hero-right {
    padding-top: 100px !important;
    background-size: 50%;
  }

  .hero h1 {
    font-size: 24px;
  }

  img.service-icon-top {
    width: 100px !important;
    bottom: 15px;
  }

  .image-container {
    margin: 20px;
         position: relative;
         width: 100%;
        }
 
  
  }

@media only screen and (max-width: 1199.98px) {

  .hero {
 
    height: 700px; 
  }

    .hero-right {
      padding-top: 150px;
      background-size: 70%;
    }
  .desktop {
   display: none;
  }

  .mobile {
    display:inline-block;
  }

  .navbar-brand img {
    width: 70px;
  }


  .hero-left {
    padding-top: 150px;
  }


  .hero h1 {
    font-size: 28px;
  }

  .hero p {
    font-size: 18px;
  
  }

  .hero-right img {
    max-width: 125px;
    background-size: 250px;
  }
  


}


@media only screen and (min-width: 1200px) {

  .hero { height: 725px;}

 
  .desktop {
    display:inline-block;
  }

  .mobile {
    display:none;
  }
}





/* Careers page */
.centered-careers {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
text-align: left;
}

.bottom-right {
  position: absolute;
  bottom: -40px;
  right: -40px;
}

img.arrow-down {
float: right;
height: 50px;
width: auto;
}

.anchor-link {
padding-bottom: 50px;
}

.container-top {
margin-top: 50px;
}


.card .btn {
position: absolute;
left:30%;
right: 30%;
bottom: 10px;
}

.card-header {
height: 65px;
}