File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/ashokaladakh.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'); {margin: 0; padding: 0; box-sizing: border-box;} input[type=text]:focus, button:focus, .nav-link:focus{outline:0;} body{font-family: 'Tinos', serif; color:#333; font-size:16px; line-height:1.5; font-weight:400; background:#f0f1eb;} h1, h2, h3, h4, h5, h6{font-family: 'Italiana', serif; color:#000;font-weight: 600;} p{line-height:24px; color:#000;font-family: 'Tinos', serif;font-size: 17px;} p:empty {display: none;} p:last-of-type {margin-bottom: 0;padding: 5px;} a{color:#fff;} .tab__text p{ margin-bottom: 5px; } @media (max-width:767px){ .about-img1 img { width: 100%; height: auto!important; } } .glr-mr-bottom{ margin-bottom:30px; } .phone1{ text-align:right; margin-right: calc(3.472vw - 15px); padding:5px 0; } .phone1 a{ color: #d49e27; font-weight: 600; font-family: system-ui; } .now{ border: 1px solid #d49e27; 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: 3px; color: #d49e27; padding-top: 10px; font-size: 35px; } .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: #d49e27; } .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: 9;} header .navbar .navbar-brand{font-size: 50px;font-family: 'Cormorant SC', serif;color:#fff;} header .navbar .navbar-brand:hover{color:#fff;} .w-header .navbar .navbar-brand:hover{color:#000;} .nav-menu .nav-item .nav-link{color: #fff;font-size: 16px;font-family: 'Poppins', sans-serif;font-weight: 100;padding: 0px 12px;} .navbar-light .navbar-toggler:hover{border: 2px solid #0a5339;background-color: #167654;} .navbar-light .navbar-toggler {color: rgba(0,0,0,.5);border-color: rgba(0,0,0,.1);background: #c4942e;padding: 0;border-radius: 0;width: 54px;height: 54px;transition:all 0.5s ease;position: fixed;right: 35px;top: 35px;} .bar1, .bar2, .bar3 {width: 35px;height: 2px;background-color: #fff;transition: 0.5s;margin: 8px auto;} .change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 5px);} .change .bar2 {opacity: 0;} .change .bar3 {-webkit-transform: rotate(45deg) translate(-9px, -6px);transform: rotate(45deg) translate(-9px, -5px);} .content h1{color: #fff;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; } .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:#167654;/ background:#4b1c3e; padding-top: 35px; padding-bottom: 35px; padding-left: 5%;} .footer-nav{padding: 50px 0px;} .footer-nav h2{font-family: 'Tinos', serif;font-size:36px;color:#fff;} .footer-nav ul li{padding: 6px 0px; font-family:'Open Sans',sans-serif;} /.social h2{visibility:hidden;}/ .footer-nav ul li a i, .footer-nav ul li a img{padding-right: 5px;} .color-green li a{color:#8bbbaa;} .footer-nav p{padding: 50px 0px 0;color:#8bbbaa;font-family:'Open Sans',sans-serif;} .tarifinfo th { background: #bf9106; text-align: center; font-size: 20px; font-weight: 600; color: #fff; border: 1px solid #d8d1d1; } /.dining .top-part p{ color: #fff; }/ .tarifinfo th { color: #fff; } .bg-gray{ padding:50px 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: 10px; font-size: 18px; border: 1px solid #d8d1d1; color: #000; } /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{ color: #bf9106; } .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; } .top-part .color-white{ color:#fff; font-size: 19px; font-family: math; } .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: 'Italiana', serif; color: #bf9106; font-weight: 600; font-size: 35px; } .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:#d49e27;border: none;border-bottom: 1px solid #d49e27;background: transparent;} .dining-content{padding-top:80px;} .content-left span{display: block;width: 200px;height: 1px;background: #d49e27;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;} .contact h2 span{font-family: 'Italiana', serif;} .address h3{font-family: 'Tinos', serif;font-size:30px;} .address p{font-size:18px;margin-bottom:5px;} .address p a{color:#000;} .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; } .contact-form .form-control{border:none;/border-bottom:1px solid #8abba9;/border: 1px solid #d49e27;border-radius: 0;height:68px;color:#000;font-size:20px;background-color:transparent;padding-bottom: 20px;} .contact-form textarea.form-control{height:auto;} .contact-form .form-control::placeholder{color:#000;font-size:20px;font-family: 'Baskervville', serif;font-style: italic;font-weight: 400;} .contact-form .form-control:focus{box-shadow:none;} .coustom-btn{font-family: 'Baskervville', serif;font-style: italic;background-color:#d49e27; color: #fff;font-size: 30px;text-align: left;float: left;padding: 5px 25px 5px 25px;} .book a{background-color: #d49e27;font-size: 24px;color: #fff;display: inline-block;text-transform: uppercase; min-width: 220px;height: 60px;line-height: 60px;text-align: center;margin-top: 0px;} .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:#d49e27;} .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%; } .about-content{ padding:100px; } .about-img1 img{ width:100%; height:450px; } .about-content1 p{font-size: 18px; line-height: 30px;text-align: justify;} .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: 'Tinos', serif;color:#fff;margin-bottom:0;} .stay-landing-content a{text-transform:uppercase;color:#fff;font-family: 'Open Sans', sans-serif;} .stay-landing .slick-slider .slick-slide{visibility: hidden;} .stay-landing .slick-slider .slick-list .slick-active{visibility: visible;} .stay-landing .slick-slide img{width:800px; margin-left:300px; / visibility:hidden; /} .stay-landing .slick-slide.slick-active img{visibility:visible;} .stay-landing .slick-slide .stay-landing-content{position: absolute;top:50%;left: 150px;transform: translateY(-50%); opacity:0.2;transition:all 0.3 ease;} .stay-landing .slick-slide .stay-landing-content h3{font-size: 80px; font-family: 'Tinos', serif; color: #fff; margin-bottom: 0; font-weight: 500;} .stay-landing .slick-slide .stay-landing-content a{text-transform:uppercase;color:#fff;font-family: 'Open Sans', sans-serif;} .stay-landing .slick-slide.slick-active .stay-landing-content{top:50%; opacity:1;} .bottom-more h2{font-size:100px;margin-bottom:0;color:#43876f;} .bottom-more a{color:#43876f;} .color-white{color:#fff!important;} .searved{padding: 15px 0px;} .reserve a:hover{ color: #c93!important; } .reserve{ font-size: 18px; text-transform: uppercase; border-right: 1px solid #d4ad6b; margin-right: 0px; margin-top: 0; display: inline-block; color: #c93; letter-spacing: 0.5px; padding: 0px 20px; border-right: 1px solid #c93; margin-right: 0px; margin-top: 0; display: inline-block; / 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:#d49e27;} .overlay-content p{color:#fff;} .gallery_banner .gallery_content:hover h3{color:#fff;} .gallery_banner .gallery_content:hover p{opacity:0;} .gallery_banner .gallery_content:hover .overlay{opacity:0;} .gallery_banner .gallery_content a{position: absolute;top: 0;width: 100%;height: 100%;} .gallery_banner-inner{width:100%;position:relative;} .gallery_banner-inner .gallery_content{float:left; background-color:#000; cursor:-webkit-grab;height: 100vh;background-size: cover;background-position: center center;width:300px;position:relative;} .gallery_banner-inner button.slick-prev {width: 50px;height: 50px;border: 1px solid #fff;font-size: 0;position: absolute;top: 50%;left: 30px;z-index: 1;transform: translateY(-50%);background: url(../img/left-arrow.png) no-repeat center center;} .gallery_banner-inner button.slick-next {width: 50px;height: 50px;border: 1px solid #fff;font-size: 0;position: absolute;top: 50%;right: 30px;z-index: 1;transform: translateY(-50%);background: url(../img/right-arrow.png) no-repeat center center;} .gallery_banner-inner .slick-dots{position: absolute;z-index: 5;left: 0;bottom: 50px;display: flex;align-items: center;justify-content: center;width: 100%;} .gallery_banner-inner .slick-dots li.slick-active {border: 1px solid #fff;margin-right: 10px;width: 25px;height: 25px;border-radius: 50%;position: relative;} .gallery_banner-inner .slick-dots li {background: none;width: 25px;height: 25px;position: relative;} .gallery_banner-inner .slick-dots li button {display: inline-block;font-size: 0;border: 0;background: #fff;width: 8px;height: 8px;cursor: pointer;position: absolute;top: 7px;left: 7px;transform: rotate(45deg);} .gallery_banner-inner .slick-dots li button {display: inline-block;font-size: 0;border: 0;background: #fff;width: 8px;height: 8px;cursor: pointer;position: absolute;top: 7px;left: 7px;transform: rotate(45deg);} .gallery_banner-inner .slick-dots li.slick-active button {background: #fff;} .content.everything{ position: absolute;right: 100px;top: 100px;left: auto;} .content.everything h1{color: #fff;font-size: 35px;text-align:right;} li.middle-arrow{margin-bottom:20px;} .top-logo{margin-top: 0;margin-left: calc(3.472vw - 15px);position: fixed;z-index: 11; width: 20%;} .top-logo img{ width: 45%; } / 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: #d49e27; 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: #167654; } .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: #d49e27; position: absolute; transform: scaleX(0); transform-origin: right; backface-visibility: hidden; transition: transform .4s ease-out } .a__nav .contact__item:hover span:before, .a__nav .nav__item:hover span:before { transform: scaleX(1); transform-origin: left } .a__nav .contact__items { z-index: 1; left: 22.222vw; right: 22.222vw; bottom: 50px; position: absolute } @media only screen and (max-width:580px) { .a__nav .contact__items { left: unset; right: unset; bottom: unset; position: relative; margin: 13.333vw 8vw; padding-top: 13.333vw; border-top: 1px solid hsla(0, 0%, 100%, .4) } } .a__nav .contact__item { text-align: center; display: inline-block; margin-right: 2.083vw; } @media only screen and (max-width:580px) { .a__nav .contact__item { margin-right: 3vw; } } @media only screen and (max-width:580px) { .a__nav .contact__item:first-child, .a__nav .contact__item:nth-child(2) { margin-bottom: 3vw; } } .a__nav .contact__item:last-of-type { margin-right: unset } .a__nav .nav__items { z-index: 1; top: 40%; left: 22.222vw; right: 22.222vw; text-align: center; position: absolute; transform: translateY(-50%); } @media only screen and (max-width:580px) { .a__nav .nav__items { top: unset; left: unset; right: unset; transform: unset; text-align: left; position: relative; margin: 0 8vw; } } .a__nav .nav__item { cursor: pointer; margin: 0 2.083vw 0; font-size: 50px; font-weight: 400; font-family: Roos St Regis Display; } @media only screen and (max-width:580px) { .a__nav .nav__item { margin: 8vw 0; display: block; font-size: 9.333vw; } } .a__nav .nav__item:hover { opacity: 1; } .a__nav .nav__item:before { height: 2px; } .a__nav .nav__item:last-child:after { display: none; } .a__nav .nav__item:after { top: .05vw; right: -2.8vw; opacity: .5; content: "/"; position: absolute; color:#46b59d; } .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; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings