:root {
    /*--fontFira: 'Fira Sans', sans-serif;*/
    --fontManrope: 'Manrope', sans-serif;
    --fontOpen: 'Open Sans', sans-serif;
    --white: #fff;
    --whiteF7: #f7f7f7;
    --black: #000;
    --black23: #232323;
    --brown: #505759;
    --greyEF: #EFEFEF;
    --grey9E: #9E9E9E;
    --blue: #eef4f3;
    --lightblue: #eef4f3;
    --brownE9: #819B9B;/*yes*/
    --brownF4: #F4F3F3;/*yes*/
    --letterSpacing36: 0.36px;
}
.bgGreyEF {
    background-color: var(--greyEF);
}
.bgBlue {
    background-color: var(--blue);
}
.bgWhite {
    background-color: var(--white);
}
.bgLightBlue {
    background-color: var(--lightblue);
}
.bgBrown {
    background-color: var(--brownE9);
}
.brownLight{
    background-color: var(--brownF4);
}
.bgPpacityGrey{
   background-color: rgba(217, 216, 214, 0.6); 
}


html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
    font-family: var(--fontOpen);
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--black23);
    text-align: left;
    transition: background-color .5s;
    line-height:1.4;
}
/*
picture img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}*/

.wcimage {
    height: auto !important;
    max-width: 100%;
    object-fit: fill !important;
}

@media screen and (max-width: 991px) {

}  
button, .btn {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
button:focus,
.btn.focus,
.btn:focus,
input:focus,
select:focus{
  outline: 0;
  box-shadow: none !important;
}

a{
  text-decoration: none;
/*  opacity: .9;*/
    color: var(--grey9E);
}
a:hover{
  text-decoration: none;
 /* opacity: .9;*/
    color: var(--black)!important;
}

/*a:visited,
a:active{
  text-decoration: none;
  opacity: .9;
   color: var(--black)!important;
}*/

/*a:link,*/
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
   /* display: none;
    -webkit-appearance: none;*/
    opacity:0;
}

/*Button
=============================*/
.button,
.MoreLink {
    font-family: var(--fontManrope);
    color: var(--black23);
    border-radius: 0px;
    font-weight: 400;
    line-height:1;
}
.button {
    border: 1px solid var(--black23);
    display: inline-block;
    padding: 10px 20px;
    font-size: 18px;
    transition: all 0.3s;
    z-index: 1;
    position:relative;
    -webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
  }
.button:after,
.button:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.button:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--black23);
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button:hover {
    color: #fff!important;
    border-color: var(--black23);
}
.button:hover:before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
header .button {
    border: 2px solid var(--white);
    color: var(--white);
    font-size: 14px;
}
@media (max-width: 767px){
    .button { 
        font-size: 16px;
    }
    header .button {
        padding: 8px 14px;
        font-size: 12px!important;
        letter-spacing: 1.4px;
    }
}
@media (max-width: 565px){
    header .button {
        padding: 8px 10px;
        letter-spacing: 1px;
    }
}
@media (max-width: 480px){
    header .button {
        padding: 6px 8px;
        letter-spacing: 0px;
    }
}
@media (max-width: 360px){
    header .button {
        padding: 5px 6px;
        font-size: 9px!important;
    }
}
.MoreLink {
    line-height: 2;
    position: relative;
    display: inline-block;
    transition: .3s linear;
    padding: 0px;
  /*  margin-right: 20px;*/
    font-size: 18px;
    font-weight: 300;
    color: var(--black23);
}
.MoreLink:hover{
    color: var(--black23);   
}
.MoreLink::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black23);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.MoreLink:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }
@media (max-width: 767px){
    .MoreLink { 
        font-size: 16px;
    }
}
.smaller{
    font-size: 16px;
}
@media (max-width: 767px){
    .smaller { 
        font-size: 14px;
    }
}
  
/*HEADERS
===================== */
h1, .h1,
h2, .h2,
h3, .h3 {
    font-family: var(--fontManrope);
    color: var(--black23);
    font-weight: 500;
    word-wrap: break-word;
    line-height:1;
    margin: 0px 0 30px;
    text-transform: uppercase;
}
h1 span,
h2 span{
    color: var(--grey9E);
    display: block;
    font-weight: 500;
}
h1, .h1 {
    font-size: 42px;
}
h1 span,
.h1 span{
    font-size: 16px;
    margin-bottom: 15px;
}
h2, .h2{
    font-size: 38px;
} 

h3, .h3{
    font-size: 34px;
}
.h3.smaller {
       font-size: 28px;
}
/*
@media (max-width: 1199px) {
    h1, .h1 {
        font-size: 42px;
    }
    h2, .h2 {
        font-size: 36px;
    }
    h3, .h3{
        font-size: 32px;
    }
    .h3.smaller {
        font-size: 28px;
    }
}*/
@media (max-width: 767px) {
    h1, .h1 {
        font-size: 36px;
    }
    h2, .h2 {
        font-size: 30px;
    }
    h3, .h3{
        font-size: 26px;
    }
    .h3.smaller {
        font-size: 20px;
    }
}
@media (max-width: 575px) {
    h1, .h1 {
        font-size: 34px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3{
        font-size: 24px;
    }
    .h3.smaller {
        font-size: 20px;
    }
}
.mt-offset{
   /* margin-top:120px;*/
    margin-top:90px;
}
.margin-neg-left {
    margin-left: -60px!important;
        z-index:1;
    }

@media (max-width: 1199px) and (min-width: 992px){
   .margin-neg-left {
    margin-left: -60px!important;
        z-index:1;
    } 
}

@media (max-width: 1199px) {
    .mt-offset{
        margin-top:80px;
    }   
}
@media (max-width: 991px) and (min-width: 768px){
    .margin-neg-left {
    margin-left: 0px!important;
    }
}
@media (max-width: 767px) {
    .mt-offset{
        margin-top:60px;
    }   
    .margin-neg-left {
    margin-left: 0px!important;
    }

}



@media (min-width: 992px) {
    .margin-neg-left{
        margin-left:0px;
        z-index:1;
    }
    .margin-neg-right{
        margin-left:-80px;
        z-index:1;
    }
}
.paddingY-bg{
    padding-top:80px;
    padding-bottom:80px;
}
@media (max-width: 767px){
    .paddingY-bg{
        padding-top:60px;
        padding-bottom:60px;
    }  
}
/*HEADER
=================================*/
header{
    z-index: 1020 !important;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
    padding-top:15px;
    padding-bottom:15px;
    font-size:14px;
    font-family: var(--fontManrope);
}
.headerBg,
.noSlider header{
    background-color: var(--brown);
}
header.headerBg {
    padding-top:10px;
    padding-bottom:10px; 
}
.logo img{
 /*   filter: brightness(0) invert(1);*/
    height: 64px;
}
header.headerBg .logo img{
    height:46px;
    display:none
}
.logoScrolling {display:none}
header.headerBg .logo img.logoScrolling{
     height:46px;
     display:inline-block;
     filter:none;
}

@media (max-width: 767px){
    header{
        padding-top:10px;
        padding-bottom:10px;
    }
    .logo img{
        height: 40px;
    }
    header.headerBg .logo img,
    header.headerBg .logo img.logoScrolling{
        height:36px;
    }
}

@media (max-width: 425px) {
    .logo img{
        height: 25px;
    }
    header.headerBg .logo img.logoScrolling {
        height: 15px;
    }
}

header a{
    color:var(--white)!important;
}
.header-ribbon{
    line-height:1.2;
}
.topSmallMenu {
    margin-left:15px;
    padding-left:15px;
    border-left:solid 1px var(--white);
}
.topSmallMenu .nav-link {
    padding-left:0px;
}
.topSmallMenu .nav-link.active {
}
/*
.main-header-row .right-col > div:first-child { border-right:solid 1px var(--white); margin-right:15px; }
.main-header-row .right-col > div:not(:last-child) { padding-right:15px; }
*/
.flightBtn {
    font-size:11px;
    text-transform:uppercase;
    padding-right:3px;
    padding-bottom:3px;
}
@media (max-width: 767px){
    .flightBtn {
        font-size:10px;
        padding-right:0px;
        padding-bottom:4px;
    }  
}
@media (max-width: 575px){
    .flightBtn {
        font-size:8px;
    }  
}

.btns-holder {
    align-items:center;
}

.btns-holder .extra-btn{
    display:none;
}
@media (min-width: 1280px){
    .btns-holder .extra-btn{
        display:inline-block;
        margin-right: 1rem !important;
        padding-left: 1rem !important;
        border-left:1px solid var(--white);
    }
}
/* MAIN NAVIGATION
=============================== */ 
.menu-trigger {
    position: relative;
    z-index: 1000;
    display: inline-block;
    height: 29px;
    color: var(--white);
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
}
.menu-trigger:hover {
    color: var(--white);
}
.menu-icon {
    color: #ffffff;
    display: inline-block;
    width: 30px;
    height: 1px;
    -webkit-transform: translateX(-0%) translateY(-0%);
    -moz-transform: translateX(-0%) translateY(-0%);
    -ms-transform: translateX(-0%) translateY(-0%);
    -o-transform: translateX(-0%) translateY(-0%);
    transform: translateX(-0%) translateY(-0%);
    background: #ffffff;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    z-index: 100;
    margin-right:5px;
  }
.menu-icon::before,
.menu-icon:after {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background: #ffffff;
    -webkit-transition: -webkit-transform 0.3s, top 0.3s, background-color 0s;
    -moz-transition: -moz-transform 0.3s, top 0.3s, background-color 0s;
    transition: transform 0.3s, top 0.3s, background-color 0s;
}
.menu-icon::before {
    top: -10px;
}
.menu-icon::after {
    top: 10px;
}
.menu-trigger.is-clicked .menu-icon{
    background-color: rgba(255, 243, 226, 0);
}
.menu-trigger.is-clicked .menu-icon::before,
.menu-trigger.is-clicked .menu-icon::after {
    background: #ffffff;
}
.menu-trigger.is-clicked .menu-icon::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.menu-trigger.is-clicked .menu-icon::after {
    top: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}  
  
  
  
/* LANGUAGES
=============================== */ 
.languagesDrop .dropdown-toggle {
    color: var(--white);
    line-height:1.5;
}
.languagesDrop .dropdown-toggle::after {
    border: none !important;
    background: url(../images/arrow-down.svg);
    width: 13px;
    height: 8px;
    vertical-align: middle;
    margin-left: 0;
}
.languagesDrop a {
    color: var(--black23)!important;
    text-decoration: none;
    font-size: 14px; 
}
 .languagesDrop .dropdown-menu{
    min-width: 40px;
    border-radius: 0;
    background-color: var(--white);
 }
 .languagesDrop .dropdown-item {
    display: block;
    padding: 0px;
    text-align: center;
 }
 .languagesDrop .dropdown-item:hover {
    background:none;
    color: var(--brown)!important;
 }
 @media (max-width: 767px){
     .languagesDrop .dropdown-toggle,
    .languagesDrop a {
        font-size: 12px;
    }
 }
/* OTHER HOTELS BTN
=============================== */ 
 .hotels-btn .dropdown-menu{
    border-radius: 0;
    background-color: var(--white);
 }
 .hotels-btn .dropdown-item {
    color: var(--black23)!important;
    font-size: 14px; 
 }
/*SLIDER
=============================== */
.noTopMedia {
    height: 86px;
}
@media (max-width: 767px){
    .noTopMedia {
        height: 70px;
    }
}
@media (max-width: 480px){
    .noTopMedia {
        height: 63px;
    }
}
.topMedia {
    height: 100%;
    position: relative; 
}
/*=== Carousel Slider ===*/
.carousel,
.carousel-inner,
.carousel-item {
    width: 100%;
    height: 100vh; 
}
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    visibility: hidden; }
.carousel:hover .carousel-control-prev,
.carousel:hover .carousel-control-next {
    visibility: visible; }
.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.contentOverSlider {
    position: absolute;
    z-index: 9;
    color: white;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    font-family: var(--fontManrope);
    font-weight: 300;
    color: var(--white);
    font-size: 72px;
    line-height:1;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 1199px) {
    .contentOverSlider {
        font-size: 48px;
    }
}
@media (max-width: 575px) {
    .contentOverSlider {
        display: none !important; 
    } 
}

.carousel-control-next, .carousel-control-prev {
    width:10%;
}
#carousel_slider .carousel-control-next-icon {
  background-image: url(../images/right-arrow.svg)!important;
}
#carousel_slider .carousel-control-prev-icon {
  background-image: url(../images/right-arrow.svg)!important;
  transform:          rotate(-180deg);
  -ms-transform:      rotate(-180deg);
  -moz-transform:     rotate(-180deg);
  -webkit-transform:  rotate(-180deg);
  -o-transform:       rotate(-180deg);
}
#carousel_slider .carousel-control-next-icon, #carousel_slider .carousel-control-prev-icon {
  display: inline-block;
  width: 50px!important;
  height: 50px!important;
  background: no-repeat 50%/100% 100%;
}
@media screen and (max-width: 991px) {
    .carousel, .carousel-inner, .carousel-item {
    width: 100%;
    height: unset;
    }
}
/*
@media screen and (max-width: 991px) {
    .carousel, .carousel-inner, .carousel-item {
    width: 100%;
    height: unset;
    }
  #carousel_slider .carousel-item,
  #carousel_slider {
    height: 550px;
  }
}
@media screen and (max-width: 575px) {
  #carousel_slider .carousel-item,
  #carousel_slider {
    height: 350px;
  }
}*/
.carousel-indicators {
    bottom: 15%; 
}
.carousel-indicators [data-bs-target] {
    opacity: 0.6;
    width: 36px;
    height: 0px;
    margin:0px 0;
    text-indent: 0;
}
@media screen and (max-width: 767px) {
    .carousel-indicators {
        bottom: 8%; 
    }
}

.carousel-indicators .active{
    opacity: 1;
}
.carousel-indicators span{
    opacity: 0.6;
    display:block;
    margin:0px;
    font-size:14px;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}
.carousel-indicators .active span{
    opacity: 1;
}

#carousel_slider picture img {
  /*  height: 100% !important;
    width: 100%;
    object-fit: cover;*/
    
    height: 100% !important;
    width: 100%;
    object-fit: none;
    overflow: hidden;
}


.link-over-slide {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    z-index:1;
}
.link-over-slide span{
    display:none;
}
/*BOOKING FORM
================================ */
.bookingForm .form-label {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--black);
    line-height:1;
    margin-bottom:0;
    font-family: var(--fontManrope);
}
.bookingForm .column:not(:nth-child(4)) {
    border-right: 1px solid #CFCFCF;    
}

.bookingForm .column {
    width: 120px;
    padding: 0 15px;
}
.bookingForm .column:first-child {
   width:200px; 
       background: url("../images/date.svg") no-repeat center center;
    background-size: 25px;
    background-position: top 35px right 15px;
}
.bookingForm .form-control {
  border: none;
  background: transparent;
  border-radius: 0px;
  cursor: pointer;
  background-color: transparent;
  font-size:24px;
  padding-left:5px;
  letter-spacing: var(--letterSpacing36);
      box-shadow: none;
       outline:none;
       padding:5px 0;
  font-family: var(--fontManrope);
}
.bookingForm option {
    font-size: 16px;
}
.bookingForm select {
    border-radius:0;
}
.bookingForm .button{
    padding:15px 25px;
    /*font-size:14px;*/
    line-height:1.2;
}

/*PAGE HEADER - H1
============================================*/
.header-container{
    position:relative;
}
@media (min-width: 768px){
    .header-container .left-hr {
        width: 80px;
        border: none; 
        opacity: .8;
        overflow: visible;
        margin: 0;
        border-bottom: 1px solid var(--black23);
        margin-left:20px;
        display:inline-block!important;
        margin-bottom:15px;
    }
  /*  .header-container.centered .left-hr {
        left:calc(50% - 75px);
    }
    .header-container.vertical-center {
         padding-left:100px; 
    }
    .header-container.vertical-center .left-hr {
        bottom: 30px;
        width: 70px;
    }
    .header-container.revert .left-hr {
         border-bottom: 2px solid rgba(255, 255, 255, 1);
    }*/
}
.header-container .center-hr {
    width: 1px;
    border: none;
    opacity: 1;
    left: 0px;
    right: 0;
    top: 0px;
    margin: 0 auto;
    border-right: 1px solid var(--black23);
    height: 80px;
    margin-bottom: 20px;   
    background:transparent;
}

@media (max-width: 1199px) {
    .header-container .center-hr {
        height: 60px;
    }
}
@media (max-width: 991px) {
}
@media (max-width: 480px) {
}



/* FOOTER
=============================== */
.footerMenu a,
.footerMenu button{
    letter-spacing: var(--letterSpacing36);
    color: var(--black);
    text-decoration: none;
    font-family: var(--fontManrope);
}
.footerMenu a:hover,
.footerMenu a:focus,
.footerMenu button:hover{
    color: var(--grey9E)!important;
}
.bgBrown .footerMenu a:hover,
.bgBrown .footerMenu a:focus,
.bgBrown .footerMenu button:hover{
    color: var(--blue)!important;
}

footer {
  font-size: 14px;   
}
.footer-logo img{
      width: 360px;
}
@media (max-width: 575px) {
    .footer-logo img{
          width: 220px
    }
}


.contact-details {
   
}
footer a {
     color: var(--black23);
}
footer a:hover {
   color: var(--grey9E);
    text-decoration: underline;
}
.social a {
    width:50px;
    height:50px;
    background-color:var(--black23);
    border-radius: 50%;
    display: inline-block;
    padding: 12px;
    margin:0 4px;
        transition: all 0.5s linear;
}
.social img{
  width: 24px;
  /*filter: brightness(0%) saturate(0%); */
  filter: brightness(0) invert(1);
}
.social a:hover {
    background-color:var(--grey9E);
        transition: all 0.5s linear;
}
.copyright {
    font-size: 12px;
}
/*=========== To Top =========== */
.toTop {
  text-align: right; }
      
a.scrollup {
    background: url(/images/top.png) no-repeat center center;
        background-size: 48px;
    bottom: 10px;
    display: none;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    text-decoration: none;
    padding: 0px 0px 0;
    z-index: 10000;
    transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
 }
.scrollup.is-visible {
	display: inline;
  	opacity: 1;
}

/* SWIPER - GENERAL intro
=============================== */
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
}
.swiper-button-next,
.swiper-button-prev {
    background: url(../images/right-arrow.svg) no-repeat center center !important;
    width:40px;
    height:40px;
    top:calc(100% - 20px);
}
.swiper-button-prev {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.swiper-button-next {
     right: calc(50% - 50px);
}
.swiper-button-prev {
     left: calc(50% - 50px);
}
.swiper-button-next:after,
.swiper-button-prev:after {
    display:none;  
}       
@media (min-width: 992px){
    .swiper-button-next,
    .swiper-button-prev {
        position:absolute;
        position: absolute;
        top: 40%;
        left: auto;
        right: calc(20% - 80px);
        width:80px;
        height:80px;
    }
    .swiper-button-prev {
        top:calc(40% - 100px);
    }
}

.swiper-pagination {
    bottom: 0px!important;
    line-height: 0;
}
.swiper-pagination-bullet {
    background-color: rgba(112, 112, 112, 0.6);
    height: 30px;
    width: 30px;
    opacity:.8;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color:transparent;
        border: 3px solid rgba(112, 112, 112, 0.6);
        opacity:0.6;
}
.swiper-pagination,
.swiper-pagination.small {
    bottom: 0px !important;
}
.swiper-pagination.small .swiper-pagination-bullet {
    height: 18px;
    width: 18px;
}
/*
@media (max-width: 1400px) {
    .swiper-pagination {
        bottom: 35px!important;
    }
}
@media (max-width: 1200px) {
    .swiper-pagination {
        bottom: 92px!important;
    }
}
@media (max-width: 992px) {
    .swiper-pagination {
        bottom: 140px!important;
    }
}*/
@media (max-width: 1199px) and (min-width: 992px){
    /*.swiper-pagination {
       bottom: 0px!important;
       text-align: left;
    }*/
    .roomsSwiper .swiper-wrapper {
        padding-bottom: 10px!important;
        bottom: 0px!important;
       text-align: left;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    /*.swiper-pagination {
       bottom: 0px!important;
    }*/
}
@media (max-width: 767px){
    .swiper-pagination-bullet {
        height: 16px;
        width: 16px;
    }
    .swiper-pagination.small .swiper-pagination-bullet {
        height: 16px;
        width: 16px;
    }
   /* .swiper-pagination {
       bottom: 20px!important;
    }*/
}
/*
@media (max-width: 565px){
    .swiper-pagination {
       bottom: 0px!important;
    }
}
*/

/*MAIN CONTENT
==================================*/
.intro-text-section .row .thumb:first-child{
    margin-right: -50px;
    z-index:1;
}
.intro-text-section .row .thumb:last-child{
    margin-left: -50px;
        z-index:1;
}


.section_why .box-bordered{
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #C5C5C5; 
    padding: 20px 20px;
    font-family: var(--fontManrope);
}
.section_why .box-bordered img{
    display: block;
    border-right: 1px solid black;
    padding: 0 15px 0 0;
    margin-right: 15px;
}
.section_why .box-bordered div {
    width: 70%;
}
@media (max-width: 991px) {
    .section_why .box-bordered{
        padding: 20px;
    }
    .section_why .box-bordered img{
        height:40px!important;
        padding: 0 10px 0 0;
        margin-right: 10px;
    }
    .section_why .box-bordered div {
        width: 80%;
    }
}
.section_why .box-filled {
    background-color:var(--white);
    font-size: 18px;
    font-weight: 500;
    padding: 50px 30px 25px 30px;
}
@media (max-width: 991px) {
    .section_why .box-filled {
        padding: 30px 20px 20px 20px;
    }
}
/* accommodation intro
=============================== */
.details {
    font-size:20px;
}
.details .circles {
    font-size:14px;
    width: 60px;
    height: 60px;
    background-color: rgba(112, 112, 112, 0.1);
    border-radius: 50%;
    padding: 22px 0px 30px 10px;
    position: relative;
    margin-right: 30px;
    text-align:center;
    line-height:1;
}
.details .circles:after{
    content: " ";
    position: absolute;
    left: 8px;
    width: 60px;
    height: 60px;
    background-color: rgba(112, 112, 112, 0.1);
    border-radius: 50%;
    padding: 30px;
    top: 0;
}
.details .number{
    font-size:28px;
}
.details .number div span{
     font-size:18px;   
}


.RoomsList{
    padding: 3px 0;
}
.RoomsList a:before{
    content: "";
    display: inline-block;
    width: 30px;
    background-color: #131313;
    height: 1px;
    margin-right: 10px;
}

@media (max-width: 1199px) {
    .details {
        font-size:18px;
    }
    /*.details .circles {
        font-size:18px;
        width: 70px;
        height: 70px;
        padding:20px;
        padding: 25px 0px 25px 5px;
    }
    .details .circles:after {
        width: 70px;
        height: 70px;
    }*/
    .details .number{
        font-size:24px;
    }
}
.roomsSwiper .swiper-wrapper{
    padding-bottom:40px;
}

@media (max-width: 991px){
    .roomsSwiper .swiper-pagination {
        position:relative;
        bottom: 10px!important;
        text-align: center;
    }
   /* .roomsSwiper .swiper-wrapper {
        padding-bottom: 0px;
    }*/
}
/*
@media (max-width: 767px){
    .roomsSwiper .swiper-wrapper {
        padding-bottom:12px;
    }
}*/

.gallerySwiper .swiper-wrapper{
    padding-bottom:25px;
}


/*EXPERIENCES INTRO - CAROUSEL
=============================== */
#tabs .carouselContainer{
    position: relative; 
}
@media screen and (min-width: 768px) {
    #tabs .carouselContainer{
        padding-top: 90px; 
        padding-bottom: 90px; 
        min-height:680px;
    }
}
@media screen and (min-width: 992px) {
    #tabs .carouselContainer{
        padding-top: 60px; 
        padding-bottom: 60px; 
    }
}
#tabs li.tab {
  cursor: pointer;
}
#tabs li.tab .tab-box {
  font-size: 30px;
  z-index: 1;
  margin-bottom: 0px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 20px 20px 10px 30px;
  background-color: rgba(244, 243, 243, 0.65);
}
/*#tabs li.tab .tab-box:last-child {
    margin-bottom: 0px;
}*/
#tabs li.tab .tab-box a {
    z-index: 0;
  color: var(--black23);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position:relative;
}
#tabs li.tab:hover .tab-box a {
  z-index: 0;
  color: var(--grey9E);
}
#tabs li.tab:hover .tab-box a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--black23);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
#tabs li.tab:hover .tab-box a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

#tabs .tabcontent {
  position: absolute;
  z-index: -1;
  top: 0px;
  right: 80px;
  text-align: center;
  width:50%;
}
#tabs .tabcontent a{
  opacity:1;
}
#tabs li.staticImg img.bottom {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#tabs li.staticImg img:hover {
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#tabs li.staticImg .tabcontent {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#tabs li.tab .tabcontent {
  opacity: 0;
}
#tabs:hover .tabcontent,
#tabs:focus .tabcontent,
#tabs:active .tabcontent {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#tabs li.tab:hover .tabcontent,
#tabs li.tab:focus .tabcontent,
#tabs li.tab:active .tabcontent {
  z-index: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#tabs li.staticImg:hover .tabcontent,
#tabs li.staticImg:focus .tabcontent,
#tabs li.staticImg:active .tabcontent {
  z-index: 3;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#tabs .tabcontent img {
  width: 650px;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/*
#tabs .title {
  padding-left: 54%;
}
*/
@media (max-width: 1199px) and (min-width: 992px){
    #tabs li.tab .tab-box {
        font-size: 24px;
        line-height: 30px;
    }
}
@media screen and (max-width: 991px) {
    #tabs li.tab .tab-box {
        font-size: 20px;
        line-height: 20px;
    }
 .tabs .tabcontent {
    left: 0px;
    top: 0;
  }
}
@media (max-width: 767px){
    #tabs .carouselContainer {
        padding-top: 350px;
        padding-bottom: 0;
    }
    #tabs li.tab {
        margin-left:0px;
    }
    #tabs .tabcontent {
        right: 0px;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        width:100%;
    }
}
@media screen and (max-width: 575px) {
    #tabs li.tab .tab-box{
        max-width: 460px;
        margin:auto;
    }
    #tabs .tabcontent img {
        max-width: 460px;
    }
    #tabs .carouselContainer {
        padding-top: 310px;
    }
}
@media screen and (max-width: 480px) {
    #tabs li.tab .tab-box{
        max-width: calc(90vw);
        margin:auto;
    }
    #tabs .tabcontent img {
        max-width: calc(90vw);
    }
    #tabs .carouselContainer {
        padding-top: calc(90vw - 125px);
    }
}
@media screen and (max-width: 380px) {
    #tabs .carouselContainer {
        padding-top: calc(90vw - 105px);
    }
}
@media screen and (max-width: 320px) {
    #tabs .carouselContainer {
        padding-top: calc(90vw - 95px);
    }
}

/* DINING
=============================== */
.dineSwiper .swiper-slide.swiper-slide-active {
    position:relative;
}
@media screen and (min-width: 768px) {
    .slider-above {
        position: absolute;
        height: 80%;
        top: 10%;
        left: 5%;
        z-index: 10;
        width: 40%;
    }
}
@media screen and (min-width: 1200px) {
    .slider-above {
         width: 33%;
         left: 12%;
    }
}
@media screen and (max-width: 767px) {
    .dineSwiperThumb {
        display:none;
    }
}
.dineSwiper .text-container {
       opacity: 0; 
}
.dineSwiper .swiper-slide-active .text-container {
    opacity: 1;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}


/*
.dineSwiperThumb .swiper-slide  {
    opacity: .5;
}
.dineSwiperThumb .swiper-slide-visible.swiper-slide-active{
    opacity: 1;

}
*/

.dineSwiperOne {
    padding-bottom:30px;
}
@media screen and (min-width: 1200px) {
   .dineSwiperOne img{
       width:100%;
   }
}
@media screen and (min-width: 768px) {
    .dineSwiperOne {
        padding-bottom:0px;
    }
    .dineSwiperOne .swiper-slide-prev:after,
    .dineSwiperOne .swiper-slide-next:after{
        content: "";
        background-color: rgba(255,255,255, .5);
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top:0;
        z-index: 2;
    }
    .dineSwiperOne .swiper-slide {
        position:relative;
    }
    .dineSwiperOne .swiper-slide.swiper-slide-active {
        margin-left:150px;
    }
    .dineSwiperOne .text-container{
       opacity: 0;
        position: absolute;
        z-index: 10;
        top: 15%;
        left: -150px;
        width: 55%;
    }
    .dineSwiperOne .swiper-slide-active .text-container {
        opacity:1;
        animation: fadeIn 2s;
        -webkit-animation: fadeIn 2s;
        -moz-animation: fadeIn 2s;
        -o-animation: fadeIn 2s;
        -ms-animation: fadeIn 2s;
    }
    .dineSwiperOne .swiper-pagination.small {
        bottom: 10px!important;
        left: 155px;
        width: auto;
        display: none;
    }
}
@media screen and (min-width:768px) and (max-width: 1399px) {
    .dineSwiperOne .text-container{
        width: 60%;
        padding: 35px!important;  
    }
    /*.dineSwiperOne .swiper-pagination.small {
        bottom: calc((100% - 15%) - 280px)!important;
        left: 11%;
    }*/
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.dineSwiperOne .swiper-button-next, 
.dineSwiperOne .swiper-button-prev {
  /*  filter: brightness(1) invert(1);*/
}
@media (max-width: 1199px) {
    .dineSwiperOne .swiper-button-next, 
    .dineSwiperOne .swiper-button-prev {
        display:none;
    }
}
@media (min-width: 1200px) {
    .dineSwiperOne .swiper-button-next,
    .dineSwiperOne .swiper-button-prev {
        border:solid 1px #fff;
                width: 50px;
        height: 100px;
              
                top: calc(15%)!important;
    }
            
    .dineSwiperOne .swiper-button-next{
        background:var(--greyEF) url(../images/right-arrow-brown.svg) no-repeat center center !important;
        right: calc(33.3% - 200px);
        background-position:top 10px center!important;
          background-size: 30%!important;
    }
    .dineSwiperOne .swiper-button-prev {
                background: url(../images/right-arrow.svg) no-repeat center center !important;
        right: calc(33.3% - 150px);
        background-position: top 10px center!important;
          background-size: 30%!important;
            
    }    

}

/*OFFERS Intro & general carousel
=======================================*/
.text-neg-over-img {
    margin-top:-60px;
    z-index:1;
    position:relative;
}

/* REVIEWS
=======================================*/
.section_reviews {
    font-style: italic;
    font-weight: 300;
    font-size: 18px;    
}
.section_reviews .quotesText {
    font-style: italic;
    position:relative;
    padding-left:48px;
    text-align: justify;
}
.section_reviews .quotesText:before{
    content:"“";
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    font-size: 76px;
    line-height: .8;
    font-weight: 100;
    color:var(--grey9E);
} 
.section_reviews .author {
    font-size: 14px;
    font-style: normal;
    padding-left:48px;
}
.section_reviews .icon {
    display: block;
    height: 50px;
    margin-left:48px;
    background-size: contain!important;
}
.section_reviews .icon.tripadvisor {
    background: url(../images/icons/r-tripadvisor.svg) no-repeat 0px 0px;
    width: 53px !important;
}
.section_reviews .icon.bookingcom {
    background: url(../images/icons/r-Booking.svg) no-repeat 0px 0px;
    width: 34px !important;
}
.section_reviews .icon.fb {
  background: url(../images/icons/r-facebook.svg) no-repeat 0px 0px;
  width: 17px !important;

}
.section_reviews .icon.hc {
  background: url(../images/icons/hc.jpg) no-repeat 0px 0px;
  width: 34px !important;
}

/*INNER PAGES 
=============================*/
.breadcrumb {
    text-transform:uppercase;  
    color: var(--black);
}
.breadcrumb li+li:before {
    padding: 8px;
    color: var(--black23);
    content: "\003e";
}
.breadcrumb a {
    color: var(--black23);
    font-weight: 300;
    text-decoration: none;
 }
.breadcrumb a:hover {
    color: var(--grey9E);
    font-weight: 300;
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .breadcrumb {
        font-size:14px;
    }    
}

.colored-bg picture {
    position:relative;
    display:block;
    margin:60px 60px 60px 0;
} 
.colored-bg.revert picture {
    position:relative;
    display:block;
    margin:60px 0px 60px 60px;
}
.colored-bg picture:before{
    content:"";
    position: absolute;
    z-index: 0;
    top: -60px;
    right: -60px;  
    bottom: -60px;  
    width: 100%;
     background-color: var(--blue);
    z-index:-1;
}  
.colored-bg.revert picture:before{
    left: -60px;
    right:unset;
}
@media (max-width: 767px){
    .colored-bg picture {
        margin:30px 30px 30px 0;
    } 
    .colored-bg.revert picture {
        margin:30px 0px 30px 30px;
    }
    .colored-bg picture:before{
        top: -30px;
        right: -30px;  
        bottom: -30px; 
    }
    .colored-bg.revert picture:before{
        left: -30px;  
        right:unset;
    }
}
/*dining list
==========================*/

.colored-bg-left-half picture {
    position:relative;
    display:block;
    margin-left:60px;
}
.colored-bg-left-half picture:before{
    content:"";
    position: absolute;
    z-index: 0;
    top: 10%;
    bottom:10%; 
    left: -60px;  
    width: 100%;
    height:80%;
     background-color: var(--blue);
    z-index:-1;
}
/*Room type
==========================*/
.bg-half:before {
    content:"";
    position:absolute;
    top:30%;
    left:0;
    right:0;
    bottom:0;
    background-color: var(--brownF4);
    z-index: -1;
}
@media (max-width: 767px){
    .bg-half:before {
         top:15%;
    }
}
 .facilities-list ul,
 .accordion ul,
 ul.ListText{
    margin: 20px 0 0px 0;
    padding: 0px;
}
.facilities-list li,
.accordion li,
ul.ListText li{
    display: flex;
    list-style-type: none;
    padding-bottom: 10px;
}
.accordion li::before, 
.facilities-list li::before, 
ul.ListText li::before{
    content: "\2022";
    color: #B7B6B6;
    font-size: 40px;
    line-height: 0px;
    margin-right: 10px;
    margin-top: 15px;
}
.facilities-list li a,
.accordion li a,
ul.ListText li a{
    display: contents;
}
@media (max-width: 767px){
    .facilities-list ul,
    .accordion ul,
    ul.ListText {
        margin: 0px 0 0px 0;
    }
}


 /*GALLERY
======================*/
.gallery-box > div{
	height: 420px;
    position:relative;
        color: #fff;
}
 @media screen and (max-width: 575px) {
    .gallery-box > div{
        height: 350px;
    }
 }
.gallery-box > div:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
    opacity: 1;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    display: block;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.gallery-box:hover > div:before {
    background-color: rgba(129, 155, 155,1);
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}
.gallery-box a {
    text-align:center;
      color: #fff;
      font-size:26px;
      position:relative;
      font-family: var(--fontManrope);
}
.gallery-box span {
    display:block; 
    font-size:16px;
}
.gallery-page img{
    margin-bottom:25px;
}


/*Accordion 
======================*/
.accordion {
    --bs-accordion-color: #000;
    --bs-accordion-bg: #f8f8f8;
    --bs-accordion-border-width: 0px;
    --bs-accordion-border-radius: 0px;
    --bs-accordion-btn-focus-border-color: #232323;
    --bs-accordion-active-color: #232323;
    --bs-accordion-active-bg: #e7f1ff;
}
.accordionContent .accordion{
    --bs-accordion-bg: #DFDFDF;
    --bs-accordion-border-width: 0px;
}
.accordionContent .accordion-button:not(.collapsed)::after{
    background-image: var(--bs-accordion-btn-icon);
}

.accordion-item {
    margin-bottom:6px;
}
.accordionContent .accordion-item .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-radius: 0px;
    border: 0px;
    background-color: #DFDFDF;   
       font-weight: 500;
       line-height: 2.2;
       font-size:1.5rem;
}
.accordionContent.weddings #heading2 .accordion-button {
    background-color: #EBEBEB;
}
.accordionContent.weddings #heading3 .accordion-button {
    background-color: #E8DCBB;
}
.accordionContent.weddings #heading4 .accordion-button {
    background-color: #F6F5F2;
}
.accordionContent.weddings #collapse3 .accordion-body {
    background-color: #F3EEE0;
}
.accordionContent.weddings #collapse4 .accordion-body {
    background-color: #F9F9F8;
}
/*
.app-container {
    display:none;
}*/

/*FORMS
======================*/
.newsletterform .form-control {
    background: transparent;
    border-radius: 0px;
    padding: 12px;
    font-size: 16px;
    border: 1px solid var(--grey9E);
    color: var(--grey9E);
    font-weight: 300;
    letter-spacing: 0.32px;
}
.newsletterform ::-webkit-input-placeholder {
 	color: var(--grey9E);
}
.newsletterform :-moz-placeholder { 
   color: var(--grey9E);
}
.newsletterform ::-moz-placeholder {  
   color: var(--grey9E);
}
.newsletterform :-ms-input-placeholder { 
   color: var(--grey9E);
}
.newsletterform .form-agree label {
    font-size:14px;
}
.newsletterform .form-agree label a {
    color: var(--black);
    text-align:underline;
}
.newsletterform .MoreLink{
    margin-top: 10px;
}

/* FORMS
====================================== */
.form-placement {
    font-size: 14px;
    padding: 60px 70px;
    font-weight: 400;  
}
@media (max-width: 767px){
    .form-placement {
        padding: 20px;
    }    
}
.contactform .form-control {
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    outline: none;
    color: var(--black);
    padding: 20px;
    font-size: 14px;
}
::-webkit-input-placeholder {
 	color: var(--black);
}
:-moz-placeholder { 
    color: var(--black);
}
::-moz-placeholder {  
    color: var(--black);
}
:-ms-input-placeholder { 
    color: var(--black);
}
.contactform select.form-control {
    color: var(--black);
}
.contactform textarea.form-control {
  height: auto;
}
.field-validation-valid {
  display: none;
  color: red; }
.field-validation-error {
  display: block;
  color: red;
  text-align: left; 
font-size:12px;    
}
.field-validation-error:empty {
	display: none;
}  

.asterisk span {
  display: inline;
  font-size: 24px;
  line-height: 22px;
}
.form-agree label {
	display:inline;
}
.form-agree .field-validation-error {
	display: inline-block;
}
.form-agree a {
    text-decoration:underline;
}
.form-agree a:hover {
    text-decoration:none;
}
.grecaptcha-badge {
	display: none !important;
}

input[type="file"] {
/*    padding:6px;*/

}
.attachment-field{
    min-width: 100px;
    background: url(/images/upload-icon.svg) no-repeat top left;
    background-size: 20px;  
}
.contactform .button{
    font-size:16px;
}
/*MAP
===============================*/
  .ContactDetailsBox{
    min-height: 340px;
    padding: 20px;
    background: #F4F3F3;
    position:relative;
	z-index:1;
  }
  .ContactDetailsBox img{
    width: 70px;
    text-align: center;
    margin: 10px auto;
}
.ContactDetailsBox .header-container .center-hr {
    height: 50px;
}
@media (max-width: 991px) and (min-width: 768px){
    .ContactDetailsBox img{
        width: 50px;
    }
}
@media (max-width: 767px){
    .ContactDetailsBox {
        min-height: auto;
        padding: 10px 10px;
        font-size:16px;
    }
    .ContactDetailsBox img {
        width: 30px;
        margin: 0px auto;
    }
    .ContactDetailsBox .header-container .center-hr {
        height: 0px;
        margin-bottom:10px;
    }
    .ContactDetailsBox .header-container .h3{
        margin-bottom:10px;
    }
}
.map_link {
	display:block;
	z-index: 0;
    position: relative;
}

.map_link.inner {
	background:url(/media/unylcvaq/map-olympian.jpg) no-repeat center center;	
	background-size: cover;
	min-height:550px;
	width:100%;
	margin-top:-150px;

}
@media screen and (max-width: 992px) {
    .map_link.inner {
        min-height:450px;
    }   
}
@media screen and (max-width: 767px) {
    .map_link.inner {
        min-height:350px;
        margin-bottom:30px;
    }   
}


/*ACCOM MAP PINS
===================================*/
.accom-map .holder{
    max-width:1920px;
    margin:auto;
}
.pin {
    width:50px;
    height:50px;
    position:absolute;
    z-index:10;
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, 1));
    transition: .3s;
    /*background:url(/images/point.svg) no-repeat center center;*/
    visibility:hidden;    
}
.pin.pin1{
    bottom: 82%;
    left: 20%;
}
.pin.pin2 {
    bottom: 62%;
    left: 32.2%;
}
.pin.pin3 {
    bottom: 55%;
    left: 35.5%;
}
.pin.pin4 {
    bottom: 55%;
    left: 43%;
}
.pin.pin5 {
    bottom: 53%;
    left: 46.2%;
    z-index: 8;
}
.pin.pin6 {
    bottom: 37.5%;
    left: 33.2%;
}
.pin.pin6a {
    bottom: 45%;
    left: 84%;
}
.pin.pin6b {
    bottom: 42%;
    left: 88.5%;
}
.pin.pin6c {
    bottom: 42.2%;
    left: 91.5%;
}
.pin.pin6d {
    bottom: 31.2%;
    left: 87%;
}

.pin.pin7 {
    bottom: 42.5%;
    left: 43.5%;
}
.pin.pin8 {
    bottom: 36.5%;
    left: 81.2%;
}
.pin.pin9 {
    bottom: 37.5%;
    left: 86.2%;
}
.pin.pin10 {
    bottom: 30%;
    left: 86%;
}
.pin.pin11 {
    bottom: 84%;
    left: 21.6%;
}
.pin.pin12 {
    bottom: 83%;
    left: 24.6%;
}
.pin.pin13 {
    bottom: 84.5%;
    left: 32%;
}
.pin.pin14 {
    bottom: 72.5%;
    left: 24%;
}
.pin.pin15 {
    bottom: 73%;
    left: 33.5%;
}
.pin.pin16 {
    bottom: 42%;
    left: 20.5%;
} 
.pin.pin17 {
    bottom: 45%;
    left: 27.3%;
} 
.pin.pin18 {
    bottom: 49%;
    left: 32.8%;
} 
.pin.pin19 {
    bottom: 52%;
    left: 37.3%;
}
.pin.pin20 {
    bottom: 52%;
    left: 40.8%;
}
.pin.pin21 {
    bottom: 45%;
    left: 40.5%;
}
.pin.pin22 {
    bottom: 45%;
    left: 36.2%;
}
.pin.pin23 {
    bottom: 40%;
    left: 38%;
}
.pin.pin24 {
    bottom: 41%;
    left: 83.5%;
}   
 .pin.pin25 {
    bottom: 37%;
    left: 89%;
}  
 .pin.pin26 {
    bottom: 86%;
    left: 42.5%;
}  
 .pin.pin27 {
    bottom: 68%;
    left: 40.5%;
}  
 .pin.pin28 {
    bottom: 51.5%;
    left: 72%;
} 
 .pin.pin29 {
    bottom: 57.5%;
    left: 81.5%;
} 
/*
 .pin.pin30 {
    bottom: 57.5%;
    left: 81.5%;
} 
 .pin.pin31 {
    bottom: 51.5%;
    left: 72%;
} */
 .pin.pin32 {
    bottom: 47.5%;
    left: 66.5%;
} 
 .pin.pin33 {
    bottom: 44.5%;
    left: 27.5%;
} 
 .pin.pin34 {
    bottom: 40%;
    left: 20%;
}
 .pin.pin35 {
    bottom: 33.5%;
    left: 18.7%;
}
 .pin.pin36 {
    bottom: 81.8%;
    left: 20.2%;
}
 .pin.pin37 {
    bottom: 78.5%;
    left: 19.1%;
}
 .pin.pin38 {
    bottom: 79.2%;
    left: 24.2%;
}
 .pin.pin39 {
    bottom: 79.5%;
    left: 27%;
}
 .pin.pin40 {
    bottom: 80.5%;
    left: 29.8%;
}
 .pin.pin41 {
    bottom: 80.5%;
    left: 32%;
}
 .pin.pin42 {
    bottom: 80.5%;
    left: 34.8%;
}
 .pin.pin43 {
    bottom: 80.5%;
    left: 37.3%;
}
 .pin.pin44 {
    bottom: 81.5%;
    left: 42.3%;
}
 .pin.pin45 {
    bottom: 77%;
    left: 39.8%;
}
 .pin.pin46 {
    bottom: 77%;
    left: 37.5%;
}
.pin.pin47 {
    bottom: 79%;
    left: 21.8%;
}
.pin.pin48 {
    bottom: 74.3%;
    left: 18.8%;
}
.pin.pin49 {
    bottom: 74.2%;
    left: 18.8%;
}
.pin.pin50 {
    bottom: 81.2%;
    left: 44.9%;
} 
.pin.pin51 {
    bottom: 84%;
    left: 21.6%;
} 
.pin.pin52 {
    bottom: 85.5%;
    left: 23.2%;
} 
.pin.pin53 {
    bottom: 83%;
    left: 24.6%;
}
.pin.pin54 {
    bottom: 86.5%;
    left: 27.4%;
}
.pin.pin55 {
    bottom: 86.7%;
    left: 29.8%;
}
.pin.pin56 {
    bottom: 83.5%;
    left: 27.1%;
}
.pin.pin57 {
    bottom: 83.5%;
    left: 30.2%;
}
.pin.pin58 {
    bottom: 86.6%;
    left: 33.7%;
} 
.pin.pin59 {
    bottom: 84.6%;
    left: 32%;
}
.pin.pin60{
    bottom: 84.4%;
    left: 35%;
}
.pin.pin61{
    bottom: 74.4%;
    left: 21.6%;
}
.pin.pin62{
    bottom: 71.2%;
    left: 18.8%;
}
.pin.pin63{
    bottom: 75.2%;
    left: 24.1%;
}
.pin.pin64{
    bottom: 72.2%;
    left: 24.1%;
}
.pin.pin65{
    bottom: 76%;
    left: 27%;
}
.pin.pin66{
    bottom: 76.4%;
    left: 29.5%;
}
.pin.pin67{
    bottom: 72%;
    left: 27%;
}
.pin.pin68{
    bottom: 73%;
    left: 29.5%;
}
.pin.pin69{
    bottom: 76.5%;
    left: 32.1%;
}
.pin.pin70{
    bottom: 76.5%;
    left: 34.6%;
}
.pin.pin71{
    bottom: 73%;
    left: 31.2%;
}
.pin.pin72{
    bottom: 73.1%;
    left: 34.6%;
}
.pin.pin73{
    bottom: 47.2%;
    left: 38.6%;
}
.pin.pin74{
    bottom: 39%;
    left: 26.8%;
}
.pin.pin75{
    bottom: 50%;
    left: 24.6%;
}
.pin.pin76{
    bottom: 50%;
    left: 24.6%;
}
.pin.pin77{
    bottom: 33.5%;
    left: 18.6%;
}
.pin.pin78{
    bottom: 68%;
    left: 40%;
}
.pin.pin79{
    bottom: 57.5%;
    left: 37.8%;
}
.pin.pin80{
    bottom: 57.5%;
    left: 40.9%;
}
.pin.pin81{
    bottom: 51.5%;
    left: 71.9%;
}
.pin.pin82{
    bottom: 57.5%;
    left: 81.5%;
}
.pin.pin83{
    bottom: 60.5%;
    left: 18.7%;
}
.pin.pin84{
    bottom: 63.5%;
    left: 26.7%;
}
.pin.pin85{
    bottom: 66.5%;
    left: 22.7%;
}
.pin.pin86{
    bottom: 58.5%;
    left: 25%

}
.pin.pin87{
    bottom: 31%;
    left: 25%;
}
.pin.pin88{
    bottom: 31%;
    left: 23.8%;
}
.pin.pin89{
    bottom: 31%;
    left: 26.5%;
}
.pin.pin90{
    bottom: 31%;
    left: 19%;
}
.pin.pin91{
    bottom: 31%;
    left: 17.5%;
}
.pin.pin92{
    bottom: 31%;
    left: 20.5%;
}
.pin.pin93{
    bottom: 34.5%;
    left: 34.4%;
}
.pin.pin94{
    bottom: 35%;
    left: 41%;
}
.pin.pin95{
    bottom: 31%;
    left: 92%;
}
.pin.pin96{
    bottom: 28%;
    left: 89.5%;
}
.pin.pin97{
    bottom: 37%;
    left: 93%;
}
.pin.pin98{
    bottom: 34.5%;
    left: 37.6%;
}
.pin.pin98{
    bottom: 34.5%;
    left: 37.6%;
}
    
.pin.isfocus {
   /* filter: brightness(0) saturate(100%) invert(78%) sepia(16%) saturate(456%) hue-rotate(175deg) brightness(95%) contrast(82%) drop-shadow( 0px 3px 1px rgba(0, 0, 0, 1));
    opacity:1;*/
    transition: .3s;
    /*background:url(/images/point-active.svg) no-repeat center center;*/
    background:url(/images/point.svg) no-repeat center center;
visibility:visible; 
}
.pins-nav {
    position: absolute;
    top: 10px;
   /* right:10px;*/
    left: 10px;
    padding: 10px 18px;
    font-size:16px;
   /* text-align:center;*/
       max-width: 280px;
}
.roomBtn {
    padding: 3px 0px 4px 3px;
    cursor: pointer;
   /* display:inline-block;*/
   margin-left:15px;
}
.roomBtn:hover, 
.roomBtn.active {
    color:var(--grey9E);
}
@media screen and (max-width: 1399px) {
    .pins-nav {
        max-width: 180px;
        padding: 10px 10px 10px 10px;
        font-size: 12px;
        top: 5px;
        left: 5px;
    }
    .roomBtn {
        padding: 3px 0px 3px 3px;
    }
}
@media screen and (max-width: 1199px) {
    .pins-nav {
        position:relative;
        font-size:14px;
        bottom: unset;
        right:unset;
        left: unset;
        max-width: unset;
    }
    .roomBtn {
        display:inline-block;
        padding: 3px 10px;
        width:30%;
    }
}
@media screen and (max-width: 767px) {
    .roomBtn {
        width:45%;
    }
    .pin {
        width:30px;
        height:30px;
    }
}
@media screen and (max-width: 575px) {
    .roomBtn {
        width:calc(100% - 20px);
        display:block;
    }

}
/*Text Over Image Section
============================== */
/*.blockTextBg .holder-padding-y{
    padding: 80px 0px 150px 0;
}
@media screen and (min-width: 768px) {
    .blockTextBg .holder-padding-y{
                padding: 120px 0px 250px 0;
    }
}*/
.blockTextBg .img-bg{
    background-position:center center!important;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-2;
}
.text-over-img {
    
}

.img-box picture {
    display:block;
    height: 720px;
    width: 100%;
}

.img-box picture img{ 
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.homeTextOverImg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0%);
    margin: 80px 0px 150px 0;
}
@media screen and (min-width: 768px) {
    .homeTextOverImg {
        margin: 120px 0px 250px 0;
    }
}

/** START OF MODAL 
=======================*/
.modal {
  z-index: 20000;
}
  .modal .modal-dialog {
    max-width:640px;
  }
.modal .modal-content {
  border-radius: 0px;
}
.modal .modal-content .h3{
    font-size: 1.8em;
}
.modal .btn-close {
  position: absolute;
  width: 2em;
  height: 2em;
  right: 0px;
  top: 0px;
  opacity: .8;
  border-radius: 0px;
}
@media screen and (max-width: 767px) {
  .modal .modal-body .imgCol {
    height: 300px !important;
  }
  .modal .modal-dialog {
       max-width:400px;
  }
}


.fslightbox-slide-btn {
    width: 52px!important;
    height: 52px!important;  
}

.fslightbox-slide-btn svg,
.fslightbox-toolbar-button svg{
    width: 30px!important;
    height: 30px!important;
}


/*ADDITIONAL - after upload site*/
.offerSwiper .ImageBox img {
    max-width: 100%;
    height: auto;
}


/** Dining
======================*/
@media (min-width: 768px){
    .dining-row .text-container {
        width:70%;  
        margin:auto;
    }
}
@media (min-width: 1200px){
    .dining-row .text-container {
        width:55%;  
    }   
}
.details-icon img{
    width: 50px;
    height: 54px;
    margin: 0 auto 10px auto;
    
}
.book-table-btn {
    text-align:center;
}
.book-table-btn iframe {
    height: 70px !important;
}
.dining-details {
    justify-content: center;
    font-size: 16px;
}
.section-imgs-text .text-padding {
     padding:30px 0px 0px 0px;
}
@media (min-width: 992px){
    .section-imgs-text .text-padding {
         padding:0px 30px 0px 0px;
    }
    .section-imgs-text .text-padding.rev {
         padding:0px 0px 0px 30px;
    }
   /* .section-imgs-text .fullwidth-text .text-padding {
        padding:0px 30px 0px 30px;
    }*/
    .section-imgs-text .fullwidth-img img{
        margin-bottom:30px;
    }
    .section-imgs-text .bgWhite:not(.fullwidth-text){
        display:flex;
        align-items:center;   
    }
}

/** LOYALTY BUTTON
======================*/

.loyalty-icon {
    width: 20px;
    height: auto;
}

header .black {
    border: 2px solid var(--black23) !important;
    color: var(--black23) !important;
}

.dropdown:hover .loyalty-menu {
    display: block;
    top: 28px;
    padding: 0.5rem;
    min-width: 235px;
    left: -110px;
    border: none;
    border-radius: 0;
}

.loyalty-menu>.mt-2>.col-6 {
    text-align: center;
}

#loyaltyDropdown .show {
    display: none;
    transform: none !important;
    inset: 0 !important;
}

html:lang(ru), html:lang(el), html:lang(fr), html:lang(de), html:lang(it) {
    .dropdown:hover .loyalty-menu {
        width: 340px;
        left: -150px;
    }
}

@media (max-width: 565px) {
    .loyalty-menu {
        display: none !important;
    }
    .loyalty-icon {
        width: 15px;
    }
}

.indentedList {
    margin: 0 0 1rem 50px;
}
.indentedList li {
    padding-bottom: 12px;
}