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

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
 


 body { margin: 0px 0px;padding:0px 0p;color:#666666;     font-family: 'Poppins', sans-serif;font-size:14px; }

.top{ background:#000000; color:#fff; padding:5px 0px;}
.top a{ color:#FFFFFF;}
.top-info { font-size:13px; }
.top-info .fa{ margin-right:5px;}
.top-info span{ margin-right:10px; display:table; float:left;}
a:hover{ text-decoration:none;}
.top-contact{ background:#4d4d4d; padding:10px; display:table; float:left; text-transform:uppercase; font-size:13px;}
.top-social-media{ display:table; float:left; list-style:none; margin:0px 0px; padding:0px 0px; margin-left:20px; margin-top:0px;}
.top-social-media li { margin-left:15px; float:left;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.top-social-media li:hover {opacity:0.8;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.flt-right{ float:right;}
.logo{ margin:5px 0px;}

#cssmenu{ margin-top:20px;}
.top-cap{ text-align:center; margin:0px auto;}




.header-inner{ }
#cssmenu > ul > li{font-size:13px;  font-weight:500; margin-left:28px; text-transform:uppercase; }
#cssmenu > ul > li a{ color:#4c4c4c;  padding:20px 0px 25px 10px;  }
#cssmenu > ul ul li a{ background:none;}
#cssmenu{ float:right;}
#cssmenu > ul > li a:hover{ color:#00569d;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
#cssmenu > ul > li a.active{ color:#2994c9!important;/*background:url(../images/nav-border-active.jpg) no-repeat left bottom; */}

#cssmenu > ul ul li {  text-transform:capitalize;}
#cssmenu > ul > li a{ position:relative; font-weight:500;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.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;}

#cssmenu > ul ul{ background:#333;}

#cssmenu > ul ul li a:hover{ background:#FFFFFF; color:#000000;}
#cssmenu > ul ul a{ font-weight:normal!important;}



.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; }

.home-slider{  overflow:hidden;}




.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%;}



.sliderC{ position:relative;}


.sliderC .carousel-caption{ text-align:left; left:8%; top:29%; bottom:0; padding-left:30px; padding-top:30px; color:#FFF;  right:auto; bottom:auto; padding-right:20px; text-shadow:1px 1px #333; }

.carousel-caption h1{ font-size:35px; margin-top:0px; font-weight:200;text-transform:uppercase; margin:0px 0px; }

.carousel-caption h2{ font-size:48px;  font-weight:800; text-align:left; margin:0px; text-transform:uppercase;  letter-spacing:2px;margin:0px 0px; background:url(../images/bottom-border.jpg) left bottom no-repeat; padding-bottom:5px; margin-bottom:15px;}


.carousel-caption a{ color:#FFF; text-transform:uppercase;   overflow:hidden; display:block;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }
 
.carousel-caption a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;  color:#d99536;}
 .slide-right{ width:30%; position:absolute; right:0; bottom:0; background:#bcbdbd; top:0;}
 
 
 
 .top-right{ font-size:12px;}
 .top-right .fa{ margin-right:5px;}
  .top-right span{ margin-left:10px;}
  .whts .fa{ color:#1ceb60;}
  
  .slider-box{ background:url(../images/banner-top-bg.jpg); background-size:100% 100%; text-align:center; padding:30px; color:#FFFFFF; margin-top:-80px;}
 
   .slider-box h2{ font-weight:800; font-size:50px; margin:0px auto; margin-bottom:20px;}
    .slider-box h3{ font-size:19px; text-transform:uppercase; margin:5px auto; font-weight:normal; letter-spacing:2px;}
    .slider-box h4{ font-size:15px;  margin:5px auto; font-weight:normal; letter-spacing:2px; max-width:80%;}	
	


.main-title{ position:relative; margin:30px 0px;}
.main-title h2{ font-size:80px; text-transform:uppercase; font-weight:bold; color:#f5f5f5; letter-spacing:2px;}
.main-title h3{ color:#333333; font-size:32px; text-transform:uppercase; position:absolute; top:35%; margin-left:15px;letter-spacing:2px;}	


.product-Box{ background:#303849; color:#FFFFFF; margin-bottom:10px;}	
.pro-img img{ width:100%;}
.pro-img{ overflow:hidden;}
.product-Box h3{ font-size:24px; text-transform:uppercase; color:#75d8ed; line-height:20px; font-weight:bold;}
.product-txt{ font-size:13px; }
.product-Box  a{ color:#000000; text-transform:uppercase; padding:8px 10px; display:table; background:#FFFFFF;}

.pro-rt{ padding:20px 0px;}
	
.prt{ margin:0px -5px; margin-bottom:50px;}
.c-6{ padding:0px 5px;}

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

}

#intro1 { background:url(../images/counter-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; 
 width: 100%;   position: relative; height:100%;  padding: 80px 0; background-attachment:fixed;  margin-top:0px; 

}

.about-sec{ color:#FFFFFF;}


.about-bx{ background:#737376; padding:50px; border:15px solid rgba(255, 255, 255, 0.2);}

.about-sec h2{ text-transform:uppercase; font-size:24px; font-weight:300; margin-top:60px;}
.about-sec h2 b{ font-size:50px; font-weight:900;}


.about-txt{}
.about-sec a{ color:#000000; text-transform:uppercase; padding:8px 10px; display:table; background:#FFFFFF;}

.about-img{ overflow:hidden; border:2px solid #FFFFFF;}
.about-img img{ width:100%;}

.counter-bx{ display:block; padding:30px; border:2px solid #FFFFFF; color:#FFFFFF; display:block; overflow:hidden;}
.counter-bx h3{ float:left; font-size:60px; font-weight:bold; margin:0px 15px 0px 0px;}
.counter-bx h4{ float:left; font-size:18px; font-weight:normal; margin:10px 0px 0px;}

.project-c{ overflow:hidden; position:relative;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.project-c img{ width:100%;}

.over-lay{ opacity:0;position:absolute; top:0; left:0; right:0; bottom:0; margin:0px auto; text-align:center; color:#FFFFFF; text-transform:uppercase; font-size:13px; background:rgba(0, 0, 0, 0.5);-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.over-lay h3{ font-size:20px; font-weight:bold; color:#FFFFFF; margin-top:47%;}
.project-c:hover .over-lay{opacity:1;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.prj-row{ margin:0px -1px;}
.prj-row .col-lg-4{ padding:0px 1px;}

.prj{ margin-bottom:70px;}

.black-sec{ background:url(../images/balck-img.jpg) no-repeat; background-size:100% 100%; text-align:center; overflow:hidden; display:block;padding:80px 0px;}
.black-sec h2{ color:#75d8ed; font-weight:900; font-size:48px;}

.black-sec h3{ color:#fff; font-weight:900; font-size:18px; text-transform:uppercase; background:url(../images/blue-border.jpg) bottom no-repeat center; padding-bottom:10px; background:url(../images/blue-border.jpg) bottom center no-repeat; padding-bottom:15px; margin-bottom:25px; }
.black-sec p{  color:#FFFFFF; font-size:16px; margin:10px auto; line-height:20px;color:#fff; max-width:50%; c!important;}
.black-sec a{ background:#579dc3; color:#FFFFFF; display:table; padding:10px 25px; border-radius:25px; text-transform:uppercase; margin:5px auto; display:table; margin-top:25px;}



.client-sec{ margin-top:60px; margin-bottom:60px;}
.client-sec h3{ font-size:30px; font-weight:600; margin:0px 0px 10px; text-transform:uppercase;}
.client-img{ overflow:hidden; border:1px solid #b2b2b2;}
.client-img img{ width:100%;}

.cl-5{ flex: 0 0 20%;
max-width: 20%;  padding:0px 15px;}

.footer-top-cap { color:#FFFFFF; padding:50px 0px; background:#2f3849;}
.footer-top-cap h3{ font-size:22px; font-weight:normal;}
footer-top-cap{ font-size:22px; font-weight: normal; margin:0px 0px;}
.footer-top-cap ul{ line-height:normal; margin:3px 0px; padding:0px 0px; list-style:none;}
.footer-top-cap ul li{ font-size:15px; font-weight:normal; position:relative; padding-right:10px; margin-right:10px; float:left;}
.footer-top-cap ul li:after{ position:absolute; top:5px; right:0px; height:15px; width:1px; content:''; background:#FFFFFF; }
.footer-top-cap ul li:last-child:after{ display:none;}

footer{ padding:50px 0px 20px; color:#505050; background:#f5f6fa url(../images/footer-bg.jpg);}
footer h3{ text-transform:uppercase; font-size:25px; font-weight:bold; margin:0px 0px 20px;}
footer ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
footer li{ font-size:14px; margin-bottom:10px;}
footer li a{color:#505050;}

.footer-social li{ float:left; margin-right:5px; margin-bottom:0px;}
footer input{ background:#878787; color:#fff; padding-left:10px; height:35px; border:none; border-radius:2px; margin-bottom:10px; font-size:13px;}

footer button{ text-transform:uppercase; font-weight:bold; font-size:14px; color:#FFFFFF; padding:8px 15px; border:none; border-radius:2px; background:#77afce;}

.copy-right{ font-size:13px; color:#000000; margin-top:50px;}


/*about*/

.bannerC{ overflow:hidden; position:relative; margin-bottom:30px;}
.bannerC img{ width:100%;}
.banner-cap{ position:absolute; top:40%; left:0; right:0;}
.banner-cap h1{ font-size:45px; text-transform:uppercase; font-weight:normal; color:#d99536;}

.page-title h2{ font-size:30px; text-transform:uppercase; font-weight:900; margin:0px 0px 20px;}




/*contact*/

.contact-top{ background:url(../images/top-contact.jpg); background-size: 100% 100% ;  padding:20px; overflow:hidden; border:1px solid #0069b1}
.contact-top ul{ margin:0px 0px; padding:0px 0px; list-style:none;}

.ct-social{ float:left; margin:0px 0px; list-style:none; margin-top:55px;}
.ct-social li{ float:left; margin-right:10px;}
.tp-sc{}
.tp-sc h4{ float:left; margin-top:60px; margin-right:10px; text-transform:uppercase; font-weight:bold; color:#000000;}

.adr{ color:#FFFFFF;}

.contact-top h3{ font-size:16px; text-transform:uppercase; margin:0px 0px 15px; font-weight:bold;}


.contact-top ul li{ font-size:14px;}

.contact-img{ overflow:hidden; position:relative; text-transform:uppercase;}

.contact-form-txt{ position:absolute; bottom:20px; text-align:center; left:0; right:0; color:#FFFFFF;}
.contact-img { overflow:hidden;}
.contact-img img { width:100%;}
.c-t{ margin-bottom:50px;}

.contact-form-txt h4{ font-size:18px; text-transform:uppercase;}
.contact-form-txt h5{ font-size:18px; font-weight:lighter;}



.textBox{ width:100%; height:50px; border:1px solid #ebebeb; padding-left:10px; margin-bottom:30px;}
.textArea{ width:100%; height:150px; border:1px solid #ebebeb; padding-left:10px; margin-bottom:30px; padding-top:10px;}

.g-map{ margin-top:30px;}

.send-btn{ color:#fff; padding:10px 20px; border:none; text-transform:uppercase; font-weight:bold;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#0b6faa; border:none; cursor:pointer;}
.send-btn:hover{ background:#333;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.contact-form h3{text-transform:uppercase; font-size:22px; color:#000000; margin:0px 0px 20px; font-weight:bold;}

.inner-page{ margin-bottom:35px;}
.inner-page .pro-box{ margin-bottom:30px;}



/*gallery*/



.gallery-C {
  position: relative; overflow:hidden;

}

.gallery-img { overflow:hidden; position:relative; margin-bottom:30px; }
.gallery-img img{
  display: block; width:100%;
  
  height: auto; 
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
 background:rgba(0, 0, 0, 0.5) no-repeat; background-size:100% 100%; 
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.gallery-C:hover .overlay {
  height: 100%;
}


.over-txt .fa{ color:#FFFFFF; font-size:25px; margin-bottom:20px;}
.over-txt h3{ color:#FFFFFF; font-weight:normal;}


.overlay h5{ text-align:center; color:#FFFFFF; margin:20px auto; text-transform:uppercase;}

.read-more{ font-size:15px; text-transform:uppercase; background:#ffffff; color:#000; padding:8px 16px; display:table; margin:5px auto; border-radius:4px;transition:all .5s ease 0s;}

.gallery-C  .view-large{color:#FFFFFF; text-transform:uppercase; position:absolute; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; top:40%; left:0; right:0; width:100%; display:table; text-align:center; } 

.view-large .fa{ font-size:13px; padding:10px; border:1px solid #9f9283;  border-radius:3px; background:rgba(0, 0, 0, 0.5); display:table; margin:0px auto; text-align:center;}

.inner-page .project-c{ margin-bottom:30px;}

	

  
 .about h3{ text-transform:uppercase; display:table; border-bottom:5px solid #666666; font-size:13px; font-weight:bold;} 
  
  
   .about h4{ font-size:30px; text-transform:uppercase; font-weight:lighter; letter-spacing:2px;}
  
     .about h5{ font-size:16px; text-transform:uppercase; font-weight:lighter; letter-spacing:2px; border-top:1px solid #666; display:table; margin-top:50px;}

  .abt-right{ padding-top:70px; background:url(../images/about-right.png) center no-repeat; min-height:300px; }
  	

.about-image{ overflow:hidden;}
.about-image img{ width:100%;}	

.ab-vis{ margin-top:50px;}
.ab-vis h3{ text-transform:uppercase; font-size:20px; font-weight:bold;}

.abt-main-img{ position:relative; padding:50px 50px 0px 20px; }
.abt-main-img img{border:5px solid #CCCCCC}
.about-img-border{ background:#006fb1; width:100px; height:250px; border:5px solid #FFFFFF; position:absolute; top:0; right:0;}

.aboutus-txt{ margin-top:50px;}
.aboutus-txt span{ text-transform:uppercase;}
	
@media (min-width: 1300px) {
.container {max-width: 1250px;

}
}
	.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%;}

.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;}
	
	.carousel-indicators{ display:none;}
	
	.product-Box{min-height:394px;}
	.product-Box h3{font-size:20px;}
	.pro-img{margin:10px; border:1px solid #fff;}
	.pro-rt{padding-right:10px;}
	
 @media all and (max-width: 760px) {

	.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;}
#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; 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 > ul ul{ background:#404040;}

#cssmenu{ z-index:20;}

.menu-button{ margin-top:2px!important;}
#cssmenu{ padding:10px 0px!important;}

 #cssmenu{ top:30px;}


.timimg{ display:none}
.logo{ width:70px; overflow:hidden;}
.logo img{ width:100%;}

.slider-box{ position:static; padding:15px; margin-top:25px;}
.carousel-caption h1{ font-size:13px;}
.carousel-caption h2{ font-size:15px; padding-bottom:5px; margin-bottom:5px;}
.carousel-caption a{ font-size:12px;}
.sliderC .carousel-caption{ top:15%; padding-left:0px;}

.slider-box h2{ font-size:30px;}
.slider-box h4{ margin-bottom:25px;}
.main-title h3{ font-size:25px; top:31%;}
.main-title h2{ font-size:42px;}
.pro-rt{ padding:20px;}
.about-bx{ padding:15px;}
.about-sec h2 b{ font-size:35px;}
.about-sec h2{ margin-top:0px;}
.about-sec h2 b{ font-size:24px;}
.about-sec h2{ font-size:18px;}
.about-img{ margin-top:20px;}
.counter-bx{ margin-bottom:15px;}

.project-c{ margin-bottom:5px;}
.black-sec h2{ font-size:40px; font-weight:600; line-height:35px;}
.black-sec p{ max-width:75%;}

.cl-5 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 15px;


}
	
.client-sec .cl-5:last-child{ display:none;}
	.client-img{ margin-bottom:30px;}
	
.client-sec h3{ font-size:25px;}	
.client-sec{ padding:30px 0px;}
.footer-top-cap h3{ font-size:18px;}
footer h3{ font-size:20px; margin-bottom:15px;}
footer button{ margin-bottom:30px;}
footer ul{ margin-bottom:30px;}


.page-title h2{ font-size:20px;}
.aboutus-txt{ margin-top:0px;}
p{ text-align:justify;}
.about-img-border{ display:none;}
.abt-main-img{ padding:0px;}
.about-image{ margin-bottom:20px;}

.contact-top{ background:#0b6faa; color:#FFFFFF; padding:30px;}
.adr{ margin-bottom:25px;}
.tp-sc h4{ margin-top:45px; font-size:15px;}
.ct-social{ padding:0px 0px; margin-top:36px;}
.contact-img { margin-bottom:25px}

.contact-form-txt h4{ font-size:14px;}
.contact-form h3{ font-size:20px;}
.textBox{ margin-bottom:15px;}
.c-t{ margin-bottom:35px;}

#intro1{background:#262c3a;}
.black-sec{background:#545557;}
.top-info { font-size: 11px;}
#cssmenu { top: 25px;}

.slider-box{background:#323a4f;}

#intro{background:#2b2f38;}


}