@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
:root {
    --primary : #6AB445;
    --seconday: #007A33;
    --text-primay: #3F3535;
    --heading-primary: #6AB445;
    --heading-secondary: #ffffff;
    --button-primary: #1a1a1a;
    --button-secondary: #FFD100;
    --button-hover-color: #000000;
    --button-bg: #EFDE00;
    --secondary--bg: #F6F6F6;
    --text-white: #F6F6F6;
}
/* General style */
h1, h1 a { font-family: 'Roboto';font-size: 40px;color: var(--heading-secondary);font-weight: 600;margin-bottom: 20px; }
h2, h2 a { font-family: 'Roboto';font-size: 32px;color: var(--primary);font-weight: 600;margin-bottom: 20px; }
h3, h3 a { font-family: 'Roboto';font-size: 28px;color: var(--primary);font-weight: 600;margin-bottom: 20px; }
h4, h4 a { font-family: 'Roboto';font-size: 24px; }
h5, h5 a { font-family: 'Roboto';font-size: 20px; }
h6, h6 a { font-family: 'Roboto';font-size: 16px; }
p { margin-bottom: 20px; }
.common-section { overflow: hidden;float: left;width: 100%; display: block;padding: 0; }
body { font-family: 'Roboto';font-size: 16px;color: var(--text-primay);font-weight: 400;  }
body.common-section{overflow: auto !important;}
html { scroll-behavior: smooth; }
img { max-width: 100%;height: auto;transition: .45s; }
a { text-decoration: none;color: var(--text-primay);font-family: 'Roboto'; }
a:hover { color: var(--button-secondary); }
ul, ol { padding: 0px;margin: 0px; }
ul li { list-style-type: none; }
ol li { list-style-type: decimal; }
button, .button, input[type="submit"] { color: var(--button-primary);background-color: var(--button-bg);font-weight: 500;display: inline-block;font-size: 15px;padding: 10px 24px;border-radius: 3px;text-align: center;position: relative;transition: all .55s;overflow: hidden;border: transparent; }
button::after, .button::after { content: "";position: absolute;top: 0;left: -50px;width: 40px;height: 100%;background: #efde003b;transform: translate(-50px, 0) scale(2.2) rotate(24deg);border-radius: 10px 0px;transition: all 1.2s; }
button:hover:after, .button:hover:after { transition: all 1.2s;transform: translate(450px, 0) scale(2.2) rotate(24deg);box-shadow: 0px 0px 11px 0px #b5b5c2; transition: all .45s; }
button:hover, .button:hover, input[type="submit"]:hover { background-color: var(--button-secondary);color: var(--button-hover-color);box-shadow: 0px 0px 11px 0px #b5b5c2; transition: all .45s; }
input, textarea,select { font-size: 15px;margin: 0px;margin-bottom: 20px;padding: 8px;max-width: 100%;width: 100%;background-color: #fff;border: 1px solid #666;border-radius: 3px;transition: all .45s;outline: none;outline-offset: 0; }
input:focus, textarea:focus { outline: none;outline-offset: 0; }
label { display: inline-block;font-size: 16px;font-weight: 700;margin-bottom: 8px;padding: 0; }
.secondary-background { background-color: var(--secondary--bg); }
.field_info_err input, .form-wrapper .field_info_err input { border-color: red; }
.color-secondary { color: var(--text-primay)!important; }
.current-menu { color: var(--seconday)!important; }
.current-menu-item { color: var(--button-secondary)!important; }
.list_none li{list-style-type: none !important;}
.primary_green{color: var(--primary) !important;}
/* Button background */
.secondary-bg { background-color: var(--seconday); }
.btn-primary-bg { background-color: var(--primary);color: var(--heading-secondary); }
.btn-primary-bg:hover { background-color: #EFDE00;color: var(--button-primary); }
.btn-white-bg { background-color: var(--heading-secondary);color: #000000; }
.btn-white-bg:hover { background-color: var(--button-secondary); }
.btn-yellow-bg { background-color: #EFDE00;color: var(--button-primary); }
.btn-yellow-bg:hover { background-color: var(--button-secondary);color: #000000; }
.buttons-group-bg { background-color: var(--seconday)!important;color: var(--heading-secondary)!important; }
.buttons-group-bg:hover { background-color: var(--button-secondary)!important;color: var(--button-primary)!important; }
.buttons-primary-green { background-color: #00943A;color: var(--heading-secondary); }
.buttons-primary-green:hover { background-color: #EFDE00;color: var(--button-primary); }
/* main menu */
.dropdown li h4 a { font-size: 24px;color: var(--primary)!important; }
.navbar li a { font-size: 19px;font-weight: 600; }
.invest-button { text-align: center;border-top: 1px solid #EFEFEF; }
.navbar{padding:0}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navbar li{position:relative}
.navbar>ul>li{white-space:nowrap;padding:10px 0 10px 28px}
.navbar a{display:flex;align-items:center;justify-content:space-between;padding:0 3px;white-space:nowrap;transition:.3s;position:relative}
.navbar a i,.navbar a:focus i{line-height:0;margin-left:5px}
.navbar>ul>li>a:before{content:"";position:absolute;width:100%;height:2px;bottom:-6px;left:0;background-color:var(--color-secondary);visibility:hidden;width:0;transition:all .3s ease-in-out 0}
.navbar a:hover:before,.navbar li:hover>a:before,.navbar .active:before{visibility:visible;width:100%}
.navbar .dropdown ul{display:block;position:absolute;right:0;top:calc(100% + 30px);margin:0;padding:20px 24px;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s;}
.navbar .dropdown ul li{min-width:200px}
.navbar .dropdown ul a{padding:8px 20px;text-transform:none;font-size: 16px;}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible;}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible;width:100%}
.mobile-nav-show,.mobile-nav-hide{display:none}
.easter_ul li{list-style-type: none !important;margin-bottom: 20px;}

/* No run out guarantee  */
.hot-air-furnace-wrapper,.boiler-wrapper,.space-heat-wrapper,.fireplace-wrapper,.water-heater-wrapper,.cooking-wrapper,.dryer-wrapper,.generator-wrapper,.refrigerator-wrapper,.pool-heater-wrapper{display: none;}
.no_run_out_guarantee_forms input{box-shadow: 1px 5px 9px rgba(231, 231, 231, 0.559)}
.no_run_out_guarantee_forms input{background-color: #f6f6f6;border-color: #d3d3d3; padding: 10px;}
.no_run_out_guarantee_forms .form-check-input[type=checkbox]{margin-right: 7px;padding: 7px;}
.no_run_out_guarantee_forms .form-check-input:checked[type=checkbox]{background-color: #007a33 !important;}
.no_run_title{color: #007a33;}
.no_run_out_guarantee_forms{background: #f6f6f6;padding: 0px 30px;overflow: hidden;margin-bottom: 50px;border-radius: 5px;border: 1px solid #e5e5e5;box-shadow: 1px 5px 9px rgb(185 185 185 / 55%);}

.banner_sign_up_now{ position: absolute; bottom: 50px; right: 50px; }

@media(max-width: 767px){
    .banner_sign_up_now{ position: absolute; bottom: 20px; right: 20px; }
    .banner_sign_up_now button{ padding: 10px 10px;  }
}

@media(min-width:1200px){.container{max-width: 1140px;}}

@media (max-width:991px) {
/* main menu */
.navbar{position:fixed;top:0;right:-100%;width:100%;max-width:450px;bottom:0;transition: all .45s;z-index:9997}
.navbar ul{position:absolute;inset:0;padding:50px 0 10px;margin:0;background:#fff;overflow-y:auto;transition:all .45s;z-index:9998}
.navbar a{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-family:var(--font-primary);font-size:15px;font-weight:600;white-space:nowrap;transition:.3s}
.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}
.navbar .getstarted,.navbar .getstarted:focus{background:var(--color-primary);padding:8px 20px;border-radius:4px;margin:15px;color:#fff}
.navbar .getstarted:hover,.navbar .getstarted:focus:hover{color:#fff;background:rgba(0,131,116,.8)}
.navbar .dropdown ul,.navbar .dropdown .dropdown ul{position:static;display:none;padding:10px 0;margin:0px 20px;transition:all .5s ease-in-out;box-shadow: none;}
.navbar .dropdown>.dropdown-active,.navbar .dropdown .dropdown>.dropdown-active{display:block}
.mobile-nav-show{font-size:28px;cursor:pointer;line-height:0;transition:.5s;z-index:9999;margin-right:10px}
.mobile-nav-hide{font-size:32px;cursor:pointer;line-height:0;transition:.5s;position:fixed;right:20px;top:20px;z-index:9999}
.mobile-nav-active{overflow:hidden}
.mobile-nav-show,.mobile-nav-hide { display: block; }
.mobile-nav-active .navbar{right:0}
.mobile-nav-active .navbar:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9996}
}
@media(max-width:575px){
    .no_run_out_guarantee_forms{padding:0 20px;}
    .site-main-banner {height: 330px !important;}
    .banner_sign_up_now{ position: absolute; bottom: 17px; right: 17px; }
    .sub_header_title{font-size: 18px;}
}
@media(max-width:479px){
    .site-main-banner {height: 300px ! important;}
    .banner_sign_up_now{ position: absolute; bottom: 12px; right: 12px; }
    .banner_sign_up_now button{ padding: 6px 10px; font-size: 14px; }
    .sub_header_title{font-size: 16px;}
    .top_subheader_button button {padding: 8px 15px;}
}
.home-page .banner-slider .carousel-control-next,.home-page .banner-slider .carousel-control-prev{width: auto !important;}
.home-page .banner-slider .carousel-indicators{ transform: translate(10px, 10px) !important; }

.home_popup {position: fixed;height: 100%;width: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index: 999;overflow-y: auto;}
.popup_inner {max-width: 526px;margin: 50px auto;background: #fff;width: 90%;padding: 10px;}
button.closebtn {float: right;background: no-repeat;border: 0;font-size: 22px;cursor: pointer;background: #f00;border-radius: 50px;color: #fff;padding: 4px 12px; margin-top: -40px; margin-right: -30px;}
.popup_content {text-align: center;}
.banner_image{margin: auto;width: 100%;}