.container[data-v-025c507e]{font-size:18px}.container .banner[data-v-025c507e]{background:url(https://e-static.franklinwh.us/website/office/dist_V_1793863623370/assets/images/installer-guide/installer_guide_banner.png) 50% no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;height:320px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .banner .title[data-v-025c507e]{color:#fff;font-family:"Inter-Bold";font-size:50px;letter-spacing:-.025em;line-height:1.5;text-align:center}.container .section-container[data-v-025c507e]{margin:0 auto;width:1200px}.container .section-one[data-v-025c507e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:88px 0}.container .section-one .section-one-mobile[data-v-025c507e]{display:none}.container .section-one .video-container[data-v-025c507e]{aspect-ratio:1.61502347;border-radius:24px;cursor:pointer;position:relative;width:688px;-webkit-box-flex:0;-ms-flex:none;flex:none}.container .section-one .video-container .video-js[data-v-025c507e]{background-color:#000;border-radius:24px;-webkit-box-shadow:24px 24px 24px 0 rgba(0,0,0,.1);box-shadow:24px 24px 24px 0 rgba(0,0,0,.1);height:100%}.container .section-one .video-container .video-js[data-v-025c507e] .vjs-control-bar{border-bottom-left-radius:24px;border-bottom-right-radius:24px}.container .section-one .video-container .vjs-tech[data-v-025c507e]{border-radius:24px;-o-object-fit:cover;object-fit:cover}.container .section-one .description[data-v-025c507e]{margin-left:119px}.container .section-one .description .title[data-v-025c507e]{color:#333;font-family:"Inter-Bold";font-size:40px;letter-spacing:-.025em}.container .section-one .description .content[data-v-025c507e]{color:#333;font-family:"Inter-Medium";font-size:18px;letter-spacing:-.015em;margin-top:16px}.container .section-one .description[data-v-025c507e] .primary-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-family:"Inter-SemiBold";font-size:14px;text-align:center}@media (any-hover:hover){.container .section-one .description[data-v-025c507e] .primary-btn:hover{background:#d38a3d!important;border:none;color:#fff!important}}.container .section-one .description .get-started[data-v-025c507e]{background-color:#dca164;border-radius:4px;color:#fff;height:40px;margin-top:40px;text-align:center;width:234px}.container .section-one .description-mobile[data-v-025c507e]{display:none}.container .section-two[data-v-025c507e]{padding:40px 0 128px}.container .section-two .title[data-v-025c507e]{color:#333;font-family:"Inter-SemiBold";font-size:40px;line-height:1.5;text-align:center}.container .section-two .feature-container[data-v-025c507e]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:72px}.container .section-two .feature-container .feature-item[data-v-025c507e]{cursor:pointer;height:610px;overflow:hidden;position:relative;width:294px}.container .section-two .feature-container .feature-item[data-v-025c507e]:not(:last-child){margin-right:8px}.container .section-two .feature-container .feature-item[data-v-025c507e]:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}.container .section-two .feature-container .feature-item[data-v-025c507e]:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}.container .section-two .feature-container .feature-item .background[data-v-025c507e]{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-image .5s ease-in-out;transition:background-image .5s ease-in-out;width:100%}.container .section-two .feature-container .feature-item .mask[data-v-025c507e]{background-color:rgba(0,0,0,.6);display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.container .section-two .feature-container .feature-item .card-panel[data-v-025c507e]{bottom:0;left:0;padding:32px 32px 0;position:absolute;width:100%;z-index:2}.container .section-two .feature-container .feature-item .feature-title[data-v-025c507e]{color:#fff;font-family:"Inter-ExtraBold";font-size:24px;margin-bottom:48px}.container .section-two .feature-container .feature-item .feature-description[data-v-025c507e]{color:#fff;font-family:"Inter-Regular";font-size:16px;font-weight:400;height:0;line-height:1.5;margin-top:24px;opacity:0;-webkit-transition:all .5s linear;transition:all .5s linear}.container .section-two .feature-container .feature-item:hover .mask[data-v-025c507e]{display:block}.container .section-two .feature-container .feature-item:hover .card-panel[data-v-025c507e]{padding-bottom:48px}.container .section-two .feature-container .feature-item:hover .feature-title[data-v-025c507e]{margin-bottom:0}.container .section-two .feature-container .feature-item:hover .feature-description[data-v-025c507e]{height:auto;opacity:1}.container .section-two .feature-container-mobile[data-v-025c507e]{display:none}.container .section-four[data-v-025c507e]{background-color:#fff;padding:88px 0 128px}.container .section-four .title[data-v-025c507e]{color:#1d1d1f;font-family:"Inter-SemiBold";font-size:40px;line-height:1.12;text-align:center}.container .section-four .partners[data-v-025c507e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:65px}.container .section-four .partners .partner-item[data-v-025c507e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;cursor:pointer;-ms-flex:0 0 20%;flex:0 0 20%;margin-bottom:24px}.container .section-four .partners .partner-item img[data-v-025c507e]{height:108px;-webkit-transition:all .2s;transition:all .2s;width:216px}.container .section-four .partners .partner-item img[data-v-025c507e]:hover{background-color:#fff;border-radius:8px;-webkit-box-shadow:6px 6px 14px 0 rgba(0,0,0,.15);box-shadow:6px 6px 14px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.container .section-four .partners-mobile[data-v-025c507e]{display:none}@media screen and (max-width:1365px){.container .section-one[data-v-025c507e]{padding-left:40px;padding-right:40px;width:100%}.container .section-one .video-container[data-v-025c507e]{width:46vw}.container .section-one .video-container .video-js[data-v-025c507e]{border-radius:24px;-webkit-box-shadow:24px 24px 24px 0 rgba(0,0,0,.1);box-shadow:24px 24px 24px 0 rgba(0,0,0,.1)}.container .section-one .description[data-v-025c507e]{margin-left:5%}.container .section-two[data-v-025c507e]{padding-left:40px;padding-right:40px;width:100%}}@media screen and (max-width:1200px){.container .section-four[data-v-025c507e]{width:100%}.container .section-four .partners .partner-item[data-v-025c507e]{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}}@media screen and (max-width:1023px){.container .banner[data-v-025c507e]{background-image:url(https://e-static.franklinwh.us/website/office/dist_V_1793863623370/assets/images/installer-guide/installer_guide_banner_mobile.png);height:4.04rem;width:100%}.container .banner .title[data-v-025c507e]{color:#fff;font-family:"Inter-Bold";font-size:.5rem;line-height:1.5;text-align:center}.container .section-container[data-v-025c507e]{width:100%}.container .section-one[data-v-025c507e]{display:block;padding:1.28rem 0 .88rem}.container .section-one .section-one-mobile[data-v-025c507e]{color:#333;display:block;font-family:"Inter-Bold";font-size:.6rem;line-height:1.2;text-align:center}.container .section-one .section-one-mobile .title[data-v-025c507e]{font-size:.6rem}.container .section-one .video-container[data-v-025c507e]{margin:.32rem auto 0;width:calc(100% - .8rem)}.container .section-one .video-container .video-js[data-v-025c507e]{border-radius:10px;-webkit-box-shadow:none;box-shadow:none}.container .section-one .video-container .video-js[data-v-025c507e] .vjs-control-bar{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.container .section-one .video-container .vjs-tech[data-v-025c507e]{border-radius:10px}.container .section-one .description[data-v-025c507e]{display:none}.container .section-one .description-mobile[data-v-025c507e]{display:block;margin-top:.32rem;padding:0 .4rem;text-align:center}.container .section-one .description-mobile .content[data-v-025c507e]{color:#333;font-family:"Inter-Medium";font-size:.3rem;line-height:1.5}.container .section-one .description-mobile .get-started[data-v-025c507e]{background:#dca164;border-radius:.08rem;color:#fff;display:inline-block;font-family:"Inter-SemiBold";font-size:.28rem;height:.8rem;line-height:.8rem;margin:.64rem 1.01rem 0;width:4.68rem}.container .section-two[data-v-025c507e]{padding:.8rem 0 1.55rem}.container .section-two .title[data-v-025c507e]{font-size:.6rem;line-height:1.2}.container .section-two .feature-container[data-v-025c507e]{display:none}.container .section-two .feature-container-mobile[data-v-025c507e]{display:block}.container .section-two .feature-container-mobile .case-studies_swiper[data-v-025c507e]{display:block;height:auto;padding-top:40px}.container .section-two .feature-container-mobile .case-studies_swiper[data-v-025c507e] .swiper-slide{border-radius:.28rem;overflow:hidden}.container .section-two .feature-container-mobile .case-studies_swiper[data-v-025c507e] .swiper-slide.swiper-slide-active .mask{display:block}.container .section-two .feature-container-mobile .case-studies_swiper[data-v-025c507e] .swiper-slide-next,.container .section-two .feature-container-mobile .case-studies_swiper[data-v-025c507e] .swiper-slide-prev{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:all .5s 0;transition:all .5s 0}.container .section-two .feature-container-mobile .case-studies_swiper[data-v-025c507e] .swiper-slide-active,.container .section-two .feature-container-mobile .case-studies_swiper_item[data-v-025c507e]{-webkit-box-shadow:0 .18rem .35rem 0 rgba(0,0,0,.25);box-shadow:0 .18rem .35rem 0 rgba(0,0,0,.25)}.container .section-two .feature-container-mobile .case-studies_swiper_item[data-v-025c507e]{border-radius:.16rem;height:7.45rem;width:5.42rem}.container .section-two .feature-container-mobile .case-studies_swiper_item>img[data-v-025c507e]{height:4.14rem;width:100%}.container .section-two .feature-container-mobile .case-studies_swiper_item_content[data-v-025c507e]{padding:.56rem .4rem 0}.container .section-two .feature-container-mobile .case-studies_swiper_item_content .title[data-v-025c507e]{display:-webkit-box;font-family:"Inter-SemiBold";font-size:.3rem;-webkit-line-clamp:3;line-height:1.2;overflow:hidden;-webkit-box-orient:vertical;color:#000;text-overflow:ellipsis}.container .section-two .feature-container-mobile .case-studies_swiper_item_content .attrs[data-v-025c507e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.4rem}.container .section-two .feature-container-mobile .case-studies_swiper_item_content .attrs .attr[data-v-025c507e]{margin-top:.15rem;width:45%}.container .section-two .feature-container-mobile .case-studies_swiper_item_content .attrs .attr .label[data-v-025c507e]{color:#999;font-size:.24rem;line-height:1.2}.container .section-two .feature-container-mobile .case-studies_swiper_item_content .attrs .attr .value[data-v-025c507e]{display:-webkit-box;font-family:"Inter-SemiBold";font-size:.26rem;height:.6rem;-webkit-line-clamp:2;line-height:.3rem;margin-top:.1rem;overflow:hidden;-webkit-box-orient:vertical;color:#000;text-overflow:ellipsis}.container .section-two .feature-container-mobile .background[data-v-025c507e]{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.container .section-two .feature-container-mobile .card-panel[data-v-025c507e]{bottom:0;left:0;padding:.32rem .32rem .48rem;position:absolute;width:100%;z-index:2}.container .section-two .feature-container-mobile .feature-title[data-v-025c507e]{color:#fff;font-family:"Inter-Bold";font-size:.4rem;line-height:1.22}.container .section-two .feature-container-mobile .feature-description[data-v-025c507e]{color:#fff;font-family:"Inter-Regular";font-size:.24rem;font-weight:400;line-height:1.5;margin-top:.24rem;width:4.66rem}.container .section-two .feature-container-mobile .swiper-pagination-bullets[data-v-025c507e]{padding-top:.4rem;position:static}.container .section-two .feature-container-mobile .swiper-pagination[data-v-025c507e]{font-size:0;margin-top:.4rem}.container .section-two .feature-container-mobile[data-v-025c507e] .swiper-pagination-bullet{background:rgba(0,0,0,.2);border-radius:.04rem;height:.08rem;width:.32rem}.container .section-two .feature-container-mobile[data-v-025c507e] .swiper-pagination-bullet-active{background:#d38a3d;width:.64rem}.container .section-four[data-v-025c507e]{padding:.8rem .4rem .2rem;width:100%}.container .section-four .title[data-v-025c507e]{color:#333;font-family:"Inter-Bold";font-size:.6rem}.container .section-four .partners[data-v-025c507e]{display:none}.container .section-four .partners-mobile[data-v-025c507e]{display:block;margin-top:.64rem;position:relative}.container .section-four .partners-mobile .partner-company[data-v-025c507e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.36rem 0}.container .section-four .partners-mobile .partner-company .company-item[data-v-025c507e]{width:48%}.container .section-four .partners-mobile .partner-company .company-item[data-v-025c507e]:nth-last-of-type(-n+2){margin-top:.32rem}.container .section-four .partners-mobile .swiper-pagination-bullets[data-v-025c507e]{position:static;width:100%}.container .section-four .partners-mobile .swiper-pagination[data-v-025c507e]{font-size:0;margin-top:-14px}.container .section-four .partners-mobile[data-v-025c507e] .swiper-pagination-bullet{background:rgba(0,0,0,.2);border-radius:.04rem;height:.08rem;width:.08rem}.container .section-four .partners-mobile[data-v-025c507e] .swiper-pagination-bullet-active{background:#dca164;width:.08rem}}@media screen and (max-width:767px){.container .section-one .video-container[data-v-025c507e]{height:3.76rem}.container .section-four .partners-mobile .partner-company .company-item[data-v-025c507e]{height:1.2rem;width:2.89rem}}
