@charset "UTF-8";.hover-split{position:relative}.hover-split .site-wrapper{display:table;width:100%}@media only screen and (max-width:1500px){.hover-split .site-wrapper{display:block}}.hover-split article{display:table-cell;text-align:center}@media only screen and (max-width:1500px){.hover-split article{display:block}}.hover-split article.section-content{width:40%}@media only screen and (max-width:1500px){.hover-split article.section-content{width:100%}}.hover-split article.section-content .hover-list{text-align:center;list-style:none;margin-top:clamp(25px, 2.6vw, 50px);counter-reset:counter;--num-bg:#ee2430}.hover-split article.section-content .hover-list li{--size:1.5em;padding-left:0;margin-bottom:2em;counter-increment:counter}.hover-split article.section-content .hover-list li:before{display:none}.hover-split article.section-content .hover-list li .icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hover-split article.section-content .hover-list li h3{position:relative;margin-top:20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}@media only screen and (max-width:640px){.hover-split article.section-content .hover-list li h3{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hover-split article.section-content .hover-list li h3:before{content:counter(counter);color:white;background:var(--num-bg);border-radius:50%;font-size:1em;font-weight:800;top:0.3em;width:var(--size);height:var(--size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hover-split article.section-iframe{width:60%}@media only screen and (max-width:1500px){.hover-split article.section-iframe{width:100%}}.hover-split article.section-iframe iframe{width:100%;height:45vw}@media only screen and (min-width:2101px){.hover-split article.section-iframe iframe{height:32vw}}@media only screen and (max-width:1500px){.hover-split article.section-iframe iframe{height:50vw}}@media only screen and (max-width:768px){.hover-split article.section-iframe iframe{height:550px}}.hover-split article.section-iframe .border{border:2px solid #a3a3a3;padding:40px}@media only screen and (max-width:1000px){.hover-split article.section-iframe .border{padding:20px}}.hover-split article.section-iframe .border h2{margin-top:-73px}@media only screen and (max-width:1000px){.hover-split article.section-iframe .border h2{margin-top:-53px}}@media only screen and (max-width:740px){.hover-split article.section-iframe .border h2{margin-top:0}}.hover-split article.section-iframe .border h2>span{display:inline-block;padding:5px 20px;background-color:white;color:#a3a3a3;font-weight:normal;font-size:18px;text-transform:uppercase}@media screen and (max-width:740px){.hover-split article.section-iframe .border h2>span .desk{display:none}}@media screen and (max-width:480px){.hover-split article.section-iframe .border h2>span{padding:5px 10px}}.hover-content-wrapper{border:25px solid #e2121e}@media only screen and (max-width:740px){.hover-content-wrapper{border:15px solid #e2121e}}.hover-content-wrapper .room-visualizer-split{display:-ms-grid;display:grid;-ms-grid-columns:65fr 35fr;grid-template-columns:65fr 35fr;-webkit-column-gap:100px;column-gap:100px}@media only screen and (max-width:1500px){.hover-content-wrapper .room-visualizer-split{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media only screen and (max-width:1200px){.hover-content-wrapper .room-visualizer-split{display:block}}.hover-content-wrapper .shingles-options-wrap .shingles-options{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:15px}@media only screen and (max-width:1200px){.hover-content-wrapper .shingles-options-wrap .shingles-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media only screen and (max-width:520px){.hover-content-wrapper .shingles-options-wrap .shingles-options{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}}.hover-content-wrapper .shingles-options-wrap .shingles-options .img-wrap{border-radius:10px;overflow:hidden}@media only screen and (max-width:1500px){.hover-content-wrapper .shingles-options-wrap .shingles-options .img-wrap{height:150px}}@media only screen and (max-width:520px){.hover-content-wrapper .shingles-options-wrap .shingles-options .img-wrap{height:135px}}.hover-content-wrapper .shingles-options-wrap .shingles-options .img-wrap img{display:block;max-width:100%;width:100%;height:100%;max-height:230px;-o-object-fit:cover;object-fit:cover}.hover-content-wrapper .shingles-options-wrap .shingles-options .title-wrap{display:block;font-size:16px;margin-top:15px}.hover-content-wrapper .shingles-options-wrap .shingles-options .title-wrap strong{display:block}.hover-content-wrapper .shingles-options-wrap .and-more{display:block;font-weight:bold;font-size:18px;margin-top:25px}.hover-content-wrapper .visualizer-ideas{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:25px;-webkit-column-gap:4vw;column-gap:4vw;margin:25px 0 30px}@media only screen and (max-width:740px){.hover-content-wrapper .visualizer-ideas{-webkit-column-gap:35px;column-gap:35px}}@media only screen and (max-width:520px){.hover-content-wrapper .visualizer-ideas{gap:25px}}.hover-content-wrapper .visualizer-ideas .option{text-align:center;font-size:16px;font-weight:bold;color:#555}@media only screen and (max-width:740px){.hover-content-wrapper .visualizer-ideas .option{width:calc(100% / 3 - 35px)}}@media only screen and (max-width:520px){.hover-content-wrapper .visualizer-ideas .option{width:calc(100% / 2 - 25px)}}.hover-content-wrapper .visualizer-ideas .option span{display:block;margin-top:5px}.hover-content-wrapper .visualizer-ideas .option .icon-wrap{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}.hover-content-wrapper .visualizer-ideas .option .icon-wrap svg{width:30px;height:30px}.hover-content-wrapper .visualizer-siding{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:25px;-webkit-column-gap:3vw;column-gap:3vw;margin:25px 0 30px}@media only screen and (max-width:1500px){.hover-content-wrapper .visualizer-siding{-webkit-column-gap:35px;column-gap:35px}}@media only screen and (max-width:740px){.hover-content-wrapper .visualizer-siding{gap:25px}}.hover-content-wrapper .visualizer-siding .option{text-align:center;font-size:16px;font-weight:bold;color:#555}@media only screen and (max-width:740px){.hover-content-wrapper .visualizer-siding .option{width:calc(100% / 3 - 25px)}}@media only screen and (max-width:520px){.hover-content-wrapper .visualizer-siding .option{width:calc(100% / 2 - 25px)}}.hover-content-wrapper .visualizer-siding .option span{display:block;margin-top:10px;max-width:135px;margin-inline:auto;line-height:1.2}.hover-content-wrapper .visualizer-siding .option .img-wrap{width:55px;height:55px;border-radius:50%;overflow:hidden;margin:0 auto}.hover-content-wrapper .visualizer-siding .option .img-wrap img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hover-content-wrapper .visualizer-window{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:25px;-webkit-column-gap:4vw;column-gap:4vw;margin:25px 0 30px}@media only screen and (max-width:740px){.hover-content-wrapper .visualizer-window{-webkit-column-gap:35px;column-gap:35px}}@media only screen and (max-width:520px){.hover-content-wrapper .visualizer-window{gap:25px}}.hover-content-wrapper .visualizer-window .option{text-align:center;font-size:16px;font-weight:bold;color:#555}@media only screen and (max-width:740px){.hover-content-wrapper .visualizer-window .option{width:calc(100% / 3 - 35px)}}@media only screen and (max-width:520px){.hover-content-wrapper .visualizer-window .option{width:calc(100% / 2 - 25px)}}.hover-content-wrapper .visualizer-window .option span{display:block;margin-top:10px}.hover-content-wrapper .visualizer-window .option .icon-wrap{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;width:80px;height:80px;border:2px solid black;border-radius:50%;margin:auto}.hover-content-wrapper .visualizer-window .option .icon-wrap svg{display:block;width:auto;height:auto}
/*# sourceMappingURL=Hover.css.map */