@font-face{font-family:'Yellowtail';font-style:normal;font-weight:400;font-display:swap;src:url('/Styles/Fonts/Yellowtail/yellowtail-v25-latin-regular.woff2') format('woff2');}
.main-banner{--end-bg-color:dd8282;--end-tx-color:#fff;--promo-title-tx-color:#2b2b2b;--promo-desc-tx-color:#2b2b2b;--promo-button-bg-color:#fff;--promo-button-hover-color:#ab5f61;--discount-bg-color:#ed9e9e;--discount-text-color:#2b2b2b;--discount-mobile-text-color:#2b2b2b;--discount-info-text-color:#696969;--pin-bg-color:#ab5f61;--pin-text-color:#fff;}
.wall-carousel{--wall-shape-bg-color:#ffdf89;}

.classic-container > section{padding:15px;margin-left:auto;margin-right:auto;}
.classic-container > section:not(:first-of-type){margin-top:60px;}

.main-banner{max-width:1400px;padding:0 15px 15px 15px !important;}
.main-banner > div{display:flex;position:relative;container-type:inline-size;}
.main-banner > div::after{content:'';height:calc(29 / 70 * 100cqw);min-height:500px;max-height:60vh;}
.main-banner > div > picture{position:absolute;inset:0;}
.main-banner > div > picture img{width:100%;height:100%;object-fit:cover;border-radius:0 0 60px 60px;}
.main-banner > div > .promo{font-size:.93cqw;position:absolute;inset:0 auto 0 0;padding-left:7cqw;display:flex;flex-flow:column nowrap;justify-content:center;}
.main-banner > div > .promo .end{position:absolute;top:3cqw;left:3cqw;font-size:1.3em;font-weight:bold;line-height:1em;padding:.7em 1.4em;border-radius:1.2em;background-color:var(--end-bg-color);color:var(--end-tx-color);transform:rotate(-6deg);}
.main-banner > div > .promo .end + .title{margin-top:3cqw;}
.main-banner > div > .promo .title{color:var(--promo-title-tx-color);font-family:'Yellowtail', coursive;font-weight:400;font-size:5.3em;margin:0;line-height:1em;}
.main-banner > div > .promo .desc{color:var(--promo-desc-tx-color);max-width:35%;margin:3.5cqw 0;font-weight:bold;font-size:1.4em;}
.main-banner > div > .promo .iconButton{font-size:1.5em;}
.main-banner > div > .promo .iconButton a.highlight{border-color:var(--promo-button-bg-color);background:var(--promo-button-bg-color);color:var(--standard-text-color);}
.main-banner > div > .promo .iconButton a.highlight:hover{border-color:var(--promo-button-hover-color);background-color:var(--promo-button-hover-color);color:#fff;}
.main-banner > div > .promo .discount .code{background-color:var(--discount-bg-color);color:var(--discount-text-color);border-radius:1.7em;padding:1.3em;display:inline-flex;align-items:center;gap:1.3em;font-size:1.3em;}
.main-banner > div > .promo .discount .code > .pin{background-color:var(--pin-bg-color);color:var(--pin-text-color);font-family:monospace;letter-spacing:.2em;font-size:1.5em;font-weight:bold;padding:.1em 10px .1em calc(10px + .2em);border-radius:.4em;}
.main-banner > div > .promo .discount .info{color:var(--discount-info-text-color);margin-top:1em;}
.main-banner > div > .promo .step-by-step{max-width:35%;display:flex;gap:2em;}
.main-banner > div > .promo .step-by-step > span{flex:1 1 0;display:inline-flex;flex-direction:column;align-items:center;}
.main-banner > div > .promo .step-by-step > span > i{font-size:4em;color:var(--primary-color);}
.main-banner > div > .promo .step-by-step > span > b{font-size:1.4em;margin-top:1cqw;}

.cards-carousel{max-width:1200px;}

.package-products{max-width:1200px;display:flex;gap:45px;}
.package-products > .info{flex:0 1 35%;}
.package-products > .info h1{font-size:3.5em;}
.package-products > .info h1 > b{color:var(--primary-color);}
.package-products > .cards{flex:0 1 65%;display:flex;gap:45px;}
.package-products > .cards .card{flex:1 1 auto;display:flex;flex-direction:column;border-radius:45px 45px 0 0 ;overflow:hidden;position:relative;}
.package-products > .cards .card > .ctr-picture{flex:0 0 0;transition:filter .5s;}
.package-products > .cards .card > .info{position:absolute;inset:75% 0 auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:#fff;border-radius:45px 45px 0 0;padding:30px 15px;min-height:calc(65% - 60px);transition:top .5s;}
.package-products > .cards .card > .info h2{margin:0;}
.package-products > .cards .card > .info .desc{margin:auto 0;}
.package-products > .cards .card:hover > .ctr-picture{filter:blur(5px);}
.package-products > .cards .card:hover > .info{top:35%;}

.wall-carousel{padding:0 !important;overflow:hidden;}
.wall-carousel > div{height:960px;width:2000px;margin:0 calc((100% - 2000px) / 2);position:relative;background:linear-gradient(rgba(255, 255, 255, 0) 30%, rgba(255, 242, 207, 0.5) 55%, rgb(112, 112, 112) 100%);}
.wall-carousel > div::after{content:'';display:inline-block;position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));z-index:1;}
.wall-carousel > div > .shape{background-color:var(--wall-shape-bg-color);border-radius:55% 45% 55% 45%;position:absolute;width:45%;height:93%;bottom:0;left:6%;}
.wall-carousel > div > .carousel{max-width:1350px;width:100vw;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.wall-carousel > div > .carousel .move-icon{font-size:1.4em;z-index:2;}
.wall-carousel > div > .carousel .move-icon.back{margin-right:44%;}
.wall-carousel > div > .carousel .move-icon.forward{margin-left:44%;}
.wall-carousel > div > .carousel .move-icon > a{box-shadow:1px 1px 4px rgba(43,43,43,.5);width:2.05em;}
.wall-carousel > div > .carousel .product{flex:0 1 90%;position:relative;left:0;opacity:0;margin:0 -45%;display:flex;align-items:center;gap:4%;transition:.3s, z-index 0s;}
.wall-carousel > div > .carousel .product.before{left:-20%;}
.wall-carousel > div > .carousel .product.actual{z-index:1;opacity:1;}
.wall-carousel > div > .carousel .product.after{left:20%;}
.wall-carousel > div > .carousel .product > picture{flex:0 0 650px;line-height:0;position:relative;}
.wall-carousel > div > .carousel .product > picture::before{content:'';display:inline-block;padding-top:calc(100% * 10 / 13);}
.wall-carousel > div > .carousel .product > picture > img{position:absolute;width:100%;height:100%;object-fit:cover;}
.wall-carousel > div > .carousel .product > div{flex:0 1 auto;text-align:right;margin-right:60px;display:flex;flex-direction:column;align-items:end;gap:30px;}
.wall-carousel > div > .carousel .product > div h1{margin-bottom:0;font-size:3em;}
.wall-carousel > div > .carousel .product > div .desc{font-size:1.2em;}
.wall-carousel > div > .carousel .product > div .iconButton{font-size:1.2em;}
.wall-carousel > div > .living-room{position:absolute;inset:auto 0 0 0;line-height:0;pointer-events:none;z-index:1;}
.wall-carousel > div > .living-room > img{width:100%;height:100%;object-fit:cover;}
.wall-carousel > div > .living-room::after, .wall-carousel > div > .living-room::before{content:'';display:inline-block;position:absolute;inset:0;width:200px;z-index:1;}
.wall-carousel > div > .living-room::after{left:auto;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));}
.wall-carousel > div > .living-room::before{right:auto;background:linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));}

.fast-and-easy{max-width:1200px;text-align:center;}
.fast-and-easy > h1{font-size:3.5em;}
.fast-and-easy > div{display:flex;padding:45px 90px;border-radius:45px;background-color:var(--primary-color-030);}
.fast-and-easy > div .step{flex:0 0 190px;padding:15px;display:flex;flex-direction:column;}
.fast-and-easy > div .step > i{color:var(--primary-color);font-size:7em;}
.fast-and-easy > div .step > div{margin-top:30px;}
.fast-and-easy > div .step > div h3{font-weight:bold;}
.fast-and-easy > div .step > div .desc{font-size:1.2em;}
.fast-and-easy > div .separator{flex:1 0 auto;height:4px;margin-top:4.5em;background-color:var(--primary-color);position:relative;overflow:visible;}
.fast-and-easy > div .separator::before, .fast-and-easy > div .separator::after{content:'';display:inline-block;height:10px;width:10px;border-radius:5px;background-color:var(--primary-color);position:absolute;left:-1px;top:-3px;}
.fast-and-easy > div .separator::after{right:-1px;left:auto;}

@media only screen and (max-width:1002px){
    .main-banner{padding:0 !important;}
    .main-banner > div::after{height:calc(4 / 3 * 100cqw);min-height:initial;max-height:initial;}
    .main-banner > div > .promo{font-size:3cqw;position:absolute;inset:0 0 auto 0;padding:0;justify-content:start;align-items:center}
    .main-banner > div > .promo .end{position:static;transform:none;margin-top:2em;}
    .main-banner > div > .promo .end + .title{margin-top:.5em;}
    .main-banner > div > .promo .title{font-size:4em;margin-top:1em;text-align:center;}
    .main-banner > div > .promo .desc{display:none;}
    .main-banner > div > .promo .iconButton{margin-top:2em;}
    .main-banner > div > .promo .discount .code{background-color:initial;color:var(--discount-mobile-text-color);padding:0;margin-top:2em;}
    .main-banner > div > .promo .discount .info{text-align:center;}
    .main-banner > div > .promo .step-by-step{margin-top:2em;max-width:initial;}

    .package-products{flex-direction:column;}
    .package-products > .info{text-align:center;}
    .package-products > .info h1{font-size:2.5em;}
    .package-products > .cards{gap:15px;}
    .package-products > .cards .card{border-radius:30px 30px 0 0;}
    .package-products > .cards .card .info{flex:1 0 auto;position:static;border-radius:30px 30px 0 0;padding:15px;gap:15px;min-height:0;margin-top:-30px;z-index:1;}
    .package-products > .cards .card .info h2{font-size:1.5em;margin:auto 0;}
    .package-products > .cards .card > .info .desc{display:none;}
    .package-products > .cards .card > .info .iconButton{font-size:.8em;}
    .package-products > .cards .card:hover > .ctr-picture{filter:none;}

    .wall-carousel > div{height:550px;width:1000px;margin:0 calc((100% - 1000px) / 2);}
    .wall-carousel > div::after{height:200px;}
    .wall-carousel > div > .shape{border-radius:55% 45% 55% 45%;width:35%;height:55%;bottom:33%;left:33%;}
    .wall-carousel > div > .carousel{max-width:400px;}
    .wall-carousel > div > .carousel .move-icon{font-size:1.2em;z-index:4;}
    .wall-carousel > div > .carousel .move-icon.back{margin-right:35%;}
    .wall-carousel > div > .carousel .move-icon.forward{margin-left:35%;}
    .wall-carousel > div > .carousel .product{flex:0 0 80%;margin:0 -40%;flex-direction:column;}
    .wall-carousel > div > .carousel .product.actual{z-index:2;}
    .wall-carousel > div > .carousel .product > picture{flex:0 0 0;width:100%;}
    .wall-carousel > div > .carousel .product > div{text-align:center;margin-right:0;align-items:center;order:-1;}
    .wall-carousel > div > .carousel .product > div h1{font-size:2.2em;}
    .wall-carousel > div > .carousel .product > div .desc{display:none;}
    .wall-carousel > div > .carousel .product > div .iconButton{position:absolute;top:410px;}
    .wall-carousel > div > .carousel .product > div .iconButton > a{box-shadow:2px 2px 4px rgba(43,43,43,.5);}

    .fast-and-easy > h1{font-size:2.5em;}
    .fast-and-easy > div{padding:45px 30px;flex-direction:column;gap:45px;}
    .fast-and-easy > div .step{flex-basis:auto;flex-direction:row;align-items:center;gap:10px;padding:0;}
    .fast-and-easy > div .step > i{flex:0 0 1.5em;font-size:4em;text-align:center;}
    .fast-and-easy > div .step > div{margin-top:0;text-align:left;}
    .fast-and-easy > div .step > div h3{font-size:1.2em;margin-bottom:5px;}
    .fast-and-easy > div .step > div .desc{font-size:1em;}
    .fast-and-easy > div .separator{display:none;}
}