/*@import "bootstrap.min.css";@import "owl.carousel.min.css";@import "owl.theme.default.min.css";@import "animate.css";@import "lightbox.min.css";*/ @font-face { font-family: "Gotham-Bold"; src: url("../fonts/GOTHAM-BOLD0.eot"); /* IE9 Compat Modes */ src: url("../fonts/GOTHAM-BOLD0d41d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/GOTHAM-BOLD0.otf") format("opentype"), /* Open Type Font */ url("../fonts/GOTHAM-BOLD0.svg") format("svg"), /* Legacy iOS */ url("../fonts/GOTHAM-BOLD0.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/GOTHAM-BOLD0.woff") format("woff"), /* Modern Browsers */ url("../fonts/GOTHAM-BOLD0.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Gotham-Book"; src: url("../fonts/Gotham-Book.eot"); /* IE9 Compat Modes */ src: url("../fonts/Gotham-Bookd41d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Gotham-Book.otf") format("opentype"), /* Open Type Font */ url("../fonts/Gotham-Book.svg") format("svg"), /* Legacy iOS */ url("../fonts/Gotham-Book.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Gotham-Book.woff") format("woff"), /* Modern Browsers */ url("../fonts/Gotham-Book.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Gotham-Light"; src: url("../fonts/Gotham-Light0.eot"); /* IE9 Compat Modes */ src: url("../fonts/Gotham-Light0d41d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/Gotham-Light0.otf") format("opentype"), /* Open Type Font */ url("../fonts/Gotham-Light0.svg") format("svg"), /* Legacy iOS */ url("../fonts/Gotham-Light0.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/Gotham-Light0.woff") format("woff"), /* Modern Browsers */ url("../fonts/Gotham-Light0.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } a:focus{outline:none;} body{padding-top:100px;font-family: "Gotham-Book";} .cstm_hdr{padding:8px 0;background:#fff;box-shadow:0px 4px 8px rgba(0,0,0,0.15);} .cstm_nav{padding:0px;} .navbar-brand{padding:0px;margin-right: 65px;position:relative;} .navbar-brand:before{content: '';right: 0px;background: #fecf05;bottom: -8px;height: 100px;width: 1000%;position: absolute;z-index: -1;} .navbar-brand:after{content: '';left:100%;bottom:-8px;position:absolute;border-left:30px solid #fecf05;border-top:105px solid #fecf05;border-right:30px solid transparent;z-index:-1;} .navbar-brand img{height:84px;} .tp_ct_mn{margin-bottom:15px;} .tp_ct_mn a{padding: 0px 2px;margin-left:10px;font-family: "Gotham-Book";font-size: 14px;color: #000;letter-spacing:1px;align-self:center;transition:.3s;} .tp_ct_mn a#get_q_sl{background:#fecf05;color:#000;padding:5px 15px;line-height:initial;border-radius:20px;font-family: Gotham-Bold;text-transform: uppercase;box-shadow:0px 4px 8px #eee;} .tp_ct_mn a.titanic{position:relative;margin-left:40px;color:#ed1c24;} .tp_ct_mn a.titanic svg{width: auto !important;height: 18px !important;position: absolute;right:102%;top:-2px;} .tp_ct_mn a:hover{color:#ed1c24;color:#058e4d;} .tp_ct_mn a#get_q_sl:focus{outline:none;} .tp_ct_mn a#get_q_sl:hover{background:#ed1c24;background:#058e4d;color:#fff;transform:scale(1.2);} .main_nav_ul > li{margin-left:10px;} .main_nav_ul li > a{padding-top:0;padding-bottom:0px;font-family: "Gotham-Book";text-transform: uppercase;font-size: 14px;color: #000;letter-spacing:1px;} .main_nav_ul li > a:hover{color:#000;color:#058e4d;} .main_nav_ul li:last-child a.nav-link{padding-right:0px;} .dropdown-menu{top: 20px;display: block;visibility: hidden;border: 0px;box-shadow: 0px 10px 10px rgba(0,0,0,0.15); transform: scale(0.5);border-bottom: 10px solid #fecf05;padding-bottom:10px;z-index:1;transition: all ease-in-out .3s;} .dropdown-menu:before{content: '';position: absolute;bottom:-20px;left: 0%;width: 100%;height: 15px;background: #058e4d;z-index: -2;border-radius: 0 0 5px 5px;} .drp_down:hover .dropdown-menu{ top:100%;visibility:visible;transform:scale(1);} .drp_down{padding-right:5px;margin-right:10px;} .drp_down:after{content: '';position: absolute;width: 6px;height: 6px;right: 0;border-right: 1px solid #000;border-bottom: 1px solid #000;transform: rotate(45deg) translateY(-50%);top: 50%;transform-origin: right;} .drp_down .dropdown-menu .nav-item .nav-link{white-space: nowrap;padding:5px .5rem;border-bottom:1px solid #eee;position:relative;text-transform: none;} .drp_down .dropdown-menu .nav-item .nav-link:before{content:'';width:0px;height:1px;left:50%;transform:translateX(-50%);top:100%;background:#058e4d;position:absolute;transition:.3s;} .drp_down:hover > a,.drp_down:hover > a:hover, .dropdown-menu .nav-item .nav-link:hover{color:#ed1c24;color:#058e4d;} .dropdown-menu .nav-item .nav-link:hover:before{width:90%;} /*Defines icon colors*/ .titanic path { fill: #058e4d; stroke: #058e4d; } .hm_top_slider{position:relative;} #h_tp_slidr .owl-item:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 0px 0px 100px rgba(0,0,0,0.8);} #h_tp_slidr:after{content:'';position:absolute;bottom:-5px;z-index:5;background:url('../img/top-half-c.svg') center top no-repeat;background-size:cover;width:100%;height:200px;} #h_tp_slidr .owl-dots{z-index:10;position: absolute;width: 100%;margin: 0px;bottom:120px;} #h_tp_slidr .owl-dots .owl-dot:focus{outline:none;} #h_tp_slidr .owl-dots .owl-dot span{width:30px;height:12px;background:transparent;border:2px solid #f2f2f2;border-radius:20px;margin-top:0;margin-bottom:0px;transition:.3s;} #h_tp_slidr .owl-dots .owl-dot:hover span{background:#f2f2f2;} #h_tp_slidr .owl-dots .owl-dot.active span{background:#fecf05;border-color:#fecf05;} .hm_slidr_abs_cont{position:absolute;width:100%;margin:0px auto;max-width:1140px;height:100%;z-index: 1;bottom:0px;left:50%;transform:translateX(-50%);} .slidr_wid{width:300px;text-align:center; padding:0px 30px 50px;left:5%;position:absolute;z-index:1;bottom:170px;} .slidr_wid:before{content:'';position:absolute;left:-25px;top:-80px;z-index:-1;background:url('../img/bulb-shape.svg') left top no-repeat;background-size:100%;width:350px;height:350px;} .slidr_wid h1{font-size:1.5rem;letter-spacing:0.5px;font-family: Gotham-Book;color:#111;} .slidr_wid a{color:#000;display:inline-block;padding:8px 16px;font-family: Gotham-Bold;font-size:14px; text-decoration:none;letter-spacing:0.5px; margin:10px 0;text-transform:uppercase;position:relative;transition:.3s;z-index:1;} .slidr_wid a:hover{color: #fff;} .slidr_wid a:before{content:'';z-index:-1;position:absolute;left:0px;top:0px;width:20%;height:50%;border:2px solid;border-bottom:0;border-right:0px;border-radius:30px;transition:.3s;} .slidr_wid a:after{content:'';z-index:-1;position:absolute;right:0px;bottom:0px;width:20%;height:50%;border:2px solid;border-top:0;border-left:0px;border-radius:30px;transition:.3s;} .slidr_wid a:hover:before,.slidr_wid a:hover:after{width:100%;height:100%;background: #058e4d;border-color:#058e4d;} /* the wox common section padding */ .tw_sec_pad{padding:40px 0;} .rm_pad_tp{padding-top:0px;} .rm_pad_bm{padding-bottom:0px;} .hm_ab_in_usp{position:relative;min-height:300px;background:#058e4d;z-index:1;} .home_about{text-align:center;font-size:14px;} .h_ti_bld{letter-spacing:1px;font-family: Gotham-Bold;} .home_about .h_ti_bld{margin-top:-100px;font-size:2rem;color:#000;} .home_about p{color:#111;} .home_about p strong{font-size:15px;font-family: Gotham-Bold;font-weight:normal;} .usp_row{margin-top:20px;} .usp_col{text-align:center;} .usp_col span{font-size:1.5rem;color:#fecf05;letter-spacing:1px;display:inline-block;margin-bottom:6px;} .usp_col span.count:after{content:'+';display:inline-block;margin-left:5px;} .usp_col h3{font-size:1.25rem;color:#ccfce5;letter-spacing:0.5px;line-height:1.7rem;} .cntr_med_link{text-align:center;margin:20px 0 10px;} .cntr_med_link a{display:inline-block;text-align:center;text-decoration:none;background:#fecf05;color:#000;padding: 10px 20px;letter-spacing: 1px;border-radius: 30px;transition:.3s;} .cntr_med_link a:hover{color:#fff;background:#03753f;box-shadow:0px 0px 10px rgba(0,0,0,0.15);transform:scale(1.2);} .sec_ti_cen{font-size:1.6rem;text-align:center;letter-spacing:0.5px;font-family:Gotham-Bold;margin:0px 0px 30px;} .sec_ti_cen span{display:inline-block;padding:0 0 5px;position:relative;z-index:1;} .sec_ti_cen span:before{content:'';z-index:-1;position:absolute;bottom:0px;height:2px;width:30%;background:#fecf05;border-radius:10px;right:50%;} .sec_ti_cen span:after{content:'';z-index:-1;position:absolute;bottom:0px;height:2px;width:30%;background:#058e4d;border-radius:10px;left:50%;} .txt_w span{color:#fff;} .txt_w span:before,.txt_w span:after{background:#fff;} .txt_w strong{font-family:Gotham-Book;font-size:14px;} .revers_svg_grey{height:50px;} .revers_svg_grey svg{transform:rotate(180deg);margin-bottom:-15px;} #products{padding:60px 0;position:relative;} #products:before{content:'';position:absolute;width:100%;height:100%;z-index:-1;opacity:0.2;left:0px;top:20px;background:url('../img/cloud.png') left top no-repeat;} .prod_c_pg{position:relative;display:block;} .pd_cat_ovr{position:absolute;top:90%;width:100%;height:50%;padding:20px;transition:.3s; background: linear-gradient(to Bottom,rgb(5, 142, 77),rgb(254, 207, 5) );} .pd_cat_ovr h3{color:#fecf05;font-size:1.4rem;font-family:Gotham-Bold;letter-spacing:0.5px;text-transform:uppercase;} .pd_cat_ovr p{color:#fff;font-size:14px;letter-spacing:1px;opacity:0; visibility:hidden;transition:.3s;} .pd_cat_ovr p span{background: #fff;border-radius: 20px;display: inline-block;color: #000;padding: 10px 20px; line-height: initial;letter-spacing: 1px;margin-top: 15px;font-size: 14px;font-family: Gotham-Bold;transition:.3s;} .prod_c_pg:hover .pd_cat_ovr{top:30%;height:100%;background:linear-gradient(to Bottom,rgba(5, 142, 77, 0.92),rgb(254, 207, 5,0.92));} .prod_c_pg:hover .pd_cat_ovr p{visibility:visible;opacity:1;} .prod_c_pg:hover .pd_cat_ovr p span:hover{background:#fecf05; transform:scale(1.15); box-shadow:0px 0px 10px rgba(0,0,0,0.15);} .prod_c_pg:focus{outline:none;} #hm_testimonial{position:relative;background:url('../img/testimonial.jpg') center center no-repeat;background-size:100%;background-attachment:fixed;min-height:300px;} #hm_testimonial:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(to Right,#fecf05,#058e4d,#1b6baa);opacity:0.93;} #hm_testi_slider{padding:0px;} .testi_item{padding:30px 30px 10px;text-align:center;border-radius:30px 30px 0 0;background:#fff;margin-top:50px;padding-top:60px;position:relative;} .testi_item > span{position:absolute;border-radius:10px;background:#fff;left:50%;transform:translateX(-50%);top:-50px;border-radius:50%;width:100px;height:100px;} .testi_item > span img{width:100%;border-radius:50%;filter:brightness(120%);} .testi_item p{font-size:14px;letter-spacing:1px;color:#111;text-align:center;} .testi_meta_h{display:flex;text-align:left;justify-content:center;align-items:center;} .testi_comp_logo img{height:50px !important;margin-right: 20px;} .testi_meta_c{padding:5px 10px;} .testi_meta_c h4{font-size:14px;font-family:Gotham-Bold;letter-spacing:1px;margin-bottom:5px;} .testi_meta_c h5{font-size:12px;letter-spacing:1px;margin-bottom:0px;} #hm_testi_slider .owl-item{transform:scale(0.5);opacity:0.2;transition:.3s;} #hm_testi_slider .owl-item.active.center{transform:scale(1);opacity:1;} #hm_testi_slider .owl-dots{margin:20px 0;} #hm_testi_slider .owl-dots .owl-dot:focus{outline:none;} #hm_testi_slider .owl-dots .owl-dot span{width:30px;height:12px;background:transparent;border:2px solid #f2f2f2;border-radius:20px;margin-top:0;margin-bottom:0px;transition:.3s;} #hm_testi_slider .owl-dots .owl-dot:hover span{background:#f2f2f2;} #hm_testi_slider .owl-dots .owl-dot.active span{background:#fecf05;border-color:#fecf05;} #hm_news{background:linear-gradient(To Top,#fff,#f4f4f4);position:relative;} .news_bx{transition:.3s;background:#fff;} .news_bx:hover{box-shadow:0px 5px 10px #eee;} .news_bx > a {display:block;overflow:hidden;} .news_bx > a img{transition:.3s;} .news_bx:hover > a img{transform:scale(1.1);} .nws_sm{padding:10px;} .dt_mor{display:flex;justify-content: space-between;margin:10px 0;} .dt_mor span,.dt_mor a{font-size:12px;padding:4px 8px;border-radius: 16px;letter-spacing:1px;line-height:initial;} .dt_mor span{background:#f4f4f4;color:#000;} .dt_mor a{color:#000;background: #fecf05;text-transform:uppercase;text-decoration:none;transition:.3s;} .dt_mor a:hover{background:#058e4d;color:#fff;} .nws_sm h4{font-size:14px;line-height:20px;letter-spacing:0.5px;max-height:67px;overflow:hidden;margin-bottom:0px;} .nws_sm h4 a{color:#111;text-decoration:none;display:block;} .nws_sm h4 a:hover{color:#058e4d;} #quote_sec{position:relative;z-index:1;} #quote_sec:before{content:'';position:absolute;left:0px;bottom:0px;width:100%;height:100%;z-index:-1;background:#fff url('../img/solar-enrgy-back-tr.png') center bottom no-repeat;background-size:contain;} #quote_sec:after{position:absolute;content:'';height:80px;background:url('../img/ftr.svg') center bottom no-repeat;background-size:cover;left:0%;right:0;bottom:-10px;z-index:1;width:100%;} .quote_fom{background:#fff;width:520px;margin:0px auto;padding:20px;border-radius:30px 30px 0 0;padding-bottom:60px;transform:translateY(20px);box-shadow:0px 100px 300px rgba(0,0,0,0.07);} .quote_fom h4{letter-spacing:1px;font-family:Gotham-Bold;font-size:1.25rem;} .quote_fom p{font-size:14px;letter-spacing:0.5px;color:#111;} .fm_input{display:block;font-size:14px;letter-spacing:0.5px;width:100%;margin-top:10px;padding:5px 10px;background:transparent;border:1px solid #eee;border-radius:5px;box-shadow:none;transition:.3s;} .fm_input:focus{border-color:#666;} .sbmit_up{position:relative;z-index:2;text-align:center;} .sbmit_q_btn{position:absolute;left:50%;transform:translateX(-50%);transform-origin: left;margin-top:-10px;font-size:17px;line-height:initial;letter-spacing:1px;background:#058e4d;color:#fff;padding:10px 20px;border:0px;border-radius:30px;} .sbmit_q_btn:hover{background:#047841;box-shadow:0px 4px 8px rgba(0,0,0,0.15);} .sbmit_q_btn:active{background:#058e4d;transform:scale(0.95) translateX(-50%);} footer.abs_ft_rev{background:#fecf05;position:relative;z-index:1;padding-top:30px;min-height:200px;} .abs_ft_rev:before{} .ftr_nav{} .ftr_nav h5{font-size:14px;color:#000;letter-spacing:1px;text-transform:uppercase;} .ftr_nav ul{padding-left:16px;list-style:circle;} .ftr_nav ul li{margin:4px 0;line-height:initial;} .ftr_nav ul li a{color:#000;font-size:12px;letter-spacing:0.5px;text-decoration:none;transition:.3s;} .ftr_nav ul li a:hover{padding-left: 5px;font-size:13px;} .ftr_nav > a{color:#fff;font-size:14px;font-family:Gotham-Bold;letter-spacing:0.5px;color:#000;display:block;text-decoration:none;transition:.3s;} .ftr_nav > a:hover{padding-left: 5px;font-size:15px;} ul.soc_link{margin:5px 0 0;padding-left:0px;} .soc_link a{display:inline-block;width:30px;margin-top:10px;} .soc_link a + a{margin-left:10px;} .soc_link a span.titanic path{fill:#fff;stroke:#000;} .copy_bg{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);margin-top:10px;} .copy_r{padding:15px 0;} .copy_r p{text-align:center;color:#000;font-size:12px;letter-spacing:0.5px;margin:0px;} .copy_r a{color:#1b1fc6;text-decoration:none;transition:.3s;} .copy_r a:hover{letter-spacing:1px;} /* */ #proj_portfolio{background:linear-gradient(To Top,#fff,#f4f4f4);position:relative;} #proj_slidr .owl-nav{position: absolute;top: -70px;right: 0;width: 100%;margin:0px;} #proj_slidr .owl-nav .owl-prev span,#proj_slidr .owl-nav .owl-next span{font-size:45px;line-height:30px;} #proj_slidr .owl-nav button{margin:0px;width:40px;height:40px;color:#000;vertical-align: middle;display: inline-block;border-radius:50%;transition:.3s;} #proj_slidr .owl-nav .owl-prev{margin-right:150px;} #proj_slidr .owl-nav .owl-next{margin-left:150px;} #proj_slidr .owl-nav button:hover{background:#fecf05;} #proj_slidr .owl-nav button:focus{outline:none;} .proj_gal_itm{padding-bottom:20px;} .proj_gal_itm figure{position:relative;overflow:hidden;display:block;margin:0;} .proj_gal_itm figure img{filter:grayscale(0.9);transition:.3s;} .proj_gal_itm:hover figure img{filter:grayscale(0);transform:scale(1.1);} .proj_meta{background:#fff;box-shadow:0px 0px 10px #eee;display:flex;} .proj_meta > div{flex:1;padding:20px;} .proj_loc{position:relative;z-index:1;overflow:hidden;background:#fecf05;} .proj_loc span,.proj_pwr span{font-size:12px;font-family:Gotham-Bold;letter-spacing:0.5px;color:#000;display: inline-block;padding: 5px 0;} .proj_loc span:before{content:'';display:inline-block;vertical-align:middle;width:10px;height:2px;background:#000;margin-right:2px;} .proj_loc h4,.proj_pwr h4{font-size: 1.15rem;letter-spacing: 1px;font-family: Gotham-Bold;color:#000;} .proj_pwr{background:#058e4d;} .proj_pwr h4,.proj_pwr span{color:#fff;} .proj_pwr span:before{content:'';display:inline-block;vertical-align:middle;width:10px;height:2px;background:#fff;margin-right:2px;} /*contact*/ .page_title_c{background:linear-gradient(to Left,#5967b4,#058e4d);padding:20px 0;} .page_title_c h1{font-size:26px;margin:0px;text-transform:uppercase;color:#fff;text-align:center; } .page_title_c h1 span{padding: 0px 20px 7px;} .office_address{padding:25px;background:#fecf05;padding-right:10px;} .office_address + .office_address{margin-top:30px;} .office_address h2{font-size:20px;padding:0px;margin:0 0 10px;position:relative;padding-bottom:5px;} .office_address h2:before{content:'';position:absolute;left:0px;bottom:0px;width:80px;height:1px;background:#444;} .office_address p{padding-left:30px;position:relative;font-size:14px;letter-spacing:0.5px;margin-bottom: 10px;} .office_address p i{font-size:16px;width:30px;left:0px;top:2px;position:absolute;text-align:center;} .send_q_plain h3{font-size:20px;color:#000;padding-bottom:2px;border-bottom:1px solid #eee;} .plain_q_sec{margin-top:10px;} .plain_q_sec input,.plain_q_sec select,.plain_q_sec textarea{background:#ebebeb;border:1px solid #aaa; color:#000;padding:8px 15px;display:block;margin-bottom:10px;width:100%;transition:all linear 0.3s;} .plain_q_sec input:focus,.plain_q_sec select:focus,.plain_q_sec textarea:focus{background:#fefefe;box-shadow:0px 0px 5px #ddd;border-color:transparent;} .plain_q_sec textarea{height:132px;max-height:132px;width:100%;max-width:100%;min-width:100%;} .plain_q_sec input[type="submit"]{background:#1070ac;color:#fff;text-transform:uppercase;} .plain_q_sec input[type="submit"]:hover{background:#2181bd;} .plain_q_sec input[type="submit"]:active{box-shadow:inset 0px 0px 10px #063E62;} .ac_cont_pfm{padding:25px;box-shadow:0px 5px 30px rgba(0,0,0,0.08);} .ac_cont_pfm .send_q_plain h3{font-family:"Gotham-Book";font-weight:normal;letter-spacing:1px;} .ac_cont_pfm .plain_q_sec input,.ac_cont_pfm .plain_q_sec textarea{background:transparent;font-size:14px;font-family: "Gotham-Book";letter-spacing:1px;margin-bottom:10px;} .ac_cont_pfm .plain_q_sec textarea{height: 110px;max-height: 110px;} .ac_cont_pfm .plain_q_sec input:focus,.ac_cont_pfm .plain_q_sec textarea:focus{box-shadow:0px 4px 8px rgba(0,0,0,0.12);} .ac_cont_pfm .plain_q_sec input[type="submit"]{background:#058e4d;font-family:"Gotham-Bold";} .ac_cont_pfm .plain_q_sec input[type="submit"]:hover{background:#047841;} .map_cont{position:relative;overflow:hidden;} .map_cont iframe{width:100%;pointer-events: none;} .map_ovrl{position:absolute;width:100%;padding-top:70px;transition:all linear 0.3s;height:100%;top:0px;background:rgba(23, 53, 75, 0.78);} .map_orl_hid{top:95%;transition:all linear 0.3s;} .map_ovrl p{margin-top:20px;font-size:18px;color:#fff;} .mid_tch{position:relative;display:inline-block;} .tch_span{position:absolute;top:120px;left:30px;color:#fff;font-size:18px;} .clk_span{position:absolute;top:120px;right:30px;color:#fff;font-size:18px;} .li_gry{background:#f4f4f4;} .car_openings{display:flex;} .car_openings > div{flex:1;} .openings{position:relative;} .openings h2{position:relative;padding:0 0 5px;font-size: 20px;font-family: "Gotham-Book";font-weight: normal;letter-spacing: 1px;} .openings h2:before{content:'';position:absolute;bottom:0px;height:1px;background:#000;width:100px;left:0px;} .jb_bx_c{display:flex;flex-wrap:wrap;justify-content:space-between;} .jb_bx{background:#058e4d;padding:10px;-webkit-box-flex: 0;-ms-flex: 0 0 48%;flex: 0 0 48%;position:relative;overflow:hidden;} .jb_bx:nth-child(n+3){margin-top:4%;} .jb_bx h3{font-size: 17px;margin-bottom:5px;font-family: "Gotham-Book";letter-spacing: 1px;color:#fecf05;} .wrk_exp,.jb_loc{font-size:14px;letter-spacing: 1px;color:#fefefe;} .car_cntrl{position: absolute;width: 100%;top: 0;left: 0;padding:12% 8%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity:0;transition:.3s;text-align:center;} .car_cntrl span{display:inline-block;font-size:12px;line-height:normal;text-transform:uppercase;letter-spacing:1px;padding:5px 10px;border-radius:20px;transition:.3s;cursor:pointer;} .car_cntrl_view{margin-right:10px;background:#fff;color:#000;} .car_cntrl_apply{background:#fecf05;color:#000;} .car_cntrl span:hover{padding:5px 15px;} .jb_bx:hover .car_cntrl{opacity:1;} .jb_bx:hover >*:not(.car_cntrl){filter:blur(2px);} .car_apply{max-width:360px;transition:.3s;margin-left:30px;} .car_fom{padding: 25px;position:sticky;top:85px;background:#fff;box-shadow: 0px 5px 20px rgba(0,0,0,0.06);} .form-group{margin-bottom:10px;} .form-control{transition:.3s;border-radius:0px;padding:8px 15px;background: transparent; font-size: 14px;font-family: "Gotham-Book";letter-spacing: 1px;border-color:#aaa;color:#000;} .form-control:focus{box-shadow:0px 4px 8px rgba(0,0,0,0.12);border-color:transparent;} .f_gp{position:relative;} .f_txt{padding:8px 15px;background:#eee;} .f_txt p{margin-bottom:0px;font-size:14px;} .f_txt + input[type="file"]{ position:absolute;z-index:1;opacity:0;font-size:0;left:0;top:0;height:100%;width:100%;} .form-group input[type="submit"].form-control{background: #fecf05;font-family: "Gotham-Bold";letter-spacing:1px;color:#000;border-color:transparent;text-transform:uppercase;} .form-group input[type="submit"].form-control:active{transform:scale(0.9);box-shadow: 0px 4px 8px rgba(0,0,0,0.15);} .car_small_desc{padding-bottom:20px;} .car_small_desc p{text-align:justify;margin-bottom:10px; font-size:14px;letter-spacing:0.5px;} .life_at_eco{} .life_slidr{} .lf_slid_itm{position:relative;overflow:hidden;} .lf_slid_itm img{} .lf_slid_itm1:after{content: '+';font-family: Gotham-Bold;padding:22% 25%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);color: #fff;font-size: 32px;text-align: center;transform:scale(0);transition:.3s;} .lf_slid_itm1:hover:after{transform:scale(1.2);} .life_cnt > h2{text-align:left;letter-spacing:1px;font-size:1.6rem;color:#000;font-family:Gotham-Bold;} .life_cnt > h3{font-size:1.3rem;letter-spacing:1px;font-family:Gotham-Bold;} .life_cnt p{margin-bottom:10px;font-size:14px;letter-spacing: 0.5px;color: #111;text-align:justify;} .life_cnt ul{padding:5px;} .life_cnt ul li{list-style:none;padding-left:60px;position:relative;} .life_cnt ul li:before{content:'';position:absolute;left:0;top:0;width:30px;height:30px; border-radius:50%;background:#fecf05;} .life_cnt ul li:after{content: '';position: absolute;top: 6px;left: 10px;width: 30px;height: 10px;border-left: 2px solid;border-bottom: 2px solid;z-index: 1;transform: rotate(-30deg);} .life_cnt ul li h4{font-size:1rem;letter-spacing:1px; font-family:Gotham-Bold;margin-bottom:5px;line-height:initial;} @keyframes cir_pulse{ 0%,100%{transform: scale(1);} 50%{transform: scale(1.3);opacity:0.8;} } @-webkit-keyframes cir_pulse{ 0%,100%{transform: scale(1);} 50%{transform: scale(1.3);opacity:0.8;} } .tw-modal-md{max-width:600px;} .modal-backdrop.show{opacity:0.85;} .my_modal_st .modal-content{border:0px;} .my_modal_st .modal-header{background:#058e4d;color:#fecf05;position:relative;} .my_modal_st .modal-header .close{color:#fff;position:absolute;top:50%; transform:translateY(-50%);right:0px;margin: 0;} .my_modal_st .modal-header .close:focus{outline:none;} .car_mod_apply{padding:20px;} .car_mod_apply,.car_mod_apply:focus{outline:none;box-shadow:none;border:0px;} .car_mod_apply:hover{background:#fecf05;color:#000;} .car_mod_apply:active,.car_mod_apply:active:focus{transform:scale(0.95);background:#fecf05;color:#000;box-shadow:0px 5px 10px rgba(0,0,0,0.12);} #job_desig{font-size:1.6rem;letter-spacing:1px;line-height: initial;font-family:Gotham-Bold;} .job_detail_v{} .job_detail_v table{} .job_detail_v thead{} .job_detail_v thead tr th{letter-spacing:1px;font-size:17px;font-weight:normal;font-family:Gotham-Bold;border:0px;} .job_detail_v tbody tr td{letter-spacing:0.5px;font-size:14px;} .job_detail_v h5{letter-spacing:1px;font-size:17px;font-family:Gotham-Bold;font-weight: normal;} .job_det_txt{} .job_det_txt p{font-size:14px;letter-spacing:0.5px;color:#111;margin-bottom:10px;} .job_det_txt ul{list-style:none;padding:5px;} .job_det_txt ul li{position:relative;padding-left:30px;font-size:14px;letter-spacing:0.5px;color:#111;margin-bottom:8px;} .job_det_txt ul li:before{content: '';position: absolute;left: 0px;top: 2px;width: 16px;height: 16px;border: 4px solid #058e4d;background: #fecf19;border-radius: 16px 16px 16px 0px;transform: rotate(225deg);} .car_mod_apply{background: #fecf05;font-family: "Gotham-Bold";letter-spacing: 1px;color: #000;border-color: transparent;text-transform: uppercase;} .b_fill{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(255,255,255,0.7);} .car_apply_act{max-width:420px;} /* download center */ .download_cntr{} .down_categ_vise + .down_categ_vise {margin-top:30px;} .categ_title{padding-bottom:5px;position:relative;font-size:1.3rem;text-transform: uppercase;letter-spacing:1px;font-family:Gotham-Bold;} .down_flx_ro{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;justify-content:space-between;align-items:center;} .down_bx{display:flex;justify-content: space-between;align-items: center;margin: 10px 0;background:#058e4d;padding:20px;} .df_title{font-size:15px;font-family:Gotham-Bold;letter-spacing:0.5px;color:#fff;} .df_l_h a{display:inline-block;font-size:12px;letter-spacing:0.5px;padding:5px 10px;background:#fecf05;color:#000;border-radius:20px;text-decoration:none;position:relative;line-height: initial;text-transform:uppercase;transition:.3s;} .df_l_h a:hover{box-shadow:0px 5px 10px rgba(0,0,0,0.15);transform:scale(1.1);} /* terms cont */ .terms_cont{padding:30px;border-radius:30px 30px 0 0;box-shadow:0px 10px 30px rgba(0,0,0,0.08);position:relative;} .terms_cont,.terms_cont p,.terms_cont ul li{font-size:14px;letter-spacing:0.5px;color:#111;} .terms_cont h4{font-size:1.3rem;font-family:Gotham-Bold;letter-spacing:1px;margin:0px 0 10px;padding-bottom:4px;border-bottom:1px solid #eee;} .terms_cont h4:nth-of-type(n + 2){padding-top:10px;} .terms_cont p{margin-bottom:15px;text-align:justify;} .terms_cont strong,.terms_cont b{font-size:17px;letter-spacing:1px;color:#000;} .terms_cont ul{list-style:none;padding-left:0px;} .terms_cont ul li{margin-bottom:8px;position:relative;padding-left:20px;line-height:initial;line-height: 20px;} .terms_cont ul li:before{content:'';position:absolute;left:0px;top:8px;height:2px;background:#000;width:12px;} .terms_cont a{color:#264cd9;text-decoration:none;} .terms_cont a:hover{color:#1ec174;} .effect_dt{background: #fecf05;color: #000;padding:5px 10px;border-radius:20px;display:inline-block;margin-bottom:20px;} /* pg banner */ .pg_banr{position:relative;} .pg_banr img{margin-top:-80px;} .abt_banr:after{content:'';position:absolute;left:0;top:0;width:100%;bottom:0;background:linear-gradient(to Left,#fecf05,#5967b4,#058e4d);opacity:0.8;z-index:1;background:linear-gradient(to Left,#fecf05,#12279b,#07894c);background:linear-gradient(to Left,#fecf05,#000,#07894c);} .abt_ban_txt{position:absolute;z-index:2;width:600px;left:50%;top:50%;transform:translate(-50%,-50%);text-align: center;} .abt_ban_txt h1{color: #fff;font-family: Gotham-Bold;font-size: 1.8rem;text-transform: uppercase;letter-spacing: 1px;} .abt_ban_txt p{font-size:14px;letter-spacing:0.5px;color:#fff;} .abt_ban_txt h1 span{position:relative;padding:0px 10px;display:inline-block;margin-bottom:20px;} .abt_ban_txt h1 span:before{content:'';position:absolute;width:30px;left:-5px;top:-5px;height:30px;border-left:2px solid;border-top:2px solid;} .abt_ban_txt h1 span:after{content:'';position:absolute;width:30px;height:30px;border-right:2px solid;border-bottom:2px solid;right:-5px;bottom:-5px;} .abt_pg_cnt{display:flex;} .abt_usp_flx{margin-left:20px;background:#058e4d;padding:20px;-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;} .abt_ful_txt,.abt_ful_txt p,.abt_ful_txt ul li{font-size:14px;letter-spacing:0.5px;color:#111;} .abt_ful_txt p{margin-bottom:15px;text-align:justify;} .abt_ful_txt h2{font-family: Gotham-Bold;font-size: 30px;margin-bottom: 10px;padding-bottom: 4px;border-bottom: 1px solid #eee;} .rm_mgn{margin:0px;} .abt_usp .usp_col{text-align:left;padding:15px;} .abt_usp .usp_col h3{color:#fff;font-size:14px;line-height:20px;margin-bottom:0px;} .abt_usp .usp_col span{line-height:initial;} .usp_icon{max-width:60px;max-height: 60px;} #vision-mission{position:relative;} #vision-mission:before{content:'';width:100%;height:100%;left:0;top:0;position:absolute;background: url('../img/vi-mi-back.png') left bottom no-repeat;background-size: contain;opacity:0.2;z-index:-1;} .vi_mi{position:relative;} .vi_mi:before{content:'';position:absolute;z-index:-1;top:74px;left:-2px;border-radius:20px 0px 0 20px;width:100px;height:30px;background:linear-gradient(to Right,#fecf05,#fff);} .vi_mi img{width:100px;padding:10px;} .vi_mi h2,.co_val_cnt h3{font-size:1.3rem;letter-spacing:1px;font-family:Gotham-Bold;} .vi_mi p,.co_val_cnt p{font-size:14px;letter-spacing:0.5px;color:#111;text-align:justify;padding:4px;} #core-values{padding:100px 0;background:url('../img/core-bg2.jpg') center center no-repeat;background-size:cover;background-attachment:fixed;position:relative;} #core-values:before{content:'';position:absolute;left:0;top:0;width:100%;bottom:0;background: linear-gradient(45deg,#fecf05,#000,#000,#058e4d);opacity:0.6} .co_val_cnt{max-width:600px;margin:0px auto;text-align:center;} .co_val_cnt h3{color:#fff;} .co_val_cnt p{color:#fff;text-align:center;} .co_val_cnt strong,.co_val_cnt b{font-weight:normal;font-family:Gotham-Bold;letter-spacing:1px;color:#fecf05;} /* client testi */ .al_cl_log{display:flex;flex-wrap:wrap;} .al_cl_log > div{min-width:20%;padding:20px;max-width:20%;} .al_cl_log > div:nth-child(2n+1){background:#f3f3f3;} .al_cl_log > div img{width:100%;} .al_testi{display:flex;flex-wrap:wrap;margin:40px 0 0;padding:10px 0;} .al_testi .testi_item{max-width:60%;margin-top:50px;} .al_testi .testi_item:nth-child(2n+1){margin-right: auto;margin-left: 140px;padding: 20px;border-radius: 0 20px 20px 20px;box-shadow: 3px 10px 20px rgba(0,0,0,0.10);border-left: 4px solid #fecf05;} .al_testi .testi_item:nth-child(2n+1) > span{transform: none;left:-140px;top:-10px;} .al_testi .testi_item:nth-child(2n+2){margin-left: auto;margin-right: 140px;padding: 20px;border-radius: 20px 0px 20px 20px;box-shadow: -3px 10px 20px rgba(0,0,0,0.10);border-right: 4px solid #fecf05;} .al_testi .testi_item:nth-child(2n+2) > span{transform: none;left:auto;right:-140px;top:-10px;} .al_testi .testi_item:nth-child(2n+1):before{content: '';left: -40px;top: -30px;position: absolute;border-top: 20px solid #058e4d;border-right: 20px solid #fecf05;border-bottom: 20px solid transparent;border-left: 20px solid transparent;border-radius: 40px 40px 0 0;} .al_testi .testi_item:nth-child(2n+2):before{content: '';right: -40px;top: -30px;position: absolute;border-top: 20px solid #058e4d;border-left: 20px solid #fecf05;border-bottom: 20px solid transparent;border-right: 20px solid transparent;border-radius: 40px 40px 0 0;} .al_testi .testi_item p,.al_testi .testi_item .testi_tx_h,.al_testi .testi_item .testi_tx_h p{text-align:justify;} .al_testi .testi_meta_h{justify-content: left;flex-direction:row-reverse;} /* Our Leaders */ .flx_ldr{display:flex;} .flx_ldr + .flx_ldr{margin-top:60px;} .ldr_img{-webkit-box-flex: 0;-ms-flex: 0 0 35%;flex: 0 0 35%;} .ldr_img img{width:100%;border-radius:50px 50px 0;position:sticky;top:120px;} .ldr_desc{margin-left:30px;} .ldr_meta_stick{position:sticky;top:100px;z-index:1;padding-bottom:10px;background:#fff;} .ldr_meta_stick h2{font-size:1.5rem;font-family:Gotham-Bold;letter-spacing:1px;color:#000;position:relative;} .ldr_meta_stick h2:before{content: '';position: absolute;left: -22px;top: 58px;height: 20px;background: #fecf05;width: 20px;z-index: -1;transform: rotate(45deg);} .ldr_meta_stick:after{content:'';position:absolute;left:0px;top:66.5px;height:2px;width:100px;background:#058e4d;} .ldr_meta_stick h3{font-size:1.1rem;letter-spacing:1px;color:#000;} .ldr_desc_cnt{padding-top:10px;position:relative;} .ldr_desc_cnt p,.ldr_desc_cnt ul li{font-size:14px;letter-spacing:0.5px;color:#111;} .ldr_desc_cnt p{margin-bottom:15px;} .ldr_desc_cnt ul{list-style:none;padding:5px;} .ldr_desc_cnt ul li{margin-bottom:8px;position:relative;padding-left:30px;} .ldr_desc_cnt ul li:before{content: '';position: absolute;left: 0px;top: 4px;width: 16px;height: 16px;border: 4px solid #058e4d;background: #fecf19;border-radius: 16px;} /* team member */ .team_m_flx{display:flex;flex-wrap:wrap;} .team_m_bx{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;position:relative;overflow:hidden;} .team_m_bx figure{margin:0px;} .team_m_bx figure img{width:100%;filter:grayscale(100);transition:.3s;} .team_m_bx div{position: absolute;left: 0;bottom: -50%;background: rgba(5, 142, 77, 0.9);transition: .3s;width: 100%;padding: 10px;} .team_m_bx div h4{font-size: 17px;color: #fff;margin-bottom: 5px;letter-spacing: 1px;} .team_m_bx div h5{font-size:14px;color:#fecf05;margin-bottom: 0px;letter-spacing: 1px;} .team_m_bx div h5:before{content:'';position:absolute;} .team_m_bx:hover div{bottom:0px;padding:20px 10px;filter:sepia(30%);} .team_m_bx:hover figure img{filter:grayscale(0);} .awards_txt,.certifi_txt{max-width:75%;margin:0px auto;text-align:center;position:relative;} .awards_txt:before{content:'"';position:absolute;left:-40px;top:0px;line-height:60px;font-size:100px;z-index:-1;color:#fecf05;opacity:0.8;font-family:initial;} .awards_txt p,.certifi_txt p{font-size:14px;letter-spacing:0.5px;color:#111;} .awards_flx_img_h{display:flex;justify-content:center;flex-wrap:wrap;} .awards_flx_img_h div{flex:1;min-width:30%;max-width:30%;padding:1.5%;} .awards_flx_img_h div img{width:100%;} .certifi_log_im_flx{display:flex;justify-content:center;flex-wrap:wrap;} .certifi_log_im_flx div{-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;} .certifi_log_im_flx div img{width:100%;} /* project gallery */ .proj_gal_nflx{display:flex;flex-wrap:wrap;justify-content:space-between;} .proj_gal_nflx::after { height: 0; width: 32%; content: "";} .proj_gal_nflx .proj_gal_itm{padding:0;margin-bottom: 2%;max-width: 32%; background:#fff;} .proj_gal_nflx .proj_gal_itm figure img{width: 100%;} .proj_gal_nflx .proj_gal_itm figure:after{content: '+';text-align: center;position: absolute;top:50%;left:50%;height:60px;line-height:60px;border-radius:50%;width: 60px;font-size: 40px;color: #fff;opacity:0;transform:scale(0) translate(-50%,-50%);transition:.3s;} .proj_gal_nflx .proj_gal_itm .proj_meta{position:relative;overflow:hidden;box-shadow:none;} .proj_gal_nflx .proj_gal_itm .proj_meta .proj_pwr{position:absolute;left:100%;z-index: 1;width:100%;transition:.5s;} .proj_gal_nflx .proj_gal_itm .proj_meta > div{padding:0px 10px;} .proj_gal_nflx .proj_gal_itm .proj_meta .proj_loc > *{transition:.3s;} .proj_gal_nflx .proj_gal_itm:hover .proj_meta .proj_pwr{left:0;} .proj_gal_nflx .proj_gal_itm:hover .proj_meta .proj_loc > *{transform:translateX(-150%);} .proj_gal_nflx .proj_gal_itm:hover figure:after{background:rgba(0,0,0,.6);opacity:1;transform:scale(1) translate(-50%,-50%);} .prj_gal_ti{padding:10px;background:#fecf05;} .prj_gal_ti h3{margin:0px;font-size:1.3rem;letter-spacing:1px;font-family:Gotham-Bold;color:#000;} .srch_input{margin-bottom:25px;} .srch_input input{width:100%;display:block;border:0px;padding:10px 20px;letter-spacing:1px;font-family:Gotham-Book;height:42px;line-height:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none;} .srch_input input:focus{box-shadow:0px 2px 8px rgba(0,0,0,0.15);} .sel_year{position:relative;background:#fff;z-index: 1;} .sel_year select{width:100%;display:block;background:transparent;border:0px;padding:10px 20px;font-size:14px;letter-spacing:1px;font-family:Gotham-Book;height:42px;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;} .sel_year:after{content:'';position:absolute;right:10px;top:15px;z-index:-1;width:7px;height:7px;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg);} #proj_gal_dyn .owl-dots{margin:20px 0;} #proj_gal_dyn .owl-dots .owl-dot:focus{outline:none;} #proj_gal_dyn .owl-dots .owl-dot span{width:50px;height:25px;background:transparent;background:#aaa; border-radius:20px;margin-top:0;margin-bottom:0px;transition:.3s;} #proj_gal_dyn .owl-dots .owl-dot:hover span{background:#888;} #proj_gal_dyn .owl-dots .owl-dot.active span{background:#fecf05;border-color:#fecf05;} /* video gallery */ .vid_gal_h{display:flex;flex-wrap:wrap;justify-content:space-between;} .vid_gal_h::after { height: 0; width: 48%; content: "";} .vid_gal_itm{-webkit-box-flex: 0;-ms-flex: 0 0 48%;flex: 0 0 48%;margin-bottom: 4%; position:relative;cursor:pointer;} .vid_gal_itm figure{border:10px solid #fff;display:block;margin:0px;border-radius:5px;position:relative;} .vid_gal_itm figure img{width:100%;filter:grayscale(1);transition:.3s;} .vid_gal_itm figure:after{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;transition:.3s;} .play_ic{padding:10px 20px;border-radius:10px; position:absolute;left:50%;top:50%;transform:scale(1) translate(-50%,-50%);text-align:center;line-height:initial;background:#ed1c24;background:rgba(254, 207, 5,1);box-shadow:0px 0px 10px rgba(0,0,0,0.25);z-index:1;} .play_ic:before{content:'';display:inline-block;vertical-align:middle;border-left:20px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent;} @keyframes play_ic_ani{ 0%,100%{transform: scale(1) translate(-50%,-50%);} 50%{transform: scale(1.1) translate(-50%,-50%);opacity:0.8;} } @-webkit-keyframes play_ic_ani{ 0%,100%{transform: scale(1) translate(-50%,-50%);} 50%{transform: scale(1.1) translate(-50%,-50%);opacity:0.8;} } .vid_title{margin:0px auto;width:90%;padding:10px;font-size:1.1rem;letter-spacing:0.5px;color:#000;background:#fecf05;margin-top:-20px;position:relative;text-align:center;} .vid_gal_itm:hover figure:after{background:rgba(0,0,0,0.3); } .vid_gal_itm:hover figure img{filter:grayscale(0);} .vid_gal_itm:hover .play_ic{animation:play_ic_ani 1s infinite;} .vid_area{position: relative;padding-bottom: 56.25%; padding-top: 25px;height: 0;} .vid_area iframe{position: absolute; top: 0; left: 0;width: 100%;height: 100%;} /* photo gallery */ .gal_grid .gal_grid_item{width:31.25%;margin:10px 1%;float:left;} .gal_grid_item a{display:block;} .gal_grid_item a:focus{outline:none;} .gal_grid_item img{width:100%;} .filter_gallery{} .filter_gallery ul{list-style:none;text-align:center;font-size:0;padding:0px;} .filter_gallery ul li{position:relative;padding: 8px 16px;background:#fff;border-radius: 40px; cursor:pointer;display:inline-block;font-size:1.1rem;letter-spacing:0.5px;margin:0px 10px;line-height: initial;transition:.3s;} .filter_gallery ul li:after{position: absolute;left: 50%;top: 100%;width: 20px;display: block;content: '';height: 2px;border-top: 11px solid #fecf05;border-left: 10px solid transparent;border-right: 10px solid transparent;transform: translate(-50%,0);opacity:0;transition:.5s;} .filter_gallery ul li.active:after{opacity:1;} .filter_gallery ul li.active{background:#fecf05;} .lightbox .lb-image{border:0px;} .lb-nav a.lb-prev ,.lb-nav a.lb-next{background-size:40px;} .lb-close{background-size:20px;} .lb-data .lb-caption{font-size:1.3rem;letter-spacing:0.5px;font-weight:normal;color:#fff;} .lb-data .lb-number{font-size:12px;padding:5px;letter-spacing:0.5px;} /* why solar */ .why_solar{position:relative;} .abs_sun{position:absolute;filter: drop-shadow(0px 0px 400px #fadd13);left:-200px;top:300px;opacity:0;z-index:1;} .abs_animate{animation:sunrise 1.5s 1s forwards;} .why_s_smd_h{display:flex;align-items:end;} .why_s_smd_h > div{flex:1;} .whsim_h{align-self:end;max-width:450px;} .whsim_h img{width:100%;opacity:0.8;filter: sepia(0%);animation:pvelect 1.5s 0s infinite alternate;} .why_s_smd{margin-left:20px;padding:20px;} .why_s_smd p{font-size:14px;letter-spacing:0.5px;color:#111;text-align:justify;margin-bottom:10px;} .why_s_smd p:nth-of-type(1){font-size:18px;font-family:Gotham-Bold;text-align:left;color:#000;} .myth{width:600px;padding:40px;border-radius:0 50px 0 50px;margin:30px auto;background:#eee;text-align:center;} .myth h2{font-size:1.25rem;font-family:Gotham-Bold;margin-top:0;} .myth p{font-size:14px;letter-spacing:0.5px;color:#111;} .facts_benefits{display:flex;flex-wrap:wrap;justify-content:space-between;} .facts_benefits > div{-webkit-box-flex: 0;-ms-flex: 0 0 31%;flex: 0 0 31%;padding:20px;margin:1.5% 0;margin-top:75px;text-align:center;background:#29ba75;border-radius:20px;} .facts_benefits > div:nth-child(2n+2){background:#fecf05;} .facts_benefits > div img{display:inline-block;max-width:100px;margin-top:-75px;background:#fff;padding:10px;border-radius:50%;background:#fff;margin-bottom:10px;} .facts_benefits > div h3{font-size:1.3rem;color:#000;font-family:Gotham-Bold;position:relative;padding:5px 0;} .facts_benefits > div h3:before{content:'';position:absolute;left:50%;bottom:0px;width:20px;height:2px;background:#000;transform:translate(-50%,0);} .facts_benefits > div p{font-size:14px;letter-spacing:0.5px;color:#111;padding:5px;} .facts_benefits > div p strong{font-size:17px;font-family:Gotham-Bold;font-weight:normal;} #why_ecs{position:relative;} #why_ecs:before{content:'';position:absolute;width:100%;left:0;top:0;height:100%;background:url('../img/bg-icons2.png') center center;background-size:100%;opacity:0.1;box-shadow:inset 0px 0px 200px rgba(0,0,0,1);} .why_eeco_solar_c{margin:0px auto;width:80%;} .why_eeco_solar_c p{font-size:14px;letter-spacing:0.5px;color:#111;text-align:center;} .why_eeco_solar_c p strong{font-size:17px;font-family:Gotham-Bold;font-weight:normal;} .why_eeco_flx{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;} .why_eeco_flx > div{-webkit-box-flex: 0;-ms-flex: 0 0 49%;flex: 0 0 49%;margin:1% 0;padding:20px;background:#058e4d;} .why_eeco_flx h2{font-size:1.3rem;font-family:Gotham-Bold;color:#fecf05;letter-spacing:1px;} .why_eeco_flx ul{padding:0px;} .why_eeco_flx ul li{list-style:none;position:relative;padding-left:30px;font-size:14px;letter-spacing:0.5px;color:#fff;padding: 5px 0px 5px 26px;} .why_eeco_flx ul li:before{content: '';position: absolute;left: 0px;top: 4px;border-bottom: 2px solid #b9d98f;border-right: 2px solid #fecf05;width: 7px;height: 14px;transform: rotate(45deg);transform-origin: bottom;} @keyframes sunrise { 0%{left:-200px;top:300px;opacity:0;} 20%{left:-160px;top:200px;opacity:0.2;} 40%{left:-120px;top:130px;opacity:0.4;} 60%{left:-80px;top:40px;opacity:0.6;} 80%{left:-40px;top:20px;opacity:0.8;} 100%{left:0px;top:0px;opacity:1;} } @-webkit-keyframes sunrise { 0%{left:-200px;top:300px;opacity:0;} 20%{left:-160px;top:200px;opacity:0.2;} 40%{left:-120px;top:130px;opacity:0.4;} 60%{left:-80px;top:40px;opacity:0.6;} 80%{left:-40px;top:20px;opacity:0.8;} 100%{left:0px;top:0px;opacity:1;} } @keyframes pvelect { 0%{filter: sepia(0%);} 0%{filter: sepia(60%);} } @-webkit-keyframes pvelect { 0%{filter: sepia(0%);} 0%{filter: sepia(60%);} } .deflt_list_tp{min-height:300px;position:relative;background: linear-gradient(to Left,#5967b4,#058e4d);} .deflt_list_tp:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%; background:url('../img/eeco-solar-products-bg.png') center top no-repeat;background-size:contain;opacity:0.2;} #prds_lists_gr{background: #f4f4f4;} .pd_lst_c{display:flex;align-items:center;background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.085);margin-top:-150px;margin-bottom:40px;} .pd_lst_c > div{flex:1;} .pd_ct_df_img{max-width:300px;} .pd_ct_df_img figure{margin:0px;} .pd_ct_df_img img{width:100%;} .prd_cat_excerpt{padding:10px 20px;} .prd_cat_excerpt h1{position:relative;color:#000;margin:0px 0 10px;font-size:1.6rem;letter-spacing:0.5px;font-family:Gotham-Bold;padding-bottom:5px;} .prd_cat_excerpt h1:before{content:'';position:absolute;left:0px;bottom:0px;width:100px;height:1px;background:#000;} .prd_cat_excerpt p{font-size:14px;letter-spacing:0.5px;color:#111;text-align:justify;} .prd_cat_panel{box-shadow:0px 0px 20px rgba(0,0,0,0.08);background:#fff;opacity:0.2;transition:.3s;filter:blur(0.1px);} .prd_cat_panel + .prd_cat_panel{margin-top:30px;} .prd_cat_panel:hover,.act_categ_pan{opacity:1;filter:blur(0px);} .prd_cat_panel h2{position:relative;font-size:1.1rem;color:#000;font-family:Gotham-Bold;background:#ddd;padding:10px 20px;margin-bottom:0px;} .prd_cat_panel h2.act_categ{background:#fecf05;font-size:1.3rem;} .prd_cat_panel ul{padding:10px 20px;margin:0px;} .prd_cat_panel ul li{font-size:14px;list-style:none;letter-spacing:0.5px;margin-bottom:2px;} .prd_cat_panel ul li a{color:#000;display:block;text-decoration:none;padding:5px 0;transition:.3s;} .prd_cat_panel ul li a:hover{font-family:Gotham-Bold;color:#058e4d;transform-origin:left;} .prd_lis_itm{position:relative;margin-bottom:25px;} .prd_lis_itm a{display:block;} .prd_lis_itm a figure{display:block;margin:0px;} .prd_lis_itm a figure img{display:block;width:100%;} .prd_lis_det_ti_lin{background: linear-gradient(to Left,#5967b4,#058e4d);position:absolute;bottom:0px;width:100%;left:0;bottom:0px;} .prd_lis_det_ti_lin h3{margin:0px;} .prd_lis_det_ti_lin h3 a{display:block;font-size:1.15rem; font-family:Gotham-Bold; padding:10px 20px;text-decoration:none;color:#fff;transition:.3s;} .prd_lis_det_ti_lin h3 a:after{content: 'Explore';display:block;margin-top:10px;position: relative;font-size: 14px;background: #fecf05;color: #000;padding:5px 10px;border-radius:30px;letter-spacing: 1px;width:80px;transition:.3s;} .prd_lis_itm:hover .prd_lis_det_ti_lin h3 a{ padding:25px 20px;} .pd_det_h{padding:20px 0px 20px 20px ;align-items:start;margin-bottom:0px;} .pd_det_h .pd_ct_df_img{max-width:450px;} #pd_detail_slidr{border:1px solid #eee;} #pd_detail_slidr .owl-dots{margin: 0;position: absolute;background: #fff;border-radius: 40px;padding:8px 20px;height: 40px;left: 50%;transform: translateX(-50%);bottom: -18px;} #pd_detail_slidr .owl-dots .owl-dot:focus{outline:none;} #pd_detail_slidr .owl-dots .owl-dot span{width:40px;height:20px;background:transparent;background:#aaa; border-radius:20px;margin-top:0;margin-bottom:0px;transition:.3s;} #pd_detail_slidr .owl-dots .owl-dot:hover span{background:#888;} #pd_detail_slidr .owl-dots .owl-dot.active span{background:#fecf05;border-color:#fecf05;} .pd_detail_Overview{padding:0px 20px;} .pd_detail_Overview ul {padding:0px;} .pd_detail_Overview ul li{padding-left:30px;margin-bottom:8px;position:relative;font-size:14px;list-style:none;letter-spacing:0.5px;} .pd_detail_Overview ul li:before{content: '';position: absolute;left: 0px;top: 4px;width: 16px;height: 16px; border: 4px solid #058e4d;background: #fecf19;border-radius: 16px;} .pd_spec_tbl_c{padding:20px;background:#fff;box-shadow:0px 10px 10px rgba(0,0,0,0.085);margin-bottom:40px;} .pd_spec_tbl_c h2{font-size:1.3rem;letter-spacing:1px;font-family:Gotham-Bold;margin-bottom:20px;} .pd_spec_tbl_c h2 span{padding:10px 20px;background:#fecf05;} .pd_spec_tbl_c ul{padding-left:20px;} .pd_spec_tbl_c ul li{list-style:none;margin-bottom:10px;font-family:Gotham-Bold;font-size:14px;letter-spacing:0.5px;} .pd_spec_tbl_c table thead tr th,.pd_spec_tbl_c table tbody tr td:first-child{font-family:Gotham-Bold;font-size:15px;font-weight:normal;letter-spacing:0.5px;} .pd_spec_tbl_c table tbody tr td{font-size:14px;letter-spacing:0.5px;color:#000;} .smValCol{} #more_pds_sim_cat .owl-nav{position: absolute;top: -70px;right: 0;width: 100%;margin:0px;} #more_pds_sim_cat .owl-nav .owl-prev span,#more_pds_sim_cat .owl-nav .owl-next span{font-size:45px;line-height:30px;} #more_pds_sim_cat .owl-nav button{margin:0px;width:40px;height:40px;color:#000;vertical-align: middle;display: inline-block;border-radius:50%;transition:.3s;} #more_pds_sim_cat .owl-nav .owl-prev{margin-right:150px;} #more_pds_sim_cat .owl-nav .owl-next{margin-left:150px;} #more_pds_sim_cat .owl-nav button:hover{background:#fecf05;} #more_pds_sim_cat .owl-nav button:focus{outline:none;} /* career v2 */ .jb_bx_acrd{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;user-select:none;-moz-user-select: none;-webkit-user-select: none;position:relative;padding-right:40px;cursor:pointer;} .jb_bx_acrd:after{content: '';position: absolute;right: 15px;width: 10px;height: 10px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg) translate(0,-50%);top: 50%;transform-origin: top;opacity: 0.5;transition: .3s;} .jb_bx.jb_bx_acrd:hover > :not(.car_cntrl){filter:none;} .jb_bx_acrd .wrk_exp{width:120px;} .jb_bx_acrd .wrk_exp, .jb_bx_acrd .jb_loc{display:inline-block;} .jb_bx_acrd .jb_loc{margin-left:20px;} .jb_bx_acrd:hover,.jb_bx_acrd_act{background:#00753d;} .jb_bx_acrd:hover:after{opacity:1;} .jb_bx_acrd_act:after{transform: rotate(-135deg) translate(0,-50%);opacity:1;} .jb_acrd_cnt{background:#fff;padding:20px;display:none;} /* top header v2 */ .tp_ct_mn a.titanic{color:#000;} a.volt_des{text-transform:uppercase;font-family:Gotham-Bold;font-size:17px;letter-spacing:1px;position:relative;} a.volt_des img{width:25px;margin-right:10px;animation:heartBeat 2s infinite; } a.volt_des:after{content:'VOLTZ';position:absolute;left: 37px;top: 0px;width: 12px; overflow:hidden;color:#f30;transition:.3s;} a.volt_des:hover:after{width:45px;} .drop_mnu_lg{width:700px;left:-100px;} .drop_mnu_lg > ul{display:flex;padding:20px;margin-bottom:0px;} .drop_mnu_lg > ul > li{list-style:none;flex:1;margin-right:10px;position:relative;padding-left:100px;} .drop_mnu_lg ul > li >img{width:80px;border-radius:10px;position:absolute;left:0px;} .drop_mnu_lg > ul > li > a{width:auto;display:block;font-family:Gotham-Bold;margin-bottom:10px;text-transform:uppercase;text-decoration:none;} .drop_mnu_lg ul > li > ul{padding-left:0px;margin:0px;} .drop_mnu_lg ul > li > ul li{margin:0;list-style:none;margin-bottom:6px;} .drop_mnu_lg ul > li > ul li a{display:block;text-decoration:none;padding:5px 0px;text-transform:none;transition:.3s;line-height:initial;position:relative;border-bottom:1px solid #f1f1f1;} .drop_mnu_lg ul > li > ul li a:before{content:'';position:absolute;left:0; bottom:0px;background:#058e4d;height:1px;width:0px;transition:.3s;} .drop_mnu_lg ul > li > ul li a:hover{padding:5px 10px;} .drop_mnu_lg ul > li > ul li a:hover:before{width:100%;} .drop_mnu_lg > ul > li.abs_oth_pd{position:absolute;left:50%;bottom:50px;padding-left:100px;} .drop_mnu_lg > ul > li.abs_oth_pd >img{width:80px;border-radius:10px;position:absolute;left:0px;} /*form v2*/ input.has_error,textarea.has_error,select.has_error{border: 1px solid #f00;} /* why eeco solar */ .facts_benefits > div{background:#dbdaff;} .facts_benefits > div:nth-child(2n+2){background:#daffdb;} /* download cntr */ .download_cntr{position: relative;} .tip_fom{position: absolute;z-index: 2;width: 250px;background: #fff;padding:20px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.31);opacity: 0;top:0;transform:scale(0);border-radius: 8px;transition: transform 1s;} .tip_fom_act{transform: scale(1);} .tip_fom input{display: block;width: 100%;} .tip_fom input+input{margin-top:5px;} .clk_dwn{display:inline-block;font-size:12px;letter-spacing:0.5px;padding:5px 10px;background:#fecf05;color:#000;border-radius:20px;text-decoration:none;position:relative;line-height: initial;text-transform:uppercase;transition:.3s;cursor: pointer;} .clk_dwn:hover{box-shadow:0px 5px 10px rgba(0,0,0,0.15);transform:scale(1.1);} .tip_fom input[type="submit"]{background: #058e4d;color: #fff;border: 0;padding: 10px;line-height: initial;border-radius: 7px;} .tip_fom input[type="submit"]:active{transform:scale(0.92);background: #076e3d;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} @media (max-width:1920px) { #quote_sec{padding-top:170px;} } @media (max-width:1366px) { #quote_sec{padding-top:100px;} } /* convert below 1024 >> 1199.5 */ @media (max-width:1199.98px) { body{padding-top:86px;} .navbar-brand img{height:70px;} .navbar-brand:after{} .tp_ct_mn a{font-size:12px;} .main_nav_ul > li{margin-left:0px;} #h_tp_slidr:after{height:150px;} #h_tp_slidr .owl-dots{bottom:75px;} .home_about .h_ti_bld{margin-top:-70px;font-size:1.8rem;} .slidr_wid{bottom:100px;} .pd_cat_ovr h3{text-transform:capitalize;font-size:1.25rem;} #videoModal .modal-lg{max-width:600px;} .deflt_list_tp{min-height:240px;} .pd_lst_c{margin-top:-150px;} .pd_ct_df_img{max-width:240px;} .deflt_list_tp:before{background-position:center 0px;} .pd_det_h .pd_ct_df_img{max-width:380px;} .pd_detail_Overview p{margin-bottom: 10px;} #pd_detail_slidr .owl-dots{left:0;transform:none;width:100%;} } @media (max-width:1024px) { } @media (max-width:991.98px) { .tp_ct_mn{flex-wrap: wrap;margin-bottom:0px;} .tp_ct_mn > *:nth-child(n+4){margin-top:10px;} .cstm_nav{-ms-flex-wrap: nowrap;flex-wrap: nowrap;} .navbar-toggler{padding:0;margin-left: 10px;} .navbar-toggler:focus{outline:none;} .navbar-toggler-icon{line-height:1.5em;} .main_nav_ul{position: fixed;display: block;right:-300px;top: 85px;background: #fff;width: 300px;padding: 20px; height: calc(100% - 85px);overflow: auto;box-shadow: -10px 10px 10px rgba(0,0,0,0.12);transition:.3s;} .collapse.show .main_nav_ul{right:0;} .main_nav_ul > li + li{margin-top:10px;} .drp_down:hover .dropdown-menu,.drp_down .dropdown-menu{top:auto;display:none;transform: scale(0.5);} .drp_down .dropdown-menu.show{display:block;visibility:visible;transform:scale(1);box-shadow:0px 4px 10px rgba(0,0,0,0.15);margin-top:5px;margin-bottom:30px;transition:.3s;} .drp_down:after {top:10px;} .drop_mnu_lg{width:100%;left:auto;} .drop_mnu_lg > ul{flex-wrap:wrap;padding:10px;} .drop_mnu_lg > ul > li{width:100%;min-width:100%;max-width:100%;padding-left:60px;} .drop_mnu_lg > ul > li + li{margin-top:20px;} .drop_mnu_lg ul > li > img,.drop_mnu_lg > ul > li.abs_oth_pd > img{width: 50px;} .drop_mnu_lg > ul > li.abs_oth_pd{position:relative;left:auto;bottom:auto;padding:0px;padding-left:70px;} .usp_col{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .usp_col:last-child{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-top:20px;} .prod_c_pg{display:flex;} .prod_c_pg:hover{text-decoration:none;} .prod_c_pg > img{max-width:215px;min-width:215px;} .pd_cat_ovr,.prod_c_pg:hover .pd_cat_ovr{position: relative;top: auto;height: auto;} .pd_cat_ovr p{opacity:1;visibility:visible;} .cmn_pr_n_cb + .cmn_pr_n_cb{margin-top:20px;} .cmn_pr_n_cb:nth-child(even) .prod_c_pg{flex-direction:row-reverse;} #hm_testi_slider .owl-item.active.center{transform:scale(0.8);opacity:1;} .abt_usp .usp_col,.abt_usp .usp_col:last-child{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;margin:0px;padding:10px;text-align:center;} .abt_usp .usp_icon{display: inline-block;margin: 0px auto;} .col_res_n{width:100%;min-width:100%;} .team_m_bx{background:rgba(5, 142, 77, 1);} .team_m_bx figure img{filter:grayscale(0);} .team_m_bx div{position:relative;bottom:auto;} .al_testi .testi_item{max-width:100%;} .car_openings{flex-wrap:wrap;} .car_apply{min-width:100%;max-width:100%;margin-top:30px;margin-left:0;} .proj_gal_nflx .proj_gal_itm{max-width:48.5%;background:#fecf05;} .proj_gal_nflx .proj_gal_itm .proj_meta{flex-wrap: wrap;flex-direction: column-reverse;} .proj_gal_nflx .proj_gal_itm .proj_meta > div{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;} .proj_gal_nflx .proj_gal_itm .proj_meta .proj_pwr{position:relative;left:auto;} .proj_gal_nflx .proj_gal_itm:hover .proj_meta .proj_loc > *{transform:none;} .proj_gal_nflx .proj_gal_itm figure:after {background: rgba(0,0,0,.6); opacity: 1; transform: scale(1) translate(-50%,-50%);} .pd_det_h{flex-wrap: wrap;justify-content: center;} .pd_det_h .pd_ct_df_img{max-width:250px;} .pd_ct_df_img{align-self:flex-start;} .prd_cat_excerpt{padding-left:10px;} .pd_ct_df_img figure{margin:10px;} .prd_lis_det_ti_lin{position:relative;} } @media (max-width:840px) { .revers_svg_grey {display:none;} } @media (max-width:767.98px) { #h_tp_slidr::after { height: 50px;} .home_about .h_ti_bld{margin-top:20px;} .slidr_wid:before {top:-50px;} .slidr_wid{bottom:50px;padding-bottom:0;padding-top:20px;} #h_tp_slidr .owl-dots { bottom: 0px;} .tp_ct_mn > *:nth-child(2){display:none;} footer.abs_ft_rev{padding-top:0;} .ftr_nav{margin-top:20px;} .abt_banr:after{top:-5%;bottom:100px;} .abt_ban_txt{position:relative;width:90%;margin:0px auto;padding:5% 10%;left: auto;margin-top:-100px;transform: none;background: linear-gradient(to Left,#fecf05,#12279b,#07894c);background: linear-gradient(to Left,#fecf05,#000,#07894c);} .abt_pg_cnt{flex-wrap:wrap;flex-direction:column;} .abt_usp_flx{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;margin:0px;} .flx_ldr{flex-direction:column;flex-wrap:wrap;} .ldr_img img{position:relative;display:block;margin:0 auto;width: 200px;border-radius: 50%;padding-bottom: 20%;top: auto;} .ldr_meta_stick{position:relative;top: auto;text-align:center;margin-top:-20px;} .ldr_desc{margin:0px;} .ldr_meta_stick h2:before {left:0;} .ldr_meta_stick:after {left:23px;right:0;width:auto;} .team_m_bx{-webkit-box-flex: 0;-ms-flex: 0 0 48%;flex: 0 0 48%;margin:1%;} .why_eeco_solar_c{width:100%;} .al_testi .testi_item{max-width:100%;} .prj_gal_ti h3{font-size: 1.1rem;} .proj_loc h4, .proj_pwr h4{font-size: .85rem;} .proj_gal_nflx .proj_gal_itm figure:after{transform: scale(0.6) translate(-50%,-50%);transform-origin: left top;} .vid_gal_itm figure img{transform:grayscale(0);} .play_ic{transform: scale(0.5) translate(-50%,-50%);transform-origin: left top;} .filter_gallery ul li{font-size: 0.85rem;margin:5px;} .filter_gallery ul li:after {display:none;} .gal_grid .gal_grid_item { width: 47%; margin: 1.5%;} .abs_sun{width:80px;} .myth{width:100%;} .facts_benefits > div{-ms-flex: 0 0 48%;flex: 0 0 48%;} .deflt_list_tp{ min-height: 125px;} .pd_lst_c{margin-top:-80px;} .pd_det_h{padding-left: 0;} .pd_lst_c > div.pd_detail_Overview{-ms-flex: 0 0 100%;flex: 0 0 100%;margin-top:20px;} .pd_ct_df_img{display:none;} .prd_cat_excerpt{padding-left:20px;} .hid_xs_sm{display:none;} } @media (max-width:640px) { #proj_slidr{padding:0px 50px;} #proj_slidr .owl-nav{top:50%;} #proj_slidr .owl-nav button{position:absolute;} #proj_slidr .owl-nav .owl-prev{margin:0px;position:absolute;left:0;} #proj_slidr .owl-nav .owl-next{margin:0px;position:absolute;right:0;} .proj_meta{flex-direction:column;} .proj_meta > div{padding:5px;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;} .proj_loc h4, .proj_pwr h4{font-size:1rem;margin-bottom:0px;} .proj_loc span, .proj_pwr span{padding:0;} .proj_gal_itm figure img{filter: grayscale(0);} } @media (max-width:575.98px) { body { padding-top: 75px;} .navbar-brand img{height:60px;} .navbar-brand{margin-right:5px;} .navbar-brand:after {left:auto;right:-40px;} .navbar-brand + div{width:270px;} .main_nav_ul{top:76px;height: calc(100% - 76px);} #quote_sec{padding-top:20px;} .quote_fom{width:80%;} .quote_fom h4{font-size: 1rem;} #hm_testimonial{background-size:cover;} .hm_slidr_abs_cont{transform: scale(0.6) translateX(0%);left: 0;transform-origin: left;} #hm_testi_slider .owl-item.active.center{transform:scale(1);} .testi_item{margin-top: 25px;padding-top: 30px;} .testi_item > span{width: 50px;top:-25px;height: 50px;} /*.testi_meta_h{flex-direction:column-reverse;}*/ .cm_xs_6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .usp_col{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .usp_col:last-child{margin-top:0;} .usp_col h3{color:#fff;font-size: 1.05rem;line-height:1.4rem;} .cntr_med_link a{padding:5px 20px;} .abt_ban_txt{margin-top:-70px;width:100%;background: linear-gradient(to Left,#097685,#074e2c);} .abt_ban_txt h1{font-size:1.25rem;} .pg_banr img{margin-top:0;} .al_cl_log > div{min-width:33%;} .al_testi .testi_item:nth-child(2n+1){margin-left: 60px;} .al_testi .testi_item:nth-child(2n+1) > span {left: -60px;top: 0px;} .al_testi .testi_item:nth-child(2n+2){margin-right: 60px;} .al_testi .testi_item:nth-child(2n+2) > span {right: -60px;top: 0px;} .al_testi .testi_item .testi_tx_h{text-align: left;font-size: .8rem;} .proj_gal_nflx{justify-content:center;} .proj_gal_nflx .proj_gal_itm{max-width:85%;margin-bottom:20px;} .proj_loc h4, .proj_pwr h4{margin:0 0 10px;} .vid_gal_itm{-ms-flex: 0 0 98%;flex: 0 0 98%;} .why_s_smd_h{flex-wrap:wrap;} .why_s_smd_h > div{webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;} .whsim_h{max-width:100%;text-align:center;margin-top:20px;} .whsim_h img{width:200px;} .why_s_smd{padding:10px 0;margin:0;} .why_s_smd p{text-align:left;} } @media (max-width:480px) { .prod_c_pg{flex-wrap:wrap;} .prod_c_pg > img{min-width:100%;height:auto;max-width:100%;object-fit:contain;display:block;align-self: center;} .ftr_nav{text-align:center;} .ftr_nav ul{padding-left:0px;list-style:none;} .why_eeco_flx > div {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;} .facts_benefits > div{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;} .prd_lis_det_ti_lin h3 a{font-size: 0.85rem;padding:10px;} .prd_lis_itm:hover .prd_lis_det_ti_lin h3 a{padding:10px;} #more_pds_sim_cat .owl-nav .owl-next,#more_pds_sim_cat .owl-nav .owl-prev{margin:0;} #more_pds_sim_cat .owl-nav .owl-next{position:absolute;right:0} #more_pds_sim_cat .owl-nav .owl-prev{position:absolute;left:0} } @media (max-width:420px) { .tp_ct_mn a.titanic{margin-left:60px;} .tp_ct_mn > :nth-child(3) { display: none;} .tp_ct_mn a#get_q_sl{position:absolute;text-align: center;left: 110px;width: 75px;margin: 0;box-shadow: none; border-radius: 0 20px 20px 0;} .tp_ct_mn a#get_q_sl:hover{background:#fecf05;transform:none;} .hm_slidr_abs_cont{transform: scale(0.5) translateX(0%);left: 0;transform-origin: left;} .pg_banr img{margin-top:-20px;} .abt_ban_txt{margin-top:-30px;} .ldr_meta_stick h3{font-size:.8rem;} .team_m_bx{-webkit-box-flex: 0;-ms-flex: 0 0 74%;flex: 0 0 74%;margin:1.5% 13%;} .al_testi .testi_meta_h{flex-direction: column-reverse;align-items: start;} .testi_meta_c { padding: 5px 0px; margin: 10px 0;} .proj_gal_nflx .proj_gal_itm{max-width:100%;} .srch_input input{padding:10px;} .sel_year select{padding-left:5px;} .cst_xs_12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .prd_lis_det_ti_lin{position:absolute;} } @media (max-width:340px) { .cm_xs_6{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .main_nav_ul{width:85%;} }