@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_sansbold';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold.woff') format('woff'),
         url('../fonts/opensans-bold.ttf') format('truetype'),
         url('../fonts/opensans-bold.svg#open_sansbold') 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; border:none; text-decoration:none; }

body{ background:url(../images/body-bg.jpg) repeat; font-family:"OpenSansRegular",Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#666; } 
body.index{ background:url(../images/index-bg.jpg) repeat; }
.selection{ padding:0px; margin:auto; left:0; right:0; top:0; bottom:0; position:absolute; /*height:330px;*/ height:700px; width:858px; }
.container{ width:100%; max-width:1170px; position:relative; margin:0px auto;  }
.master-container{ padding:20px; background:url(../images/layout-bg.jpg) repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; width:100%; }
.inner-container{ width:100%; background:url(../images/content-bg.jpg) repeat; float:left; padding-bottom:80px;}

header, section, article, footer{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:1130px;  }

/* Header */
header{ position:absolute; top:20px; padding-top:35px; padding-bottom:35px; background:url(../images/header-bg.png) no-repeat; z-index:1; width:100%; max-width:1130px; }
.row-padding{ padding-left:7%; padding-right:7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:86%;}
.row-margin{ margin-left:7%; margin-right:7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:86%; }

.link{ text-decoration:none; color:#004E92; }

ul.nav{ padding:0px; margin:25px 0px 0px 0px; float:right; text-transform:uppercase; }
ul.nav li{ padding:0px; margin:0px; display:inline-block; font-family:"open_sansbold",Arial, Helvetica, sans-serif; font-size:14px; }
ul.nav li a{ padding:8px 12px; margin-left:5px; color:#666; }
ul.nav li a:hover, ul.nav li a.active{ background:#FFF; border-radius:3px; color:#004E92; }
ul.nav li.last a{ background:url(../images/ico-home.png) no-repeat; width:32px; height:32px; padding-left:20px;  }

/* Banner */
.banner-container{ width:100%; position:relative; float:left;}
.banner-container img{ width:100%; height:auto; }
.banner-box{ position:absolute; background:url(../images/banner-box.png) repeat; bottom:-35px; left:100px; padding:20px; display:inline-block; color:#FFF; font-size:24px; line-height:25px; font-family:"open_sansextrabold",Arial, Helvetica, sans-serif; margin:0px; }
.banner-box small{ font-size:17px; font-family:"open_sanssemibold",Arial, Helvetica, sans-serif; display:block; margin-bottom:10px; }
.banner-title{position:absolute; top:195px; left:80px; display:inline-block; color:#FFF; font-size:36px; line-height:25px; font-family:"open_sansextrabold",Arial, Helvetica, sans-serif; margin:0px;}
.banner-title span, .pop-up-title span{ display:block; font-size:16px; font-family:"open_sanssemibold",Arial, Helvetica, sans-serif; margin-top:10px;tabs}
.pop-up-title{ float:left; width:100%; color:#FFF; font-size:26px; line-height:25px; font-family:"open_sansextrabold",Arial, Helvetica, sans-serif; margin:0px; background:url(../images/body-bg.jpg) top left repeat; padding:3% 0px; }
.prd-banner-img{position:absolute; top:148px; right:80px; }

.banner-slider{ width:100%; float:left; position:relative; }
ul.home-slider{ width:100%; float:left; list-style-type:none; margin:0px; padding:0px; }
#banner-slider-prev { background:url(../images/arrow-left-small.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:50%; left:40px; width:42px; height:82px; }
#banner-slider-next{ background:url(../images/arrow-right-small.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:50%; right:40px;  width:42px; height:82px; }

/* Home Contnet */
.home-intro{ padding-top:150px; padding-bottom:120px; }
.row-col-1{ width:38%; float:left; }
.row-col-2{ width:62%; float:left; }
.row-col-2 p{ margin:30px 0px; }
.row-col-2 p.ls-mrg{ margin:10px 0px; }

.row .row-col-1.small{ width:18%; float:left; }
.row .row-col-2.small{ width:72%; float:left; }
.row .row-col-2.small img{ width:100%; height:auto; max-width:769px; }
.blue{ color:#00468C; font-family:"open_sansextrabold",Arial, Helvetica, sans-serif; margin-left:5px; }

.row{ width:100%; float:left; }
.row .row-col-1{ width:38%; float:left; margin-left:3.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.row .row-col-2{ width:55%; float:left;  margin-right:3.5%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

h2{ font-family:"open_sansextrabold",Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; }
h3{font-family:"open_sanssemibold",Arial, Helvetica, sans-serif; font-size:17px; margin:0px; line-height:normal;}
h4{font-family:"open_sansextrabold",Arial, Helvetica, sans-serif; font-size:24px; margin:0px; line-height:normal;}
.in-block{ display:inline-block; }

.intro-links{ margin-top:20px; float:left; }
.home-links{ background:#FFF; padding:15px 20px; color:#666; font-weight:bold; font-size:12px; margin-right:20px; }
.home-links:hover{ color:#004E92; }
.mrg{ margin-right:7%; }
.col-1-img img{ float:left; margin-top:85px; }

.product-services, .achievement, .dealer, .prd-advantage{ background:url(../images/product-service-bg.jpg) repeat; /*margin-bottom:50px;*/ padding:40px; position:relative; }

.home-prd-img{ position:absolute; left:0px; top:115px; }
.prd-advantage{ margin-top:40px; margin-bottom:0px; padding-bottom:80px; float:left; }
ul.advantages{ padding:0px; margin:20px 0px 0px 0px; list-style-type:none; }
ul.advantages li{ padding:0px; margin:0px; list-style-type:disc; list-style-position:inside; font-family:"open_sanssemibold",Arial, Helvetica, sans-serif; font-size:16px; }
.advt-txt{ font-size:18px; line-height:34px; margin-top:5%; }
.advt-txt h2{ margin-bottom:5px; }

ul.two-col-ul{ padding:0px; margin:0px; list-style-type:none; width:45%; margin-right:5%; float:left; font-size:12px; }
ul.two-col-ul li { margin-bottom:5px; }

.authorise-dealer{ margin-bottom:50px; margin-top:20px; }
.tp-mrg{ margin-top:10px; }

.pull-left{ float:left; }
.pull-right{ float:right; }

.prp{ float:left; }
.row .row-full{ width:93%; margin-right:7%; }
.dealer-btn{ float:right; border:1px solid #FFF; color:#FFF; border-radius:5px; padding:10px 15px; font-family:"open_sanssemibold",Arial, Helvetica, sans-serif; font-size:16px; cursor:pointer; cursor:hand; }
.dealer-btn:hover{ color:#999; border:1px solid #999; }

.ico-pdf{ background-image:url(../images/ico-pdf.png); background-position:15px 12px; background-repeat:no-repeat; padding-left:50px; }

/* Footer */
.footer-container{ padding-top:0px; }
.main-container{ padding-bottom:0px; }
.footer-inner{ padding-bottom:0px; }
.footer-gallery{ width:100%; clear:both; background:#FFF;  }
.footer-gallery ul{ padding:0px; margin:0px; list-style-type:none; }
.footer-gallery ul li { float:left; width:24.85%; margin:0.09% 0.15% 0.09% 0; padding:0px; overflow:hidden;  }
.footer-gallery ul li.last{ margin-right:0px; }
.footer-gallery ul li img { width:100%; height:auto; display: block; }
.footer-gallery ul li a img{ -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.footer-gallery ul li a:hover img{ -webkit-transform: scale(1.05);  -moz-transform:scale(1.05); transform:scale(1.05);  }

footer{ margin:100px 0px; }
.ft-col-1{ width:33%; float:left; }
.address{ display:block; margin-top:10px; margin-bottom:20px; }
.social-media{ float:left;  display:block; }
.social-media a{ margin-right:10px; }
.text-box{ width:70%; float:left; padding:10px 10px; }
.news-btn{ float:left; background:url(../images/btn.png) no-repeat; width:39px; height:36px; margin-left:5px; cursor:hand; cursor:pointer; }

/* About us */
.inner-intro{padding-top:80px; padding-bottom:100px; font-family:"open_sanslight",Arial, Helvetica, sans-serif; font-size:16px; line-height:28px;}
.prd-dtl{ padding-top:125px; }
.achievement{ padding-top:110px; padding-bottom:110px; font-family:"open_sanslight",Arial, Helvetica, sans-serif; font-size:16px; line-height:28px; }
.dealer{ padding:70px 0px 70px 0px; }
.achievement-txt{ margin-top:60px !important; }

.testimonial{ margin-top:50px; margin-bottom:50px; }
.testi-box{ width:33.33%; background:url(../images/testmonials.png) top center no-repeat; height:365px; position:relative; margin-bottom:20px; }
.testi-box p{text-align:center; width:70%; margin:50px auto 0px auto; }
.testi-box small {position: absolute; bottom: 80px; right: 50px; text-align: right; font-family:"open_sanssemibold",Arial, Helvetica, sans-serif; font-size:13px;}

/* Product */
.prd-title{ font-family:"open_sansbold",Arial, Helvetica, sans-serif; font-size:24px; float:left; margin-bottom:40px; cursor:hand; cursor:pointer; }
.acr-ico{ background:url(../images/accordion-arrow.png) center -32px no-repeat; width:30px; height:32px; display:inline-block; float:left; margin-right:20px; }
.acr-ico.active{ background-position:center 0px; }
.prd-cotnent{ font-size:13px; line-height:26px; }
.prd-cotnent p{ margin-bottom:15px; }
.highlight{ font-family:"open_sanssemibold",Arial, Helvetica, sans-serif; font-size:16px; }
.prd-table-title{ background:#00468C; color:#FFF; padding:50px 40px 30px 40px; font-family: "open_sanslight",Arial, Helvetica, sans-serif; font-size: 16px; line-height: 28px; margin-top:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.prd-data{display:none; margin-bottom:100px; }

.prd-table table{ border:1px solid #CCC; border-collapse:collapse;  font-size:13px; background:#FFF;}
.prd-table table tr.title{ background:#797979; color:#FFF; }
.prd-table table td{ border:1px solid #CCC; border-collapse:collapse; padding:5px 0px; line-height:normal; }

ul.tabs{ display:block; padding:0px; margin:-43px 0px 0px 75px; list-style-type:none; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.tabs.grade-310{ margin-top:30px; }
ul.tabs li{ float:left; background:#FFF; color:#00468C; font-size:14px; font-family:"open_sansbold",Arial, Helvetica, sans-serif; padding:10px 20px 5px 20px; margin-right:10px; cursor:hand; cursor:pointer; border-radius:5px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
ul.tabs li.active{ background:#00468C url(../images/tab-active.jpg) top left repeat-x; color:#FFF; }
#prd-dealer-data{ display:none; }
small.tbl-title{ font-size:26px; font-family:"open_sansbold",Arial, Helvetica, sans-serif; }
small.tbl-sub-title{ font-size:18px; display:block;}
.prd-img{ margin-top:40px; }
.prd-img strong{ margin-bottom:10px; display:block; }
.square, .circular{ display:none; }


/* Project Slider */
.gallery-page{ padding-top:0px; padding-bottom:0px; }
.bx-wrapper .bx-viewport{ background:none; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; position:initial !important; float:left; } 
ul.gallery-slider{ padding:0px; margin:0px 0px 0px 0px; list-style-type:none; float:left; }
.large-img{ position:relative; float:left; width:100%; margin-bottom:5px; }
ul.gallery-slider li{ padding:0px; margin:0px 0px 0px 0px; list-style-type:none; }
ul.gallery-slider li img{ width:100%; height:auto; }
#gallery-slider-prev { background:url(../images/arrow-left-small.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:250px; left:40px; width:42px; height:82px; }
#gallery-slider-next{ background:url(../images/arrow-right-small.png) top left no-repeat; cursor:pointer; cursor:hand; position:absolute; top:250px; right:40px;  width:42px; height:82px; }
ul.thumb-list{ padding:0px; margin:0px; list-style-type:none; float:left; width:100%; }
ul.thumb-list li{ /*padding:0px; margin:0px 54px 42px 0px;*/ float:left; background:none; margin:0px 0px 5px 0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:25%; }
ul.thumb-list li img{ display:block; }

.no-margin{ margin-top:0px; }
.prd-range img{ padding-top:30px; }

/* Client */
ul.list-two-col{ padding:0px; margin:0px; list-style-type:none; }
ul.list-two-col li{ padding:0px; margin:0px; list-style-type:none; width:40%; margin-right:10%; float:left; padding-bottom:15px; padding-top:15px; border-bottom:2px solid #CCC; }
ul.list-two-col li.last{ margin-right:0px; width:50%; }
ul.list-two-col.contact li{ border-bottom:none; }

.enq-form{ margin-top:10px; }
.enq-form input, .enq-form select, .enq-form textarea{ font-family:"OpenSansRegular",Arial, Helvetica, sans-serif; font-size:14px; color:#464C4B; padding:10px; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-control-full{ width:100%; }
.enq-form .form-control-med { width: 47%; float: left; }
.enq-form .small-margin { margin-right: 6%; }
.enq-form .small-margin.last { margin-right: 0px; }
.enq-form .veri { margin-right: 2%; }
.enq-form .form-control-small{ width: 30%; float: left; }
.enq-form .btn{ background: #FFF; padding: 12px 20px; color: #666; font-weight: bold; font-size: 12px; cursor:hand; cursor:pointer; }
.enq-form .btn:hover{ color:#004E92; }
.tw-logo{ width:100%; height:auto; max-width:601px; }

.achievement .bx-wrapper{ margin:0px; float:left; }
ul.achievement-img{ padding:0px; margin:0px; list-style-type:none; }
ul.achievement-img li{ padding:0px; margin:0px; list-style-type:none; }
.achievement .bx-pager { bottom:-45px; }

@media only screen and (max-width:1180px){
	header{ width:96.5%; }
	.prd-img { width:100%; }
	.prd-img img{ width:100%; height:auto; }

@media only screen and (max-width:1024px){
	.prd-banner-img { width:50%; top:133px; }
	.prd-banner-img img{ width:100%; height:auto; }
}

@media only screen and (max-width:1000px){
	header{ padding-top:20px; position:inherit; float:left; width:100%; }
	.logo { display:block; width:100%; text-align:center; }
	.logo img{ width:30%; height:auto; }
	ul.nav{ width:100%; text-align:center; margin-top:15px; }
	.banner-box{ bottom:6px;  left:50px;}
	.banner-container{ float:left; }
	#gallery-slider-next, #gallery-slider-prev, .banner-title{ top:50%; }
	
	
	.banner-title{ left:7%; }
	.prd-banner-img{ display:none; }
	
	header{ width:100%; }
	
}
@media only screen and (max-width:880px){
	.home-intro{ padding-top:60px; padding-bottom:60px; }
	.row-col-1{ width:100%; }
	.col-1-img img{ margin-top:0px; margin-bottom:20px; }
	
	.home-prd-img{ display:none; }
	.row-col-2{width:100%; }
	.row-col-1{ margin-bottom:20px; }
	.row .row-col-1, .row .row-col-1.small{ width:100%; text-align:left; margin:0px; }
	.row .row-col-2, .row .row-col-2.small { width:100%; text-align:left; }
	.row-col-2.small { margin-top:20px; }
	footer{ margin:30px 0; }
	.ft-col-1 { width:100%; margin:20px 0px; }
	
	.inner-intro{ padding-top:40px; }
	.achievement{ padding-top:50px; padding-bottom:50px; }
	.achievement-txt { margin-top:20px !important; } 
	
	.testi-box p{ width:30%; }
	.testi-box small { display: block; margin: 50px auto; position: relative; text-align: center; width: 50%; bottom:0; right:0; }
	
}

@media only screen and (max-width:820px){
	/*.row .prd-table-title, .row .prd-table{display:none;}*/
	ul.list-two-col li{ width:100%; }
	ul.nav li:last-child a{ display:none; }
	
	
	.home-links{ padding:10px; } 
	.tp-mrg{ width:100%; height:auto; }
	.prd-title{ font-size:20px; }
	ul.list-two-col li.last{ width:100%; }
}
@media only screen and (max-width:640px){
	.logo img{ width:50%; height:auto; }
	ul.thumb-list{ width:100% !important; }
	ul.thumb-list li img{width:100%; height:auto; }
}
@media only screen and (max-width:600px){
	ul.nav li{ font-size:13px; }
	ul.nav li a{ padding:8px 5px; }
}
@media only screen and (max-width:500px){
	ul.nav li{ font-size:11px; }
	ul.nav li a{ padding:8px 3px; }
}