/*
 Theme Name:   Knaan
 Description:  The main theme powering the Kna'an website.
 Author:       Farhad Iskenderov
 Version:      0.0.1
 Text Domain:  knaan
*/
@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Bold.woff2') format('woff2'),
        url('fonts/Alef-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Regular.woff2') format('woff2'),
        url('fonts/Alef-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-Black.woff2') format('woff2'),
        url('fonts/Alegreya-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-ExtraBold.woff2') format('woff2'),
        url('fonts/Alegreya-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-SemiBold.woff2') format('woff2'),
        url('fonts/Alegreya-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Alegreya-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-BoldItalic.woff2') format('woff2'),
        url('fonts/Alegreya-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-Bold.woff2') format('woff2'),
        url('fonts/Alegreya-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-BlackItalic.woff2') format('woff2'),
        url('fonts/Alegreya-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-Italic.woff2') format('woff2'),
        url('fonts/Alegreya-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-MediumItalic.woff2') format('woff2'),
        url('fonts/Alegreya-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-Medium.woff2') format('woff2'),
        url('fonts/Alegreya-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-Regular.woff2') format('woff2'),
        url('fonts/Alegreya-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Alegreya';
    src: url('fonts/Alegreya-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Alegreya-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SimplerPro_V2';
    src: url('fonts/SimplerPro_V2-Bold.woff2') format('woff2'),
        url('fonts/SimplerPro_V2-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SimplerPro_V2';
    src: url('fonts/SimplerPro_V2-Regular.woff2') format('woff2'),
        url('fonts/SimplerPro_V2-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SimplerPro_V2';
    src: url('fonts/SimplerPro_V2-Light.woff2') format('woff2'),
        url('fonts/SimplerPro_V2-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


:root {
  --dark-grey: #2D2D2C;
  --white: #ffffff;
  --grey: #393939;
  --brown: #91513F;
  --bright-grey:#A7A7A7;
  --baz:#E1DDD3;
 --baz-white:#F4EFEA;
 --red:#EC2C1D;
}

strong,
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
.contact-form-thank-message strong,
fn,
input,
textarea,
p,
th,
td,
.three-images-layout .item .title,
select {
  border: 0 none;
  color: var(--grey);
  list-style-type: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-family: "SimplerPro_V2", "Arial", sans-serif;
  font-weight: normal;
  font-size: 1rem;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  direction: rtl;
}

html {
  overflow-x: hidden;
}
.menu-open{
  overflow: hidden; 
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
}

html.open-popup {
  overflow-y: hidden;
}
html.open-gallery {
    overflow: hidden;
}
header, div:not(.no-trans), span:not(.no-trans), a:not(.no-trans), p, li, ul, section, input, span:not(.preloader-el), label, img, :after, :before, button, i, img:not(.preloader-el),nav {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.b-lazy {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}
.b-lazy.b-loaded, .b-lazy.b-error {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    opacity: 1;
}
img {
  max-width: 100%;
  display: block;
  margin: auto;
}
.spa-treatment .description,#actions-full-description,.about .description, .features .description, .location-section .description, .special-items .description, .newsletter .description, .rooms-area .list .description, .important .description p, .important .description li,.seasons-items ul li .description{
 line-height: 25px;
}
video{
     min-width: 100%;
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    z-index: 0;
    object-fit: cover;
    bottom: 0;
    margin: auto;
}
p{
 font-size: inherit;
 font-weight: inherit;
 font-family: inherit;
 color: inherit;
}

.booking-popup .inside .subtitle, .about h2, .gallery .description, .deals h3, .location-section h3, .special h3, .about-seasons h3, .orderButton, .navigation-popup > .subtitle, .footer-order-button div,.seasons-items ul li h3{
 font-family: 'Alegreya',Arial,sans-serif;
}
.seasons-items ul li h3{
 font-family: "SimplerPro_V2", "Arial", sans-serif;
}
h1{
 
}
h2{
 
}
h3{
 
}
.deals .wrapper > a, .friends a, .newsletter ul.form input[type='submit'],.navigation-popup a.cancel{
 display: inline-block;
 padding: 25px 75px;
 background-color: var(--brown);
 color: var(--white);
 font-weight: bold;
 letter-spacing: 0.08em;
}
.deals .wrapper > a{
 position: relative;
 z-index: 1;
}
.about h1, h2, body .roomsItems .room-options ul li, body .roomsItems section .room-select span,.page-description h1{
 font-size: 1.66666666667rem;
 font-weight: bold;
 line-height: 55px;
 letter-spacing: 0.08em;
}
body .roomsItems .room-options ul li, body .roomsItems section .room-select span{
 letter-spacing: 0em; 
}
.friends-list .title{
 font-size:1.55555555556rem;
}
.friends-list .title strong{
 font-size:1.94444444444rem;
 font-weight:bold;
}

.about h2, .gallery .description, .deals h3, .location-section h3, .special h3, .about-seasons h3, .navigation-popup > .subtitle, .services .list h2,.seasons-items ul li h3{
 font-size: 1.22222222222rem;
 font-weight: 500;
 letter-spacing: 0.15em;
 line-height: 40px;
 text-transform: uppercase;
}
h4, .sales-slider .title, .sale-price span, .count, .count span, .rooms-area .list h3, .actions-slider ul.items li h3, .month-name,#actions-title{
 font-size:1.27777777778rem;
 letter-spacing: 0.08em;
 line-height: 28px;
}
.sale-price span{letter-spacing:normal;padding-left: 0;}
.main-menu a{
 font-size:0.94444444444rem;
}
.main-menu li:first-child a{
 /* font-size:0.83333333333rem; */
 /* letter-spacing: 0.15em; */
}
.footer-menu ul li a{
 font-size:1rem;
 color: var(--brown);
}
.wrapper{
 width: 1360px;
 margin: auto;
 position: relative;
}
header{
 position: fixed;
 width: 100%;
 right: 0;
 background-color: var(--white);
 z-index: 100000;
}
header,.header-space{
 height: 90px; 
}
header .wrapper:after{
 content:'';
 display:block;
 clear: both;
}
header .logo{
 float: right;
 margin-top: 20px;
}

.main-menu{
 float: right;
 margin-right: 100px;
 margin-top: 35px;
}
.main-menu ul{
 margin: 0;
 padding: 0;
 display: flex;
 list-style-type: none;
}
.main-menu ul li{
 padding: 0 30px;
}
.main-menu a{
 color: var(--grey);
}
.main-menu a:hover,.main-menu .current-menu-item a{
 color: var(--brown); 
}
.main-menu .current-menu-item.menu-item-2288 a{
 color: var(--grey);
}
.hero{
 height: 800px;
 position: relative;
 /* overflow: hidden; */
}
.hero video{
 max-height: 800px; 
}
.hero .logo{
 position: relative;
 left: 0;
 right: 0;
 margin: auto;
 z-index: 1;
 padding-top: 415px;
}
.hero .logo img{
 
}
.hero .logo img:first-child{
 margin-bottom: 25px;
}
.hero .logo img:last-child{
 
}
.about{
 text-align: center;
 padding-top: 80px;
}
.about .description,.page-description .description{
 padding-top: 15px;
 max-width: 965px;
 margin: auto;
}
.page-template-simple .page-description .description{
 text-align: right;
}
.page-template-simple .page-description .description ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.page-template-simple .page-description .description > p{
 padding-bottom: 20px;
}
.page-template-simple .page-description .description li{
 padding-right: 25px; 
 padding-bottom:40px;
 position:relative;
}
.page-template-simple .page-description .description ul li:before{
 content:'';
 position: absolute;
 top: 8px;
 right: 0;
 width: 6px;
 height: 6px;
 background-color: var(--brown);
 border-radius: 50%;
}
.seasons-nav{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: table;
 padding-top: 40px;
 table-layout: fixed;
 margin: auto;
}
.seasons-menu{
 border-bottom: 2px solid #B8B8B8;
 margin-bottom: 45px;
}
.seasons-nav li{
 padding: 0;
 display: table-cell;
}


.seassons-area .seasons-nav li:nth-child(1) > div,
.seasons-nav li:nth-child(2) > div,
.seasons-nav li:nth-child(3) > div,
.seasons-nav li:nth-child(4) > div{
 /* pointer-events: none; */
}
.seasons-nav li div{
 padding: 20px 60px;
 display: block;
 cursor: pointer;
 position: relative;
 color: var(--bright-grey);
 pointer-events: none;
}

.seasons-nav li div:after{
 content:'';
 position: absolute;
 background-color: transparent;
 height: 6px;
 width: 100%;
 bottom: -4px;
 left: 0;
 right: 0;
 margin: auto;
}
.seasons-nav li div.active{
 color: var(--brown);
 font-weight: bold;
 cursor: pointer;
 pointer-events: all;
}
.seasons-nav li div.active:after{
  background-color: var(--brown);
}
.about-seasons{
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 100%;
 display: none;
 overflow: hidden;
 position: relative;
}
.about-seasons:before{
 content:'';
 position: absolute;
 width: 100%;
 height: 100%;
 background-image: url(gfx/lights.gif);
 background-size: cover;
 z-index: 1;
 mix-blend-mode: overlay;
 pointer-events: none;
}

.about-seasons li{flex-basis: 25%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all .8s;}
.about-seasons.hover li{
 flex-basis: 20%;
}
.about-seasons.hover li.active{
 flex-basis: 40%;
}
.about-seasons .thumb{
 height: 500px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 position: relative;
 display: block;
}
.about-seasons .thumb:hover .info{
 top:150px;
}
.about-seasons .thumb:hover .description{
 opacity:1;
 visibility:visible;
 pointer-events:all;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
.about-seasons .thumb:hover .seasons-button{
 opacity:1;
 visibility:visible;
 pointer-events:all;
 -webkit-transform: translateY(0px);
 transform: translateY(0px); 
}
.about-seasons .thumb:after{
 content:'';
 position: absolute;
 width: 100%;
 height: 100%;
 display: block;
 background-color: var(--grey);
 opacity: .2;
}
.about-seasons .thumb:before{
 content:'';
 position: absolute;
 width: 100%;
 height: 50%;
 bottom: 0;
 background: linear-gradient(180deg, rgba(57, 57, 57, 0) 0%, #393939 37.44%);
 opacity: .8;
 left: 0;
}
.about-seasons .info{
 /* display: none; */
 position: absolute;
 z-index: 1;
 top: 400px;
 padding: 0 50px;
 padding-bottom: 70px;
}
.about-seasons .info div,.about-seasons .info{-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all .8s;}

.about-seasons .info div.description,.about-seasons .info div.seasons-button{
 transition-delay: .5s;
}
.about-seasons h3{
 color: var(--white);
 font-size: 27px!important;
 font-weight: 600;
 font-family: "SimplerPro_V2", "Arial", sans-serif;
 /* letter-spacing: 0!important; */
}
.about-seasons .description{
 color: var(--white);
 padding-top: 5px;
 -webkit-transform: translateY(50px);
 transform: translateY(50px);
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
}
.seasons-button{
 
}

.about-seasons.active{
 opacity: 1;
 visibility: visible;
 pointer-events: all;
 display: flex;
}
.features{
 margin-top: 125px;
 text-align: center;
 padding-top: 85px;
 background-color: var(--baz);
 position: relative;
}
.features h2{
 
}
.features .subtitle{
 margin-top: 10px;
}
.features .description{
 padding-top: 40px;
}
.features-list{
 margin: 0;
 padding: 0;
 list-style-type: none;
 padding-top: 60px;
 display: flex;
 column-gap: 30px;
 justify-content: stretch;
}
.features-list li{
 flex-basis: 100%;
 background-color: var(--white);
 padding-bottom: 120px;
 position: relative;
}
.features-list .image-wrapper{
 background-color: var(--baz);
}
.features-list .image{height: 300px;background-size: cover;background-position: center;border-radius: 300px 300px 0px 0px;}
.features-list .info{
 height: 100%;
 border-top: 7px solid var(--baz);
 padding: 60px 50px 0;
}
.features-list h4{
 
}
.features-list .description{
 
}
.features-list a, .sales-slider .wrapp a,.seasons-button a{
 color: var(--brown);
 letter-spacing: 0.05em;
 font-weight: bold;
 position: relative;
 padding-left: 22px;
 background-color: transparent;
 left: auto;
 padding: initial;
 bottom: auto;
 text-decoration: underline;
}
.seasons-button a{color: var(--white);text-decoration: underline;}
.features-button,.seasons-button{
 position: absolute;
 left: 0;
 right: 0;
 bottom: 60px;
}
 .seasons-button{
  bottom: 30px;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
 }
.sales-slider .features-button{
 bottom: 45px; 
}
.features-list a:after, .sales-slider .wrapp a:after, .seasons-button a:after,.seasons-items ul li a:before{
 content: '';
 background-image: url(gfx/arrow-brown.svg);
 width: 10px;
 height: 16px;
 display: inline-block;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 width: 0!important;
}
.seasons-button a:after{
 background-image: url(gfx/arrow-white.svg);
}
.seasons-items ul li a:hover:before,.features-list a:hover:after,.sales-slider .wrapp a:hover:after,.seasons-button a:hover:after{
 left: -5px; 
}
.gallery{
 background-color: var(--baz);
 text-align: center;
 padding-top: 160px;
}
.gallery h2{
 
}
.gallery .description{
 
}
.gallery-list{
 
}
.image-gallery{
 margin: 0;
 padding: 0;
 list-style-type: none;
 margin-top: 40px;
 height: 670px;
 position: relative;
}
.image-gallery li{
 position: absolute;
 height: 330px;
 width: 475px;
}
.image-gallery li:nth-child(1){
 width: 875px;
 height: 100%;
 left: 0;
}
.image-gallery li:nth-child(2){
 top: 0;
}
.image-gallery li:nth-child(3){
 bottom: 0;
}
.image-gallery li a{
 display: block;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;
 position: relative;
}
.image-gallery li a:hover:after{
 opacity:.5;
}
.image-gallery li a:after{
 content:'';
 position: absolute;
 width: 100%;
 height: 100%;
 right: 0;
 background-color: var(--brown);
 opacity: 0;
}
.deals{
 text-align: center;
 padding-top: 135px;
 background-color: var(--baz);
 position: relative;
 /* display: none; */
}
.deals:after, .features:after,.friends:after{
 content:'';
 background-image: url(gfx/shadow-05.png);
 width: 582px;
 height: 1425px;
 position: absolute;
 display: block;
 left: 0;
 top: -250px;
 background-size: contain;
 background-repeat: no-repeat;
}
.friends:after{
 display:none;
}
.features:after{
 background-image: url(gfx/shadow-04.png);
 left: auto;
 right: 0;
 top: -300px;
 width: 590px;
 height: 960px;
}
.friends:after{
 background-image: url(gfx/shadow-03.png);
 width: 570px;
 height: 570px;
 left: auto;
 right: 0;
 top: 0;
}
.deals h2{
 
}
.deals h3{
 
}
.sales-slider{
 margin-bottom: 45px;
 margin-top: 75px;
 z-index: 1;
}
.sales-slider .item{
}
.sales-slider button{
 position: absolute;
 left: -35px;
 right: auto;
 top: calc(0px + 70px);
 bottom: 0;
 margin: auto;
 height: 34px;
 width: 20px;
 font-size: 0;
 border: none;
 -webkit-appearance: none;
 background-image: url(gfx/arrow-brown.svg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 20px;
 background-color: transparent;
 cursor: pointer;
}
.sales-slider-hp .slick-dots li button{
 background-color: #fff;
}
.sales-slider button.slick-prev{
 right: -35px;
 left: auto;
 transform: rotate(-180deg);
}
.sales-slider button.slick-next{
 transform: rotate(0deg);
}
.slick-disabled{
display:none!important; 
}
.sales-slider button.slick-prev:hover{
 right: -40px; 
}
.sales-slider button.slick-next:hover{
 left: -40px;  
}
.sales-slider .inside{
    margin: 0 15px;
}
.sales-slider .image{
 height: 390px;
 border-radius: 500px 500px 0px 0px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 background-color: #ccc;
 opacity: 1;
}
.sales-slider .image-wrapper{
}
.sales-slider .content{border-top: 7px solid var(--baz);position: relative;background-color: var(--white);}
.sales-slider .wrapp{
 padding: 55px 0;
 padding-bottom: 105px;
}
.sales-slider .title{
 max-width: 270px;
 margin: auto;
 padding-bottom: 20px;
 min-height: 105px;
}
.sales-slider .dates{
 display: block;
 margin: auto;
 font-weight: bold;
 padding-bottom: 20px;
 text-align: center;
}
.sales-slider figure{
 margin: 0;
 display: inline-block;
}
.sales-slider .description{
 
}
.sales-slider .bottom{
 display: inline-block;
 margin: auto;
}
.sales-slider .from{
 
}
.sale-price{
 padding-bottom: 5px;
}
.sale-price span{
 
}
.original-price{
 
}
.original-price span{
 padding-left: 5px;
}
.original-price span.oprice{
 text-decoration: line-through;
}

.location{
 padding-top: 210px;
 background-color: var(--baz);
 padding-bottom: 160px;
}
.location-section{
 display: flex;
 height: 590px;
}
.location-section .content{
 flex-basis: 470px;
 padding: 40px 75px;
 background-color: var(--white);
}
.location-section h2{
}
.location-section h3{
 line-height: 35px;
}
.location-section .description{
 padding-top: 35px;
}
.location-section .information{
 padding-top: 140px;
 line-height: 34px;
 position: relative;
 color: var(--brown);
}
.location-section .information:before{
 content:'';
 position: absolute;
 background-image: url(gfx/marker.svg);
 width: 36px;
 height: 50px;
 top: 65px;
}
#map_canvas{
 flex-basis: calc(100% - 470px);
}
.friends{
 padding-top: 115px;
 padding-bottom: 35px;
 text-align: center;
 position: relative;
 background-image: url(gfx/membership_bg.jpg);
 background-size: 100%;
 background-repeat: no-repeat;
}
.friends:after{
 content:'';
}
.friends img{
 
}
.friends a{
 
}
.friends h2{
 padding-top: 10px;
}
.friends-list{
 margin: 0;
 padding: 50px 0 70px;
 list-style-type: none;
 display: flex;
 justify-content: center;
}
.friends-list li{
 padding: 10px 40px;
 border-left: 1px solid var(--dark-grey);
}
.friends-list li:last-child{
 border-left: 1px solid transparent;
}
.friends-list .thumb{
 
}
.friends-list .description{
 padding-top: 10px;
}
.special{
 text-align: center;
 padding: 80px 0;
 background-color: var(--baz);
}
footer{
 background-image: url(gfx/shadow-06.png);
 background-repeat: no-repeat;
 background-position: left bottom;
}
.special h2{
 
}
.special h3{
 
}
.special-items{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 justify-content: center;
 margin-top: 75px;
}
.special-items li{
 flex-basis: 100%;
}
.special-items .thumb{
 
}
.special-items .image{
 min-height: 55px;
}
.newsletter{
 
}
.newsletter .wrapper{
 display: flex;
 padding: 40px 0;
 margin: auto;
 border-bottom: 1px solid var(--baz);
}
.information .wrapper{
 border-bottom: 1px solid var(--baz);
 padding-bottom:30px;
}
.brands .wrapper, .newsletter .wrapper, .information .wrapper,.footer-menu{
 width: 1230px; 
}
.newsletter .title{
 flex-basis: 100%;
}
.newsletter .form{
 flex-basis: calc(100% - 130px);
}
.newsletter .title h2{
 
}
.newsletter .description{
 
}
.newsletter ul.form{margin: 0;padding: 0;list-style-type: none;font-size: 0;margin-top: 13px;}
.newsletter ul.form li{display: inline-block;vertical-align: top;position: relative;}
.newsletter ul.form li.email{width: 360px;}
.newsletter ul.form li.agreement{padding-top: 25px;}
.newsletter ul.form li.submit{width: calc(100% - 360px);padding-right: 10px;}
.newsletter ul.form input{background-color: #f4efea;text-align: right;width: 100%;height: 56px;padding: 18px;}
body .wpcf7-not-valid-tip{
 font-size: 14px;
 padding: 5px 0;
}
input.wpcf7-not-valid,.wpcf7-not-valid input{
 border: 1px solid red!important;
}
.newsletter ul.form input[type='submit']{text-align: center;height: auto;padding: 19px 0;cursor: pointer;-webkit-appearance: none;border-radius: 0;}
.newsletter ul.form .wpcf7-list-item{margin-right: 0;}
.newsletter ul.form .wpcf7-list-item input{width: 16px;height: 16px;vertical-align: middle;-webkit-appearance: none;padding: 0;border-radius: 0;border: 1px solid transparent;position: relative;background-color: #f4efea;position: relative;margin-left: 5px;}
.newsletter ul.form .wpcf7-list-item span{
 
}
.newsletter ul.form li.agreement span.wpcf7-list-item input:checked:before{
 content:'';
 position: absolute;
 background-image: url(gfx/check-n.svg);
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 right: 0;
 left: 0;
 margin: auto;
 top: 0;
 bottom: 0;
 background-repeat: no-repeat;
 background-position: center;
}
body .wpcf7-spinner{
 position: absolute;
 left: 10px;
 top: 0;
 bottom: 0;
 margin: auto;
}
.brands{
 padding-top: 60px;
}
.hotels{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 justify-content: center;
 align-items: stretch;
 padding-top: 50px;
 padding-bottom: 50px;
 direction: ltr;
}
.hotels li{
 padding: 0 20px;
 border-right: 1px solid var(--dark-grey);
 display: inline-flex;
 justify-content: center;
 flex: 1;
}
.hotels li:last-child{
 border:none;
}
.hotels li a{display: flex;}

.hotels li a img{
 min-width: 80px;
 min-height: 16px;
}
.information{
 
}
.information ul{
 padding: 0;
 display: table;
 margin: auto;
 list-style-type: none;
 table-layout: fixed;
}
.information ul li{
 padding: 0 40px;
 display: table-cell;
}
.information ul li .thumb{
 position: relative;
 padding-top: 45px;
 min-width: 140px;
 text-align: center;
}
.information ul li img{
 position: absolute;
 top: 0;
 margin: auto;
 left: 0;
 right: 0;
}
.information ul li .description{
 
}
.footer-menu{
 margin: auto;
}
.footer-menu ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: block;
 margin: auto;
 font-size: 0;
 padding-top: 30px;
 text-align: center;
 padding-bottom: 70px;
}
.footer-menu ul li{
 text-align: center;
 width: 25%;
 display: inline-block;
 padding-bottom: 30px;
}



.popup-gallery {
    background: rgba(57, 57, 57, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10000000;
    width: 100%;
    padding: 60px 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.open-gallery .popup-gallery{
 opacity: 1;
 visibility: visible;
 pointer-events: all;
}
.close {
    position: absolute;
    top: 35px;
    right: 95px;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 100;
}
.close:before, .close:after {
    content: "";
    transform: rotate(-45deg);
    background-color: var(--red);
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    bottom: 0;
    margin: auto;
    background-color: var(--white);
}
.close:after {
    transform: rotate(45deg);
}
.popup-gallery .gallery-section {
    z-index: 10;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    direction: ltr;
    height: 550px;
}
.slick-arrow {
    position: absolute;
    width: 18px;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    border: none;
    background-image: url(gfx/arrow-gallery.svg);
    background-color: transparent;
    cursor: pointer;
    z-index: 100;
    background-size: contain;
    background-repeat: no-repeat;
}
.slick-prev {
    right: 136px;
}
.slick-next {
    left: 135px;
    transform: rotate(-180deg);
}
.popup-gallery .gallery-section div.slick-track {
    display: inline-block;
}
.popup-gallery .gallery-section div {
    margin: auto;
    height: 100%;
    position: relative;
    overflow: visible;
    text-align: center;
}
.popup-gallery .gallery-section .image-out {
    display: block;
    margin: auto;
    width: auto;
    max-height: 100%;
    max-width: 830px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    height: auto;
    overflow: visible;
    padding-bottom: 20px;
    z-index: 0;
}
.sound, .popup-gallery .gallery-section div.sound {
    display: inline-block;
    background-image: url(gfx/sound-off.svg);
    width: 45px;
    height: 42px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 10;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right center;
    display: none!important;
}
.sound-on .sound, .popup-gallery .gallery-section .sound-on div.sound {
    background-image: url(gfx/sound-on.svg);
}
.popup-gallery .gallery-section div.alt {
    height: auto;
    color: var(--white);
    z-index: 10;
    line-height: normal;
    margin: 0;
    text-align: center;
    padding: 10px 0;
}
.slick-slide img {
    max-height: 100%;
    margin: auto;
}
.popup-gallery .gallery-section div.gallery-nav {
    direction: ltr;
    height: 105px;
    position: fixed;
    width: 100%;
    bottom: 20px;
    direction: rtl;
}
.popup-gallery .gallery-section .gallery-nav div.item {
    width: 160px;
    height: 110px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0 0 5px;
    border: 2px solid transparent;
}
.video-out {
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.popup-gallery .gallery-section div.thumb {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.popup-gallery .gallery-section .gallery-nav div.item.slick-current {
    border-bottom: 2px solid var(--white);
}
.popup-gallery .gallery-section div.slider__counter {
    height: auto;
    color: var(--white);
    position: relative;
    margin-top: 135px;
    display: none;
}
.totalCounter {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}
.totalCounter .inside {
    display: table;
    height: 100%;
    width: 100%;
}
.totalCounter .table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    direction: ltr;
}
.count {
    display: inline-block;
    background-color: var(--brown);
    font-size: 1.5rem;
    padding: 15px 30px;
    color: var(--white);
}
.imagesTotalContainer{
    color: var(--white);
}

.float-section {
    padding-top: 75px;
    z-index: 1;
    position: relative;
}
section.booking {
    display: flex;
    width: 1100px;
    margin: auto;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: relative;
    padding-top: 0;
}
.dates, .rooms, .orderButton {
    background-color: var(--white);
    padding: 26px 30px;
    text-align: right;
    position: relative;
}
.orderButton{font-family:"SimplerPro_V2", "Arial", sans-serif;font-weight: 600;}

.dates {
    width: 460px;
    padding: 25px 30px;
}
.dates:before{
 content:'';
 background-color: var(--dark-grey);
 width: 0;
 height: 100%;
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 top: 0;
 bottom: 0;
}
.calendarCheckinBtnBottom, .calendarCheckoutBtnBottom {
    background-image: url(gfx/date.svg);
    width: 200px;
    height: 20px;
    display: inline-block;
    float: right;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.calendar-dropdown, body .room-summary, .rooms-options-out {
    left: auto;
    right: 0;
    top: 76px;
    width: 800px;
    position: absolute;
    z-index: 100;
    background-color: #F4EFEA;
    border-radius: 0;
    border: 1px solid var(--dark-blue);
}
.calendar-header {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 35px 0;
}
.calendar-header .title {font-weight: bold;}
body .date-picker-wrapper.inline-wrapper, body .date-picker-wrapper.inline-wrapper {
    display: block;
    border: none;
    background: none;
    padding: 0;
    position: relative;
    /* background: #f2efeb; */
    margin: -1px 0 0;
    overflow: visible !important;
}
.date-picker-wrapper.inline-wrapper .drp_top-bar, .date-picker-wrapper.inline-wrapper .drp_top-bar {
    display: none;
}
body .date-picker-wrapper.inline-wrapper .month-wrapper, body .date-picker-wrapper.inline-wrapper .month-wrapper {
    width: auto !important;
    border: none;
    background: transparent;
    padding: 0;
    text-align: center;
}
.montharound {
    background-color: var(--white);
    float: right;
    width: calc(50% - 50px);
    table-layout: fixed;
    z-index: 1000;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0 10px;
    min-height: auto;
    table-layout: auto;
    height: 100%;
    min-height: 400px;
    margin-right: 35px;
    margin-left: 0px;
    border: 1px solid var(--dark-blue);
}
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month1, .hotelsBooking .date-picker-wrapper.inline-wrapper table.month2, .inline-order .date-picker-wrapper.inline-wrapper table.month1, .inline-order .date-picker-wrapper.inline-wrapper table.month2 {
    position: relative;
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    table-layout: fixed;
}
.hotelsBooking .date-picker-wrapper table .caption {
    height: 40px;
}
body .date-picker-wrapper .month-wrapper table td, body .date-picker-wrapper .month-wrapper table th {
    font-weight: normal;
    width: auto !important;
}
body .date-picker-wrapper .month-wrapper table th.month-name {
    font-size: 1rem;
    font-weight: bold;
    padding: 35px 0;
}
body .date-picker-wrapper .month-wrapper table td {
    height: 46px;
}
body .date-picker-wrapper .month-wrapper table th {
    padding-bottom: 12px;
}
body .date-picker-wrapper .month-wrapper table .day.real-today {
    color: var(--red)!important;
    background-color: transparent;
}
body .date-picker-wrapper .month-wrapper table .day.checked, body .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #C8A89F;
    color: var(--white);
}

body .date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked,body .date-picker-wrapper .month-wrapper table .day.toMonth.real-today.valid.checked{
 color: #fff!important;
}
body .date-picker-wrapper .month-wrapper table .day{
 line-height: 32px;
 font-size: 1rem;
}
body .date-picker-wrapper .gap,.footerFromToText .next,.footerDayOfWeekText {
    display: none;
}
body .date-picker-wrapper .first-date-selected, 
body .date-picker-wrapper .last-date-selected {
    background-color: var(--brown) !important;
    color: #fff !important;
}
body .date-picker-wrapper .footer {
    text-align: center;
    height: auto;
    line-height: normal;
    padding: 5px 0 20px;
    /* display: none; */
    position: relative;
}
body .date-picker-wrapper .footer .stay-of {
    font-weight: bold;
    font-size: 1rem;
    display: inline-block;
    border-left: 1px solid #414444;
    padding-left: 8px;
    margin-left: 8px;
}
body .date-picker-wrapper .footer .stay-of strong{
 font-weight: bold;
}
body .date-picker-wrapper .footer span {
    font-size: 1rem;
}
body .date-picker-wrapper table .caption .next, body .date-picker-wrapper table .caption .prev {
    padding: 0;
    position: absolute;
    top: -55px;
    z-index: 10000;
    background-image: url(gfx/arrow-calendar.svg);
    font-size: 0;
    display: inline-block;
    width: 20px;
    height: 18px;
    left: -10px;
    right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
body .date-picker-wrapper table .caption .prev {
    right: -10px;
    left: auto;
    transform: rotate(180deg);
}
.total-rooms-container {
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}
.total-rooms {
    white-space: nowrap;
    color: var(--grey);
    letter-spacing: 0.08em;
}
.active .rooms-options-out {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.rooms, body .rooms-options-out {
    width: 315px;
}
body .rooms-options-out .main-title {
    font-size: 15px;
}
.roomsItems .room-options {
    margin: 0;
    padding: 5px 0;
    list-style-type: none;
    border-radius: 0;
    z-index: 100000;
}
body .roomsItems .room-options {
    margin: 0;
    position: relative;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #A7A7A7;
}
body .roomsItems section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table;
    width: 100%;
    /* font-size: 0; */
}
body .roomsItems section ul li {
    display: table-cell;
    padding: 0;
    position: relative;
    padding: 0;
    width: auto;
    vertical-align: bottom;
    border-left: none;
}
body .roomsItems .room-options ul li {
    min-width: 160px;
    text-align: revert;
}
body .roomsItems section ul li:last-child {
    border-left: none;
}
body .roomsItems .room-options ul li[data-role="drop-down"] {
    max-width: 100px;
    text-align: left;
    min-width: auto;
}
body .roomsItems section ul li label {
    padding: 0 0 10px;
    display: block;
    line-height: normal;
    text-align: center;
    font-size: 16px;
}
body .roomsItems .room-options ul li label span {
    display: inline-block;
    padding-left: 5px;
    font-size: inherit;
}
.room-select-section {
    display: table;
    width: auto;
    padding: 0;
    width: auto;
    margin: auto;
}
.pluses, .minuses {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.pluses .plus, .minuses .minus {
    display: none;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.pluses .plus.active, .minuses .minus.active {
    display: block;
}
.pluses .plus.last-child, .minuses .minus.last-child {
    pointer-events: none;
    opacity: 0.3;
}
.pluses .plus:before, .minuses .minus:before, .pluses .plus:after {
    content: "";
    background-color: var(--brown);
    height: 1px;
    width: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.pluses .plus:after {
    transform: rotate(90deg);
}
body .roomsItems section .room-select {
    background-repeat: no-repeat;
    background-position: left 10px center;
    pointer-events: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    min-width: 32px;
    line-height: normal;
}
a.remove-room-options {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -4px;
    top: 15px;
    bottom: auto;
    margin: auto;
    border-radius: 50%;
}
a.remove-room-options:before, a.remove-room-options:after {
    content: "";
    background-color: var(--brown);
    position: absolute;
    width: 15px;
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: rotate(-45deg);
}
a.remove-room-options:after {
    transform: rotate(45deg)!important;
}
a.addRoom {
    color: var(--dark-blue);
    float: right;
    position: relative;
}
a.addRoom[data-action="add-room-options"] {
    border-bottom: 1px solid var(--brown);
    font-weight: bold;
    margin-top: 22px;
    letter-spacing: 0.4px;
    color: var(--brown);
}
a.addRoom:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    opacity: 0;
}
a.updateRooms.orderButton {
    float: left;
    padding: 18px 35px;
    min-width: auto;
    margin-top: 25px;
    width: 100%;
    border: 1px solid transparent;
    font-family: 'Alegreya',"SimplerPro_V2", "Arial", sans-serif;
    text-transform: none;
    color: var(--white);
    font-weight: bold;
    letter-spacing: normal;
}
.orderButton {
    background-color: var(--brown);
    text-align: center;
    width: 315px;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 23px 30px;
}
.flights-options, .rooms-options-out {
    position: absolute;
    width: 380px;
    background-color: var(--baz-white);
    border-radius: 0;
    padding: 25px;
    right: 0;
    top: 75px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.room-options-container.active:after{
 transform: rotate(180deg);
}
.room-options-container:after{
 content:'';
 background-image: url(gfx/arrow-down.svg);
 display: block;
 position: absolute;
 width: 16px;
 height: 9px;
 left: 20px;
 top: 0;
 bottom: 0;
 margin: auto;
}
.float-section.sticky {
    position: fixed;
    top: 90px;
    width: 100%;
    z-index: 10000;
    background-color: var(--dark-grey);
    padding: 20px 0;
}

.open-navigation-popup:hover,.orderButton:hover,.friends a:hover,.newsletter ul.form input[type="submit"]:hover,.order-button:hover,.maxlist-more a:hover{
 background-color:var(--grey);
}

body .wpcf7 form .wpcf7-response-output{
 /* display: none; */
 text-align: center;
 padding: 0;
 border: none;
}
body .wpcf7 form.invalid .wpcf7-response-output{
 display: none;
}
.open-rooms .popup-gallery.active {
    pointer-events: all;
    opacity: 1;
    visibility: visible;
}







.inline-header{
 background-size: cover;
 background-position: center;
}
.page-description{
 text-align: center;
 background-color: var(--baz);
}
.page-template-simple .page-description{
 background-color: var(--white); 
}
.services{
 background-color: var(--baz);
 padding-bottom: 200px;
}
.services .list{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.services .list li{
 background-color: var(--white);
 padding: 7px;
 margin-bottom: 30px;
}
.services .list .thumb{
 display: flex;
}
.services .list .thumb a:hover{
 text-decoration:none;
}
.services .list .thumb .image{
 flex-basis: 600px;
 height: 400px;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}
.services .list .info{
 flex-basis: calc(100% - 600px);
 padding-right: 50px;
 padding-left: 65px;
}
.services .list h2{
 font-weight: 600;
 letter-spacing: 0.08em!important;
 padding: 50px 0 25px;
}
.services .list .description p{
 padding-bottom: 20px;
}
.services .list .description a{
 text-decoration: underline;
}
.services .list .info > a{
 /* background-image: url(gfx/arrow-left.svg); */
 display: inline-block;
 text-decoration: underline;
 color: var(--brown);
 font-weight: 600;
 background-repeat: no-repeat;
 margin-top: 20px;
 background-position: left center;
 padding: 5px 0;
 padding-left: 18px;
}
.rooms-area{
 background-color: var(--baz);
 padding-bottom: 100px;
}
.rooms-area .list{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.rooms-area .list > li{
 background-color: var(--white);
 padding: 7px;
 margin-bottom: 40px;
}
.rooms-area .list .thumb{
 display: flex;
}
.rooms-area .list .image{
 flex-basis: 485px;
 height: 325px;
 position: relative;
 background-size: cover;
 background-position: center;
}
.rooms-area .list h3{
 font-weight: 600;
 padding: 35px 0;
}
.rooms-area .list .info{
 flex-basis: calc(100% - 485px);
 padding-right: 35px;
 position: relative;
}
.rooms-area .list ul.info{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: table;
}
.rooms-area .list .info li{
 display: table-cell;
 vertical-align: middle;
 padding-left: 35px;
}
.rooms-area .list .info li:last-child{
 padding-left: 0; 
}
.rooms-area .list .info .item{
 display: table;
}
.rooms-area .list .info .icon{
 display: table-cell;
 vertical-align: bottom;
 padding-left: 10px;
}
.rooms-area .list .info .desc{
 display: table-cell;
 vertical-align: bottom;
}
.rooms-area .list .description{padding-left: 120px;padding-bottom: 70px;}
.rooms-area .list .image span{
 background-image: url(gfx/rooms-icon.svg);
 position: absolute;
 bottom: 30px;
 left: 30px;
 z-index: 10;
 width: 25px;
 height: 25px;
 cursor: pointer;
 display: none;
}
.order-button{
 position: absolute;
 left: 33px;
 text-align: center;
 background-color: var(--brown);
 color: var(--white);
 font-weight: 600;
 display: inline-block;
 padding: 20px 48px;
 bottom: 30px;
 cursor: pointer;
}
.maxlist-more a{
 position: relative;
 margin: auto;
 background-color: var(--brown);
 color: var(--white);
 font-weight: 600;
 padding: 25px 110px;
 display: inline-block;
}
.maxlist-more{
 text-align: center;
 padding-top: 60px;
 display: none;
}
.important{
 padding-top: 75px;
 text-align: center;
 padding-bottom: 85px;
 background-image: url(gfx/shadow-07.png),url(gfx/shadow-08.png);
 background-position: left top,right top;
 background-repeat: no-repeat;
 background-size: contain;
}

.important .facilities-data{
 margin: auto;
 padding: 0;
 list-style-type: none;
 grid-template-columns: calc(50% - 35px) calc(50% - 35px);
 display: grid;
 max-width: 1000px;
 padding-top: 60px;
 row-gap: 40px;
 column-gap: 70px;
}
.important .facilities-data li{
 padding-bottom: 0;
 padding-right: 0;
}
.important .facilities-data li:before{
 display:none;
}
.important .facilities-data .thumb{
 display: flex;
}
.important .facilities-data .icon{
    flex-basis: 35px;
}
.important .facilities-data .desc{
 padding-right: 17px;
 flex-basis: calc(100% - 35px);
}
.important .facilities-data h3{
 font-weight: 600;
 padding-bottom: 5px;
}
.important ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: right;
 padding-top: 55px;
 max-width: 770px;
 margin: auto;
}
.important ul li{
 padding-bottom: 30px;
 padding-right: 25px;
 position: relative;
}
.important ul li strong{
 font-weight: 600;
}
.important ul li:before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--brown);
    display: block;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 8px;
}
.menu-open .main-menu{
 opacity:1;
 visibility:visible;
 pointer-events:all;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}





.seassons-area{
 background-color: var(--baz);
}
.seassons-area .seasons-nav{
 padding-top: 0;
}
.seasons-items{
 padding-bottom: 115px;
}
.seasons-items ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display:none;
}
.seasons-items ul.active{
 display:block;
}
.seasons-items ul li{
 height: 700px;
}
.seasons-items ul li .thumb{
 height: 100%;
 background-size: cover;
 background-attachment: fixed;
 position: relative;
}
.seasons-items ul li .thumb .wrapper{
 position: relative;
 height: 100%;
}
.seasons-items ul li .info{
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 width: 550px;
 height: 400px;
 background-color: var(--baz);
 border: 2px solid var(--white);
 padding: 65px 35px;
 left: auto;
}
.seasons-items ul li:nth-child(even) .info{
 left: 0;
 right: auto;
}
.seasons-nav li:hover .tooltip{
 opacity:1;
 visibility:visible;
}
.tooltip{
 background-color: var(--brown);
 color: var(--white);
 font-size: 12px;
 position: absolute;
 padding: 5px;
 top: -10px;
 left: 0;
 right: 0;
 margin: auto;
 max-width: 50px;
 text-align: center;
 opacity: 0;
 visibility: hidden;
}
.tooltip:before{
 content:'';
 width: 0px;
 height: 0px;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 5px solid var(--brown);
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 bottom: -5px;
}
.seasons-items ul li .description{
 padding-top: 20px;
}
.seasons-items ul li a{position: relative;display: inline-block;color: var(--brown);letter-spacing: 0.05em;font-weight: bold;position: relative;/* padding-left: 22px; */text-decoration: underline;margin-top: 30px;}
.seasons-items ul li a:before{
 content:'';
}







.actions{
 background-color: var(--baz);
 padding-bottom: 230px;
}
.actions .wrapper{
 position: relative;
}
.actions-slider{
 direction: ltr;
}
.actions-slider .slick-arrow{
 background-image: url(gfx/arrow-brown-s.svg);
 width: 30px;
 height: 30px;
 padding: 0;
 top: 3px;
 bottom: auto;
 left: auto;
 right: calc(50% - 135px);
 z-index: 10;
}
.actions-slider .slick-next{
 right: auto;
 left: calc(50% - 135px);
}
.actions-slider .item{
 padding-top: 110px;
 position: relative;
}
.month-name{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
 text-align: center;
 width: 100%;
}
.month-name span{
 font-size: inherit;
 display: inline-block;
 background-color: var(--white);
 color: var(--brown);
 font-weight: 600;
 padding: 5px 25px;
 min-width: 185px;
}
.actions-slider ul.items{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: grid;
 grid-template-columns: calc(33% - 5px) calc(33% - 5px) calc(33% - 5px);
 column-gap: 15px;
 row-gap: 50px;
 direction: rtl;
}
.actions-slider ul.items li.hidden{
 display: none;
}
.actions-slider ul.items li.visible{
 display: inline-grid;
}
.actions-slider ul.items li .thumb{
 background-color: var(--white);
 padding: 10px;
 position: relative;
 padding-bottom: 15px;
 cursor: pointer;
}
.actions-slider ul.items li .thumb:before{
 content:
 '';
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: #39393975;
 top: 0;
 right: 0;
 opacity: 0;
}
.actions-slider ul.items li .thumb.active .full-description{
 display: block!important;
}
.actions-slider ul.items li .image{
 height: 270px;
 background-size: cover;
 background-position: center;
}
.actions-slider ul.items li h3{
 padding: 15px 15px;
 font-weight: 600;
 padding-top: 30px;
}
.actions-slider ul.items li .description{
 padding: 0 15px;
 padding-bottom: 30px;
 font-weight: 600;
 min-height: 66px;
}
.actions-slider ul.items li .more{
 position: relative;
 text-align: left;
 display: block;
 padding-left: 5px;
 line-height: 25px;
 color: var(--brown);
 font-weight: 600;
 cursor: pointer;
}
.actions-slider ul.items li .more em{
 font-size: inherit;
 font-weight: inherit;
 color: inherit;
 font-style: inherit;
 text-decoration: underline;
}
.actions-slider ul.items li .more i{
 width: 17px;
 height: 17px;
 display: block;
 float: left;
 position: relative;
 margin-top: 3px;
 margin-right: 5px;
 background-image: url(gfx/arrow-brown-s.svg);
 background-size: contain;
 transform: rotate(180deg);
 width: 0;
}
.actions-slider ul.items li .active .more i{
 background-image: none;
}
.actions-slider ul.items li i:before,
.actions-slider ul.items li i:after{
 content:
 '';
 background-color: var(--brown);
 height: 2px;
 width: 0;
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 0;
}
.actions-slider ul.items li .active i:after{
 width: 100%;
}
.actions-slider ul.items li .thumb.active i:before{
 display: none;
}
.actions-slider ul.items li i:before{
 transform: rotate(90deg);
}
.filter{
 position: absolute;
 left: 0;
 background-color: var(--white);
 width: 185px;
 height: 40px;
 border: 1px solid var(--brown);
 cursor: pointer;
 z-index: 1;
}
.filter ul{
 position: absolute;
 padding: 0;
 margin: 0;
 list-style-type: none;
 top: 100%;
 width: calc(100% + 2px);
 background-color: var(--white);
 border-right: 1px solid var(--brown);
 border-left: 1px solid var(--brown);
 border-bottom: 1px solid var(--brown);
 right: -1px;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
}
.filter span{
 font-weight: 600;
 display: block;
 line-height: 40px;
 padding-right: 10px;
}
.filter.active ul{
 opacity:1;
 visibility:visible;
 pointer-events:all;
}
.filter span:before{
 content:'';
 background-image: url(gfx/arrow-down.svg);
 width: 20px;
 height: 20px;
 display: inline-block;
 position: absolute;
 left: 10px;
 top: 0;
 bottom: 0;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center;
 transform: rotate(0deg);
}
.filter.active span:before{
 transform: rotate(180deg);
}
.filter ul li{
 padding: 0 10px;
}
.filter div{
 padding: 10px 0;
 border-top: 1px solid var(--bright-grey);
}
.filter div:after{
 content:'';
 display: block;
 clear: both;
}
.filter input{
 float: left;
 -webkit-appearance: none;
 border: 1px solid #000;
 width: 16px;
 height: 16px;
 position: relative;
}
.filter label{
 display: block;
}
.filter input:before{
 content:'';
 background-color: #000;
 width: 100%;
 height: 100%;
 background-image: url(gfx/check.svg);
 display: block;
 background-repeat: no-repeat;
 background-position: center;
 opacity: 0;
 visibility: hidden;
}
.filter input:checked:before{
 opacity:1;
 visibility:visible;
}
.actions-popup{
 position: fixed;
 width: 100%;
 height: 100%;
 right: 0;
 top: 0;
 background-color: #00000082;
 z-index: 100000;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
}
.actions-opened .actions-popup{
 opacity:1;
 visibility:visible;
 pointer-events:all; 
}
.actions-popup .table{
 display: table;
 width: 100%;
 height: 100%;
}
.actions-popup .inner{
 display: table-cell;
 vertical-align: middle;
}
.actions-popup .popup-content{
 background-color: var(--white);
 padding: 10px;
 position: relative;
}
.actions-popup .close{
 background-image: url(gfx/close-icon-s.svg);
 width: 30px;
 height: 30px;
 right: 10px;
 top: 10px;
}
.actions-popup .close:before,.actions-popup .close:after{
 display:none;
}
.actions-popup .content{
 display: flex;
}
.actions-popup .description{
 flex-basis: 50%;
 padding: 60px;
}
#actions-image{
 flex-basis: 50%;
 background-size: cover;
 background-position: center;
 height: 420px;
}
#actions-title{
 font-weight: 600;
}
#actions-short-description{
 font-weight: 600;
 padding: 20px 0 25px;
}
#actions-full-description{
 
}
 .full-description{
  line-height: 20px;
  padding: 0 10px;
  margin-top: -10px;
  padding-bottom: 20px;
 }



.sales{
 background-color: var(--baz);
}
.sales-list .item{display: table;width: 100%;background-color: var(--white);padding: 10px;margin-bottom: 30px;}
.sales-list .image-wrapper{
 height: 400px;
 display: table-cell;
 width: 600px;
}
.sales-list .image{
 height: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}
.sales-list .content{
 width: calc(100% - 600px);
 display: table-cell;
 vertical-align: top;
 padding: 0 45px;
 position: relative;
}
.sales-list .inline{
 margin: 0 45px;
 position: relative;
 height: 100%;
}
.sales-list .title{
 padding: 55px 0 30px;
 font-size: 23px;
 font-weight: 700;
 line-height: 32px;
}
.sales-list .dates{
 width: auto;
 background-color: transparent;
 padding: 0;
 font-weight: 700;
 padding-bottom: 5px;
}
.sales-list figure{
 display: inline;
 font-weight: 700;
}
.sales-list .description{
 line-height: 25px;
}
.sales-list .bottom{
 position: absolute;
 bottom: 20px;
}
.brown-button{
 background-color: var(--brown);
 color: var(--white);
 display: inline-block;
 padding: 20px 50px;
}
.sales-list .brown-button{
 position: absolute;
 bottom: 20px;
 left: 35px;
}
.sales-list .from{
 display: inline-block;
}
.sales-list .sale-price{
 display: inline-block;
 font-size: 24px;
}
.sales-list .original-price{
 display: block;
}
.sales-list .original-price span{
 padding-left: 0;
}
.sales-list .original-price span.oprice{
 padding-left: 0;
}
.menu-header.mobile-element > a{
 display: block;
 position: relative;
 float: left;
 margin-top: 20px;
}
.about .description em{
    font-size: 14px;
    font-style: normal;
}

.contact-popup {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10000000;
    width: 100%;
    padding: 60px 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.contact-popup h2{
 text-align:center;
}
.open-contact .contact-popup{
    pointer-events: all;
    opacity: 1;
    visibility: visible; 
}
.contact-popup > .wrapper {
    position: absolute;
    z-index: 1000;
    text-align: right;
    width: 600px;
    padding: 20px;
    background-color: var(--baz-white);
    overflow-y: scroll;
    height: 800px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    border-radius: 0;
    top: 0;
}
.contact-popup .close {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10;
  right: auto;
}

.contact-popup .close:before,
.contact-popup .close:after {
  content: "";
  transform: rotate(-45deg);
  background-color: var(--dark-grey);
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  bottom: 0;
  margin: auto;
}
.contact-popup .close:after {
  transform: rotate(45deg);
}
.contact-popup iframe {
    width: 100%;
    height: 100%;
}
.contact-popup .iframe .wrapper {
    height: 700px;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    width: auto;
}


/***********Spa**********/
.spa-gallery{
 background-color: var(--baz);
 height: 950px;
}
.spa-gallery .wrapper{
 max-width: 1680px;
 width: 100%;
 padding: 0 120px;
}
.spa-filter{
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 display: table;
 margin: auto;
}
.spa-filter li{
 display: table-cell;
 padding: 25px 50px;
}
.spa-filter li span{
 color: var(--brown);
 cursor: pointer;
}
.spa-filter li span.active{
 font-weight: 600;
}
.spa-sliders{
 height: 880px;
 position: relative;
}
.spa-sliders .spa-slider{
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
}
.spa-sliders .spa-slider .slick-arrow{
 right: auto;
 left: 0;
 top: -55px;
 bottom: auto;
}
.spa-sliders .spa-slider .slick-arrow:hover,.spa-sliders .spa-slider .slick-arrow:focus{
filter: invert(27%) sepia(5%) saturate(2692%) hue-rotate(347deg) brightness(80%) contrast(80%); 
}
.spa-sliders .spa-slider .slick-prev{
 left: 120px;
}
.spa-sliders .spa-slider .slick-next{
 left: 50px;
}
.spa-sliders .spa-slider.active {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.spa-slider .item{
 height: 880px;
 background-size: cover;
 background-position: center;
 position: relative;
}
.spa-filter video{
 
}
.spa-features{
 background-color: var(--baz);
 padding-top: 120px;
}
.spa-features ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 justify-content: center;
}
.spa-features ul li{
 padding: 0 65px;
}
.spa-features .item{
 
}
.spa-features span{
 padding-top: 20px;
 display: block;
}
.spa-features img{
 
}
.spa-features .icon{
 
}
.spa-treatment{
 text-align: center;
 background-color: var(--baz);
 padding-top: 110px;
 padding-bottom: 200px;
}
.important.spa-important{
 height: 350px;
 padding: 0;
}
.important.spa-important .wrapper{
 display: table;
 width: 100%;
 height: 100%;
}
.important.spa-important .description{
 display: table-cell;
 vertical-align: middle;
}
.important.spa-important .description strong{
 font-weight: 600; 
}
.spa-treatment .description{
 padding-top: 25px;
 padding-bottom: 10px;
}
.description strong{
 font-weight: bold;
}
.spa-treatment .description p{
 padding-bottom: 40px;
}
.spa-treatment .description em{
 font-weight: 600;
 font-style: normal;
 color: var(--brown);
}
.spa-treatment-items{
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: right;
}
.spa-treatment-items li{
 border: 1px solid var(--brown);
 margin-bottom: 30px;
}
.spa-treatment-items .desc{
 padding: 20px 25px;
 line-height: 30px;
}
.spa-treatment-items .desc strong{
 font-weight: 600;
}
.spa-treatment-items .info{
 padding: 20px 25px;
 border-top: 1px solid var(--brown);
 color: var(--brown);
 font-size: 16px;
}
.spa-treatment-items .info span{
 color: var(--brown);
 border-left: 2px solid var(--brown);
 padding-left: 10px;
 margin-left: 10px;
 font-size: 16px;
}
.spa-treatment-items .info span:last-child{
 border-left: none;
}
.slick-dots li:first-child:last-child {
    display: none
}





.page-template-restaurant .hero.inline-header .float-section{
 padding-top: 230px;
}
.page-template-restaurant .page-description{
 padding-top: 55px;
}
.page-template-restaurant .footer-order-button{
 display:none;
}
.page-template-restaurant .page-description h1{
 line-height: 38px;
 padding-top: 45px;
}
.page-template-restaurant .page-description .description strong{
 padding-bottom: 25px;
 display: inline-block;
 padding-top: 10px;
}
.page-template-restaurant .title-menu{
 padding: 0;
 list-style-type: none;
 padding-top: 55px;
 padding-bottom: 35px;
 display: table;
 margin: auto;
}
.page-template-restaurant .title-menu li,.menues ul.list li{
 display: table-cell;
 padding: 0 45px;
 border-left: 2px solid var(--brown);
}
.page-template-restaurant .title-menu li:last-child,.menues ul.list li:last-child{
 border-left: none;
}
.page-template-restaurant .title-menu li a,.menues ul.list li a{
 color: var(--brown);
 font-weight: 700;
 text-decoration: underline;
}
.page-template-restaurant .title-menu li a:hover, .menues ul.list li a:hover{
 text-decoration: none; 
}
.restaurant-order{
 display: inline-block;
 color: var(--white);
 background-color: var(--brown);
 font-weight: 700;
 padding: 20px 90px;
}
.restaurant-order:hover{
  background-color:var(--grey);
}
.restaurant-order span{
 color: inherit;
 font-weight: inherit;
}
.restaurant-order span:after{
 content:'';
}
.concept{
 height: 700px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.concept .wrapper{
 display: table;
 height: 100%;
}
.concept .concept-table{
 display: table-cell;
 vertical-align: middle;
}
.concept-content{
 width: 550px;
 background-color: var(--baz);
 border: 2px solid var(--white);
 padding: 50px 35px 60px;
}
.concept h2{
 font-size: 1rem;
 line-height: 30px;
}
.concept h3, .values h3,.menues h3{
 font-family: 'Alegreya',Arial,sans-serif;
 font-size: 30px;
 letter-spacing: 5px;
}
.concept .description{
 padding-top: 50px;
 line-height: 25px;
}
.values{
 text-align: center;
 background-color: var(--baz);
 padding-top: 110px;
 padding-bottom: 20px;
}
.values h2,.menues h2{
 font-size: 1rem;
 line-height: 33px;
 letter-spacing: 2px;
}
.values h3{
 padding-top: 10px;
}
.values h4{
 color: var(--white);
 font-family: 'Alegreya',Arial,sans-serif;
 text-transform: uppercase;
 font-size: 22px;
 line-height: 33px;
 letter-spacing: 3px;
 display: table-cell;
 vertical-align: middle;
}
.values ul{
 margin: auto;
 padding: 0;
 margin-top: 50px;
 display: flex;
 list-style-type: none;
 table-layout: fixed;
 height: 500px;
 overflow: hidden;
}
.values ul li{
 display: table-cell;
 background-size: cover;
 background-position: center;
 position: relative;
 width: 33.3333333%;
 -webkit-transition: all 0.8s;
 -moz-transition: all 0.8s;
 -o-transition: all 0.8s;
 transition: all .8s;
}
.values .content{
 color: var(--white);
 position: absolute;
 top: 375px;
 -webkit-transition: all 0.8s;
 -moz-transition: all 0.8s;
 -o-transition: all 0.8s;
 transition: all .8s;
 direction: rtl;
 z-index: 1;
}
.values .title-table{
 display: table;
 width: 100%;
 height: 66px;
}
.values li:hover .content{
 top:300px;
}
.values li:hover .description{
 opacity: 1;
 visibility: visible; 
 -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.values .description{
 color: inherit;
 padding: 0 45px;
 line-height: 25px;
 opacity: 0;
 visibility: hidden;
 padding-top: 20px;
 -webkit-transition: all 0.8s;
 -moz-transition: all 0.8s;
 -o-transition: all 0.8s;
 transition: all .8s;
 transition-delay: 0.1s;
 -webkit-transform: translateY(50px);
 transform: translateY(50px);
}
.values ul.hover li{
 width:25%; 
}
.values ul.hover li.active{
 width:50%;
}
.menues{
 background-color: var(--baz);
}
.menues ul.items{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.menues ul.items li{margin-top: 160px;display: inline-block;width: 100%;position: relative;}
.menues ul.items li .image{
 height: 650px;
 width: 55%;
 position: absolute;
 top: 0;
 left: 0;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 right: auto;
 background-color: #2A2F33;
 overflow: hidden;
}

.menues ul.items li .image video{
     min-width: 100%;
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    z-index: 0;
    object-fit: cover;
    bottom: 0;
    margin: auto;
}
.menues .wrapper{
 display: table;
 min-height: 650px;
}
.menues .content{
 display: table-cell;
 vertical-align: middle;
 padding-right: 0;
}
.menues .content:after{
 content:'';
 display:block;
 clear:both;
}
.menues .content-inline{
 max-width: 400px;
 padding-right: 30px;
}
.menues .restaurant-order{
 padding: 25px 75px;
}
.menues ul.items li:nth-child(even) .image{
 left: auto;
 right: 0;
}
.menues ul.items li:nth-child(even) .content{
}
.menues ul.items li:nth-child(even) .content-inline{
 float: left;
 padding-right: 0;
 margin-left: 100px;
}
.menues h3{
 text-transform: uppercase;
}
.menues .description{
 line-height: 25px;
 padding-top: 50px;
}
.menues ul.list,.menues .description{
}
.menues ul.list{
 padding: 0;
 padding-top: 40px;
 display: flex;
 padding-bottom: 50px;
}
.menues ul.list li{
 padding-top: 0;
 min-height: auto;
 margin: 0;
 width: auto;
}
.menues ul.list li:first-child{
 padding-right: 0;
 display: table-cell;
}
.chief{
 padding-top: 130px;
 background-color: var(--baz);
 padding-bottom: 100px;
}
.chief .wrapper{
 padding: 25px;
 background-color: var(--brown);
}
.chief .inline-content{border: 1px solid var(--white);display: table;width: 100%;}
.chief h2{
 font-size: 23px;
 line-height: 33px;
 color: var(--baz);
}
.chief .description{
 line-height: 25px;
 color: var(--baz);
 padding-top: 35px;
}
.chief .content{
 padding: 90px;
}
.chief .image{
 display: table-cell;
 width: 320px;
 background-size: cover;
 background-position: top center;
}
.slick-dots li:after{
 display: none!important;
}
a:hover{
    text-decoration: none!important;    
}



.languages-menu {
    position: absolute;
    left: 0;
    right: auto;
    top: 21px;
}
.main-menu .languages-menu ul{
 display:block;
}
body .wpml-ls-legacy-dropdown {
    width: auto;
}
body .wpml-ls-legacy-dropdown>ul>li.wpml-ls-item>a {
    height: 50px;
    padding: 0;
    width: 70px;
    text-align: center;
    border: 1px solid transparent;
    background-color: transparent!important;
}
body .wpml-ls-legacy-dropdown>ul>li.wpml-ls-item>a span {
    color: #000;
    display: inline-block;
    line-height: 46px;
}
body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url(gfx/arrow-down.svg);
    margin: auto;
}
body .wpml-ls-legacy-dropdown>ul>li.wpml-ls-item>ul {
    border: none;
    padding-top: 15px;
}
body .wpml-ls-legacy-dropdown>ul>li.wpml-ls-item>ul>li a {
    text-align: center;
    border: 1px solid transparent;
    height: 50px;
    line-height: 34px;
    background-color: #fff;
}



.page-template-simple .page-description .description table{
 height: auto!important;
 border-top: 1px solid #000;
 border-left: 1px solid #000;
 margin-bottom: 20px;
}
.page-template-simple .page-description .description table td{
 padding: 10px;
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
}
.first-date-selected {
    pointer-events: none;
}


.wines{
 position: relative;
 min-height: 845px;
 text-align: center;
 overflow: hidden;
}
.wines .wrapper{
 position: initial;
}
.wines .bg{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 right: 0;
 left: 0;
 z-index: -1;
 background-size: cover;
 background-position: center;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: all 0.6s;
 -moz-transition: all 0.6s;
 -o-transition: all 0.6s;
 transition: all 0.6s;
}
.wines .bg.active{
 opacity: 1;
 visibility: visible;
}
.wines .main-title{
 padding-top: 40px;
}
.wines .main-title h2{
 font-family: 'Alegreya',Arial,sans-serif;
 color: #fff;
 font-weight: 400;
}
.wines .main-title .description{
 color: #fff;
 padding-top: 7px;
 line-height: 25px;
 letter-spacing: 3px;
 position: relative;
 z-index: 1;
}
.wines .tabs{
 margin-top: 20px;
 display: flex;
 justify-content: center;
 align-items: center;
 column-gap: 25px;
 border: 1px solid #F4EFEA;
 padding: 9px;
 width: fit-content;
 margin-right: auto;
 margin-left: auto;
 position: relative;
 z-index: 1;
}
.wines .tabs .item{
 display: flex;
 align-items: center;
 flex-basis: auto;
 height: 46px;
 padding: 0 17px;
 color: #F4EFEA;
 cursor: pointer;
 position: relative;
 z-index: 1;
}
.wines .tabs .item.active{
 background-color: #F4EFEA;
 color: #393939;
}
.wines .tabs .item.active .icon{
 filter: brightness(0) saturate(100%) invert(16%) sepia(15%) saturate(10%) hue-rotate(318deg) brightness(103%) contrast(85%);
}
.wines .tabs .icon{
 width: 30px;
 height: 30px;
 background-size: 24px;
 background-repeat: no-repeat;
 background-position: center;
}
.wines .tabs .title{
 font-weight: 700;
 letter-spacing: 2px;
 color: inherit;
}
.wines .points{
 margin-top: 20px;
 position: relative;
 height: 110px;
}
.wines .points-wrap{
 opacity: 0;
 visibility: hidden;
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 width: 100%;
 z-index: 1;
}
.wines .points-wrap.active{
 opacity: 1;
 visibility: visible;
}
.wines .distance.active{
 opacity:1;
 visibility:visible;
 display:inline-block;
}
.wines .distance{
 opacity: 0;
 visibility: hidden;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
 -webkit-transition: all 0.6s;
 -moz-transition: all 0.6s;
 -o-transition: all 0.6s;
 transition: all 0.6s;
}
.wines .distance .title{
 font-family: 'Alegreya',Arial,sans-serif;
 color: #F4EFEA;
 direction: ltr;
 font-weight: 400;
 font-size: 22px;
}
.wines .distance .title strong{
 color: inherit;
 font-family: inherit;
 font-size: 66px;
 padding-right: 5px;
}
.wines .distance .description{
 color: #F4EFEA;
 letter-spacing: 2px;
}
.wines .distances-wrap{
 position: absolute;
 width: 1200px;
 margin: auto;
 height: 450px;
 right: 0;
 left: 0;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
}
.wines .distances-wrap.active{
  opacity: 1;
 visibility: visible;
 pointer-events: all;
}
.wines .center-point{
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 bottom: 110px;
 width: 10px;
 height: 10px;
 border: 1px solid #F4EFEA;
 border-radius: 50%;
 background-color: #F4EFEA;
}
.wines .center-point .line{
    display: block;
    position: absolute;
    z-index: 1;
    height: 1px;
    border-top: 1px solid #F4EFEA;
    left: 5px;
    bottom: 5px;
    transform-origin:0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.wines .center-point .line.active{
 opacity:1;
 visibility:visible;
}
.wines .center-point:after{
 content:'';
 background-image: url(gfx/knaan-logo.svg);
 width: 78px;
 height: 42px;
 position: absolute;
 right: -33px;
 margin: auto;
 top: 30px;
 background-size: contain;
 background-repeat: no-repeat;
}
.wines .circle{
 border:1px solid #F4EFEA;
 width:10px;
 height:10px;
 position:absolute;
 border-radius: 50%;
 cursor: pointer;
 z-index: 1;
}
.wines .circle.active{
 background-color:#F4EFEA;
}
.wines .round{position: absolute;left: 0;right: 0;margin: auto;border-radius: 50%;border: 1px solid #7b6b5d;}
.wines .round-1{
 width: 1200px;
 height: 1200px;
  top: 130px;
}
.wines .round-2{
 width: 800px;
 height: 800px;
  top: 330px; 
}
.wines .round-3{
 width: 450px;
 height: 450px;
  top: 530px; 
}
#slide{
	position: absolute;
	top: 9px;
	left: 0;
	background-color: #F4EFEA;
	width: 0;
	height: 3px;
	transition: 0.5s;
}
.page-template-sales .sales__notes{
  padding-top: 0px;
}
.sales__notes{
 padding-top: 30px;
 font-size: 16px;
}
@media (max-width: 479px) {
.wines .round-1{
 width: 610px;
 height: 610px;
 top: 185px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 right: auto;
}
.wines .round-2{
 width: 410px;
 height: 410px;
 top: 285px;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 right: auto;
 left: 50%;
}
.wines .round-3{
 width: 250px;
 height: 250px;
 top: 360px;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 right: auto;
 left: 50%;
}
.wines .distances-wrap{
 width: 375px;
 height: 400px;
}
.wines .center-point:after{
 width: 45px;
 height: 24px;
 right: -17px;
 top: 20px;
}
.wines .circle,.wines .center-point {
    width: 6px;
    height: 6px;
}
.wines .center-point{
 bottom: 160px;
}
.wines .center-point .line{
 bottom: 2px;
 left: 2px;
}
.wines .main-title{
 padding-top: 0;
 position: absolute;
 bottom: 35px;
 left: 0;
 right: 0;
 margin: auto;
}
.wines .main-title h2{font-size: 20px;line-height: 33px;}
.wines .distance .title strong{
 font-size: 35px;
}
.wines .distance .title{
 font-size: 14px;
}
.wines .tabs{
 margin-top: 0;
}
.wines{
 padding-top: 44px;
 min-height: 740px;
}
.wines .tabs .icon{
 display: none;
}
.wines .tabs .item{
 height: 38px;
}
.float-icon{
 opacity: 0;
 visibility: hidden;
 display: none;
 height: 40px;
 align-items: center;
 justify-content: center;
 margin-top: 25px;
}
.float-icon.active{opacity: 1;visibility: visible;display: flex;}
.wines .points{
 height: 70px;
}
.wines .main-title .description{
 padding-right: 15px;
 padding-left: 15px;
 letter-spacing: 2px;
}
.wines .main-title .description br{
 display:none;
}
    
    
    
.languages-menu {
    top: 0;
    left: 0;
    position: relative;
    padding-right: 0;
    padding-top: 100px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.seasons-items {
    padding-bottom: 0;
}
.menu-open .languages-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
body .wpml-ls-legacy-dropdown .wpml-ls-item {
    display: inline-block;
}
body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
 display:none;
}
body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > a {
    height: auto;
    width: auto;
    display: inline-block;
    padding-left: 20px!important;
    margin-left: 0;
    border-left: 1px solid #C8A98D;
    color: #C8A98D;
    padding-right: 0!important;
}
body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > ul > li span, body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > a span {
    font-size: 17px;
    color: inherit;
     line-height: normal;
    font-weight: 700;
}
body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > ul {
    padding-top: 0;
    visibility: visible;
    position: relative;
    display: inline-block;
}
body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > ul > li a {
    background-color: transparent;
    color: #fff;
    padding-right: 20px;
    border: none;
}




 
.title-logo{
 height: 150px;
}
.title-logo img{
 max-height: 100%;
 max-width: none;
}
.page-template-restaurant .hero.inline-header .float-section{
 padding-top: 190px;
}
.page-template-restaurant .page-description{
 padding-top: 50px;
 padding-bottom: 120px;
}
.page-template-restaurant .page-description h1{
 line-height: 36px;
 padding-top: 30px;
 margin-bottom: -15px;
}
.page-template-restaurant .page-description .description strong{
 padding-bottom: 25px;
 padding-top: 10px;
}
.page-template-restaurant .title-menu{
 padding-top: 55px;
 padding-bottom: 35px;
 display: block;
}
.page-template-restaurant .title-menu li,.menues ul.list li{
 display: inline-block;
 padding: 0 30px 25px;
 /* border-left: none; */
}
.page-template-restaurant .title-menu li{
  border-left: none;
}
.restaurant-order{
 padding: 20px 90px;
}
.concept{
 height: 580px;
}
.concept .wrapper{
 display: table;
 padding: 20px;
}
.concept .concept-table{
 display: table-cell;
 vertical-align: bottom;
}
.concept-content{
 width: 100%;
 padding: 25px 30px 35px;
 margin: auto;
}
.concept h2{
 font-size: 16px;
 line-height: 30px;
 text-align: center;
}
.concept h3, .values h3,.menues h3{
 font-size: 20px;
 letter-spacing: 3px;
 text-align: center;
}
.menues h3{
 text-align: right;
}
.concept .description{
 padding-top: 15px;
 line-height: 25px;
 text-align: center;
}
.values{
 padding-top: 120px;
 padding-bottom: 20px;
}
.values h2,.menues h2{
 font-size: 1rem;
 line-height: 33px;
 letter-spacing: 2px;
}
.values h3{
 padding-top: 0px;
}
.values h4{
 font-size: 18px;
 line-height: 28px;
 letter-spacing: 3px;
 display: table-cell;
}
.values ul{
 margin-top: 30px;
 display: flex;
 table-layout: fixed;
 height: 450px;
 direction: ltr;
 margin-right: -23px;
 margin-left: -23px;
 overflow: visible;
}
.values ul.slick-dots{
 height: auto;
 margin: 0;
 position: absolute;
 bottom: -35px;
 left: 0;
 right: 0;
 margin: auto;
 text-align: center;
 display: block!important;
}
.values ul.slick-dots li{
 width: auto;
 height: auto;
 display: inline-block;
 margin: 0;
}
.values ul.slick-dots li button{
 background-color: var(--white);
}
.values ul.slick-dots li.slick-active{
 
}
 .values ul.slick-dots li.slick-active button{
 background-color: var(--brown);
}
.values ul li{
 display: table-cell;
 width: 280px;
 height: 450px;
 margin: 0 7px;
}
.values ul li:after{
 content:'';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
 background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 height: 75%;
 position: absolute;
 display: block;
 width: 100%;
 bottom: 0;
}
.values .content{
 position: absolute;
 top: 180px;
 z-index: 1;
}
.values .title-table{
 display: table;
 height: 66px;
}
.values li:hover .content{
 top: 180px;
}
.values li:hover .description{
 -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.values .description{
 padding: 0 20px;
 line-height: 25px;
 padding-top: 10px;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
 opacity: 1;
 visibility: visible;
}
.values ul.hover li{
 width:25%; 
}
.values ul.hover li.active{
 width:50%;
}
.menues ul.items li{
    margin-top: 100px;
}
.menues ul.list li{
    margin-top: 0px;
    padding-bottom: 0;
}
.menues ul.items li .image{
 height: 580px;
 width: 100%;
 position: relative;
 left: 0;
 right: auto;
}
.menues .wrapper{
 display: table;
 min-height: auto;
}
.menues .content{
 display: table-cell;
 vertical-align: top;
 padding-top: 40px;
}
.menues .content-inline{
 max-width: none;
 padding-right: 10px;
}
.menues .restaurant-order{
 padding: 20px 55px;
}
.menues ul.items li:nth-child(even) .image{
 left: auto;
 right: 0;
}
.menues ul.items li:nth-child(even) .content-inline{
 float: left;
 margin-left: 50px;
}
.menues .description{
 line-height: 25px;
 padding-top: 30px;
}
.menues ul.list{
 padding-top: 40px;
 display: flex;
 padding-bottom: 45px;
}
.menues ul.list li:first-child{
 display: table-cell;
}
.chief{
 padding-top: 40px;
 padding-bottom: 0;
}
.chief .wrapper{
 padding: 25px;
}
.chief .inline-content{
 display: block;
}
.chief h2{
 font-size: 20px;
 line-height: 33px;
}
.chief .description{
 line-height: 25px;
 padding-top: 15px;
}
.chief .content{
 padding: 20px;
 padding-top: 40px;
}
.chief .image{
 display: block;
 width: 100%;
 height: 430px;
}



 





 
.spa-gallery{
 height: 790px;
}
.spa-treatment-items .info span{
 margin-left: 0;
 padding-left: 0;
 border-left: none;
 display: block;
 padding-bottom: 5px;
}
.spa-gallery .wrapper {
    padding: 0;
}
.spa-filter{
 display: table;
}
.spa-filter li{
 display: table-cell;
 padding: 25px 10px;
}
.spa-sliders{
 height: 720px;
}
.spa-sliders .spa-slider .slick-arrow{
 top: -55px;
 display: none!important;
}
.spa-sliders .spa-slider .slick-prev{
 left: 120px;
}
.spa-sliders .spa-slider .slick-next{
 left: 50px;
}
.spa-slider .item{
 height: 720px;
}
.spa-features{
 padding-top: 70px;
}
.spa-features ul{
 display: grid;
 grid-template-columns: 50% 50%;
 row-gap: 50px;
}
.spa-features ul li{
 padding: 0 0;
 flex-basis: 100%;
 text-align: center;
}
.spa-features span{
 padding-top: 20px;
 font-size: 18px;
}
.spa-treatment{
 padding-top: 90px;
 padding-bottom: 50px;
}
.important.spa-important{
 height: auto;
 padding: 40px 0 20px;
}
.important.spa-important .wrapper{
 display: table;
 width: 100%;
 height: 100%;
}
.important.spa-important .description{
 display: table-cell;
}
.important.spa-important .description p{
 padding-bottom: 20px;
}
.spa-treatment .description{
 padding-top: 25px;
 padding-bottom: 10px;
}
.spa-treatment .description p{
 padding-bottom: 40px;
}
.spa-treatment-items li{
 margin-bottom: 30px;
}
.spa-treatment-items .desc{
 padding: 20px 25px;
 line-height: 25px;
}
.spa-treatment-items .info{
 padding: 15px 25px 10px;
 font-size: 16px;
}


 



 
.contact-popup > .wrapper{
     width: auto;
    height: 100%;
}
.contact-popup .iframe .wrapper {
    height: 700px;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
}
.sales-list .item {
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 30px;
}
.seasons-items ul li .thumb{
 background-attachment: initial;
}
.dates:before{
 display:none;
}
.about-seasons:before {
    background-size: 200%;
}
.sales-list .image-wrapper {
    height: 400px;
    display: table-cell;
    width: 600px;
}.sales-list .image-wrapper {
    height: 200px;
    display: block;
    width: 100%;
}
.sales-list .content {
    width: 100%;
    display: block;
    padding: 20px;
    position: relative;
    text-align: center;
}
.sales-list .bottom {
    position: relative;
    bottom: 0;
    padding-top: 40px;
    padding-bottom: 30px;
}
.sales-list .sale-price {
    font-size: 18px;
}
.sales-list .brown-button{
 position: relative;
 bottom: 0;
 left: 0;
 background-color: transparent;
 color: var(--brown);
 font-weight: 600;
 padding: 0;
 padding-left: 15px;
 letter-spacing: 1px;
}
.sales-list .brown-button:after{
   content: '';
   background-image: url(gfx/arrow-brown.svg);
   width: 10px;
   height: 14px;
   display: inline-block;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   background-size: contain;
   background-repeat: no-repeat;
}
.sales{
 padding-bottom: 100px;
}
.sales-list .title {
    padding: 0 0 25px;
    font-size: 20px;
    line-height: 22px;
}
.sales-list .dates{
 text-align: center;
 padding-bottom: 10px;
}






 
.actions-slider ul.items {
    grid-template-columns: 100%;
    column-gap: 0;
    row-gap: 40px;
}
.actions-slider .item{
 padding-top: 125px;
}
.actions-slider ul.items li .description{
 padding-right: 10px; 
 padding-left: 10px;
}
 .actions-slider ul.items li h3 {
    padding: 10px;
    padding-top: 30px;
}
.actions-slider ul.items li .image {
    height: 200px;
}
body .actions-slider ul.items li h3{
 letter-spacing: 0;
}
.filter{
 left: 0;
 right: 0;
 margin: auto;
 top: 60px;
 width: 140px;
}
.month-name span {
    padding: 3px 25px;
    min-width: 140px;
    font-size: 16px;
    letter-spacing: 0;
}
.actions-slider .slick-arrow {
    top: 2px;
    right: calc(50% - 110px);
    left: auto;
}
.actions-slider .slick-next {
    right: auto;
    left: calc(50% - 110px);
}
.actions,.sales {
    padding-bottom: 100px;
}
.more-desktop{
 display:none!important;
}


 

.seasons-items ul li{
 height: 580px;
}
.seasons-items ul li .info{
 width: calc(100% - 40px);
 height: auto;
 padding: 15px 30px 30px;
 left: 0;
 right: 0;
 text-align: center;
 bottom: 20px;
 top: auto;
}
.seasons-items ul li .description{
 padding-top: 5px;
}
.seasons-items ul li:nth-child(even) .info {
    left: 0;
    right: 0;
}
.seasons-items ul li a{
 margin-top: 15px;
}

 
.hero.inline-header{
 height: 355px;
}
.hero.inline-header .logo img:first-child{
 margin-bottom: 15px;
}
.hero.inline-header .logo{
 padding-top: 130px;
}
.hero.inline-header .float-section{
 padding-top: 70px;
}
.page-description {
    padding-top: 40px;
    padding-bottom: 70px;
}
.hero.inline-header .float-section.sticky{
 padding-top: 10px;
}
.services{
 padding-bottom: 60px;
}
.services .list li{
 padding: 10px;
 margin-bottom: 40px;
}
.services .list .thumb{
 display: block;
}
.services .list .thumb .image{
 flex-basis: 600px;
 height: 205px;
}
.services .list .info{
 flex-basis: calc(100% - 600px);
 padding-right: 0;
 padding-left: 0;
 text-align: center;
 padding-bottom: 40px;
}
.services .list h2{
 letter-spacing: 0.08em!important;
 padding: 20px 0 15px;
}
.services .list .description p{
 padding-bottom: 20px;
}
.services .list .info > a{
 margin-top: 20px;
 padding: 5px 0;
 /* padding-left: 18px; */
}
.rooms-area{
 padding-bottom: 100px;
}
.rooms-area .list > li{
 padding: 10px;
 margin-bottom: 40px;
}
.rooms-area .list .thumb{
 display: block;
}
.rooms-area .list .image{
 flex-basis: 485px;
 height: 205px;
}
.rooms-area .list .info h3{
 padding: 20px 0 10px;
 font-size: 20px;
}
.rooms-area .list .info{
 flex-basis: calc(100% - 485px);
 padding-right: 0;
 padding-bottom: 25px;
 text-align: center;
}
.rooms-area .list ul.info{
 display: table;
 margin: auto;
 padding-bottom: 50px;
}
.rooms-area .list .info li{
 display: table-cell;
 padding-left: 35px;
}
.rooms-area .list .info .item{
 display: table;
}
.rooms-area .list .info .icon{
 display: table-cell;
 padding-left: 10px;
}
.rooms-area .list .info .desc{
 display: table-cell;
}
.rooms-area .list .description{
    padding-left: 0;
    padding-bottom: 60px;
}
.rooms-area .list .image span{
 bottom: 10px;
 left: 10px;
 width: 25px;
 height: 25px;
}
.order-button{
 left: 0;
 padding: 5px 0;
 bottom: 0;
 position: relative;
 color: var(--brown);
 background-color: transparent!important;
 background-image: url(gfx/arrow-left.svg);
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 20px;
 letter-spacing: 0.05em;
}
.maxlist-more a{
 padding: 22px 110px;
}
.maxlist-more{
 padding-top: 40px;
}
.important{
 padding-top: 60px;
 padding-bottom: 60px;
 background-position: left bottom,right top;
 background-size: 260px, 150px;
}
.important .facilities-data{
 grid-template-columns: 100%;
 display: grid;
 max-width: 800px;
 padding-top: 60px;
 row-gap: 40px;
 column-gap: 30px;
}
.important .facilities-data .thumb{
 display: flex;
}
.important .facilities-data .icon{
flex-basis: 35px;
}
.important .facilities-data .desc{
 padding-right: 17px;
 flex-basis: calc(100% - 35px);
}
.important ul{
 padding-top: 55px;
 max-width: 770px;
}
.important ul li{
 padding-bottom: 20px;
 padding-right: 25px;
}
.important ul li:before{
    top: 8px;
}
    
    
    
    
    
    
    
    
    
    
    
    html{
        font-size: 16px;
    }

.information{
 padding-top: 26px;
}
.mobile-booking .rooms-options-out {
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    text-align: center;
    padding: 0 10px;
    overflow-y: auto;
    height: calc(100%);
    text-align: center;
    border: none;
    background-image: url(gfx/shadow-m-01.png),url(gfx/shadow-m-02.png);
    background-repeat: no-repeat;
    background-position: top left,bottom right;
    background-color: var(--baz);
    text-align: center;
}
.popup-gallery .gallery-section div{
 height: 260px;
}
.footerFromToText .next{
 display: block;
 position: absolute;
 left: 10px;
 right: 10px;
 background-color: var(--brown);
 color: var(--white);
 padding: 20px 0;
 top: 40px;
 font-weight: 600;
}
.booking-popup {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100000;
    background-color: var(--baz);
    text-align: center;
    padding: 23px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background-image: url(gfx/mobile-popup-image-1.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}
.booking-active .booking-popup{
 opacity: 1;
 visibility: visible;
 pointer-events: all;
}
.booking-popup .inside-t {
    margin-top: 215px;
    display: table;
    width: 100%;
    position: relative;
    z-index: 100;
}
.booking-popup .inside {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding-top: 0;
    position: relative;
    z-index: 1;
}
.booking-popup .inside .title {
    text-align: right;
    padding-right: 0;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
}
.booking-popup .inside .subtitle {
    text-align: right;
    padding-right: 0;
    font-size: 18px;
    line-height: 33px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.booking-popup div.booking {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
}
.booking-popup section.booking {
    display: block;
    width: auto;
 position:relative;
}
.booking-popup .dates {
    width: auto;
    border: 1px solid var(--dark-blue);
    min-height: 60px;
    padding: 21px 20px;
}
section.rooms {
    width: auto;
    border: 1px solid var(--dark-blue);
    min-height: 56px;
    padding: 22px 20px;
    margin-top: 10px;
}
.booking-popup section.booking .orderButton {
    width: auto;
    display: block;
    margin-top: 50px;
    background-color: var(--brown);
    color: var(--white);
    font-size: 1rem;
    float: none;
    width: 100%;
    letter-spacing: 0.08em;
    font-weight: 600;
}
.booking-popup section.booking .orderButton .total-rooms{
 color: var(--white);
 font-weight: 600;
}
.mobile-calendar{
 background-image: url(gfx/shadow-m-01.png),url(gfx/shadow-m-02.png);
    background-repeat: no-repeat;
    background-position: top left,bottom right;
}
.mobile-calendar.opened {
    top: 0;
    width: 100%;
    position: fixed;
    height: 100%;
    border: none;
    z-index: 30000;
}
.mobile-calendar-header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    right: 0;
}
.mobile-calendar-header .main-title, .mobile-booking .rooms-options-out .main-title {
    text-align: center;
    padding-bottom: 35px;
    padding-top: 35px;
    font-size: 28px;
    position: relative;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.popup-rooms-title {
    padding-bottom: 50px;
    font-size: 15px;
}
body .roomsItems .room-options {
    padding: 10px 20px;
    background-color: var(--white);
    min-height: 60px;
    position: relative;
    margin-bottom: 10px;
    border: none;
}
 body .roomsItems section ul {
    display: table;
    position: absolute;
    left: 20px;
    bottom: 0px;
    width: auto;
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
body .roomsItems .room-options ul li[data-role="drop-down"] {
    text-align: left;
    min-width: auto;
}
body .roomsItems .room-options .room-number {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-weight: 700;
    font-size: 1.2rem;
}
.mobile-booking a.right-close, .mobile-booking .rooms-options-out a.right-close {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    background-image: url(gfx/arrow-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    top: 0;
    margin-top: 0;
    bottom: 0;
    margin: auto;
}
 .mobile-booking .rooms-options-out a.right-close{
  right:0;
 }
.booking-popup .mobile-calendar-header .inside {
    text-align: center;
    height: 55px;
    background-color: var(--white);
    border-radius: 0;
    margin: 0 10px;
    font-size: 0;
    position: relative;
    padding: 10px 20px;
    display: block;
}
.calTitlein {
    float: right;
    width: 50%;
    background-image: url(gfx/date.svg);
    background-repeat: no-repeat;
    background-position: right 0px center;
    display: inline-block;
    margin-top: 0;
}
.calTitle div{
 font-size: 14px;
}
.calTitleout {
    float: left;
    width: 50%;
    text-align: center;
    background-image: url(gfx/date.svg);
    background-repeat: no-repeat;
    background-position: right 0px center;
}
.mobile-calendar-header .calendarCheckinBtnBottom, .mobile-calendar-header .calendarCheckoutBtnBottom {
    width: auto;
    font-size: 1.1rem;
    background-image: none;
    padding-right: 0;
    float: none;
    font-weight: bold;
}
.mobile-calendars {
    padding-top: 55px;
    height: calc(100%);
    overflow-y: auto;
}


 


 

 
.navigation-popup{
 position: fixed;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 z-index: 1000;
 background-color: var(--baz);
 text-align: center;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 padding: 23px;
 background-image: url(gfx/mobile-popup-image.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: cover;
}

.open-navigation .navigation-popup{
 opacity:1;
 visibility:visible;
 pointer-events:all;
}

.navigation-popup .close:after, .navigation-popup .close:before, .booking-popup .close:after, .booking-popup .close:before{
 background-color: var(--grey);
}
.navigation-popup > .title{
 line-height: 40px;
 letter-spacing: 0.08em;
 font-size: 28px;
 font-weight: bold;
 text-align: right;
 padding-top: 120px;
}
 .navigation-popup > .subtitle{
  text-align: right;
 }
.navigation-popup .icons{
 margin: 0 auto;
 padding: 0;
 list-style-type: none;
 display: table;
 justify-content: center;
 padding-bottom: 50px;
 padding-top: 50px;
 width: 100%;
}
.navigation-popup .icons li{
 display: table-cell;
 vertical-align: top;
}
.navigation-popup .icons li a{
 
}
.navigation-popup .icons li img{
 
}
.navigation-popup .icons li .title{
 text-align: center;
 padding-top: 10px;
 font-size: 12px;
}
.navigation-popup a.cancel{
 display: inline-block;
 margin: auto;
 padding: 22px 0;
 width: 100%;
}
.gallery-slider{
 direction: ltr;
 margin-top: 35px;
 margin-right: -23px;
 margin-left: -23px;
}
.open-navigation-popup{
 position: absolute;
 left: 0;
 top: auto;
 bottom: 25px;
 margin: auto;
 background-color: var(--brown);
 display: inline-block;
 color: var(--white);
 padding: 12px;
 padding-left: 40px;
 padding-right: 20px;
 background-image: url(gfx/arrow-white.svg);
 background-repeat: no-repeat;
 background-position: left 18px center;
}
.gallery-slider .item {
    width: 330px;
    height: 237px;
    padding: 0;
    border: 1px solid var(--dark-blue);
    margin-right: 7px;
    position: relative;
}
.gallery-slider .image {
    width: 100%;
    height: 100%;
    position: relative;
}
.gallery-slider .item a {
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}
.gallery-slider .item a video {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    z-index: 0;
    object-fit: cover;
    bottom: 0;
    margin: auto;
}
.gallery-slider .item a:before {
    content: '';
    width: 28px;
    height: 28px;
    background-image: url(gfx/mobile-gallery-icon.svg);
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.slick-dots {
    margin: 0;
    padding: 0;
    padding-top: 16px;
    text-align: center;
}
 .deals .slick-dots{
 }
.slick-dots li {
    display: inline-block;
    padding: 0 5px;
    position: relative;
}
.slick-dots li button {
    -webkit-appearance: none;
    border: none;
    font-size: 0;
    display: block;
    width: 7px;
    height: 7px;
    background-color: var(--baz);
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    background-image: none;
}
.slick-dots li button[aria-selected="true"] {
    background-color: var(--brown);
}
.desctop-element{
 display:none!important;
}
.hamburger{
 position: absolute;
 width: 40px;
 height: 40px;
 right: 15px;
 z-index: 10;
 top: 15px;
 bottom: auto;
 margin: auto;
}
.hamburger-wrapper{
 position: absolute;
 width: 22px;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 0;
 left: 0;
 border-top: 2px solid var(--grey);
 height: 16px;
 cursor: pointer;
}
.hamburger-wrapper:after,.hamburger-wrapper:before{
 content: '';
 height: 2px;
 position: absolute;
 background-color: var(--grey);
 width: 100%;
 bottom: 0;
}
.hamburger-wrapper:after{
  bottom: 7px;
}
.hamburger-wrapper:before{
 
}

.slick-dots li:first-child:last-child {
    display: none
}
#actions-full-description,.about .description, .features .description, .location-section .description, .special-items .description, .newsletter .description, .page-description .description, .rooms-area .list .description, .important .description p, .important .description li, .services .list .description,.seasons-items ul li .description {
  line-height: 25px;
}
.deals .wrapper > a,
.friends a,
.newsletter ul.form input[type="submit"] {
  padding: 22px 75px;
  letter-spacing: 0.08em;
}
.about h1, h2, body .roomsItems .room-options ul li, body .roomsItems section .room-select span,.page-description h1 {
  font-size: 1.66666666667rem;
  line-height: 34px;
  letter-spacing: 0.08em;
  font-size: 28px;
}
body .roomsItems section .room-select span{
 font-size: 20px;
}
.friends-list .title {
  font-size: 1.55555555556rem;
}
.friends-list .title strong {
  font-size: 1.94444444444rem;
}
.friends-list .title br{
 display: none;
}
.about h2, .gallery .description, .deals h3, .location-section h3, .special h3, .about-seasons h3, .navigation-popup > .subtitle, .services .list h2,.seasons-items ul li h3 {
  font-size: 1.22222222222rem;
  letter-spacing: 0.15em;
  line-height: 40px;
}
 .about-seasons h3{
  display: inline-block;
  margin: auto;
  padding-right: 20px;
  background-image: url(gfx/arrow-white-r.svg);
  background-repeat: no-repeat;
  background-position: right 3px center;
  font-size: 20px!important;
 }
 .about-seasons:hover h3{
  background-position: right 0 center;
 }
h4, .sales-slider .title, .sale-price span, .count, .count span, .rooms-area .list h3, .actions-slider ul.items li h3, .month-name,#actions-title {
  font-size: 18px;
  letter-spacing: 0.08em;
  line-height: 28px;
}
.main-menu a {
  font-size: 18px;
  color: var(--white);
}
    .main-menu .current-menu-item.menu-item-2288 a{
        color: var(--white);
    }
.main-menu li:first-child a {
  /* font-size: 16px; */
  /* letter-spacing: 0.15em; */
}
.footer-menu ul li a {
  font-size: 14px;
}
.wrapper {
  width: 100%;
  padding: 0 23px;
}
 .features .wrapper{
  position: relative;
  z-index: 1;
 }
header,
.header-space {
  height: 80px;
  background-color: transparent;
  position: fixed;
}
header .logo {
  float: right;
  margin-top: 20px;
  max-height: 40px;
  display: none;
}
header .logo img{
 max-height: 40px;
}
.main-menu {
  float: right;
  margin-right: 0;
  margin-top: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: var(--grey);
  padding-right: 23px;
  padding-left: 23px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.menu-header{
 height: 90px;
 position: relative;
 border-bottom: 1px solid #C8A98D;
}
.menu-header img{
 max-height: 50px;
 position: relative;
 left: 0;
 top: 0;
 bottom: 0;
}
.menu-header .close{
 width: 20px;
 height: 20px;
 right: 0;
}
.menu-header .close:before,.menu-header .close:after{
 height: 2px;
 background-color: #C8A98D;
} 
.main-menu ul {
  display: block;
  padding-top: 10px;
}
.main-menu ul li {
  padding: 0;
  display: block;
  padding-top: 35px;
}
.hero {
  height: 480px;
}
.hero video {
  max-height: 480px;
}
.hero .logo {
  padding-top: 180px;
}
.hero .logo img:first-child {
  margin-bottom: 40px;
  max-width: 140px;
}
.hero .logo img:last-child{
 max-width: 210px;
}
.about {
  padding-top: 40px;
}
.about .description,.page-description .description {
  padding-top: 30px;
  max-width: none;
}
.page-description .description br{
 display:none;
}
.about .description p{
 padding-bottom: 15px;
}
.seasons-nav {
  display: table;
  padding-top: 25px;
  table-layout: fixed;
  width: 100%;
}
.seasons-menu {
  margin-bottom: 35px;
}
.seasons-nav li {
  display: table-cell;
}
.seasons-nav li div {
  padding: 20px 0px;
  text-align: center;
}
.seasons-nav li div:after {
  height: 6px;
  bottom: -4px;
}
.about-seasons.hover li {
  flex-basis: 20%;
}
.about-seasons.hover li.active {
  flex-basis: 40%;
}
.about-seasons .thumb {
  height: 240px;
  overflow: hidden;
  display: block;
}
.about-seasons .thumb:hover .info {
  top: 0;
}
.about-seasons li.active .thumb .info{
 top:100px;
}
.about-seasons .thumb:before {
  height: 50%;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0) 0%, #393939 37.44%);

}
.about-seasons .thumb:hover .description{
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
.about-seasons .thumb:hover .seasons-button{
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 -webkit-transform: translateY(0px);
 transform: translateY(0px); 
}
.about-seasons li.active .thumb .seasons-button{
 opacity:1;
 visibility:visible;
 pointer-events:all;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
.about-seasons .info {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  padding: 0;
  height: 40px;
}
.about-seasons li.active .thumb .description{
 opacity:1;
 visibility:visible;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
.about-seasons .info div.description,
.about-seasons .info div.seasons-button {
  transition-delay: 0.5s;
}
.about-seasons .description {
  padding-top: 5px;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.about-seasons.active {
  display: grid;
  grid-template-columns: 50% 50%;
}
.features {
  margin-top: 55px;
  padding-top: 40px;
  padding-bottom: 65px;
}
.about-seasons li{
}
.features .subtitle {
  margin-top: 5px;
}
.features .description {
  padding-top: 45px;
}
.features .description{
 padding-top: 15px;
}
.features-list {
  padding-top: 50px;
  display: block;
  column-gap: 20px;
}
.features-list li {
  padding-bottom: 110px;
  width: auto;
  margin: 0 0px;
  margin-bottom: 25px;
  display: inline-block;
  vertical-align: top;
}
 .features-list li:last-child{
  margin-bottom: 0;  
 }
.features-list .image {
  height: 220px;
  border-radius: 300px 300px 0px 0px;
}
.features-list .info {
  border-top: 7px solid var(--baz);
  padding: 25px 35px 0;
  min-height: auto;
}
.features-list a,
.sales-slider .wrapp a,
.seasons-button a {
  letter-spacing: 0.05em;
  /* padding-left: 22px; */
}
.sales-slider .wrapp a{
 padding-left: 22px;
}
.features-button,
.seasons-button {
  bottom: 25px;
}
.seasons-button {
  bottom: 30px;
}
.sales-slider .features-button {
  bottom: 25px;
}
.features-list a:after,
.sales-slider .wrapp a:after,
.seasons-button a:after {
  width: 10px;
  height: 16px;
}
.features-list a:hover:after,
.sales-slider .wrapp a:hover:after,
.seasons-button a:hover:after {
  left: -5px;
}
.gallery {
  padding-top: 40px;
  background-color: var(--white);
  padding-bottom: 59px;
  position: relative;
  z-index: 1;
}
.image-gallery {
  margin-top: 40px;
  height: 615px;
}
.image-gallery li {
  height: 300px;
  width: 420px;
}
.image-gallery li:nth-child(1) {
  width: 725px;
}
.deals {
  padding-top: 85px;
}
.deals:after,
.features:after,
.friends:after {
  width: 582px;
  height: 1425px;
  top: -250px;
}
.features:after {
  top: -300px;
  width: 100%;
  height: 960px;
}
.friends:after {
  width: 570px;
  height: 570px;
}

.sales-slider {
  margin-bottom: 45px;
  margin-top: 35px;
  direction: ltr;
}
.sales-slider-hp{
 margin-right: -23px;
 margin-left: -23px;
}

.sales-slider button {
  left: 0;
  top: 0;
  height: 34px;
  width: 20px;
  background-size: 20px;
  position: relative;
}
.sales-slider button.slick-prev {
  right: -35px;
  left: auto;
}
.sales-slider button.slick-prev:hover {
  right: -40px;
}
.sales-slider button.slick-next:hover {
  left: -40px;
}
.sales-slider .inside {
  margin: 0;
}
.sales-slider .image {
  height: 190px;
  border-radius: 500px 500px 0px 0px;
}
.sales-slider .item{
 width: 300px;
}
.sales-slider-hp .item{
 padding: 0 5px;
 width: 310px;
}
.sales-slider .content {
  border-top: 7px solid var(--baz);
}
.sales-slider .wrapp {
  padding: 20px;
  padding-bottom: 70px;
  direction: rtl;
}
.sales-slider .title {
  max-width: 270px;
  padding-bottom: 20px;
  min-height: auto;
  line-height: 22px;
}
.sales-slider-hp .title{
 min-height: 86px;
}
.sales-slider .dates {
  padding-bottom: 20px;
  width: auto;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
}
.location {
  padding-top: 100px;
  padding-bottom: 100px;
}
.location-section {
  display: block;
  height: auto;
}
.location-section .content {
  flex-basis: 470px;
  padding: 0;
  text-align: center;
  background-color: transparent;
  padding-bottom: 20px;
  position: relative;
}
.location-section h3,.navigation-popup > .subtitle {
  line-height: 35px;
}
.location-section .description {
  padding-top: 30px;
  display: none;
}
.location-section .information {
  padding-top: 0;
  line-height: 24px;
  text-align: right;
  padding-right: 30px;
  position: relative;
  margin-top: 35px;
  width: 55%;
}
.location-section .information:before {
  width: 20px;
  height: 27px;
  top: 2px;
  position: absolute;
  background-size: contain;
  right: 0;
  background-repeat: no-repeat;
}
#map_canvas {
  flex-basis: calc(100% - 470px);
  height: 420px;
}
.friends {
  padding-top: 70px;
  padding-bottom: 35px;
  overflow: hidden;
}
.friends .wrapper{
 position:relative;
 z-index: 1;
}
.friends h2 {
  padding-top: 10px;
}
.friends-list {
  padding: 30px 0 25px;
  display: block;
}
.friends-list li {
  padding: 17px 40px;
  border-left: none;
  border-bottom: none;
  position: relative;
}
.friends-list li:after{
 content:'';
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 width: 110px;
 background-color: var(--dark-grey);
 height: 1px;
 margin: auto;
}
.friends-list li:last-child:after{
 display:none;
}
.friends-list .description {
  padding-top: 5px;
}
.special {
  padding: 100px 0;
}
.special-items {
  display: grid;
  margin-top: 65px;
  grid-template-columns: 50% 50%;
  row-gap: 55px;
}
.special-items .image {
  min-height: 50px;
}
.newsletter .wrapper {
  display: block;
  padding: 30px 0;
}
.information .wrapper {
  padding-bottom: 30px;
}
.brands .wrapper,
.newsletter .wrapper,
.information .wrapper,
.footer-menu {
  width: auto;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 40px;
  margin: 0 23px;
}
.brands .wrapper{
 padding-bottom: 0px;
 border-bottom: 1px solid var(--baz);
 margin-bottom: 5px;
}
.information .wrapper{
 padding-bottom: 20px;
}
.brands .wrapper > img{
 max-width: 180px;
}
.newsletter ul.form {
  margin-top: 13px;
  position: relative;
}
.newsletter ul.form li{
 display: block;
}
.newsletter ul.form li.email {
  width: 100%;
}
.newsletter ul.form li.agreement {
  padding-top: 25px;
  position: absolute;
  top: 65px;
}
.newsletter ul.form .wpcf7-list-item span{
 font-size:15px;
}
.newsletter ul.form li.submit {
  width: 270px;
  padding-right: 0;
  padding-top: 99px;
}
.newsletter ul.form input {
  height: 56px;
  padding: 18px;
}
body .wpcf7-not-valid-tip {
  font-size: 14px;
  padding: 5px 0;
}
.newsletter ul.form input[type="submit"] {
  padding: 19px 0;
}
.newsletter ul.form .wpcf7-list-item input {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.newsletter ul.form li.agreement span.wpcf7-list-item input:checked:before {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
body .wpcf7-spinner {
  left: 10px;
}
.brands {
  padding-top: 30px;
}
.hotels {
  display: block;
  padding-top: 40px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 0;
}
.hotels li {
  padding: 0 10px;
  flex: 1;
  margin-bottom: 20px;
  vertical-align: middle;
  display: inline-block;
  width: 33%;
}
.hotels li:nth-child(3){
 border-right: none;
}
.hotels li a {
  display: flex;
  min-height: 30px;
}
.hotels li a img{
 max-height: none;
 max-width: 90px;
 min-width: auto;
 min-height: auto;
}
.information ul {
  display: table;
  width: 100%;
}
.information ul li {
  padding: 0 5px;
  display: table-cell;
}
.information ul li .thumb {
  padding-top: 45px;
  min-width: fit-content;
}
.information ul li img{
 max-width: 35px;
}
.information ul li .description{
 font-size:14px;
}
.footer-menu ul {
  padding-top: 30px;
  padding-bottom: 70px;
}
.footer-menu ul li {
  width: auto;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.popup-gallery {
  padding: 60px 0;
}
.footer-order-button{
 background-color: var(--brown);
 padding: 15px;
 position: fixed;
 bottom: 0;
 width: 100%;
 text-align: center;
 z-index: 10;
}
.footer-order-button div{
 background-color: var(--white);
 font-size: 16px;
 color: var(--brown);
 text-transform: uppercase;
 font-weight: bold;
 letter-spacing: 0.08em;
 padding: 20px 0;
 cursor: pointer;
 font-family: inherit;
}
.close {
  top: 23px;
  right: 23px;
  width: 22px;
  height: 22px;
}

.popup-gallery .gallery-section {
  height: 400px;
}
.slick-arrow {
  width: 18px;
  height: 30px;
}
.slick-prev {
  right: 23px;
}
.slick-next {
  left: 23px;
}
.slick-prev, .slick-next {
    top: calc(100% + 10px);
    bottom: auto;
}
.popup-gallery .gallery-section .image-out {
  max-width: 800px;
  padding-bottom: 20px;
  max-height: 385px;
}
.sound,
.popup-gallery .gallery-section div.sound {
  width: 45px;
  height: 42px;
  bottom: 10px;
  right: 10px;
}
.popup-gallery .gallery-section div.alt {
  padding: 10px 0;
}
.popup-gallery .gallery-section div.gallery-nav {
  height: 105px;
  bottom: 20px;
  display: none;
}
.popup-gallery .gallery-section .gallery-nav div.item {
  width: 160px;
  height: 110px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 0 0 5px;
}
.popup-gallery .gallery-section div.slider__counter {
  margin-top: 135px;
}
.totalCounter .inside {
  display: table;
}
.totalCounter .table-cell {
  display: table-cell;
}
.count {
  font-size: 1.5rem;
  padding: 15px 30px;
}
.float-section {
  padding-top: 75px;
  display: none;
}
section.booking {
  display: flex;
  width: 1100px;
  gap: 5px;
}
.dates,
.rooms,
.orderButton {
  padding: 22px 30px;
}
.dates {
  width: 460px;
  padding: 20px 30px;
}
.calendarCheckinBtnBottom,
.calendarCheckoutBtnBottom {
  width: 130px;
  height: 20px;
  float: right;
  padding-right: 30px;
  line-height: 24px;
}
.calendar-dropdown,
body .room-summary,
.rooms-options-out {
  top: 76px;
  width: 800px;
}
.calendar-header {
  font-size: 16px;
  padding: 35px 0;
  opacity: 0;
}
.calendar-header .title {
  font-weight: bold;
}
body .date-picker-wrapper.inline-wrapper,
body .date-picker-wrapper.inline-wrapper {
  margin: -1px 0 0;
}
.montharound {
    float: none;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    padding: 0;
    min-height: auto;
    margin-right: 10px;
    margin-left: 10px;
    height: auto;
}
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month1,
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month2,
.inline-order .date-picker-wrapper.inline-wrapper table.month1,
.inline-order .date-picker-wrapper.inline-wrapper table.month2 {
  display: table;
  float: none;
  margin: 0 30px;
  width: calc(100% - 60px);
  padding-bottom: 20px;
}
.hotelsBooking .date-picker-wrapper table .caption {
  height: 80px;
}
body .date-picker-wrapper .month-wrapper table th.month-name {
  font-size: 18px;
  padding: 35px 0;
  line-height: normal;
}
body .date-picker-wrapper .month-wrapper table td {
  height: 46px;
}
body .date-picker-wrapper .month-wrapper table th {
  padding-bottom: 0;
  font-size: 18px;
}
body .date-picker-wrapper .month-wrapper table .day {
  line-height: 30px;
  font-size: 18px;
}
 
body .date-picker-wrapper .footer {
  padding: 5px 0 20px;
}
body .date-picker-wrapper .footer .stay-of {
  font-size: 1rem;
  padding-left: 8px;
  margin-left: 8px;
}
body .date-picker-wrapper .footer span {
  font-size: 1rem;
}
body .date-picker-wrapper table .caption .next,
body .date-picker-wrapper table .caption .prev {
  top: 33px;
  width: 20px;
  height: 18px;
  left: 0;
}
body .date-picker-wrapper table .caption .prev {
  right: 0;
}
.rooms,
body .rooms-options-out {
  width: 315px;
}
body .rooms-options-out .main-title {
  font-size: 15px;
}
.roomsItems .room-options {
  padding: 5px 0;
}
body .roomsItems .room-options {
  padding: 0px 0;
}
body .roomsItems section ul {
  display: table;
}
body .roomsItems section ul li {
  display: table-cell;
}
body .roomsItems .room-options ul li {
  min-width: 160px;
}
body .roomsItems section ul li label {
  padding: 0 0 0;
  font-size: 12px;
}
body .roomsItems .room-options ul li label span {
  padding-left: 5px;
}
.room-select-section {
  display: table;
}
.pluses,
.minuses {
  display: table-cell;
}
.pluses .plus,
.minuses .minus {
  width: 32px;
  height: 32px;
}
.pluses .plus:before,
.minuses .minus:before,
.pluses .plus:after {
  width: 12px;
  height: 2px;
}
.pluses .plus:after {
  transform: rotate(90deg);
}
body .roomsItems section .room-select {
  background-position: left 10px center;
  display: table-cell;
  padding: 0 10px;
  min-width: 32px;
}
a.remove-room-options {
  width: 20px;
  height: 20px;
  right: 15px;
  top: 5px;
}
a.remove-room-options:before,
a.remove-room-options:after {
  width: 15px;
  transform: rotate(-45deg);
}
a.remove-room-options:after{
  transform: rotate(45deg); 
}
a.addRoom[data-action="add-room-options"] {
  margin-top: 22px;
  letter-spacing: 0.4px;
  margin: auto;
  float: none;
  margin-top: 50px;
}
a.updateRooms.orderButton {
  float: left;
  padding: 18px 35px;
  margin-top: 25px;
}
.orderButton {
  width: 315px;
  letter-spacing: 0.08em;
  padding: 19px 30px;
}
.flights-options,
.rooms-options-out {
  width: 380px;
  padding: 25px;
  top: 75px;
}
.room-options-container:after {
  width: 16px;
  height: 9px;
  left: 20px;
}
.float-section.sticky {
  position: fixed;
  top: 80px;
  padding: 10px 0;
}
}
@media screen and (min-width: 480px) and (max-width: 1200px) {
.wines .round-1{
 width: 610px;
 height: 610px;
 top: 200px;
}
.wines .round-2{
 width: 410px;
 height: 410px;
 top: 300px;
}
.wines .round-3{
 width: 250px;
 height: 250px;
 top: 375px;
}
.wines .distances-wrap{
 width: 375px;
 height: 400px;
}
.wines .center-point:after{
 width: 44px;
 height: 23px;
 right: -17px;
 top: 20px;
}
.wines .circle,.wines .center-point {
    width: 6px;
    height: 6px;
}
.wines .center-point{
 bottom: 160px;
}
.wines .center-point .line{
 bottom: 2px;
 left: 2px;
}
.wines .main-title{
 padding-top: 0;
 position: absolute;
 bottom: 70px;
 left: 0;
 right: 0;
 margin: auto;
}
.wines .main-title h2{font-size: 20px;line-height: 33px;}
.wines .distance .title strong{
 font-size: 35px;
}
.wines .distance .title{
 font-size: 14px;
}
.wines .tabs{
 margin-top: 0;
}
.wines{
 padding-top: 44px;
}
.wines .tabs .icon{
 display: none;
}
.wines .tabs .item{
 height: 38px;
}
.float-icon{
 opacity: 0;
 visibility: hidden;
 display: none;
 height: 40px;
 align-items: center;
 justify-content: center;
 margin-top: 30px;
}
.float-icon.active{opacity: 1;visibility: visible;display: flex;}
.wines .points{
 height: 70px;
}
    
    
    
    
    
.languages-menu {
    top: 0;
    left: 0;
    position: relative;
    padding-right: 0;
    padding-top: 110px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.menu-open .languages-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
 display:none;
}
body .wpml-ls-legacy-dropdown .wpml-ls-item {
    display: inline-block;
}
body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > a {
    height: auto;
    width: auto;
    display: inline-block;
    padding-left: 20px!important;
    margin-left: 0;
    border-left: 1px solid #C8A98D;
    color: #C8A98D;
    padding-right: 0!important;
}
body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > ul > li span, body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > a span {
    font-size: 17px;
    color: inherit;
     line-height: normal;
    font-weight: 700;
}
body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > ul {
    padding-top: 0;
    visibility: visible;
    position: relative;
    display: inline-block;
}
body .wpml-ls-legacy-dropdown > ul > li.wpml-ls-item > ul > li a {
    background-color: transparent;
    color: #fff;
    padding-right: 20px;
    border: none;
}




 




 
.title-logo{
 height: 170px;
}
.values ul li:after {
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    height: 33%;
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
}
.title-logo img{
 max-height: 100%;
 max-width: none;
}
.page-template-restaurant .hero.inline-header .float-section{
 padding-top: 190px;
}
.page-template-restaurant .page-description{
 padding-top: 55px;
}
.page-template-restaurant .page-description h1{
 line-height: 36px;
 padding-top: 35px;
}
.page-template-restaurant .page-description .description strong{
 padding-bottom: 25px;
 padding-top: 10px;
}
.page-template-restaurant .title-menu{
 padding-top: 55px;
 padding-bottom: 35px;
 display: table;
}
.page-template-restaurant .title-menu li,.menues ul.list li{
 display: table-cell;
 padding: 0 30px;
 /* border-left: none; */
}
.restaurant-order{
 padding: 20px 90px;
}
.concept{
 height: 520px;
}
.concept .wrapper{
 display: table;
 padding: 20px;
}
.concept .concept-table{
 display: table-cell;
 vertical-align: bottom;
}
.concept-content{
 width: 100%;
 padding: 25px 30px 35px;
 margin: auto;
}
.concept h2{
 font-size: 16px;
 line-height: 30px;
 text-align: center;
}
.concept h3, .values h3,.menues h3{
 font-size: 26px;
 letter-spacing: 5px;
 text-align: center;
}
.menues h3{
 text-align: right;
}
.concept .description{
 padding-top: 30px;
 line-height: 25px;
 text-align: center;
}
.values{
 padding-top: 80px;
 padding-bottom: 20px;
}
.values h2,.menues h2{
 font-size: 1rem;
 line-height: 33px;
 letter-spacing: 2px;
}
.values h3{
 padding-top: 10px;
}
.values h4{
 font-size: 22px;
 line-height: 33px;
 letter-spacing: 3px;
 display: table-cell;
}
.values ul{
 margin-top: 40px;
 display: flex;
 table-layout: fixed;
 height: 400px;
 direction: ltr;
 margin-right: -23px;
 margin-left: -23px;
 overflow: visible;
}
.values ul.slick-dots{
 height: auto;
 margin: 0;
 position: absolute;
 bottom: -25px;
 left: 0;
 right: 0;
 margin: auto;
 text-align: center;
 display: block!important;
}
.values ul.slick-dots li{
 width: auto;
 height: auto;
 display: inline-block;
 margin: 0;
}
.values ul.slick-dots li button{
 background-color: var(--white);
}
.values ul.slick-dots li.slick-active{
 
}
 .values ul.slick-dots li.slick-active button{
 background-color: var(--brown);
}
.values ul li{
 display: table-cell;
 width: 280px;
 height: 450px;
 margin: 0 10px;
}
.values .content{
 position: absolute;
 top: 160px;
}
.values .title-table{
 display: table;
 height: 66px;
}
.values li:hover .content{
 top:160px;
}
.values li:hover .description{
 -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.values .description{
 padding: 0 20px;
 line-height: 25px;
 padding-top: 10px;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
 opacity: 1;
 visibility: visible;
}
.values ul.hover li{
 width:25%; 
}
.values ul.hover li.active{
 width:50%;
}
.menues ul.items li{
    margin-top: 90px;
}
.menues ul.list li{
    margin-top: 0px; 
}
.menues ul.items li .image{
 height: 580px;
 width: 100%;
 position: relative;
 left: 0;
 right: auto;
}
.menues .wrapper{
 display: table;
 min-height: auto;
}
.menues .content{
 display: table-cell;
 vertical-align: top;
 padding-top: 40px;
}
.menues .content-inline{
 max-width: none;
 padding-right: 30px;
}
.menues .restaurant-order{
 padding: 20px 55px;
}
.menues ul.items li:nth-child(even) .image{
 left: auto;
 right: 0;
}
.menues ul.items li:nth-child(even) .content-inline{
 float: left;
 margin-left: 50px;
}
.menues .description{
 line-height: 25px;
 padding-top: 30px;
}
.menues ul.list{
 padding-top: 40px;
 display: flex;
 padding-bottom: 45px;
}
.menues ul.list li:first-child{
 display: table-cell;
}
.chief{
 padding-top: 40px;
 padding-bottom: 0;
}
.chief .wrapper{
 padding: 25px;
}
.chief .inline-content{
 display: block;
}
.chief h2{
 font-size: 23px;
 line-height: 33px;
}
.chief .description{
 line-height: 25px;
 padding-top: 25px;
}
.chief .content{
 padding: 20px;
 padding-top: 50px;
}
.chief .image{
 display: block;
 width: 100%;
 height: 430px;
}








 
.spa-gallery{
 height: 620px;
}
.spa-gallery .wrapper {
    padding: 0;
}
.spa-filter{
 display: table;
}
.spa-filter li{
 display: table-cell;
 padding: 25px 10px;
}
.spa-sliders{
 height: 550px;
}
.spa-sliders .spa-slider .slick-arrow{
 top: -55px;
 display: none!important;
}
.spa-sliders .spa-slider .slick-prev{
 left: 120px;
}
.spa-sliders .spa-slider .slick-next{
 left: 50px;
}
.spa-slider .item{
 height: 550px;
}
.spa-features{
 padding-top: 70px;
}
.spa-features ul{
 display: flex;
}
.spa-features ul li{
 padding: 0 0;
 flex-basis: 100%;
 text-align: center;
}
.spa-features span{
 padding-top: 20px;
}
.spa-treatment{
 padding-top: 90px;
 padding-bottom: 100px;
}
.important.spa-important{
 height: auto;
 padding: 40px 0 20px;
}
.important.spa-important .wrapper{
 display: table;
 width: 100%;
 height: 100%;
}
.important.spa-important .description{
 display: table-cell;
}
.important.spa-important .description p {
    padding-bottom: 20px;
}
.spa-treatment .description{
 padding-top: 25px;
 padding-bottom: 10px;
}
.spa-treatment .description p{
 padding-bottom: 40px;
}
.spa-treatment-items li{
 margin-bottom: 30px;
}
.spa-treatment-items .desc{
 padding: 20px 25px;
 line-height: 30px;
}
.spa-treatment-items .info{
 padding: 20px 25px;
 font-size: 16px;
}



 
.sales-list .item {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
}
.dates:before{
 display:none;
}
.contact-popup > .wrapper{
 width: 460px;
}
.contact-popup .iframe .wrapper{
}
.sales-list .image-wrapper {
    height: 400px;
    display: table-cell;
    width: 600px;
}.sales-list .image-wrapper {
    height: 400px;
    display: block;
    width: 100%;
}
.sales-list .content {
    width: 100%;
    display: block;
    padding: 20px;
    position: relative;
    text-align: center;
}
.sales-list .bottom {
    position: relative;
    bottom: 0;
    padding-top: 40px;
    padding-bottom: 30px;
}
.sales-list .brown-button{
 position: relative;
 bottom: 0;
 left: 0;
 background-color: transparent;
 color: var(--brown);
 font-weight: 600;
 padding: 0;
 padding-left: 15px;
}
.sales-list .brown-button:after{
   content: '';
   background-image: url(gfx/arrow-brown.svg);
   width: 10px;
   height: 14px;
   display: inline-block;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   background-size: contain;
   background-repeat: no-repeat;
}
.sales{
 padding-bottom: 100px;
}



 
.sales-list .dates{
 text-align: center;
}
.sales-list .title {
    padding: 5px 0 20px;
    font-size: 23px;
    line-height: 32px;
}
 .sales-list .sale-price {
    font-size: 20px;
}


 
.actions-slider ul.items {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    column-gap: 15px;
    row-gap: 30px;
}
.actions-slider ul.items li h3{
 padding: 10px;
 padding-top: 30px;
}
.actions-slider ul.items li .description{
 padding-right: 10px; 
 padding-left: 10px;
}
.actions-slider .item{
 padding-top: 125px;
}
.actions-slider ul.items li .image {
    height: 200px;
}
.filter{
 left: 0;
 right: 0;
 margin: auto;
 top: 60px;
}
.more-desktop{
 display:none!important;
}
 
.seasons-items ul li{
 height: 580px;
}
.seasons-items ul li .info{
 width: calc(100% - 40px);
 height: auto;
 padding: 20px 30px 30px;
 left: 0;
 right: 0;
 text-align: center;
 bottom: 20px;
 top: auto;
}
.seasons-items ul li .description{
 padding-top: 20px;
}
.seasons-items ul li:nth-child(even) .info {
    left: 0;
    right: 0;
}
.seasons-items ul li a{
 margin-top: 15px;
}

 
.hero.inline-header{
 height: 400px;
}
.hero.inline-header .logo{
 padding-top: 140px;
}
.hero.inline-header .float-section{
 padding-top: 70px;
}
.page-description {
    padding-top: 40px;
    padding-bottom: 70px;
}
.hero.inline-header .float-section.sticky{
 padding-top: 10px;
}
.services{
 padding-bottom: 60px;
}
.services .list li{
 padding: 10px;
 margin-bottom: 40px;
}
.services .list .thumb{
 display: block;
}
.services .list .thumb .image{
 flex-basis: 600px;
 height: 340px;
}
.services .list .info{
 flex-basis: calc(100% - 600px);
 padding-right: 0;
 padding-left: 0;
 text-align: center;
 padding-bottom: 40px;
}
.services .list h2{
 letter-spacing: 0.08em!important;
 padding: 20px 0 15px;
}
.services .list .description p{
 padding-bottom: 20px;
}
.services .list .info > a{
 margin-top: 20px;
 padding: 5px 0;
 /* padding-left: 18px; */
}
.rooms-area{
 padding-bottom: 100px;
}
.rooms-area .list > li{
 padding: 10px;
 margin-bottom: 40px;
}
.rooms-area .list .thumb{
 display: block;
}
.rooms-area .list .image{
 flex-basis: 485px;
 height: 325px;
}
.rooms-area .list h3{
 padding: 30px 0 20px;
}
.rooms-area .list .info{
 flex-basis: calc(100% - 485px);
 padding-right: 0;
 padding-bottom: 25px;
 text-align: center;
}
.rooms-area .list ul.info{
 display: table;
 margin: auto;
 padding-bottom: 50px;
}
.rooms-area .list .info li{
 display: table-cell;
 padding-left: 35px;
}
.rooms-area .list .info .item{
 display: table;
}
.rooms-area .list .info .icon{
 display: table-cell;
 padding-left: 10px;
}
.rooms-area .list .info .desc{
 display: table-cell;
}
.rooms-area .list .description{
    padding-left: 0;
    padding-bottom: 60px;
}
.rooms-area .list .image span{
 bottom: 30px;
 left: 30px;
 width: 25px;
 height: 25px;
}
.order-button{
 left: 0;
 padding: 5px 0;
 bottom: 0;
 position: relative;
 color: var(--brown);
 background-color: transparent;
 background-image: url(gfx/arrow-left.svg);
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 19px;
}
.maxlist-more a{
 padding: 22px 110px;
}
.maxlist-more{
 padding-top: 40px;
}
.important{
 padding-top: 60px;
 padding-bottom: 60px;
 background-position: left bottom,right top;
 background-size: 260px, 150px;
}
.important .facilities-data{
 grid-template-columns: 100%;
 display: grid;
 max-width: 800px;
 padding-top: 60px;
 row-gap: 40px;
 column-gap: 30px;
}
.important .facilities-data .thumb{
 display: flex;
}
.important .facilities-data .icon{
flex-basis: 35px;
}
.important .facilities-data .desc{
 padding-right: 17px;
 flex-basis: calc(100% - 35px);
}
.important ul{
 padding-top: 55px;
 max-width: 770px;
}
.important ul li{
 padding-bottom: 30px;
 padding-right: 25px;
}
.important ul li:before{
    top: 8px;
}







 
    html{
        font-size: 16px;
    }
.mobile-booking .rooms-options-out {
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    text-align: center;
    padding: 0 10px;
    overflow-y: auto;
    height: calc(100%);
    text-align: center;
    border: none;
    background-image: url(gfx/shadow-m-01.png),url(gfx/shadow-m-02.png);
    background-repeat: no-repeat;
    background-position: top left,bottom right;
    background-color: var(--baz);
    text-align: center;
}
.popup-gallery .gallery-section div{
 height: 300px;
}
.footerFromToText .next{
 display: block;
 position: absolute;
 left: 10px;
 right: 10px;
 background-color: var(--brown);
 color: var(--white);
 padding: 20px 0;
 top: 40px;
}
.booking-popup {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100000;
    background-color: var(--baz);
    text-align: center;
    padding: 23px;
    background-repeat: no-repeat;
    background-position: top left;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background-image: url(gfx/mobile-popup-image-1.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.booking-active .booking-popup{
 opacity: 1;
 visibility: visible;
 pointer-events: all;
}
.booking-popup .inside-t {
    margin-top: 215px;
    display: table;
    width: 100%;
    position: relative;
    z-index: 100;
}
.booking-popup .inside {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding-top: 0;
    position: relative;
    z-index: 1;
}
.booking-popup .inside .title {
    text-align: right;
    padding-right: 0;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
}
.booking-popup .inside .subtitle {
    text-align: right;
    padding-right: 0;
    font-size: 20px;
    line-height: 33px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.booking-popup div.booking {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
}
.booking-popup section.booking {
    display: block;
    width: auto;
 position:relative;
}
.booking-popup .dates {
    width: auto;
    border: 1px solid var(--dark-blue);
    min-height: 60px;
    padding: 21px 20px;
}
section.rooms {
    width: auto;
    border: 1px solid var(--dark-blue);
    min-height: 56px;
    padding: 22px 20px;
    margin-top: 10px;
}
.booking-popup section.booking .orderButton {
    width: auto;
    display: block;
    margin-top: 50px;
    background-color: var(--brown);
    color: var(--white);
    font-size: 1rem;
    float: none;
    width: 100%;
    letter-spacing: 0.08em;
    font-weight: 600;
}
.booking-popup section.booking .orderButton .total-rooms{
 color: var(--white);
 font-weight: 600;
}
.mobile-calendar{
 background-image: url(gfx/shadow-m-01.png),url(gfx/shadow-m-02.png);
    background-repeat: no-repeat;
    background-position: top left,bottom right;
}
.mobile-calendar.opened {
    top: 0;
    width: 100%;
    position: fixed;
    height: 100%;
    border: none;
    z-index: 30000;
}
.mobile-calendar-header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    right: 0;
}
.mobile-calendar-header .main-title, .mobile-booking .rooms-options-out .main-title {
    text-align: center;
    padding-bottom: 35px;
    padding-top: 35px;
    font-size: 28px;
    position: relative;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.popup-rooms-title {
    padding-bottom: 50px;
    font-size: 15px;
}
body .roomsItems .room-options {
    padding: 10px 20px;
    background-color: var(--white);
    min-height: 60px;
    position: relative;
    margin-bottom: 10px;
    border: none;
}
 body .roomsItems section ul {
    display: table;
    position: absolute;
    left: 20px;
    bottom: 0px;
    width: auto;
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
body .roomsItems .room-options ul li[data-role="drop-down"] {
    text-align: left;
    min-width: auto;
}
body .roomsItems .room-options .room-number {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-weight: 700;
    font-size: 1.2rem;
}
.mobile-booking a.right-close, .mobile-booking .rooms-options-out a.right-close {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 15px;
    background-image: url(gfx/arrow-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    top: 0;
    margin-top: 0;
    bottom: 0;
    margin: auto;
}
 .mobile-booking .rooms-options-out a.right-close{
  right:0;
 }
.booking-popup .mobile-calendar-header .inside {
    text-align: center;
    height: 55px;
    background-color: var(--white);
    border-radius: 0;
    margin: 0 10px;
    font-size: 0;
    position: relative;
    padding: 10px 20px;
    display: block;
}
.calTitlein {
    float: right;
    width: 50%;
    background-image: url(gfx/date.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    display: inline-block;
    margin-top: 0;
}
.calTitle div{
 font-size: 14px;
}
.calTitleout {
    float: left;
    width: 50%;
    text-align: center;
    background-image: url(gfx/date.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}
.mobile-calendar-header .calendarCheckinBtnBottom, .mobile-calendar-header .calendarCheckoutBtnBottom {
    width: auto;
    font-size: 1.1rem;
    background-image: none;
    padding-right: 0;
    float: none;
    font-weight: bold;
}
.mobile-calendars {
    padding-top: 55px;
    height: calc(100%);
    overflow-y: auto;
}


 


 

 
.navigation-popup{
 position: fixed;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 z-index: 1000;
 background-color: var(--baz);
 text-align: center;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 padding: 23px;
 background-image: url(gfx/mobile-popup-image.png);
 background-repeat: no-repeat;
 background-position: top left;
 background-size: cover;
}

.open-navigation .navigation-popup{
 opacity:1;
 visibility:visible;
 pointer-events:all;
}

.navigation-popup .close:after, .navigation-popup .close:before, .booking-popup .close:after, .booking-popup .close:before{
 background-color: var(--grey);
}
.navigation-popup > .title{
 line-height: 40px;
 letter-spacing: 0.08em;
 font-size: 28px;
 font-weight: bold;
 text-align: right;
 padding-top: 120px;
}
 .navigation-popup > .subtitle{
  text-align: right;
 }
.navigation-popup .icons{
 margin: 0 auto;
 padding: 0;
 list-style-type: none;
 display: table;
 justify-content: center;
 padding-bottom: 50px;
 padding-top: 50px;
 width: 100%;
}
.navigation-popup .icons li{
 display: table-cell;
 vertical-align: top;
}
.navigation-popup .icons li a{
 
}
.navigation-popup .icons li img{
 
}
.navigation-popup .icons li .title{
 text-align: center;
 padding-top: 10px;
 font-size: 12px;
}
.navigation-popup a.cancel{
 display: inline-block;
 margin: auto;
 padding: 22px 0;
 width: 100%;
}
.gallery-slider{
 direction:ltr;
 margin-top: 35px;
}
.open-navigation-popup{
 position: absolute;
 left: 0;
 top: auto;
 bottom: 35px;
 margin: auto;
 background-color: var(--brown);
 display: inline-block;
 color: var(--white);
 padding: 12px;
 padding-left: 40px;
 padding-right: 20px;
 background-image: url(gfx/arrow-white.svg);
 background-repeat: no-repeat;
 background-position: left 18px center;
}
.gallery-slider .item {
    width: 330px;
    height: 237px;
    padding: 0;
    border: 1px solid var(--dark-blue);
    margin-right: 7px;
    position: relative;
}
.gallery-slider .image {
    width: 100%;
    height: 100%;
    position: relative;
}
.gallery-slider .item a {
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}
.gallery-slider .item a video {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    z-index: 0;
    object-fit: cover;
    bottom: 0;
    margin: auto;
}
.gallery-slider .item a:before {
    content: '';
    width: 28px;
    height: 28px;
    background-image: url(gfx/mobile-gallery-icon.svg);
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.slick-dots {
    margin: 0;
    padding: 0;
    padding-top: 15px;
    text-align: center;
}
.slick-dots li {
    display: inline-block;
    padding: 0 5px;
    position: relative;
}
.slick-dots li button {
    -webkit-appearance: none;
    border: none;
    font-size: 0;
    display: block;
    width: 7px;
    height: 7px;
    background-color: var(--baz);
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    background-image: none;
}
.slick-dots li button[aria-selected="true"] {
    background-color: var(--brown);
}
.desctop-element{
 display:none!important;
}
.hamburger{
 position: absolute;
 width: 40px;
 height: 40px;
 right: 23px;
 z-index: 10;
 top: 35px;
 bottom: 0;
 margin: auto;
}
.hamburger-wrapper{
 position: absolute;
 width: 22px;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 0;
 left: 0;
 border-top: 2px solid var(--grey);
 height: 16px;
 cursor: pointer;
}
.hamburger-wrapper:after,.hamburger-wrapper:before{
 content: '';
 height: 2px;
 position: absolute;
 background-color: var(--grey);
 width: 100%;
 bottom: 0;
}
.hamburger-wrapper:after{
  bottom: 7px;
}
.hamburger-wrapper:before{
 
}

#actions-full-description,.about .description, .features .description, .location-section .description, .special-items .description, .newsletter .description, .page-description .description, .rooms-area .list .description, .important .description p, .important .description li, .services .list .description,.seasons-items ul li .description {
  line-height: 25px;
}
.deals .wrapper > a,
.friends a,
.newsletter ul.form input[type="submit"] {
  padding: 22px 75px;
  letter-spacing: 0.08em;
}
.about h1, h2, body .roomsItems .room-options ul li, body .roomsItems section .room-select span,.page-description h1 {
  font-size: 1.66666666667rem;
  line-height: 40px;
  letter-spacing: 0.08em;
  font-size: 28px;
}
body .roomsItems section .room-select span{
 font-size: 20px;
}
.friends-list .title {
  font-size: 1.55555555556rem;
}
.friends-list .title strong {
  font-size: 1.94444444444rem;
}
.friends-list .title br{
 display: none;
}
.about h2, .gallery .description, .deals h3, .location-section h3, .special h3, .about-seasons h3, .navigation-popup > .subtitle, .services .list h2,.seasons-items ul li h3 {
  font-size: 1.22222222222rem;
  letter-spacing: 0.15em;
  line-height: 40px;
}
h4, .sales-slider .title, .sale-price span, .count, .count span, .rooms-area .list h3, .actions-slider ul.items li h3, .month-name,#actions-title {
  font-size: 18px;
  letter-spacing: 0.08em;
  line-height: 28px;
}
.main-menu a {
  font-size: 18px;
  color: var(--white);
}
.main-menu .current-menu-item.menu-item-2288 a{
        color: var(--white);
    }
.main-menu li:first-child a {
  /* font-size: 16px; */
  /* letter-spacing: 0.15em; */
}
.footer-menu ul li a {
  font-size: 14px;
}
.wrapper {
  width: 100%;
  padding: 0 23px;
  position: relative;
}
header,
.header-space {
  height: 80px;
  background-color: transparent;
  position: fixed;
}
header .logo {
  float: right;
  margin-top: 20px;
  max-height: 40px;
  display: none;
}
header .logo img{
 max-height: 40px;
}
.main-menu {
  float: right;
  margin-right: 0;
  margin-top: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: var(--grey);
  padding-right: 23px;
  padding-left: 23px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.menu-header{
 height: 90px;
 position: relative;
 border-bottom: 1px solid #C8A98D;
}
.menu-header img{
 max-height: 50px;
 position: relative;
 left: 0;
 top: 0;
 bottom: 0;
}
.menu-header .close{
 width: 20px;
 height: 20px;
 right: 0;
}
.menu-header .close:before,.menu-header .close:after{
 height: 2px;
 background-color: #C8A98D;
} 
.main-menu ul {
  display: block;
  padding-top: 10px;
}
.main-menu ul li {
  padding: 0;
  display: block;
  padding-top: 35px;
}
.hero {
  height: 480px;
}
.hero video {
  max-height: 480px;
}
.hero .logo {
  padding-top: 180px;
}
.hero .logo img:first-child {
  margin-bottom: 40px;
  max-width: 140px;
}
.hero .logo img:last-child{
 max-width: 210px;
}
.about {
  padding-top: 40px;
}
.about .description,.page-description .description {
  padding-top: 15px;
  max-width: none;
}
.seasons-nav {
  display: table;
  padding-top: 50px;
}
.seasons-menu {
  margin-bottom: 35px;
}
.seasons-nav li {
  display: table-cell;
}
.seasons-nav li div {
  padding: 20px 60px;
}
.seasons-nav li div:after {
  height: 6px;
  bottom: -4px;
}
.about-seasons.hover li {
  flex-basis: 20%;
}
.about-seasons.hover li.active {
  flex-basis: 40%;
}
.about-seasons .thumb {
  height: 450px;
  overflow: hidden;
}
.about-seasons .thumb:hover .info {
  top: 0;
}
.about-seasons li.active .thumb .info{
 top:100px;
}
.about-seasons .thumb:before {
  height: 50%;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0) 0%, #393939 37.44%);

}
.about-seasons .thumb:hover .description{
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
.about-seasons .thumb:hover .seasons-button{
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 -webkit-transform: translateY(0px);
 transform: translateY(0px); 
}
.about-seasons li.active .thumb .seasons-button{
 opacity:1;
 visibility:visible;
 pointer-events:all;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
.about-seasons .info {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  padding: 0;
  height: 40px;
}
.about-seasons h3{
 display: inline-block;
 margin: auto;
 padding-right: 20px;
 background-image: url(gfx/arrow-white-r.svg);
 background-repeat: no-repeat;
 background-position: right center;
}
.about-seasons li.active .thumb .description{
 opacity:1;
 visibility:visible;
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
.about-seasons .info div.description,
.about-seasons .info div.seasons-button {
  transition-delay: 0.5s;
}
.about-seasons .description {
  padding-top: 5px;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.about-seasons.active {
  display: grid;
  grid-template-columns: 50% 50%;
}
.features {
  margin-top: 100px;
  padding-top: 75px;
  padding-bottom: 65px;
}
.about-seasons li{
}
.features .subtitle {
  margin-top: 0;
}
.features .description {
  padding-top: 40px;
}
.features .description{
 padding-top: 15px;
}
.features-list {
  padding-top: 50px;
  display: block;
  column-gap: 20px;
}
.features-list li {
  padding-bottom: 110px;
  width: 45%;
  margin: 0 15px;
  margin-bottom: 25px;
  display: inline-block;
  vertical-align: top;
}
 .features-list li:last-child{
  margin-bottom: 0;  
 }
.features-list .image {
  height: 220px;
  border-radius: 300px 300px 0px 0px;
}
.features-list .info {
  border-top: 7px solid var(--baz);
  padding: 25px 35px 0;
  min-height: 250px;
}
.features-list a,
.sales-slider .wrapp a,
.seasons-button a {
  letter-spacing: 0.05em;
  padding-left: 22px;
}
.features-button,
.seasons-button {
  bottom: 25px;
}
.seasons-button {
  bottom: 30px;
}
.sales-slider .features-button {
  bottom: 45px;
}
.features-list a:after,
.sales-slider .wrapp a:after,
.seasons-button a:after {
  width: 10px;
  height: 16px;
}
.features-list a:hover:after,
.sales-slider .wrapp a:hover:after,
.seasons-button a:hover:after {
  left: -5px;
}
.gallery {
  padding-top: 40px;
  background-color: var(--white);
  padding-bottom: 59px;
}
.image-gallery {
  margin-top: 40px;
  height: 615px;
}
.image-gallery li {
  height: 300px;
  width: 420px;
}
.image-gallery li:nth-child(1) {
  width: 725px;
}
.deals {
  padding-top: 135px;
}
.deals:after,
.features:after,
.friends:after {
  width: 582px;
  height: 1425px;
  top: -250px;
}
.features:after {
  top: -300px;
  width: 590px;
  height: 960px;
}
.friends:after {
  width: 570px;
  height: 570px;
}

.sales-slider {
  margin-bottom: 45px;
  margin-top: 75px;
  direction: ltr;
}
.sales-slider-hp {
    margin-right: -23px;
    margin-left: -23px;
}
.sales-slider button {
  left: 0;
  top: 0;
  height: 34px;
  width: 20px;
  background-size: 20px;
  position: relative;
}
.sales-slider button.slick-prev {
  right: -35px;
  left: auto;
}
.sales-slider button.slick-prev:hover {
  right: -40px;
}
.sales-slider button.slick-next:hover {
  left: -40px;
}
.sales-slider .inside {
  margin: 0 15px;
}
.sales-slider .image {
  height: 390px;
  border-radius: 500px 500px 0px 0px;
}
.sales-slider .content {
  border-top: 7px solid var(--baz);
}
.sales-slider .wrapp {
  padding: 55px 0;
  padding-bottom: 105px;
  direction: rtl;
}
.sales-slider .title {
  max-width: 270px;
  padding-bottom: 20px;
  min-height: 105px;
}
.sales-slider .dates {
  padding-bottom: 20px;
}
.location {
  padding-top: 100px;
  padding-bottom: 100px;
}
.location-section {
  display: block;
  height: auto;
}
.location-section .content {
  flex-basis: 470px;
  padding: 0;
  text-align: center;
  background-color: transparent;
  padding-bottom: 20px;
  position: relative;
}
.location-section h3,.navigation-popup > .subtitle {
  line-height: 35px;
}
.location-section .description {
  padding-top: 30px;
  display: none;
}
.location-section .information {
  padding-top: 0;
  line-height: 24px;
  text-align: right;
  padding-right: 30px;
  position: relative;
  margin-top: 35px;
}
.location-section .information:before {
  width: 20px;
  height: 27px;
  top: 2px;
  position: absolute;
  background-size: contain;
  right: 0;
  background-repeat: no-repeat;
}
#map_canvas {
  flex-basis: calc(100% - 470px);
  height: 420px;
}
.friends {
  padding-top: 70px;
  padding-bottom: 35px;
  overflow: hidden;
}
.friends .wrapper{
 position:relative;
 z-index: 1;
}
.friends h2 {
  padding-top: 10px;
}
.friends-list {
  padding: 30px 0 25px;
  display: block;
}
.friends-list li {
  padding: 17px 40px;
  border-left: none;
  border-bottom: none;
  position: relative;
}
.friends-list li:after{
 content:'';
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 width: 110px;
 background-color: var(--dark-grey);
 height: 1px;
 margin: auto;
}
.friends-list li:last-child:after{
 display:none;
}
.friends-list .description {
  padding-top: 5px;
}
.special {
  padding: 100px 0;
}
.special-items {
  display: grid;
  margin-top: 65px;
  grid-template-columns: 50% 50%;
  row-gap: 55px;
}
.special-items .image {
  min-height: 50px;
}
.newsletter .wrapper {
  display: block;
  padding: 30px 0;
}
.information .wrapper {
  padding-bottom: 30px;
}
.brands .wrapper,
.newsletter .wrapper,
.information .wrapper,
.footer-menu {
  width: auto;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 40px;
  margin: 0 23px;
}
.information .wrapper{
 padding-top: 40px;
}
.brands .wrapper{
 padding-bottom: 0;
}
.brands .wrapper > img{
 max-width: 180px;
}
.newsletter ul.form {
  margin-top: 13px;
  position: relative;
}
.newsletter ul.form li{
 display: block;
}
.newsletter ul.form li.email {
  width: 100%;
}
.newsletter ul.form li.agreement {
  padding-top: 25px;
  position: absolute;
  top: 65px;
}
.newsletter ul.form .wpcf7-list-item span{
 font-size:15px;
}
.newsletter ul.form li.submit {
  width: 270px;
  padding-right: 0;
  padding-top: 99px;
}
.newsletter ul.form input {
  height: 56px;
  padding: 18px;
}
body .wpcf7-not-valid-tip {
  font-size: 14px;
  padding: 5px 0;
}
.newsletter ul.form input[type="submit"] {
  padding: 19px 0;
}
.newsletter ul.form .wpcf7-list-item input {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.newsletter ul.form li.agreement span.wpcf7-list-item input:checked:before {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
body .wpcf7-spinner {
  left: 10px;
}
.brands {
  padding-top: 50px;
}
.hotels {
  display: block;
  padding-top: 40px;
  padding-bottom: 0;
  text-align: center;
}
.hotels li {
  padding: 0 20px;
  display: inline-flex;
  margin-bottom: 20px;
  vertical-align: middle;
}
.hotels li a {
  display: flex;
}
.hotels li a img{
 max-height: none;
 max-width: 100px;
}
.information ul {
  display: table;
}
.information ul li {
  padding: 0 20px;
  display: table-cell;
}
.information ul li .thumb {
  padding-top: 45px;
  min-width: fit-content;
}
.information ul li img{
 max-width: 35px;
}
.information ul li .description{
 font-size:14px;
}
.footer-menu ul {
  padding-top: 30px;
  padding-bottom: 70px;
}
.footer-menu ul li {
  width: auto;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.popup-gallery {
  padding: 60px 0;
}
.footer-order-button{
 background-color: var(--brown);
 padding: 15px;
 position: fixed;
 bottom: 0;
 width: 100%;
 text-align: center;
 z-index: 100;
}
.footer-order-button div{
 background-color: var(--white);
 font-size: 16px;
 color: var(--brown);
 text-transform: uppercase;
 font-weight: bold;
 letter-spacing: 0.08em;
 padding: 20px 0;
 cursor: pointer;
 font-family: inherit;
}
.close {
  top: 23px;
  right: 23px;
  width: 22px;
  height: 22px;
}

.popup-gallery .gallery-section {
  height: 300px;
}
.slick-arrow {
  width: 18px;
  height: 30px;
}
.slick-prev {
  right: 23px;
}
.slick-next {
  left: 23px;
}
.slick-prev, .slick-next {
    top: calc(100% + 10px);
    bottom: auto;
}
.popup-gallery .gallery-section .image-out {
  max-width: 800px;
  padding-bottom: 35px;
  max-height: 385px;
  overflow: hidden;
}
.sound,
.popup-gallery .gallery-section div.sound {
  width: 45px;
  height: 42px;
  bottom: 30px;
  right: 30px;
}
.popup-gallery .gallery-section div.alt {
  padding: 10px 0;
}
.popup-gallery .gallery-section div.gallery-nav {
  height: 105px;
  bottom: 20px;
  display: none;
}
.popup-gallery .gallery-section .gallery-nav div.item {
  width: 160px;
  height: 110px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 0 0 5px;
}
.popup-gallery .gallery-section div.slider__counter {
  margin-top: 135px;
}
.totalCounter .inside {
  display: table;
}
.totalCounter .table-cell {
  display: table-cell;
}
.count {
  font-size: 1.5rem;
  padding: 15px 30px;
}
.float-section {
  padding-top: 75px;
  display: none;
}
section.booking {
  display: flex;
  width: 1100px;
  gap: 5px;
}
.dates,
.rooms,
.orderButton {
  padding: 22px 30px;
}
.dates {
  width: 460px;
  padding: 20px 30px;
}
.calendarCheckinBtnBottom,
.calendarCheckoutBtnBottom {
  width: 200px;
  height: 20px;
  float: right;
  padding-right: 30px;
  line-height: 20px;
}
.calendar-dropdown,
body .room-summary,
.rooms-options-out {
  top: 76px;
  width: 800px;
}
.calendar-header {
  font-size: 16px;
  padding: 35px 0;
  opacity: 0;
}
.calendar-header .title {
  font-weight: bold;
}
body .date-picker-wrapper.inline-wrapper,
body .date-picker-wrapper.inline-wrapper {
  margin: -1px 0 0;
}
.montharound {
    float: none;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    padding: 0;
    min-height: auto;
    margin-right: 10px;
    margin-left: 10px;
    height: auto;
}
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month1,
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month2,
.inline-order .date-picker-wrapper.inline-wrapper table.month1,
.inline-order .date-picker-wrapper.inline-wrapper table.month2 {
  display: table;
  float: none;
  margin: 0 30px;
  width: calc(100% - 60px);
  padding-bottom: 20px;
}
.hotelsBooking .date-picker-wrapper table .caption {
  height: 90px;
}
body .date-picker-wrapper .month-wrapper table th.month-name {
  font-size: 18px;
  padding: 35px 0;
  line-height: normal;
}
body .date-picker-wrapper .month-wrapper table td {
  height: 46px;
}
body .date-picker-wrapper .month-wrapper table th {
  padding-bottom: 0;
  font-size: 18px;
}
body .date-picker-wrapper .month-wrapper table .day {
  line-height: 30px;
  font-size: 18px;
}
body .date-picker-wrapper .footer {
  padding: 5px 0 20px;
}
body .date-picker-wrapper .footer .stay-of {
  font-size: 1rem;
  padding-left: 8px;
  margin-left: 8px;
}
body .date-picker-wrapper .footer span {
  font-size: 1rem;
}
body .date-picker-wrapper table .caption .next,
body .date-picker-wrapper table .caption .prev {
  top: 33px;
  width: 20px;
  height: 18px;
  left: 30px;
}
body .date-picker-wrapper table .caption .prev {
  right: 30px;
}
.rooms,
body .rooms-options-out {
  width: 315px;
}
body .rooms-options-out .main-title {
  font-size: 15px;
}
.roomsItems .room-options {
  padding: 5px 0;
}
body .roomsItems .room-options {
  padding: 0px 0;
}
body .roomsItems section ul {
  display: table;
}
body .roomsItems section ul li {
  display: table-cell;
}
body .roomsItems .room-options ul li {
  min-width: 160px;
}
body .roomsItems section ul li label {
  padding: 0 0 0;
  font-size: 12px;
}
body .roomsItems .room-options ul li label span {
  padding-left: 5px;
}
.room-select-section {
  display: table;
}
.pluses,
.minuses {
  display: table-cell;
}
.pluses .plus,
.minuses .minus {
  width: 32px;
  height: 32px;
}
.pluses .plus:before,
.minuses .minus:before,
.pluses .plus:after {
  width: 12px;
  height: 2px;
}
.pluses .plus:after {
  transform: rotate(90deg);
}
body .roomsItems section .room-select {
  background-position: left 10px center;
  display: table-cell;
  padding: 0 10px;
  min-width: 32px;
}
a.remove-room-options {
  width: 20px;
  height: 20px;
  right: 15px;
  top: 5px;
}
a.remove-room-options:before,
a.remove-room-options:after {
  width: 15px;
  transform: rotate(-45deg);
}
a.remove-room-options:after{
  transform: rotate(45deg); 
}
a.addRoom[data-action="add-room-options"] {
  margin-top: 22px;
  letter-spacing: 0.4px;
  margin: auto;
  float: none;
  margin-top: 50px;
}
a.updateRooms.orderButton {
  float: left;
  padding: 18px 35px;
  margin-top: 25px;
}
.orderButton {
  width: 315px;
  letter-spacing: 0.08em;
  padding: 19px 30px;
}
.flights-options,
.rooms-options-out {
  width: 380px;
  padding: 25px;
  top: 75px;
}
.room-options-container:after {
  width: 16px;
  height: 9px;
  left: 20px;
}
.float-section.sticky {
  position: fixed;
  top: 80px;
  padding: 10px 0;
}
}
@media (min-width: 1200px) {
.wines {
    min-height: 645px;
}
.wines .distances-wrap {
    height: 250px;
}
.wines .round-1{
  top: 30px;
}
.wines .round-2{
  top: 230px;
}
.wines .round-3{
 top: 430px;
}

    
.title-logo{
 height: 150px;
}
.title-logo img{
 max-height: 100%;
 max-width: none;
}
.page-template-restaurant .hero.inline-header .float-section{
 padding-top: 190px;
 display: none;
}
.page-template-restaurant .page-description{
 padding-top: 55px;
}
.page-template-restaurant .page-description h1{
 line-height: 36px;
 padding-top: 35px;
}
.page-template-restaurant .page-description .description strong{
 padding-bottom: 25px;
 padding-top: 10px;
}
.page-template-restaurant .title-menu{
 padding-top: 55px;
 padding-bottom: 35px;
 display: table;
}
.page-template-restaurant .title-menu li,.menues ul.list li{
 display: table-cell;
 padding: 0 45px;
}
.restaurant-order{
 padding: 20px 70px;
}
.concept{
 height: 520px;
}
.concept .wrapper{
 display: table;
}
.concept .concept-table{
 display: table-cell;
}
.concept-content{
 width: 550px;
 padding: 50px 35px 60px;
}
.concept h2{
 font-size: 16px;
 line-height: 30px;
}
.concept h3, .values h3,.menues h3{
 font-size: 26px;
 letter-spacing: 5px;
}
.concept .description{
 padding-top: 30px;
 line-height: 25px;
}
.values{
 padding-top: 80px;
 padding-bottom: 20px;
}
.values h2,.menues h2{
 font-size: 1rem;
 line-height: 33px;
 letter-spacing: 2px;
}
.values h3{
 padding-top: 10px;
}
.values h4{
 font-size: 22px;
 line-height: 33px;
 letter-spacing: 3px;
 display: table-cell;
}
.values ul{
 margin-top: 40px;
 display: flex;
 table-layout: fixed;
 height: 400px;
}
.values ul li{
 display: table-cell;
 width: 33.3333333%;
}
.values .content{
 position: absolute;
 top: 285px;
}
.values ul li:after {
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    height: 40%;
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
}
.values .title-table{
 display: table;
 height: 66px;
}
.values li:hover .content{
 top:180px;
}
.values li:hover .description{
 -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.values .description{
 padding: 0 45px;
 line-height: 25px;
 padding-top: 10px;
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
.values ul.hover li{
 width:25%; 
}
.values ul.hover li.active{
 width:50%;
}
.menues ul.items li{
    margin-top: 90px;
}
.menues ul.list li{
    margin-top: 0px; 
}
.menues ul.items li .image{
 height: 550px;
 width: 55%;
 position: absolute;
 left: 0;
 right: auto;
}
.menues .wrapper{
 display: table;
 min-height: 550px;
}
.menues .content{
 display: table-cell;
}
.menues .content-inline{
 max-width: 400px;
 padding-right: 30px;
}
.menues .restaurant-order{
 padding: 20px 55px;
}
.menues ul.items li:nth-child(even) .image{
 left: auto;
 right: 0;
}
.menues ul.items li:nth-child(even) .content-inline{
 float: left;
 margin-left: 50px;
}
.menues .description{
 line-height: 25px;
 padding-top: 30px;
}
.menues ul.list{
 padding-top: 20px;
 display: flex;
 padding-bottom: 30px;
}
.menues ul.list li:first-child{
 display: table-cell;
}
.chief{
 padding-top: 100px;
 padding-bottom: 70px;
}
.chief .wrapper{
 padding: 25px;
}
.chief .inline-content{
 display: table;
}
.chief h2{
 font-size: 23px;
 line-height: 33px;
}
.chief .description{
 line-height: 25px;
 padding-top: 25px;
}
.chief .content{
 padding: 60px;
}
.chief .image{
 display: table-cell;
 width: 320px;
}

    
    
    
.spa-gallery{
 height: 615px;
}
.spa-gallery .wrapper {
    padding: 0 80px;
}
.spa-filter{
 display: table;
}
.spa-filter li{
 display: table-cell;
 padding: 25px 50px;
}
.spa-sliders{
 height: 550px;
}
.spa-sliders .spa-slider .slick-arrow{
 top: -55px;
}
.spa-sliders .spa-slider .slick-prev{
 left: 120px;
}
.spa-sliders .spa-slider .slick-next{
 left: 50px;
}
.spa-slider .item{
 height: 550px;
}
.spa-features{
 padding-top: 70px;
}
.spa-features ul{
 display: flex;
}
.spa-features ul li{
 padding: 0 65px;
}
.spa-features span{
 padding-top: 20px;
}
.spa-treatment{
 padding-top: 90px;
 padding-bottom: 100px;
}
.important.spa-important{
 height: auto;
 padding: 60px 0 40px;
}
.important.spa-important .wrapper{
 display: table;
 width: 100%;
 height: 100%;
 max-width: 1360px;
}
.important.spa-important .description{
 display: table-cell;
}
.important.spa-important .description p {
    padding-bottom: 20px;
}
.spa-treatment .description{
 padding-top: 25px;
 padding-bottom: 10px;
}
.spa-treatment .description p{
 padding-bottom: 40px;
}
.spa-treatment-items li{
 margin-bottom: 30px;
}
.spa-treatment-items .desc{
 padding: 20px 25px;
 line-height: 30px;
}
.spa-treatment-items .info{
 padding: 20px 25px;
 font-size: 16px;
}
    
    
    
    
.sales-list .image-wrapper {
    height: 350px;
}
.sales-list .title {
    padding: 30px 0 25px;
    font-size: 22px;
    line-height: 30px;
}
.sales-list .sale-price {
    font-size: 22px;
}
.brown-button {
    padding: 16px 40px;
}
.information ul li:nth-child(3) .description a{
 pointer-events: none;
}
.page-template-simple .page-description{
 /* background-image: url(gfx/shadow-001.png),url(gfx/shadow-002.png); */
 /* background-repeat: no-repeat; */
}
 
.seasons-items ul li{
 height: 700px;
}
.seasons-items ul li .info{
 width: 550px;
 height: 380px;
 padding: 50px 35px;
}
.seasons-items ul li .description{
 padding-top: 20px;
}
.actions-slider ul.items li .image{
 height: 220px;
}  
.actions-slider ul.items li h3 {
    padding: 10px 15px;
    padding-top: 25px;
} 
.actions-slider ul.items {
    row-gap: 30px;
}
.actions,.sales {
    padding-bottom: 160px;
}
.actions-slider .item {
    padding-top: 90px;
}
    
    
    
.hero.inline-header{
 height: 400px;
}
.hero.inline-header .logo{
 padding-top: 90px;
}
.hero.inline-header .float-section{
 padding-top: 70px;
}
.page-description {
    padding-top: 80px;
    padding-bottom: 55px;
}
.hero.inline-header .float-section.sticky{
 padding-top: 10px;
}
.services{
 padding-bottom: 100px;
}
.services .list li{
 padding: 7px;
 margin-bottom: 30px;
}
.services .list .thumb{
 display: flex;
}
.services .list .thumb .image{
 flex-basis: 600px;
 height: 340px;
}
.services .list .info{
 flex-basis: calc(100% - 600px);
 padding-right: 40px;
 padding-left: 45px;
}
.services .list h2{
 letter-spacing: 0.08em!important;
 padding: 30px 0 20px;
}
.services .list .description p{
 padding-bottom: 20px;
}
.services .list .info > a{
 margin-top: 20px;
 padding: 5px 0;
 /* padding-left: 18px; */
}
.rooms-area{
 padding-bottom: 60px;
}
.rooms-area .list > li{
 padding: 7px;
 margin-bottom: 30px;
}
.rooms-area .list .thumb{
 display: flex;
}
.rooms-area .list .image{
 flex-basis: 485px;
 height: 325px;
}
.rooms-area .list h3{
 padding: 35px 0;
}
.rooms-area .list .info{
 flex-basis: calc(100% - 485px);
 padding-right: 35px;
 padding-bottom: 30px;
}
.rooms-area .list ul.info{
 display: table;
}
.rooms-area .list .info li{
 display: table-cell;
 padding-left: 35px;
}
.rooms-area .list .info .item{
 display: table;
}
.rooms-area .list .info .icon{
 display: table-cell;
 padding-left: 10px;
}
.rooms-area .list .info .desc{
 display: table-cell;
}
.rooms-area .list .description{
    padding-left: 80px;
    padding-bottom: 40px;
}
.rooms-area .list .image span{
 bottom: 30px;
 left: 30px;
 width: 25px;
 height: 25px;
}
.order-button{
 left: 33px;
 padding: 20px 48px;
 bottom: 25px;
}
.maxlist-more a{
 padding: 25px 110px;
}
.maxlist-more{
 padding-top: 30px;
}
.important{
 padding-top: 55px;
 padding-bottom: 65px;
}
.important .facilities-data{
 grid-template-columns: calc(50% - 35px) calc(50% - 35px);
 display: grid;
 max-width: 800px;
 padding-top: 60px;
 row-gap: 40px;
 column-gap: 70px;
}
.important .facilities-data .thumb{
 display: flex;
}
.important .facilities-data .icon{
flex-basis: 35px;
}
.important .facilities-data .desc{
 padding-right: 17px;
 flex-basis: calc(100% - 35px);
}
.important ul{
 padding-top: 35px;
 max-width: 770px;
}
.important ul li{
 padding-bottom: 30px;
 padding-right: 25px;
}
.important ul li:before{
    top: 8px;
}
    
    
    
    
    html{
        font-size: 16px;
    }
    .mobile-element{
        display: none!important;
    }
#actions-full-description,.about .description, .features .description, .location-section .description, .special-items .description, .newsletter .description, .page-description .description, .rooms-area .list .description, .important .description p, .important .description li, .services .list .description,.seasons-items ul li .description {
  line-height: 25px;
}
.deals .wrapper > a,
.friends a,
.newsletter ul.form input[type="submit"] {
  padding: 25px 75px;
  letter-spacing: 0.08em;
}
.about h1, h2, body .roomsItems .room-options ul li, body .roomsItems section .room-select span,.page-description h1 {
  font-size: 1.66666666667rem;
  line-height: 55px;
  letter-spacing: 0.08em;
}
.friends-list .title {
  font-size: 1.55555555556rem;
}
.friends-list .title strong {
  font-size: 1.94444444444rem;
}

.about h2, .gallery .description, .deals h3, .location-section h3, .special h3, .about-seasons h3, .services .list h2,.seasons-items ul li h3 {
  font-size: 1.22222222222rem;
  letter-spacing: 0.15em;
  line-height: 40px;
}
h4, .sales-slider .title, .sale-price span, .count, .count span, .rooms-area .list h3, .actions-slider ul.items li h3, .month-name,#actions-title {
  font-size: 1.27777777778rem;
  letter-spacing: 0.08em;
  line-height: 28px;
}
.main-menu a {
  font-size: 0.94444444444rem;
}
.main-menu li:first-child a{
  /* font-size: 0.83333333333rem; */
  /* letter-spacing: 0.15em; */
}
.rooms-area .list .info .desc span{
  font-size: 0.888888888rem; 
}
.footer-menu ul li a {
  font-size: 1rem;
}
.wrapper {
  width: 1160px;
}
header,
.header-space {
  height: 90px;
}
header .logo {
  float: right;
  margin-top: 20px;
  max-height: 40px;
  display: block;
}
header .logo img{
 max-height: 40px;
}
.main-menu {
  float: right;
  margin-right: 100px;
  margin-top: 35px;
  width: calc(100% - 200px);
}
.main-menu ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}
.main-menu ul li {
  padding: 0;
  flex: 0 0 auto;
}
.hero {
  height: 640px;
}
.hero video {
  max-height: 640px;
}
.hero .logo {
  padding-top: 280px;
}
.hero .logo img:first-child {
  margin-bottom: 25px;
}
.about {
  padding-top: 60px;
}
.about .description,.page-description .description {
  padding-top: 15px;
  max-width: 965px;
}
.seasons-nav {
  display: table;
  padding-top: 30px;
}
.seasons-menu {
  margin-bottom: 45px;
}
.seasons-nav li {
  display: table-cell;
}
.seasons-nav li div {
  padding: 20px 60px;
}
.seasons-nav li div:after {
  height: 6px;
  bottom: -4px;
}
.about-seasons.hover li {
  flex-basis: 20%;
}
.about-seasons.hover li.active {
  flex-basis: 40%;
}
.about-seasons .thumb {
  height: 450px;
}
.about-seasons .thumb:hover .info {
  top: 100px;
}
.about-seasons .thumb:before {
  height: 50%;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0) 0%, #393939 37.44%);

}
.about-seasons .info {
  top: 365px;
  padding: 0 50px;
  padding-bottom: 70px;
}
.about-seasons .info div.description,
.about-seasons .info div.seasons-button {
  transition-delay: 0.5s;
}
.about-seasons .description {
  padding-top: 5px;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.about-seasons.active {
  display: flex;
}
.features {
  margin-top: 100px;
  padding-top: 75px;
}
.features .subtitle {
  margin-top: 10px;
}
.features .description {
  padding-top: 20px;
}
.features-list {
  padding-top: 50px;
  display: flex;
  column-gap: 20px;
}
.features-list li {
  padding-bottom: 90px;
}
.features-list .image {
  height: 260px;
  border-radius: 260px 260px 0px 0px;
}
.features-list .info {
  border-top: 7px solid var(--baz);
  padding: 40px 35px 0;
}
.features-list a,
.sales-slider .wrapp a,
.seasons-button a {
  letter-spacing: 0.05em;
  /* padding-left: 22px; */
}
.features-button,
.seasons-button {
  bottom: 40px;
}
.seasons-button {
  bottom: 30px;
}
.sales-slider .features-button {
  bottom: 45px;
}
.features-list a:after,
.sales-slider .wrapp a:after,
.seasons-button a:after {
  width: 10px;
  height: 16px;
}
.features-list a:hover:after,
.sales-slider .wrapp a:hover:after,
.seasons-button a:hover:after {
  left: -5px;
}
.gallery {
  padding-top: 100px;
}
.image-gallery {
  margin-top: 40px;
  height: 615px;
}
.image-gallery li {
  height: 300px;
  width: 420px;
}
.image-gallery li:nth-child(1) {
  width: 725px;
}
.deals {
  padding-top: 135px;
}
.deals:after,
.features:after,
.friends:after {
  width: 582px;
  height: 1425px;
  top: -250px;
}
.features:after {
  top: -300px;
  width: 590px;
  height: 960px;
}
.friends:after {
  width: 570px;
  height: 570px;
}

.sales-slider {
  margin-bottom: 45px;
  margin-top: 75px;
}

.sales-slider button {
  left: -35px;
  top: calc(0px + 70px);
  height: 34px;
  width: 20px;
  background-size: 20px;
}
.sales-slider button.slick-prev {
  right: -35px;
  left: auto;
}
.sales-slider button.slick-prev:hover {
  right: -40px;
}
.sales-slider button.slick-next:hover {
  left: -40px;
}
.sales-slider .inside {
  margin: 0 15px;
}
.sales-slider .image {
  height: 390px;
  border-radius: 500px 500px 0px 0px;
}
.sales-slider .content {
  border-top: 7px solid var(--baz);
}
.sales-slider .wrapp {
  padding: 55px 0;
  padding-bottom: 105px;
}
.sales-slider .title {
  max-width: 270px;
  padding-bottom: 20px;
  min-height: 105px;
}
.sales-slider .dates {
  padding-bottom: 20px;
}
.location {
  padding-top: 100px;
  padding-bottom: 100px;
}
.location-section {
  display: flex;
  height: 535px;
}
.location-section .content {
  flex-basis: 470px;
  padding: 40px 55px;
}
.location-section h3 {
  line-height: 35px;
}
.location-section .description {
  padding-top: 30px;
}
.location-section .information {
  padding-top: 110px;
  line-height: 34px;
}
.location-section .information:before {
  width: 36px;
  height: 50px;
  top: 45px;
}
#map_canvas {
  flex-basis: calc(100% - 470px);
}
.friends {
  padding-top: 70px;
  padding-bottom: 50px;
}

.friends h2 {
  padding-top: 10px;
}
.friends-list {
  padding: 30px 0 40px;
  display: flex;
}
.friends-list li {
  padding: 10px 40px;
}
.friends-list .description {
  padding-top: 10px;
}
.special {
  padding: 70px 0;
}
.special-items {
  display: flex;
  margin-top: 75px;
}
.special-items .image {
  min-height: 50px;
}
.newsletter .wrapper {
  display: flex;
  padding: 40px 0;
}
.information .wrapper {
  padding-bottom: 30px;
}
.brands .wrapper,
.newsletter .wrapper,
.information .wrapper,
.footer-menu {
  width: 1230px;
}
.newsletter ul.form {
  margin-top: 13px;
}
.newsletter ul.form li.email {
  width: 360px;
}
.newsletter ul.form li.agreement {
  padding-top: 25px;
}
.newsletter ul.form li.submit {
  width: calc(100% - 360px);
  padding-right: 10px;
}
.newsletter ul.form input {
  height: 56px;
  padding: 18px;
}
body .wpcf7-not-valid-tip {
  font-size: 14px;
  padding: 5px 0;
}
.newsletter ul.form input[type="submit"] {
  padding: 19px 0;
}
.newsletter ul.form .wpcf7-list-item input {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.newsletter ul.form li.agreement span.wpcf7-list-item input:checked:before {
  width: 100%;
  height: 100%;
}
body .wpcf7-spinner {
  left: 10px;
}
.brands {
  padding-top: 50px;
}
.hotels {
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
}
.hotels li {
  padding: 0 20px;
}
.hotels li a {
  display: flex;
}
.information ul {
  display: table;
}
.information ul li {
  padding: 0 40px;
  display: table-cell;
}
.information ul li .thumb {
  padding-top: 45px;
  min-width: 140px;
}
.footer-menu ul {
  padding-top: 30px;
  padding-bottom: 70px;
}
.footer-menu ul li {
  width: 25%;
  padding-bottom: 30px;
}
.popup-gallery {
  padding: 60px 0;
}

.close {
  top: 35px;
  right: 95px;
  width: 30px;
  height: 30px;
}

.popup-gallery .gallery-section {
  height: 550px;
}
.slick-arrow {
  width: 18px;
  height: 30px;
}
.slick-prev {
  right: 136px;
}
.slick-next {
  left: 135px;
}
.popup-gallery .gallery-section .image-out {
  max-width: 800px;
  padding-bottom: 20px;
  max-height: 385px;
}
.sound,
.popup-gallery .gallery-section div.sound {
  width: 45px;
  height: 42px;
  bottom: 30px;
  right: 30px;
}
.popup-gallery .gallery-section div.alt {
  padding: 10px 0;
}
.popup-gallery .gallery-section div.gallery-nav {
  height: 105px;
  bottom: 20px;
}
.popup-gallery .gallery-section .gallery-nav div.item {
  width: 160px;
  height: 110px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 0 0 5px;
}
.popup-gallery .gallery-section div.slider__counter {
  margin-top: 135px;
}
.totalCounter .inside {
  display: table;
}
.totalCounter .table-cell {
  display: table-cell;
}
.count {
  font-size: 1.5rem;
  padding: 15px 30px;
}
.float-section {
  padding-top: 75px;
}
section.booking {
  display: flex;
  width: 1100px;
  gap: 5px;
}
.dates,
.rooms,
.orderButton {
  padding: 22px 30px;
}
.dates {
  width: 460px;
  padding: 20px 30px;
}
.calendarCheckinBtnBottom,
.calendarCheckoutBtnBottom {
  width: 200px;
  height: 20px;
  float: right;
  padding-right: 30px;
  line-height: 20px;
}
 .calendarCheckoutBtnBottom{
  width: 170px;
  margin-right: 30px;
 }
.calendar-dropdown,
body .room-summary,
.rooms-options-out {
  top: 76px;
  width: 800px;
}
.calendar-header {
  font-size: 16px;
  padding: 35px 0;
}
.calendar-header .title {
  font-weight: bold;
}
body .date-picker-wrapper.inline-wrapper,
body .date-picker-wrapper.inline-wrapper {
  margin: -1px 0 0;
}
.montharound {
  float: right;
  width: calc(50% - 50px);
  margin-bottom: 20px;
  padding: 0 10px;
  min-height: 400px;
  margin-right: 35px;
}
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month1,
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month2,
.inline-order .date-picker-wrapper.inline-wrapper table.month1,
.inline-order .date-picker-wrapper.inline-wrapper table.month2 {
  display: table;
}
.hotelsBooking .date-picker-wrapper table .caption {
  height: 75px;
}
body .date-picker-wrapper .month-wrapper table th.month-name {
  font-size: 1rem;
  padding: 35px 0;
}
body .date-picker-wrapper .month-wrapper table td {
  height: 46px;
}
body .date-picker-wrapper .month-wrapper table th {
  padding-bottom: 12px;
}
body .date-picker-wrapper .month-wrapper table .day {
  line-height: 32px;
}
body .date-picker-wrapper .footer {
  padding: 5px 0 20px;
}
body .date-picker-wrapper .footer .stay-of {
  font-size: 1rem;
  padding-left: 8px;
  margin-left: 8px;
}
body .date-picker-wrapper .footer span {
  font-size: 1rem;
}
body .date-picker-wrapper table .caption .next,
body .date-picker-wrapper table .caption .prev {
  top: -55px;
  width: 20px;
  height: 18px;
  left: -10px;
}
body .date-picker-wrapper table .caption .prev {
  right: -10px;
}
.rooms,
body .rooms-options-out {
  width: 315px;
}
body .rooms-options-out .main-title {
  font-size: 15px;
}
.roomsItems .room-options {
  padding: 5px 0;
}
body .roomsItems .room-options {
  padding: 15px 0;
}
body .roomsItems section ul {
  display: table;
}
body .roomsItems section ul li {
  display: table-cell;
}
body .roomsItems .room-options ul li {
  min-width: 160px;
}
body .roomsItems section ul li label {
  padding: 0 0 10px;
  font-size: 16px;
}
body .roomsItems .room-options ul li label span {
  padding-left: 5px;
}
.room-select-section {
  display: table;
}
.pluses,
.minuses {
  display: table-cell;
}
.pluses .plus,
.minuses .minus {
  width: 32px;
  height: 32px;
}
.pluses .plus:before,
.minuses .minus:before,
.pluses .plus:after {
  width: 12px;
}
.pluses .plus:after {
  transform: rotate(90deg);
}
body .roomsItems section .room-select {
  background-position: left 10px center;
  display: table-cell;
  padding: 0 10px;
  min-width: 32px;
}
a.remove-room-options {
  width: 20px;
  height: 20px;
  right: -4px;
  top: 15px;
}
a.remove-room-options:before,
a.remove-room-options:after {
  width: 15px;
  transform: rotate(-45deg);
}
a.addRoom[data-action="add-room-options"] {
  margin-top: 22px;
  letter-spacing: 0.4px;
}
a.updateRooms.orderButton {
  float: left;
  padding: 18px 35px;
  margin-top: 25px;
}
.orderButton {
  width: 315px;
  letter-spacing: 0.08em;
  padding: 22px 30px;
}
.flights-options,
.rooms-options-out {
  width: 380px;
  padding: 25px;
  top: 75px;
}
.room-options-container:after {
  width: 16px;
  height: 9px;
  left: 20px;
}
.float-section.sticky {
  position: fixed;
  top: 80px;
  padding: 10px 0;
}
}
@media (min-width: 1500px) {
.wines {
    min-height: 845px;
}
.wines .distances-wrap {
    height: 450px;
}
.wines .round-1{
  top: 130px;
}
.wines .round-2{
  top: 330px; 
}
.wines .round-3{
 top: 530px; 
}
    
    
.page-template-restaurant .hero.inline-header .float-section{
 padding-top: 230px;
}
.title-logo {
    height: 170px;
}
.page-template-restaurant .page-description{
 padding-top: 55px;
}
.page-template-restaurant .page-description h1{
 line-height: 38px;
 padding-top: 45px;
}
.page-template-restaurant .page-description .description strong{
 padding-bottom: 25px;
 padding-top: 10px;
}
.page-template-restaurant .title-menu{
 padding-top: 55px;
 padding-bottom: 35px;
 display: table;
}
.page-template-restaurant .title-menu li,.menues ul.list li{
 display: table-cell;
 padding: 0 45px;
}
.restaurant-order{
 padding: 20px 90px;
}
.concept{
 height: 700px;
}
.concept .wrapper{
 display: table;
}
.concept .concept-table{
 display: table-cell;
}
.concept-content{
 width: 550px;
 padding: 50px 35px 60px;
}
.concept h2{
 font-size: 1rem;
 line-height: 30px;
}
.concept h3, .values h3,.menues h3{
 font-size: 30px;
 letter-spacing: 5px;
}
.concept .description{
 padding-top: 50px;
 line-height: 25px;
}
.values{
 padding-top: 110px;
 padding-bottom: 20px;
}
.values h2,.menues h2{
 font-size: 1rem;
 line-height: 33px;
 letter-spacing: 2px;
}
.values h3{
 padding-top: 10px;
}
.values h4{
 font-size: 22px;
 line-height: 33px;
 letter-spacing: 3px;
 display: table-cell;
}
.values ul{
 margin-top: 50px;
 display: flex;
 table-layout: fixed;
 height: 500px;
}
.values ul li{
 display: table-cell;
 width: 33.3333333%;
}
.values .content{
 position: absolute;
 top: 375px;
}
.values .title-table{
 display: table;
 height: 66px;
}
.values li:hover .content{
 top:300px;
}
.values li:hover .description{
 -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.values .description{
 padding: 0 45px;
 line-height: 25px;
 padding-top: 20px;
 -webkit-transform: translateY(50px);
 transform: translateY(50px);
}
.values ul.hover li{
 width:25%; 
}
.values ul.hover li.active{
 width:50%;
}
.menues ul.items li{
    margin-top: 160px;
}
.menues ul.list li{
    margin-top: 0px; 
}
.menues ul.items li .image{
 height: 650px;
 width: 55%;
 position: absolute;
 left: 0;
 right: auto;
}
.menues .wrapper{
 display: table;
 min-height: 650px;
}
.menues .content{
 display: table-cell;
}
.menues .content-inline{
 max-width: 400px;
 padding-right: 30px;
}
.menues .restaurant-order{
 padding: 25px 75px;
}
.menues ul.items li:nth-child(even) .image{
 left: auto;
 right: 0;
}
.menues ul.items li:nth-child(even) .content-inline{
 float: left;
 margin-left: 100px;
}
.menues .description{
 line-height: 25px;
 padding-top: 50px;
}
.menues ul.list{
 padding-top: 40px;
 display: flex;
 padding-bottom: 50px;
}
.menues ul.list li:first-child{
 display: table-cell;
}
.chief{
 padding-top: 130px;
 padding-bottom: 100px;
}
.chief .wrapper{
 padding: 25px;
}
.chief .inline-content{
 display: table;
}
.chief h2{
 font-size: 23px;
 line-height: 33px;
}
.chief .description{
 line-height: 25px;
 padding-top: 35px;
}
.chief .content{
 padding: 90px;
}
.chief .image{
 display: table-cell;
 width: 320px;
}

    
    
    
    
.spa-gallery,.spa-slider .item{
 height: 880px;
}
 .spa-gallery{
 height: 950px;
 }
.spa-gallery .wrapper {
    padding: 0px;
}


 
.sales-list .image-wrapper {
    height: 400px;
}
.sales-list .title {
    padding: 55px 0 30px;
    font-size: 23px;
    line-height: 32px;
}
.sales-list .sale-price {
    font-size: 24px;
}
.brown-button {
    padding: 20px 50px;
}
.actions-slider ul.items li .thumb:hover:before{
 opacity:1;
}






 
.actions-slider ul.items li .image{
 height: 270px;
}
.actions-slider ul.items {
    row-gap: 50px;
}
.actions,.sales {
    padding-bottom: 230px;
}
.actions-slider .item {
    padding-top: 110px;
}
.mobile-element{
 display:none;
}
 
.actions-slider ul.items li h3 {
    padding: 15px 15px;
    padding-top: 30px;
}
.hero.inline-header{
 height: 465px;
}
.hero.inline-header .logo{
 padding-top: 110px;
}
.hero.inline-header .float-section{
 padding-top: 105px;
}
.page-description {
    padding-top: 100px;
    padding-bottom: 65px;
}
.hero.inline-header .float-section.sticky{
 padding-top: 20px;
}
.services{
 padding-bottom: 200px;
}
.services .list li{
 padding: 7px;
 margin-bottom: 30px;
}
.services .list .thumb{
 display: flex;
}
.services .list .thumb .image{
 flex-basis: 600px;
 height: 400px;
}
.services .list .info{
 flex-basis: calc(100% - 600px);
 padding-right: 50px;
 padding-left: 65px;
}
.services .list h2{
 letter-spacing: 0.08em!important;
 padding: 50px 0 25px;
}
.services .list .description p{
 padding-bottom: 20px;
}
.services .list .info > a{
 margin-top: 20px;
 padding: 5px 0;
 /* padding-left: 18px; */
}
.rooms-area{
 padding-bottom: 100px;
}
.rooms-area .list > li{
 padding: 7px;
 margin-bottom: 40px;
}
.rooms-area .list .thumb{
 display: flex;
}
.rooms-area .list .image{
 flex-basis: 485px;
 height: 327px;
}
.rooms-area .list h3{
 padding: 35px 0;
}
.rooms-area .list .info{
 flex-basis: calc(100% - 485px);
 padding-right: 35px;
}
.rooms-area .list ul.info{
 display: table;
}
.rooms-area .list .info li{
 display: table-cell;
 padding-left: 35px;
}
.rooms-area .list .info .item{
 display: table;
}
.rooms-area .list .info .icon{
 display: table-cell;
 padding-left: 10px;
}
.rooms-area .list .info .desc{
 display: table-cell;
}
.rooms-area .list .description{
    padding-left: 120px;
    padding-bottom: 70px;
}
.rooms-area .list .image span{
 bottom: 30px;
 left: 30px;
 width: 25px;
 height: 25px;
}
.order-button{
 left: 33px;
 padding: 20px 48px;
 bottom: 30px;
}
.maxlist-more a{
 padding: 25px 110px;
}
.maxlist-more{
 padding-top: 60px;
}
.important{
 padding-top: 75px;
 padding-bottom: 85px;
}
.important .facilities-data{
 grid-template-columns: calc(50% - 35px) calc(50% - 35px);
 display: grid;
 max-width: 1000px;
 padding-top: 60px;
 row-gap: 40px;
 column-gap: 70px;
}
.important .facilities-data .thumb{
 display: flex;
}
.important .facilities-data .icon{
flex-basis: 35px;
}
.important .facilities-data .desc{
 padding-right: 17px;
 flex-basis: calc(100% - 35px);
}
.important ul{
 padding-top: 55px;
 max-width: 770px;
}
.important ul li{
 padding-bottom: 30px;
 padding-right: 25px;
}
.important ul li:before{
    top: 8px;
}




 
html{
        font-size: 18px;
}
#actions-full-description,.about .description, .features .description, .location-section .description, .special-items .description, .newsletter .description, .page-description .description, .rooms-area .list .description, .important .description p, .important .description li, .services .list .description,.seasons-items ul li .description {
  line-height: 25px;
}
.deals .wrapper > a,
.friends a,
.newsletter ul.form input[type="submit"] {
  padding: 25px 75px;
  letter-spacing: 0.08em;
}
.about h1, h2, body .roomsItems .room-options ul li, body .roomsItems section .room-select span,.page-description h1 {
  font-size: 1.66666666667rem;
  line-height: 55px;
  letter-spacing: 0.08em;
}
.friends-list .title {
  font-size: 1.55555555556rem;
}
.friends-list .title strong {
  font-size: 1.94444444444rem;
}

.about h2, .gallery .description, .deals h3, .location-section h3, .special h3, .about-seasons h3, .services .list h2,.seasons-items ul li h3 {
  font-size: 1.22222222222rem;
  letter-spacing: 0.15em;
  line-height: 40px;
}
h4, .sales-slider .title, .sale-price span, .count, .count span, .rooms-area .list h3, .actions-slider ul.items li h3, .month-name,#actions-title {
  font-size: 1.27777777778rem;
  letter-spacing: 0.08em;
  line-height: 28px;
}
.main-menu a {
  font-size: 0.94444444444rem;
}
.main-menu li:first-child a {
  /* font-size: 0.83333333333rem; */
  /* letter-spacing: 0.15em; */
}
.footer-menu ul li a {
  font-size: 1rem;
}
.wrapper {
  width: 1360px;
}
header,
.header-space {
  height: 90px;
}
header .logo {
  float: right;
  margin-top: 20px;
  max-height: none;
}
header .logo img{
 max-height: 100%;
}
.main-menu {
  float: right;
  margin-right: 100px;
  margin-top: 35px;
}
.main-menu ul {
  display: flex;
  column-gap: 40px;
}
.main-menu ul li {
  padding: 0;
}
.hero {
  height: 800px;
}
.hero video {
  max-height: 800px;
}
.hero .logo {
  padding-top: 415px;
}
.hero .logo img:first-child {
  margin-bottom: 25px;
}
.about {
  padding-top: 80px;
}
.about .description,.page-description .description {
  padding-top: 15px;
  max-width: 965px;
  min-height: 140px;
}
.seasons-nav {
  display: table;
  padding-top: 40px;
}
.seasons-menu {
  margin-bottom: 45px;
}
.seasons-nav li {
  display: table-cell;
}
.seasons-nav li div {
  padding: 20px 60px;
}
.seasons-nav li div:after {
  height: 6px;
  bottom: -4px;
}
.about-seasons.hover li {
  flex-basis: 20%;
}
.about-seasons.hover li.active {
  flex-basis: 40%;
}
.about-seasons .thumb {
  height: 500px;
}
.about-seasons .thumb:hover .info {
  top: 265px;
}
.about-seasons .thumb:before {
  height: 50%;
  background: linear-gradient(180deg, rgba(57, 57, 57, 0) 0%, #393939 37.44%);

}
.about-seasons .info {
  top: 400px;
  padding: 0 50px;
  padding-bottom: 70px;
}
.about-seasons .info div.description,
.about-seasons .info div.seasons-button {
  transition-delay: 0.5s;
}
.about-seasons .description {
  padding-top: 5px;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.about-seasons.active {
  display: flex;
}
.features {
  margin-top: 125px;
  padding-top: 85px;
}
.features .subtitle {
  margin-top: 10px;
}
.features .description {
  padding-top: 30px;
}
.features-list {
  padding-top: 60px;
  display: flex;
  column-gap: 30px;
}
.features-list li {
  padding-bottom: 110px;
}
.features-list .image {
  height: 300px;
  border-radius: 300px 300px 0px 0px;
}
.sales-slider .item{
 
}
.features-list .info {
  border-top: 7px solid var(--baz);
  padding: 50px 50px 0;
}
.features-list a,
.sales-slider .wrapp a,
.seasons-button a {
  letter-spacing: 0.05em;
  /* padding-left: 22px; */
}
.features-button,
.seasons-button {
  bottom: 50px;
}
.seasons-button {
  bottom: 50px;
}
.sales-slider .features-button {
  bottom: 45px;
}
.features-list a:after,
.sales-slider .wrapp a:after,
.seasons-button a:after {
  width: 10px;
  height: 16px;
}
.features-list a:hover:after,
.sales-slider .wrapp a:hover:after,
.seasons-button a:hover:after {
  left: -5px;
}
.gallery {
  padding-top: 160px;
}
.image-gallery {
  margin-top: 40px;
  height: 670px;
}
.image-gallery li {
  height: 330px;
  width: 475px;
}
.image-gallery li:nth-child(1) {
  width: 875px;
}
.deals {
  padding-top: 135px;
}
.deals:after,
.features:after,
.friends:after {
  width: 582px;
  height: 1425px;
  top: -250px;
}
.features:after {
  top: -300px;
  width: 590px;
  height: 960px;
}
.friends:after {
  width: 570px;
  height: 570px;
}

.sales-slider {
  margin-bottom: 45px;
  margin-top: 75px;
}

.sales-slider button {
  left: -35px;
  top: calc(0px + 70px);
  height: 34px;
  width: 20px;
  background-size: 20px;
}
.sales-slider button.slick-prev {
  right: -35px;
  left: auto;
}
.sales-slider button.slick-prev:hover {
  right: -40px;
}
.sales-slider button.slick-next:hover {
  left: -40px;
}
.sales-slider .inside {
  margin: 0 15px;
}
.sales-slider .image {
  height: 390px;
  border-radius: 500px 500px 0px 0px;
}
.sales-slider .content {
  border-top: 7px solid var(--baz);
}
.sales-slider .wrapp {
  padding: 55px 0;
  padding-bottom: 105px;
}
.sales-slider .title {
  max-width: 270px;
  padding-bottom: 20px;
  min-height: 105px;
}
.sales-slider .dates {
  padding-bottom: 20px;
}
.location {
  padding-top: 210px;
  padding-bottom: 160px;
}
.location-section {
  display: flex;
  height: 590px;
}
.location-section .content {
  flex-basis: 470px;
  padding: 40px 75px;
}
.location-section h3 {
  line-height: 35px;
}
.location-section .description {
  padding-top: 35px;
}
.location-section .information {
  padding-top: 140px;
  line-height: 34px;
}
.location-section .information:before {
  width: 36px;
  height: 50px;
  top: 65px;
}
#map_canvas {
  flex-basis: calc(100% - 470px);
}
.friends {
  padding-top: 115px;
  padding-bottom: 35px;
}

.friends h2 {
  padding-top: 10px;
}
.friends-list {
  padding: 50px 0 70px;
  display: flex;
}
.friends-list li {
  padding: 10px 40px;
}
.friends-list .description {
  padding-top: 10px;
}
.special {
  padding: 80px 0;
}
.special-items {
  display: flex;
  margin-top: 75px;
}
.special-items .image {
  min-height: 55px;
}
.newsletter .wrapper {
  display: flex;
  padding: 40px 0;
}
.information .wrapper {
  padding-bottom: 30px;
}
.brands .wrapper,
.newsletter .wrapper,
.information .wrapper,
.footer-menu {
  width: 1230px;
}
.newsletter ul.form {
  margin-top: 13px;
}
.newsletter ul.form li.email {
  width: 360px;
}
.newsletter ul.form li.agreement {
  padding-top: 25px;
}
.newsletter ul.form li.submit {
  width: calc(100% - 360px);
  padding-right: 10px;
}
.newsletter ul.form input {
  height: 56px;
  padding: 18px;
}
body .wpcf7-not-valid-tip {
  font-size: 14px;
  padding: 5px 0;
}
.newsletter ul.form input[type="submit"] {
  padding: 19px 0;
}
.newsletter ul.form .wpcf7-list-item input {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.newsletter ul.form li.agreement span.wpcf7-list-item input:checked:before {
  width: 100%;
  height: 100%;
}
body .wpcf7-spinner {
  left: 10px;
}
.brands {
  padding-top: 60px;
}
.hotels {
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
}
.hotels li {
  padding: 0 20px;
}
.hotels li a {
  display: flex;
}
.information ul {
  display: table;
}
.information ul li {
  padding: 0 40px;
  display: table-cell;
}
.information ul li .thumb {
  padding-top: 45px;
  min-width: 140px;
}
.footer-menu ul {
  padding-top: 30px;
  padding-bottom: 70px;
}
.footer-menu ul li {
  width: 25%;
  padding-bottom: 30px;
}
.popup-gallery {
  padding: 60px 0;
}

.close {
  top: 35px;
  right: 95px;
  width: 30px;
  height: 30px;
}

.popup-gallery .gallery-section {
  height: 550px;
}
.slick-arrow {
  width: 18px;
  height: 30px;
}
.slick-prev {
  right: 136px;
}
.slick-next {
  left: 135px;
}
.popup-gallery .gallery-section .image-out {
  max-width: 830px;
  padding-bottom: 20px;
  max-height: none;
}
.sound,
.popup-gallery .gallery-section div.sound {
  width: 45px;
  height: 42px;
  bottom: 30px;
  right: 30px;
}
.popup-gallery .gallery-section div.alt {
  padding: 10px 0;
}
.popup-gallery .gallery-section div.gallery-nav {
  height: 105px;
  bottom: 20px;
}
.popup-gallery .gallery-section .gallery-nav div.item {
  width: 160px;
  height: 110px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 0 0 5px;
}
.popup-gallery .gallery-section div.slider__counter {
  margin-top: 135px;
}
.totalCounter .inside {
  display: table;
}
.totalCounter .table-cell {
  display: table-cell;
}
.count {
  font-size: 1.5rem;
  padding: 15px 30px;
}
.float-section {
  padding-top: 75px;
}
section.booking {
  display: flex;
  width: 1275px;
  gap: 5px;
}
.dates,
.rooms,
.orderButton {
  padding: 26px 30px;
}
.dates {
  width: 635px;
  padding: 25px 30px;
}
.calendarCheckinBtnBottom,
.calendarCheckoutBtnBottom {
  width: 285px;
  height: 20px;
  float: right;
  padding-right: 30px;
}
 .calendarCheckinBtnBottom{
  
 }
 .calendarCheckoutBtnBottom{
  width: 210px;
  margin-right: 30px;
 }
.calendar-dropdown,
body .room-summary,
.rooms-options-out {
  top: 76px;
  width: 800px;
}
.calendar-header {
  font-size: 16px;
  padding: 35px 0;
}
.calendar-header .title {
  font-weight: bold;
}
body .date-picker-wrapper.inline-wrapper,
body .date-picker-wrapper.inline-wrapper {
  margin: -1px 0 0;
}
.montharound {
  float: right;
  width: calc(50% - 50px);
  margin-bottom: 20px;
  padding: 0 10px;
  min-height: 400px;
  margin-right: 35px;
}
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month1,
.hotelsBooking .date-picker-wrapper.inline-wrapper table.month2,
.inline-order .date-picker-wrapper.inline-wrapper table.month1,
.inline-order .date-picker-wrapper.inline-wrapper table.month2 {
  display: table;
}
.hotelsBooking .date-picker-wrapper table .caption {
  height: 75px;
}
body .date-picker-wrapper .month-wrapper table th.month-name {
  font-size: 1rem;
  padding: 35px 0;
}
body .date-picker-wrapper .month-wrapper table td {
  height: 46px;
}
body .date-picker-wrapper .month-wrapper table th {
  padding-bottom: 12px;
}
body .date-picker-wrapper .month-wrapper table .day {
  line-height: 32px;
}
body .date-picker-wrapper .footer {
  padding: 5px 0 20px;
}
body .date-picker-wrapper .footer .stay-of {
  font-size: 1rem;
  padding-left: 8px;
  margin-left: 8px;
}
body .date-picker-wrapper .footer span {
  font-size: 1rem;
}
body .date-picker-wrapper table .caption .next,
body .date-picker-wrapper table .caption .prev {
  top: -55px;
  width: 20px;
  height: 18px;
  left: -10px;
}
body .date-picker-wrapper table .caption .prev {
  right: -10px;
}
.rooms,
body .rooms-options-out {
  width: 315px;
}
body .rooms-options-out .main-title {
  font-size: 15px;
}
.roomsItems .room-options {
  padding: 5px 0;
}
body .roomsItems .room-options {
  padding: 15px 0;
}
body .roomsItems section ul {
  display: table;
}
body .roomsItems section ul li {
  display: table-cell;
}
body .roomsItems .room-options ul li {
  min-width: 160px;
}
body .roomsItems section ul li label {
  padding: 0 0 10px;
  font-size: 16px;
}
body .roomsItems .room-options ul li label span {
  padding-left: 5px;
}
.room-select-section {
  display: table;
}
.pluses,
.minuses {
  display: table-cell;
}
.pluses .plus,
.minuses .minus {
  width: 32px;
  height: 32px;
}
.pluses .plus:before,
.minuses .minus:before,
.pluses .plus:after {
  width: 12px;
}
.pluses .plus:after {
  transform: rotate(90deg);
}
body .roomsItems section .room-select {
  background-position: left 10px center;
  display: table-cell;
  padding: 0 10px;
  min-width: 32px;
}
a.remove-room-options {
  width: 20px;
  height: 20px;
  right: -4px;
  top: 15px;
}
a.remove-room-options:before,
a.remove-room-options:after {
  width: 15px;
  transform: rotate(-45deg);
}
a.addRoom[data-action="add-room-options"] {
  margin-top: 22px;
  letter-spacing: 0.4px;
}
a.updateRooms.orderButton {
  float: left;
  padding: 18px 35px;
  margin-top: 25px;
}
.orderButton {
  width: 315px;
  letter-spacing: 0.08em;
  padding: 26px 30px;
}
.flights-options,
.rooms-options-out {
  width: 380px;
  padding: 25px;
  top: 75px;
}
.room-options-container:after {
  width: 16px;
  height: 9px;
  left: 20px;
}
.float-section.sticky {
  position: fixed;
  top: 90px;
  padding: 20px 0;
}
}