@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 26/06/2018 11:50
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("fonts/Flaticon.eot");
  src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("fonts/Flaticon.woff") format("woff"),
       url("fonts/Flaticon.ttf") format("truetype"),
       url("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("fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

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

}

.flaticon-sick:before { content: "\f100"; }
.flaticon-linkedin-logo:before { content: "\f101"; }
.flaticon-twitter-logo-silhouette:before { content: "\f102"; }
.flaticon-facebook-letter-logo:before { content: "\f103"; }
.flaticon-close-envelope:before { content: "\f104"; }
.flaticon-phone:before { content: "\f105"; } 
body {font-family: 'Roboto', sans-serif; color: #0c0c0c; line-height: 28px; font-weight: normal; 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; color: #000;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0; color: #000;}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;} 
.navbar-inverse {background-color: #3c75cc;}
.headerInfo {width: 100%; float: left; background: #fff;}
.headerInfo img {width: 100%; height: auto;}
.logoInfo {width: 90%; position: relative; margin: 0 5%; float: left;} 
.logoInfo img {width: 90%; height: auto;}
.logoBox {position: absolute; z-index: 10; top: 10px;}
.emailBox {width: 30%; float: right; padding: 0px 20px 10px 20px;}
.emailBox h3 {font-size: 18px; color: #000;}
.emailBox h3 span {font-size: 14px; color: #ec5c42; display: block; margin: 0 0 5px 0;text-transform: capitalize;}
.navbar-static-top .container {width: 90%; margin: 0 5%; } 
.carousel-caption {padding: 0 3%;}
.carousel-caption h1 {font-size:41px; text-transform: uppercase; margin: 30px 0;}
.carousel-caption h1 span {font-size: 20px; display: block;}
.welSection {width: 100%; float: left; padding: 60px 0 0 0;}
.welSection .col-sm-8 {padding: 0 60px 0 0;}
.welSection .container-fluid {width: 86%; margin: 0 7%;}
.welSection .col-sm-4 img {width: 100%; height: auto; margin: 40px 0 0 0;}
.aboutSection {width: 100%; float: left; padding: 60px 0;}
.greenText {color: #4eab36;}
.productInfo {position:relative; width:100%; float: left;padding: 20px 0 60px 0; text-align: center; background: #f3f3f3;}
.productInfo .container {padding: 0 5%;}
.productInfo p {padding: 0 20%;} 
.prod_img img {width: 100%; height: auto;}
.infrasInfo { width: 100%; float: left; position: relative; background: url(../images/infrBg.png) no-repeat left bottom #4eab36; padding: 80px 0 100px 0; color:#fff;}
.infrImg {width: 40%;position: absolute;bottom: -18%;right: 0;}
.infrImg img {width: 90%; height: auto; float: right;}
.whyInfo { width: 100%; float: left; background: url(../images/why.jpg) no-repeat left top #fff; padding: 60px 0 130px 0;}
.whyBox {width: 100%; float: left; background: rgba(0,0,0,0.7); padding: 20px 20px; margin: 0 0 30px 0; text-align: center; border-bottom: 3px solid #4eab36;}
.whyBox h3 {font-size: 18px; color: #fff;}
.footerInfo {width: 100%; float: left; font-size: 16px; color: #fff; background: #4eab36; padding: 90px 0 30px 0; position:relative;}
.footerInfo h3 {font-size: 20px; text-transform: uppercase; padding: 0 0 15px 0; margin: 0 0 15px 0; color: #fff; background: url(../images/lineFoot.png) no-repeat left bottom;}
.footerInfo .col-sm-4 {padding: 0 2%;}
.footerInfo ul {padding: 0; margin: 0;}
.footerInfo li {width: 40%; float: left; color: #fff; margin:0; list-style:none; }
.footerInfo li a {color: #fff; text-decoration: none;}
.footer_sec {width: 100%; float: left; padding: 20px 0; background: #0c4f9e;}
.welSection h1 {text-transform: uppercase; font-size: 25px; margin: 20px 0 15px 0;}
.welSection h1 span{color:#0060b9; font-size: 40px; display: block;  margin: 5px 0 0 0;}
.redText{color: #696969;}
.lineBox {margin: 0 0 15px 0;}
.border-ancr {background: #0c4f9e; padding: 10px 25px; color:#fff; /*margin: 30px 0 30px 0; */display: inline-block;}
.border-ancr:hover {background: #2b990e; color:#fff;}
.prod_img {position: absolute; top: -55px;}
.proInfo {width: 100%; float: left; padding: 80px 0; background: url(../images/head.jpg) no-repeat left top; background-size: 100% 100%; background-attachment: fixed;}
.productInfo h1{ color:#000; text-transform:uppercase; font-size:40px;}
.productInfo h1 span{ color:#0c4f9e;}
.divide{ margin:20px auto; text-align: center;}
.owl-theme .owl-controls {display: none !important;}
.productInfo .border-ancr {padding: 10px 30px; margin: 60px 0 30px 0; font-size: 18px; background:#000;}
.productInfo .border-ancr:hover {color: #fff; background:#0c4f9e;}
#owl-example1 {margin-top: 50px;}
.infrasInfo h1{ color:#fff; font-size:40px; text-transform:uppercase;line-height: 45px;}
.infrasInfo h1 span{ font-weight:300;}
.infrasInfo p{ margin:20px 0;}
.infrasInfo .border-ancr{background: #fff;padding: 10px 25px !important; color: #000 !important; margin: 0;}
.infrasInfo .border-ancr:hover {background: #1a7d00; color: #fff !important; margin: 0;}
.whyInfo p{ margin:20px 0;}
.copyright h4{ text-align:left; font-size:15px; color:#fff; }
.company h4{ text-align:right; font-size:14px; color:#fff !important; }
.company a{ color:#fff !important;text-decoration: none; font-size:14px;}
.company a span:hover{ color:#c1cb21;}
.blue_box{ width:80%; float:left; position:absolute; left:0; top: -95px; padding:0px 0; background:#0c4f9e}
.mail_blk{float: right;margin-right: -126px;}
.blue_box span{background: #fff;color: #000;padding: 8px 15px;font-size: 22px;}
.left_blk{padding: 35px 130px;}
.left_blk h4{ color:#fff; text-transform:uppercase; margin:0;}
.left_blk a{ color:#fff; text-decoration:none;}
.left_blk .col-md-8{ text-align:right;}
.left_blk .col-md-8 span{ margin:0 10px;}
.navbar-inverse .navbar-nav > li > a{ color:#fff;}
.navbar-inverse .navbar-nav > li > a:hover{ color:#ec5c42;}
.navbar-collapse {text-transform: uppercase; font-size: 16px;}
.aboutSection .pull-right {float: right; margin: 0 0 30px 60px; width: 35%; height: auto; border: 1px solid #CCC;}
.aboutSection h5 { color:#0c4f9e; font-size:20px;}
.aboutSection ul {padding: 0; margin: 0;}
.aboutSection li {list-style:none; background: url(../images/icon.jpg) no-repeat left 8px; padding: 0 0 0 30px;}
.msg{ float: left; color:#000 !important;}
.logoInfo [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {margin-right: 10px;}
/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #c9383d; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#9f161b;}
.noFooter {display: none;}
.footCont {padding: 50px 0 30px 0 !important; margin: 0;}
.addressInfo{width: 100%; float: left; border: 1px solid #999; border-left: 2px solid #4eab36; padding: 30px 30px;}
.addressInfo hr {    border-top: 1px solid #999;}
.addressInfo h4 {color: #1055be; font-size: 20px;}
.aboutSection h3 {color: #1055be; font-size: 25px;}
.aboutSection h6 {color: #fff; font-size: 25px;}
.subInfo {width: 100%; float: left; border: 1px solid #999; border-left: 2px solid #4eab36; padding: 30px 30px; }
.proBox {width: 100%; float: left; text-align: center; border: 1px solid #999; padding: 30px 30px; margin: 0 0 30px 0;}
.proBox h3 {font-size: 20px;}
.proBox img {width: 70%; height: auto; margin: 0 0 20px 0;}
/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 63%; 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: 78%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.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: #5e5751; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }

.textBox {
	width: 100% !important;
	height: 55px !important;
	background: none;
	border: solid 1px #b3b3b3;
	color: #000;
	font-size: 16px;
	padding: 5px 25px;
	margin-bottom: 15px;
}
.enquiryBtn {
	margin: 10px 0 0 0 !important;
}
.tWidth {
	width: 100%;
	float: left;
	color: #777;
}
.textBoxMulti {
	width: 100% !important;
	background: none;
	border: solid 1px #b3b3b3 !important;
	border: none;
	color: #848484;
	font-size: 16px; 
	padding: 5px;
	margin-bottom: 15px;
}
.subbtn {
	background: #3c75cc !important;
	border: 0;
	display: inline-block;
	padding: 13px 30px !important;
	color: #fff; font-weight: 700; font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0px !important;
	transition: all 1s;
}
.subbtn:hover {background: #08449f !important;}
.contactDetails{width:100%; float:left; background:#d50370; margin: 50px 0 0 0;}
.contactDetails .col-sm-4{ float:left; background:#d50370; border-right: 1px dashed #fff; min-height: 220px;}
.address {
padding: 30px 16px;}
.address p {
	color: #fff;
}
.address a {
	color: #fff;
}
.address h3 {
	color: #fff; font-size: 20px;
}
.contactDetails .col-sm-4:last-child {
   border-right:none; padding-bottom: 25px;
}
#cont_us{margin: 40px 0 40px 0;}
.infrCon img {width: 100%; height: auto;}

@media (min-width: 1400px) {
	.logoInfo img {width: 90%;}
	.border-ancr{margin: 30px 0 30px 0;}
}
@media (max-width: 1300px) {
.logoInfo img {width: 100%;} 
.carousel-caption h1 {font-size: 35px; }
.carousel-caption h1 span {font-size: 17px; }
.prod_img {top: -45px;}
.left_blk .col-md-8 {text-align: right; width: 50%;}
}
@media (max-width: 1200px) {  
.logoInfo img {width: 100%;}
.carousel-caption {width: 50%;}
.prod_img {top: -35px;} 
.container {width: 90%; padding: 0 5%;}
.left_blk .col-md-8 span {margin: 0;}
.left_blk .col-md-8 {text-align: right; width: 40%; float: left;}
.left_blk .col-md-4 {width: 60%; float: left;}
.left_blk .col-md-9 {width: 80%; float: left;}
.left_blk .col-md-3 {width: 20%; float: left;}  
.left_blk {padding: 45px 0;}
.proBox {min-height: 630px;}
}
@media (max-width: 1100px) { 
.emailBox {width: 40%;}
.emailBox h3 {font-size: 15px;}
.infrImg {width: 40%; position: absolute; bottom: 20%; right: 0;}
.infrasInfo h1 {font-size: 30px; line-height: 35px;}
.whyBox h3 {font-size: 15px !important; color: #fff;}
.whyInfo .col-sm-6 {width: 100% !important;}
.whyText {width: 100%;}
.whyText .col-sm-6 {width: 50% !important;}
}
@media (max-width: 991px) {
.proBox {min-height: 590px;}
}
@media (max-width: 991px) { 
.welSection .col-sm-4 {display: none;}
.welSection .col-sm-8 {width: 100%; padding: 0 0 80px 0;}
.prod_img {position: relative; top: -55px;}
.productInfo h1 {font-size: 30px; margin: 0 0 15px 0;}
.productInfo p { padding: 0 10%;}
}
@media (max-width: 900px) { 
.carousel-caption {width: 50%;} 
.carousel-caption h1 {font-size: 30px; }
.carousel-caption h1 span {font-size: 14px; }
.prod_img {top: -50px;}
.welSection .col-sm-8 {padding: 0 0 50px 0;}
.aboutSection .col-sm-4 {width: 100%; margin: 0 0 30px 0; float: left;} 
.aboutSection .col-sm-8 {width: 100%; margin: 0; float: left;}
.aboutSection h1 {font-size: 25px;}
.aboutSection {padding: 40px 0;}
.aboutSection .pull-right {margin: 0 0 30px 0; width: 100%; }
}
@media (max-width: 800px) { 
.infrImg {display: none;}
.infrasInfo .col-sm-7 {width: 100%;}
.infrasInfo {padding: 30px 0 70px 0;}
}
@media (max-width: 768px) { 
.noBox {display: none;}
.logoInfo img {width: 75%;}
.emailBox h3 {text-align: right;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {position: absolute; background: #3c75cc; width: 100%; left: 0; right: 0; margin: auto; padding: 0 5%;}
.carousel-caption {display: none;}
.carousel-control {display: none;}
.productInfo p { padding: 0 5%;} 
.productInfo .container {padding: 0 15%;}
.footerInfo .col-sm-4 {width: 100%; border-bottom: 1px dashed #fff; margin: 0 0 30px 0;}
.footerInfo .col-sm-3 {width: 100%; border-bottom: 1px dashed #fff; margin: 0 0 30px 0;}
.footerInfo .col-sm-5 {width: 100%; border-bottom: 1px dashed #fff;}
.company h4 {text-align: left;}
.aboutSection .col-sm-4 {width: 100%; margin: 0 0 30px 0; float: left;} 
.aboutSection .col-sm-8 {width: 100%; margin: 0; float: left;}
.proBox {min-height: inherit;}
.nav>li {border-bottom: 1px dashed #fff; }
.flaticon-phone:before {display: none;}
.carousel-indicators {display: none;}
}
@media (max-width: 700px) { 
.prod_img {top: -45px;}
}
@media (max-width: 650px) { 
.left_blk .col-md-8 {display: none;}
.left_blk .col-md-9 {width: 70%; float: left; font-size: 16px;}
.left_blk .col-md-3 {width: 30%; float: left;} 
.mail_blk {display: none;}
.left_blk {padding: 25px 0; float: left;}
.footerInfo {padding: 140px 0 30px 0;}
.blue_box {width: 100%; top: 0;}
.footerInfo li {width: 50%;}
.aboutSection {padding: 20px 0 40px 0;}
.aboutSection h6 {font-size: 16px;}
}
@media (max-width: 550px) { 
.logoInfo img {width: 60%;} 
.productInfo .border-ancr {margin: 40px 0 10px 0;}
.aboutSection h1 {font-size: 25px;}
.proBox h3 {font-size: 16px;}
body {font-size: 14px;}
.border-ancr {padding: 7px 20px;  margin: 10px 0 10px 0; }
.aboutSection h1 {font-size: 16px;}
}
@media (max-width: 500px) { 
.logoInfo .emailBox {display: none !important;}
.logoInfo .logoBox {position: relative; padding: 0 0 10px 0;}
.welSection h1 span {font-size: 30px;}
.welSection h1 {font-size: 20px;}
.welSection {padding: 30px 0 0 0;}
.productInfo p { padding: 0 2%;} 
.infrasInfo h1 {font-size: 25px; line-height: 35px;}
.whyText .col-sm-6 {width: 100% !important;}
.addressInfo h4 {font-size: 18px;}
.addressInfo {font-size: 14px;}
}
@media (max-width: 400px) { 
.prod_img {top: -40px;}
.left_blk h4 {font-size: 16px;}
.left_blk a {font-size: 14px;}
}