/*
Theme Name: O'Two Hotel Theme
Theme URI:
Description: Designed by Ilze Grobler, developed by Cathy Wentzel
Version: 1.4.01
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
@font-face {
font-family: 'didotitalic';
src: url('assets/fonts/didotitalic.eot');
src: url('assets/fonts/didotitalic.eot') format('embedded-opentype'),
url('assets/fonts/didotitalic.woff2') format('woff2'),
url('assets/fonts/didotitalic.woff') format('woff'),
url('assets/fonts/didotitalic.ttf') format('truetype'),
url('assets/fonts/didotitalic.svg#didotitalic') format('svg');
}
@font-face {
font-family: 'DidotRegular';
src: url('assets/fonts/DidotRegular.eot');
src: url('assets/fonts/DidotRegular.eot') format('embedded-opentype'),
url('assets/fonts/DidotRegular.woff2') format('woff2'),
url('assets/fonts/DidotRegular.woff') format('woff'),
url('assets/fonts/DidotRegular.ttf') format('truetype'),
url('assets/fonts/DidotRegular.svg#DidotRegular') format('svg');
}
@font-face {
font-family:'Gotham Book';
src: url('assets/fonts/Gotham-Book.eot');
src: url('assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Gotham-Book.woff2') format('woff2'),
url('assets/fonts/Gotham-Book.woff') format('woff'),
url('assets/fonts/Gotham-Book.svg#Gotham-Book') format('svg');
font-style: normal;
}
@font-face {
font-family:'Gotham Medium';
src: url('assets/fonts/Gotham-Medium.eot');
src: url('assets/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Gotham-Medium.woff2') format('woff2'),
url('assets/fonts/Gotham-Medium.woff') format('woff'),
url('assets/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
font-style: normal;
}
@font-face {
font-family:'Gotham Light';
src: url('assets/fonts/Gotham-Light.eot');
src: url('assets/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/Gotham-Light.woff2') format('woff2'),
url('assets/fonts/Gotham-Light.woff') format('woff'),
url('assets/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
font-style: normal;
}
/* End typography */
/* Resets
-------------------------------------------------------------------------------
*/
body, html {overflow-x: hidden; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; }
ul, ol{list-style: none;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
b, strong{font-weight: bold;}
[type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0;}
[type="search"]{-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}
.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible; backface-visibility: hidden;}
a,input,select,textarea{outline:none;}
img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none; -webkit-perspective: 0; perspective: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); visibility:visible; backface-visibility: hidden;}
/* Selection colours (easy to forget) */
img::selection{background: transparent;}
img::-moz-selection{background: transparent;}
a{text-decoration: none; display: inline-block;}
input[type='number']{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-moz-focus-inner{border:0; padding: 0; }
input:invalid,
input:required{box-shadow: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none;}
input:required { box-shadow:none; }
input::-moz-focus-inner{box-shadow:0 0 0px transparent;}
/*Remove IOS rounded corners of forms*/
input {-webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
::-webkit-input-placeholder {color: var(--grey-4);}
::-moz-placeholder { color: var(--grey-4);}
:-ms-input-placeholder {color: var(--grey-4);}
:-moz-placeholder {color: var(--grey-4);}
/* Resets
-------------------------------------------------------------------------------
*/
/* Default Layout
-------------------------------------------------------------------------------
*/
/* ======================= Variables Start ======================= */
:root {
--grey-1: #a4aab2;
--grey-2: #333b41;
--grey-3: #656e7c;
--grey-4: #8f96a1;
--grey-5: #cfd8dd;
--grey-6: #030406;
--black: #000000;
--white: #ffffff;
--brand: #4056fe;
--sunset: #884f32;
--mbrown: #c3917e;
--lbrown: #e1b8a8;
--gradient-h: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);
--opacity-brand : rgba(64, 86, 254, 0.1);
--font-family: 'DidotRegular', sans-serif;
--font-family-italic: 'didotitalic', sans-serif;
--font-family-alt: 'Gotham Book', sans-serif;
--font-family-alt-bold: 'Gotham Medium', sans-serif;
--font-light: 300;
--font-regular: 400;
--font-semi-bold: 600;
--font-bold: 800;
--font-xbold: 900;
--lead-text: 1.15em;
--space-xs: 4px;
--space-s: 8px;
--space-base: 16px;
--space-m: 24px;
--space-l: 32px;
--space-xl: 40px;
--space-xxl: 60px;
--text-lowercase: lowercase;
--text-uppercase: uppercase;
--text-capatilize: capitalize;
}
/* ======================= Variables Start End ======================= */
.bg-white{background-color: var(--white);}
.bg-black{background-color: var(--grey-6);}
.bg-img{object-fit: cover; object-position: center; height: 100%; width: 100%;}
.text-gray-300{color: var(--grey-3);}
.text-gray-400{color: var(--grey-4);}
.text-gray-500{color: var(--grey-5);}
.imagecontainer {position: relative; overflow: hidden;width: 100%; height: 100%;}
.imagecontainer:before {display: block; width: 100%;content: "";padding-bottom: 100%; height: 0;}
.imagecontainer-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;font-family: "object-fit: cover";}
img.lazyload:not([src]) { visibility: hidden; }
body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-size: 15px; line-height: 1.5; font-family: var(--font-family-alt); font-weight:var(--font-regular); color: var(--grey-6);}
*{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;}
header, footer, section{float: left; width: 100%}
/* ======================= Global style Start ======================= */
h1, h2, h3, h4, h5, h6{display: inline-block; width: 100%; font-weight: var(--font-regular);}
h1, .h1{font-size: 75px; line-height: 1; margin-bottom: var(--space-l);font-family: var(--font-family);}
h2, .h2{font-size: 65px; line-height: 1.2; margin-bottom: var(--space-m);font-family: var(--font-family);}
h3, .h3, .vacancy-post-content h2{font-size: 45px; line-height: 1; margin-bottom: var(--space-m);font-family: var(--font-family);}
h4, .h4, .vacancy-post-content h3{font-size: 30px; line-height: 1.3; margin-bottom: var(--space-m);font-family: var(--font-family);}
h5, .h5, .vacancy-post-content h4{font-size: 20px; line-height: 1.4; margin-bottom: var(--space-base);font-family: var(--font-family);}
h6, .h6{font-size: 14px; line-height: 1.3; letter-spacing: 2px;margin-bottom: var(--space-m); font-family: var(--font-family-alt-bold); text-transform: uppercase; font-weight: var(--font-xbold);}
p{font-size: 1em; line-height: 1.5; margin-bottom: var(--space-m); }
p.lead-text{font-size: var(--lead-text); margin-bottom: var(--space-xl); }
ul li,ol li{font-size: 1em; line-height: 1.5; }
dfn, address, em{font-style: normal;}
label, input[type="submit"]{cursor: pointer;}
button:focus{outline: none;}
ul:not(.slick-dots):not(.menu):not(.selectric-scroll ul):not(.sub-menu){float:left; width: 100%;margin-bottom: var(--space-s);}
ul li:not(.menu-item):not([role=presentation]):not(.page-item):not(.label):not(.tag-item):not(.label-inactive):not(.category-item):not(.selectric-items li):not([role=tab]):not(.card-list li), ol li{position: relative; padding-left: 22px;margin-bottom: var(--space-base); }
ol{padding-left: 8px;}
ol li{padding-left: var(--space-m);}
ol li > ol li{padding-left: 42px;}
ol li > ol li > ol li {padding-left: 52px;}
ol{float: left; width: 100%; counter-reset: item; }
ul li:not([role=presentation]):not(.menu-item):not(.label):not(.label-inactive):not(.tag-item):not(.category-item):not(.selectric-items li):not([role=tab]):not(.card-list li):before{content: ''; position: absolute; top:9px; left: 0; background-color: var(--black) ;background-repeat: no-repeat; height: 5px; width: 5px; border-radius: 100%}
ol li:before { content: counters(item, ".") ". "; counter-increment: item; position: absolute;left: 0; color: var(--brand);}
blockquote{display: inline-block; width: 100%;margin-bottom: var(--space-l);padding-left: 114px; position: relative; }
blockquote:before{content: ' '; position: absolute; top: 0; left: 0; font-size: 2.25em; line-height: 1.25;font-weight: var(--font-bold); background-image: url(img/assets/quotation-mark.png); background-repeat: no-repeat; background-size: contain; width: 64px; height: 48px;}
blockquote:after{content: ''; border-left: 2px solid var(--brand); position: absolute; left: 88px; top: 0; height: 100%;}
blockquote p{margin-bottom: 0;font-size: 1.75em; line-height: 1.3; font-weight: var(--font-bold); text-align: left;}
.note em { font-family: var(--font-family-italic); font-size: 17px;}
/*Calendar*/
.ui-datepicker table{font-size: 13px;}
.ui-widget-header .ui-icon{ background-image: url(assets/img/ui-icons_ffffff_256x240.png); }
.ui-icon-circle-triangle-w, .ui-state-hover .ui-icon-circle-triangle-w{background-position: -99px 0px; }
.ui-icon-circle-triangle-e, .ui-state-hover .ui-icon-circle-triangle-e{background-position: -32px 0px; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{background-color: transparent; border: 0; box-shadow: 0 0 0 1px var(--white) inset; border-radius: 0}
.ui-datepicker .ui-datepicker-prev{left: 1px; top: 1px}
.ui-datepicker .ui-datepicker-next{right: 1px; top: 1px}
.ui-widget-header{background-color: var(--grey-6); border-top: 0; border-right: 0; border-left: 0; color: var(--white); border-radius: 0; }
.ui-widget-content{background-color: var(--grey-6); color: var(--white);border: 0;box-shadow: 0 4px 7px 0 rgb(0 0 0 / 7%), 0 4px 22px 0 rgb(0 0 0 / 10%); }
.ui-widget.ui-widget-content{border: 0; border-radius: 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background-color: var(--grey-6); border-color: var(--grey-6); color: var(--white); position: relative;text-align: center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-widget-content .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default:hover{color: var(--lbrown);}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight .ui-state-default{border: solid 2px var(--white); color: var(--white);}
.ui-widget-content .ui-state-active{border: solid 2px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%); background-origin: border-box;background-clip: content-box, border-box;box-shadow: 2px 1000px 1px var(--grey-6) inset;}
/* Calendar */
.txt-ctr{text-align: center;}
.relative{position: relative;}
.sticky{position: sticky;}
/* ======================= Global style End ======================= */
/* ======================= Buttons Start ======================= */
.btn-wrap{float:left;display: inline-block; width: 100%; }
.btn{position: relative;font-family: var(--font-family-alt-bold);text-align: center;text-transform: var(--text-uppercase); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight: var(--font-xbold); font-size: 13px; line-height: 1.71; letter-spacing: 3px; position: relative; padding: 10px 40px; min-width: 200px;cursor: pointer;}
.btn-large{padding: 20px 40px; font-size: 14px;}
.btn:hover{background-color: var(--white); color: var(--mbrown);/*white-space: nowrap; background-image: linear-gradient(to right, #936655, #edcaba); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}
.btn span{display: block;}
.btn::before, .btn::after{ content:""; width: 0;height: 2px; position: absolute;transition: all 0.3s linear; background: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
.btn span::before, .btn span::after{content:"";width:2px;height:0;position: absolute;transition: all 0.3s linear; background: linear-gradient(146deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
.btn-secondary-outline{ -webkit-box-shadow:inset 0px 0px 0px 2px var(--grey-6);-moz-box-shadow:inset 0px 0px 0px 2px var(--grey-6); box-shadow:inset 0px 0px 0px 2px var(--grey-6);}
.btn-secondary-outline:hover{box-shadow: none;}
.booking-bar-section .btn-primary-outline{-webkit-box-shadow:inset 0px 0px 0px 2px var(--white);-moz-box-shadow:inset 0px 0px 0px 2px var(--white); box-shadow:inset 0px 0px 0px 2px var(--white);}
.mobile-bookingbar .btn-primary-outline{-webkit-box-shadow:inset 0px 0px 0px 2px var(--grey-6);-moz-box-shadow:inset 0px 0px 0px 2px var(--grey-6); box-shadow:inset 0px 0px 0px 2px var(--grey-6);}
.booking-bar-section .btn-primary-outline:hover, .mobile-bookingbar .btn-primary-outline:hover{background-color: var(--grey-6);box-shadow: none;}
/*.btn-secondary-outline::before, .btn-secondary-outline::after{width: 100%; background: var(--black);}
.btn-secondary-outline span::before, .btn-secondary-outline span::after{height: 100%; background: var(--black);}*/
.btn:hover::before, .btn:hover::after{width: 100%;}
.btn:hover span::before, .btn:hover span::after{ height: 100%;}
.btn::before{transition-delay: 0s;right: 0;top: 0;}
.btn::after{transition-delay: 0s;left: 0; bottom: 0;}
.btn span::before{transition-delay: 0.2s;left: 0;top: 0;}
.btn span::after{transition-delay: 0.2s;right: 0;bottom: 0;}
.btn:hover::before, .btn:hover::after{transition-delay: 0.3s;}
.btn:hover span::before, .btn:hover span::after{transition-delay: 0s;}
.primary-btn{background-color: var(--grey-6); color: var(--white); }
.secondary-btn{background-color: var(--white);color: var(--grey-6); }
.btn-primary-outline{background-color: transparent; color: var(--white);-webkit-box-shadow:inset 0px 0px 0px 2px var(--white);-moz-box-shadow:inset 0px 0px 0px 2px var(--white); box-shadow:inset 0px 0px 0px 2px var(--white); }
.btn-secondary-outline{background-color: transparent; color: var(--grey-6);-webkit-box-shadow:inset 0px 0px 0px 2px var(--grey-6);-moz-box-shadow:inset 0px 0px 0px 2px var(--grey-6); box-shadow:inset 0px 0px 0px 2px var(--grey-6); }
.btn-transparent{background-color: transparent;}
.btn-wrap .btn{margin-bottom: 10px;}
/* ======================= Buttons End ======================= */
/* ======================= Containers Start ======================= */
.common-wrap{max-width: 1350px; margin: 0 auto; padding: 0 20px;clear: both; }
.sml-container{max-width: 670px; margin: 0 auto;}
.med-container{max-width: 700px; margin: 0 auto;}
.medl-container{max-width: 800px; margin: 0 auto;}
/* ======================= Containers End ======================= */
/* ======================= Flexbox Start ======================= */
.flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.flex-horizontal-align{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.flex-vertical-align{-webkit-box-align: center; align-items: center;}
.flex-horizontal-align{-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-bottom-align{-webkit-box-align: flex-end; align-items: flex-end;}
.flex-content-align{-webkit-align-content: center; -moz-align-content: center; align-content: center;}
.flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.flex-justify-end{-webkit-justify-content: flex-end; justify-content: flex-end;}
.order-1{-webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1;}
.order-2{-webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2;}
.flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.row-rev{flex-flow: row-reverse;}
.flex-row{flex-flow: row wrap;}
.flex-gap{gap: 8px}
.flex-gap-btn{gap: 20px}
.flex-gap-m{gap: var(--space-m)}
.flex-gap-base{gap: var(--space-base)}
.flex-gutter-gap{gap:80px}
.flex-column{flex-flow: column;}
/* ======================= Flexbox End ======================= */
/* ======================= Image Mask Start ======================= */
.aspect-ratio-1-1 {position: relative;width: 100%;padding-top: 100%;}
.aspect-ratio-16-9 {position: relative;width: 100%;padding-top: 69%;}
.image-mask-rounded{position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;margin-right: auto;margin-left: auto; -webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; border-radius: 100%;}
.image-mask-default{position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;margin-right: auto;margin-left: auto; -webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
.image-mask-none{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;max-height: 60vh;margin-right: auto; margin-left: auto;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.image-mask-container img{width: 100%; object-fit: cover; height: 100%;}
.image-mask-container picture, .image-mask-container figure{height: 100%; width: 100%;}
.background-pattern picture, .background-pattern figure{display: block;}
.image-mask-default .background-pattern picture img, .image-mask-none .background-pattern picture img, .image-mask-default .background-pattern figure iframe, .image-mask-none .background-pattern figure iframe{padding: 0 20px 20px 0;}
.image-mask-rounded .background-pattern picture img, .image-mask-rounded .background-pattern figure iframe{padding: 25px; border-radius: 100%;}
.imagecontainer {position: relative; overflow: hidden;}
.imagecontainer:before {display: block; width: 100%;content: "";padding-bottom: 100%; height: 0;}
.imagecontainer-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;font-family: "object-fit: cover";}
img.lazyload:not([src]) { visibility: hidden; }
/* ======================= Image Mask End ======================= */
.mobi{display: none;}
.column{width: 46.610169491%}
/*.bg-img{object-fit: cover; object-position: center; width: 100%;}*/
.label:not(.selectric .label){background-color: var(--brand); border-radius: 44px; color: var(--white); padding: 4px 16px; text-transform: var(--text-uppercase); font-weight: var(--font-bold); font-size:12px; line-height: 18px;letter-spacing: 2px;}
.label a{color: var(--white);}
.category-navigation .label:not(.selectric .label){border-radius: 44px; padding: 4px 12px; margin: 0 4px 8px;text-transform: var(--text-uppercase); font-weight: var(--font-bold); font-size:12px; line-height: 13px;letter-spacing: 2px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.category-navigation .label a{color: var(--grey-1);}
.label-inactive a{color: var(--brand);}
.label-inactive:hover {background-color: rgba(1, 182, 244, 0.2);}
.br-50{border-radius: 50%}
.br-10x{border-radius: 10px}
.slick-dots li{width: 10px;}
.slick-dots li button{width: 10px; height: 25px; padding: 5px 0;}
.slick-dots li button:before{width: 10px; height: 25px; font-size: 25px; color: var(--white);padding: 5px 0;}
.slick-dots li.slick-active button:before{color: var(--white);}
.slick-slider{direction: ltr}
.slick-prev,.slick-next{background-color: var(--grey-6); border-radius: 100%; height: 60px; width: 60px;z-index: 2;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.slick-prev{left: 20px;}
.slick-next{right: 20px;}
.slick-next:before, .slick-prev:before{content: ''; background-image: url(assets/svg/arrow-right-wht.svg); background-repeat: no-repeat; background-size: 20px; background-position: center;opacity: 1; width: 60px; height:60px; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.slick-prev:before{transform: rotate(180deg);}
.slick-next:focus, .slick-prev:focus{background-color: var(--grey-6);}
.slick-prev:hover, .slick-next:hover, .focus-slider .slick-next:hover, .focus-slider .slick-prev:hover{background-color: var(--white);}
.related-rooms-slider .slick-prev:hover, .related-rooms-slider .slick-next:hover{background-color: rgb(3 4 6 / 85%)}
.slick-prev:hover:before, .slick-next:hover:before{background-image: url(assets/svg/arrow-right-blk.svg);}
.related-rooms-slider .slick-prev:hover:before, .related-rooms-slider .slick-next:hover:before{background-image: url(assets/svg/arrow-right-wht.svg);}
.scrolling-text-container{position: absolute; width: 100%; top: 60px;}
.scrolling-text{position: relative; margin-bottom: -67px; min-height: 140px;z-index: -1;}
.scrolling-text span, .gradient-text span{font-size: 115px; font-family: var(--font-family); color: var(--sunset); opacity: 0.8; text-transform: uppercase; line-height: normal;-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
.paralax-right{position: relative; z-index: 1; float: left; width: 100%}
.scrolling-text .parallax-target{position: absolute;display: inline-block;left: 20px;}
.bloc-target { float: left;transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); height: 100%;width: 100%;}
.zoom-image figure{overflow: hidden}
.zoom-image img {-webkit-transition: -webkit-transform 2.8s cubic-bezier(.23,1,.32,1); transition: -webkit-transform 2.8s cubic-bezier(.23,1,.32,1); -o-transition: transform 2.8s cubic-bezier(.23,1,.32,1); transition: transform 2.8s cubic-bezier(.23,1,.32,1); transition: transform 2.8s cubic-bezier(.23,1,.32,1), -webkit-transform 2.8s cubic-bezier(.23,1,.32,1); transition: transform 2.8s cubic-bezier(.23,1,.32,1),-webkit-transform 2.8s cubic-bezier(.23,1,.32,1);}
a:hover .zoom-image img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/* Default Layout End
-------------------------------------------------------------------------------
*/
/* Animation Start
-------------------------------------------------------------------------------
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
/*@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}*/
/*.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}*/
.wow {visibility: hidden;}
.line-animation a:after {content: ''; position: absolute;top: auto;left: auto;left: 0;bottom: -2px; height: 1px;background-color: var(--grey-6); width: 0; -webkit-transition: .5s ease; -o-transition: .5s ease;transition: .5s ease;}
.line-animation a:hover:after { left: 0;right: auto;width: 100%;}
/* Animation End
-------------------------------------------------------------------------------
*/
/* Header Start
-------------------------------------------------------------------------------
*/
.header-section{float: left; width: 100%; position: fixed; left: 0; top: 0; z-index: 999999; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
/*.header-wrap:after{content: ''; background-color: var(--brand); background-repeat: repeat-x; background-size: 40px;height: 5px; width: 100%; display: block;}*/
.header-inner{padding: 15px 0;}
.header-section nav ul li{display: inline-block; padding: 0 var(--space-xl) 0 0;}
.header-section nav ul li:last-child{padding-right: 0;}
.header-section nav ul li a{color: var(--white); text-transform: var(--text-uppercase); font-family: var(--font-family-alt-bold); font-weight: var(--font-bold);font-size: 13px; line-height: 1.4; letter-spacing: 1.5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 14.5px 0}
.header-section.dark-header nav > ul > li > a{color: var(--grey-6);}
.header-section.dark-header .switcher .selected a{color: var(--grey-6);}
.header-section nav ul li a:hover, .headroom--not-top.header-section.dark-header nav > ul > li > a:hover{color:var(--lbrown); }
.header-section nav ul li.current_page_item > a, .header-section nav ul li.current-page-parent > a {color: var(--lbrown);}
.header-section nav ul li.menu-item-has-children > a:after, .headroom--not-top.header-section.dark-header nav ul li.menu-item-has-children > a:after{content: ''; display: inline-block; background-image:url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; width: 12px; height: 11px; background-size: contain; position: relative; top: 1px;margin-left: var(--space-s);}
.header-section.dark-header nav ul li.menu-item-has-children > a:after{ background-image:url("data:image/svg+xml;utf8,"); }
.header-section nav ul li.current_page_item.menu-item-has-children > a:after, .header-section nav ul li.current-page-parent > a:after, .header-section.dark-header nav ul li.current-page-parent > a:after{ background-image:url("data:image/svg+xml;utf8,");}
.header-section nav ul li.menu-item-has-children > a:hover:after, .headroom--not-top.header-section.dark-header nav ul li.menu-item-has-children > a:hover:after{background-image:url("data:image/svg+xml;utf8,");}
.nav-buttons a{margin-top: 0;}
.main-nav > ul > li{position: relative;}
.main-nav li .sub-menu {position: absolute;top: 100%;left: -23.7px;width: 800%; max-width: 245px; padding: 12px var(--space-m);box-shadow: 0 4px 7px 0 rgb(0 0 0 / 7%), 0 4px 22px 0 rgb(0 0 0 / 10%);background-color: var(--grey-6);display: none;}
.header-section nav ul li ul li{width: 100%; padding: 0;}
.main-nav li ul li a {width: 100%;padding: 8px 0; color: var(--white); font-weight: var(--font-regular); letter-spacing: 1px;}
.home .header-section nav ul li.current-menu-item:first-child{display: none;}
.home .headroom--top .main-logo img{max-height: 80px;}
.header-section.dark-header{background-color: var(--white);}
.main-logo img{max-height: 60px;}
.slideDown{transform: translateY(-100%);}
.headroom--top{transform: translateY(0)}
.headroom--not-top .header-inner{padding: 10px 0;;}
.headroom--not-top .main-logo img{max-height: 60px;}
.headroom--not-top.slideUp{background-color: var(--grey-6);}
.headroom--not-top.header-section.dark-header nav > ul > li > a, .headroom--not-top.header-section.dark-header .switcher .selected a{color: var(--white);}
html[dir="rtl"] .header-section nav ul li{padding: 0 0 0 var(--space-xl)}
html[dir="rtl"] .header-section nav ul li.menu-item-has-children > a:after, html[dir="rtl"] .headroom--not-top.header-section nav ul li.menu-item-has-children > a:after{margin-left: 0; margin-right: var(--space-s)}
html[dir="rtl"] .booking-bar-section input, html[dir="rtl"] .booking-bar-section label{margin-left: 20px; margin-right: 0}
html[dir="rtl"] .booking-bar-section input{background-position: 7% center}
/* ======================= Mobile Navigation ======================= */
.phone-nav{ width: 22px; height: 14px; cursor: pointer; display: none; z-index: 999; margin-left: 20px}
.phone-nav div{float: left; width: 100%; height: 2px; position: relative; background: var(--white); margin-bottom:3px;transition: .3s ease}
.phone-nav div:before, .phone-nav div:after { content: ""; width: 18px; height: 2px; position: absolute; background: var(--white); left: 0px; }
.phone-nav div:before { margin-top: 6px}
.phone-nav div:after { margin-top: 12px; width: 20px;}
.header-section.dark-header .phone-nav div,.header-section.dark-header .phone-nav div:before,.header-section.dark-header .phone-nav div:after{background: var(--grey-6);}
.headroom--not-top.header-section.dark-header .phone-nav div, .headroom--not-top.header-section.dark-header .phone-nav div:before, .headroom--not-top.header-section.dark-header .phone-nav div:after{background: var(--white);}
/*Language switcher */
.language-switcher{margin-left: var(--space-xl); width: 116px}
html [dir=rtl] .language-switcher{margin-right: var(--space-xl); margin-left: 0}
.switcher {font-size:13px; text-align:left; cursor:pointer; width:72px; position: relative;}
.switcher a {text-transform: var(--text-uppercase); display:block; font-size:13px;font-family: var(--font-family-alt-bold); line-height: 1.4;letter-spacing: 1.5px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.switcher a img {vertical-align:middle;display:inline;border:0;padding:0;margin:0;opacity:0.8;}
.switcher a:hover img {opacity:1;}
.switcher div.selected { border-width: 2px; border-style: solid; border-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%) 1; position:relative;z-index:9999;}
.switcher .selected a {color:var(--white);padding:6px 13px;width:68px;}
.switcher .selected a:after {height:19px;display:inline-block;position:absolute;right:10px;width:15px;background-position:50%;background-size:10px;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;content:""!important;transition:all .2s;}
.switcher .selected a.open:after {-webkit-transform: rotate(-180deg);transform:rotate(-180deg);}
/*.switcher .selected a:hover {background:#fff}*/
.switcher .option {position:absolute;z-index:9998; padding: 12px var(--space-m); background-color:var(--grey-6);display:none;width:24px;max-height:198px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;overflow-y:auto;overflow-x:hidden;}
.switcher .option a { color: var(--white); padding: 8px 0;}
/*{background:#fff;}*/
.switcher .option a.selected, .switcher .option a:hover , header .trp-language-item:hover {white-space: nowrap; background-image: linear-gradient(to right, #936655, #edcaba); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#selected_lang_name {float: none;}
.l_name {float: none !important;margin: 0;}
.switcher .option::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;background-color:#f5f5f5;}
.switcher .option::-webkit-scrollbar {width:5px;}
.switcher .option::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color:#888;}
header .trp-current-language-item__wrapper{ border-width: 2px; border-style: solid; border-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%) 1; z-index:9999;}
header .trp-shortcode-switcher{border-radius: 0; border:0; background: transparent; padding: 0;width:100% }
header .trp-language-item-name{color: ;text-transform: var(--text-uppercase); font-family: var(--font-family-alt-bold);display:block; font-size:13px; line-height: 1.4;letter-spacing: 1.5px; color: var(--white);}
header .trp-switcher-dropdown-list{background-color: var(--grey-6) }
.trp-current-language-item__wrapper svg path{stroke: #c3917e}
header .is-open .trp-current-language-item__wrapper{background-color :var(--grey-6) }
.dark-header .trp-current-language-item__wrapper .trp-language-item-name {color: var(--grey-6) }
.dark-header .is-open .trp-current-language-item__wrapper .trp-language-item-name, .dark-header.headroom--not-top .trp-current-language-item__wrapper .trp-language-item-name {color: var(--white) }
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
.mobile-bookingbar{position: fixed; z-index: 99999; bottom: 0; left: 0; width: 100%; background-color: transparent; text-align: left; bottom: -3px; padding-bottom: 0;}
.location-pin-nav{margin-left: 16px; display: flex; align-items: center;margin-top: -8px;}
.location-pin-nav img{object-fit: contain; width: 20px; height: 30px}
/* Header End
-------------------------------------------------------------------------------
*/
/* ======================= Hero ======================= */
.hero-section{position: relative;height: 100vh;margin-bottom: 100px;}
.full-hero-image-section:before, .parallax-banner-section:before, .hero-img-thumb .bloc-target:before, .narrow-hero-image-section:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: rgb(16 15 15 / 50%) ;z-index: 1;}
.full-hero-image-section:before, .parallax-banner-section:before, .narrow-hero-image-section:before{background-color: rgb(16 15 15 / 35%) ;}
.hero-img{position: absolute; width: 100%; height: 100%;top: 0; left: 0;}
.hero-img figure, .hero-img picture{width: 100%;height: 100%;}
.hero-img figure img, .hero-img picture img, .hero-img video{width: 100%; height: 100%; object-fit: cover;}
.hero-inner-content{float: left; width: 100%; height: 100%; position: relative; z-index: 1;}
.hero-inner-content .common-wrap {height: inherit;max-width: 924px;}
.hero-inner-content {color: var(--white);}
.hero-content{height: 100%;}
.hero-content{text-align: center;}
.hero-content h3{ font-family: var(--font-family-italic); margin-bottom: 10px;}
.hero-col-section{height: calc(100vh - 90px);margin-top: 90px; margin-bottom: 120px;}
.hero-img-thumb{width: 54%;overflow: hidden;}
.hero-img-thumb .bloc-target{position: relative;}
.hero-img-thumb .bloc-target:before{opacity: 0.6;}
.hero-col-section .hero-inner-content{width: 46%;position: unset;}
.hero-col-section .hero-inner-content .scrolling-text{width: 100%; position: unset; min-height: 190px;margin-bottom: 0;z-index: 2;}
.hero-col-section .hero-inner-content .scrolling-text span{opacity: 1;font-size: 150px;}
.hero-col-section .scrolling-text .parallax-target{left: auto; right: 0;}
.hero-col-section video{object-fit: cover; object-position: center; height: 100%;}
.hero-plain-text-section{height: auto;margin-top: 150px;}
.hero-plain-text-section h1, .hero-plain-text-section h6, .hero-plain-text-section p, .hero-form-section .hero-content h1, .hero-form-section .hero-content p{color: var(--grey-6);}
.hero-plain-text-section h1{font-size: 70px;}
.hero-plain-text-section .btn-wrap{margin-top: 10px;}
.narrow-hero-image-section {height: 60vh;margin-top: 90px;}
.narrow-hero-image-section .imagecontainer:before{padding-bottom: 60vh; }
.nohero{margin-top:110px;}
.hero-form-section{margin-bottom: 40px}
.hero-form-section .hero-img-thumb, .hero-form-section .hero-inner-content{width: 50%}
.hero-form-section .hero-img-thumb figure{max-width: 500px}
.hero-form-section .hero-inner-content .common-wrap{ padding:0 20px 0 40px }
.hero-form-section .hero-content{text-align: left; padding: var(--space-xl) 0;}
.hero-form-section .hero-content h1{margin-bottom: 10px}
.hero-form-section .hero-content p{margin-bottom: 8px}
.hero-form-section .gform_wrapper.gravity-theme .gift-voucher-amount .gfield_radio {display: flex; flex-flow: row wrap; gap: 10px}
.hero-form-section .gform_wrapper.gravity-theme .gfield_label, .vacancy-form .gform_wrapper.gravity-theme .gfield_label{width: 100%; text-transform: var(--text-uppercase);font-family: var(--font-family-alt-bold); font-weight: var(--font-bold); line-height: 1.3;letter-spacing: 2px; color: var(--grey-6); font-size: 13px}
.hero-form-section .gform_wrapper.gravity-theme .gift-voucher-amount .gfield_radio .gchoice{position: relative;}
.hero-form-section .gform_wrapper.gravity-theme .gift-voucher-amount .gfield_radio .gchoice label {width: 100%; background: #fff; position: relative; color: var(--grey-6); padding: 8px; max-width: 100%; border: 1px solid var(--grey-6);font-family: var(--font-family-alt-bold); font-size: 13px; letter-spacing: 0.3px}
.hero-form-section .gform_wrapper.gravity-theme .gift-voucher-amount .gfield_radio .gchoice label::after {content: "";opacity: 1;}
.hero-form-section .gform_wrapper.gravity-theme .gift-voucher-amount .gfield_radio .gchoice input[type="radio"] {display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0}
.hero-form-section .gform_wrapper.gravity-theme .gift-voucher-amount .gfield_radio .gchoice input[type="radio"]:checked + label {border-width: 1px;border-style: solid;border-image: linear-gradient(167deg, rgba(147, 102, 85, 1) 0%, rgba(246, 212, 197, 1) 50%, rgba(147, 102, 85, 1) 100%) 1; color: var(--mbrown);}
.hero-form-section .gform_wrapper.gravity-theme .gfield--type-quantity .gfield_description.instruction {display: none}
.hero-form-section .gform_wrapper.gravity-theme .ginput_container_total input{padding-left: 0; padding-right: 0; color: var(--grey-6);}
.hero-form-section .gform_wrapper.gravity-theme .ginput_container--name input, .hero-form-section .gform_wrapper.gravity-theme .gfield--type-email input, .hero-form-section .gform_wrapper.gravity-theme .gfield--type-phone input, .hero-form-section .gform_wrapper.gravity-theme .gfield--type-text input, .vacancy-form .gform_wrapper.gravity-theme .gfield--type-text input,
.vacancy-form .gform_wrapper.gravity-theme .gfield--type-phone input, .vacancy-form .gform_wrapper.gravity-theme .gfield--type-email input{border: 2px solid var(--grey-6); border-top: 0; border-left: 0; border-right: 0;outline: none; font-size: 13px; padding-left: 0; padding-right: 0}
.hero-form-section .gform_wrapper.gravity-theme .gfield--type-product{padding-bottom: 30px}
.hero-form-section .gform_wrapper.gravity-theme .gform-footer{padding-top: 49px}
.hero-form-section .gform_wrapper.gravity-theme .gform_validation_errors{display: none}
body .gform_wrapper.gravity-theme .gfield_description{font-size: 12px; border: 0;background: none; padding: 0;}
.hero-form-section .gform_wrapper.gravity-theme .gform_footer button{width: auto}
.hero-form-section .accordion{padding-top:0 ; margin-bottom: 0}
.hero-form-section .accordion-title, .hero-form-section .accordion-content, .hero-form-section .gform_confirmation_message{color: var(--grey-6);}
.hero-form-section .accordion-content{display: inline-block; width: 100%}
.hero-form-section .gform_confirmation_message{margin-top: var(--space-xl);}
/*.hero-form-section{height: auto;}*/
/*.hero-form-section .hero-img-thumb{height: 100%; aspect-ratio: 1 / 1}*/
/* ======================= Hero ======================= */
/* ======================= Booking Bar Block ======================= */
/*.full-hero-image-section{height: calc(100vh - 80px);}*/
.booking-bar-section, .notice-bar {float: left; width: 100%; padding: 20px 0; position: absolute; bottom: 0; left: 0;z-index: 4;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.booking-bar-section .common-wrap{position: relative;}
.booking-bar-section label{color: var(--white); font-family: var(--font-family-alt-bold); margin-right: 20px; text-transform: var(--text-uppercase); font-size: 12px; letter-spacing: 3px;}
.booking-bar-section input{margin-right: 20px; background-color: var(--grey-6); border: 2px solid var(--white); color: var(--white); outline: none; height: 40px; padding: 0 20px; background-image: url(assets/svg/calendar-wht.svg);background-repeat: no-repeat; background-size: 17px; background-position: 93% center; width: 180px; font-size: 13px;}
.booking-bar-section .btn{ margin-left: 20px; }
.booking-bar-section .main-logo {position: absolute;top: -13px; opacity: 0;-webkit-transition: all .3s ease-in-out; -moz-transition: all .4s ease-in-out;transition: all .3s ease-in-out;}
.booking-bar-section.fixedbar{position: fixed; top: 0; bottom: auto;}
.booking-bar-section.fixedbar.scrolling-up{top: 60px;}
.full-hero-image-section.fixedbar{margin-bottom: 80px;}
.booking-bar-section.fixedbar .main-logo{opacity: 1;}
.booking-bar-section.fixedbar.scrolling-up .main-logo {opacity: 0;}
.notice-bar h6{text-align: center; color: var(--white); margin-bottom: 0}
/* ======================= Booking Bar Block ======================= */
/* ======================= Contact Map Block ======================= */
.contact-map-section{position: relative; margin: 0 0 120px}
.contact-site-info{width: 47%; padding: 200px 0;}
.contact-site-info h6{text-align: center;}
.contact-site-info .site-info-text span, .contact-site-info .site-info-text address, .contact-site-info .site-info-text .address-link{font-size: inherit;}
.contact-map{width: 53%; position: absolute;top: 0; right: 0; height: 100%;}
.contact-map iframe{width: 100%; height: 100%;}
.hero-col-section + .contact-map-section{margin-top: -120px;}
.contact-site-info .site-info-text span {margin-bottom: var(--space-m);}
/* ======================= Contact Map Block ======================= */
/* ======================= Text Block ======================= */
.text-block-section {margin-bottom: 120px;}
.text-block-section .common-wrap{max-width: 1200px}
.text-block-section span{left: 20px;}
.text-block-inner{text-align: center;}
.text-block-section .common-wrap.sml-container{max-width: 670px}
/* ======================= Text Block======================= */
/* ======================= Text & Image Block======================= */
.image-text-section{margin-bottom: 120px;position: relative;}
.image-text-section .common-wrap{padding: 0;}
.image-block{width: 52%;position: absolute;height: 100%;left: 0;}
.image-text-section.row-rev .image-block{right: 0;left: auto;}
.image-text-section .image-block, .image-text-inner .content-block-wrap{min-height: 660px;}
.image-text-inner{float: left; width: 100%;}
.image-block-wrapper{height: 100%;}
.image-block-wrapper figure, .image-block-wrapper figure img{height: 100%;width: 100%;}
.content-block-wrap{width: 48%;float: right;}
.image-text-section.row-rev .content-block-wrap{float: left;}
/*.image-text-inner{padding-right: 20px;}*/
.content-block-wrap{padding: 75px 70px; margin-top: -50px}
.icon-stack-wrap .content-block-wrap{margin-top: -50px;}
.content-block{max-width: 385px;}
.half-width-layout .image-block{width: 50%;min-height: 740px;}
.half-width-layout .content-block-wrap{min-height: 740px;}
.half-width-layout .content-block{max-width: 100%; }
.content-block img{width: revert-layer;}
.text-block-section .icon-thumbnail, .wellness-booking-section .icon-thumbnail{margin-bottom: var(--space-l);}
.text-block-section .icon-thumbnail figure, .wellness-booking-section .icon-thumbnail figure{text-align: center;}
.text-block-section figure img, .wellness-booking-section figure img{max-width: 70px;display: inline-block;}
.image-text-section.bg-black .content-block-wrap {color: var(--white); padding: 160px 70px;}
.text-block-section + .image-text-section{margin-top: 50px;}
.icon-amenities-wrap{margin-top: var(--space-s);}
.icon-amenities-wrap img{max-width: 20px;}
.icon-amenities-item{width: 48%; margin-bottom: var(--space-base);}
.icon-amenities-item span{margin-left: var(--space-s);}
.icon-content-block{max-width: 100%;}
/* ======================= Text & Image Block======================= */
/* ======================= Text & Image Offset Block======================= */
.text-offset-content-section{margin-bottom: 120px;}
.text-offset-content{width: 45%;}
.text-offset-bottom-image {margin-top: 120px; overflow: hidden;}
.offset-image-container{width: 40%; margin-top: 100px;}
.offset-image-container figure{width: 100%; height: 630px;}
.text-offset-image-content {margin-top: var(--space-xl);}
.icon-stack{margin-top: var(--space-xl);}
.icon-stack .icon-item{ text-align: center; padding: 25px; margin-right: 20px ;display: flex!important; box-shadow: 0 4px 7px 0 rgb(0 0 0 / 7%), 0 4px 22px 0 rgb(0 0 0 / 10%);}
.icon-stack .icon-item h6{font-size: 12px; margin-bottom: 0;margin-top: 16px;letter-spacing: 0.7px;}
.offset-image-container .icon-item figure{height: auto; width: auto;}
.icon-stack .icon-item img{max-height: 55px; max-width: 55px; margin: 0 auto;}
/* ======================= Text & Image Offset Block======================= */
/* ======================= Focus Slider Block======================= */
.focus-slider-section{padding: 20px 0; margin-bottom: 130px;}
.focus-slider-inner{float: left; width: 100%;}
.focus-slider{float: left; width: 100%;}
.focus-slider .slick-track{padding: 44px 0;}
.focus-slide-item{margin: 0 15px; position: relative; box-shadow:0 4px 7px 0 rgb(0 0 0 / 7%), 0 4px 22px 0 rgb(0 0 0 / 10%);}
.slide-thumb figure{height: 570px;}
.slide-thumb img{object-fit: cover; height: 100%; width: 100%;}
.slide-item-content{position: absolute;bottom: 0;left: -1px; width: calc(100% + 2px); text-align: center;min-height: 313px;align-items: flex-end; transition: all 0.4s ease-in-out;}
.slide-item-content h5{font-family: var(--font-family); margin-bottom: 25px;}
.slide-item-content p{font-size: 12px;}
.slide-inner-content-wrap{position: relative;opacity: 1;}
.focus-slider-section .slick-slide.slick-current.slick-active{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; transition: all .6s ease-in; }
.focus-slider-section .slick-slide.slick-current.slick-active .slide-hidden-content{height: auto; }
.focus-heading{float: left; width: 100%;}
.focus-heading .scrolling-text{margin-bottom: -61px }
.focus-slide-inner{position: relative; overflow: hidden;float: left; width: 100%;}
.slide-content-wrap{float: left;transform: translateY(calc(100% - 77px));transition: 0.5s ease; width: 100%;background: var(--white);padding: 25px 15px;}
.focus-slider-section .slick-slide.slick-current.slick-active .slide-inner-content-wrap, .focus-slider-section .focus-slide-item.slick-active:hover .slide-inner-content-wrap{opacity: 1;}
.focus-slider-section .focus-slide-item.slick-active:hover .slide-content-wrap{transform: translateY(calc(0% + 1px)); transition: 0.5s ease;}
.focus-slider .slick-prev,.focus-slider .slick-next{background-color: var(--grey-6); border-radius: 100%; height: 60px; width: 60px;z-index: 2;}
.focus-slider .slick-prev{left: 73px;}
.focus-slider .slick-next{right: 73px;}
.slick-next:before, .slick-prev:before{content: ''; background-image: url(assets/svg/arrow-right-wht.svg); background-repeat: no-repeat; background-size: 20px; background-position: center;opacity: 1; width: 60px; height:60px; display: inline-block;}
.slick-prev:before{transform: rotate(180deg);}
/* ======================= Focus Slider Block======================= */
/* ======================= Parallax Banner Block======================= */
.parallax-banner-section{position: relative;min-height: 100vh; overflow: hidden;z-index: 2;}
.parallax-banner-section:before{background-color: rgb(16 15 15 / 40%)}
.parallax-banner-section .common-wrap{max-width: 975px; position: relative; z-index: 1;}
.parallax-banner-bg{position: absolute; width: 100%; height: 100%;}
.parallax-banner-bg h2{margin-bottom: var(--space-l);}
.parallax-banner-bg figure{float: left; width: 100%; height: 100vh;transform: translateX(10%);}
.parallax-banner-bg figure img{object-fit: cover; width: 100%; height: 100%;}
.parallax-banner-content {text-align: center; color: var(--white);}
.medium-height, .medium-height .parallax-banner-bg figure{min-height: 80vh;}
.narrow-height, .narrow-height .parallax-banner-bg figure{min-height: 60vh;}
.medium-height .parallax-banner-bg figure{height: 80vh;}
.narrow-height .parallax-banner-bg figure{height: 60vh;}
/* ======================= Parallax Banner Block======================= */
/* ======================= Feature area Block ======================= */
.feature-area-section{overflow: hidden; direction: ltr}
.feature-area-inner{position: relative;}
.feature-area-section .image-block{position: relative;}
.feature-area-section .content-block-wrap{position: absolute;z-index: 2; max-width: 500px; padding: 60px; top: 50%; transform: translate(-50%, -50%); width: 100%; left: 0; box-shadow:0 4px 7px 0 rgb(0 0 0 / 7%), 0 4px 22px 0 rgb(0 0 0 / 10%);margin-top: 0;}
.feature-area-section .content-block{text-align: center;}
.feature-area-section .scrolling-text .parallax-target{left: 12%;}
.feature-area-section .scrolling-text-container{top: 40px;}
/* ======================= Feature area Block======================= */
/* ======================= Feature area Block======================= */
.feature-column-area-section{margin-bottom: 120px;}
.feature-content-block-wrap{ text-align: center; }
.feature-area-column-inner .btn-wrap{text-align: center; margin-top: var(--space-l);}
.featured-columned-items{margin-top: var(--space-m); float: left; width: 100%;}
.image-block-wrap, .blog-item{float: left; width: 32%; position: relative;margin-bottom: var(--space-m);}
.image-block-wrap h5, .blog-item h5{font-family: var(--font-family);}
.detailed-view .image-block-wrap h5, .blog-item h5{margin-top: var(--space-m);}
.detailed-view .image-block-wrap p {font-size: 14px;}
.summary-view .image-block-wrap h5{font-family: var(--font-family); font-size: 17px; width: auto; position: absolute; top: 10px;right: 0; width: auto;background: white; padding: 5px 10px; border-radius: 20px;border-top-right-radius: 0; border-bottom-right-radius: 0;}
.parallax-banner-section+.feature-column-area-section{margin-top: 120px;}
.image-item-wrapper{opacity: 0}
/* ======================= Feature area Block======================= */
.blog-posts-section{float: left; width: 100%; padding: 120px 0 43px}
.blog-posts-section .blog-post-wrap{display: inline-block;}
/* ======================= Form ======================= */
.form-section h3{text-align: center; margin-bottom: var(--space-xxl);}
.form-section .gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 35px;}
.form-section .gform_wrapper.gravity-theme .gfield_label, .form-section .gform_wrapper.gravity-theme .gform_footer input[type=submit]{ width: 100%; text-transform: var(--text-uppercase);font-family: var(--font-family-alt-bold); font-weight: var(--font-bold); line-height: 1.3; letter-spacing: 2px; text-align: center;}
.form-section .gform_wrapper.gravity-theme input:not([type=submit]), .form-section .gform_wrapper.gravity-theme textarea{border: 2px solid var(--grey-6);border-top: 0;border-left: 0; border-right: 0; outline: none;}
.form-section .gform_wrapper .gfield_required{display: none;}
.form-section .gform_wrapper.gravity-theme .gform_footer .btn{width: 100%;}
.form-section .gform_wrapper.gravity-theme .gform_footer input[type=submit], .form-section .gform_wrapper.gravity-theme .gform_footer input[type=submit] { color: var(--white);margin: 0;font-size: 13px;background: transparent; outline: none; border: none;font-family: var(--font-family-alt-bold);text-align: center; text-transform: var(--text-uppercase);font-size: 13px; font-weight: var(--font-xbold);line-height: 1.71; letter-spacing: 3px;}
.gform_wrapper.gravity-theme .selectric {background: transparent; border-color: var(--grey-6); border-top: none; border-left: none;border-right: none; border-width: 2px;}
.gform_wrapper.gravity-theme .selectric .label{color: var(--grey-6); font-size: 1em; line-height: 34px; height: 34px;}
.selectric-items{background-color: var(--white); border: none}
.selectric-items ul, .selectric-items li{color: var(--grey-6);font-size: 1em;}
.selectric-items li:hover{background: #d5d5d554;}
.selectric .button{background: transparent;}
.selectric .button:after{border-top-color: var(--grey-6);}
.gform_required_legend{display: none;}
.selectric-items li.gf_placeholder{display: none;}
.form-section .gform_wrapper.gravity-theme .gform_footer .btn:hover input[type=submit]{color: var(--grey-6);}
.form-wrapper { width: 100%;max-width: 800px;}
.gform_wrapper.gravity-theme .gform_footer button{outline: none; border: 0;background: transparent; margin: 0; padding: 0; width: 100%}
/*Remove*/
.form-section .gform_wrapper.gravity-theme .gform_footer input[type=submit]{background-color: var(--grey-6);padding: 10px 40px}
/* ======================= Form ======================= */
/* ======================= Gallery Slider Block ======================= */
.gallery-slider-section {margin-bottom: 120px;}
.gallery-slider-section .scrolling-text{margin-bottom: -10px;z-index: 1;}
.gallery-slider-section .scrolling-text .parallax-target{left: 5%; opacity: 1;}
.gallery-slider-section .gallery-slider .slick-list{overflow: visible;}
.gallery-slider .gallery-item{width: auto;margin-right: 26px;max-width: 750px;}
.gallery-item figure{display: inline-block;}
.gallery-item figure img { width: auto;height: 485px;object-position: center;object-fit: cover;}
/* ======================= Gallery Slider Block ======================= */
/* ======================= Post List Block ======================= */
.post-list-section{margin-bottom: 120px;}
.post-list-item {margin-bottom: 50px;}
.post-list-item .post-thumb, .post-list-item .post-content {width: 50%;}
.post-list-item .post-thumb figure{width: 100%; height: 100%;height: 485px;}
.post-list-item .post-content{padding-left: 6.5%;}
.post-list-item .btn-wrap a{margin-bottom: 0; margin-top: 10px; flex: 1;}
.post-list-item .btn-wrap a:not(:last-child){margin-right: 10px;}
.post-gallery-slider, .gallery-item{float: left; width: 100%;}
html[dir=rtl] .post-list-item .post-content{padding-right: 6.5%; padding-left: 0}
html[dir=rtl] .post-list-item .btn-wrap a:not(:last-child){margin-right: 0px; margin-left: 10px}
.post-list-item .gallery-item figure img{width: 100%}
/* ======================= Post List Block ======================= */
/* ======================= Room Related Slider Block ======================= */
.related-rooms{margin: 120px 0 0;}
.related-rooms .scrolling-text {margin-bottom: -10px;z-index: 1;}
.related-rooms .scrolling-text .parallax-target{opacity: 1;left: 0;}
.related-rooms-slider .slick-list{overflow: visible;}
.full-w-room-item{margin-right: 25px;position: relative;}
.full-w-room-item:before{content: ''; height: 200px; position: absolute; bottom: 0; width: 100%; z-index: 1;background: linear-gradient(180deg, rgba(3,4,6,0) 0%, rgba(3,4,6,1) 100%);}
.full-w-room-item img{height: 532px;}
.related-rooms-slider .post-content, .blog-page-inner .post-content, .related-post-section .post-content{position: absolute; bottom: 0; width: 100%;left: 0;padding: 0 15px; color: var(--white);z-index: 1;text-align: center;}
.related-rooms-slider .post-content h4, .blog-page-inner .post-content h4, .related-post-section .post-content h4{font-size: 27px; margin-bottom: var(--space-base);}
.related-rooms-slider .full-w-room-item h6, .blog-page-inner .blog-item h6, .related-post-section .blog-item h6{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.related-rooms-slider .full-w-room-item:hover h6, .blog-page-inner .blog-item:hover h6, .related-post-section .blog-item:hover h6{color: var(--lbrown);}
.related-rooms-slider .slick-prev, .related-rooms-slider .slick-next{top: -50px;}
.related-rooms-slider .slick-prev{right: 97px; left: auto;}
/* ======================= Room Related Slider Block ======================= */
/* ======================= Testimonial Block ======================= */
.testimonial-section{padding: 120px 0;}
.testimonial-section .common-wrap{ max-width: 1200px;}
.testimonial-section h6{color: var(--white);text-align: center;text-transform: var(--text-uppercase);}
.testimonial-inner{position: relative;}
.testimonial-inner:before, .testimonial-inner:after{content: '';position: absolute;width: 60px; height: 60px;background-repeat: no-repeat; background-size: contain;}
.testimonial-inner:before{top: -15px;left: -15px; background-image: url(assets/svg/quote-icon.svg);}
.testimonial-inner:after{bottom: 45px; right: -15px;background-image: url(assets/svg/quote-icon-r.svg);}
.testimonial-slider h4, .testimonial-slider h6{color: var(--white); text-align: center; text-transform: var(--text-uppercase);}
.testimonial-slider h4{letter-spacing: 5px;}
.tripa-logo {position: relative; bottom: 15px;width: 100%;text-align: center;}
.tripa-logo img{max-height: 22px; display: inline-block;}
/* ======================= Testimonial Block ======================= */
.room-content-wrap .feature-column-area-section .aspect-ratio-16-9{padding-top: 92%;}
/* ======================= Instafeed ======================= */
.instagram-feed{margin-top: 84px;}
.instagram-feed h4{text-align: center;}
.instagram-feed h4 a{color: var(--sunset);font-size: 43px; line-height: normal; -webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
.instagram-feed h4 a span{font-size: 31px; line-height: 54px;}
/* ======================= Instafeed ======================= */
/* ======================= Footer ======================= */
.footer-section{overflow: hidden; padding: 90px 0 0;}
.footer-inner{float: left; width: 100%;}
.footer-logo img{max-height: 52px;}
.site-info{width: 30%;}
.site-info-text{margin-top: 30px;}
.site-info-text address, .site-info-text .address-link{font-size: 0.8750em;line-height: normal; color: var(--grey-6);padding-bottom: 10px;}
.site-info-text span{font-size: 0.8750em;line-height: normal; padding-bottom: 10px;}
.site-info-text span a{color: var(--grey-6);}
.address-link{text-decoration: underline;}
.site-info-text a{position: relative;}
.site-info .cRNpkX{float: left;}
.footer-menu-items {width: 70%;padding-left: 2%;}
.footer-col-item{width: 30%; padding-right: 2%; margin-top: 33px;}
.footer-col-item:nth-child(2){width: 36%;}
.footer-col-item h5, .awards h5{margin-bottom: 20px; font-size: 18px; font-family: var(--font-family);}
.footer-col-item ul li:not(:last-child) {padding-bottom: 10px;}
.footer-col-item ul li{line-height: normal; font-size: 1em;}
.footer-col-item ul li a, .footer-col-item.subscribe p{font-size: 0.8750em; line-height: normal; position: relative;}
.footer-col-item ul li a, .footer-bottom .disclaimers a{color: var(--grey-6);}
.footer-col-item.awards{ width: 22%; padding-right: 0;}
.footer-col-item.awards img, .awards img{max-height: 80px;}
.awards{padding-bottom: 70px}
.awards a:not(:first-child){margin-left: 15px;}
.tripadvisor{gap: 15px}
.footer-bottom{ padding: 70px 0 39px;float: left; width: 100%; position: relative;}
.footer-bottom p, .footer-bottom a {font-size: 12px; line-height: 1.5; margin-bottom: 0; position: relative;}
.footer-bottom a{color: var(--grey-6); }
.social-wrap{margin-top: 10px;}
.social-wrap a{line-height: normal; font-size: 14px; margin-right: 8px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.social-wrap img{height: 16px;}
.social-wrap a:hover img{opacity: 0.7;}
.footer-col-item.awards a:not(:last-child){margin-right: 5px;}
.tripadvisor h5 {margin-top: 20px; margin-bottom: 0;}
.tripadvisor .eapps-widget [class^="LayoutSidebar__Inner"] {justify-content: flex-start;}
/*.tripadvisor .eapps-widget [class^="BadgeContainer__Inner"] {margin: 0;padding: 10px 0 0;}*/
.tripadvisor .eapps-widget [class^="RatingValue__Container"]{font-size: 16px;}
.tripadvisor .eapps-widget [class^="RatingItemFilledSvg__Container"]{ width: 17px;height: 17px;}
body #CDSWIDCOE.widCOE {border: 0 !important}
body .trip-advisor-award div{margin: 0 !important}
body .trip-advisor-award div div {width: auto !important}
body .trip-advisor-award a:not(:first-child) {margin-left: 0px; margin-right: 0}
body .trip-advisor-award a img { margin-top: -16px; margin-bottom: -18px; height: calc(100% + 35px); max-height: 115px; object-fit: contain;}
#CDSWIDCOE.widCOE.cx_brand_refresh .widCOETitle{padding-top: 0!important}
#CDSWIDCOE.widCOE.cx_brand_refresh .widCOEImg{margin-top: -12px !important; width: 97px}
#CDSWIDCOE.widCOE.cx_brand_refresh .widCOEReadReviews{display: none}
.footer-col-item.subscribe { margin-top: 33px; padding-right: 0;}
.awards h5{margin-bottom: 16px;}
.awards p{line-height: 26px;margin-bottom: 6px;}
.footer-col-item.subscribe input:not([type=submit]){border: 0; border-bottom: 2px solid var(--grey-6); width: 100%; font-size: 13px; height: 40px; outline: none; color: var(--grey-6);}
.footer-col-item.subscribe input[type=submit]{text-transform: uppercase;color: var(--white);outline: none; border: none; background-color: inherit; letter-spacing: 3px; padding: 0; line-height: normal; }
.footer-col-item.subscribe form .btn{display: inline-block;width: 100%; margin-top: 10px;}
.footer-col-item.subscribe form .btn:hover {background-color: var(--white);}
.footer-col-item.subscribe form .btn:hover input{color: var(--mbrown);}
/* ======================= Footer ======================= */
/* ======================= Modal ======================= */
.modalOpen {overflow-y: hidden;}
.popup-hidden{display: none;}
.modal-wrap, .img-grid-pop-up {width: 100%; height: 100vh; position: fixed; top: 0; left: 0; padding: 70px 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999999999; overflow-y: scroll; display: none;}
.modal-wrap .common-wrap, .img-grid-pop-up .common-wrap{max-width: 885px; height: 100%;}
.modal-innar{width: 100%; position: relative; height: 100%;}
.modal-item-wrap{width: 100%; position: relative; height: 100%;}
.modal-item.modalShown{z-index: 1; opacity: 1; visibility: visible;}
.modal-item{width: 100%; background-color: var(--white); overflow: hidden; overflow-y: scroll;position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 0; max-height: calc(100vh - 140px);}
.modal-item.modalShown{z-index: 1; opacity: 1; visibility: visible;}
.modal-content{background-color: var(--grey-6); color: var(--white); width: 100%;}
.modal-img{width: 44%; height: 100%}
.modal-img figure{height: 100%; }
.modal-wrap .imagecontainer:before, .img-grid-pop-up .imagecontainer:before{padding-bottom: 120%;}
.modal-item-content{width: 56%; padding: 115px 40px;text-align: center;}
.modal-item-content p:not(.full-modal p){ font-size: 21px; margin-bottom: var(--space-base);}
.modal-item-content h3{margin-bottom: var(--space-base); font-size: 55px;}
.modal-item-content h6 span{padding: 0 10px; background-color: var(--grey-6);position: relative; z-index: 2;}
.modal-item-content h6{color: var(--lbrown); letter-spacing: 1.5px;margin-bottom: var(--space-m); background-color: var(--grey-6);position: relative;width: auto; font-size: 15px;}
.modal-item-content h6:after{content: ''; position: absolute;top: 10px;background: var(--lbrown); height: 1px;left: -8%; width: 116%;}
.modal-item-content .btn-wrap{margin: 0}
.modal-close, .popup-close{position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; cursor: pointer; z-index: 9;text-align: center;}
.modal-close:before, .modal-close:after, .popup-close:before, .popup-close:after{content: ''; background-color: var(--white); width: 30px; height: 1px; transform: rotate(45deg);position: absolute; right: 0; top: 15px;}
.modal-close:after, .popup-close:after{transform: rotate(-45deg);}
.modal-item-content.full-modal{width: 100%; height:100%}
.modal-item-content ul {display: flex; flex-flow: column; align-items: center;}
.modal-item-content ul li:not([role=presentation]):not(.menu-item):not(.label):not(.label-inactive):not(.tag-item):not(.category-item):not(.selectric-items li):not([role=tab]):not(.card-list li):before{background-color: var(--white);}
.checkbox-wrapper{margin-bottom: 40px; width: 100%}
.checkbox-wrapper label{padding-left: 30px; position:relative; }
.checkbox-wrapper input[type="checkbox"] { display: none;}
.checkbox-wrapper label:before,
.checkbox-wrapper label:after{
bottom: 0;
content: '';
margin: auto;
position: absolute;
top: 0;
}
.checkbox-wrapper label:after {
content: "";
background-color: transparent;
border: solid 1px #fff;
display: inline-block;
height: 13px;
left: 0;
position: absolute;
top: 0;
transition: left .25s, background-color .13s;
width: 13px;
}
.checkbox-wrapper input[type="checkbox"]:checked + label:before {
background-color: #fff;
color: #ffffff;
left: 3px;
top: 0px;
z-index: 9;
width: 9px;
height: 9px;
}
/* ======================= Modal ======================= */
/* ======================= 404 ======================= */
.error-404-page {height: 100vh;padding: 120px 0;}
.error-404-page .common-wrap{height: 100%;}
.error-404-page-inner{height: 100%; text-align: center;justify-content: center;}
.error-404-page h2{font-size: 190px; margin-bottom: 0;font-family: var(--font-family); color: var(--sunset); text-transform: uppercase; line-height: normal;-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
/* ======================= 404 ======================= */
/* ======================= Promotional Cards ======================= */
.promotional-cards-section{padding: 0px 0 100px;}
.promotional-cards-section .common-wrap{max-width: 1100px;}
.card-wrap{justify-content: center; gap: 20px 2.4%}
.card-item{width: 100%; box-shadow: 7px 7px 15px 0 rgb(0 0 0 / 21%); background: #fff; position: relative;}
.card-header{padding: 30px 25px 25px; position: relative;}
.card-header:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
.card-header h4{margin-bottom: 6px; text-transform: uppercase; line-height: normal; -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(211deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
.card-header p{font-size: 12px; font-family: var(--font-family-alt-bold); text-transform: uppercase; margin-bottom: 0;}
.card-body{ padding: 20px 25px; display: inline-block; width: 100%;}
.card-list ul li{font-size: 13px; margin-bottom:10px;}
.card-header span{font-family: var(--font-family-alt-bold); font-size: 12px;width: auto;position: absolute; top: 13px;right: 0; background: var(--black);padding: 5px 10px; border-radius: 20px;border-top-right-radius: 0; border-bottom-right-radius: 0;color: var(--white);text-transform: uppercase;}
.subtext {font-size: 0.8em; text-align: center; width: 100%; margin-top: 20px;}
.promotional-cards-heading h4{text-align: center; margin-bottom: 50px}
/* ======================= Promotional Cards ======================= */
.video-section{padding: 0 0 120px}
.video-section .common-wrap {
max-width: 1100px;
}
.video-section video{width: 100%;}
/* ======================= Mailchimp Sign Up ======================= */
.subscription-form-section {padding: var(--space-xxl) 0; color: var(--white);}
.subscription-form-section h3{text-align: center; margin-bottom: var(--space-base);}
.subscription-form-section h3 span{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(211deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
.subscription-form-section p{text-align: center;margin-bottom: var(--space-l);}
.subscription-form-section input:not([type=submit]){background-color: var(--grey-6); border: 2px solid var(--white); color: var(--white); outline: none; height: 40px; padding: 0 20px; font-size: 13px;padding: 0 20px; min-width: 255px;}
.subscription-form-section input[type=submit]{text-transform: uppercase;color: var(--white);outline: none; border: none; background-color: inherit; letter-spacing: 3px; padding: 0; line-height: normal; }
.subscription-form-section form .btn{display: inline-block;margin-left: 20px;}
.subscription-form-section form .btn:hover {background-color: var(--grey-6);}
.subscription-form-section form .btn:hover input{color: var(--mbrown);}
.subscription-form-section form .btn span{line-height: 1.54}
/* ======================= Mailchimp Sign Up ======================= */
/* ======================= Mailchimp Sign Up ======================= */
.notice-banner-section {text-align: center; margin-bottom: 40px}
.notice-inner{max-width: 1200px; margin: 0 auto; padding: var(--space-l) 0; border-width: 2px;border-style: solid;border-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%) 1;box-shadow: 7px 7px 15px 0 rgb(0 0 0 / 21%);}
.notice-banner-section p{font-size: 14px}
.text-block-section .wow :last-child, .notice-inner .common-wrap :last-child{margin-bottom: 0}
/* ======================= Mailchimp Sign Up ======================= */
.wellness-booking-section{margin-bottom: 120px;}
.wellness-booking-section iframe{padding: 20px; border: 1px solid var(--grey-6); margin-top: 50px;}
/* ======================= Blog ======================= */
.blog-page-wrap{margin-top: 100px}
.blog-page-wrap .hero-wrap{padding: 50px 0 0}
.hero-inner .common-wrap{max-width: 750px}
.blog-title { text-align: center;}
.blog-title p{font-size: 18px}
.blog-title a{color: inherit;}
.featured-blog-post-wrap{padding: 50px 0; margin-top: 50px}
.featued-blog-item .post-thumb{width: 100%}
.featued-blog-item .post-content{width: 100%; padding: 20px 50px; color: var(--white);}
.featued-blog-item .post-content h4{margin-bottom: var(--space-s);}
.featued-blog-item .category-tab-wrap {margin-bottom: var(--space-base);}
.featued-blog-item .btn-wrap .btn{display: inline-block;}
.blog-post-wrap{margin: 77px 0 var(--space-m);}
.blog-item{margin-bottom: var(--space-xxl); width: 100%}
.category-item{font-family: var(--font-family-alt-bold); font-size: 11px;width: auto; color: var(--white);text-transform: uppercase;}
.category-tab-wrap{margin-bottom: var(--space-s); display: inline-block; width: 100%}
.blog-page-inner .blog-item h6, .related-post-section .blog-item h6{font-size: 14px}
.blog-item img{height: 440px}
.blog-item:before{height: 220px}
.paginate-wrapper{width: 100%; padding: 10px 0}
.paginate-wrapper a{color: var(--grey-6);}
.page-numbers{margin: 0 5px; font-family: var(--font-family-alt-bold); font-weight:var(--font-xbold); text-transform: uppercase;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.current{text-decoration: underline;}
.page-numbers:hover{color: var(--mbrown);}
html[dir=rtl] .featued-blog-item .post-content{padding-left: 1%; padding-right: 50px}
/* ======================= Blog ======================= */
/* ======================= Blog Single ======================= */
.post-page-section{margin-top: 150px}
.blog-post-header .common-wrap, .related-post-section .common-wrap{max-width: 1000px}
.blog-post-header .category-tab-wrap{margin-bottom: var(--space-m);}
.blog-post-header .category-tab-wrap li{color: var(--grey-6); font-size: 13px}
.post-header {padding: 0 10%; display: inline-block; width: 100%; margin-bottom: var(--space-base);}
.post-header h1{font-size: 46px; text-align: center;}
.post-page-section .post-thumb .aspect-ratio-16-9{padding-top: 60%}
.blog-post-content{margin-top: var(--space-xxl);}
.blog-post-content .common-wrap{max-width: 800px}
.tags{margin-top: var(--space-xxl);}
.tag-item {background-color: var(--grey-6); color: var(--white);padding: 5px 10px;border-radius: 20px; font-family: var(--font-family-alt-bold); text-transform: uppercase; font-size: 11px; margin: 5px; border: 1px solid var(--black);}
.tag-item a, .category-item a{color: inherit;}
.tag-item{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.tag-item:hover{background: transparent; color: var(--black);}
.category-item a:hover{text-decoration: underline;}
.related-post-section {margin-top: var(--space-xxl); padding: var(--space-xxl) 0;}
.related-post-inner{margin-top: var(--space-m);}
.related-post-section .blog-item{margin-bottom: 0}
.wp-block-image{margin-bottom: var(--space-m);}
.blog-post-content a:not(.tag-item a){text-decoration: underline; color: inherit;}
.wp-block-image figcaption{font-size: 11px; text-align: center;}
.related-post-section h3{color: var(--sunset); width:auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(211deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
.related-title{text-align: center;}
/* ======================= Blog Single ======================= */
/* ======================= Accordion ======================= */
.accordion{box-shadow: 7px 7px 15px 0 rgb(0 0 0 / 21%); background: #fff; padding: 25px; position: relative; margin-bottom: 100px}
.accordion-item{ padding: var(--space-l) var(--space-l) var(--space-s) var(--space-xs); position:relative; }
.accordion-item:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--grey-6);}
.active-item.accordion-item:after{background: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%); }
.accordion-content-row{display: none}
.accordion-title{cursor: pointer; position: relative;}
.accordion-title:after{ content: ''; position: absolute; top: 5px; right: -21px; background-image:url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; width: 12px; height: 11px; background-size: contain;}
.active-item.accordion-item .accordion-title:after{transform: rotate(180deg);}
.accordion-section .scrolling-text{margin-bottom: -56px; z-index: 1; margin-left: -60px; }
.accordion-section .scrolling-text span{opacity: 1}
/* ======================= Accordion ======================= */
.image-grid-pop-up-section{margin-bottom: 120px}
.feature-content-block{float: left; width: 100%}
.image-grid-pop-up--wrapper{gap: 20px}
.grid-half{display: grid; grid-template-rows: auto auto 1fr;grid-template-rows: auto; grid-template-columns: 4fr 2fr 2fr; margin: 0 -1.2em}
.grid-half .grid-item:nth-child(1){grid-row: 1 / 3;grid-column: 1 / 2;}
.grid-half .grid-item:nth-child(2){grid-row: 1 / 2; grid-column: 2 / 3;}
.grid-half .grid-item:nth-child(3){grid-row: 1 / 2; grid-column: 3 / 4;}
.grid-half .grid-item:nth-child(4){grid-row: 2 / 3;grid-column: 2 / 3;}
.grid-half .grid-item:nth-child(5){grid-row: 2 / 3;grid-column: 3 / 4;}
.grid-half .grid-item:nth-child(1) .col-thum{ aspect-ratio: 80 / 66;height: auto;}
.grid-half .grid-item:nth-child(n+2) .col-thum{aspect-ratio: 5 / 4; height: auto;}
.grid-half .grid-item:nth-child(2).has-2 {grid-row: 1 / 3; grid-column: 2 / 3;}
.grid-half .grid-item:nth-child(3).has-2 {grid-row: 1 / 3; grid-column: 3 / 4;}
.grid-half .grid-item:nth-child(n+2).has-2 .col-thum{height: 100%; aspect-ratio: unset;}
.grid-item {position: relative; margin: 1.2em}
.col-content{position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 20px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 1}
.col-content p{font-size: 13px;}
.col-content .btn{display: inline-block; position: absolute; bottom: 20px; opacity: 0; padding: 7px 20px; min-width: auto; z-index: 1}
.inner-grid-item{height: 100%; width: 100%}
.col-thum{position: relative;}
.col-thum, .col-thum figure{height: 100%;width: 100%}
.image-grid-pop-up--wrapper a{color: var(--white);}
.col-thum:before {
content: '';
height: 50%;
position: absolute;
bottom: 0; width: 100%; z-index: 1; background: linear-gradient(180deg, rgba(3, 4, 6, 0) 0%, rgb(3 4 6 / 78%) 100%);
}
.grid-full{width: 100%;}
.grid-full figure{aspect-ratio: 16 / 6}
.grid-half-half{display: grid; grid-template-rows: auto auto 1fr;grid-template-rows: auto; grid-template-columns: 4fr 4fr; margin: 0 -1.2em}
.grid-half-half .grid-item:nth-child(1){grid-row: 1 / 3;grid-column: 1 / 2;}
.grid-half-half .grid-item:nth-child(2){grid-row: 1 / 3;grid-column: 2 / 2;}
.grid-half+ .grid-half-half{margin-top: -1.2em}
.grid-thirds{display: grid; grid-template-rows: auto auto 1fr;grid-template-rows: auto; grid-template-columns: 3fr 3fr 3fr; margin: 0 -1.2em}
.grid-thirds .grid-item:nth-child(1){grid-row: 1 / 3;grid-column: 1 / 2;}
.grid-thirds .grid-item:nth-child(2){grid-row: 1 / 3;grid-column: 2 / 3;}
.grid-thirds .grid-item:nth-child(3){grid-row: 1 / 3;grid-column: 3 / 3;}
.grid-thirds .grid-item .col-thum{height: auto; aspect-ratio: 10 / 12}
.tab_text{position: absolute; z-index: 1;right: 0px; top: 10px; background-color: var(--white); border-radius: 20px; padding: 5px 10px; color: var(--black); font-family: var(--font-family); font-size: 17px; border-top-right-radius: 0; border-bottom-right-radius: 0}
.img-grid-pop-up .modal-item-content{padding: 70px 40px}
.img-grid-pop-up .modal-item-content p:not(.full-modal p){font-size: 14px}
.img-grid-pop-up .modal-content{background-color: var(--white); color: var(--grey-6);}
.popup-close:before, .popup-close:after{background-color: var(--grey-6);}
.img-grid-pop-up .modal-item-content .btn-wrap{margin-top: 14px}
.interactive-map-img {
position: relative;
display: inline-block;
width: 100%;
}
.map-pins {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; /* Allow clicks through to map areas */
}
.pin {
position: absolute;
width: 10px;
height: 16px;
background-image: url(assets/svg/location_pin.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}
/* Popup is positioned RELATIVE to its parent pin */
.popup-content {
position: absolute;
bottom: 100%;
left: 0;
background-color: #ffffff;
padding: 10px;
box-shadow: 0px 5px 20px -5px rgb(19 28 112 / 10%);
opacity: 0;
visibility: hidden;
transform: translateX(20px); /* Start 20px to the right */
transition: all .4s ease-in-out;
font-weight: 500;
width: 265px;
white-space: normal;
background-image: linear-gradient(125deg, rgba(251, 232, 231, 1) 0%, rgba(227, 195, 187, 1) 31%, rgba(198, 151, 134, 1) 100%);
pointer-events: auto;
}
.pin.active .popup-content {
opacity: 1;
visibility: visible;
transform: translateX(0); /* Slide to final position */
}
/* When popup needs to align right */
.popup-content.align-right {
left: auto;
right: 0;
transform: translateX(-20px); /* Start from left when aligned right */
}
.pin.active .popup-content.align-right {
transform: translateX(0);
}
.pin.active .popup-content {
opacity: 1;
visibility: visible;
}
.popup-title {
font-size: 16px;
font-family: var(--font-family-alt);
margin-bottom: 6px;
}
.popup-description {
font-size: 11px;
margin-bottom: 0;
}
/* Pin positions - popups automatically align */
.lionshead {right: 25.8%; top: 38.5%; }
.signalhill {right: 26.8%; bottom: 45%; }
.stadium {right: 27.1%; bottom: 28.5%; }
.castle {left: 35.5%; top: 54%; }
.va {right: 40.1%;bottom: 23.5%; }
.aquarium {right: 40.1%;bottom: 26.5%; }
.greenpoint {right: 16.1%; bottom: 27%; }
.tablemountain{right: 42.3%; top: 24%;}
.bokaap { right: 38%; top: 56%; }
.cg { left: 55%;top: 52%;}
.campsbay { right:30.5%; top: 40%; }
.prom { right: 13.2%;bottom: 28%; }
.otwo {right: 18.8%; bottom: 23%; }
.kirstenbosch { left: 21%; top: 36%; }
.constantia { left: 26.2%;top: 27%; }
.penguins { left: 23%; top: 19%; }
.capepoint { left: 18.3%; top: 14.5%; }
.prom .popup-content{left: auto; right: 0}
.popup-content.align-right {left: auto;right: 0;}
.pin.active{z-index: 3}
@keyframes rotate {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
/* .pin.otwo {
width: 50px;
height: 50px;
background: #030406;
border-radius: 50%;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
perspective: 1000px;
} */
/* Logo inside that rotates */
/* .pin.otwo::before {
content: '';
width: 40px;
height: 40px;
background-image: url('https://www.otwo.co.za/wp-content/uploads/2024/01/O2-Logo-opt-300x271.webp');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
animation: rotate 3s linear infinite;
transform-style: preserve-3d;
} */
.pin.otwo::before {
content: 'You are here';
width: 56px;
height: 40px;
font-family: var(--font-family-alt-bold);
text-transform: uppercase;
font-size: 11px;
line-height: 13px;
position: absolute;
top: -29px;
left: 50%;
transform: translateX(-49%);
text-align: center;
}
.text-columned-section{color: var(--white); padding: 120px 0; position: relative; z-index: 2}
.text-columned-section ul li:not([role=presentation]):not(.menu-item):not(.label):not(.label-inactive):not(.tag-item):not(.category-item):not(.selectric-items li):not([role=tab]):not(.card-list li):before{background-color: var(--white);}
.outlined-cards-section{padding: 80px 0 120px; text-align: center;}
.outlined-cards-section .slick-list{padding-top: 80px !important; padding-bottom: 50px !important;}
.outlined-cards-section .card-item{box-shadow: 0 0 0 2px var(--grey-6);-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in;margin: 0 10px; background-color: var(--white);}
.outlined-cards-section .card-item .card-header{padding-top: 40px}
.outlined-cards-section .card-item.slick-current.slick-active{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); z-index:9; box-shadow:7px 7px 15px 0 rgb(0 0 0 / 21%), inset 0 0 0 1.5px var(--grey-6) }
.outlined-cards-section .slick-prev{left: calc(50% - 55px); bottom: -10px; width: 50px; height: 50px; top: auto;}
.outlined-cards-section .slick-next{right: calc(50% - 55px); bottom: -10px; width: 50px; height: 50px; top: auto}
.outlined-cards-section .slick-next:before, .outlined-cards-section .slick-prev:before{ width: 50px; height: 50px;}
.outlined-cards-section .slick-slider{padding-bottom: 70px}
/*Careers*/
.hero-centred-text {text-align: center; width: 100%; padding: 130px 0 30px; }
.job-listing-wrapper{padding: 120px 0}
.job-listing-wrapper .common-wrap{max-width: 1110px}
.careers-list-header .gradient-text span{opacity: 1; font-size: 80px; }
.filter-btn-wrap{gap: 10px; margin-bottom: 70px; padding-top: 30px; flex-flow: row wrap; align-items: center;}
.filter-btn-wrap .btn-secondary-outline, .job-card .btn-secondary-outline{box-shadow: inset 0px 0px 0px 1px var(--grey-6); padding: 10px 20px; min-width: auto; font-size: 12px}
.filter-btn-wrap .btn-secondary-outline:hover{background-color: var(--grey-6); color: var(--white);}
.filter-btn-wrap .btn::before, .filter-btn-wrap .btn::after{display:none}
.filter-btn-wrap .btn span::before, .filter-btn-wrap .btn span::after{display: none}
.border-b{border-bottom: 1px solid var(--grey-6);}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.job-filter.active{background-color: var(--grey-6); color: var(--white);}
.job-card{padding: var(--space-xl); border: 1px solid var(--grey-6); gap:var(--space-m); align-items: end; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.sml-label{text-transform: uppercase; letter-spacing: .2em; font-weight: 700;font-size: 10px; padding-top: 0.25rem; padding-bottom: 0.25rem;padding-left: 0.5rem; padding-right: 0.5rem;}
.job-tag{background-color: rgb(197 160 101 / 0.1);color: var(--mbrown);}
.job-category-wrapper{gap: 0.5rem}
.job-card-details {gap: var(--space-s);}
.job-card-details h3{transition-property: color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms;}
.job-card-details h3, .job-card-details p{margin-bottom: 0}
.job-card-details p{font-size: 14px;max-width: 36rem;}
.job-listing-container{gap: var(--space-base);}
.job-card .btn::before, .job-card .btn::after{height: 1px}
.job-card .btn span::before, .job-card .btn span::after{width: 1px}
.job-card:hover{box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; border-color: var(--mbrown)}
.job-card:hover h3{color: var(--mbrown)}
.page-id-2796{overflow: visible;}
.aspectR-16-8-height{min-height: auto; aspect-ratio: 16 / 8}
.aspectR-16-8-height .bloc-target{ transform: scale(1.1);
-webkit-transform: scale(1.1);}
.aspectR-16-8-height .bloc-target figure{height: 100%; transform: translate(5%, 10%);}
.sticky-left-section{padding: 120px 0; }
.sticky-section-wrapper{display:grid ;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 5rem; color: var(--white);}
.gradient-text-inner{ color: var(--sunset);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(167deg, rgba(147, 102, 85, 1) 0%, rgba(246, 212, 197, 1) 50%, rgba(147, 102, 85, 1) 100%);}
.sticky-left-section .sticky{ top: 100px; align-self: start; }
.sticky-cards-right{border-bottom: 1px solid rgb(31 41 55); padding-bottom: var(--space-xxl);}
.count-num{font-size: 40px; margin-bottom: var(--space-base); display: flex; font-family: var(--font-family-alt-bold);}
.sticky-cards-right h3, .sticky-cards-right p{margin-bottom: var(--space-base);}
.sticky-cards-right{padding-top: var(--space-xl); margin-top: var(--space-base);}
.sticky-cards-right:first-child{margin-top: 0; padding-top: 14px}
.sticky-left-section .left-col-section {padding-bottom: var(--space-xxl);}
.sticky-left-section .left-col-section p{max-width: 28rem}
/*Vancancy*/
.vacancy-post-header{margin-top: 90px; padding: 80px 0}
.vacancy-title{ color: var(--white);}
.vacancy-title h1{margin-bottom: 0}
.vacancy-post-content{position: relative; padding: 120px 0}
.single-vacancy{overflow: visible;}
.vancancy-details{width: 53%}
.vacancy-form{width: 34%}
.vacancy-form .sticky{top: 100px}
.vacancy-form-wrapper{box-shadow: 7px 7px 15px 0 rgb(0 0 0 / 21%); padding: 44px 25px 20px; margin-left: auto; margin-right: auto; max-width:380px }
.vacancy-form .gform_heading{text-align: center; }
.vacancy-form .gform_heading h2{font-size: 30px; margin-bottom: var(--space-s);}
.vacancy-form form{padding-top: var(--space-base);}
.vacancy-form .gform_wrapper.gravity-theme .gfield_label{margin-bottom: 0}
.vacancy-form .gform_wrapper.gravity-theme .gform_fields{grid-row-gap: var(--space-m);}
.vacancy-form .gfield_description.gform_fileupload_rules{display: none}
body .vacancy-form .gform_wrapper.gravity-theme .gform_footer{margin-top: var(--space-m);}
/* =======================================================================================================
============================================ Responsive style ========================================== */
/* Mobile Layout: 480px and smaller screens
----------------------------------------------------------------------------------
*/
@media only screen and (max-width: 480px) {
.mobi{display: block;}
.desk{display: none;}
.tablet{display: block;}
.btn span.desk{display: none!important;}
/* ======================= Global style Start ======================= */
body{font-size: 14px;}
h1, .h1{font-size: 45px;}
h2, .h2{font-size: 40px;}
h3, .h3{font-size: 27px;}
h4, .h4, .vacancy-post-content h3{font-size: 25px; margin-bottom: var(--space-base);}
h5{font-size: 20px; }
h6{font-size: 14px; }
p{font-size: 1em; margin-bottom: var(--space-base);}
.note em{font-size: 16px;}
.lead-text{font-size: 16px}
/* ======================= Global style End ======================= */
/* ======================= Buttons Start ======================= */
.btn{font-size: 12px;}
/* ======================= Buttons Start ======================= */
/* ======================= Flexbox Start ======================= */
.m\:flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.m\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.m\:flex-vertical-align{-webkit-box-align: center; align-items: center;}
.m\:flex-start{-webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start;}
.m\:flex-column{flex-flow: column;}
.m\:flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
/* ======================= Flexbox End ======================= */
.slick-prev, .slick-next{width: 40px; height: 40px;}
.slick-prev{left: 10px;}
.slick-next{right: 10px;}
.slick-next:before, .slick-prev:before{width: 40px; height: 40px;background-size: 15px;}
/* Default Layout End
-------------------------------------------------------------------------------
*/
/* Header Start
-------------------------------------------------------------------------------
*/
.main-logo img, .home .headroom--top .main-logo img{max-height: 55px;}
.header-inner{padding: 10px 0;}
.header-section .phone-nav{display: inline-block;}
.language-switcher{display: inline-block;}
.main-nav{display: none; position: absolute; top: 80px;}
.headroom--not-top .header-inner{padding: 6px 0;}
.header-section nav ul li{display: block;padding: 0 0 20px 0;}
.header-section nav ul li {display: inline-block; width: 100%;}
.nav-buttons a{width: 100%; margin-right: 0; padding: 12px 24px;}
/*.navShown .header-section:before{content: '';background-color: var(--grey-6);min-height: 100vh; width: 100%;position: absolute; top: 0; left: 0;}*/
.navShown .phone-nav div {transform: rotate(45deg); top: 7px;}
.navShown .phone-nav div:before {transform: rotate(-90deg); top: -6px; transition: .3s ease; width: 22px;}
.navShown .phone-nav div:after{display: none;}
.navShown .main-nav{display: block;}
.booking-bar-section .btn{margin-left: 0;}
.main-nav ul{overflow: hidden; float: left; width: 100%;}
.main-nav ul li {transform: translate(-100%);transition: all cubic-bezier(.18,.55,.17,.99) .9s;}
.main-nav ul li.slide-out-item-show {transform: translateX(0);}
.main-nav li .sub-menu{position: relative; left: 0; padding: 12px var(--space-base) 2px;}
.main-nav li .sub-menu li{margin-bottom: 15px}
.nav-inner{float: right; min-height: 100vh; height: 100%; position: fixed;left: auto;right: 0;top: 0; z-index: 999;width: 300px;max-width: 550px; padding: 70px;background-color: var(--grey-6);overflow-y: scroll;transform: translateX(100%);-webki-ttransition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;padding: 75px 40px 40px; }
.navShown .nav-inner{transform: translateX(0);}
.header-section.dark-header nav > ul > li > a{color: var(--white);}
.header-section.dark-header nav ul li.menu-item-has-children > a:after{background-image: url("data:image/svg+xml;utf8,");}
.header-section nav ul li.menu-item-has-children > a:hover:after, .headroom--not-top.header-section.dark-header nav ul li.menu-item-has-children > a:hover:after {background-image: url(data:image/svg+xml;utf8,);}
.navShown .header-section.dark-header .switcher .selected a{color: var(--white);}
.navShown .header-section.dark-header .phone-nav div, .navShown .header-section.dark-header .phone-nav div:before, .navShown .header-section.dark-header .phone-nav div:after{background: var(--white);}
/* Header End
-------------------------------------------------------------------------------
*/
/*.scrolling-text-container{position: absolute; width: 100%; top: 60px;}*/
.scrolling-text{ margin-bottom: -56px;min-height: 85px;}
.scrolling-text span{font-size: 55px; font-family: var(--font-family); color: var(--sunset); opacity: 0.8; text-transform: uppercase; line-height: normal;-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
/*.paralax-right{position: relative; z-index: 1; float: left; width: 100%}
.scrolling-text .parallax-target{position: absolute;display: inline-block;left: 20px;}*/
/* ======================= Hero ======================= */
.hero-section{margin-bottom: 60px;}
.hero-col-section{height: calc(86vh - 75px); margin-top: 75px;margin-bottom: 60px;}
.hero-img-thumb, .hero-col-section .hero-inner-content, .hero-form-section .hero-img-thumb, .hero-form-section .hero-inner-content{width: 100%;}
.hero-img-thumb{height: 100%;}
.hero-img-thumb figure{ height: 100%; }
.hero-col-section .hero-content, .hero-col-section .hero-inner-content .common-wrap, .hero-col-section .hero-inner-content{height: auto;}
.hero-col-section .hero-inner-content .common-wrap{padding: 0;}
.hero-col-section .hero-inner-content{width: auto;text-align: left;}
.hero-col-section .hero-content{text-align: left;}
.hero-col-section .hero-inner-content .scrolling-text{min-height: 88px;margin-top: 15px;}
.hero-col-section .hero-inner-content .scrolling-text span{font-size: 55px;left: 30%; white-space: nowrap; width: 200%;}
.hero-section .imagecontainer:before{padding-bottom: 110vh}
.hero-col-section .imagecontainer:before{padding-bottom: 129%}
.hero-form-section{height: 100%; margin-bottom: 20px}
.hero-form-section .hero-inner-content .common-wrap{padding: 0 20px}
/* ======================= Hero ======================= */
/* ======================= Text Block======================= */
.text-block-section, .wellness-booking-section{margin-bottom: 60px;}
/* ======================= Text Block======================= */
/* ======================= Text & Image Block======================= */
.image-text-section{margin-bottom: 60px;}
.image-text-section .common-wrap{padding: 0 20px}
.image-block{position: relative; height: auto;}
.image-text-section .image-block, .image-text-inner .content-block-wrap, .half-width-layout .image-block{min-height: auto;}
.image-block, .content-block-wrap, .half-width-layout .image-block{width: 100%;}
.image-block{margin-bottom: 60px;}
.image-text-inner{padding-right: 0;}
.content-block-wrap{padding: 0}
.text-block-section + .image-text-section{margin-top: 0;}
.image-text-section.bg-black .content-block-wrap{padding: 0 0 70px; margin-top: 0}
.image-text-section .content-block-wrap > div, .image-text-section .image-block-wrapper{transform: none!important}
/* ======================= Text & Image Block======================= */
/* ======================= Focus Slider Block======================= */
.focus-slider-section{padding-top: 0;margin-bottom: 100px;}
.focus-heading .scrolling-text{margin-bottom: -49px;}
.slide-content-wrap{padding: 20px 10px; transform: translateY(0);}
.slide-thumb figure{height: 220px;}
.slide-item-content{position: relative; width: 100%;min-height: auto;}
.slide-item-content h5{margin-bottom: var(--space-base);}
.slide-item-content p{text-overflow: ellipsis;display: -webkit-box; max-height: 80px; overflow: hidden; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.focus-slider-section .slick-slide.slick-current.slick-active .slide-content-wrap, .focus-slider-section .focus-slide-item.slick-active:hover .slide-content-wrap{transform: none;}
/* ======================= Focus Slider Block======================= */
/* ======================= Parallax Banner Block ======================= */
.parallax-banner-bg .imagecontainer:before{padding-bottom: 100vh}
/* ======================= Parallax Banner Block ======================= */
/* ======================= Feature area Block ======================= */
.feature-area-section .image-block .bloc{order: 1;}
.feature-area-section .content-block-wrap{position: relative;top: 0; order: 2; transform: none; padding: 20px;margin: -157px 20px 80px}
/* ======================= Feature area Block ======================= */
/* ======================= Feature Columns Block======================= */
.feature-column-area-section, .image-grid-pop-up-section{margin-bottom: 60px;}
.parallax-banner-section +.feature-column-area-section{margin-top: 60px;}
.image-block-wrap{width: 100%;}
/* ======================= Feature Columns Block======================= */
/* ======================= Form ======================= */
.form-section h3{text-align: center; margin-bottom: var(--space-xl);}
.form-section .gform_wrapper.gravity-theme .gform_fields {grid-row-gap:var(--space-m);}
.form-section .gform_wrapper.gravity-theme .gfield_label{ font-size: 14px;}
/* ======================= Form ======================= */
/* ======================= Text & Image Offset Block======================= */
.text-offset-content-section{margin-bottom: 60px;}
.text-offset-content{width: 100%;}
.text-offset-bottom-image{margin-top: 60px;margin-bottom:240px;}
.offset-image-container{width: 100%; }
.offset-image-container figure{height: 400px;}
.icon-stack .slick-list{overflow: visible;}
.icon-stack .icon-item{padding: 10px 15px; margin-right: 15px; margin-bottom: 15px;}
.icon-stack .icon-item img{max-height: 40px; max-width: auto;}
/* ======================= Text & Image Offset Block======================= */
/* ======================= Gallery Slider Block ======================= */
.gallery-slider .gallery-item{width: auto;margin: 0 7.5px;}
.gallery-item figure img{width: 100%;height: 400px;}
.gallery-slider-section .scrolling-text{min-height: 70px;}
.gallery-slider-section .scrolling-text span{font-size: 45px;}
/* ======================= Gallery Slider Block ======================= */
/* ======================= Post List Block ======================= */
.post-list-section{margin-bottom: 60px;}
.post-list-item .post-thumb, .post-list-item .post-content{width: 100%;}
.post-list-item .post-thumb{margin-bottom: var(--space-m);}
.post-list-item .post-thumb figure{height: 230px;}
.post-list-item .post-content{padding-left: 0;}
.post-list-item .btn-wrap a:not(:last-child){margin-right: 0;}
.post-list-item .gallery-item figure img{height: 100%;}
/* ======================= Post List Block ======================= */
/* ======================= Post List Block ======================= */
/* ======================= Gallery Slider Block ======================= */
.gallery-slider-section{margin-bottom: 60px;}
.gallery-slider-section .scrolling-text {min-height: 80px;}
.gallery-slider-section .parallax-target{font-size: 45px;}
/* ======================= Gallery Slider Block ======================= */
.room-content-wrap .hero-section{height: 57vh}
.related-rooms{margin: 60px 0 0;}
.related-rooms .common-wrap{padding: 0;}
.related-rooms .scrolling-text .parallax-target{font-size: 45px;}
.related-rooms .scrolling-text .parallax-target{left: 20px;}
.related-rooms .scrolling-text{margin-left: 20px; margin-right: -40px; min-height: 80px;}
.full-w-room-item{margin: 0 7.5px;}
.full-w-room-item img{height: 400px;}
/* ======================= Testimonial Block ======================= */
.testimonial-section{padding: 60px 0;}
.testimonial-inner:before, .testimonial-inner:after{z-index: 1;}
.testimonial-inner:before{top: -32px}
.testimonial-inner:after{bottom: 20px;}
.testimonial-slider{z-index: 2;}
.testimonial-slider h4{letter-spacing: 3px; font-size: 20px;}
/* ======================= Testimonial Block ======================= */
.contact-site-info{width: 100%; padding: 60px 0 35px;}
.contact-map{width: 100%; position: relative ;}
.contact-map-section{margin-bottom: 60px}
.hero-col-section + .contact-map-section{margin-top: -60px}
.contact-map iframe{height: 400px;}
/* ======================= Insta Feed ======================= */
.instagram-feed{margin-top: 60px;}
.instagram-feed h4 a{font-size: 34px}
/* ======================= Insta Feed ======================= */
/* ======================= Promo cards ======================= */
.promotional-cards-section{padding-bottom: 60px}
.promotional-cards-content .common-wrap{padding: 0;}
.card-item{margin: 0 7.5px; height: inherit;}
.promotional-cards-content .slick-list{padding: 10px 50px 20px 20px !important;}
.promotional-cards-content .slick-track{display: flex;}
.video-section{padding: 0 0 60px}
/* ======================= Promo cards ======================= */
/* ======================= Footer ======================= */
.footer-section{padding: 60px 0 0;}
.site-info, .footer-menu-items{width: 100%;}
.footer-menu-items{padding-left: 0;}
.footer-col-item{width: 50%;margin-top: 35px;order: 2}
.footer-col-item.awards{width: 100%;}
.footer-col-item.awards .logo-wrap{float: left;}
.footer-col-item.awards h5, .footer-bottom p, .footer-bottom a{text-align: center;}
.footer-bottom{padding: 60px 0 45px;}
.policy-content{justify-content: center;}
.footer-col-item:nth-child(2){width: 50%;}
.footer-col-item.subscribe{width: 100%; order: 3;}
.awards, .tripadvisor{margin-bottom: 20px;}
.awards{padding-bottom: 40px}
.footer-col-item.awards img, .awards img{max-height: 64px}
#CDSWIDCOE.widCOE.cx_brand_refresh .widCOEImg{width: 80px}
.trip-advisor-award .TA_certificateOfExcellence, .trip-advisor-award .TA_certificateOfExcellence a, #CDSWIDCOE{height:100%}
/* ======================= Footer ======================= */
/* ======================= Modal ======================= */
.modal-img{width: 100%;}
.modal-item-content{width: 100%; padding: 40px 25px;}
.modal-wrap .imagecontainer:before, .img-grid-pop-up .imagecontainer:before{padding-bottom: 70%;}
.modal-item-content p{ font-size: 1em}
.modal-item-content h3{font-size: 33px;}
.modal-item-content h6 span{padding: 0 10px; background-color: var(--grey-6);position: relative; z-index: 2;}
.modal-item-content h6{font-size: 14px;}
.modal-item-content h6:after{left: -4%; width: 108%;}
.modal-close{ top: 10px; right: 10px;}
.modal-close:before, .modal-close:after{background-color: var(--grey-6); top: 10px;}
#bookingnotice .modal-close:before, #bookingnotice .modal-close:after{background-color: var(--white); }
#bookingnotice .modal-content{height: 100%}
/* ======================= Modal ======================= */
/* ======================= 404 ======================= */
.error-404-page {padding: 100px 0;}
.error-404-page h2{font-size: 140px; margin-bottom: 0;}
/* ======================= 404 ======================= */
/* ======================= Mailchimp Sign Up ======================= */
.subscription-form-section input:not([type=submit]){width: 100%; margin-bottom: var(--space-base);}
.subscription-form-section form .btn{width: 100%; margin-left: 0;}
/* ======================= Mailchimp Sign Up ======================= */
.featued-blog-item .post-content{padding: 30px 0px 0;}
.featued-blog-item .btn-wrap .btn{margin-bottom: 0}
.blog-item{margin: 0 0 30px}
.post-page-section{margin-top: 120px}
.post-header{padding: 0 5%; margin-bottom: 0}
.blog-post-header .category-tab-wrap{margin-bottom: var(--space-s);}
.post-header h1{font-size: 36px}
.blog-post-content {margin-top: var(--space-xl);}
.related-post-section{margin-top: var(--space-xl); padding: var(--space-xl) 0; }
.related-post-section .common-wrap{padding: 0}
.related-post-section .blog-item{margin: 0 7.5px;}
.related-post-section .slick-list{padding: 0 50px 0 12.5px}
.related-title{padding: 0 20px}
.related-post-inner{margin-top: var(--space-s);}
.related-post-section .post-content h4{font-size: 25px}
.category-tab-wrap{margin-bottom: var(--space-xs);}
/* ======================= Accordion ======================= */
.accordion{ padding: var(--space-base) var(--space-m) var(--space-l);margin-bottom: 30px}
.accordion-section .scrolling-text{margin-bottom: -52px; z-index: 1; margin-left: -20px; }
/* ======================= Accordion ======================= */
.blog-posts-section {padding: 60px 0}
.blog-posts-section .blog-post-wrap {margin-top: 60px }
.blog-posts-section .common-wrap{padding: 0}
.blog-posts-section .feature-content-block{padding: 0 20px}
.mobi-blog-slider{display: inline-block; width: 100%; float: left;}
.blog-posts-section .blog-post-wrap{width: 100%}
.blog-posts-section .slick-list{ padding:0 50px 0 12.5px }
.blog-posts-section .blog-item {margin: 0 7.5px;}
.grid-thirds, .grid-half-half, .grid-half{grid-template-columns: 1fr}
.grid-thirds .grid-item:nth-child(1), .grid-thirds .grid-item:nth-child(2), .grid-thirds .grid-item:nth-child(3), .grid-half-half .grid-item:nth-child(1), .grid-half-half .grid-item:nth-child(2),
.grid-half .grid-item:nth-child(1), .grid-half .grid-item:nth-child(2), .grid-half .grid-item:nth-child(3), .grid-half .grid-item:nth-child(4), .grid-half .grid-item:nth-child(5){grid-row: auto / auto;grid-column: auto / auto;}
.col-thum, .grid-thirds .grid-item .col-thum { height: auto; aspect-ratio: 5 / 4;}
.img-grid-pop-up .modal-item-content{padding: 20px 25px}
.img-grid-pop-up .modal-item-content p{font-size: 12px}
.popup-close:before, .popup-close:after{background-color: var(--white);}
.interactive-map-section{overflow-x: scroll;}
.interactive-map-img{width: 800px}
.text-columned-section{padding: 60px 0}
.sticky-left-section, .job-listing-wrapper,.vacancy-post-header, .vacancy-post-content{padding: 60px 0}
.sticky-section-wrapper{grid-template-columns: repeat(1,minmax(0,1fr))}
.sticky-left-section .left-col-section{position: relative; top: 0}
.sticky-cards-right{padding-top: var(--space-base);margin-top: 0; padding-bottom: var(--space-base);}
.sticky-cards-right:first-child {border-top: 1px solid rgb(31 41 55);}
.count-num{font-size: 28px}
.careers-list-header .gradient-text span{font-size: 55px}
.job-card{padding: var(--space-m);}
.filter-btn-wrap{padding-top: var(--space-base); margin-bottom: var(--space-xl);}
.vancancy-details,.vacancy-form{width: 100%}
.vacancy-post-content-inner{gap: var(--space-xxl);}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
body{font-size: 14px;}
h1, .h1{font-size: 45px;}
h2, .h2{font-size: 40px;}
h3, .h3{font-size: 27px;}
h4, .vacancy-post-content h3, .h4{font-size: 25px; margin-bottom: var(--space-base);}
h5{font-size: 20px; }
h6{font-size: 14px; }
p{font-size: 1em; margin-bottom: var(--space-base);}
.note em{font-size: 16px;}
/* ======================= Containers Start ======================= */
.common-wrap{max-width: 1350px; margin: 0 auto; padding: 0 15px;clear: both; }
/* ======================= Containers End ======================= */
/* ======================= Flexbox Start ======================= */
.ml\:flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.ml\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.ml\:flex-vertical-align{-webkit-box-align: center; align-items: center;}
.ml\:flex-horizontal-align{-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.ml\:flex-start{-webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start;}
.ml\:flex-column{flex-flow: column;}
.ml\:flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
/* ======================= Flexbox End ======================= */
.slick-prev, .slick-next{width: 40px; height: 40px;}
.slick-prev{left: 10px;}
.slick-next{right: 10px;}
.slick-next:before, .slick-prev:before{width: 40px; height: 40px;background-size: 15px;}
/* Default Layout End
-------------------------------------------------------------------------------
*/
/* Header Start
-------------------------------------------------------------------------------
*/
.main-logo img, .home .headroom--top .main-logo img{max-height: 55px;}
.header-inner{padding: 10px 0;}
.header-section .phone-nav{display: inline-block;}
.language-switcher{display: inline-block;}
.main-nav{display: none; position: absolute; top: 80px;}
.headroom--not-top .header-inner{padding: 6px 0;}
.header-section nav ul li{display: block;padding: 0 0 20px 0;}
.header-section nav ul li {display: inline-block; width: 100%;}
.nav-buttons a{width: 100%; margin-right: 0; padding: 12px 24px;}
/*.navShown .header-section:before{content: '';background-color: var(--grey-6);min-height: 100vh; width: 100%;position: absolute; top: 0; left: 0;}*/
.navShown .phone-nav div {transform: rotate(45deg); top: 7px;}
.navShown .phone-nav div:before {transform: rotate(-90deg); top: -6px; transition: .3s ease; width: 22px;}
.navShown .phone-nav div:after{display: none;}
.navShown .main-nav{display: block;}
.booking-bar-section .btn{margin-left: 0;}
.main-nav ul{overflow: hidden; float: left; width: 100%;}
.main-nav ul li {transform: translate(-100%);transition: all cubic-bezier(.18,.55,.17,.99) .9s;}
.main-nav ul li.slide-out-item-show {transform: translateX(0);}
.main-nav li .sub-menu{position: relative;}
.nav-inner{float: right; min-height: 100vh; height: 100%; position: fixed;left: auto;right: 0;top: 0; z-index: 999;width: 300px;max-width: 550px; padding: 70px;background-color: var(--grey-6);overflow-y: scroll;transform: translateX(100%);-webki-ttransition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;padding: 75px 40px 40px; }
.navShown .nav-inner{transform: translateX(0);}
.header-section.dark-header nav > ul > li > a{color: var(--white);}
.header-section.dark-header nav ul li.menu-item-has-children > a:after{background-image: url("data:image/svg+xml;utf8,");}
.header-section nav ul li.menu-item-has-children > a:hover:after, .headroom--not-top.header-section.dark-header nav ul li.menu-item-has-children > a:hover:after {background-image: url(data:image/svg+xml;utf8,);}
.navShown .header-section.dark-header .switcher .selected a{color: var(--white);}
.navShown .header-section.dark-header .phone-nav div, .navShown .header-section.dark-header .phone-nav div:before, .navShown .header-section.dark-header .phone-nav div:after{background: var(--white);}
/* Header End
-------------------------------------------------------------------------------
*/
/*.scrolling-text-container{position: absolute; width: 100%; top: 60px;}*/
.scrolling-text{ margin-bottom: -56px;min-height: 85px;}
.scrolling-text span{font-size: 55px; font-family: var(--font-family); color: var(--sunset); opacity: 0.8; text-transform: uppercase; line-height: normal;-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
/*.paralax-right{position: relative; z-index: 1; float: left; width: 100%}
.scrolling-text .parallax-target{position: absolute;display: inline-block;left: 20px;}*/
/* ======================= Hero ======================= */
.hero-section{margin-bottom: 60px;}
.hero-col-section{height: calc(86vh - 75px); margin-top: 75px;margin-bottom: 60px;}
.hero-img-thumb, .hero-col-section .hero-inner-content{width: 100%;}
.hero-img-thumb{height: 100%;}
.hero-img-thumb figure{ height: 100%; }
.hero-col-section .hero-content, .hero-col-section .hero-inner-content .common-wrap, .hero-col-section .hero-inner-content{height: auto;}
.hero-col-section .hero-inner-content .common-wrap{padding: 0;}
.hero-col-section .hero-inner-content{width: auto;text-align: left;}
.hero-col-section .hero-content{text-align: left;}
.hero-col-section .hero-inner-content .scrolling-text{min-height: 88px;margin-top: 15px;}
.hero-col-section .hero-inner-content .scrolling-text span{font-size: 55px;left: 30%; white-space: nowrap; width: 200%;}
.hero-section .imagecontainer:before{padding-bottom: 110vh}
.hero-col-section .imagecontainer:before{padding-bottom: 129%}
.hero-form-section{height: 100%; margin-bottom: 20px}
.hero-form-section .hero-inner-content .common-wrap{padding: 0 20px}
/* ======================= Hero ======================= */
/* ======================= Text Block======================= */
.text-block-section, .wellness-booking-section{margin-bottom: 60px;}
/* ======================= Text Block======================= */
/* ======================= Text & Image Block======================= */
.image-text-section{margin-bottom: 60px;}
.image-text-section .common-wrap{padding: 0 20px}
.image-block{position: relative; height: auto;}
.image-text-section .image-block, .image-text-inner .content-block-wrap{min-height: auto;}
.image-block, .content-block-wrap{width: 100%;}
.image-block{margin-bottom: 35px;}
.image-text-inner{padding-right: 0;}
.content-block-wrap{padding: 0}
.text-block-section + .image-text-section{margin-top: 0;}
.image-text-section.bg-black .content-block-wrap{padding: 0 0 70px; margin-top: 0}
.image-text-section .content-block-wrap > div, .image-text-section .image-block-wrapper{transform: none!important}
/* ======================= Text & Image Block======================= */
/* ======================= Focus Slider Block======================= */
.focus-slider-section{padding-top: 0;margin-bottom: 100px;}
.focus-heading .scrolling-text{margin-bottom: -27px;}
.slide-content-wrap{padding: 20px 10px; transform: translateY(0);}
.slide-thumb figure{height: 220px;}
.slide-item-content{position: relative; width: 100%;min-height: auto;}
.slide-item-content h5{margin-bottom: var(--space-base);}
.slide-item-content p{text-overflow: ellipsis;display: -webkit-box; max-height: 80px; overflow: hidden; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.focus-slider-section .slick-slide.slick-current.slick-active .slide-content-wrap, .focus-slider-section .focus-slide-item.slick-active:hover .slide-content-wrap{transform: none;}
/* ======================= Focus Slider Block======================= */
/* ======================= Parallax Banner Block ======================= */
/*.parallax-banner-section{margin-bottom: 80px;}*/
/* ======================= Parallax Banner Block ======================= */
/* ======================= Feature area Block ======================= */
.feature-area-section .image-block .bloc{order: 1;}
.feature-area-section .content-block-wrap{position: relative;top: 0; order: 2; transform: none; padding: 20px;margin: -157px 20px 60px}
/* ======================= Feature area Block ======================= */
/* ======================= Feature Columns Block======================= */
.feature-column-area-section, .image-grid-pop-up-section{margin-bottom: 60px;}
.parallax-banner-section +.feature-column-area-section{margin-top: 60px;}
.image-block-wrap{width: 100%;}
/* ======================= Feature Columns Block======================= */
/* ======================= Text & Image Offset Block======================= */
.text-offset-content-section{margin-bottom: 60px;}
.text-offset-content{width: 100%;}
.text-offset-bottom-image{margin-top: 60px;margin-bottom:240px;}
.offset-image-container{width: 100%; }
.offset-image-container figure{height: 400px;}
.icon-stack .icon-item{padding: 10px 15px; margin-right: 15px; margin-bottom: 15px;}
.icon-stack .icon-item img{max-height: 40px; max-width: auto;}
/* ======================= Text & Image Offset Block======================= */
/* ======================= Gallery Slider Block ======================= */
.gallery-slider .gallery-item{width: auto;margin: 0 7.5px;}
.gallery-item figure img{width: 100%;height: 400px;}
/* ======================= Gallery Slider Block ======================= */
/* ======================= Post List Block ======================= */
.post-list-section{margin-bottom: 60px;}
.post-list-item .post-thumb, .post-list-item .post-content{width: 100%;}
.post-list-item .post-thumb{margin-bottom: var(--space-m);}
.post-list-item .post-thumb figure{height: 230px;}
.post-list-item .post-content{padding-left: 0;}
.post-list-item .btn-wrap a:not(:last-child){margin-right: 0;}
.post-list-item .gallery-item figure img{height: 100%;}
/* ======================= Post List Block ======================= */
/* ======================= Gallery Slider Block ======================= */
.gallery-slider-section{margin-bottom: 60px;}
/* ======================= Gallery Slider Block ======================= */
.room-content-wrap .hero-section{height: 57vh}
.related-rooms{margin: 60px 0 0;}
.related-rooms .common-wrap{padding: 0;}
.related-rooms .scrolling-text .parallax-target{font-size: 45px;}
.related-rooms .scrolling-text .parallax-target{left: 20px;}
.related-rooms .scrolling-text{margin-left: 20px; margin-right: -40px; min-height: 80px;}
.full-w-room-item{margin: 0 7.5px;}
.full-w-room-item img{height: 400px;}
/* ======================= Testimonial Block ======================= */
.testimonial-section{padding: 60px 0;}
.testimonial-inner:before, .testimonial-inner:after{z-index: 1;}
.testimonial-inner:before{top: -32px}
.testimonial-inner:after{bottom: 20px;}
.testimonial-slider{z-index: 2;}
.testimonial-slider h4{letter-spacing: 3px; font-size: 22px;}
/* ======================= Testimonial Block ======================= */
.contact-site-info{width: 100%; padding: 60px 0 35px;}
.contact-map{width: 100%; position: relative ;}
.hero-col-section + .contact-map-section{margin-top: -60px}
.contact-map iframe{height: 400px;}
/* ======================= Insta Feed ======================= */
.instagram-feed{margin-top: 60px;}
.instagram-feed h4 a{font-size: 34px}
/* ======================= Insta Feed ======================= */
/* ======================= Promo cards ======================= */
.promotional-cards-content .common-wrap{padding: 0;}
.card-item{margin: 0 7.5px; height: inherit;}
.promotional-cards-content .slick-list{padding: 10px 50px 20px 20px !important;}
.promotional-cards-content .slick-track{display: flex;}
/* ======================= Promo cards ======================= */
/* ======================= Footer ======================= */
.footer-section{padding: 60px 0 0;}
.site-info, .footer-menu-items{width: 100%;}
.footer-menu-items{padding-left: 0;}
.footer-col-item{width: 50%;margin-top: 35px;}
.footer-col-item.awards{width: 100%;}
.footer-col-item.awards h5, .footer-bottom p, .footer-bottom a{text-align: center;}
.footer-bottom{padding: 35px 0;}
.policy-content{justify-content: center;}
.footer-bottom{flex-flow: column-reverse;}
.footer-col-item:nth-child(2){width: 50%;}
/* ======================= Footer ======================= */
/* ======================= Modal ======================= */
.modal-img{width: 100%;}
.modal-item-content{width: 100%; padding: 40px 25px;}
.modal-wrap .imagecontainer:before, .img-grid-pop-up .imagecontainer:before{padding-bottom: 60%;}
.modal-item-content p{ font-size: 1em}
.modal-item-content h3{font-size: 33px;}
.modal-item-content h6 span{padding: 0 10px; background-color: var(--grey-6);position: relative; z-index: 2;}
.modal-item-content h6{font-size: 14px;}
.modal-item-content h6:after{left: -4%; width: 108%;}
.modal-close{ top: 10px; right: 10px;}
.modal-close:before, .modal-close:after{background-color: var(--grey-6); top: 10px;}
#bookingnotice .modal-close:before, #bookingnotice .modal-close:after{background-color: var(--white); }
#bookingnotice .modal-content{height: 100%}
/* ======================= Modal ======================= */
/* ======================= 404 ======================= */
.error-404-page {padding: 100px 0;}
.error-404-page h2{font-size: 140px; margin-bottom: 0;}
/* ======================= 404 ======================= */
.related-rooms-slider .slick-prev{right: 70px;}
/* ======================= Mailchimp Sign Up ======================= */
.subscription-form-section input:not([type=submit]){width: 100%; margin-bottom: var(--space-base);}
.subscription-form-section form .btn{width: 100%; margin-left: 0;}
/* ======================= Mailchimp Sign Up ======================= */
.featued-blog-item .post-content{padding: 30px 0px 0;}
.featued-blog-item .btn-wrap .btn{margin-bottom: 0}
.blog-item{margin: 0 0 30px}
.post-page-section{margin-top: 120px}
.post-header{padding: 0 5%; margin-bottom: 0}
.blog-post-header .category-tab-wrap{margin-bottom: var(--space-s);}
.post-header h1{font-size: 36px}
.blog-post-content {margin-top: var(--space-xl);}
.related-post-section{margin-top: var(--space-xl); padding: var(--space-xl) 0; }
.related-post-section .common-wrap{padding: 0}
.related-post-section .blog-item{margin: 0 7.5px;}
.related-post-section .slick-list{padding: 0 12.5px 0 12.5px}
.related-title{padding: 0 20px}
.related-post-inner{margin-top: var(--space-s);}
.related-post-section .post-content h4{font-size: 25px}
.blog-posts-section {padding: 60px 0}
.blog-posts-section .blog-post-wrap {margin-top: 60px }
.blog-posts-section .common-wrap{padding: 0}
.blog-posts-section .feature-content-block{padding: 0 20px}
.mobi-blog-slider{display: inline-block; width: 100%; float: left;}
.blog-posts-section .blog-post-wrap{width: 100%}
.blog-posts-section .slick-list{ padding:0 50px 0 12.5px }
.blog-posts-section .blog-item {margin: 0 7.5px;}
.awards{margin-bottom: 20px;}
.grid-thirds, .grid-half-half, .grid-half{grid-template-columns: 1fr}
.grid-thirds .grid-item:nth-child(1), .grid-thirds .grid-item:nth-child(2), .grid-thirds .grid-item:nth-child(3), .grid-half-half .grid-item:nth-child(1), .grid-half-half .grid-item:nth-child(2),
.grid-half .grid-item:nth-child(1), .grid-half .grid-item:nth-child(2), .grid-half .grid-item:nth-child(3), .grid-half .grid-item:nth-child(4), .grid-half .grid-item:nth-child(5){grid-row: auto / auto;grid-column: auto / auto;}
.col-thum, .grid-thirds .grid-item .col-thum { height: auto; aspect-ratio: 5 / 4;}
.img-grid-pop-up .modal-item-content{padding: 20px 25px}
.img-grid-pop-up .modal-item-content p{font-size: 12px}
.popup-close:before, .popup-close:after{background-color: var(--white);}
.interactive-map-section{overflow-x: scroll;}
.interactive-map-img{width: 800px}
.text-columned-section, .sticky-left-section, .job-listing-wrapper,.vacancy-post-header, .vacancy-post-content{padding: 60px 0}
.sticky-section-wrapper{grid-template-columns: repeat(1,minmax(0,1fr))}
.sticky-left-section .left-col-section{position: relative; top: 0}
.sticky-cards-right{padding-top: var(--space-base);margin-top: 0; padding-bottom: var(--space-base);}
.sticky-cards-right:first-child {border-top: 1px solid rgb(31 41 55);}
.count-num{font-size: 28px}
.careers-list-header .gradient-text span{font-size: 55px}
.job-card{padding: var(--space-m);}
.filter-btn-wrap{padding-top: var(--space-base); margin-bottom: var(--space-xl);}
.vancancy-details,.vacancy-form{width: 100%}
.vacancy-post-content-inner{gap: var(--space-xxl);}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mobi{display: none;}
.desk{display: none;}
.tablet{display: block;}
.btn span.desk{display: none!important;}
/* ======================= Global style Start ======================= */
body{font-size: 14px;}
h1, .h1{font-size: 50px;}
h2, .h2{font-size: 60px;}
h3, .h3 {font-size: 40px;}
h4, .h4, .vacancy-post-content h3{font-size: 25px; margin-bottom: var(--space-base);}
h5{font-size: 20px; }
h6{font-size: 14px; }
p{font-size: 1em; margin-bottom: var(--space-base);}
.note em{font-size: 16px;}
/* ======================= Global style End ======================= */
/* ======================= Flexbox Start ======================= */
.l\:flex-box{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.l\:flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.l\:flex-vertical-align{-webkit-box-align: center; align-items: center;}
.l\:flex-horizontal-align{-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.l\:flex-start{-webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start;}
.l\:flex-column{flex-flow: column;}
.l\:flex-space-between{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
/* ======================= Flexbox End ======================= */
.slick-prev, .slick-next{width: 40px; height: 40px;}
.slick-prev{left: 10px;}
.slick-next{right: 10px;}
.slick-next:before, .slick-prev:before{width: 40px; height: 40px;background-size: 15px;}
.scrolling-text{ margin-bottom: -61px;min-height: 101px;}
.scrolling-text span{font-size: 80px; font-family: var(--font-family); color: var(--sunset); opacity: 0.8; text-transform: uppercase; line-height: normal;-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: linear-gradient(167deg, rgba(147,102,85,1) 0%, rgba(246,212,197,1) 50%, rgba(147,102,85,1) 100%);}
/* Header Start
-------------------------------------------------------------------------------
*/
.main-logo img, .home .headroom--top .main-logo img{max-height: 55px;}
.header-inner{padding: 10px 0;}
.header-section .phone-nav{display: inline-block;}
.language-switcher{display: inline-block;}
.main-nav{display: none; position: absolute; top: 80px;}
.main-nav li .sub-menu{position: relative;}
.headroom--not-top .header-inner{padding: 6px 0;}
.header-section nav ul li{display: block;padding: 0 0 20px 0;}
.header-section nav ul li {display: inline-block; width: 100%;}
.nav-buttons a{width: 100%; margin-right: 0; padding: 12px 24px;}
/*.navShown .header-section:before{content: '';background-color: var(--grey-6);min-height: 100vh; width: 100%;position: absolute; top: 0; left: 0;}*/
.navShown .phone-nav div {transform: rotate(45deg); top: 7px;}
.navShown .phone-nav div:before {transform: rotate(-90deg); top: -6px; transition: .3s ease; width: 22px;}
.navShown .phone-nav div:after{display: none;}
.navShown .main-nav{display: block;}
.booking-bar-section .btn{margin-left: 0;}
.main-nav ul{overflow: hidden; float: left; width: 100%;}
.main-nav ul li {transform: translate(-100%);transition: all cubic-bezier(.18,.55,.17,.99) .9s;}
.main-nav ul li.slide-out-item-show {transform: translateX(0);}
.nav-inner{float: right; min-height: 100vh; height: 100%; position: fixed;left: auto;right: 0;top: 0; z-index: 999;width: 300px;max-width: 550px; padding: 70px;background-color: var(--grey-6);overflow-y: scroll;transform: translateX(100%);-webki-ttransition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;padding: 75px 40px 40px; }
.navShown .nav-inner{transform: translateX(0);}
.header-section.dark-header nav > ul > li > a{color: var(--white);}
.header-section.dark-header nav ul li.menu-item-has-children > a:after{background-image: url("data:image/svg+xml;utf8,");}
.header-section nav ul li.menu-item-has-children > a:hover:after, .headroom--not-top.header-section.dark-header nav ul li.menu-item-has-children > a:hover:after {background-image: url(data:image/svg+xml;utf8,);}
.navShown .header-section.dark-header .switcher .selected a{color: var(--white);}
.navShown .header-section.dark-header .phone-nav div, .navShown .header-section.dark-header .phone-nav div:before, .navShown .header-section.dark-header .phone-nav div:after{background: var(--white);}
/* Header End
-------------------------------------------------------------------------------
*/
/* ======================= Hero ======================= */
.hero-col-section .hero-inner-content .scrolling-text span{font-size: 120px;}
.hero-img-thumb .bloc-target figure{ height: 100%; }
.hero-form-section{height: 100%; }
/* ======================= Hero ======================= */
/* ======================= Feature area Block ======================= */
.feature-area-section{overflow: visible;margin-top: 40px;}
.feature-area-section .scrolling-text-container{top: -70px; z-index: 2;}
.feature-area-section .image-block{overflow: hidden;width: 60%;}
.feature-area-section .image-block .bloc{order: 1;}
.feature-area-section .content-block-wrap{position: relative;top: 0; order: 2; transform: none; padding: 20px;margin: -157px auto 80px}
.feature-area-section .content-block{margin-left: auto; margin-right: auto;}
/* ======================= Feature area Block ======================= */
/* ======================= Focus Slider Block======================= */
.focus-slider-section{padding-top: 0;margin-bottom: 100px;}
.focus-heading .scrolling-text{margin-bottom: -27px;}
.slide-content-wrap{padding: 20px 10px; transform: translateY(0);}
.slide-thumb figure{height: 220px;}
.slide-item-content{position: relative; width: 100%;min-height: auto;}
.slide-item-content h5{margin-bottom: var(--space-base);}
.slide-item-content p{text-overflow: ellipsis;display: -webkit-box; max-height: 80px; overflow: hidden; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.focus-slider-section .slick-slide.slick-current.slick-active .slide-content-wrap, .focus-slider-section .focus-slide-item.slick-active:hover .slide-content-wrap{transform: none;}
/* ======================= Focus Slider Block======================= */
/* ======================= Feature Columns Block======================= */
.feature-column-area-section, .image-grid-pop-up-section{margin-bottom: 80px;}
.parallax-banner-section+.feature-column-area-section{margin-top: 80px;}
.image-block-wrap{width: 48%;}
.image-block-wrap:nth-child(2n+1){margin-right: 4%;}
.summary-view .image-column-wrap{display: block;}
.summary-view .image-block-wrap:nth-child(2n+1), .summary-view .image-block-wrap{margin-right: 15px;}
.summary-view .slick-list{margin-right: -15px;}
.scrolling-text .parallax-target{left: 7%;}
.summary-view .image-column-wrap .image-block-wrap{width: 31%;}
/* ======================= Feature Columns Block======================= */
/* ======================= Post List Block ======================= */
.post-list-item .btn-wrap a:not(:last-child){margin-right: 0;}
/* ======================= Post List Block ======================= */
/* ======================= Text Block======================= */
.text-block-section, .wellness-booking-section{margin-bottom: 80px;}
/* ======================= Text Block======================= */
/* ======================= Text & Image Block======================= */
.image-text-section{margin-bottom: 80px;}
.content-block-wrap{padding: 80px 0px 0px 35px}
/* ======================= Text & Image Block======================= */
/* ======================= Text & Image Offset Block======================= */
.text-offset-content-section{margin-bottom: 80px;}
.offset-image-container figure{height: 400px;}
.icon-stack .icon-item{padding: 10px 15px; margin-right: 15px; margin-bottom: 15px;}
.icon-stack .icon-item img{max-height: 40px; max-width: auto;}
/* ======================= Text & Image Offset Block======================= */
/* ======================= Post List Block ======================= */
.post-list-section{margin-bottom: 80px;}
/* ======================= Post List Block ======================= */
/* ======================= Testimonial Block ======================= */
.testimonial-section{padding: 80px 0;}
.testimonial-slider h4{letter-spacing: 3px; font-size: 30px;}
/* ======================= Testimonial Block ======================= */
.related-rooms .common-wrap{padding: 0;}
.full-w-room-item{margin: 0 7.5px;}
/* ======================= Promotional cards ======================= */
.card-item{width: 31.5%;}
/* ======================= Promotional cards ======================= */
/* ======================= Footer ======================= */
.footer-section{padding: 80px 0 0;}
.footer-menu-items{width: 100%;padding-left: 0;}
.footer-col-item, .footer-col-item.awards{width: 33%;}
.footer-col-item:nth-child(1){width: 27%;}
/* ======================= Footer ======================= */
.featued-blog-item .post-thumb{width: 50%}
.featued-blog-item .post-content{width: 50%; padding: 20px 30px;}
.featued-blog-item .post-thumb-item, .featued-blog-item .post-thumb-item figure{height: 100%;}
.blog-item{margin: 0 0 30px 0}
/*.blog-item:nth-child(2n+1){margin-right: 4%}*/
.blog-item{width: 48%}
.blog-post-wrap .blog-page-inner{grid-column-gap: 4%}
.related-post-section{margin-top: var(--space-xl); padding: var(--space-xl) 0; }
.related-post-section .common-wrap{padding: 0}
.related-post-section .blog-item{margin: 0 7.5px;}
.related-post-section .slick-list{padding: 0 50px 0 12.5px}
.related-title{padding: 0 20px}
.related-post-inner{margin-top: var(--space-s);}
.related-post-section .post-content h4{font-size: 25px}
.blog-posts-section {padding: 60px 0}
.blog-posts-section .blog-post-wrap {margin-top: 60px }
.blog-posts-section .common-wrap{padding: 0}
.blog-posts-section .feature-content-block{padding: 0 20px}
.mobi-blog-slider{display: inline-block; width: 100%; float: left;}
.blog-posts-section .blog-post-wrap{width: 100%}
.blog-posts-section .slick-list{ padding:0 50px 0 12.5px }
.blog-posts-section .blog-item {margin: 0 7.5px;}
.grid-thirds, .grid-half-half, .grid-half{grid-template-columns: 2fr 2fr}
.grid-half-half .grid-item:nth-child(1), .grid-half-half .grid-item:nth-child(2),
.grid-half .grid-item:nth-child(1), .grid-half .grid-item:nth-child(2), .grid-half .grid-item:nth-child(3), .grid-half .grid-item:nth-child(4){grid-row: auto / auto;grid-column: auto / auto;}
.col-thum, .grid-thirds .grid-item .col-thum { height: auto; aspect-ratio: 5 / 4;}
.img-grid-pop-up .modal-item-content{padding: 20px 25px}
.img-grid-pop-up .modal-item-content p{font-size: 12px}
.grid-half .grid-item:nth-child(5), .grid-thirds .grid-item:nth-child(3) {grid-row: auto / auto; grid-column: 1 / 3;}
.grid-half .grid-item:nth-child(5) .col-thum, .grid-thirds .grid-item:nth-child(3) .col-thum { aspect-ratio: 16 / 7;}
.sticky-left-section, .job-listing-wrapper,.vacancy-post-header, .vacancy-post-content{padding: 60px 0}
.sticky-section-wrapper{grid-template-columns: repeat(1,minmax(0,1fr))}
.sticky-left-section .left-col-section{position: relative; top: 0}
.sticky-cards-right{padding-top: var(--space-base);margin-top: 0; padding-bottom: var(--space-base);}
.sticky-cards-right:first-child {border-top: 1px solid rgb(31 41 55);}
.count-num{font-size: 28px}
.careers-list-header .gradient-text span{font-size: 55px}
.job-card{padding: var(--space-m);}
.filter-btn-wrap{padding-top: var(--space-base); margin-bottom: var(--space-xl);}
.vancancy-details,.vacancy-form{width: 100%}
.vacancy-post-content-inner{gap: var(--space-xxl);}
}
@media only screen and (min-width: 992px){
.main-nav li:hover .sub-menu {display: block;}
/* ======================= Feature Columns Block======================= */
.image-block-wrap:nth-child(3n+1), .image-block-wrap:nth-child(3n+2){margin-right: 2%;}
.summary-view .image-block-wrap{margin: 0 12px}
/* ======================= Feature Columns Block======================= */
.blog-item{margin-right: 0}
/*.blog-item:nth-child(4n+1), .blog-item:nth-child(4n+2), .blog-item:nth-child(4n+3){margin-right: 2%}*/
.blog-item{width: 23.5%}
.blog-post-wrap .blog-page-inner{grid-column-gap: 2%}
.card-item{width: 31.5%;}
.two-column .card-item{width: 42%;}
.promocards.two-column{max-width: 850px; margin-right: auto; margin-left: auto}
.featued-blog-item .post-thumb{width: 50%}
.featued-blog-item .post-content{width: 50%; padding-right: 1%}
.related-post-section .blog-item{width: 32.06666667%}
.related-post-section .blog-item{margin-right: 0}
/*.related-post-section .blog-item:nth-child(3n+1), .related-post-section .blog-item:nth-child(3n+2){margin-right: 1.899999995%}*/
.related-post-section .related-post-inner{grid-column-gap: 1.899999995%}
.grid-item:hover .col-content{padding-bottom: 56px}
.grid-item:hover .btn{opacity: 1;}
.featured-blog-post-wrap .post-thumb-item figure{aspect-ratio: 4 / 3}
.text-columned-section .heading-block{width: 56%}
.text-columned-section .text-block{width: 33%}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
}