@charset "utf-8";
/* CSS Document */

    @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,600;0,800;0,900;1,500&display=swap');


body {margin: 0;padding: 0;color:#47292b;  font-size:14px; font-family: 'Poppins', sans-serif;}
.header { width: 100%; height: auto; padding:0px 0px 0px;
 
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
	top: 0; 

	z-index: 121!important; /*position:fixed;*/ background:#fff;

}
 .header.scroll_css {

	margin: 0;

-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out; background:#fff;

}

 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }
 
 .logo{ display:table; margin:5px 0px; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; position:relative; z-index:5; overflow:hidden;  max-width:110px;}
 
 .logo img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; max-width:100%;}
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}




.right-div{ float:right; margin-top:0px;webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}

.right-al{ float:right!important;}



.flt-left{ float:left;}
/*.top-info{ background:#934987!important; margin-left:10px; color:#fff!important; padding:5px display:table;}*/

.get-in-touch{ background:#934987; border-radius:2px; margin-top:4px; overflow:hidden;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#fff!important; margin-left:8px; padding:5px 8px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.get-in-touch a{ color:#fff;}


.get-in-touch:hover{ background:#4d0e43;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}



#cssmenu{  float:left; padding:0px 0px 0px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; margin-top:27px;}

#cssmenu > ul > li{font-size:12px; font-weight:500; margin-left:0px; margin-right:15px;
}


#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li a{ color:#5d5c5c; text-transform:uppercase; font-weight:bold;  padding-right:5px;  padding-left:5px; padding:10px 10px;  }
#cssmenu > ul ul li a{ background:none; font-size:13px;}
#cssmenu > ul > li.has-sub > a{ }

.has-sub:hover a{  color:#fff!important; background:#254695;}

#cssmenu > ul > li a:hover{ color:#fff!important;    background:#264796;}
#cssmenu > ul > li a.active{ color:#254695!important;  /*background:url(../images/nav-border-active.jpg) no-repeat left bottom; */}

#cssmenu > ul > li a.active:hover{ color:#fff!important;}

#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-contact{ background:#254695; padding:39px 25px 34px 60px; font-size:15px; letter-spacing:1px; color:#FFFFFF;  position:relative;}
.top-contact:before { font-size:25px; margin-right:10px; position:absolute; left:25px; width:25px; height:25px; content:''; background:url(../images/phone.png);}







.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 1.5s;
 transition-property: opacity;
}

.carousel-fade{ background:#000;}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

.sliderC{ position:relative; }

.carousel-caption{ bottom:30%; text-transform:uppercase; }

.carousel-caption{ text-align:left; text-shadow:1px 1px #000; }

.carousel-caption h1{  display:table; font-size:18px; padding:5px 0px;margin:0px 0px 5px; font-weight:normal; color:#FFF;background:rgba(0, 0, 0, 0.3); padding:5px;}
.carousel-caption h2{ font-size:36px; font-weight:normal; text-transform:uppercase; margin:0px 0px 5px;background:rgba(0, 0, 0, 0.3); display:table;padding:0px 5px;}
.carousel-caption h2 b{ font-variant:900;}
.carousel-caption h3{ font-size:24px; font-weight:lighter; text-transform:uppercase;}

.carousel-caption a{ text-shadow:none; background:#fff; display:table; padding:5px 15px; text-transform:uppercase; color:#333; font-size:13px; cursor:pointer;}



.carousel-caption{ left:7%; right:5%;}

a:hover{ text-decoration:none;}



.projrct-product-img{ overflow:hidden; position:relative;}
.projrct-product-img img{ width:100%;}


.sliderC .container-fluid{ margin:0px 0px; padding:0px 0px;}
.sliderC .row { margin:0px 0px;}
.sliderC .col-lg-8{flex: 0 0 70%; padding:0px 0px;
max-width: 70%;}

.sliderC .col-lg-4{flex: 0 0 30%; padding:0px 0px;
max-width: 30%;}


.sliderC .carousel-item img{ width:100%;}




.right-div{ float:right;}

.call-box{ float:left; margin-left:50px;}


.call-box h3{ font-size:16px; font-weight:bold; color:#4d4d4d; margin:0px 0px;}

.call-box h4{ font-size:13px; font-weight:normal; color:#4d4d4d;margin:0px 0px;}

.call-icon{ float:left; margin-right:8px;}
.bx-inner{ float:left;}


.nav-strip{ background:url(../images/heder-b.png); background-size:100% auto;}

.nav-strip h5{ font-size:12px; text-transform:uppercase; color:#FFFFFF; margin:10px 0px 0px;}





.home-srv{ padding:50px 0px;}
.home-srv h2{ font-size:36px; text-transform:uppercase; font-weight:lighter;}
.home-srv b{ font-weight:bold;}
.home-srv h3{ font-size:12px; text-transform:uppercase; margin:0px 0px 30px; padding:5px; color:#FFFFFF; background:#00aeef; display:table;}


.home-service{ overflow:hidden; margin-bottom:30px;}
.srv-img{ overflow:hidden;height:258px;}
.srv-img img{ width:100%; min-height:258px;}

.home-service h4{ font-size:16px; font-weight:200; text-align:left; margin:0px 0px; color:#fff; padding:10px; background:#254695; text-transform:uppercase;}

.home-service a{ background:#707070; padding:14px; display:table; color:#FFFFFF; text-transform:uppercase; font-size:12px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; padding-top:16px;
	}
.home-service a:hover{ background:#333;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}



.top-loc{ color:#FFFFFF; padding:50px 0px; background:#333333;}
.top-loc h2{ font-size:30px; text-transform:uppercase; margin-bottom:15px; font-weight:lighter;}
.top-loc h2 b{ font-weight:900;}

.col-50{flex: 0 0 20%;
max-width: 20%; float:left; padding:0px 15px;}

.location-img{ overflow:hidden; }

.locC{ position:relative;}
.location-img img{ width:100%;}

.location-title{ position:absolute; bottom:20px; text-align:center; left:0; right:0; margin:0px auto;}
.location-title h3{ color:#FFFFFF; font-size:15px; text-transform:uppercase;; font-weight:normal;}

.top-loc a{ background:#fff; padding:5px; display:table; font-size:12px; font-weight:bold; text-transform:uppercase; margin-top:50px;webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.top-loc a:hover{ background:#000; color:#FFFFFF;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.hr-line{ width:100%; height:1px; background:#5c5c5c; margin:60px 0px;}

.top-loc p{ font-size:12px;}







/*home-about*/
.home-about{ margin:50px 0px; text-align:center;}
.home-about  h2{ font-size:25px; text-transform:uppercase; padding-bottom:17px; background:url(../images/h2-bg.jpg) center bottom no-repeat; margin-bottom:23px; text-align:center;}

.three-bx{ border-bottom:double; padding-bottom:20px; border-color:#658bc9; padding-bottom:30px; margin-bottom:30px;}

.three-bx a{ text-align:right; float:right; color:#000000; text-transform:uppercase; font-size:11px;}
.three-bx .fa{ margin-left:15px;}

.three-bx{ padding-left:108px; text-align:left;}
.three-bx:before{ width:88px; height:88px; background:#CCCC33; text-align:center; border-radius:50%; position:absolute; left:0; content:'\f0eb'; font-family:FontAwesome; font-size:50px; line-height:88px; text-align:center; color:#FFFFFF;}

.a3-1:nth-child(1) .three-bx:before { background:#da7f00;}
.a3-1:nth-child(2) .three-bx:before { background:#e84c3d;content:'\f070';}
.a3-1:nth-child(3) .three-bx:before { background:#3b99d7;content:'\f1d8';}


.home-about h3{ font-size:25px; font-weight:bold; text-transform:uppercase; margin-bottom:25px; margin-top:25px;}
 .home-about h4{ font-size:20px; color:#a5a5a5; text-transform:capitalize; font-weight:500; margin-bottom:45px;}
.three-bx h3{ color:#3c3c3c; text-transform:uppercase; font-size:17px; font-weight:500; margin:17px 0px  15px 0px;}

.welcome-txt{ width:95%; text-align:center; margin:10px auto; font-size:14px; line-height:30px;}

.orange-btn{ font-size:15px; background:#264796; padding:10px 15px; border-radius:2px; color:#FFFFFF; border:none;margin-top:38px; text-transform:uppercase; margin-top:25px; display:table; font-size:15px ;transition: all .6s ease-in-out;}
.orange-btn:hover{ background:#333; color:#FFFFFF;transition: all .6s ease-in-out;}
a:hover{ text-decoration:none;}



.servive-sec{ background:url(../images/bg-full.png); padding:60px 0px; background-size:100% 100%;}
.servive-sec h2{ font-weight:lighter; margin:0px 0px 30px;}










.brand-testiC{ background:url(../images/brand-bg.jpg);  padding:70px 0px; background:url(../images/right-img-02.png) no-repeat right; min-height:500px;}
.brand-testiC h3{ text-transform:uppercase; font-weight:bold; font-size:14px; margin:0px 0px 50px; color:#222222; display:table; border-bottom:1px solid #222222;}

.brand{ overflow:hidden;}
.brand img{ width:100%;}

.brand-out{ max-width:95%;}

.testimonial-C{  margin-bottom:30px;}
.testimonial-C h3{ }

.testimonial-C h2{ font-size:25px; text-align:center; margin:0px auto; line-height:17px;}
.testimonial-C h2 span{ font-size:14px;}


.testimonial-C  .carousel-caption{ color:#4c4c4c; position:static; text-shadow:none; text-transform:none;}

.carousel-logo{ margin:0px 0px 20px;}
.testimonial-C  h6{ font-size:16px; font-weight:bold;  margin-bottom:30px; text-align:center;}

.testimonial-C h6 span{ font-size:11px; font-weight:normal!important;}

.testi-descripton{ background:url(../images/testi-border.jpg) no-repeat bottom center; padding-bottom:5px; font-size:12px;}

.testimonial-C .carousel-control{ background:none!important;}


.testimonial-C .carousel-control{ width:30px; bottom:0;}

.testimonial-C  .carousel-caption{ width:100%;  margin:0px auto; margin-top:0px!important; padding-top:0px; float:none;}

.testimonial-C  .carousel-indicators li{ background:#065172;}
.testimonial-C  .carousel-indicators.active{ background:#043a57;}
.testi-descripton{ text-align:center;}


.testimonial-C  .carousel-indicators{ }

/*.testimonial-C  .carousel-indicators{ left:0;justify-content:left; margin-left:0;}
*/
.prof{ margin:0px -4px;}
.prof .col-lg-4{ padding:0px 4px;}


.carousel-logo{ overflow:hidden; max-width:100px; display:table; margin:10px auto; margin-bottom:30px}
.carousel-logo img{ width:100%; opacity:0.8;}
.testimonial-C p{ font-size:16px;}

#intro2 { 


	background:#000 url(../images/client-bg.jpg) no-repeat  no-repeat 100% 100%; 

    margin: 0 auto; min-height:340px;

    width: 100%; 

    position: relative; height:100%;

    padding: 100px 0; background-attachment:fixed;  margin-top:0px; 

}


.clients{ color:#fff; }

.clients h3{ font-size:13px; font-weight:bold; margin:0px 0px 20px; padding-bottom:5px; border-bottom:1px solid #FFFFFF; display:table; letter-spacing:2px; text-transform:uppercase;}

.clients h4{ font-size:28px; text-transform:capitalize; margin:30px 0px; font-weight:lighter;}

.client-img{ overflow:hidden; border:1px solid #c4c4c5;}
.client-img img{ width:100%;}

.clients .row{ margin:0px -10px;}
.clients .col-12{ padding:0px 10px;}

.home-about-2{ /*background:url(../images/about-bg.jpg);*/ background-size:100% auto; padding:40px 0px; background:url(../images/left-img.jpg) left no-repeat; min-height:530px;}

.home-about-image{ overflow:hidden; border:20px solid #FFFFFF;}
.home-about-image img{ width:100%;}


.home-about-2{ text-align:left;}

.home-about-2 p{ text-align:left; line-height:19px; font-size:13px;}


.home-about-2 h3{ font-weight:900; font-size:37px;}

.home-about-2 h4{ font-weight:200; font-size:20px; margin-bottom:30px;}
.welcome-txt{ width:100%;}


.welcome-right{ margin-top:77px; margin-left:50px;}











.footer{ background:url(../images/footer-bg.jpg) center; padding:75px 0px; color:#222222; background-size:100% auto;}

.ftr-address h3{ font-size:14px; text-transform:uppercase; margin:0px 0px 20px; padding-bottom:5px; text-transform:uppercase; border-bottom:1px solid #222; display:table;}

.ftr-address  ul{ margin:0px 0px; list-style:none; padding:0px 0px; margin-bottom:20px;}
.ftr-address  li{ font-size:14px; margin-bottom:3px;}

.ftr-address p{ font-size:14px; margin-bottom:3px;}
.ftr-address p b{ font-weight:bold;}



.footer-menu{ margin:0px 0px; list-style:none; margin-top:0px;}

.ftr-brands{ color:#fff; margin-left:35px; }
.ftr-brands li a{ color:#FFFFFF;}
.ftr-brands h3{ font-size:14px; text-transform:uppercase; font-weight:bold; margin:0px 0px 10px;}
.ftr-brands h4{ margin-bottom:3x;font-size:15px;}
.ftr-brands h4 a{ color:#FFFFFF;  font-weight:500; margin-bottom:5px;}

.footer-menu  ul{ padding:0px 0xp;}

.footer-menu li{ text-transform:uppercase; font-size:13.5px; margin-bottom:10px;}
.footer-menu li a{ color:#222;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.footer-menu li a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#48acff}

.footer p a{color:#222;}

.footer-bottom { padding:20px 0px;}
.footer-bottom ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
.footer-bottom li{ float:left; margin-right:10px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.footer-bottom li img{ width:40px;}
.footer-bottom li:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;opacity:0.5;}

.footer-bottom p{ font-size:12px; margin-top:10px; margin-bottom:0px; float:right;}

.ftr-srv ul{ list-style:none; margin:0px 0px; padding:0px 0px;}
.ftr-srv ul li{ margin-bottom:7px;}
.ftr-srv ul a{ }




.vi-mis{ background:url(../images/vsms.jpg); background-size:100% auto; padding:60px 0px; color:#FFFFFF; background:url(../images/mission-bg.jpg) no-repeat; background-size:100% auto; }


.mos-box{width:80%; margin:0px auto; display:table;}
.vi-mis h3{ text-transform:uppercase; font-size:18px; font-weight:bold;}



.vs-ms-icon{ overflow:hidden; width:100px; height:100px; border-radius:50%; background:#FFFFFF; margin-bottom:30px; padding:10px;-webkit-box-shadow: 4px 4px 1px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    4px 4px 1px 0px rgba(50, 50, 50, 0.32);
box-shadow:         4px 4px 1px 0px rgba(50, 50, 50, 0.32); border:10px solid #f1f1f1; }
.vs-ms-icon img{ width:100%;}

.vi-mis p{ font-size:13px;}

#intro { 
	background:#000 url(../images/parrallax-img.jpg)no-repeat  no-repeat 100% 100%; 
    margin: 0 auto; min-height:340px;width: 100%; position: relative; height:100%;  padding: 130px 0; background-attachment:fixed;  margin-top:0px; }

.intro-icon{ margin-bottom:20px; overflow:hidden;}
.intro-boder-box{ padding:15px; text-align:center; border:2px solid #173378; color:#FFFFFF; min-height:250px; }
.intro-boder-box h3{ font-size:16px; text-transform:uppercase; font-weight:normal; background:url(../images/h3-border.png) bottom no-repeat; padding-bottom:10px; margin:0p auto; margin-bottom:0px;}

.intro-boder-box p{ font-size:14px; line-height:22px; margin-bottom:0px;}









/**/

.bannerC{ position:relative; overflow:hidden;}

.bannerC img{ width:100%;}

.bannerC .logo-icon img{ max-width:100px;}

.red-btn{ background:#c0524b; color:#FFFFFF; text-transform:uppercase; padding:8px 15px; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.green-btn{ background:#0d393d; color:#FFFFFF; text-transform:uppercase; padding:8px 15px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.green-btn:hover{ color:#FFFFFF;background:#c0524b; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.red-btn:hover{ color:#FFFFFF;background:#0d393d;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}



.banner-btn{ position:absolute; right:60%; top:40%;}


.banner-btn a{ display:table;}

.banner-btn  br{ line-height:10px;}

.inner{font-family: 'Open Sans', sans-serif; background:url(../images/bg.png) top no-repeat; background-size:100% auto; padding:30px 0px; }

.page-title{ }

.page-title h1{ margin:20px 0px 20px;font-weight:bold; font-size:30px; color:#333; text-transform:uppercase;}

.inner p{ font-size:14px; line-height:20px;}


.about-img{ overflow:hidden;}
.about-img img{ width:100%;}


.vis h3{ font-size:16px; text-transform:uppercase; margin:0px 0px 15px; font-weight:bold;}


.inner ul{ margin:0px 0px; padding:0px 0px 0px 15px;}



.inner h4{ font-size:30px; font-weight:bold; margin:40px 0px 15px}

.inner h5{ font-weight:bold; font-size:17px;}



.banner-cap{ position:absolute; bottom:9%; left:15%; color:#FFFFFF;}

.banner-cap h1{ font-size:45px;}

.banner-cap h2{ font-size:18px; text-transform:uppercase; margin-bottom:15px;}
.banner-cap a{color:
#FFF;
text-transform: uppercase;
padding: 10px 14px;
border: 1px solid
#FFF;
display: table;}

.grp{ margin-bottom:30px;}

.group-img{ overflow:hidden; border:1px solid #c4c4c4;}
.group-img img{ width:100%;}

.grp h3{ text-transform:uppercase; font-weight:bold; margin:0px 0px 10px; font-size:16px; margin-top:50px;}


.ns-image{ border:none;}






.top20{ margin-top:30px;}



.ca-logos{ background:#ffffff; padding:30px 0px; text-align:center; border-top:1px solid #f2f2f2;}

.ca-logos .col-lg-4{ border-right:1px solid #f2f2f2;}

.ca-logos .col-lg-4:last-child{ border:none;}






.news-01 h3{ margin:0px 0px 15px; text-transform:uppercase; font-weight:bold;}

.news-01 h4{ color:#FFFFFF; padding:6px; display:table; text-transform:uppercase; font-size:12px; text-transform:uppercase; font-weight:bold; background:#c0524b; margin:0px 0px 15px}


.pro-img1{ overflow:hidden; margin-bottom:20px;}
.pro-img1 img{ max-width:100%;}

.pro-more{ color:#0f4c55;}
.pro-more .fa{ margin-left:10px;}
.pro-txt-1{ margin-bottom:20px;}



.proC{ overflow:hidden;}
.pro-img{ overflow:hidden; border:1px solid #c4c4c4; margin-bottom:15px;}

.proC h3{ font-size:20px; font-weight:bold; text-transform:uppercase; color:#0f4c55; margin:0px 0px 15px;}

.pro-txt{ margin-bottom:15px;}

.pr-bx{ margin-top:50px;}




.dtl-top{ margin-bottom:25px;}

.top-logo-bx{ overflow:hidden; float:left; margin:0px 30px 20px 0px; display:table;}

.dtl-top p{ }

.dtl-top h4{ font-weight:lighter; text-transform:uppercase;}







.cts h3{ color:#6e6e6e; font-size:14px; font-weight:200; margin:0px 0px;}
.cts h4{ color:#6e6e6e; font-size:18px; font-weight:900; margin:35px 0px;}

.ct-bx{ background:#274795; color:#FFF;}
.ct-bx a{ color:#fff;}

.adr-sec{ margin-top:30px; margin-left:100px;}

.adr-icon{ float:left; width:100px;}
.ct-bx ul{ list-style:none; margin:0px 0px 15px; padding:0px 0px;}
.adr-list{ padding-left:20px; float:left;}
.adr-list h3{ margin:0px 0px; padding:0px 0px; font-size:20px; font-weight:normal; margin-bottom:15px;}

.adress-img{ overflow:hidden;}
.adress-img img{ width:100%;}


.send-btn{ background:none; border:none; color:#000; font-weight:bold; text-transform:uppercase; font-size:14px;	-webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}

.send-btn:hover{ color:#254695; cursor:pointer;	-webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.g-map{ margin-top:50px;}

.quote{ margin-bottom:100px;}
.quote {}

.quote .formC{ background:#f2f2f2; padding:30px;}

.formC h3{ font-size:12px; text-transform:uppercase;}

.textBox{ width:100%; height:40px; border:1px solid #d6d6d6; padding-left:10px; margin-bottom:10px;}

.textArea{ width:100%; height:80px; border:1px solid #d6d6d6; padding-left:10px; margin-bottom:10px; padding-top:10px;}
.quote button{ color:#000; font-weight:bold; font-size:14px; background:none; border:none; text-transform:uppercase;-webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}

.quote button:hover{ color:red;-webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.address-box{ color:#FFF; padding:40px; margin-top:80px;}
.address-box{ font-size:24px; text-transform:uppercase; background:#666666; font-variant:normal;}

.address-box h3{ font-weight:lighter; letter-spacing:2px; bottom left no-repeat; padding-bottom:10px; font-size:24px;}
.address-box h3 b{ font-weight:500; }
.address-box h4{ font-weight:lighter; font-size:12px; text-transform:uppercase; line-height:18px;}

.address-box a{ color:#FFF;}

.em-box{ font-family:Arial, Helvetica, sans-serif; border-right:1px solid #8a8585;}
.bx-2{ border:none!important;}
.em-box h5{ font-size:12px; text-transform:uppercase; font-variant:normal;}
.em-box h6{ font-size:24px; font-weight:normal; text-transform:none;}

.off-address{ font-family:Arial, Helvetica, sans-serif; border-top:1px solid #8a8585; padding-top:15px;}

.off-address h4{ font-size:12px; margin:0px 0px;}
.off-address h5{ font-size:15px; text-transform:none; margin:10px 0px 0px;}


.contact{}

.contact h2{ margin:30px 0px; font-weight:300; font-size:19px;}

.contact h3{ margin-bottom:25px}

.adr-list h3{ font-size:15px; text-transform:uppercase; margin-bottom:10px; font-weight:bold;}
.contact .g-map{ margin-bottom:50px}




.srv-detail{}

.srv-detail h3{ margin:15px 0px 20px; text-transform:uppercase; font-size:18px;}
.srv-detail ul{ margin:20px 0px; padding:0px 0px 0px 15px; list-style:disc;}


.service-dtlimg{ overflow:hidden;}
.service-dtlimg img{ width:100%}

.news-icon{background:#264796; color:#999999; width:80px; height:80px;  line-height:80px; text-align:center; margin-bottom:15px; 
border-radius:50%; border:5px solid #edecec;}
.news-icon .fa{ font-size:30px; color:#FFFFFF;}

.news-box{ padding:30px; border:1px solid #f6f6f6; margin-bottom:30px;transition: all 0.5s ease 0s; background:#fefefe}
.news-box h4{ text-transform:uppercase;  font-size:15px; margin:0px 0px 20px;}

.news-box:hover{box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);transition: all 0.5s ease 0s; }
	.news-box a{ color:#264796; text-transform:uppercase; font-weight:bold;}

.fix-height{ line-height:normal;}

#cssmenu > ul > li { padding-bottom:35px;}
.header-inner{ max-height:75px;}

#cssmenu  ul ul{ margin-top:50px;}

#cssmenu  ul ul ul{ margin-top:0px;}


.md-msg{ background:#f4f4f4; padding:30px; margin:30px 0px;}

.md-msg h3{ font-size:24px; font-weight:bold; margin:0px 0px 15px;}

.md-msg p{ font-style:italic; font-size:14px; line-height:26px;}

.md-msg{ overflow:hidden;}
.md-msg img{ width:100%;}

.md-msg h4{ font-size:14px; font-weight:bold; margin:10px 0px 0px; text-align:center;}

.ceo-img{ overflow:hidden; border:10px solid #FFFFFF;}


.whats-aap{ position:fixed; overflow:hidden; bottom:10px; right:30px; text-align:center;  }

.whats-aap-ic{width:100px; height:auto; margin:0px auto; text-align:center; display:table;}

.whats-aap img{ width:70%;  border-radius:50%;}

.whats-aap h5{ padding:8px 13px; border-radius:4px; background:#359704; color:#FFFFFF; font-weight:bold; margin:10px auto; margin-bottom:0px; font-size:11px;  display:table; text-align:center;}


 @media (min-width: 1300px) { .container { max-width: 1250px;}}
 
  @media all and (max-width: 760px) {
  
  
  .ftr-address h3{ margin-top:20px; margin-bottom:15px;}
 
 .md-msg h3{ text-align:center; font-size:20px; margin-top:15px;}
 
	
	.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:16px!important;}

#cssmenu .submenu-button{ width:50px; height:50px;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; color:#f039a7!important;}
#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:35px!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.active{color:#b5b5b5!important;}


#cssmenu > ul > li a:hover{color:#930033;}


#cssmenu{ z-index:1;}

.menu-button{ margin-top:0px!important;}
#cssmenu{ padding:10px 0px!important;}

 #cssmenu{ top:30px;}
 
 .carousel-indicators{ z-index:-1;}
 
 
 .logo{ max-width:50px;}
 .top-contact{padding:8px; padding-left:40px; margin-top:7px;}
 .top-contact::before{ left:8px; background:url(../images/ph.png); width:20px; height:20px; background-size:100%;}
 .right-al{ float:left!important;}
 
 .top-contact{ font-size:13px; color:#000000; background:none;}
 
#cssmenu{ top:3px;} 
 
 .carousel-caption h1{ font-size:12px;}
 .carousel-caption h2{ font-size:16px; margin-bottom:10px;}
 .carousel-caption a{ padding:8px; font-size:11px;}
 .carousel-caption{ bottom:30px;}
 #intro{ padding:50px 0px 30px;}
 .intro-boder-box{ margin-bottom:20px;}
 .home-about-2{ background:#fff;}
 
.welcome-right{ margin:0px 0px;}


.servive-sec{ padding:40px 0px}
.brand-testiC{ padding:40px 0px; background:#fff;}
.testimonial-C h6{ margin-bottom:0px;}
.brand-testiC{ padding-bottom:0px; min-height:200px;}
#intro2{ min-height:100px; padding:40px 0px;}

.footer{ background:#f2f2f2;}

.ftr-srv{ background:#254695; color:#FFFFFF; padding-top:30px; padding-bottom:25px;}
.footer-menu{ margin:30px 0px!important; padding:0px 0px;}

.footer-menu li{ float:none; margin-bottom:10px;}
.ftr-brands{ margin-left:0px;}
.footer{ padding-bottom:0px}

.footer-bottom ul{ margin:15px 0px;}
.page-title h1{ font-size:20px;margin:0px 0px 15px;}



.about-img{ margin-bottom:20px;}

.ca-logo{ max-width:80px; overflow:hidden; margin:20px auto; text-align:center;}
.ca-logo img{ width:100%;}


.service-dtlimg{ margin-bottom:30px;}
.bannerC{ margin-bottom:20px;}

.adr-icon{ width:70px; overflow:hidden; display:none;}
.adr-icon img{ width:100%;}
.adr-sec{ margin-left:0px;}

.adress-img{ margin-top:30px}

p{ text-align:justify;}
.home-about-2 p{ text-align:justify;}
.adr-sec{ margin:30px;}
.adr-list{ padding-left:0px;}

.footer{ padding-top:40px;}
.srv-img{height:auto;}
.srv-img img{ min-height:none;}

 }
 
 


