/*Theme Name: Saishraddha_Graphite_Heat_Exchanger
Theme URI: 
Description:  Theme
Author: lbminfotech
Author URI: http://lbminfotech.com
*/ /* ---------------------------------- */
    * 
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Tiro+Devanagari+Marathi:ital@0;1&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@font-face {
  font-family: "Flaticon";
  src: url("css/fonts/Flaticon.eot");
  src: url("css/fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("css/fonts/Flaticon.woff2") format("woff2"),
       url("css/fonts/Flaticon.woff") format("woff"),
       url("css/fonts/Flaticon.ttf") format("truetype"),
       url("css/fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("css/fonts/Flaticon.svg#Flaticon") format("svg");
  }
	
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 25px;
font-style: normal;
}

.flaticon-right:before { content: "\f100"; }
.flaticon-like:before { content: "\f101"; font-size:45px; }
.flaticon-delivery:before { content: "\f102"; font-size:45px; }
.flaticon-group:before { content: "\f103";  font-size:45px;}
.flaticon-twitter:before { content: "\f104"; }
.flaticon-linkedin:before { content: "\f105"; }
.flaticon-youtube:before { content: "\f106"; }
.flaticon-facebook:before { content: "\f107"; }
.flaticon-pin:before { content: "\f108"; }
.flaticon-phone:before { content: "\f109"; font-size: 16px; margin: 0 10px 0 0;}
.flaticon-envelope:before { content: "\f10a"; font-size: 16px; margin: 0 10px 0 0;}
.flaticon-instagram:before { content: "\f10b"; }
.flaticon-download:before { content: "\f10c"; }body { font-family: 'Poppins'; color: #1b1b1b; line-height: 28px;  font-size: 16px; overflow-x:hidden; background: #fff;}
ul, ol { margin:0; padding:0; } 
a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
.navbar {border:0; width: 100%;}
.navbar-header {position:relative; width: 100% !important;}
.navbar-brand {height:auto; position:absolute;top:30px}
.navbar-brand > img {display: block;width: 100%;height: auto;}
.navbar-nav > li > a {text-transform: uppercase;font-weight: 600;padding: 25px 20px;font-size: 16px;font-family: 'Montserrat', sans-serif;}
.navbar-wrapper .container-fluid{ padding:0 5%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: #fff; padding: 0 3%;}
/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 25%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 120%; height: 0; overflow: hidden; border: none; margin-bottom:0; border-bottom: 5px solid #da1212;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #3673ae; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }

#form1 {padding: 25px 30px;}
#form1 button, input, select, textarea {display: block;width: 100%;line-height: 24px;
height: 55px;font-size: 16px;box-shadow: none;background:transparent;padding: 12px 0;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 8px 0; color:#fff; border: none; border-bottom: 1px solid #c2d4ea;}
#form1 textarea {height: 90px;}
::placeholder{color: #fff !important;}
.enquiryBtn {display: inline-block;}
.innerSection ::placeholder {color: #5e5e5e !important;} 
.innerSection  button, input, select, textarea {display: block;width: 100%;line-height: 24px;
height: 55px;font-size: 16px;box-shadow: none;background:transparent;padding: 12px 15px;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 8px 0; color:#5e5e5e; border: 1px solid #d2d2d2;}
.innerSection  textarea {height: 90px;}
.innerSection .col-md-2 {width: 19.666667%;}
.subbtn {background: #c90000 !important;display: inline-block;padding: 10px 30px !important;text-align: center;color: #fff;font-size: 17px;font-weight: 600;text-transform: uppercase;text-decoration: none;transition: all 1s;border: none; margin: 20px 0 0 0 !important;}
.subbtn:hover{background:#000 !important;}
.map {width: 100%; float: left; }
.contactDetails {width: 100%; float: left;}
.contactDetails h4{text-transform:uppercase; font-weight: bold; font-size: 20px; color: #000; margin: 0 0 15px 0;}
#carousel-example-generic .item img{width: 100%; }
/*---dropdown------*/
.nav {
	list-style: none;
}
.sub-menu {
	list-style: none;
	padding: 5px 10px;
	margin: 0;
}
.collapse.navbar-collapse.navbar-ex1-collapse ul li ul {
	display: none;
	position: absolute;
	top: 68px !important;
	 z-index:9999; 
}

.collapse.navbar-collapse.navbar-ex1-collapse ul ul a{color:#fff;}
.collapse.navbar-collapse.navbar-ex1-collapse ul li:hover > ul {
	display: block;
}
.sub-menu li{border-bottom:1px dotted #ccc; background: #1c5fb0; width: 380px;padding: 6px 10px;}
.sub-menu li:last-child{border-bottom:none !important;}
.sub-menu li:hover{border-bottom:1px dotted #ccc; background: #da1212;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
	color: #762162;
}
/*----------------------------------------*/

/************index page***************/
.header {width: 100%; float: left; background: #fff;}
.header img {width: 100%; height: auto;}
.logoInfo {width: 100%; background: #1c5fb0; position: relative; padding:4px 0;}
.logoCon {position: relative; bottom: -10px; z-index: 10 !important;}
.topInfo .container-fluid {margin: 0 3%;}
.topInfo {color: #fff; font-size: 14px;}
.topInfo a {color: #fff; font-size: 14px;}
.logoInfo ul { float: right;}
.logoInfo li {list-style: none;float: left;margin: 0 0 0 40px;}
.logoInfo li img {float: left; padding-top:5px; width:20px;}
.logoInfo li p {font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: 500; color: #000; line-height: 23px;padding-right: 25px;}
.logoInfo li p span, .logoInfo li p span a{font-size: 17px;font-weight: 500; color: #cd0505; display: block;}
.navbar-wrapper {position: absolute;width: 100%;}
.topInfo { -webkit-transition:-webkit-transition: margin .7s ease-in-out; -moz-transition: margin .7s ease-in-out; transition: margin .7s ease-in-out}
.subMenu {width: 100%;padding: 0;}
#myCarousel {width: 100%; float: left;}
.carouselLine {width: 100%; position: absolute; bottom: -35px; text-align: center; z-index:100 !important;}	
.carousel-caption img {width: auto; height: auto; float: left; }
.carousel-caption h2 {font-size: 30px; color: #fff; padding: 0; font-weight: 400;text-transform: capitalize;}
.carousel {margin-top:8%;}
.carousel-indicators {
	position: absolute;
	bottom: 50px;
	z-index: 15;
	width: 100%;
	text-align: left;
	list-style: none;
	left: 54px;
}
.carousel-caption {
	position: absolute;
	bottom: 16%;
	text-align: left;
	left: 0;
	z-index: 7;
	width: 100%;
	padding: 30px 0 30px 50px;
	background: rgba(0,0,0,0.3);
	width: 60%;
}
.carousel-caption h1 {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
	line-height: 53px;
	font-size: 41px;
}
/********* Welcome Section ******/
#welcomeSection {width: 100%; float: left; position: relative; padding: 60px 0;  }
#welcomeSection h1{text-transform:uppercase; font-weight: bold; font-size: 38px; color: #000; margin: 0 0 30px 0;}
#welcomeSection h1 span {display: block; font-size: 30px; color: #737373; text-transform: none; font-weight: 400; padding: 0 0 10px 0;}
#welcomeSection .col-sm-8 {padding: 0 0 0 70px !important;}
#welcomeSection p {margin: 0 0 20px 0;}
#welcomeSection .hvr-rectangle-out {padding: 12px 23px !important; margin: 20px 0 0 0; color: #fff; text-transform: uppercase; font-weight: 500; background: #1c5fb0; font-size: 16px;}
#welcomeSection .hvr-rectangle-out:before {background: #ff8400 !important;}
.boxLine {border-left: 4px solid #1c5fb0; padding: 15px 25px;}
.YearsSec {width: 100%; float: left; position: relative; background: #fafafa; border-top: 6px solid #f5f5f5;  padding: 60px 0;}
.YearsSec .col-sm-8 {padding: 0 0 0 70px !important;}
.yearBox {width: 100%; float: left; position: relative; margin: 0 0 -290px 0; z-index: 10;}
.yearCon {width: 33.3333%; float: left; border-right: 1px dashed #000; padding: 0 3%; }
.yearCon:nth-child(2) {padding: 0 1% 0 5%;}
.yearCon:nth-child(3) {border: none;  padding: 0 1% 0 5%;}
.counter {border: 3px dashed #fff;padding:20px 30px; text-align: left; width: 29.33%; float: left;margin: 0 2%;list-style: none;}
.count {font-size: 40px; font-weight: 900; color: #d71c20;}
.yearCon h4{font-size: 25px; font-weight: 700; color: #000; line-height: 32px;}
.yearCon h3{font-weight:600; line-height: 40px; font-size: 23px; margin: 0;}
.yearCon h3 span{font-size: 40px; font-weight: 900; color: #d71c20;}
#welcomeSection .hvr-rectangle-out:before {background: #fff !important; border: 1px solid #1c5fb0; color: #1c5fb0 !important;}
#welcomeSection a {color: #1c5fb0;}
#welcomeSection a:hover {color: #1c5fb0;}
.iso {color: #c00;font-size: 20px;}
/*********productSection******/
#productSection {width: 100%;float: left; position: relative; padding:0 0 60px 0; background:#ffffff; color: #fff !important;}
.prodInfo {background: #fff;border: 1px solid #eee;}
#owl-example2 .owl-item img {width: 100% !important;}
.prodInfo .line{width: 15%;margin: 20px 0;background: #fb7062;height: 2px;}
#productSection h2, #weserveSection h2, .customerSec h2{ font-size:18px; color:#666666; font-weight:400; text-transform:uppercase;margin: 5px 0;}
#productSection h1, #weserveSection h1, .customerSec h1{font-size:35px; font-weight:700;margin: 0;}
#productSection h1 span{ font-weight:300;}
.hvrbox{width: 100% !important;}
#productSection h2 { color:#fff;}
.divider {background: #fff;height:3px;margin: 20px 0;width: 9%;}
.viewAll {background: #1e5799; background: -moz-linear-gradient(left,  #1e5799 0%, #ea3b50 0%, #d32f43 48%, #bd2436 100%, #bd2436 100%); background: -webkit-linear-gradient(left,  #1e5799 0%,#ea3b50 0%,#d32f43 48%,#bd2436 100%,#bd2436 100%); 
background: linear-gradient(to right,  #1e5799 0%,#ea3b50 0%,#d32f43 48%,#bd2436 100%,#bd2436 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#bd2436',GradientType=1 ); color:#fff !important; padding: 10px 20px;text-transform: uppercase;font-size: 15px;float: right;margin-top: 20px; font-weight: 500;}
#owl-example2{margin-top: 25px;}
#owl-example2  .owl-dots, .owl-theme .owl-nav {text-align: left;}
.glyphicon-arrow-right::before {content: "\e092";color: #fb7062;}
/*#owl-example2 span{ color:#1c5fb0;}
#owl-example2 span:hover{ color:#fff ;}*/
#owl-example2 span:before{font-size:22px}
.prodInfo h3{ color:#000; font-size:20px; font-weight: bold; line-height: 25px; margin: 0 0 10px 0;}
.proImg {border-bottom: 1px solid #1c5fb0; }
.proDataCon {padding: 30px; min-height: 250px;}
.proDataCon p:first-child {display: none !important;}
.productInfo {width: 100%; float: left; padding: 60px 0 130px 0; background: #1c5fb0; border-bottom: 10px solid #8eafd8;}
.owlBox {width: 100%; float: left; position: relative; margin: -140px 0 0 0;}
.owl-dots {display: none;} 
#productSection  .owl-next {right: -10% !important; position: absolute !important; top: 45% !important;}
#productSection  .owl-prev {left: -10% !important; position: absolute !important; top: 45% !important;}
.proInfo {width: 100%; border-bottom: 1px solid #1c5fb0;}
#productSection .newInfo {background: #fff; -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.18); box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.18); margin: 0px !important;}
#productSection a {padding: 10px 20px; float: right;}
#productSection .hvr-shutter-out-horizontal {background: #fff !important; color: #1c5fb0; text-transform: uppercase; font-size: 16px; font-weight: 600; border: 1px solid #fff;}
.productInfo .hvr-shutter-out-horizontal:before {background: #1c5fb0 !important;  color: #fff;  border: 1px solid #1c5fb0;}
.productInfo a:hover {color: #fff !important;}
.owlBox a {color: #000 !important; font-size: 15px; padding: 0px !important;}
.owlBox a:hover {color: #1c5fb0 !important; }
.gruopDiv { width: 48%; float: left; margin: 0 1% 30px 1%; border: 1px solid #ccc; padding: 20px; float: left;}
.gruopDiv .proInfo {border-bottom: none; text-align: center;}
.hvrbox .hvrbox-layer_top {background: rgba(28, 95, 176, 0.6);}
.gruopDiv h3 br {display: none;}
.gruopDiv .hvr-shutter-out-horizontal {padding: 8px 18px; font-size: 14px; font-weight: 600;}
.gruopDiv p {margin: 0 0 15px 0;}
.gruopDiv .hvr-shutter-out-horizontal {background: #1c5fb0; color: #fff;}
/*********infrastructure section*******/
.infraSec{width:100%; float:left; background:url(images/infra.jpg) no-repeat left bottom; background-size:100% auto; padding:100px 0; color:#000; background-attachment: fixed;}
.infraBorder {width: 55%;  background: #fff; float: left; padding: 0 2px 0 0;}
.infraInfo {width: 100%; float: left; background: #fff; border-right: 5px solid #da1212; padding: 60px 60px 80px 15%;}
.infraSec h1{text-transform:uppercase; font-weight: bold; font-size: 38px; color: #da1212;}
.infraSec h1 span {display: block; font-size: 20px; color: #000; font-weight: 400; padding: 0 0 10px 0;}
.infraSec p {font-size: 16px; font-weight: 400; margin: 0 0 20px 0;}
.lineRed {width: 10%; margin: 0 90% 20px 0; background: #000; padding: 1px 0 0 0;}
.infraSec .viewAll {float: left !important; margin-top: 12px;}
.infraSec a {padding: 10px 20px;}
.infraSec .hvr-shutter-out-horizontal {background: #da1212 !important; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600;}
.infraSec .hvr-shutter-out-horizontal:before {background: #000000 !important;}
/*------------Why us section------------------*/
.whySection {width: 100%;float: left;padding: 60px 0;background: #fff;text-align: center;}
.whySection h3{text-transform:uppercase; font-weight: bold; font-size: 38px; color: #000;}
.whySection h3 span {display: block; font-size: 20px; color: #000; font-weight: 400; padding: 0 0 10px 0;}
.subText {padding: 0 20%;}
.whySection a {color: #000;}
.servicePatch {color: #00263b; padding: 10px 50px;}
.servicePatch h4 {font-size: 23px; color: #000;font-weight: bold; }
#servicePatch2 .serimg::before {content: ''; background: url(images/arrow1.jpg) no-repeat left top; padding: 50px 100px; background-size: 100% 100%; position: absolute; left: -30%; top: 12%;}
#servicePatch2 .serimg::after {content: ''; background: url(images/arrow2.jpg) no-repeat left center; padding: 50px 100px; background-size: 100% 100%;position: absolute; right: -30%; top: 12%;}
/*********conceptual section*******/
.conceptualSec{width:100%; float:left; background: url(images/customer_bg.jpg) no-repeat left bottom; background-size:100% 100%; padding:10px 0; color:#fff; background-attachment: fixed; text-align: center;}
.conceptLine {width: 100%; float: left; position: relative; background: #fff; padding: 1px 0 0 0; margin: 0 0 140px 0;}
.conceptLine2 {width: 100%; float: left; position: relative; background: #fff; padding: 1px 0 0 0; margin: 160px 0 0 0;}
.conceptualSec h1{font-weight: bold; font-size: 35px; text-transform: uppercase; color: #fff; background: rgba(0,0,0,0.6); display:inline; padding: 15px 20px;  }
.conceptualSec h2 {display: block; font-size: 35px; color: #fff; font-weight: 400; padding: 0 0 20px 0;}

/*********we serve section*******/
#weserveSection{width: 100%;float: left;padding: 70px 0 0 0;background:#ffffff;}
#weserveSection .subText {padding: 0 20%; text-align: center !important;}
#weserveSection h1 {text-align: center; margin: 0 0 20px 0; color: #0b5aba; text-transform: uppercase;}
#weserveSection h2 {text-align: center; font-size: 20px; color: #000;}
#owl-example3 {margin-top: 25px;}
.newInfo {background: #fff; -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.18); box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.18); margin: 15px;}
.newsData {padding: 30px;}
.newsData h3 {font-size:25px; font-weight: bold; margin:0px !important; color: #003399;}
.newsData p{color:#999999; font-weight: 500;} 
.newInfo p:first-child {display: none !important;}
#weserveSection .viewAll {float: left;}
#weserveSection .owl-dots {display: none !important;}
#weserveSection .divider {background: #000; height: 1px; margin: 0 auto 30px auto;}
#weserveSection .owl-next {right: -10% !important; position: absolute !important; top: 40% !important;}
#weserveSection .owl-prev {left: -10% !important; position: absolute !important; top: 40% !important;}

/***News section ********/
#customers{ width:100%; float:left; position:relative; background: url(images/newsBg.jpg) no-repeat left bottom; background-size:100% auto; padding:10px 0; color:#fff; background-attachment: fixed; padding:60px 0; color: #fff;}
#customers .divider, #client_sec .divider{margin: 15px auto;width: 8%;}
#customers h2 {font-weight:700; float: right; font-size:38px; color: #fff; margin: 100px 80px 0 0; line-height: 20px;} 
#customers h2 span {font-weight:400; display: block;font-size:20px; color: #fff; }
#customers .owl-next {left: -34% !important; position: absolute !important; top: 70% !important;}
#customers .owl-prev {left: -39% !important; position: absolute !important; top: 70% !important;}
#customers .owl-carousel .owl-dots.disabled {display: none;}
 
/***Customer presence****/
.newsSec {width: 100%;float: left; position: relative; padding:70px 0; background:#f2f2f2;}
.newsSec .infraBorder {width: 90%; position: relative; background: #fff; float: left; padding: 0 2px 0 0; margin: 0 0 -170px 0; z-index: 10;}
.newsSec .infraInfo {width: 100%; float: left; background: #fff; border-right: 5px solid #da1212; padding:0;}
.newsSec .infraInfo img {width: 100%; height: auto;}
.newsSec h1{text-transform:uppercase; font-weight: bold; font-size: 38px; color: #0b5aba;}
.newsSec h1 span {display: block; font-size: 20px; color: #000; font-weight: 400; padding: 0 0 10px 0;}
.newsSec .lineRed {width: 7%; margin: 0 90% 20px 0; background: #000; padding: 1px 0 0 0;}
.clientLogo {padding: 0 10% 0 0 !important; margin: 0px !important;}
.newsSec .container-fluid {margin: 0px !important; padding: 0px !important;}
#newsSec .owl-nav {display: none !important;}
.newsCont {width: 100%; padding: 30px 35px; background: rgba(0,0,0,0.6); border: 1px solid #aaaaaa;}
a .newsCont {color: #fff;}
a .newsCont span {color: #fff; font-weight:bold;} 
a .newsCont span:hover {color: #da1212;}
.newsLine {width: 10%; margin: 0 90% 20px 0; background: #fff; padding: 1px 0 0 0; margin: 15px 0 20px 0;}
.newsCont h4{font-size: 17px; font-weight: 700; color: #fff;}
.newsCont h5{font-size: 14px !important; font-weight: 300; color: #a6a6a6;}
.newsSec .owl-next {display: none !important;}
.newsSec .owl-prev {display: none !important;}

/***footer ****/
.footerSection {width: 100%;float: left; background:#fff; padding:0; color: #ccc; position: relative;}
.footerSection .col-sm-8 {margin: 0px !important; padding: 0px !important;}
.footerSection .col-sm-4 {margin: 0px !important; padding: 0px !important;}
.followBox {width: 100%; float: left; background: #da1212; padding: 20px 30px; }
.followBox a {float: right !important;}
.followBox h3 {font-size: 20px; text-transform: uppercase; font-weight: bold; color: #fff; margin: 10px 0 0 0;}
.followBox span {border: 3px solid #fff;border-radius: 100%;padding: 15px; display: inline-block;line-height: 1;}
 
.social_links span {border-radius: 100%;padding: 10px 12px; margin: 2px; color: #ffffff;border: 2px solid #fff;}
.social_links span:before {font-size: 16px;}
.social_links span:hover  {background: #fff;color: #940000;-webkit-transition: all 1s;transition: all 1s;border-color: #fff;}
.social_links i {background: #fff;border-radius: 100%;padding: 11px 12px;margin: 2px;color: #a60000;}
.social_links i:before {font-size: 17px; font-weight:500;}
.social_links i:hover  {background: #ff5151;color: #fff;-webkit-transition: all 1s;transition: all 1s;}
.enquiryBox {width: 100%; float: left; background: #1c5fb0; padding: 60px 120px 60px 200px; }
.enquiryBox h1{text-transform:uppercase; font-weight: bold; font-size: 38px; color: #fff; background: url(images/enquiryLine.jpg) no-repeat bottom left; padding: 0 0 35px 0;}
.enquiryBox h1 span {display: block; font-size: 20px; color: #fff; font-weight: 400; padding: 0 0 10px 0;}

.copeRight {width: 100%; float: left; background: #fff; padding:  30px 120px 30px 200px; color: #000; }
.copeRight a {color: #000; text-decoration: none;}
.copeRight a:hover {color: #da1212;}


/*********Inner Page*******/
#inner_header {width: 100%;float: left;height: auto;position: relative;}
#inner_header img {width: 100%;height: auto;}
#inner_header h2 {font-size: 27px;position: absolute;left: 0;font-weight: 600;color: #000;text-transform: uppercase;
background: rgba(255,255,255,0.5);display: inline-block;padding: 18px 25px;bottom: 20%;margin-bottom: 0;
font-weight: bold;}
.innerSection {width: 100%;float: left;padding: 60px 0;position: relative; min-height: 500px;}
.innerSection h2 {font-size: 27px; font-weight: 600; color: #da1212;text-transform: uppercase; padding: 0; font-weight: bold; margin: 0 0 15px 0;}
.innerSection h2 br {display: none;}
.innerSection::before{position: absolute;content: '';right: 0px;top: 0px;width: 265px;height: 265px; z-index:-3;background: url(images/curve-1.png) no-repeat;}
.innerSection .container {width: 80%; margin: 0 10%; }
.innerSection .lineRed {width: 6%;  margin: 0 90% 20px 0; background: #000; padding: 1px 0 0 0;}
#inner-footer {width: 100%; float: left; background: #1c5fb0;}
#inner-footer .col-sm-8 {margin: 0px !important;  padding: 0px !important;}
#inner-footer .col-sm-4 {margin: 0px !important;  padding: 0px !important;}
#inner-footer .followBox {width: 100%; float: left; background: transparent; padding: 40px 120px; margin: 0;}
#inner-footer .followBox h3 {margin: 10px 0 20px 0; float: right;}
#inner-footer .copeRight {background: none; padding: 40px 120px; color: #fff;}
#inner-footer .copeRight a {color: #fff;}
.proData {width: 100%;float: left; background: #fff; }
.proData h3 {width: 100%;font-size: 18px; color: #1c5fb0; ext-transform: none; background: #f6faff;padding: 10px 20px;margin: 12px 0; font-weight: 600;border-left: 3px solid #1c5fb0; display: inline-block;}
.proImages { width: 50%; float: left; margin: 10px auto; background: #fff; border: 1px solid #fdfdfd; padding: 5px; box-shadow: #c3c3c3 0px 0px 6px;}
.proImages img {width: 100%; height: auto;}
.innerSection h4 {font-size: 16px; font-weight: 500; text-align: center; color: #000; text-transform: none; padding: 15px; font-weight: bold; margin: 0 0 0 0; background: #fae1e1;}
.proData ul {margin-bottom:10px;}	
.proData ul li {list-style: none;padding: 3px 0;display: block;}
.proData ul li::before {content: "\e250" !important;font-family: 'Glyphicons Halflings' !important;color: #da1212;margin-right: 5px;font-size: 14px;}
.proDataFloat ul {margin-bottom:10px !important;}	
.proDataFloat ul li {list-style: none;padding: 3px 0;display: block !important; width: 33.33333% !important; float: left !important;}
.proDataFloat ul li::before {content: "\e250" !important;font-family: 'Glyphicons Halflings' !important;color: #da1212;margin-right: 5px;font-size: 14px; }
.contactDetails{background:#f6f6f6; padding: 60px 60px; border-bottom: 5px solid #eaeaea;}
.contactDetails h4 {background: none; font-size: 20px; font-weight: bold; text-align: left; padding:0 0 10px 0;}
.contactDetails hr {  border-top: 1px dashed #000;}
.contactDetails a {color: #000;}

/***wordpress free version removal code***/
.amazingcarousel-image > div, .amazingcarousel-image > div a {background: transparent !important;color: transparent !important;pointer-event: none !important;}
.wonderplugin-gridgallery-item a div{display:none !important;}
#html5-watermark {display: none !important;}
.clients li{ width: 50% !important; float: left !important;}
.gruopDiv .hvrbox img{width: 100% !important;}
#wonderplugingridgallery-3{margin: 0 !important;}
/*********resposnive*******/
@media (min-width: 1400px) {

#customers .owl-prev{left: -53% !important;}
	#customers .owl-next{left: -45% !important;}
	.subbtn{width: 45%;}
	.Flexible-container1 {padding-bottom: 155%;}
}
@media (max-width: 1400px) {
	#customers .owl-prev {
	left: -54% !important;}
	#customers .owl-next {left: -45% !important;}
	.enquiryBox{padding: 60px 120px 44px 200px;}
	.carousel {
	margin-top: 8%;
}
	.Flexible-container1{padding-bottom: 157%;}	
	#inner-footer .followBox{padding: 40px 60px;}
 
}
@media (max-width: 1300px) {

	.enquiryBox{padding: 37px 120px 25px 200px;}
	#productSection .owl-prev{left: -4% !important;}
	#productSection .owl-next{right: -4% !important;}
	#weserveSection .owl-prev{left: -4% !important;}
	#weserveSection .owl-next{right: -4% !important;}
	#customers h2{font-size: 34px;}
	.gruopDiv{height: 570px;}
}
@media (max-width: 1270px) {
	.carousel-caption{bottom: 20%;}
	.enquiryBox {
	padding: 22px 120px 20px 200px;
}
	.Flexible-container1 {
	padding-bottom: 163%;
}
.copeRight{padding: 30px 120px 30px 125px;}
}
@media (max-width: 1200px) {
.container{width:94%;}
.carousel-caption h1 {font-size: 26px;}
	#customers h2 {
	font-size: 28px;
}
	.Flexible-container1 {
	padding-bottom: 167%;
}
.navbar-nav > li > a{padding: 20px 10px;}
.newsCont{padding: 30px 12px;}
.enquiryBox {padding: 22px 120px 20px 100px;}
.copeRight {padding: 30px 120px 30px 100px;}
.collapse.navbar-collapse.navbar-ex1-collapse ul li ul {
	display: none;
	position: absolute;
	top: 53px !important;
	z-index: 9999;
}
}
@media (max-width: 1150px) {
.carousel-caption h1 {font-size: 24px;}
.carousel-caption h1 span {font-size: 16px;}
	.copeRight{padding: 30px 120px 30px 125px;}
	.enquiryBox {
	padding: 22px 120px 20px 125px;
}
	.Flexible-container1 {
	padding-bottom: 178%;
}
}

@media (max-width: 1100px) {
.carousel-caption h1 {font-size: 23px;}

	.enquiryBox {padding: 22px 120px 20px 30px;}
	.copeRight{padding: 22px 120px 20px 30px;}
#customers h2{margin: 100px 46px 0 0;}	
.followBox{padding: 20px 18px;}
}
@media (max-width: 1024px) {
	#inner-footer .followBox{padding: 40px 45px;}
}
@media (max-width: 1000px) {

}
@media (max-width: 991px) {
.navbar-nav > li > a {padding: 29px 15px;}
.navbar-brand {
	width: 90%;
}
.carousel-caption {bottom: 14%;}
.location .col-sm-4:nth-child(2) {padding: 30px 40px 78px 40px;}
.contPageForm {width: 100%;}

.contDetails {
	position: relative;
	clear: both;
	width: 100%;
	left: 0;
	right: 0;
	top: 0; padding:2%;
}
.contDetails .textBox, .contDetails .textBoxMulti {padding: 3%;}
.Flexible-container1 {
	padding-bottom: 233%;
}
	.followBox{padding: 20px 17px;}
	#customers h2{margin: 100px 48px 0 0;}
	#servicePatch2 .serimg::before{padding: 50px 85px;}
	.servicePatch h4{font-size: 20px;}
	#servicePatch2 .serimg::after{padding: 50px 76px;right: -23%;}
	#welcomeSection .col-sm-8 {
	padding: 0 0 0 90px !important;
}
	.navbar-brand > img{width: 100%;}
	.logoCon{bottom: -18px;}
	.carousel-indicators{bottom: 65px;}
	.contactDetails{padding: 60px 25px;}
    .navbar-nav > li > a {
	padding: 25px 12px;
	font-size: 14px;
}
#welcomeSection h1{font-size: 25px;}
.infraInfo{padding: 60px 60px 80px 8%;}
.carousel-indicators {
	bottom: 20px;
}
}
@media (max-width: 950px) {
#welcomeSection .col-sm-8 {padding: 0 0 0 135px !important;}
		.navbar-brand > img{width: 100%;}
	
	
	.servicePatch h4{font-size: 20px;}
	.navbar-nav > li > a {
	padding: 20px 15px;
}

	#welcomeSection h1{font-size: 28px;}
	.YearsSec .col-sm-8 {
	padding: 0 0 0 114px !important;}
	.yearCon h4{font-size: 19px;line-height: 26px;}
	.proDataCon {
	padding: 30px;
	height: 300px;
}
	.newsData h3{font-size: 20px;}
	#customers h2 {
	margin: 100px 0 0 0;
}
	#customers .owl-prev {
	left: -48% !important;
}
	#customers .owl-next {
	left: -38% !important;
}
	.newsCont{padding: 30px 30px;}
	.followBox {
	padding: 20px 5px;
}
	.copeRight {
	padding: 20px 30px;
}
	.Flexible-container1 {
	padding-bottom: 248%;
}
	#inner-footer .copeRight{padding: 40px 40px;}
	#inner-footer .followBox{padding: 40px 40px;}
    .navbar-nav > li > a {
	padding: 25px 12px;
	font-size: 11px;
}
}
@media (max-width: 900px) {
.navbar-nav > li > a {padding: 27px 10px;}
.map {	display: none;}
	#inner-footer .followBox , #inner-footer .copeRight{
	padding: 40px 30px;
}
.YearsSec .col-sm-8 {
	padding: 0 0 0 0 !important;
	width: 100%;
}
.servicePatch, .footerSection .col-sm-8, .footerSection .col-sm-4{width: 100%;}
.enquiryBox {padding: 0 60px;}
.copeRight, .followBox{padding: 20px 60px;}
.followBox a {
	float: left !important;
	margin: 10px 0;
}
.Flexible-container1 {padding-bottom: 120%;}
}
 @media (max-width: 850px) {
.navbar-brand {height: auto;position: absolute;top: -9px;} 
	.navbar-nav > li > a {padding: 16px 10px;font-size: 14px;}
	 .carousel-caption h2{font-size: 22px;}
	 .proDataCon {padding: 30px;height: 350px;}
	 #servicePatch2 .serimg::after{background-size: 75% 100%;right: -34%;}
	 .newsSec .infraBorder{display: none;}
	 .newsSec .col-sm-8,  .newsSec .col-sm-4{width: 100%;}
	 .clientLogo{padding: 10px 20px;}
	 .newsCont h4{font-size: 15px;}
	 .enquiryBox {padding: 30px 40px;}
.footerSection .col-sm-4, .footerSection .col-xs-4, .footerSection .col-sm-8, .footerSection .col-xs-8{width: 100%;}
.Flexible-container1 {padding-bottom: 30%;}
	 .followBox {padding: 20px 30px;}
	 .followBox a {float: left !important;}
	 .followBox h3{margin: 20px 0;}
	 .newsSec{padding: 70px 30px;}
	 .YearsSec .col-sm-8 {
	padding: 0 0 0 0 !important;
	width: 100%;
}
	 .whySection .col-sm-4{width: 100%;}
	 #servicePatch2 .serimg::before, #servicePatch2 .serimg::after{ display: none;}
	 #inner-footer .col-sm-8, #inner-footer .col-sm-4{width: 100%;}
	 #inner-footer .followBox h3 {
	margin: 10px 0 20px 0;
	float: left;
}
	 #inner-footer .followBox{
	padding: 10px 20px;
}
	#inner-footer .copeRight {
	padding: 10px 30px;
}
.logoCon {
	bottom: -55px;
}
.navbar-nav > li > a {
	padding: 16px 9px;
	font-size: 12px;
}
.proDataCon {
	padding: 30px;
	height: 260px;
}
.clientLogo {
	padding: 0 0 0 0 !important;
	margin: 0px !important;
}
.newsSec {
	padding: 70px 20px;
}
#customers .col-sm-4{width: 100%;}
#customers h2{float: left;}
#customers .col-sm-8{width: 100%;margin-top: 50px;}

 }
@media (max-width: 800px) {
.navbar-nav > li > a {padding: 27px 10px; font-size:14px;}
.locContact .col-sm-4:nth-child(1), .locContact .col-sm-4:nth-child(2), .locContact .col-sm-4:nth-child(3) {height: 210px;}
.address span::before {right: -54%;}
.navbar-nav > li > a {padding: 16px 10px;font-size: 12px;}
#welcomeSection .col-sm-8 {padding: 0 0 0 190px !important;}
#welcomeSection h1 {font-size: 20px;}
.newsData h3 {font-size: 16px;}
#customers .col-xs-4.col-sm-4, #customers .col-xs-8.col-sm-8{width: 100%;}
#customers h2{float: left;margin: 30px 0;}
.clientLogo {padding: 0 30px !important;margin: 0px !important;}
.infraBorder{width: 85%;}
.conceptualSec h2{font-size: 25px;}
.conceptualSec h1{font-size: 20px;}
.yearCon:nth-child(2) {
	padding: 0 1% 0 2%;
}
}
@media(min-width:767px) {
	
    .navbar {
        -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
    }
	.top-nav-collapse .navbar-brand { min-width:80px; padding:10px 0;  -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .navbar-nav { -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .topInfo { margin:-115px 0 0; }
	.top-nav-collapse .navbar-brand {top: -4px;}
	
 }
@media (max-width: 767px) {
/******** start toggle***********/
.navbar-inverse { background:#fff}
.navbar-toggle { margin-top: 5px; cursor:pointer}
.navbar-header { width:100%;background: #fff;}
.navbar-brand {width: 25%;top: -11px;}
.navbar-wrapper .container { width:100%; padding:0}
.nav-top .container { padding:0 30px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { position:absolute; width:100%; padding:0; background:#004588}
.navbar-nav { margin:0}
.navbar-nav > li > a {border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 15px;font-weight: normal;padding: 10px 20px;color:#fff}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background:#fff}
.navbar-inverse .navbar-toggle { border:0}
 
.bar1, .bar2, .bar3 { width: 35px; height: 4px; background-color: #d30000; margin: 5px 0; transition: 0.4s;}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover { color:#fff}
.navbar-nav > li > .dropdown-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-top-left-radius: 0; border-top-right-radius: 0;box-shadow: none;clear: both; margin-top: 0;position: relative;width: 100%;} 
.dropdown-menu > li > a { clear: both; color: #fff;display: block;font-weight: 400;line-height: 1.42857; padding: 7px 39px;
text-transform:uppercase; font-size:14px;border-bottom:solid 1px rgba(255,255,255,0.2); white-space: nowrap;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;color: #fff !important;}
.nav>li {
	position: relative;
	display: block; background: #1c5fb0;
}
	.navbar-default .navbar-nav > li > a{color: #ffff;}
.nav>li:hover {background: #d30000;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {color: #000;}
/******** end toggle***********/
.navbar-nav > li:last-child {display: none;}
.footer_blk {text-align: center;}
.col-sm-5.col-md-5.wow.slideInRight.footerlinks.animated {text-align: center;}
.footerInfo .col-sm-6 {width: 50%;float: left;}
.location {background: #fff;}
.mail {position: relative;}
	#welcomeSection .col-xs-4{width: 100%;}
	#welcomeSection .col-sm-8 {padding: 0 0 0 0 !important;width: 100%;}
	.yearBox{margin: 0 0 50px 0;text-align: center;}
	.yearBox img{ width: 65%;}
	.YearsSec{padding: 30px 0;}
	.yearCon h3 span{font-size: 30px;}
	.yearCon h4 {font-size: 17px;line-height: 26px;}
	#productSection h1, #weserveSection h1, .customerSec h1 {font-size: 25px;font-weight: 700;margin: 0;}
	.prodInfo h3{font-size: 14px;}
	.infraInfo{padding: 45px 15px 45px 7%;}
	.infraSec h1, .whySection h3, .newsSec h1, .enquiryBox h1{font-size: 25px;}
	.infraSec h1 span{font-size: 17px;}
	.infraSec .hvr-shutter-out-horizontal, .whySection h3 span, .newsSec h1 span, .enquiryBox h1 span{font-size: 13px;}
	.followBox {padding: 15px 30px;}
	.carousel-caption h2 {font-size: 18px;}
	.carousel-indicators {bottom: 10px;}
	.followBox h3 {margin: 8px 0;}
    .carousel {
	margin-top: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background: #fff;
	padding: 0 0;
}
.sub-menu li{background: #2073d7;}
.proDataCon {padding: 30px;height: auto;}
.collapse.navbar-collapse.navbar-ex1-collapse ul li ul{top: 35px !important;}
.carousel {margin-top: 0%;}
.conceptualSec{background-size: 100% 100%;}
#customers{background-size: 100% 100%;background-attachment: unset;}
.navbar-fixed-bottom, .navbar-fixed-top{position: relative;}
.subMenu{position: absolute;}
.infraSec{padding: 45px 0;}
#productSection a {padding: 4px 8px;float: left;}
 .proData img{width: 100%;}
 .innerSection .container {
	width: 96%;
	margin: 0 2%;
}
.proImages {
	width: 100%;
}
.carouselLine{display: none;}
}
.red{color: #e41d24!important;}
.redbg{background-color: #e41d24!important;}
.contactDetails img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.elementor-widget-icon-list .elementor-icon-list-icon svg {
    fill: #e41d24!important;
}
.elementor-659 .elementor-element.elementor-element-3d1a562 .elementor-icon-list-text:hover {
    color: #000000!important;
}
.elementor-1285 .elementor-element.elementor-element-eb35f2b .elementor-image-carousel-caption {
    text-align: center;
    color: #ffffff;
    background-color: #e21a1f;
    padding: 10px;
}
.elementor-1285 .elementor-element.elementor-element-49389885::before{    background-color: #da12127d;}
@media (max-width: 750px) {
.proDataCon {
	padding: 30px;
	height: 220px;
}
	.proImages{width: 47%;}
	.gruopDiv{padding: 8px;}
   .carousel-caption h1{line-height: 40px;}
}
@media (max-width: 700px) {
.navbar-brand {width: 28%;}

	.innerSection h2{font-size: 20px;}
	.proDataFloat ul li{width: 50% !important;}
}

@media (max-width: 650px) {
	#productSection .hvr-shutter-out-horizontal{font-size: 12px;}
	.newsData {padding: 17px;}
	.newsSec {padding: 30px 10px;}
	.conceptualSec h2 {font-size: 20px;}
	.conceptualSec h1 {font-size: 15px;}
	#weserveSection .subText {padding: 0 2%;text-align: center !important;}
	.innerSection .container {
	width: 94%;
	margin: 0 3%;
}
.carousel-caption {
	bottom: 14%;
	display: none;
}
}
@media (max-width: 600px) {
.navbar-brand {width: 31%;}
	.newsData h3 {font-size: 12px;}
	.clientLogo {padding: 0 0 !important;margin: 0px !important;}
	#productSection .hvr-shutter-out-horizontal {
	font-size: 11px;
}
	.gruopDiv{width: 100%;}
}
@media (max-width: 550px) {
.navbar-brand{top: -9px;}
.carousel-caption h2 {display: none;}
	#productSection .hvr-shutter-out-horizontal {font-size: 10px;}
	.subText {padding: 0 2%;}
	#weserveSection .divider {margin: 15px auto 15px auto;}
	.copeRight {padding: 20px 30px 8px;}
	#customers h2 {
	float: left;
	margin: 30px 0 30px 25px;}

}
@media (max-width: 520px) {
.navbar-brand {width: 35%;}
.navbar-nav > li > a {font-size: 13px;padding: 12px 20px;}
.dropdown-menu > li > a {font-size: 13px;padding: 7px 15px;}
.footerInfo .col-sm-6 {
	width: 100%; text-align:center;
}
.social_links span, .social_links span:hover {padding: 12px 12px;}
	.logoInfo li{margin: 0 0 0 28px;}
	
	.yearBox img {
	width: 65%;
	display: none;}
	.yearBox {margin: 0;text-align: center;}
	#welcomeSection .hvr-rectangle-out{padding: 8px 20px !important;font-size: 11px;}
	#productSection .hvr-shutter-out-horizontal {font-size: 9px;}
	.copeRight {
	padding: 20px 9px 7px;
}
	.proDataCon {
	padding: 30px;
	height: 230px;
}
	.proDataFloat ul li {
	width: 100% !important;
}
	.logoInfo li {
	margin: 0 0 0 20px;
}
	.proImages {
	width: 100%;
}
.carouselLine{display: none;}
#welcomeSection h1 {
	font-size: 16px;
}
.yearCon{width: 100%;border-bottom: 1px dashed #000;border-right: none;}
.yearCon:nth-child(3) {
	border: none;
	padding: 0 1% 0 2%;
}
.infraSec h1, .whySection h3, .newsSec h1, .enquiryBox h1 {
	font-size: 20px;
}
#weserveSection h2{font-size: 16px;}
#productSection h1, #weserveSection h1, .customerSec h1{font-size: 20px;}
.followBox h3{font-size: 16px;}
.copeRight {
	padding: 20px 35px;
}
.carousel-indicators {
	bottom: 18px;
}
}
@media (max-width: 480px) {
.navbar-brand {width: 39%;}
.welData h3 {font-size: 20px;}
	.logoInfo li {margin: 0 0 0 8px;}
	.carousel-indicators {bottom: 45px;display: none;}
	#welcomeSection{padding: 30px 0;}
	#productSection a {
	padding: 4px 8px;float: right;}
	.conceptualSec h2 {font-size: 15px;}
	.conceptualSec h1 {font-size: 10px;}
	.newsData h3 {
	font-size: 15px;
}
	.logoInfo li {
	margin: 0 0 0 4px;
}
.logoCon {
	bottom: -55px;
}
.infraSec{background-attachment: unset;}

}

@media (max-width: 422px) {
.navbar-brand {top: -4px;width: 40%;}
.innerSection h2 {font-size: 23px;}
	.logoInfo ul {float: right;display: none;}
	
	.carouselLine{display: none;}
	.yearCon h4 {font-size: 13px;line-height: 21px;}
	.productInfo .col-xs-9, .productInfo .col-xs-3{width: 100%;}
	.infraBorder {width: 90%;}
	#productSection h1, #weserveSection h1, .customerSec h1 {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}
	.infraSec h1, .whySection h3, .newsSec h1, .enquiryBox h1 {
	font-size: 20px;
}
	.innerSection h2 {
	font-size: 16px;
}
	#inner-footer .followBox {
	padding: 10px 4px;
}
	#inner-footer .followBox h3{width: 100%;}
    .logoCon {
	bottom: -19px;
	left: -15px;
}
.logoCon {
	bottom: -20px;
}
#inner_header{margin-top: 0;}
.innerSection{padding: 40px 0;}
}
@media (max-width:340px) {
.navbar-brand {top: -10px;width: 54%;}
	}