html,body,div,span,object,iframe,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
*,:before,:after{-webkit-box-sizing:inherit;box-sizing:inherit;outline:0}

html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;font-display:swap;font-family:sans-serif;outline:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:kern 1;font-feature-settings:kern 1;-webkit-font-kerning:normal;font-kerning:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

html{scroll-behavior: smooth}

:root {
    --col-width: calc(min(90vw, var(--maxgridrow))/12);
    --maxgridrow:1920px;
    --lightcolor:#F2F6FC;
    --darkcolor:#5D5652;
    --vi: calc(min(90vw, 1950px) - 30px);
    --gapp: calc((100vw - var(--vi)) / 2);    
}

/* @media screen and (min-width:2160px) { :root { --maxgridrow:2160px}} */

/* @media screen and (max-width:1599px) { :root { --maxgridrow:calc(100vw - 140px)}} */
/* 
.cursor-dot{
	position: fixed;
	border-radius: 50%;
	pointer-events: none;
	z-index: 99999999;
	height: 10px;
	width: 10px;
	background-color: var(--darkcolor);
	top: 0;
	left: 0;
	will-change: transform;
	transition: width 0.3s, height 0.3s, border-radius 0.3s, opacity 0.3s, transform 0.05s;
}
.cursor-dot.active {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	opacity: 0.4;
} */




a,a:hover,a:focus{text-decoration:none;color:#5D5652}

.is-bg-light{background-color: var(--lightcolor)}
.is-bg-dark{background-color: var(--darkcolor)}
.is-darkcolor {color:var(--darkcolor)}
.is-white{color:#FFFFFF}

.is-x-large-size{font-size:64px}
.is-semi-size{font-size:24px}

.is-light {font-weight:300}
.is-normal {font-weight:400}
.is-medium {font-weight:500}
.is-semibold {font-weight:600}

.is-less-1 {padding-inline: calc( 1* var(--col-width));width:100%}
.is-less-2 {padding-inline: calc(2 * var(--col-width));width:100%}
.is-less-3 {padding-inline: calc(3 * var(--col-width));width:100%}

img{max-width:100%;height:auto}

body {background-color:#FFFFFF;font-family: "Google Sans Flex", sans-serif;font-weight:300;color:var(--darkcolor)}
body::-webkit-scrollbar{display:none}
em{font-style:italic}
figure{margin:0}
.o-head {line-height: 1.2}
.uppercase{text-transform:uppercase}

/* .maxgridrow {max-width:var(--maxgridrow);margin: 0 auto;padding-inline:15px;} */
.maxgridrow {
    margin: 0 auto;
    padding-inline: 15px;
    /* max-width: 1950px; */
    width: 90vw;
}
.site-container {
    max-width: 100vw;
    overflow-x: clip;
}

.ratio-1-1 {position: relative;height: 0;padding-bottom: 100%;width: 100%}
.ratio-normal {height: 0;padding-bottom: 60%;width: 100%;position: relative}
.ratio-vertical {height: 0;padding-bottom:120%;width:100%;position: relative}
.ratio-normal img,
.ratio-vertical img,
.ratio-1-1 .imagefit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.simple-link {padding-bottom:19px;border-bottom:1.5px solid var(--darkcolor);line-height:1;display:block;width:calc(2 * var(--col-width) - 30px);transition:all 0.3s ease;}
.simple-link:hover {padding-bottom: 22px}

.wrap-main-logo .logo{font-size:5.2rem}

/* FOOTER */
.is-site-footer {margin-top: 215px}
.footer-light {padding-block:10rem;}
.instragram-feed {
    padding-top: 120px;
}
/* .footer-bright h4:after {
    content: "";
    width: 100%;
    max-width: 252px;
    height: 0.5px;
    background-color: #4C4C4C;
    display: block;
    margin-top: 20px;
} */
.newsletter-wrapper {
    padding-bottom: 10rem;
    line-height: 1;
}
.copyright-row {color: var(--darkcolor);font-size: 13px}
.copyright-row a {color: var(--darkcolor)}

.burger-menu span{height:5px;display:block;position:relative;background-color:var(--darkcolor);margin:0}
.burger-menu span:nth-child(2){margin:8px 0}
.burger-menu{width:47px;display:block}


.header-area{position:absolute;left:0;display:flex;flex-direction:column;align-items:center;height:100%;width:4vw;margin:0 auto;justify-content:center;left:-4vw;padding-inline:1%}
.header-area .languages-wrapper{margin-top:30px;font-size:19px;line-height:1;font-weight:500;display:block;width:47px;text-align:left}
.header-area .burger-menu{max-width:40px;width:100%;line-height:0}
.header-area .burger-menu svg{width:100%;height:auto}
.header-area .languages-wrapper{width:100%}
.vertical-logo {margin-bottom:90px;width:75%;transform: rotate(180deg);max-width:35.5px;}
.bianca:not(.home) .header-area {justify-content: flex-start;padding-top: 60px}
.bianca.openmenu {overflow: hidden}

#burger-area {
    position: fixed;
    top: 0;
    z-index: 999;
    width:100vw;
    bottom: 0;
    left:-100vw;
    transition: left 0.77s ease;
}
.buger---inner {
    background-color: #FFF;
    padding-block: 10rem;
    width: 100%;
    max-width: calc(7 * var(--col-width));
    height:100%;
}
#burger-area .maxgridrow{height:100%;}
#burger-area.openL {left:0;width:100vw;transition: left 1s ease-out;}
.inner-burger{display:flex;flex-direction:column;justify-content:space-between;height:100%;position: relative;padding-left: var(--col-width);opacity:0;}
#burger-area.openL .inner-burger{opacity:1;}
#burger-area .is-less-1{height:100%}
.burger-items li{display:block;font-size:24px;line-height:1.1;padding-bottom:10px;border-bottom:.5px solid var(--darkcolor);max-width:calc(3 * var(--col-width));margin-bottom:40px}
.burger-items li a:hover{opacity:0.75;}
.inner-burger .burger-menu{width:250px;margin-bottom:60px;line-height:1}
.header-area .burger-menu:hover {cursor:pointer}
.burger-items li:last-child{margin-bottom:0;}
.burger-footer {padding-top: 4rem}
.burger-footer p {margin-bottom:0;margin:0;font-size:16px;line-height:25px}
.burger-footer p a{text-decoration:none}
.burger-footer p a:hover{text-decoration:underline}
#burger-area .close-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2%;
    width:var(--gapp);
    background-color: #FFF;
    z-index:0;
}
#burger-area .close-area #close-menu{line-height:0;display:block;cursor:pointer;}
.footer-social-icons {
    padding: 10px 0;
    line-height: 0;
    display: flex;
    align-items: center;
}.footer-social-icons a {
    display: block;
    line-height: 0;
    margin-right: 12px;
}
/* 
.instragram-feed {padding-top: 120px;padding-inline: calc( 2 * var(--col-width) - 30px)}
.instragram-feed-inner{z-index: 1;position: relative}
.instragram-feed #sb_instagram{margin-bottom:0;padding-bottom:0!important}
#sb_instagram #sbi_images {
    padding-block: 0!important;
}
.instragram-feed  #sb_instagram #sbi_load,
.instragram-feed .sb_instagram_header {display: none}
.instragram-feed-inner:after {
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    height: 50%;
    background-color: var(--lightcolor);
    bottom: 0;
    z-index: -1;
} */

.newsletter-form{display:flex;margin-inline:-15px;align-items:flex-end}
.newsletter-inner{margin-top:5.5rem}
.newsletter-form input{border-radius:0 0 0 0;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;width:33.333%;display:block;border:none;border-bottom:.5px solid var(--darkcolor);padding:0;background-color:transparent;font-family:inherit}
.newsletter-form .newsletter-col{width:calc(3 * var(--col-width));padding:15px}
.newsletter-form .newsletter-col input{border-radius:0 0 0 0;width:100%;font-size:20px;line-height:1;padding-bottom:15px;font-weight:300}
.newsletter-col input[type=submit]{max-width:300px;width:100%;background-color:#5d5652;border:none;color:#fff;font-size:18px;line-height:1;padding:25px;font-weight:500;cursor: pointer;border-radius:0 0 0 0;}
.newsletter-form .newsletter-col input[type=text]::placeholder,
.newsletter-form .newsletter-col input[type=email]::placeholder {color: #4a4a4a;font-weight:300;}

.bianca .slick-dots{background-color:transparent;position:absolute;bottom:0;width:auto;right:20px;top:0;display:flex;flex-direction:column;justify-content:center}
.bianca .slick-dots li{margin:10px;border:1.5px solid transparent;border-radius:100%;height:auto;width:auto;padding:6px}
.bianca .slick-dots li button:before{display:none}
.bianca .slick-dots li button{padding:0;width:6px;height:6px;background-color:#fff;border-radius:100%;margin:0 auto}
.bianca .slick-dots .slick-active{border:1.5px solid #fff}
/* .bianca .slick-dots li:hover button {
    width: 12px;
    height: 12px;
} */
.bianca .slick-dotted.slick-slider {margin-bottom: 0}
.bianca .slick-dots li.slick-active button {width: 12px;height: 12px}
/* .bianca .slick-dots li:nth-child(2) button,
.bianca .slick-dots li:nth-child(4) button {width:8px;height:8px} */
.bianca .slick-dots .slick-active + li button {width:8px;height:8px}
.bianca .slick-dots li:has(+ .slick-active) button {width:8px;height:8px}


.bianca .main-gallery .slick-dots li button {background: #9A9A9A}
.bianca .main-gallery .slick-dots .slick-active{border-color:#9A9A9A}

/* .booking-column-inner{max-width:395px}
.booking__row .booking-column:first-child:after, .booking__row .booking-column:nth-child(2):after {
    content: "";
    border-right: 0.5px solid var(--darkcolor);
    position: absolute;
    top: -5px;
    bottom: -15px;
    right: -3px;
} */

@media screen and (max-width: 1500px) {
    
.is-semi-size{font-size:18px}
.is-x-large-size{font-size:44px}
.is-site-footer {margin-top: 125px}
.inner-burger .burger-menu{margin-bottom:40px;width: 200px}
.burger-items li {font-size: 19px;margin-bottom: 25px}
.buger---inner{padding-block:6rem}
}

@media screen and (max-width: 1023px) {
.wrap-main-logo .logo{font-size:4.5rem}  
.maxgridrow {padding-inline:80px;width: 100%}
.inner-site-header {padding:25px 80px;line-height: 0}
.inner-site-header #burger-m-button {width:35px;line-height: 0}
.inner-site-header #burger-m-button svg {width: 100%;height: auto}
.touch-logo {max-width: 220px;margin-left: auto}
.grove-wrapper:before{display:none;}    
.ratio-normal {padding-bottom:66%;}
/* .is-semi-size{font-size:16px} */
.is-x-large-size{font-size:33px}
.header-area{display:none}
.is-less-1{padding-inline:0;}
.simple-link {width: 100%;font-size: 14px;line-height: 1;border-bottom-width:1px}
.is-site-footer {padding-top: 6rem;background-color: var(--lightcolor)}
.instragram-feed {padding-top: 40px;padding-inline: 0}
#sb_instagram #sbi_images {padding-inline:5px!important}
.instragram-feed-inner{margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw)}
.openmenu #burger-area{background-color:#fff}
.inner-burger .burger-menu{display:flex;justify-content:flex-end;width:100%}
.inner-burger .burger-menu .is-block{width:50%}
#burger-area .close-area{width:40px;top:25px;bottom:initial;left:65px;z-index:2;}
#burger-area .close-area #close-menu{width:30px}
#burger-area .close-area svg {width: 100%;height: auto}
.buger---inner{max-width:100%;padding-block:25px;padding-bottom:70px;}
.burger-area .maxgridrow{padding-right:0}
.inner-burger{padding-inline:0}
.burger-items li{font-size:18px;width:100%;max-width:100%}
.burger-items li:not(:last-child) {margin-bottom: 18px}
.burger-footer p {line-height: 1.6;font-size: 14px}
.footer-light {padding-block: 5rem}
.newsletter-inner {margin-top: 3.5rem}
.newsletter-form {flex-direction: column;align-items: flex-start}
.newsletter-form .newsletter-col {width: 100%}
.newsletter-col input[type=submit] {max-width: 100%}
.newsletter-wrapper h4 {font-weight: 600;font-size: 16px;line-height: 1.3}
#burger-area{transition:left 0.4s ease}
#burger-area.openL{transition:left 0.3s ease-out}
.booking-column-inner{max-width:100%}
.booking__row .booking-column:first-child:after, .booking__row .booking-column:nth-child(2):after {display:none}
.bianca .slick-dots li{margin:5px;padding:3px}
}

@media screen and (max-width:767px) {
    .inner-site-header,    
    .maxgridrow {padding-inline:40px;width: 100%}
    #burger-area .close-area{left:25px}
    .is-site-footer {margin-top: 100px}
    .newsletter-wrapper {padding-bottom: 6rem}
    .newsletter-form .newsletter-col input {font-size: 16px}
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
    background:#5d5652;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color:#5d5652;   
}
input#checkinDate, input#checkoutDate {
    background-image:url('data:image/svg+xml,<svg width="27px" height="27px" viewBox="0 0 27 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Calendar" transform="translate(-1169, -1209)"><g id="streamline:interface-calendar-blank-calendar-date-day-month-copy" transform="translate(1170, 1210)"><rect id="ViewBox" x="0" y="0" width="25" height="25"></rect><path d="M2.67857143,4.46428571 C1.69234866,4.46428571 0.892857143,5.26377723 0.892857143,6.25 L0.892857143,22.3214286 C0.892857143,23.3076513 1.69234866,24.1071429 2.67857143,24.1071429 L22.3214286,24.1071429 C23.3076513,24.1071429 24.1071429,23.3076513 24.1071429,22.3214286 L24.1071429,6.25 C24.1071429,5.26377723 23.3076513,4.46428571 22.3214286,4.46428571 L18.75,4.46428571 M0.892857143,11.6071429 L24.1071429,11.6071429 M6.25,0.892857143 L6.25,8.03571429 M18.75,0.892857143 L18.75,8.03571429 M6.25,4.46428571 L15.1785714,4.46428571" id="Shape" stroke="%234A4A4A" stroke-width="2.14285714" stroke-linecap="round" stroke-linejoin="round"></path></g></g></g></svg>');
    background-position: right top;
    background-repeat: no-repeat;
}
.flatpickr-day{line-height:35px;}

.zoom{animation: zoomInOut 30s infinite alternate ease-in-out}
@keyframes zoomInOut {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.15);
    }
    100% {
      transform: scale(1);
    }
  }

  #availabilityMessage a {
    font-size: 16px;
    line-height: 1;
    opacity: 1;
}
  #availabilityMessage p {
    font-size: 16px;
    line-height: 1;
    opacity: 0.5;
    margin: 0;
}
#availabilityMessage {padding-top: 20px; font-weight: 500}
.single-article .select-booking-column{display: none;}
.newsletter-form .newsletter-col label {display: none}


input#checkinDate, input#checkoutDate {
    background-size: 20px;
}

@media screen and (max-width:767px) {
.booking__row form .booking-column select,
.booking__row form .booking-column input[type=date],
.booking__row form .booking-column input[type=text] {
    font-size: 16px!important;
}input#checkinDate, input#checkoutDate {
    background-size: 20px!important;
}
	
}