/* Theme Name: Esmart Solar Theme URI: https://wordpress.org/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Theme Description Version: 1.0 Text Domain: esmartsolar This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @font-face { font-family: 'Museo-300'; src: url('fonts/Museo300-Regular.eot'); src: url('fonts/Museo300-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Museo300-Regular.woff2') format('woff2'), url('fonts/Museo300-Regular.woff') format('woff'), url('fonts/Museo300-Regular.ttf') format('truetype'), url('fonts/Museo300-Regular.svg#Museo300-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo-700'; src: url('fonts/Museo700-Regular.eot'); src: url('fonts/Museo700-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Museo700-Regular.woff2') format('woff2'), url('fonts/Museo700-Regular.woff') format('woff'), url('fonts/Museo700-Regular.ttf') format('truetype'), url('fonts/Museo700-Regular.svg#Museo700-Regular') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Museo-900'; src: url('fonts/Museo900-Regular.eot'); src: url('fonts/Museo900-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Museo900-Regular.woff2') format('woff2'), url('fonts/Museo900-Regular.woff') format('woff'), url('fonts/Museo900-Regular.ttf') format('truetype'), url('fonts/Museo900-Regular.svg#Museo900-Regular') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Museo-500'; src: url('fonts/Museo500-Regular.eot'); src: url('fonts/Museo500-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Museo500-Regular.woff2') format('woff2'), url('fonts/Museo500-Regular.woff') format('woff'), url('fonts/Museo500-Regular.ttf') format('truetype'), url('fonts/Museo500-Regular.svg#Museo500-Regular') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Proxima Nova Lt'; src: url('fonts/ProximaNova-Light.eot'); src: url('fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Light.woff2') format('woff2'), url('fonts/ProximaNova-Light.woff') format('woff'), url('fonts/ProximaNova-Light.ttf') format('truetype'), url('fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Museo-Sans-500'; src: url('fonts/MuseoSans-500.eot'); src: url('fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'), url('fonts/MuseoSans-500.woff2') format('woff2'), url('fonts/MuseoSans-500.woff') format('woff'), url('fonts/MuseoSans-500.ttf') format('truetype'), url('fonts/MuseoSans-500.svg#MuseoSans-500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo-Sans-500'; src: url('fonts/MuseoSans-500Italic.eot'); src: url('fonts/MuseoSans-500Italic.eot?#iefix') format('embedded-opentype'), url('fonts/MuseoSans-500Italic.woff2') format('woff2'), url('fonts/MuseoSans-500Italic.woff') format('woff'), url('fonts/MuseoSans-500Italic.ttf') format('truetype'), url('fonts/MuseoSans-500Italic.svg#MuseoSans-500Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url('fonts/ProximaNova-Bold.eot'); src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Bold.woff2') format('woff2'), url('fonts/ProximaNova-Bold.woff') format('woff'), url('fonts/ProximaNova-Bold.ttf') format('truetype'), url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova Lt'; src: url('fonts/ProximaNova-Semibold.eot'); src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Semibold.woff2') format('woff2'), url('fonts/ProximaNova-Semibold.woff') format('woff'), url('fonts/ProximaNova-Semibold.ttf') format('truetype'), url('fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Regular.eot'); src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: url('fonts/Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff'); } /*@font-face { font-family: 'Museo-Slab-500'; src: url('fonts/MuseoSlab-500.eot'); src: url('fonts/MuseoSlab-500.eot?#iefix') format('embedded-opentype'), url('fonts/MuseoSlab-500.woff2') format('woff2'), url('fonts/MuseoSlab-500.woff') format('woff'), url('fonts/MuseoSlab-500.ttf') format('truetype'), url('fonts/MuseoSlab-500.svg#MuseoSlab-500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo-Slab-500'; src: url('fonts/MuseoSlab-500Italic.eot'); src: url('fonts/MuseoSlab-500Italic.eot?#iefix') format('embedded-opentype'), url('fonts/MuseoSlab-500Italic.woff2') format('woff2'), url('fonts/MuseoSlab-500Italic.woff') format('woff'), url('fonts/MuseoSlab-500Italic.ttf') format('truetype'), url('fonts/MuseoSlab-500Italic.svg#MuseoSlab-500Italic') format('svg'); font-weight: normal; font-style: italic; } */ * { box-sizing: border-box; } *:focus { outline: none; } ::-moz-focus-inner { border: 0; } body { font-size:16px; color: #2d3035; margin:0; padding:0;font-family: "Myriad Pro"; font-size: 20px; font-weight: 400;line-height: 24px;} ul { margin: 0px; padding: 0px; } ul li { list-style: none; } strong { font-weight: 700; } a { transition: all 400ms ease; text-decoration: none; color: #00AA8F; } a:hover { color: #EFAD29;} a:hover, a:focus { text-decoration: none; } p { margin: 0 0 20px 0; } ol, ul { margin: 0; padding: 0; list-style: none; } table { border-collapse: collapse; border-spacing: 0 } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } .container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px !important; padding-right: 15px !important; float: none !important; box-sizing: border-box !important; } .container:after { clear: both; content: ""; display: table; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1, h2, h3, h4, h5, h6 { margin: 0 } .home-banner h1 { font-size: 71px; font-weight: 400; line-height: normal; text-shadow: 2px 0px 5px rgba(0, 0, 0, 0.68); letter-spacing: 1.77px; font-family: 'Museo-Sans-500'; margin: 0.67em 0; } h1 { font-size: 40px; font-family: 'Museo-Sans-500'; font-weight: 400; margin: 0; line-height: normal; color: #fec340; } h2 { font-size: 40px; font-family:'Museo-Sans-500'; font-weight: 400; margin: 0; line-height: normal; }h3 { font-size: 30px; } h3 { font-size: 48px; font-family:'Museo-Sans-500'; font-weight: 400 !important; margin-top: 0; line-height: normal; margin-bottom: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } img { max-width: 100%; border: 0; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; } ::-webkit-selection { background-color: #47d5ff; color: #fff; text-shadow: none; } ::-moz-selection { background-color: #47d5ff; color: #fff; text-shadow: none; } ::selection { background-color: #47d5ff; color: #fff; text-shadow: none; } ::-webkit-input-placeholder { color: #858585; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } ::-moz-placeholder { color: #858585; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } :-ms-input-placeholder { color: #858585; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .button-1 a,.button-1 button { font-size: 31px !important; font-weight: 400; line-height: 27px !important; background-color: #EFAD29 !important; border: none !important; background-image: none !important; color: #fff !important; padding: 15px 87px !important; display: inline-block !important; border-radius: 0px !important; } .button-1 a:hover ,.button-1 button:hover { background-color: #005750 !important; } .button-2 a ,.button-1 button {font-size: 23px !important; font-weight: 400 !important; line-height: 27px !important; font-family: 'Museo-Sans-500' !important; padding: 13px 89px !important; border:2px solid transparent !important } .button-2 a:hover ,.button-2 button:hover {border-color: #efad29 !important;background-color: transparent !important;} .Museo-300-content {font-size: 19px; color: #666666; font-family: "Museo-300"; font-weight: 400; line-height: 27px; } .medium-font { font-size: 18px; font-weight: 400; line-height: 24px; } .large-font{font-size: 20px ;color: #666666;font-family: "Museo-Sans-500";font-weight: 400;line-height: 27px;} .custom-title {color: #fff;} .custom-title-black {color: #666666;} .custom-title-black .wpb_text_column {color: #666666;font-size: 19px;font-weight: 400;line-height: 27px;font-family: Museo-300;} /*Nav*/ .nav-menu { float: right; } .menulinks { display: none; text-align: center; width: 41px; height: 35px; line-height: 35px; color: #fff; font-size: 22px; position: absolute; top: 17px; right: 15px; cursor: pointer; } ul.mainmenu { vertical-align: middle; display: inline-block; margin: 0; padding: 0; list-style: none; text-align: left; } ul.mainmenu > li { display: inline-block; padding: 0 5px; position: relative; } ul.mainmenu > li > a:link, ul.mainmenu > li > a:visited { font-family:'Museo-Sans-500'; padding: 10px 7px; display: inline-block; text-align: center; position: relative; font-size: 20px; font-weight: 400; line-height: 27px; color: #ffffff; letter-spacing: 2px; text-transform: lowercase; } ul.mainmenu > li:hover a, ul.mainmenu > li.current-menu-item > a{ color: #FEC340; } ul.mainmenu > li > a.current { border-bottom-color: #16c1f3; } ul.mainmenu > li > a.current:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #16c1f3; border-width: 8px; margin-left: -8px; } ul.mainmenu ul { position: absolute; left: -40px; width: 246px; padding: 0; list-style: none; margin: 0; background:#005750; text-align: left; z-index: 2; display: none; } ul.mainmenu ul li { border-bottom:1px solid #196861; position: relative; } ul.mainmenu ul li:last-child { border-bottom: none; } ul.mainmenu li li a:link, ul.mainmenu li li a:visited { color: #fff; display: block; padding: 0px 15px; font-size: 14px; font-weight: 400; line-height: 39px; font-family: "Museo-Sans-500"; } ul.mainmenu li li a:hover { background: rgba(255, 255, 255, 0.1); } ul.mainmenu ul ul { position: absolute; left: 100%; top: 0; display: none; } ul.mainmenu ul.sub-menu:before {content: '';position: absolute;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #005750;left: 0;right: 0;top: -8px;margin: 0 auto;} /* Slick css */ .slick-slider .slick-arrow {z-index: 9;position: absolute;top: 25%;left: 10px;width: 50px;height: 50px;font-size: 0px;color: #fff;transition: all 200ms ease;cursor: pointer;background-color: #00aa98;border: none !important;border-radius: 100%;display: flex !important;align-items: center;justify-content: center;padding-left: 0 !important;} .slick-slider .slick-arrow.slick-prev:after {content: '\f104';font-size: 55px;line-height: 30px;font-family: FontAwesome;} .slick-slider .slick-arrow.slick-next:after {content: '\f105';font-size: 55px;line-height: 30px;font-family: FontAwesome;margin-left: 5px;} .slick-slider .slick-arrow.slick-next {left: auto;right: 10px;padding-right: 0;padding-left: 0 !important;} .slick-slider .slick-dots { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; } .slick-slider .slick-dots li { display: inline-block; margin: 0 5px; } .slick-slider .slick-dots li button { width: 6px; height: 6px; border-radius: 100%; background-color: #fff; border: none; padding: 0; text-indent: -9999px; cursor: pointer; opacity: .5; transition: all 200ms ease; } .slick-slider .slick-dots li.slick-active button { opacity: 1; } .header-section { display: flex; align-items: center; justify-content: space-between; max-width: 1110px; margin: 0 auto } .header-section .left ul li { display: inline-block; } .menu-section ul { text-align: center; } .menu-section { background-color: #00AE9B; } .header-section .left ul li a { color: #005750; border-bottom: 2px solid transparent; font-family: 'Museo-Sans-500'; letter-spacing: 2.2px; font-size: 22px; line-height: 27px; font-weight: normal; padding: 32px 0; display: inline-block; } .header-section .left ul li:hover a { border-bottom: 2px solid #FEC340; color: #FEC340; } .header-section .right a { font-size: 22px; line-height: 27px; text-transform: uppercase; letter-spacing: 2.2px; color: #005750; font-family: 'Museo-Sans-500'; font-weight: 400; } .header-section .right a:hover { color: #fcb813; } .header-section .left ul li { padding: 0 19px; } .header-section >div { width: 33.33%; } .header-section .right { text-align: center; display: flex; align-items: center; justify-content: flex-end; } .logo a { width: 310px; height: 37px; display: inline-block; } .logo a img { width: 100%; height: 100%; object-fit: contain; } .header-section .left ul li.current-menu-item a { border-bottom: 2px solid #FEC340; color: #FEC340; } .header-section .logo { text-align: center;} .header-section .right i { width: 22px; background-color: #005750; height: 22px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 10px; } .header-section .left ul li:first-child { padding-left: 0;} /*footer*/ .header-section .right a:hover { color: #fcb813; } .footer { background-color: #005750; } .footer-sectoin { display: flex; align-items: center; justify-content: space-between;padding: 50px 0; border-bottom: 1px solid #fff;margin-bottom: 40px } .footer-sectoin .footer-menu ul li a { font-size: 16px; font-weight: 400; line-height: 27px; color: #fff; text-transform: lowercase; letter-spacing: 1.6px; font-family:'Museo-Sans-500'; } .footer-sectoin .footer-menu ul li { display: inline-block; padding-left: 20px; } .footer-sectoin .footer-menu ul li a:hover, .footer-sectoin .footer-menu ul li.current-menu-item a { color: #fcb813; } .footer-menu { } .footer-menu .social-media { float: right; padding-top: 10px;} .footer-menu .social-media ul li a { width: 30px; height: 30px; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #005750; border-radius: 100%; font-size: 17px; } .footer-menu .social-media ul li a:hover { background-color: #fcb813; color: #005750; } .footer-menu .social-media ul li a i { text-align: center; padding-left: 2px; } .footer-menu .social-media ul li a img { width: 17px; height: 17px; object-fit: contain; } .footer-bottom { display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 16px; font-weight: 300; line-height: 27px; font-family: Proxima Nova Lt; padding-bottom: 20px } .footer-menu .social-media ul li { padding-left: 8px; } .footer-bottom .right-text p { margin-bottom: 0 !important;} .footer-bottom .right-text a {color: white;} .footer-bottom-wrap { background-color: #00aa8f } .formBottom { width: 100%; display: inline-block;padding-bottom: 60px;} .formTop { display: inline-block; width: 100%;border-bottom: 1px solid #3fbfab;padding-bottom: 30px;} .formBottom .talkFormRight .ginput_container.ginput_container_checkbox { padding-top: 7px;} .description_below > div { width: 50%; display: inline-block; color: #fff;padding:0 15px } .talkFormRight label.gfield_label {color: #ffffff;font-family: Proxima Nova Rg;font-weight: 400 !important;line-height: 34px !important;} .talkFormRight ul li { display: inline-block; } .talkFormRight ul li label {color: #ffffff;font-size: 18px !important;font-weight: 400;line-height: 34px !important;font-family: Proxima Nova Rg;} .talkFormRight ul { margin: 0 !important; } .talkFormRight .ginput_container { margin-top: 0 !important; } .talkFormRight .ginput_container ul li {overflow: visible !important;margin-right: 10px;margin-left: 11px !important;} .talkFormRight .ginput_container ul li input { height: 20px; width: 20px; } .formBottom .gform_body ul.top_label { display: flex; align-items: self-end; } .ginput_container_checkbox label { position: relative; } .ginput_container_checkbox label:after { content: ''; position: absolute; width: 20px; height: 20px; cursor: pointer; position: absolute; left: -29px; top: 4px; background-color: #ffffff; border: 1px solid transparent } .form-section .gform_wrapper form .gform_body ul li.gfield_error .ginput_container_checkbox ul li label::after { border-color: red !important; } .ginput_container_checkbox label:before {opacity: 0;content: '\f00c';height: 5px;position: absolute;top: -2px;left: -26px;font-family: fontawesome;color: #00aa8f;z-index: 1;font-size: 15px;} .gfield_checkbox input { opacity: 0; visibility: hidden; } .gfield_checkbox input[type=checkbox]:checked + label:before { opacity: 1; } .validation_error { display: none; } div#validation_message_1_1 { display: none; } .gfield_error { /* padding-bottom: 6px; */ /* padding-top: 8px; */background-color: transparent !important; margin-bottom: 0 !important; border-top: none !important; border-bottom: none !important; padding-bottom: 0 !important; padding-top: 0px !important; } .gfield_error input#input_1_1 { } .gfield_error .ginput_container_email { } .gfield_error .ginput_container_email input { width: 100% !important; border-bottom: 1px solid #f00 !important; } .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border-top: none !important; border-right: none !important;border-left: none !important; } .form-section .gform_footer .button {transition: all 400ms ease; border: none !important; background-color: #fcb813 !important; color: #ffffff !important; font-family: "Museo-Sans-500"; font-size: 23px !important; font-weight: 400 !important; width: 317px !important; height: 53px; } .form-section .gform_footer .button:hover { background-color: #005750 !important;} .form-section .gform_wrapper form .gform_body ul li .ginput_container input { color: #6f7277 !important; padding: 7px 20px !important; font-family: "Proxima Nova Rg" !important; font-size: 18px !important; font-weight: 400; line-height: 34px !important; border: 1px solid #d9d9d9 !important; } .form-section .gform_wrapper form .gform_body ul li .ginput_container textarea { font-size: 17px !important; color: #BE7965; background-color: #F3EDEA; padding: 15px !important; font-family: 'Avenir' !important; } .form-section .gform_wrapper form .gform_body ul li { margin-top: 0; } .form-section .gform_wrapper form .gform_body ul li .ginput_container_textarea { margin-top: 20px; } .validation_message { padding-top: 0 !important;font-family: Museo-700;} .gfield_radio > li label { position: relative;} .gfield_radio > li input:checked ~ label:after{opacity:1;} .gfield_radio > li label:before { content: '';position: absolute;border: 1px solid #f8eee4;width: 20px;height: 20px;left: 0;top: 0;border-radius: 100%;} .gfield_radio > li label:after {content: '';position: absolute ; opacity: 0;left: 6px;top: 6px;width: 8px;height: 8px;border-radius: 100%;background: #ffffff;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { max-width: 100%; padding-right: 0 !important; } .gform_wrapper .validation_message { font-size: 15px; line-height: 20px; color: #ff0000; } .form-section .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border: 1px solid #ff1818 !important; } .formBottom .talkFormRight { } .formBottom .talkFormRight label.gfield_label { font-size: 18px !important; line-height: 34px !important; color: #fff !important; font-family: Proxima Nova Lt; font-weight: 600 !important; } .formBottom .talkFormRight .ginput_container_checkbox ul li { } .formBottom .talkFormRight .ginput_container_checkbox ul li label { color: #ffffff; font-family: "Proxima Nova Rg"; font-size: 16px !important; font-weight: 400 !important; line-height: 35px !important; } .formBottom .talkFormRight .ginput_container_checkbox ul li label::after { top: 7px; } .formBottom .talkFormRight .ginput_container_checkbox ul li label::before { top: 1px; left: -27px; } .formBottom .gform_footer.top_label { text-align: center; } .talk-to-us-form .customLeftForm { color: #666666; font-family: "Museo 300"; font-size: 19px; font-weight: 400; } .talkFormRight label.gfield_label { font-family: Proxima Nova Lt; font-size: 18px !important; font-weight: 600 !important; line-height: 34px !important; color: #666666 !important; } .talkFormRight ul.gfield_checkbox li { /* margin-left: 0 !important; */ } .talkFormRight ul.gfield_checkbox li label { font-family: "Proxima Nova Rg"; font-size: 17px !important; font-weight: 400 !important; line-height: 34px !important; color: #666666; } .talk-to-us-form .ginput_container_checkbox label:after { border: 1px solid #d1d1d1; top: 8px; } .talk-to-us-form .ginput_container_checkbox label:before { top: 1px; } .talk-to-us-form .form_sublabel_below { display: flex !important; align-items: self-end !important;padding:0 15px; } /*banner*/ .home-banner .wpb_wrapper { padding-bottom: 260px; } .company_logo-section >div { vertical-align: middle; } .company_logo-section .company-logo { margin-bottom: 0; } .company_logo-section { display: flex; align-items: center; margin-bottom: 20px; margin-top: 20px; } .logo-section { } .logo-section .vc_column-inner { padding-top: 0 !important; } /*sunshine*/ .sunshine-content { font-size: 19px; font-weight: 400; line-height: 27px; color: #ffffff; margin-left: -60px; margin-top: 38px; max-width: 585px; width: 100% !important; } .sunshine-content h2 { margin-bottom: 15px; } .sunshine-content >div > .wpb_wrapper { padding: 7px 74px 27px 74px; } .sunshine-image { position: relative; z-index: 1; } .sunshine-main-section { padding-top: 108px; padding-bottom: 115px; } .sunshine-image .vc_single_image-wrapper { width: 625px !important; height: 416px; } .sunshine-image .vc_single_image-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover; } .sunshine-main-content{font-family: Museo-300} /*benefits-solar-wrap*/ .benefits-solar-wrap { padding-top: 30px; padding-bottom: 20px; } .benefits-solar-section { padding-bottom: 50px; padding-top: 40px; } .benefits-sec .Solar-icon { margin-bottom: 0; } .benefits-sec .Solar-icon .vc_single_image-wrapper { height: 48px; width: 48px; } .benefits-sec .Solar-icon .vc_single_image-wrapper img { width: 100% !important; height: 100% !important; object-fit: contain; } .benefits-sec .content { color: #fff; margin-bottom: 59px; } .benefits-sec .content h6 { font-size: 22px; font-weight: 400; line-height: 24px; font-family: Museo-Sans-500; color: #fff; padding: 28px 0 13px; } /*.our-products*/ .our-products-section { padding-top: 80px; padding-bottom: 110px; } .our-products-img .vc_single_image-wrapper { height: 233px; width: 100%; } .our-products-img .vc_single_image-wrapper img { width: 100% !important; height: 100% !important; object-fit: contain; } .our-product-text { background-color: #00AA8F; font-size: 19px; font-weight: 400; line-height: 27px; font-family: 'Museo-Sans-500'; padding: 11px 0; transition: all 400ms ease; cursor: pointer; } .our-product-text:hover { background-color: #efad29; } .title-recommend { font-family: "Museo-300"; font-size: 19px; font-weight: 400; line-height: 27px; padding: 128px 0 10px; } /*e-smart-solar*/ .e-smart-solar-wrap > div > .vc_column-inner { display: flex; align-items: flex-end; justify-content: center; min-height: 780px; width: 100%; } .e-smart-solar-wrap > div > .vc_column-inner p { color: #ffffff; font-family: "Museo-300"; font-size: 19px; font-weight: 400; line-height: 27px; } .e-smart-solar-wrap { padding-bottom: 40px; } /*.our-work*/ .our-work-wrap .vc_single_image-wrapper { height: 199px; width: 100%;position: relative; } .our-work-wrap .vc_single_image-wrapper img { width: 100%; object-fit: cover; height: 100% !important; } .our-work-wrap .medium-font { font-family: Museo-Sans-500; padding-bottom: 50px; } .our-work-wrap .wpb_single_image { margin-bottom: 26px; } .our-work-wrap .vc_single_image-wrapper:before { background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; opacity: 0; transition: all 400ms ease; } .our-work-wrap:hover .vc_single_image-wrapper:before { opacity: 1; } .our-work-section { padding-top: 83px; padding-bottom: 100px; } .our-work-section .button-2 a { padding: 11px 59px !important; margin-top: 2px; } .testimonial-wrap { width: 100%; float: left; padding-right: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .testimonial-img-wrap { width: 625px; float: left; } .testimonial-img-wrap > .slick-list { padding-top: 0px; padding-bottom: 00px; } .testimonial-wrap .testimonial-content { width: calc(100% - 625px); float: left;} .testimonial-wrap .testimonial-content .quotes-img { width: 43px; height: 31px; margin: 0 auto; } .testimonial-wrap .testimonial-content .quotes-img img { width: 100%; height: 100%; object-fit: contain; } .testimonial-wrap .testimonial-content .content { font-size: 21px; font-weight: 400; line-height: 29px; color: #666666; font-family: "Museo-Sans-500"; text-align: center; } .testimonial-wrap .testimonial-content .designation strong { font-family: "Museo-900"; font-size: 21px; font-weight: 400; line-height: 29px; } .testimonial-wrap .testimonial-content .designation { text-align: center; padding-top: 20px; color: #666666; } .testimonial-wrap .testimonial-content .content-wrap { padding: 50px 25px; background: #fff;/* margin: 0 10px;*/ } .testimonial-wrap .testimonial-content .slick-active.slick-current { transform: translateX(0px); } .testimonial-wrap .testimonial-content .slick-active { transform: translateX(-50%); z-index: 1; } .testimonial-wrap .testimonial-content .slick-list { padding: 30px 0; } /* 08-06-2020 */ .testimonial-wrap .testimonial-content .slick-slide{box-shadow:4px 0px 32px 0px rgba(0,0,0,0.1);} .testimonial-wrap .testimonial-content .slick-slide{position:relative;} .testimonial-wrap .testimonial-content .slick-active.slick-current + div{margin-right:-50%;} .testimonial-wrap .testimonial-content .slick-active.slick-current{z-index:2;} .testimonial-wrap .testimonial-content .slick-slide:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:#ffffff;opacity:0.8;} .testimonial-wrap .testimonial-content .slick-current.slick-slide:before{opacity:0;} .testimonial-wrap .slick-slider .slick-dots{ padding-left: 10%; text-align: left; bottom: 0; } .testimonial-wrap .slick-slider .slick-dots li button{ width: 7px; height:7px; background-color: #4d4d4d; } .testimonial-wrap .slick-slider .slick-dots li.slick-active button{ background-color: #fdc33e; } /*blog*/ .blog-section { padding-top: 50px; padding-bottom: 40px; } .blog-section .button-1 a { width: 312px; height: 53px; padding: 0 !important; vertical-align: middle; display: flex !important; align-items: center; justify-content: center; margin: 0 auto; } .blog-section .button-1 a:hover { color: #efad29 !important; } section.latest-blogs {padding: 30px 0 30px;position: relative; } .singleBlog .inner { padding: 0 15px;font-family: "Museo-Sans-500";font-weight: 400; text-align: center;} .singleBlog .blogImage { height: 220px; width: 100%; } .singleBlog .blogImage img { width: 100%; height: 100%; object-fit: cover; } .singleBlog .inner .blogCat { color: #333333; font-size: 18px; padding: 16px 0; } .singleBlog .inner .blogTitle { color: #666666; font-size: 20px;padding-bottom: 10px; } .singleBlog .inner .blogLink a { color: #00aa8f; font-size: 18px;font-family: "Museo-Sans-500";font-weight: 400; } .singleBlog .inner .blogLink a:hover { color: #efad29; } section.latest-blogs .slick-center .singleBlog .inner .blogLink a { color: #efad29; } .blog-section section.latest-blogs:before { content: ''; position: absolute; position: absolute; background: url(images/white-shadow.png) no-repeat; width: 273px; height: 100%; left: -50px; top: 0; z-index: 1; } .blog-section section.latest-blogs:after { content: ''; position: absolute; background: url(images/white-shadow.png) no-repeat; height: 100%; width: 273px; right: 0; top: 0; top: -50px; transform: rotate(180deg); } /*faq page*/ .faq-heading .wpb_text_column { max-width: 886px; margin: 21px auto 40px !important; text-align: center; } .faq-heading { padding-top: 41px; } .accordion-section { } .accordion-section .accordion-wrap { margin-bottom: 16px; } .accordion-section .accordion-wrap h4 a {color: #333333 !important;font-family: "Museo-500";font-size: 22px;font-weight: 400;line-height: 23px;padding: 40px 46px 40px 72px !important;} .accordion-section .accordion-wrap h4:after {content: '\f107';position: absolute;font-family: fontawesome;right: 81px;font-size: 30px;color: #fec340;transition: all 400ms ease;top: 50%;transform: translateY(-50%);} .accordion-section .accordion-wrap.vc_active h4:after {transform: rotate(180deg) translateY(50%);} .accordion-section .accordion-wrap h4 a span {width: 100%;} .accordion-section .accordion-wrap h4 { position: relative; } .accordion-section .accordion-wrap h4 a i.vc_tta-controls-icon:after { content: 'Q' !important; border: none !important; font-family: "Museo-700"; font-size: 50px; font-weight: 400; line-height: 69.1px; text-transform: uppercase; color: #00ae9b; font-style: normal; top: -27px !important; left: 13px !important; display: inline-block !important; } .accordion-section .accordion-wrap h4 a i:before { display: none !important; } .accordion-wrap .vc_tta-panel-body >div { max-width: 910px; margin: 0 auto; color: #666666; font-family: "Museo-300"; font-size: 22px; font-weight: 400; line-height: 30px; } .accordion-wrap .vc_tta-panel-body { position: relative; padding-top: 30px !important; border: none !important;border-radius: 0px !important;padding-bottom: 50px !important;} .accordion-section .accordion-wrap h4 a:before { content: ''; } .accordion-section .vc_tta-panel-body:before { content: ''; width: 1000px; height: 1px; opacity: 0.3; background-color: #000; display: block !important; left: 0; right: 0; margin: 0 auto; position: absolute; top: 0; } .contact-faq { color: #666666; font-family: "Museo-300"; font-size: 19px; font-weight: 400; line-height: 27px; max-width: 874px; margin: 20px auto 80px; } .contact-section-wrap { max-width: 1108px; margin: 0 auto !important; padding-top: 64px; } .contact-number { color: #fff; font-family: "Museo-Sans-500"; font-size: 19px; font-weight: 400; line-height: 27px; text-transform: uppercase; } .contact-number i { } .contact-number a { color: #fff; display: inline-block; font-size: 20px; padding-left: 10px; } .contact-number i { height: 30px; width: 30px; background-color: white; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; color: #00aa8f; margin-left: 8px; font-size: 16px; transition: all 400ms ease; } .contact-section-wrap h2 { font-family: 'ProximaNova'; font-weight: 700; font-size: 40px; padding-bottom: 21px; line-height: 27px; } .contact-number a:hover { color: #efad29; } .contact-number a:hover i { color: #fff; background-color: #efad29; } .contact-add h6 { color: #fff; font-family: "Museo-300"; font-size: 19px; font-weight: 400; } .contact-add .singleHour { display: inline-block; padding-right: 40px; color: #ffffff; font-family: "Museo-300"; font-size: 19px; font-weight: 400; } .blog-section { padding-bottom: 70px;} .contact-add ul li { display: inline-block; padding-right: 40px; color: #666666;; font-family: "Museo-300"; font-size: 19px; font-weight: 400; } .contact-add .singleHour p { margin-bottom: 0; } .talk-to-us { border-bottom: 1px solid #d9d9d9; } .gform_wrapper .gfield_required { display: none;} .talk-to-us .contact-number { } .talk-to-us .contact-number p, .talk-to-us .contact-number p a { color: #fec340; } .talk-to-us .contact-number i { height: 30px; width: 30px; background-color: #fec340; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; color: #fff; margin-left: 8px; font-size: 16px; transition: all 400ms ease; } .resources-banner-section { height: 454px; overflow: visible !important; } .resources-section-content >div { box-shadow: 0px 10px 9px 0px rgba(0, 0, 0, 0.13); position: relative; left: 0; right: 0; background-color: #fff; padding: 0px 0 44px; margin-top: -110px; } .you-tube-video-section { padding-top: 100px;padding-bottom: 80px } .resources-section-content .wpb_text_column.wpb_content_element { margin-bottom: 0 !important; } .resources-section-content h2 { padding-bottom: 20px; } .image-how-it-works .vc_single_image-wrapper { width: 100% !important; height: 714px; } .image-how-it-works .vc_single_image-wrapper img { height: 100%; object-fit: cover; } .custom-title-section { padding-top: 51px; padding-bottom: 20px; } .custom-title-section h2 { padding-bottom: 20px; } .content-section > .wpb_column { padding: 0 15px; } .content-section { margin: 0 -15px;padding-bottom: 50px; } /*ourClients page*/ section.ourClients .clients-wrap .singleClient { display: flex; flex-wrap: wrap; margin:0 -15px 87px; } section.ourClients .clients-wrap .singleClient >div { width: 50%;padding:0 15px; } .clientRight .clientRes { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #999999; } section.ourClients .clients-wrap .singleClient .clientRight strong { font-family: "Museo-700"; } .clientRight .clientdes { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #999999; } .clientRight .clientdes > p { margin-bottom: 5px; } .clientLeft .clientImage { height: 451px; width: 100%; } .clientLeft .clientImage img { width: 100%; height: 100%; object-fit: cover; } .clientReview { background-color: #e9e9e9; padding: 27px 42px 27px 67px; position: relative; } .clientImage-content:before { content: ''; position: absolute; background: url(images/quotes-2.png) no-repeat center; width: 44px; height: 32px; background-size: contain; left: 10px;top: 20px;} .clientName{font-family:"Museo-Sans-500";padding-top:10px;} .clientName strong{font-family:"Museo-900";} .pagination{text-align:center;padding-bottom: 50px;} .pagination .page-numbers { border: 1px solid #fec340; padding: 8px 15px; margin: 0 4px; color: #fec340;letter-spacing: 0.9px; display: inline-block; font-family: "Open Sans"; font-size: 18px; font-weight: 400; line-height: 34px; text-transform: uppercase; } .pagination .page-numbers.current,.pagination .page-numbers:hover{border:1px solid #dadada;color:#dadada;} /*blog page*/ .blogTitle h2 { text-align: center; color: #fec340; } .blogRepeater .singleBlog { width: 25%; padding-bottom: 80px;} .blogRepeater { display: flex; flex-wrap: wrap; } .blogRepeater .singleBlog .inner .blogCat p { margin-bottom: 0; } .blogPagination h2.screen-reader-text { display: none;} .BlogMainWrap { padding-bottom: 40px;} .clientName-sec strong{font-family:"Museo-700";} .banner-caption-section { padding-bottom: 60px; padding-top: 20px;padding-left: 90px; } .banner-caption-section h1 { margin-bottom: 0; } .banner-caption-section .Museo-300-content { color: #fff; } .Solar-energy-section { display: flex; align-items: center; padding-bottom: 100px; } .Solar-energy-section .sunshine-content {margin-top: -30px;max-width: 739px;margin-left: -120px; } .Solar-energy-img .vc_single_image-wrapper { height: 467px; } .Solar-energy-section:nth-child(even) { flex-direction: row-reverse; } .Solar-energy-section:nth-child(even) .sunshine-content { margin-left: 0px; margin-right: -60px; } .Solar-energy-section .sunshine-content .vc_column-inner { padding-left: 90px; padding-top: 70px; padding-bottom: 20px; } .Solar-energy-section:nth-child(even) .sunshine-content .vc_column-inner { background-color: #00aa8f !important; padding-left: 30px !important; padding-top: 50px; padding-bottom: 10px; } .Solar-energy-section .sunshine-image { width: 53%; } .Solar-energy-section:nth-child(even) .sunshine-content >div > .wpb_wrapper { padding: 7px 44px 27px 34px; } .Solar-energy-section:nth-child(even) .Solar-energy-img .vc_single_image-wrapper { height: 519px; } .Solar-energy-wrap { padding-bottom: 0; } .solar-energy-contnt .button-1 a:hover { color: #efad29 !important; } .solar-energy-contnt { padding-bottom: 76px; } /*about page */ .about-member-wrap > div > .wpb_wrapper { flex-wrap: wrap; display: flex; } .about-member-wrap .about-member { } .about-member-wrap > div > .wpb_wrapper > .vc_row.wpb_row { width: 50%; margin: 0 !important; } .about-member-wrap .about-member .wpb_single_image { margin-bottom: 20px; } .about-member-wrap .about-member .vc_single_image-wrapper { width: 80px; height: 80px; } .about-member-wrap .about-member .vc_single_image-wrapper img { width: 100%; height: 100% !important; object-fit: cover; } .about-member-wrap .about-member .vc_custom_heading { font-family: "Museo-300"; font-size: 16px; font-weight: 400; padding: 0 0px 20px; } .about-member-wrap {/* padding-top: 100px; */} .different-section-wrap .different-sec h6 { color: #1a1a1a; font-size: 26px;padding-bottom: 10px; padding-top: 6px;font-weight: 400;} .different-section-wrap .wpb_single_image { margin-bottom: 10px; } .different-section-wrap .wpb_single_image .vc_single_image-wrapper { height: 58px; width: auto; } .different-section-wrap .wpb_single_image .vc_single_image-wrapper img { width: 100%; height: 100% !important; object-fit: contain; } .different-section .different-section-wrap { margin-bottom: 10px; } .about-contain >div { max-width: 976px;margin: 0 auto !important; } .about-contain h2 { padding-bottom: 10px; } .about-contain .Museo-300-containe { max-width: 805px; margin: 0 auto 35px; } .different-section-wrap .different-sec p br { display: none; } .Credentials-content { padding-bottom: 60px; } .about-second-sec .about-contain { padding-top: 50px; margin-top: 40px; position: relative !important; } .about-second-sec .about-contain:before { content: ''; position: absolute; top: 0; background: url(images/border.png) no-repeat center; background-size: contain; width: 100%; height: 10px; left: 0; right: 0; } .about-ul ul li { position: relative; padding-bottom: 4px; } .about-ul > .wpb_wrapper { max-width: 671px; margin: 0 auto; } .about-ul ul li:before { content: ''; position: absolute; background: url(images/check.png) no-repeat; width: 15px; height: 14px; top: 6px; left: -26px; } .different-sec { max-width: 286px; margin: 0 auto 35px; } .different-sec em { font-style: normal; text-decoration: underline; position: relative; } .different-sec em:before { content: ''; position: absolute; display: inline-flex; width: 100%; height: 1px;/* background: red; */ bottom: 0; } .number-wrap .different-section-wrap { } .number-wrap .different-section-wrap .number { color: #00a898; font-family: "Museo-700"; font-size: 53px; font-weight: 400; width: 59px; height: 59px; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; border: 3px solid; border-radius: 100%; } .number-wrap { display: flex; justify-content: center; } .credentials-ul { padding-top: 20px; } .credentials-ul br {display: none;} .credentials-ul ul li { padding-bottom: 30px; } .credentials-ul ul li strong { color: #1a1a1a; font-size: 26px; font-weight: 400;display: block; } .credentials-ul ul li:before { width: 21px; height: 19px; background-size: contain; left: -31px; } .Credentials-content .credentials-ul li br { display: none; } .Credentials-content .credentials-ul li strong { display: block; } .about-wrap-section { padding-bottom: 0; } .about-wrap-section .Museo-300-content { margin: 0 auto 25px; } /*privacy-policy page*/ .privacy-policy-banner { min-height: 454px; padding-top: 40px; } .tabbing-section { margin-top: -102px !important; } .tabbing-title ul li a { background-color: #dfdbd2 !important; border-radius: 0px !important; color: #666666 !important; font-family: "Museo-700"; font-size: 19px; font-weight: 400; padding: 21px 60px !important; } .tabbing-title ul { position: relative; overflow: visible !important; } .tabbing-title:before { content: ''; position: absolute; background-color: #fff; width: 210%; height: 100%; left: -200%; } .tabbing-title { position: relative;max-width: 963px;margin: 0 auto !important; } .tabbing-content { background-color: #fff; margin: 0 !important; border: none !important; } .tabbing-content .vc_tta-panel-body { margin: 0 !important;padding: 62px 0 0 !important;} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body { border: none !important; } .tabbing-content .Museo-300-content strong { font-family: "Museo-700"; font-weight: 400; } .tabbing-title li.vc_active a { background-color: #fff !important; } .privacy-policy-benefits-section > div > .vc_column-inner { max-width: 866px; margin: 0 auto; } .privacy-policy-benefits-section .benefits-sec .content{color:#ffffff;font-family:"Museo-Sans-500";font-size:18px;font-weight:400;line-height:24px;margin-bottom:20px;} .tabbing-section{padding-bottom:70px;} .privacy-policy-benefits-section{padding-bottom:80px;padding-top:40px;} .privacy-policy-benefits-section .button-1 { padding-top: 30px;} .container-width { max-width: 1040px; margin: 0 auto !important; } .image-with-content-wrap{display: flex; align-items: center; padding: 80px 0 66px;} .image-with-content-wrap .vc_single_image-wrapper { width: 626px; height: 418px; } .image-with-content-wrap .vc_single_image-wrapper img { width: 100%; height: 100%; object-fit: cover; } .image-with-content-wrap .Museo-300-content strong { font-family: "Museo-700"; } .image-with-content-wrap .vc_col-sm-8{max-width: 626px;} .privacy-policy-thumb-sec a { color: #fec340; font-family: "Museo 700"; font-weight: 400; } .privacy-policy-thumb-sec { margin-bottom: 90px !important; } .privacy-policy-thumb-sec >div > .vc_column-inner { padding: 60px 60px 40px; } .tabbing-title ul.vc_tta-tabs-list li:first-child { margin-left: 0 !important; } .privacy-policy-thumb-sec a i { width: 25px; height: 25px; background-color: #fec340; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff; font-size: 22px; margin-left: 7px; } .map-section-wrap .map-section { width: 100%; height: 248px; } .map-section-wrap .map-section iframe { height: 100%; } .map-section-wrap .map-section div { height: 100%; } .map-section-wrap { margin-bottom: 60px; margin-top: 30px; } /*404 page*/ .not-found { max-width: 650px; margin: 60px auto 80px; } .not-found .page-header { font-family: 'Museo-300'; font-size: 19px; color: #666666; } .not-found .page-header h1 { font-size: 50px; color: #000; text-shadow: none;text-align: center; } .not-found .page-content { text-align: center; font-family: 'Museo-300'; font-size: 19px; color: #666666;} .not-found .page-content form.search-form { justify-content: center; display: flex; } .not-found .page-content form.search-form label input { color: #6f7277 !important; padding: 7px 20px !important; font-family: "Proxima Nova" !important; font-size: 18px !important; font-weight: 400; line-height: 34px !important; border: 1px solid #d9d9d9 !important; } .not-found .page-content form.search-form label { display: inline-block; } .not-found .page-content form.search-form label span.screen-reader-text { display: none; } .not-found .page-content form.search-form button.search-submit { border: none !important; background-color: #fcb813 !important; color: #ffffff !important; font-family: "Museo-Sans-500"; font-size: 17px !important; text-transform: capitalize; font-weight: 400 !important; width: 130px !important; transition: all 400ms ease; } .not-found .page-content form.search-form button.search-submit:hover { background-color: #00ae9b !important; } .mainWrap-sec { width: 100%; display: inline-block; padding-top: 40px;} .mainWrap-sec .leftSide { width: 70%; display: inline-block; float: left;padding:0 15px; } .mainWrap-sec .rightSide { width: 30%; display: inline-block; float: left; padding:0 15px;} .mainWrap-sec .leftSide .BlogTitle h2 { color: #fec340; } .mainWrap-sec .leftSide .BlogAuthorWrap { } .mainWrap-sec .leftSide .BlogAuthorWrap .authorImage { width: 50px; height: 50px; border-radius: 100%; display: inline-block; } .mainWrap-sec .leftSide .BlogAuthorWrap .authorImage img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; } .mainWrap-sec .leftSide .BlogAuthorWrap .authorImage-name { display: flex; align-items: center; padding: 20px 0 30px; } .authorImage-name .authorDes p { margin-bottom: 0; color: #808080; font-family: Proxima Nova Lt; font-size: 16px; font-weight: 300; } .authorDes { margin-left: 10px; } .BlogAuthorWrap .featuredImage { height: 480px; width: 100%; } .BlogAuthorWrap .featuredImage img { height: 100%; width: 100%; object-fit: cover; } .blog-inner-content h4 { color: #333333; font-family: "Museo-Sans-500"; font-size: 30px; font-weight: 400; padding: 20px 0 20px; } .blog-inner-content strong { color: #333333;font-weight: 400; } .blogComment .comments-area h2 { color: #1a1a1a; font-family: Proxima Nova Lt; font-size: 18px; font-weight: 600; line-height: 22px; text-transform: uppercase; } .comment-form-comment label { display: none; } .blogComment form .form-submit input.submit { color: #ffffff; font-family: Proxima Nova Lt; font-size: 20px; font-weight: 600; text-transform: uppercase; width: 293px; height: 53px; border: none; background-color: #fec340; border-radius: 5px; cursor: pointer; transition: all 400ms ease; } .blogComment form .form-submit input.submit:hover { background-color: #00aa8f; } .comment-form-comment { } .comment-form-comment label { display: none; } .blogComment form label { display: none; } .comment-form-comment textarea, .blogComment form input { border: 1px solid #e0e0e0; width: 100%; border-radius: 5px; resize: none; padding: 15px; max-width: 336px; color: #808080; font-family: "Proxima Nova Lt"; font-size: 15px; font-weight: 300; } .blogComment form { padding-left: 50px; padding-top: 30px; } .blogComment form p.comment-notes { color: #808080; font-family: Proxima Nova Lt; font-size: 15px; font-weight: 300; position: relative; } .blogComment form p.comment-notes:before { content: ''; position: absolute; width: 42px; height: 41px; background-color: #000; left: -60px; top: 50%; transform: translateY(-50%); border-radius: 100%; } .blogComment form .form-submit input.submit { color: #ffffff; font-family: Proxima Nova Lt; font-size: 20px; font-weight: 600; text-transform: uppercase; width: 293px; height: 53px; border: none; background-color: #fec340; border-radius: 5px; cursor: pointer; transition: all 400ms ease; } .blogComment form .form-submit input.submit:hover { background-color: #00aa8f; } .blogComment form .form-submit { margin-bottom: 70px; padding-top: 30px;} .comment-form-comment textarea { width: 100%; max-width: 100%; } .blogComment form .comment-form-public { display: flex; align-items: center; margin-bottom: 0; } .blogComment form .comment-form-public label { display: block; color: #808080; font-family: Proxima Nova Lt; font-size: 15px; font-weight: 300; text-transform: uppercase; padding-left: 7px; } .blogComment form .comment-form-public input { width: auto; } section.latest-blogs-guide { } section.latest-blogs-guide .guideTitle { color: #ffffff; font-family: "Museo-Sans-500"; font-size: 40px; font-weight: 400; line-height: 50px; text-align: center;padding-top: 30px;} section.latest-blogs-guide .guideImage { width: 224px; height: 238px; margin: 40px auto 50px; } section.latest-blogs-guide .guideCTA a { color: #ffffff; font-family: Proxima Nova Lt; font-size: 20px; font-weight: 600; text-transform: uppercase; padding: 13px 35px; display: inline-block; background-color: #fec340; text-align: center; border: 2px solid transparent; } section.latest-blogs-guide .guideCTA { text-align: center; padding-bottom: 50px; } section.latest-blogs-guide .guideCTA a:hover { background-color: transparent; border-color: #fec340; } .blog-inner-content { padding-top: 20px; } .mainWrap-sec .rightSide h4.blog-title a { line-height: 17px; color: #333333; font-family: "Museo-300"; font-size: 17px; font-weight: 600; } .mainWrap-sec .rightSide h4.blog-title a:hover { color: #fec340; } .mainWrap-sec .rightSide .author-name { color: #666666; font-family: "Museo-300"; font-size: 14px; font-weight: 400; } .mainWrap-sec .rightSide .blog-img { width: 82px; height: 82px; } .mainWrap-sec .rightSide .blog-img img { width: 100%; height: 100%; object-fit: cover; } .mainWrap-sec .rightSide .blog-item { display: flex; flex-wrap: wrap; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c1c3c5; } .mainWrap-sec .rightSide .blog-right { width: calc(100% - 90px); padding-left: 18px; } .mainWrap-sec .rightSide .blog-right h4.blog-title { line-height: 19px; padding-bottom: 10px; } .mainWrap-sec .rightSide .blog-item:last-child { border-bottom: none; } .mainWrap-sec .rightSide .latest-blogs h6 { color: #333333; font-family: "Museo-300"; font-size: 24px; font-weight: 400; line-height: 28px; text-transform: uppercase; padding-bottom: 20px; padding-top: 10px; } .footer-bottom-wrap .formTop .contact-number { width: 50%; float: left;} ul.mainmenu .search-results-open-menu .search-icon a { color: #fff; } ul.mainmenu .search-results-open-menu .search-icon { position: relative; } .search-results-open-menu { position: relative;padding-left: 20px; } .search-results-open-menu .top-search { position: absolute; right: 0; top: 34px;z-index: 1 } .search-results-open-menu .top-search:before { content: ''; position: absolute; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 12px solid #005750; right: 6px; top: -11px; margin: 0 auto; transition: all 400ms ease; } .search-results-open-menu .top-search form input[type="text"] { color: #ffffff !important; padding: 7px 20px !important; font-family: "Proxima Nova" !important; font-size: 18px !important; font-weight: 400; line-height: 34px !important; background-color: #fcb813 !important; border: 2px solid #005750 !important; } /* Nav tabs*/ .products-section-inner { } .products-section-inner header.tabs-nav { } .products-section-inner header.tabs-nav ul li { display: inline-block;width: 20%; position: relative;padding-bottom: 50px;border-bottom: 1px solid #DFDBD2;} .products-section-inner header.tabs-nav ul { display: flex; align-items: center; justify-content: space-around;margin-top: 60px;position: relative;} .product-text { font-family: "Museo-Sans-500"; font-size: 19px; font-weight: 400; color: #00ae9b; text-align: center;padding-top: 15px; } .products-img { height: 233px; width: 100%; } .products-img img { width: 100%; height: 100%; object-fit: contain; } .products-section-inner header.tabs-nav li.active .product-text {color: #fec340;} /* Hide all but first content div */ .tabs-content .product:not(:first-child) { display: none; } .lg-content-wrap {min-height: 598px;} .lg-content-wrap .lg-sec-left-img {padding-top: 80px;padding-left: 90px;} .lg-content-wrap .inner { display: flex; justify-content: space-between; max-width: 1046px; margin: 0px auto 0; } .lg-content-wrap .inner .lg-sec-left-img { padding-top: 70px; } .lg-content-wrap .lg-content {max-width: 480px;margin-right: 0;float: right;margin-top: 70px;padding-right: 30px;} .warranty-image {display: flex;padding-top: 40px;padding-right: 40px !important;} .warranty-image .img { margin-left: 13px; width: 90px; height: 122px; } .warranty-image .img img { width: 100%; height: 100%; object-fit: contain; } .warranty-image .img:first-child { margin-left: 0; } .product-content-wrap h2 { color: #4d4d4d; font-family: "Museo-Sans-500"; font-size: 30px; text-align: center; padding-bottom: 20px; } .product-content-wrap .content { max-width: 919px; margin:40px auto 0; text-align: center; } .products-section-inner header.tabs-nav .line-active { width: 100%;} .products-section-inner header.tabs-nav ul li.active{position: relative;} .products-section-inner header.tabs-nav ul li.active:before {content: '';position: absolute;background: url(images/down-arrow.png) no-repeat;width: 15px;height: 15px;bottom: -15px;z-index: 1;left: 0;right: 0;margin: 0 auto;} .products-section-inner header.tabs-nav ul li.active:after { content: ''; position: absolute; width: 15px; height: 1px; background: #ffffff; bottom: -1px; left: 0; right: 0; margin: 0 auto; } .Solar-Panels-content {padding-top: 50px; padding-bottom: 30px;} .Solar-Panels-content .inner { display: flex; flex-wrap: wrap; } .Solar-Panels-content .inner .left { width: 30%; } .Solar-Panels-content .inner .right { width: 70%; } .Solar-Panels-content .inner .left img { width: 268px; height: 333px; object-fit: contain; } .Solar-Panels-content .inner .right .img { width: 261px; height: 56px; } .Solar-Panels-content .inner .right .img img { height: 100%; width: 100%; object-fit: contain; } .Solar-Panels-content .inner .right h3 { letter-spacing: 2.4px; color: #00aa8f; font-family: "Museo-Sans-500"; font-size: 24px; font-weight: 400; margin-bottom: 20px; margin-top: 10px; } .Solar-Panels-content .inner .right ul li { color: #666666; font-family: "Museo-Sans-500"; font-size: 19px; font-weight: 400; margin-bottom: 20px; padding-left: 40px; position: relative; } .Solar-Panels-content .inner .right ul { padding-top: 30px; } .Solar-Panels-content .inner .right ul li:before { content: ''; position: absolute; background-image: url(images/check-icon.png); width: 24px; height: 23px; top: 0; left: 0; } .Solar-Panels-content .inner .right .btn { } .Solar-Panels-content .inner .right .btn a { color: #fdc140; font-family: "Museo-Sans-500"; font-size: 23px; font-weight: 400; border: 2px solid #fdc140; padding: 12px 37px; display: inline-block; margin-right: 5px; } .Solar-Panels-content .inner .right .btn a.active, .Solar-Panels-content .inner .right .btn a:hover { background-color: #fdc140; color: #fff; } .Solar-Panels-content .inner .right .btn a.active:hover { } .Solar-Panels-content { padding-top: 50px; } .product-content-wrap { padding-top: 50px; } .blog-inner-social-media ul li { width: 33.33%; display: inline-block; text-align: center; padding: 0 2px; } .blog-inner-social-media ul { display: flex; flex-wrap: wrap; } .blog-inner-social-media { padding: 0 0 20px;} .blog-inner-social-media ul li a {position: relative; line-height: normal; color: #ffffff; font-family: 'Museo-Sans-500'; font-size: 14px; font-weight: 400; display: inline-block; width: 100%; border-radius: 3px; padding:13px 7px } .blog-inner-social-media ul li a i {position: absolute;left: 73px;top: 47%;transform: translateY(-50%);} .blog-inner-social-media ul li:nth-child(1) a { background: #306098; } .blog-inner-social-media ul li:nth-child(2) a { background: #21c4f1; } .blog-inner-social-media ul li:nth-child(3) a { background: #666666; } .search h2.entry-title a { color: #fec340; } .search a.post-thumbnail img { object-fit: cover; height: 300px !important; width: 100%; margin-top: 10px; margin-bottom: 10px; } .search article { max-width: 1000px; margin: 0 auto 50px; } .search span.author img { border-radius: 100%; margin-right: 10px; } .search footer.entry-footer span.author { display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; } .search span.posted-on { display: block; } .search span.screen-reader-text { color: #000; font-weight: 600; padding-right: 10px; } .search span.comments-link { display: block; } .search span.comments-link span.screen-reader-text { font-weight: 400; } .search h1.page-title { text-align: center; } .search .entry-summary span.screen-reader-text { font-weight: 400; } .search .pagination h2.screen-reader-text { display: none; } .search .pagination .meta-nav { display: none; } .home-banner .button-1 a{font-family: "Museo-Sans-500";font-weight: 400;} /*23-6-2020*/ .Solar-Panels-content.notImage .inner .right { width: 100%; } .Solar-Panels-content.notImage .inner .right .btn { text-align: center; } .Solar-Panels-content.notImage .right ul li { width: 50%; float: left;} .blogTitle { text-align: center; } .benefits-sec .content, .benefits-solar-wrap p, .custom-title p, .testimonial-wrap .testimonial-content .designation { font-family: 'Myriad Pro Regular' !important; } .singleBlog .inner .blogTitle { padding-top: 20px; } /*31-07-2020*/ .search-results-open-menu{display: none} /* 04-08-2020 */ .useful-links ul li { display: block; list-style-type: disc !important; list-style: disc !important; position: relative; } .useful-links ul li a:before { content: '\f111 '; border-radius: 100%; font-family: fontawesome; font-size: 9px; top: -3px; position: relative; padding-right: 10px; } .useful-links ul li a { padding-bottom: 10px; display: inline-block; } .contact-add p { font-family: "Museo-300";} /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width:768px) { /*ul.mainmenu { display: block !important; }*/ ul.mainmenu li:hover > ul { display: block; } ul.mainmenu ul li:hover ul { display: block; } /* CJB 31 July 2020 ul.mainmenu { position: relative; display: flex !important; align-items: center; justify-content: center; } */ ul.mainmenu { position: relative; display: flex !important; align-items: center; justify-content: center; max-height: 48px; } .wpb-js-composer .vc_tta.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels{ border: 0px solid transparent !important;} } @media (min-width:1500px) { /*.testimonial-content .slick-list { padding-left: 60px !important; }*/ } /*-- Max Media Queries --*/ @media (max-width:1600px) { .testimonial-img-wrap { width: 500px;} .testimonial-wrap .testimonial-content { width: calc(100% - 500px);} } @media (max-width:1199px) { .container{max-width: 950px;} .left-padding { padding-left: calc(((100% - 950px) - 30px) / 2); } /*menu*/ .header-section .left ul li { padding: 0 5px; } .header-section .left ul li a { font-size: 18px; letter-spacing: 1.6px; padding: 22px 0; } .header-section .right a { font-size: 17px; } .header-section .right i { font-size: 12px; } .logo a { width: 250px; height: 27px; } /*faq page*/ h2 { font-size: 35px; } h3 { font-size: 40px; } body { font-size: 18px; } .accordion-section .accordion-wrap h4 a { padding: 30px 46px 30px 72px !important; font-size: 18px; } .accordion-section .accordion-wrap h4 a i.vc_tta-controls-icon:after { font-size: 30px; top: -30px !important; } .accordion-section .vc_tta-panel-body:before { max-width: 820px; } .accordion-wrap .vc_tta-panel-body { } .accordion-wrap .vc_tta-panel-body >div { max-width: 800px; font-size: 20px; } .sunshine-content { max-width: 420px; } .sunshine-content { } .sunshine-content >div > .wpb_wrapper { padding: 7px 34px 27px 74px; } .button-2 a, .button-1 button { padding: 13px 59px !important; } .benefits-sec .content h6 { font-size: 22px; } .benefits-center { padding: 0 35px; } .benefits-solar-wrap { display: flex; align-items: center; } .our-products-section { padding-top: 30px; } .our-product-text { font-size: 18px; } .title-recommend { padding-top: 70px; } .footer-sectoin .footer-menu ul li { padding-left: 5px; } .footer-sectoin .footer-menu ul li a { font-size: 16px; } .footer-logo { } .footer-logo img { width: 190px !important; object-fit: contain; height: 100% !important; } .footer-bottom { font-size: 14px; } .footer-sectoin { padding: 50px 0 30px; margin-bottom: 24px; } .our-work-section { padding-top: 23px; padding-bottom: 50px; } .Solar-energy-section .sunshine-content .vc_column-inner { padding-left: 70px; padding-top: 20px; padding-bottom: 0; } .Solar-energy-section { padding-bottom: 60px; } .Solar-energy-section:nth-child(even) .sunshine-content >div > .wpb_wrapper { padding: 7px 44px 27px 3px; } .clientName-sec { font-size: 16px;} .about-member-wrap > div > .wpb_wrapper > .vc_row.wpb_row { width: 100%; } section.latest-blogs-guide .guideTitle { font-size: 24px; line-height: normal; } section.latest-blogs-guide .guideImage { width: 164px; height: 168px; } section.latest-blogs-guide .guideCTA a { padding: 10px 15px; font-size: 15px; } .blog-inner-content br { display: none; } .mainWrap-sec .rightSide h4.blog-title a { font-size: 12px; } .mainWrap-sec .rightSide .blog-right h4.blog-title { line-height: 12px; } .BlogAuthorWrap .featuredImage { height: 300px; } .mainWrap-sec .rightSide .latest-blogs h6 { font-size: 19px; } .lg-content-wrap { background-position: right !important; } .Solar-Panels-content .inner .right .btn a { font-size: 18px; } .Solar-Panels-content .inner .left { padding-right: 45px; } .Solar-Panels-content .inner .right h3 { font-size: 22px; } .content-section p br { display: none;} } @media (max-width:991px) { .container{max-width: 750px;} .left-padding { padding-left: calc(((100% - 750px) - 30px) / 2); } /*faq page*/ h2 { font-size: 30px; } .contact-faq { font-size: 15px; line-height: 22px; } .accordion-section .accordion-wrap h4:after { right: 40px; } .accordion-wrap .vc_tta-panel-body >div { font-size: 18px; } h1 { font-size: 49px; } .button-1 a, .button-1 button { font-size: 22px !important; padding: 6px 29px !important; } .home-banner .wpb_wrapper { padding-bottom: 120px; } .company-logo { } .company-logo .vc_single_image-wrapper { height: auto !important; padding: 0 15px; } .company-logo .vc_single_image-wrapper img { width: 100%; object-fit: contain; } .sunshine-main-section { padding-top: 28px; padding-bottom: 55px; } .sunshine-content { font-size: 15px; line-height: 26px; } h3 { font-size: 35px; } .benefits-solar-section { padding-bottom: 30px; padding-top: 10px; } .our-products-wrap { } .our-products-wrap > .wpb_column.vc_column_container { width: 33.33% !important; padding-bottom: 40px; } .our-products-section { padding-bottom: 40px; } .contact-section-wrap { padding-top: 24px; padding-bottom: 10px; } .contact-section-wrap h2 { font-size: 35px; } .resources-banner-section { height: 300px; } .resources-section-content { } .you-tube-video-section { padding-bottom: 50px; } .image-how-it-works .vc_single_image-wrapper img { height: auto; } .image-how-it-works .vc_single_image-wrapper { height: auto; } .clientLeft .clientImage{height:350px;} .clientReview{padding:27px 12px 27px 57px;} .Museo-300-content{font-size:16px;line-height:24px;} section.ourClients .clients-wrap .singleClient{margin-bottom:60px;} .clientReview:before{width: 34px;} .blogRepeater .singleBlog { width: 33.33%;} .about-wrap-section { padding-bottom: 0 !important; } .number-wrap .different-section-wrap .number { font-size: 35px; } .credentials-ul ul li strong { font-size: 20px; } .different-section-wrap .different-sec h6 { font-size: 20px; } .different-sec { padding: 0 15px; } .contact-add ul li { padding-bottom: 12px; } .form-section .gform_wrapper form .gform_body ul li { width: 100% !important; } .form-section .gform_footer .button { width: 217px !important; height: 53px; text-align: center; margin: 0 auto; } .form-section .gform_footer.top_label { text-align: center; } .mainWrap-sec .rightSide .blog-item { flex-direction: column; } .mainWrap-sec .rightSide .blog-item > div { width: 100%; padding: 0 0 10px; } .mainWrap-sec .rightSide .blog-item .blog-img { width: 80px; margin: 0 auto; } .mainWrap-sec .rightSide .blog-right { text-align: center; } .resources-section-content{padding:0 15px; } .Solar-Panels-content .inner .right h3 { font-size: 16px; letter-spacing: 1.5px; } .Solar-Panels-content .inner .right .img { width: 231px; height: 56px; } .products-img { height: 134px; } .product-text { font-size: 12px;} .product-content-wrap h2 { font-size: 21px; } .Solar-Panels-content .inner .right .btn a { padding: 4px 10px; font-size: 16px; } .Solar-Panels-content .inner .right ul li { font-size: 15px; line-height: 20px; } .search-results-open-menu {padding-left: 3px;} .form-section .gform_wrapper form .gform_body ul li{margin:0 !important } .Solar-Panels-content .inner .right h3 br{display: none;} ul.mainmenu > li > a:link, ul.mainmenu > li > a:visited { font-size: 16px; } .talkFormRight .ginput_container.ginput_container_checkbox { padding-left: 10px; } } @media (max-width:767px) { .container{max-width:100%;} .left-padding { padding-left: calc(((100% - 1170px) - 30px) / 2); } header.header { position: relative;padding: 20px 0 0} /*Nav*/ .menulinks { display: inline-block; } ul.mainmenu { text-align: left; position: absolute; top: 64%; padding: 0; right: 0; width: 100%; background:#005750; display: none; z-index: 9999999; } ul.mainmenu > li { float: left; width: 100%; padding: 0px; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; } ul.mainmenu > li:first-child { border: none; } ul.mainmenu > li > a:link, ul.mainmenu > li > a:visited { padding: 10px 15px; font-size: 16px; float: left; width: 100%; border: none; text-align: left; color: #fff; } ul.mainmenu > li > a:hover { background: rgba(255, 255, 255, 0.2); } a.menulinks i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.menulinks i:before, a.menulinks i:after { position: absolute; content: ''; left: 0; } a.menulinks i, a.menulinks i:before, a.menulinks i:after { width: 34px; height: 4px; background-color: #fcbf2a; display: inline-block; } a.menulinks i:before { margin-top: -10px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.menulinks i:after { margin-top: 10px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile-open a.menulinks i { background-color: rgba(0, 0, 0, 0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.menulinks i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile-open a.menulinks i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } ul.mainmenu > li > a.current:after { display: none; } ul.mainmenu ul { position: relative; top: auto; left: auto; float: left; width: 100%;background: #fcbf2a; } ul.mainmenu ul li { position: relative; } ul.mainmenu li li a:link, ul.mainmenu li li a:visited { padding: 0px 15px 0px 25px; color: #fff; } ul.mainmenu ul ul { position: relative; left: auto; top: auto; float: left; width: 100%; } ul.mainmenu ul ul li { padding-left: 10px; } a.child-triggerm { display: block !important; cursor: pointer; position: absolute !important; top: 0px; right: 0px; width: 50px !important; min-width: 50px !important; height: 47px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } a.child-triggerm:hover { text-decoration: none; color: #f00; } a.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm span:after { position: absolute; content: ''; } a.child-triggerm span, a.child-triggerm span:after { width: 10px; height: 1px; background-color: #fff; display: block; } a.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm:hover span, a.child-triggerm:hover span:after { background-color: #fcbf2a; } .header-section .left { width: auto; display: none; } .header-section .right { justify-content: center; width: 100%; text-align: center; background-color: #005750;padding: 8px 0; } .header-section .center { width: 100%; } .header-section { justify-content: start; flex-direction: column; } .logo a img { } .logo a { width: 180px; } .header-section .logo { text-align: left; padding: 0 15px 20px; } header.header .container { padding: 0 !important; } .header-section .right a { color: #fff; } .header-section .right i { background-color: #fff; color: #005750; } ul.mainmenu ul li a { font-size: 17px !important; } /*faq page */ .accordion-section .accordion-wrap h4 a { padding: 20px 46px 20px 52px !important; font-size: 15px; } .accordion-section .accordion-wrap h4:after { right: 10px; } .accordion-section .accordion-wrap h4 a i.vc_tta-controls-icon:after { bottom: auto !important; top: -36px !important; font-size: 23px; } .accordion-wrap .vc_tta-panel-body >div { font-size: 15px; line-height: 23px; } .benefits-solar-wrap { flex-direction: column; } .sunshine-image .vc_single_image-wrapper { width: 100% !important; height: 300px; } .sunshine-content { max-width: 100%; margin: 0; } .sunshine-image > div { padding: 0 !important; } .sunshine-content >div > .wpb_wrapper { padding: 15px; } .Solar-icon { text-align: center !important; } .benefits-sec .content h6 { text-align: center; } .benefits-sec .content { text-align: center; } .our-products-wrap > .wpb_column.vc_column_container { width: 100% !important; } br { display: none; } .our-work-section .button-2 a { padding: 11px 19px !important; } .footer-sectoin { flex-direction: column; } .footer-sectoin .footer-menu ul li { display: block; } .footer-menu .social-media { width: 100%; padding-top: 20px; } .footer-menu .social-media ul li { display: inline-block !important; } .footer-menu ul#menu-footer-menu { width: 100% !important; } .footer-bottom { display: block; } .footer-logo { font-size: 28px; padding-bottom: 20px; width: 100%; } .footer-menu { width: 100%; } .company_logo-section >div { width: 100% !important; } .company_logo-section { flex-direction: column; } .company_logo-section .company-logo { margin-bottom: 0px; } section.latest-blogs:after, section.latest-blogs:before { display: none; } section.latest-blogs .singleBlog .inner .blogTitle { font-size: 15px; } section.latest-blogs .singleBlog .inner .blogCat { font-size: 17px; } section.latest-blogs .singleBlog .inner .blogLink a { font-size: 16px; } .blog-section .button-1 a { width: 262px; height: 43px; font-size: 19px !important; } .blog-section { padding-bottom: 60px;padding-top: 10px; } .large-font { font-size: 15px; line-height: 20px; } .you-tube-video-section .wpb_video_widget { margin-bottom: 10px; } .you-tube-video-section { padding-bottom: 20px; } .resources-section-content { } section.ourClients .clients-wrap .singleClient >div { width: 100%; } .clientRight .clientRes { padding-top: 30px; padding-bottom: 15px; margin-bottom: 15px; } .blogRepeater .singleBlog { width: 100%; padding-bottom: 50px; } .Solar-energy-section { flex-direction: column; } .banner-caption-section { padding-left: 0; } .banner-caption-section h1 { font-size: 43px; text-align: center !important; } .banner-caption-section { text-align: center; } .Solar-energy-img .vc_single_image-wrapper { } .Solar-energy-section .sunshine-image { width: 100%; } .Solar-energy-section .sunshine-content { margin-top: 0; max-width: 100%; margin-left: 0; } .Solar-energy-img { margin-bottom: 0; } .Solar-energy-img figure.wpb_wrapper.vc_figure { width: 100%; } .Solar-energy-section .sunshine-content .vc_column-inner { padding-left: 20px; padding-top: 20px; } .Solar-energy-section:nth-child(even) { flex-direction: column; } .Solar-energy-section:nth-child(even) .Solar-energy-img .vc_single_image-wrapper { height: 300px; } .Solar-energy-section:nth-child(even) .sunshine-content .vc_column-inner { padding-left: 30px !important; padding-top: 50px; padding-bottom: 10px; } .Solar-energy-section:nth-child(even) .sunshine-content { margin-right: 0; } .Solar-energy-wrap { padding-bottom: 0; } .about-second-sec .about-contain:before { background-size: cover; padding: 0 15px; max-width: 90%; margin: 0 auto; } .number-wrap { flex-wrap: wrap; } .about-ul > .wpb_wrapper { max-width: 80%; } .about-second-sec .about-contain { padding-top: 50px; margin-top: 0px; } .credentials-ul ul li strong { font-size: 19px; } .image-with-content-wrap { flex-direction: column; } .image-with-content-wrap > div >.vc_column-inner { padding: 0 !important; } h1 { font-size: 39px; } .tabbing-section { margin-top: 0 !important; } .tabbing-section .vc_tta-panel-body { background-color: transparent !important; } .tabbing-section .vc_tta-panel-heading { border-radius: 0px !important; border: none !important; } .tabbing-section .vc_tta-panel-body { } .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body { border: 1px solid #dfdbd2 !important; padding: 30px 15px !important; } .tabbing-content h4 a { color: #666666 !important; font-family: "Museo-700"; font-size: 19px; font-weight: 400; background-color: #dfdbd2 !important } .privacy-policy-banner { min-height: 300px !important; } .privacy-policy-thumb-sec >div > .vc_column-inner { padding: 30px; } .privacy-policy-thumb-sec { padding: 0 !important; } .description_below > div { width: 100%; } .form_sublabel_below { flex-direction: column; } .talkFormRight { padding-top: 30px !important; } .form-section .gform_wrapper form .ginput_container_checkbox ul li { margin-bottom: 0 !important; } .contact-add ul li { padding-bottom: 0; padding-right: 0; margin-bottom: 0 !important;font-size: 16px; } .contact-add ul { padding-top: 5px; } .form-section .gform_wrapper form .gform_body ul li .ginput_container input { font-size: 17px !important; padding: 5px 10px !important; } .contact-section-wrap h2 { text-align: center; } .talk-to-us .contact-number { text-align: center; margin-bottom: 30px; padding-top: 20px; } .talk-to-us .contact-number i { margin-left: 0; } .mainWrap-sec .leftSide { width: 100%; } .mainWrap-sec .rightSide { width: 100%; } .blog-inner-content h4 { font-size: 23px; padding-bottom: 10px; padding-top: 12px; } .blogComment form .form-submit input.submit { width: 100%; } section.latest-blogs-guide .guideTitle { font-size: 29px; } .form-section .gform_wrapper form .ginput_container_checkbox ul li { width: 100%; margin: 0; } .footer-bottom-wrap .formTop .contact-number { width: 100%; } .search-results-open-menu { display: none; } .lg-content-wrap .inner { flex-direction: column; } .Solar-Panels-content .inner { flex-direction: column; } .Solar-Panels-content .inner .left { width: 100%; padding: 0 !important; text-align: center; } .Solar-Panels-content .inner .right { width: 100%; } .Solar-Panels-content .inner .right .btn a { width: 100%; text-align: center; margin-bottom: 11px; } .warranty-image { justify-content: center; padding-right: 0 !important; } .lg-content-wrap .lg-content { padding-right: 0; } .products-section-inner header.tabs-nav ul li.active:before, .products-section-inner header.tabs-nav ul li.active:after { display: none; } .products-section-inner header.tabs-nav ul li { width: 100%; padding-bottom: 20px; padding-top: 35px; } .products-section-inner header.tabs-nav ul { flex-direction: column; } .lg-content-wrap .inner .lg-sec-left-img { padding: 50px 20px 10px; } .lg-content-wrap { } .products-section-inner header.tabs-nav ul li+ li { /* padding-top: 35px; */ } .lg-content-wrap .lg-content { padding: 0 25px; margin-top: 19px;} .content-section >div >.vc_column-inner { padding: 0 !important;} .Museo-300-content { font-size: 16px; } .Solar-Panels-content.notImage .right ul li{width: 100%;} .talkFormRight .customRightForm .ginput_container_text { padding-bottom: 10px; display: inline-block; width: 100%; } /*24-06-2020*/ .about-member-wrap > div > .wpb_wrapper > .vc_row.wpb_row { width: 50%; } .company_logo-section.slick-slider .slick-dots { bottom: -20px; } .company_logo-section.slick-slider .slick-dots li button { background-color: #005750; } .company_logo-section { padding: 20px 0; } .company_logo-section .slick-track { display: flex; align-items: center; } }