@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');
@import url('https://fonts.googleapis.com/css2?family=Belleza&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Buda:wght@300&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
* {margin: 0; padding: 0; box-sizing: border-box;}
input[type=text]:focus, button:focus, .nav-link:focus{outline:0;}  

body{font-family: "Buda", serif; color:#333; font-size:16px; line-height:1.5; font-weight:400; background:#f0f1eb;}
h1, h2, h3, h4, h5, h6{font-family: "Belleza", serif; color:#000;font-weight: 600;}
p{line-height:24px; color:#000;font-family: "Buda", serif;font-size: 17px;}
p:empty {display: none;}
.home-abt1 p.home-name:last-of-type {margin-bottom: 0;
    padding: 5px;
    font-size: 34px;
    font-weight: 500;}
    p:last-of-type {margin-bottom: 0;
    padding: 5px;
    font-size: 18px;
    font-weight: 500;}
a{color:#fff;}
.tab__text p{
    margin-bottom: 5px;
}
.top-part1 h2 {
        font-family: "Buda", Sans-serif;
    font-size: 60px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
    }
    .swiper-pagination-bullet-active {
    background: #6c0b0c!important;
}
.home-abt1{
    padding:30px 30px!important;
}
.right-abt{
    padding-left:40px;
}
.header.w-header .top-logo img{
    width: 40%;
    background-color: #fff;
    padding: 5px;
}
@media (max-width:767px){
    .home-abt1{
    padding:0px 0px!important;
}
.mf-social-side-list ul li a {
    margin: 6px 0!important;
}
.mf-social-side-list {
    position: fixed;
    top: 100px!important;
    right: 10px;
    z-index: 100;
}
.elementor-642 .elementor-element.elementor-element-217f07e8 .dot{
    display: none!important;
}
    .book-now img {
        width: 150px !important;
        background-color: #fff;
        padding: 5px !important;
    }
    .right-abt{
        padding-left:0px;
    }
    .about-img1 img {
    width: 100%;
    height: auto!important;
}
.top-part1 h2 {
        line-height: 30px;
        font-size: 35px !important;
        margin-bottom: 0;
        padding-bottom: 22px;
        padding-top: 25px;
    }
.about-content1 p{
    font-size:22px;
}
.mb-50{
    margin-bottom: 10px!important;
}
.stay-landing-content1 ul{
    padding-bottom:0px!important;
}
.slider{
    height:250px!important;
}
.list .item:nth-child(1) .content .title, .list .item:nth-child(2) .content .title {
    font-size: 20px!important;
}
.arrows{
    left:30%!important;
}

.carousel .list .item:nth-child(3) {
    left: 30%!important;
}
.list .item:nth-child(1) .content .name, .list .item:nth-child(2) .content .name{
    font-size:15px!important;
    text-transform: capitalize;
}
.list .item:nth-child(1) .content, .list .item:nth-child(2) .content{
    left:5px!important;
    width:100%!important;
    top:40%!important;
}
.book1 a {
    font-size: 12px!important;
    min-width: 90px!important;
    border-radius: 50px!important;
    height: 40px!important;
    line-height: 45px!important;
}
.carousel {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.facilties .single-facility{
    height:auto;
}
}
.glr-mr-bottom{
  margin-bottom:30px;  
}

.phone1{
    text-align:right; margin-right: calc(3.472vw - 15px); padding:5px 0;
}
.phone1 a{
    color: #6c0b0c;
    font-weight: 600;
    font-family: system-ui;
}
.now{
    border: 1px solid #6c0b0c;
    padding: 10px;
}
.top-part h3{
    text-align:center;
}
.top-part p b {
    font-size: 20px;
    line-height: 25px;
    list-style: disc;
    padding-bottom: 10px;
    text-align: justify;
    font-family: math;
}
.stay-landing-content1 img{
    width:100%;
}
.stay-landing-content1 h3{
    letter-spacing: 0;
    color: #000;
    padding-top: 10px;
    font-size: 26px;
    font-weight: 400;
}
.stay-landing-content1 p{
    color:#fff;
}
.stay-landing-content1 ul{
    column-count:2;
    padding-left:20px;
    list-style:disc;
    color:#fff;
    padding-bottom:40px;
}
.notte h2{
    text-align: center;
    width: 100%;
}
.notte p a{
   color:#000;
   float: right;
   font-size: 1.1em;
}

.stay-landing-content1 .default1{
    color: #fff;
}
.stay-landing-content1 .default1 b{
    color: #6c0b0c;

}
.stay-landing-content1 .default2{
    line-height: 40px;
    color:#fff;
}
.tab__text p b{
   font-weight: bold;
}
.bg-green{
    padding:5px;
}
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:30px 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: 999;}
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: #f0f1eb;}
.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;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;}*/
.left-content p {
    margin-bottom: 280px;
    color: #010101;
    letter-spacing: 1px;
    padding-top: 30px;
    padding-left: 60px;
}
footer{
   background-color:  #f0f1eb;
}
.heading h2 {font-size: 35px;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: -30px; 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:#f0f1eb;*/ background:#6c0b0c;   padding-top: 35px;
    padding-bottom: 35px;    padding-left: 5%;}
.footer-nav{padding: 50px 0px;}
.footer-nav h2{font-family: "Belleza", serif;font-size:25px;color:#fff;}
.footer-nav ul li a{padding: 3px 0px;
    font-family: "Belleza", serif;
    font-size: 18px;
    text-align: left;
    color: #fff;
    text-decoration:none;
    list-style:none;
    text-align:left;
}
.footer-nav ul li{
    text-align:left;
}
/*.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: "Belleza", serif;}
.tarifinfo th {
    background: #463d3e;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #d8d1d1;
    line-height: 45px;
}
    
/*.dining .top-part p{
    color: #fff;
}*/
.home-name{
    font-family: "Buda", Sans-serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 68px;
    color: #000000;
    text-align: right;
}
.about-content3 p{
    color: #000000;
    font-family: "Buda", Sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin-top: 10px;
}
.about-content1 .abt-home{
    font-family: "Buda", Sans-serif;
    font-size: 50px;
    font-weight: 500;
    color: #000000;
    width: 70%;
    margin-bottom: 10px;
}
.tarifinfo th {
    padding:20px;
    color: #fff;
}
.bg-gray{
    padding:30px 0px;
}
.tarifinfo {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 20px;
}
.tarifinfo tr {
    font-size: 15px;
}
.tarifinfo td {
    padding: 30px;
    font-size: 35px;
    border: 1px solid #d8d1d1;
    color: #000;
}
.dining .btn1 h2{
   margin-top: 0px;
    font-weight: 300;
    font-size: 24px;
}
.dining .btn .btn-link{
    background-color: #6c0b0c;
    color: #fff;
    font-family: 'Belleza';
    padding: 10px 20px;
    border-radius: 10px;
}
.dining .btn .btn-link{
    text-decoration:none;
}
.tariff-1{
    margin: 50px 0px;
}
/*crt start*/

/*crt end*/
.nav__image{
    background-color: #4d1e3f;
}
/* 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/2.jpg) no-repeat center center/cover;position: relative;height: 100vh;}
.bg-inner.styhdr1{background:url(../img/room/1.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: 18px;
    color: #000;
    font-family: 'Tinos';
    margin-top: 5px;
    font-weight: 500;}
   .dining .top-part h2{
        font-family: "Buda", Sans-serif;
    font-size: 60px;
    font-weight: 500;
    color: #000000;
    }
    .notte p{
        text-align: center!important;
    }
    .tarifinfo1 {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}
.tarifinfo1 tr {
    font-size: 15px;
}
.tarifinfo1 th {
    background: #bf9106;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #d8d1d1;
}
.tarifinfo1 td {
    padding: 10px;
    font-size: 18px;
    border: 1px solid #d8d1d1;
    color: #000;
}
.address{
    margin-bottom: 25px;
}
.moonlight-list{
    padding:20px;
}
.moonlight{
    padding-top:17px;
}
.top-part h2{font-size: 60px;
    color: #fff;
    line-height: 60px;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: 17px;
    margin-bottom: 1%;
    line-height: 25px;
}
/*.moonlight-list{padding-top: 30px;}*/
.moonlight-list ul{column-count: 2;list-style-type: disc;}
.moonlight-list ul li{padding-top: 12px;font-size: 18px;color: #000;}
.address{
    margin-top:35px;
}
.dining{background:none;height: auto;}
/*.dining h2, .dining p{color:#000;}*/
 .dining p {
    color: #bf9106;
    font-size: 35px;
    margin-bottom: 2%;
}
.top-part h2{
    text-align:center;
    padding-bottom:5px;
}
.rooms{
    padding-top:50px;
}
#more {display: none;}
.top-part .color-white{
    color:#fff;
    font-size: 19px;
    font-family: math;
}

.line{
    width:100%;
    margin-top: 50px;
}
.top-part ul li{
    color: #fff;
    font-size: 19px;
    line-height: 25px;
    list-style: disc;
    padding-bottom: 10px;
    text-align: justify;
    font-family: math;
}
.top-part h3{
    font-family: "Buda", Sans-serif;
    font-size: 60px;
    font-weight: 500;
    color: #000000;
}
.dining h2{position: static;transform: translate(0);    margin-top: 5%;}
.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:#6c0b0c;border: none;border-bottom: 1px solid #6c0b0c;background: transparent;}
.dining-content{padding-top:80px;}
.content-left span{display: block;width: 200px;height: 1px;background: #6c0b0c;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: 35px;
    line-height: 45px;
    letter-spacing: 2px;
    font-weight: 500;}
    .form1 h2{
        font-family: "Buda", Sans-serif;
    font-size: 60px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;
    }
.contact h2 span{font-family: 'Italiana', serif;}
.address h3{font-family: 'Belleza';
    font-size: 30px;
    font-weight: 500;}
.address p{font-size: 20px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 500;}
.address p a{color:#000;}
.default1{
    color: #000000;
    font-family: "Tinos", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}
.default2{
    color: #000000;
    font-family: "Italiana", Sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 67px;
}
.form1{
    padding-bottom:70px;
}
.contact-form .form-control{border:none;/*border-bottom:1px solid #8abba9;*/border: 1px solid #6c0b0c;
    border-radius: 0;height:45px;color:#000;font-size:20px;background-color:transparent;padding-bottom: 10px;}
.contact-form textarea.form-control{height:auto;}
.contact-form .form-control::placeholder{color:#000;font-size:20px;font-family: "Buda", serif;font-weight: 400;}
.contact-form .form-control:focus{box-shadow:none;}
.coustom-btn{font-family: "Buda", serif;
    font-style: italic;
    background-color: #6c0b0c;
    color: #fff;
    font-size: 30px;
    text-align: left;
    float: left;
    padding: 4px 35px 0px 35px;}
.book a{background-color: #6c0b0c;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    min-width: 180px;
    height: 50px;
    line-height: 55px;
    text-align: center;
    margin-top: 0px;
    font-weight: 600;}
    .book1 a{background-color: #6c0b0c;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    min-width: 120px;
    border-radius:50px;
    height: 50px;
    line-height: 55px;
    text-align: center;
    margin-top: 0px;
    font-weight: 600;}
.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:#6c0b0c;}
.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-img img{
    width:100%;
    
}
.footer-nav ul.social-new li i{
    padding-right: 20px;
    font-size: 25px;
    margin-top: 30px;
    }
.footer-nav ul.social-new{
    display: inline-flex;
    margin-top:30px;
}
.footer-nav iframe{
    width:100%;
    height: 300px;
}
.about-content2{
    padding-top:25px;
}
.about-content{
    padding:100px;
}
.about-img1 img{
    width:100%;
    /*height:500px;*/
}
.abt-img{
    padding:70px 0;
}
..abt-img img{
    width:100%;
}
.about-content1 p{color: #000000;
    font-family: "Buda", Sans-serif;
    font-size: 29px;
    font-weight: 500;
line-height: 45px;}
.about-content p{font-size: 20px;
    line-height: 30px;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: "Buda", 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: 80px;
    font-family: "Buda", serif;
    color: #fff;
    margin-bottom: 0;
    font-weight: 500;}
.mb-50{
    margin-bottom: 50px;
}
.att1 p{
    font-family: 'Buda';
    font-size: 19px;
    line-height: 25px;
}
.att{
    border: 1px solid #0000000d;
    padding: 20px 0px;
    box-shadow: 2px 1px 4px 2px #0000000a;
    margin-bottom: 50px;
    background-color: #fff;
}
.att1 p strong{
    font-family: 'Buda';
    font-size: 18px;
}
.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;}
.dining p.color{
    font-size: 22px;
    color: #000;
    font-family: 'Buda';
    line-height: 30px;
}
.dining p.color1 {
    font-size: 20px;
    color: #000;
    font-family: 'Buda';
    line-height: 30px;
}
.ftr_abv_sc1 ul li{
color: #000;
    font-family: 'Buda';
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.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;
   /* text-shadow: 1px 1px 2px #000000a6, 0 0 25px #00000052, 0 0 5px #0006;*/
    font-weight: 600;
}

.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:#6c0b0c;}
.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 {display:none;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:none;/*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;display: none;}
.top-logo{margin-top: 0;margin-left: calc(3.472vw - 15px);position: fixed;z-index: 11;
width: 20%;}
.top-logo img{
    width: 40%;
}

/* 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
}
.tab__text__slide h2{
    padding-top:10px;
}
@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:1.4vw 0;
    background:#ff4338;
    text-align:left
}
@media only screen and (max-width:580px){
    .divider__r{
        width:16.533vw;
        margin:2.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: 19px;
    line-height: 30px;
    letter-spacing: .05vw;
    text-align: justify;
}
@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:17PX;
        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
}*/
.s__tab {
    margin: 0 1.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 3vw ;
    position:relative;
    text-align:center;
    /*padding-bottom:15px;*/
}
@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 1vw;
        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:45.333vw/*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 2vw 0
    }
}
.s__tab .tab__text__slide{
    top:0;
    left:0;
    opacity:0;
    position:absolute;
    /*padding:3.472vw 5vw 3.472vw 5.556vw*/
    padding: 0.3vw 3vw 0.3vw 0.3vw;
}
@media only screen and (max-width:580px){
    .s__tab .tab__text__slide{
        /*padding:16vw 8vw*/
        padding: 4vw 4vw;
    }
}
.s__tab .tab__images{
    overflow:hidden;
    height:28.722vw;
    position:relative;
    flex-basis:65.889vw;
    /*margin-right:5.556vw*/
    margin-right:0vw
}
@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: 2vw;
    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: #6c0b0c;
    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: #f0f1eb;
}

.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: #6c0b0c;
    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: 50%;
    left: 22.222vw;
    right: 22.222vw;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
    margin-bottom: 25px;
}

@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: 10px 0px;
    font-family: "Belleza", Sans-serif;
    font-size: 30px;
    font-weight: 400;
}

@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:#46b59d;
}*/
.gallery{
    margin-bottom: 70px;
}
.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: 10px;
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; }




/* ======= Facilties style ======= */
.facilties .single-facility {
    background: transparent;
    padding: 30px 20px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    line-height: 1;
    border: 1px solid #0000002e;
    text-align: center;
    height: 230px;
}
.facilties .single-facility img{
    width: 80px;
    margin-bottom: 10px;
}
.facilties .single-facility h5 {
    font-size: 24px;
    color: #222;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: 'Belleza';
}
.facilties .single-facility:hover h5 {
  color: #222;
  -webkit-transition: .5s;
  transition: .5s;
}
/*
.facilties .facility-shape:hover span {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
*/

.dining .top-part h3 {
    font-family: "Buda", Sans-serif;
    font-size: 60px;
    font-weight: 500;
    color: #000000;
}
.about-content4 p {
    color: #000000;
    font-family: "Buda", Sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    margin-top: 20px;
}
.facilties .single-facility span {
  font-size: 45px;
  color: #c58a29;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
}
.facilties .single-facility p {
    margin: 0;
    color: #666;
}
.facilties .single-facility .facility-shape {
    position: absolute;
    opacity: 0.1;
    z-index: 0;
    bottom: 15px;
    left: 170px;
}
.facilties .single-facility .facility-shape span {
  font-size: 140px;
  color: #222;
}

.room-s .top-part h2 {
    font-family: "Buda", Sans-serif;
    font-size: 60px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
}

:root {
  --left-position: 45%;
  --transition-time: 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}
/* carousel */
/*.carousel {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
*/
.carousel .list .item {
  width: 180px;
  height: 250px;
  position: absolute;
  bottom: 100px;
  left: calc(var(--left-position) + 3%);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 25px 50px rgb(0 0 0 / 14%);
  background-position: center;
  background-size: cover;
  z-index: 100;
  transform: translate(0, 0px);
  transition: all var(--transition-time);
}

.carousel .list .item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(33 33 33 / 17%);
  z-index: 1;
}

.carousel .list .item:nth-child(1),
.carousel .list .item:nth-child(2) {
  bottom: 0px;
  left: 0;
  border-radius: 0;
  transform: translate(0, 0px);
  width: 100%;
  height: 100%;
}

.carousel .list .item:nth-child(3) {
  left: var(--left-position);
}

.carousel .list .item:nth-child(4) {
  transition-delay: 0.1s;
  left: calc(var(--left-position) + 200px);
}

.carousel .list .item:nth-child(5) {
  transition-delay: 0.2s;
  left: calc(var(--left-position) + 400px);
}

.carousel .list .item:nth-child(6) {
  transition-delay: 0.3s;
  left: calc(var(--left-position) + 600px);
}

.carousel .list .item:nth-child(n + 7) {
  transition-delay: 0.4s;
  left: calc(var(--left-position) + 800px);
}

.list .item .content {
  position: absolute;
  text-align: left;
  color: #fff;
  z-index: 3;
  left: 0;
  top: 100%;
  transform: translateY(-100%);
  width: 100%;
  padding: 10px;
  transition: all var(--transition-time);
}

.content .title::before {
  content: "";
  display: block;
  height: 1px;
  width: 20px;
  background-color: #fff;
  margin-bottom: 10px;
}

.content .title {
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  transition: all var(--transition-time);
  position: relative;
}

.content .title::after {
  content: attr(data-item);
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: -20px;
  left: 0px;
  z-index: 2;
  font-weight: 400;
}

.content .name {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1;
  transition: all var(--transition-time);
  margin-bottom: 10px;
  color: #fff;
}

.content .des {
  font-size: 16px;
  font-weight: 400;
  transition: all var(--transition-time);
  opacity: 0;
  display: none;
}

.list .item:nth-child(1) .content,
.list .item:nth-child(2) .content {
  transform: translateY(-50%);
  left: 100px;
  width: 600px;
  top: 50%;
  padding: 0;
}

.list .item:nth-child(1) .content .title::before,
.list .item:nth-child(2) .content .title::before {
  width: 50px;
  height: 3px;
  margin-bottom: 20px;
}

.list .item:nth-child(1) .content .title::after,
.list .item:nth-child(2) .content .title::after {
  font-size: 20px;
  top: -40px;
  left: 15px;
}

.list .item:nth-child(1) .content .title,
.list .item:nth-child(2) .content .title {
  font-size: 30px;
  margin-bottom: 20px;
}

.list .item:nth-child(1) .content .name,
.list .item:nth-child(2) .content .name {
  font-size: 20px;
  margin-bottom: 20px;
}

.list .item:nth-child(1) .content .des,
.list .item:nth-child(2) .content .des {
  font-size: 16px;
  opacity: 1;
  display: block;
  width: 400px;
}

@keyframes animate {
  from {
    opacity: 0;
    transform: translate(0, 100px);
    filter: blur(33px);
  }

  to {
    opacity: 1;
    transform: translate(0);
    filter: blur(0);
  }
}

/* Carousel */

/* next prev arrows */

.arrows {
  position: absolute;
  bottom: 50px;
  left: var(--left-position);
  width: calc(100% - var(--left-position) - 2%);
  z-index: 100;
  display: flex;
  gap: 5%;
  align-items: center;
}

.arrows button {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  background-color: transparent;
  outline: none;
  font-size: 25px;
  font-weight: bold;
  transition: all var(--transition-time);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrows button:hover {
  border: 2px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.slide-number {
  font-size: 25px;
  color: #ffffff;
  font-weight: 400;
  margin-left: auto;
  letter-spacing: 5px;
  opacity: 0;
  animation: animate 0.5s ease-in-out 0.3s 1 forwards;
}

.progress-bar-container {
  width: 60%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  width: 100%;
  background-color: #d36e10;
  transition: all var(--transition-time);
}

/* time running */
.carousel .timeRunning {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 4px;
  background-color: #ffffff;
  left: 0;
  /*top: 0;*/
  animation: runningTime 7s linear 1 forwards;
}

@keyframes runningTime {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

.room-section .list{
    height: 750px;
    width:100%;
}
/* Subscribe button styles */
.subscribe-btn {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 999;
}

/* SVG inside subscribe button */
.subscribe-btn svg {
  height: 60px;
  width: 60px;
}

/*.testimonial-section {
  padding-top: 82px;
  padding-bottom: 72px;
}*/

.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  text-align: center;
  padding: 10px 10px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/*.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/

.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 15px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 15px)
  );
  background: #d9d9d9;
  background: #504b4b;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, -4px);
}

.swiper-pagination-bullet-active {
  background: var(--primary-text);
}

.swiper.testimonial-wrapper {
  padding-top: 59px;
  padding-bottom: 60px;
}

.testimonial-items .testimonial-text {
  font-size:18px;
}
.testimonial-img img{
    width:85px;
}
.testimonial-items .testimonial-title {
  text-align: center;
    font-size: 22px;
    position: relative;
    margin-top: 20px;
}
.review-stars .fa{
    color: #f6bb06;
    font-size: 20px;
}
.testimonial-items .testimonial-title::before {
  content: "";
  position: absolute;
  left: -23px;
  top: 9px;
  width: 20px;
  height: 1px;
  background-color: var(--white-text-white);
}

.testimonial-img {
  position: relative;
    /*top: -55px;*/
}

/*.testimonial-img::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}*/

/*.testimonial-img.tm-img-1::before {
  background-image: url(https://w7.pngwing.com/pngs/646/829/png-transparent-avatar-man-ico-icon-cartoon-little-boy-avatar-cartoon-character-png-material-child-thumbnail.png);
}

.testimonial-img.tm-img-2::before {
  background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2IYhSn8Y9S9_HF3tVaYOepJBcrYcd809pBA&s);
}

.testimonial-img.tm-img-3::before {
  background-image: url(https://png.pngtree.com/element_our/png/20181206/female-avatar-vector-icon-png_262142.jpg);
}
*/
/* media query  */
@media screen and (min-width: 768px) {
  .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 24px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 24px)
    );
  }
  .section-title::before,
  .section-title::after {
    width: 141px;
  }

  /*   .section-title::before,
  .section-title::after {
    left: 25%;
  }
  .section-title::after {
    right: 25%;
  } */
}



.slider {
    z-index:9;
  width: 100%;
  height: 550px;
  position: relative;
}
.slider ul, .slider ul li {
  width: 100%;
  height: 100%
}
.slider ul {
  position: relative;
  overflow: hidden;
  border-radius: 15px
}
.slider ul li {
  position: absolute;
  top: 0;
  left: -100%;
  background-size: cover; /* semon #f98686 */
  background-position: center;
  color: #fff;
  font-family: serif;
}
.slider ul li:first-of-type {
  background-image: url("../img/gallery/1.jpg")
}
.slider ul li:nth-of-type(2) {
  background-image: url("../img/gallery/2.jpg")
}
.slider ul li:nth-of-type(3) {
  background-image: url("../img/gallery/3.jpg")
}
.slider ul li:nth-of-type(4) {
  background-image: url("../img/gallery/4.jpg")
}
.slider ul li:last-of-type {
  background-image: url("../img/gallery/5.jpg")
}

.slider .controll {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 44%;
    border-bottom: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
    cursor: pointer;
    color: #ffffff;
}
.slider .controll:first-of-type {
    transform: rotate(45deg);
    left: 20px;
    z-index: 9999;
}
.slider .controll:last-of-type {
  transform: rotate(225deg);
  right: 20px;
  z-index: 9999;
}
.a__nav .nav__item a span{
    color:#fff;
}
.contact__item a span i{
    color:#fff;
}
.model_banner ul li video{
    width:100%;
}
/*.slider .controll:hover, .slider .controll.active {
  border-color: #6c0b0c 
}*/
.slider ol {
  text-align: center;
  padding-top: 10px;
  display: none;
}
.slider ol li {
  display: inline-block;
  margin-right: 5px;
}
.slider ol .fa {
  font-size: 20px;
  color: #333;
  cursor: pointer;
  font-weight: normall
}
.slider ol li:hover .fa:before, .slider ol li.active .fa:before {
  content: "\f111"
}
.elementor-642 .elementor-element.elementor-element-75934c61 .elementor-heading-title {
    color: #FFFFFF;
    font-family: 'Buda'!important;
    font-size: 40px!important;
    font-weight: 600;
    line-height: 1.15em;
}
.elementor-642 .elementor-element.elementor-element-49b5ad63 .elementor-heading-title {
    color: #FFFFFF;
    font-family: 'Buda'!important;
    font-size: 40px!important;
    font-weight: 600;
    line-height: 1.15em;
}
.elementor-642 .elementor-element.elementor-element-23b78b40 .elementor-heading-title {
    color: #FFFFFF;
    font-family: 'Buda'!important;
    font-size: 40px!important;
    font-weight: 600;
    line-height: 1.15em;
}
.elementor-642 .elementor-element.elementor-element-6d75cff6 .elementor-heading-title {
    color: #FFFFFF;
    font-family: 'Buda'!important;
    font-size: 40px!important;
    font-weight: 600;
    line-height: 1.15em;
}
.elementor-642 .elementor-element.elementor-element-35bad9ca .elementor-heading-title {
    color: #FFFFFF;
    font-family: 'Buda'!important;
    font-size: 40px!important;
    font-weight: 600;
    line-height: 1.15em;
}

.elementor-642 .elementor-element.elementor-element-3e233871 .elementor-button {
    font-family: 'Buda'!important;
    font-weight: 600!important;
    font-size:17px!important;
    background-color: #6c0b0c!important;
    padding: 15px 30px 15px 30px;
    border-radius: 20px!important;
}
.elementor-642 .elementor-element.elementor-element-2ad628be .elementor-button {
    font-family: 'Buda'!important;
    font-weight: 600!important;
    font-size:17px!important;
    background-color: #6c0b0c!important;
    padding: 15px 30px 15px 30px;
    border-radius: 20px!important;
}
.elementor-642 .elementor-element.elementor-element-41d0a954 .elementor-button{
     font-family: 'Buda'!important;
    font-weight: 600!important;
    font-size:17px!important;
    background-color: #6c0b0c!important;
    padding: 15px 30px 15px 30px;
    border-radius: 20px!important;
}
.elementor-642 .elementor-element.elementor-element-2371111b .elementor-button{
    font-family: 'Buda'!important;
    font-weight: 600!important;
    font-size:17px!important;
    background-color: #6c0b0c!important;
    padding: 15px 30px 15px 30px;
    border-radius: 20px!important;
}
.elementor-642 .elementor-element.elementor-element-1b7d73f6 .elementor-button{
    font-family: 'Buda'!important;
    font-weight: 600!important;
    font-size:17px!important;
    background-color: #6c0b0c!important;
    padding: 15px 30px 15px 30px;
    border-radius: 20px!important;
}
.elementor-642 .elementor-element.elementor-element-65bba961 .swiper-slide {
    display: flex;
    align-items: flex-start!important;
    border-radius: var(--radius);
    height: var(--height);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
}
.elementor-widget-container p{
    margin-bottom: 0;
    padding: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Belleza';
    margin-bottom:20px;
}
.wp-page{
    margin-top:20px;
}

.elementor-642 .elementor-element.elementor-element-217f07e8 {
    height: 100vh!important;
    max-height: 900px!important;
    min-height: 900px!important;
}
.elementor-642 .elementor-element.elementor-element-65bba961 .elementor-testimonial__title {
    color: #fff!important;
    font-family: 'Buda'!important;
    font-size: 20px;
    font-weight: 500;
}
.elementor-642 .elementor-element.elementor-element-65bba961 .elementor-testimonial__name {
    color: #FFFFFF;
    font-family: 'Belleza'!important;
    font-size: 20px!important;
    font-weight: 500;
    line-height: 1.3em;
}
.elementor-642 .elementor-element.elementor-element-6180398d .elementor-button {
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    fill: #2C2B2B;
    color: #2C2B2B;
    background-color: #fff!important;
    border-radius: 100px 100px 100px 100px;
    padding: 12px 14px 12px 14px;
}
.elementor-642 .elementor-element.elementor-element-1fa7db3c .elementor-button {
    font-family: "Roboto", Sans-serif;
    font-weight: 500;
    fill: #2C2B2B;
    color: #2C2B2B;
    background-color: #fff!important;
    border-radius: 100px 100px 100px 100px;
    padding: 12px 14px 12px 14px;
}
.elementor-642 .elementor-element.elementor-element-65bba961 .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(20deg, rgba(0, 0, 0, var(--overlay)) 0%, rgb(0 0 0 / 48%) 100%)!important;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.elementor-testimonial--layout-image_inline .elementor-testimonial__footer{
    margin-top:200px!important;
}
.elementor-642 .elementor-element.elementor-element-4e908379 {
    height: 60px!important;
    --height: calc(var(--h) + var(--gap));
    overflow: hidden !important;
    --gap: 0px;
}
.logo img{
    width: 200px;
}
.logo img.logo1{
    width: 145px;
}
.menu-toggle {
        padding-top: 14px;
        padding-right: 10px!important;
        padding-bottom: 14px;
        padding-left: 10px!important;
    }
     .menu-toggle:hover {
    color: #ffffff;
    background-color: #6b0d0e!important;
    border-color: #fff;
}
.header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #fff;
            color: #fff;
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: 10px 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            z-index: 1000;
        }
        .logo {
            font-size: 24px;
            font-weight: bold;
        }
        .nav {
            display: flex;
            gap: 20px;
        }
        .submenu {
            display: none;
            background-color: #444;
            padding-left: 15px;
        }
        .has-submenu:hover .submenu {
            display: block;
        }
        .nav a{
    color: #000;
    font-family: "Belleza", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    margin-right: 10px;
    text-decoration: none;
}
.bg-gray.pt-5{
    padding-top:5rem!important;
}
.nav a:hover{
    font-family: "Belleza", Sans-serif;
    color: #6b0d0e;
    text-decoration: none;
    }
        .toggle-btn {
            display: none;
            font-size: 24px;
            cursor: pointer;
            color: #ffffff;
    background-color: #6b0d0e;
            border: none;
            padding: 5px 10px 5px 10px;
        }
        .nav .submenu a {
            display: block;
        }
         @media (max-width: 1024px) {
            .nav a {
    color: #000;
    font-family: "Belleza", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-right: 5px;
    text-decoration: none;
}
}
        @media (max-width: 768px) {

            .header {
                flex-direction: row;
            }
            .model_banner ul li video {
    width: 100%;
    margin-top: 85px;
}
.logo img.logo1 {
    width: 90px;
}
            .logo img {
    width: 100px;
}
            .submenu {
                display: none;
            }
            .has-submenu.active .submenu {
                display: block;
            }
            .nav {
               display: none;
        flex-direction: column;
        gap: 10px;
        background-color: #fff;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 85px;
        left: 0;
        padding: 10px 0px;
            }
            .nav.active {
                display: flex;
            }
            .toggle-btn {
                display: block;
            }
        }
        .book-now{
          position: fixed;
    z-index: 99;
    right: 0px;
    top:20%;
  }
  
  .book-now img{
      width: 230px;
    background-color: #fff;
    padding: 10px;
  }
  .mf-social-side-list {
    position: fixed;
    bottom: 180px;
    right: 10px;
    z-index: 100;
    /*background: #fff;
    padding: 10px 8px;
    border-radius: 50px;
    border: 1px solid #2c978d;*/
}

.mf-social-side-list ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0
}

.mf-social-side-list ul li a {
    color: #323232;
    border-radius: 50%;
    line-height: 35px;
    margin: 6px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.mf-social-side-list ul li a:hover {
    opacity: .9;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.mf-social-side-list ul li a i img {
    width: 38px
}