@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
*, ::after, ::before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.clear{clear:both; line-height:0 !important; font-size:0 !important; height:0px !important; margin-bottom:0 !important;}
a{text-decoration:none; outline:none;}
*{padding:0; margin:0;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,input, textarea, select, button,
time, mark, audio, video{margin:0; padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:'Ubuntu', sans-serif;}	
body{font-family:'Ubuntu', sans-serif; padding:0; margin:0;}
.no-mag-bot{margin-bottom:0 !important;}
.gap50{width:100%; height:50px; float:left; display:block; clear:both;}
.top-header{width:100%; height:auto; float:left; position:relative; margin-top:76px;}
.top-header img{width:100%; height:auto;}
.top-header span{position:absolute; left:0; right:0; padding:30px 0;}


.desktop{display:block;}
.mob{display:none;}

.wrapper{max-width:1240px; width:96%; position:relative; margin:0 auto;}
.top-header span h1{width:auto; height:auto; float:left; display:block; margin:0; padding:0; font-size:30px; font-weight:600; color:#FFFFFF; line-height:30px; text-transform:uppercase;}
.top-header span samp{width:auto; height:auto; float:right; display:block; font-size:12px; font-weight:400; color:#FFFFFF; line-height:30px;}
.top-header span samp a{font-size:12px; font-weight:400; color:#FFFFFF; line-height:30px; text-decoration:none; padding-left:5px; padding-right:20px; position:relative;}
.top-header span samp a:after{position:absolute; right:0px; top:-7px; content:'-'; width:10px; height:5px;}
.top-header span samp big{font-size:12px; font-weight:400; color:#FFFFFF; line-height:30px; text-decoration:none; padding-left:5px; padding-right:20px; position:relative;}
.top-header span samp big:after{position:absolute; right:0px; top:-7px; content:'-'; width:10px; height:5px;}
.top-header span samp small{font-size:12px; font-weight:400; color:#FFF; line-height:30px; padding-left:5px;}
/*=====ABOUT US PAGE START======*/
.about{width:100%; height:auto; float:left; display:block; margin:0; padding:30px 0 30px 0;}
.about h2{width:100%; height:auto; float:left; display:block; margin:0; padding:20px 0; font-size:30px; font-weight:400; color:#000; line-height:30px;}
.about p{display:block; margin:0; font-size:18px; font-weight:300; color:#565656; line-height:22px; padding-bottom:20px;}
.about p strong{font-weight:500;}
.about-box2{width:100%; height:auto; float:left; display:flex; flex-wrap:wrap; margin-bottom:50px; padding:0;}
.left-box{width:30%; height:auto; float:left; padding-right:5%;border-right:1px solid #b0b0b0; box-sizing:border-box;}
.left-box h2{font-size:18px; font-weight:500; color:#000; line-height:24px; text-transform:uppercase; padding-bottom:20px; margin-bottom:15px; position:relative;}
.left-box h2:after{content:''; position:absolute; left:0; bottom:0; width:118px; height:1px; background:#090909;}
.left-box ul{width:100%; height:auto; float:left; margin:0px; list-style-type:none;}
.left-box ul li{width:100%; height:83px; float:left; margin:15px 0 15px 0px; display:block; position:relative; border-radius:41.5px; -webkit-transition-property:background; -moz-transition-property:background; -o-transition-property:background;transition-property:background; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s;transition-duration:1s; -webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;}
.left-box ul li:hover{background:#1062ae;}
.left-box ul li.active{background:#1062ae;}
.left-box ul li a{width:100%; height:83px; display:block;}
.left-box ul li a span{position:absolute; left:0; top:; width:83px; height:83px; float:left; border-radius:50%; overflow:hidden; display:block; background:transparent; margin-left:-2px;}
.left-box ul li a span img{width:100%;height:100%;}
.left-box ul li a samp{height:83px; float:left; padding-left:95px; box-sizing:border-box;display:table; background:transparent;}
.left-box ul li a samp big{height:auto; display:table-cell; vertical-align:middle; text-align:left;}
.left-box ul li a samp big p{position:relative; padding-bottom:20px;font-size:16px; font-weight:300; color:#000; line-height:18px;}
.left-box ul li:hover a samp big p{color:#FFFFFF}
.left-box ul li.active a samp big p{color:#FFFFFF}
.left-box ul li a samp big p:after{content:''; position:absolute; left:4px; bottom:0; width:19px; height:11px; background:url(../images/arrow10.png) left top no-repeat;}
.left-box ul li:hover a samp big p:after{background:url(../images/arrow10.png) left -31px no-repeat;}
.left-box ul li.active a samp big p:after{background:url(../images/arrow10.png) left -31px no-repeat;}
.right-box{width:70%; height:auto; float:left; padding-left:5%; box-sizing:border-box;}
.right-box h2{font-size:30px; font-weight:400; color:#000; line-height:32px; padding-bottom:20px;}
.right-box p{font-size:18px; font-weight:300; color:#565656; line-height:22px; padding-bottom:20px;}
.right-box i{font-size:22px; font-weight:300; color:#333333; line-height:51px; display:block; padding-bottom:30px; background:url(../images/text-bg.png) repeat 0 0; position:relative;}
.right-box i:before{content:''; background:#e4e4e4; height:1px; width:100%; position:absolute; top:0; left:0;}
.right-box ul.heritage{color:#565656; font-size:18px; line-height:26px; font-weight:300;}
.right-box ul.heritage li{padding:0 0 22px 28px; list-style:none; position:relative;}
.right-box ul.heritage li:before{content:''; background:url(../images/arrow-icon.png) no-repeat 0 0; width:7px; height:12px; position:absolute; left:0; top:9px;}
.pic-box1{width:100%; height:auto; float:left; overflow:hidden;}
.pic-box1a{margin-left:-5px; margin-right:-5px; display:flex; flex-wrap:wrap;}
.pic-box1b{width:50%; height:auto; float:left; padding:5px 5px 5px 5px; box-sizing:border-box;}
.pic-box1b big{width:100%;float:left; position:relative; line-height:0;}
.pic-box1b big span{position:absolute; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); padding:15px 10px; box-sizing:border-box;}
.pic-box1b big span h3{font-size:15px; font-weight:400; color:#FFF; line-height:20px; padding-bottom:5px;}
.pic-box1b big span h4{font-size:12px; font-weight:400; color:#FFF; line-height:18px; padding-bottom:0px;}
.pic-box1b big img{width:100%;}
.about-box3{width:100%; height:auto; float:left;}
.about-box3 h2{width:100%; height:auto; float:left; display:block; margin:0; padding:20px 0; font-size:30px; font-weight:400; color:#000; line-height:30px;}
.about-box3 p{display:block; margin:0; font-size:18px; font-weight:300; color:#565656; line-height:22px;}
.about-box3 h4{width:100%; height:auto; float:left; display:block; margin:0; padding:20px 0; font-size:25px; font-weight:300; color:#000; line-height:25px;}
.revolution{width:100%; height:auto; float:left; background:#053653 url(../images/revolution-bg.jpg) bottom center no-repeat; background-size:cover; padding:70px 4%; box-sizing:border-box; margin-bottom:50px;}
.revolution-left{width:66%; height:auto; float:left;}
.revolution-left span{width:auto; height:auto; float:left;}
.revolution-left small{width:auto; height:auto; float:left; padding-top:55px; padding-left:10px; padding-right:10px;}
.revolution-left big{width:auto; height:auto; float:left;font-size:16px; font-weight:500; color:#FFF; line-height:20px; text-transform:uppercase; padding-top:54px; text-shadow:3px 3px 8px rgba(0,0,0,0.7);}
.revolution-right{width:34%; height:auto; float:right; padding-left:30px; box-sizing:border-box; position:relative;}
.revolution-right:after{content:''; position:absolute; left:0; top:20px; width:1px; height:110px; background:#a2bfd1;}
.revolution-right h5{font-size:30px; font-weight:600; color:#FFF; line-height:32px; text-transform:uppercase; padding-bottom:5px;}
.revolution-right h6{font-size:20px; font-weight:300; color:#FFF; line-height:22px;}
.about-box4{width:100%; height:auto; float:left;}
.about-box4 p{font-size:14px; font-weight:300; color:#000; line-height:56px;}
.about-box4 p a{font-size:14px; font-weight:600; color:#0283f0; line-height:56px; padding-right:65px; position:relative;}
.about-box4 p a:hover{color:#000000;}
.about-box4 p a:after{content:''; position:absolute; right:0; top:-25px; width:56px; height:56px; background:#1068b3 url(../images/hand.png) center center no-repeat; border-radius:50%;}
.about-box4 p a:hover:after{background:#000000 url(../images/hand.png) center center no-repeat;}
/*=====ABOUT US PAGE END======*/
/*=====OUR HERITAGE PAGE START======*/
.pic-box1b2{width:100%; height:auto; float:left; box-sizing:border-box; margin-bottom:10px;}
.pic-box1b2 big{width:100%;float:left; position:relative; line-height:0;}
.pic-box1b2 big span{position:absolute; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); padding:15px 10px; box-sizing:border-box;}
.pic-box1b2 big span h3{font-size:27px; font-weight:400; color:#FFF; line-height:30px; padding-bottom:5px;}
.pic-box1b2 big span h4{font-size:18px; font-weight:400; color:#FFF; line-height:20px; padding-bottom:0px;}
.pic-box1b2 big img{width:100%;}
.youtube-video{width:100%; height:500px; float:left; border:1px solid #b0b0b0;}
.bg-text-row{background:url(../images/our-heritage-pic1.jpg) no-repeat center center; width:100%; height:267px; margin:20px 0 41px 0;}
.bg-text-row .bg-text-col{width:50%; float:left; position:relative; height:100%;}
.bg-text-row .bg-text-col:after{content:''; width:1px; height:78px; background:#FFF; position:absolute; right:0; top:0; bottom:0; margin:auto;}
.bg-text-row .bg-text-col:nth-child(2):after{content:''; width:0px;}
.bg-text-row .bg-text-col .content{padding:63px 40px 20px;}
.bg-text-row .bg-text-col .content img{display:block; padding-bottom:5px;}
.bg-text-row .bg-text-col .content small{display:block; font-size:18px; line-height:26px; color:#FFF; text-transform:uppercase; padding-bottom:3px;}
.bg-text-row .bg-text-col .content big{display:block; font-size:36px; line-height:44px; color:#FFF; text-transform:uppercase;}
/*=====OUR HERITAGE PAGE END======*/
/*=====COMPANY MILESTONES PAGE START======*/
.year-month{width:100%; height:auto; position:relative; background:url(../images/dot1.png) left top repeat-y; display:block; margin-bottom:0px; cursor:pointer; box-sizing:border-box; padding:20px 0px 0px 55px;}
.year-month:after{content:''; clear:both; display:block;}
.linenone{position:relative;}
.linenone:before{content:''; position:absolute; left:18px; top:0; width:4px; height:15px; background:#fff; z-index:2;}
.year-month span{width:100%; height:auto; float:left; position:relative; font-size:22px; color:#1062ae; font-weight:500; line-height:22px; border-bottom:1px solid #a8a9aa; padding-bottom:20px;}
.year-month span.positive2{width:100%; height:auto; float:left; position:relative; font-size:22px; color:#000; font-weight:500; line-height:22px; border-bottom:1px solid #a8a9aa; padding-bottom:20px;}
.year-month span b{width:auto; height:auto; position:relative; font-family:'Lato', sans-serif; font-size:20px; color:#000; font-weight:400; line-height:20px; margin-left:10px;}
.year-month small{width:39px; height:54px; position:absolute; left:0; top:0px; background:url(../images/nagetive.png) left top no-repeat; cursor:pointer;}
.year-month small.positive{width:39px; height:54px; position:absolute; left:0; top:0px; background:url(../images/positive.png) left top no-repeat;cursor:pointer;}
.prAccordianCont{width:100%; height:auto; overflow:hidden; background:url(../images/dot1.png) left top repeat-y; box-sizing:border-box; padding:0px 0px 0px 20px; margin-top:-1px;}
.prAccordianCont big{width:100%; height:auto; float:left; /*background:#f8f8f8;*/padding:20px 0 20px 36px; box-sizing:border-box;}
.prAccordianCont big div{width:100%; height:auto; float:left; margin-bottom:20px;}
.prAccordianCont big div samp{width:33%; height:auto; float:right; padding-right:0; padding-left:20px; box-sizing:border-box;}
.prAccordianCont big div samp img{width:100%;}
.prAccordian h6:last-of-type, .prAccordian .prAccordianCont:last-of-type{background:none;}
.prAccordianCont h3{font-size:15px; color:#484747; font-weight:600; line-height:20px;padding-bottom:10px;}
.prAccordianCont p{font-size:15px; color:#484747; font-weight:400; line-height:22px; padding-bottom:10px;}
.prAccordianCont p.year{font-size:20px; color:#484747; font-weight:400; line-height:26px; padding-bottom:10px; color:#0077e5; padding-top:40px;}
.prAccordianCont p.year:first-child{padding-top:0px;}
.prAccordianCont p b{font-weight:bold;}
.prAccordianCont p i{font-style:italic;}
.prAccordianCont p a{color:#1062ae; font-size:15px; line-height:25px; font-weight:bold;}
.prAccordianCont p a:hover{color:#057ae6;}
.media3 ul{color:#565656; font-size:15px; font-weight:normal; line-height:22px; margin-top:20px;}
.media3 ul li{padding:0 0 15px 28px; list-style:none; position:relative;}
.media3 ul li:before{content:''; background:url(../images/arrow-icon.png) no-repeat 0 0; width:7px; height:12px; position:absolute; left:0; top:6px;}
.milestones-content small{font-size:15px; color:#484747; font-weight:400; line-height:22px; padding-bottom:10px; text-align:left;}
.milestones-content small h6{font-size:20px; color:#242424; font-weight:600; line-height:24px; padding:25px 0 20px 0; text-align:left;}
.milestones-content small h6:first-child{padding:0 0 20px 0;}
.milestones-content small p{font-size:15px; color:#626262; font-weight:400; line-height:22px; padding-bottom:10px; text-align:left;}
.milestones-content small p strong{font-size:15px; color:#626262; font-weight:600;}
.milestones-content small p b{font-size:15px; color:#626262; font-weight:600;}
.milestones-text small{font-size:15px; color:#484747; font-weight:400; line-height:22px; padding-bottom:10px; text-align:left;}
.milestones-text small h6{font-size:20px; color:#242424; font-weight:600; line-height:24px; padding:25px 0 20px 0; text-align:left;}
.milestones-text small h6:first-child{padding:0 0 20px 0;}
.milestones-text small p{font-size:15px; color:#626262; font-weight:400; line-height:22px; padding-bottom:10px; text-align:left;}
.milestones-text small p strong{font-size:15px; color:#626262; font-weight:600;}
.milestones-text small p b{font-size:15px; color:#626262; font-weight:600;}
.milestones-text p{font-size:15px; color:#484747; font-weight:400; line-height:22px; padding-bottom:10px; text-align:left;}
.milestones-text em{float:right; width:33%; height:auto; padding-left:3%; box-sizing:border-box;}
.milestones-text h3{float:right; width:33%; height:auto; padding-left:3%; box-sizing:border-box; font-style:normal;}
.milestones-text h3 img{width:100%; height:auto; border:0; border-radius:50%;}
.milestones-text em img{width:100%; height:auto; border:0; border-radius:50%;}
.list1{width:100%; height:auto; float:left; display:block;}
.list1 li{width:100%; height:auto; float:left; display:block; background:url(../images/arrow3.png) left 15px no-repeat; padding-left:30px; padding-bottom:8px; padding-top:8px;font-family:'Lato', sans-serif; font-size:16px; color:#444444; font-weight:400; line-height:20px;}
.residential-box1-left h4.investing { width: 100%; height: auto; float: left; padding-bottom: 21px; font-size: 24px; font-weight: 400; color: #000000;line-height: 29px;}

/*=====COMPANY MILESTONES PAGE END======*/
.waterpump-box1{width:100%; height:auto; float:left; margin-bottom:50px;}
.waterpump-box1a{width:36%; height:auto;float:left; padding-right:25px; box-sizing:border-box;}
.waterpump-box1a h3{font-size:30px; color:#000; font-weight:400; line-height:35px; padding-bottom:30px;}
.waterpump-box1a p{font-size:15px; color:#505050; font-weight:300; line-height:22px; padding-bottom:5px;}
.waterpump-box1a-right{width:64%; height:auto;float:left;}
.waterpump-box1b{width:70%; height:317px;float:left; background:url(../images/thought-pic.jpg) center center no-repeat; background-size:cover; padding:35px 10px 0 35px; box-sizing:border-box; margin-right:3%;}
.waterpump-box1b h4{font-size:36px; color:#ffba00; font-weight:600; line-height:40px; padding-bottom:10px; margin-bottom:10px; position:relative; text-transform:uppercase;}
.waterpump-box1b h4:after{content:''; position:absolute; left:0; bottom:0; width:100px; height:1px; background:#FFFFFF;}
.waterpump-box1b h5{font-size:18px; color:#FFF; font-weight:400; line-height:22px; padding-bottom:10px;}
.waterpump-box1b h6{font-size:30px; color:#FFF; font-weight:600; line-height:35px; padding-bottom:30px;}
.waterpump-box1c{width:27%; height:317px;float:left; box-sizing:border-box; position:relative; line-height:0; display:block; background:#e5e5e5;}
.waterpump-box1c img{width:100%;}
.waterpump-box1c span{position:absolute; left:50%; top:50%; width:54px; height:54px; margin-left:-27px; margin-left:-27px; background:#ffba00; border-radius:50%; text-align:center;}
.waterpump-box1c span img{width:auto; padding-top:15px;}
.waterpump-box2{width:100%; height:auto;float:left; padding:25px; box-sizing:border-box; background:url(../images/water-pumps-box2pic.jpg)0 0 no-repeat; background-size:cover; margin-bottom:60px;}
.waterpump-box2a{width:30%; height:auto;float:left; box-sizing:border-box; padding-top:50px; padding-right:3%; box-sizing:border-box;}
.waterpump-box2a img{width:100%}
.waterpump-box2b{width:70%; height:auto;float:left; padding-bottom:50px;}
.waterpump-box2b h2{font-size:30px; color:#004374; font-weight:600; line-height:40px; padding-bottom:45px; text-transform:uppercase;}
.waterpump-box2b ul{width:100%; height:auto;float:left; list-style-type:none; display:flex; flex-wrap:wrap;}
.waterpump-box2b ul li{width:50%; height:auto;float:left; border-bottom:1px solid #a7c2d4; padding-bottom:15px; padding-top:15px; padding-left:60px;font-size:18px; color:#111111; font-weight:400; line-height:22px; background:url(../images/arrow11.png)20px 22px no-repeat;}
.waterpump-box2b ul li:last-child{border-bottom:0px solid #a7c2d4;}
.our-range{font-size:30px; color:#000; font-weight:400; line-height:35px; padding-bottom:30px;}
.water-pumps-box4{width:100%; height:auto;float:left;margin-bottom:60px;}
.water-pumps-box4a{width:56%; height:auto;float:left;}
.water-pumps-box4a h2{font-size:22px; color:#000; font-weight:600; line-height:25px; padding-bottom:10px;}
.water-pumps-box4a p{font-size:15px; color:#505050; font-weight:400; line-height:24px; padding-bottom:10px; padding-right:15px;}
.water-pumps-box4b{width:44%; height:auto;float:left; display:table;}
.water-pumps-box4b span{width:33.333%; height:auto; display:table-cell; padding:0 4%; position:relative;}
.water-pumps-box4b span:after{content:''; height:100px; width:1px; position:absolute; left:0; top:30px; background:#b1b1b1;}
.water-pumps-box4b span big{width:100px; height:100px; margin:0 auto; display:table; text-align:center; margin-bottom:10px;}
.water-pumps-box4b span small{width:auto; height:auto; text-align:center; display:table;font-size:14px; color:#000; font-weight:400; line-height:17px;}
.water-pumps-box5{width:100%; height:auto; float:left; margin-bottom:60px; background:url(../images/ac-pumps-pic.jpg) center center no-repeat; background-size:cover; padding:50px; box-sizing:border-box;}
.water-pumps-box6{width:100%; height:auto; float:left; margin-bottom:60px; background:url(../images/surface-water-pic.jpg) center center no-repeat; background-size:cover; padding:50px; box-sizing:border-box;}
.water-pumps-box5a{width:33.333%; height:auto; float:left; padding-right:5%; box-sizing:border-box;}
.water-pumps-box5a h2{font-size:22px; color:#ffe400; font-weight:500; line-height:35px; padding-bottom:20px;}
.water-pumps-box5a ul{width:100%; height:auto;float:left; list-style-type:none;}
.water-pumps-box5a ul li{width:100%; height:auto;float:left; border-bottom:1px solid  rgba(255, 255, 255, 0.3); padding-bottom:10px; padding-top:10px; padding-left:20px; font-size:15px; color:#FFF; font-weight:500; line-height:22px; background:url(../images/arrow12.png) left 17px no-repeat;}
.water-pumps-box5a ul li a{font-size:15px; color:#FFF; font-weight:500; line-height:22px;}
.water-pumps-box5a ul li:last-child{border-bottom:0px solid #a7c2d4;}
.water-pumps-box5b{width:33.333%; height:auto; float:left; padding-left:0%; box-sizing:border-box;}
.water-pumps-box5b h2{font-size:22px; color:#ffe400; font-weight:500; line-height:35px; padding-bottom:20px; padding-left:10%;}
.water-pumps-box5b ul{width:100%; height:auto;float:left; list-style-type:none; border-left:1px solid  rgba(255, 255, 255, 0.3); padding-left:10%; box-sizing:border-box;}
.water-pumps-box5b ul li{width:100%; height:auto;float:left; border-bottom:1px solid  rgba(255, 255, 255, 0.3); padding-bottom:10px; padding-top:10px; padding-left:20px; font-size:15px; color:#FFF; font-weight:500; line-height:22px; background:url(../images/arrow12.png) left 17px no-repeat;}
.water-pumps-box5b ul li a{font-size:15px; color:#FFF; font-weight:500; line-height:22px;}
.water-pumps-box5b ul li:last-child{border-bottom:0px solid #a7c2d4;}
/*Large Project*/
.large-project{width:100%; height:auto; float:left; display:block; padding:50px 0 40px 0;}
.large-project p{font-size:18px; color:#565656; font-weight:300; line-height:24px; padding-bottom:10px;}
.powering-box{width:100%; display:flex; flex-wrap:wrap;}
.powering-box-left{width:59%; float:left; padding-right:2%; box-sizing:border-box;}
.powering-box-left h4{font-size:30px; color:#000; font-weight:400; line-height:30px; padding-bottom:10px;}
.powering-box-left .map{width:100%; height:auto; position:relative;}
.powering-box-left .map img{width:100%;}
.powering-box-left .map span{width:auto; height:auto; position:absolute; right:3%; bottom:15%; border-left:5px solid #ff5811; padding-left:5px;}
.powering-box-left .map span h4{font-size:26px; color:#000; font-weight:300; line-height:26px; text-transform:uppercase; padding-bottom:15px;}
.powering-box-left .map span h3{font-size:40px; color:#1868b3; font-weight:600; line-height:40px; padding-bottom:0px;text-transform:uppercase;}
.powering-box-right{width:41%; float:left; border-left:1px solid #b1b2b2; padding-left:45px; box-sizing:border-box;}
.clients-box{width:100%; height:auto; float:left; display:block; padding:100px 0;}
.clients-box h5{width:100%; height:auto; float:left; display:block;font-size:30px; color:#000; font-weight:400; line-height:30px; padding-bottom:60px;}
.powering-box1{width:100%; height:auto; float:left; display:block; position:relative;line-height:0; margin-bottom:30px;}
.powering-box1 img{width:100%;}
.powering-box1 small{position:absolute; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); padding:30px 20px; box-sizing:border-box;}
.powering-box1 small h3{font-size:24px; color:#FFF; font-weight:600; line-height:28px; padding-bottom:10px;}
.powering-box1 small p{font-size:14px; color:#FFF; font-weight:400; line-height:20px;padding-bottom:20px;}
/*.powering-box1 small span{font-size:14px; color:#ffde00; font-weight:600; line-height:20px;}
.powering-box1 small span a{font-size:14px; color:#ffde00; font-weight:600; line-height:20px;}*/
.powering-box1 small span{font-size:13px; font-weight:lighter; color:#ffd200; line-height:19px;}
.powering-box1 small span a{font-size:13px; font-weight:lighter; color:#ffd200; line-height:19px; text-transform:uppercase; padding-right:18px; position:relative; font-style:italic;}
.powering-box1 small span a:after{content:''; position:absolute; right:0; top:2px; width:6px; height:11px; background:url(../images/know-more-arrow2.png) right 0 no-repeat;}
.large-project2{width:100%; height:auto; float:left; display:block; padding:50px 0 40px 0;}
.large-project2 h3{font-size:30px; color:#000; font-weight:400; line-height:30px; padding-bottom:20px;}
.large-project2 h4{font-size:18px; color:#464646; font-weight:500; line-height:22px; padding-bottom:20px;}
.large-project2 p{font-size:18px; color:#565656; font-weight:300; line-height:24px; padding-bottom:10px;}
.features-box2{width:100%; height:auto; float:left; overflow:hidden; margin-bottom:50px;}
.features-box2 h2{font-size:30px; color:#000; font-weight:400; line-height:30px; padding-bottom:20px;}
.features-box2a{margin-left:-5px; margin-right:-5px;}





.features-box2b{width:33.3333%; height:auto; float:left; padding-left:5px; padding-right:5px; box-sizing:border-box; display:block;}
.features-box2b span{width:100%; display:block; position:relative;}
.features-box2b span small{position:absolute; left:0; right:0; bottom:0; background-color:rgba(2, 20, 56, 0.8); height:350px; padding:30px 15px 15px 15px; box-sizing:border-box;}
.features-box2b span img{width:100%; display:block;}
.features-box2b span small h3{font-size:22px; font-weight:500; color:#FFF; line-height:30px; padding-bottom:20px;}
.features-box2b span small ul{width:100%; height:auto; float:left; list-style-type:none;}
.features-box2b span small ul li{width:100%; height:auto; float:left; font-size:15px; font-weight:300; color:#FFF; line-height:20px; padding-bottom:10px; padding-left:11px; position:relative;}
.features-box2b span small ul li:after{content:''; width:5px; height:1px; background:rgba(255,255,255,1.00); position:absolute; left:0; top:11px;}
/*.features-box2b span small em{position:absolute; left:15px; bottom:50px;font-size:14px; font-weight:600; color:#ffea00; line-height:14px;font-style:normal;}
.features-box2b span small em a{font-size:14px; font-weight:600; color:#ffea00; line-height:14px; text-transform:uppercase; padding-right:15px; position:relative; font-style:normal;}
.features-box2b span small em a:after{position:absolute; right:0; top:0; content:''; width:5px; height:15px; background:url(../images/arrow3.png) right 2px no-repeat; font-style:normal;}*/
.features-box2b span small em{position:absolute; left:15px; bottom:50px;}
.features-box2b span small em a{font-size:13px; font-weight:lighter; color:#ffd200; line-height:19px; text-transform:uppercase; padding-right:18px; position:relative; font-style:italic;}
.features-box2b span small em a:after{content:''; position:absolute; right:0; top:2px; width:6px; height:11px; background:url(../images/know-more-arrow2.png) right 0 no-repeat;}
.milestones-container big{display:inherit;}
.logosvc{width:100%; height:85px; text-align:center; vertical-align:middle; border-right:1px solid #999999; display:table; margin:0 auto;}
.logosvc span{height:85px; text-align:center; vertical-align:middle; display:table-cell; margin:0 auto;}
.slick-slide .logosvc span img{display:inline-block;}
/*.superior{width:100%; height:auto; float:left; display:block; margin-bottom:100px;}*/
.superior{display:flex; flex-wrap:wrap; margin-bottom:40px;}
.superior-left{width:36%; height:auto; float:left; border-right:1px solid #c2c2c2; padding-right:3%; box-sizing:border-box;}
.superior-left h3{font-size:30px; font-weight:400; color:#000; line-height:36px; padding-bottom:40px;}
.superior-left p{font-size:15px; font-weight:300; color:#505050; line-height:22px;}
.superior-right{width:61%; height:auto; float:left; box-sizing:border-box; position:relative; margin-left:3%; min-height:233px;}
/*.superior-right div{width:233px; height:233px; float:left; position:relative;}*/
.superior-right span{width:233px; height:233px; border-radius:50%; position:absolute; left:0px; top:0;}
.superior-right span.a{left:0px; top:0;}
.superior-right span.b{left:223px; top:0;}
.superior-right span.c{left:446px; top:0;}
.superior-right span img{width:233px; height:233px; border-radius:50%;}
.superior-right span small{position:absolute; height:100%; width:100%; left:0; right:0; top:0; bottom:0; text-align:center; display:table;}
.superior-right span small p{width:auto; margin:0 auto; vertical-align:middle; text-align:center; display:table-cell; font-size:18px; font-weight:400; color:#FFF; line-height:22px; padding:0 20px;}
.superior-right span small p strong{font-size:20px; font-weight:600; color:#FFF;}
/*sustainability*/
.sustainability{width:100%; height:auto; float:left; display:block; margin:35px 0 50px 0;}
.sustainability h2{font-size:30px; font-weight:400; color:#000; line-height:34px; padding-bottom:15px; padding-top:15px;}
.sustainability h3{font-size:18px; font-weight:300; color:#464646; line-height:24px; padding-bottom:15px;padding-top:15px;}
.sustainability p{font-size:15px; font-weight:300; color:#505050; line-height:20px; padding-bottom:15px;}
.sustainability-picbox1{width:100%; height:auto; float:left; display:block; margin:15px 0;}
.sustainability-picbox1 img{width:100%; height:auto;}
.sustainability-picbox2{width:100%; height:auto; float:left; display:block; margin:15px 0; position:relative;}
.sustainability-picbox2 img{width:100%; height:auto; display:block; line-height:0;}
.sustainability-picbox2 span{position:absolute; left:50px; top:50px; display:block; height:auto;}
.sustainability-picbox2 span h4{width:33%; font-size:30px; font-weight:400; color:#FFF; line-height:34px; padding-bottom:15px;}
.sustainability-picbox2 span p{width:33%;font-size:18px; font-weight:300; color:#FFF; line-height:24px; padding-bottom:15px;}
.sustainability-picbox2 span samp{width:18%; height:auto; float:left;font-size:15px; font-weight:500; color:#04eaff; line-height:18px; padding-right:10px; position:relative; padding-bottom:10px; margin-bottom:10px;} 
.sustainability-picbox2 span samp:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#FFFFFF;} 
.sustainability-picbox2 span samp a{font-size:15px; font-weight:500; color:#04eaff; line-height:18px;}
.sustainability-picbox2 span small{width:15%; height:auto; float:left; font-size:13px; font-weight:600; color:#FFF; line-height:18px; text-transform:uppercase; position:relative; border-left:1px solid #fff;}
.sustainability-picbox2 span small a{color:#FFF; position:relative; padding-left:60px; display:inline-block;}
.sustainability-picbox2 span small a:after{content:''; position:absolute; left:10px; top:0; width:39px; height:39px; background:#ffc513 url(../images/edit.png) center center no-repeat; border-radius:50%;}
.sustainability-picbox2 span small a:hover{color:#ffc513;}
.sustainability-picbox2 span small a:hover:after{background:#FFF url(../images/edit.png) center center no-repeat;}
.sustainability-box3{width:100%; height:auto; float:left; display:block; margin:15px 0 15px 0;}
.sustainability-box3-right{width:28%; height:auto; float:right;}
.sustainability-box3-right img{width:100%; height:auto; display:block; line-height:0;}
.sustainability-box3-left{width:72%; height:auto; float:left; padding-right:3%; box-sizing:border-box;}
.sustainability-box3-left a{font-size:15px; font-weight:600; color:#0b7ab3; line-height:18px; padding-left:30px; position:relative;}
.sustainability-box3-left a:hover{color:#ffc513;}
.sustainability-box3-left a:after{content:''; position:absolute; left:0px; top:0; width:39px; height:39px; background:url(../images/pdf-icon2.png) left top no-repeat;}
/*CSR*/
.csr{width:100%; height:auto; float:left; display:block; margin:35px 0 50px 0;}
.csr h2{font-size:30px; font-weight:400; color:#000; line-height:34px; padding-bottom:15px; padding-top:15px;}
.csr h3{font-size:18px; font-weight:300; color:#464646; line-height:24px; padding-bottom:15px;padding-top:15px;}
.csr .pdf-row{display:flex; flex-wrap:wrap; margin:20px 0;}
.csr .pdf-row .pdf-col{width:50%; float:left;}
.csr .pdf-row .pdf-col a{font-size:15px; font-weight:600; color:#0b7ab3; line-height:18px; padding-left:30px; position:relative;}
.csr .pdf-row .pdf-col a:after{content:''; position:absolute; left:0px; top:0; width:39px; height:39px; background:url(../images/pdf-icon2.png) left top no-repeat;}
.csr-policy{width:100%; height:auto; float:left; background:url(../images/csr-bg.jpg) center center no-repeat; background-size:cover; display:table; padding:35px; box-sizing:border-box; margin:20px 0;}
.csr-policy samp{width:220px; height:100%; display:table-cell; vertical-align:middle;font-size:30px; font-weight:300; color:#ffc513; line-height:35px; text-transform:uppercase;}
.csr-policy samp:after{content:''; width:40px; height:1px; position:absolute; left:0; bottom:0; background:#FFFFFF;}
.csr-policy samp strong{font-size:30px; font-weight:600; color:#ffc513; line-height:30px;position:relative; padding-bottom:15px;}
.csr-policy samp strong:after{content:''; width:60px; height:1px; position:absolute; left:0; bottom:0; background:#FFFFFF;}
.csr-policy span{display:table-cell; vertical-align:middle; text-align:left;}
.csr-policy span ul{width:100%; float:left; list-style-type:none; display:flex; flex-wrap:wrap;}
.csr-policy span ul li{width:25%; min-height:125px; float:left; padding-bottom:20px; cursor:pointer;}
.csr-policy span ul li big{width:95px; height:95px; border-radius:50%; overflow:hidden;}
.csr-policy span ul li big img{width:100%; border-radius:50%;}
.csr-policy span ul li small{width:auto; height:auto; padding-left:105px; float:left; position:relative;}
.csr-policy span ul li small big{width:95px; height:95px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0;}
.csr-policy span ul li small big img{width:100%; border-radius:50%;}
.csr-policy span ul li small h6{width:auto; height:auto; display:block; font-size:15px; font-weight:600; color:#FFF; line-height:18px; padding-top:10px; text-transform:uppercase;}
.csr-policy span ul li small p{width:auto; height:auto; display:block;font-size:13px; font-weight:300; color:#FFF; line-height:15px;}
.activities{font-size:30px; font-weight:400; color:#000; line-height:30px; padding-bottom:50px;padding-top:50px;}
.csr-accordian-cont{padding:20px 0 20px 36px; width:100%; height:auto; box-sizing:border-box;}
.csr-accordian-cont h4{font-size:22px; font-weight:400; color:#000; line-height:28px; padding:15px 0;}
.csr-accordian-cont p{font-size:15px; font-weight:400; color:#3d3d3d; line-height:22px; padding:8px 0;}
.csr-accordian-cont span{width:100%; height:auto; float:left; line-height:0; display:block; padding:20px 0 20px 0;}
.csr-accordian-cont span img{width:100%;}
/*Health, Safety and Environment*/
.health{width:100%; height:auto; float:left; display:block; margin:35px 0 50px 0;}
.health h2{font-size:30px; font-weight:400; color:#000; line-height:34px; padding-bottom:15px; padding-top:15px;}
.health h3{font-size:18px; font-weight:300; color:#464646; line-height:24px; padding-bottom:15px;padding-top:15px;}
.sustainability-picbox3{width:100%; height:auto; float:left; display:block; margin:15px 0; position:relative;}
.sustainability-picbox3 img{width:100%; height:auto; display:block; line-height:0;}
.sustainability-picbox3 span{position:absolute; left:50px; top:50px; display:block; height:auto;}
.sustainability-picbox3 span h4{width:44%; font-size:30px; font-weight:400; color:#FFF; line-height:34px; padding-bottom:15px; text-transform:uppercase; position:relative; margin-bottom:15px;}
.sustainability-picbox3 span h4:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#FFFFFF;} 
.sustainability-picbox3 span h5{width:44%; font-size:25px; font-weight:500; color:#ffb70a; line-height:34px; padding-bottom:5px;}
.sustainability-picbox3 span p{width:40%;font-size:18px; font-weight:300; color:#FFF; line-height:24px; padding-bottom:15px;}
.safety{width:100%; height:auto; float:left; display:block; padding:30px 0;}
.safety span{width:60%; height:auto; float:left; padding-right:2%; box-sizing:border-box;}
.safety span h2{font-size:30px; font-weight:400; color:#000; line-height:34px; padding-bottom:30px; padding-top:15px;}
.safety span p{font-size:18px; font-weight:300; color:#505050; line-height:25px;}
.safety samp{width:40%; height:auto; float:left; display:table;}
.safety samp big{width:232px; display:table-cell;}
.safety samp big img{width:100%;}
.safety samp i{display:table-cell; vertical-align:middle; font-style:normal; padding-left:30px;}
.safety samp small{display:table-cell; vertical-align:middle; height:auto; font-size:15px; font-weight:600; color:#024f80; line-height:18px; text-transform:uppercase; position:relative; border-left:1px solid #c2c2c2; padding:20px 0 20px 80px;}
/*.safety samp small:after{content:''; position:absolute; left:20px; top:20px; width:39px; height:39px; background:#ffc513 url(../images/edit.png) center center no-repeat; border-radius:50%;}*/
.safety samp small a{font-size:15px; font-weight:600; color:#024f80; line-height:18px; text-decoration:underline;}
.safety samp small a:hover{color:#fed909;}
.safety samp small a:after{content:''; position:absolute; left:20px; top:20px; width:39px; height:39px; background:#ffc513 url(../images/edit.png) center center no-repeat; border-radius:50%;}
.safety samp small a:hover:after{background:#024f80 url(../images/edit-hover.png) center center no-repeat;}
.policy-box{width:100%; height:auto; float:left; display:block; padding:0px 0 30px 0;}
.policy-box ul{width:100%; height:auto; float:left; list-style-type:none; display:flex; flex-wrap:wrap;}
.policy-box ul li{width:25%; height:auto; float:left; position:relative; padding-left:20px; padding-right:30px; margin-bottom:15px;font-size:15px; font-weight:400; color:#505050; line-height:22px;}
.policy-box ul li:after{content:''; position:absolute; left:0; top:8px; background:url(../images/arrow5.png) left top no-repeat; width:20px; height:20px;}
.policy-box ul li span{border-bottom:1px solid #dcdcdc; height:100%; width:100%; display:block; padding-bottom:10px;}
.policy-box ul li span a{font-size:15px; font-weight:400; color:#505050; line-height:22px;}
.guidelines-box{width:100%; height:auto; float:left; display:block; position:relative;}
.guidelines-box img{width:100%; height:auto;display:block; line-height:0;}
.guidelines-box span{position:absolute; left:50px; top:70px; width:60%; display:block;}
.guidelines-box span:after{content:''; clear:both; display:block;}
.guidelines-box h4{font-size:30px; font-weight:400; color:#FFF; line-height:34px; padding-bottom:30px;}
.guidelines-box span ul{width:100%; height:auto; float:left; list-style-type:none; display:flex; flex-wrap:wrap;}
.guidelines-box span ul li{width:50%; height:auto; float:left; position:relative; padding-left:20px; padding-right:0px; margin-bottom:15px;font-size:18px; font-weight:400; color:#FFF; line-height:22px;}
.guidelines-box span ul li a{font-size:18px; font-weight:400; color:#FFF; line-height:22px;}
.guidelines-box span ul li a:hover{color:#ffc513; text-decoration:underline;}
.guidelines-box span ul li:after{content:''; position:absolute; left:0; top:4px; background:url(../images/pdf-icon6.png) left top no-repeat; width:15px; height:15px;}
.microgridwork-bg{width:100%; height:auto; float:left; display:block; background:#1061ad url(../images/microgridwork-bg.jpg) center center no-repeat; background-size:cover; margin:0 0 0 0; padding:30px 50px; box-sizing:border-box;}
.microgridwork-bg h4{font-size:30px; font-weight:600; color:#ffba00; line-height:30px; padding-bottom:30px; position:relative; margin-bottom:30px;}
.microgridwork-bg h4:after{content:''; position:absolute; left:0; bottom:0; background:#5891c6; width:160px; height:1px;}
.microgridwork-bg h5{font-size:22px; font-weight:400; color:#FFF; line-height:30px; padding:30px 3%;}
.microgridwork-bg ul{width:100%; height:auto; float:left; list-style-type:none; display:flex; flex-wrap:wrap;}
.microgridwork-bg ul li{width:50%; height:auto; float:left; padding:10px 5% 10px 25px; box-sizing:border-box; position:relative; font-size:18px; font-weight:300; color:#FFFFFF; line-height:22px;}
.microgridwork-bg ul li span{position:absolute; left:0; top:11px; width:25px; height:50px;}
.microgridwork-bg ul li:nth-child(2n+1){border-right:1px solid #5890c5;}
.microgridwork-bg ul li:nth-child(2n+2){padding-left:4%;}
.microgridwork-bg ul li:nth-child(2n+2) span{left:4%;}
.mithapur-box6{width:100%; height:auto; float:left; overflow:hidden;}
.mithapur-box6a{margin-left:-5px; margin-right:-5px;}
.mithapur-box6b{width:50%; height:auto; float:left; padding-left:5px; padding-right:5px; box-sizing:border-box; display:block; margin-bottom:10px;}
.mithapur-box6b span{width:100%; display:block; position:relative;}
.mithapur-box6b span small{position:absolute; left:0; right:0; bottom:0; background-color:rgba(2, 20, 56, 0.8); height:300px; padding:30px 5%; box-sizing:border-box;}
.mithapur-box6b span img{width:100%; display:block;}
.mithapur-box6b span small h3{font-size:22px; font-weight:500; color:#FFF; line-height:30px; padding-bottom:20px;}
.mithapur-box6b span small p{font-size:15px; font-weight:300; color:#FFF; line-height:20px;}
.mithapur-box6b span small ul{width:100%; height:auto; float:left; list-style-type:none;}
.mithapur-box6b span small ul li{width:100%; height:auto; float:left; font-size:15px; font-weight:300; color:#FFF; line-height:20px; padding-bottom:5px; position:relative; padding-left:11px;}
.mithapur-box6b span small ul li:after{content:''; width:5px; height:1px; background:rgba(255,255,255,1.00); position:absolute; left:0; top:11px;}
/*.mithapur-box6b span small em{position:absolute; left:5%; bottom:20px; font-size:14px; font-weight:600; color:#ffea00; line-height:14px;font-style:normal;}
.mithapur-box6b span small em a{font-size:14px; font-weight:600; color:#ffea00; line-height:14px; text-transform:uppercase; padding-right:15px; position:relative; font-style:normal;}
.mithapur-box6b span small em a:after{position:absolute; right:0; top:0; content:''; width:5px; height:15px; background:url(../images/arrow3.png) right 2px no-repeat; font-style:normal;}*/
.mithapur-box6b span small em{position:absolute; left:5%; bottom:50px;}
.mithapur-box6b span small em a{font-size:13px; font-weight:lighter; color:#ffd200; line-height:19px; text-transform:uppercase; padding-right:18px; position:relative; font-style:italic;}
.mithapur-box6b span small em a:after{position:absolute; right:0; top:2px; content:''; width:6px; height:11px; background:url(../images/know-more-arrow2.png) right 0 no-repeat;}
.unique-programs{width:100%; height:auto; float:left; margin:50px 0;}
.unique-programs-left{width:50%; height:auto; float:left; border-right:1px solid #dedede; padding-right:2%;}
.unique-programs-left h4{font-size:30px; font-weight:400; color:#000; line-height:35px; padding-bottom:20px;}
.unique-programs-left p{font-size:15px; font-weight:300; color:#505050; line-height:20px;}	
.unique-programs-right{width:50%; height:auto; float:left; padding-left:3%;}
.unique-programs-right span{width:45%; height:auto; float:left;}
.unique-programs-right span img{width:100%;}
.unique-programs-right samp{width:55%; height:auto; float:left; padding-left:4%; box-sizing:border-box;}
.unique-programs-right samp{font-size:15px; font-weight:300; color:#585858; line-height:22px;}
.unique-programs-right samp strong{font-size:18px; font-weight:500; color:#585858; line-height:22px;}
.ro-systems{width:100%; height:auto; float:left; margin:50px 0;}
.ro-systems h4{font-size:30px; font-weight:600; color:#000; line-height:35px; padding-bottom:15px; position:relative; margin-bottom:40px;}
.ro-systems h4:after{content:''; position:absolute; left:0; bottom:0; background:#cdcdcd; width:100px; height:1px;}
.ro-systems-box1{/*width:100%; height:auto; float:left;*/ display:flex; flex-wrap:wrap; margin-bottom:20px;}
.ro-systems-box1-left{width:70%; height:auto; float:left; padding-right:5%; box-sizing:border-box; border-right:1px solid #cdcdcd;}
.ro-systems-box1-left h5{font-size:25px; font-weight:400; color:#000; line-height:30px; padding-bottom:25px;}
.ro-systems-box1-left p{font-size:15px; font-weight:300; color:#505050; line-height:22px;}
.ro-systems-box1-right{width:30%; height:auto; float:left;}
.ro-systems-box1-right span{width:233px; height:233px; margin:0 auto; display:table; border-radius:50%;}
.ro-systems-box1-right span img{width:100%; border-radius:50%;}
.ro-systems-box2{width:100%; height:auto; float:left; position:50px 0;}
.ro-systems-box2 h5{font-size:25px; font-weight:400; color:#000; line-height:30px; padding-bottom:25px;}
.ro-systems-box2 ul{width:100%; height:auto; float:left; list-style-type:none;}
.ro-systems-box2 ul li{width:100%; height:auto; float:left; font-size:15px; font-weight:300; color:#505050; line-height:20px; padding-bottom:15px; padding-top:15px; padding-left:25px; box-sizing:border-box; position:relative;}
.ro-systems-box2 ul li:after{content:''; position:absolute; left:0; top:20px; background:url(../images/arrow4.png) left top no-repeat; width:25px; height:25px;}
.microgrids{margin-top:50px; width:100%; height:auto; float:left;font-size:30px; font-weight:600; color:#000; line-height:35px; position:relative; padding-bottom:15px; margin-bottom:40px;}
.microgrids:after{content:''; position:absolute; left:0; bottom:0; background:#cdcdcd; width:100px; height:1px;}
/*Madia*/
.madia-box{width:100%; height:auto; float:left; display:block; margin:50px 0;}
.PressRelease{width:100%; height:auto; float:left; display:block; margin-bottom:50px;}
.PressRelease h2{font-size:30px; font-weight:600; color:#000; line-height:35px; padding-bottom:35px;}
.release{width:100%; height:auto; float:left; list-style-type:none; display:flex; flex-wrap:wrap;}
.release li{width:100%; height:auto; padding:15px 50px 15px 120px; box-sizing:border-box; margin-bottom:0px; border-bottom:1px solid #e0e0e0; position:relative;}
.release li:last-child{border-bottom:0px solid #e0e0e0;}
.release li span{position:absolute; left:0; top:10px; width:120px; height:auto; padding:10px 0; font-size:14px; font-weight:400; color:#1062af;display:block;}
.release li span samp{font-size:18px; font-weight:400; color:#1062af; display:block;}
.release li big a{width:100%; float:left; height:auto; padding-left:30px; min-height:50px;border-left:1px solid #949494; font-size:18px; font-weight:300; line-height:24px; color:#5e5e5e;display:block;}
.release li big a:hover{color:#0f61ad;}
.release li big p{width:100%; float:left; height:auto; padding-left:30px; border-left:1px solid #949494; font-size:14px; font-weight:600; line-height:22px; color:#5e5e5e; display:block;}
.release li small{position:absolute; right:0; top:2px; width:50px; height:auto;}
.release li small .pdf{width:50px; height:50px; background:url(../images/pdf-icon4.png) center center no-repeat; display:block;}
.release li small .link{width:50px; height:50px; background:url(../images/link.html) center center no-repeat; display:block;}

.coverage{width:100%; height:auto; float:left; list-style-type:none; display:flex; flex-wrap:wrap;}
.coverage li{width:100%; height:auto; padding:25px 50px 25px 120px; box-sizing:border-box; margin-bottom:0px; border-bottom:1px solid #e0e0e0; position:relative;}
.coverage li:last-child{border-bottom:0px solid #e0e0e0;}
.coverage li span{position:absolute; left:0; top:19px; width:120px; height:auto; padding:10px 0; font-size:14px; font-weight:400; color:#1062af;display:block;}
.coverage li span samp{font-size:18px; font-weight:400; color:#1062af; display:block;}
.coverage li big a{width:100%; float:left; height:auto; padding-left:30px; padding-bottom:5px; border-left:1px solid #949494; font-size:18px; font-weight:300; line-height:24px; color:#5e5e5e;display:block;}
.coverage li big a:hover{color:#0f61ad;}
.coverage li big p{width:100%; float:left; height:auto; padding-left:30px; border-left:1px solid #949494; font-size:14px; font-weight:500; line-height:22px; color:#5e5e5e; display:block;}
.coverage li small{position:absolute; right:0; top:16px; width:50px; height:auto;}
.coverage li small .pdf{width:50px; height:50px; background:url(../images/pdf-icon4.png) center center no-repeat; display:block;}
.more{width:auto; height:auto; float:left; margin:30px 0; background:#1965ae;font-size:18px; font-weight:400; color:#FFF; text-transform:uppercase;}
.more a{background:#1965ae; padding:20px 30px;font-size:18px; line-height:18px; font-weight:400; color:#FFF; text-transform:uppercase; display:block;}
.madia-box2{width:100%; height:auto; float:left; overflow:hidden;}
.madia-box2a{margin-left:-6px; margin-right:-6px;}
.madia-box2b{width:33.3333%; height:auto; float:left; padding-left:6px; padding-right:6px; box-sizing:border-box; display:block;}
.latest5{width:100%; height:350px; float:left; background:url(../images/latest-bg.jpg) center center no-repeat; background-size:cover; position:relative;}
.latest5a{width:100%; height:350px; float:left; background:url(../images/industry-events-bg.jpg) center center no-repeat; background-size:cover; position:relative;}
.latest5c{width:100%; height:350px; float:left; background:url(../images/media-kit-bg.jpg) center center no-repeat; background-size:cover; position:relative;}
.latest5c h3{width:100%; height:auto; float:left; padding:35px 10px 20px 20px; margin-bottom:30px; box-sizing:border-box; font-size:18px; font-weight:500; color:#FFF; line-height:22px; position:relative; text-transform:uppercase;}
.latest5c h3:after{content:''; position:absolute; left:20px; bottom:0; background:#FFFFFF; width:40px; height:1px;}
.Kit-det{width:100%; height:200px;float:left; padding:0px 10px 10px 20px; box-sizing:border-box;}
.Kit-det h4{font-size:18px; font-weight:400; color:#FFF; line-height:24px; padding-bottom:10px;}
.Kit-det h5{font-size:15px; font-weight:300; color:#bbdeff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; line-height:20px; /* fallback */ max-height:80px; /* fallback */ -webkit-line-clamp:4; /* number of lines to show */ -webkit-box-orient:vertical; margin:0; padding:0;}
.latest6 h3{width:100%; height:auto; float:left; padding:35px 10px 20px 20px; margin-bottom:30px; box-sizing:border-box; font-size:18px; font-weight:500; color:#FFF; line-height:22px; position:relative; text-transform:uppercase;}
.latest6 h3:after{content:''; position:absolute; left:20px; bottom:0; background:#FFFFFF; width:40px; height:1px;}
.latest7{width:auto; height:auto; float:left; padding-left:20px;}
.latest7 a{font-size:14px; font-weight:600; color:#FFF; text-transform:uppercase; line-height:15px;}
.latest2{width:100%; height:200px;float:left; padding:0px 10px 10px 20px; box-sizing:border-box;}
.latest2 h4{font-size:13px; font-weight:500; color:#FFF; line-height:18px; padding-bottom:5px;}
.latest2 h5{font-size:18px; font-weight:400; color:#FFF; line-height:24px; padding-bottom:10px;}
.latest2 h6{font-size:15px; font-weight:400; color:#bbdeff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; line-height:20px; /* fallback */ max-height:80px; /* fallback */ -webkit-line-clamp:4; /* number of lines to show */ -webkit-box-orient:vertical; margin:0; padding:0;}
.banner-dots3{position:absolute; right:30px; bottom:-10px; width:auto;}
.banner-dots3 li{width:12px; height:12px; float:left; text-indent:-99999px; background-color:rgba(174, 174, 174, 0.5); margin-right:3px; border-radius:50%; line-height:0; display:block;}
.banner-dots3 li.slick-active{width:12px; height:12px; float:left; text-indent:-99999px; background:#ffe826; margin-right:3px;}
.mithapur-box5b span{width:100%; display:block; position:relative;}
.mithapur-box5b span small{position:absolute; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); height:190px; padding:30px 5%; box-sizing:border-box;}
.mithapur-box5b span img{width:100%; display:block;}
.mithapur-box5b span small h3{font-size:22px; font-weight:500; color:#FFF; line-height:30px; padding-bottom:20px;}
.mithapur-box5b span small p{font-size:15px; font-weight:300; color:#FFF; line-height:20px;}
.media-contact{width:100%; height:auto; float:left; background:url(../images/media-contact-bg.jpg) center center no-repeat; background-size:cover; padding:45px; box-sizing:border-box;}
.media-contact h4{width:100%; display:block;font-size:30px; font-weight:500; color:#FFF; line-height:30px; padding-bottom:20px; margin-bottom:30px; position:relative;}
.media-contact h4:after{content:''; position:absolute; left:0px; bottom:0; background:#a7866f; width:60px; height:1px;}
.media-contact h5{width:100%; display:block;font-size:25px; font-weight:400; color:#FFF; line-height:30px; padding-bottom:6px;}
.media-contact h6{width:100%; display:block;font-size:25px; font-weight:400; color:#ffe826; line-height:30px;}
.media-contact h6 a{font-size:25px; font-weight:400; color:#ffe826; line-height:30px;}
.awards-search-area{width:100%; background:#f7f7f7; height:68px; border:1px solid #dadada; position:relative; margin:20px 0;}
.awards-search-area:after{content:''; background:url(../images/finnace-icon.jpg) no-repeat 0 0; width:83px; height:66px; position:absolute; left:0; top:0px;}
.awards-search-area:before{content:''; background:url(../images/awards-icon-line.png) no-repeat 0 0; width:48px; height:1px; position:absolute; left:59px; top:50%; z-index:1;}
.awards-search-area .search-box{display:inline-block; float:right;}
.awards-search-area .search-box .search-box-text{float:left; display:block; font-size:15px; font-weight:400; line-height:68px; color:#212121; padding-right:19px;}
.awards-search-area .search-box .awards-search-topselect{display:block; float:left; height:auto; margin-bottom:0px; width:180px; margin-top:14px; margin-bottom:13px; margin-right:14px;}
.vrification{width:48%; margin-right:2%; height:auto; float:left;}
.awards-search-topselect select{width:100%;height:40px;padding:0px 15px;box-sizing:border-box;margin:0;background:#FFFFFF;border-bottom:1px solid #E6E6E6;border-right:1px solid #E6E6E6;border-left:0px solid transparent;border-top:0px solid transparent;color:#5c5c5c;font-size:14px;font-weight:400;font-style:normal; -webkit-box-shadow:inset 4px 4px 4px -3px rgba(211,211,211,1);-moz-box-shadow:inset 4px 4px 4px -3px rgba(211,211,211,1); box-shadow:inset 4px 4px 4px -3px rgba(211,211,211,1); outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
.social-media a{display:inline-block; padding-right:10px; color:#bcbec0;}
.social-media a i{font-size:16px;}
.social-media a:hover{color:#FFF;}
.page-loader{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:rgba(0,0,0,0.50);}
.loader-container img{display:inline-block; position:absolute; left:0; right:0; top:15%; margin:auto;}

/* -------gallery------- */
ul.gallery-category:after{content:''; display:block; clear:both;}
ul.gallery-category li{ float: left; width: 31%; margin: 10px 1.1666666666%; background: #ccc; position:relative; }
ul.gallery-category li figure{ position:relative; height:0; padding-bottom:70%; overflow:hidden;}
ul.gallery-category li img{ width:100%; display:block; -webkit-transition: all 10s ease; -moz-transition: all 10s ease;  -o-transition: all 10s ease; transition: all 10s ease; margin-top: -20%;}
ul.gallery-category li p{ text-align:left; padding:20px; font-size:14px; color: #FFF; font-weight:400; line-height:20px; position:absolute; left:0; bottom:0; width:100%; background:rgba(2, 20, 56, 0.8) url(../images/plus.png) no-repeat 100% 50%; z-index:2;}
ul.gallery-category li:hover img{ width:100%; display:block;-webkit-transform: scale(1.5); transform: scale(1.5);}
ul.gallery-category li:hover p{background:rgba(2, 20, 56, 0.8) url(../images/plus2.png) no-repeat 100% 50%;}

ul.gallery-category.videogallery li p{ text-align:left; padding:20px; font-size:14px; color: #FFF; font-weight:400; line-height:20px; position:absolute; left:0; bottom:0; width:100%; background:rgba(2, 20, 56, 0.8) url(../images/icon-tvc.png) no-repeat 100% 50%; z-index:2;}

ul.gallery:after{content:''; display:block; clear:both;}
ul.gallery li{ float: left; width:23%; margin: 10px 1%; background: #ccc; }
ul.gallery li figure{ position:relative; height:0; padding-bottom:70%; overflow:hidden;}
ul.gallery li img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
ul.gallery li a{ display:block; position:relative;}
ul.gallery li a:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:3; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out;  -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity:0; }
ul.gallery li a:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:0px; height:0px; background:#F90 url(../images/zoom2.png) no-repeat 50% 50%; background-size:0; z-index:1; border-radius:50%; z-index:4; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out;  -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
ul.gallery li a span{ position:absolute; left:0; bottom:0; width:100%; padding:15px; font-size:14px; text-align:center;z-index:4; color:#FFF; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out;  -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity:0;}

ul.gallery li:hover a:after{opacity:1; }
ul.gallery li:hover a:before{width:50px; height:50px; background:#F90 url(../images/zoom2.png) no-repeat 50% 50%; background-size:21px; }
ul.gallery li:hover a span{opacity:1; }
.backBtn{ position:absolute; top:20px; right:1%; font-size:14px; color:#000; font-weight:400;  background: url(../images/back-arrow2.png) 0 50% no-repeat; padding-left:20px;}

.galleryPop #cboxTitle{ position:absolute; left:0; bottom:0; z-index:2;background:rgba(2, 20, 56, 0.8); width:100%; padding:15px; font-size:14px;z-index:4; color:#FFF;}

.galleryInfo{ padding-left:10px;}
.galleryInfo h3{font-size: 30px;font-weight: 400; color: #000; line-height: 32px; padding-bottom:10px;}
.galleryInfo span{ font-size:12px;font-weight: 400; color:#888; padding-left:10px; display:inline-block;}
.galleryInfo p{ padding-bottom: 20px; font-size:15px; line-height:20px;}
/* -------gallery-------/ */


@media screen and (-webkit-min-device-pixel-ratio:0){
.awards-search-topselect select{padding-right:18px;}
}
.awards-search-topselect label{position:relative}
.awards-search-topselect label:after{width:20px; text-indent:5px; content:'>';/*content:'<>';*/ font:18px "Consolas", monospace; color:#a09f9f; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:15px; top:1px; padding:0 12px 0px 0px; /*border-bottom:1px solid #aeaeae;*/ position:absolute; pointer-events:none;}
/*.awards-search-topselect label:before{content:''; right:6px; top:0px; width:20px; height:20px; background:#00FFFF; position:absolute; pointer-events:none; display:block;}*/
/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution:+72dpi){
.awards-search-topselect label:after{display:none;}
.awards-search-topselect label:before{display:none;}
}
.year-box{width:100%; height:auto; float:left; margin-bottom:50px;}
.year-box h4{width:100%; height:auto; float:left; margin:30px 0; padding-bottom:10px; position:relative;font-size:30px; line-height:30px; font-weight:600; color:#000000;}
.year-box h4:after{content:''; position:absolute; left:0px; bottom:0; background:#e0e0e0; width:50px; height:1px;}
.year-box h4 big{width:auto; height:auto; float:left; font-size:30px; line-height:30px; font-weight:600; color:#000000;}
.year-box h4 span{width:auto; height:auto; float:left; font-size:20px; padding-left:5px; font-weight:400; color:#0e61ad; display:block; position:relative;}
.latest samp{width:100%; height:auto; float:left; font-size:13px; line-height:20px; font-weight:300; color:#969090;}
.prAccordianCont big samp{width:26%; height:auto; float:right; padding-left:20px; box-sizing:border-box;}
.prAccordianCont big samp img{width:100%;}
.prAccordianCont big em{width:100%; height:auto; float:left; padding-left:0px; box-sizing:border-box; font-style:normal; margin-bottom:20px;}
.prAccordianCont big em img{width:100%;}
.media3 big{padding:20px 0px 20px 36px;}
.prAccordianCont big h5{width:100%; height:auto; float:left; font-size:18px; line-height:20px; font-weight:300; color:#1062ae; padding:20px 0;}
.prAccordianCont big h5 a{font-size:18px; line-height:20px; font-weight:400; color:#1062ae;}
.prAccordianCont big h5 a:hover{color:#000;}
.mediakit{width:100%; height:auto; float:left; margin-bottom:50px;}
.profile{width:100%; height:auto; float:left; border-bottom:1px solid #e0e0e0; margin-top:50px;}
.profile h3{width:100%; height:auto; float:left;font-size:30px; line-height:30px; font-weight:400; color:#000000; padding-bottom:50px;}
.profile h5{width:100%; height:auto; float:left;font-size:13px; line-height:18px; font-weight:300; color:#6a6a6a; padding-bottom:50px;}
.download-box{width:auto; height:auto; float:left; padding:0 5% 0 5%; text-align:center; position:relative;}
.download-box:after{content:''; position:absolute; right:0; top:30px; width:1px; height:50px; background:#e0e0e0;}
.download-box:last-child:after{width:0px;}
.download-box a span{width:auto; margin:0 auto; text-align:center; padding-bottom:10px; display:block;}
.download-box a span:after{display:block; clear:both;}
.download-box a h2{font-size:15px; line-height:20px; font-weight:300; color:#1968b3; padding:7px 0;}
.download-box a h3{font-size:18px; line-height:20px; font-weight:300; color:#1968b3;}
.images-gallery-box1{width:100%; height:auto; float:left; border-bottom:1px solid #e0e0e0; padding-bottom:50px;}
.images-gallery-box1:last-child{border-bottom:0px solid #e0e0e0;}
.images-gallery-box1 h3{width:100%; height:auto; float:left; padding:50px 0;font-size:30px; line-height:36px; font-weight:400; color:#000;}
.images-gallery-box1 h5{width:100%; height:auto; float:left; padding:20px 0 0px 0;font-size:18px; line-height:24px; font-weight:400; color:#737373;}
.images-gallery-box1 h5 a{font-size:18px; line-height:24px; font-weight:300; color:#0f61ae;}
.edge-gallery-row2{display:flex; flex-wrap:wrap; margin:0px -1px;}
.edge-gallery-row2 .edge-gallery-col{display:inline-block; width:25%; float:left; padding:0 1px 2px 1px;}
.edge-gallery-row2 .edge-gallery-col span{display:inline-block; width:100%; height:100%; background:#da531a; padding:53px 19px 0 19px;}
.edge-gallery-row2 .edge-gallery-col span small{display:inline-block; width:100%; color:#FFF; font-size:18px; line-height:26px; font-weight:300; text-transform:uppercase;}
.edge-gallery-row2 .edge-gallery-col span big{display:inline-block; width:100%; color:#FFF; font-size:22px; line-height:26px; font-weight:bold; text-transform:uppercase; position:relative;}
.edge-gallery-row2 .edge-gallery-col span big:after{content:''; background:#FFF; width:64px; height:1px; position:absolute; left:0; bottom:-13px;}
.edge-gallery-row2 .edge-gallery-col a{position:relative; display:block; overflow:hidden; width:100%;}
.edge-gallery-row2 .edge-gallery-col a img{width:100%; display:block;}
.edge-gallery-row2 .edge-gallery-col a .sub{height:100%; width:100%; background:rgba(175,53,1,0.60); left:0; bottom:-100%; position:absolute; opacity:0;}
.edge-gallery-row2 .edge-gallery-col a:hover .sub{bottom:0; opacity:1;}
.edge-gallery-row2 .edge-gallery-col a .sub b.info{background:url(../images/zoom.png) center no-repeat; display:inline-block; text-decoration:none; padding:0; text-indent:-9999px; width:32px; height:32px;}
.edge-gallery-row2 .edge-gallery-col a .sub b.info{position:absolute; right:12px; bottom:12px; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); -webkit-transition:-webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition:-moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition:-o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -ms-transition:-ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition:transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
.edge-gallery-row2 .edge-gallery-col a:hover .sub b.info{opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,5); -ms-transform:scale(1,5); transform:scale(1,1); -moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.transition{-webkit-transition:all 10s ease; /* Safari and Chrome */ -moz-transition:all 10s ease; /* Firefox */ -o-transition:all 10s ease; /* IE 9 */ -ms-transition:all 10s ease; /* Opera */ transition:all 0.50s ease;}
/* Zoom Out */
.edge-gallery-row2 .edge-gallery-col a img{/*-webkit-transform:scale(0.1); transform:scale(0.1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;*/}
.edge-gallery-row2 .edge-gallery-col a:hover img{-webkit-transform:scale(1); transform:scale(1);}
.prAccordianCont h4{font-size:18px; color:#000; font-weight:600; line-height:24px; margin:0; padding:0; padding:10px 0 20px;}
.prAccordianCont h4:after{width:0; height:0;}
.rooftops{width:100%; height:auto; float:left; padding:50px 0 0px 0; display:flex; flex-wrap:wrap;}
.rooftops h2{font-size:30px; font-weight:lighter; color:#000; line-height:34px; padding-bottom:15px; padding-top:15px;}
.rooftops p{font-size:18px; font-weight:300; color:#505050; line-height:24px; padding-bottom:27px;}
.rooftops-part1-box-cont{display:flex; flex-wrap:wrap; margin-bottom:70px;}
.rooftops-part2-box-cont{display:flex; flex-wrap:wrap; margin-bottom:60px;}
.rooftops-part3-box-cont{display:inline-block; width:100%; margin-bottom:49px;}
.rooftops-part4-box-cont{display:inline-block; width:100%; margin-bottom:56px;}
.rooftops-part4-box-cont h2{padding-bottom:40px;}
.rooftops-part5-box-cont{display:inline-block; width:100%; margin-bottom:56px;}
.rooftops-part5-box-cont h2{padding-bottom:40px;}
.rooftops-box1{width:35%; height:auto; float:left;padding-right:15px;}
.rooftops-box1 p{font-size:18px; font-weight:300; color:#505050; line-height:24px; padding-bottom:27px;}
.rooftops-box1 p strong{font-size:18px; font-weight:600;}
.rooftops-box1 span{width:100%; height:auto; float:left; border-bottom:1px solid #87a4b5; border-top:1px solid #87a4b5; padding:30px 0; font-size:22px; font-weight:300; color:#1062ae; line-height:28px;}
.rooftops-box1 span strong{font-weight:600;}
.rooftops-box2{width:45%; height:auto; float:left;padding-right:15px;}
.rooftops-box2 ul{width:100%; height:100%; float:left; list-style-type:none; background:url(../images/installation-bg.jpg) center center no-repeat; background-size:cover; padding:40px 7%; box-sizing:border-box;}
.rooftops-box2 ul li{width:100%; height:auto; float:left; font-size:14px; font-weight:400; color:#FFF; line-height:20px; text-transform:uppercase; padding-bottom:15px; padding-left:25px; box-sizing:border-box; position:relative;}
.rooftops-box2 ul li strong{font-size:16px; font-weight:600; color:#ffc000; line-height:20px; text-transform:uppercase;}
.rooftops-box2 ul li:after{content:''; position:absolute; left:0; top:5px; width:25px; height:15px; background:url(../images/arrow6.png) left top no-repeat;}

.rooftops-box3{width:20%; height:auto; float:left; background:url(../images/rooftops-box3-bg.jpg) center center no-repeat; background-size:cover; padding:30px 20px; box-sizing:border-box;}
.rooftops-box3 a{display:inline-block; width:100%; height:100%;}
.rooftops-box3 h6{width:100%; height:auto; float:left; padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #FFF; padding-left:40px; box-sizing:border-box; background:url(../images/mob-icon.png) left 5px no-repeat; font-size:18px; font-weight:600; color:#FFF; line-height:25px; text-transform:uppercase;}
.rooftops-box3 h5{font-size:30px; font-weight:300; color:#FFF; line-height:35px; padding-bottom:20px;}
.rooftops-box3 p{font-size:14px; font-weight:400; color:#FFF; line-height:20px; padding-bottom:40px; position:relative;}
.rooftops-box3 p a{font-size:14px; font-weight:400; color:#FFF; line-height:20px;}
.rooftops-box3 a:hover p{color:#ffc000;}
.rooftops-box3 a:hover h6{color:#ffc000; border-bottom:1px solid #ffc000;}
.rooftops-box3 a:hover h5{color:#ffc000;}
.rooftops-box3 p:after{content:''; position:absolute; left:0; bottom:0; width:50px; height:20px; background:url(../images/arrow7.png) left top no-repeat;}



/*.rooftops-box3{width:20%; height:auto; float:left;box-sizing:border-box; }
.rooftops-box3 .box123{ background:url(../images/calculator-img.jpg) left top no-repeat; padding:20px 20px; height: 50%;}
.rooftops-box3 .box1234{ background:url(../images/calculator-img2.jpg) left bottom no-repeat; padding:30px 20px 0 20px; height: 50%;}

.rooftops-box3 .solar_calculate{width:100%; height:60%; float:left; background:url(../images/rooftops-box3-bg.jpg) center center no-repeat; background-size:cover; padding:20px 20px; box-sizing:border-box;}
.rooftops-box3 a{display:inline-block; width:100%; height:100%;}
.rooftops-box3 .box123 h6{width:100%; height:auto; float:left; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #FFF; padding-left:40px; box-sizing:border-box; background:url(../images/mob-icon.png) left 5px no-repeat; font-size:18px; font-weight:600; color:#FFF; line-height:normal; text-transform:uppercase;}
.rooftops-box3 .box1234 h6{width:100%; height:auto; float:left; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #FFF; padding-left:50px; box-sizing:border-box; background:url(../images/mob-icon2.png) left 5px no-repeat; font-size:18px; font-weight:600; color:#FFF; line-height:normal; text-transform:uppercase;}

.rooftops-box3 h5{font-size:18px; font-weight:300; color:#FFF; line-height:normal; padding-bottom:3px;}
.rooftops-box3 p{font-size:13px; font-weight:400; color:#FFF; line-height:17px; padding-bottom:40px; position:relative;}
.rooftops-box3 p a{font-size:14px; font-weight:400; color:#FFF; line-height:20px;}
.rooftops-box3 a:hover p{color:#ffc000;}
.rooftops-box3 a:hover h6{color:#ffc000; border-bottom:1px solid #ffc000;}
.rooftops-box3 a:hover h5{color:#ffc000;}
.rooftops-box3 p:after{content:''; position:absolute; left:0; bottom:0; width:50px; height:20px; background:url(../images/arrow7.png) left top no-repeat;}

.rooftops-box3 .box1234 a:hover p{color:#000;}
.rooftops-box3 .box1234 a:hover h6{color:#000; border-bottom:1px solid #000;}
.rooftops-box3 .box1234 a:hover h5{color:#000;}
.rooftops-box3 .box1234 p:after{ display: none;}
.rooftops-box3 .box1234 h5{ font-size: 13px; color: #000; position: relative;}
.rooftops-box3 .box1234 h5:after{ content:''; position:absolute; left: 91px;  bottom: -7px; width:50px; height:20px; background:url(../images/arrow7a.png) left top no-repeat;}
*/






/*.rooftops2{width:100%; height:auto; float:left; overflow:hidden; margin-bottom:10px;}
.rooftops2 h2{font-size:30px; color:#000; font-weight:400; line-height:30px; padding-bottom:20px;}
.rooftops2a{margin-left:-5px; margin-right:-5px;}
.rooftops2b{width:33.3333%; height:auto; float:left; padding-left:5px; padding-right:5px; box-sizing:border-box; display:block;}
.rooftops2b span{width:100%; display:block; position:relative;}
.rooftops2b span small{position:absolute; left:0; right:0; bottom:0; background-color:rgba(2, 20, 56, 0.8); height:200px; padding:30px 15px 15px 15px; box-sizing:border-box;}
.rooftops2b span img{width:100%; display:block;}
.rooftops2b span small h3{font-size:22px; font-weight:500; color:#FFF; line-height:30px; padding-bottom:20px;}
.rooftops2b span small p{font-size:15px; font-weight:400; color:#FFF; line-height:20px;}
.rooftops2b span small ul{width:100%; height:auto; float:left; list-style-type:none;}
.rooftops2b span small ul li{width:100%; height:auto; float:left; padding-bottom:10px;}
.rooftops2b span small em{position:absolute; left:15px; bottom:50px;}
.rooftops2b span small em a{font-size:13px; font-weight:lighter; color:#ffd200; line-height:19px; text-transform:uppercase; padding-right:18px; position:relative; font-style:italic;}
.rooftops2b span small em a:after{position:absolute; right:0; top:2px; content:''; width:6px; height:11px; background:url(../images/know-more-arrow2.png) right 0 no-repeat;}
*/


.rooftops-journey-row{display:inline-block; width:100%;}
.rooftops-journey-row .rooftops-journey-col{width:100%; max-width:432px; float:left; margin-bottom:1px; min-height:139px;}
.rooftops-journey-row .rooftops-journey-col .journey-col-left{display:inline-block; width:50%; float:left; height:139px; position:relative;}
.rooftops-journey-row .rooftops-journey-col .journey-col-right{display:inline-block; width:50%; float:left; height:139px; position:relative;} 


big.journey-text{ display:inline-table; width:100%; font-size:18px; line-height:22px; color:#000000; font-weight:lighter; text-align:center; text-transform:none; padding:30px 10px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
big.journey-text strong{font-size:24px; line-height:28px; font-weight:bold; padding-top:3px;}

.rooftops-journey-row .rooftops-journey-col:nth-child(1) .journey-col-left, .rooftops-journey-row .rooftops-journey-col:nth-child(3) .journey-col-left{background:url(../images/journey-blue-bg1.jpg) no-repeat 0 0; background-size:cover;}

.rooftops-journey-row .rooftops-journey-col:nth-child(1) .journey-col-right, .rooftops-journey-row .rooftops-journey-col:nth-child(3) .journey-col-right{background:url(../images/journey-yellow-bg1.jpg) no-repeat 0 0; background-size:cover;}
.rooftops-journey-row .rooftops-journey-col:nth-child(1) .journey-col-right:after, .rooftops-journey-row .rooftops-journey-col:nth-child(3) .journey-col-right:after{content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 7px 11px 7px 0;
border-color: transparent #ffd800 transparent transparent;
position:absolute;
left:-11px; top:0; bottom:0; margin:auto;
}

.rooftops-journey-row .rooftops-journey-col:nth-child(2) .journey-col-left, .rooftops-journey-row .rooftops-journey-col:nth-child(4) .journey-col-left{background:url(../images/journey-yellow-bg2.jpg) no-repeat 0 0; background-size:cover;}

.rooftops-journey-row .rooftops-journey-col:nth-child(2) .journey-col-left:after, .rooftops-journey-row .rooftops-journey-col:nth-child(4) .journey-col-left:after{content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 11px;
border-color: transparent transparent transparent #ffc600;
position:absolute;
right:-11px; top:0; bottom:0; margin:auto; z-index:1;
}

.rooftops-journey-row .rooftops-journey-col:nth-child(2) .journey-col-right, .rooftops-journey-row .rooftops-journey-col:nth-child(4) .journey-col-right{background:url(../images/journey-blue-bg2.jpg) no-repeat 0 0; background-size:cover;}

.rooftops-journey-row .rooftops-journey-col img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}



.PressRelease .year-box-inner {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
}
.PressRelease .year-box-inner strong{ font-weight:500;font-size: 16px;}
.PressRelease .year-box-inner ul{margin-bottom: 30px;}
.PressRelease .year-box-inner ul li{
	    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    font-weight: 300;
    color: #505050;
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 25px;
    box-sizing: border-box;
    position: relative;
}
.PressRelease .year-box-inner ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    background: url(../images/arrow4.png) left top no-repeat;
    width: 25px;
    height: 25px;
}
.center-block2 {
    width:100%;
    /*max-width: 1230px;*/
    margin: 0 auto;
    padding: 0px 0 0;
    position: relative;
}
.media-releases-details a.back b {
    background: url(../images/back-arrow.html) 0 100% no-repeat;
    width: 15px;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 28px;
}
.media-releases-details .media-releases-details-container p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #535353;
    text-align: justify;
    padding-bottom: 29px;
}

.transition {
    -webkit-transition: all 10s ease;
    -moz-transition: all 10s ease;
    -o-transition: all 10s ease;
    -ms-transition: all 10s ease;
    transition: all 0.90s ease;
}


.media-releases-details a.back {
    background: #157dca;
    width: 119px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    color: #FFF;
    display: block;
    padding: 7px 0 7px 49px;
    float: right;
    border-radius: 4px;
    position: relative;
}
.media-releases-details .heading {
    display: block;
    float: left;
    position: relative;
    padding-top: 1px;
    border-bottom: 1px dashed #1c4176;
    padding-bottom: 24px;
    width: 100%;
}


.media-releases-details .heading .heading-cont {
    float: none;
    position: relative;
    margin-left: 0;
    padding-left: 0;
}
.heading-date big{ padding: 10px 0 0 0; font-size: 16px; color: #1062af; display: inline-block;}
.heading-date small{font-size: 16px; color: #1062af;padding: 10px 0 0 0; display: inline-block;}
.media-releases-details .heading .heading-cont strong {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #939393;
    display: block;
    padding: 1px 0 14px 0;
}
.media-releases-details .heading .heading-cont sub {
    font-size: 25px;
    line-height:30px;
    font-weight: 800;
    color: #1c4176;
    display: block;
}
.media-releases-details .heading .heading-cont:after {
    content: '';
    background: #eff1f2;
    width: 1px;
    height: 11px;
    position: absolute;
    left: 0;
    bottom: -7px;
}
.center-block2 .year-box h4 {
    width: 100%;
    height: auto;
    float: none;
    margin: 30px 0 0 0;
    padding-bottom: 10px;
    position: relative;
    font-size: 20px;
    line-height: 30px;
    font-weight:400;
    color: #000000;
}
.year-box h4:after {
	display: none;
}
.center-block2 p{
	font-size: 18px;
    font-weight: 300;
    color: #565656;
    line-height: 30px;
    padding-bottom: 20px;
}
.heading-date strong{color: #1062af;}
.powering-map{display:inline-block; width:100%; box-sizing:border-box;}
.powering-map h4{font-size:30px; color:#000; font-weight:400; line-height:38px; padding-bottom:0;}
.powering-map .map{width:100%; height:auto; position:relative; display:inline-block; margin:30px 0 20px;}
.powering-map .map img{display:block; margin:auto; width:100%; max-width:512px;}
.powering-map .map span{width:auto; height:auto; position:absolute; left:51.935483871%; height:50px; bottom:74px; margin:auto; border-left:8px solid #00aeef; padding-left:4px;}
.powering-map .map span h4{font-size:22px; color:#000; font-weight:400; line-height:26px; text-transform:uppercase; padding-bottom:0;}
.powering-map .map span h3{font-size:19px; color:#00aeef; font-weight:600; line-height:24px; padding-bottom:0px;text-transform:uppercase;}
.clients-logo-rooftop .ls_prev{position:absolute; bottom:-30px; right:30px; background:url(../images/next-prev-arrow.png) 0 0 no-repeat; width:9px; height:17px; text-indent:-9999px; cursor:pointer;}
.clients-logo-rooftop .ls_prev:after{content:''; width:1px; height:17px; background:rgba(0,0,0,0.80); position:absolute; left:19px; top:0;}
.clients-logo-rooftop .ls_next{position:absolute; bottom:-30px; right:0px; background:url(../images/next-prev-arrow.png) -9px 0 no-repeat; width:9px; height:17px; text-indent:-9999px; cursor:pointer;}
.logo-area span{height:85px; text-align:center; vertical-align:middle; display:table-cell; margin:0 auto;}
.rooftops-part4-box-cont h4{font-size:30px; color:#000; font-weight:400; line-height:38px; padding-bottom:0;}
.monitoring{width:100%; height:auto; float:left; background:url(../images/rooftops-footer-bg.jpg) left bottom no-repeat; background-size:cover; margin-bottom:35px; padding:30px 4%; box-sizing:border-box;}
.monitoring.margin-btm90{margin-bottom:90px;}
.monitoring.margin-top40{margin-top:40px;}
.monitoring2{width:100%; height:auto; float:left; display:table;}
.monitoring2 samp{width:157px; height:157px; display:table-cell; overflow:hidden; vertical-align:middle; text-align:left;}
.monitoring2 samp img{width:100%; border-radius:50%;}
.monitoring2 span{width:40%; height:auto; display:table-cell; padding-right:5%; padding-left:5%; padding-top:0; box-sizing:border-box; vertical-align:middle; text-align:left; font-size:22px; font-weight:400; color:#000000; line-height:28px;}
.monitoring2 small{width:auto; height:auto; display:table-cell; vertical-align:middle; text-align:left; padding-left:5%; position:relative;}
.monitoring2 small:after{content:''; position:absolute; left:0; top:0; bottom:0; width:1px; height:100px; margin:auto; background:#77a2b8;}
.monitoring2 small ul{width:100%; height:auto; float:left; list-style-type:none;}
.monitoring2 small ul li{width:100%; height:auto; float:left; padding-bottom:10px; position:relative; padding-left:25px;font-size:18px; font-weight:300; color:#2c2c2c; line-height:22px;}
.monitoring2 small ul li:after{content:''; position:absolute; left:0; top:7px; width:25px; height:15px; background:url(../images/arrow8.png) left top no-repeat;}
.monitoring2 small h5{width:100%; height:auto; float:left; padding-top:25px; font-size:14px; font-weight:500; color:#006ba9; line-height:22px;}
.monitoring2 small h5 a{font-size:14px; font-weight:500; color:#006ba9; line-height:22px;}
.monitoring2 small p{font-size:18px; font-weight:400; color:#2c2c2c; line-height:24px; padding-bottom:0;}
.residential{width:100%; height:auto; float:left; margin:50px 0;}
.residential-box1{width:100%; height:auto; float:left; display:flex; flex-wrap:wrap; margin-bottom:100px;}
.residential-box1-left{width:59.435483871%; height:auto; float:left; padding-right:4%; display:inline-block;}
.residential-box1-left h4{width:100%; height:auto; float:left; padding-bottom:21px; font-size:30px; font-weight:400; color:#000000; line-height:36px;}
/*.residential-box1-left p{font-size:15px; font-weight:lighter; color:#000000; line-height:25px; padding-bottom:22px; display:inline-block; width:100%;}*/
.residential-box1-left p{padding-bottom:22px; display:inline-block; width:100%; font-size:18px; font-weight:300; color:#505050; line-height:25px;}
.residential-box1-right{width:40.564516129%; height:auto; float:left; background:url(../images/residential-box1-right-bg.jpg) left top no-repeat; background-size:cover; padding:64px 3%	;}
.residential-box1-right h4{width:100%; height:auto; float:left;font-size:28px; font-weight:500; color:#fecd09; line-height:32px; display:block;}
.residential-box1-right p{font-size:18px; font-weight:400; color:#FFF; line-height:25px; display:inline-block; width:100%;}
.residential-box2{width:100%; height:auto; float:left; margin:40px 0;}
.residential-box2-left{width:32%; height:auto; float:left;}
.residential-box2-left h4{font-size:30px; font-weight:300; color:#000000; line-height:35px; text-transform:uppercase;}
.residential-box2-left h5{font-size:30px; font-weight:600; color:#000000; line-height:35px;text-transform:uppercase;}
.residential-box2-right{width:68%; height:auto; float:left; position:relative; padding-right:152px; padding-left:8%; box-sizing:border-box; position:relative;}
.residential-box2-right:after{content:''; position:absolute; left:0; top:15%; bottom:30%; width:1px; height:auto; background:#c9c9c9;}
.residential-box2-right ul{width:100%; height:auto; float:left; list-style-type:none;}
.residential-box2-right ul li{width:100%; height:auto; float:left; padding-bottom:10px; position:relative; padding-left:25px;font-size:18px; font-weight:300; color:#2c2c2c; line-height:22px;}
.residential-box2-right ul li:after{content:''; position:absolute; left:0; top:7px; width:25px; height:15px; background:url(../images/arrow8.png) left top no-repeat;}
.residential-box2-right span{width:152px; height:auto; position:absolute; right:0; top:0;}
.residential-box3{width:100%; height:auto; float:left; margin:40px 0;}
.residential-box3-left{width:50%; height:auto; float:left; padding-right:3%; box-sizing:border-box;}
.box3a h4{font-size:30px; font-weight:300; color:#000000; line-height:35px; padding-bottom:15px; margin-bottom:30px; position:relative;}
.box3a h4:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#b7b7b7;}
.box3a span{width:34%; height:auto; float:left; padding-right:4%; box-sizing:border-box; position:relative;}
.box3a span:after{content:''; position:absolute; right:0; top:8%; bottom:20%; width:1px; background:#c4c4c4;}
.box3a span img{width:100%;}
.box3a samp{width:66%; height:auto; float:left; padding-left:4%; box-sizing:border-box;}
.box3a samp ul{width:100%; height:auto; float:left; list-style-type:none;}
.box3a samp ul li{width:100%; height:auto; min-height:42px; float:left; margin-bottom:10px; position:relative; padding-left:50px;font-size:15px; font-weight:400; color:#000; line-height:20px; padding-top:5px;}
.box3a samp ul li small{position:absolute; left:0; right:0; top:0; bottom:0; width:42px; height:42px; background:#fecd09; border-radius:50%; display:table; text-align:center;}
.box3a samp ul li small i{width:auto; margin:0 auto; display:table-cell; vertical-align:middle; text-align:center;}
.residential-box3-right{width:50%; height:auto; float:left; padding-left:3%; box-sizing:border-box;}
.residential-box4{width:100%; height:auto; float:left; margin:40px 0; background:url(../images/housing-society-pic.jpg) left top no-repeat; background-size:cover; padding:50px 5%; box-sizing:border-box;}
.residential-box4 h4{width:100%; height:auto; float:left; font-size:22px; font-weight:500; color:#fecd09; line-height:30px; padding-bottom:45px; text-transform:uppercase;}
.residential-box4 ul{width:55%; height:auto; float:left; list-style-type:none;}
.residential-box4 ul li{width:50%; height:auto; float:left; padding-right:5%; padding-left:20px; box-sizing:border-box;font-size:15px; font-weight:400; color:#FFF; line-height:20px; padding-bottom:20px; position:relative;}
.residential-box4 ul li:after{content:'-'; position:absolute; left:0; top:0px; width:8px; height:20px;}
.residential-box4 h5{width:100%; height:auto; float:left; font-size:14px; font-weight:600; color:#ffea00; line-height:20px; padding-bottom:0px; text-transform:uppercase;}
.residential-box4 h5 a{font-size:14px; font-weight:600; color:#ffea00; line-height:20px; padding-bottom:0px; text-transform:uppercase;}
.commercial{width:100%; height:auto; float:left; margin:50px 0;}
.power-savings{width:100%; height:auto; float:left; margin-bottom:90px; display:flex; flex-wrap:wrap;}
.power-savings-left{width:73.1451612903%; height:auto; float:left; padding-right:85px; padding-top:16px;}
.power-savings-left h4{font-size:30px; font-weight:400; color:#000; line-height:35px; padding-bottom:20px;}
.power-savings-left p{font-size:15px; font-weight:300; color:#000; line-height:20px; padding-bottom:20px;}
.power-savings-right{width:26.8548387097%; height:auto; float:left; position:relative;}
.power-savings-right img{width:100%; display:block; margin:auto;}
.commercial{padding:0px 0; margin:50px 0 0 0;}
.commercial h5{padding-bottom:30px;}
.commercial p{font-size:15px; font-weight:lighter; color:#000; line-height:22px; padding-bottom:22px;}
.landmark3{display:inline-block; width:100%; margin:40px 0 0 0;}
.landmark3 h2{width:100%; height:auto; float:left; display:block;font-size:30px; color:#000; font-weight:400; line-height:30px; padding-bottom:30px;}
.landmark3 .part3-row{display:flex; flex-wrap:wrap; margin:0 -10px;}
.landmark3 .part3-row .part3-col{float:left; width:50%; display:inline-block; padding:10px 10px;}
.landmark3 .part3-row .part3-col big{display:inline-block; width:100%; float:left; position:relative; padding:0; margin:0;}
.landmark3 .part3-row .part3-col big img{display:block; margin:auto; width:100%;}
.landmark3 .part3-row .part3-col big span{background:rgba(2, 20, 56, 0.8); position:absolute; left:0; bottom:0; width:100%; min-height:315px; padding:23px 30px 30px 30px;}
.landmark3 .part3-row .part3-col big span h3{font-size:22px; line-height:27px; color:#ffffff; font-weight:600; padding-bottom:18px;}
.landmark3 .part3-row .part3-col big span ul{font-size:15px; line-height:22px; font-weight:lighter; color:#ffffff; list-style:none; padding-bottom:40px;}
.landmark3 .part3-row .part3-col big span ul li{padding:0 0 10px 11px; position:relative;}
.landmark3 .part3-row .part3-col big span ul li:after{content:''; width:5px; height:1px; background:rgba(255,255,255,1.00); position:absolute; left:0; top:11px;}
/*.landmark3 .part3-row .part3-col big span em{font-style:normal; padding-right:21px; position:absolute; left:30px; bottom:28px;}
.landmark3 .part3-row .part3-col big span em a{font-size:14px; line-height:20px; font-weight:bold; color:#ffea00; text-transform:uppercase;}
.landmark3 .part3-row .part3-col big span em a:after{content:''; background:url(../images/know-more-arrow.png) no-repeat 0 0; width:8px; height:14px; position:absolute; right:0; top:4px;}*/
.landmark3 .part3-row .part3-col big span em{position:absolute; left:30px; bottom:40px;}
.landmark3 .part3-row .part3-col big span em a{font-size:13px; font-weight:lighter; color:#ffd200; line-height:19px; text-transform:uppercase; padding-right:18px; position:relative; font-style:normal;}
.landmark3 .part3-row .part3-col big span em a:after{content:''; position:absolute; right:0; top:2px; width:6px; height:11px; background:url(../images/know-more-arrow2.png) right 0 no-repeat;}








.residential-box-4{float:left; width:100%; display:inline-block;}
.residential-box-4 h2{width:100%; height:auto; float:left; display:block; font-size:30px; color:#000; font-weight:400; line-height:30px; padding-bottom:30px;}
.residential-box-4 big{display:inline-block; width:100%; float:left; position:relative; padding:0; margin:0; overflow:hidden; margin-bottom:30px;}
.residential-box-4 big img{display:block; margin:auto; height:100%;}
.residential-box-4 big span{position:absolute; left:0; bottom:0; width:100%; min-height:300px; padding:33px 40px 30px 40px;}
.residential-box-4 big span h3{font-size:22px; font-weight:500; color:#fecd09; line-height:30px; padding-bottom:45px; text-transform:uppercase;}
.residential-box-4 big span ul{width:100%; max-width:738px; height:auto; float:left; list-style-type:none; display:flex; flex-wrap:wrap;}
.residential-box-4 big span ul li{width:50%; height:auto; float:left; padding-right:60px; padding-left:10px; box-sizing:border-box; font-size:15px; font-weight:400; color:#FFF; line-height:20px; padding-bottom:20px; position:relative;}
.residential-box-4 big span ul li:after{content:''; width:5px; height:1px; background:rgba(255,255,255,1.00); position:absolute; left:0; top:11px;}
.residential-box-4 big span ul li:before{content:''; width:1px; height:100%; background:rgba(255,255,255,0.30); position:absolute; right:30px; top:0;}
.residential-box-4 big span ul li:nth-child(2n+2):before{width:0; height:0;}
.residential-box-4 big span ul li:nth-last-child(1), .residential-box-4 big span ul li:nth-last-child(2){padding-bottom:0px;}
/*.residential-box-4 big span em{font-style:normal; padding-right:21px; position:absolute; left:50px; bottom:45px;}
.residential-box-4 big span em a{font-size:14px; line-height:20px; font-weight:bold; color:#ffea00; text-transform:uppercase;}
.residential-box-4 big span em a:after{content:''; background:url(../images/know-more-arrow.png) no-repeat 0 0; width:8px; height:14px; position:absolute; right:0; top:6px;}*/
.residential-box-4 big span em{position:absolute; left:50px; bottom:45px;}
.residential-box-4 big span em a{font-size:13px; font-weight:lighter; color:#ffd200; line-height:19px; text-transform:uppercase; padding-right:18px; position:relative; font-style:normal;}
.residential-box-4 big span em a:after{position:absolute; right:0; top:2px; content:''; width:6px; height:11px; background:url(../images/know-more-arrow2.png) right 0 no-repeat;}
.institutions-box1-right{width:46%; height:auto; float:left; background:url(../images/cost-bg.jpg) left top no-repeat; background-size:cover; padding:30px 3%;}
.institutions-box1-right h4{width:100%; height:auto; float:left;font-size:28px; font-weight:500; color:#ffda0b; line-height:32px; display:block; padding-bottom:10px; margin-bottom:10px; position:relative;}
.institutions-box1-right h4:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#acb4b8;}
.institutions-box1-right p{font-size:18px; font-weight:400; color:#FFF; line-height:24px;}
.install-box1{width:100%; height:auto; float:left; display:flex; flex-wrap:wrap; margin:50px 0;}
.install-box2{width:33.33333%; height:100%; float:left; display:table; position:relative;}
.install-box2:after{content:''; position:absolute; right:0; top:50%; width:42px; height:70px; background:url(../images/arrow13.png) right top no-repeat; margin-top:-35px;}
.install-box2:last-child:after{display:none;}
.install-box2 span{width:auto; margin:0 auto; display:table-cell; vertical-align:middle; text-align:center;}
.install-box2 span small{width:auto; height:auto; display:block;}
.install-box2 span h4{font-size:30px; font-weight:400; color:#1968b3; line-height:32px; padding-top:10px;}
.install-box2 span h5{font-size:25px; font-weight:300; color:#1d1d1d; line-height:30px; padding-top:10px;}
.install-box1a{width:100%; height:auto; float:left; display:flex; flex-wrap:wrap; margin:0px 0 0px 0;}
.install-box2a{width:33.33333%; height:100%; float:left; display:table; position:relative;}
.install-box2a span{width:auto; margin:0 auto; display:table-cell; vertical-align:middle; text-align:center;}
.install-box2a span small{width:auto; height:130px; display:block;}
.install-box2a span h4{font-size:30px; font-weight:400; color:#206db5; line-height:32px; padding-top:10px;}
.install-box1a p{font-size:18px; font-weight:400; color:#222222; line-height:30px; padding-top:30px;}
.no-capex{width:100%; height:auto; float:left; margin:50px 0 0px 0;}
.no-capex h2{font-size:30px; font-weight:400; color:#222222; line-height:35px; padding-bottom:40px;}
.no-capex2{width:100%; height:auto; float:left; background:url(../images/no-capex-bg.jpg) left top no-repeat; background-size:cover; padding:60px 5% 60px 5%; box-sizing:border-box;}
.no-capex2a{width:50%; height:auto; float:left; position:relative;}
.no-capex2a:last-child{padding-left:5%;}
.no-capex2a:after{content:''; position:absolute; right:0; top:50px; bottom:0; width:1px; background:rgba(171,190,209,0.3);}
.no-capex2a:last-child:after{background:none;}
.no-capex2a h4{font-size:30px; font-weight:600; color:#feea09; line-height:35px; padding-bottom:25px;}
.no-capex2a p{font-size:18px; font-weight:300; color:#FFF; line-height:22px;}
.case-studies-area{display:inline-block; width:100%;}
.case-studies-area big{padding-bottom:0;}
.case-studies-area h4{font-size:20px; color:#242424; font-weight:600; line-height:24px; padding:0 0 30px 0; text-align:left;}
.case-studies-row{display:inline-block; width:100%; border-bottom:1px dashed #D5D5D5; padding-bottom:20px;}
.case-studies-row:last-child{border-bottom:0px dashed #D5D5D5; margin-bottom:0;}
.case-studies-row img{border-radius:50%; margin-top:4px; width:100px; float:right; margin-left:20px;}
.case-studies-row b{font-size:15px; color:#626262; font-weight:bold; line-height:22px; text-align:left; display:block;}
.case-studies-row span{font-size:13px; color:#626262; font-weight:400; line-height:20px; padding-bottom:10px; text-align:left; display:block;}
.case-studies-row a{font-size:13px; font-weight:lighter; color:#0b7ab3; font-weight:600; line-height:19px; text-transform:uppercase; padding-right:18px; position:relative; font-style:normal;}
.case-studies-row a:after{position:absolute; right:0; top:2px; content:''; width:6px; height:11px; background:url(../images/know-more-arrow22.png) right 0 no-repeat;}
.scroll97{height:550px;}
.monitoring22{width:100%; height:auto; float:left; margin-bottom:100px; display:table;}
.monitoring22 samp{width:22.9032258065%; display:table-cell; overflow:hidden; vertical-align:middle; text-align:left; position:relative;}
.monitoring22 samp img{display:block; margin:auto;}
.monitoring22 span{width:32.0967741935%; height:auto; display:table-cell; padding-top:0; box-sizing:border-box; vertical-align:top; text-align:left; font-size:30px; font-weight:300; color:#000000; line-height:35px; text-transform:uppercase; vertical-align:middle;}
.monitoring22 span strong{display:inline-block; width:100%; font-weight:bold;}
.monitoring22 small{width:auto; height:auto; display:table-cell; vertical-align:top; text-align:left; padding:20px 0 20px 82px; position:relative; vertical-align:middle;}
.monitoring22 small:after{content:''; position:absolute; left:0; top:0; bottom:0; margin:auto; width:1px; height:100%; background:rgba(0,0,0,0.30);}
.monitoring22 small ul{width:100%; height:auto; float:left; list-style-type:none;}
.monitoring22 small ul li{width:100%; height:auto; float:left; padding-bottom:14px; position:relative; padding-left:23px; font-size:18px; font-weight:300; color:#000000; line-height:22px;}
.monitoring22 small ul li:last-child{padding-bottom:0;}
.monitoring22 small ul li:after{content:''; position:absolute; left:0; top:7px; width:25px; height:15px; background:url(../images/arrow8.png) left top no-repeat;}
.monitoring22 small ul li ul{display:inline-block; width:100%; margin-top:18px;}
.monitoring22 small ul li ul li{font-size:15px; line-height:18px; color:#000000; padding-bottom:4px; padding-left:8px;}
.monitoring22 small ul li ul li:after{content:''; position:absolute; left:0; top:9px; background:#000000; width:4px; height:1px;}
.monitoring22 small h5{width:100%; height:auto; float:left; padding-top:25px; font-size:14px; font-weight:500; color:#006ba9; line-height:22px;}
.monitoring22 small h5 a{font-size:14px; font-weight:500; color:#006ba9; line-height:22px;}
.monitoring22 small p{font-size:18px; font-weight:300; color:#2c2c2c; line-height:24px;}

.monitoring22a small{width:auto; height:auto; vertical-align:top; text-align:left; padding: 10px 0 10px 0px; position:relative; vertical-align:middle;}
.monitoring22a small:after{content:''; position:absolute; left:0; top:0; bottom:0; margin:auto; width:1px; height:100%; background:rgba(0,0,0,0.30);}
.monitoring22a small ul{width:100%; height:auto; float:left; list-style-type:none;}
.monitoring22a small ul li{width:100%; height:auto; float:left; padding-bottom:14px; position:relative; padding-left:23px; font-size:15px; font-weight:400; color:#626262; line-height:22px;}
.monitoring22a small ul li:last-child{padding-bottom:0;}
.monitoring22a small ul li:after{content:''; position:absolute; left:0; top:7px; width:25px; height:15px; background:url(../images/arrow8.png) left top no-repeat;}
.monitoring22a small ul li ul{display:inline-block; width:100%; margin-top:18px;}
.monitoring22a small ul li ul li{font-size:15px; line-height:18px; color:#000000; padding-bottom:4px; padding-left:8px;}
.monitoring22a small ul li ul li:after{content:''; position:absolute; left:0; top:9px; background:#000000; width:4px; height:1px;}
.monitoring22a small h5{width:100%; height:auto; float:left; padding-top:25px; font-size:14px; font-weight:500; color:#006ba9; line-height:22px;}
.monitoring22a small h5 a{font-size:14px; font-weight:500; color:#006ba9; line-height:22px;}
.monitoring22a small p{font-size:18px; font-weight:300; color:#2c2c2c; line-height:24px;}

.monitoring23{width:100%; height:auto; float:left; margin-bottom:22px; padding-bottom:18px; display:table; border-bottom:1px solid rgba(45,76,133,0.22);}
.monitoring23 span{width:40.3225806452%; height:auto; display:table-cell; padding-top:0; box-sizing:border-box; vertical-align:middle; text-align:left; font-size:30px; font-weight:300; color:#000000; line-height:35px; text-transform:uppercase; padding-right:0;}
.monitoring23 span strong{display:inline-block; width:100%; font-weight:bold;}
.monitoring23 small{width:auto; height:auto; display:table-cell; vertical-align:top; text-align:left; position:relative; vertical-align:middle;}
/*.monitoring23 small:after{content:''; position:absolute; left:0; top:0; bottom:0; margin:auto; width:1px; height:50%; background:rgba(0,0,0,0.30);}*/
.rooftops-part2-box-cont a.start-head{display:inline-block; width:100%; font-size:30px; line-height:36px; color:#005fa1; position:relative; padding-left:58px; border-bottom:1px solid rgba(45,76,133,0.22); padding-bottom:22px;}
.rooftops-part2-box-cont a.start-head:before{content:''; width:36px; height:36px; background:#f9c100; border-radius:50%; position:absolute; left:4px; top:0;}
.rooftops-part2-box-cont a.start-head:after{content:''; background:url(../images/blue-arrow.png) no-repeat 0 0; width:14px; height:9px; position:absolute; left:15px; top:14px;}

.rooftops-part2-box-cont a.start-head:hover{color:#f9c100;}
.rooftops-part2-box-cont a.start-head:hover:before{background:#005fa1;}
.rooftops-part2-box-cont a.start-head:hover:after{background:url(../images/yellow-arrow.png) no-repeat 0 0;}



.monitoring23 .map{width:100%; height:auto; position:relative; display:inline-block;}
.monitoring23 .map img{display:block; margin:auto; width:100%; max-width:770px;}
.monitoring23 .map strong{width:auto; height:auto; position:absolute; left:53.1578947368%; height:50px; bottom:74px; margin:auto; border-left:6px solid #ff5811; padding-left:4px;}
.monitoring23 .map strong h4{font-size:22px; color:#000; font-weight:400; line-height:26px; text-transform:uppercase; padding-bottom:0;}
.monitoring23 .map strong h3{font-size:19px; color:#00aeef; font-weight:600; line-height:24px; padding-bottom:0px;text-transform:uppercase;}
.commercial .landmark3{margin:0 0 50px 0;}
.institutions-top-text{display:inline-block; width:100%; margin-bottom:60px;}
.institutions-top-text h4{font-size:30px; font-weight:lighter; color:#000; line-height:40px; padding-bottom:20px;}
.institutions-top-text p{font-size:15px; font-weight:lighter; color:#000000; line-height:22px; padding-bottom:20px;}
.rooftop-grid{display:inline-block; width:100%; margin-bottom:0px;}
.rooftop-grid h2{font-size:30px; line-height:36px; color:#221928; font-weight:lighter; text-transform:uppercase; margin-bottom:30px;}
.rooftop-grid h2 strong{display:inline-block; width:100%; font-weight:bold;}
.grid-row{display:flex; flex-wrap:wrap;}
.grid-row .grid-col{width:16.6666666667%; float:left;}
.grid-row .grid-col .grid-header{text-align:center; font-size:16px; line-height:19px; color:#ffffff; padding:29px 10px 28px 10px;}
.grid-row .grid-col .grid-header strong{font-weight:bold; display:inline-block; width:100%;}
.grid-row .grid-col:nth-child(odd) .grid-header{background:#31528f;}
.grid-row .grid-col:nth-child(even) .grid-header{background:#132345;}
.grid-row .grid-col .grid-sub-header{text-align:center; font-size:14px; line-height:17px; color:#000000; text-transform:uppercase; padding:23px 10px 22px 10px;}
.grid-row .grid-col .grid-sub-header strong{font-weight:bold; display:inline-block; width:100%;}
.grid-row .grid-col:nth-child(odd) .grid-sub-header{background:url(../images/grid-sub-header-bg1.jpg) no-repeat 0 0; background-size:cover;}
.grid-row .grid-col:nth-child(even) .grid-sub-header{background:url(../images/grid-sub-header-bg2.jpg) no-repeat 0 0; background-size:cover;}
.grid-row .grid-col .grid-cont{margin:1px; border:1px solid #cccccc; padding:8px 8px;}
.grid-row .grid-col .grid-cont ul{list-style:none; text-align:center; font-size:14px; line-height:17px; color:#000000;}
.grid-row .grid-col .grid-cont ul li{padding:18px 0 17px 0; position:relative;}
.grid-row .grid-col .grid-cont ul li:after{content:''; position:absolute; width:55.2939888317%; height:1px; background:rgba(108,108,108,0.45); left:0; right:0; bottom:0; margin:auto;}
.grid-row .grid-col .grid-cont ul li:last-child:after{height:0; width:0;}
.grid-row .grid-col-1{width:25%; float:left;}
.grid-row .grid-col-1 .grid-header{text-align:center; font-size:16px; line-height:19px; color:#ffffff; padding:29px 10px 28px 10px;}
.grid-row .grid-col-1 .grid-header strong{font-weight:bold; display:inline-block; width:100%;}
.grid-row .grid-col-1:nth-child(odd) .grid-header{background:#31528f;}
.grid-row .grid-col-1:nth-child(even) .grid-header{background:#132345;}
.grid-row .grid-col-1 .grid-sub-header{text-align:center; font-size:14px; line-height:17px; color:#000000; text-transform:uppercase; padding:23px 10px 22px 10px;}
.grid-row .grid-col-1 .grid-sub-header strong{font-weight:bold; display:inline-block; width:100%;}
.grid-row .grid-col-1:nth-child(odd) .grid-sub-header{background:url(../images/grid-sub-header-bg1.jpg) no-repeat 0 0; background-size:cover;}
.grid-row .grid-col-1:nth-child(even) .grid-sub-header{background:url(../images/grid-sub-header-bg2.jpg) no-repeat 0 0; background-size:cover;}
.grid-row .grid-col-1 .grid-cont{margin:1px; border:1px solid #cccccc; padding:8px 8px;}
.grid-row .grid-col-1 .grid-cont ul{list-style:none; text-align:center; font-size:14px; line-height:17px; color:#000000;}
.grid-row .grid-col-1 .grid-cont ul li{padding:18px 0 17px 0; position:relative;}
.grid-row .grid-col-1 .grid-cont ul li:after{content:''; position:absolute; width:55.2939888317%; height:1px; background:rgba(108,108,108,0.45); left:0; right:0; bottom:0; margin:auto;}
.grid-row .grid-col-1 .grid-cont ul li:last-child:after{height:0; width:0;}
.remote-monitoring{width:100%; display:inline-block;}
.remote-monitoring h2{font-size:30px; font-weight:lighter; color:#000; line-height:34px; padding-bottom:15px; padding-top:15px;}
.remote-monitoring p{font-size:18px; font-weight:300; color:#505050; line-height:24px; padding-bottom:0;}
.remote-monitoring p i{font-style:italic;}
.monitoring24{width:100%; height:auto; float:left; margin:30px 0 40px 0; display:table;}
.monitoring24 span{width:32.0967741935%; height:auto; display:table-cell; padding-top:0; box-sizing:border-box; vertical-align:top; text-align:left; font-size:30px; font-weight:300; color:#000000; line-height:35px; text-transform:uppercase; vertical-align:middle;}
.monitoring24 span strong{display:inline-block; width:100%; font-weight:bold;}
.monitoring24 small{width:auto; height:auto; display:table-cell; vertical-align:top; text-align:left; padding:20px 0 20px 82px; position:relative; vertical-align:middle;}
.monitoring24 small:after{content:''; position:absolute; left:0; top:0; bottom:0; margin:auto; width:1px; height:100%; background:rgba(0,0,0,0.30);}
.monitoring24 small ul{width:100%; height:auto; float:left; list-style-type:none;}
.monitoring24 small ul li{width:100%; height:auto; float:left; padding-bottom:14px; position:relative; padding-left:23px; font-size:18px; font-weight:300; color:#000000; line-height:22px;}
.monitoring24 small ul li:last-child{padding-bottom:0;}
.monitoring24 small ul li:after{content:''; position:absolute; left:0; top:7px; width:25px; height:15px; background:url(../images/arrow8.png) left top no-repeat;}
.monitoring24 small ul li ul{display:inline-block; width:100%; margin-top:18px;}
.monitoring24 small ul li ul li{font-size:15px; line-height:18px; color:#000000; padding-bottom:4px; padding-left:8px;}
.monitoring24 small ul li ul li:after{content:''; position:absolute; left:0; top:9px; background:#000000; width:4px; height:1px;}







.residential-box-5{width:100%; height:auto; float:left; overflow:hidden; padding:25px 0;}
.residential-box-5 h2{width:100%; height:auto; float:left; display:inline-block; font-size:30px; color:#000; font-weight:400; line-height:30px; padding-bottom:15px; margin-top:25px;}
.filter-row{margin-left:-5px; margin-right:-5px; display:flex; flex-wrap:wrap;}
.filter-row .filter-col{width:33.3333333333%; height:auto; float:left; padding:5px 5px 5px 5px; box-sizing:border-box;}
.filter-row .filter-col big{width:100%;float:left; position:relative; line-height:0;}
.filter-row .filter-col big span{position:absolute; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); padding:15px 10px; box-sizing:border-box; min-height:105px;}
.filter-row .filter-col big span strong{display:inline-block; width:100%; font-size:14px; line-height:18px; font-weight:bold; color:#FFF; padding-bottom:0px; text-align:left;}
.filter-row .filter-col big span b{display:inline-block; width:100%; font-size:14px; line-height:18px; font-weight:bold; color:#FFF; padding-bottom:0px; text-align:left;}
.filter-row .filter-col big span samp{display:inline-block; width:100%; font-size:14px; line-height:18px; font-weight:bold; color:#FFF; padding-bottom:0px; text-align:left;}
.filter-row .filter-col big span center{display:inline-block; width:100%; font-size:14px; line-height:18px; font-weight:bold; color:#FFF; padding-bottom:0px; text-align:left;}
.filter-row .filter-col big span strong i, .filter-row .filter-col big span b i, .filter-row .filter-col big span samp i, .filter-row .filter-col big span center i{font-weight:lighter; font-style:normal; padding-left:5px;}
.filter-row .filter-col big img{width:100%;}


.filter-search-area{width:100%; background:#f7f7f7; height:68px; border:1px solid #dadada; position:relative; margin:20px 0;}
.filter-search-area:after{content:''; background:url(../images/finnace-icon.jpg) no-repeat 0 0; width:83px; height:66px; position:absolute; left:0; top:0px;}
.filter-search-area:before{content:''; background:url(../images/awards-icon-line.png) no-repeat 0 0; width:48px; height:1px; position:absolute; left:59px; top:50%; z-index:1;}
.filter-search-area .filter-box{display:inline-block; float:right;}
.filter-search-area .filter-box .filter-set{display:inline-block; padding-left:10px;}
.filter-search-area .filter-box .filter-box-text{float:left; display:block; font-size:15px; font-weight:400; line-height:68px; color:#212121; padding-right:19px;}
.filter-search-area .filter-box .filter-search-topselect{display:block; float:left; height:auto; margin-bottom:0px; width:180px; margin-top:14px; margin-bottom:13px; margin-right:14px;}
.filter-search-topselect select{width:100%;height:40px;padding:0px 15px;box-sizing:border-box;margin:0;background:#FFFFFF;border-bottom:1px solid #E6E6E6;border-right:1px solid #E6E6E6;border-left:0px solid transparent;border-top:0px solid transparent;color:#5c5c5c;font-size:14px;font-weight:400;font-style:normal; -webkit-box-shadow:inset 4px 4px 4px -3px rgba(211,211,211,1);-moz-box-shadow:inset 4px 4px 4px -3px rgba(211,211,211,1); box-shadow:inset 4px 4px 4px -3px rgba(211,211,211,1); outline:none;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.filter-search-topselect select{padding-right:18px;}
}
.filter-search-topselect label{position:relative}
.filter-search-topselect label:after{width:20px; text-indent:5px; content:'>';/*content:'<>';*/ font:18px "Consolas", monospace; color:#a09f9f; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:15px; top:1px; padding:0 12px 0px 0px; /*border-bottom:1px solid #aeaeae;*/ position:absolute; pointer-events:none;}
/*.awards-search-topselect label:before{content:''; right:6px; top:0px; width:20px; height:20px; background:#00FFFF; position:absolute; pointer-events:none; display:block;}*/
/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution:+72dpi){
.filter-search-topselect label:after{display:none;}
.filter-search-topselect label:before{display:none;}
}


.images_video_gallery{ margin-top:50px; clear:both;}
.images_video_gallery:after{content:''; display:block; clear:both;}
.images_video_gallery aside{ float:left; width:50%; border-right:1px solid #CCC; padding-right:5%;}
.images_video_gallery aside:last-of-type{ border-right:0px solid #CCC;}
.images_video_gallery aside h3{font-size: 30px; line-height: 36px; font-weight: 400; color: #000; padding-bottom:30px;}
.images_video_gallery aside span{ padding-left:95px; position:relative; font-size:23px; min-height:64px; line-height:28px; font-weight: 400; color: #737373; display:block;}
.images_video_gallery aside span:before{content:''; position:absolute; left:0; top:0; width:64px; height:64px; background:url(../images/media-icon.png) no-repeat -64px 0;}
.images_video_gallery aside:last-of-type{ padding-left:5%;  padding-right:0%;}
.images_video_gallery aside:last-of-type span:before{ background:url(../images/media-icon.png) no-repeat 0px 0;}
.images_video_gallery aside a{color: #0f61ae;}





/*papan161019*/

.rooftops-box100{width: 100%; height: auto; float: left; display: block; margin-bottom: 50px;}
.rooftops-box54per{width: 54%; height: auto; float: left; display: table; padding-right: 5px; box-sizing: border-box; }
.rooftops-box-left{width: 100%; height: 358px;  float: left;   padding: 100px 5% 0 5%; box-sizing: border-box; background: url(../images/rooftops-bg22.jpg) center center no-repeat; background-size: cover; }

.rooftops-box-left span{ width:200px; height:auto; text-align: center; display: table-cell;border-right: 1px solid #7a909c;}

.rooftops-box-left small{ display: table-cell; vertical-align: middle;   padding-left: 5%;}
.rooftops-box-left small h2{font-size: 22px; line-height: 26px; font-weight: 400; color: #000; padding-bottom:30px; padding-top: 0px;}
.rooftops-box-left small p{font-size: 18px; line-height: 22px; font-weight: 300; color: #343434; padding-bottom:30px; padding-top: 0px;}
.rooftops-box-left small a{font-size: 14px; line-height: 22px; font-weight: 300; color: #015ca1; }


.rooftops-box23per{ width: 23%; height: 358px; overflow: hidden; float: left; padding: 0 5px; box-sizing: border-box; }
.rooftops-box23per big{width: 100%; height: 358px; display: block; position: relative; line-height: 0;} 
.rooftops-box23per big img { width: 100%;}

.rooftops-box23per big span{position:absolute; left:50%; top:50%; width:54px; height:54px; margin-left:-27px; margin-left:-27px; background:#ffba00; border-radius:50%; text-align:center;}
.rooftops-box23per big span img{width:auto; padding-top:0px;}

.start-head5{display:inline-block; width:100%; font-size:30px; line-height:36px; color:#005fa1; position:relative; padding-left:58px; border-bottom:1px solid rgba(45,76,133,0.22); padding-bottom:22px;}
.start-head5:before{content:''; width:36px; height:36px; background:#f9c100; border-radius:50%; position:absolute; left:4px; top:0;}
.start-head5:after{content:''; background:url(../images/blue-arrow.png) no-repeat 0 0; width:14px; height:9px; position:absolute; left:15px; top:14px;}

.start-head5:hover{color:#f9c100;}
.start-head5:hover:before{background:#005fa1;}
.start-head5:hover:after{background:url(../images/yellow-arrow.png) no-repeat 0 0;}
.sub-enquire-par .sub-enquire {background-color: #ffbd33; color: #7d4a00; padding: 12px 11px 12px 11px; border-radius: 5px; font-size: 20px; text-align: center;}

/*papan end 161019*/


/*rooftop landing page css form 21.7.20*/
.rooftop_banner .desktop{display:block;}
.rooftop_banner .mob{display:none !important;}

.rooftop_prev{position:absolute; left:90px !important; cursor: pointer; width:22px !important; background: transparent url(../images/prev_rooftop.png) no-repeat !important; height:40px; z-index:9; top:calc(50% - 11px); font-size:0px;}
.rooftop_next{position:absolute; right:90px !important;cursor: pointer; left:auto !important; width:22px !important; background: transparent url(../images/next_rooftop.png) no-repeat !important; height:40px; z-index:9; top:calc(50% - 11px); font-size:0px;}

/*rooftop landing page css form 21.7.20*/


/*------------- new-rooftop-landing -----------*/
.commercial .new-rooftop-landing{ }
.commercial .new-rooftop-landing h2{ font-size: 60px; color: #ff7e00; font-weight: 900; text-transform: uppercase; text-align: center;}
.commercial .new-rooftop-landing h2 span{ color: #0755b8;}
.commercial .new-rooftop-landing h2 b{ color: #505050; font-weight: 400;}
.commercial .new-rooftop-landing h3{ font-size: 48px; color: #505050; font-weight: 400; text-align: center;}
.commercial .new-rooftop-landing p{ font-size: 22px; color: #505050; font-weight: 300; text-align: center; line-height: 35px; padding: 40px 40px 40px 40px;}
.commercial .new-rooftop-landing h5{ font-size: 11px; color: #505050; line-height:16px !important; min-width: 420px; text-align: center; font-weight: 400;}
.commercial .new-rooftop-landing aside{ margin: 0 auto; text-align: center;}
.commercial .new-rooftop-landing .why{ width: 100%; min-height: 433px; background: url(../images/back-img1.jpg) top center no-repeat; padding: 50px 60px;}
.commercial .new-rooftop-landing .why-left{ float: left; width: 33%;}
.commercial .new-rooftop-landing .why-left h2{ font-size: 30px; text-transform: uppercase; color: #ffde00; text-align: left; padding: 100px 0 0 0; font-weight: 300;}
.commercial .new-rooftop-landing .why-left h2 span{ font-size: 30px; color: #ffde00; font-weight: 600;}

.commercial .new-rooftop-landing .why-right{ float: left; width: 67%; border-left: 1px solid #77a1d7; padding: 0 0 0 45px; color: #fff; font-size: 18px;}
.commercial .new-rooftop-landing .why-right ul li{ background: url(../images/tab-new.png) left center no-repeat; padding: 11px 0px 11px 15px; font-size: 18px; color: #fff;}
.commercial .new-rooftop-landing .why-right ul li span{ color: #ffde00; font-weight: 600;}


.commercial .new-rooftop-landing .tab button { background-color: inherit; width: 50%; float: left; border: none; cursor: pointer; display: inline-block; margin: 0px;   text-align: center; position: relative; padding: 20px 15px;font-size: 23px; color: #7ebff6;  font-weight: 300 !important; }
.commercial .new-rooftop-landing .tab button.active:before {position: absolute; content: ""; background: url(../images/covid_btm.png); height: 13px; width: 15px; right: 0; margin: 0 auto; bottom: -12px; left: 0px; z-index: 9999999;}
.commercial .new-rooftop-landing .tab button.active:after {position: absolute; content: ""; background-color: #fff; height: 1px;width: 100%; bottom: -1px; left: 0px;}	
.commercial .new-rooftop-landing .tab button:hover {color: #fff;border-bottom: 0px solid #0479e5; font-weight: 600;background: url(../images/over-line.jpg) repeat-x;}
.commercial .new-rooftop-landing .tab button.active {color: #fff;background: url(../images/over-line.jpg) repeat-x;}
.commercial .new-rooftop-landing .tab {padding-top: 0px; background: #2578be; }
.commercial .new-rooftop-landing .tabcontent {padding: 50px 0 0 0; font-size: 14px; line-height: 20px; color: #000;}
.commercial .new-rooftop-landing .tabcontent { display: none; padding: 6px 12px; border-top: none;}
.commercial .new-rooftop-landing .solar-Solutions{ margin: 70px 0 0 0; display: block;background: url(../images/back-img2.jpg) center 65px no-repeat; min-height: 472px; border-bottom: 1px solid #d9d9d9;}
.commercial .new-rooftop-landing .left-box2{ float: left; width: 40%; padding: 30px 0px 0 0; margin: 0px;}
.commercial .new-rooftop-landing .left-box2 h3{ font-size: 18px; color: #000; line-height: 20px; text-align: left; font-weight: 600; padding: 0 0 25px 0;}
.commercial .new-rooftop-landing .left-box2 ul{ display: inline-block; width: 48%; vertical-align: top;}
.commercial .new-rooftop-landing .left-box2 ul li{background: url(../images/tab-new2.png) left 16px no-repeat; padding: 8px 10px 8px 15px; font-size: 14px; color: #000;}

.commercial .new-rooftop-landing .right-box2{ float: left; width: 60%; padding: 30px 0px 0 0; margin: 30px 0 0 0; border-left: 1px solid #b8b8b8; padding: 0 0 0 37px; position: relative;}
.commercial .new-rooftop-landing .right-box2 h3{ font-size: 18px; color: #000; line-height: 20px; text-align: left; font-weight: 600; padding: 0 0 25px 0;}
.commercial .new-rooftop-landing .right-box2 ul{ display: inline-block; width: 60%; vertical-align: top;}
.commercial .new-rooftop-landing .right-box2 ul li{background: url(../images/tab-new2.png) left 16px no-repeat; padding: 8px 20px 8px 15px; font-size: 14px; color: #000;}

.commercial .new-rooftop-landing .right-box2 .download5{ display: inline-block; width: 38%;background: url(../images/download-img.jpg) top center no-repeat; width: 255px; height: 341px; position: absolute; top: 0px; right: 10px;}
.commercial .new-rooftop-landing .right-box2 .download5 article {position: absolute; top: 100px; left: 0px; right: 0px; text-align: center;}
.commercial .new-rooftop-landing .right-box2 a .download5 { color: #fff; line-height: 15px; display: block;}
.commercial .new-rooftop-landing .right-box2 .download5 a{ text-align: center; color: #fff; font-size: 14px; line-height: 16px; top: 110px; position: absolute; left: 0px; right: 0px;}
.commercial .new-rooftop-landing .right-box2 a .download5 span{ display: block;padding: 0px 0 15px 0;}



.commercial .new-rooftop-landing .right-box2 .download5a{ display: inline-block; width: 38%;background: url(../images/download-img2.jpg) top center no-repeat; width: 255px; height: 341px; position: absolute; top: 0px; right: 10px;}
.commercial .new-rooftop-landing .right-box2 .download5a article {position: absolute; top: 113px; left: 0px; right: 0px; text-align: center;}
.commercial .new-rooftop-landing .right-box2 a .download5a { color: #fff; line-height: 15px; display: block;}
.commercial .new-rooftop-landing .right-box2 .download5a a{ text-align: center; color: #fff; font-size: 14px; line-height: 16px; top: 110px; position: absolute; left: 0px; right: 0px;}
.commercial .new-rooftop-landing .right-box2 a .download5a span{ display: block;padding: 0px 0 15px 0;}



.commercial .new-rooftop-landing .enquire-now{ margin: 48px 0 0 0;background: url(../images/back-img3.jpg) center top no-repeat; width: 100%; height: 710px; padding: 65px 75px;}
.commercial .new-rooftop-landing .enquire-now h2{ text-align: left; color: #ffd800; font-size: 30px; text-transform: uppercase; font-weight: 600;}
.commercial .new-rooftop-landing .enquire-now h2 span{color: #ffd800; font-weight: 300;}
.commercial .new-rooftop-landing .enquire-now h2:after{ content: ""; display: block; border-bottom: 1px solid #fff; width: 20px; padding: 15px 0 0 0; }
.commercial .new-rooftop-landing .enquire-now .form-left {width: 30%; float: left; margin: 50px 0 0 0;}
.commercial .new-rooftop-landing .enquire-now .form-left .error{ font-size: 13px; color: #FF0004;}
.commercial .new-rooftop-landing .enquire-now .form-right .error{ font-size: 13px; color: #FF0004;}


.commercial .new-rooftop-landing .enquire-now input[type="text"] { background: #fff; margin: 15px 0 0px 0; font-size: 16px; color: #000 !important; border-radius: 15px; padding: 20px 20px; width: 100%;}
.commercial .new-rooftop-landing .enquire-now select { background: #fff; margin: 0 0 15px 0; font-size: 16px; color: #000; border-radius: 15px; padding: 20px 20px; width: 100%;}
.commercial .new-rooftop-landing .enquire-now .radio-new{ width: 100%; margin: 24px 0; color: #fff; font-weight: 400; display: block;}
.commercial .new-rooftop-landing .enquire-now .radio-new label {display: inline-block; width: auto; font-weight: 400; font-size: 18px; width: 175px;}
.commercial .new-rooftop-landing .enquire-now .radio-new .ggt{display: inline-block; font-size: 18px;}

.commercial .new-rooftop-landing .enquire-now .radio-new input[type="radio"] {display: inline-block;width: 45px; height: 25px; left: 0; border: none; border-radius: 50%; background-color: #fff;-webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; vertical-align: top;}
.commercial .new-rooftop-landing .enquire-now .form-right {width: 30%; float: left; margin: 50px 0 0 92px;}
.commercial .new-rooftop-landing .enquire-now .radio-new label::before { display: none;}
.commercial .new-rooftop-landing .enquire-now textarea{ width: 100%; height: 99px; border-radius: 20px; background: #fff; padding: 15px; text-align: left;}
.commercial .new-rooftop-landing .enquire-now button{ background: #258eff; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #fff; padding: 15px 25px; border-radius: 10px; cursor: pointer; margin: 30px 15px 0 0;}
.commercial .new-rooftop-landing .enquire-now button:hover{background: #ffd800; color: #000;}
.commercial .new-rooftop-landing .enquire-now button:nth-child(2){background: #73cdfd;}
.commercial .new-rooftop-landing .enquire-now button:hover:nth-child(2){background: #ffd800;}
.commercial .new-rooftop-landing .call-toll-free{background: url(../images/back-img4.jpg) center top no-repeat; width: 100%; height: 344px; padding: 65px 0 70px 0;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-left{ float: left; width: 35%; border-right: 1px solid #c4c4c4; padding: 0 0 0 15px;min-height: 250px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right{ float: left; width: 65%;}
.commercial .new-rooftop-landing .call-toll-free article{ padding: 0 50px 0px 0; text-align: left;}
.commercial .new-rooftop-landing .call-toll-free article:nth-child(1){ padding: 0 50px 15px 0; text-align: left;}
.commercial .new-rooftop-landing .call-toll-free article p{ font-size: 18px; line-height: 25px; color: #000; text-align: left; padding: 0px; margin: 0px;}
.commercial .new-rooftop-landing .call-toll-free article p span{ color: #ff7315;}
.commercial .new-rooftop-landing .call-toll-free article h3{ color: #ff7315; font-size: 30px; font-weight: 600; text-align: left; padding: 0 0 6px 0;}
.commercial .new-rooftop-landing .call-toll-free article h3 a{ color: #ff7315;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li{ float: left; width: 25%; cursor: pointer; border-right: 1px solid #c3c3c3; padding: 15px 25px 0 25px; min-height: 250px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li:hover{ background: #ff7315; -webkit-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.42); box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.42);}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li article h4{ font-size: 23px; color: #0c77d2; font-weight: 400; padding: 0 0 20px 0;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li p{ text-align: left; padding: 0px; margin: 0px; font-size: 14px; line-height: 18px; padding: 0px 0 0 0;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li  p b{ font-weight: 600;color: #000;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li a{ font-size: 12px; color: #258eff; margin: 0px 0; display: block;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li a span{ margin: 0px 0 0 0; position: relative;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li a span:after{ content: ""; display: inline-block; background: url(../images/arrow.png) center top no-repeat; width: 28px; height: 11px; margin: 5px; position: absolute; top: -2px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li:hover a span:after{ content: ""; display: inline-block; background: url(../images/arrow-hover.png) center top no-repeat; width: 28px; height: 11px; margin: 5px; position: absolute; top: -2px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li:hover article h4{ font-size: 23px; color: #fff; font-weight: 400; padding: 0 0 20px 0;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li:hover p{ text-align: left; padding: 0px; margin: 0px; font-size: 14px; line-height: 18px; padding: 0px 0 0 0; color: #fff;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li:hover p span{ font-weight: 600; color: #000;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li:hover a{ font-size: 12px; color: #fff; margin: 0px 0; display: block;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li article{ height: 200px; padding: 0px; margin: 0px;}

.commercial .new-rooftop-landing ::placeholder {color: #000; opacity: 1;}
.commercial .new-rooftop-landing :-ms-input-placeholder { color: #000;}
.commercial .new-rooftop-landing ::-ms-input-placeholder {color: #000;}
.commercial .new-rooftop-landing select { position: relative; display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}

.commercial .new-rooftop-landing select.classic {background-image: linear-gradient(45deg, transparent 50%, #0f3969 50%), linear-gradient(135deg, #0f3969 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);background-position: calc(100% - 20px) calc(1.5em + 2px), calc(100% - 15px) calc(1.5em + 2px), 100% 0; background-size: 5px 5px,
    5px 5px,
    0 2.5em;
  background-repeat: no-repeat;
}
.new-rooftop-landing .verifi-area .verifi-code {display: inline-block; float: left; width: 174px;}
.new-rooftop-landing .verifi-area .verifi-img img {display: block; margin: auto; border-radius: 10px;}
.commercial .new-rooftop-landing .enquire-now .verifi-code input[type="text"] { background: #fff; margin: 0 0 15px 0; font-size: 16px; color: #000; border-radius: 15px; padding: 18px 20px; width: 100%;}
.commercial .new-rooftop-landing .verifi-area .verifi-code label.error { font-size: 13px; line-height: 18px; color: #f00; display: block;  padding-top: 0px;}


@media (max-width:1024px){
.commercial .new-rooftop-landing .tab button { background-color: inherit; width: 50%; float: left; border: none; cursor: pointer; display: inline-block; margin: 0px; text-align: center;position: relative; padding: 20px 15px; font-size: 23px; color: #7ebff6;font-weight: 300 !important;}
.commercial .new-rooftop-landing .why-left h2 { font-size: 26px;  text-transform: uppercase; color: #ffde00; text-align: left; padding: 20px 0 0 0;font-weight: 300;}
.commercial .new-rooftop-landing .why-left h2 span { font-size: 24px; color: #ffde00; font-weight: 600;}
.commercial .new-rooftop-landing .left-box2 ul li { background: url(../images/tab-new2.png) left 13px no-repeat; padding: 6px 9px 6px 10px; font-size: 13px; color: #000;}
.commercial .new-rooftop-landing .tab button:nth-child(2){width: 50%;}
.commercial .new-rooftop-landing select.classic { margin: 15px 0 0 0;}
.commercial .new-rooftop-landing .enquire-now .form-left {width: 40%; float: left; margin: 50px 0 0 0;}
.commercial .new-rooftop-landing .enquire-now .form-right { width: 40%;float: left; margin: 50px 0 0 92px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-left {float: none; width: auto; border-right: none; padding: 0 0 0 15px; min-height: 250px;}
.commercial .new-rooftop-landing .call-toll-free {background: url(../images/back-img4.jpg) center top no-repeat; width: 100%; height: inherit; padding: 65px 0 70px 0; background-size: contain;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right {float: none; width: auto;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li {float: none; width: 24%; cursor: pointer; border-right: 1px solid #c3c3c3; padding: 15px 25px 0 25px; min-height: inherit; display: inline-block;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-left { min-height: inherit;}
.commercial .new-rooftop-landing .call-toll-free {
    background: #f9f9f9 url(../images/back-img4.jpg) center bottom no-repeat;
    width: 100%;
    height: inherit;
    padding: 46px 0 70px 0;
    background-size: contain;
}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right {
    float: none;
    width: auto;
    padding: 30px 0 0 0;
}
}


@media (max-width:800px){
.commercial .new-rooftop-landing aside img{ max-width: 100%; height: auto;}
.commercial .new-rooftop-landing .why-left { float: inherit; width: auto; padding: 0 0 25px 0;}
.commercial .new-rooftop-landing .why-right { float: none; width: auto; border-left: none; padding: 0; color: #fff; font-size: 18px;}
.commercial .new-rooftop-landing .why { width: 100%; min-height: 433px; background: #0549b8 url(../images/back-img1.jpg) bottom center no-repeat; background-size: cover; padding: 50px 60px;}
.commercial .new-rooftop-landing .solar-Solutions { margin: 70px 0 0 0; display: block; background: #fafafa url(../images/back-img2.jpg) bottom center no-repeat; background-size: cover; min-height: 472px; border-bottom: 1px solid #d9d9d9;}
.commercial .new-rooftop-landing .left-box2 {float: none; width: auto; padding: 30px 0px 0 0; margin: 0px;}
.commercial .new-rooftop-landing .right-box2 {float: none; width: auto; padding: 30px 0px 0 0; margin: 30px 0 0 0; border-left: 1px solid #b8b8b8; padding: 0 0 0 37px; position: relative;}
.commercial .new-rooftop-landing .left-box2 ul {display: block; width: 100%; vertical-align: top;}
.commercial .new-rooftop-landing .right-box2 .download5 {display: block; width: auto; background: url(../images/download-img.jpg) top center no-repeat; width: 255px; height: 341px; position: inherit; top: 0px; right: 10px;}
.commercial .new-rooftop-landing .right-box2 ul {display: block; width: 100%; vertical-align: top;}
.commercial .new-rooftop-landing .right-box2 {float: none; width: auto; padding: 30px 0px 0 0; margin: 30px 0 0 0; border-left: none; padding: 0 0 0 0; position: relative;}
.commercial .new-rooftop-landing .tabcontent {display: none; padding: 50px 60px; border-top: none;}
.commercial .new-rooftop-landing .enquire-now {margin: 48px 0 0 0; background: url(../images/back-img3.jpg) center top no-repeat; background-size: cover; width: 100%; height: inherit; padding: 50px 50px;}
.commercial .new-rooftop-landing .enquire-now .form-left {width: auto; float: none; margin: 30px 0 0 0;}
.commercial .new-rooftop-landing .enquire-now .form-right {width: auto; float: none; margin: 0px 0 0 0px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-left {float: none;width: auto; border-right:none; padding: 0 0 0 15px; min-height: 250px;}
.commercial .new-rooftop-landing .call-toll-free {background: #f8f8f8; width: 100%;height: inherit; padding: 65px 0 70px 0;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right {float: none; width: auto;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li {float: none; width: 45%; cursor: pointer; border: 1px solid #c3c3c3; padding: 15px 25px 0 25px; min-height: 250px; display: inline-block; margin: 0 10px 30px 20px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li p {text-align: left; padding: 0px; margin: 0px;font-size: 16px; line-height: 22px; padding: 0px 0 0 0;}	
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li article h4 br{ display: none}
.rooftop_banner	.rooftop_prev { display: none !important;}
.rooftop_banner	.rooftop_next { display: none !important;}
.rooftop_banner .desktop{display:none;}
.rooftop_banner .mob{display: block!important;}
.commercial .new-rooftop-landing p { font-size: 19px;  color: #505050; font-weight: 300; text-align: center; line-height: 27px; padding: 40px 40px 40px 40px;}
.commercial .new-rooftop-landing .tab button { padding: 15px 6px; font-size: 16px; color: #7ebff6; font-weight: 300 !important;}
.commercial .new-rooftop-landing .right-box2 .download5a article {position: inherit; top: 0; left: 0px; right: 0px; text-align: center; padding: 120px 0 0 0;}
.header_right ul li:nth-child(2) { width: 150px;}
.header_right ul li {float: left; height: 100%; padding: 0 7px;}
}

@media (max-width:500px){
.commercial .new-rooftop-landing h2 {font-size: 43px; color: #ff7e00; font-weight: 900; text-transform: uppercase; text-align: center;}
.commercial .new-rooftop-landing h3 {font-size: 25px; color: #505050; font-weight: 400; text-align: center;}
.commercial .new-rooftop-landing h5 {font-size: 11px; color: #505050; line-height: 16px !important; min-width: inherit; text-align: center; font-weight: 400;}
.commercial .new-rooftop-landing .why {width: 100%; min-height: 433px; background: #0549b8 url(../images/back-img1.jpg) bottom center no-repeat; background-size: cover; padding: 30px;}
.commercial .new-rooftop-landing .why-right ul li {background: url(../images/tab-new.png) left 17px no-repeat; padding: 11px 0px 11px 15px; font-size: 15px; color: #fff;}
.commercial .new-rooftop-landing .tab button {background-color: inherit; width: 49%; border: none; cursor: pointer; display: inline-block; margin: 0px; text-align: center; position: relative; padding: 15px 6px !important; font-size: 16px; color: #7ebff6; font-weight: 300 !important;}

.commercial .new-rooftop-landing .tab button:nth-child(2){width: 50%;}
.commercial .new-rooftop-landing .right-box2 .download5a article {position: inherit; top: 0; left: 0px; right: 0px; text-align: center; padding: 100px 0 0 0;}
.commercial .new-rooftop-landing .tabcontent {display: none; padding: 30px; border-top: none;}
.commercial .new-rooftop-landing .right-box2 .download5 {display: block; width: auto; background: url(../images/download-img.jpg) top center no-repeat; width: 255px; height: 341px; position: inherit; top: 0px; right: 10px; margin: 20px 0 0 0;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li {float: none; width: 90%; cursor: pointer; border: 1px solid #c3c3c3; padding: 15px 25px 0 25px; min-height: 250px; display: inline-block; margin: 0 10px 30px 20px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-left { float: none; width: auto; border-right: none; padding: 0 0 40px 15px; min-height: 250px; text-align: center; margin: 0 auto;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li { float: none; width: 90%; cursor: pointer; border: 1px solid #c3c3c3; padding: 15px 25px 59px 25px; min-height: inherit; display: inline-block; margin: 0 10px 30px 20px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li article {height: inherit; padding: 0px; margin: 0px;}
.commercial .new-rooftop-landing .call-toll-free .call-toll-right ul li a span {margin: 20px 0 0 0; position: relative; display: block;}
.commercial .new-rooftop-landing .enquire-now { margin: 48px 0 0 0;  background: url(../images/back-img3.jpg) center top no-repeat; background-size: cover; width: 100%; height: inherit; padding: 50px 25px;}
.commercial .new-rooftop-landing .enquire-now .radio-new .ggt { display: inline-block; font-size: 18px; margin: 15px 0 0 0;}
.commercial .new-rooftop-landing .enquire-now select {background: #fff; margin: 15px 0 15px 0; font-size: 16px; color: #000; border-radius: 15px; padding: 20px 20px; width: 100%;}
.commercial .new-rooftop-landing .left-box2 h3 {padding: 55px 0 25px 0;}
.header_right ul li:nth-child(2) { width: 69px;}
.header_right ul li {float: left; height: 100%; padding: 0 0px;}
}










@media (max-width:1280px){
.rooftops-box-left {height: 345px;}
}

@media (max-width:1180px){
.bg-text-row .bg-text-col .content big{font-size:26px; line-height:34px;}
.monitoring22 samp img{width:70%;}
.grid-row .grid-col{width:33.3333333333%;}
.grid-row .grid-col-1{width:25%;}

.sustainability-picbox2 span h4{width:50%;}
.sustainability-picbox2 span p{width:50%;}
.sustainability-picbox2 span samp{width:25%;}
.sustainability-picbox2 span small{width:25%;}
}
@media (max-width:1024px){
.desktop{display:none;}
.mob{display:block;}
.top-header span{padding:15px 0;}
.pic-box1b big span h3{font-size:18px;line-height:20px;}
.pic-box1b big span h4{font-size:13px;line-height:15px;}
.revolution-left{width:50%; float:inherit;}
.revolution-left span{width:100%; margin:0 auto; display:table; float:inherit; text-align:center;}
.revolution-left small{width:100%; margin:0 auto; display:table; float:inherit; text-align:center; padding-top:20px;}
.revolution-left big{width:100%; margin:0 auto; display:table; float:inherit; text-align:center; padding-top:20px;}
.revolution-right h5{font-size:25px;line-height:25px;}
.pic-box1b2 big span{width:100%; float:left; position:relative; background:#000000;}
.waterpump-box1a{width:100%;padding-right:0px; padding-bottom:30px;}
.waterpump-box1a-right{width:100%; height:auto;float:inherit; display:flex; flex-wrap:wrap;}
.waterpump-box1b{width:70%; height:inherit;}
.waterpump-box1c{width:27%;height:inherit;}
.waterpump-box2b ul li{width:50%;height:auto;float:left;border-bottom:1px solid #a7c2d4;padding-bottom:10px;padding-top:10px;padding-left:40px;font-size:14px;color:#111111;font-weight:400;line-height:22px;background:url(../images/arrow11.png)5px 16px no-repeat;}
.water-pumps-box5a{width:50%;}
.water-pumps-box5b{width:50%;}
.powering-box1 small{position:absolute; left:0; right:0; bottom:0; top:0; background-color:rgba(0, 0, 0, 0.4); padding:30px 20px; box-sizing:border-box;}
.powering-box-left .map span h4{font-size:20px; line-height:18px;}
.powering-box-left .map span h3{font-size:32px; line-height:32px;}
.features-box2b span small{left:0; right:0; bottom:0; top:0; height:auto;}
.superior-left{width:100%;border-right:0px solid #c2c2c2;padding-right:0%; padding-bottom:20px;}
.superior-right{width:100%; height:233px; margin-left:inherit; margin:0 auto; text-align:center; float:inherit;}
.sustainability-picbox2 span{left:20px;top:20px}
.sustainability-picbox2 span p{width:45%}
.sustainability-picbox2 span samp{width:32%;}
.sustainability-picbox2 span small{width:21%;}
.csr-policy span ul li{width:33.333%;}
.safety span{width:50%}
.safety samp{width:50%;}
.policy-box ul li{width:33.3333%;}
.residential-box4 ul{width:70%;}
.top-header{margin-top:76px;}
.rooftops2b span small em{bottom:20px;}
/* -------gallery------- */
ul.gallery li{ width: 31%; margin: 10px 1.1666666666%; }
/* -------gallery-------/ */
	.rooftops-box-left {height: 276px;     padding: 50px 5% 0 5%;}
	.rooftops-box23per {height: auto;}
}
@media (max-width:1000px){
.powering-box-left{width:100%; padding-right:0%;}
.powering-box-right{width:100%; border-left:0px solid #b1b2b2;padding-left:0px;}
.powering-box1 small{top:inherit;}
.rooftops-box1{width:100%; padding-right:0px;}
.rooftops-box2{width:100%; padding-right:0px; margin-bottom:15px;}
.rooftops-box3{width:100%;}
.rooftops-box2 ul{padding:40px 30px 25px 30px;}
.rooftops-box3 h6{padding-top:10px;}
.rooftops-part1-box-cont{margin-bottom:40px;}
.rooftops-part2-box-cont{margin-bottom:0;}
.powering-map .map span{position:relative; right:inherit; display:inline-block; height:55px;}
.powering-map .map span h4{font-size:20px; line-height:20px; padding-bottom:6px;}
.powering-map .map span h3{font-size:30px; line-height:30px;}
.rooftops2b{width:100%; margin-bottom:10px;}
.rooftops2b span small em{position:relative; left:inherit; bottom:inherit;}
.images_video_gallery aside span{font-size:18px;line-height:25px;}
	
.rooftops-box54per { width: 100%;padding-right: 5px; padding-left: 5px; padding-bottom: 10px;}	
	.rooftops-box-left { padding: 50px 5% 50px 5%;height:auto;}
	.rooftops-box23per { width: 50%;padding: 0 5px;}
}
@media (max-width:940px){
.filter-row .filter-col{width:50%;}
.filter-search-area{height:auto; display:inline-block;}
.filter-search-area:after{display:none;}
.filter-search-area:before{display:none;}


.sustainability-picbox2 span{position:relative; left:inherit; top:inherit;}
.sustainability-picbox2 span h4{width:100%; color:#000; padding-top:15px;}
.sustainability-picbox2 span p{width:100%;color:#383838;}
.sustainability-picbox2 span samp{width:100%; margin-bottom:15px;}
.sustainability-picbox2 span samp:after{background:#000000;}
.sustainability-picbox2 span small{width:100%; color:#000; line-height:40px;}
.sustainability-picbox2 span small:after{left:0px;}
.sustainability-box3-left{width:62%;}
.sustainability-box3-right{width:38%;}

.sustainability-picbox2 span small a{color:#0b7ab3;}
.sustainability-picbox2 span small a:hover:after{background:#0b7ab3 url(../images/edit.png) center center no-repeat;}

}
@media (max-width:800px){
.left-box{display:none;}
.right-box{width:100%; border-left:0px solid #b0b0b0; padding-left:0%;}
.revolution-right{width:100%; float:left; text-align:center; padding-left:inherit;}
.revolution-right:after{display:none;}
.revolution-left{width:100%}
.revolution{padding:40px 4%; margin-bottom:20px;}
.revolution-right h6{text-shadow:3px 3px 5px rgba(0,0,0,0.4); padding-bottom:20px;}
.waterpump-box2a{width:auto; height:auto; float:inherit; margin:0 auto; text-align:center; display:table; box-sizing:border-box; padding-top:0px; padding-right:0%; box-sizing:border-box; padding-bottom:20px;}
.waterpump-box2b{width:100%;}
.waterpump-box2b h2{text-align:center;}
.waterpump-box2{float:inherit;}
.water-pumps-box4a{width:100%;}
.water-pumps-box4b{width:auto;height:auto;float:inherit;display:table; margin:0 auto;}
.water-pumps-box4b span:first-child:after{background:none;}
.features-box2b{width:100%; margin-bottom:20px;}
.features-box2b span small{left:0; right:0; bottom:0; top:0; height:auto; position:relative; width:100%; display:block; background-color:rgba(13, 97, 173, 1.0);}
.features-box2b span small em{position:relative; display:block; left:0; bottom:0;}
.features-box2b span img{display:none;}
.sustainability-picbox2 span{position:relative; left:inherit; top:inherit;}
.sustainability-picbox2 span h4{width:100%; color:#000; padding-top:15px;}
.sustainability-picbox2 span p{width:100%;color:#383838;}
.sustainability-picbox2 span samp{width:100%; margin-bottom:15px;}
.sustainability-picbox2 span samp:after{background:#000000;}
.sustainability-picbox2 span small{width:100%; color:#000; line-height:40px;}
.sustainability-picbox2 span small:after{left:0px;}
.sustainability-box3-left{width:62%;}
.sustainability-box3-right{width:38%;}
.csr-policy samp{width:100%;height:inherit;display:block; padding-bottom:40px;}
.csr-policy span{width:100%;display:block;vertical-align:inherit;}
.csr-policy span ul li{width:33.3333%;}
.sustainability-picbox3 span{position:relative; left:inherit; top:inherit; background-color:rgba(13, 97, 173, 1.0); padding:30px; box-sizing:border-box;}
.sustainability-picbox3 span h4,.sustainability-picbox3 span h5,.sustainability-picbox3 span p{width:100%;}
.safety span{width:100%;padding-right:0%; padding-bottom:20px;}
.safety samp{width:70%; margin:0 auto; display:table; float:none;}
.policy-box ul li{width:50%;}
.guidelines-box span{position:relative; left:inherit; top:inherit;width:100%; background-color:rgba(13, 97, 173, 1.0); padding:30px; box-sizing:border-box; display:block;}
.microgridwork-bg ul li{width:100%;}
.microgridwork-bg ul li:nth-child(2n+1){border-right:0px solid #5890c5;}
.microgridwork-bg ul li:nth-child(2n+2){padding-left:25px;}
.microgridwork-bg ul li:nth-child(2n+2) span{left:0;}
.unique-programs-left{width:100%; border-right:0px solid #dedede; margin-bottom:30px;}
.unique-programs-right{width:100%;padding-left:0%;}
.mithapur-box6b{width:100%;}
.mithapur-box6b span small{position:relative;left:inherit; right:inherit; bottom:inherit;background-color:rgba(16, 98, 174, 1.0); display:block;}
.unique-programs-right span{width:35%;}
.mithapur-box6b span small em{position:relative; left:inherit; bottom:inherit; display:block; padding-top:15px;}
.ro-systems-box1-left{width:100%;padding-right:0%; border-right:0px solid #cdcdcd;}
.ro-systems-box1-right{width:100%; margin-bottom:40px; margin-top:20px;}	
.unique-programs-right span{width:310px; height:auto; margin:0 auto; display:table; float:none;}
.unique-programs-right samp{width:100%;padding-left:0%;}
.madia-box2b{width:50%;}
.madia-box2b11{width:100%; margin-top:10px;}
.Kit-det{height:auto;}
.latest5c11{height:auto; padding-bottom:20px;}
.edge-gallery-row2 .edge-gallery-col{width:33.33333%;}
.rooftops-box1{width:100%; padding-right:0px;}
.rooftops-box2{width:100%; padding-right:0px; margin-bottom:15px;}
.rooftops-box3{width:100%;}
/*.rooftops-box3 h6{line-height:45px;}*/
.monitoring2 span{font-size:18px; line-height:20px;}
.residential-box1{margin-bottom:60px;}
.residential-box1-left{width:100%; padding-right:0;}
.residential-box1-right{width:100%;}
.residential-box2{width:100%; margin:0px 0;}
.residential-box2-left{width:100%;}
.residential-box2-right{width:100%; padding-left:0%; padding-top:20px;}
.residential-box2-right:after{display:none;}
.residential-box3-left{width:100%; padding-right:0%;}
.residential-box3-right{width:100%; padding-left:0%; margin-top:20px;}
.residential-box4 ul{width:100%;}
.landmark3 .part3-row .part3-col{width:100%;}
.institutions-box1-right{width:100%;}
.install-box2a span h4{font-size:20px;}
.residential-box-4 big span ul li{width:100%; padding-right:0;}
.residential-box-4 big span ul li:before{width:0; height:0;}
.residential-box-4 big span ul li:nth-child(2n+2):before{width:0; height:0;}
.residential-box-4 big span ul li:nth-last-child(2){padding-bottom:20px;}
.residential-box-4 big span{position:relative; min-height:inherit; background:#1968b3; display:inline-block;}
.residential-box-4 big img{display:block; margin:auto; height:auto; width:100%;}
.residential-box-4 big span em{position:relative; left:0; bottom:0; display:inline-block; margin-top:30px;}
.microgridwork-bg{padding:20px 15px;}
.grid-row .grid-col{width:50%;}
.grid-row .grid-col-1{width:50%;}
.monitoring22{margin-bottom:60px;}
.monitoring23 span{display:inline-block; width:100%; padding-right:0; margin-bottom:40px;}
.monitoring23 small{display:inline-block; width:100%;}
.rooftops-journey-row .rooftops-journey-col{max-width:inherit;}

.images_video_gallery aside{ float:left; width:100%; border-right:0px solid #CCC; padding-right:0%; border-bottom:1px solid #CCC; padding-bottom:30px; margin-bottom:30px;}
.images_video_gallery aside:last-of-type{ border-right:0px solid #CCC;}
.images_video_gallery aside:last-of-type{ padding-left:0%;  padding-right:0%; border-bottom:0px solid #CCC; padding-bottom:0px; margin-bottom:0px;}

}
@media (max-width:700px){
.bg-text-row{background:#0a2351; width:100%; height:auto; display:inline-block; margin:20px 0 41px 0;}
.bg-text-row .bg-text-col .content{padding:40px 40px 40px;}
.bg-text-row .bg-text-col{width:100%; height:auto; background:#0a2351;}
.bg-text-row .bg-text-col:after{content:''; width:50%; height:1px; right:0; left:0; top:inherit; bottom:0; margin:auto;}
.superior-right{width:100%; height:auto;}
.superior-right span{position:relative;left:inherit;top:inherit;margin:0 auto;display:table;}
.superior-right span.b{position:relative;left:inherit;top:inherit;margin:0 auto;display:table;}
.superior-right span.c{position:relative;left:inherit;top:inherit;margin:0 auto;display:table;}
.csr-policy span ul li{width:50%; padding-right:10px; box-sizing:border-box;}
.policy-box ul li{width:100%;}
.guidelines-box span ul li{width:100%}
.release li span{position:relative;left:inherit;top:inherit; width:auto;}
.release li span samp{display:inline-block; padding-left:5px;}
.release li{padding:15px 50px 15px 0px;}
.release li big a{padding-left:0px; border-left:0px solid #949494;}
.release li small{top:12px;}
.coverage li span{position:relative;left:inherit;top:inherit; width:auto;}
.coverage li span samp{display:inline-block; padding-left:5px;}
.coverage li{padding:15px 50px 15px 0px;}
.coverage li big a{padding-left:0px; border-left:0px solid #949494;}
.coverage li big p{padding-left:0px; border-left:0px solid #949494;}
.coverage li small{top:12px;}
.madia-box2b{width:100%; margin-bottom:10px;}
.madia-box2b11{width:100%; margin-top:0px;}
.install-box2{width:100%; padding-bottom:80px;}
.install-box2:last-child{padding-bottom:0px;}
.install-box2:after{content:''; position:absolute; right:inherit; bottom:30px; left:50%; top:inherit; width:70px; height:42px; background:url(../images/arrow13a.png) right top no-repeat; margin-top:inherit; margin-left:-35px;}
.power-savings-left{width:100%; padding:0;}
.power-savings-right{width:100%; height:auto;float:inherit;}
.power-savings-right span{width:169px; height:169px; float:initial; margin:0 auto; display:table;}
.power-savings-right:after{display:none;}
.install-box2a{width:100%; margin-bottom:20px; padding-top:20px; border-top:1px solid #dddddd;}
.install-box2a span small{height:auto;}
.top-header span{position:relative; background-color:rgba(0, 0, 0, 1); display:inline-block; width:100%;}
.monitoring22 samp{display:inline-block; margin:0 auto; margin-top:30px; width:100%;}
.monitoring22 samp img{width:auto;}
.monitoring22 span{display:inline-block; width:100%; margin-bottom:20px;}
.monitoring22 small{display:inline-block; width:100%; padding:20px 0 20px 0;}
.monitoring22 small:after{display:none;}
.monitoring24 span{display:inline-block; width:100%; margin-bottom:20px;}
.monitoring24 small{display:inline-block; width:100%; padding:20px 0 20px 0;}
.monitoring24 small:after{display:none;}
.filter-row .filter-col{width:100%;}
.filter-row .filter-col big span{position:relative; display:inline-block; width:100%; background-color:rgba(0, 0, 0, 1);}


/* -------gallery------- */
ul.gallery-category li{width:46%; margin: 10px 2%; }
ul.gallery li{ width:46%; margin: 10px 2%; }

.galleryPop #cboxOverlay, .galleryPop #cboxWrapper, .galleryPop#colorbox{ overflow:visible;}
.galleryPop #cboxTitle {position:relative;}

/* -------gallery-------/ */

}
@media (max-width:640px){
.waterpump-box1b{width:60%; height:inherit;}
.waterpump-box1b h4{font-size:30px;line-height:35px;}
.waterpump-box1c{width:37%;height:inherit;}
.waterpump-box1b h6{font-size:30px;line-height:30px;padding-bottom:10px;}
.waterpump-box2b ul li{width:100%; padding-left:30px; background:url(../images/arrow11.png)10px 22px no-repeat}
.water-pumps-box5a{width:100%; padding-bottom:20px;}
.water-pumps-box5b{width:100%;}
.water-pumps-box5b h2{padding-left:0%;}
.water-pumps-box5b ul{border-left:0px solid rgba(255, 255, 255, 0.3); padding-left:0%;}
.sustainability-box3-left{width:100%;}
.sustainability-box3-right{width:100%;height:auto; float:left;}
.sustainability-box3-right img{width:auto;height:auto; margin:0 auto; display:table; text-align:center;}
.monitoring2 samp{display:block; margin:0 auto;}
.monitoring2 span{display:block; width:100%; margin-bottom:20px;}
.monitoring2 small{display:block; width:100%;}
.monitoring2 small:after{display:none;}
.residential-box4 ul li{width:100%; padding-bottom:10px;}



}
@media (max-width:600px){
.pic-box1b{width:100%;}
.powering-box-left .map span h4{font-size:16px; line-height:18px;}
.powering-box-left .map span h3{font-size:28px; line-height:32px;}
.csr-policy span ul li{width:100%; padding-right:10px; box-sizing:border-box;}
.csr .pdf-row{margin:20px 0 0 0;}
.csr .pdf-row .pdf-col{width:100%; margin-bottom:20px;}
.monitoring23 .map strong{display:block; position:relative; left:inherit; bottom:0; margin-top:20px;}
.residential-box2-right{padding-right:0;}
.residential-box2-right span{position:relative; margin-top:20px; display:inline-block;}
.box3a span{width:100%; padding-right:0;}
.box3a samp{width:100%; padding-left:0;}
.box3a span img{width:auto; margin-bottom:20px;}
.box3a span::after{width:0;}
	
	
.rooftops-box-left span { width: 200px; display: block; border-right: 0px solid #7a909c; margin: 0 auto; padding-bottom: 25px;}	
}
@media (max-width:480px){
	.sub-enquire-par input{width: 100% !important;}
	.sub-enquire-par .sub-enquire{display: block; margin-top: 10px;}
	
.top-header span samp{display:none;}
.revolution-left span img{width:100%;}
.about-box4 p{padding-right:60px; text-align:center;}
.prAccordianCont big div samp{width:100%; margin-bottom:10px; padding-left:0;}
.waterpump-box1b{width:100%; height:inherit; margin-right:0; margin-bottom:30px;}
.waterpump-box1b h4{font-size:28px;line-height:30px;}
.waterpump-box1c{width:100%;height:inherit;}
.waterpump-box1b h6{font-size:25px;line-height:30px;padding-bottom:10px;}
.water-pumps-box5{padding:20px;}
.awards-search-area .search-box .search-box-text{display:none;}
.none1 .edge-gallery-col:first-child{width:100% !important;}
.logo100{width:100%; margin-bottom:20px;}
.logo100:after{display:none;}
.edge-gallery-row2 .edge-gallery-col{width:50%;}
.landmark3 .part3-row .part3-col big span{background:rgba(10,58,116,1); position:relative; width:100%; display:block;}
.landmark3 .part3-row{display:inherit;flex-wrap:wrap; margin:0 0px;}
.power-savings-left{width:100%;}
.power-savings{margin-bottom:20px;}
.no-capex2a{width:100%;}
.no-capex2a:last-child{padding-left:0%;}
.no-capex2a:after{display:none;}
.no-capex2a:last-child:after{background:none;}
.grid-row .grid-col{width:100%;}
.grid-row .grid-col-1{width:100%;}
.filter-search-area .filter-box .filter-set{padding:0; margin-bottom:10px;}
.filter-search-area .filter-box .filter-box-text{line-height:20px; padding:0}
.filter-search-area .filter-box{padding:30px;}
.filter-search-area .filter-box .filter-box-text{display:inline-block; width:100%;}
.filter-search-area .filter-box .filter-search-topselect{margin-top:8px;}
.safety samp{width:100%; display:inline-block;}
.safety samp big{width:100%; display:block; float:left;}
.safety samp big img{width:232px; display:block; margin:auto;}
.safety samp small{border-left:0px solid #c2c2c2;}
.safety samp small a:after{top:12px;}
.safety samp i{display:inline-block; vertical-align:middle; font-style:normal; padding-left:30px; position:relative; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}

	/* -------gallery------- */
ul.gallery li{width:46%; margin: 10px 2%; }
.galleryInfo span{ padding-left:0px; display:block;}
/* -------gallery-------/ */
.rooftops-box23per {
	width: 100%;}
}
@media (max-width:479px){
.about-box4 p{line-height:20px;padding-right:0px; text-align:center;}
.about-box4 p a{line-height:20px;text-align:center;}
.about-box4 p a:after{display:none;}
.powering-box-left .map span h4{font-size:13px; line-height:15px;padding-bottom:5px;}
.powering-box-left .map span h3{font-size:16px; line-height:18px;}
.powering-box1 small{position:relative; width:100%; height:auto; display:block; background-color:rgba(15, 98, 173, 1.0);}
.clients-box{padding:30px 0;}
.edge-gallery-row2 .edge-gallery-col{width:100%;}
.rooftops2b span small{position:relative; left:inherit; right:inherit; bottom:inherit; display:inline-block; background:rgba(2, 20, 56, 1); height:auto; padding:30px 15px 15px 15px; box-sizing:border-box;}
.water-pumps-box4b span{width:100%; display:inline-block; margin-top:30px;}
.water-pumps-box4b span small{display:block;}
.water-pumps-box4b span:after{width:0; height:0;}
}
@media (max-width:450px){
.logosvc{border-right:0px solid #999999;}
.sustainability-box3-right img{width:80%;}

/* -------gallery------- */
ul.gallery li{ width:100%; margin: 10px 0; }
/* -------gallery-------/ */

}

/* CSS solar module and cells */
.solar-module-and-cells{width:100%; height:auto; float:left; margin:50px 0;}
.solar-module-and-cells-box1{width:100%; height:auto; float:left; display:flex; flex-wrap:wrap; margin-bottom:51px;}
.solar-module-and-cells-box1-left{width:59.435483871%; height:auto; float:left; padding-right:4%; display:inline-block;}
.solar-module-and-cells-box1-left h4{width:100%; height:auto; float:left; padding-bottom:21px; font-size:30px; font-weight:400; color:#242222; line-height:36px;}
.solar-module-and-cells-box1-left p{padding-bottom:22px; display:inline-block; width:100%; font-size:18px; font-weight:300; color:#242222; line-height:26px;}
.solar-module-and-cells-box1-right{width:40.564516129%; height:auto; float:left; background:url(../images/solar-module-and-cells-box1-img.jpg) center center no-repeat; background-size:cover; padding:64px 3%	;}
.solar-module-and-cells-box1-right:after{content: ''; display: inline-block; height: 100%; width: 1px; vertical-align: middle;}
.solar-module-and-cells-box1-right .box1-right-content{width:98%; display:inline-block; vertical-align:middle;}
.solar-module-and-cells-box1-right h4{width:100%; height:auto; float:left; font-size:30px; font-weight:bold; color:#FFF; line-height:36px; display:block; text-align:center;}
.solar-module-and-cells-box1-right p{font-size:18px; font-weight:400; color:#FFF; line-height:25px; display:inline-block; width:100%; text-align:center;}
.solar-module-and-cells-box2{background:url(../images/manufacturing-box-bg.jpg) no-repeat center center; background-size:cover; width:100%; min-height:271px;}
.solar-module-and-cells-box2{display:flex; flex-wrap:wrap;}
.solar-module-and-cells-box2 .left-col{display:inline-block; position:relative; width:23%; vertical-align:middle; background-color:rgba(21,106,9,0.60); min-height:271px;}
.solar-module-and-cells-box2 .left-col:after{content: ''; display: inline-block; height: 100%; width: 1px; vertical-align: middle;}
.solar-module-and-cells-box2 .left-col:before{content:''; width:1px; height:166px; position:absolute; right:0; top:0; bottom:0; margin:auto; background:rgba(255,255,255,0.65);}
.solar-module-and-cells-box2 .left-col small{display:block; font-size:30px; line-height:36px; font-weight:lighter; color:#FFF; text-transform:uppercase;}
.solar-module-and-cells-box2 .left-col big{display:inline-block; width:98%; font-size:30px; line-height:36px; font-weight:bold; color:#FFFFFF; vertical-align:middle; text-align:right; padding:0 4px 0 10px;}
.solar-module-and-cells-box2 .left-col big span{position:relative; padding-bottom:15px;}
.solar-module-and-cells-box2 .left-col big span:after{content:''; width:14px; height:1px; background:#FFF; position:absolute; left:5px; bottom:0;}
.solar-module-and-cells-box2 .right-col{display:inline-block; width:77%;}
.solar-module-and-cells-box2 .right-col ul{display:inline-block; font-size:26px; line-height:30px; list-style:none; color:#FFF; font-weight:bold; height:100%;}
.solar-module-and-cells-box2 .right-col ul li{float:left; padding:0 25px; position:relative; width:25%; height:100%;}
.solar-module-and-cells-box2 .right-col ul li .right-col-cont{width:96%; display:inline-block; vertical-align:middle;}
.solar-module-and-cells-box2 .right-col ul li .right-col-cont span{font-size:18px; line-height:24px; color:#ffd200; font-weight:400; display:block; padding-bottom:2px;}
.solar-module-and-cells-box2 .right-col ul li .right-col-cont span.sizes{padding-top:9px;}
.solar-module-and-cells-box2 .right-col ul li .right-col-cont strong{font-size:30px; line-height:36px; color:#ffd200; font-weight:bold; display:block;}
.solar-module-and-cells-box2 .right-col ul li .right-col-cont a{font-size:18px; line-height:62px; color:#000; font-weight:400; display:block; text-align:center; width:161px; height:62px; background:#ffd200; border-radius:45px; margin:0 auto;}
.solar-module-and-cells-box2 .right-col ul li:after{content: ''; display: inline-block; height: 100%; width: 1px; vertical-align: middle;}
.solar-module-and-cells-box2 .right-col ul li:before{content:''; position:absolute; right:0; top:0; bottom:0; margin:auto; width:1px; height:66px; background:rgba(255,255,255,0.65);}
.solar-module-and-cells-box2 .right-col ul li:last-child{padding-right:0;}
.solar-module-and-cells-box2 .right-col ul li:last-child:before{width:0; height:0;}
.solar-module-and-cells-box3{margin-top:68px;}
.solar-module-and-cells-box3 h2{font-size:30px; line-height:36px; color:#454545; font-weight:400;}
.module-cells-row{display:flex; flex-wrap:wrap; margin:16px -5px 50px;}
.module-cells-row .module-cells-col{width:25%; float:left; position:relative; padding:0 5px 0 132px; min-height:130px;}
.module-cells-row .module-cells-col:last-child{width:25%; float:left; position:relative; padding-left:50px;}
.module-cells-row .module-cells-col:last-child a{width:100%; height:100%; display:inline-block; background:url(../images/module-cells-know-more-img.jpg) center center no-repeat; background-size:cover; padding:43px 15px 30px;}
.module-cells-row .module-cells-col:last-child a:hover small{color:#ffd200;}
.module-cells-row .module-cells-col:last-child a h3{font-size:22px; line-height:28px; color:#FFFFFF; font-weight:400; display:block; text-align:center; max-width:174px; margin:0 auto;}
.module-cells-row .module-cells-col:last-child a small{font-size:18px; line-height:26px; color:#FFFFFF; font-weight:400; display:block; text-align:center; padding-top:28px;}
.module-cells-row .module-cells-col:nth-child(1):before{content:''; width:108px; height:108px; background:#ffd200 url(../images/module-cells-icon.png) 0 0 no-repeat; position:absolute; left:5px; top:0; bottom:0; margin:auto; border-radius:50%;}
.module-cells-row .module-cells-col:nth-child(2):before{content:''; width:108px; height:108px; background:#ffd200 url(../images/module-cells-icon.png) -108px 0 no-repeat; position:absolute; left:5px; top:0; bottom:0; margin:auto; border-radius:50%;}
.module-cells-row .module-cells-col:nth-child(3):before{content:''; width:108px; height:108px; background:#ffd200 url(../images/module-cells-icon.png) -216px 0 no-repeat; position:absolute; left:5px; top:0; bottom:0; margin:auto; border-radius:50%;}
.module-cells-row .module-cells-col:after{content: ''; display: inline-block; height: 100%; width: 1px; vertical-align: middle;}
.module-cells-row .module-cells-col span{width:96%; display:inline-block; vertical-align:middle; font-size:18px; line-height:27px; color:#161616;}
.solar-module-and-cells-box4{display:block; margin-top:65px;}
.solar-module-and-cells-box4 img{display:block; width:100%;}

@media (max-width:400px){
/* -------gallery------- */
ul.gallery-category li{width:96%; margin: 10px 2%; }
/* -------gallery-------/ */
}

@media (max-width:1366px){
.solar-module-and-cells-box2 .right-col ul li .right-col-cont{width:92%;}
}
@media (max-width:1100px){
.solar-module-and-cells-box2 .left-col big {width:94%; font-size:26px;}
.module-cells-row .module-cells-col span{width: 94%;}
}
@media (max-width:1024px){
.solar-module-and-cells-box2 .left-col{display:inline-block; position:relative; width:100%; vertical-align:middle; background-color:transparent; margin-bottom:20px;}
.solar-module-and-cells-box2 .left-col big {width:100%; font-size:30px; text-align:center;}
.solar-module-and-cells-box2 .right-col ul li:before{content:''; position:absolute; right:0; left:0; top:inherit; bottom:0; margin:auto; width:100px; height:1px; background:rgba(255,255,255,0.65);}
.solar-module-and-cells-box2 .left-col big span:after {left:0; right:0; margin:auto;}
.solar-module-and-cells-box2 .right-col{width:100%;}
.solar-module-and-cells-box2 .right-col ul li{width:100%;}
.solar-module-and-cells-box2 .right-col ul li:last-child{padding-right:25px;}
.solar-module-and-cells-box2{background:#002f66; background-size:cover; width:100%; min-height:271px; padding:30px 0; }
.solar-module-and-cells-box2 .right-col ul{height:auto;}
.solar-module-and-cells-box2 .right-col ul li .right-col-cont{width:100%; text-align:center; margin-top:20px;}
.module-cells-row .module-cells-col{width:33.3333333333%;}
.module-cells-row .module-cells-col:last-child a{max-width:290px; display:block; margin:30px auto 0 auto;}
.module-cells-row .module-cells-col:last-child{width:100%; padding-left:0;}
.commercial .new-rooftop-landing .right-box2 ul { display: inline-block; width: 53%; vertical-align: top;}
}
@media (max-width:900px){
.solar-module-and-cells-box1-left{width:100%; padding-right:0;}
.solar-module-and-cells-box1-right{width:100%; padding-left:0;}
}
@media (max-width:800px){
.module-cells-row .module-cells-col {width:100%;}
.module-cells-row .module-cells-col {width:100%; float:left; position:relative; padding:130px 0 0 0; min-height:130px; text-align:center;}
.module-cells-row .module-cells-col:nth-child(1):before{left:0; top:0; right:0; bottom:inherit; margin:auto;}
.module-cells-row .module-cells-col:nth-child(2):before{left:0; top:0; right:0; bottom:inherit; margin:auto;}
.module-cells-row .module-cells-col:nth-child(3):before{left:0; top:0; right:0; bottom:inherit; margin:auto;}
.module-cells-row .module-cells-col:last-child{padding-top:0;}
.solar-module-and-cells-box3 h2{text-align:center;}
.commercial .new-rooftop-landing .right-box2 .download5 article { position: inherit; top: 0; left: 0px; right: 0px; text-align: center; padding: 101px 0 0 0;}
.commercial .new-rooftop-landing .right-box2 .download5a { display: inline-block; width: 38%; background: url(../images/download-img.jpg) top center no-repeat; width: 255px; height: 341px; position: inherit; top: 0px; margin: 30px 0 0 0; right: 0;}
.commercial .new-rooftop-landing .right-box2 ul {display: inline-block; width: auto; vertical-align: top;}
}
/* CSS solar module and cells */