* {margin:0;padding:0;}
img {-webkit-transition: all 0.3s 0s ease-in-out;
    -moz-transition: all 0.3s 0s ease-in-out;
    -o-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;}
	@font-face {
font-family: 'BrushScriptBT-Regular';
src: url('fonts/BrushScriptBT-Regular.woff') format('woff'),
   url('fonts/BrushScriptBT-Regular.ttf') format('truetype'),
   url('fonts/BrushScriptBT-Regular.svg#BrushScriptBT-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
.wrapper * {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
@font-face {
font-family: 'Brush_Script_BT';
src: url('fonts/Brush_Script_BT.eot');
src: url('fonts/Brush_Script_BT.woff2') format('woff2'),
   url('fonts/Brush_Script_BT.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}

header, footer, nav, section, aside {display:block;}
body {font-family: 'Roboto', sans-serif;font-size:14px;line-height:18px;color:#666666;font-weight:400;}
ul, li {list-style:none;}
input, select, textarea {font-family: 'Roboto', sans-serif;font-size:13px;color:#212121;}
label {font-weight:normal;}
.fleft {float:left;}
.fright {float:right;}
a:focus, :focus {outline:none;}
button::-moz-focus-inner {border: 0;}
a {text-decoration:none;}
img {max-width:100%;border:none;}
.clr {clear:both;overflow:hidden;height:0;line-height:0;font-size:0;display:block;width:100%;}
input[type="button"], input[type="submit"], button {cursor:pointer;}
table {border-collapse:collapse;}

.wrapper {float:left;width:100%;}
.siteWidth {max-width:1170px;margin:0 auto;}
/* Header Css Start Here */
.header {width:100%;position:relative;background:#FFFFFF;box-shadow:0 0 5px rgba(0,0,0,.25);}
.header nav ul li.download a, .header nav ul li.download a:hover, .header nav ul li.download:hover a {background:url(../images/download-btn.png) no-repeat 0 0;background-size:100%;width:200px;height:74px;display:block;color:#FFFFFF;padding:23px 0 0 78px;font-size:19px;font-weight:600;margin-top:-17px;margin-left:20px;}
.logo {float:left;margin-top:15px;margin-bottom:15px;}
.logo span {color:#4e4e5b;}
.logo img {display:block;}
.headerRight {float:right;margin-top:27px;}
.header nav {float:left;font-weight:400;margin-top: 3%;}
.header nav ul {float:left;width:100%;}
.header nav ul li {float:left;font-size:17px;position:relative;z-index:1;margin:0 0 0 1px;}
.header nav ul li a {color:#1d3160;display:block;padding:7px 15px;}
.header nav ul li:hover a, .header nav#menu ul li.active a {color:#FFFFFF;background:#00a5ca;}
/* Header Css End Here */

.banner {height:auto;float:left;width:100%;overflow:hidden;}
/*.homeBanner {background:url(../images/banner.jpg) no-repeat center 0;background-size:cover;}*/
.banner .item {position:relative;}
.banner .item:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;}
.banner .item img {height:auto;display:block;}
.bannerTxtContainer {position:relative;}
/*.bannerTxt {position:absolute;top:100px;left:0;color:#FFFFFF;font-size:18px;max-width:600px;line-height:26px;background:rgba(0,0,0,.7);padding:15px;}*/
.bannerTxt {position:absolute;width:100%;float:left;left:0;height:500px;top:0;}

.bannerTxt h3 {font-size:30px;margin:0 0 12px 0;text-transform:uppercase;}

.container {width:100%;margin:0 auto;float:left;}
.container h1 {font-size:45px;font-weight:700;color:#33c5cc;margin-bottom:30px;line-height:44px;text-align:center;font-family: 'Roboto Slab', serif;font-weight:400;}
.container h2 {font-size:45px;font-weight:700;color:#33c5cc;margin-bottom:30px;line-height:44px;text-align:center;font-family: 'Roboto Slab', serif;font-weight:400;}
.container .productBox h2 {color:#636363;}
.containerInner {width:100%;margin:0 auto;padding:0;float:left;}

.welcomeBox {float:left;width:100%;line-height:30px;color:#838282;font-size:16px;padding:35px 0;}
.welcomePic {float:right;margin-left:20px;padding:4px;border:1px solid #b2b2b2;}

.productBox {float:left;width:100%;background:#f0f0f0;padding:35px 0;}
.productBox .item {text-align:center;}
.productBox .item img {display:block;margin:0 auto;}
.productBox .item a {color:#000000;}
.productBox span {display:block;font-size:16px;font-weight:600;padding:10px;text-transform:uppercase;}
.homeBottomBox {float:left;width:100%;padding:35px 0;}
.homeBottomBox h3 {font-size:20px;font-weight:700;color:#33c5cc;margin-bottom:15px;line-height:40px;text-align:center;text-transform:uppercase;}
.homeBottomleft {width:100%;float:left;}
.boxPic {float:left;width:100%;background:#eeeeee;}
.boxPicLeft {float:left;}
.boxPicLeft img {display:block;}
.boxPicRight {float:left;font-size:20px;padding:80px 20px 0 50px;}
.boxPicRight p {margin-bottom:15px;display:inline;padding-right:30px;}
.boxPicRight a {display:inline-block;color:#FFFFFF;background:#444444;padding:10px 20px;font-size:18px;}
.boxPic img {height:200px;border:1px solid #EEEEEE;}
.homeBottomRight {width:100%;float:right;margin-bottom:25px;}
.qualityBox {text-align:center;}
.qualityBox a {width:14.2%;margin-bottom:10px;float:left;padding:0 .5%;}
.qualityBox a img {border:1px solid #CCCCCC;}

.downloadBox {margin-top:20px;float:left;width:100%;}
.downloadBox li {float:left;width:29%;margin:0 2% 30px 2%;}
.downloadBox li a {display:block;border:1px solid #CCCCCC;padding:15px 10px;border-radius:8px;text-align:center;color:#555555;font-size:16px;}
.downloadBox li a span {background:#00a5c9;color:#FFFFFF;width:100px;line-height:30px;display:block;margin:0 auto;margin-top:15px;font-weight:600;font-size:15px;}
.downloadBox li a:hover {background:#f1f1f1;}

.aboutBox {float:left;width:100%;margin:0 0 20px 0;padding-bottom:20px;border-bottom:2px dashed #CCCCCC;}
.leftColumn {float:left;width:61%;}
.rightColumn {float:right;width:36%;}
.rightPic {width:100%;margin-bottom:10px;}
.rightPic img {width:100%;}

.contactColumn {float:left;width:48%;}
.contactColumn:last-child {float:right;}
.contactColumn iframe {width:100%;height:350px;}
.contactColumn a {color:#333333;text-decoration:underline;}
.contactColumn a:hover {text-decoration:none;}
.contactLeft {float:left;width:46%;}
.contactLeft a {color:#333333;}
.contactLeft a:hover {color:#333333;}
.contactRow {float:left;width:100%;margin-bottom:10px;}
.contactRow label {margin-bottom:4px;display:block;} 
.contactRow label span {color:#FF0000;}
.contactRow input[type="text"] {width:100%;border:1px solid #CCCCCC;height:26px;background:#FFFFFF;padding:0 10px;}
.contactRow textarea {width:100%;border:1px solid #CCCCCC;height:60px;background:#FFFFFF;padding:5px 10px;}
.contactRow input[type="submit"], .contactRow input[type="button"] {background:#959fa6;height:30px;padding:0 15px;color:#FFFFFF;border:0;font-size:15px;font-weight:500;}
.checkemail {padding-top:5px;}
.checkemail input {margin-right:7px;}
.contactRight {float:right;width:46%;}
.error {font-size:13px;color:#FF0000;}
#lblmessage {color:#00a00b;font-weight:500;padding-left:20px;}
.numberTxt {font-size:18px;padding-top:25px;}
.numberTxt strong, .numberTxt a {font-size:30px;color:#333333;pointer-events:none;font-weight:500;}
.numberTxt span {display:block;padding-top:10px;}
.listing {float:left;width:100%;margin-bottom:35px;}
.listing li {float:left;width:29.5%;background:#FFFFFF;box-shadow:0 0 3px #999999;margin-left:5.5%;}
.listing li:first-child {margin-left:0;}
.listing li .listingPic {margin:0;overflow:hidden;}
.listing li .listingTxt {padding:15px;width:100%;}
.listing li .listingPic img {display:block;}
.listing li:hover .listingPic:hover img {transform: scale(1.2);}
.listing li h3 {font-size:16px;font-weight:bold;font-weight:500;color:#333333;margin:0;}
.listingDetail {min-height:110px;}
.listingDetail .innerTxt {color:#251807;}

.readMore a {color:#ea6c55;text-decoration:underline;}

.enquiryPopupBox {background:#FFFFFF;position:fixed;top:50%;left:50%;width:600px;margin:-210px 0 0 -300px;z-index:10;display:none;
	-webkit-transition: none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}
.closeEnquiry {background:url(../images/close-icon.png) no-repeat 0 0;width:16px;height:16px;position:absolute;top:-26px;right:0;}

.overlay {position:fixed;top:0;left:0;width:100%;height:100%;z-index:6;display:none;background:rgba(0,0,0,.6);}
.enquiryOverlay {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;display:none;background:rgba(0,0,0,.6);}
.overlay, .enquiryOverlay {
	-webkit-transition: none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}
/* Inner Page Css Start Here */
.innerBanner {background:url(../images/banner.jpg) no-repeat center 0;background-size:cover;padding:130px 0 0;font-size:45px;color:#FFFFFF;font-weight:600;text-transform:uppercase;width:100%;}
.innerBanner span {max-width:1170px;margin:0 auto;display:block;padding-bottom:20px;text-shadow:0 0 3px #333333;}
.infrastructureBanner, .contactBanner {background:url(../images/banner-pic2.jpg) no-repeat center center;}
.innerContainer {padding:30px 0;}
.innerContainer p {margin-bottom:25px;line-height:22px;}
.container .innerContainer h2 {font-size:34px;font-weight:500;color:#33c5cc;margin-bottom:15px;line-height:34px;text-transform:none;text-align:left;}
.container .innerContainer h3 {font-size:20px;font-weight:500;color:#333333;margin-bottom:15px;line-height:20px;text-align:left;}
.tableData {margin:0 0 25px 0;width:100%;float:left;}
.tableData td {padding:7px 10px;background:#eeeeee;border:1px solid #FFFFFF;font-weight:600;width:30%;}
.tableDataNew {margin:0 0 45px 0;width:70%;float:left;background:url(../images/logo-bg.png) no-repeat center 100px;background-size:350px auto;}
.tableDataNew td {padding:7px 10px;border:1px solid #eeeeee;font-weight:600;}
.tableData td:nth-child(2) {background:#f1f1f1;font-weight:400;width:70%;}
.pageList {float:left;width:100%;margin-bottom:20px;}
.pageList li {padding:0 0 5px 13px;position:relative;}
.pageList li:before {content:"";position:absolute;top:7px;left:0;width:4px;height:4px;border-radius:50%;background:#666666;}

.qualityPicBox {}
.qualityPic {float:left;margin:46px;border:1px solid #ccc;}
.qualityPic img{max-width:100%;border:none;width: 257px;height: 192px;}

/* Inner Page Css End Here */

/* Footer Css Start Here */
.footer {float:left;width:100%;background:#002e63;color:#FFFFFF;text-align:center;}
.footerLinks, .addressBox {width:100%;float:left;padding:20px 0;}
.footerLinks {border-bottom:1px solid rgba(255,255,255,.4);}
.addressColumn {float:left;width:33%;padding:0 3%;border-left:1px solid rgba(255,255,255,.4);min-height:90px;}
.addressColumn:first-child {border:none;}
.addressColumn h3 {font-size:16px;font-weight:600;margin-bottom:5px;}
.addressColumn a {text-decoration:underline;color:#FFFFFF;}
.addressColumn a:hover {text-decoration:none;}
.footerLinks ul {width:100%;}
.footerLinks ul li {margin:0;display:inline-block;padding:0 15px;font-size:15px;font-weight:600;text-transform:uppercase;}
.footerLinks ul li a {color:#FFFFFF;padding:5px 0;}
.footerLinks ul li a:hover {text-decoration:underline;}
.copyright {float:left;width:100%;font-size:14px;color:#FFFFFF;background:#00a5c9;padding:15px 0;}
/* Footer Css End Here */

/* Product Gallery */
.galleryBox {float:left;width:100%;margin-bottom:50px;}
.gallery {
    float: left;
    width:22%;
	margin-right:3.5%;
}
.gallery:last-child {margin:0;}
.gallery img {display:block;width:100%;}
.gallery a {color:#333333;}
.gallery img {
    width: 100%;
    height: auto;
}

.desc {
    padding:10px 15px;
    text-align: center;
	background:red;
	display:block;
	background:#eeeeee;
}


/*  Open Produc image */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
.slideLogo {position:absolute;left:50%;top:0;margin:0 0 0 -75px;width:150px;background:rgba(255,255,255,1);padding:10px;border-right:10px;z-index:15;}
h2.o-slider-subTitle {margin-bottom:15px;}
.o-slider-textWrap {bottom:auto;height:100%;position:absolute;top:0;padding:30px!important;left:10%;background:rgba(0,0,0,.25);max-width:350px;}
.o-sliderContainer .o-slider--item.isActive {padding:0;}
.o-slider--item, .o-sliderContainer {height:auto!important;}
.o-slider-title, .o-slider-subTitle, .o-slider-paragraph {font-size:26px!important;color:#FFFFFF;margin:7px 0!important;padding:10px 0!important;font-weight:600;display:inline-block;text-transform:none;line-height:34px;font-weight:300;display:block;max-width:100%;width:100%!important;}
.o-slider-title strong {font-weight:700;}
.o-slider--preview.isActive, .o-slider-pagination li:hover .o-slider--preview, .o-slider--item:after {display:none!important;}
.o-slider-pagination {bottom:20px;}
.slideImg img {display:block;}
/* 100% Image Width on Smaller Screens */

.owl-carousel {float:left;}
.owl-nav, .productBox .owl-dots {display:none;}
.owl-dots {position:absolute;width:100%;bottom:30px;left:0;text-align:center;}
.owl-dot {border-radius: 50%;
display: inline-block;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 22px;
width: 22px;
margin-left: 6px;
margin-right: 6px;
cursor: pointer;
z-index: 100;
background:none;
border:1px solid rgba(255,255,255,.4);
box-shadow:0 0 0 1px rgba(255,255,255,0.4),0 0 2px 0 rgba(0,0,0,0.4) inset;
}
.owl-dot.active {

    background-color: rgba(255,255,255,0.9);
    transform: scale(1.3, 1.3);
	box-shadow:0 0 0 2px rgba(255,255,255,0.4),0 0 2px 0 rgba(0,0,0,0.4) inset;
	

}

@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}