@charset "utf-8";
/* CSS Document */

/*
 @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
  
   @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100&display=swap');*/
   
   
   @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

 
 body{  padding:0px 0px; margin:0px 0px; font-size:15px;       font-family: "Montserrat", sans-serif;
 }
 .header { width: 100%; height: auto; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
 
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
	top: 0; 

	z-index: 41!important; background:rgba(255, 255, 255, 0.9);  position:fixed;

}


 .header.scroll_css {

	margin: 0;

-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out; background:none;

}


.align-rt{overflow:hidden;siaplay:block}
.top-contact{  color:#333;   text-align:right; float:right;margin-top:8px;
}
.top-contact h5{ float:left; display:tablel; font-size:14px; margin:0px 0px; font-weight:600;  
}
.top-contact h5:nth-child(2){ margin-left:15px;}
.top-contact a{ color:#333;}

 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:none;
 }
 
 .logoC{ display:table; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; position:relative; z-index:5; margin-top:10px; overflow:hidden;}
 
 .logoC img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; width:250px; }
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}

.top-menu{ }

.right-box{  margin-right:60px;}



.flt-left{ float:left;}




#cssmenu{  float:left; padding:0px 0px 0px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; 
  font-family: "Khand", sans-serif;

 }

#cssmenu > ul > li{ font-weight:500; margin-left:0px; margin-left:40px;
}


#cssmenu > ul > li:first-child{ padding-left:0px; }
#cssmenu > ul > li a{ color:#000;  font-size:16px; padding:5px 0px 20px; text-transform:uppercase;    }
#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#faa61a}
#cssmenu > ul > li a.active{  /*background:url(../images/nav-border-active.jpg) no-repeat left bottom; */position:relative; color:#00aeef;}

#cssmenu > ul > li a.active:after{ background:#00aeef; width:100%; height:2px; content:''; position:absolute; bottom:11px; left:0;}



#cssmenu > ul ul li { font-size:12px; text-transform:capitalize;}
#cssmenu > ul > li a{ position:relative; }
.active-img{ position:absolute; bottom:0; left:0; text-align:center; overflow:hidden; width:100%; display:none;}
.active-img img{ text-align:center; max-width:100%;}

#cssmenu > ul > li a.active .active-img{ display:block;}



.top-menu{  margin-top:9px; margin-bottom:0px;}
#cssmenu{ float:right;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


#cssmenu ul ul{ background:#006db0; margin-top:30px;}
#cssmenu ul ul li{ border-bottom:1px solid #be1813; height:40px; line-height:40px;}
#cssmenu ul ul li a{ padding:0px 10px; font-size:13.5px;}
#cssmenu ul ul li{ margin-bottom:0px;}


.slider-area {
  position: relative; color:#FFF;




}

.custom-slider {position: relative;}

.layer-1 h2, .layer-2 h2 {

}
.layer-1 p, .layer-2 p { padding: 0;}
.layer-1 a, .layer-2 a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #999;

  font-weight: 600;
  margin-top: 40px;
  padding: 12px 35px 8px;
  text-transform: uppercase;
}
.nivo-caption a {
  display: inline-block !important;
}
.layer-1 a:hover, .layer-2 a:hover {

  color: #fff;

}
.slider-area .nivo-directionNav {display: none;}
.nivo-controlNav {
  bottom: 0;
  left:0%;
  position: absolute; text-align:left;
  right: 0%;
  z-index: 9;  display:block; max-width:1270px; margin:0px auto;
}
.nivo-controlNav a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  display: inline-block;
  height: 14px;
  margin: 0 3px;
  position: relative;
  text-indent: -9999px;

}
.nivo-controlNav a::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 6px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  width: 6px;
}
.nivo-controlNav a.active { font-weight: normal;}
.nivo-controlNav a.active::before { opacity: 1;}
/*.slider-content .layer-1.layer-2 {

  margin-left:0%;
  margin-right: 8%;
  position: relative;
  width: 60%;
}*/
.layer-1.layer-3 p {  margin-right: 5%;}
.slider-area .slider-progress{
	background-color: rgba(50, 196, 209, .5);
}
.slider-area.style-2 .slider-progress {
  background-color: rgba(50, 196, 209, 0.2);
}
.slider-area.style-2  .nivo-directionNav {
  display: block;
}
.slider-area.style-2  .nivo-directionNav a {
  background: transparent none repeat scroll 0 0;
 
  color: #999999;
  cursor: pointer;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 30px;
  text-align: center;
  text-transform: uppercase;
  top: 45%;
  width: 100px;
  z-index: 9;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.slider-area.style-2 :hover .nivo-directionNav a {
    opacity: 1;
    right: 0;
}
.slider-area.style-2 :hover .nivo-prevNav {
    opacity: 1;
    left: 0;
}
.slider-area.style-2  .nivo-directionNav a:hover {
    background: #000000;
    color: #fff;
 
}
.slider-area.style-2  .nivo-directionNav a:hover {
    background: #000000;
    color: #fff;
    border-color: transparent;
}
/* slider-area.style-2 .nivo-controlNav */
.slider-area.style-2  .nivo-controlNav a {
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #FFF;
display: block;
margin-bottom: 5px;
margin: 25px 0px;
}
.slider-area.style-2  .nivo-controlNav a::before {
  background: #006db0 none repeat scroll 0 0; width:8px; height:8px; top:0; left:0;border-radius:50%;
}
    




.nivo-controlNav{ text-align:left; padding-left:5%;}
.slider-area.style-2 .nivo-controlNav a{}

.nivo-controlNav a.active{ background:#006db0; border:1px solid #006db0!important;}

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}

.slideC{ position:relative;    font-family: "Khand", sans-serif;

 }

.nivo-controlNav{ bottom:30px;}

nivo-controlNav {
    bottom: 35%;
}
.nivo-controlNav {
    text-align: left;
    padding-left: 5%;
}
.nivo-controlNav {
    bottom: 0;
    left: auto;
    position: absolute;
    right: 9%;
    z-index: 9;
}
.nivo-controlNav {
    padding: 15px 0;
        padding-left: 0px;
    text-align: center;
}



.nivo-controlNav{ text-align:left; padding-left:5%;}
.slider-area.style-2 .nivo-controlNav a{}

.nivo-controlNav a.active{ background:#FFF;}

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}







.nivo-directionNav{ display:none!important;}

.slideC{ color:#FFFFFF;  position:relative; text-transform:uppercase; }

.slideC h1{ font-size:25px; font-weight:normal; color:#FFFFFF;  margin-top:20%; display:table;  }
.slideC h2{ font-size:30px; color:#FFFFFF;width:80%; background:#006db0; padding:10px; display:table; width:auto; line-height:normal; }

.slideC .more-btn{ border:none; color:#FFFFFF; padding:0px 0px; border-top:1px solid #FFFFFF; padding-top:20px; font-size:14px;}

.slider-content .layer-1{ margin:0px auto; width:100%; bottom:0;}




/*.slideC a{ font-size:16px; text-transform:uppercase; color:#0057a8; border-radius:3px; border:3px solid #fff;font-family: 'Pontano Sans', sans-serif; line-height:21px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.slideC a:hover{ background:#fff; color:#0057a8;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

*/
a:hover{ text-decoration:none;}

/*.nivo-controlNav{text-align:center; padding:0px;position:relative; z-index:19;}

.nivo-controlNav a{ margin:0px 25px;}

.nivo-controlNav{ margin:auto;}*/



.slider-pro{ position:absolute; bottom:50px; left:0; right:0; margin:0px auto; z-index:25;}
.slider-pro a{ text-transform:uppercase; font-weight:600; letter-spacing:2px; padding:5px; display:block; font-size:17px; text-align:center;}

.slider-pro .col-lg-3:nth-child(odd) a{  color:#fff; background:#006db0;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.slider-pro .col-lg-3:nth-child(odd) a:hover{  color:#fff; background:#000000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.slider-pro .col-lg-3:nth-child(even) a{ background:#faa61a; color:#000000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.slider-pro .col-lg-3:nth-child(even) a:hover{  color:#fff; background:#000000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.slider-pro .row{ margin:0px -5px;}
.slider-pro .col-lg-3{ padding:0px 5px;}



.home-about{ color:#FFFFFF;}

#intro { background:url(../images/about-bgd.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 108px 0; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto;
}




.about-logo{ overflow:hidden; margin-left:60px;}
.about-logo img{ width:auto; max-width:100%;}

.home-about h2{ margin-top:15px;font-size:37px; line-height:normal; margin-bottom:25px;  font-family: "Khand", sans-serif;
}
.home-about span{ background:#006db0; padding:3px 8px; font-weight:bold; font-size:38px;}
.border-button{ border:1px solid #fff; padding:6px 10px; text-transform:uppercase; color:#fff; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.border-button:hover{ color:#FFFFFF; border:1px solid #006db0; background:#006db0;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.about-txt{ margin-bottom:20px;}



.our-product{ background:url(../images/product-bg.jpg) no-repeat ; background-size:100% auto;   color:#FFFFFF; padding:40px 0px;
}
.our-product h2{ text-transform:uppercase; font-size:33px; font-weight:normal; margin:0px 0px 20px;margin-top:50px; margin-left:30px;}
.pro-C{ position:relative; overflow:hidden; }

.pro-txt{position:absolute; bottom:50px; left:50px; z-index:99;}
.pro-C h3{ padding:10px; text-transform:uppercase; color:#FFFFFF; background:#006db0; display:table;  font-size:16px; font-weight:600; margin-bottom:15px;}
.pro-C a{ background:#535353; color:#FFFFFF; text-transform:uppercase; display:table; padding:5px 10px;}

.our-product h4{ color: #626262; opacity:0.1; font-weight:600; font-size:100px; text-transform:uppercase; margin:0px 0px; position:absolute; left:0; top:-40px;}


.our-pr-top{ position:relative; margin-bottom:50px;}

.service-C{margin-bottom:30px;}

.service-sec h2{text-transform:uppercase; font-size:33px; font-weight:normal; margin:0px 0px 20px;margin-top:30px; }

.service-C{ color:#666666;}
.service-img{ overflow:hidden; margin-bottom:10px;}
.service-img img{ width:100%;}

.service-C p{ font-size:14px;}
/*.service-C h3{ font-size:22px; margin:0px 0px 10px; font-weight:bold;}*/



.service-C h3 {
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: left;font-size:16px;
  font-weight: bold;

}


.service-C a{ color:#666666;}

.service-sec{ margin:30px 0px;}
.service-sec h2{ font-size:37px; color:#000000; margin-left:0px;}


.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}


.choose-bx{ color:#FFFFFF; margin-bottom:30px;}

.choose-sec{ color:#FFFFFF;}

.choose-sec h2{ color:#FFFFFF; font-size:40px; margin:0px 0px 30px; font-weight:bold;}

.choose-bx h3{ font-size:22px; margin:0px 0px 10px;}
.choose-bx { position:relative; padding-left:60px; }
.choose-bx:before{ width:47px; height:47px; background:#faa61a; line-height:47px; border-radius:50%; position:absolute; left:0; font-family:FontAwesome; text-align:center; font-size:22px; color:#FFFFFF;
 }

 .c1:before{ content:'\f0ad';}
 
  .c2:before{ content:'\f085';}
  
  .c3:before{ content:'\f017';} 
  
  
 .choose-bx p{}

.c1{}


#intro2 { background:url(../images/choose-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 108px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto;

}

.vis-box{}
.vis-box h4{ font-size:30px; font-weight:700; margin:0px 0px 10px}


.ms-bx{ margin-top:50px;}

.vs-cont{ margin-left:50px;}

.v-txt{ width:80%;}



#intro-3 { background:#55646d;color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 90px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto;

}

#intro-3 h2{ font-size:70px; text-transform:uppercase; font-weight:300; margin:0px 0px 20px; text-align:center;  font-family: "Khand", sans-serif;

 }
#intro-3 h2 b{ font-weight:bold;}
.count-bx{ color:#333; padding:35px 20px; font-weight:200; text-transform:uppercase; text-align:center; background:#fff; margin-bottom:1px;}

.count-bx h3{ font-size:50px; margin:0px 0px 5px; font-weight:300;    display:inline;}
.count-bx span{}
.count{ display:inline-table;}

.count-bx h4{ font-size:20px; font-weight:700; margin:0px auto; margin-top:10px; }

.counter-out .rpw{ margin:0px -0.5px;}
.counter-out .col-lg-6{ padding:0px 0.5px;}





.clients{ color:#747474; padding:48px 0px; }

.clients h2{ font-size:12px; font-weight:normal; text-transform:uppercase; margin:0px 0px 0px;}
.clients h3{ font-size:34px; font-weight:bold;text-transform:uppercase; margin:0px 0px 20px;  font-weight:lighter;}

.clients h3 b{ color:#006db0; font-weight:bold;}

.client-img{ overflow:hidden; border:1px solid #c4c4c5;}
.client-img img{ width:100%;}





.footerC{ background:url(../images/footer-bg.png); background-size:100% 100%; padding:50px 0px; color:#000;}

.footerC h2{ font-size:36px; text-transform:uppercase; font-weight:lighter; margin:10px 0px 20px; 
 margin-top:150px;}

.footerC h2 b{ font-weight:900;}

.footerC ul{ margin:0px 0px; padding:0px 0px; list-style:none;}

.footerC ul li .fa{ margin-right:10px;}

.form-box{ background:#fff; padding:30px; color:#000000; font-size:12px;}




.textBox{ width:100%; background:none; border:none; border-bottom:1px solid #000; margin-bottom:20px; color:#000; height:40px;}
.textArea{ width:100%; background:none; border:none; border-bottom:1px solid #000; margin-bottom:20px; height:auto;color:#000; min-height:70px;}

.send-btn{ background:#FFFFFF; text-transform:uppercase; font-size:13px; padding:8px 12px; border:none; font-weight:bold; cursor:pointer;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
}
.send-btn:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#000000; color:#FFFFFF;}
.form-C h3{ font-size:30x; font-weight:300; margin:0px 0px 30px;}



.sendbtn{ cursor:pointer; text-transform:uppercase; border:1px solid #333333; color:#333333; padding:5px 10px; margin-top:20px; background:none; font-size:13px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.sendbtn:hover{ background:#006db0; color:#FFFFFF;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.form-box h3{ text-transform:uppercase; font-size:36px; margin:0px 0px 5px; letter-spacing:6px; font-weight:lighter;
}

.form-box p{ margin-bottom:25px;}

.adr{}
.adr li{ margin-bottom:15px; font-size:24px; }
.adrv .fa{ margin-right:5px;}
.adr a{ color:#000;}

.adr .mp{ font-size:15px;}


.footer-bottom{ background:#fff; padding:50px 0px 0px;  font-size:13px;}
.footer-bottom ul{ padding:0px 0px; margin:0px 0px; list-style:none;}
.footer-bottom ul li{ float:left; margin-right:20px;}

.footer-bottom ul li a{ color:#000000; text-transform:capitalize;}

  .social-media{ list-style:none; margin:0px 0px; padding:0px 0px; float:right;}
  .social-media li { float:left; margin-left:10px; font-size:25px; margin-right:0px!important;}
  .social-media a{ color:#411f16;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
  
   .social-media a:hover { color:#FFFFFF;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
   
  .copy-right p img{ margin-left:5px; margin-top:-2px;}


.fb .fa{ color:#3b5998;}
.twit .fa{ color:#55acee;}
.linke .fa{ color:#007bb5;}
.yt .fa{ color:#ed3434;}

.social-media li{ margin-top:-5px;}

.copy-right{ border-top:1px solid #e0e0e0; padding:15px 0px; margin-top:22px;}
.copy-right p{ margin-bottom:0px;}



.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
 
  cursor: default;
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 3em;
  text-align: left;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  padding: 15% 0 10px 0;
  text-align: left;
}

.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.hovereffect a, .hovereffect h3 {
  color: #FFF;
  opacity: 1;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;

  transform: translate3d(10px,0,0);
}

.hovereffect:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect:hover .overlay:before,
.hovereffect:hover a, .hovereffect:hover h3 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


.hovereffect{ overflow:hidden;}
.hovereffect img{ width:120%;}




.service-C:hover .service-img img {
 
    transform: scale(1.2);
}
.service-img img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}


.service-C a:hover{ color:#000000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.service-C a{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}



.whats-aap{ position:fixed; overflow:hidden; bottom:10px; right:30px; text-align:center; z-index:500;  }

.whats-aap-ic{width:100px; height:auto; margin:0px auto; text-align:center; display:table;}

.whats-aap img{ width:70%;  border-radius:50%;}



/*about*/



/*about*/

.inner-pageC{ margin-bottom:40px;}

.bannerC{ overflow:hidden; width:100%; margin-bottom:40px; }
.bannerC img{ width:100%; }


 
 
 .pagTitle{ overflow:hidden;margin-bottom:15px; }
 .pagTitle h1{ font-weight:800; text-transform:uppercase; font-size:30px;}
 .about-img{ position:relative; overflow:hidden; }
 .about-img img{ width:100%;}
 .abt-imgTitle{ position:absolute; bottom:10px; left:10px; color:#FFFFFF;}
 .about-img h3{ display:table; float:left; font-size:40px; text-transform:uppercase; margin:0px 0px; margin-right:10px; }
 .about-img h4{ display:table; float:left;  margin:0px 0px;  color:#444444; background:#fe0000; font-weight:200; font-size:14px; text-transform:uppercase; padding:5px; margin:0px 0px; float:left; line-height:12px; margin-top:5px;}
 
 .yello-titleBx{ background:#400109; padding:5px 10px; width:130px; display:table; color:#fff; position:relative;}
  .yello-titleBx h3{ font-weight:300; margin:0px 0px; font-size:14px;}
 .yello-titleBx h3 b { text-transform:uppercase; font-size:20px;}
 .title-icon{ overflow:hidden; position:absolute; right:-21px; top:10px;}
 
 .title-icon{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
  .yello-titleBx:hover  .title-icon{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.abt-txt-div{ overflow:hidden; font-size:14px; color:#636363; line-height:22px; padding:18px 0px 45px 0px;}
.abt-txt-div p{ margin-bottom:0px; }
.abt-txt-div ul{ margin:0px 0px; padding:0px 0px 0px 15px; list-style:square;}

.misn-title  .title-icon{ right:-15px; top:5px;}

.value-title .title-icon{ right:-19px; top:7px;}

.abt-txt-div li{ text-transform:capitalize;}



.about h2{ margin-top:0px; font-size:30px; line-height:normal; margin-bottom:25px;}
.about span{ background:#006db0; padding:3px 8px; font-weight:bold; font-size:30px; color:#FFFFFF;}


.about-img{ margin-bottom:40px;}

.pdf{ color:#fff;  padding:15px 25px; border-radius:5px;     display: inline; margin-top:50px; border:none;cursor:pointer; 
overflow:hidden; font-weight:bold;background:#fe0000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;margin-right:10px;}
.pdf .fa{ margin-right:8px;}

.pdf:hover{background:#400109;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#FFFFFF;}


.vs-bx{ background:#f5f5f5; padding:25px; background:#f2f2f2; margin-bottom:3px; border-radius:5px;}

.abt-txt-div{ padding-bottom:0px;}
.abt-txt-div p{ margin-bottom:0px;}



.inner-pageC .service-C h3{  }

.sv-xt{ padding:0px 20px 15px;}


.inner-pageC  .service-C { color:#333333;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 35px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    transition: all .5s ease 0s;
}


.inner-pageC  .service-C:hover {
    box-shadow: 0 15px 33px rgba(0,0,0,.2);
    transform: translateY(-10px);
    transition: all .5s ease 0s;
}


.srv-detail-img{ float:left; margin:0px 25px 25px 0px; width:400px; overflow:hidden;}
.srv-detail-img img{ width:100%;}


.productPage{}
.nav-tabs li a{ margin-bottom:3px; }
.productPage li a{ background:#e9ecef; padding:10px; text-transform:uppercase;
color:#333; border-bottom:1px solid #ccc!important; border-radius:4px; }
.nav-tabs{ display:block;}

.nav-tabs .nav-link{ border:none; font-size:13.5px; border-radius:4px;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background:#f90000; color:#fff;}

.nav-tabs .nav-link{ border-radius:0px; font-weight:bold; padding:15px 20px; border-bottom:1px solid #c6c9cb!important;border-radius:4px; }

.nav-tabs .nav-item{ margin-bottom:0px;} 
.nav-tabs{ border:none;}





.tab-content h2{ margin:0px 0px 25px; font-size:22px; font-weight:bold; 
text-transform:uppercase; padding-bottom:10px; background:url(../images/border.jpg)  bottom left no-repeat;}










    /* Hover Blur Effect */
    .text-white {
      color: #fff;
    }
    .hover-blur a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-blur img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-blur:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-filter: grayscale(0.6) blur(1px);
      filter: grayscale(0.6) blur(1px);
    }
    



   
.inner-product{ overflow:hidden; background:#fff; background:#e9ecef;}
.inner-tit{ padding:15px;}
.inner-tit h3{ margin:0px 0px 10px; font-size:15px; font-weight:bold;}

.inner-tit h4{ margin:0px 0px 0px; font-size:15px;}
.productImg{ overflow:hidden;}
.productImg img{ width:100%;}

.inner-product a{ color:#333333;}





.inner-product { color:#333333;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 35px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    transition: all .5s ease 0s;
}


.inner-product:hover {
    box-shadow: 0 15px 33px rgba(0,0,0,.2);
    transform: translateY(-10px);
    transition: all .5s ease 0s;
}



/*product detail*/

.dtl{ font-weight:normal; font-size:14.5px;}

.dtl .carousel-indicators li{ width:60px; height:60px;  overflow:hidden;}
	.dtl	.carousel-indicators img{ width:100%;}
		.dtl .carousel-indicators li a{width:60px; height:60px;}
		.dtl .carousel-indicators li{ text-indent:0px;}
		.dtl .carousel-item{ margin-bottom:10px;}
		.dtl .carousel-indicators{ display:table; margin-left:0px; overflow:hidden; position:static;}
		.dtl .carousel-item{ overflow:hidden;}
		.dtl .carousel-item img{ width:100%;}





.dtl h2{ color:333333; font-size:24px; font-weight:600; margin-top:0px; margin-bottom:15px;}

.dtl h3{ font-weight:600; text-transform:none; color:#333; margin:10px 0px;}

.detail-content ul{ margin:15px 0px; list-style:none; padding:0px 0px;}
.detail-content li{ padding-left:5px; position:relative; margin-bottom:10px; float:left;}
.detail-content li:before{ position:absolute; background:url(../images/arroe-1.png); width:5px; height:9px; content:''; left:0px; top:6px; }

.dtl p{ font-weight:normal}

.dtl h4{ border:1px solid #14376e; display:table; overflow:hidden; padding:2px 5px; float:left; margin-left:5px; margin-top:10px; font-size:14px; text-transform:uppercase;}
.dtl h4 span{ background:##14376e; background:#14376e; padding:10px; color:#FFFFFF;}
.dtl h4 b{ padding:10px; font-weight:600;}

.project ul{ margin:20px 0px; padding:0px 0px 0px 15px; list-style:disc;}
.detail-content h5{ background:#CCCCCC; padding:2px 5px; text-transform:uppercase; display:table; font-size:15px; margin:10px 0px 3px; float:left;}
 

.dtl h3 { font-size:20px; font-weight:lighter;}


.dtl { margin-bottom:50px;}


.pro-descrip{}
.pro-detail h3{ margin:0px 0px 20px; font-weight:bold;}

.pro-detail ul{ margin:0px 0px; list-style:none; padding:0px 0px;}
.pro-detail li{ margin-bottom:10px; font-size:14px;}


.f-bx{ padding:25px;  background:url(../images/bx-bg.jpg) repeat-y; background-size:100% auto;}



.f-bx .form-box{ background:none; padding:0px; margin-left:50px;}


.f-bx h3 { 
    text-transform: uppercase;
    font-size: 20px;
    margin: 0px 0px 20px;
    letter-spacing: 6px;
    font-weight:boldl

}

.f-bx .sendbtn{ padding:10px 25px;}

.search-C{ background:#e9ecef; padding:20px;}
.search-C input{ width:100%; border:none; height:40px; padding-left:10px; font-size:13px;}
.search-C button{ background:#006db0; height:40px; padding:0px 20px; text-transform:uppercase; color:#FFFFFF; border:none; width:100%; cursor:pointer;}

.cb{flex: 0 0 29%;max-width: 29%;}
.cb10{flex: 0 0 13%;max-width: 13%;}


.driver-download{ margin-top:20px; font-size:13px;}
.driver-download th{ background:#006db0; color:#FFFFFF;}
.driver-download table tr:nth-child(even){ background:#f1f0f0; }
.driver-download table a{ color:#e60f1a;}
.driver-download table{ text-align:center;}

.driver-img{ overflow:hidden; margin-top:50px; width:90%; float:right;}
.driver-img img{ width:100%;}


.textBox01{ width:100%; height:40px; background:#FFFFFF; border:1px solid #FFFFFF; font-size:13px;}
.button-C{}
.button-C a{ margin-left:10px; float:left;}

.dw{ background:#27ae60;}

input:focus{ outline:none;}
textarea:focus{ outline:none;}

.abt-img-2{ overflow:hidden; position:relative;}
.abt-img-2 img{ width:100%;}
.abt-img-2 .overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.8);}



.btn-out{ position:absolute; top:45%; left:0; right:0; text-align:center; margin:0px auto;}
.abt-img-2 a{ margin:0px auto; margin-top:110px; border:4px solid  rgba(255, 255, 255, 0.3); border-radius:0px;     transition: all .5s ease 0s;}


.abt-img-2 .overlay::before {
    position: absolute;
    top: 20px;
    right: 0px;
    bottom: 20px;
    left: 40px;
    border: 1px solid #fff;
    content: '';
    opacity: 0.5;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);    transition: all .5s ease 0s;
}


.abt-img-2:hover .overlay::before {opacity:1;    transition: all .5s ease 0s;}

.abt-img-2:hover  a{    transition: all .5s ease 0s; border:4px solid  rgba(255, 255, 255, 0.8);}


.abt-img-2:hover  img {
 
    transform: scale(1.2);
}
.abt-img-2 img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}


/*.driver-download li .active{ position:relative;}

.driver-download li .active:before{ content:'\f0da'; font-family:FontAwesome; position:absolute;  right:-7px; top:8px; font-size:25px; color:#2c2c2c;}*/






/*.table-bordered td:nth-child(1) {padding:0px;}

.qa-faq p{background:#0000; margin-bottom:0px;}

.qa-faq p{padding:1rem;}

.driver-download table a{display:block;}*/


.bannerC{position:relative;}
.bannerC:before{position:absolute;z-index:3;background:url(../images/banner-bg.png); width:100%; height:280px; top:0; content:'';background-repeat:repeat-x;}

.about span{display: inline-block;}

.home-about span{display: inline-block;}

.table-menu{ margin-top:20px;}



.table-menu .nav-link {
    border-radius: 0px;
    font-weight:normal; text-transform:none;
 padding: 16.8px;
    border-bottom: 1px solid #c6c9cb !important;
    border-radius: 0px;
}



.table-menu h4 {
    vertical-align: bottom;
  
        border-bottom-width: 2px;

    background: #006db0;
    color: #FFFFFF;padding:14px; font-size:13px; font-weight:bold;border-top: 1px solid #dee2e6; border-bottom: 2px solid #dee2e6; margin-bottom:0px;
}
.table-menu .nav-link{ margin-bottom:0px; font-size:13.7px;}

.table-menu  .nav-link.active {
    background: #333;
    color: #fff;
}



.driver-download{ margin:0px 0px; margin-top:20px;}
.driver-download .col-lg-3{ padding:0px 0px;}
.driver-download .col-lg-9{ padding:0px 0px;}


.driver-download select{ border:1px solid #dee2e6;height:30px; width:100%;padding-left:5px;}
.table td, .table th{vertical-align: middle;}


@media screen and (-webkit-min-device-pixel-ratio:0) {

.table-menu .nav-link { padding: 16.9px;}

}



@media (min-width: 1300px) {
.container {max-width: 1270px;

}
}




   .about-img {background: url(../images/texture.png) no-repeat left top; padding:30px 0px 0px 30px; }
      .about-img img{ border:3px solid #fff;}

.inner-pageC .client-img{margin-bottom:30px;}



 @media all and (max-width: 760px) {
 
 
 .header .col-4 {
  
    flex: 0 0 22%;
    max-width: 22%;padding:0px 5px;}
 
 .header .col-8 {
  
    flex: 0 0 78%;
    max-width: 78%; padding:0px 5px;}
	

 .header  .row{ margin:0px -5px;}	
 
 .logoC { display:block; position:relative; z-index:250;}
 .logoC  img{ width:100%!important; margin:5px 0px!important; position:relative; z-index:210;}
 .top-contact{ position:relative; z-index:210;}
	
	.menu-button {
    background: rgba(0, 0, 0, 0) url("../images/menu-btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 34px;
    z-index: 1000;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a{ padding:8px!important;}
#cssmenu > ul > li{ padding:0px!important;}
#cssmenu > ul > li a.active{ border:none;}

#cssmenu #menu-button{ top:-4px;}
#cssmenu ul{ margin-top:38px;}

#cssmenu > ul ul{ margin-top:0px;}
#cssmenu ul ul li a{ font-size:12px; text-transform:capitalize;}

#cssmenu{ top:5px;}
#cssmenu #menu-button{ background:none;}



#cssmenu #menu-button::before{ background:#ff000a;}

#cssmenu #menu-button::after{ border-top:2px solid #ff000a; border-bottom:2px solid #ff000a;}

#cssmenu ul{ margin-top:35px!important; }
#cssmenu ul ul{ margin-top:0px!important;background:#a7bf23;}
#cssmenu ul{ padding:0px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

#cssmenu ul{ background:#404040;}
		#cssmenu li a{ border-top:1px solid #373636!important;}

	#cssmenu li ul   a{ border-bottom:1px solid #373636!important; border-top:none!important;}

#cssmenu > ul > li a{ padding:15px!important;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; }
#cssmenu > ul > li a{ padding-left:18px!important;}
#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}

#cssmenu > ul  ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:25px; color:#FFF;}

#cssmenu ul{ margin-top:38px!important;}
#cssmenu ul{  width:102%;}
#cssmenu ul ul li{ border-bottom:none;}

#cssmenu ul ul li{ line-height:22px;}

#cssmenu{ margin-top:2px!important;}
#cssmenu > ul > li{ font-size:12px!important;}
#cssmenu ul ul{ padding-top:0px!important;}
#cssmenu > ul > li a.active{ border-left:0px;}


#cssmenu > ul > li a:hover{color:#930033;}

.header .social-media li{ margin-right:5px;}
.top-menu{ margin-bottom:8px;}
.header{ padding:9px 0px;}




.nivo-caption h1{ font-size:20px;}
.nivo-caption h2{ font-size:20px; }
.nivo-caption h3{ font-size:12px;}

.time{ font-size:11px;}

#intro1 h2{ font-size:20px;}

#cssmenu{ top:0; margin-top:15px!important;}



 
.nivo-controlNav{ display:none;}



.slider-pro{ display:none;}


.top-contact h5 { font-size:13px;}

.nivo-caption h2{ font-size:17px;}

.about-logo{ display:none;}
#intro{ padding:50px 0px;}
.home-about h2{ font-size:21px;}
 .home-about h2 span{ display:block; font-size:21px;}
.our-product h4{ font-size:45px;}

.our-product h2{ font-size:25px; margin-top:10px; margin-left:0px;}
.our-pr-top{ margin-bottom:20px;}

.our-product h4{ display:none;}

.our-product{ padding-bottom:0px;}


#intro2{ background:url(../images/choose-bg-mob.jpg); padding:50px 0px;}
.choose-sec h2{ font-size:30px;}
.choose-bx h3{ font-size:19px;}

.vs-cont{ margin-left:0px;}
.v-txt{ width:100%;}

#intro-3 h2{ font-size:30px;}

.count-bx h3{ font-size:34px;}

.count-bx h4{ font-size:17px; max-width:77%;}

.count-bx{ margin-bottom:8px;}


.counter-out row{ margin:0px -4px;}
.counter-out .col-lg-3{ padding:0px 4px;}

#intro-3{ padding:50px 0px;}

.vs-cont{ margin-top:60px;}
.choose-bx h3{ font-size:20px;}

.footerC h2{ margin-top:0px;}

.footerC h2{ font-size:29px;}

.form-box{ margin-top:50px;}

.form-box h3{ font-size:30px;}

.social-media{ margin-top:30px; display:table; margin:20px auto!important; text-align:center; float:none; display:table;}

p{ font-size:14px; text-align:justify;}

.home-about h2{ margin-top:0px;}

.top-contact h5{ font-size:12px;}

.top-menu{ margin-top:7px; margin-right:39px;}
.top-contact{ padding:3px 4px;}

.logoC{ margin-top:4px;}

.pro-txt{ left:20px; bottom:20px;}
.service-sec{ margin-bottom:0px; padding-bottom:30px;}

.vis-box h4{ font-size:22px;}
.adr li{ font-size:19px;}

.copy-right p{ text-align:center;}
.nivo-caption h2{ font-size:14px;}


.pagTitle h1{ font-size:22px;}
.bannerC{ margin-bottom:30px;}
.pagTitle{ margin-bottom:0px;}
.about span{ display:table;}
.about h2{ font-size:21px;}
.about span{ font-size:20px;}

.pdf{ margin-top:30px; padding:10px 12px;}
.vs01{ margin-top:50px;}
.nav-tabs{ margin-bottom:35px;}
.dtl .carousel-indicators li{ width:40px; height:25px;}
.list-inline-item:not(:last-child){ margin-right:0px;}
.button-C a{ margin-left:0px; margin-right:5px; padding:5px 8px; font-size:13.5px;}

.f-bx .form-box{ margin-left:0px;}
.f-bx .form-box h3{ font-size:20px;}

.f-bx { background:#e9edf0;}
.f-bx .form-box { border-top:1px solid #dfe1e3; padding-top:30px; margin-top:20px;}

.cb {
    flex: 0 0 100%;
    max-width: 100%; margin-bottom:3px;
}
.cb10 {
    flex: 0 0 100%;
    max-width: 100%; margin-top:2px;
}


.driver-download{ overflow-x:scroll;}
.table td:nth-child(2){ min-width:188px;}

#intro{ background-size:auto 100%;}

#intro2{ background-size:auto 100%;}
#intro-3{ background-size:auto 100%!important;}


.our-product{ padding-top:10px;}
.service-sec h2{ font-size:25px; margin-bottom:10px;}

.srv-detail-img{ width:100%}
.srv-detail-img img{ width:100%;}

.our-product{ background-size:200%;}

p{ font-size:13.5px; }

li|{ font-size:13.5px;}

#cssmenu .submenu-button{ top:9px;}

#cssmenu > ul > li a.active{ border-left:3px solid #006db0;}

#cssmenu ul ul{border-top: 1px solid #373636 !important;}

#cssmenu ul ul li{ height:auto;}

.tab-content h2{ font-size:19px;}

.abt-img-2{ margin-top:20px;}

.abt-img-2 a{ margin-top:95px;}

.table td:nth-child(1) {
    min-width: 117px;
}
.table td{ vertical-align:middle;}

.driver-download .active::before { top:14px}


.pdf {
    margin-top: 30px;
    padding: 5px 8px;
    font-size: 13.5px;}
  
  
  
  
  
  .top-contact h5:nth-child(2){display:none}
.bannerC::before{display:none;}
    
    #cssmenu > ul > li a.active:after{display:none;}
    
    
    
    .adr .mp br{display:none;}
    
    
 .count-bx {
    padding: 12px;}   
    
  .count-bx h4 {
    font-size: 14px;
    max-width: 77%;
}  
    
    
    
   .count-bx h4 {
    max-width: 94%;
} 
    
    
    .top-contact {
        padding: 3px 4px;
        margin-right: 58px;
    }
  .clients h3 {
    font-size: 20px; }
}