:root {
    --fontManrope: 'Manrope', sans-serif;
    --fontTinos: "Tinos", sans-serif;
    --white: #fff;
    --black: #000; /*body Color*/
    --grey-bg:#F5F4F2; /*EFEFEF;*/
    --main-color:#3A4C72; /*Blue*/
    --secondary-color:#C7B299; /*gold*/
    --secondary-darker-color:#96754D; /*gold darker*/
    --secondary-color-light:#f0ebe3; /*gold ligther dbd0c1*/
    --gray:#959391;
    --h4-size: 30px;
    /*--secondary-color-opacity:rgba(199, 178, 153, 0.55);*/    

    interpolate-size: allow-keywords;
    --plyr-color-main: #000;
}

.bg-color{
    background-color:var(--grey-bg);
}
.bg-main-color{
    background-color:var(--main-color);
    color:var(--white);
}
.bg-secondary-color{
    background-color:var(--secondary-color);
    color:var(--white);
}
.bg-white{
    background-color:var(--white);
}

html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  cursor: auto;
}
body {
    font-family: var(--fontManrope);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 300;
    color: var(--black);
    text-align: center;
    transition: background-color .5s;
    line-height:1.6;
    cursor: auto;
    background-color:var(--grey-bg);
}
@media (max-width: 767px) {
    body {
        font-size: 18px;
    }
}
button, .btn {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
button:focus,
.btn.focus,
.btn:focus,
input:focus,
select:focus,
textarea:focus{
  outline: 0;
  box-shadow: none !important;
}

a{
  text-decoration: underline;
  color: var(--main-color);
  transition: transform 0.25s ease-out;
}
a:hover{
    text-decoration: none;
    transition: transform 0.25s ease-out;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity:0;
}
      
.fit-img{
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}

/*Button
=============================*/
.btn,
.underline-btn {
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  text-decoration:none;
  z-index:1;
  background:rgba(0,0,0,0.01);
}
.btn {
  line-height: 1;
  color: var(--black);
  padding: 14px 20px;
}
.btn--book,
.btn--more{
  color: var(--white);
}
.btn--book:before,
.btn--book:after,
.btn--more:before,
.btn--more:after,
.btn--bordered:before,
.btn--bordered:after{
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    transition: all 0.5s ease;
}
.btn--book:before,
.btn--more:before,
.btn--bordered:before{
    width: 100%;
    background: var(--main-color);
    z-index:-2;
}

.btn--bordered:before{
    background: var(--white);
    border:var(--main-color) solid 1px; 
}
.btn--book:after,
.btn--more:after,
.btn--bordered:after{
  width: 0;
  left: 100%;
  z-index: -1;
}
.btn--book:hover:after,
.btn--more:hover:after,
.btn--bordered:hover:after{
  width: 100%;
  left: 0;
  background: var(--secondary-color);
  transition: width 0.5s ease;
}
.btn--bordered:hover:after{
    background: var(--main-color);
}
.btn--bordered {
  color: var(--main-color)!important;
}
.btn:hover {
  color: var(--main-color)!important;
}

.btn--bordered:hover {
  color: var(--white)!important;
}


.btn--bordered.black {
  color: var(--black)!important;
}
.btn--bordered.black:before{
    border:var(--black) solid 1px; 
}
.btn--bordered.black:hover:after{
    background: var(--black);
}
.btn--bordered.black:hover {
  color: var(--white)!important;
}

.underline-btn,
.underline-btn:hover{
    display: inline-block;
    color: var(--main-color)!important;
}
.underline-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  /*width: 0;*/
  width: 100%;
  height: 1px;
  background-color: var(--main-color);
  transition: all 0.5s ease;
}
.underline-btn:hover::before {
 /* width: 100%;*/
 width: 0;
}
.underline-btn.black,
.underline-btn.black:hover{
    color: var(--black)!important;
}
.underline-btn.black:before {
     background-color: var(--black);
}
.underline-btn.white,
.underline-btn.white:hover{
    color: var(--white)!important;
}
.underline-btn.white:before {
     background-color: var(--white);
}

header .btn--book:before{
   /* background: var( --secondary-color);*/
}
@media (max-width: 575px) {
    header .btn--book {
        padding: 12px 12px;
        font-size: 12px;
    }
}


/*HEADERS
===================== */
h1, .h1,
h2, .h2,
h3, .h3 {
    font-family: var(--fontTinos);
    color: var(--main-color);
    font-weight: 400;
    word-wrap: break-word;
    line-height:1;
    margin: 0px 0 30px;
}
h1, .h1 {
    font-size: 60px;
}
h2, .h2{
    font-size: 40px;
}

h3, .h3{
    font-size: 30px;
}
.h3.smaller {
       font-size: 28px;
}
h1 span,
h2 span,
.h2 span,
.section-subtitle {
  display: block;
  text-transform: none;
  position: relative;
  font-size: 30px;
  font-weight: 700;
  font-style:italic;
  margin-top: 20px;
  color: var(--secondary-color);
  background: rgba(0, 0, 0, 0.005);
}
.sm-header {
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    margin-top: 20px;
    color: var(--secondary-color);
    background: rgba(0, 0, 0, 0.005);
}
.sm-header a{
    color: var(--secondary-color);
}
@media (max-width: 1199px) {
    h1, .h1 {
        font-size: 40px;
    }
    h2, .h2 {
        font-size: 36px;
    }
    h3, .h3{
        font-size: 28px;
    }
    .h3.smaller {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    h1, .h1 {
        font-size: 36px;
    }
    h2, .h2 {
        font-size: 32px;
    }
    h3, .h3,
    .sm-header,
    h1 span,
    h2 span,
    .h2 span,
    .section-subtitle {
        font-size: 26px;
    }
}
@media (max-width: 575px) {
    h1, .h1 {
        font-size: 34px;
    }
}

.sm-header a{
    text-decoration:none;
}


/*SPACING
==============================*/

.mt-offset{
    margin-top:120px;
}
.pt-offset{
    padding-top:100px;
}
.pb-offset{
    padding-bottom:100px;
}
.py-offset{
    padding-top:100px;
    padding-bottom:100px;
}

.py-sm-offset{
    padding-top:60px;
    padding-bottom:60px;
}
@media (max-width: 1199px) {
    .mt-offset{
        margin-top:100px;
    } 
    .pt-offset{
        padding-top:80px;
    }
    .pb-offset{
        padding-bottom:80px;
    }
    .py-offset{
        padding-top:80px;
        padding-bottom:80px;
    }
    .py-sm-offset{
        padding-top:50px;
        padding-bottom:50px;
    }
}
@media (max-width: 991px){
    .mt-offset{
        margin-top:80px;
    } 
    .pt-offset{
        padding-top:60px;
    }
    .pb-offset{
        padding-bottom:60px;
    }
    .py-offset{
        padding-top:60px;
        padding-bottom:60px;
    }
    .py-sm-offset{
        padding-top:40px;
        padding-bottom:40px;
    }
}
@media (max-width: 767px) {
    .mt-offset{
        margin-top:60px;
    }
    .pt-offset{
        padding-top:40px;
    }
    .pb-offset{
        padding-bottom:40px;
    }
    .py-offset{
        padding-top:40px;
        padding-bottom:40px;
    }     
}

.px-container-space {
    padding-left:20px;
    padding-right:20px;
}
@media screen and (min-width: 992px) {
    .px-container-space {
        padding-left:50px;
        padding-right:50px;
    }   
}
@media screen and (min-width: 1200px) {
    .px-container-space {
        padding-left:60px;
        padding-right:60px;
    }  
}
@media screen and (min-width: 1400px) {
    .px-container-space {
        padding-left:80px;
        padding-right:80px;
    } 
}



/*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;
    font-size:14px;
    font-weight:500;
    font-family: var(--fontManrope);
    color: var(--white);
}
.headerBg,
.no-slider header{
    background-color: var(--secondary-color);/*var(--white)*/
}
.logo img{
    filter: brightness(0) invert(1); 
    height: 100px;
    transition: all ease-out .5s;
} 
/*.no-slider header .logo img, */
.scrolled header .logo img {
    height: 90px;
    /*filter:none;*/
}

@media (max-width: 991px){
    .logo img{
        height: 80px;  
    }
    /*.no-slider header .logo img, */
    .scrolled header .logo img {
        height: 70px;
    }
}
header .main-header{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid var(--white);
    margin-left:20px;
    margin-right:20px;
    position:relative;    
}
.scrolled header .main-header,
.no-slider header .main-header{
    border-bottom: 0;
}
@media screen and (min-width: 992px) {
    header .main-header{
        margin-left:50px;
        margin-right:50px;
    }   
}
@media screen and (min-width: 1200px) {
    header .main-header{
        margin-left:60px;
        margin-right:60px;
    }  
}
@media screen and (min-width: 1400px) {
    header .main-header{
        margin-left:80px;
        margin-right:80px;
    }  
}

@media (max-width: 767px){
    .logo img{
        height: 70px;  
    }
    /*.no-slider header .logo img, */
    .scrolled header .logo img {
        height: 60px;
    }
}
/* LANGUAGES
=============================== */ 
.languagesDrop .dropdown-toggle {
    color: var(--white);
    font-size: 14px;
    background:rgba(0,0,0,0.01);
}
.dropdown-toggle.show {
       animation: none!important;
}
.languagesDrop .dropdown-toggle::after {
    border: none !important;
    background: url(../images/arrow-down.svg) no-repeat;
    /* background-size: contain; */
    width: 12px;
    height: 8px;
    vertical-align: middle;
    margin-left: 2px;
     filter: brightness(0) invert(1); 
}
/*
.scrolled .languagesDrop .dropdown-toggle::after,
.no-slider .languagesDrop .dropdown-toggle::after{
    filter:none;
}*/
.languagesDrop a {
    color: var(--white)!important;
    text-decoration: none;
    font-size: 14px;
}
 .languagesDrop .dropdown-menu{
    top:20px!important;
    min-width: 40px;
    border-radius: 0;
    background-color: var(--color-header);
    padding:4px 8px;
    text-align:left;
    border:0;
 }
 .languagesDrop .dropdown-item {
    display: block;
    padding: 0px;
 }
 .languagesDrop .dropdown-item:hover {
    background:none;
    color: var(--color-header);
 }
 @media (max-width: 767px){
    .languagesDrop .dropdown-toggle,
    .languagesDrop a {
        font-size: 14px;
    }
 }
 /*
.scrolled header a:not(.btn--book),
.no-slider header a:not(.btn--book),
.scrolled .languagesDrop .dropdown-toggle,
.no-slider .languagesDrop .dropdown-toggle{
    color: var(--main-color)!important;    
}
*/

/*HEADER RIGHT COL*/
.headerMenuLinks {
    transition: text-shadow .3s ease;
    display:flex;
    padding-right:10px;
}
.headerMenuLinks a {
    padding: 0 8px;
    text-transform: uppercase;
    transition: text-shadow .3s ease;
    text-decoration:none;
    position:relative;
    line-height:1;
    color:var(--white);
}
.headerMenuLinks > a:not(:last-child) {
    border-right: 1px solid var(--white);
}
.headerMenuLinks a:before {
     content: "";
  position: absolute;
  left: 8px;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--white);
  transition: all 0.5s ease;
}
.headerMenuLinks a:hover::before {
  width: calc(100% - 16px);
}
@media (max-width: 1024px){
   .headerMenuLinks {
       font-size:12px;
   }
}
@media (max-width: 991px){
    .headerMenuLinks {
        display:none;
    }
}
 /*TELEPHONE & EMAIL BUTTON
=====================================*/
.navContactInfo {
    font-size:12px;
    letter-spacing:.5px;
    display:flex;
    margin-right:10px;
}
.navContactInfo > div:not(:last-child) {
    margin-right:10px;
}
.navContactInfo a{ 
    text-decoration:none;
        color:var(--white);
}
 .navContactInfo img{
    height:24px; 
    filter: brightness(0) invert(1);
 }
@media (min-width: 768px){
    .navContactInfo {
        position: absolute;
        top: 5px;
        right: 0;
        margin-right:0px;
    }
    .navContactInfo > div:not(:last-child) {
        margin-right:20px;
    }
    .navContactInfo img{
        height:18px; 
    }
}
/*
 body:not(.scrolled):not(.no-slider) .navContactInfo img {
    filter: brightness(0) invert(1);
 }*/
.navContactInfo span{
    display:none;
}
@media (min-width: 768px){
     .navContactInfo div:not(.email-icon) span{
         display:inline-block;
    }
}

/*NAV BUTTON
=====================================*/
header .left-col { /*btn space holder*/
    padding-left:60px;
}
.main_navigation-holder {
    position:relative;
    z-index: 1080;
}
.nav-but-wrap {
    transition: all 0.3s ease-out;
    position: fixed;
    top: 27px;
    left: 20px !important;
    z-index: 1090;
    flex-direction: column;
    display: flex;
}
.scrolled .nav-but-wrap {
    top: 22px;
}
@media (min-width: 768px) {
    .nav-but-wrap {
        top: 28px;
    }
    .scrolled .nav-but-wrap {
         top: 24px;
    }
}
@media screen and (min-width: 992px) {
     .nav-but-wrap {
        top: 39px;
        left: 50px !important;
    } 
    .scrolled .nav-but-wrap {
         top: 34px;
    }
}
@media screen and (min-width: 1200px) {
     .nav-but-wrap {
        left: 60px !important;
    }   
}
@media screen and (min-width: 1400px) {
     .nav-but-wrap {
        left: 80px !important;
    }   
}
.menu-icon {
    height: 28px;
    width: 30px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: block;
}
.menu-icon__line {
    height: 2px;
    width: 30px;
    display: block;
    background-color: var(--white);
    margin-bottom: 7px;
    cursor: pointer;
    -webkit-transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
    transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, background-color 0.5s ease;
    transition: transform 0.2s ease, background-color 0.5s ease,
    -webkit-transform 0.2s ease;
}
/*
.scrolled .menu-icon__line,
.no-slider .menu-icon__line{
    background-color: var(--main-color);
}*/
.menu-icon__line:nth-child(2) {
    width: 18px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    margin-left:auto;
    margin-right:auto;
}
.menu-icon:hover .menu-icon__line:nth-child(2) {
    width: 30px;
}
.is-clicked .menu-icon .menu-icon__line {
    opacity: 0;
    background-color: var(--black);
}
.is-clicked .menu-icon .menu-icon__line:nth-child(1){
    width: 30px;
    opacity: 1;
    -webkit-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}
.is-clicked .menu-icon  .menu-icon__line:nth-child(3) {
    width: 30px;
    opacity: 1;
    -webkit-transform: translateY(-16px) rotate(-45deg);
    -ms-transform: translateY(-16px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}
.nav-btn-text {
    font-size:11px;
    line-height:1;
    color:var(--white);
    text-transform: uppercase;
    cursor:pointer;
    background:rgba(0,0,0,0.01);
}
.is-clicked .nav-btn-text {
    color:var(--black);
}
/*
.scrolled .nav-btn-text,
.no-slider .nav-btn-text,
.is-clicked .nav-btn-text {
    color:var(--main-color);
}*/
@media (max-width: 575px) {
    .menu-icon {
        height: 26px;
    }
   .nav-btn-text {
        font-size:10px;
   }
}

/*NAVIGATION
=============================== */
.main-navigation-visible body{
    padding-right:5px;
    overflow:hidden;
}
#main-navigation{
    display:block;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    -webkit-transition:visibility 350ms,opacity 350ms;
    transition:visibility 350ms,opacity 350ms;
    font-weight:lighter;
    z-index:60;
    text-align:left;
    font-size:1.6vw;
    line-height:1.4;
   
}
#main-navigation .submenu {
    font-size:1.2vw;
     line-height:1.2;
}
#main-navigation ul{
    list-style-type:none;
}

@media (max-width: 1199px){
    #main-navigation{
        font-size: 22px;
    }
    #main-navigation .submenu {
        font-size: 18px;
    }
}
@media (max-width: 767px){
    #main-navigation{
        font-size:20px
    }
    #main-navigation .submenu {
        font-size: 18px;
    }
}
#main-navigation .overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:100%;
    left:0;
    background-color: var(--grey-bg); /*var(--white); */
    -webkit-transition:bottom 525ms cubic-bezier(0, 1, 0, 1);
    transition:bottom 525ms cubic-bezier(0, 1, 0, 1);
    -webkit-transition-delay:350ms;
    transition-delay:350ms
}
/*
@media (min-width: 768px){
    #main-navigation .overlay:after{
        content:"";
        width:100%;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        background:var(--color-header);
    }  
}*/
.main-navigation-visible #main-navigation{visibility:visible;opacity:1;-webkit-transition:visibility 0ms, opacity 0ms;transition:visibility 0ms, opacity 0ms}
.main-navigation-visible #main-navigation .overlay{bottom:0;-webkit-transition-delay:0ms;transition-delay:0ms}

 #main-navigation>.wrapper{
    position:relative;
    padding-top:140px;
    height:100%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    -webkit-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-transition:padding-top 350ms,-webkit-transform 1400ms;
    transition:padding-top 350ms,-webkit-transform 1400ms;
    transition:transform 1400ms,padding-top 350ms;
    transition:transform 1400ms,padding-top 350ms,-webkit-transform 1400ms;
    -webkit-transition-delay:350ms;
    transition-delay:350ms
 }
@media only screen and (max-width: 767px){
    #main-navigation>.wrapper{
        padding-top:100px;
    }
 }
 .main-navigation-visible #main-navigation>.wrapper{-webkit-transform:none;transform:none;-webkit-transition-delay:70ms;transition-delay:70ms}
 #main-navigation li{position:relative}

 #main-navigation a{
    display:inline-block;
    position:relative;
    text-decoration:none;
    color:var(--black);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    padding-bottom:10px;
    font-weight: 400;
    font-family: var(--fontManrope:);
 }
 #main-navigation a:hover,
 #main-navigation a:focus,
 #main-navigation a.active{
    text-decoration: none;
    opacity:.5;
}
 #main-navigation a:after {
  position: absolute;
  content: "";
  /*top: 50%;*/
  bottom:10px;
   left: 0px;
  /*left: calc(50% - 10px);*/
/*  transform:translateX(-50%);*/
  width: 0;
  height: 1px;
  opacity: 1;
  background-color: var(--black);
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
 #main-navigation a:hover:after,
 #main-navigation a:focus:after,
 #main-navigation a.active:after{
  width: 100%;
}
/*
#main-navigation .main-menu{position:relative;display:inline-block;z-index:10; font-family: var(--fontManrope);}*/

@media only screen and (max-width: 767px){
    #main-navigation .main-menu{width:100%}
    #main-navigation .main-menu .menu.level-1>li>a{
        margin-right:10px;
    }
}
@media only screen and (min-width: 768px){
    #main-navigation .main-menu .menu.level-1 {
        width:300px;   
    }
}    
    
#main-navigation .main-menu .menu.level-1>li{
    opacity:0;-webkit-transition:opacity 350ms;transition:opacity 350ms;
}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li{opacity:1}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(1){-webkit-transition-delay:60ms;transition-delay:60ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(2){-webkit-transition-delay:120ms;transition-delay:120ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(3){-webkit-transition-delay:180ms;transition-delay:180ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(4){-webkit-transition-delay:240ms;transition-delay:240ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(5){-webkit-transition-delay:300ms;transition-delay:300ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(6){-webkit-transition-delay:360ms;transition-delay:360ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(7){-webkit-transition-delay:420ms;transition-delay:420ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(8){-webkit-transition-delay:480ms;transition-delay:480ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(9){-webkit-transition-delay:540ms;transition-delay:540ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(10){-webkit-transition-delay:600ms;transition-delay:600ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(11){-webkit-transition-delay:660ms;transition-delay:660ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(12){-webkit-transition-delay:720ms;transition-delay:720ms}
.main-navigation-visible #main-navigation .main-menu .menu.level-1>li:nth-child(13){-webkit-transition-delay:780ms;transition-delay:780ms}
/*
@media only screen and (max-width: 767px){

}
*/

#main-navigation .main-menu .menu.submenu a:after {
    display:none;   
}
@media only screen and (min-width: 768px){
    #main-navigation .main-menu .menu.submenu{
        width:calc(60vw - 200px);
        position:absolute;
        left:300px;
        padding-left:1.800em;
        top:0.52em;
       /* font-size:0.83em;*/
        color-space:nowrap;opacity:0;visibility:hidden;
        -webkit-transform:translateX(-30px);transform:translateX(-30px);
        -webkit-transition:opacity 116.6666666667ms,visibility 116.6666666667ms,-webkit-transform 350ms 116.6666666667ms;
        transition:opacity 116.6666666667ms,visibility 116.6666666667ms,-webkit-transform 350ms 116.6666666667ms;
        transition:opacity 116.6666666667ms,visibility 116.6666666667ms,transform 350ms 116.6666666667ms;
        transition:opacity 116.6666666667ms,visibility 116.6666666667ms,transform 350ms 116.6666666667ms,-webkit-transform 350ms 116.6666666667ms
    }
    /*.mobile-device #main-navigation .main-menu .menu.submenu:after{display:none}*/
}

/*
@media only screen and (min-width: 768px) and (max-width: 767px){
    #main-navigation .main-menu .menu.submenu:after{display:none}
}*/
@media only screen and (min-width: 768px){
    #main-navigation .main-menu .menu.submenu li{opacity:0;-webkit-transition:opacity 350ms 116.6666666667ms;transition:opacity 350ms 116.6666666667ms}
    #main-navigation .main-menu .parent.expanded>.submenu{opacity:1;-webkit-transform:none;transform:none;
        -webkit-transition:opacity 350ms,visibility 350ms,-webkit-transform 420ms;
        transition:opacity 350ms,visibility 350ms,-webkit-transform 420ms;
        transition:opacity 350ms,visibility 350ms,transform 420ms;
        transition:opacity 350ms,visibility 350ms,transform 420ms,-webkit-transform 420ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu:after{
        left:0.600em;-webkit-transition:left 350ms;transition:left 350ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li{
        opacity:1;-webkit-transition:opacity 350ms;transition:opacity 350ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(1){
        -webkit-transition-delay:135ms;transition-delay:135ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(2){
            -webkit-transition-delay:235ms;transition-delay:235ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(3){
        -webkit-transition-delay:335ms;transition-delay:335ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(4){
        -webkit-transition-delay:435ms;transition-delay:435ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(5){
        -webkit-transition-delay:535ms;transition-delay:535ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(6){
        -webkit-transition-delay:635ms;transition-delay:635ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(7){
        -webkit-transition-delay:735ms;transition-delay:735ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(8){
        -webkit-transition-delay:835ms;transition-delay:835ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(9){
        -webkit-transition-delay:935ms;transition-delay:935ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(10){
        -webkit-transition-delay:1035ms;transition-delay:1035ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(11){
        -webkit-transition-delay:1135ms;transition-delay:1135ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(12){
        -webkit-transition-delay:1035ms;transition-delay:1235ms
    }
    #main-navigation .main-menu .parent.expanded>.submenu li:nth-child(13){
        -webkit-transition-delay:1135ms;transition-delay:1335ms
    }
    .main-navigation-visible #main-navigation .main-menu .parent.expanded>.submenu{
        visibility:visible
    }

}
@media only screen and (max-width: 767px){
    #main-navigation .main-menu .menu.submenu{
        padding:0;margin:0 40px 0 20px;
        font-size:0.8em;
        overflow:hidden;max-height:0;
        -webkit-transition:max-height 222ms cubic-bezier(0, 1, 0, 1),padding 444ms;transition:max-height 222ms cubic-bezier(0, 1, 0, 1),padding 444ms
    }
    #main-navigation .main-menu .menu.submenu a{padding:0.3em 0}
    #main-navigation .main-menu .parent.expanded>.submenu{
        max-height:800px;padding:0 0 30px 0;
        -webkit-transition:max-height 222ms cubic-bezier(1, 0, 1, 0),padding 444ms;transition:max-height 222ms cubic-bezier(1, 0, 1, 0),padding 444ms
    }
}

#main-navigation .main-menu .arrow {
    position: relative;
    display: none;
    font-size: inherit;
    height: 0.6em;
    width: 0.6em;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
}
@media (min-width: 768px) {
        #main-navigation .main-menu .arrow{
        background: url(/images/arrow-right.svg) no-repeat center center;
        background-size: auto 20px;
        position: absolute;
        top: 8px;
        filter: brightness(0);
        width: 26px;
        height: 24px;
        margin: 0 10px;
    }
    #main-navigation .main-menu .parent:hover>.arrow, 
    #main-navigation .main-menu .parent.expanded>.arrow {
         display: inline-block;
    }
}
@media (min-width: 1200px){
    #main-navigation .main-menu .arrow{
        top: 20%;
    }
}
    
@media (max-width: 767px) {
    #main-navigation .main-menu .arrow,
    .mobile-device #main-navigation .main-menu .arrow {
        display: inline-block;
        background: url(/images/arrow-down.svg) no-repeat center center;
        background-size: auto 10px;
        position: absolute;
        top: 10px;
       /* filter: brightness(0) invert(1);*/
    }
    .mobile-device #main-navigation .main-menu .parent.expanded>.arrow {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
    }
}
/**/
.main-menu-btns {
    padding-top:20px;
    /*font-size:24px;*/
        font-size: 1.4vw;
}
@media (max-width: 767px) {
    .main-menu-btns {
        font-size: 18px;
    }
}
.main-menu-btns a:after{
    display:none;
}
.main-navigation-visible #main-navigation .main-menu-btns {
    -webkit-transition-delay:780ms;
    transition-delay:780ms
}


.burger-img-bg {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 35%;
    display:flex;
    flex-direction:column;
        
}
.burger-img-bg:before{
    content:"";
    position:absolute;
     top: 0px;
    bottom: 0px;
    left:0px;
    right:0px;
    background: var(--white) url(/media/rpbikx4m/astir-odysseus-kos-menu-image.jpg?quality=80) no-repeat top;
    opacity: 0.8;
    /*background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(191 139 108 / 22%) 70%, rgb(191 139 108) 85%, rgb(191 139 108) 100%);
  background: linear-gradient(to right, rgba(191, 139, 108, 1) 0%, rgba(191, 139, 108, 0) 49%, rgba(191, 139, 108, 1) 100%);*/
  
}
@media (max-width: 1199px){
    .burger-img-bg {
        display:none;
    }
}

.menu-contact {
    font-size: 16px;
    color: var(--black);
    opacity: 1;
    position: relative;
    font-weight: 300;
    margin-top: auto;
    padding-bottom: 30px;
    padding-right: 80px;
    text-align:right;
}
    
.menu-contact a{
    text-transform: unset!important;
       font-weight: 300!important;
}  
.menu-contact a:after{
    display:none;  
    
}
/*SLIDER
=============================== */
.noSlider-holder {
    height: 120px;
}
@media (max-width: 991px) {
    .noSlider-holder {
        height: 100px;
    }
}
@media (max-width: 767px) {
    .noSlider-holder {
        height: 90px;
    }
}

/*
.topMedia {
    height: 100%;
    position: relative; 
}*/
/*=== Carousel Slider
=====================================*/
#bigCarousel .carousel-item,
#bigCarousel {
    position: relative;
    height: 100vh;
}
#bigCarousel .carousel-control-prev,
#bigCarousel .carousel-control-next {
    visibility: hidden; }
#bigCarousel:hover .carousel-control-prev,
#bigCarousel:hover .carousel-control-next {
    visibility: visible; }
    
#bigCarousel img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}

.carousel-control-next, .carousel-control-prev {
    width:10%;
}
#bigCarousel .carousel-control-next-icon {
  background-image: url(../images/arrow-right.svg)!important;
  filter: brightness(0) invert(1);

}
#bigCarousel .carousel-control-prev-icon {
  background-image: url(../images/arrow-right.svg)!important;
  filter: brightness(0) invert(1);
transform:          rotate(180deg);
  -ms-transform:      rotate(180deg);
  -moz-transform:     rotate(180deg);
  -webkit-transform:  rotate(180deg);
  -o-transform:       rotate(180deg);

}
#bigCarousel .carousel-control-next-icon, 
#bigCarousel .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) {
      #bigCarousel .carousel-item,
      #bigCarousel {
        height: 500px !important;
      }
}
@media screen and (max-width: 575px) {
  #bigCarousel .carousel-item,
  #bigCarousel {
    height: 350px;
  }
}

.contentOverSlider {
    position: absolute;
    z-index: 9;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:100%;
        font-family: var(--fontManrope);
    font-weight: 300;
    color: var(--white);
    font-size: 50px;
    line-height:1;
    text-align: center;
    background:rgba(0,0,0,0.001);
    text-transform: uppercase;
}
@media (max-width: 1199px) {
    .contentOverSlider {
        font-size: 48px;
    }
}
@media (max-width: 991px){
    .contentOverSlider {
        font-size: 48px;
    }
}
@media (max-width: 575px) {
    .contentOverSlider {
        font-size: 30px;
    }
}

/* Video
=================================== */
.mainVideoSlider {
        position: relative;
        height: 100vh;
    }
.mainVideoSlider video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
@media screen and (max-width: 991px) {
    .mainVideoSlider, .mainVideoSlider video {
        height: 450px;
    }
}
@media screen and (max-width: 767px) {
    .mainVideoSlider, .mainVideoSlider video {
        height: 400px;
    }
}
@media screen and (max-width: 480px) {
    .mainVideoSlider, .mainVideoSlider video {
        height: 350px;
    }
}


.plyr__video-embed iframe {
	top: -20%!important;
	height: 140%!important;
}

@media screen and (min-width: 1480px) {
    .YTvideo-placement {
        height:100vh;
        overflow:hidden;
    }
    .plyr__video-embed iframe {
    	top: -60px!important;
    	height: 100%!important;
    }
}

.YTvideo-placement .plyr__volume input[type=range],
.YTvideo-placement .plyr__controls__item.plyr__menu,
.YTvideo-placement .plyr--fullscreen-enabled [data-plyr=fullscreen]{
    display:none!important;
}
.YTvideo-placement .plyr--video .plyr__controls {
    max-width: 740px;
    margin: auto;
    bottom: 140px;
    background:transparent!important;
}
@media (max-width: 1199px){   
  .YTvideo-placement .plyr--video .plyr__controls {
      max-width: 90%;
    bottom: 20px;
  }
}
    
@media (max-width:767px){   
    .YTvideo-placement .plyr--video .plyr__controls {
        bottom: 20px;
    }  
}
    
.YTvideo-placement .plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 1!important; 
    pointer-events: none; 
    transform: none!important;
}

.YTvideo-placement .plyr--video .plyr__controls,
.plyr--full-ui.plyr--video .plyr__control--overlaid{
      display:none!important;
}


/*BOOKING FORM
=======================*/
.section-booking-form {
    background: var(--secondary-color-light);
    position:fixed;
    z-index: 1079;
    bottom: 0;
    width: 100%;
}
@media (max-width: 767px) {
    .section-booking-form {
        display:none;
    }
}
.bookingForm {
    padding: 10px 0;
}
.bookingForm .h3 {
    font-family:var(--fontManrope);
    display:none;
    color: var(--secondary-darker-color);
    text-transform: uppercase;
    font-weight: 400;
    font-size:28px;
    margin:0;
    text-align: left;
    width:220px;
}
@media (max-width: 1199px) {
    .bookingForm .h3 {
        font-size:22px;
    }
}
@media (min-width: 992px) {
    .bookingForm {
        display: flex;
        align-items:center;
        padding: 10px 0;
    }
    .bookingForm .h3 {
        display:block;
    }
    .bookingForm-holder {
        width:calc(100% - 220px);
    }
}
@media (min-width: 1200px) {
    .bookingForm .h3 {
        width:280px;
    }
    .bookingForm-holder {
        width:calc(100% - 280px);
    }
}
.bookingForm .column {
    width: calc(16.66666667% - 16px);
    margin: 0px 8px;
}
.bookingForm .column-btn{
    width: calc(16.66666667% - 8px);
    margin: 0 0 0px 8px;
}
.bookingForm .form-label {
    font-weight: 200;
    margin-bottom: 0;
    display: block;
    font-size: 14px;
    text-align:left;
}
@media (min-width: 992px) {
  .bookingForm .form-label {
          font-size: 16px;
  }
}
@media (min-width: 1480px){
    .bookingForm .column {
        width: 16.66666667%;
        padding: 0px 20px;
    }    
}
@media (min-width: 1600px){
    .bookingForm .column {
        padding: 0px 30px;
    }
}

.bookingForm .form-control {
  border: none;
  border-radius: 0px;
  cursor: pointer;
  background-color: transparent;
  box-shadow: none;
  outline:none;
    padding: 2px 22px 4px 0px;
    border-bottom:solid 1px #C1C1C1;
      font-size: 14px;
}
.bookingForm input.form-control {
    padding: 2px 0px 4px 0px;
}
.bookingForm select,
.bookingForm select:focus{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url("/images/arrow-down.svg") no-repeat;
  background-position: right 2px top 60%;
}
.bookingForm select:focus {
    background: transparent;
}
@media (min-width: 992px) {
  .bookingForm .form-control {
          font-size: 16px;
  }
}

.bookingForm input{
    background: transparent url("/images/calendar.svg") no-repeat;
    background-position: right 2px top 60%;
    background-size: 12px;
}

/*Breadcrumb
============================*/    
/*.breadcrumb {
    color: var(--secondary-color);
    font-family: var(--fontManrope);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin:0;
    padding-top:10px;
}
@media (max-width: 767px){
    .breadcrumb {
        display:none;
    }
 }
.breadcrumb li+li:before {
    padding: 8px;
    color:  var(--gray);
    content: "\276F";
    font-size: 12px;
    font-weight: 300;
}
.breadcrumb a {
    color: var(--gray);

    text-decoration: none;
    font-weight: 400;
 }
.breadcrumb a:hover {
    color: var(--gray);
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .breadcrumb {
        font-size:14px;
    }    
} */

/*swiper
=========================*/
.swiper-navigation-icon {
    display:none;
}
.swiper-button-next,
.swiper-button-prev {
    top: 30px !important;
    background: url(../images/arrow.svg) no-repeat center center !important;
    width: 70px;
    height: 50px;
    background-size: contain !important;
}
.swiper-button-prev {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    left: unset;
    right: 80px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    display:none;  
}
@media screen and (min-width: 768px) {
    .holder-arrows-left{
        padding-left: 25%;
    }
    .holder-arrows-left .swiper-button-next{
        right:unset;
         left: calc(4% + 80px);
    }
    .holder-arrows-left .swiper-button-prev {
        right:unset;
         left: 4%;
    }
}
@media screen and (min-width: 992px) {
    .holder-arrows-left{
        padding-left: 20%;
    }

}
@media screen and (min-width: 1600px) {
    .holder-arrows-left{
        padding-left: 16%;
    }
}

.holder-arrows-bottom{
    padding-bottom:70px;
}
.holder-arrows-bottom .swiper-button-next,
.holder-arrows-bottom .swiper-button-prev {
    top: unset !important;
    bottom: 0px !important;
}
.holder-arrows-bottom .swiper-button-prev {
    right:unset;
    left: calc(50% - 75px);
   /* -webkit-transform: translateX(calc(50% - 80px)) rotate(180deg);*/
}
.holder-arrows-bottom .swiper-button-next{
    right:calc(50% - 75px);
    left: unset;
   /* -webkit-transform: translateX(calc(50% + 35px));*/
}


.holder-arrows-bottom.outside-desktop .swiper {
    padding-bottom:50px;
    
}
@media screen and (max-width: 767px) {
    .holder-arrows-bottom.outside-desktop .swiper-button-next,
    .holder-arrows-bottom.outside-desktop .swiper-button-prev {
        top: unset !important;
        bottom: 20px !important;
    }
}
@media screen and (min-width: 768px) {
    .holder-arrows-bottom.outside-desktop .swiper  {
        padding-bottom:0px;
    }
    .holder-arrows-bottom.outside-desktop .swiper-button-next,
    .holder-arrows-bottom.outside-desktop .swiper-button-prev {
        top: 50% !important;
        transform: translateX(-50%);
        bottom: unset !important;
    }
    .holder-arrows-bottom.outside-desktop .swiper-button-next {
        right:-35px;
        left: unset;
    }
    .holder-arrows-bottom.outside-desktop .swiper-button-prev {
        left:0px;
        -webkit-transform: rotate(180deg);
    }
}
.awards-section .swiper-button-next,
.awards-section .swiper-button-prev {
    background: url(../images/arrow-only.svg) no-repeat center center !important;
} 
/*
.swiper-pagination {
    text-align: right !important;
    left: -20px;
    bottom: 0px;
}
.swiper-pagination-bullet-active {
  background-color: var(--color-default) !important;
}
swiper-pagination-clickable .swiper-pagination-bullet {
  background-color: var(--color-default);
}*/




/*CONTENT
============================*/
@media (min-width: 992px) {
    .content-max-width {
        max-width:900px;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
}

@media screen and (min-width: 768px) {
    .intro-text-section .place-text,
    .section-text-img .place-text{
        padding: 0 15%;
        text-align: center;
    }
}
@media screen and (min-width: 992px) {
    .intro-text-section .place-text,
    .section-text-img .place-text{
        padding: 0 5% 0 15%;
        text-align: end;
    }
    .section-text-img .revert .place-text{
        padding: 0 15% 0 5%;
        text-align: start;
    }
}
@media screen and (min-width: 1200px) {
    .intro-text-section .place-text,
    .section-text-img .place-text{
        padding: 0 5% 0 30%;
    }
    .section-text-img .revert .place-text{
        padding: 0 30% 0 5%;
        text-align: start;
    }
}
@media screen and (min-width: 1600px) {
    .intro-text-section .place-text,
    .section-text-img .place-text{
        padding: 0 5% 0 33%;
    }
    .section-text-img .revert .place-text{
        padding: 0 33% 0 5%;
        text-align: start;
    }
}
@media screen and (max-width: 991px) {
    .section-text-img .place-img {
        padding-top: 20px;
        padding-bottom: 20px;
    }
} 


.section-stay-carousel .text-holder{
    padding-bottom:20px;
}
.section-stay-carousel .box-text{
    padding-top:15px;
    text-align:left!important;
}
.section-stay-carousel .box-text .title{
    font-weight:700;   
    border-bottom:solid 1px var(--secondary-color);
    padding-left:20px;
    padding-right:20px;
    padding-bottom:5px;
    color:var(--secondary-darker-color);
}
.section-stay-carousel .box-text .text-space{
    padding-left:20px;
    padding-right:20px;    
}
@media screen and (min-width: 1200px) {
    .section-stay-carousel .box-text .title {
        min-height:70px;
    }
    .section-stay-carousel .box-text .title,
    .section-stay-carousel .box-text .text-space{
        padding-left: 10%;
        padding-right: 10%;
    }
}

/*REASONS BOXES
=====================================*/
.section-reasons {
    padding:20px;
}
@media screen and (min-width: 992px) {
     .section-reasons {
        padding:50px;
    }   
     .section-reasons .place-img {
         padding-right:10%;
         position:relative;
     }
    .section-reasons .place-img:after {
        content:"";
        width:1px;
        height:100%;
        position:absolute;
        right:9%;
        top:0px;
        background-color:var(--secondary-color);
    }
}
@media screen and (min-width: 1200px) {
    .section-reasons {
        padding:60px;
    }
}
@media screen and (min-width: 1400px) {
    .section-reasons {
        padding:80px;
    }
}
.border-container {
    border:solid 1px var(--secondary-color);
    padding:40px;
}
@media screen and (min-width: 992px) {
    .border-container {
        display:flex;
        flex-direction:row;
    }
}
.section-reasons .bordered{
     border-bottom:solid 1px var(--secondary-color);
     padding-bottom:30px;
}
.reasons-boxes-container {
    display:flex;
    flex-direction:column;
    justify-content: space-around;
}
@media screen and (max-width: 991px) {
   .reasons-boxes-container {
        padding-top:30px;   
   }
}
.reasons-boxes {
    padding-top:20px;
}
.reasons-boxes .column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top:20px;
    padding-bottom:20px;
}
.reasons-boxes .column:not(:last-child) {
    border-bottom:solid 1px var(--secondary-color);  
}
@media (min-width: 768px) {
    .reasons-boxes {
        padding-top:40px;
    }
    .reasons-boxes .column{
        flex: 0 0 auto;
        width: 25%;
    }
    .reasons-boxes .column:not(:last-child) {
        border-bottom:none;  
        border-right:solid 1px var(--secondary-color);  
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .reasons-boxes {
        padding-top:0px;
    }
    .reasons-boxes .column{
        width: 50%;
        margin-bottom:15px;
    }
    .reasons-boxes .column:nth-child(2n){
        border-right:none;  
    }
}
.reasons-boxes a {
    text-decoration:none;
    line-height: 1.2;
}
.reasons-boxes .icon {
    padding-bottom:20px;
}

.reasons-boxes .icon img{
    height:80px;
}
@media screen and (max-width: 1399.99px) {
    .reasons-boxes {
        font-size: 18px;
    }
    .reasons-boxes .icon img{
        height:60px;
    }
}
.section-reasons .btn-right {
    margin-top:30px;
}
@media screen and (min-width: 1200px) {
    .section-reasons .btn-right {
        text-align:right;
    }    
}

/*REASONS text
=====================================*/
.reasons-text-container {
    align-items:center;
}
.reasons-text ol {
    font-family: var(--fontTinos);
    font-weight:700;
    display: flex;
    counter-reset: item;
    margin-top:30px;
}
.reasons-text li {
    list-style: none;
    position: relative;   
    color: var(--secondary-darker-color);
    line-height:1.2;
}
.reasons-text li:before {
    counter-increment: item;
    content: counter(item);
    opacity: .55;
    display:block;
    font-size: 140px;
    color: var(--secondary-color);
    font-weight:400;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .reasons-text ol {
       margin-left:40px;
    }
    .reasons-text li {
        width: 33.33%;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
    .reasons-text li:not(:first-child) {
        border-left:solid 1px var(--secondary-color);  
    }
}
@media screen and (min-width: 992px) {
    .reasons-text ol {
        font-size:24px;
        margin-top:0px;
    }
    .reasons-text li{
        border-left:solid 1px var(--secondary-color); 
    }    
}
@media screen and (min-width: 1200px) {
    .reasons-text li:before {
        font-size: 180px;
    }
}

@media screen and (max-width: 767px) {
    .reasons-text ol {
        flex-direction: column;
    }
    .reasons-text li {
        margin-bottom:30px;
    }
    .reasons-text li:before {
        font-size: 90px;
    }
}


/*CAROUSEL with arrow left
==============================*/
.section-carousel .text-holder{
    padding-bottom:30px;
    font-family: var(--fontTinos);
    color: var(--secondary-darker-color);
    font-weight: 700;
}
@media screen and (min-width: 992px) {
    .section-carousel .text-holder {
        font-size: 24px;
    }
}

.two-cols-box {
    text-align:center;
}
.two-cols-box .box-text:before{
    position:absolute;
    content:"";
    z-index:-1;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.boxesSwiper .swiper-wrapper .swiper-slide:nth-child(odd) .box-text:before{
    background-color: var(--secondary-color);
}
.boxesSwiper .swiper-wrapper .swiper-slide:nth-child(even) .box-text:before{
    background-color: var(--main-color);
}

.two-cols-box .box-text {
     display:flex;  
    flex-direction:column;
    justify-content: center;
    align-items:center;   
    position:relative;
}
@media screen and (max-width: 991px) {
    .two-cols-box .box-text {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:2;
    }  
    .two-cols-box .box-text:before{
        opacity:.5;
    }
}
@media screen and (min-width: 992px) {
    .two-cols-box {
        display:flex;  
    }
    .two-cols-box .box-text,
    .two-cols-box .img-holder{
        width:50%;
    }
}
.two-cols-box{
    color:var(--white)!important;
}
.two-cols-box .title,
.two-cols-box h3 {
        color:var(--white)!important;
    font-style:italic;
}
.two-cols-box .title a ,
.two-cols-box h3 a{
    text-decoration:none;
    color:var(--white);
}
.two-cols-box .text-space{
    padding-left:20px;
    padding-right:20px;    
}
@media screen and (min-width: 992px) {
     .two-cols-box .text-space{
        padding-left: 15%;
        padding-right: 15%;  
    }   
}

/*BODY TEXT
==========================*/
.page-bodytext-section  {
    text-align:center;
}
.page-bodytext-section ul {
    list-style-position:inside;
    margin:0 0 20px 0;
}

/*Block lists - simple rows
===========================================*/
body:not(.homepage) .umb-block-list .mt-offset:first-child{
    margin-top:0;
}
.section-text-img ul,
.text-content ul,
.text-over-img-section ul{
    margin-left: 25px;
    margin-bottom:20px;
}
.section-text-img ul ul,
.text-content ul ul,
.text-over-img-section ul ul{
    margin-left:20px;
}
@media screen and (max-width: 991px) {
    .section-text-img ul {
        list-style-position:inside;
        margin-right: 20px;
    }
}
@media screen and (min-width: 992px) {
    .section-text-img div:not(.revert) > .place-text ul{
        direction: rtl;
        text-align: right;
        margin-left: 0px;
        margin-right: 25px;
    }
}

.section-row-bg{
    color:var(--white);
    margin-top:40px;
    text-align:left;
}
.section-row-bg h2,
.section-row-bg h2 a{
        color:var(--white);
}
.section-row-bg .place-text {
    padding-left:5%;
    padding-right:5%;
}
@media screen and (max-width: 991px) {
    .section-row-bg .place-text {
        padding-bottom: 30px;
    }
}

.section-row-bg.bg-main-color .btn--more:before{
   
    background: var(--secondary-color);
}
.section-row-bg.bg-main-color .btn--more:hover {
    color: var(--white) !important;
}
.section-row-bg.bg-main-color .btn--more:hover:after{
    background: var(--main-color);
}

.section-row-bg.offer-row{
    margin-top:0px;
    text-align:center;
}
.section-row-bg.offer-row:nth-child(odd){
    background-color:var(--secondary-color);
}
.section-row-bg.offer-row:nth-child(even){
    background-color:var(--main-color);
}


/*ROOMS PAGE
==========================*/
@media screen and (min-width: 992px) {
    .all-rooms .room-row:nth-child(odd){
        border:1px solid var(--secondary-color);
        margin-right:40px;
    }
}
@media screen and (max-width: 991px) {
    .all-rooms .place-img{
        margin-bottom:20px;
    }
}
.room-row{
    align-items:center;
    padding-top:40px;
    padding-bottom:40px;
    text-align:left;
}
.room-row h2 a {
    text-decoration:none;
}
.room-row .title{
    font-weight:700;   
    border-bottom:solid 1px var(--secondary-color);
    padding-left:20px;
    padding-right:20px;
    padding-bottom:5px;
    color:var(--secondary-darker-color);
}
.room-row .text-space{
    padding-left:20px;
    padding-right:20px;    
}
@media screen and (min-width: 1200px) {
    .room-row .title,
    .room-row .text-space{
        padding-left: 10%;
        padding-right: 10%;
        margin-left: 5%;
        margin-right: 5%;
    }
}

/*LISTING SUBPAGES
==========================*/
.listing-box {
    margin-bottom:60px;
    text-align:left;
}
.listing-box .sm-header{
    margin-bottom:10px;
}


/** START OF Blog 
================================== */
.blog-section {
    text-align: center;
    color: var(--white);
    background-color: var(--secondary-color);
}
.blog-section h2 {
    color: var(--white);
}
.blogCarousel .swiper-slide {
    width: 20%;
height: initial;    

} 
@media screen and (min-width: 1400px) {
    .blogCarousel .swiper-slide {
           height:480px; 
    }
}
.blogCarousel .swiper-slide:first-child {
    width: 50%; 
} 
.blog-slide-content {
    height:100%;
}
.overlayText {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(58, 76, 114, .82);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: opacity .3s ease;
}
.blogCarousel .swiper-slide:hover .overlayText {
    opacity: 1;   
}
.overlayText h3{
        height: 100%;
     font-size: 26px;
}
.overlayText a{
    display: flex;
    height: 100%;
    align-self: center;
    align-items: center;
    padding:0 15%;
    font-style:italic;
    flex-direction: column;
    justify-content: center;
    text-decoration:none!important;
    color: var(--white);
}
.overlayText .date {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--fontManrope);
    padding-top: 20px;
}
/** START OF INSTAGRAM 
================================== */
.instagram-section .instagram-container{ 
    border: 1px solid var(--secondary-color);
    padding:20px;
} 
.instagram-section .imgs {
    gap:20px;
    flex-wrap: wrap;
}
.instagram-section .InstaThumb {
    width:calc(50% - 10px);
}
@media screen and (min-width: 575px) {
    .instagram-section .InstaThumb {
        width:calc(25% - 15px);
    }
}
.instagram-section .hash {
    font-family: var(--fontTinos);
    font-size:var(--h4-size);
    text-align: center;
    padding: 10px 0 0px 0;
    margin: 0;
    color: var(--main-color);
    font-style: italic;
}

/** START OF TESTIMONIALS 
================================== */
.testimonials-section{
     background-color:var(--gray-light);
     text-align:center;
}
.testimonials-section .testimonials-container{ 
        border: 1px solid var(--secondary-color);
}  
.testimonials-section .rTitle {
    font-family: var(--fontTinos);
    font-style: italic;
    color: var(--main-color);
    font-weight: 700;  
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; 
    gap:20px;
     font-size:var(--h4-size);
    padding-bottom:20px;
}
.review-title:before{
    content:"“";
}
.review-title:after{
    content:"”";
}

.testimonials-section .rName {
    font-size:16px;
    font-style: italic;
}
.review-icon {
    width: 50px;
    height: 50px;
    
}
.review-icon.tripadvisor {
    background:url(/images/social/tripadvisor.svg) no-repeat center center;
}
.rText {
    font-weight:200;
}

/** START OF Awards 
================================== */
.awards-section .bordered-container{
    border-top: 1px solid var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    padding:40px 0px;
    position:relative;
}
.awards-section .awardsSwiper {
    margin:0px 80px;
}
.awards .award-svg{
    height:120px;   
}


/*ROOM DETAILS
=============================*/

.room-details {
    padding-top: 30px;
    font-size: 16px;
}
.room-details .detail .icon {
    padding-bottom:10px;
    text-align:center;
}
.room-details .detail .icon img {
    height:32px;
}
.room-details .detail div:not(.value) {
    font-size: 16px;
    font-family: var(--fontTinos);
    color: var(--secondary-darker-color);
    font-weight: 700;
}
.room-details .detail:not(:last-child) {
    padding:0 15px 0 0;
}
@media screen and (min-width: 575px) {
    .room-details .detail {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .room-details .detail:not(:last-child) {
        padding:0 30px 0 0;
    }
}
.all-rooms .room-details {
    font-size: 18px;
    padding-bottom: 10px;
}


/*ROOM PAGE
=============================*/
.room-page .room-details {
    justify-content: center;
    font-size: 20px;
    padding-bottom: 30px;
}
.room-page .room-details .detail .icon img {
    height:38px;
}
.section-gallery-facilities{}
.facilities-section {
    background-color:var(--secondary-color);
    color:var(--white);
    padding:20px;
}
.facilities-section h2 {
     color:var(--white);
}
.facilities-section ul {
    margin-left:20px;
    text-align:left;
}
.facilities-section ul li{    
        padding-right: 20px;
        padding-bottom: 18px;
        line-height: 1.2;
}
        
@media screen and (min-width: 768px) {
    .facilities-section {
        padding:40px; 
    }
    .facilities-section h2 {
        text-align:left;
    }
    .facilities-section ul {
        column-count: 2;
         margin-left:0px;
         list-style-type: none;
    }
    .facilities-section ul li{
        padding-right:20px;
        padding-bottom: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1399px){
    .facilities-section ul {
        font-size:18px;
    }
    
}

@media screen and (min-width: 992px) {
    .galleryContainer {
        padding-left:35px;
    }   
}
@media screen and (min-width: 1200px) {
    .galleryContainer  {
        padding-left:45px;
    }  
}
@media screen and (min-width: 1400px) {
    .galleryContainer {
        padding-left:65px;
    } 
}


/*FOOTER
==================== */
footer {
    font-size:16px;
    text-align:center;
}
@media (min-width: 768px) {
    footer {
        padding-bottom:80px;
    }
}
.footerDivider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin:15px 0;
}
.footerDivider img {
    max-height: 50px;
    object-fit: contain;
}
.footerDivider hr {
    flex: 1;
    height: 1px;
    border: none;
    background-color: var(--secondary-color);
    opacity: 1;
}

@media (min-width:768px){
    .footer-nav ul {
        display:flex;
        justify-content: center;
        gap: 15px;
    }
}
.footer-nav a{
    display:inline-block;
    transition: var(--transition3s);
    color: var(--black);
    text-decoration:none;
    position:relative;
    text-transform:uppercase;
}
.footer-nav a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--black);
  transition: all 0.5s ease;
}
.footer-nav a:hover::before {
  width: 100%;
}
.contact {
    margin-top:15px;
    font-size:14px;
}
.contact a{
    text-decoration:none;
}
.contact a:hover{
    text-decoration:underline;
}
.social{
    margin-top:15px;
}
.social a {
    display: inline-block;
    margin:0 4px;
    transition: all 0.5s linear;
}
.social img{
  width: 44px;
  height: 44px;
}
.social a:hover {
  opacity: 0.6;
    transition: all 0.5s linear;
}

.copyright {
    border-top: 1px solid var(--secondary-color); 
    font-size:14px;
    margin-top:15px;
    padding:15px 0;
    font-weight:200;
}



/* NAV
====================*/
.prevNextWrap {
    margin:30px 0px 50px 0px;
	font-size:20px;
	 vertical-align: middle;
	text-align:center;
}
.prevNextWrap a {
    padding: 25px 0;
    vertical-align: middle;
    display: inline-block;
    color: var(--black);
	text-decoration:none;
}
.prevNextWrap a:hover {
    color: var(--black);
}
.prevNextWrap a:first-of-types {
	margin-right:25px;
}
.prevNextWrap a:last-of-type {
	margin-left:25px;
}
.prevNextWrap a.disabled{
	opacity:0.4;
	color:#00000;
	 cursor: default;
}
.prevNextWrap a.next {
	background:url(/images/arrow.svg)	no-repeat center right;
	padding-right: 60px;
    background-size: 50px;
}
.prevNextWrap a.prev {
	background:url(/images/arrow-left.svg)	no-repeat center left;
	padding-left: 60px;
    background-size: 50px;
}

@media (max-width:767px){
	.prevNextWrap a.next {
	    background-size: 40px;
		padding-right: 100px;
	}
	.prevNextWrap a.prev {
	    background-size: 40px;   
		padding-left: 100px;
	}
}


/*fslightbox
============================
.fslightbox-toolbar-button {
    width:35px!important;
}*/



/*Tables
============================= */
.responsive-table  table{
	width:100%;
	margin-bottom:20px;
}
.responsive-table th { 
    background: #57b3d3;
    background: var(--secondary-color-light);
    text-align: center;
    font-weight: 500;
}
.responsive-table thead{
	border-top: 1px solid var(--secondary-color);
    border-right: 1px solid var(--secondary-color);
    border-left: 1px solid var(--secondary-color);
    border-bottom: 2px solid var(--secondary-color);
}
.responsive-table tr { 
	border: 1px solid  var(--secondary-color);
	background-color: transparent;
}
.responsive-table.tablecolor tr { 
	border: 1px solid  var(--secondary-color);
	background-color: var(--secondary-color-light);
}
.responsive-table td { 
	/* Behave  like a "row" */
	border: none;
    border: 1px solid var(--secondary-color);
	text-align:center;			
}
	
.responsive-table td, .responsive-table th { 
  padding: 8px 6px; 
 
}
.responsive-table tr:nth-of-type(odd) { 
  background: #fff; 
}
.responsive-table.tablecolor tr:nth-of-type(odd) { 
  background: #fff; 
}
@media screen and (max-width: 767px) {
  /* Force table to not be like tables anymore */
	.responsive-table table, 
	.responsive-table thead, 
	.responsive-table tbody, 
	.responsive-table th, 
	.responsive-table td, 
	.responsive-table tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 	.responsive-table tr { border: 1px solid #c1bcb1; }
 
	.responsive-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:center;
	}
 
	.responsive-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	.responsive-table thead{
		border: none;
	}
	 .responsive-table tr:nth-of-type(odd) td{ 
	  border-bottom: 1px solid #fff; 
	}
	.responsive-table td:before { content: attr(data-title); }
		.responsive-table td.full_row {
		padding-left: 0; 
	}
	
}



/*Privacy Policy
============================*/
.privacyList {
    text-align:left;
}
.wordbreak a{
     word-break: break-word;  
}
.privacyList ul{
    margin: 0 0 20px 25px;
}
.privacyList ul ul{
    margin:0 0 20px 40px;
}
.privacyList li{
    list-style: disc;
}
.privacyList ul ul li{
    list-style: circle;
}
/** NEWSLETTER 
===========================**/
.newsletter {
    background-color: var(--white);
    padding:20px;
}
.newsletter .heading{
    font-size:20px;
    font-weight:500;
    margin-bottom:30px;
}
.form-holder {
     padding:20px;   
}
@media (min-width:768px){
    .newsletter,
    .form-holder {
         padding:50px;   
    }
}



.contactForm {
    font-size:16px;
}
.newsletter .form-control,
.contactForm .form-control {
  background: transparent;
  border-radius: 0;
  border: none;
  border: 1px solid var(--secondary-color);
  font-size: 16px;
  padding:8px 15px;
}
.contactForm .form-group {
    margin-bottom:30px;
}
.form-control::placeholder {
    text-transform:uppercase;
}
.form-agree input {
    margin-right:8px;
}
.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: 14px;
}
.form-agree label {
	display:inline;
}
.form-agree .field-validation-error {
	display: inline-block;
}

.form-agree a {
    text-decoration:underline;
    padding-bottom: 0px;
    border-bottom: 0px solid var(--redLight);
}
.form-agree a:hover {
    text-decoration:none;
}
.attachment-field{
    min-width: 140px;
    background: url(/images/upload-icon.svg) no-repeat top left;
    background-size: 20px;
    font-size: 14px;
    letter-spacing: 1.4px;
    padding-left: 30px;
}
#json-msg {
    padding-top:20px;
}
.status-failure,
.status-busy {
    margin:6px 0 0 0;
}
.status-busy img{
   height: 10px;
}


/*BLOG
===========================    */
.blog-posts-list a,
.blog-post-page a   {
     text-decoration:none;
}
@media (min-width: 768px) {
    .post-box {
        padding:5px;
    }
}
@media (max-width: 767px) {
    .post-box {
        padding-bottom:30px;
    }
}
.post-box .img-holder {
  margin-bottom: 10px;
}

.post-box .date,
.blog-post-page .date {
  font-size: 16px;
  font-style: italic;
}
.blog-post-page .date {
  margin-bottom: 30px;
}

.post-box {
    text-align:left;
    font-size:16px;
}
.blog-categories ul{
    list-style:none; 
    display:flex;
    flex-wrap: wrap;
    gap:30px;
    text-transform:uppercase;
    font-weight: 700;
    padding:20px 20px 15px 20px;
    color: var(--secondary-darker-color);
    margin-bottom:80px;
    justify-content: center;
    background: var(--secondary-color-light);
    font-size: 18px;
}
@media (max-width: 767px) {
    .blog-categories ul{
        font-size: 16px;
            gap:20px;
    }
}

.blog-categories ul a {
     position:relative;
}

.blog-categories ul a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--main-color);
  transition: all 0.5s ease;
}
.blog-categories ul a.active::before,
.blog-categories ul a:hover::before {
  width: 100%;
}
.blog-post-page .blog-categories {
    margin-bottom:80px;
}
.blog-post-page .blog-categories ul{
    flex-direction: column;
    text-align: left;
    gap: 10px;
}

ul.tags {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}

.tags .tag {
  background: none;
  background-color: var(--secondary-color);
  border-radius: 50rem !important;
  font-size: 14px;
  padding: 6px 14px;
  display: inline-block;
  margin: 0 6px 10px 0;
}
.tags .tag a{
     color: var(--white); 
}
.tags-group-title {
  margin-top:20px;
  margin-bottom: 10px;
  text-align:left;
  font-size: 26px;
}
@media (max-width: 767px) {
    .tags-group-title {
         font-size: 22px; 
    }
}
.tags-group-title:after {
    content:"";
    position:relative;
    background: url(/images/tags.svg) no-repeat right center;
    background-size: 18px;
    padding-left:25px;
}
.tags-group-title.cat:after {
    background: url(/images/tags-cat.svg) no-repeat right center;
    background-size: 20px;
}
.post-box h2,
.blog-post-page h1 {
    margin-bottom:20px;
}
@media (min-width: 768px) {
  .post-box h2 {
      font-size:24px;
  }  
}
.blog-post-page ul {
  margin-bottom: 20px;
}
.blog-post-page .colImg {
  padding-bottom: 20px;
}

.blog-posts-list .pagination ul{
    font-size:18px;
    list-style:none;
    display:flex;
    gap:7px
}
.blog-posts-list .pagination ul li.active a{
    color:var(--mediumGray);
    text-decoration:underline;
}
@media (min-width: 768px) {
    .blog-post-page .prevNextWrap {
        text-align:left;
    }
}


/** START OF To Top Button 
===================================**/
#progress {
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 50px;
  width: 50px;
  z-index: 10;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
@media (min-width: 768px) {
    #progress {
          bottom: 80px
    }
}

#progress-value {
  display: block;
  height: calc(100% - 8px);
  width: calc(100% - 8px);
  background-color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#progress-value img {
  width: 20px;
}

.sitemap {
    font-size: 20px;
}    
.sitemap a{
    text-decoration:none;
}
.sitemap a:hover{
    text-decoration:underline;
}

/** START OF MODAL 
=======================*/
.modal {
  z-index: 20000;
}
  .modal .modal-dialog {
   /* max-width:640px;*/
  }
.modal .modal-content {
  -webkit-box-shadow: 0px 20px 20px #00000045;
          box-shadow: 0px 20px 20px #00000045;
  padding: 20px;
  border-radius: 0px;
  border: none;
  text-align: left;
}
#popupModal .modal-content.padding{
      padding: 20px;
}
#popupModal .modal-content.padding .modal-body{
      padding: 0px;
}
.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-dialog {
        max-width:400px;
        margin-left: auto;
        margin-right: auto;
    }
}