@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.menuu_btn{background:url(../images/menu.png) no-repeat 0 0/100%; width: 32px; height: 32px; border:none; 

position:absolute; ;right: 16px;
top: 20px;
	}
.menuss{position: absolute;
right: 76px;z-index: 10;top: 106px;}

@media(min-width:1200px)
{
  .menuu_btn{display:none;}

}

.parent {
    flex-direction: row;}

@media(max-width: 767px)
{
.parent {
  display: flex;
  flex-direction: column-reverse;
}
}

@charset "UTF-8";

@font-face{
    font-family: "GraphikBlack";
    src:url("../font/GraphikBlack.otf");
}


ul.sp li:hover > ul.dropdown-menu {
    display: block;
}


/* CSS Document */

.no-padding{padding: 0px !important;}

.bnr-txt{position: absolute;
bottom: 35px;
right: 312px;}


  .bannerarea h2{
    font-family: "Open Sans", sans-serif;
font-size: 23px;
color: white;
font-weight: 300;
padding: 0;
margin: 0;
line-height: 1;
   }

   .bannerarea span{
    font-family: "Open Sans", sans-serif;
font-size: 23px;
color: white;
font-weight: 600;
padding: 0;
margin: 0 0 5px;
   }
   .bannerarea p{
    font-family: "GraphikMedium";
font-size: 13px;
color: white;
padding: 0;
margin: 0 0 10px;
line-height: 1.3;
   }
   .bannerarea .banbtn{
    padding: 5px 10px;
font-family: "GraphikMedium";
font-size: 13px;
border: none;
background-color: #ea312c;
color: white;
margin: 0;

   }




.img-100{width:100%;}
.slider-item{padding: 0px 12px;}
picture img{width: 100%;}

body{background-color: #ffffff;  
      font-family: "Open Sans", sans-serif;font-weight: 400;
      font-size:14px;}
.navbar .nav {
    width: unset;
    float: right;
	  padding-top: 0px;
	  padding-left:0px;

}

.navbar-wrapper{ 
padding:15px 20px 10px;
/*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
	background: transparent;}

.navbar .nav > li > a {
    float: none;
    color:white;
    text-decoration: none;
}
.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    text-decoration: none;
background-color: #8dc63f;
color: #383636;
}
.navbar .nav > .active > a {
    text-decoration: none;
    color: white;
    font-weight: 400;
	background:#8dc63f;
	
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background-color: #8dc63f;
color: white;
    text-decoration: none;

}
.navbar .brand {
    float: left;
    display: block;
    padding: 0px;
    margin: 10px 0px 10px;
    font-size: 20px;
    font-weight: 200;
    color: white;
    cursor: pointer;
}
.nav-static{ position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999;}

.na{display: block ruby;}


.show500 {
    display:none !important;
}



.nav > li > a {
   position: relative;
display: block;
padding: 0px 15px;
margin: 0;
font-size: 14px;
font-family: "Open Sans", sans-serif;font-weight: 400;
transition: ease-out .3s;
text-decoration:none;
color: #fff;text-transform: uppercase;
}
.brand img{margin:10px 0;}
.text {
  position: absolute;
  z-index: 0;
  top: 250px;
  left: 0;
  width: 100%;
  text-align: center;
}

/*..............index.................*/

.sub-na li a {color:white;}

.submenu1{float: right; margin:0px 0 0px;}
.submenu2{float:right; margin: 60px 40px 0 40px;}

.log{
  float: right;
  padding-top:20px;
  text-decoration: none;
  color: white;
  
}
.log a{
  color: #636363;
  text-decoration: none;
  font-size:15px;
  font-family: "Satoshi-Medium";
  color: #414241;
}

ul.sp li:hover > ul.dropdown-menu {
    display: block;
}


.mmenu{position: absolute;
right: 30px;
top: 45px;}


.callmail p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px; margin:0px;color:#ffffff;line-height: 1;}
.callmail p i{font-size: 16px;
  padding-right: 5px;}

#mail{background: url('../images/mail.png') no-repeat 0px 0px;
  padding: 0px 0px 0px 35px;
  float: left;}



.bnr-txt{position: absolute;bottom: 80px;right: 30px;}
.bnr-txt h1{font-family: "GraphikLight";font-size: 46px;color: #fff;padding: 0;margin: 0 0 18px;line-height: 1;}
.bnr-txt h1 span{font-family: "GraphikBold";font-size: 40px;}
.btn-blue{background: #0080b1;border: 1px solid #0080b1;color: #fff;padding: 10px 20px;margin: 0;
  font-family: "GraphikRegular";font-size: 12px;text-transform: uppercase;letter-spacing: 2px;}




.nav li{/*border-left: 1px solid #fff;*/padding: 0;margin: 0;}
.nav > li:first-child {
  border-left: none;
}
/*.nav > li > a:hover{color: #000;}*/
/*.nav > .active a{color: #000;}*/



.blogo{float: left;padding-left: 20px;}
.subsection1{padding: 30px 0 0 575px;}
.nav{float: right;}


.plus::after {
  content: " +";
  display: inline-block;
}

.sect11 h1{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 36px;color: #113358;padding: 0;margin: 0 0 12px;
  text-transform: uppercase;line-height: 1;text-align: right;
  background: linear-gradient(to right, #11345a, #3887c3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.sect11 h1 span{font-size: 58px;}
.sect11 h2{font-family: "Open Sans", sans-serif;font-weight: 600;font-size: 20px;color: #113358;padding: 0;margin: 0 0 12px;}
.sect11 p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px;color: #113358;padding: 0;margin: 0 0 12px;}
.box-grey1{background: #ebebeb; padding: 45px 15px 45px 30px;}
.box-grey2{background: #dddddd; padding: 45px 15px 45px 30px;}


.sect1{padding: 135px 30px 75px;}
.box-blue{/*background: #11345a;*/padding: 100px 30px 40px;margin: 0 0 30px;background-image: linear-gradient(to right, #11345a, #3887c3);}
.box-blue h2{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 38px;color: #fff;padding: 0;margin: 0 0 10px;
  text-transform: capitalize;}
.box-blue p span{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px;color: #fff;padding: 0;margin: 0 0 15px;}
.sect1 p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px;color: #333333;padding: 0;margin: 0 0 0px;}


.sect2{position: relative; bottom: -70px;left: 0;right: 0;}
.sect2 h2{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 38px;color: #113358;padding: 0;margin: 0 0 45px;
  text-transform: capitalize;text-align: center;}
.sect2 p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px;color: #fff;padding: 0;margin: 0 0 15px;}
.box-sblue{background: #11355a;padding: 0px 0px 45px 0px;}
.box-sblue h3{font-family: "Open Sans", sans-serif;font-weight: 600;font-size: 26px;color: #fff;padding: 30px 15px 0 30px;margin: 0 0 10px;
  text-transform: capitalize;}
.box-sblue p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px;color: #fff;padding: 0 15px 0 30px;margin: 0 0 15px;}

.box-sgrey{background: #b5b5b5;padding: 0px 0px 45px 0px;}
.box-sgrey h3{font-family: "Open Sans", sans-serif;font-weight: 600;font-size: 26px;color: #113358;padding: 30px 15px 0 30px;margin: 0 0 10px;
  text-transform: capitalize;}
.box-sgrey p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px;color: #121a3e;padding: 0 15px 0 30px;margin: 0 0 15px;}

.serv-img1{object-fit: cover;
  height: 170px;
  width: 100%;}


.sect3{padding: 325px 30px 225px;background: #242424 url('../images/bg3.jpg') center fixed;background-size: cover;}
.sect3 h2{font-family: "Open Sans", sans-serif;font-weight: 300;font-size: 60px;color: #fff;padding: 0;margin: 0 0 20px;
  text-transform: lowercase;}
.sect3 h3{font-family: "Open Sans", sans-serif;font-weight: 300;font-size: 33px;color: #fff;padding: 0;margin: 0 0 5px;
  text-transform: lowercase;}
.sect3 p{font-family: "Open Sans", sans-serif;font-weight: 300;font-size: 23px;color: #fff;padding: 0;margin: 0 0 15px;}


.sect4{padding: 155px 30px 100px;background: #d0d6d6 url('../images/bg4.jpg') no-repeat 0/100%;}
.sect4 h2{font-family: "Open Sans", sans-serif;font-weight: 600;font-size: 23px;color: #113358;padding: 0;margin: 0 0 5px;}
.sect4 p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 18px;color: #333333;padding: 0;margin: 0 0 15px;}
.cnt-frm{background: unset;
  border: none;
  border-bottom: 1px solid #242424;
  border-radius: unset;
  font-size: 14px;
  color: #333;}
.form-group{margin-bottom: 20px;}
.btn-black{background: #000;border: 1px solid #000;color: #7e7e7e;text-transform: uppercase;transition:all 0.5s;
  font-family: "Open Sans", sans-serif;font-weight: 600;font-size: 15px;padding: 5px 30px; margin: 0; float: right;width: 100%;}
.btn-black:hover {
  background: #0000;
  border: 1px solid #000;
  color: #000;}

#call2{background: url('../images/call.png') no-repeat;
padding: 5px 30px 10px 50px;margin-bottom: 25px;}

#mail2{background: url('../images/mail2.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 50px;margin-bottom: 25px;}

#loc2{background: url('../images/loc.png') no-repeat;
padding: 5px 30px 15px 50px;margin-bottom: 25px;}

.sect4 p span{font-family: "Open Sans", sans-serif;font-weight: 600;font-size: 18px;}


footer{padding: 205px 0px 20px !important;background: #000 url('../images/bg5.jpg') no-repeat center;background-size: cover;}
.foot1{padding: 0 30px 205px; border-bottom: 1px solid #5a6a76;}
footer ul{padding: 0;margin: 0;}
footer ul li{font-family: "Open Sans", sans-serif;font-weight: 400;text-transform: capitalize;font-size: 14px;list-style: none;
  padding: 0 0 5px 0;}
footer ul li a{color: #fff;text-decoration: none;}
footer ul li a:hover{color: #fff;text-decoration: underline;}
.foot2 p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 12px;color: #bdbdbd;padding: 10px 0 0px;
  margin: 0;text-align: center;}
.foot2 p a{color: #bdbdbd;text-decoration: none;}
.foot2 p a:hover{color: #bdbdbd;text-decoration: underline;}
footer h2{font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #fbfcfc;
  padding: 0 0 0px;
  margin: 10px 0 15px;}
footer p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 5px 0;}
#fmail{background: url('../images/fmail.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 35px;}

#fweb{background: url('../images/fweb.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 35px;}
footer hr{color: #fff;
  margin: 10px 0;}
.address{padding-left: 105px;}

.social{display: inline-block;}
.social img{padding-right: 10px;}



/** about  **/
.sub-bnr{margin-top: 50px;}
.sub-navbar .callmail p{color: #3682bc;}
.sub-navbar .sp > li > a{color: #3682bc;}

.about-banner h1{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 42px;color: #113358;padding: 0px 0 0px;
  margin: 0 0 12px 0;text-transform: uppercase;}
.about-banner p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 18px;color: #113358;padding: 0px 0 0px;
  margin: 0 0 15px 0;}
.about-text{position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 85px;}

.abt2_2{background: #454545;}
.abt2 h2{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 42px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 12px 0;text-transform: uppercase;}
.abt2 p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 15px 0;}
.p-30{padding: 30px;}



/**  service  **/
.serv-banner h1{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 42px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 12px 0;text-transform: uppercase;}
.serv-banner h2{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 30px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 12px 0;text-transform: uppercase;line-height: 1;}
.serv-banner h2 span{font-size: 36px;}
.serv-banner p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 18px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 15px 0;}
.brand1{background: #1f5381;padding: 80px 30px 70px;}
.brand2{background: #3a8ac8;padding: 80px 30px 70px;}
.brands h2{font-family: "Open Sans", sans-serif;font-weight: 600;font-size: 30px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 12px 0;text-transform: capitalize;}
.brands ul{padding: 0 20px;
  margin: 0 0 20px;}
.brands ul li{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 18px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 5px 0;list-style: url('../images/ulli.png');}
.brands p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 18px;color: #fff;padding: 0px 0 0px;
  margin: 0 0 15px 0;line-height: 1.3;}


.serv-banner2 h1{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 42px;color: #113358;padding: 0px 0 0px;
  margin: 0 0 12px 0;text-transform: uppercase;}
.serv-banner2 h2{font-family: "Open Sans", sans-serif;font-weight: 800;font-size: 30px;color: #113358;padding: 0px 0 0px;
  margin: 0 0 12px 0;text-transform: uppercase;line-height: 1;}
.serv-banner2 h2 span{font-size: 36px;}
.serv-banner2 p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 18px;color: #113358;padding: 0px 0 0px;
  margin: 0 0 15px 0;}

/* contact  */
.contact-banner h1 {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 42px;
  color: #fff;
  padding: 0px 0 0px;
  margin: 0 0 12px 0;
  text-transform: uppercase;
}



.pr-nopadding{padding-right: 0px !important;}
.pl-nopadding{padding-left: 0px !important;}
.mm-btn_next::after{
 width: 10px !important;
  height: 10px !important;bottom: 35px !important;}
.mm-listitem__text{font-family: "Open Sans", sans-serif;
  font-weight: 400;font-size: 15px;}
.mm-btn{font-family: "Open Sans", sans-serif;
  font-weight: 400;}
.mm-listitem a:hover {
  color: #3682bc !important;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
  color: #3682bc !important;
  text-decoration: none;
}

.slick-prev{bottom: -35px !important;
top: unset !important;
left: unset !important;
right: 45px !important;} 
.slick-next{top: unset !important;
bottom: -35px !important;
right: 10px !important;}
.slick-prev::before, .slick-next::before{font-size: 30px !important;}

ul.sp li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-menu {
  list-style: none;
  font-size: 18px;
}
.dropdown-menu {
  position: absolute;
  top: 43px;
  list-style: none;
  font-size: 18px;
  width: auto;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-menu > li > a {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
  background: none;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  background: #676767;
border-bottom: 1px solid #4f4f4f;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: 0px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-menu > li > a:hover {
  background: #f26522;
  color: #fff;
}
.dropdown-menu{padding: 0px !important;}

.owl-carousel .item{
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;padding: 0 6px;
}
.owl-banner .owl-nav{display: none;}
.owl-dots{display: none;}

.mm-listview {
  padding: 40px 0 !important;
  float: unset;
}

#website{display:none;}



@media(min-width: 1610px)
{
  .sect2 {
  position: unset;}
  .box-sblue {height: 100%;}
  
}

@media(max-width: 1199px)
{
  .navbar-wrapper {padding: 10px 15px 10px;}
  .nav{display: none;}
  .blogo{width: 25%;}
  .subsection1 {
  padding: 15px 50px 0 0px;
  float: right;
}
.sect2 {
  position: unset;}
.serv-img1 {
  object-fit: unset;
  height: unset;}
.box-sblue, .box-sgrey{height: 100%;}

}

@media(max-width: 991px)
{

  .sect1 {
  padding: 80px 30px 50px;
}

.sect4 {
  padding: 70px 30px 100px;
  background: #d0d6d6;
}
footer {
  padding: 80px 0px 20px !important;}
.foot1 {
  padding: 0 30px 120px;}
.address {
  padding-left: 0px;
}

.about-banner h1, .contact-banner h1 {font-size: 30px;margin: 0 0 5px 0;}
.about-banner p {font-size: 15px;}

.serv-banner h1, .serv-banner2 h1 {font-size: 30px;margin: 0 0 5px 0;}
.serv-banner p, .serv-banner2 p {font-size: 15px;}
.serv-banner h2 span, .serv-banner2 h2 span {
  font-size: 30px;
}
.brands ul li, .brands p {font-size: 16px;}

}


@media(max-width: 800px)
{
  .about-text {
  position: absolute;
  top: unset;
  transform: unset;
  left: 30px;right: 30px;
  bottom: 30px;
}
.about-banner h1 {
    font-size: 35px;
    margin: 0 0 5px 0;
    color: #fff;
  }
 .about-banner p {
    font-size: 15px;
    color: #fff;
  }
  .abt2 h2 {font-size: 35px;}

}


@media(max-width: 767px)
{

 .blogo {
    width: 40%;padding-left: 0px;
  }
.box-grey1, .box-grey2 {padding: 45px 30px;}

.p-30 {
  padding: 70px 30px;
}

}

@media(max-width: 576px)
{

  .callmail{display: none;}
  .sect11 h1{text-align: left;}
  .sect3 {padding: 225px 30px 150px; background: #242424 url('../images/bg3.jpg') left fixed;background-size: cover;}
  .address {
    margin: 10px 0 30px;
    padding-left: 0;
  }
  .blogo {
    width: 50%;}

  .nav-static {
  position: unset;}
  .bannerarea {margin-top: 50px;}

}

@media(max-width: 420px)
{

  



}