.size-42{
    font-size: 42px;
}
.size-28{
    font-size: 28px;
}
.size-20{
    font-size: 20px;
}
.size-17{
    font-size: 17px;
}
.size-16{
    font-size: 16px;
}
.size-15{
    font-size: 15px;
}
.size-14{
    font-size: 14px;
}
.size-13{
    font-size: 13px;
}
.size-12{
    font-size: 12px;
}
.size-11{
    font-size: 11px;
}
.size-10{
    font-size: 10px;
}
.color-0, .color-0 *{
    color: #fff !important;
}
.color-1, .color-1 *{
    color: #515151;
}
.color-2, .color-2 *{
    color: #515151 !important;
}
.container.custom {
    max-width: 1200px !important;
}
.decoration-none{
    text-decoration:none !important;
}
.blur{
    background-color: rgba(255,255,255, .4);
    backdrop-filter: blur(30px);
    display: flex !important;
    align-items: center !important;
}
.blur .wrap{
    padding-left: 28px;
}
.pulse-btn::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border:solid 1px #515151;
    -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
    transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
}
.pulse-btn:hover::before {
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    opacity: 0.01;
}
.pulse{
    overflow: hidden;
}
.pulse .circle{
    text-decoration: none;
    width: 58px;
    height: 58px;
    line-height: 55px;
    border:solid 1px rgba(255, 255, 255, .5);
    border-radius: 50%;
    white-space: nowrap;
    text-align: center;
    position: relative;
}
.pulse .circle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border:solid 1px rgba(255, 255, 255, 1);
    border-radius: 50%;
    animation-name: pulseCircle;
    /* animation-duration: 1.2s; */
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
}
.pulse .circle::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: solid 1px rgba(255, 255, 255, 1);
    border-radius: 50%;
    animation-name: pulseCircle;
    /* animation-duration: 1.2s; */
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-delay: 600ms;
}
@keyframes pulseCircle {
    0%   {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    100% {
        top: -50px;
        left: -50px;
        right: -50px;
        bottom: -50px;
        opacity: 0.01;
    }
}
.view-more{
    font-size: 14px;
    width: 150px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    display: block;
    text-decoration: none !important;
    color: #515151 !important;
    border: solid 1px #515151;
}
.section-01 .size-28 {
    letter-spacing: 3px;
}


#welcome .section-01{
    padding-top: 280px;
    padding-bottom: 180px;
    background: #FCFBF9 url(../images/leaf.svg) top right no-repeat;
}
#welcome .section-01 .line{
    width: 200px;
    height: 1px;
    background: #597463;
    margin-top: 35px;
}
.border{
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 0;
    bottom: 0;
}
.residence-img{
    width: 500px;
    height: 625px;
    z-index: 1;
    background: url(../images/residence_back.png) center center no-repeat;
    background-size: cover;
    margin-top: -100px;
    position: relative;
}
.residence-img img{
    display: none;
}
.residence-text{
    height: 660px;
    background: #fff;
    padding: 75px 60px 90px 60px;
    -webkit-box-shadow: 0 16px 30px rgba(0,0,0,.1);
    box-shadow: 0 16px 30px rgba(0,0,0,.1);
}
.residence-text .title{
    max-width: 550px;
}
.residence-text .text{
    margin-top: 75px;
    max-width: 550px;
}
#welcome .section-02{
    background: #B7B0AD;
    padding-top: 85px;
    padding-bottom: 100px;
}
.stay{
    max-width: 475px;
}
.mansion{
    margin-top: -40px;
}
#welcome .section-02 .line{
    background: #C6C0BD;
    width: 275px;
    height: 1px;
    margin: 25px 0 25px auto;
}
.room-blur{
    position: absolute;
    top: 30px;
    right: 0;
    width: 335px;
    height: 110px;
}
.room-blur .wrap{
    white-space: nowrap;
}
.room-blur div div{
    display: block !important;
}
.room-slider{
    /*height: 500px !important;*/
    position: relative;
}
.room-slider .swiper-container{
    position: relative;
    /*height: 500px !important;*/
}
.room-slider .swiper-slide{
    /*height: 500px;*/
}
.room-selection{
    font-size: 14px;
    position: relative;
    margin-bottom: 32px;
    margin-right: 95px;
    padding-bottom: 7px;
    cursor: pointer;
    color: rgba(255,255,255,.43);
}
.room-selection span{
    font-size: 16px;
    color: rgba(255,255,255,.43);
}
.room-selection.active, .room-selection.active span{
    color: #fff !important;
}
.room-selection.active::after{
    content: "";
    position: absolute;
    width: 75px;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0;
}
#welcome .room-info{
    width: 100%;
    height: 260px;
    background: #fff;
    margin-top: -60px;
    margin-left: 90px;
    padding-top: 110px;
    padding-left: 90px;
}
#welcome .room-info img{
    margin-right: 10px;
}
#welcome .room-info .row{
    margin-bottom: 40px;
}
.room-nav{
    min-width: 235px;
}
.room-nav #slider-counter{
    width: 135px;
    height: 90px;
}
.counter{
    height: 60px;
}
.counter .from{
    font-size: 44px;
    font-weight: bold;
    color: #fff;
}
.counter .total{
    font-size: 17px;
    color: rgba(255, 255, 255, .6);
}
#room-nav-prev, #room-nav-next {
    cursor: pointer
}
.facilities-blur{
    overflow: hidden;
    width: 335px;
    height: 110px;
    position: absolute;
    bottom: 22px;
    right: 22px;
}
.garden-img {
    width: 700px;
    height: 460px;
    z-index: 1;
    background: url(../images/garden.png) center center no-repeat;
    background-size: cover;
    margin-top: -50px;
    position: relative;
}
.garden-img img{
    display: none;
}
#welcome .section-03{
    background: #FCFBF9;
    padding-top: 200px;
    padding-bottom: 200px;
}
.garden-list{
    height: 460px;
    padding-left: 300px;
    -webkit-box-shadow: 0 16px 30px rgba(0,0,0,.1);
    box-shadow: 0 16px 30px rgba(0,0,0,.1);
}
.garden-list ul{
    list-style-type: none;
    padding-left: 0;
}
.garden-list ul li{
    margin-top: 40px;
}
.garden-list ul li span{
    vertical-align: middle;
}
.garden-list li div{
    width: 38px;
    text-align: center;
    margin-right: 20px;
}
.section-04 .line{
    background: #C6C0BD;
    height: 1px;
    width: 200px;
    margin-top: 25px;
}
.section-04{
    padding-top: 110px;
    padding-bottom: 80px;
    background: #E2E5E1 url(../images/leaf_garden.svg) top left no-repeat;
}
.withUs-elem{
    width: 200px;
    height: 200px;
    background: #fff;
    -webkit-box-shadow: 0 16px 30px rgba(0,0,0,.1);
    box-shadow: 0 16px 30px rgba(0,0,0,.1);
}
.withUs-text{
    margin-bottom: 65px;
}
.withUs-elem .img{
    height: 55px;
    margin-bottom: 32px;
}
.how-to{
    margin-top: 100px;
}
.how-to-box{
    height: 135px;
    background: #B9A59C;
    -webkit-box-shadow: 0 16px 30px rgba(0,0,0,.1);
    box-shadow: 0 16px 30px rgba(0,0,0,.1);
}
.how-to-box a{
    text-decoration: none !important;
}
.how-to-box .img{
    margin-right: 13px;
}
#welcome .section-05{
    background: #FCFBF9;
    padding-top: 150px;
    padding-bottom: 170px;
}
.explore-top{
    margin-bottom: 50px;
    position: relative;
}
.explore-bottom{
    margin-top: -95px;
}
.explore-blur{
    position: absolute;
    width: 335px;
    height: 110px;
    left: 15px;
    top: -60px;
    z-index: 1;
}
@-moz-document url-prefix() {
    .explore-blur{
        top: 0 !important;
    }
}
.explore-1{
    z-index: 1;
    width: 620px;
    height: 335px;
    background: url(../images/photo1.png) center center no-repeat;
    background-size: cover;
}
.explore-2{
    height: 440px;
    background: #E4EAEF;
    padding-right: 70px;
    -webkit-box-shadow: 0 16px 30px rgba(0,0,0,.15);
    box-shadow: 0 16px 30px rgba(0,0,0,.15);
}
.explore-2 .text{
    width: 375px;
    height: 200px;
}
.explore-3{
    width: 750px;
    height: 420px;
    background: url(../images/photo2.png) center center no-repeat;
    background-size: cover;
}
.explore-4{
    width: 360px;
    height: 325px;
    background: url(../images/photo3.png) center center no-repeat;
    background-size: cover;
}
.section-map{
    background: #D4D1D0;
}
.our-location{
    height: 98px;
}
.our-location .road{
    background: url(../images/road.svg) center right no-repeat;
}
#map{
    height: 495px;
}

.max-width{
    max-width: 820px;
}
#accommodation{
    background: #FCFBF9;
}
.title-line{
    margin-top: 33px;
    margin-bottom: 43px;
    width: 196px;
    height: 1px;
    background: #597463;
}
#accommodation .section-01{
    padding-top: 120px;
    padding-bottom: 100px;
}
#accommodation .section-02{
    background: #C6C0BD;
    z-index: 0;
}
#accommodation .section-02::after{
    content: '';
    position: absolute;
    background: #FCFBF9;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    z-index: -1;
}
#accommodation .section-02::before{
    border-right: 100vw solid #C6C0BD;
    border-top: 800px solid transparent;
    border-bottom: 5vw solid #C6C0BD;
    height: 800px;
    content: '';
    position: absolute;
    background: #FCFBF9;
    z-index: 0;
    top: 200px;
    left: 0;
    right: 0;
}
#accommodation .section-02 .room-blur{
    position: relative;
    right: auto;
    left: auto;
    top: auto;
}
#accommodation .section-02 .room-img{
    height: 550px;
    background-size: cover !important;
    margin-bottom: 90px;
    -webkit-box-shadow: 0 16px 32px rgba(0,0,0,.24);
    box-shadow: 0 16px 32px rgba(0,0,0,.24);
    text-decoration: none !important;
}
#accommodation .section-02 .room-info-container{
    margin-left: 30px;
    margin-top: 40px;
}
#accommodation .section-02 .room-info div{
    margin-top: 55px;
}
#accommodation .section-04{
    background: #E2E5E1 url(../images/accommodation_back.svg) left top no-repeat;
}
#accommodation .section-04 .line {
    margin-top: 0;
}
#back-img{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
#room {
    position: relative;
    background: #FCFBF9;
    z-index: 0;
}
#back-img{
    position: absolute;
    right: 0;
    z-index: 0;
}
/*#room::after {
    content: '';
    position: absolute;
    background: #FCFBF9;
    top: 0;
    left: 0;
    right: 0;
    height: 380px;
    z-index: -1;
}*/
#room::before {
    content: '';
    position: absolute;
    top: 380px;
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*border: solid 1px red;*/

    border-left: 100vw solid #C6C0BD;
    border-top: 800px solid transparent;
    /*border-bottom: 5vw solid #C6C0BD;*/
    /*height: 100vw;*/
    /*background: #FCFBF9;*/
    z-index: 1;
    /*top: 380px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
}
#room .section-01{
    padding-top: 120px;
    z-index: 1;
}
#room .section-02{
    z-index: 1;
}
#room .section-02 .text{
    margin-top: 50px;
    margin-bottom: 90px;
}
#room .section-03{
    z-index: 2;
    background: rgba(255,255,255,.35);
    padding-top: 45px;
    padding-bottom: 65px;
}
#room .section-03 .title{
    margin-bottom: 30px;
}
#room .section-03 .feature-elem{
    width: 210px;
    height: 90px;
    background: #E2E6E2;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.13);
    box-shadow: 0 8px 16px rgba(0,0,0,.13);
}
#room .section-03 .feature-elem .img{
    margin-right: 12px;
}
#room .section-03 .feature-elem span{
    line-height: 16px;
}
#room .section-04:before{
    content: '';
    background: #C6C0BD;
    position: absolute;
    top: 392px;
    left: 0;
    right: 0;
    bottom: 0;
}
#room .section-04{
    z-index: 2;
    background: none;
}
#room .section-04 .more-feature-elem{
    background: #F2F2F2;
    -webkit-box-shadow: 0 16px 32px rgba(0,0,0,.2);
    box-shadow: 0 16px 32px rgba(0,0,0,.2);
    height: 300px;
    padding-top: 50px;
    padding-left: 45px;
    padding-bottom: 65px;
    margin-bottom: 65px;
}
#room .section-04 .more-feature-elem.max-width-room{
    max-width: 567px;
    height: 375px;
}
#room .section-04 .more-feature-elem .img{
    width: 28px;
    text-align: center;
    margin-right: 30px;
}
#room .section-05{
    background: #FCFBF9;
    padding-top: 100px;
}
#room .section-05 .title{
    margin-bottom: 40px;
}
.room-gallery-elem{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    position: relative;
}
.room-gallery-elem .cover{
    display: block !important;
    z-index: -1;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0, 0.38);-webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.room-gallery-elem .zoom{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 1;
    position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.room-gallery-elem .zoom img{
    width: auto !important;
}
.room-gallery-elem .zoom div{
    white-space: nowrap;
    font-size: 16px !important;
}
.room-gallery-elem a:hover .cover{
    z-index: 1;
    opacity: 1;
}
.room-gallery-elem a:hover .zoom{
    height: 50px;
    opacity: 1;
}
#room .section-05 .other-types{
    margin-top: 90px;
}
#room .section-05 .room-blur{
    position: relative;
    right: auto;
    left: auto;
    top: auto;
}
#room .section-05 .room-img{
    height: 550px;
    background-size: cover !important;
    margin-bottom: 90px;
    -webkit-box-shadow: 0 16px 32px rgba(0,0,0,.24);
    box-shadow: 0 16px 32px rgba(0,0,0,.24);
    text-decoration: none !important;
}
#room .section-05 .room-info-container{
    margin-left: 40px;
    margin-top: 40px;
}
#room .section-05 .room-info div{
    margin-top: 55px;
}
#facilities{
    background: #FCFBF9;
    padding-top: 120px;
    padding-bottom: 90px;
}
#facilities .section-01 .convenience{
    margin-top: 130px;
    margin-bottom: 40px;
}
.facilities-elem{
    background: #F2F2F2;
    height: 240px;
    padding: 40px 45px 45px 45px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 16px 32px rgba(0,0,0,.10);
    box-shadow: 0 16px 32px rgba(0,0,0,.10);
}
.facilities-elem .underlined{
    margin-left: 22px;
}
.facilities-elem .line{
    width: 112px;
    height: 1px;
    background: #B9A59C;
    margin-top: 26px;
    margin-bottom: 26px;
}
#contact{
    background: #FCFBF9;
}
#contact .section-01{
    padding-top: 120px;
    padding-bottom: 75px;
}
#contact .section-02{
    padding-bottom: 166px;
}
#contact .section-02 .contact-form{
    background: #F1F1F1;
    padding: 90px 60px 80px 60px;
    -webkit-box-shadow: 0 16px 32px rgba(0,0,0,.10);
    box-shadow: 0 16px 32px rgba(0,0,0,.10);
}
#contact .field{
    margin-bottom: 24px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
}
#contact .input{
    width: 100%;
    height: 50px;
    border: none;
    padding-left: 15px;
}
#contact .textarea{
    padding-top: 10px;
    padding-left: 15px;
    width: 100%;
    min-height: 265px;
    border: none;
}
.iti--show-flags{
    width: 100% !important;
    margin-bottom: 24px;
}
#phone {
    padding-left: 55px !important;
}
#terms-a:hover{
    color: #C7B3AA !important;
}
/*start checkbox*/
input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 8px;
    background: rgba(0, 0, 0, 0);
    top: 6px;
    left: 2px;
    border: 3px solid rgb(89, 116, 99);
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
input[type="checkbox"] {
    line-height: 2.1ex;
}
input[type="radio"],
input[type="checkbox"] {
    position: absolute;
    left: -999em;
}
input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    width: 15px;
    background-color: white;
    border: 1px solid rgb(166, 166, 166);
    border-radius: 4px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);
    margin-right: 0.5em;
}
/*end checkbox*/
#captcha{
    background: #fff url(../captcha/captcha.php) center right no-repeat;
}
#contact-submit{
    width: 100%;
    height: 50px;
    text-align: center;
    background: #C7B3AA;
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    position: relative;
}
#contact-submit.pulse-btn::before {
    border: solid 1px #C7B3AA !important;
}
#contact .contact-info .wrap{
    max-width: 300px;
    margin-left: 60px;
}
#contact .contact-elem{
    margin-bottom: 33px;
    font-weight: lighter;
    font-size: 15px;
    display: flex;
    align-items: center;
}
#contact .contact-elem div{
    width: 30px;
}
.contact-logo{
    margin-bottom: 50px;
    margin-top: 0;
}
#explore .section-01{
    background: #FCFBF9;
    padding-top: 110px;
    padding-bottom: 90px;
}
#explore .section-02{
    background: #FCFBF9;
    padding-top: 105px;
}
#explore .section-02 .elem{
    min-height: 180px;
    max-width: 540px;
    margin-bottom: 120px;
}
#explore .section-02 .elem .img{
    height: 42px;
}
#explore .section-02 .elem img{
    margin-right: 13px;
}
#explore .section-02 .elem .line{
    width: 111px;
    height: 1px;
    background: #B9A59C;
    margin-top: 26px;
    margin-bottom: 26px;
}
#location{
    background: #FCFBF9;
}
#location .section-01{
    padding-top: 110px;
    padding-bottom: 110px;
}
#location .section-02 .location-elem{
    margin-bottom: 160px;
    height: 500px;
}
#location .section-02 .back-img{
    height: 450px;
    background-size: cover;
}
#location .section-02 .img{
    z-index: 1;
    max-width: 880px;
    height: 510px;
    margin-right: 45px;
}
#location .section-02 .img::after{
    content: '';
    position: absolute;
    top: 80px;
    left: 90px;
    right: -45px;
    bottom: -40px;
    background: #E4EAEF;
    z-index: -1;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.11);
    box-shadow: 0 8px 16px rgba(0,0,0,.11);
}
#location .section-02 .location-elem .title{
    line-height: 25px;
}
#location .section-02 .location-elem .text{
    padding-left: 20px;
}
#location .section-02 .inverse .img{
    margin-left: 45px;
    margin-right: 0;
}
#location .section-02 .inverse .img::after {
    right: 90px;
    left: -45px;
}
#location .section-02 .inverse .text{
    padding-left: 0;
    padding-right: 20px;
}
#location .section-04 .img {
    position: relative;
}
#location .section-04 .img .left{
    cursor: pointer;
    text-decoration: none !important;
    display: block;
    position: absolute;
    left: 0;
    bottom: 130px;
    width: 145px;
    height: 45px;
    line-height: 42px;
    border: solid 1px #515151;
}
#location .section-04 .img .right{
    position: absolute;
    right: 0;
    bottom: 130px;
    height: 45px;
    line-height: 45px;
}
#location .section-03{
    background: #F1F1F1;
    padding-top: 120px;
}
#location .section-03 .list-elem{
    margin-bottom: 120px;
}
#location .section-03 .list-elem .line{
    max-width: 400px;
    height: 1px;
    background: #B9A59C;
    margin-top: 20px;
    margin-bottom: 26px;
}
#offers .section-01{
    background: #FCFBF9;
    padding-top: 110px;
    padding-bottom: 100px;
}
#offers .section-02 .elem{
    background: #E2E5E1;
    padding-top: 62px;
    padding-bottom: 36px;
    margin-bottom: 100px;
    -webkit-box-shadow: 0 16px 32px rgba(0,0,0,.11);
    box-shadow: 0 16px 32px rgba(0,0,0,.11);
}
#offers .section-02 .elem .line{
    width: 200px;
    margin-top: 25px;
    margin-bottom: 45px;
    height: 1px;
    background: #C6C0BD;
}
.btn-offer{
    margin-top: 43px;
    width: 180px;
    height: 45px;
    background: #B9A59C;
    text-decoration: none !important;
    color: #fff !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-offer.pulse-btn::before {
    border: solid 1px #B9A59C !important;
}
#gallery {
    background: #FCFBF9;
    padding-top: 220px;
    padding-bottom: 90px;
}
#covid{
    background: #FCFBF9;
    padding-top: 170px;
    padding-bottom: 100px;
}
@media (max-width: 1200px) {
    .residence-img {
        width: 450px;
    }

    .room-blur {
        width: 280px;
    }

    #welcome .room-info {
        margin-top: -60px;
    }
    #welcome .room-info {
        margin-left: 50px;
        padding-left: 50px;
    }
    .garden-img {
        width: 600px;
    }
    .garden-list {
        padding-left: 260px;
    }
    .explore-1 {
        width: 470px;
    }
    .explore-2 {
        padding-right: 40px;
    }
    .explore-3 {
        width: 590px;
    }
    #room .section-04 {
        padding-right: 15px;
        padding-left: 15px;
    }
    #room .section-04 .more-feature-elem.max-width-room{
        max-width: 47%;
    }
}
@media (max-width: 1100px) {
    .residence-img {
        width: 400px;
    }
    .residence-text .title, .residence-text .text{
        max-width: 500px;
    }
    .residence-img {
        width: 460px;
    }
    .residence-img {
        margin-top: -84px;
    }
    #covid{
    padding-top: 120px;
    }
}
@media (max-width: 992px) {
    #gallery {
        padding-top: 120px;
        padding-bottom: 90px;
    }
    #accommodation .room-blur .wrap,
    #room .room-blur .wrap{
        display: block;
    }
    #accommodation .room-blur {
        width: 250px !important;
    }
    .room-blur {
        width: 200px;
    }
    .room-blur .wrap{
        padding-left: 15px;
    }
    .room-blur .size-17{
        font-size: 14px;
    }
    .room-blur .size-28{
        font-size: 18px;
    }
    #welcome .room-info {
        width: 100%;
        height: 200px;
        background: #fff;
        margin-top: -50px;
        margin-left: 0;
        padding-top: 91px;
        padding-left: 30px;
        font-size: 13px;
    }
    .room-nav {
        min-width: 100px;
    }
    .counter {
        align-items: end !important;
    }
    .room-nav #slider-counter {
        width: 70px;
        height: 90px;
    }
    #welcome .room-info .row {
        margin-bottom: 20px;
    }
    #welcome .container{
        max-width: none !important;
    }
    .garden-list .size-17{
        font-size: 14px;
    }
    .garden-list li div {
        margin-right: 10px;
    }
    .garden-img {
        width: 520px;
    }
    .garden-list {
        padding-left: 190px;
    }
    .explore-1 {
        z-index: 0;
    }
    .explore-2 {
        padding-right: 40px;
        padding-left: 40px;
    }
    .explore-2 .text {
        width: auto;
        height: auto;
    }
    .explore-bottom .back-img {
        overflow-x: hidden;
    }
    .explore-bottom {
        margin-top: -90px;
    }
    #welcome .section-03 {
        background: #FCFBF9;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    #welcome .section-05 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    #location .section-02 .location-elem {
        height: auto;
    }
    #location .section-01 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .section-04 {
        padding-top: 70px;
        padding-bottom: 40px;
    }
    #accommodation .section-01 {
        padding-top: 70px;
        padding-bottom: 50px;
    }
    #room .section-03 .row{
        justify-content: center !important;
    }
    #room .section-03 .feature-elem {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 30px;
    }
    #room .section-04 {
        z-index: 2;
        background: #C6C0BD;
    }
    #room::before {
        content: none;
    }
    #room .section-01 {
        padding-top: 70px;
    }
    #room .section-03 {
        z-index: 2;
        background: rgba(255,255,255,.35);
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 40px;
    }
    #room .section-02 .text {
        margin-bottom: 50px;
    }
    #room .room-info{
        justify-content: center !important;
        flex-direction: column;
        align-items: center;
    }
    #room .room-info .d-inline-block{
        margin-left: 15px;
        margin-right: 15px;
        width: 280px;
        margin-bottom: 20px;
        white-space: nowrap;
    }
    #facilities {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    #facilities .section-01 .convenience {
        margin-top: 70px;
    }
    #explore .section-01 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    #explore .section-02 {
        padding-top: 70px;
    }
    #explore .section-02 .elem {
        margin-bottom: 40px;
    }
    #offers .section-01 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    #offers .section-02 .elem {
        margin-bottom: 40px;
    }
    #contact .section-01 {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    #contact .section-02 .contact-form {
        padding: 40px 16px 40px 16px;
    }
    #contact .section-02 {
        padding-bottom: 70px;
    }
    #contact .contact-elem {
        margin-bottom: 20px;
    }
    #contact .contact-info .wrap {
        max-width: none;
        margin-left: 15px;
    }
}
@media (max-width: 978px) {
    .residence-text {
        padding: 40px 60px 70px 60px;
    }
    .residence-img{
        z-index: 0;
    }
    #welcome .section-01 {
        padding-top: 140px;
        padding-bottom: 100px;
    }
}
@media (max-width: 768px) {
    #location .section-04 .img .left,
    #location .section-04 .img .right{
        bottom: -25px;
    }
    #gallery {
        padding-bottom: 40px;
    }
    .size-28 {
        font-size: 24px !important;
    }
    #welcome .section-01 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .residence-img{
        display: none;
    }
    .residence-text .title, .residence-text .text {
        max-width: none;
    }
    #welcome .section-01 .line {
        margin-top: 20px;
    }
    .residence-text .text {
        margin-top: 20px;
    }
    .residence-text {
        height: auto;
    }
    #welcome .section-02 {
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .mansion {
        margin-top: 20px;
    }
    #welcome .room-info {
        margin-top: -50px;
        margin-left: 30px;
        padding-top: 55px;
    }
    #welcome .room-info .row {
        margin-bottom: 0;
    }
    #welcome .room-info .row div{
        margin-bottom: 4px;
        margin-top: 4px;
    }
    #welcome .section-03 {
        padding-top: 30px;
        padding-bottom: 0;
    }
    #welcome .section-05 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .garden-list {
        height: auto;
        padding-left: 15px;
        box-shadow: none;
    }
    .garden-list ul li {
        margin-top: 15px;
    }
    .garden-list ul {
        max-width: 234px;
        margin-left: auto;
        margin-right: auto;
    }
    .garden-img {
        width: auto !important;
        height: 300px;
        margin-top: 0;
    }
    .withUs-elem {
        width: auto;
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .withUs-text {
        margin-bottom: 25px;
    }
    .section-04 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .how-to {
        margin-top: 30px;
    }
    .explore-1, .explore-3 {
        width: auto;
        height: 240px;
    }
    .explore-2 {
        padding: 20px;
    }
    .explore-2 {
        height: auto;
    }
    .section-05 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .explore-bottom{
        margin-top: 0;
    }
    .explore-top {
        margin-bottom: 0;
    }
    .explore-4{
        display: none;
    }
    .explore-blur {
        top: 0;
    }
    .our-location{
        height: 80px;
    }
    #map{
        height: 270px;
    }
    .how-to-box {
        height: auto;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .how-to-box .d-flex{
        margin-top: 15px;
        margin-bottom: 15px;
        flex-direction: column;
        text-align: center;
    }
    .how-to-box .img {
        margin-right: 0;
    }
    .section-04 .line {
        margin-top: 20px;
    }
    .mansion-img{
        margin-bottom: 20px;
    }
    #location .section-01, .section-04 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #location .section-02 .location-elem .text-wrap {
        margin-top: 30px;
    }
    #location .section-02 .location-elem .text {
        padding-left: 0;
        text-align: center !important;
    }
    #location .section-02 .location-elem {
        margin-bottom: 50px;
    }
    #location .section-02 .img::after {
        bottom: -10px;
    }
    #location .section-02 .location-elem .title {
        margin-bottom: 5px;
    }
    #location .section-03 {
        padding-top: 50px;
    }
    #location .section-03 .list-elem {
        margin-bottom: 40px;
    }
    #location .section-02 .back-img{
        background: none !important;
        height: auto;
    }
    #location .section-02 .img {
        height: auto;
    }
    #location .section-02 .img img{
        display: block !important;
    }
    #location .section-02 .location-elem .title {
        line-height: 50px;
    }
    #accommodation .section-02 .room-img {
        height: auto;
        background-size: cover !important;
        margin-bottom: 40px;
    }
    #accommodation .section-02 .room-info{
        margin-bottom: 20px;
    }
    #accommodation .section-02 .room-info div {
        margin-top: 20px;
    }
    #accommodation .section-02 .room-info-container {
        margin-top: 20px;
    }
    #room .section-04 .more-feature-elem.max-width-room{
        max-width: none;
    }
    #room .section-04 .more-feature-elem {
        margin-bottom: 30px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #room .section-04 .more-feature-elem.max-width-room {
        height: 210px;
    }
    #room .section-04 {
        padding-bottom: 0;
    }
    #room .section-05 .room-img {
        height: auto !important;
    }
    #room .section-05 .room-info div {
        margin-top: 30px;
    }
    #room .section-01 {
        padding-top: 40px;
    }
    .title-line {
        margin-top: 15px;
        margin-bottom: 30px;
    }
    #room .room-info {
        margin-bottom: 30px;
    }
    #room .section-05 .room-img {
        margin-bottom: 30px;
    }
    #room .section-02 .text {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #room .section-03 {
        padding-bottom: 0;
    }
    #room .section-05 {
        padding-top: 40px;
    }
    #room .section-05 .other-types {
        margin-top: 40px;
    }
    #facilities {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #facilities .section-01 .convenience {
        margin-top: 40px;
    }
    .facilities-elem {
        background: #F2F2F2;
        height: auto;
        padding: 30px;
    }
    #explore .section-02 .elem {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #explore .section-02 .elem .line {
        margin: 5px auto 26px auto;
    }
    #offers .section-01 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #offers .section-02 .elem {
        padding-top: 30px;
        margin-bottom: 30px;
    }
    #offers .section-02 .elem .line {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .btn-offer {
        margin-top: 30px;
    }
    #contact .section-01 {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    #contact .section-02 .contact-form {
        padding: 40px 16px 40px 16px;
    }
    #contact .section-02 {
        padding-bottom: 40px;
    }
    #contact .contact-elem {
        margin-bottom: 20px;
    }
    #contact .contact-info{
        display: none;
    }
    #covid{
    padding-top: 100px;
    }
}
@media (max-width: 565px) {
    .size-28{
        font-size: 24px !important;
    }
    .residence-text {
        padding: 20px 15px 30px 15px;
    }
    .mansion-img{
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }
    .withUs-elem {
        margin-bottom: 30px !important;
    }
    .how-to {
        margin-top: 10px;
    }
    #welcome .section-02 .line {
        background: #C6C0BD;
        width: 275px;
        height: 1px;
        margin: 25px 0 25px auto;
    }
    .stay {
        max-width: none;
        text-align: center !important;
    }
    #welcome .section-02 .line {
        margin: 15px auto 15px auto;
    }
    .room-selection {
        font-size: 14px;
        margin-bottom: 10px;
        margin-right: 30px;
    }
    #welcome .room-info {
        margin-left: 0;
        padding-left: 15px;
    }
    .room-blur .wrap{
        display: none;
    }
    .room-blur {
        height: 80px;
        width: 100%;
    }
    #accommodation .section-02 .room-info-container {
        margin-left: 15px;
    }
}
@media (max-width: 445px) {
    #welcome .room-info {
        font-size: 10px;
    }
    .room-nav{
        display: none !important;
    }
    .blur {
        width: auto !important;
        height: 85px !important;
        right: 0;
        left: 0;
        top: 0;
    }
    .explore-blur{
        right: 15px !important;
        left: 15px !important;
    }
    .room-blur {
        top: 0;
    }
}