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

img{ max-width:100%;}
body{margin:0px; padding:0px; font-family:Roboto; color:#000}
section{display:block; margin:0px; padding:0px;}

.form-box.mid.submitbtn{ margin-top:0;}

.fullwidth{width:100%; float:left;}
.contactus ul{ list-style:none; margin:0; padding:0;}
.contactus ul li{ width:32%; float:left; margin-right:2%; padding:15px 0; /*border-bottom:1px dashed #ccc;*/ min-height:240px;}
.contactus ul li:nth-child(3n){ margin-right:0;}
.contactus h3{ font-size:20px; margin:0; font-weight:normal;}
.contactus h4{ font-size:15px;  font-weight:normal; margin:10px 0px 0px;}
.contactus p{ font-size:14px; font-weight:300; line-height:24px; margin:5px 0; color:#4b4b4b;}
.contactus .address a{ text-transform:uppercase; color:#000; text-decoration:none;}
.contactus .address{ width:100%; float:left;}
.contactus .map{ width:48%; float:right;}
.headoffice{ background:#fff; width:100%; float:left; /*border:1px solid #ccc; margin-bottom:15px;*/}
.contactus .headoffice h3{ color:#3c4bb0; font-size:28px; margin:0 0 15px; font-weight:normal;}
.address1{ padding:0px; float:left;  }
.address1 a{ color:#444; text-decoration:none;}
.map1{float:right;}
.capcha{ margin-top:10px;}
.contactus ul li{ font-size:14px; font-weight:300; line-height:24px; margin:5px 0; color:#4b4b4b;}
.contactus ul li a{ text-transform:uppercase; color:#000; text-decoration:none;}
.contactus ul li:nth-child(4), .contactus ul li:nth-child(7), .contactus ul li:nth-child(10){clear:left;}

.contentpage {font-weight:300; line-height:26px; width:100%; font-size:15px;}
.aboutcontent{ width:62%; float:left;}
.aboutcontent h1{ margin-top:0;}
.aboutbox{ width:35%; float:right;}
.aboutbox ul{list-style:none; margin:0; padding:0;}
.aboutbox ul li{ width:100%; float:left; padding-bottom:10px;}
.aboutbox ul li:nth-child(2) .arrow_box{ background:#4dc8ea;}
.aboutbox ul li:nth-child(3) .arrow_box{ background:#f9992b;}
.aboutbox ul li:nth-child(4) .arrow_box{ background:#9fa3a4;}
.aboutbox ul li:nth-child(2) .arrow_box:after{ border-color:rgba(143, 199, 66, 0); border-right-color: #4dc8ea;}
.aboutbox ul li:nth-child(3) .arrow_box:after{ border-color:rgba(143, 199, 66, 0); border-right-color: #f9992b;}
.aboutbox ul li:nth-child(4) .arrow_box:after{border-color:rgba(143, 199, 66, 0); border-right-color: #9fa3a4; }
.aboutbox ul li .boxright{ font-size:14px; padding:5%; width:70%;float:left; background:#f0f0f0; }
.arrow_box { font-weight:normal; position: relative;	background: #3c4bb0; color:#fff; font-size:40px; line-height:70px; text-align:center; width:20%; height:70px; float:right}
/*.arrow_box:after {left: 100%;top: 50%;	border: solid transparent;	content: "";	height: 0;	width: 0;	position: absolute;	pointer-events: none;
	border-color: rgba(143, 199, 66, 0);	border-left-color: #8fc742;	border-width: 15px;	margin-top: -15px;}*/
.arrow_box:after{right: 100%; top: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(143, 199, 66, 0);border-right-color: #3c4bb0;border-width: 15px;	margin-top: -15px;}

.fontstyle{ font-weight:300;}
.textareabox textarea{font-family:Roboto; margin-bottom:15px; height:120px; background: #fff ;  border: 1px solid #ededed;  border-radius: 4px;  box-shadow: 0 3px 5px #f3f3f3 inset;  box-sizing: border-box;  color: #333;  float: left;  font-size: 14px;  outline: 0 none;  padding: 12px 20px;  resize: none;  width: 100%;}
.selectbox select { height:44px; background: #fff ;  border: 1px solid #ededed !important;  border-radius: 4px;  box-shadow: 0 3px 5px #f3f3f3 inset;  box-sizing: border-box;  color: #9d9d9d;  float: left;  font-size: 14px;  outline: 0 none;  padding: 12px 20px;  resize: none;  width: 100%;}

.textareabox textarea:focus, .selectbox select:focus{border-color:#ff8100; box-shadow:1px 1px 0 #ff8100, -1px -1px 0 #ff8100, -1px 1px 0 #ff8100, 1px -1px 0 #ff8100, 0 3px 5px #f3f3f3 inset}

.enqwidth{ width:100%;}
.enqwidth .form-box{ width:32%; float:left;}
.enqwidth .phones{ margin-left:2%; margin-right:2%;}

.banner{width:100%; height:100%; float:left}
.banner img{width:100%}
.header{width:96%; height:auto; position:fixed; top:0px; padding:15px 2%; background:rgba(0,0,0,0.8); z-index:9 }
.logo{width:30%; float:left}
.header-menu{width:64%; float:right; }
.header-menu ul{list-style:none;text-align:right;margin:0px; padding:0px; margin-top:18px;}
.header-menu ul li{padding:0px 3px;display:inline-block;margin-left:-4px;}
.header-menu ul li a{color:#fff;text-decoration:none;font-family:Roboto Slab;font-weight:300;padding:5px 12px;position:relative;}
.header-menu ul li.req-quote a{background:#fff;color:#000;margin-left:20px;}
.header-menu ul li.req-quote a:hover, .header-menu ul li.req-quote a.navActive{background:#3c4bb0; color:#fff; border-radius:4px}
.header-menu ul li a:hover, .navActive{border-bottom:3px solid #3c4bb0;border-radius:0px;}
.navToggle{background:#3c4bb0;border-radius:3px;height:35px;position:absolute;right:11px;text-align:center;top:27px;width:40px;z-index:99;cursor:pointer;color:#fff;display:none;}
.navToggle i{font-size:22px;line-height:35px;}
.navToggle:hover{color:#3c4bb0;background:#fff;}
.header.scroll-start .navToggle{top:14px;}
.navClose{color:#000;font-size:30px;cursor:pointer;width:40px;height:40px;margin-left:15px;display:none;}
.navClose:hover{color:#413f3f;}

.header.scroll-start{background:#fff; box-shadow:0 0 2px 0 #d3cbb8; z-index:99; padding:7px 2%}
.header.scroll-start .header-menu ul{margin-top:14px;}
.header.scroll-start .header-menu ul li a{color:#000}
.header.scroll-start .header-menu ul li.req-quote a{background:#3c4bb0; color:#fff}
.header.scroll-start img.black, .header img.white{display:block;}
.header.scroll-start img.white, .header img.black{display:none;}

.header.scroll-start img.black{width:140px}

/* -- Mobile Slider Css Start -- */
.sliderMobile{width:100%;position:relative;display:none;}
.rslides {position:relative;list-style: none;overflow:hidden;width:100%;padding:0;margin: 0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block;height:auto;float:left;width:100%;border:0;}
.callbacks .caption{ padding-left:20px;box-sizing:border-box;top:40px;color:#fff;position:absolute !important;text-align:left;width:100%;z-index:9999;}
.callbacks .caption h3{font-size:28px;font-family:Roboto Slab;font-weight:bold;margin:0px 0px 5px;background:url(../images/banner-text-line.jpg) bottom left no-repeat;padding-bottom:10px; line-height:30px;}
.callbacks .caption p{color:#fff; font-weight:300; width:80%; font-size:16px; line-height:24px; text-shadow:1px 1px #000;}


.callbacks_nav {position:absolute;bottom:20px;right:40px;opacity:0.8;z-index:3;overflow: hidden;height:42px;width:30px;margin-top:-15px;}
.callbacks_nav:active {opacity: 1.0;}
.callbacks_nav.prev{background:url("../images/arrowLeft.png") no-repeat scroll center center;}
.callbacks_nav.next {left:auto;right:20px;background:url("../images/arrowRight.png") no-repeat scroll center center;}
#slider3-pager a {display: inline-block;}
/* -- Mobile Slider Css End -- */


.product-text{width:100%; padding:70px 0px;  font-weight:300; line-height:26px; font-size:15px;}
.product-text-right, .product-text-left{width:50%; float:right}
.product-text-left{float:left}
.product-text h1{font-size:32px; color:#333333; text-transform:uppercase; font-weight:300; margin:0px; padding:0px; margin-bottom:30px; line-height:40px; font-family:Roboto Slab}
.page-content{width:100%; height:100%; display:block; }
.page-content img.slider-img{width:100%; height:100%}
.page-content img{width:auto; height:auto}
.clear{clear:both}
.banner-text{position:absolute; left:2%; top:140px; z-index:5; color:#fff; font-weight:300; width:520px; font-size:20px; line-height:30px; text-shadow:1px 1px #000;}
.cms-banner{position:relative}
.cms-banner .banner-text{position:absolute; top:48%}
.banner-text .title{text-shadow:none; font-size:30px;font-family:Roboto Slab;font-weight:bold; margin-bottom:25px; background:url(../images/banner-text-line.jpg) bottom left no-repeat; padding-bottom:15px; line-height:36px;}
.banner-text i{ text-shadow:none; font-size:14px; font-weight:500; font-style:normal; display:block; margin-top:10px;}
.welcome-text{text-align:center; margin:0 auto; width:100%; height:auto; padding:70px 0px;}
.welcome-text-box{width:88%; margin:0 auto; font-weight:300; line-height:26px; font-size:17px;}
.welcome-text h1{font-size:40px; color:#333333; text-transform:uppercase; font-weight:300; margin:0px; padding:0px; margin-bottom:35px; line-height:43px; font-family:Roboto Slab}
.press-release{padding:10px 0px 50px 0px}
.press-release .title{font-family:Roboto Slab; font-weight:700; font-size:32px; background:url(../images/press-heading.jpg) right center no-repeat; padding-right:50px; display:inline-block; float:left; color:#3c4bb0}
.press-text{float:left; display:inline-block; font-weight:300; font-size:20px; padding-left:80px; padding-top:20px;}
.press-text a{color:#3c4bb0; text-decoration:none; font-weight:400; font-size:15px; padding-left:10px;}
.press-release .title span{display:block; line-height:30px;}
.index-services-area{width:100%; position:absolute; bottom:0px; left:0px; z-index:8; color:#fff; background:rgba(0,0,0,0.7)}
.index-services-box{width:20%; float:left; text-align:center; padding:0px 0.15%; box-sizing:border-box; padding-top:5px; }
.index-services-box a{color:#fff; text-decoration:none}
.index-services-box.four a.selected .text{background:#52c809;}
.index-services-box.one a.selected .text{background:#d00b53;}
.index-services-box.two a.selected .text{background:#00cefc;}
.index-services-box.three a.selected .text{background:#fcb315;}
.index-services-box.five a.selected .text{background:#FF7F00;}
.index-services-box .banner{width:100%; height:auto; overflow:hidden; background:#000}
.index-services-box .banner img{width:100%; opacity:0.7}
.index-services-box:hover .banner img{opacity:0.8}
.index-services-box .text{padding:15px 0px; padding-top:40px; line-height:20px; background:rgba(54,71,79,0.9); font-family:Roboto Slab; font-weight:300; font-size:20px; position:relative}
.index-services-box.one:hover .text{background:#d00b53;}
.index-services-box.two:hover .text{background:#00cefc;}
.index-services-box.three:hover .text{background:#fcb315;}
.index-services-box.four:hover .text{background:#52c809;}
.index-services-box.five:hover .text{background:#ff7f00;}
.index-services-box .text .icon{position:absolute; top:0px; margin-top:-30px; width:100%;}
.index-services-box .text .icon img{width:55px;}
.gray-box{width:100%; height:auto; background:#f5f5f5; padding:80px 0px;}
.section-mid{width:100%; height:auto; max-width:1130px; margin:0 auto }
.saving-tips{ height:auto;  text-align:center}
.saving-tips .title{font-weight:300; font-size:33px; margin:0 auto; margin-bottom:100px; max-width:80%}
.saving-tips .title span{font-size:17px; display:block; font-weight:300; margin-top:2px;}
.saving-tips .box{width:25%; height:auto; text-align:center; font-weight:500; font-size:18px; float:left; color:#303030 }
.saving-tips .box img{margin-bottom:15px;}
.green-solar{background:url("../images/green-solar.jpg") top right no-repeat #0a883f;  padding:70px 0px; text-align:center; color:#fff; font-size:20px; line-height:32px; font-weight:300; font-family:Roboto Slab}
.green-solar .text{width:80%; margin:0 auto}
.green-solar h1{font-size:43px; font-weight:300; color:#fff; margin:0px; padding:0px; background:url(../images/heading-arrow-down.png) bottom center no-repeat; padding-bottom:40px; margin-bottom:30px;}
.green-solar h1 span{color:#f1c608}
.contact-bottom{padding:50px 0px;}
.contact-half-left{width:49%; float:left; border-right:1px solid #e2e2e2; font-size:30px; font-weight:300; padding:15px 0px;}
.contact-half-left strong{font-family:Roboto Slab; color:#3b3b3b; font-weight:400; font-size:40px; display:block; margin-bottom:20px;}
.contact-half-left span{color:#3c4bb0}
.contact-half-left i{color:#000; font-size:14px; font-style:normal; display:block}
.number{background:url(../images/phone-icon.png) left top no-repeat; padding-left:35px; line-height:32px;}
.contact-half-right{width:49%; float:right}
.contact-half-right .box{width:33.33%; text-align:center; float:left;  padding:15px 0px; font-size:17px; color:#000; font-weight:300}
.contact-half-right .box span{height:85px; display:block}
.contact-half-right .box a{color:#000; text-decoration:none;}
.contact-half-right .box a:hover{color:#FF8100;}
footer{background:#383838; padding:50px 0px; padding-bottom:20px; position:relative; margin-top:30px;}
.gototop{width:100%; position:absolute; top:-36px;text-align:center;}
footer .box{width:25%; float:left; color:#fff}
footer .box .title{font-size:24px; font-weight:300}
footer .box p { font-size: 14px;  font-weight: 300;  line-height: 22px;}
footer .box p a{color:#f5f5f5; text-decoration:none;}
footer .box ul{list-style:none; margin:0px; padding:0px; margin-top:15px;}
footer .box ul li{ line-height:28px;}
footer .box ul li a{color:#f5f5f5; text-decoration:none; font-size:14px; font-weight:300}
footer .box ul li a:hover{ color:#f1c608;}
.copywrite{border-top:1px solid #505050;margin-top:60px;color:#d5d5d5;font-size:14px;font-weight:300;padding-top:10px;}
.homeFooter .contact-bottom{display:none;}

.webby{float:right}
.webby img{vertical-align:text-bottom}
.small-heading{font-size:17px; color:#3c4bb0; font-weight:400; font-family:Roboto Slab; margin-bottom:7px; margin-top:15px; }
.container .description{line-height:30px;font-family: Asap;	 font-weight:700; text-shadow:#000 1px 1px; position:absolute; bottom:24%; color:#fff; font-size: 47px; }
.container .description span{ font-size:21px; font-family:Asap; color:#ffffff; font-weight:400; display:inline-block;  margin-top:25px; background:url(../images/btn-bg.png) right center no-repeat; padding-right:30px; }
.slides-pagination{display:none}

.form-box{width:49%; margin-bottom:15px;}
.form-box.left{float:left}
.form-box.right{float:right}
.form-box.mid{text-align:center; width:100%; margin-top:30px;}

.form-box input{width:100%; height:44px; float:left; background:#fff; border:1px solid #ededed; border-radius:4px; box-shadow:0 3px 5px #f3f3f3 inset;  color: #333;    font-size: 14px;    outline: 0 none;    padding: 12px 20px;    resize: none;    width: 100%; box-sizing:border-box}
.form-box input:focus{border-color:#ff8100;/* box-shadow:1px 1px 0 #ff8100, -1px -1px 0 #ff8100, -1px 1px 0 #ff8100, 1px -1px 0 #ff8100, 0 3px 5px #f3f3f3 inset*/}
.form-button{background:#ff8100; color:#fff; padding:0px 30px; border-radius:5px; border:0px; line-height:45px; font-family:Roboto; font-size:18px; text-transform:uppercase; margin:0 auto}


.page-brief{text-align:center; padding:0px 7%; font-weight:300}
h2{font-weight:300; font-size:33px; margin:0px; padding:0px; margin-bottom:15px;}
.detail-border-btn{border:1px solid #3c4bb0; border-radius:5px; padding:8px 35px; font-family:Roboto; font-weight:500; font-size:17px; margin-top:30px; color:#3c4bb0; display:inline-block; text-decoration:none;transition:all 0.3s linear 0s;}
.detail-border-btn:hover{color:#333333;border:1px solid #333333;}
.detail-border-btn i{background:rgba(0, 0, 0, 0) url("../images/arrow-right.png") no-repeat scroll right center; width:17px; height:13px; display:inline-block; margin-left:10px;}
.divider-box-white{width:100%; padding:60px 0px;}
ul.four-boxes{width:100%; margin:0px; padding:0px; list-style:none;}
ul.four-boxes li{width:25%; text-align:center; float:left; font-weight:300; font-size:20px; background:url(../images/services-right-border.jpg) right center no-repeat}
ul.four-boxes li.last{background:none}
ul.four-boxes.support-feature li{ font-weight:400; font-size:19px; color:#333 }
ul.four-boxes.support-feature li:hover{color:#ff8100}
ul.four-boxes.support-feature li:hover .feature-icon{border-color:#f8c087}
.feature-icon{background:#fff; width:120px; height:120px;  display:inline-block; margin-bottom:20px; border-radius:50%; border:5px solid #f8c087;}
.feature-icon img{margin-top:32px;}
.page-divider{background:url(../images/page-divider.png) top center no-repeat; width:100%; height:50px;}
.box-listing-left, .box-listing-right{float:left; font-size:15px; font-weight:300; width:47%; text-align:center; margin-bottom:30px;}
.list-number{background:#3c4bb0; width:35px; height:35px; border-radius:50%; margin:0 auto; color:#fff; line-height:35px; font-size:18px;font-family:Roboto Slab; margin-bottom:12px; font-weight:400}
.box-listing-right{float:right}
.box-listing-left strong, .box-listing-right strong{font-weight:400; display:block; font-family:Roboto Slab; font-size:21px; margin-bottom:7px;}

.saving-tips.start-today .box{font-size:15px; font-weight:400; padding:0px 30px; box-sizing:border-box; }
.saving-tips.start-today .title{color:#159f52; font-weight:400}
.img-box-icon{width:80px; height:80px; border:4px solid #a2968a; background:#fff; margin:0 auto; margin-bottom:15px; }
.img-box-icon img{margin-top:13px;}


.inner-pages-detail{margin:50px 0px;}
.brief-text{font-size:15px; font-weight:300; line-height:22px; padding-top:10px; margin-bottom:50px; background:url(../images/shadow-bg-bottom.jpg) bottom center no-repeat; padding-bottom:70px;}
.brief-text h1{font-family:Roboto Slab; font-weight:700; font-size:35px; background:url(../images/press-heading.jpg) right center no-repeat; padding-right:50px; display:inline-block; float:left; color:#3c4bb0; margin-right:60px; line-height:37px; width:250px; }
.listing-box{width:100%; height:auto; background:url(../images/dotted-rule-bg.png) bottom center repeat-x; padding:55px 0;  /*padding-bottom:30px; margin-bottom:30px;*/ overflow:hidden}
.listing-box-img{width:30%; height:auto; float:left; position:relative; text-align:center}
.listing-box-img .detail-project{ text-align:left; width:100%; height:99%; position:absolute; background:rgba(9,136,65,0.8); top:0px; left:-98%; display:block;  transition: left 0.5s ease 0s, opacity 0.5s ease 0s; overflow:hidden; color:#fff; font-weight:300; padding:5%; box-sizing:border-box; font-size:15px; line-height:18px;}
.listing-box-img .detail-project .title{display:block; margin-bottom:10px; font-weight:500; font-family:Roboto Slab; font-size:19px;}
.listing-box.projects:hover .listing-box-img .detail-project{display:block; left:0% }
.listing-box-img img{ width:auto; max-width:100%; height:auto;}
.listing-box-text{width:65%; height:auto; float:right; font-weight:300; font-size:15px;line-height:22px;}
.listing-box-text ul{margin:10px 0px; padding:0px; margin-left:15px;  }
.listing-box-text h1{font-size:30px; font-family:Roboto Slab; font-weight:400; margin:0px; padding:0px; margin-bottom:14px; line-height:32px;}
.listing-box-text h1 span{font-size:15px; display:block; margin-top:10px; color:#3c4bb0}
.listing-box-text .title{ font-weight:bold; font-size:18px; margin-bottom:6px;}
.enquiry-btn{background:#3c4bb0 ; color:#fff; border-radius:4px; text-decoration:none; padding:16px 22px; line-height:15px; display:inline-block; margin-top:20px; font-size:17px; font-weight:400; font-family:Roboto Slab; font-size:18px;}
.detail-btn{font-size:17px; font-weight:400; font-family:Roboto Slab; font-size:17px; color:#3c4bb0; text-decoration:none; display:inline-block; margin-top:15px; background:url(../images/arrow-right.png) right center no-repeat; padding-right:23px; border-bottom:1px solid #fff}
.detail-btn:hover{border-bottom:1px solid #3c4bb0}
.detail-projectRight{display:none;}

.product-text .detail-btn{color:#fff;background:#3c4bb0;padding:2px 25px 4px;border-radius:15px;font-size:14px;transition:all 0.3s linear 0s;}
.product-text .detail-btn:hover{border-bottom:0px;border:1px solid #3c4bb0;color:#3c4bb0;background:#fff;}

/*Range Used*/

.homeWelcomeBottom{width:100%;background:url(../images/welcome-bg.jpg) no-repeat center center;min-height:200px;float:left;}
.homeWelcomeBottom h4{width:100%;text-align:center; font-family:Roboto Slab;font-weight:500;font-size:50px;padding:90px 0px;}

.homeRequestQoute{width:100%;min-height:100px;background:#e5e5e5;padding:50px 0px;/*background:#617ea3*/}
.homeRequestQoute p{float:left;width:68%;float:left;font-size:20px;}
.requestQouteRight{float:right;width:22%;text-align:center;padding-top:26px;}
.requestQouteRight a{display:block;font-family:Roboto Slab;font-weight:400;color:#fff;font-size:21px;border-radius:30px;background:#3c4bb0;border:1px solid #3c4bb0;text-decoration:none; padding:10px 0px;transition:all 0.3s linear 0s;}
.requestQouteRight a:hover{ background:#fff;color:#3c4bb0;}

.homeProductSection{width:100%;padding:60px 0px;}
.HomeProductTextBox{width:50%;float:left;background:#f8f8f8;padding:50px 29px;box-sizing:border-box;min-height:322px;}
.HomeProductTextBox h3{font-size:30px;color:#333333;text-transform:uppercase;font-weight:300;margin:0px;padding:0px;margin-bottom:30px;line-height:40px;font-family:Roboto Slab;}
.HomeProductTextBox p{font-size: 15px;font-weight:300;line-height:26px;}
.homeProductImgBox{width:50%;float:right;overflow:hidden;height:322px;position:relative;text-align:center;}
.homeProductImgBox h5{position:absolute;z-index:8;padding-top:18%;width:100%;text-align:center;color:#fff;font-family:Roboto Slab;font-weight:700;font-size:20px; background:rgba(0, 0, 0, 0.3);height:100%; box-sizing:border-box;top:-33px;px;left:0px;}
.homeProductImgBox img{max-width:100%; transition:all 0.3s linear 0s;height:322px;}
.homeProductImgBox img:hover{-webkit-filter:grayscale(70%);filter:grayscale(70%);}
.HomeProductTextBoxRight{float:right !important;}
.homeProductImgBoxLeft{float:left !important;}

.homeContactSection{width:100%;background:url(../images/contactBg.jpg) no-repeat fixed center center;background-size:cover;box-sizing:border-box; text-align:center;overflow:hidden;}
.homeContactBg{background:rgba(0, 0, 0, 0.4);width:100%;float:left;padding:70px 0px;}
.homeContactSection h4{font-size:40px; color:#fff; font-weight:500;text-transform:uppercase;text-align:center;margin:0px;padding:0px;margin-bottom:60px;line-height:43px;font-family:Roboto Slab}
.contacBoxes{width:33.2%;padding:0px 3%;box-sizing:border-box;float:left; font-size:20px;}
.contacBoxes img{height:70px;}
.contacBoxes a{color:#fff;text-decoration:none;transition:all 0.3s linear 0s;}
.contacBoxes a:hover{color:#93a6bf;}

.homeFooter footer{margin-top:0px;}

.range-holder{margin:0em auto;padding: 0px;width: 60%;}

.dragdealer {position: relative;height:18px;background:#FFF;border-radius:8px;border:1px solid #a7a7a7;}
.dragdealer .handle {position:absolute;top:0;left: 0; }

.stripe{	background: #3c4bb0;	position: absolute;	top: 0;	left: 0;	margin: 0px;	height: 24px;	border-radius: 8px;}
	#green-highlight{position: absolute; top:0; left: 67px; height: 24px; opacity: .5; background: #3c4bb0; display: none;}
	#orange-highlight{position: absolute; top:0; left: 381px; height: 24px; opacity: .5; background: #3c4bb0; display: none;}
	#blue-highlight{position: absolute; top:0; left: 814px; height: 24px; opacity: .5; background: #3c4bb0; display: none;}

.square{  position: absolute;  top: 0;  left: 0;	    margin-top: -7px;  margin-left: -10px;  cursor: pointer;  width: 33px;  height: 20px;  background: #3c4bb0 ;  border-radius: 50%;  color: #FFF;  font-size: 14px;  line-height: 30px;  text-align: center;  padding-top: 13px;}

.menu-line{width: 50%; margin: 2px auto; height: 5px; background: #FFF; display: block;}

/*.infobox{    top: 0;    left: 0;    margin-top: -235px;    margin-left: -117px;	width: 260px;	height: 190px;	background: #FFF;	padding: 0px;	-webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;	border: #008da8 solid 2px; display:none}
.infobox:after {		content: '';		position: absolute;		border-style: solid;		border-width: 20px 23px 0;		border-color: #FFFFFF transparent;		display: block;		width: 0;		z-index: 1;		bottom: -20px;		left: 107px; display:none	 }
	.infobox:before {		content: '';		position: absolute;		border-style: solid;		border-width: 21px 24px 0;		border-color: #008da8 transparent;		display: block;		width: 0;		z-index: 0;		bottom: -23px;		left: 106px; display:none	}
	.titlebar{		background: #008da8;		color: #FFF;		padding: .5em;     line-height: 1.5em;		font-size: 15px;	}
		#plan-holder{font-weight: bold;}
	
	.innerbox{		padding: 1em; background:#fff; border-radius:15px; width:50%; margin:0 auto;  box-shadow: 0 0 5px 0 #d3cbb8; margin-top:50px;	}	
	.monthly-label{width:25%; text-align:center; color:#3c4bb0; font-size:22px; font-weight:700; float:left }
	.monthly-label span{color:#444; display:block; font-size:17px; font-weight:300}
	.info-price{color: #444; font-size: 20px; line-height: 1.8em; width:25%; float:left; font-weight:400; text-align:center; padding-top:12px;}
.info-price span{color:#3c4bb0}
	
	.annual-label{	 text-align:center; color:#3c4bb0; font-size:22px; font-weight:700;width:25%; float:left}
	.annual-label span{color:#000; display:block; font-size:17px; font-weight:300}
	.annual-price{color: #000; font-size: 20px;  width:25%; float:left; font-weight:400;  text-align:center; padding-top:12px;} 
.annual-price span{color:#3c4bb0}*/




.range-holder{	margin: 0 auto;	padding: 70px 0 50px 0;	width: 960px;}

.dragdealer {  position: relative;  height: 17px;  background: #FFF;  border-radius: 8px;  border: 1px solid #a7a7a7;}
.dragdealer .handle {  position: absolute;  top: 0;  left: 0;}
.stripe{	background: #8dc63f  ;	position: absolute;	top: 0;	left: 0;	margin: 0px;	height: 17px;	border-radius: 8px;}

#green-highlight{position: absolute; top:0; left: 67px; height: 17px; opacity: 1; background: #d6db37; display: none;}
#orange-highlight{position: absolute; top:0; left: 381px; height: 17px; opacity: 1; background: #e7972f; display: none;}
#blue-highlight{position: absolute; top:0; left: 814px; height: 17px; opacity: 1; background: #eb372e; display: none;}

.square{  position: absolute;  top: 0;  left: 0;	    margin-top: -8px;  margin-left: -10px;  cursor: pointer;  width: 36px;  height: 22px;  background:#3c4bb0;  border-radius: 50%;  color: #FFF;  font-size: 14px;  line-height: 22px;  text-align: center;  padding-top: 13px;}

.menu-line{width: 50%; margin: 2px auto; height: 5px; background: #FFF; display: block;}

.rang-slid{background:#fff; border-radius:15px; padding:50px; margin:50px auto 0; box-shadow:0 0 5px 0 #d3cbb8; top:100px; width:750px; }
.infobox{	position: absolute;    top: 0;    left: 0;    margin-top: -95px;    margin-left: -198px;	width: 410px;	height: 50px;	background: #FFF;	padding: 0px;	-webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;	border: #3c4bb0 solid 1px;}
.infobox:after { margin-left:-22px;content: '';		position: absolute;		border-style: solid;		border-width: 20px 23px 0;		border-color: #FFFFFF transparent;		display: block;		width: 0;		z-index: 1;		bottom: -20px;		left: 50%;	}
	.infobox:before {		content: '';		position: absolute;		border-style: solid;		border-width: 21px 24px 0;		border-color: #3c4bb0 transparent;		display: block;		width: 0;		z-index: 0;		bottom: -21px;left: 50%; margin-left:-23px;}
.titlebar{		background: none;		color: #FFF;		padding: .5em;  height:55px;   line-height: 1.4em;		font-size: 16px; font-weight:300; color:#000; text-align:center; font-family:Roboto	}	
		
		.innerbox{		padding: 0.5em 1em;text-align:left	}
	.info-price{color: #939393; font-size:15px; line-height: 1.8em;width:50%;float:left;}
	.info-price span{font-size:14px;color:#505054;font-weight:bold;}
	
	.annual-label{	  color: #505054; font-size: 14px; font-weight: bold; width: 110px; line-height: 1.8em;}
	.annual-price{color: #939393; font-size: 15px;} 

/*Range Used*/

.subhead1{ text-align:center; font-size:20px; margin-top:20px;}




@media screen and (max-width :1450px) {
	.index-services-box .text{ height:40px;}
	.product-text-right, .product-text-left{/*font-size:14px; line-height:22px;*/}
	.product-text{ background-size:54% !important; padding:20px 0;min-height:340px;}
	.product-text h1{ font-size:32px; margin-bottom:10px;}
	.product-text-left{ padding-left:10px;}
	.product-text-right{ padding-right:10px;}
	
}

@media (min-width:992px) and (max-width: 1280px) {

.header-menu{ width:auto;}
.section-mid{ width:96%;}
.banner-text{ top:130px;font-size:16px; line-height:22px;}
.header-menu ul li a{padding:5px 7px;font-size:14px;}
.page-content, .range-holder { width: 100% !important;}

}

@media (max-width: 991px) {

.product-text-right, .product-text-left {background: rgba(255, 255, 255, 0.9);  padding: 3%;  width: 94%;}
.product-text h1 {font-size: 30px;  line-height: 32px; margin: 0 0 20px;  }
.page-content{ height:auto !important; position:relative;}
.header-menu ul li a { font-size: 12px;  padding: 2px;}
footer .box{ width:50%; padding-bottom:30px;}
.section-mid{ width:96%;}

.address1 { padding: 2%;  width: 45%;}
.map1 {  width: 50%;}

.innerbox{width:80%;}

.product-text{min-height:auto;}

.contactus ul li{min-height:200px;padding:0px 0px 10px 0px;}
.homeWelcomeBottom h4{font-size:30px;padding:50px 0px;line-height:37px;}
.requestQouteRight{width:28%;}

.projectText{margin-top:0px !important;padding-top:0px !important;}
.page-content{ width: 100% !important;}
.range-holder { width: 100%}

.product-text{background-size:100% 300px !important;padding:20px 0;min-height:auto;}
.product-text-right, .product-text-left{margin-top:300px;}

.homeWelcomeBottom{background-size:100%;min-height:auto;}
.homeWelcomeBottom h4{font-size:24px;line-height:30px;padding:0px;}

}

@media (min-width:768px) and (max-width:991px) {


.banner-text{top:130px;font-size:16px;line-height:22px; }
.banner-text .title{font-size:30px;margin-bottom:15px;}
.header-menu{width:auto;}
.section-mid{width:96%;}
.number{font-size:22px;}
.contact-half-left strong{font-size:30px;}


.index-services-box .text{ font-size:16px;}

ul.four-boxes.support-feature li{font-size:16px;}
.product-page .banner-text{top:110px;}
.index-services-box .banner img{display:none;}
.product-page .banner-text{top:100px;font-size:14px;}


}


@media (max-width: 767px) {
.progress-bar{ display:none;}
body{ font-size:13px;}
.page-content
.index-services-area{bottom:-120px;}
/*.banner-text{ top:130px;font-size:16px; line-height:22px; display:none;}*/
.banner-text .title{ font-size:21px;}
.index-services-box{ width:50%; padding-top:1px;}
/*.page-content a .slider-img{ display:none;}*/
.header-menu{ width:100%;}
.logo{ float:none; margin:0 auto;}

.listing-box-img{ width:38%; }
.listing-box-img .detail-project{font-size:12px;}
.listing-box-text{ width:60%;}
.listing-box-text h1{ font-size:22px;}
.contactus ul li{ width:49%;}
.contactus ul li:nth-child(2n){margin-right:0;}
.contactus p{ font-size:13px;}

.number{ font-size:16px;}
.contact-half-left strong{ font-size:20px;}

.aboutcontent, .aboutbox{ width:100%;}

.index-services-box .text .icon, .index-services-box .banner{ display:none;}
.index-services-box .text{font-size:14px;padding:0;padding-top:9px;height:30px;}


.banner-text{width:440px;left:10px;}

.green-solar .text{width:98%;}

.contact-half-right .box{font-size:13px;}
.contact-half-right .box img{ max-width:70%;}
.copywrite{margin-top:10px;}
.address1{width:96%;}
.map1{width:100%;}
.map1 img{width:100%;}

.brief-text h1{width:100%;padding-right:0px;margin-right:0px;}
.brief-text h1{background:url(../images/press-heading.jpg) 90% center no-repeat;}

.innerbox{width:94%;}

ul.four-boxes li{width:50%;margin-bottom:20px;}
.index-services-box.five{width:100%;}

.product-page .header{position:relative;background:#323232;}
.product-page .header.scroll-start{position:fixed;background:#fff;}
.product-page .banner-text{height:74px;overflow:hidden;top:20%;}

.navToggle{display:block;}
.header-menu{width:280px;position:fixed;height:100%;background:#fff;right:0px;top:0px;margin-top:0px;z-index:9999;text-align:left;right:-280px;transition:all .5s ease-in-out 0s;overflow-y:auto;}
.navigationFadeIn{right:0px !important;}
.navClose{display:block;}
.header-menu ul{margin-top:18px;text-align:left;}
.header-menu ul li{width:100%;padding:0px 3px;float:right;line-height:38px;border-bottom:1px solid #e8e8e8;margin-left:0px;}
.header-menu ul li a{color:#3c4bb0;padding:0px 12px; border-radius:0px;display:block;}
.header-menu ul li.req-quote a{background:#52c809;color:#fff;margin-left:0px;}
.header-menu ul li.req-quote a:hover, .header-menu ul li.req-quote a.navActive{background:#000;color:#fff;border-radius:0}
.header-menu ul li a:hover, .navActive{border-bottom:0;background:#3c4bb0;color:#fff !important;}

.welcome-text{margin-top:110px;}
.slides-navigation{bottom:18%;top:auto;}
.slides-navigation a.prev{left:auto !important;right:60px !important;height:35px !important;background:url("../images/arrows-new.png") no-repeat scroll left center !important;}
.slides-navigation a.next{height:35px !important;background:url("../images/arrows-new.png") no-repeat scroll right center !important;}
.product-text-marginTop{margin-top:125px !important;}
.logo{width:99%;}

.brief-text{padding-bottom:45px;margin-bottom:20px;}
.detail-projectRight{display:block;padding-bottom:10px;}
.product-text{min-height:auto;padding:20px 0px !important;}

.homeRequestQoute p{width:100%;float:none;text-align:center;}
.requestQouteRight{width:250px;margin:0 auto;padding-top:15px;float:none;}

.HomeProductTextBox, .homeProductImgBox{width:100%;height:auto;}
.homeProductImgBox img{height:auto;}

.contacBoxes{width:100%;margin-top:12px;}
.section-mid.saving-tips{ overflow-X:scroll; width:auto;}
.range-holder, .info-price{ width:100%}
.infobox {   margin-left: -110px; width: 230px; display: inline-block; height:auto;}

.product-text{background-size:100% 200px !important;}
.product-text-right, .product-text-left{margin-top:200px;}

.header{position:relative;background:#323232;}
.sliderMobile{display:block;}
#slides{display:none;}
.header.scroll-start{position:fixed;}

.header-menu ul li.req-quote a{background:#000;}


}

@media (max-width: 480px) {
.header-menu ul li{ padding:0;}
.header-menu ul li a{ font-size:13px;}
.listing-box-img{ width:100%; }
.listing-box-img .detail-project{font-size:14px; line-height:22px;}
.listing-box-text{ width:100%;}
.copywrite{ text-align: center; font-size:13px;}
.webby {   display: block;  text-align: center;  width: 100%;  padding-top: 10px;}

.contact-bottom{ padding:10px 0;}
.contact-bottom .contact-half-left, .contact-bottom .contact-half-right{width:100%; text-align:center;}
.contact-half-right .box a{ font-size:14px;}
.brief-text h1{font-size:22px; line-height:26px;}
.inner-pages-detail{ margin:20px 0;}
.form-box{ width:100%;}

.banner-text{width:93%;}
.index-services-box .text{font-size:10px;}

.welcome-text h1{font-size:33px;margin-bottom:20px;}
.welcome-text{padding:40px 0px;}
.gray-box{padding:45px 0px;}
.saving-tips .title{margin-bottom:50px;}
.saving-tips .box{width:100%;box-sizing:border-box;padding:0px 10px;margin-bottom:15px}
.green-solar h1{font-size:35px;line-height:38px;}
.green-solar{padding:40px 0px;}

.green-solar .text{font-size:17px;line-height:27px;}

.contactus ul li{width:98%;min-height:200px;padding-bottom:15px;}

.listing-box-text h1{margin-top:10px;}

.product-text{padding:40px 0px;}
.innerbox{width:90%;}
.monthly-label, .annual-label, .annual-price{width:50%;min-height:60px;}
.info-price{ width:100%; min-height:auto;}

.page-divider{height:30px;}
.box-listing-left, .box-listing-right{width:99%;}
.divider-box-white{padding:40px 0px;}
.banner-text .title{padding-bottom:12px;}

.enqwidth .form-box{ width:100%; margin-left:0; margin-right:0;}

.product-text .detail-btn{font-size:12px;}
.section-mid.saving-tips {
    overflow-X: hidden;
    width: auto;
}

.product-text{background-size:100% 190px !important;}
.product-text-right, .product-text-left{margin-top:190px;}

.callbacks .caption{padding-left:15px;top:25px;}
.callbacks .caption h3{font-size:22px;margin:0px;padding-bottom:8px;line-height:24px;}
.callbacks .caption p{font-size:13px;line-height:18px; margin:4px 0px 4px;}
.callbacks_nav {bottom:10px;}

.homeWelcomeBottom{background-size:140%;}
.homeWelcomeBottom h4{font-size:20px;line-height:24px;}

}

@media (max-width: 360px) {
	footer .box{ width:100%;}
	.feature-icon{width:100px;height:100px;margin-bottom:10px;}
	.feature-icon img{width:55px;margin-top:28px;}
	ul.four-boxes.support-feature li{font-size:15px;}
	.number{background:url(../images/phone-icon.png) 5% top no-repeat;}
	

}