@font-face{font-family:"Roboto Th";src:url("/fonts2/Roboto/subset-Roboto-Thin.woff2") format("woff2"),url("/fonts2/Roboto/subset-Roboto-Thin.woff") format("woff"),url("/fonts2/Roboto/subset-Roboto-Thin.ttf") format("truetype")}@font-face{font-family:"Roboto Lt";src:url("/fonts2/Roboto/subset-Roboto-Light.woff2") format("woff2"),url("/fonts2/Roboto/subset-Roboto-Light.woff") format("woff"),url("/fonts2/Roboto/subset-Roboto-Light.ttf") format("truetype")}@font-face{font-family:"Roboto Bd";src:url("/fonts2/Roboto/subset-Roboto-Bold.woff2") format("woff2"),url("/fonts2/Roboto/subset-Roboto-Bold.woff") format("woff"),url("/fonts2/Roboto/subset-Roboto-Bold.ttf") format("truetype")}@font-face{font-family:"Roboto Sb";src:url("/fonts2/Roboto/subset-Roboto-Medium.woff2") format("woff2"),url("/fonts2/Roboto/subset-Roboto-Medium.woff") format("woff"),url("/fonts2/Roboto/subset-Roboto-Medium.ttf") format("truetype")}@font-face{font-family:"Roboto Rg";src:url("/fonts2/Roboto/subset-Roboto-Regular.woff2") format("woff2"),url("/fonts2/Roboto/subset-Roboto-Regular.woff") format("woff"),url("/fonts2/Roboto/subset-Roboto-Regular.ttf") format("truetype")}#wrapper #main{background-color:#35393d;font-family:"Roboto Rg",Helvetica,sans-serif;font-size:16px;line-height:26px;color:#fff;font-weight:normal}@media (max-width: 800px){#wrapper #main{font-size:calc(16 * 1px + (14.4 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (23.4 - 18) * ((100vw - 360px) / (1000 - 360)))}}@media (max-width: 800px){#wrapper #main{padding-left:15px !important;padding-right:15px !important}}#wrapper #main .ctaBtn,#wrapper #main .fMoreBtn{text-align:center;display:block;width:100%;max-width:160px;margin:5px auto;padding:10px 5px;font-family:"Roboto Bd",Helvetica,sans-serif;font-size:17px;line-height:20px;color:#434343;font-weight:normal;cursor:pointer;transition:all 0.3s ease;border-radius:5px;border:1px solid #282828}@media (max-width: 800px){#wrapper #main .ctaBtn,#wrapper #main .fMoreBtn{font-size:calc(16 * 1px + (15.3 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (18 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .ctaBtn:hover,#wrapper #main .fMoreBtn:hover{background-color:#e9807d;color:#fff;border-color:#fff}#wrapper #main .ctaBtn{margin:30px auto;font-family:"Roboto Rg",Helvetica,sans-serif;font-size:21px;line-height:24px;color:#fff;font-weight:normal;box-shadow:0 1px 4px rgba(0,0,0,0.2);max-width:300px;position:relative;overflow:hidden;border-radius:0px;border:none}@media (max-width: 800px){#wrapper #main .ctaBtn{font-size:calc(16 * 1px + (18.9 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (21.6 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .ctaBtn span{z-index:20;position:relative}#wrapper #main .ctaBtn:hover .ctaInner{transform:translateX(-50%)}#wrapper #main .ctaBtn .ctaInner{z-index:0;position:absolute;padding:0;top:0;left:0;width:200%;height:100%;background:-moz-linear-gradient(left, #ef6f6c 0%, #ef6f6c 12%, #ef9e6c 50%, #ef6f6c 100%);background:-webkit-linear-gradient(left, #ef6f6c 0%, #ef6f6c 12%, #ef9e6c 50%, #ef6f6c 100%);background:linear-gradient(to right, #ef6f6c 0%, #ef6f6c 12%, #ef9e6c 50%, #ef6f6c 100%);transition:all 0.3s ease}#wrapper #main .sideBar{position:sticky;top:85px}@media (max-width: 800px){#wrapper #main .sideBar{position:relative;top:0px}}#wrapper #main .sideBar h1{font-family:"Roboto Bd",Helvetica,sans-serif;font-size:55px;line-height:65px;color:#fff;font-weight:normal;text-align:right;margin:0 auto 25px auto}@media (max-width: 800px){#wrapper #main .sideBar h1{font-size:calc(33 * 1px + (49.5 - 33) * ((100vw - 360px) / (1000 - 360)));line-height:calc(39 * 1px + (58.5 - 39) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .sideBar ul{list-style-type:none;text-align:right;padding:0}#wrapper #main .sideBar ul li{padding:7px 0}#wrapper #main .sideBar ul li a{font-family:"Roboto Lt",Helvetica,sans-serif;font-size:20px;line-height:24px;color:#fff;font-weight:normal;opacity:0.8;padding:5px 15px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:0px solid;transition:all 0.3s ease}@media (max-width: 800px){#wrapper #main .sideBar ul li a{font-size:calc(16 * 1px + (18 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (21.6 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .sideBar ul li a:hover{opacity:1;color:#8bc16c}#wrapper #main .sideBar ul li a.active{background-color:#50565b;border-right:4px solid #ef6f6c;opacity:1}#wrapper #main .sideBar ul li a.active:hover{color:#fff}#wrapper #main .sideBar ul li ul{list-style-type:none}#wrapper #main .sideBar ul li ul li{padding:2px 0}#wrapper #main .mainCard{border-radius:7px;box-shadow:0 0 10px rgba(0,0,0,0.5);overflow:hidden}@media (max-width: 800px){#wrapper #main .mainCard{overflow:visible}}#wrapper #main .mainCard .about{background-color:#58626c;padding:10px 20px 80px 20px}@media (max-width: 800px){#wrapper #main .mainCard .about{padding-bottom:20%}}#wrapper #main .mainCard h2{color:#fff;text-align:center;padding:30px 0 25px 0;width:100%;max-width:700px;margin:0 auto;font-family:"Roboto Bd",Helvetica,sans-serif;font-size:35px;line-height:40px;color:#fff;font-weight:normal}@media (max-width: 800px){#wrapper #main .mainCard h2{font-size:calc(21 * 1px + (31.5 - 21) * ((100vw - 360px) / (1000 - 360)));line-height:calc(24 * 1px + (36 - 24) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .mainCard p{width:100%;max-width:620px;margin:0 auto 15px auto;padding:0 0;text-align:center}@media (max-width: 800px){#wrapper #main .mainCard p{text-align:left}}#wrapper #main .mainCard .keyPoints{width:100%;max-width:800px;height:auto;margin:0 auto;background-color:#fff;display:flex;justify-content:space-around;box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:3px;padding:30px 0;transform:translateY(-50%)}@media (max-width: 800px){#wrapper #main .mainCard .keyPoints{width:100vw;position:relative;left:-15px;padding:15px 0}}#wrapper #main .mainCard .keyPoints .feat{flex:0 1 28%}@media (max-width: 800px){#wrapper #main .mainCard .keyPoints .feat{text-align:center}}#wrapper #main .mainCard .keyPoints .feat img{width:30%;height:auto;vertical-align:middle}@media (max-width: 800px){#wrapper #main .mainCard .keyPoints .feat img{width:60%}}#wrapper #main .mainCard .keyPoints .feat span{font-family:"Roboto Lt",Helvetica,sans-serif;font-size:25px;line-height:28px;color:#58626c;font-weight:normal;display:inline-block;width:68%;padding-left:3%;vertical-align:middle}@media (max-width: 800px){#wrapper #main .mainCard .keyPoints .feat span{font-size:calc(16 * 1px + (22.5 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (25.2 - 18) * ((100vw - 360px) / (1000 - 360)))}}@media (max-width: 800px){#wrapper #main .mainCard .keyPoints .feat span{padding-left:0;font-size:15px;margin:15px auto 0 auto;display:block;width:100%}}#wrapper #main .mainCard .systemContainer{background-color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,0.3);margin-bottom:7px}@media (max-width: 800px){#wrapper #main .mainCard .systemContainer{padding-bottom:20px}}#wrapper #main .mainCard .systemContainer .woocommerce{padding:0 40px}@media (max-width: 800px){#wrapper #main .mainCard .systemContainer .woocommerce{padding:0 0px}}#wrapper #main .mainCard .systemContainer ul{display:flex;flex-wrap:wrap;justify-content:space-evenly}#wrapper #main .mainCard .systemContainer ul li{flex:0 1 40%;border:none;border-radius:5px;margin-bottom:30px;padding:15px}@media (max-width: 800px){#wrapper #main .mainCard .systemContainer ul li{padding:5px;margin-bottom:5px;flex:0 1 49%;display:flex;flex-direction:column}#wrapper #main .mainCard .systemContainer ul li .product-details{flex:1 1 auto}}#wrapper #main .mainCard .systemContainer ul li .featured-image{padding:10%;background-color:#eaeff3;border-radius:5px}#wrapper #main .mainCard .systemContainer .show_details_button{display:none}#wrapper #main .mainCard .systemContainer h3.product-title{text-align:center;font-family:"Roboto Rg",Helvetica,sans-serif;font-size:18px;line-height:22px;color:#505050;font-weight:normal}@media (max-width: 800px){#wrapper #main .mainCard .systemContainer h3.product-title{font-size:calc(16 * 1px + (16.2 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (19.8 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .mainCard .systemContainer h3.product-title a{color:#505050;transition:all 0.2s ease}@media (max-width: 800px){#wrapper #main .mainCard .systemContainer h3.product-title a{color:#282828}}#wrapper #main .mainCard .systemContainer h3.product-title a:hover{text-decoration:underline;text-decoration-skip-ink:auto;color:#686868}#wrapper #main .mainCard .systemContainer .lithiumContainer{background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, #d5e3ef 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #d5e3ef 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #d5e3ef 100%);box-shadow:inset 0 -2px 5px rgba(0,0,0,0.1)}#wrapper #main .mainCard .systemContainer .lithiumContainer li .featured-image{background-color:#56738b}#wrapper #main .mainCard .systemContainer .lithiumContainer h5{text-align:center;margin:0;padding:10px 0 10px 0;font-family:"Roboto Bd",Helvetica,sans-serif;font-size:25px;line-height:25px;color:#414141;font-weight:normal}@media (max-width: 800px){#wrapper #main .mainCard .systemContainer .lithiumContainer h5{font-size:calc(16 * 1px + (22.5 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (22.5 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .mainCard h4{text-align:center;padding:25px 0 10px 0;margin:0;font-family:"Roboto Lt",Helvetica,sans-serif;font-size:40px;line-height:50px;color:#35393d;font-weight:normal}@media (max-width: 800px){#wrapper #main .mainCard h4{font-size:calc(24 * 1px + (36 - 24) * ((100vw - 360px) / (1000 - 360)));line-height:calc(30 * 1px + (45 - 30) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .mainCard .commercial{background-color:#58626c;padding:60px 20px}#wrapper #main .mainCard .commercial h2{padding:0 0 15px 0}#wrapper #main .mainCard .commercial h3{opacity:0.8;width:100%;max-width:500px;margin:0 auto;text-align:center;font-family:"Roboto Rg",Helvetica,sans-serif;font-size:23px;line-height:27px;color:#fff;font-weight:normal}@media (max-width: 800px){#wrapper #main .mainCard .commercial h3{font-size:calc(16 * 1px + (20.7 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (24.3 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .mainCard .abtBatteries{padding:60px 20px;color:#282828}#wrapper #main .mainCard .abtBatteries h2{padding:0 0 15px 0;color:#282828}#wrapper #main .mainCard .abtBatteries h3{opacity:0.8;width:100%;max-width:500px;margin:0 auto 20px auto;text-align:center;font-family:"Roboto Rg",Helvetica,sans-serif;font-size:23px;line-height:27px;color:#282828;font-weight:normal}@media (max-width: 800px){#wrapper #main .mainCard .abtBatteries h3{font-size:calc(16 * 1px + (20.7 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (24.3 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .mrInvisible{display:none}#wrapper #main .formCont{width:100%;max-width:430px;margin:0 auto 30px auto;padding:15px 30px;background-color:#20313e;border-radius:5px;box-shadow:15px 15px 25px rgba(0,0,0,0.2);transition:all 0.4s ease}@media (max-width: 800px){#wrapper #main .formCont{margin:0 0 30px 0;border-radius:0;max-width:none}}#wrapper #main .formCont .product-interested-in{display:none}#wrapper #main .formCont h5{font-family:"Roboto Sb",Helvetica,sans-serif;font-size:20px;line-height:30px;color:#fff;font-weight:normal;text-align:center;margin:7px 0}@media (max-width: 800px){#wrapper #main .formCont h5{font-size:calc(16 * 1px + (18 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (27 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .formCont input[type="text"],#wrapper #main .formCont input[type="email"],#wrapper #main .formCont textarea{background-color:#8a9dab;border:0px;border-radius:5px;margin-top:15px;color:#fff;font-size:20px;height:40px;box-shadow:inset 0 -10px 15px rgba(0,0,0,0.05);transition:all 0.1s ease}#wrapper #main .formCont input[type="text"]::-webkit-input-placeholder,#wrapper #main .formCont input[type="email"]::-webkit-input-placeholder,#wrapper #main .formCont textarea::-webkit-input-placeholder{color:#b6c7d3;opacity:1}#wrapper #main .formCont input[type="text"]::-moz-placeholder,#wrapper #main .formCont input[type="email"]::-moz-placeholder,#wrapper #main .formCont textarea::-moz-placeholder{color:#b6c7d3;opacity:1}#wrapper #main .formCont input[type="text"]:-ms-input-placeholder,#wrapper #main .formCont input[type="email"]:-ms-input-placeholder,#wrapper #main .formCont textarea:-ms-input-placeholder{color:#b6c7d3;opacity:1}#wrapper #main .formCont input[type="text"]:-moz-placeholder,#wrapper #main .formCont input[type="email"]:-moz-placeholder,#wrapper #main .formCont textarea:-moz-placeholder{color:#b6c7d3;opacity:1}#wrapper #main .formCont input[type="text"]:focus,#wrapper #main .formCont input[type="email"]:focus,#wrapper #main .formCont textarea:focus{box-shadow:inset 0 5px 10px rgba(0,0,0,0.2);outline:none}#wrapper #main .formCont textarea{height:70px}#wrapper #main .formCont p{margin-bottom:0px}#wrapper #main .formCont input[type="submit"]{background:#ef6f6b;width:100%;max-width:320px;margin:0 auto;display:block;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,0.5),inset 0 0 0 transparent;position:relative;transition:all 0.3s ease;padding:20px 10px;top:0;font-family:"Roboto Bd",Helvetica,sans-serif;font-size:20px;line-height:30px;color:#fff;font-weight:normal}@media (max-width: 800px){#wrapper #main .formCont input[type="submit"]{font-size:calc(16 * 1px + (18 - 16) * ((100vw - 360px) / (1000 - 360)));line-height:calc(18 * 1px + (27 - 18) * ((100vw - 360px) / (1000 - 360)))}}#wrapper #main .formCont input[type="submit"]:hover{background:#f18784;top:-2px;box-shadow:0 3px 7px rgba(0,0,0,0.3),inset 0 0 0 transparent}#wrapper #main .formCont input[type="submit"]:active{background:#ef6f6b;top:1px;box-shadow:0 0 0 transparent,inset 0 3px 4px rgba(0,0,0,0.4);transition:all 0.2s}#wrapper #main .formCont .g-recaptcha.wpcf7-recaptcha>div{margin:20px auto 0 auto}
/*# sourceMappingURL=off-grid.css.map */