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

@font-face {
	 font-family: 'OpenSansRegular';
	 src: url('../fonts/opensans-regular.eot');
	 src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
	 	  url('../fonts/opensans-regular.woff') format('woff'),
		  url('../fonts/opensans-regular.ttf') format('truetype'),
		  url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ padding:0px; margin:0px; text-decoration:none; border:none; }
body { background:url(../images/body-bg.jpg) center top no-repeat; background-size:100% 698px; font-family:"open_sanslight", arial; font-size:14px; line-height:20px; }

/* Header */
.container{ width:100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header, section.products, section.aboutus, section.banner, section.projects, footer.footer { width: 100%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; -sizing: border-box; float: left; }

section.aboutus{ background:#F5F6F8 url(../images/aboutus-bg.png) top center no-repeat; padding-top:140px; padding-bottom:120px; }
section.banner{ padding-top:95px; height:480px; }
section.projects{ padding-top:50px; padding-bottom:100px; }
footer.footer{ background:#F5F6F8 url(../images/footer-bg.png) top center no-repeat; padding-top:165px; }


.header-content, .products-content, .aboutus-content, .projects-content, .footer-content, .banner-text{width:820px; margin:0 auto; position:relative; padding:0px 70px; }

.fix-header{position:fixed; z-index:99; opacity:0.98; background-color:#CCD3D9; height:80px;}

.logo{ padding-top:45px; float:left; }
ul.main-nav{ padding:0px; margin:100px 0px 0px 0px; list-style:none; float:right; }
ul.main-nav li{ padding:0px; margin:0px 0px; list-style:none; display:inline-block;}
ul.main-nav li span{ font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; color:#667D8C; padding:5px 15px; font-size:16px; cursor:pointer; cursor:hand; }
ul.main-nav li:hover span, ul.main-nav li span.active{ background:#FFF; border-radius:5px;  }

section.products{ padding-top:120px; padding-bottom:120px;}
.products-tag-line{ float:left; width:100%; }

.copm-text{font-family:"open_sanslight", Arial, Helvetica, sans-serif; font-size:60px; color:#FFF; line-height:65px; position:absolute; top:0px; left:70px; z-index:99; text-shadow: 2px 2px 5px rgba(0,0,0, 0.05); }
.copm-text span{font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; display:block; line-height:50px;}
.copm-sec-text{ font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; font-size:28px; color:#314672;position:absolute; top:400px; left:70px; z-index:99;}

h3.prd-tag01{ font-size:48px; color:#314672; display:block; font-family:"open_sanslight", Arial, Helvetica, sans-serif; float:left; line-height:85px; }
h3.prd-tag02{ font-size:48px; color:#314672; display:block; font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; float:left; }


ul.prd-slider{ padding:0px 0px 0px 0px; margin:60px 0px 0px 0px; list-style-type:none; float:left; width:100%; }
ul.prd-slider li{ float:left; width:260px !important; margin-right:20px; }
ul.prd-slider li p.prd-title{ background:#314672; display:table; height:140px; width:90%; padding-left:5%; padding-right:5%; text-align:center; color:#FFF; }
ul.prd-slider li p.prd-title span{ font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; font-size:20px; display:table-cell; vertical-align:middle; }
ul.prd-slider li p.prd-title span small{ display:block; font-size:14px !important; font-family:"OpenSansRegular", Arial, Helvetica, sans-serif; line-height: 16px; margin-top: 5px; }
.prd-text small{ font-size:12px; display:block; font-weight:bold; margin-top:15px; }

.prd-data{ width:90%; padding:5%; background:#FAFAFA; }
.prd-img{ text-align:center; width:232px; height:180px; display:table-cell; vertical-align:middle; background:#FFF; position:relative; }
.prd-img-zoom{ position:absolute; right:5px; bottom:5px; }
.prd-text{font-family:"OpenSansRegular", Arial, Helvetica, sans-serif; color:#444; margin-top:15px;}

.about-tag-line{ text-align:center; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; font-size:23px;  color:#444; line-height:35px; }
.about-couner{ position:absolute; top:240px; left:0; right:0; margin:auto; background:url(../images/abt-cirlce.png) no-repeat; width:80px; height:80px; font-family:"open_sansextrabold", Arial, Helvetica, sans-serif; font-size:72px; color:#FFF; text-align:center; line-height:75px; }

ul.abt-slider{ padding:0px 0px 0px 0px; margin:210px 0px 0px 0px; list-style-type:none; float:left; width:100%; }
ul.abt-slider li{ text-align:center; font-size:20px; line-height:30px; }
ul.abt-slider li p{ width:60%; margin:auto; }

.prj-title{ font-size:24px; }

ul.prj-slider { padding:0px; margin:30px 0 0 0; list-style-type:none; }
ul.prj-slider li{ float:left; width:197px !important;}

footer a{ color:#444;  }
footer a:hover{ color:#000; }
.address{ width:46%; float:left; line-height:25px; float:left; color:#444; }
.contact-info span{ font-weight:bold; float:left; margin-right:10px; float:left; }
.enquiry-form{ width:45%; float:right; }
.form-fields{ margin-bottom:20px; }
.txt-box{ background:#FFF; padding:10px; width:344px; font:14px "open_sanslight", Arial, Helvetica, sans-serif; border:1px solid #F7F7F7; box-shadow:0px 0px 10px rgba(0,0,0,0.10); color:#444; border-radius:5px;  }
.btn{ background:url(../images/btn-bg.jpg) repeat-x; color:#FFF; border-radius:5px; padding:10px 15px; float:right;  font-size:14px; cursor:pointer; cursor:hand; color:#444;  }
.powered-by{font-size:11px; font-family:"OpenSansRegular", Arial, Helvetica, sans-serif;  clear:both; text-align:right; margin-top:85px; display:block; float:right; color:#868686; margin-bottom:30px; }
.powered-by a{color:#868686; }

.pipe-data{ font-size:12px; border-collapse:collapse; margin-top:5px; }
.pipe-data td{border:1px solid #ECECEC; }

.requirement{ display:inline-block; margin-top:70px; }



/* Banner *****************************************************/
	.home-main-banner{ width:100%; text-align:center; height:auto; height:475px; float:left; overflow-y:hidden; }
	/*
	ul#parallax{ padding:0px; margin:0px; list-style-type:none; float:left; margin-top:100px; }
	ul#parallax li img{ width:100%; height:auto;}
	*/

	 ul#parallax {position:relative; overflow:hidden; width:100%; height:480px; list-style-type:none; }
	.parallax-viewport {position: relative; overflow: hidden;}
	.parallax-layer {position: absolute; overflow:hidden;}
	.parallax-layer img.building1 {height:480px;} /* 2600 x 480 */
	.parallax-layer img.building2 {height:480px;} /* 2200 x 480 */
	.parallax-layer img.cloud {height:480px;} /* 1500 x 480 */

	.cloud{ background:url(../images/cloud.png) repeat-x;}


/* Slider ******************************************************/
	.bx-slider{ width:100%; position:relative; }
	.bx-viewport{ height:auto !important; }
	.bx-wrapper img{ display:inline-block; }
	.bx-wrapper .bx-viewport{ background:none; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; position:initial !important; float:left; }
	#slider-prev { background:url(../images/previous-arrow.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:200px; left:0px; width:40px; height:40px; }
	#slider-next{ background:url(../images/next-arrow.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:200px; right:0px;  width:40px; height:40px; }

	#abt-slider-prev { background:url(../images/previous-arrow-blue.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:385px; left:0px; width:30px; height:31px; }
	#abt-slider-next{ background:url(../images/next-arrow-blue.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:385px; right:0px;  width:30px; height:31px; }

	#prj-slider-prev { background:url(../images/previous-arrow.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:180px; left:0px; width:40px; height:40px; }
	#prj-slider-next{ background:url(../images/next-arrow.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:180px; right:0px;  width:40px; height:40px; }

/* new css */
.requirement-info {
	display: block;
    width: 100%;
    height: 100%;
    clear: both;
    padding-top: 70px;
}
.requirement-info .requirement {
	margin-top: 0;
	margin-bottom: 10px;
}

.brochure-info {
	padding-top: 20px;
}
.brochure-info h6 {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	padding-bottom: 10px;
}
.brochure-info ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.brochure-info ul li {
	padding-bottom: 5px;
}
.brochure-info ul li a {
	font-size: 16px;
	color: #000;
}
.new-banner {
	width: 100%;
	height: auto;
	clear: both;
	display: block;
	padding-top: 50px;
}
.new-banner-slider {
	position: relative;
}
.banner-slide {

}
.banner-slide img {
	width:100%;
	display: block;
}
.new-banner-slider {
	width: 100%;
}

.new-banner-slider .slick-dots {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	list-style: none;
}
.new-banner-slider .slick-dots li button {
	display: none;
}
.new-banner-slider .slick-dots li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #F5F6F8;
	margin: 0 10px;
}
.new-banner-slider .slick-dots li.slick-active {
	background: #314672;
}
.products {
	padding-bottom: 60px;
}
.video-box {
	width: 100%;
	padding-bottom: 37.26%;
	position: relative;
}
.video-box video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.brochure-listing {
	display: none;
}
.brochure-info {
	padding-bottom: 40px;
	text-align: center;
}
.brochure-info h6 {
	display: inline-block;
	padding: 10px 20px;
	background: #314672;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	margin-bottom: 20px;
}

.download {
	position: relative;
}
.download .sub-menu {
	width: 200px;
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	padding: 10px;
	background: #fff;
	z-index: 123;
}
.download:hover .sub-menu {
	display: block;
}
.download .sub-menu ul li {
	font-family: "open_sanssemibold", Arial, Helvetica, sans-serif;
    color: #667D8C;
    padding: 5px 10px;
    font-size: 16px;
}
.download .sub-menu ul li a {
	color: #667D8C;
	font-size: 16px;
}
/*header {
	position: fixed;
    z-index: 99;
    opacity: 0.98;
    height: 80px;
}*/
.banner-slide {
	position: relative;
}
/*.banner-slide:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
}*/