@font-face {
  font-family: 'GothamBlack';
  src: url('assets/fonts/gotham/GothamBlack.eot?#iefix') format('embedded-opentype'),  
  url('assets/fonts/gotham/GothamBlack.woff') format('woff'), 
  url('assets/fonts/gotham/GothamBlack.ttf')  format('truetype'), 
  url('assets/fonts/gotham/GothamBlack.svg#GothamBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Gotham-Book';
  src: url('assets/fonts/gotham-book/Gotham-Book.eot?#iefix') format('embedded-opentype'),  
  url('assets/fonts/gotham-book/Gotham-Book.otf')  format('opentype'),
  url('assets/fonts/gotham-book/Gotham-Book.woff') format('woff'), 
  url('assets/fonts/gotham-book/Gotham-Book.ttf')  format('truetype'), 
  url('assets/fonts/gotham-book/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Gotham-Bold';
  src: url('assets/fonts/gotham-bold/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  
  url('assets/fonts/gotham-bold/Gotham-Bold.otf')  format('opentype'),
  url('assets/fonts/gotham-bold/Gotham-Bold.woff') format('woff'), 
  url('assets/fonts/gotham-bold/Gotham-Bold.ttf')  format('truetype'), 
  url('assets/fonts/gotham-bold/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url('assets/fonts/gotham-light/Gotham-Light.eot?#iefix') format('embedded-opentype'),  
       url('assets/fonts/gotham-light/Gotham-Light.otf')  format('opentype'),
       url('assets/fonts/gotham-light/Gotham-Light.woff') format('woff'), 
       url('assets/fonts/gotham-light/Gotham-Light.ttf')  format('truetype'), 
       url('assets/fonts/gotham-light/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
  overflow-x: hidden !important;
/*  overflow-x: hidden;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*font-family: 'GothamBlack' !important;*/
}

  .services_hr{
    display: block;margin-top: 0.5em;margin-bottom: 0.5em;margin-left: auto;margin-right: auto;border-style: inset;border-width: 1px;
  }

    .clients_section{
      text-align: center;
      width: 90%;
    }
    .contact_us{
     /* text-align: center;*/
    margin: 3% 0 1% 0;
    }

    .button123{
         text-align: center;
        margin: auto;
        background: #52779b;
        color: white;
        border-radius: 6px;
        width: 40%;
        line-height: 1.5;
        font-size: 1.7vw;
        text-align: center;
      }
    .mission{
      margin:2% 0% 4% 0;
    }
    .mission2{
      margin: 6% 15%;
    }
    .what-offer{
          margin: 1% 0 5% 0;font-size: 25px;
        }
    .quick-links h3{
      padding-left: 15px; 
    }
    .banner_row{
      margin: 0 !important;
    }
    .banner_col{
      padding: 0 !important;
    }

/* ========  FONTS ==========*/
        .font-book{
          font-family: 'Gotham-Book';
        }
          .font-bold{
          font-family: 'Gotham-Bold';
        }
        .font-light{
            font-family: 'Gotham-Light';
        }
        .font-weight5{
          font-weight: 500;
        }
        .font-weight9{
          font-weight: 900;
        }
        .font-12{
          font-size: 12px;
        }
/* ========  FONTS ==========*/

/*	// Index css  //*/
        
      .about_container{
            
            width: 90%;
            margin: 5% auto;

      }
      .contactfrmsg{
        margin: 2% 0;
      }
      .carousel-caption h3{
            font-family: 'Gotham-Book' !important;
            margin: 1% auto;

    }
     .carousel-caption h1{
          font-family: 'Gotham-Bold' !important;
          margin: 0 auto;
    }

       #map {
        height: 400px;
        width: auto;
      }
      .navbar-right :hover{
        color: rgba(93, 89, 89, 0.67) !important;
      }
      .btnt{
        background-color: #1ab34f;
        width: 12%;
        text-align: center;
        color: #FFF;
      }
      .btnt:hover{
        color: rgba(97, 80, 80, 0.52) !important;
        text-decoration: underline;
      }
      .btn-lg:hover{
       /* text-decoration: underline !important; */
      }
      .carousels{
        padding: 14% 0 !important;
        font-size: 70px !important;
      }
      .carousel-control{
      	text-shadow: none !important;
      }
      .bgimglayer{
        background-image: none !important;
      }
      .sidemenu{
        padding: 0;

      }
      .logo{
     width: 222px;
    display: block;
    padding: 2% 0;
    margin-left: 5%;

      }
      .logo img{
      	width: 100%;
      }
      .navbar-default{
      	margin-bottom: 0;
      	padding: 1% 0 1% 0px;
      }
      .navbar-nav li a{
         font-family: 'Gotham-Book' !important;
    font-size: 1vw !important;
    display: block;
    padding: 34px 0;

  }
    .about-home h1{
      margin: 3% 0 2% 0;
      font-family: 'Gotham-Bold';
      color: white;
      font-size: 7vh;
      font-weight: 900;
    }
    .about-home p{
      font-family: 'Gotham-Book' !important;
      color: white;
      text-align: center;
      margin: 3% 4% 5% 4%;
      /*padding: 2% auto;*/
    }
    .knowmore{
      text-align: center;
      
    }
    .knowmore a{
          width: 160px;
        font-size: 18px !important;
        font-family: 'Gotham-Bold';
    }
    .knowmore a:hover{
      color: rgba(0, 0, 0, 0.46) !important;
    }
    .knowmorebtn{
      color: #26374a !important;
      border-color: white;
      background-color: white;
    }
    .hoardings{
      margin: 2% auto;
    }
    .hoardings a{
      background-color: #f71c22;
      color: white !important;
          width: 22%;
    font-size: 1.1vw !important;
    font-family: 'Gotham-Book';
    }
    .hoardings a:hover{
      color: rgba(253, 250, 250, 0.61) !important;
    }
    .footerlinks a{
      color: white !important;
      font-size: 14px !important;
    }
    .inputstyle{
      background-color: rgba(24, 49, 82, 0.45);
      color: white;
    }
    .sendreq{
      text-align: center;
      color: #2ECB70
    }
    .footerh3{
      font-weight: 900 !important;
      margin-top: 0;
      font-family: "Gotham-Bold";
    }
    .navbar-nav{
      /*float: right !important;*/
      width: 100%;
    }
     .navbar-nav li:hover{
        background-color: rgba(14, 13, 13, 0.36);
    }
    
    #bs-example-navbar-collapse-1 li{
  /*      padding: 3% 0 !important;*/
        width: 17.5% !important;
        text-align: center;
    }
    #bs-example-navbar-collapse-1 li:nth-child(3) {
    width: 30% !important;
  }
/*	// Index css  //*/

/*  // About css  //*/

      .enquire{
        text-align: center;
      }
      .enquire a:hover{
        color: rgba(255, 255, 255, 0.6) !important;
      }
      .enquirebtn{
            width: 18%;
        background-color:#F28A00;
        color: white !important;
        margin: 1.5% 0 3% 0;
      }
  
/*  // About css  //*/



/*  // Services css  //*/

        .textleft{
          text-align: left;
        }
        .border-right{
          border-right: 1px solid grey;
        }
  
/*  // Services css  //*/



  /*  // Location css  //*/
      .position-view{
      position: relative;
      padding: 2% 5%;
    }
    .filter a{
      font-size: 1vw !important;
      color: #FFF !important;
      width: 100%;
      background-color: #1696a3;
      border-radius: 5px;
      height: auto;
      line-height: 2.5em;
    }
    .liborder{
      /*border-right: 1px solid #a99c9c;*/
      margin: 0% 0% 7% 0%;
      /*margin: 10% ;*/
    }
    .col-sm-2{
      /*border-left: 1px solid #000;*/
    }
    .btn-info:hover{
      border-color: none !important;
      background-position: none !important;
    }
 /*  // Location css  //*/


 /*  // contact css  //*/
       .socialico{
            width: 11%;
            margin: 2% 4% 1% 0;
        }
    
      .btnt{
        background-color:#1ab34f;
        color: white !important;
            width: 150px;
            margin: 3% 0 7% 0;
      }
      .btnt:hover{
            color: rgba(253, 250, 250, 0.61) !important;
            text-decoration: none;
      }
    /*  .center{
        margin-left: 20% !important;
      }*/
 /*  // contact css  //*/


.about-home{
	background-color: #26374A;
}
.navbar-float{
	float: right;
}
.nav-color{
background-color: white;
border: none;
color: black;
}
a{
	color:#5d5555 !important;
	font-size: 2vh !important;
   /* font-weight: 900 !important;*/
}
.adfont h1{
    font-size: 3vw;
      font-family: 'Gotham-Bold';
  color: #2B005E;
}
.adfont h3{
      font-family: 'Gotham-Bold';
  color: #2B005E;
      font-size: 2vw;
  }
/*.home-head{
   font-family: 'Gotham-Bold';
	color: #2B005E;
      font-size: 2vw;
}*/
.font-stats{
	font-size: 7vw;
  font-family: 'Gotham-Light';
}
.our-mum{
background-color: #DF5A49;
line-height: 2em;
}
.carousel-control {
  padding-top:10%;
  width:5%;
}
.service-vect-top{
	max-width: 60%;
}

.service-vect-middle{
/*	max-width: 55%;*/

}
.service-vect-bottom{
	max-width: 40%;

}
.img-about{
width: 80%;
}
.quick-links{
	text-align: left;border-left: 1px solid grey;line-height: 25px;color: white !important;
}
.contact-details{
	text-align: right;border-left: 1px solid grey;line-height: 15px;
}
.footer-all{
	background-color: #14212B;margin: 0 auto; padding: 4% 5% 0.5% 5%;color: white;
}
@media (max-width: 1920px){

}
@media (max-width: 1216px){
    .logo img {
    width: 100%;
    /*margin: 15px 0 0 0;*/
    padding: 2% 0;
  }
  
}
@media (max-width: 1400px){
    
  }
/*  .sidemenu{
    position: relative !important;
    left: -8% !important;
  }*/

/*@media (min-width: 768px){
  .navbar-nav>li {
    float: left !important;
}*/


@media (max-width: 768px){

  .font_srv {
    font-size: 1.5vw !important;
  }
  .navbar-nav li a{
    font-size: 1.7vw !important;
}

}


@media (max-width: 767px){

	.quick-links{
	text-align: left;
  line-height: 25px;
  color: white !important;
  border: none;
}
.contactfrm{
  padding: 5% 0 0 0;
}
.contactfrmsg{
    padding: 5% 0 0 0;
}

   .imgmobslide{
        margin: 0 auto;
      }
.contact-details{
	text-align: left;
  line-height: 15px;
  border: none;
}

.footer-all{
	background-color: #14212B;
  margin: 0 auto; 
  padding: 1px 10px;color: white;
}

#bs-example-navbar-collapse-1 li {
  /*  padding: 3% 0 !important;*/
    width: 50% !important;
    text-align: center;
    margin: 0 auto;
}
.navbar-nav {
  float:none !important;
}
      #logomob{
      width: 50%;
    margin: 0 auto;
    float: left;
}
.logo img {
    width: 60%;
    }
    .carousel-caption h3{
      font-size: 18px;
    }
     .carousel-caption h1{
      font-size: 23px;
    }
}



@media (max-width: 767px){

  .services_hr{
    display: none !important;
  }
      .service_font{
  font-size: 2vw !important;
}
      .logo{
        margin: 0 auto;

      }
      .navbar-toggle{
          width: 100%;
          margin: 0;
          text-align: center;
          border: 0;
          border-radius: 0;
          padding: 1% 0;
      }
      .icon-bar{
        margin: 2px auto;
      }
      .container-fluid{
        padding: 0;
      }
      #bs-example-navbar-collapse-1 li
      {
        width: 100% !important;
      }
      #bs-example-navbar-collapse-1 li:nth-child(3)
      {
        width: 100% !important;
      }
      .navbar-nav li a{
        padding: 15px 0;
      }
      .navbar-nav{
        margin: 0;
      }
       .bannerimg-1{
            display: none !important;
        }
        .bannerimg-2{
            display: none !important;
        }
        .bannerimg-3{
            display: none !important;
        }
        .bannerimg-4{
            display: none !important;
        }
        .bannerimg-1mob{
            display: block !important;
        }
        .bannerimg-2mob{
            display: block !important;
        }
        .bannerimg-3mob{
            display: block !important;
        }
        .bannerimg-4mob{
            display: block !important;
        }
        .about-home h1{
          font-size: 10vw;
        }
        .about-home p{
          margin: 5% auto;
          text-align: justify;
        }
        .knowmore{
          margin-bottom: 10%;
        }
        .adfont h3{
          font-size: 3.5vw;
        }
        .adfont h1{
          font-size: 5vw;
        }
        .hoardings a{
          width: auto;
          font-size: 3.3vw !important;
        }
        .imgmobslide{
          margin: 0 auto;
        }
        .carousels{
          padding: 0% auto !important;
          line-height: 0;
          font-size: 70px !important;

        }
        .carousel-control{
          height: 70px;
          margin: auto;

        }
        .our-mum{
          font-size: 4vw;
        }
        .formbgimg h2{
          margin: 10% 0 2% 0 !important;
          font-size: 5vw;
        }
        .contactfrm{
          margin: 3% 0;
        }
        .quick-links{
          border: none !important;
          display: inline-block;
          width: 100% !important;
          margin: 5% 0;
        }
        .quick-links h3{
            padding-left: 0px;
        }
        .footerlinks{
          padding-left: 0;
          width: 33%;
          float: left !important;
        }
        .contact-details{
          border: none !important;
          width: 100%;
          margin-bottom: 10%;
        }
        .contact-details h3{
          text-align: left;
        }
        .contact-details p{
          text-align: left;
        }
        .mob-margin0{
          margin: 0;
        }
        .mob-textcenter{
          text-align: center;
          margin: 0;
        }
        .about-us{
          text-align: center;
          font-size: 6vw;
        }
        .what-offer{
          margin: 5% 0 5% 0;
          font-size: 5vw;
        }
        .mob-img5{
          width: 70%;
        }
        .label-5{
          font-size: 4vw;
        }
        .enquirebtn {
          width: 22%;
          font-size: 2vw;
          margin: 5% auto;
        }
        .mission{
          margin: 4% 0% 0% 0%;
          }
        .mission2{
          margin: 3% 10% 7% 10%;
        }
        .modal-content{
              width: 70% !important;
              margin: 0 auto !important;
        }
        .form-control{
          font-size: 2vw !important;
        }
        .button123{
              width: 50%;
             line-height: 2;
             font-size: 2vw;
        }
        .border-right{
          border-right: none !important;
        }

       /* .aboutimg{
          display: none;
        }
        .aboutimg-mob{
          display: block !important;
        }*/
}

@media (max-width: 480px){


  .digimargin{
        width: 100%;
      }

  .font_srv {
    font-size: 3vw !important;
  }
  .clients_section{
      width: 90%;
    }

  .all_rights{
    text-align: center;
    margin-bottom: 3%;
  }
  .contact-details {
    margin: 10% 0 10% 0;
  }
  .about_us_ft{
    margin: 8% 0 0 0;
  }
  .quick-links {
    margin: 5% 0 0 0;
  }
   .navbar-nav li a{
    font-size: 3vw !important;
  }
  .enquirebts {
    font-size: 3vw;
  }
  .enquirebtn {
    width: 30%;
    font-size: 3vw !important;
  }

}