@charset "UTF-8";
.test { height: 300px; -ms-flex-wrap: wrap; flex-wrap: wrap }
    .test li { display: block; width: 100px; height: 100px; background: red; margin: 0 10px }
body { background-color: #c7c7c7 }
.body, html { height: 100%; min-height: 100vh; font-size: 14px }
.header, footer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 }
.main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden }
.footer-to-bottom { margin: 0 auto; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 0; position: relative; background-color: #fff }
body, html { margin: 0; padding: 0; font-family: Brandon,sans-serif !important }
* { -webkit-box-sizing: border-box; box-sizing: border-box }
ul { list-style: none; padding: 0 }
button { border: 0; background: 0 0; color: inherit; font-weight: inherit; padding: 0; margin: 0; line-height: 1 }
a { text-decoration: none; color: inherit }
figure { margin: 0; padding: 0; font-size: 0 }
img { max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover }
h2 { margin-bottom: 0 !important; line-height: 1 !important }
input::-webkit-calendar-picker-indicator { opacity: 0 }
.border-accent { border: 1px solid #6b5c5c }
.arrow-down { position: relative }
    .arrow-down::after { content: ""; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-right: 1px solid #6b5c5c; border-bottom: 1px solid #6b5c5c; height: 12px; width: 12px; margin-top: -2px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; cursor: pointer; pointer-events: none }
.arrow-down-icon { position: relative }
   .custom-radio [type=radio]:checked, .custom-radio [type=radio]:not(:checked) { position: absolute; left: -9999px }
    .custom-radio [type=radio]:checked + .custom-radio-label, .custom-radio [type=radio]:not(:checked) + .custom-radio-label { position: relative; padding: 4px 0 4px 38px; cursor: pointer; line-height: 20px; display: inline-block; margin-bottom: 4px }
        .custom-radio [type=radio]:checked + .custom-radio-label:before, .custom-radio [type=radio]:not(:checked) + .custom-radio-label:before { content: ""; position: absolute; left: 0; top: 0; width: 26px; height: 26px; border: 1px solid #6b5c5c; border-radius: 100%; background: #eaeff2 }
        .custom-radio [type=radio]:checked + .custom-radio-label:after, .custom-radio [type=radio]:not(:checked) + .custom-radio-label:after { content: ""; width: 10px; height: 10px; background: #6b5c5c; position: absolute; top: 8px; left: 8px; border-radius: 100%; -webkit-transition: all .2s ease; transition: all .2s ease }
        .custom-radio [type=radio]:not(:checked) + .custom-radio-label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0) }
        .custom-radio [type=radio]:checked + .custom-radio-label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.bg-accent { background: #6b5c5c !important }
.bg-second { background: #eaeff2 }
.bg-transparent { background: 0 0 }
.bg-hover-accent-05 { -webkit-transition: .4s; transition: .4s }
    .bg-hover-accent-05:hover { background: rgba(46,105,127,.5); color: #fff }
.fill-accent { fill: #6b5c5c }
.color-accent { color: #6b5c5c !important }
    .color-accent::-webkit-input-placeholder { color: #6b5c5c !important }
    .color-accent::-moz-placeholder { color: #6b5c5c !important }
    .color-accent:-ms-input-placeholder { color: #6b5c5c !important }
    .color-accent::-ms-input-placeholder { color: #6b5c5c !important }
    .color-accent::placeholder { color: #6b5c5c !important }
.color-white { color: #fff !important }
.color-second { color: #4b4b4e !important }
.color-gray { color: #636362 }
.br-accent { border-right: 1px solid #6b5c5c }
.bb-white { border-bottom: 1px solid #fff }
.bb-accent { border-bottom: 1px solid #6b5c5c !important }
.border-2 { border-width: 2px }
.lh-1-4 { line-height: 1.4 }
.lh-1-5 { line-height: 1.5 !important }
.lh-2 { line-height: 2 }
.wrap-pop-up { 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; height: 100vh; margin: auto }
    .wrap-pop-up.cancel { display: none }
    .wrap-pop-up p { line-height: 2 }
.pop-up { padding: 30px 30px 40px 55px; background-color: rgb(107 92 92 / 70%); max-width: 700px; margin: 150px auto 0; position: relative; z-index: 2; color: #fff }
.link { position: relative; text-transform: uppercase; border-bottom: 2px solid #6b5c5c; padding-bottom: 5px; text-decoration: none; color: #6b5c5c; -webkit-transition: .4s; transition: .4s; font-weight: 800 }
    .link::after { -webkit-transition: .4s; transition: .4s; position: relative; font-size: 0; line-height: 1; content: "→"; opacity: 0 }
    .link:hover { color: #6b5c5c }
        .link:hover::after { opacity: 1; font-size: 16px; margin-left: 10px }
    .link.modified { border-color: #fff; color: #fff }
        .link.modified:hover { color: #fff }
.title { padding-left: 20px; margin-left: -15px; border-left: 7px solid #c4d6dd; color: #6b5c5c; margin-bottom: 30px }
    .title h2 { font-size: 30px; font-weight: 700 }
    .title .link { text-transform: none; border-bottom: 2px solid transparent !important }
        .title .link:hover { border-bottom: 2px solid #6b5c5c }
            .title .link:hover::after { font-size: 35px; line-height: 1 }
    .title a { color: #6b5c5c; text-decoration: none }
    .title span { text-transform: uppercase; font-size: 16px; display: block; font-weight: 600; margin-bottom: 10px; letter-spacing: 2px }
    .title.modified { color: #fff; border-left: 7px solid #fff }
        .title.modified a { color: #fff }
        .title.modified .link:hover { border-color: #fff }
.title-link .link { text-decoration: none; border-bottom: 2px solid transparent; text-transform: none; padding-bottom: 0 }
    .title-link .link:hover { border-bottom: 2px solid #6b5c5c }
.title-link.modified .link { color: #fff }
    .title-link.modified .link:hover { border-bottom: 2px solid #fff }
.z-i--2 { position: relative; z-index: -2 }
.z-i-1 { position: relative; z-index: 1 }
.z-i-2 { position: relative; z-index: 2 }
.z-i-5 { position: relative; z-index: 5 }
.guests { display: none; position: absolute; z-index: 5; left: 8px; width: 100% }
.fs-12 { font-size: 12px }
.fs-14 { font-size: 14px }
.fs-16 { font-size: 16px !important }
.fs-18 { font-size: 18px !important }
.ff-acaslonpro-italic { font-family: ACaslonPro-Italic,sans-serif !important }
.letter-spacing-2 { letter-spacing: 2px }
.h-430 { height: 430px }
.mh-320 { max-height: 320px }
.mw-150 { max-width: 150px !important; margin: 0 auto }
.signature.mw-400 { max-width: 400px !important }
.mw-400 { max-width: 400px !important; margin: 0 auto }
.mw-500 { max-width: 500px !important; margin: 0 auto }
.mw-600 { max-width: 600px !important; margin: 0 auto }
.mw-650 { max-width: 650px !important; margin: 0 auto }
.mw-700 { max-width: 700px !important; margin: 0 auto }
.mw-1000 { max-width: 1000px !important; margin: 0 auto }
.mw-1100 { max-width: 1100px !important; margin: 0 auto }
.mw-1200 { max-width: 1200px !important; margin: 0 auto }
.mw-1300 { max-width: 1300px !important; margin: 0 auto }
.pb-230 { padding-bottom: 230px !important }
.pb-lg-130 { padding-bottom: 1rem }
.mb-6r { margin-bottom: 6rem }
.mb--50 { margin-bottom: -50px !important }
.mb-30 { margin-bottom: 30px }
.mb-60 { margin-bottom: 60px }
.mt--25p { margin-top: -25% }
.mt--50 { margin-top: -50px }
.mt--200 { margin-top: -200px }
.ml-16vw { margin-left: -16vw }
.mr--5 { margin-right: -5px }
.mr--130 { margin-right: -130px }
.transition-04 { -webkit-transition: .4s; transition: .4s }
.close-pop-up { position: absolute; z-index: 3; right: 22px; top: 22px; width: 17px; height: 17px; background-color: transparent; border: 0 }
    .close-pop-up:hover:after, .close-pop-up:hover:before { background-color: red }
    .close-pop-up:after, .close-pop-up:before { -webkit-transition: .3s; transition: .3s; position: absolute; top: 0; left: 15px; z-index: 3; content: " "; height: 17px; width: 2px; background-color: #fff }
    .close-pop-up:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
    .close-pop-up:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.instagram img { max-height: 210px; height: 100%; max-width: 210px; width: 100% }
.btn-icon { color: #6b5c5c; font-weight: 800; text-transform: uppercase; margin-right: 30px; margin-bottom: 30px }
    .btn-icon img { max-height: 30px; margin-right: 10px }
.btn-close-circle { margin: 0 auto -20px; display: block; width: 35px; height: 35px; background-color: #fff; border-radius: 50%; border: 1px solid #6b5c5c; background-repeat: no-repeat; background-position: center; -webkit-transition: .4s; transition: .4s; background-image: url(../images/icons/icon-down-arrow-accent.png) }
    .btn-close-circle:hover { background-color: #6b5c5c; background-image: url(../images/icons/down-arrow-white.png) }
    .btn-close-circle.active { background-image: url(../images/icons/icon-close-accent.png) }
        .btn-close-circle.active:hover { background-image: url(../images/icons/close-white.png) }
.search { background: #6b5c5c; color: #eaeff2; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 4 }
    .search.active { height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; display: block; margin: 0 }
        .search.active .arrow-down:after { border-color: #fff }
        .search.active .search-block { display: block; margin-bottom: 30px }
        .search.active .btn-close { display: block; margin-left: auto; margin-right: 20px }
        .search.active .guests { width: 100% }
    .search .btn-close { display: none }
    .search .search-block { display: none }
.text-block { font-size: 14px }
    .text-block .text { padding-left: 1rem !important; color: #6b5c5c; line-height: 2 }
        .text-block .text p { margin-bottom: 0 }
            .text-block .text p:last-child { margin-bottom: 20px }
.signature { text-align: center; font-family: ACaslonPro-Italic,sans-serif !important; color: #6b5c5c; max-width: 350px !important; margin: 0 auto; font-size: 16px }
    .signature p { margin-bottom: 10px }
    .signature picture { display: block; margin: 0 auto; max-width: 20px }
.block-bg-grey { position: relative; margin-left: auto }
    .block-bg-grey picture { margin: 0 auto }
        .block-bg-grey picture img { width: 100% }
    .block-bg-grey::after { position: absolute; content: ""; z-index: -1; max-width: 720px; width: 135%; max-height: 310px; height: 60%; background: #eaeff2; bottom: -35px; left: -20% }
.block-bg-grey-big { position: relative }
    .block-bg-grey-big::after { position: absolute; content: ""; z-index: -1; width: 100%; height: 100%; background: #eaeff2; bottom: -70px }
.block-with-img picture { overflow: hidden }
    .block-with-img picture img { width: 100%; height: 100% }
.blog-content figure picture { overflow: hidden }
    .blog-content figure picture img { -webkit-transition: .4s; transition: .4s }
    .blog-content figure picture:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
figcaption { border-left: 3px solid #6b5c5c; padding-left: 10px; line-height: 1.1 }
.img-hero { max-width: 485px; max-height: 485px }
.img-1 { max-width: 740px; max-height: 710px }
.img-2 { max-width: 380px; max-height: 470px }
.img-3 { max-width: 875px; max-height: 395px }
.img-4 { max-width: 205px; max-height: 250px }
.img-5 { max-width: 412px; max-height: 485px }
.img-6 { max-width: 400px; max-height: 265px }
.img-360x275 { max-width: 360px; max-height: 275px }
.img-630x485 { max-width: 630px !important; max-height: 485px !important }
.bg-cover { background-size: cover }
.press, .silverlake { position: relative; margin-right: 8px }
    .press:after, .silverlake:after { position: relative; content: ""; top: 0; left: 0; font-size: 10px; font-weight: 800; text-transform: uppercase; border: 1px solid #6b5c5c; padding: 2px 5px }
    .silverlake:after { content: "SILVERLAKE" }
    .press:after { content: "PRESS" }
.form-control:focus ~ .invalid-feedback { opacity: 0 !important }
.SwiperResale { position: relative }
    .SwiperResale .info { position: absolute; z-index: 2; content: ""; top: 20px; left: 20px; font-size: 16px; font-weight: 600; text-transform: uppercase; background: #6b5c5c; color: #fff; padding: 5px 10px }
.sale { border-bottom: 2px solid #6b5c5c }
    .sale:last-child { border-bottom: none }
    .sale .price { color: #6b5c5c }
.sold { border-bottom: 2px solid #6b5c5c }
    .sold:last-child { border-bottom: none }
    .sold .title { border-left: 7px solid #636362; color: #636362 }
    .sold .price { color: #636362 }
    .sold .btn-enquire { display: none }
    .sold .info { background: #636362 }
#tabList button.active { color: #fff !important; background: #6b5c5c !important }
.faqs { color: #636362 }
    .faqs .title { margin-bottom: 3rem; margin-left: 0 }
    .faqs .faqs-block { border-bottom: 1.2px solid #6b5c5c; margin-bottom: 20px }
    .faqs ul p { margin-left: -2rem; margin-bottom: 0 }
    .faqs li { list-style: disc }
    .faqs a { font-weight: 700 }
    .faqs .faqs-wrap { padding: 5rem 0; background: #fff }
        .faqs .faqs-wrap h3 { color: #6b5c5c; font-weight: 600; font-size: 20px }
        .faqs .faqs-wrap a { color: #636362 }
        .faqs .faqs-wrap:nth-child(even) { background: #6b5c5c; color: #fff }
            .faqs .faqs-wrap:nth-child(even) .title { border-color: #fff }
            .faqs .faqs-wrap:nth-child(even) .title, .faqs .faqs-wrap:nth-child(even) a, .faqs .faqs-wrap:nth-child(even) h3 { color: #fff }
            .faqs .faqs-wrap:nth-child(even) .faqs-block { border-color: #fff }

@media (min-width:575px) {
    .title h2 { font-size: 40px }
    .z-i-sm-2 { position: relative; z-index: 2 }
    .mb-sm--50 { margin-bottom: -50px !important }
    .position-sm-relative { position: relative !important }
    .text-block { font-size: 16px }
    .signature { font-size: 20px }
    .block-bg-grey::after { left: -15% }
}

@media (min-width:768px) {
    .body, html { font-size: 16px }
    .press:after, .silverlake:after { font-size: 12px }
    .price { font-size: 20px }
    .SwiperResale .info { font-size: 20px }
}

@media (min-width:992px) {
    .color-lg-accent { color: #6b5c5c !important }
    .title span { font-weight: 700 }
    .mw-lg-600 { max-width: 600px !important; margin: 0 auto }
    .mw-lg-650 { max-width: 650px !important; margin: 0 auto }
    .mw-lg-750 { max-width: 750px !important; margin: 0 auto }
    .pb-lg-130 { padding-bottom: 130px !important }
    .mb-lg--70 { margin-bottom: -70px !important }
    .mb-lg--100 { margin-bottom: -100px !important }
    .mb-lg--50 { margin-bottom: -50px }
    .mb-lg-5r { margin-bottom: 5rem !important }
    .mt-lg--15p { margin-top: -15% !important }
    .mt-lg--18p { margin-top: -18% !important }
    .mt-lg--100 { margin-top: -100px }
    .mt-lg--200 { margin-top: -200px }
    .mt-lg--400 { margin-top: -400px }
    .mt-lg--60 { margin-top: -60px }
    .ml-lg--140 { margin-left: -140px }
    .search-wrap { background: rgba(234,239,242,.8) }
        .search-wrap .search { background-color: transparent }
    .search { position: static; color: #6b5c5c; background: rgba(234,239,242,.5) }
        .search .btn-search { border: 1px solid #6b5c5c; color: #6b5c5c; background-color: transparent }
            .search .btn-search:hover { border: 1px solid #fff; color: #fff; background-color: #6b5c5c }
        .search .search-block { display: -webkit-box; display: -ms-flexbox; display: flex }
    .search-bottom .guests { position: absolute; bottom: 0 }
    .signature { font-size: 26px }
    .block-bg-white::after { position: absolute; content: ""; z-index: 1; width: 120%; max-height: 310px; height: 100%; background: #fff; bottom: -60px; left: -10% }
    .block-bg-grey { margin-right: -60px; max-width: 500px }
        .block-bg-grey picture { max-width: 380px }
        .block-bg-grey::after { width: 100%; left: 0; bottom: -70px; height: 100% }
    .block-with-img picture { height: 100% }
}

@media (min-width:1200px) {
    .mw-xl-650 { max-width: 650px !important; margin: 0 auto }
    .mw-xl-1100 { max-width: 1100px !important; margin: 0 auto }
    .mw-xl-1300 { max-width: 1300px !important; margin: 0 auto }
    .mt-xl--100 { margin-top: -100px }
    .mt-xl--200 { margin-top: -200px }
    .mr-xl--130 { margin-right: -130px }
}

@media (min-width:1400px) {
    .mw-xxl-1100 { max-width: 1100px !important; margin: 0 auto }
    .mw-xxl-1300 { max-width: 1300px !important; margin: 0 auto }
    .mt-xxl--200 { margin-top: -200px }
}

@media screen and (max-width:991px) {
    .m-mobile-auto { margin: auto }
    .bg-full-mobile { margin: 0 }
        .bg-full-mobile:after { position: absolute; content: ""; width: 300%; height: 100%; top: 0; left: -100%; right: -100%; background: #6b5c5c; z-index: -1 }
    .bg-full-mobile-second { margin: 0 }
        .bg-full-mobile-second:after { position: absolute; content: ""; width: 300%; height: 100%; top: 0; left: -100%; right: -100%; background: #eaeff2; z-index: -1 }
}