File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/theshyamagrandregency.com/css/custom.css
Back
@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 }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings