@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900|Roboto:100,300,400,500,700,900');
 
body {font-family: 'Poppins', sans-serif; color: #404040; 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;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;} 
#myCarousel img {width: 100%; height: auto;}
#project_anc img {width: auto !important; height: auto;}
.navbar-wrapper {width: 100%; position: absolute;}
.nav-top { background:#ffa000; padding:20px 0; text-align:right}
.nav-top  p { margin-bottom:0; color:#fff}
.nav-top .call, .nav-top .mail { margin-left:45px }
.nav-top .call .icon, .nav-top .mail .icon { display:inline-block; margin-top:0px;margin-right:10px} 
.navbar {border:0}
.navbar-header {position:relative;}
.navbar-nav>li>a {text-transform:uppercase;font-weight:bold;padding: 45px 20px 15px 20px;font-size: 15px;font-family: 'Poppins', sans-serif;}
.navbar-inverse .navbar-nav>li>a {color:#fff}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color:#78a709}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {background:none;color:#78a709}
.navbar-header { width:30%;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background:#fff}
.navbar-inverse .navbar-toggle { border:0}
.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #333; margin: 6px 0; transition: 0.4s;}
.navbar-wrapper .container-fluid{ padding:0 5%;}
/* Rotate first bar */
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px);}
/* Fade out the second bar */
.change .bar2 {opacity: 0;}
/* Rotate last bar */
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px) ;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background: none;color: #fc9400; background: url(../images/menuLine.jpg) no-repeat center bottom;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#fc9400; background: url(../images/menuLine.jpg) no-repeat center bottom;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {color: #fc9400;background-color: transparent;}
.dropdown-menu > li > a{padding: 10px 25px;}
.navbar-brand{padding: 15px 0;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #fff;text-decoration: none;background-color: #fc9400; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a{font-size:15px; background:#df8300; color:#fff;}
.dropdown-menu{ background:#df8300;}
.carousel-caption img {width: auto !important; height: auto; }
/*****welcome****************/
#welInfo {width: 100%; float: left; padding: 80px 0; background: #fff; text-align: center;}
#welInfo h1 {font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: 200; color: #7f7f7f; text-transform: uppercase; margin: 0 0 25px 0;}
#welInfo h1 span {font-weight: 700; color: #097de0;}
#welInfo p {padding: 0 6%;}
#welInfo hr {margin: 50px 0 80px 0; border-top: 10px solid #f2f2f2; padding:}
.welBnt {width: 100%; float: left; margin: 40px 0 40px 0;}
.welBnt a {background: #ee8009; padding: 15px 25px; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none;}
.welBnt a:hover {background: #097de0; }
.textColor {color:#0171d1; font-weight: 600;}
.missionInfo {width: 100%; float: left; text-align: left;}
.missionInfo span img {width: auto; height: auto;}
.missionInfo p {padding: 0px !important;}
.missionInfo span {background: #ee8009; float: left; padding: 20px 20px; margin: 0;}
.missionInfo p strong {color:#0171d1; font-weight: 600;}
.missionInfo h3 {font-size: 30px; text-transform: uppercase; color: #000000; margin: 40px 0 15px 0;}
.missionInfo img {float: right; width: 100%; height: auto;}

#service_sec{ width:100%; float:left;  background: #fafafa; }
.serviceInfo {width: 70%; float: left; position: relative; background: #006fcc; padding: 60px 15% 80px 5%;}
.serviceInfo p {margin: 0 0 30px 0;}
.serviceInfo a {color: #fff; float: left; font-size: 18px; font-weight: 600; text-transform: uppercase; padding: 15px 20px; border: 1px solid #0a7edf;}
.serviceInfo a:hover {border: 1px dashed #fff;}
#service_sec h3{ font-size: 30px; color:#fff; text-transform:uppercase; font-weight:200; margin: 0 0 15px 0; text-align: left; line-height: 45px;}
#service_sec h3 span{ font-weight:700; font-size: 25px;  display: block; }
#service_sec p {color: #dde7f5; font-size: 18px; line-height: 28px;}
#service_sec .owl-carousel{padding: 80px 0; float: left;}
#service_sec .owl-carousel img {width: 100%; height: auto;}
#service_sec h2{ color:#f48309; font-size: 50px; text-transform: uppercase; font-weight: 700; position: absolute; right: -20%; background: url(../images/productsBg.jpg) no-repeat left top #fafafa; background-size: auto 100%; padding: 25px 70px;}
#service_sec h2 span { color:#787878; font-size: 20px; text-transform: uppercase; font-weight: 200; display: block;}
.proBox {width: 100%; float: left; background: #fff;}
.proBox h4 { font-size: 17px; color:#000000; margin: 30px 20px 10px 20px;  }
.proBox p { font-size: 14px !important; color:#8d8d8d !important; font-weight:300; margin: 0 20px 15px 20px;  }
.proBox1 {width: 100%; float: left; background: #fff;}
.proBox1 p { font-size: 14px !important; color:#8d8d8d !important; font-weight:300; margin: 0 20px 15px 20px;  }
/*--------------- project infra-------*/
.infrInfo {width: 100%; float: left; background: #FFF; background: url(../images/infrBg.jpg) no-repeat right center; padding: 80px 0 120px 0; background-size: 19% auto;}
.infrInfo .container-fluid {padding: 0 5%;}
.infrInfo h2 {font-size: 20px; font-weight: 300; margin: 0; padding: 0; color: #000000; text-transform: uppercase;   font-weight: 200;}
.infrInfo p {margin: 0; padding: 0;}
.infrInfo #myCarousel-project1 {margin: 15% 0 0 0;}
.line {width: 100%; float: left; background: url(../images/line1.jpg) repeat-x left center; margin: 0 0 20px 0;}
.infrInfo h3 {font-size: 35px; color: #fc8a0f; font-weight: 700;  margin: 10px 0 15px 0; padding: 0;}
#project-infra h2{ font-size:40px; margin-top:10px;}
#project-infra h3{ font-size:40px; margin-top:10px; margin-bottom:20px;}
.infra-data{ margin:0 10% 0 31%;}
#project-infra span{ font-size:50px; color:#c6c6c6; margin-top:20px; display:inline-block;}
#infr .carousel-indicators li {display: inline-block; width:25%; height: auto; margin: 0 5px; border: none; border-radius: 0px; text-indent:0px;}
#infr .carousel-indicators{ position:relative; bottom:-25px;}
#infr.carousel{ background: none; border-radius:0;} 
#infr .carousel-inner > .item > a > img, .carousel-inner > .item > img {width: 100%; height: auto;}
#infr .carousel-indicators li img { width:100%; height:auto;}
#infr .carousel-indicators {margin-left: -25%;}

/*---------- Clients -----------*/
.clientInfo {width: 100%; float: left; background: url(../images/clientsBg.jpg) no-repeat left bottom #00437c; background-size: 100% auto; padding: 80px 0; text-align: center;}
.clientInfo p {padding: 0 15%; font-size: 18px; color: #dde2e9;}
.clientInfo h4 {font-size: 40px; color: #ffffff; font-weight: 200; margin: 0 0 10px 0;}
.clientInfo h5 {font-size: 35px; color: #ffffff; font-weight: 700; margin: 0 0 20px 0;}
.clientInfo h5 span {color: #ff9f37; }
.clientBox h6 {font-size: 30px; font-weight: 700; color: #0d7bd8; text-transform: uppercase; margin: 15% 0 25px 0;}
.clientBox h6 span {font-weight: 300; color: #000; font-size: 25px; display: block; margin: 0 0 5px 0;}
.clientBox {width: 100%; float: left; background: url(../images/clientsBg1.jpg) no-repeat left top #ffffff; background-size: 100% auto;  padding: 80px 0 0 0;}
.contactInfo {width: 100%; float: left; border-top: 10px solid #efefef; background: rgba(0,0,0,0.1); padding: 65px 0 0 0;}
.contactLogo {width: 100%; float: left; text-align: center; margin: 0 auto;}
.contactLogo ul {padding: 0; margin: 30px 0 0 0;}
.contactLogo li {width: 33.33%; float: left; list-style: none; background: url(../images/listing.png) no-repeat left 30px; border-bottom: 1px solid #4fa3eb; font-size: 20px; font-weight: 600; color: #0d7bd8; text-transform: uppercase; border-top: 1px solid #4fa3eb; padding: 25px 30px 25px 35px; text-align:left;}
.locationCon {width: 100%; float: left; background: #FFF; font-size: 16px; color: #ababab; }
.locationCon  ul {padding: 0; margin: 0;}
.locationCon li {width: 33.33333333333333%; list-style: none; float: left; border: none; border-right: 1px solid #d6eafa; padding: 20px 30px;}
.locationCon li a {color: #ababab;}
.locationCon li a:hover {color: #ff9f37;}
.locationCon h3 {font-size: 18px; color: #000; margin: 5px 0 5px 0;}
.locationCon p {margin: 0;}
.logos{border:1px solid #ccc;}
.welBnt1 {
	width: 100%;
	float: left;
	margin: 20px 0 40px 0;
}
.welBnt1 a {
	background: #ee8009;
	padding: 10px 16px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
/*---------- Footer -----------*/
.footerInfo {width: 100%; float: left; background: url(../images/footer_bg.jpg) no-repeat left top; background-size: 100% 100%; padding: 80px 0; background-attachment: fixed; text-align: center; }
.infraFoot {width: 100%; float: left; background: url(../images/infra1.jpg) no-repeat left top #000; 
background-size: 100% 100%; padding: 80px 0; background-attachment: fixed; text-align: center; }
.clientFoot {width: 100%; float: left; background: url(../images/clients4.jpg) no-repeat left top; background-size: 100% 100%; padding: 80px 0; background-attachment: fixed; text-align: center; }
.visionParallax {width: 100%; float: left; background: url(../images/vision.jpg) no-repeat left top; background-size: 100% 100%; padding: 80px 0 !important; background-attachment: fixed; text-align: center; }
.missionParallax {width: 100%; float: left; background: url(../images/mission1.jpg) no-repeat left top; background-size: 100% 100%; padding: 80px 0 !important; background-attachment: fixed; text-align: center; }

.footerInfo i { color: #fff; background: #505050; border: 3px solid #757575; width: 60px; height: 60px; text-align: center; line-height: 55px;  border-radius: 100%; margin: 0 3px;}
.footerInfo i:hover {background: #c16400; border: 3px solid #fc8a0f;}
.footerInfo h6 {font-size: 50px; color: #fff; font-weight: 100; text-transform: uppercase; margin: 40px 0 50px 0;}
.footerInfo h6 span {font-size: 50px; color: #ff9522; font-weight: 700;}
.footerInfo img {margin: 0 0 30px 0;}
.footerBnt {width: 100%; float: left;}
.footerBnt a {color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; padding: 15px 25px; background: rgba(255,149,34,0.7); text-align: center;}
.footerBnt a:hover {background: rgba(7,95,170,0.7)}

.footerBox {width: 100%; float: left; position: relative; background: #00437c; border-top: 10px solid #075faa; padding: 40px 0 30px 0; text-align: center;  color: #fff;}
.footerBox a {text-transform: uppercase; color: #fff;}
.footerBox a:hover {color: #ff9522;}



/*********circle_effect*********/
.circle {margin: 25px auto;display: inline-block;padding: 16px; text-align: center; width: 250px;height: 250px;
border-radius: 50%;border: 2px solid #000;}
.circle::before,
.circle::after {position: absolute; z-index: -1;display: block;content: '';}
.circle, .circle::before, .circle::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
-webkit-transition: all .5s;transition: all .5s;}
.circle { position: relative; z-index: 2; background:url(../images/vision1.jpg) no-repeat left top; border: 2px solid #000; color: #5c5eae; line-height: 50px; overflow: hidden;}
.circle:hover {color: #fff;}
.circle::after { top: 0; left: 0;width: 100%;height: 100%; border-radius: 50%; -webkit-transform: scale(.5);
 transform: scale(.5);}
.circle:hover::after { background:rgba(0,0,0,0.5);border-radius: 50%; -webkit-transform: scale(.9); transform: scale(.9);}
/*.circle1 {opacity: 0.4;}*/
.blk2 .circle { background:url(../images/vision2.jpg) no-repeat left top;}
.vision_sec .read{ display:inline-block; padding:10px 20px; background:#e3b059; border:1px solid #67522f; color:#909090; text-transform:uppercase; text-align:center; margin:20px auto;}
.vision_sec .read:hover{ color:#fff;text-decoration:none; border:1px solid #edb658;} 
/*----------end of cicle effect-------------------------*/
.demo_popup{ padding:50px 0;}

/*------------- Inner Pages -------------*/
.page_breadcrumbs.parallax {position:relative;  background: url(../images/inner_banner.jpg) no-repeat left top #000; padding: 15% 0 13% 0; /*background-attachment: fixed;*/ background-size: 100% auto;  }
.page_breadcrumbs h2 {font-size: 35px; display: inline; color: #fff;  font-weight: 700; word-wrap: break-word; padding: 30px;}
.infraParallax {background: url(../images/inner1.jpg) no-repeat left top #000; padding: 15% 0 5% 0; background-attachment: fixed; background-size: 100% auto; }
.infraParallax h2 {font-size: 35px; display: inline; color: #fff;  font-weight: 700; word-wrap: break-word;}
.aboutParallax {background: url(../images/about1.jpg) no-repeat left top #000; padding: 15% 0 5% 0; background-attachment: fixed; background-size: 100% auto; }
.aboutParallax h2 {font-size: 35px; display: inline; color: #fff;  font-weight: 700; word-wrap: break-word;}
.clientParallax {background: url(../images/clients.jpg) no-repeat left top #000; padding: 15% 0 5% 0; background-attachment: fixed; background-size: 100% auto; }
.clientParallax h2 {font-size: 35px; display: inline; color: #fff;  font-weight: 700; word-wrap: break-word;}
.contactParallax {background: url(../images/contact.jpg) no-repeat left top #000; padding: 15% 0 5% 0; background-attachment: fixed; background-size: 100% auto; }
.contactParallax h2 {font-size: 35px; display: inline; color: #fff;  font-weight: 700; word-wrap: break-word;}
 

.proInnerBox {padding: 50px 0 60px 0; margin: 0;}
.breadcrumb { margin: 0; padding: 0; background-color: transparent; border-radius: 0; text-transform: uppercase; color: inherit; font-weight: 500; font-size: 14px; }
#bread_product{padding-left: 32px;}
.breadcrumb>li {display: inline-block;}
.innerLine {width: 100%; float: left; background: #097de0; height: 10px;}
.proRead {width: 100%; float: left; padding: 60px 0 0 0;}  
.proRead1 {width: 100%; float: left; padding: 60px 0 0 0;}  
.proRead2 {width: 100%; float: left; padding: 60px 0 0 0;}  
.innerInfo .carousel-indicators li {margin: 7px 5px !important;}
.innerInfo ul {padding: 0; margin: 20px 0 0 0;}
.innerInfo li {list-style: none; background: url(../images/icon1.jpg) no-repeat 30px 30px  rgba(255,255,255,0.5); border: 1px solid #e6e6e6; padding: 20px 60px; text-align: left; font-size: 20px; float: left; width: 50%;}
.proInner {width: 100%; float: left; padding: 80px 0; background: #fff;}
.proInner ul {padding: 0; margin: 20px 0 0 0;}
.proInner li {list-style: none; background:url(../images/listing.png) no-repeat 30px 25px  rgba(255,255,255,0.5); border: 1px solid #e6e6e6; padding: 20px 60px; text-align: left; font-size: 20px; }
.proInner h2 {font-size: 30px; display: inline; color: #097de0;  font-weight: 500; margin: 0; padding: 0; }
.innerfooter {width: 100%; float: left; padding: 180px 0}
.innerfooter h2 {font-size: 25px; color: #fff; margin: 0 0 10px 0;}
.innerfooter h2 span {font-size: 25px !important;}
.innerfooter h6 {margin: 15px 0; padding: 0;}
.innerfooter h6 span {font-size: 40px; margin: 15px 0; padding: 0;}
.proInner .proBox {/*padding: 0 0 10px 0;*/ border: 1px solid #ccc; margin: 0 0 15px 0;}
.proInner p {margin: 0 0 30px 0;}
.proBox h4 {margin: 30px 20px 30px 20px; text-align:center;}
.innerInfo p {margin: 0 0 10px 0;}
.innerInfo {padding: 50px 0 60px 0;}
.innerInfo .pull-left {margin: 0 40px 30px 0;}
.visionBox {color: #fff;}
.visionBox ul {padding: 0; margin: 40px 0 0 0;}
.visionBox li {list-style: none; background:url(../images/listing.png) no-repeat 30px 25px  rgba(0,0,0,0.5); border: 1px solid #666; padding: 20px 60px; text-align: left; font-size: 20px; }
.visionfooter {width: 100%; float: left; padding: 80px 0;}
.infraList .col-md-3 {margin: 0 0 30px 0 !important;}
.infraList .col-md-3 img {width: 100%; height: auto;}
#footer p {color: #fff; font-size: 18px;}
#footer span {font-size: 43px; color: #fff; margin-bottom: 30px;}
#footer .col-sm-4 {border: solid 1px #fff; padding: 20px; min-height: 270px; margin-right: 10px; width: 32.33%;}

.comp_name{width:100%; background:#f7f7f7; text-align:center; padding:5px 0; border: 1px solid #ccc; color: #000;}

.banner_top1{position:absolute; right: 32%; top: 79px;}
.banner_top2{position:absolute; right: 284px; top: -12px;}
.banner_top3{position:absolute; right: 5%; top: 127px;}
.back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; z-index: 9999 !important;} 
#toolDesign p{margin: 0 0 15px 0 !important;}

.innerInfo li {
	list-style: none;
	background: url(../images/icon1.jpg) no-repeat 20px 15px rgba(255,255,255,0.5);
	 border:none; 
	padding: 8px 53px;
	text-align: left;
	font-size: 17px;
	float: left;
	width: 100%;
}

/*-----------------------------------*/
/* Contact Styles
/*-----------------------------------*/
.tWidth{width:100%; float:left; color: #ccc;}
.enquiryBtn {margin: 10px 0 0 0 !important;}
.textBox{width:100% !important; height:55px !important; background: none; border:solid 1px #ccc;  color:#535353; font-size:16px; padding: 5px 25px; margin-bottom:15px}
.textBoxMulti {width: 100% !important; height: 80px !important; background: none; border: solid 1px #ccc; color:#535353; font-size:15px; padding:5px 25px;}
.tred{color:#C00;}
.subbtn {background:#ff9522 !important; border:0; display:inline-block; padding: 10px 25px !important; color:#fff; text-transform:uppercase; text-decoration:none; border-radius: 0px !important; transition: all 1s}
.subbtn:hover {background:#000 !important; color:#ccc; }
.address {color: #c45a47;}
/*----------- Pointer -------------*/
.caption-pointer { position: relative; bottom:40px; border-radius:30px; width:36px; height:60px; border:solid 2px #097de0; left:50%; margin-left:-18px; text-align:center; display:inline-block; z-index:1}
.floating{	width:10px; height:10px; border-radius:100%; background:#097de0; display:inline-block; position:relative;bottom:0; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
.proRead1 .caption-pointer {border:solid 2px #ee8009;}
.proRead1 .floating{background:#ee8009;}
.proRead2 .caption-pointer {border:solid 2px #000;}
.proRead2 .floating{background:#000;}
.img{ margin-bottom:21px;}
.right-widget-bx.rightsitebar-patch {
    background-color:rgba(0,159,228,10);
    color: #fff;
    margin-bottom: 30px;
    margin-top: 1px;
  padding: 10px 15px 12px 28px;
}
.contact-detail-blk2 h6 span{
	font-size:30px;
	color:#fff;
	text-align:left;
}
.contact-detail-blk2 a{
	color:#fff;
}
.contact-detail-blk2 p a:hover{
	color:#fff;
}


@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(25px); }
  40% {
    -webkit-transform: translateY(-5px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(25px); }
  40% {
    -moz-transform: translateY(-5px); }
  60% {
    -moz-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px); }
  40% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); } 
}
/*-----------------------------------*/
/* 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; }
/*-----------------------------------*/
/* 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;}

/*-----------------------------------*/
/* 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: 20%; 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%;}

.strength {width: 100%; float: left; padding: 30px 40px; background: #fff; border-bottom: 2px solid #097de0; margin: 30px 0 0 0; color: #fff; font-size: 18px; line-height: 30px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);}
/*.strength .col-md-4 {padding: 0; margin: 0;}
*/.strength .col-md-4 img{ border:2px solid #f1f1f1;}
/*.strength.col-md-8 {padding: 0; margin: 0;}
*/.strength  h2{ color:#097de0;}
 .strength p{ color:#000;}
.w_line{margin: 5px 0 15px 0;}
/***********responsive**********/
@media only screen and (min-width: 1300px) {
.navbar-nav>li>a {padding: 40px 15px 20px;}
}
@media only screen and (max-width: 1300px) {
.navbar-nav>li>a {padding: 45px 15px 15px 15px;}
.navbar-header {width: 20%;}
#service_sec h2 {right: -35%;}
.infrInfo #myCarousel-project1 {margin: 32% 0 0 0;}
}
@media only screen and (max-width: 1200px) {
.container { width:95%;}
.navbar-nav > li > a{font-size: 14px;}	
.infrInfo #myCarousel-project1 {
    margin: 40% 0 0 0;
}
.clientBox h6{margin: 6% 0 15px 33px;}
#footer p{font-size: 19px;}
.page_breadcrumbs h2 {
	font-size: 30px;
}
}
@media only screen and (max-width: 1100px) {
.navbar-nav>li>a {padding: 30px 10px 15px 10px; font-size: 14px;}
.navbar-header {width: 15%;}
.infrInfo #myCarousel-project1 {margin: 45% 0 0 0;} 
.innerInfo li {font-size: 18px;}
.proInner li {font-size: 18px;}
.proBox h4 {font-size: 18px;}
.banner_top3 img, .banner_top2 img, .banner_top1 img {
	width: 80%;
}
.banner_top3 {
	right: 1%;
	top: 101px;
}
.banner_top1 {
	right: 27%;
	top: 68px;
}
.banner_top2 {
	right: 216px;
	top: -5px;
}
}
@media only screen and (max-width: 1050px) {
.contactLogo li {width: 25%; background: url(../images/listing.png) no-repeat left 24px; font-size: 16px; padding: 20px 30px 20px 35px; }
.proBox h4 {font-size: 17px;}
}

@media only screen and (max-width: 1024px) {
#service_sec h2 {font-size: 40px;}
#welInfo h1 {font-size: 37px;}
body {font-size: 14px;}
.welBnt a {padding: 13px 21px; font-size: 14px;}
.welBnt {margin: 30px 0 30px 0;}
#service_sec h3 span {font-size: 19px;}
#service_sec p {font-size: 15px;}
#service_sec h3 {font-size: 25px;}
.serviceInfo a {font-size: 15px; padding: 8px 19px;}
.proBox h4 {margin: 25px 20px 15px 20px; font-size: 16px;}
.footerInfo h6 {font-size: 37px;}
.banner_top3 img, .banner_top2 img, .banner_top1 img {width: 65%;}
.banner_top3 {right: -1%; top: 105px;}
.banner_top1 {
	right: 23%;
	top: 80px;
}
.banner_top2 {
	right: 176px;
	top: 13px;
}
.comp_name h4{font-size:15px}
#footer .col-sm-4 {
	
	width: 31.99%;
}
}
@media only screen and (max-width: 1000px) {
#service_sec h2 {position: relative; background-image: none; margin: 0 0 30px 0; font-size: 40px;}
#service_sec h2 span {font-size: 16px;}
.serviceInfo {width: 100%; padding: 30px 5% 80px 5%;}
.infrInfo #myCarousel-project1 {margin: 35% 0 0 0;}
.proBox h4 {font-size: 16px;}
.footerInfo h6 {font-size: 37px;}
.clientBox {background: none;}
.infrInfo {background: none;}
.visionBox li {font-size: 18px;}
.innerfooter h6 span {font-size: 40px;}
#footer span {font-size: 35px;}
.infrInfo h3 {font-size: 32px;}
.innerfooter h2 span {font-size: 21px !important;}
#footer p {font-size: 15px;}
#footer .col-sm-4 {margin-right: 11px; width: 32.17%;}
.innerInfo li {font-size: 17px;}
.proInner li {font-size: 17px;}
.clientBox h6 {margin: 6% 0 12px 0px;}
.infra-data {
	margin: 0 10% 0 15%;
}
}
@media only screen and (max-width: 991px) {
#clientLogo .col-sm-3 {width: 100% !important;}
#clientLogo .col-sm-9 {width: 100% !important;}
.clientInfo h4 {font-size: 30px;}
.clientInfo h5 {font-size: 25px;}
.clientInfo {padding: 60px 0;}
.clientInfo p {font-size: 16px;}
.clientBox {padding: 60px 0 0 0;}
.clientBox h6 {margin: 0 0 25px 0; text-align: right;}
.contactLogo li {width: 50%; background: url(../images/listing.png) no-repeat left 15px; font-size: 16px; padding: 10px 20px 10px 25px; background-size: 4% auto !important;}
.footerInfo h6 {font-size: 35px;}
.footerInfo h6 span {font-size: 40px;} 
.innerInfo li {padding: 15px 60px; font-size: 16px;}
#footer .col-sm-4 {margin-right: 13px; width: 31.90%;}
.proInner h2, .page_breadcrumbs h2, .infraParallax h2, .clientParallax h2, .contactParallax h2 {font-size: 26px;}
.innerInfo li {
	padding: 15px 55px;
	font-size: 16px;
}
.strength {
	font-size: 15px;

}
.innerInfo li {
	padding: 6px 50px;
	font-size: 15px;
}
}
@media only screen and (max-width: 900px) {
.infrInfo #myCarousel-project1 {margin: 0;}
.infrInfo {background-image: none;}
.infrInfo .col-sm-7 {width: 100%;}
.infrInfo .col-sm-5 {width: 100%;}
.infra-data {margin: 0;}
#infr .carousel-indicators {display: none;}
.infrInfo {padding: 80px 0 80px 0; }
.contactLogo li {width: 50%; background: url(../images/listing.png) no-repeat left 15px; font-size: 16px; padding: 10px 20px 10px 25px; background-size: 7% auto;}
.proBox h4 {
	font-size: 14px;
}

}
@media only screen and (max-width: 850px) {
.navbar-nav>li>a {padding: 20px 5px 15px 5px; font-size: 13px;}
.navbar-header {width: 17%;}
.locationCon li {width: 100%; border-bottom: 1px solid #CCC;251}
.carousel-caption{bottom: 3%;}
.proBox h4 {font-size: 13px;}
.aboutParallax h2{font-size: 25px;}
#footer .col-sm-4 {
	margin-right: 8px;
	width: 31.90%;
}
}
@media only screen and (max-width: 800px) { 
.navbar-nav > li > a {font-size: 10px;padding: 16px 7px 16px 7px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a{font-size: 10px;}
.copyright h4, .company a{font-size: 12px;}
.infrInfo {padding: 60px 0; }
.infrInfo h3 { font-size: 25px;}
.infrInfo h2 {font-size: 16px;}
.carousel-caption img {
	width: 80% !important;
}
.navbar-inverse .navbar-nav > li > a {
	font-size: 13px;
}
#myCarousel-project1 {
	display: none;
}
#welInfo h1 {font-size: 35px;}
.welBnt a {
	padding: 13px 18px;
	font-size: 14px;
}
.serviceInfo a {
	font-size: 15px;
	padding: 12px 14px;
}
.footerInfo h6 {
	font-size: 30px;
}
.footerInfo i {
	border: 3px solid #757575;
	width: 50px;
	height: 50px;
	line-height: 45px;
}
.footerBnt a {font-size: 16px;padding: 12px 19px;}
#footer .col-sm-4 {margin-right: 13px; width: 30.9%; padding: 14px;}
.innerfooter {padding: 90px 0;}
.proBox h4 {font-size: 12px;}
.navbar-right {margin-top: 12px;}
.banner_top2, .banner_top1, .banner_top3 {
	display: none;
}
.footerInfo h6 span {
	font-size: 35px;
}
}
@media only screen and (max-width: 767px) {  
.carousel-control {display: none;}
.carousel-caption {display: none;}
.navbar-toggle { margin-top: 21px; cursor:pointer}
.navbar-header { width:100%;}
.navbar-brand {width: 40%;}
.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:#077cb3}
.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-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:15px;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;} 
#welInfo h1 {font-size: 30px;}
#welInfo {padding: 60px 0; }
#service_sec h2 {position: relative; background-image: none; margin: 0 0 30px 0; font-size: 30px; padding: 20px 40px;} 
.serviceInfo {width: 100%; padding: 30px 5% 80px 5%;}
.contactLogo img {width: 50%;}
.contactInfo {padding: 45px 0 0 0;}
.contactLogo img {
	width: 25%;
}
.navbar-brand > img {width: 65%;}
.navbar-toggle {
	padding: 0px 5px;
}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 4px;
}
#footer .col-sm-4 {
	margin-right: 13px;
	width: 100%;
	margin-bottom: 25px; padding: 25px 0 0px 0;
}
#footer .row {
	padding: 0 150px;
}
.innerfooter {
	padding: 40px 0 20px 0;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	color: #fc9400;
	background: none;
}.proBox h4 {
	font-size: 11px;
}
#productInner .col-xs-6.col-sm-4 {
	margin-bottom: 10px;
}

#footer span {
	font-size: 25px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	background: none;
	color: #fc9400;
	background: none;
}
.strength .col-md-8 {
	margin-top: 25px;
}
.proInner h2 {
	font-size: 23px;
}
.footerInfo h6 span {
	font-size: 30px;
}
.visionBox li {
	font-size: 15px;
}
.visionBox h3 {
	font-size: 19px;
}
.textBox {
	height: 35px !important;
}
#footer .col-sm-4 {
	min-height: 200px;
}
}
@media only screen and (max-width: 650px) { 
.missionInfo .col-sm-4 {display: none;}
.missionInfo .col-sm-8 {width: 100%;}
#service_sec h3 {font-size: 20px; line-height: 30px;}
#service_sec h3 span {font-size: 20px; line-height: 30px;}
}
@media only screen and (max-width: 600px) { 
.footerInfo h6 {font-size: 30px;}
.footerInfo h6 span {font-size: 21px;}
.h3, h3 {font-size: 20px;}
.proBox h4 {font-size: 16px;}
.infra-data {margin: 0 4% 0 4% !important;}
.comp_name h4 {
	font-size: 13px;
}
}
@media only screen and (max-width: 550px) { 
.infrInfo {padding: 40px 0; }
}
@media only screen and (max-width: 500px) { 
.navbar-brand {width: 40%; top: -55px;}
.bar1, .bar2, .bar3 {height: 3px !important;}
.navbar-toggle {margin-top: 20px; cursor: pointer;}
#service_sec h2 {right: 0;}
#service_sec .owl-buttons{display: none;}
.clientInfo h4 {font-size: 25px;}
.clientInfo h5 {font-size: 20px;}
.clientInfo {padding: 40px 0;}
.clientInfo p {padding: 0;}
.clientBox {padding: 40px 0 0 0;}
.clientBox h6 {margin: 0 0 25px 0;text-align: right; font-size: 25px;}
.clientBox h6 span {font-size: 20px;}
#clientLogo .owl-buttons {display: none;}
.contactInfo {margin: 40px 0 0 0;}
.contactLogo li {width: 100%; background: url(../images/listing.png) no-repeat left 15px; font-size: 16px; padding: 10px 20px 10px 25px; background-size: 3% auto;}
.contactLogo li {background: url(../images/listing.png) no-repeat left 18px; font-size: 14px; padding: 10px 20px 10px 25px; background-size: 4% auto;}
.footerInfo h6 {font-size: 20px; font-weight: 400;}
.footerInfo h6 span {font-size: 20px; }
.proBox h4 {font-size: 15px;}
p, #footer p { font-size:13px;}
.visionBox li, .proInner li {font-size: 14px;}
.h3, h3 {font-size: 18px;}
.proInner h2, .page_breadcrumbs h2, .infraParallax h2, .clientParallax h2, .contactParallax h2 {font-size: 20px;}
.aboutParallax h2 {font-size: 20px;}
#footer span {font-size: 20px;}
#footer .row {padding: 0 50px;}
.visionBox li {
	background: url(../images/listing.png) no-repeat 20px 18px rgba(0,0,0,0.5);
	padding: 14px 52px;
}
.comp_name h4 {
	font-size: 10px;
}
}
@media only screen and (max-width: 400px) { 
#welInfo h1 {font-size: 25px;}
#welInfo {padding: 40px 0; }
#welInfo hr{margin: 15px 0 25px 0;}
.missionInfo h3{margin: 20px 0 15px 0;font-size: 23px;}
#service_sec h3 span {font-size: 13px;}
.footerInfo h6{font-size: 16px;}
p, #footer p {font-size: 13px;}
.h3, h3 {font-size: 15px;}
.breadcrumb{ display:none;}
.missionInfo span {padding: 13px 13px;}
#owl-example2 .owl-item img {text-align: center; width: 100%;}
.proInner h2, .page_breadcrumbs h2, .infraParallax h2, .clientParallax h2, .contactParallax h2 {font-size: 16px;}
#footer .col-sm-4 {padding: 25px 5px;}
}
 @media only screen and (max-width: 320px) {
#welInfo h1 {font-size: 22px;}	 
#service_sec h2{padding: 20px 25px;}
.clientInfo h5 {font-size: 16px;}
.footerInfo h6 {font-size: 12px;}
#footer span {font-size: 15px;}
.navbar-toggle{margin-right: 0px;}
.visionBox li {
	background: url(../images/listing.png) no-repeat 5px 21px rgba(0,0,0,0.5);
	padding: 14px 35px;
}.proInner li{background: url(../images/listing.png) no-repeat 10px 27px rgba(255,255,255,0.5);padding: 20px 35px;}
.h3, h3 {font-size: 11px;}
.missionParallax{padding: 35px 0 !important;}
.innerfooter h2{font-size: 13px;}
#productInner .col-xs-6.col-sm-4 {width: 100%;}
.innerInfo li{background: url(../images/icon1.jpg) no-repeat 10px 27px rgba(255,255,255,0.5);}
#footer .row {padding: 0 15px;}
p, #footer p {font-size: 12px;}
#service_sec p {font-size: 14px; line-height: 26px;}
.infra-data {
	margin: 0 4% 0 7% !important;
}
.navbar-brand {
	width: 50%;
}
.bar1, .bar2, .bar3 {
	width: 24px;
	height: 2px !important;
}
.dropdown-menu > li > a {
	padding: 7px 39px;
	font-size: 12px;
}
.page_breadcrumbs h2 {
	padding: 12px;
}
.innerInfo li {
	padding: 3px 50px;
	font-size: 13px;
}
.innerInfo li {
	background: url(../images/icon1.jpg) no-repeat 10px 10px rgba(255,255,255,0.5);
}
}