/*
Theme Name: Hotel Palazzo
Theme URI: https://palazzohotel.eu/
Author: Webma Studio
Author URI: https://webma.studio
Description: Hotel Palazzo
Version: 1.0
Tags: hotel palazzo, hotel palazzo wordpress, hotel palazzo theme, webma, webma studio, webma wordpress, webma custom, webma theme
Text Domain: hotelpalazzo
*/


/*  --- NORMALISER --- */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}body,button,input,select,textarea{font-family:sans-serif}a:focus{outline:0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{margin:0 2px;padding:.35em .625em .75em}legend{border:0}button,input,select,textarea{margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* --- DATE PICKER --- */
.datepicker{display:none;font-size:75%;}.datepicker.active{display:block}.datepicker-dropdown{left:0;padding-top:4px;position:absolute;top:0;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:inline-block}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.datepicker-picker span{-webkit-touch-callout:none;border:0;border-radius:4px;cursor:default;display:block;flex:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker-main{padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1)}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.2857142857%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:4px;box-shadow:none;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.25em;justify-content:center;line-height:1.5;margin:0;padding:calc(.375em - 1px) .75em;position:relative;text-align:center;vertical-align:top;white-space:nowrap}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b5b5b5;color:#363636}.datepicker-controls .button:focus{border-color:#a41824;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#4a4a4a;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-header .datepicker-controls .button[disabled]{box-shadow:none}.datepicker-footer .datepicker-controls .button{border-radius:2px;font-size:.75rem;margin:calc(.375rem - 1px) .375rem;width:100%}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-btn,.datepicker-controls .prev-btn{padding-left:.375rem;padding-right:.375rem;width:2.25rem}.datepicker-controls .next-btn.disabled,.datepicker-controls .prev-btn.disabled{visibility:hidden}.datepicker-view .dow{font-size:.875rem;font-weight:700;height:1.5rem;line-height:1.5rem}.datepicker-view .week{color:#b5b5b5;font-size:.75rem;width:2.25rem}@media (max-width:22.5rem){.datepicker-view .week{width:1.96875rem}}.datepicker-grid{width:15.75rem}@media (max-width:22.5rem){.calendar-weeks+.days .datepicker-grid{width:13.78125rem}}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e8e8e8}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#a41824;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dbdbdb}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#eee}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e8e8e8}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00c4a7}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dbdbdb;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d5d5d5}.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}.datepicker-input.in-edit{border-color:#2366d1}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(35,102,209,.2)}
.datepicker .button{min-height:unset;}
.datepicker .button::before,
.datepicker .button::after{display:none;}


/*  --- VARIABLES	--- */

:root {

  --font:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-second:"Great Vibes", serif;
  --font-size:1.5rem;
  --line-height:1.5;

  --transition-duration:125ms;
  --transition-duration-effects:500ms;

  --transform-scale-hover:scale(1.05);

  --letter-spacing:0;
  --letter-spacing-heading:0.25rem;
  
  --primary: #a41824;   /* main */
  --primary-100: #410005;
  --primary-200: #68000e;
  --primary-300: #920419;
  --primary-400: #b4252e;
  --primary-500: #d73f43;
  --primary-600: #fa595a;
  --primary-700: #ff8985;
  --primary-800: #ffb3af;
  --primary-900: #ffdad7;
  --primary-1000: #ffedeb;

  --secondary: #f6851f;   /* main */
  --secondary-100: #301400;
  --secondary-200: #4f2500;
  --secondary-300: #713700;
  --secondary-400: #944a00;
  --secondary-500: #b95e00;
  --secondary-600: #df7404;
  --secondary-700: #ff8e2d;
  --secondary-800: #ffb784;
  --secondary-900: #ffdcc5;
  --secondary-1000: #ffede4;

  --tertiary: #d3c6b4;   /* main */
  --tertiary-100: #211b0f;
  --tertiary-200: #372f23;
  --tertiary-300: #4e4638;
  --tertiary-400: #675d4e;
  --tertiary-500: #807666;
  --tertiary-600: #9a8f7f;
  --tertiary-700: #b6aa98;
  --tertiary-800: #d2c5b3;
  --tertiary-900: #eee1ce;
  --tertiary-1000: #fdefdc;

  --neutral: #211f1d;  /* main */
  --neutral-100: #1d1b19;
  --neutral-200: #32302e;
  --neutral-300: #494644;
  --neutral-400: #615e5b;
  --neutral-500: #7a7673;
  --neutral-600: #94908d;
  --neutral-700: #afaaa7;
  --neutral-800: #cbc5c2;
  --neutral-900: #e7e1de;
  --neutral-1000: #f6f0ec;

  --background:#ffffff;
  --background-second:linear-gradient(to bottom,  #ffffff50 0%, #ffffff90 100%);
  --background-second-reverse:linear-gradient(to bottom,  #ffffff90 0%, #ffffff50 100%);
  --background-third:linear-gradient(to bottom,  var(--tertiary-1000) 0%, var(--tertiary-900) 100%);
  --color:var(--neutral);

  --wrapper-width:1200px;
  --wrapper-padding:10rem;

  --button-background:var(--primary);
  --button-background-hover:var(--background);
  --button-color:var(--background);
  --button-color-hover:var(--primary);
  --button-border-color:var(--primary-200);
  --button-border-color-hover:var(--primary-400);

  --border-width:2px;
  --border-radius:0;

  --animation-in: cubic-bezier(0.23, 1.15, 0.32, 1);    /* Dive under water in */
  --animation-out: cubic-bezier(0.65, -0.35, 0.55, 1);  /* Resurface up out */

  --clip-path: polygon(40px 0, calc(100% - 40px) 0, 100% 40px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 40px 100%, 0 calc(100% - 40px), 0 40px);
  --clip-path-small: polygon(38px 0, calc(100% - 38px) 0, 100% 38px, 100% calc(100% - 38px), calc(100% - 38px) 100%, 38px 100%, 0 calc(100% - 38px), 0 38px);
  --clip-path-smallest: polygon(26px 0, calc(100% - 26px) 0, 100% 26px, 100% calc(100% - 26px), calc(100% - 26px) 100%, 26px 100%, 0 calc(100% - 26px), 0 26px);
  --clip-path-bottom: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 40px 100%, 0 calc(100% - 40px));

}

@media (prefers-reduced-motion) {
  :root {--transition-duration:0s!important;}
}


/*  --- ANIMATIONS --- */

@keyframes loader {
  0% { transform: rotate(0deg) scale(1); border-width:8px;}
  50% { transform: rotate(180deg) scale(0.75); border-width:2px;}
  100% { transform: rotate(360deg) scale(1); border-width:8px;}
}

@keyframes button-in {
  0% { bottom:0; }
  50% { bottom:5%; }
  100% { height:100%; border-radius:var(--border-radius); }
}
@keyframes button-out {
  0% { height:100%; bottom:5%; border-radius:var(--border-radius); }
  50% { height:0.25rem; }
  100% { bottom:0; }
}

@keyframes logo-in {
  0% { top:3.5rem; left:calc(50% - 20rem); width:40rem; min-width:40rem; }
  45% { top:-20rem; left:calc(50% - 20rem); width:40rem; min-width:40rem; }
  55% { top:-20rem; left:1.25rem; width:7.5rem; min-width:7.5rem; }
  100% { top:1.25rem; left:1.25rem; width:7.5rem; min-width:7.5rem; }
}
@keyframes logo-out {
  0% { top:1.25rem; left:1.25rem; width:7.5rem; min-width:7.5rem; }
  45% { top:-20rem; left:1.25rem; width:7.5rem; min-width:7.5rem; }
  55% { top:-20rem; left:calc(50% - 20rem); width:40rem; min-width:40rem; }
  100% { top:3.5rem; left:calc(50% - 20rem); width:40rem; min-width:40rem; }
}
@keyframes logo-in-small {
  0% { top:3.5rem; left:calc(50% - 10rem); width:20rem; min-width:20rem; }
  45% { top:-10rem; left:calc(50% - 10rem); width:20rem; min-width:20rem; }
  55% { top:-10rem; left:1.25rem; width:5rem; min-width:5rem; }
  100% { top:1.25rem; left:1.25rem; width:5rem; min-width:5rem; }
}
@keyframes logo-out-small {
  0% { top:1.25rem; left:1.25rem; width:5rem; min-width:5rem; }
  45% { top:-10rem; left:1.25rem; width:5rem; min-width:5rem; }
  55% { top:-10rem; left:calc(50% - 10rem); width:20rem; min-width:20rem; }
  100% { top:3.5rem; left:calc(50% - 10rem); width:20rem; min-width:20rem; }
}

@keyframes logo-in-smaller {
  0% { top:3.5rem; left:calc(50% - 5rem); width:10rem; min-width:10rem; }
  45% { top:-10rem; left:calc(50% - 5rem); width:10rem; min-width:10rem; }
  55% { top:-10rem; left:1.25rem; width:5rem; min-width:5rem; }
  100% { top:1.25rem; left:1.25rem; width:5rem; min-width:5rem; }
}
@keyframes logo-out-smaller {
  0% { top:1.25rem; left:1.25rem; width:5rem; min-width:5rem; }
  45% { top:-10rem; left:1.25rem; width:5rem; min-width:5rem; }
  55% { top:-10rem; left:calc(50% - 5rem); width:10rem; min-width:10rem; }
  100% { top:3.5rem; left:calc(50% - 5rem); width:10rem; min-width:10rem; }
}

/*  --- COMMON	--- */

*,
*::before,
*::after{box-sizing:border-box; margin:0; padding:0; user-select:none; transition:0s all ease-in;}

a:not(.button),
.link{outline:none; cursor:pointer; color:var(--primary-500); text-decoration:none; transition-duration:var(--transition-duration);}
a:hover:not(.button),
.link:hover{text-decoration:underline; color:var(--primary-600);}
a.text-color{color:var(--color);}
a img{border:0 none;}
ul{margin:0; padding:0; list-style:none;}
li{margin:0; padding:0;}
img{max-width:100%; height:auto; display:block;}
img.aligncenter{margin:0 auto;}

html{margin:0!important; overflow-x:hidden; overflow-y:auto; background:var(--background); min-height:100lvh;}
body{font-family:var(--font); font-size:var(--font-size); line-height:var(--line-height); color:var(--color); background:var(--background) url("back.jpg") repeat; letter-spacing:var(--letter-spacing); font-weight:400; overflow:hidden; min-height:100lvh;}

input,
textarea,
select{margin:0; color:var(--color); font-size:1rem; line-height:1.375; font-weight:400; border:0 none; background:transparent; border:0 none; border-bottom:1px solid var(--tertiary-500); font-family:var(--font); transition-duration:var(--transition-duration); display:inline-block; vertical-align:middle; border-radius:var(--border-radius);}
fieldset{border:none;}

input.text,
input[type="date"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="search"]{padding:0.565rem 0; line-height:1.25rem; height:auto; -webkit-touch-callout:text; -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;}
input.text:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus{border-color:var(--primary-700); outline:0;}

select{line-height:2.5rem; height:2.5rem;}
select option{padding:5px;}
textarea{line-height:1.25rem; height:auto; min-height:5rem; transition-property:background-color, border-color;}
button{font-family:var(--font); border:0 none; background:transparent; font-size:100%;}

input[type="submit"],
input[type="reset"],
input.button{font-weight:600; transition-duration:var(--transition-duration); cursor:pointer; display:inline-block; padding:1.25rem 1.75rem; background:var(--button-background); border:var(--border-width) solid var(--button-border-color); box-sizing:border-box; color:var(--button-color); white-space:nowrap; text-decoration:none!important; border-radius:var(--border-radius); font-family:var(--font); text-transform:uppercase; letter-spacing:0.1rem; text-align:center;}
input[type="submit"]:hover:not([disabled]),
input[type="reset"]:hover:not([disabled]),
input.button:hover{transform:var(--transform-scale-hover); background:var(--button-background-hover); color:var(--button-color-hover); border-color:var(--button-border-color-hover);}
input[type="submit"][disabled]{background:var(--tertiary-400); color:var(--background);}
input.button{background:var(--button-background);}
input[type="reset"]{background:var(--button-background-hover);}

input[type="range"]{-webkit-appearance:none; width:100%; background:transparent; border:0 none;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;}
input[type="range"]:focus{outline:none;}
input[type="range"]::-ms-track{width:100%; cursor:pointer; background:transparent; border-color:transparent; color:transparent;}

input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none; width:26px; height:26px; background:var(--primary-500); border-radius:26px; cursor:pointer; margin-top:-4px; border:0 none;}
input[type="range"]::-moz-range-thumb{width:26px; height:26px; background:var(--primary-500); border-radius:26px; cursor:pointer; border:0 none;}
input[type="range"]::-ms-thumb{width:26px; height:26px; background:var(--primary-500); border-radius:26px; cursor:pointer; border:0 none;}

input[type="range"]::-webkit-slider-runnable-track{width:100%; height:20px; cursor:pointer; background:var(--primary-500); border-radius:20px; border:1px solid var(--tertiary-500); box-sizing:border-box;}
input[type="range"]:focus::-webkit-slider-runnable-track{background:var(--primary-500);}
input[type="range"]::-moz-range-track{width:100%; height:20px; cursor:pointer; background:var(--primary-500); border-radius:20px; border:1px solid var(--tertiary-500); box-sizing:border-box;}
input[type="range"]::-ms-track{width:100%; height:20px; cursor:pointer; border-radius:20px; box-sizing:border-box; background:transparent; border-color:transparent; border-width:0; color:transparent;}
input[type="range"]::-ms-fill-lower{background:var(--primary-500); border:1px solid var(--tertiary-500); border-radius:20px;}
input[type="range"]:focus::-ms-fill-lower{background:var(--primary-500)}
input[type="range"]::-ms-fill-upper{background:var(--primary-500); border:1px solid var(--tertiary-500); border-radius:20px;}
input[type="range"]:focus::-ms-fill-upper{background:var(--primary-500)}

input[type="radio"]{transition-duration:var(--transition-duration); appearance:none; -moz-appearance:none; -webkit-appearance:none; background:transparent; width:24px; height:24px; box-sizing:border-box; border:1px solid var(--primary-500); position:relative; border-radius:3px; cursor:pointer;}
input[type="radio"]:checked{transition-duration:var(--transition-duration); background:var(--primary-500);}
input[type="radio"]::before{transition-duration:var(--transition-duration); content:""; position:absolute; opacity:0; transform:scale(0.5) rotate(0deg); width:9px; height:16px; left:6px; top:1px; border-bottom:1px solid var(--background); border-right:1px solid var(--background);}
input[type="radio"]:checked::before{opacity:1; transform:scale(1) rotate(45deg);}

input[type="checkbox"]{transition-duration:var(--transition-duration); appearance:none; -moz-appearance:none; -webkit-appearance:none; background:transparent; width:24px; height:24px; box-sizing:border-box; border:1px solid var(--primary-500); position:relative; border-radius:3px; cursor:pointer;}
input[type="checkbox"]:checked{transition-duration:var(--transition-duration); background:var(--primary-500);}
input[type="checkbox"]::before{transition-duration:var(--transition-duration); content:""; position:absolute; opacity:0; transform:scale(0.5) rotate(0deg); width:9px; height:16px; left:6px; top:1px; border-bottom:1px solid var(--background); border-right:1px solid var(--background);}
input[type="checkbox"]:checked::before{opacity:1; transform:scale(1) rotate(45deg);}

.cl{font-size:0; line-height:0; text-indent:-9999px; clear:both;}
.no-text{text-indent:-9999px; font-size:0; line-height:0;}
.fl{float:left;}
.fr{float:right;}

.txal{text-align:left!important;}
.txac{text-align:center!important;}
.txar{text-align:right!important;}
.txaj{text-align:justify!important;}
.txtup{text-transform:uppercase!important;}

.db{display:block!important;}
.di{display:inline!important;}
.dn{display:none!important;}

.posrel{position:relative!important;}
.posabs{position:absolute!important;}
.posfix{position:fixed!important;}

.selectable{user-select:text!important;}
.ovh{overflow:hidden!important;}

.opc10{opacity:0.1;}
.opc20{opacity:0.2;}
.opc30{opacity:0.3;}
.opc40{opacity:0.4;}
.opc50{opacity:0.5;}
.opc60{opacity:0.6;}
.opc70{opacity:0.7;}
.opc80{opacity:0.8;}
.opc90{opacity:0.9;}

.fw100{font-weight:100;}
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}
.fw900{font-weight:900;}
.fsz25{font-size:25%;}
.fsz30{font-size:30%;}
.fsz50{font-size:30%;}
.fsz40{font-size:40%;}
.fsz50{font-size:50%;}
.fsz65{font-size:65%;}
.fsz75{font-size:75%;}
.fsz85{font-size:85%;}
.fsz90{font-size:90%;}
.fsz105{font-size:105%;}
.fsz110{font-size:110%;}
.fsz115{font-size:115%;}
.fsz125{font-size:125%;}
.fsz150{font-size:150%;}
.fsz175{font-size:175%;}
.fsz200{font-size:200%;}
.fsz250{font-size:250%;}
.fsz300{font-size:300%;}

.lnh0{line-height:0!important;}
.lnh01{line-height:0.1!important;}
.lnh02{line-height:0.2!important;}
.lnh03{line-height:0.3!important;}
.lnh04{line-height:0.4!important;}
.lnh05{line-height:0.5!important;}
.lnh06{line-height:0.6!important;}
.lnh07{line-height:0.7!important;}
.lnh08{line-height:0.8!important;}
.lnh09{line-height:0.9!important;}
.lnh1{line-height:1!important;}
.lnh11{line-height:1.1!important;}
.lnh12{line-height:1.2!important;}
.lnh13{line-height:1.3!important;}
.lnh14{line-height:1.4!important;}
.lnh15{line-height:1.5!important;}
.lnh16{line-height:1.6!important;}
.lnh17{line-height:1.7!important;}
.lnh18{line-height:1.8!important;}
.lnh19{line-height:1.9!important;}
.lnh2{line-height:2!important;}

.pb0{padding-bottom:0!important;}
.pb10{padding-bottom:10px!important;}
.pb20{padding-bottom:20px!important;}
.pb40{padding-bottom:40px!important;}
.pb60{padding-bottom:60px!important;}
.pb80{padding-bottom:80px!important;}
.pb100{padding-bottom:100px!important;}
.pb120{padding-bottom:120px!important;}
.pt0{padding-top:0!important;}
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px!important;}
.pt40{padding-top:40px!important;}
.pt60{padding-top:60px!important;}
.pt80{padding-top:80px!important;}
.pt100{padding-top:100px!important;}
.pt120{padding-top:120px!important;}
.pl0{padding-left:0!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pl40{padding-left:40px!important;}
.pl60{padding-left:60px!important;}
.pl80{padding-left:80px!important;}
.pl100{padding-left:100px!important;}
.pl120{padding-left:120px!important;}
.pr0{padding-right:0!important;}
.pr10{padding-right:10px!important;}
.pr20{padding-right:20px!important;}
.pr40{padding-right:40px!important;}
.pr60{padding-right:60px!important;}
.pr80{padding-right:80px!important;}
.pr100{padding-right:100px!important;}
.pr120{padding-right:120px!important;}

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb40{margin-bottom:40px!important;}
.mb60{margin-bottom:60px!important;}
.mb80{margin-bottom:80px!important;}
.mb100{margin-bottom:100px!important;}
.mb120{margin-bottom:120px!important;}
.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt40{margin-top:40px!important;}
.mt60{margin-top:60px!important;}
.mt80{margin-top:80px!important;}
.mt100{margin-top:100px!important;}
.mt120{margin-top:120px!important;}
.ml0{margin-left:0!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml40{margin-left:40px!important;}
.ml60{margin-left:60px!important;}
.ml80{margin-left:80px!important;}
.ml100{margin-left:100px!important;}
.ml120{margin-left:120px!important;}
.mr0{margin-right:0!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr40{margin-right:40px!important;}
.mr60{margin-right:60px!important;}
.mr80{margin-right:80px!important;}
.mr100{margin-right:100px!important;}
.mr120{margin-right:120px!important;}

.mlauto{margin-left:auto;}
.mrauto{margin-right:auto;}
.mauto{margin:auto;}

.cursorPointer{cursor:pointer;}

.w100per{width:100%!important;}
.mw0{max-width:0;}
.mw20{max-width:20px;}
.mw40{max-width:40px;}
.mw80{max-width:80px;}
.mw120{max-width:120px;}
.mw160{max-width:160px;}
.mw200{max-width:200px;}
.mw220{max-width:220px;}
.mw240{max-width:240px;}
.mw260{max-width:260px;}
.mw280{max-width:280px;}
.mw320{max-width:320px;}
.mw360{max-width:360px;}
.mw400{max-width:400px;}
.mw420{max-width:420px;}
.mw520{max-width:520px;}

.wsNoWrap{white-space:nowrap!important;}
.wsWrap{white-space:unset!important;}

.vaMiddle{vertical-align:middle;}
.vaTop{vertical-align:top;}
.vaBottom{vertical-align:bottom;}

.usAll{user-select:all;}
.usNone{user-select:none;}
.usText{user-select:text;}

.flexWrapper{display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between;}
.flexWrapper .flexItem{flex:1;}
.flexWrapper .flexItemHalf{flex:1.5;}
.flexWrapper .flexItemDouble{flex:2;}
.flexWrapper .flexUnset{flex:unset;}
.flexGap05{gap:0.5rem;}
.flexGap10{gap:1rem;}
.flexGap15{gap:1.5rem;}
.flexGap20{gap:2rem;}
.flexGap25{gap:2.5rem;}
.flexGap30{gap:3rem;}
.flexGap35{gap:3.5rem;}
.flexGap40{gap:4rem;}
.flexGap45{gap:4.5rem;}
.flexGap50{gap:5rem;}
.flexGap55{gap:5.5rem;}
.flexGap60{gap:6rem;}
.alCenter{align-content:center!important;}
.alStart{align-content:start!important;}
.alEnd{align-content:end!important;}
.alStretch{align-content:stretch!important;}
.alItemCenter{align-items:center!important;}
.alItemStart{align-items:start!important;}
.alItemEnd{align-items:end!important;}
.alItemStretch{align-items:stretch!important;}
.jcCenter{justify-content:center!important;}
.jcStart{justify-content:start!important;}
.jcEnd{justify-content:end!important;}
.jcStretch{justify-content:stretch!important;}
.jcSpaceBetween{justify-content:space-between!important;}
.jcSpaceAround{justify-content:space-around!important;}
.jcSpaceEvenly{justify-content:space-evenly!important;}

.color-primary{color:var(--primary);}
.color-primary-100{color:var(--primary-100);}
.color-primary-200{color:var(--primary-200);}
.color-primary-300{color:var(--primary-300);}
.color-primary-400{color:var(--primary-400);}
.color-primary-500{color:var(--primary-500);}
.color-primary-600{color:var(--primary-600);}
.color-primary-700{color:var(--primary-700);}
.color-primary-800{color:var(--primary-800);}
.color-primary-900{color:var(--primary-900);}
.color-primary-1000{color:var(--primary-1000);}
.color-secondary{color:var(--secondary);}
.color-secondary-100{color:var(--secondary-100);}
.color-secondary-200{color:var(--secondary-200);}
.color-secondary-300{color:var(--secondary-300);}
.color-secondary-400{color:var(--secondary-400);}
.color-secondary-500{color:var(--secondary-500);}
.color-secondary-600{color:var(--secondary-600);}
.color-secondary-700{color:var(--secondary-700);}
.color-secondary-800{color:var(--secondary-800);}
.color-secondary-900{color:var(--secondary-900);}
.color-secondary-1000{color:var(--secondary-1000);}
.color-tertiary{color:var(--tertiary);}
.color-tertiary-100{color:var(--tertiary-100);}
.color-tertiary-200{color:var(--tertiary-200);}
.color-tertiary-300{color:var(--tertiary-300);}
.color-tertiary-400{color:var(--tertiary-400);}
.color-tertiary-500{color:var(--tertiary-500);}
.color-tertiary-600{color:var(--tertiary-600);}
.color-tertiary-700{color:var(--tertiary-700);}
.color-tertiary-800{color:var(--tertiary-800);}
.color-tertiary-900{color:var(--tertiary-900);}
.color-tertiary-1000{color:var(--tertiary-1000);}
.color-neutral{color:var(--neutral);}
.color-neutral-100{color:var(--neutral-100);}
.color-neutral-200{color:var(--neutral-200);}
.color-neutral-300{color:var(--neutral-300);}
.color-neutral-400{color:var(--neutral-400);}
.color-neutral-500{color:var(--neutral-500);}
.color-neutral-600{color:var(--neutral-600);}
.color-neutral-700{color:var(--neutral-700);}
.color-neutral-800{color:var(--neutral-800);}
.color-neutral-900{color:var(--neutral-900);}
.color-neutral-1000{color:var(--neutral-1000);}

.background{color:var(--background);}
.color{color:var(--color);}

.font-second{font-family:var(--font-second);}

.button{appearance:none; -moz-appearance:none; -webkit-appearance:none; font-weight:600; transition-duration:var(--transition-duration); cursor:pointer; display:inline-block; padding:1.25rem 2.5rem; background:transparent; border:var(--border-width) solid transparent; box-sizing:border-box; color:var(--button-color); white-space:nowrap; text-decoration:none!important; font-family:var(--font); position:relative; border-radius:var(--border-radius); letter-spacing:0.1rem; text-transform:uppercase; min-height:5rem; align-content:center; z-index:1;}
.button::before{position:absolute; top:-2px; left:-2px; bottom:-2px; right:-2px; background:var(--primary-200); content:""; display:block; clip-path:var(--clip-path); z-index:-2; transition-duration:var(--transition-duration);}
.button::after{position:absolute; top:0; left:0; bottom:0; right:0; background:var(--primary); content:""; display:block; clip-path:var(--clip-path-small); z-index:-1; transition-duration:var(--transition-duration);}
.button:hover::before{background:var(--primary-400);}
.button:hover::after{background:var(--background);}
.button [class*="icon"]{display:inline-block; vertical-align:middle; margin-right:1.25rem; font-size:75%; width:2rem; height:2rem; line-height:1; text-align:center; object-fit:contain;}
.button:hover{transform:var(--transform-scale-hover); background:transparent; color:var(--button-color-hover); border-color:transparent;}
.button-small{padding:0.33rem 0.5rem; font-size:90%; font-weight:700;}

.animated{transition-duration:var(--transition-duration);}

html.menu-opened,
html.popup-opened{overflow:hidden;}

input.error{border-color:#f00;}
div.error{display:none; font-style:italic; color:#c40b0b; font-size:77.77%;}
div.success{display:none; font-style:italic; color:#02e646; font-size:77.77%;}

.overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; display:none; align-content:center; transition-duration:var(--transition-duration);}
.loader{border:8px solid var(--secondary-700); border-radius:50%; border-top-color:var(--primary-500); width:24px; height:24px; animation:loader 2s linear infinite; display:inline-block; vertical-align:middle;}
.loader-big{width:192px; height:192px; display:block; margin:0 auto;}
.loader-image{align-content:center;}
.loader-image img{padding:10%; animation:loader 2s both infinite;}

.wrapper{max-width:100%; padding:0 var(--wrapper-padding); margin:0 auto;}
.wrapperInner{max-width:var(--wrapper-width); margin:0 auto;}

h1{font-size:400%; line-height:1; font-weight:400; margin:0 0 3rem; font-family:var(--font-second);}
h2{font-size:266%; line-height:1; font-weight:400; margin:0 0 2rem; font-family:var(--font-second);}
h2.likeH1{font-size:400%; margin:0 0 3rem;}
h3{font-size:175%; line-height:1; font-weight:400; margin:0 0 1.25rem; font-family:var(--font-second);}
h1 a,
h2 a,
h3 a{color:var(--color); text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover{color:var(--primary-600); text-decoration:none;}

.freeText p{margin:0 0 2.5rem;}
.freeText p:last-child{margin-bottom:0;}
.freeText ul,
.freeText ol{margin:0 0 2.5rem; padding-left:5rem;}
.freeText ul{list-style-type:disc;}
.freeText ol{list-style-type:decimal;}

.zoomImage{display:block; position:relative; z-index:1;}
.zoomImage::before{display:block; clip-path:var(--clip-path); position:absolute; content:""; display:block; top:-2px; left:-2px; right:-2px; bottom:-2px; opacity:0.33; background:var(--tertiary-200); z-index:-1; transition-duration:var(--transition-duration);}
.zoomImage img{transition-duration:var(--transition-duration-effects); transition-timing-function:var(--animation-in); clip-path:var(--clip-path);}
.zoomImage:hover::before{left:-10px; bottom:-10px; right:-10px; top:-10px; background:var(--primary); opacity:0.75;}
.zoomImage:hover img{transform:scale(0.975);}

/*  --- CONTENT --- */

#homeOverlay{background:var(--background); display:block;}
#homeOverlay.ready{opacity:0; visibility:hidden;}

#header{background:transparent; transition-duration:var(--transition-duration); position:fixed; top:0; left:0; width:100%; z-index:1150; height:0;}
#header .wrapper{display:flex; align-items:center; justify-content:space-between; max-width:100%; padding:0;}

#logo{width:40rem; min-width:40rem; height:auto; transition-duration:var(--transition-duration); position:fixed; top:3.5rem; left:calc(50% - 20rem); z-index:1200; filter:brightness(100); animation:logo-out var(--transition-duration-effects) ease-out forwards; translate:0 -5px;}
#logo a,
#logo img{width:100%; height:auto; display:block;}
#logo:hover{filter:brightness(1);}

#headReserve{position:fixed; top:3.5rem; left:3.5rem; z-index:1200; transition-duration:var(--transition-duration);}
/* #headReserve .button{padding:0.75rem 1.25rem;} */

#headMenu{display:flex; align-items:center; justify-content:space-between; gap:3.5rem; position:fixed; top:3.5rem; right:3.5rem; z-index:1200; transition-duration:var(--transition-duration);}

#headLangs{display:flex; align-items:center; justify-content:space-between; gap:2rem; text-transform:uppercase;}
#headLangs a{color:var(--background); opacity:0.5; cursor:pointer;}
#headLangs a:hover{color:var(--primary-700); opacity:1; text-decoration:none;}
#headLangs span{color:var(--background);}

#headMenuOpener{display:block; width:40px; height:40px; position:relative; cursor:pointer; margin:0 1.25rem 0 0; transition-duration:var(--transition-duration); z-index:1200;}
#headMenuOpener span{display:block; width:40px; height:1px; margin-top:19px; background:var(--background); transition-duration:var(--transition-duration); border-radius:var(--border-radius); opacity:0.75;}
#headMenuOpener span::before{display:block; content:""!important; width:40px; height:2px; position:absolute; top:0; left:0; background:var(--background); transition-duration:var(--transition-duration); border-radius:var(--border-radius); opacity:0.95;}
#headMenuOpener span::after{display:block; content:""!important; width:40px; height:2px; position:absolute; bottom:0; left:0; background:var(--background); transition-duration:var(--transition-duration); border-radius:var(--border-radius); opacity:0.95;}
#headMenuOpener:hover span,
#headMenuOpener:hover span::before,
#headMenuOpener:hover span::after{background-color:var(--primary-700);}

#menu{position:fixed; top:0; left:0; width:100%; height:100%; background:var(--background); transition-duration:var(--transition-duration); padding:5rem 0 0; transform:scale(1.05); opacity:0; z-index:-1; overflow-x:hidden; overflow-y:auto;}
#menu .innerMenu{padding:2.5rem; display:flex; flex-flow:row nowrap; align-content:start; justify-content:start; min-height:100%;}
#menu .innerMenu .headMenuSection{flex:1; align-content:center; padding:0 0.625rem 0 5rem;}
#menu .innerMenu .headMenuSection:nth-child(2){padding:0 5rem 0 0.625rem;}
#menu .innerMenu .headMenuSection h3{margin:0 0 0.25rem;}
#menu .innerMenu .headMenuSection h3 a{color:var(--primary-400);}
#menu .innerMenu .headMenuSection h3 a:hover{color:var(--primary-600); text-decoration:none;}
#menu .innerMenu .headMenuSection .headMenuNav{margin:0 0 3rem 1.25rem;}
#menu .innerMenu .headMenuSection .headMenuNav a{color:var(--color);}
#menu .innerMenu .headMenuSection .headMenuNav a:hover{color:var(--primary-600); text-decoration:none;}

html.allMenuOpened{overflow:hidden;}
html.allMenuOpened #menu{transform:scale(1); opacity:1; z-index:1100;}
html.allMenuOpened #headMenuOpener span{background:transparent!important;}
html.allMenuOpened #headMenuOpener span::before{transform:rotate(45deg); top:19px;}
html.allMenuOpened #headMenuOpener span::after{transform:rotate(-45deg); bottom:19px;}
html.allMenuOpened #header,
.scrolled #header{background:var(--primary-200); height:5rem; box-shadow:0 0 2.5rem rgba(0,0,0,0.5); border-bottom:var(--border-width) solid var(--primary-100);}
html.allMenuOpened #header #logo,
.scrolled #header #logo{animation:logo-in var(--transition-duration-effects) ease-in forwards; filter:brightness(100)!important;}
html.allMenuOpened #header #headMenu,
.scrolled #header #headMenu{top:1.25rem; right:1.25rem;}
html.allMenuOpened #header #headReserve{top:0.625rem; left:calc(50% - 6.75rem);}
.scrolled #header #headReserve{top:-20rem; left:calc(50% - 6.75rem); transition-delay:0s;}

#main{}
#main section{padding:3.75rem 0;}
#main section.backSection{background:var(--background-second); box-shadow:0 3px 3px rgba(0,0,0,0.1);}
#main section.sectionImage{position:relative; padding:0!important;}
#main section.sectionImage .sectionImageWrapper{position:absolute; bottom:0; right:0; width:100%; height:100%; min-height:500px; display:flex; justify-content:center;}
#main section.sectionImage .sectionImageWrapper img,
#main section.sectionImage .sectionImageWrapper video{height:500px; min-height:100%; max-width:unset; width:auto; min-width:100%; object-fit:cover;}
#main section.sectionImage .sectionImageWrapper::after{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); content:"";}

#main #homeReserveAbout.sectionImage{padding-top:0!important;}
#main #homeFoot.sectionImage{padding:7.5rem 0!important;}
#main #homeReserveAbout.sectionImage .sectionImageWrapper,
#main #homeFoot.sectionImage .sectionImageWrapper{width:100%; height:100%;}
#main #homeReserveAbout.sectionImage .sectionImageWrapper img,
#main #homeFoot.sectionImage .sectionImageWrapper img{object-fit:cover; min-height:100%; opacity:0.25;}
#main #homeFoot.sectionImage .sectionImageWrapper img{object-position:bottom;}
#main #homeReserveAbout.sectionImage .sectionImageWrapper::after{background:linear-gradient(to bottom,  #ffffff50 0%, #ffffff90 100%);}
#main #homeFoot.sectionImage .sectionImageWrapper::after{background:linear-gradient(to bottom,  #ffffff50 0%, #ffffff90 100%);}

#homeVideo{width:100%; height:100lvh; padding:0!important; position:relative; transition-duration:var(--transition-duration); z-index:15; overflow:hidden;}
#homeVideo video,
#homeVideo img{width:100%; height:100%; object-fit:cover;}
#homeVideo::after{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); content:""; z-index:10;}
#homeVideoWrap{position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; align-content:center; justify-content:center; color:var(--background);}
#homeVideoWrap h1{padding:0 2.5rem 2.5rem; margin:0 auto!important; width:fit-content; color:var(--background); width:100%; max-width:calc(var(--wrapper-width) * 1.5);}
#homeVideoWrap h3{padding:2.5rem 0 0; color:var(--background); font-family:var(--font); line-height:1.5; font-weight:300;}
#homeVideoArrow{position:absolute; bottom:1.25rem; left:calc(50% - 15px); object-fit:scale-down!important; width:40px!important; height:40px!important; z-index:100; cursor:pointer; transition-duration:var(--transition-duration); border-radius:9999px;}
#homeVideoArrow:hover{background:var(--primary);}
#homeVideoArrow img{object-fit:contain;}
#homeVideoTitle{text-transform:uppercase; letter-spacing:var(--letter-spacing-heading); margin:0 0 10rem;}

#homeVideo.innerVideo{height:50lvh;}
#homeVideo.innerVideo #homeVideoWrap{align-content:end;}
#homeVideo.innerVideo #homeVideoWrap h1{padding-bottom:6.25rem;}

#homeReserve{margin:0 0 5rem; padding:0!important; position:relative; z-index:900;}
#homeReserve.innerReserve{margin-bottom:0;}
#homeReserve .homeReserveForm{padding:5rem; border-radius:var(--border-radius); position:relative; z-index:1;}
#homeReserve .homeReserveForm::before{position:absolute; top:0; left:-2px; right:-2px; bottom:-2px; clip-path:var(--clip-path-bottom); background:var(--tertiary-300); opacity:0.1; content:""; display:block; z-index:-2;}
#homeReserve .homeReserveForm::after{position:absolute; top:0; left:0; right:0; bottom:0; clip-path:var(--clip-path-bottom); background:var(--background-third); content:""; display:block; z-index:-1;}
#homeReserve .homeReserveForm .homeReserveFormBody{display:flex; flex-flow:row nowrap; align-content:center; justify-content:space-between; gap:7.5rem; max-width:90rem; margin:0 auto;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem{flex:1; display:flex; flex-flow:row nowrap; align-content:center; justify-content:start; gap:2.5rem;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemTitle{font-family:var(--font-second); font-size:110%; font-weight:700; align-content:center; color:var(--tertiary-400); white-space:nowrap;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemTitle label{cursor:pointer;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemSelect{position:relative; align-content:center; width:14rem; min-width:14rem; z-index:901;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem + .homeReserveFormBodyItem .homeReserveFormBodyItemSelect{z-index:900;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemSelect::after{position:absolute; top:calc(50% - 4px); right:0; width:8px; height:8px; border-bottom:2px solid var(--primary); border-right:2px solid var(--primary); transform:rotate(45deg); cursor:pointer; display:block; content:""; z-index:1;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemSelect > input{background:transparent!important; border-color:transparent!important; cursor:pointer; padding:0; font-size:var(--font-size); color:var(--color); font-weight:300; width:100%;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemSelect > input::placeholder{color:var(--color); opacity:1;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemSelect .datepicker-dropdown{z-index:910;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyButton{width:420px; min-width:420px;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyButton .button{width:100%;}

#homeAbout{margin:0; position:relative; z-index:10;}
#homeAbout h2 span{display:block;}
#homeAbout h2 span:nth-child(2){font-size:102%;}
#homeAbout h2 span:nth-child(4){font-size:98%;}
#homeAbout #homeAboutText{position:relative;}
#homeAbout p{margin:0; padding:5rem 0 7.5rem; position:relative;}

#homeAccomodations{padding-top:160px!important; position:relative; z-index:13;}
#homeAccomodations h2,
#homePool h2,
#homeConference h2,
#homeAnimation h2,
#homeScene h2{margin:0 0 2.5rem;}
#homeAccomodations h2 span,
#homePool h2 span,
#homeConference h2 span,
#homeAnimation h2 span,
#homeScene h2 span{display:block;}
.homeAccomodationsList{display:flex; flex-flow:row wrap; align-content:start; justify-content:space-between;}
.homeAccomodationsList .homeAccomodationsListItem{width:calc(50% - 5rem); margin:0 0 5rem;}
#homeAccomodations .homeAccomodationsList .homeAccomodationsListItem:nth-child(3){width:70%; margin:0 auto 5rem;}
#homePool .homeAccomodationsList .homeAccomodationsListItem,
#homeConference .homeAccomodationsList .homeAccomodationsListItem,
#homeAnimation .homeAccomodationsList .homeAccomodationsListItem,
#homeScene .homeAccomodationsList .homeAccomodationsListItem{width:100%; margin:0 0 5rem;}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemImage{margin:0 0 2.5rem; border-radius:var(--border-radius);}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemImage img{width:100%; max-height:500px; object-fit:cover; border-radius:var(--border-radius);}
#homePool .homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemImage img{max-height:unset;}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemTitle{margin:0 0 2.5rem;}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemTitle h2{margin:0!important;}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemTitle a{color:var(--primary-400);}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemTitle a:hover{color:var(--primary-600); text-decoration:none;}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemDesc{margin:0 0 2.5rem;}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemButton{}

[id^="homeMid"]{align-content:center; overflow:hidden;}
[id^="homeMid"] h2{margin:0!important; padding:7.5rem 0; position:relative; z-index:1;}
[id^="homeMid"] h2 span{display:block;}

#homeFood{}
#homeFood h2{margin:0 0 5rem;}
#homeFood h2 span{display:block;}
#homeFood .homeFoodList{display:flex; flex-flow:column nowrap; align-content:start; justify-content:space-between; gap:2rem;}
#homeFood .homeFoodList .homeFoodListItem{display:flex; flex-flow:row nowrap; align-content:center; justify-content:space-between;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemImage{order:1; width:calc(50% - 2rem); min-width:calc(50% - 2rem); margin-left:2rem;}
#homeFood .homeFoodList .homeFoodListItem:nth-child(even) .homeFoodListItemImage{order:3; border-top-right-radius:0; border-bottom-right-radius:0; border-top-left-radius:var(--border-radius); border-bottom-left-radius:var(--border-radius); margin:0 2rem 0 0;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemImage img{width:100%; border-top-right-radius:var(--border-radius); border-bottom-right-radius:var(--border-radius);}
#homeFood .homeFoodList .homeFoodListItem:nth-child(even) .homeFoodListItemImage img{border-bottom-right-radius:0; border-top-left-radius:var(--border-radius); border-bottom-left-radius:var(--border-radius);}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner{order:2; align-content:center; padding:0 var(--wrapper-padding) 0 5rem; width:50%; min-width:50%;}
#homeFood .homeFoodList .homeFoodListItem:nth-child(even) .homeFoodListItemInner{padding:0 5rem 0 var(--wrapper-padding);}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemTitle{margin:0 0 2.5rem;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemTitle h2{margin:0;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemTitle a{color:var(--primary-400);}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemTitle a:hover{color:var(--primary-600); text-decoration:none;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemDesc{margin:0 0 2.5rem;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemButton{}

#homeServices{position:relative; z-index:13;}
#homeServices h2,
#homeMulti h2{margin:0 0 3.5rem;}
#homeServices h2 span,
#homeMulti h2 span{display:block;}
.homeServicesList{display:flex; flex-flow:row wrap; align-content:start; justify-content:center; gap:4rem}
.homeServicesList .homeServicesListItem{width:calc(25% - 3rem); margin:0 0 5rem;}
.homeServicesListMulti{gap:6rem;}
.homeServicesListMulti .homeServicesListItem{width:calc(33.33% - 4rem);}
.homeServicesList .homeServicesListItem .homeServicesListItemImage{margin:0 0 2.5rem;}
.homeServicesList .homeServicesListItem .homeServicesListItemImage a{width:100%; height:100%; max-height:25rem; display:block;}
.homeServicesList .homeServicesListItem .homeServicesListItemImage img{width:100%; height:100%; max-height:25rem; object-fit:cover;}
.homeServicesList .homeServicesListItem .homeServicesListItemTitle{margin:0 0 2.5rem;}
.homeServicesList .homeServicesListItem .homeServicesListItemTitle h2{margin:0!important;}
.homeServicesList .homeServicesListItem .homeServicesListItemTitle a{color:var(--primary-400);}
.homeServicesList .homeServicesListItem .homeServicesListItemTitle a:hover{color:var(--primary-600); text-decoration:none;}
.homeServicesList .homeServicesListItem .homeServicesListItemDesc{margin:0 0 2.5rem;}
.homeServicesList .homeServicesListItem .homeServicesListItemButton{}

#homeFoot{margin:0; position:relative; z-index:10;}
#homeFoot h2{margin:0;}
#homeFoot h2 span{display:block;}
#homeFoot h3{margin:0; padding:0.625rem 0 0;}
#homeFoot p{margin:0 0 1.25rem;}
#homeFoot #homeFootText{position:relative;}
#homeFoot #homeFootParagraph{margin:0; padding:5rem 0 0; position:relative; z-index:10;}
#homeFoot #homeFootParagraph span{display:block;}
#main section#homeFoot.sectionImage .sectionImageWrapper{z-index:-1;}

#footer{color:var(--tertiary-500); position:relative; z-index:13;}
#footer a{color:var(--tertiary-500);}
#footer a:hover{color:var(--primary); text-decoration:none;}
#footerTop{background:var(--background-third); padding:5rem 0 2.5rem; box-shadow:-3px 0 3px rgba(0,0,0,0.33);}
#footerTop .wrapper{display:flex; flex-flow:row nowrap; align-content:start; justify-content:start;}
#footerTop .footSection{flex:1;}
#footerTop .footSection:nth-child(1){flex:unset; width:25rem; min-width:25rem; text-align:center;}
#footerTop .footSection:nth-child(2){margin-left:10rem;}
#footerTop .footSection:nth-child(3){margin-left:5rem;}
#footerTop .footSection img{margin:0 auto;}
#footerTop .footSection h3{margin:0 0 0.25rem; font-size:175%;}
#footerTop .footSection h3 a{color:var(--tertiary-500);}
#footerTop .footSection h3 a:hover{color:var(--primary);}
#footerTop .footSection p{margin:0 0 1.75rem;}
#footerTop .footSection p:last-child{margin-bottom:0;}
#footerTop .footSectionContact .footSectionContactItem{margin:0 0 1.75rem;}
#footerTop .footSectionContact .footSectionContactItem h2{margin:0 0 1.75rem; font-size:250%; font-weight:400;}
#footerTop .footMenu{margin:0 0 5rem;}
#footerTop .footMenu:last-child{margin-bottom:0;}
#footerTop .footMenu ul{list-style:none; margin-left:1.25rem;}
#footerTop .footMenu ul li{margin:0 0 0.25rem;}
#footerTop .footMenu ul li a{color:var(--tertiary-300);}
#footerTop .footMenu ul li a:hover{color:var(--primary);}

#footerBottom{background:var(--tertiary-800); padding:1.25rem 0; font-size:80%;}
#footerBottom img{display:inline-block; margin:0 0.5rem; vertical-align:middle; filter:brightness(0.5) sepia(1) hue-rotate(10deg) saturate(2); transition-duration:var(--transition-duration);}

#homeFootArrow{position:fixed; bottom:-2.5rem; right:0.5rem; width:40px; height:40px; z-index:920; transition-duration:var(--transition-duration); overflow:hidden; border-radius:9999px;}
.scrolled #homeFootArrow{bottom:0.5rem;}
#homeFootArrow img{width:100%; height:100%; object-fit:scale-down; transition-duration:var(--transition-duration); border-radius:9999px; cursor:pointer; transform:rotate(180deg); filter:brightness(0.5) sepia(1) hue-rotate(10deg) saturate(2);}
#homeFootArrow:hover img{background:var(--primary); filter:none;}

#crumb{font-size:75%; text-align:center; font-style:italic; padding:1.25rem 0 0!important; color:var(--secondary-700);}
#crumb a{color:var(--secondary-300);}
#crumb a:hover{color:var(--primary-500); text-decoration:none;}

#gallerySection{padding:0 1.25rem!important; position:relative; z-index:20; margin-bottom:1.25rem;}
#gallerySection .galleryList{column-count:3; column-gap:1.25rem;}
#gallerySection .galleryList a{width:100%; display:block; margin:0 0 1.25rem;}
#gallerySection .galleryList a img{width:100%;}

#homeContact{}
#homeContact .wrapper{padding-right:0;}
#homeContactWrap{display:flex; flex-flow:row nowrap; align-content:start; justify-content:start; gap:2.5rem;}
#homeContactList{align-content:center; width:600px; min-width:600px;}
#homeContactList [class*="fa"]{color:var(--color-blue); margin:0 0.5rem 0 0; width:20px; text-align:left; display:inline-block;}
#homeContactList label{cursor:pointer;}
#homeContactList a{color:var(--secondary-300); text-decoration:none; font-weight:500;}
#homeContactList a:hover{color:var(--primary-500); text-decoration:underline;}
#homeContactList p{margin:0 0 0.5rem; font-size:75%; color:var(--secondary-500);}
#homeContactList p [class*="fa"]{margin-right:0.5rem;}
#homeContactForm input:not([type="submit"]):not([type="checkbox"]),
#homeContactForm textarea,
#homeContactForm select{width:100%;}
#homeContactForm textarea{height:5rem;}
#homeContactForm .homeContactFormRow{margin:0 0 1.25rem;}
#homeContactForm .homeFormRowConsent{font-size:65%; font-style:italic; color:var(--secondary-600);}
#homeContactForm .homeFormRowConsent a{color:var(--secondary-400); font-weight:500;}
#homeContactForm .homeFormRowConsent a:hover{color:var(--primary-500);}
#homeContactForm .homeContactFormRow label{cursor:pointer;}
#homeContactForm .wpcf7-list-item{margin:0;}
#homeContactForm .wpcf7-not-valid-tip{font-size:65%; font-style:italic;}
#homeContactMap{flex:1;}
#homeContactMap iframe{min-height:50rem; width:100%;}

#cmplz-manage-consent .cmplz-manage-consent{background:var(--secondary-800)!important;}
#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td, #cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{font-size:var(--font-size)!important; max-width:unset!important;}

/* --- RESPONSIVE --- */

@media screen and (max-width: 120rem){ /*  1920px  */

#homeReserve .homeReserveForm{padding:2.5rem;}
#homeReserve .homeReserveForm .homeReserveFormBody{flex-flow:row wrap; justify-content:center; gap:5rem;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem{max-width:30rem; gap:2em;}

}

@media screen and (max-width: 110rem){ /*  1760px  */

#homeReserve .homeReserveForm .homeReserveFormBody{gap:2.5rem;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem{margin:0 1.25rem;}

#footerTop{font-size:90%;}
#footerTop .footSection:nth-child(2){margin-left:5rem;}

#homeServices .homeServicesList:not(.homeServicesListMulti) .homeServicesListItem{width:calc(33.33% - 2.67rem)!important;}

}

@media screen and (max-width: 90rem){ /* 1440px */

.wrapper{padding:0 calc(var(--wrapper-padding) * 0.5);}

.homeAccomodationsList .homeAccomodationsListItem,
#homeServices .homeServicesList .homeServicesListItem{width:calc(50% - 2.5rem);}
.homeServicesListMulti{gap:4rem;}

#footerTop{font-size:80%;}

}

@media screen and (max-width: 80rem){ /* 1280px */

.wrapper{padding:0 calc(var(--wrapper-padding) * 0.25);}
.wrapperInner{padding:0 calc(var(--wrapper-padding) * 0.25); width:auto;}

#menu .innerMenu{padding:1.25rem 1.25rem 2.5rem;}
#menu .innerMenu .headMenuSection{padding-left:0;}
#menu .innerMenu .headMenuSection:nth-child(2){padding-right:0;}

/* #homeAbout{padding-top:0!important;} */
#homeAbout h2{position:relative;}
#homeAbout #homeAboutSun{bottom:-1rem; z-index:-1;}

#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner{padding:0 5rem!important;}

.homeServicesList{gap:3rem;}
.homeServicesList .homeServicesListItem,
#homeServices .homeServicesList .homeServicesListItem{width:calc(50% - 1.5rem)!important;}

#footerTop{font-size:75%; padding-top:6rem!important;}
#footerTop .wrapper{flex-flow:row wrap;}
#footerTop .footSection img{max-width:15rem;}
#footerTop .footSection:nth-child(1){width:100%; min-width:100%; margin:0 0 5rem;}
#footerTop .footSection:nth-child(2){margin-left:0; flex:unset; width:calc(50% - 2.5rem);}
#footerTop .footSection:nth-child(3){flex:unset; width:calc(50% - 2.5rem);}
#footerTop .footSectionContact{display:flex; flex-flow:row wrap; align-content:center; justify-content:center; gap:5rem;}

}

@media screen and (max-width: 70rem){ /* 1120px */

.wrapper,
.wrapperInner{padding:0 calc(var(--wrapper-padding) * 0.125);}

.homeAccomodationsList .homeAccomodationsListItem{width:calc(50% - 1.25rem); margin:0 0 2.5rem;}

}

@media screen and (max-width: 65rem){ /* 1040px */

h1{font-size:300%; margin:0 0 2rem;}
h2{font-size:200%; margin:0 0 1.25rem;}
h2.likeH1{font-size:300%; margin:0 0 2rem;}
h3{font-size:150%; margin:0 0 0.75rem;}

#logo{transform:translateY(2rem); width:20rem!important; min-width:20rem!important; left:calc(50% - 10rem)!important; animation:logo-out-smaller var(--transition-duration-effects) var(--animation-in) forwards!important;}
html.allMenuOpened #header #logo,
.scrolled #header #logo{transform:translateY(0); width:7.5rem!important; min-width:7.5rem!important; left:1.25rem!important; animation:logo-in-small var(--transition-duration-effects) var(--animation-out) forwards!important;}

#homeContact .wrapper{padding-right:1.25rem;}
#homeContactWrap{flex-flow:column nowrap;}
#homeContactList{width:100%; min-width:unset;}
#homeContactMap{width:100%; min-width:unset;}
#homeContactMap iframe{min-height:30rem;}

}

@media screen and (max-width: 60rem){ /* 960px */


#main section{padding:2.5rem 0;}
/* #homeAbout h2{font-size:200%;} */
#homeAbout p{padding:2.5rem 0 5rem;}
#homeReserve{margin-bottom:2.5rem;}

.homeAccomodationsList{flex-flow:column nowrap;}
.homeAccomodationsList .homeAccomodationsListItem{width:100%!important; margin:0 0 5rem!important;}

/* #homeFood h2.likeH1{font-size:200%; margin:0 0 2.5rem;} */
#homeFood .homeFoodList{gap:2.5rem;}
#homeFood .homeFoodList .homeFoodListItem{flex-flow:column nowrap; padding:0 1.25rem;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemImage{order:unset!important; width:100%; min-width:100%; margin:0 0 1.25rem!important; border-radius:var(--border-radius)!important;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemImage img{border-radius:var(--border-radius)!important;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner{order:unset!important; padding:0!important; width:100%; min-width:100%; margin:0 0 1.25rem;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemTitle{margin:0 0 1.25rem;}
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemDesc{margin:0 0 1.25rem;}

}

@media screen and (max-width: 50rem){ /* 800px */

#menu .innerMenu{flex-flow:column nowrap; justify-content:center;}
#menu .innerMenu .headMenuSection{text-align:center; flex:unset; padding:0!important;}
#menu .innerMenu .headMenuSection .headMenuNav{margin:0 0 2rem; font-size:75%;}

html.allMenuOpened #header #headReserve{left:10rem; top:0.625rem;}

#headReserve{top:1.25rem; left:1.25rem; letter-spacing:var(--letter-spacing); font-size:75%; padding:0.25rem;}
#headReserve a{padding:0.75rem 1.5rem; min-height:3.4rem;}
#headReserve a:before,
#headReserve a:after{clip-path:var(--clip-path-smallest);}
#headMenu{gap:1rem; top:1.25rem; right:1.25rem;}

#homeVideoTitle{font-size:75%;}
#homeVideoWrap h1{padding-bottom:1.25rem;}
#homeVideoWrap h3{padding-top:1.25rem;}

.homeServicesList .homeServicesListItem,
#homeServices .homeServicesList .homeServicesListItem{width:100%!important; margin:0 0 1.25rem;}


}

@media screen and (max-width: 45rem){ /* 720px */



}

@media screen and (max-width: 40rem){ /* 640px */

h1{font-size:225%; margin:0 0 1.5rem;}
h2{font-size:150%; margin:0 0 1rem;}
h2.likeH1{font-size:225%; margin:0 0 1.5rem;}
h3{font-size:125%; margin:0 0 0.5rem;}

#headMenu{gap:1.5rem;}
#headLangs{gap:1rem; font-size:75%;}
#headMenuOpener{margin:0;}
#headReserve{padding:0.125rem; top:0.25rem; left:0.25rem;}
#headMenuOpener{width:30px; height:30px;}
#headMenuOpener span{width:30px; margin-top:14px;}
#headMenuOpener span::before{width:30px;}
#headMenuOpener span::after{width:30px;}
html.allMenuOpened #headMenuOpener span::before{top:14px;}
html.allMenuOpened #headMenuOpener span::after{bottom:14px;}

#homeVideo.innerVideo{height:60lvh;}
#homeVideoTitle{font-size:50%;}

html.allMenuOpened #header #headReserve{top:unset; bottom:0; left:0; right:0; width:100%; background:var(--tertiary-900); text-align:center; padding:0.25rem 0;}

#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem{margin:0;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemTitle{}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemSelect input{font-size:85%; display:block;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyButton{text-align:center; min-width:unset; width:auto;}

.button{font-size:85%; letter-spacing:0.05rem; padding:0.75rem 1.5rem; text-transform:unset; min-height:3.4rem;}
.button::before,
.button::after{clip-path:var(--clip-path-smallest);}

/* #homeAbout h2{font-size:150%;} */
#homeAbout p{padding:1.25rem 0 5rem; font-size:75%;}
#homeAbout #homeAboutSun{left:-5rem;}

#homeAccomodations{padding-top:90px!important;}
#homeAccomodations h2,
#homePool h2,
#homeSport h2{margin:0 0 2.5rem;}
.homeAccomodationsList .homeAccomodationsListItem{padding:0 0 2.5rem!important;}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemImage,
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemTitle,
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemDesc{margin:0 0 1.25rem;}
.homeAccomodationsList .homeAccomodationsListItem .homeAccomodationsListItemDesc{font-size:75%;}

/* #homeFood h2.likeH1{font-size:150%; margin:0 0 1.25rem;} */
#homeFood .homeFoodList .homeFoodListItem .homeFoodListItemInner .homeFoodListItemDesc{font-size:75%;}

#homeServices h2,
#homeMulti h2{margin:0 0 2.5rem;}
.homeServicesList .homeServicesListItem{padding:0 0 2.5rem!important;}
.homeServicesList .homeServicesListItem .homeServicesListItemImage,
.homeServicesList .homeServicesListItem .homeServicesListItemTitle,
.homeServicesList .homeServicesListItem .homeServicesListItemDesc{margin:0 0 1.25rem;}
.homeServicesList .homeServicesListItem .homeServicesListItemDesc{font-size:75%;}

#homeFoot #homeFootParagraph{padding:1.25rem 0; font-size:75%;}
#homeFoot #homeFootHotel{left:unset; right:-3rem;}

#footerTop .footSection:nth-child(1){margin:0 0 2.5rem;}
#footerTop .footSection:nth-child(2){width:100%; min-width:100%; margin:0 0 2.5rem; text-align:center;}
#footerTop .footSection:nth-child(3){width:100%; min-width:100%; margin:0; text-align:center;}
#footerTop .footMenu{margin:0 0 2.5rem;}
#footerTop .footMenu ul{margin:0;}

#footerBottom .flexWrapper{flex-flow:column nowrap; text-align:center!important; gap:0.625rem; font-size:75%;}
#footerBottom .flexWrapper .txar{text-align:center!important;}

#footerTop .footSectionContact{flex-flow:column nowrap; gap:0;}

.freeText{font-size:75%;}

#gallerySection .galleryList{column-count:2;}


}

@media screen and (max-width: 35rem){ /* 560px */



}

@media screen and (max-width: 30rem){ /* 480px */

.zoomImage::before{clip-path:var(--clip-path-smallest); }
.zoomImage img{clip-path:var(--clip-path-smallest);}

h1{font-size:175%; margin:0 0 1.5rem;}
h2{font-size:125%; margin:0 0 1rem;}
h2.likeH1{font-size:175%; margin:0 0 1.5rem;}
h3{font-size:110%; margin:0 0 0.5rem;}

#logo{transform:translateY(2rem); width:10rem!important; min-width:10rem!important; left:calc(50% - 5rem)!important; animation:logo-out-smaller var(--transition-duration-effects) var(--animation-in) forwards!important;}
html.allMenuOpened #header #logo,
.scrolled #header #logo{transform:translateY(0); width:7.5rem!important; min-width:7.5rem!important; left:1.25rem!important; animation:logo-in-small var(--transition-duration-effects) var(--animation-out) forwards!important;}

/* #main section{padding:1.25rem 0;} */

#headMenu{gap:0.75em; top:0.75rem; right:0.75rem;}

#homeVideoWrap h1,
#homeVideoWrap h3{padding-left:0.75rem; padding-right:0.75rem;}

#homeReserve .homeReserveForm{padding:1.25rem;}
#homeReserve .homeReserveForm .homeReserveFormBody{gap:1.25rem;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem{flex-flow:column nowrap; gap:0.25rem; text-align:center;}
#homeReserve .homeReserveForm .homeReserveFormBody .homeReserveFormBodyItem .homeReserveFormBodyItemSelect{margin:0 auto;}

/* #homeAbout h2{font-size:100%;} */

/* #homeFood h2.likeH1{font-size:125%;} */

[id^="homeMid"] h2 span{display:inline!important;}

#footerBottom img{display:block; margin:0 auto;}

}

@media screen and (max-width: 25rem){ /* 400px */

/* #homeFood h2.likeH1{font-size:100%;} */

}

@media screen and (max-width: 20rem){ /* 320px */



}


@media screen and (max-height: 70rem){ /* 1120px */

#logo{width:10rem; min-width:10rem; left:calc(50% - 5rem); animation:logo-out-smaller var(--transition-duration-effects) var(--animation-in) forwards;}
html.allMenuOpened #header #logo,
.scrolled #header #logo{width:5rem; min-width:5rem; left:1.25rem; animation:logo-in-smaller var(--transition-duration-effects) var(--animation-out) forwards;}
#homeVideoTitle{margin:10rem 0 2.5rem;}

}

@media screen and (max-height: 60rem){ /* 960px */

#homeVideoTitle{margin:7.5rem 0 0.25rem;}

}

@media screen and (max-height: 40rem){ /* 640px */

#homeVideoWrap h1{font-size:150%; padding-bottom:0.25rem;}
#homeVideoWrap h3{font-size:100%; padding-top:0.25rem;}

}

@media screen and (max-height: 30rem){ /* 480px */

#homeVideoWrap h1{font-size:125%;}
#homeVideoWrap h3{font-size:85%;}

}