@font-face {
	font-family: 'littledaylights';
    src: url("../fonts/littledaylights-webfont.woff2") format("woff2"),
    url("../fonts/littledaylights-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}
.littledaylights {
	font-family: 'littledaylights';
}
#flyout {
    display: none !important;
}
#lights-left {
    rotate: 126deg;
    top: -32em;
    height: auto;
    width: 90em;
    left: -16em;
}
#lights-right {
    top: -6.5em;
    height: auto;
    width: 90em;
    right: -1em;
    clip-path: inset(0 0 0 58em);
}
#room {
    color: var(--black);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/room/back.jpg);
    background-image: -webkit-image-set(url("../images/room/back.jpg") 1x, url("../images/room/back@2x.jpg") 2x);
}
#room:before,
#room:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}
#room:before{
    background-image: url(../images/room/snow-left.png);
    background-image: -webkit-image-set(url("../images/room/snow-left.png") 1x, url("../images/room/snow-left@2x.png") 2x);
    width: 558px;
    height: 189px;
    left: 0;
}
#room:after {
    background-image: url(../images/room/snow-right.png);
    background-image: -webkit-image-set(url("../images/room/snow-right.png") 1x, url("../images/room/snow-right@2x.png") 2x);
    width: 765px;
    height: 221px;
    right: 0;
}
#room .container {
    width: 1368px;
}
#room .room-head {
    padding-top: 50px;
}
#room .room-head p {
    font-size: 1.5em;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 16px;
}
#room .room-products {
    row-gap: 50px;
    column-gap: 30px;
    padding-top: 56px;
    padding-bottom: 202px;
}
#room .room-product .product-price {
    top: -20px;
    right: -58px;
    max-width: 22.14876%;
}
#room .room-product .avenir-medium {
    font-size: 1.5em;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 30px;
}
#room .room-product .littledaylights {
    font-size: 1.375em;
    line-height: 1.13636364;
    text-stroke: 1px;
}
#room .button {
    background: #FC0D1B;
    border: none;
    color: #fff;
    width: 121px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    font-family: 'AvenirNextLTW01BoldRegular';
    text-decoration: none;
    border-radius: 17px;
    margin-top: 13px;
}
@media screen and (max-width: 1480px) {
    #room .room-product {
        flex-basis: calc(50% - 15px);
    }
    #room .room-product .product-price {
        right: -15px;
    }
}
@media screen and (max-width: 567px) {
    body{
        font-size: 16px;
    }
    #lights-right {
        top: -30px;
        height: auto;
        width: 36em;
        right: 0;
        clip-path: inset(31px 0 0 65%);
    }
    #room:before{
        display: none;
    }
    #room:after {
        background-image: url(../images/room/snow-m.png);
        background-image: -webkit-image-set(url("../images/room/snow-m.png") 1x, url("../images/room/snow-m@2x.png") 2x);
        width: 468px;
        height: 127px;
        right: 50%;
        margin-right: -234px;
    }
    #room .room-head {
        padding-top: 40px;
    }
    #room .room-head p {
        font-size: 1.25em;
        line-height: 1.4;
        margin-top: 11px;
    }
    #room .room-product {
        flex-basis: 100%;
    }
    #room .room-product .product-price {
        top: -17px;
        left: -13px;
        right: inherit;
        width: 88px;
    }
    #room .room-product .avenir-medium {
        font-size: 1.25em;
        line-height: 1.8;
        margin-top: 20px;
    }
    #room .room-product .littledaylights {
        font-size: 1.25em;
        line-height: 1.15;
    }
    #room .button {
        margin-top: 12px;
    }
}