@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; bottom:0; background-color:rgba(0, 0, 0, 0.4); 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 ul.learn_solar_list li {
    font-size: 18px;
    font-weight: 300;
    color: #565656;
    line-height: 22px;
    padding-bottom: 20px;
    list-style: disc;
    margin-left: 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 a {
    font-size: 13px;
    line-height: 20px;
    color: #FFF;
    font-weight: 400;
    display: inline-block;
    text-align: left;
    padding-top: 20px;
    position: absolute;
    bottom: calc(50% - 8px);
    right: 60px;
}
.pic-box1b big span a:hover {
    color: #ffd200;
}


.pic-box1b big span a:after{content:'';width:32px;height:12px;margin-left:10px;background:url(../images/arrow.png) 100% 0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:inline-block;position:absolute;bottom:3px}
.pic-box1b big span a:hover:after{background:url(../images/arrow.png)}



.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; 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:6%; 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;}
.epc_box h3 {
    margin-top: 40px;
}
a.epc_button {
    background-color: #004595;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    padding: 16px 16px;
    height: 100%;
    vertical-align: middle;
    font-size: 14px;
    display: inline-block;
    margin-top: 20px;
}
.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:50%; height:auto; float:left; padding-left:5px; padding-right:5px; box-sizing:border-box; display:block;   padding-bottom: 10px;}
.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;}

.newsr .logosvc{width: 100%; height: 140px; position: relative;}
.newsr span { height: 100%; right: 0; bottom: 0;  width: 100% !important; top: 0; margin: auto; left: 0;}
.newsr .slick-slide .logosvc span img {display: inline-block; position: absolute;  left: 0;  right: 0;  margin: auto;  top: 0; bottom: 0;}

/*.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;}
/*For Financial result*/
ul.result li {padding-left:0px !important;}
ul.result li big a {padding-left:0px !important; border-left:none !important;}

.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-------/ */


	#modalOverlay {
			position: fixed;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
			z-index: 99999;
			height: 100%;
			width: 100%;
	}
.modalPopup {
			position: absolute;
			top: 30%;
			left: 50%;
			transform: translate(-50%, -50%);
/*			background: #fff;*/
			width: 50%;
			padding: 0 0 30px;
/*
			-webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			-moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
*/
	}
/*.modalContent {padding: 0 2em;}*/
.headerBar {
		width: 100%;
		background: #edcb04 url(../../../../../../cognex.com/gfx/site/bg-global-header.html) repeat-x 0 0;
		margin: 0;
	  text-align: center;
	}
.headerBar img {
		margin: 1em .7em;
	}
h1 {
  margin-bottom: .2em;
  font-size: 26px;
  text-transform: capitalize;
}
p {margin: .75em 0 1.5em;}
.buttonStyle {
/*
		border: transparent;
		border-radius: 0;
		background: #6d6d6d;
		color: #eee !important;
		cursor: pointer;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		padding: 6px 25px;
		text-decoration: none;
		background: -moz-linear-gradient(top, #6d6d6d 0%, #1e1e1e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#1e1e1e));
		background: -webkit-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
		background: -o-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
		background: -ms-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
		background: linear-gradient(to bottom, #6d6d6d 0%,#1e1e1e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#1e1e1e',GradientType=0 );
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
*/
	}
	.buttonStyle:hover {
		background: #1e1e1e;
		color: #fff;
		background: -moz-linear-gradient(top, #1e1e1e 0%, #6d6d6d 100%, #6d6d6d 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e1e), color-stop(100%,#6d6d6d), color-stop(100%,#6d6d6d));
		background: -webkit-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
		background: -o-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
		background: -ms-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
		background: linear-gradient(to bottom, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#6d6d6d',GradientType=0 );
	}
.returnToProfile {text-align: center; margin:3em;}
.returnToProfile a, .returnToProfile a:visited {color: #ddd;}
.returnToProfile a:hover {color: #fff;}
.buttonStyle{right: 0px; position: absolute; top: -28px; color: #fff;}



@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:30%; 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:30%; 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;}
.form-left i{ padding: 5px 0 0px 5px; color: #ffd800; font-size: 14px; display: block;}
.form-right i{ padding: 5px 0 0px 5px; color: #ffd800; font-size: 14px; display: block;}

.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: 45px 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: 30px 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: 16px 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: 16px 20px; width: 100%;margin: 15px 0 0px 0; }
.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: 30px 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;}


.commitebox{-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.12);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.12);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.12);padding: 54px; border-radius: 15px; margin: 40px 0 0;}
.commitebox h3{font-size: 25px; color: #1062ae;}
.commitebox ul{display: flex; flex-wrap: wrap}
.commitebox ul li{width: 33.33%; margin: 45px 0 0; font-size: 16px; color: #444444;}
.commitebox ul li small{font-size: 13px;}


.bodbox{margin: 40px 0 0;}
.bodbox h3{font-size: 25px; color: #1062ae;}
.bodbox ul{display: flex; flex-wrap: wrap; column-gap: 20px;}
.bodbox ul li{width: calc(50% - 20px);  margin:20px 0 0; font-size: 20px; color: #1062ae; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.12);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.12);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.12);padding: 34px; border-radius: 15px; }
.bodbox ul li small{font-size: 13px;color: #444444;}


@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: 20px 0 0 0;}
.commercial .new-rooftop-landing .enquire-now .form-right { width: 40%;float: left; margin: 20px 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; border-left: 1px solid #ccc; height: 100%; padding: 0 7px;}
.header_right ul li { padding: 0 6px !important;}
.header_right ul li:nth-child(1) { width: 147px !important;}
.header_right ul li:nth-child(2) { width: 147px !important;}
.thank { width: 100%; margin: 200px 0 400px 0px !important;}
.header_right ul li:last-child { width: 110px !important; float: right;}
.commercial .new-rooftop-landing .enquire-now .radio-new input[type="radio"] { width: 60px;}
.commercial .new-rooftop-landing .tab button.active:before { z-index: 1;}
}

@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: 13px; 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 0px 0; font-size: 16px; color: #000; border-radius: 15px; padding: 15px 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; border-left: 1px solid #ccc; height: 100%; padding: 0 0px;}
.header_right ul li:nth-child(1) { width: 60px !important;}
.header_right ul li:nth-child(2) { width: 60px !important;}
.thank { width: 100%; margin: 200px 0 400px 0px !important;}
.header_right ul li { padding: 0 0px !important;}
.top-header span {display: none !important;}
.header_right ul li:last-child { width: 60px !important; float: right;}
.new-rooftop-landing .verifi-area .verifi-code {width: 155px;}
	.commitebox ul {display: block}
	.commitebox ul li{width: 100%; margin: 15px 0 0; }
	.commitebox { margin: 20px 0 0; padding: 24px}
}










@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:40px; font-weight:400; color:#242222; line-height:52px;}
.solar-module-and-cells-box1-left p{padding-bottom:22px; display:inline-block; width:100%; font-size:20px; font-weight:300; color:#242222; line-height:37px;}
.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:url(../images/solar_women_bg2.jpg) center center no-repeat;
	background-size:cover; padding:64px 3% 0; min-height: 324px}
.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:baseline;}
.solar-module-and-cells-box1-right h4{width:100%; height:auto; float:left; font-size:24px; 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:center; 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; column-gap: 2%;}
.module-cells-row .module-cells-col{width:23%; float:left; position:relative; padding:0 5px 0 132px; min-height:130px;}
.module-cells-row .module-cells-col:first-child{width:23%; float:left; position:relative; padding:0 30px; text-align: left; border-right: 1px solid #1361a1;}
.module-cells-row .module-cells-col:first-child h3{font-size:30px; line-height:38px; color:#1361a1; font-weight:400; display:block; text-align:left}
.module-cells-row .module-cells-col:first-child h3 span{display: inline-block; width: 100%; color:#1361a1; font-weight: 800; font-size: 38px; line-height:48px;}
.module-cells-row .module-cells-col:nth-child(2):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(3):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(4):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%;}

.soalr_women{display: inline-block; width: 100%;  margin: 0 0 30px; background: url("../images/solar_women_bg1.jpg") no-repeat;}
.soalr_women .box1{ padding:50px 50px 50px 8px; float: right; width: 590px;}
.soalr_women .box1 ul{ width: 100%; }
.soalr_women .box1 h3{width: 100%; font-size: 30px; color: #fff; padding: 0 0 25px 25px;}
.soalr_women .box1 ul li{  padding: 0px 0px 0 25px; text-align: center;}
.soalr_women .box1 ul li:last-child{border-right: 0px solid rgba(255,255,255,0.38)}
.soalr_women .box1 ul li a{float: left; width: 100%; padding: 13px 0 0 0px; color: #ffffff; font-size: 16px; margin: 0 0 35px; font-weight: 600}
.soalr_women .box1 ul li a h4{font-size: 14px; display: inline-block; width: 100%; padding: 10px 0 0;}
.soalr_women .box1 ul li a h4 small{font-weight: 400;}
.soalr_women .box1 ul li a span{font-size: 13px; color: #ffd200; font-weight: 400} 
.soalr_women .box1 ul li a span img{display: inline-block;}
.pdf_prev{top: 111px; position: absolute; left: -25px; cursor: pointer;font-size: 0; background: url("../images/pdf_prev.png") no-repeat; width: 22px; height: 41px;}
.pdf_next{top: 111px; position: absolute; right: -30px; cursor: pointer; font-size: 0; background: url("../images/pdf_next.png") no-repeat; width: 22px; height: 41px;}


.soalr_women .box2{flex-basis:calc(40.564516129% - 3px); /*background: url("../images/solar_women_bg2.jpg") no-repeat;*/ background: url("../images/solar-module-and-cells-box1-img.jpg") no-repeat;margin: 0 0 0 3px; display: flex; flex-direction: row; color: #fff; align-items:flex-end; padding: 0 40px 55px; justify-content: center; text-align: center;}

.soalr_women .box2 h3{font-size: 24px;line-height: 40px;
    text-align: center;
    display: inline-block;}
.soalr_women .box2 h3 small{    font-size: 15px;
    float: left;
    width: 100%;
    line-height: 25px;
    font-weight: 400;}
h3.mainhead{display: none;}

@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; min-height: auto;}
.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;}
.commercial .new-rooftop-landing .why-right ul li {
    background: url(../images/tab-new.png) left 18px no-repeat;
    padding: 11px 0px 11px 15px;
    font-size: 18px;
    color: #fff;
}
}
@media (max-width:900px){
.solar-module-and-cells-box1-left{width:100%; padding-right:0; padding: 90px 25px 0;}
	h3.mainhead {
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;
    background-color: rgba(0, 0, 0, 1);
    margin-top: -50px;
    position: absolute;
    left: -2%;
    right: -2%;
    padding: 20px;
    line-height: normal;
}
.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(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:nth-child(4):before{left:0; top:0; right:0; bottom:inherit; margin:auto;}

.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;}
	
	
	.soalr_women{display: block; float: left;height: auto; margin: 0 0 30px;}
.soalr_women .box1{flex-basis:100%;; background-size: cover; padding:67px 0 0 0px; }
.soalr_women .box1 ul{display: inline-block; width: 100%;}
	.soalr_women .box1 ul li .thumb img{display: inline-block}
.soalr_women .box1 ul li{ width: 100%;; padding: 0px 0px 0 0px; border-right: 0px solid rgba(255,255,255,0.38);}
.soalr_women .box1 ul li:last-child{border-right: 0px solid rgba(255,255,255,0.38); border-bottom: 0px solid rgba(255,255,255,0.38)}
.soalr_women .box1 ul li a span{font-size: 14px;}
.soalr_women .box2{flex-basis:100;margin: 3px 0 0 0px; display: block; padding: 120px 0 80px; }
	.soalr_women .box2 h3 { font-size: 24px;}
	.soalr_women .box2 h3 small{display: inline-block; width: 100%;}
	
	

}
/* CSS solar module and cells */


/* CSS Document */

.rooftops2a{ width: 100%; height: auto; float: left; display: block;}		
.rooftops2b{ width: 33.33%; height: auto; float: left; display: block;}	
.rooftops2b span{ width: 100%; height: auto; float: left; display: block; position: relative; padding-right: 5px; box-sizing: border-box;}
.rooftops2b span img{ width: 100%; display: block; line-height: 0; }
.rooftops2b small{position: absolute;left: 0;right: 5px; bottom: 0;background-color: rgba(0,0,0,.6); padding: 20px 20px;box-sizing: border-box;}
.rooftops2b small h3{font-size: 22px; line-height: 27px; color: #fff; font-weight: 600;padding-bottom: 18px;}	
.rooftops2b small p{ width: 100%; height: auto; float: left; display: block; font-size: 15px; line-height: 22px; font-weight: lighter; color: #fff;list-style: none; height: 80px; }
.rooftops2b small em { padding-right: 18px; position: absolute;left: 20px; bottom: 20px;}
.rooftops2b small em a{   font-size: 13px;line-height: 19px; font-weight: lighter; color: #ffd200;text-transform: uppercase; font-style: italic;}			
.rooftops2b small em a:after {content: '';background: url(../images/know-more-arrow2.png) no-repeat 0 0; width: 6px; height: 11px; position: absolute;right: 0;top: 4px;}

@media screen and (max-width:700px){
	.rooftops2b {width: 100%;}
	.rooftops2b small p{ height: auto; }
}


/* solar water pump 20-9-2021 

.waterPump1{ position:relative; left:49%; transform: translateX(-50%); width:100vw; background: url(../images/solar-pump-bg.png) repeat-x 0 100%;  text-align: center; padding: 45px 0 100px;}
.waterPump1 h2{ margin-top:20px; font-size: 30px; color: #0177dc; font-weight: 300;}

.waterPump2{}
.waterPump2 article{}
.waterPump2 article:after{content:''; display: block; clear: both;}
.waterPump2 article figure{ border-radius: 50px; float: left; width: 35%; overflow: hidden;}
.waterPump2 article figure img{ width: 100%; display: block;}
.waterPump2 article figure.imgRight{ float: right;}
.waterPump2 article figure.imgRight+aside{ padding-left:0px; }
.waterPump2 article aside{float: left; height:300px; padding-left: 30px;}
.waterPump2 article aside span{ display: inline-block; vertical-align: middle; width: 95%; position: relative; margin-right: -6px;}
.waterPump2 article aside:after{display: inline-block; vertical-align: middle; height: 100%; content:'';}*/

/* solar water pump  20-9-2021  end*/





/* solar water pump 20-9-2021 */

/*.qlCallus4653, .qlCu4653, .qlDl4653{ display: none!important;}*/


.selectLanguage{ position: absolute; top:20px; right: 0;}
.selectLanguage span{ display: inline-block; margin-right: 25px; font-size: 14px; color: #676767; position: relative;}
.selectLanguage span:after{content:''; width:30px; height: 1px; border-top:1px solid #e2e2e2; position: absolute; left: 106%; bottom:3px;}
.selectLanguage a{display: inline-block; margin-left:15px; font-size: 14px; color: #676767; position: relative;}
.selectLanguage a.langActive{ font-size: 16px; color: #0a70ca;}
.selectLanguage a.langActive:after{content:''; width:58px; height:5px; background: url(../images/langActive.gif) repeat-x 0 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom:-8px;}


.waterPump1{ position:relative; left:49%; transform: translateX(-50%); width:100vw; background: url(../images/solar-pump-bg.png) repeat-x 0 100%;  text-align: center; padding: 45px 0 100px;}
.waterPump1 h2{ margin-top:20px; font-size: 30px; color: #0177dc; font-weight: 300;}

.waterPump2{ margin-bottom:100px;}
.waterPump2 article{ position: relative; padding-left:485px; height:335px;}
.waterPump2 article:after{content:''; display: block; clear: both;}
.waterPump2 article figure{ border-radius: 50px; width:485px; overflow: hidden; position: absolute; left: 0; top: 0;}
.waterPump2 article figure img{ width: 100%; display: block;}
.waterPump2 article.imgRight{ padding:0 485px 0 0;}
.waterPump2 article.imgRight figure{ left: auto; right: 0;}
.waterPump2 article.imgRight figure+aside{ padding-right:30px; padding-left: 0; text-align: right;}
.waterPump2 article aside{ height:300px;  padding-left:30px; }
.waterPump2 article aside span{ display: inline-block; vertical-align: middle; width: 95%; position: relative; margin-right: -6px; font-size: 18px; line-height:30px;}
.waterPump2 article aside:after{display: inline-block; vertical-align: middle; height: 100%; content:'';}
.waterPump2 article aside span strong{ font-size: 28px; color: #ee6701; font-weight: 700; }

.waterPump3{ height: 335px; background: #29ace4; border-radius: 100px; overflow: hidden; margin-bottom:100px;}
.waterPump3:after{content:''; display: block; clear: both;}
.waterPump3 aside{ float: left;height: 335px; position: relative;}
.waterPump3 aside:first-of-type{ padding:60px 30px 0 260px; width: 65%; background: url(../images/waterPump3-bg1.jpg) no-repeat 100% 50%;}
.waterPump3 aside:last-of-type{ width:35%; background: url(../images/waterPump3-bg2.jpg) no-repeat  0 0; text-align: center;}
.waterPump3 aside:first-of-type figure{ position: absolute; left:30px; top:26px; width: 195px; height: 285px; overflow: hidden; border-radius:90px; border: 1px solid #FFF;}
.waterPump3 aside:first-of-type figure img{ display: block; width: 100%;}
.waterPump3 aside:first-of-type div{margin-bottom: 20px; font-size: 22px; color: #FFF;}
.waterPump3 aside:first-of-type strong{ font-size:30px; color: #fcff00; font-weight: 700;}
.waterPump3 aside:first-of-type a{ display: inline-block; font-size:48px; font-weight: 700; height: 75px; line-height: 70px; color: #FFF; padding-left: 76px; background: url(../images/pump-icon1.png) no-repeat  0 0; white-space: nowrap;}
.waterPump3 aside:first-of-type a:hover{color: #fcff00;}
.waterPump3 aside:last-of-type{ padding:60px 0 0;}
.waterPump3 aside:last-of-type div{background: url(../images/pump-icon2.png) no-repeat  50% 0; padding-top:70px; font-size:30px; color: #FFF; margin-bottom: 30px; }
.waterPump3 aside:last-of-type div strong{ display: block; font-weight: 700; }
.pumpLink{display: inline-block;background: #ffa00a; font-size: 18px; color: #FFF; text-align: center; padding:13px 30px; border-radius: 23px;}
.pumpLink:hover{background: #e79108;}

.waterPump4{ text-align: center; margin-bottom: 30px;}
.waterPump4 h2{text-transform: uppercase; position: relative; max-width: 700px; margin: 0 auto;}
.waterPump4 h2 big{ font-size:48px; font-weight: 700; color: #ff6000; background: #FFF; position: relative; z-index: 2; padding: 0 15px;}
.waterPump4 h2:after{content:''; width: 100%; height: 1px; border-top: 1px solid #b4b4b4; position: absolute; left: 0; top: 50%; z-index:1;}
.waterPump4 h2+span{font-size:25px; line-height: 35px; display:inline-block; margin-bottom: 30px; color: #484848; max-width: 500px;}
.waterPump4 p{ margin-bottom: 30px; font-size:18px; line-height:25px; color: #484848;}
.waterPump4 p strong{ font-weight: 700; color: #484848;}

.waterPump4 article{ background: #27a6de url("../images/waterPump6-bg.jpg") no-repeat 100% 100%; position: relative; text-align: left;}
.waterPump4 article figure{ height: 267px;}
.waterPump4 article figure img:first-of-type{}
.waterPump4 article figure img:last-of-type{ display: none;}
.waterPump4 article div{ position: absolute; top:15px; right:120px; width: 312px; text-align: center; font-size: 18px; color: #FFF;}
.waterPump4 article div h3{ font-size:36px; color:#ffd800;}

.pumpBg{ position:relative; left:49%; transform: translateX(-50%); width:100vw; background: url(../images/solar-pump-bg.png) repeat-x 0 100%;  text-align: center; padding: 45px 0 100px;}

.waterPump5{ position: relative; padding: 0 625px 0 0; height: 725px; margin-bottom: 30px;}
.waterPump5:after{content:''; display: block; clear: both;}
.waterPump5 aside:first-of-type{ padding-right:10%}
.waterPump5 aside:first-of-type h2{ position: relative;}
.waterPump5 aside:first-of-type h2:after{content:''; width: 100%; height: 1px; border-top: 1px solid #b4b4b4; position: absolute; left: 0; bottom:5px; z-index:1;}
.waterPump5 aside:first-of-type h2 big{font-size:36px; font-weight: 700; color: #26a0d4; background: #FFF; position: relative; z-index: 2; padding-right:15px;}
.waterPump5 aside:first-of-type h2+span{font-size:25px; line-height: 35px; display:inline-block; margin-bottom: 30px; color: #484848;}
.waterPump5 aside:first-of-type ul{}
.waterPump5 aside:first-of-type ul li{font-size:18px; color: #5b5b5b; margin-bottom:20px; position: relative; padding-left:60px;}
.waterPump5 aside:first-of-type ul li:before{content:''; width: 41px; height: 41px; position: absolute; left: 0; top: 0; }
.waterPump5 aside:first-of-type ul li.pbp_icon1:before{background: url(../images/pump-iconSet.png) no-repeat 0 0;}
.waterPump5 aside:first-of-type ul li.pbp_icon2:before{background: url(../images/pump-iconSet.png) no-repeat 0 -41px}
.waterPump5 aside:first-of-type ul li.pbp_icon3:before{background: url(../images/pump-iconSet.png) no-repeat 0 -82px}
.waterPump5 aside:first-of-type ul li.pbp_icon4:before{background: url(../images/pump-iconSet.png) no-repeat 0 -123px}
.waterPump5 aside:first-of-type ul li.pbp_icon5:before{background: url(../images/pump-iconSet.png) no-repeat 0 -164px}
.waterPump5 aside:first-of-type ul li.pbp_icon6:before{background: url(../images/pump-iconSet.png) no-repeat 0 -205px}
.waterPump5 aside:first-of-type ul li a{color: #26a0d4; text-decoration: underline;}
.waterPump5 aside:last-of-type{ position: absolute; right: 0; top: 0;}
.waterPump5 .pumpMap{ position: relative;}
.waterPump5 .pumpMap img{ position: relative; z-index: 1; }

.pumpSelectState{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}
.pumpSelectState strong{ display: none;}
.pumpSelectState div{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.pumpSelectState div span.mapPointer{ position: absolute; width: 25px; height:34px; background: url(../images/pointer.png) no-repeat 0 0; font-size: 0; line-height:0; color: transparent; cursor: pointer;}
.pumpSelectState div span.mapPointer:hover{background: url(../images/pointer.png) no-repeat 0 100%;}
.pumpSelectState div span.mapPointer.maharashtra{left:143px; top:392px;}
.pumpSelectState div span.mapPointer.rajasthan{left:120px; top:230px;}
.pumpSelectState div span.mapPointer.tamilNadu{left:200px; top:600px}
.pumpSelectState div span.mapPointer.karnataka{left:146px; top:524px;}
.pumpSelectState div span.mapPointer.himachalPradesh{left:195px; top:100px;}
.pumpSelectState div span.mapPointer.assam{left:502px; top:210px;}
.pumpSelectState div span.mapPointer.madhyaPradesh{left:205px; top:315px;}
.pumpSelectState div span.mapPointer.gujarat{left:75px; top:306px;}
.pumpSelectState div span.mapPointer.panjab{left:155px; top:135px;}
.pumpSelectState div span.mapPointer.jharkhand{left:367px; top:310px;} 
.pumpSelectState div span.mapPointer.haryana{left:180px; top:173px;}
.pumpSelectState div span.mapPointer.uttarPradesh{left:259px; top:221px;}
.pumpSelectState div span.mapPointer.bihar{left:372px; top:249px;}

.pumpMapPop{ position: fixed; left: 0; right: 0; top:50%; transform: translateY(-50%); max-width:690px; max-height:85%;  width: 90%; background: #FFF; border-radius: 75px; z-index: 999999; margin: auto; padding-left: 113px;}
.pumpMapPop aside{ background: #ff9308; padding: 35px 100px 30px 15px; border-radius:0 75px  75px 0;  }
.pumpMapPop strong{font-size: 30px; color: #FFF; display: block; margin-bottom:20px; padding-left:35px; font-weight: 300; background: url(../images/pointer2.png) no-repeat 0 0;}
.pumpMapPop ul{ position: relative; margin-left: -75px;}
.pumpMapPop ul li{font-size:18px; color: #FFF; margin-bottom:20px; position: relative; padding-left:80px;}
.pumpMapPop ul li:before{content:''; width: 41px; height: 41px; position: absolute; left: 0; top: 0; }
.pumpMapPop ul li.pbp_icon1:before{background: url(../images/pump-iconSet.png) no-repeat 0 0;}
.pumpMapPop ul li.pbp_icon2:before{background: url(../images/pump-iconSet.png) no-repeat 0 -41px}
.pumpMapPop ul li.pbp_icon3:before{background: url(../images/pump-iconSet.png) no-repeat 0 -82px}
.pumpMapPop ul li.pbp_icon4:before{background: url(../images/pump-iconSet.png) no-repeat 0 -123px}
.pumpMapPop ul li.pbp_icon5:before{background: url(../images/pump-iconSet.png) no-repeat 0 -164px}
.pumpMapPop ul li.pbp_icon6:before{background: url(../images/pump-iconSet.png) no-repeat 0 -205px}
.pumpMapPop ul li a{color: #613700; text-decoration: underline;}
.pumpMapPopClose{ position: absolute; top:45px; right:55px; background: url(../images/pumpPopClose.png) no-repeat 0 0; width: 21px; height: 19px; cursor: pointer;}


.waterPump6{ margin-bottom: 40px;box-shadow: 0 0 30px 0 rgba(100,100,100,0.2);}
.waterPump6:after{content:''; display: block; clear: both;}
.waterPump6 figure{ float: left; width: 50%;}
.waterPump6 figure img{ display: block; width: 100%;}
.waterPump6 aside{ float: left; width: 50%; padding: 50px 50px 0;}
.waterPump6 aside div{ margin-bottom: 30px; padding-left: 58px; position: relative;}
.waterPump6 aside div img{position: absolute; left: 0; top: 0;}
.waterPump6 aside div h3{font-size:30px; font-weight: 700; color: #26a0d4; margin-bottom:5px;}
.waterPump6 aside div h3+span{font-size:15px; line-height:25px; color: #606060; display: block; margin-bottom: 15px;}
.waterPump6 aside div article{ border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 20px 0;}
.waterPump6 aside div article .pumpLink2{ max-width: 140px; vertical-align: top;}
/*.waterPump6 aside div article a.pumpLink2:first-of-type{ padding-right: 15px; margin-right: 15px; border-right: 1px solid #dddddd;}*/
.waterPump6 aside div .pumpLink{ margin-top:5px;}

.pumpLink2{ padding-left:32px; background:url(../images/pump-icon5.png) no-repeat 0 0; height: 29px; font-weight:500; display: inline-block; color: #08a3e5; font-size: 12px; }

@media screen and (max-width:1030px){
    

.waterPump2 {margin-bottom:50px;}
.waterPump2 article{ padding:0; margin-bottom: 30px; height: auto;}
.waterPump2 article figure{ border-radius:25px; width:30%; overflow: hidden; position: relative; left:auto; top:auto; float: left;}
.waterPump2 article figure img{ width: 100%; display: block;}
.waterPump2 article.imgRight{ padding:0;}
.waterPump2 article.imgRight figure{ left: auto; right: 0;}
.waterPump2 article.imgRight figure+aside{ padding-right:0; padding-left:30px; text-align: left;}
.waterPump2 article aside{ height:auto;  padding-left:30px;float: left; width:70%; }
.waterPump3 { margin-bottom: 50px;}
.waterPump3 aside:first-of-type figure{ display: none;}  
.waterPump3 aside:first-of-type {padding: 60px 30px 0;}
.waterPump4 article figure { height:auto;}
.waterPump4 article figure img:first-of-type{display: none;}
.waterPump4 article figure img:last-of-type{ display: block; width: 100%;}
.waterPump4 article div{ position: relative; top:auto; right:auto; margin: 0 auto; padding: 50px 0;}
.waterPump4 article div h3{ font-size:36px; color:#ffd800;}

.waterPump5{ position: relative; padding: 0 0 0 0; height:auto; margin-bottom: 30px;}
.waterPump5:after{content:''; display: block; clear: both;}
.waterPump5 aside:first-of-type{ padding-right:2%; float: left; width: 50%;}
.waterPump5 aside:last-of-type{position: relative; top:auto; right:auto; float: left; width: 50%;}
.waterPump5 .pumpMap{ position: relative; width: 100%;}
.waterPump5 .pumpMap img{ position: relative; z-index: 1; width: 100%; }   

.waterPump6 figure{ width:40%;}
.waterPump6 aside{width:60%;}
    
    
 .pumpSelectState{ position: absolute; left:18%; top:35%; right:auto; bottom: auto; z-index: 2; height:39px; width: 150px;}
.pumpSelectState strong{ display: block; width: 150px; height:40px; background: #FFF; border: 1px solid #555; padding: 10px; left: 0; top: 0;}
.pumpSelectState div{ position: absolute; left: 0; top: 100%; right: 0; bottom:auto;  background: #FFF; border: 1px solid #555; display: none; padding: 10px 0;}
.pumpSelectState div span.mapPointer{ position: relative; width: auto; height:auto; display: block; padding:5px 10px; background:none; font-size:13px; line-height:18px; color: #000; cursor: pointer;}
.pumpSelectState div span.mapPointer:hover{background:none;}
.pumpSelectState div span.mapPointer.maharashtra,
.pumpSelectState div span.mapPointer.gujarat,
.pumpSelectState div span.mapPointer.tamilNadu,
.pumpSelectState div span.mapPointer.karnataka,
.pumpSelectState div span.mapPointer.himachalPradesh,
.pumpSelectState div span.mapPointer.assam,
.pumpSelectState div span.mapPointer.madhyaPradesh,
.pumpSelectState div span.mapPointer.rajasthan,
.pumpSelectState div span.mapPointer.panjab,
.pumpSelectState div span.mapPointer.jharkhand,
.pumpSelectState div span.mapPointer.haryana,
.pumpSelectState div span.mapPointer.uttarPradesh,
.pumpSelectState div span.mapPointer.bihar{left:auto; top:auto;}   
    
    
    
    
    
    
}

@media screen and (max-width:768px){
    .waterPump1{ padding: 70px 0 100px;}
    .waterPump3 aside:first-of-type div { font-size: 18px;}
    .waterPump3 aside:first-of-type strong {font-size: 20px;}
    .waterPump3 aside:first-of-type a {font-size: 30px;}
    .waterPump3 aside:last-of-type div {font-size:20px;}
    
    .waterPump5 aside:first-of-type{ padding-right:0%; float: none; width:100%;}
    .waterPump5 aside:last-of-type{float: none; width:100%; max-width: 350px; margin: 0 auto;}
    
    .waterPump6 figure{ width:100%;}
    .waterPump6 aside{width:100%;}
    .waterPump4 h2 big {font-size: 30px;}
    .waterPump4 h2+span { font-size: 20px; line-height: 25px;}
}

@media screen and (max-width:550px){
    
    .waterPump2 article figure{ border-radius:20px; width:100%; margin-bottom: 30px; }
    .waterPump2 article aside{ padding-left:0px;float: none; width:100%; }
    .waterPump2 article.imgRight figure+aside {padding-left:0px;}    
    .waterPump2 article aside span { width:100%; margin-right:0;font-size: 15px; line-height: 25px; padding: 0 10px}
    .waterPump2 article aside span strong {font-size: 20px;}
    
    .waterPump3 {height:auto;border-radius: 50px;background: url(../images/waterPump3-bg1.jpg) no-repeat 100% 100%; background-size: cover;}
    .waterPump3 aside:first-of-type { padding: 60px 30px 0 30px; width:100%; height: auto; text-align: center; background: none;}
    .waterPump3 aside:last-of-type { width:100%; background: none;padding: 40px 0; height: auto;}
    
    .waterPump6 aside{padding: 50px 30px 0;}
    .waterPump5 aside:first-of-type h2 big {font-size: 30px;}
    .waterPump5 aside:first-of-type h2+span {font-size: 21px;line-height: 27px;}
    .waterPump6 aside div h3 {font-size: 20px;}
    .waterPump6 aside div article .pumpLink2{ max-width: 100%; margin-bottom: 20px; line-height: 28px;}
    .waterPump6 aside div article a.pumpLink2:first-of-type { padding-right:0; margin-right:0; border-right: none;}
    .waterPump6 aside div article{ padding: 20px 0 0;}
    .waterPump4 p { font-size:15px;}
    .waterPump5 aside:first-of-type ul li {font-size:15px;}
    
    .pumpMapPop { border-radius: 50px; padding-left:75px;}
    .pumpMapPop ul {margin-left: -70px;}
    .pumpMapPop ul li {font-size: 13px; margin-bottom:10px; padding-left: 70px;}
    .pumpMapPop ul li:last-of-type{ margin-bottom: 0;}
    .pumpMapPop aside{ border-radius:0 50px 50px 0; padding:25px 28px 30px 15px;}
    .pumpMapPopClose {top: -33px; right: 15px;}
    .pumpMapPop ul {margin-left: -70px;}
	
	.solar-module-and-cells-box1-left h4 {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 21px;
    font-size: 28px;
    font-weight: 400;
    color: #242222;
    line-height: normal;
}
	h3.mainhead {

    font-size: 26px;

}
	.soalr_women .box2 h3 {
    font-size: 20px;
    line-height: 28px;
}
	

.solar-module-and-cells-box1-right h4 {

    font-size: 21px;


}
	.solar-module-and-cells-box1-right p {
    font-size: 16px;
}
}
/* solar water pump  20-9-2021  end*/


/*Illuminating a Sustainable Future*/

.illuminating_soalr_sec1{float: left; width: 100%; text-align: center; padding: 57px 0 40px;}
.illuminating_soalr_sec1 h3{font-size: 40px; color: #1361a1;  font-weight: 400;}
.illuminating_soalr_sec1 h3 strong{font-weight: 800;}
.illuminating_soalr_sec1 p{font-size: 18px; color: #242222; padding: 30px 15%; font-weight: 300; line-height: 30px;}
.illuminating_soalr_sec2{float: left; width: 100%; text-align: center; padding: 0px 0;}
.illuminating_soalr_sec2 .thumb{float: left; width: 100%; background: url("../images/women_operator.jpg") center; height: 404px;}
.illuminating_soalr_sec2 .operatorbox{display: inline-block; width: 90%; max-width: 970px;margin: 0 auto; text-align: center; background-color: #fff;

	-webkit-box-shadow: 0px -25px 32px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px -25px 32px 0px rgba(0,0,0,0.15);box-shadow: 0px -25px 32px 0px rgba(0,0,0,0.15); padding: 60px 0; position: relative; margin: -120px 0 0;}
.illuminating_soalr_sec2 .operatorbox h3{padding: 0 10%; font-size: 40px; color: #1361a1;}
.illuminating_soalr_sec2 .operatorbox h3 small{display: inline-block; width: 100%;  font-size: 20px; color: #4b4b4b;}

.illuminating_soalr_sec3{float: left; width: 100%; text-align: center; padding: 0px 40px; margin: 80px 0 0;}
.illuminating_soalr_sec3 .operatorbox{ border-top: 1px solid #c5c5c5;padding: 50px 60px;}
.illuminating_soalr_sec3 .operatorbox h3{padding: 0 10% 40px; font-size: 29px; color: #1361a1; }
.illuminating_soalr_sec3 .operatorbox h3 small{display: inline-block; width: 100%;  font-size: 20px; color: #4b4b4b;}
.illuminating_soalr_sec3 .operatorbox .thumb img{width: 100%;}


.connectbg{float: left; width: 100%; background: url("../images/connectbg.jpg") no-repeat; min-height: 380px; position: relative; text-align: center; margin: 0 0 50px;}
.connectbg .block{position: absolute; bottom: 50px; margin: 0 auto; left: 0; right: 0; }
.connectbg .block h3{color: #ffffff; font-size: 40px;}
.connectbg .block a{color: #000; background-color: #ffd200; padding: 10px 25px; margin: 10px 0 0; display: inline-block;border-radius: 20px;  font-size: 22px; font-weight: 700;}

@media screen and (max-width:850px){
	.illuminating_soalr_sec1 h3 {font-size: 30px;}
	.illuminating_soalr_sec1 p { font-size: 16px; padding: 30px 15px;}
	.illuminating_soalr_sec2 .operatorbox h3 { font-size: 24px;}
	.illuminating_soalr_sec2 .operatorbox h3 small {font-size: 13px;}
	.illuminating_soalr_sec3 .operatorbox {padding: 50px 0px;}
.illuminating_soalr_sec3 { margin: 0px 0 0;}
	.illuminating_soalr_sec3 .operatorbox h3 {font-size: 22px;}
	.illuminating_soalr_sec3 .operatorbox h3 small {font-size: 13px;}
	.soalr_women .box1 { width: 100%;}
	.soalr_women { background-size: cover;}
	.module-cells-row .module-cells-col:first-child {
    width: 100%;
    padding: 0 30px;
    text-align: center;
    border-right: 0px solid #1361a1;
}
	.module-cells-row .module-cells-col:first-child h3 { text-align: center;}
	.connectbg .block h3 { font-size: 30px;}
	.illuminating_soalr_sec1 {    padding: 87px 0 40px;
}
	.soalr_women .box1 h3{text-align: center; padding-left: 0;}
	.illuminating_soalr_sec3 { padding: 0px 0px;}
	
	.pdf_prev{left: 15px;}
.pdf_next{right: 15px;}
}