@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Tinos:400,700&display=swap');
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css?family=Italiana&display=swap');
* {margin: 0; padding: 0; box-sizing: border-box;}

input[type=text]:focus, button:focus, .nav-link:focus{outline:0;}  

body{font-family: 'Tinos', serif; color:#333; font-size:16px; line-height:1.5; font-weight:400; background:#fff;}
h1, h2, h3, h4, h5, h6{font-family: 'Italiana', serif; color:#000;font-weight: 600;}
p{line-height:24px; color:#000;font-family: 'Tinos', serif;}
p:empty {display: none;}
p:last-of-type {margin-bottom: 0;padding: 10px;}
a{color:#fff;}
a:hover{color:#fff;text-decoration:none;}
.clr{clear:both;}
ul,ol{list-style-type:none; padding:0; margin:0}
h4{font-size:30px;}
/*section{padding:100px 0px;}*/
section{padding:60px 0px;}
.p-50{padding-left:6%;padding-right:6%;}
.p-3l{padding-left:3%;}
.p-3r{padding-right:3%;}
.model_banner{width:100%;position:relative;}
.model_banner ul{width:100%; display:inline-block; list-style:none; margin:0;position:relative; }
.model_banner ul li{float:left;/* background:#000; */cursor:-webkit-grab;position: relative;height:100vh;background-size:cover;    background-position: center center;}
.model_banner .slick-dots{    position: absolute;z-index: 5;left: 40px;bottom: 50px;width: calc(100% - 40px);}
.model_banner .slick-dots li{background: none;margin-right: 10px;width: 25px;height: 25px;border-radius: 50%;position: relative;}
.model_banner .slick-dots li button{    display: inline-block;font-size: 0;border: 0;background: #FFF;width: 8px;height: 8px;cursor: pointer;position: absolute;top: 7px;left: 7px;transform: rotate(45deg);}
.model_banner .slick-dots li button:hover{background:#d2b93a;}
.model_banner .slick-dots li.slick-active button{background:#fff;}
.model_banner .slick-dots li.slick-active{border: 1px solid #fff;}
.model_banner ul button.slick-prev {width: 60px;height: 60px;border: none;font-size: 0;border-radius: 50%;position: absolute;top: 50%;left: 30px;z-index: 1;transform: translateY(-50%);background: #FFF url(../img/left-arrow.png) no-repeat center center;}
.model_banner ul button.slick-next {width: 60px;height: 60px;border: none;font-size: 0;border-radius: 50%;position: absolute;top: 50%;right: 30px;z-index: 1;transform: translateY(-50%);background: #FFF url(../img/right-arrow.png) no-repeat center center;}
.inner-header{background-color:#000;}
header{position:absolute;top:0;left:0;right:0;width:100%;z-index: 9;}
header .navbar .navbar-brand{font-size: 50px;font-family: 'Cormorant SC', serif;color:#fff;}
header .navbar .navbar-brand:hover{color:#fff;}
.w-header .navbar .navbar-brand:hover{color:#000;}
.nav-menu .nav-item .nav-link{color: #fff;font-size: 16px;font-family: 'Poppins', sans-serif;font-weight: 100;padding: 0px 12px;}
.navbar-light .navbar-toggler:hover{border: 2px solid #0a5339;background-color: #167654;}
.navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(0,0,0,.1);background: #c4942e;padding: 0;border-radius: 0;width: 54px;height: 54px;transition:all 0.5s ease;position: fixed;right: 35px;top: 35px;}
.bar1, .bar2, .bar3 {width: 35px;height: 2px;background-color: #fff;transition: 0.5s;margin: 8px auto;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 5px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-9px, -6px);transform: rotate(45deg) translate(-9px, -5px);}

.content h1{color: #fff;text-shadow: 6px 2px #464343;font-weight: bold;font-size: 50px;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.content h1 span{font-family: 'Italiana', serif;}
.content{position: absolute;top: 0;left: 0;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}
.about h2{font-size: 50px;/*margin-bottom: 90px;*/}
.about h2 span{display:block;font-family: 'Italiana', serif;}
.content-about{/*padding: 60px 95px;*/padding: 20px 25px;
    text-align: justify;} 
.left-content p{margin-bottom: 280px;color: #010101;letter-spacing: 1px;    padding-top: 30px;padding-left: 60px;}
.heading h2 {font-size: 50px;max-width: 1090px;margin: auto;width: 100%;}
.home_list_slider {width: 100%;list-style: none;margin: 0;}
.home_list_thumb {width: 100%;background: #eeeeee;padding: 15px 25px;overflow: hidden;margin-top: 10px;border-radius: 10px;}
.list_thumb {width: 100%;float: left;margin-bottom: 0;list-style: none;}
.list_thumb li {float: left;padding: 0 6px;}
.list_thumb li img {vertical-align: middle;max-width: 100%;height: auto;}
.content-about p {font-size: 20px;line-height: 40px;}
.font-italic{font-style: normal !important;font-family: 'Italiana', serif;} 
.beyond .slick-dots{position: absolute; z-index:5; left: 0; bottom: -90px; display: flex; align-items: center; justify-content: center;width:100%;}
.beyond .slick-dots li{background: none;width: 25px;height: 25px;}
.beyond .slick-dots li button{    display: inline-block;font-size: 0;border: 0;background: #000;width: 8px;height: 8px;cursor: pointer;position: absolute;top: 7px;left: 7px;transform: rotate(45deg);}
.beyond .slick-dots li button:hover{background:#d2b93a;}
.beyond .slick-dots li.slick-active button{background:#d2b93a;}
.beyond .slick-dots li.slick-active{border: 1px solid #000;margin-right: 10px;width: 25px;height: 25px;border-radius: 50%;position: relative;}
.beyond ul li{position:relative;}
.bg-color{/*background:#167654;*/ background:#343434;   padding-top: 35px;
    padding-bottom: 35px;    padding-left: 5%;}
.footer-nav{padding: 50px 0px;}
.footer-nav h2{font-family: 'Tinos', serif;font-size:36px;color:#fff;}
.footer-nav ul li{padding: 6px 0px; font-family:'Open Sans',sans-serif;}
/*.social h2{visibility:hidden;}*/ 
.footer-nav ul li a i, .footer-nav ul li a img{padding-right: 5px;}
.color-green li a{color:#8bbbaa;}
.footer-nav p{padding: 50px 0px 0;color:#8bbbaa;font-family:'Open Sans',sans-serif;}
.tarifinfo th {
    background: #bf9106;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #d8d1d1;
}
.tarifinfo th {
    
    color: #fff;
}
.tarifinfo {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}
.tarifinfo tr {
    font-size: 15px;
}
.tarifinfo td {
    padding: 10px;
    font-size: 18px;
    border: 1px solid #d8d1d1;
    color: #000;
}
/*crt start*/

/*crt end*/
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.btn-secondary {
    color: #fff;
    background-color: #cc9933;
    border-color: #cc9933;
}
.nav__image{
    background-color: #424040;
}
/* coustom nav */
.coutom-nav .nav-menu{position: absolute;z-index: 1;width: 100%;height: 100%;text-align: center; top: 20%;}
.coutom-nav .nav-menu a{font-size: 70px;text-align: center;display: inline-block;}
.coutom-nav .nav-menu a span{display: inline-block;padding: 0px 45px;color:#46b59d;}
.coutom-nav .bottom-nav a{font-size:16px;padding: 0 25px;}
.coutom-nav .bottom-nav img{display:block;margin: 0 auto;}

.coutom-nav{position:fixed;width:100%;height:100%;background-color:#2a6f5f;left: 0;right: 0;top:0;background-position:center center; background-size:140%; z-index: -1; /*filter: blur(3px); -webkit-filter: blur(3px);*/ will-change: background-size;}
.coutom-nav:after{content:''; position:fixed; width:100%; height:100%;left: 0;right: 0;top:0; z-index:-1; background-position:center center; background-size:140%;background:url(../img/menu-bg.png) no-repeat center center/130%;  opacity:0.2;}
.coutom-nav.enter:after{background-size:100%; filter: blur(0); -webkit-filter: blur(0);opacity:1;transition:all 0.9s ease; }

/* Inner img */
.bg-inner{background:url(../img/ExecutiveClub/Header.jpg) no-repeat center center/cover;position: relative;height: 100vh;}
.bg-inner.styhdr{background:url(../img/room/super.jpg) no-repeat center center/cover;position: relative;height: 100vh;}
.bg-inner.prmrm{background:url(../img/ExecutiveClubs-header.jpg) no-repeat center center/cover;position: relative;height: 100vh;}
.top-part p{color:#fff;font-size:16px;color: #000;
    font-family: 'Tinos', serif;/*font-family: 'Open Sans', sans-serif;letter-spacing: 2.5px; */   margin-top: 25px;}
.top-part h2{font-size: 90px;color: #fff;line-height: 110px;position: absolute;width: 100%;left: 0;right: 0;top: 40%;transform: translateY(-50%);}
.top-part h2 span{display:block}
.top-part h2 span i{font-family: 'Italiana', serif;font-style: normal;}
.top-part img{position: absolute;bottom: 30px;left: 0;right: 0;margin: 0 auto;}
.container.lrg_container{max-width:1400px;}
.heading p{font-size:20px;margin:40px 0px;}
.moonlight-list{padding-top: 100px;}
.moonlight-list ul{column-count: 2;list-style-type: disc;}
.moonlight-list ul li{padding-top: 12px;font-size: 20px;color: #000;}

.dining{background:none;height: auto;}
.dining h2, .dining p{color:#000;}
.dining h2{position: static;transform: translate(0);    margin-top: 1%;}
.dining_container{max-width:1350px;}
.dining-tab .nav{border: transparent;display: flex;justify-content: center;}
.dining-tab .nav-item{margin-right: 100px;position: relative;}
.dining-tab .nav-item .nav-link{color: #010101;font-size: 20px;padding: 0 0 15px;}
.dining-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#cc9933;border: none;border-bottom: 1px solid #cc9933;background: transparent;}
.dining-content{padding-top:80px;}
.content-left span{display: block;width: 200px;height: 1px;background: #cc9933;margin: 40px 0px;}
.content-left p{font-size:22px;line-height:36px;}
.content-left p, .content-left img{padding: 0px 90px;}
.contact h2{font-size:50px;line-height: 80px;}
.contact h2 span{font-family: 'Italiana', serif;}
.address h3{font-family: 'Tinos', serif;font-size:30px;}
.address p{font-size:18px;margin-bottom:5px;}
.address p a{color:#000;}
.contact-form .form-control{border:none;/*border-bottom:1px solid #8abba9;*/border: 1px solid #cc9933;border-radius: 0;height:68px;color:#000;font-size:20px;background-color:transparent;padding-bottom: 20px;}
.contact-form textarea.form-control{height:auto;}
.contact-form .form-control::placeholder{color:#000;font-size:20px;font-family: 'Baskervville', serif;font-style: italic;font-weight: 400;}
.contact-form .form-control:focus{box-shadow:none;}
.coustom-btn{font-family: 'Baskervville', serif;font-style: italic;background-color:#cc9933;
    color: #fff;font-size: 30px;text-align: right;float: right;}
.book a{background-color: #cc9933;font-size: 24px;color: #fff;display: inline-block;text-transform: uppercase;min-width: 220px;height: 60px;line-height: 60px;text-align: center;margin-top: 40px;}
.bg-gray{background-color:#f0f1eb;}
.dining label{font-size: 20px;margin: 40px 0px;color:#000;}
.slider ul li img{width:100%;}
.slider .slick-arrow{font-size: 24px;background: transparent;border: none;position: absolute;bottom: -50px;right: 100px;}
.slider .slick-prev{right: 20%;}
.slider .slick-arrow:hover{color:#cc9933;}
.slider .slick-dots {position: absolute;color: #333;font-size: 16px;font-weight: 600;left: -20%;top: 50%;}
.slider .slick-dots li {display: none;font-size: 65px;font-weight: 100;color: #000;}
.slider .slick-dots li.slick-active {display: block;}
.lower-content-upper{margin-top:80px;}
.lower-content p{font-size:22px;line-height:36px;padding: 0px 100px 0px 0px;}
.text-italic{font-style:italic;}
.about-content p{font-size: 20px;line-height: 36px;text-align: justify;}
.about-content img{display: block;margin: 0 auto;margin-bottom: 20px;}
/*.about-content{padding: 100px 55px 0px;}*/
.about-art h3{font-size: 50px;margin: 40px 0px 20px 0px;margin-bottom: 3%;margin-top: 4%;}
.about-art h3 i{font-family: 'Italiana', serif;font-style: normal;}
.about-art p{font-size: 20px;line-height: 30px;}
.about-art p span{display:block;}
.bg-green{background-color:#246850;}
.stay-landing .slick-slider{overflow: hidden;}
.stay-landing .slick-slider .slick-list{width: 75%;float: right;overflow: visible;}
.stay-landing .slick-dots{left:0;transform: translateY(-50%);top: 48%; position: absolute;color:#fff;font-size:40px; display:none;}
.stay-landing .slick-dots li{display:none;}
.stay-landing .slick-dots li.slick-active{display:block;}
.stay-landing-content{position: absolute;top: 50%;left: 150px;transform: translateY(-50%);}
.stay-landing-content h3{font-size:100px;font-family: 'Tinos', serif;color:#fff;margin-bottom:0;}
.stay-landing-content a{text-transform:uppercase;color:#fff;font-family: 'Open Sans', sans-serif;}
.stay-landing .slick-slider .slick-slide{visibility: hidden;}
.stay-landing .slick-slider .slick-list .slick-active{visibility: visible;}
.stay-landing .slick-slide img{width:800px; margin-left:300px; /* visibility:hidden; */}
.stay-landing .slick-slide.slick-active img{visibility:visible;}

.stay-landing .slick-slide .stay-landing-content{position: absolute;top:50%;left: 150px;transform: translateY(-50%); opacity:0.2;transition:all 0.3 ease;}
.stay-landing .slick-slide .stay-landing-content h3{font-size:100px;font-family: 'Tinos', serif;color:#fff;margin-bottom:0;}

.stay-landing .slick-slide .stay-landing-content a{text-transform:uppercase;color:#fff;font-family: 'Open Sans', sans-serif;}
.stay-landing .slick-slide.slick-active .stay-landing-content{top:50%; opacity:1;}

.bottom-more h2{font-size:100px;margin-bottom:0;color:#43876f;}
.bottom-more a{color:#43876f;}
.color-white{color:#fff!important;}
.searved{padding: 15px 0px;}
.reserve a:hover{
    color: #c93!important;
}
.reserve{    font-size: 18px;
    text-transform: uppercase;
    border-right: 1px solid #d4ad6b;
    margin-right: 0px;
    margin-top: 0;
    display: inline-block;
    color: #c93;
    letter-spacing: 0.5px;
    padding: 0px 20px;
    border-right: 1px solid #c93;
    margin-right: 0px;
    margin-top: 0;
    display: inline-block;}

.scroll-down{position:absolute;/*bottom:30px;*/bottom:5px;left:0;right:0;margin:0 auto;width: auto!important;}
.slider-text{position:relative;}
.slider-text h3{font-size:70px;color:#fff;position: absolute;bottom: 40px;left: 40px;}
.slider-text h3 span{display:block;}
.dining-tab .nav-item:before {top: 40%;right: -3.8vw;width: .486vw;height: .486vw;content: "";position: absolute;background: #ccc;transform: translateY(-50%) rotate(45deg);}
.dining-tab .nav-item:nth-child(3):before{display:none;}

.gallery_banner{width:100%;position:relative;}
.gallery_banner .gallery_content{float:left; background-color:#000; cursor:-webkit-grab;height: 100vh;background-size: cover;background-position: center center;width:300px;position:relative;}
.gallery .top-part{position:fixed;width:100%;z-index: 1;}
.overlay{position: absolute;width: 100%;height: 100%;background-color: rgba(22, 118, 84, 0.85);opacity: 1;}
/* .gallery_banner .slick-current .gallery_content .overlay{opacity:0;} */
.overlay-content{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;z-index: 1;}
.overlay-content h3{color:#cc9933;}
.overlay-content p{color:#fff;}
.gallery_banner .gallery_content:hover h3{color:#fff;}
.gallery_banner .gallery_content:hover p{opacity:0;}
.gallery_banner .gallery_content:hover .overlay{opacity:0;}
.gallery_banner .gallery_content a{position: absolute;top: 0;width: 100%;height: 100%;}

.gallery_banner-inner{width:100%;position:relative;}
.gallery_banner-inner .gallery_content{float:left; background-color:#000; cursor:-webkit-grab;height: 100vh;background-size: cover;background-position: center center;width:300px;position:relative;}

.gallery_banner-inner button.slick-prev {width: 50px;height: 50px;border: 1px solid #fff;font-size: 0;position: absolute;top: 50%;left: 30px;z-index: 1;transform: translateY(-50%);background: url(../img/left-arrow.png) no-repeat center center;}

.gallery_banner-inner button.slick-next {width: 50px;height: 50px;border: 1px solid #fff;font-size: 0;position: absolute;top: 50%;right: 30px;z-index: 1;transform: translateY(-50%);background: url(../img/right-arrow.png) no-repeat center center;}
.gallery_banner-inner .slick-dots{position: absolute;z-index: 5;left: 0;bottom: 50px;display: flex;align-items: center;justify-content: center;width: 100%;}
.gallery_banner-inner .slick-dots li.slick-active {border: 1px solid #fff;margin-right: 10px;width: 25px;height: 25px;border-radius: 50%;position: relative;}
.gallery_banner-inner .slick-dots li {background: none;width: 25px;height: 25px;position: relative;}
.gallery_banner-inner .slick-dots li button {display: inline-block;font-size: 0;border: 0;background: #fff;width: 8px;height: 8px;cursor: pointer;position: absolute;top: 7px;left: 7px;transform: rotate(45deg);}
.gallery_banner-inner .slick-dots li button {display: inline-block;font-size: 0;border: 0;background: #fff;width: 8px;height: 8px;cursor: pointer;position: absolute;top: 7px;left: 7px;transform: rotate(45deg);}
.gallery_banner-inner .slick-dots li.slick-active button {background: #fff;}

.content.everything{    position: absolute;right: 100px;top: 100px;left: auto;}
.content.everything h1{color: #fff;font-size: 35px;text-align:right;}
li.middle-arrow{margin-bottom:20px;}
.top-logo{/*margin-top: 3.472vw;*/margin-top: 1vw;margin-left: calc(3.472vw - 15px);position: fixed;z-index: 11;
width: 20%;}
.top-logo img{
    width: 50%;
}

/* menu */

.is__native.y__scroll{
    overflow-y:scroll;
    overflow-x:hidden
}
.a__scroll{
    top:0;
    left:0;
    right:0;
    z-index:1;
    width:100%;
    height:auto;
    margin:auto;
    position:fixed;
    will-change:transform
}
.a__device .a__scroll{
    top:unset;
    left:unset;
    right:unset;
    position:relative
}
.a__container{
    width:1px;
    pointer-events:none
}
.a__container,section{
    position:relative
}
.image__src{
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute
}
.js__modal{
    cursor:pointer
}
.js__parallax{
    will-change:transform;
    backface-visibility:hidden
}
.a__main{
    width:100vw;
    overflow:hidden
}
.is-scrolling{
    pointer-events:none
}
.js__split span{
    position:relative;
    display:inline-block;
    will-change:transform
}
::-webkit-scrollbar{
    display:none!important;
    color:#fff!important;
    height:0!important;
    width:0!important
}
.heading__xxl{
    font-size:9.028vw;
    font-weight:400;
    line-height:9.028vw;
    letter-spacing:-.2vw;
}
.a__menu.is__active .reserved a {
    border-right: 1px solid #fff;
}
.a__menu.is__active .reserved a {
    color: #fff;
}
@media only screen and (max-width:580px){
    .heading__xxl{
        font-size:14.667vw;
        line-height:14.667vw
    }
}
@media only screen and (max-width:580px){
    .heading__xxl br{
        display:none
    }
}
.heading__xl{
    font-size:6.25vw;
    font-weight:400;
    line-height:6.25vw;
    letter-spacing:-.18vw;
   
}
@media only screen and (max-width:580px){
    .heading__xl{
        font-size:14.667vw;
        line-height:14.667vw
    }
}
.heading__l,.modal__text h2{
    font-size:3.472vw;
    font-weight:400;
    letter-spacing:-.061vw;
}
@media only screen and (max-width:580px){
    .heading__l,.modal__text h2{
        font-size:7.467vw
    }
}
.count__l{
    width:1.9vw;
    font-size:3.472vw;
    font-weight:400;
    line-height:3.958vw;
    letter-spacing:-.061vw;
}
@media only screen and (max-width:580px){
    .count__l{
        font-size:13.333vw;
        line-height:9.333vw
    }
}
.count__s{
    line-height:4vw;
    font-size:1.042vw
}
@media only screen and (max-width:580px){
    .count__s{
        font-size:2.933vw;
        line-height:9.333vw
    }
}
.count__s:before{
    content:"/";
    padding:0 .2vw
}
@media only screen and (max-width:580px){
    .count__s:before{
        padding:0 1vw 0 6vw
    }
}
.heading__r,.modal__text h3{
    font-size:2.083vw;
    font-weight:400;
    line-height:2.083vw;
    letter-spacing:-.002vw;
}
@media only screen and (max-width:580px){
    .heading__r,.modal__text h3{
        font-size:7.467vw;
        line-height:8.533vw
    }
}
.heading__s{
    font-size:1.389vw;
    font-weight:400;
    line-height:1.389vw;
    letter-spacing:-.001vw;
}
.heading__m,.s__tab .tab__nav .list__item{
    font-size:1.111vw;
    font-weight:400;
    line-height:1.111vw;
    letter-spacing:.15vw;
    text-transform:uppercase;
}
@media only screen and (max-width:580px){
    .heading__m,.s__tab .tab__nav .list__item{
        font-size:4vw;
        line-height:4vw
    }
}
.marquee__r{
    color:#ff4338;
    font-size:27.778vw;
    font-weight:400;
    line-height:27.778vw;
    letter-spacing:-.5vw;
}
@media only screen and (max-width:580px){
    .marquee__r{
        font-size:38.667vw;
        line-height:38.667vw
    }
}
.blockquote__r{
    font-size:2.083vw;
    font-style:italic;
    font-weight:400;
    line-height:2.917vw;
    font-family:Roos St Regis Text
}
.a__menu .menu__button,.a__nav .sub__item,.chapeau__r{
    font-weight:500;
    font-size:.764vw;
    line-height:.764vw;
    letter-spacing:.208vw;
    text-transform:uppercase;
    margin-bottom:3.472vw
}
@media only screen and (max-width:580px){
    .a__menu .menu__button,.a__nav .sub__item,.chapeau__r{
        font-size:2.933vw;
        line-height:2.933vw;
        margin-bottom:8vw
    }
}
.divider__r{
    height:1px;
    width:8.33vw;
    margin:2.8vw 0;
    background:#ff4338;
    text-align:left
}
@media only screen and (max-width:580px){
    .divider__r{
        width:16.533vw;
        margin:6.667vw 0
    }
}
.divider__s{
    height:1px;
    width:5.556vw;
    margin:2.8vw 0;
    background:#ff4338
}
.paragraph__l{
    font-weight:400;
    font-size:1.389vw;
    line-height:2.222vw;
    letter-spacing:.056vw
}
@media only screen and (max-width:580px){
    .paragraph__l{
        font-size:4.8vw;
        line-height:7.2vw
    }
}
.a__nav .contact__item,.modal__head p,.modal__text li,.modal__text p,.modal__text td,.modal__text th,.paragraph__r,.s__partnerships .partners__partner p,.s__rooms .categories__category p,.s__tab li,.s__tab p{
    font-weight:300;
    font-size:1.042vw;
    line-height:1.875vw;
    letter-spacing:.05vw
}
@media only screen and (max-width:580px){
    .a__nav .contact__item,.modal__head p,.modal__text li,.modal__text p,.modal__text td,.modal__text th,.paragraph__r,.s__partnerships .partners__partner p,.s__rooms .categories__category p,.s__tab li,.s__tab p{
        font-size:4vw;
        line-height:6.4vw
    }
}
.link__r{
    font-weight:300;
    font-size:1.042vw;
    line-height:1.875vw;
    letter-spacing:.05vw
}
@media only screen and (max-width:580px){
    .link__r{
        font-size:4vw;
        line-height:6.4vw
    }
}
.link__r:before{
    left:0;
    bottom:0;
    content:"";
    width:100%;
    height:1px;
    position:absolute;
    background:#000;
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s ease-out
}
.link__r:hover:before{
    transform:scaleX(1);
    transform-origin:left
}
.button__b{
    color:#fff;
    cursor:pointer;
    width:12.153vw;
    height:3.819vw;
    background:#ff4338;
    font-weight:500;
    font-size:.764vw;
    text-align:center;
    line-height:4vw;
    display:inline-block;
    letter-spacing:.208vw;
    text-transform:uppercase
}
@media only screen and (max-width:580px){
    .button__b{
        width:42.667vw;
        height:13.333vw;
        font-size:2.933vw;
        line-height:13.333vw
    }
}
.button__c{
    width:5.833vw;
    height:5.833vw;
    z-index:5;
    cursor:pointer;
    appearance:none;
    position:absolute;
    background:transparent;
    border:1px solid rgba(58,54,54,.2);
    background-size:1.389vw;
    background-position:50%;
    background-repeat:no-repeat;
    background-image:url(../img/icon-close.svg)
}
@media only screen and (max-width:580px){
    .button__c{
        top:8.33vw;
        right:8.33vw;
        width:13.333vw;
        height:13.333vw;
        background-size:4vw
    }
}
.button__r{
    height:2.778vw;
    line-height:2.778vw;
    color:#ff4338;
    display:block;
    cursor:pointer;
    position:relative;
    padding-left:3.5vw;
    font-weight:500;
    font-size:.764vw;
    letter-spacing:.208vw;
    text-transform:uppercase
}
@media only screen and (max-width:580px){
    .button__r{
        height:8vw;
        line-height:8vw;
        font-size:2.933vw;
        padding-left:9vw
    }
}
.button__r:hover svg{
    fill:#fff;
    transform:translateX(.3vw)
}
.button__r:hover svg rect{
    transform:scaleX(.5)
}
.button__r:hover span{
    transform:translateX(.5vw)
}
.button__r:hover:after,.button__r:hover:before{
    transform:rotate(-45deg) scale(1.2)
}
.button__r:after,.button__r:before,.button__r span{
    display:block;
    will-change:transform;
    transition:transform .25s ease-out
}
.button__r:after,.button__r:before{
    left:0;
    top:.27vw;
    width:1.944vw;
    height:1.944vw;
    content:"";
    position:absolute;
    transform:rotate(45deg)
}
.button__r svg{
    top:.95vw;
    left:-.95vw;
    width:2.153vw;
    height:.556vw;
    fill:#ff4338;
    z-index:1;
    position:absolute;
    transition:all .25s ease-out
}
@media only screen and (max-width:580px){
    .button__r svg{
        top:2.2vw;
        left:-3vw;
        width:6.667vw;
        height:2.667vw
    }
}
.button__r svg rect{
    will-change:transform;
    transform-origin:right center;
    transition:transform .25s ease-out
}
.button__r:after{
    background:#ff4338;
    transform:scale(.01) rotate(45deg)
}
@media only screen and (max-width:580px){
    .button__r:after{
        top:1vw;
        width:5.333vw;
        height:5.333vw
    }
}
.button__r:before{
    border:1px solid #ff4338
}
@media only screen and (max-width:580px){
    .button__r:before{
        top:1vw;
        width:5.333vw;
        height:5.333vw
    }
}
.bullets__list{
    display:flex
}
.bullets__list .list__item{
    width:2.083vw;
    height:2.083vw;
    display:block;
    cursor:pointer;
    position:relative;
    border-radius:100%;
    margin-right:.694vw;
    text-indent:4vw;
    font-size:1.389vw;
    line-height:2.083vw;
    letter-spacing:-.005vw;
    font-family:Roos St Regis Display
}
@media only screen and (max-width:580px){
    .bullets__list .list__item{
        width:6.667vw;
        height:6.667vw;
        margin-right:1.867vw
    }
}
.bullets__list .list__item svg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute;
    transform:rotate(-90deg)
}
.bullets__list .list__item svg circle{
    fill:none;
    stroke:#ff4338;
    stroke-width:1;
    stroke-miterlimit:10;
    stroke-dasharray:100;
    stroke-dashoffset:100
}
@keyframes timer{
    to{
        stroke-dashoffset:0
    }
}
.bullets__list .list__item:last-of-type{
    margin-right:0
}
.bullets__list .list__item:before{
    top:50%;
    left:50%;
    content:"";
    width:.486vw;
    height:.486vw;
    position:absolute;
    background:#ccc;
    transform:translate(-50%,-50%) rotate(45deg)
}
@media only screen and (max-width:580px){
    .bullets__list .list__item:before{
        width:1.467vw;
        height:1.467vw
    }
}
.bullets__list .list__item.is__active:before{
    background:#fff
}
.bullets__list .list__item.is__active svg circle{
    animation:timer 8s linear forwards
}
.s__album{
    position:relative;
    margin:0 16.667vw 17.361vw
}
@media only screen and (max-width:580px){
    .s__album{
        margin:0 8vw 26.667vw
    }
}
.a__nav .s__album .contact__item,.modal__head .s__album p,.modal__text .s__album li,.modal__text .s__album p,.modal__text .s__album td,.modal__text .s__album th,.s__album .a__nav .contact__item,.s__album .modal__head p,.s__album .modal__text li,.s__album .modal__text p,.s__album .modal__text td,.s__album .modal__text th,.s__album .paragraph__r,.s__album .s__partnerships .partners__partner p,.s__album .s__rooms .categories__category p,.s__album .s__tab li,.s__album .s__tab p,.s__partnerships .partners__partner .s__album p,.s__rooms .categories__category .s__album p,.s__tab .s__album li,.s__tab .s__album p{
    position:relative;
    margin-top:3.472vw;
    padding:0 11.111vw 0 16.667vw
}
@media only screen and (max-width:580px){
    .a__nav .s__album .contact__item,.modal__head .s__album p,.modal__text .s__album li,.modal__text .s__album p,.modal__text .s__album td,.modal__text .s__album th,.s__album .a__nav .contact__item,.s__album .modal__head p,.s__album .modal__text li,.s__album .modal__text p,.s__album .modal__text td,.s__album .modal__text th,.s__album .paragraph__r,.s__album .s__partnerships .partners__partner p,.s__album .s__rooms .categories__category p,.s__album .s__tab li,.s__album .s__tab p,.s__partnerships .partners__partner .s__album p,.s__rooms .categories__category .s__album p,.s__tab .s__album li,.s__tab .s__album p{
        margin-top:8vw;
        padding:0 0 0 25.333vw
    }
}
.a__nav .s__album .contact__item:before,.modal__head .s__album p:before,.modal__text .s__album li:before,.modal__text .s__album p:before,.modal__text .s__album td:before,.modal__text .s__album th:before,.s__album .a__nav .contact__item:before,.s__album .modal__head p:before,.s__album .modal__text li:before,.s__album .modal__text p:before,.s__album .modal__text td:before,.s__album .modal__text th:before,.s__album .paragraph__r:before,.s__album .s__partnerships .partners__partner p:before,.s__album .s__rooms .categories__category p:before,.s__album .s__tab li:before,.s__album .s__tab p:before,.s__partnerships .partners__partner .s__album p:before,.s__rooms .categories__category .s__album p:before,.s__tab .s__album li:before,.s__tab .s__album p:before{
    left:0;
    top:.5vw;
    height:1px;
    width:6.944vw;
    content:"";
    background:#ff4338;
    position:absolute
}
@media only screen and (max-width:580px){
    .a__nav .s__album .contact__item:before,.modal__head .s__album p:before,.modal__text .s__album li:before,.modal__text .s__album p:before,.modal__text .s__album td:before,.modal__text .s__album th:before,.s__album .a__nav .contact__item:before,.s__album .modal__head p:before,.s__album .modal__text li:before,.s__album .modal__text p:before,.s__album .modal__text td:before,.s__album .modal__text th:before,.s__album .paragraph__r:before,.s__album .s__partnerships .partners__partner p:before,.s__album .s__rooms .categories__category p:before,.s__album .s__tab li:before,.s__album .s__tab p:before,.s__partnerships .partners__partner .s__album p:before,.s__rooms .categories__category .s__album p:before,.s__tab .s__album li:before,.s__tab .s__album p:before{
        width:16.533vw
    }
}
.s__album .button__r{
    margin-right:5.556vw;
    display:inline-block
}
@media only screen and (max-width:580px){
    .s__album .button__r{
        margin-bottom:4vw;
        margin-right:12.556vw
    }
}
.s__album .button__r:last-child{
    margin-right:0
}
.s__album .album__links{
    text-align:center
}
@media only screen and (max-width:580px){
    .s__album .album__links{
        text-align:left
    }
}
.s__album .album__logo{
    left:50%;
    top:3.472vw;
    z-index:5;
    width:10.417vw;
    height:8.333vw;
    position:absolute;
    transform:translateX(-50%);
    background-repeat:no-repeat;
    background-position:50%;
    background-image:url(../img/st-regis-black.html)
}
@media only screen and (max-width:580px){
    .s__album .album__logo{
        top:21.333vw;
        width:33.333vw;
        height:26.667vw
    }
}
.s__album .album__heading{
    padding-top:21.528vw;
    margin-left:11.111vw;
    margin-bottom:5.556vw
}
@media only screen and (max-width:580px){
    .s__album .album__heading{
        margin-left:0;
        padding-top:70.528vw;
        margin-bottom:10.667vw
    }
}
.s__album .album__image{
    width:66.667vw;
    height:37.153vw;
    display:block;
    position:relative;
    margin-bottom:5.556vw
}
@media only screen and (max-width:580px){
    .s__album .album__image{
        width:100%;
        height:47.153vw;
        margin-bottom:10.667vw
    }
}
.a__background{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:fixed;
    will-change:background-color;
    transition:background-color .5s cubic-bezier(.25,.25,.75,.75)
}
[class*=__color]{
    top:50%;
    height:1px;
    width:100%;
    position:absolute
}
.a__cursor{
    opacity:0;
    z-index:99;
    width:6.458vw;
    height:6.458vw;
    position:fixed;
    pointer-events:none
}
@media only screen and (max-width:580px){
    .a__cursor{
        display:none
    }
}
.a__cursor .cursor__shape{
    background:#fff;
    transform:rotate(45deg);
    box-shadow:0 0 35px -25px rgba(0,0,0,.75)
}
.a__cursor .cursor__icon,.a__cursor .cursor__shape{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute
}
.a__cursor .cursor__icon{
    transform:rotate(-45deg);
    background-size:2.153vw;
    background-repeat:no-repeat;
    background-position:50%;
    background-image:url(../img/icon-arrow.svg)
}
.a__cursor .cursor__icon.icon__drag{
    background-size:3.153vw;
    background-image:url(../img/icon-drag.svg)
}
.s__hotel-pillars{
    margin:0 11.111vw
}
@media only screen and (max-width:580px){
    .s__hotel-pillars{
        margin:0 8.533vw
    }
}
.a__menu .s__hotel-pillars .menu__button,.a__nav .s__hotel-pillars .sub__item,.s__hotel-pillars .a__menu .menu__button,.s__hotel-pillars .a__nav .sub__item,.s__hotel-pillars .chapeau__r,.s__hotel-pillars .heading__xxl{
    margin-left:3.472vw
}
@media only screen and (max-width:580px){
    .s__hotel-pillars .heading__xl{
        font-size:7.467vw;
        line-height:8.533vw
    }
}
.a__menu .s__hotel-pillars .menu__button,.a__nav .s__hotel-pillars .sub__item,.s__hotel-pillars .a__menu .menu__button,.s__hotel-pillars .a__nav .sub__item,.s__hotel-pillars .chapeau__r{
    margin-bottom:4.167vw
}
.a__nav .s__hotel-pillars .contact__item,.modal__head .s__hotel-pillars p,.modal__text .s__hotel-pillars li,.modal__text .s__hotel-pillars p,.modal__text .s__hotel-pillars td,.modal__text .s__hotel-pillars th,.s__hotel-pillars .a__nav .contact__item,.s__hotel-pillars .modal__head p,.s__hotel-pillars .modal__text li,.s__hotel-pillars .modal__text p,.s__hotel-pillars .modal__text td,.s__hotel-pillars .modal__text th,.s__hotel-pillars .paragraph__r,.s__hotel-pillars .s__partnerships .partners__partner p,.s__hotel-pillars .s__rooms .categories__category p,.s__hotel-pillars .s__tab li,.s__hotel-pillars .s__tab p,.s__partnerships .partners__partner .s__hotel-pillars p,.s__rooms .categories__category .s__hotel-pillars p,.s__tab .s__hotel-pillars li,.s__tab .s__hotel-pillars p{
    position:relative;
    margin-top:3.472vw;
    padding:0 38.889vw 0 11.111vw
}
@media only screen and (max-width:580px){
    .a__nav .s__hotel-pillars .contact__item,.modal__head .s__hotel-pillars p,.modal__text .s__hotel-pillars li,.modal__text .s__hotel-pillars p,.modal__text .s__hotel-pillars td,.modal__text .s__hotel-pillars th,.s__hotel-pillars .a__nav .contact__item,.s__hotel-pillars .modal__head p,.s__hotel-pillars .modal__text li,.s__hotel-pillars .modal__text p,.s__hotel-pillars .modal__text td,.s__hotel-pillars .modal__text th,.s__hotel-pillars .paragraph__r,.s__hotel-pillars .s__partnerships .partners__partner p,.s__hotel-pillars .s__rooms .categories__category p,.s__hotel-pillars .s__tab li,.s__hotel-pillars .s__tab p,.s__partnerships .partners__partner .s__hotel-pillars p,.s__rooms .categories__category .s__hotel-pillars p,.s__tab .s__hotel-pillars li,.s__tab .s__hotel-pillars p{
        padding:0 0 0 25.333vw
    }
}
.a__nav .s__hotel-pillars .contact__item:before,.modal__head .s__hotel-pillars p:before,.modal__text .s__hotel-pillars li:before,.modal__text .s__hotel-pillars p:before,.modal__text .s__hotel-pillars td:before,.modal__text .s__hotel-pillars th:before,.s__hotel-pillars .a__nav .contact__item:before,.s__hotel-pillars .modal__head p:before,.s__hotel-pillars .modal__text li:before,.s__hotel-pillars .modal__text p:before,.s__hotel-pillars .modal__text td:before,.s__hotel-pillars .modal__text th:before,.s__hotel-pillars .paragraph__r:before,.s__hotel-pillars .s__partnerships .partners__partner p:before,.s__hotel-pillars .s__rooms .categories__category p:before,.s__hotel-pillars .s__tab li:before,.s__hotel-pillars .s__tab p:before,.s__partnerships .partners__partner .s__hotel-pillars p:before,.s__rooms .categories__category .s__hotel-pillars p:before,.s__tab .s__hotel-pillars li:before,.s__tab .s__hotel-pillars p:before{
    left:0;
    top:.5vw;
    height:1px;
    width:6.944vw;
    content:"";
    background:#ff4338;
    position:absolute
}
@media only screen and (max-width:580px){
    .a__nav .s__hotel-pillars .contact__item:before,.modal__head .s__hotel-pillars p:before,.modal__text .s__hotel-pillars li:before,.modal__text .s__hotel-pillars p:before,.modal__text .s__hotel-pillars td:before,.modal__text .s__hotel-pillars th:before,.s__hotel-pillars .a__nav .contact__item:before,.s__hotel-pillars .modal__head p:before,.s__hotel-pillars .modal__text li:before,.s__hotel-pillars .modal__text p:before,.s__hotel-pillars .modal__text td:before,.s__hotel-pillars .modal__text th:before,.s__hotel-pillars .paragraph__r:before,.s__hotel-pillars .s__partnerships .partners__partner p:before,.s__hotel-pillars .s__rooms .categories__category p:before,.s__hotel-pillars .s__tab li:before,.s__hotel-pillars .s__tab p:before,.s__partnerships .partners__partner .s__hotel-pillars p:before,.s__rooms .categories__category .s__hotel-pillars p:before,.s__tab .s__hotel-pillars li:before,.s__tab .s__hotel-pillars p:before{
        width:16.533vw
    }
}
.s__hotel-pillars .hotel-pillars__slider{
    cursor:none;
    position:relative;
}
@media only screen and (max-width:580px){
    .s__hotel-pillars .hotel-pillars__slider{
       
    }
}
.s__hotel-pillars .slider__count{
    top:50%;
    left:-5.556vw;
    height:3.472vw;
    line-height:3.472vw;
    display:flex;
    position:absolute;
    transform:translateY(-50%)
}
@media only screen and (max-width:580px){
    .s__hotel-pillars .slider__count{
        top:unset;
        left:unset;
        height:9.333vw;
        line-height:9.333vw;
        margin-top:8vw;
        transform:unset;
        position:relative
    }
}
.s__hotel-pillars .slider__next,.s__hotel-pillars .slider__prev{
    z-index:5;
    width:50%;
    height:100%;
    position:absolute
}
@media only screen and (max-width:580px){
    .s__hotel-pillars .slider__next,.s__hotel-pillars .slider__prev{
        display:none
    }
}
.s__hotel-pillars .slider__prev{
    left:0
}
.s__hotel-pillars .slider__next{
    right:0
}
.s__hotel-pillars .slider__container{
    position:relative
}
.s__hotel-pillars .slider__large{
    width:55.556vw;
    height:59.028vw;
    overflow:hidden;
    position:relative
}
@media only screen and (max-width:580px){
    .s__hotel-pillars .slider__large{
        width:66.4vw;
        height:70.667vw
    }
}
.s__hotel-pillars .slider__small{
    top:50%;
    right:-25vw;
    width:41.667vw;
    height:41.667vw;
    overflow:hidden;
    position:absolute;
    transform:translateY(-50%)
}
@media only screen and (max-width:580px){
    .s__hotel-pillars .slider__small{
        right:-39vw;
        width:42.667vw;
        height:42.667vw
    }
}
.s__hotel-pillars .slider__mask,.s__hotel-pillars .slider__slide{
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute
}
.s__hotel-pillars .slider__slide{
    will-change:transform;
    backface-visibility:hidden
}
.s__hotel-pillars .slider__mask{
    perspective:3000px
}
.s__hotel-pillars .slider__text{
    left:5.556vw;
    bottom:5.556vw;
    z-index:2;
    color:#fff;
    position:absolute;
    will-change:transform;
    backface-visibility:hidden
}
@media only screen and (max-width:580px){
    .s__hotel-pillars .slider__text{
        left:5.333vw;
        bottom:5.333vw
    }
}
.s__hotel-pillars .slider__image{
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    background:#000;
    position:absolute
}
.s__hotel-pillars .slider__image .image__src{
    will-change:transform;
    backface-visibility:hidden
}
.s__hotel-pillars .slider__image:before{
    top:0;
    left:0;
    z-index:1;
    content:"";
    opacity:.5;
    width:100%;
    height:100%;
    position:absolute;
    background:linear-gradient(180deg,transparent 30%,#000);
    backface-visibility:hidden
}
.s__image{
    width:100%;
    height:58.681vw;
    position:relative;
    margin:16.667vw 0
}
@media only screen and (max-width:580px){
    .s__image{
        margin:26.667vw 0
    }
}
.s__image .image__pattern{
    top:-4.16vw;
    left:11.111vw;
    width:8.333vw;
    height:8.333vw;
    z-index:1;
    position:absolute;
    background-size:100%;
    background-repeat:repeat;
    background-image:url(../img/pattern-diamond.html)
}
@media only screen and (max-width:580px){
    .s__image .image__pattern{
        left:8vw;
        top:-10vw;
        width:16vw;
        height:16vw
    }
}
.s__image .image__mask{
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#fff;
    position:absolute
}
.s__image .image__src{
    top:-15%;
    height:110%
}
.s__instagram{
    width:100%;
    overflow:hidden;
    margin:17.361vw 0;
    position:relative
}
@media only screen and (max-width:580px){
    .s__instagram{
        margin:26.667vw 0
    }
}
.modal__text .s__instagram h3,.s__instagram .heading__r,.s__instagram .modal__text h3{
    right:0;
    bottom:4.167vw;
    position:absolute
}
@media only screen and (max-width:580px){
    .modal__text .s__instagram h3,.s__instagram .heading__r,.s__instagram .modal__text h3{
        bottom:-14.5vw;
        font-size:5.333vw
    }
}
.modal__text .s__instagram h3:before,.s__instagram .heading__r:before,.s__instagram .modal__text h3:before{
    left:0;
    bottom:0;
    content:"";
    width:100%;
    height:1px;
    background:#ff4338;
    position:absolute;
    transform:scaleX(0);
    transform-origin:right;
    backface-visibility:hidden;
    transition:transform .4s ease-out
}
@media only screen and (max-width:580px){
    .modal__text .s__instagram h3:before,.s__instagram .heading__r:before,.s__instagram .modal__text h3:before{
        display:none
    }
}
.modal__text .s__instagram h3:hover:before,.s__instagram .heading__r:hover:before,.s__instagram .modal__text h3:hover:before{
    transform:scaleX(1);
    transform-origin:left
}
.s__instagram .instagram__heading{
    position:relative;
    margin:0 16.66vw 6.944vw
}
@media only screen and (max-width:580px){
    .s__instagram .instagram__heading{
        margin:0 8vw 21.333vw
    }
}
.s__instagram .instagram__dragger{
    cursor:none;
    display:flex
}
.s__instagram .instagram__image{
    display:flex;
    flex-shrink:0;
    background:#fff;
    position:relative;
    margin-right:5.556vw
}
@media only screen and (max-width:580px){
    .s__instagram .instagram__image{
        margin-right:8vw
    }
}
.s__instagram .instagram__image:last-of-type{
    margin-right:0
}
.s__instagram .instagram__image:nth-child(4n+1){
    width:33.333vw;
    height:33.333vw
}
@media only screen and (max-width:580px){
    .s__instagram .instagram__image:nth-child(4n+1){
        width:64vw;
        height:64vw
    }
}
.s__instagram .instagram__image:nth-child(4n+2){
    width:22.222vw;
    height:22.222vw;
    margin-top:19.375vw
}
@media only screen and (max-width:580px){
    .s__instagram .instagram__image:nth-child(4n+2){
        width:41.6vw;
        height:41.6vw;
        margin-top:38.667vw
    }
}
.s__instagram .instagram__image:nth-child(4n+3){
    width:16.667vw;
    height:16.667vw;
    margin-top:5.556vw
}
@media only screen and (max-width:580px){
    .s__instagram .instagram__image:nth-child(4n+3){
        width:33.333vw;
        height:33.333vw;
        margin-top:13.867vw
    }
}
.s__instagram .instagram__image:nth-child(4n+4){
    width:27.778vw;
    height:27.778vw;
    margin-top:13.75vw
}
@media only screen and (max-width:580px){
    .s__instagram .instagram__image:nth-child(4n+4){
        width:50.133vw;
        height:50.133vw;
        margin-top:25.333vw
    }
}
.a__intro{
    width:100vw;
    z-index:99;
    position:fixed;
    background:#fff;
    text-align:center
}
.a__intro,.a__intro .intro__container{
    top:0;
    left:0;
    height:100%;
    overflow:hidden
}
.a__intro .intro__container{
    width:100%;
    position:absolute
}
.a__intro .logo__location,.a__intro .logo__wordmark{
    opacity:0;
    position:relative;
    will-change:transform
}
.a__intro .intro__logo{
    top:0;
    left:0;
    width:10.417vw;
    height:8.333vw;
    opacity:0;
    position:absolute;
    will-change:transform
}
@media only screen and (min-width: 992px)
{
.col-lg-8.contact.cntcs {

    max-width: 54.666667% !important;
    margin-left: 7% !important;
}
}
@media only screen and (max-width:580px){
    .a__intro .intro__logo{
        width:33.6vw;
        height:27.2vw
    }
}
.a__intro .logo__monogram{
    width:4.653vw;
    height:4.236vw;
    margin:0 auto
}
@media only screen and (max-width:580px){
    .a__intro .logo__monogram{
        width:15.2vw;
        height:13.867vw
    }
}
.a__intro .logo__wordmark{
    width:10.417vw;
    height:1.389vw;
    margin:.694vw 0
}
@media only screen and (max-width:580px){
    .a__intro .logo__wordmark{
        width:33.867vw;
        height:4.267vw;
        margin:4vw 0 1.667vw
    }
}
.a__intro .logo__location{
    width:3.611vw;
    height:1.255vw;
    margin:0 auto
}
@media only screen and (max-width:580px){
    .a__intro .logo__location{
        width:12vw;
        height:4.667vw
    }
}
.s__invite{
    width:100%;
    color:#fff;
    position:relative;
    margin-bottom:8.33vw
}
@media only screen and (max-width:580px){
    .s__invite{
        margin-bottom:16.66vw
    }
}
.s__invite .button__r{
    margin:auto;
    display:inline-block
}
@media only screen and (max-width:580px){
    .s__invite .button__r{
        margin-bottom:8.33vw
    }
}
.s__invite .invite__video{
    margin-top:8.33vw
}
.s__invite .invite__back{
    margin:8.33vw 0;
    text-align:center
}
.s__invite .video__src{
    width:75vw;
    margin:auto;
    border:none;
    outline:none;
    display:block;
    object-fit:cover
}
@media only screen and (max-width:580px){
    .s__invite .video__src{
        width:83.33vw
    }
}
.a__logo{
    z-index:5;
    top:3.472vw;
    left:3.472vw;
    width:4.722vw;
    height:4.306vw;
    opacity:0;
    cursor:pointer;
    position:fixed
}
@media only screen and (max-width:580px){
    .a__logo{
        display:none
    }
}
.a__logo svg{
    fill:#3a3636;
    transition:fill .25s cubic-bezier(.25,.25,.75,.75)
}
.a__logo.is__light svg{
    fill:#fff
}
.s__marquee{
    width:100%;
    overflow:hidden;
    margin:8.33vw 0;
    position:relative;
    white-space:nowrap
}
.s__marquee .marquee__container{
    width:100%;
    height:28vw;
    position:relative
}
@media only screen and (max-width:580px){
    .s__marquee .marquee__container{
        height:40vw
    }
}
.s__marquee .marquee__r{
    top:0;
    left:0;
    position:absolute;
    will-change:transform;
    backface-visibility:hidden
}
.a__menu{
    z-index:10;
    top:3.472vw;
    right:3.472vw;
    height:5.833vw;
    position:fixed;
    overflow:hidden
}
@media only screen and (max-width:580px){
    .a__menu{
        top:8vw;
        right:8vw;
        left:unset;
        width:13.333vw;
        height:13.333vw
    }
}
.a__menu .menu__bar{
    top:0;
    z-index:2;
    height:5.833vw;
    display:flex;
    color:#fff;
    position:relative;
    margin-right:5.85vw
}
@media only screen and (max-width:580px){
    .a__menu .menu__bar{
        display:none
    }
}
.a__menu .social__button{
    height:100%;
    display:flex;
    align-items:center
}
.a__menu .button__instagram{
    width:1.667vw;
    height:1.667vw;
    fill:#fff
}
.a__menu .button__instagram:hover{
    fill:#ff4338!important
}
.a__menu .menu__buttons{
    height:auto;
    overflow:hidden;
    margin-left:1.042vw
}
.a__menu .menu__language,.a__menu .menu__social{
    margin:0 1.042vw
}

.a__menu .menu__button{
    display:block;
    cursor:pointer;
    margin:0 1.042vw;
    position:relative;
    margin-bottom:unset;
    line-height:5.833vw
}
.a__menu .menu__button:before{
    left:0;
    bottom:2.2vw;
    width:100%;
    height:1px;
    content:"";
    background:#ff4338;
    position:absolute;
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s ease-out
}
.a__menu .menu__button:hover:before{
    transform:scaleX(1);
    transform-origin:left
}
.a__menu .menu__list{
    display:flex
}
.a__menu .burger__close,.a__menu .burger__open{
    top:50%;
    left:50%;
    width:2.222vw;
    z-index:2;
    overflow:hidden;
    position:absolute
}
@media only screen and (max-width:580px){
    .a__menu .burger__close,.a__menu .burger__open{
        width:5.333vw
    }
}
.a__menu .burger__open{
    transform:translate(-50%,-50%)
}
.a__menu .burger__open span{
    height:2px;
    width:2.222vw
}
@media only screen and (max-width:580px){
    .a__menu .burger__open span{
        height:1px;
        width:5.333vw
    }
}
.a__menu .burger__open span:nth-child(2){
    margin:4px 0
}
.a__menu .burger__close{
    transform:translate(-50%,-50%) rotate(45deg);
    width:1.667vw;
    height:1.667vw
}
@media only screen and (max-width:580px){
    .a__menu .burger__close{
        width:5.333vw;
        height:5.333vw
    }
}
.a__menu .burger__close span{
    position:absolute
}
.a__menu .burger__close span:first-child{
    height:2px;
    width:100%;
    top:calc(50% - 1px)
}
@media only screen and (max-width:580px){
    .a__menu .burger__close span:first-child{
        height:1px
    }
}
.a__menu .burger__close span:nth-child(2){
    width:2px;
    height:100%;
    left:calc(50% - 1px)
}
@media only screen and (max-width:580px){
    .a__menu .burger__close span:nth-child(2){
        width:1px
    }
}
.a__menu .burger__shape,.a__menu .menu__shape{
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    position:absolute;
    background:#fff
}
.a__menu .burger__outline{
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    border:1px solid hsla(0,0%,100%,.2)
}
.a__menu .menu__shape{
    width:auto;
    right:5.833vw
}
@media only screen and (max-width:580px){
    .a__menu .menu__shape{
        display:none
    }
}
.a__menu .burger__shape{
    background-color:#ff4338;
    transition:background-color .25s ease-out
}
.a__menu .menu__burger{
    top:0;
    right:0;
    z-index:1;
    width:5.833vw;
    height:5.833vw;
    cursor:pointer;
    position:absolute
}
@media only screen and (max-width:580px){
    .a__menu .menu__burger{
        width:13.333vw;
        height:13.333vw
    }
}
.a__menu .menu__burger:hover .burger__shape{
    background-color:#f7382d
}
.a__menu .menu__burger span{
    display:block;
    background:#fff;
    border-radius:1px;
    will-change:transform
}
.a__nav{
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100vw;
    z-index:6;
    color:#fff;
    position:fixed;
    overflow:hidden;
    background:#3a3636;
    text-align:center;
    visibility:hidden
}
@media only screen and (max-width:580px){
    .a__nav{
        text-align:left
    }
}
.a__nav .nav__mask{
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute
}
@media only screen and (max-width:580px){
    .a__nav .nav__mask{
        right:0;
        bottom:0;
        overflow-x:hidden;
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch
    }
}
.a__nav .nav__mask::-webkit-scrollbar{
    display:none;
    color:#fff;
    height:0
}
.a__nav .nav__logo{
    left:50%;
    top:3.472vw;
    width:10.417vw;
    height:8.333vw;
    z-index:1;
    position:absolute;
    transform:translateX(-50%);
    background-repeat:no-repeat;
    background-position:50%;
    background-image:url(../img/st-regis-white.html)
}
@media only screen and (max-width:580px){
    .a__nav .nav__logo{
        top:21.333vw;
        width:33.333vw;
        height:26.667vw
    }
}
.a__nav .nav__image{
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.06;
    position:absolute;
  /*   filter:grayscale(100%); */
    will-change:transform
}
.a__nav .nav__image .image__src{
    object-position:top center
}
@media only screen and (max-width:580px){
    .a__nav .nav__image{
        display:none
    }
}
.a__nav .sub__items{
    display:none
}
@media only screen and (max-width:580px){
    .a__nav .sub__items{
        display:flex;
        position:relative;
        margin:70vw 8vw 16vw
    }
}
.a__nav .sub__item{
    opacity:.7;
    color:#fff;
    position:relative;
    line-height:8.933vw;
    margin:0 8vw 0 0
}
.a__nav .sub__item:last-of-type{
    margin:0 0 0 8vw
}
.a__nav .sub__item:last-of-type:before{
    top:0;
    left:-8vw;
    width:1px;
    height:100%;
    content:"";
    position:absolute;
    background:#fff
}
.a__nav .contact__item,.a__nav .nav__item{
    z-index:1;
    position:relative;
    display:inline-block
}
.a__nav .contact__item span,.a__nav .nav__item span{
    position:relative;
    display:inline-block
}
.a__nav .contact__item span:before,.a__nav .nav__item span:before{
    left:0;
    bottom:0;
    content:"";
    width:100%;
    height:1px;
    background:#ff4338;
    position:absolute;
    transform:scaleX(0);
    transform-origin:right;
    backface-visibility:hidden;
    transition:transform .4s ease-out
}
.a__nav .contact__item:hover span:before,.a__nav .nav__item:hover span:before{
    transform:scaleX(1);
    transform-origin:left
}
.a__nav .contact__items{
    z-index:1;
    left:22.222vw;
    right:22.222vw;
    bottom:8.333vw;
    position:absolute
}
@media only screen and (max-width:580px){
    .a__nav .contact__items{
        left:unset;
        right:unset;
        bottom:unset;
        position:relative;
        margin:13.333vw 8vw;
        padding-top:13.333vw;
        border-top:1px solid hsla(0,0%,100%,.4)
    }
}
.a__nav .contact__item{
    text-align:center;
    display:inline-block;
    margin-right:2.083vw
}
@media only screen and (max-width:580px){
    .a__nav .contact__item{
        margin-right:3vw
    }
}
@media only screen and (max-width:580px){
    .a__nav .contact__item:first-child,.a__nav .contact__item:nth-child(2){
        margin-bottom:3vw
    }
}
.a__nav .contact__item:last-of-type{
    margin-right:unset
}
.a__nav .nav__items{
    z-index:1;
    top:50%;
    left:22.222vw;
    right:22.222vw;
    text-align:center;
    position:absolute;
    transform:translateY(-50%)
}
@media only screen and (max-width:580px){
    .a__nav .nav__items{
        top:unset;
        left:unset;
        right:unset;
        transform:unset;
        text-align:left;
        position:relative;
        margin:0 8vw
    }
}
.a__nav .nav__item{
    cursor:pointer;
    margin:1.389vw 2.083vw;
    font-size:2.951vw;
    font-weight:400;
    font-family:Roos St Regis Display
}
@media only screen and (max-width:580px){
    .a__nav .nav__item{
        margin:8vw 0;
        display:block;
        font-size:9.333vw
    }
}
.a__nav .nav__item:hover{
    opacity:1
}
.a__nav .nav__item:before{
    height:2px
}
.a__nav .nav__item:last-child:after{
    display:none
}
.a__nav .nav__item:after{
    top:.05vw;
    right:-2.8vw;
    opacity:.5;
    content:"/";
    position:absolute
}
@media only screen and (max-width:580px){
    .a__nav .nav__item:after{
        display:none
    }
}
.s__tab{
    margin:0 11.111vw
}
@media only screen and (max-width:580px){
    .s__tab{
        margin:26.667vw 8vw
    }
}
.s__tab .divider__r{
    margin-left:-4.167vw
}
@media only screen and (max-width:580px){
    .s__tab .divider__r{
        margin-left:unset
    }
}
.s__tab .button__r{
    margin-top:3.472vw;
    display:inline-block
}
.s__tab .tab__heading{
    text-align:center
}
@media only screen and (max-width:580px){
    .s__tab .tab__heading{
        text-align:left
    }
}
.s__tab .tab__nav{
    margin:0 0 6.944vw ;
    position:relative;
    text-align:center
}
@media only screen and (max-width:580px){
    .s__tab .tab__nav{
        text-align:left;
        white-space:nowrap;
        margin:16vw 0 8vw
    }
}
@media only screen and (max-width:580px){
    .s__tab .tab__nav:after,.s__tab .tab__nav:before{
        top:0;
        bottom:0;
        z-index:1;
        width:8vw;
        content:"";
        height:100%;
        position:absolute
    }
}
.s__tab .tab__nav:before{
    left:-8vw;
    background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0))
}
.s__tab .tab__nav:after{
    right:-8vw;
    background:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0))
}
.s__tab .tab__nav .nav__list{
    position:relative
}
@media only screen and (max-width:580px){
    .s__tab .tab__nav .nav__list{
        width:100vw;
        overflow-x:scroll;
        transform:translateX(-8vw);
        -webkit-overflow-scrolling:touch
    }
}
@media only screen and (max-width:580px){
    .s__tab .tab__nav .nav__list::-webkit-scrollbar{
        height:1px
    }
}
.s__tab .tab__nav .nav__list::-webkit-scrollbar-thumb{
    background:transparent
}
.s__tab .tab__nav .list__item{
    height:1.389vw;
    cursor:pointer;
    margin:0 3.472vw;
    position:relative;
    line-height:1.389vw;
    display:inline-block
}
@media only screen and (max-width:580px){
    .s__tab .tab__nav .list__item{
        margin:0 4vw;
        height:5.867vw;
        line-height:5.867vw
    }
}
.s__tab .tab__nav .list__item:before{
    top:50%;
    right:-3.8vw;
    width:.486vw;
    height:.486vw;
    content:"";
    position:absolute;
    background:#ccc;
    transform:translateY(-50%) rotate(45deg)
}
@media only screen and (max-width:580px){
    .s__tab .tab__nav .list__item:before{
        top:38%;
        right:-5.3vw;
        width:1.6vw;
        height:1.6vw
    }
}
.s__tab .tab__nav .list__item:after{
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    content:"";
    background:#ff4338;
    position:absolute;
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s ease-out
}
.s__tab .tab__nav .list__item.is__active{
    pointer-events:none;
    color:#ff4338
}
.s__tab .tab__nav .list__item.is__active:after{
    transform:scaleX(1);
    transform-origin:left
}
@media only screen and (max-width:580px){
    .s__tab .tab__nav .list__item:first-of-type{
        margin-left:8vw
    }
}
@media only screen and (max-width:580px){
    .s__tab .tab__nav .list__item:last-of-type{
        margin-right:8vw
    }
}
.s__tab .tab__nav .list__item:last-of-type:before{
    display:none
}
.s__tab .tab__container{
    display:flex;
    position:relative
}
@media only screen and (max-width:580px){
    .s__tab .tab__container{
        flex-wrap:wrap
    }
}
.s__tab .tab__text{
    position:relative;
    flex-basis:33.333vw
}
@media only screen and (max-width:580px){
    .s__tab .tab__text{
        order:2;
        z-index:4;
        flex-basis:100%;
        height:123.133vw;
        background:#fff;
        margin:-8vw 8vw 0
    }
}
.s__tab .tab__text__slide{
    top:0;
    left:0;
    opacity:0;
    position:absolute;
    padding:3.472vw 5vw 3.472vw 5.556vw
}
@media only screen and (max-width:580px){
    .s__tab .tab__text__slide{
        padding:16vw 8vw
    }
}
.s__tab .tab__images{
    overflow:hidden;
    height:34.722vw;
    position:relative;
    flex-basis:38.889vw;
    margin-right:5.556vw
}
@media only screen and (max-width:580px){
    .s__tab .tab__images{
        margin-right:0;
        height:74.667vw;
        flex-basis:100%
    }
}
.s__tab .image__mask,.s__tab .tab__image__slide{
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#fff;
    position:absolute
}
.a__cursor {
	opacity: 0;
	z-index: 99;
	width: 6.458vw;
	height: 6.458vw;
	position: fixed;
	pointer-events: none
}

.a__menu {
	z-index: 10;
	/*top: 3.472vw;*/
	top: 1vw;
	right: 3.472vw;
	height: 5.833vw;
	position: fixed;
	overflow: hidden;
	box-shadow: none !important;
}

.a__menu .menu__bar {
	top: 0;
	z-index: 2;
	height: 5.833vw;
	display: flex;
	color: #fff;
	position: relative;
	margin-right: 5.85vw;
}

.a__menu .burger__close,
.a__menu .burger__open {
	top: 50%;
	left: 50%;
	width: 2.222vw;
	z-index: 2;
	overflow: hidden;
	position: absolute
}

@media only screen and (max-width:580px) {
	.a__menu .burger__close,
	.a__menu .burger__open {
		width: 5.333vw
	}
}

.a__menu .burger__open {
	transform: translate(-50%, -50%)
}

.a__menu .burger__open span {
	height: 2px;
	width: 2.222vw
}

@media only screen and (max-width:580px) {
	.a__menu .burger__open span {
		height: 1px;
		width: 5.333vw
	}
}

.a__menu .burger__open span:nth-child(2) {
	margin: 4px 0
}

.a__menu .burger__close {
	transform: translate(-50%, -50%) rotate(45deg);
	width: 1.667vw;
	height: 1.667vw
}

@media only screen and (max-width:580px) {
	.a__menu .burger__close {
		width: 5.333vw;
		height: 5.333vw
	}
}

.a__menu .burger__close span {
	position: absolute
}

.a__menu .burger__close span:first-child {
	height: 2px;
	width: 100%;
	top: calc(50% - 1px)
}

@media only screen and (max-width:580px) {
	.a__menu .burger__close span:first-child {
		height: 1px
	}
}

.a__menu .burger__close span:nth-child(2) {
	width: 2px;
	height: 100%;
	left: calc(50% - 1px)
}

@media only screen and (max-width:580px) {
	.a__menu .burger__close span:nth-child(2) {
		width: 1px
	}
}

.a__menu .burger__shape,
.a__menu .menu__shape {
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: transparent;
}

.a__menu .burger__outline {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	border: 1px solid hsla(0, 0%, 100%, .2)
}

.a__menu .menu__shape {
	width: auto;
	right: 5.833vw
}

@media only screen and (max-width:580px) {
	.a__menu .menu__shape {
		display: none
	}
}

.a__menu .burger__shape {
	background-color: #cc9933;
	transition: background-color .25s ease-out
}

.a__menu .menu__burger {
	top: 0;
	right: 0;
	z-index: 1;
	width: 54px;
	height: 54px;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
}

@media only screen and (max-width:580px) {
	.a__menu .menu__burger {
		width: 13.333vw;
		height: 13.333vw
	}
}

.a__menu .menu__burger:hover .burger__shape {
	background-color: #fbb517;
}

.a__menu .menu__burger span {
	display: block;
	background: #fff;
	border-radius: 1px;
	will-change: transform
}

.a__nav {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	z-index: 6;
	color: #fff;
	position: fixed;
	overflow: hidden;
	background: #3a3636;
	text-align: center;
	visibility: hidden
}

@media only screen and (max-width:580px) {
	.a__nav {
		text-align: left
	}
}

.a__nav .nav__mask {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute
}

@media only screen and (max-width:580px) {
	.a__nav .nav__mask {
		right: 0;
		bottom: 0;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch
	}
}

.a__nav .nav__mask::-webkit-scrollbar {
	display: none;
	color: #fff;
	height: 0
}

.a__nav .nav__logo {
	left: 50%;
	top: 3.472vw;
	width: 10.417vw;
	height: 8.333vw;
	z-index: 1;
	position: absolute;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-position: 50%;
	background-image: url(../img/st-regis-white.html)
}

@media only screen and (max-width:580px) {
	.a__nav .nav__logo {
		top: 21.333vw;
		width: 33.333vw;
		height: 26.667vw
	}
}

.a__nav .nav__image {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* opacity: .06; */
	    opacity: 1 !important;
	position: absolute;
	/* filter: grayscale(100%); */
	will-change: transform
}

.a__nav .nav__image .image__src {
	object-position: top center
}

@media only screen and (max-width:580px) {
	.a__nav .nav__image {
		display: none
	}
}

.a__nav .sub__items {
	display: none
}

@media only screen and (max-width:580px) {
	.a__nav .sub__items {
		display: flex;
		position: relative;
		margin: 70vw 8vw 16vw
	}
}

.a__nav .sub__item {
	opacity: .7;
	color: #fff;
	position: relative;
	line-height: 8.933vw;
	margin: 0 8vw 0 0
}

.a__nav .sub__item:last-of-type {
	margin: 0 0 0 8vw
}

.a__nav .sub__item:last-of-type:before {
	top: 0;
	left: -8vw;
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	background: #fff
}

.a__nav .contact__item,
.a__nav .nav__item {
	z-index: 1;
	position: relative;
	display: inline-block
}

.a__nav .contact__item span,
.a__nav .nav__item span {
	position: relative;
	display: inline-block
}

.a__nav .contact__item span:before,
.a__nav .nav__item span:before {
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: #cc9933;
	position: absolute;
	transform: scaleX(0);
	transform-origin: right;
	backface-visibility: hidden;
	transition: transform .4s ease-out
}

.a__nav .contact__item:hover span:before,
.a__nav .nav__item:hover span:before {
	transform: scaleX(1);
	transform-origin: left
}

.a__nav .contact__items {
	z-index: 1;
	left: 22.222vw;
	right: 22.222vw;
	bottom: 50px;
	position: absolute
}

@media only screen and (max-width:580px) {
	.a__nav .contact__items {
		left: unset;
		right: unset;
		bottom: unset;
		position: relative;
		margin: 13.333vw 8vw;
		padding-top: 13.333vw;
		border-top: 1px solid hsla(0, 0%, 100%, .4)
	}
}

.a__nav .contact__item {
	text-align: center;
	display: inline-block;
	margin-right: 2.083vw;
}

@media only screen and (max-width:580px) {
	.a__nav .contact__item {
		margin-right: 3vw;
	}
}

@media only screen and (max-width:580px) {
	.a__nav .contact__item:first-child,
	.a__nav .contact__item:nth-child(2) {
		margin-bottom: 3vw;
	}
}

.a__nav .contact__item:last-of-type {
	margin-right: unset
}

.a__nav .nav__items {
	z-index: 1;
	top: 40%;
	left: 22.222vw;
	right: 22.222vw;
	text-align: center;
	position: absolute;
	transform: translateY(-50%);
}

@media only screen and (max-width:580px) {
	.a__nav .nav__items {
		top: unset;
		left: unset;
		right: unset;
		transform: unset;
		text-align: left;
		position: relative;
		margin: 0 8vw;
	}
}

.a__nav .nav__item {
	cursor: pointer;
	margin: 0 2.083vw 0;
	font-size: 60px;
	font-weight: 400;
	font-family: Roos St Regis Display;
}

@media only screen and (max-width:580px) {
	.a__nav .nav__item {
		margin: 8vw 0;
		display: block;
		font-size: 9.333vw;
	}
}

.a__nav .nav__item:hover {
	opacity: 1;
}

.a__nav .nav__item:before {
	height: 2px;
}

.a__nav .nav__item:last-child:after {
	display: none;
}

.a__nav .nav__item:after {
	top: .05vw;
	right: -2.8vw;
	opacity: .5;
	content: "/";
	position: absolute;
	color:#fbb517;
}

.reserved a{color:#000;}
.reserved.white a{color:#fff;}
.w-header .searved{display:none;}
.w-header .top-logo{display:none;}
.top-logo.mblogo{display:none;}
.reserved a{border-right:1px solid #000;}
.slider__text .heading__xl{color:#fff;}
.book{margin-top: 3%;
margin-bottom: 5%;}

.ftr_abv_sc {margin-left: 20%;float:left;}
.ftr_abv_scp {padding-top: 3%;}
.footer-nav.social li:first-child img{
      margin-left: -2px;
	      margin-right: 4px;
} 
.footer-nav.social p img{ margin-top: -3%;}
.footer-nav.social li:first-letter {text-transform:uppercase; }