/** START OF GENERAL SETTINGS  **/
:root {
  --fontMain: "Manrope", sans-serif;
  --white: #ffffff;  
  --off-white:#F3F1F1;
  --blue: #160C48;
  --black: #000000;
  --gold:#D7B17D;
  --grey:#555555;
  --light-grey:#F8F8FA;
    --grey-border:#DFE0E4;
    
  --letter-spacing:3px;
  --letterSpacingBtn:2px;

  interpolate-size: allow-keywords;
}
.white-bg {
    background-color:var(--white);
}
.blue-bg{
    background-color:var(--blue);
}
.grey-bg{
    background-color:var(--light-grey);
}
.text-blue{
    color: var(--blue);
}

.form-control:focus,
.form-select:focus {
  outline: none;
  box-shadow: none;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
   scroll-behavior: smooth;
}
button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
a,
a:hover {
  color: var(--blue);
  text-decoration: none;
}

a:hover {
  color: var(--blue);
}
.text a {
    color: var(--blue); 
}
.text a:hover {
  text-decoration: underline; 
}

/** FOR MAV IOS **/
input[type="checkbox"],
a[type="submit"] {
  float: none !important;
}
button:focus,
a:focus {
  box-shadow: none !important;
  outline: none;
}
.img-fit{
   height: 100% !important;
    width: 100%;
    object-fit: cover; 
}

/**START OF BODY AND HEADINGS
=====================================**/
body {
    font-family: var(--fontMain);
    color: var(--grey);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    background: #ffffff;
    text-align: left;
    padding-top:100px;
}
@media (max-width: 1199px) {
    body {
        padding-top: 90px;
    }
}
@media (max-width: 767px) {
    body {
        padding-top: 80px;
    }
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--white);
}
body::-webkit-scrollbar {
  width: 5px;
  background-color: var(--white);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--blue);
}



/**START OF HEADINGS
=====================================**/
h1, .h1,
h2, .h2,
h3, .h3 {
  font-family: var(--fontMain);
  margin-bottom: 30px;
  line-height: 1.2;
  color: var(--blue);
  font-weight: 800;
  word-wrap: break-word
}
h1, .h1 {
  font-size: 38px;
}
h2, .h2 {
  font-size: 38px;
}
h3, .h3 {
  font-size: 22px;
}
h4, .h4 {
  font-size: 18px;
}
.subtitle{
    padding-top: 16px;
    display: block;
    font-size: 16px;
    font-family: var(--fontMain);
    line-height: 1.2;
    font-weight: 600;
    color: var(--gold);
    background: rgba(0, 0, 0, 0.005);
}
@media screen and (min-width: 768px) {
    .homepage .subtitle{ 
        font-size: 18px;
    }
}
@media screen and (max-width: 1199px) {
    h2, .h2 {
      font-size: 36px;
    }

}
@media screen and (max-width: 991px) {
    h2, .h2 {
      font-size: 34px;
    }
    h3, .h3 {
      font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    h1, .h1 {
        font-size: 28px;
    }
    h2, .h2 {
      font-size: 26px;
    }
    h3, .h3,
    h4, .h4{
      font-size: 16px;
    }
    .subtitle {
        font-weight: 800; 
    }
}


/** START OF MARGIN  
============================== **/
.mt-offset{
    margin-top:120px;
}
.mb-offset{
    margin-bottom:120px;
}
.mt-offset-half{
    margin-top:60px;
}
.pt-offset {
    padding-top: 120px;
}
.pb-offset{
    padding-bottom: 120px!important;
}
.py-offset {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (max-width: 1199px) { 
    .mt-offset{
        margin-top:90px;
    }
    .mb-offset{
        margin-bottom:90px;
    }
    .mt-offset-half{
        margin-top:45px;
    }
    .pt-offset {
        padding-top: 90px;
    }
    .pb-offset{
        padding-bottom: 90px!important;
    }
    .py-offset {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media (max-width: 991px) {
    .mt-offset{
        margin-top:70px;
    }
    .mt-offset-half{
        margin-top:40px;
    }
    .mb-offset{
        margin-bottom:70px;
    }
    .pb-offset{
        padding-bottom: 70px!important;
    }
    .pt-offset {
        padding-top: 70px;
    }
    .py-offset {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
@media (max-width: 575px) {
   .mt-offset{
        margin-top:50px;
    } 
    .mt-offset-half{
        margin-top:25px;
    }
    .mb-offset{
    margin-bottom:50px;
}
    .pb-offset{
        padding-bottom: 50px!important;
    }
    .pt-offset {
        padding-top: 50px;
    }
    .py-offset {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/*
.container-spacing {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
@media (min-width: 1200px) {
    .container-spacing {
        padding-left:7rem!important;  
        padding-right:7rem!important;  
    }  
}*/

/* START OF BUTTONS  
====================================*/
.button,
.btn-more,
.submit {
    position: relative;
    display: inline-block;
    font-family: var(--fontMain);
    text-align: center;
    background: rgba(0, 0, 0, 0.005);
}
.button {
    padding: .8em 2em;
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    border-radius: 30px;
    border: 1px solid var(--gold);
    color: var(--white);
    background: transparent;
    transition: all 0.3s ease-in-out;
}
.button:hover {
  color: var(--white)!important;
  background: var(--gold)!important;
  transition: all 0.3s ease-in-out;
}
.button.text-blue:not(:hover) {
    color: var(--blue)!important;
}
/*Blue / Book BTN
================*/
.button.book {
    padding: 0.7em 1.2em;
    background: var(--blue);
    border: 1px solid var(--blue);
}
.button.book:hover {
  border: 1px solid var(--gold);
}

.btn-more {
    padding: 0.3em 0.5em;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: var(--blue)!important;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--blue);
}
.btn-more a:hover {
    color: var(--blue)!important;
    background: none!important;
}
.btn-more.no-border {
    padding: 0.3em 0.5em 0.3em 0;
    margin-bottom: 0rem;
    border-bottom: 0px solid var(--blue);
}
.btn-more:after,
.submit:after {
    content:"";
    margin-left: 8px;
    width:12px;
    height:10px;
    display:inline-block;
    transition: all 0.5s ease-in-out;
    background:url(/image/arrow-up.svg) no-repeat center center;
    background-size: contain;    
}
.btn-more:hover:after,
.submit:hover:after {
   /* transform: translate(0.18em, -0.15em) rotate(0deg);*/
    transform: translate(0.3em, 0em) rotate(45deg);
}

/*Submit
-----------------------*/
.submit {
    padding: 0.8em 1.4em;
    background: var(--gold);
    font-weight: 400;
    display: flex;
}
.submit:after {
    margin-top: 6px;
    filter: brightness(0) invert(1);    
}
.submit:hover {
    color: var(--gold)!important;
    background: transparent!important;
    background: rgba(0, 0, 0, 0.01);
}
.submit:hover:after {
    filter:brightness(0) saturate(100%) invert(95%) sepia(92%) saturate(3424%) hue-rotate(300deg) brightness(91%) contrast(84%);
}
@media (max-width: 767px) {
    .submit {
        margin:auto;
    }  
}
@media (max-width: 480px) {
    .submit {
        padding: 0.5em 1.4em;
    }
    .submit:after,
    .btn-more:after {
        width: 10px;
    }
}





.Nearby {
   text-align:right; 
}
.Nearby a.button{
    /*position: absolute;
    right: 170px;
    z-index: 0;*/
    margin-bottom: 18px;
    padding: 0.5em 1em;
    border-radius: 12px;
    border: 1px solid var(--gold);
      color: var(--blue)!important;
}
.Nearby a.button:hover {
  color: var(--white)!important;
  background: var(--gold)!important;
  transition: all 0.3s ease-in-out;
}
.Nearby.Inner a.button{
    position: relative;
    right: 0;
    margin-bottom:20px;
    padding: 0.5em 1em;
    border-radius: 12px;
    color: var(--blue);
    border: 1px solid var(--gold);
}
.Nearby a.button:hover {
  color: var(--white)!important;
  background: var(--gold)!important;
  transition: all 0.3s ease-in-out;
}

.no-slider {
margin-top: 130px;
}



/* START OF HEADER  
============================*/
.header {
  height: 100px;
  background-color: var(--white);
  color: var(--blue);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-bottom: 1px solid #cfcfcf;
}
header .wrapper{
    position: relative;
    display:flex;
    justify-content: space-between;
    align-items:center;
    height:100%;
}
.body-scrolled header {
    height: 80px;
}

@media (min-width: 1200px) {
    header .wrapper{
        line-height: 100px; /*FOR DROP DOWN MENU - OPEN DESKTOP*/
    }
    .body-scrolled header .wrapper{
        line-height: 80px;
    }
}
@media (max-width: 1199px) {
    .header {
        height: 90px;
        padding:10px 0;
    }
    .body-scrolled header {
        height: 80px;
    }
}
@media (max-width: 767px) {
    .header {
        height: 80px;
    }
    .body-scrolled header {
        height: 70px;
    }
}

.header .logo{
  line-height: unset;
   width: 170px;
}
@media (max-width: 767px) {
    .header .logo{
       width: 140px;
    }    
}
.header .img-logo {
    /*height:60px;*/
  width: 100%;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.body-scrolled header .img-logo {
    width: 80%;
      /*height:50px;*/
}

/* LANGUAGES  
-----------------------*/
.languagesDrop {
    position:relative;
    padding-right: 10px;
    margin-left: 10px;
    line-height: 15px;
    border-right: 1px solid var(--gold);
}
.languagesDrop .dropdown-toggle {
    color: var(--blue)!important; 
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}
.languagesDrop .dropdown-toggle img{
    width: 26px;
}
.languagesDrop .dropdown-menu {
    min-width: 40px;
    border-radius: 0;
    padding: 5px 0px;
    font-size: 14px;
    left: 25px !important;
    top: 10px !important;
    background-color: var(--white);
    border: 0;
}
.languagesDrop .dropdown-menu a{
    color: var(--blue);
    text-align: left;
    text-transform: capitalize;
}
.languagesDrop .dropdown-menu a:hover{
    background: none;
    color: var(--gold);
}
@media (max-width: 360px) {
    .languagesDrop {
        margin-left: 6px;
        padding-right: 6px;
    }
}

/*=== NAVIGATION DESKTOP OPEN
=====================================*/
.wrapper .nav-links{
  display: inline-flex;
}
.nav-links li{
  list-style: none;
  margin: 0 5px;
  position:relative;
}
.nav-links li a{
  color: var(--blue);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 5px;
  transition: all 0.3s ease;
  border: 1px solid var(--white);
}
.nav-links li a:hover,
.nav-links li a.active,
.nav-links li a::selection{
    color: var(--gold);
    border-radius: 10px;
    background: transparent;
    border: 1px solid var(--gold);
}
.nav-links label.mobile-item{
  display: none;
}
/*Submenu drop*/
.mega-box{
  position:fixed;
  left: 0;
  width: 100%;
  padding: 0 0px;
  opacity: 0;
  visibility: hidden;
  border-top: 1px solid #f1f1f1;
  line-height:3;
}
.nav-links li:hover .mega-box{
  transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
}
.mega-box .content{
    background: var(--white);
    padding: 25px 0px;
    width: 100%;
}
.mega-box .mega-links{
    width: 100%;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
}
.mega-box .mega-links li {
    margin:0;
}
.mega-box .mega-links li a{
  color: var(--blue);
  font-size: 16px;
  font-weight:500;
  padding:4px 0;
  display:flex;
  border:0;
}
.mega-box .mega-links li a:hover,
.mega-box .mega-links li a.active{
  color: var(--gold);
}
.mega-box .mega-links li a img{
    width: 24px;
    margin-right: 12px;
}
.mega-box .mega-links li a:hover img,
.mega-box .mega-links li a.active img{
    filter: brightness(0) saturate(100%) invert(75%) sepia(63%) saturate(260%) hue-rotate(347deg) brightness(88%) contrast(89%);
}

body.menu-open,
.site__body--noscroll {
    overflow:hidden;
}
/*WEATHER
================================*/
.weather{
    padding-right: 10px;
    line-height: 16px;
    border-right: 1px solid var(--gold);
}
/*
.weather img{
    filter: brightness(0) saturate(100%) invert(6%) sepia(52%) saturate(4653%) hue-rotate(235deg) brightness(94%) contrast(102%); 
}*/
/*meteotrend*/
.weather .mt_current {
    font-size: 16px!important;
    border:none;
}
.weather .mt_current .mt_c_icon img {
    width: 30px;
    height: 30px;
}
.weather .mt_c_temp {
    color:var(--blue)!important;
} 
.weather .mt_c_temp .mt_temp_mark {
       font-size: 12px; 
}
.mt_c_name {
    display:none;
}
.mt_dc_current,
.mt_tr_current td{
    padding: 0px!important;
}

/*TELEPHONE
======================*/

.Call{
  font-family: var(--fontMain);
  margin: 0 0 0 10px;  
}
.Call a {
    display: flex;
    align-items: center;
}  
.Call img{
    width: 33px;
    height: 33px;
    margin-right: 10px;
}
.CallText{
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    font-weight: 400;
}
.CallText span{
    display: block;
    font-weight: 500;
    font-size: 16px;
}
@media (max-width: 991px) {
    .CallText{
        display:none;
    }
}

@media (max-width: 360px) {
    .Call img {
        width: 30px;
        height: 30px;
        margin-right: 6px;
    } 
    .Call {
        margin: 0 0 0 6px;
    }
    .weather {
        padding-right: 5px;
    }
    .weather img {
        width: 26px!important;
        height: 26px!important;
    }
}


/*Mobile Menu
===========================*/
/* === Menu toggle button === */

@media (min-width: 1200px) {  
     .menu-toggle {
       display:none;  
     }
}
@media (max-width: 1199px) {  
  .menu-toggle {
    z-index: 1200;
    color: var(--blue);
    padding: 0px 0px;
    font-size: 1.8rem;
    margin-left: 10px;
  }
}

/* === Overlay behind menu === */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 900;
}
.side-menu {
    position: fixed;
    top: 0;
    right: -320px;
    width: 300px;          
    height: 100%;
    background: #fff;
    overflow: hidden;     
    box-shadow: -3px 0 10px rgba(0,0,0,0.3);
    transition: right 0.4s ease;
    z-index: 9999;
    padding-top: 80px;
    overflow:hidden;
}
body.menu-open .side-menu {
    right: 0;        
}
body.menu-open .overlay {
    opacity: 1;
    visibility: visible;
}
/* === Close button inside menu === */
.close-btn {
    position: absolute;
    top: 5px;
    right: 13px;
    background: none;
    border: none;
    font-size: 3rem;
    color: var(--blue);
    cursor: pointer;
    z-index: 1010;
}
.menu-wrapper {
    position: relative;
    width: 300px;       
    height: 100%;
}
.menu-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  display: none;     
  transition: opacity 0.3s ease;
}
.menu-level.active {
  display: block;     
}
/*ul menu style
-------------------------*/
.menu-level ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-level a {
    display: block;
    padding: 15px 25px;
    text-decoration: none;
    color: var(--blue);
    font-weight: 600;
}
.menu-level a:hover,
.menu-level a.active{
    color: var(--gold);
}
.menu-level li.submenu-arrow a:hover,
.menu-level a:hover img,
.menu-level a.active img{
    filter: brightness(0) saturate(100%) invert(82%) sepia(20%) saturate(736%) hue-rotate(348deg) brightness(88%) contrast(91%);
}
.menu-level li.submenu-arrow a {
    background: url(/image/arrowR.svg) no-repeat right 9px;
    background-size: 40px;
}
/*submenu style
-------------------------*/
.back-btn {
    padding: 15px 25px 15px 52px;
    cursor: pointer;
    font-weight: 600;
    color: var(--blue);
    color: var(--blue);
    background: #f4f4f4 url(/image/arrowL.svg) no-repeat 15px 9px;
    background-size: 40px;
    width: 100%;
    text-align: left;
}
.menu-level .second-level-menu {
    margin-top:10px;
}

.menu-level .second-level-menu li.cat-gen-icon a {
    background: url(/image/list-ul.svg) no-repeat 23px center;
    background-size: 23px;
    padding-left: 55px;
}
.menu-level .second-level-menu li a{
    display: flex;
}
.menu-level .second-level-menu a img.category-icon {
    width: 20px;
    margin-right: 10px;
}

/* Scroll customization */
.menu-level::-webkit-scrollbar {
    width: 5px;
}
.menu-level::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}


/*FOOTER
=====================*/
.footer {
    color:var(--white);
    font-weight: 400;
    text-align:center;
}
.footer .h4{
    color:var(--white); 
    font-size:18px;
    font-weight:600;
    margin-bottom: 1rem;
}
.footer a{
    color:var(--white);
}
.footer a:hover{
    color:var(--gold);
}
.FooterLogo { 
    width:100%; 
    padding-bottom: 3rem !important;
    text-align:center;
}
.FooterLogo img{ 
    width:120px;
}
.contact,
.footer-nav,
.pay {
    padding-bottom: 3rem !important;
    line-height:2;
}
.pay .pay-icons {
    max-width:200px;
    margin:auto;
}
.pay .pay-icons div{
    display: inline-block;
    padding: 0 0px 4px 0;
    width: 52px;
    text-align: center;
}
@media (min-width: 576px) {
    .contact,
    .footer-nav,
    .pay {
        width:50%;
    }
    .footer {
        text-align:start;
    }
    .pay .pay-icons {
        margin:unset;
    }
}
@media (min-width: 768px) { /*container:720px*/
    .FooterLogo { 
        text-align:center;
    }
    .FooterLogo img{ 
        width:auto;
    }
    .contact{
        width:210px;
    }
    .footer-nav{
        width:160px;
    }
    .footer-nav.social{
        width:140px;
    }
    .pay {
        width:175px;
    }
}
/*
@media (min-width: 992px) {
    .contact,
    .footer-nav,
    .footer-nav.social{
        width:calc(33.333% - 200px);
    }
}*/
@media (min-width: 1200px) {
    .FooterLogo {
        width:200px;
        text-align:left;
    } 
    .contact,
    .footer-nav,
    .footer-nav.social{
        width: 200px;
    }
}
.footer-nav li{
    list-style-type: none;
}
.footer-nav li a.active{
    color:var(--gold);
}
.copyright {
    padding-top: 1rem;
    padding-bottom: 1.3rem;
    font-size: 14px;
    /*font-weight: 500;*/
    border-top: 1px solid #fff;
}
.copyright a {
    font-size: 14px;
    text-decoration: none;
}
.copyright a:hover {
    text-decoration:underline;
}

    /*=========== To Top =========== */
.toTop {
  text-align: right; }
      
a.scrollup {
    background:var(--white) url(../image/arrowR.svg) center center no-repeat  !important;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 15px;
    bottom: 15px !important;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    text-decoration: none;
    padding: 0px 0px 0;
    z-index: 10000;
    transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    background-size: 100% auto;
    border-radius: 30px;
    border: 1px solid var(--blue);

 }
.scrollup.is-visible {
	display: inline;
  	opacity: 1;
}

@media (min-width: 992px){
    a.scrollup {
         bottom: 90px;
    }
}

/*INTRO - Main Section 
===========================*/
.intro-main-container:before {
    content: "";
    width: 100%;
    height: 80%;
    background: var(--blue);
    position: absolute;
    top:0;
    z-index: -1;
}
@media (max-width: 768px) {
    .intro-main-container:before {
        height: 90%;
    }
}
@media (min-width: 992px) {
    .intro-main-container .text-space {
        margin-top:4rem;
        margin-right:4rem;
    }
}
.intro-main-container {
    padding-top: 50px;
    color: var(--white);
    background: rgba(0, 0, 0, 0.005);
}
.intro-main-container h1{
    color: var(--white);
 }
.intro-main-container h1 span{
    color: var(--gold);
}

/*Search Box
=======================*/
.searchbox {
    margin-top: 50px;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 60px;
}
.searchbox .column:first-child{
    /*width:40%;*/
    width: calc(50% - 37px);
    border-right:solid 1px rgba(0,0,0,0.10);
}
.searchbox .column:nth-child(2){
    width: calc(50% - 37px);
       /* width:calc(30%);
        border-right:solid 1px rgba(0,0,0,0.10);*/
}
/*
.searchbox .column:nth-child(3){
    width:calc(30% - 73px);
}*/
.searchbox .column:last-child{
    width:73px;
    align-items: center;
    display: flex;
}

@media (max-width: 1199px) {
    .searchbox {
        padding: 20px 40px;
        border-radius: 30px;
    }
    .searchbox .column {
        padding:0;
        border-right: none !important;
    }
    .searchbox .column:last-child{
        border-bottom: 0px;
    }
    .searchbox .column:first-child{
        width:100%;
        border-bottom: solid 1px rgba(0, 0, 0, 0.10);
    }
    .searchbox .column:nth-child(2){
        width:calc(100%);
       /* width:calc(50%);*/
        padding-top:10px;
    }
    /*
    .searchbox .column:nth-child(3){
        width:calc(40%);
        padding-left:10%;
        padding-top:10px;
    }*/
    .searchbox .column:last-child{
        width:100%;
    }
}
@media (max-width: 767px) {
    .searchbox {
        margin-top: 30px;
    }
}
.searchbox .form-label {
    color: var(--blue);
    font-size: 16px;
    font-weight: 800;
    padding: 3px 4px;
    margin-bottom: 0;
}
.searchbox .form-control {
    padding: 3px 4px;
    border-color: transparent;
}
.searchbox .form-control:focus {
  outline: 0;
}
.person-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height:1;
}
.person-controls button {
    background: transparent!important;
    border: none;
    font-size: 18px;
    color: var(--blue);
    cursor: pointer;
    margin-top: 0px!important;
    transition: color 0.2s;
 }
.person-count {
    font-weight: 500;
    font-size: 20px;
    color: var(--blue);
}
.searchbox .search-btn { 
    border-radius: 50px;
    background: var(--blue);
    padding: 9px;
}
.searchbox .search-btn img { 
    width: 30px;
    height: 30px;
    filter: brightness(0) saturate(100%) invert(96%) sepia(96%) saturate(0%) hue-rotate(65deg) brightness(105%) contrast(104%);
}
@media (max-width: 1199px) {
    .searchbox .search-btn {
        margin-top: 12px;
        color: var(--white);
        padding: 10px;
        width: 100%;
        border-radius: 20px !important;
    }
     .searchbox .search-btn img {
        width: 27px;
        height: 27px;
    }
}

.autocomplete {
    position: relative;
}
.autocomplete-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    list-style: none;
    padding: 0;
    margin: 0;
    display: block; /* ensure it’s not hidden */
}
.autocomplete-items li {
    padding: 0.5rem;
    cursor: pointer;
    color: var(--blue);
}
.autocomplete-items li:hover {
    background-color: #007bff;
    color: white;
}


/* WHY && BOXES ROW
===========================*/
@media (min-width: 992px) {
    .max-width-text {
        width: 50%;   
        margin:auto;
    }   
}
@media (min-width: 1400px) {
    .max-width-text {
        width: 40%;   
    }
}
.boxes-columns {
    justify-content: center;
    padding-top:40px;
}
.ColumnBox{
    width: calc(25% - 40px);
    margin: 20px;
    text-align: center;
}

.ColumnBox h3{
    margin-top:15px;
    margin-bottom:10px;
}
@media (max-width: 767px) {
    .ColumnBox {
        width: calc(50% - 40px);
        margin-bottom:20px;
    }
  .ColumnBoxIcon {
        width:70px;
        margin:auto;
    }  
}
@media (max-width: 575px) {
    .ColumnBox {
        margin: 0px 10px 20px 10px;
        width: calc(100% - 20px);
    }
}


/* START OF SWIPER CAROUSELS 
====================================*/
.swiper-button-next svg, 
.swiper-button-prev svg{
    display:none;
}

.images-container {
    align-self:end;
}   

.swiper.arrows-above {
  padding-top: 70px;
}
.swiper.arrows-below {
  padding-bottom: 70px;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev{
    background:var(--blue) url(/image/arrowR-white.svg) no-repeat center center !important;
    width:43px!important;
    height:43px!important;
    border-radius: 30px;
    border: 1px solid var(--blue);
}
.swiper .swiper-button-prev{
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled{
    background:transparent url(/image/arrowR.svg) no-repeat center center !important;
}
.swiper:not(.arrows-space-between) .swiper-button-next{
    right: 0px; 
}
.swiper:not(.arrows-space-between) .swiper-button-prev{
    left: unset !important;
    right: calc(0% + 53px) !important;
}

.swiper.arrows-above .swiper-button-next,
.swiper.arrows-above .swiper-button-prev{
    top: 40px !important;
    bottom: unset !important;
}
.swiper.arrows-below .swiper-button-next,
.swiper.arrows-below .swiper-button-prev{
    top: unset !important;
    bottom: 0px!important;
}
@media (max-width: 767px) { /*display top on mobile*/
     .swiper.arrows-below {
      padding-top: 70px;
      padding-bottom: unset;
    }

    .swiper.arrows-below .swiper-button-next,
    .swiper.arrows-below .swiper-button-prev{
        top: 40px !important;
        bottom: unset !important;
    }
}
.blue-bg:not(.Reviews) .swiper .swiper-button-next,
.blue-bg:not(.Reviews) .swiper .swiper-button-prev{
    background: url(/image/arrowR-white.svg) no-repeat center center !important;
    border: 1px solid var(--gold);
}
.swiper .swiper-scrollbar{
    background: var(--grey-border);
    bottom: 20px;
    width: calc(100% - 130px);
    height:1px;
}
.swiper .swiper-scrollbar-drag{
    background: var(--blue);
        height:3px;
        margin-top:-1px;
}
@media (max-width: 767px) {
    .swiper .swiper-scrollbar{
        display: none;
    }
}
.swiper-pagination-bullet {
    background: var(--light-grey);
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active {
    background: var(--gold);
}
 

/*Intro Sliding Images
---------------------------*/
.swiper.GridSwiper .swiper-slide{
    column-count: 2;
    column-gap: 20px;
}
.swiper.GridSwiper .swiper-slide picture:first-child{
    margin-top: 15%;
    
}
.swiper.GridSwiper .swiper-slide picture{
  display: inline-block;
  width: 100%;
    margin-bottom: 20px;
}
.swiper.GridSwiper .swiper-slide picture img{
    border-radius: 20px;
}

.swiper.GridSwiper .swiper-button-next,
.swiper.GridSwiper .swiper-button-prev{
    background: url(/image/arrow-line.svg) no-repeat center center !important;
    width:40px!important;
    height:40px!important;
    top:unset!important;
    bottom: 20px;
    border:0;
}
.swiper.GridSwiper .swiper-button-next{
    left: 25% !important;
    right: unset !important;
}
.swiper.GridSwiper .swiper-button-prev{
    left: calc(25% - 80px) !important;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
@media (max-width: 991px) { 
    .swiper.GridSwiper .swiper-button-next,
    .swiper.GridSwiper .swiper-button-prev{
        width: 30px!important;
        height: 30px!important;
    }  
    .swiper.GridSwiper .swiper-button-prev{
        left: calc(25% - 50px) !important;
    }
}
.swiper h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.swiper-boxes .swiper-slide,
.categoriesSwiper .swiper-slide{
    height: auto;
}
.swiper-boxes .swiper-slide .contentAsBox,
.categoriesSwiper .swiper-slide .contentAsBox{
    height:100%;   
}

/*Boxes
===========================*/
.contentAsBox{
    background: var(--light-grey);
    border: 1px solid var(--grey-border);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;

}
.contentAsBox .img-holder{
    overflow: hidden;
}
.contentAsBox .img-holder img{
    transition: transform .5s ease;
}
.contentAsBox .img-holder:hover img{
    transform: scale(1.2);
}
.contentAsBox .box-text {
    padding: 1rem !important;
    color: var(--grey);
}
.contentAsBox h2 {
    margin-bottom:15px;
}
.location-holder {
    background:url(/image/point2.svg) no-repeat left 2px;
    padding-left: 20px;
    font-weight: 400;
    background-size: 15px;
    margin-bottom:15px;
}
.seats-holder {
    background: url(/image/person.svg) no-repeat left 0px;
    padding-left: 30px;
    font-weight: 400;
    background-size: 22px;
    margin-bottom: 15px;
}
.price-holder{
    color: var(--blue);
    font-weight: 600;
}
.price-holder span{
    font-weight: 800;
    display: inline;
}
.price-holder:before{
    content:"From";
}
.el .price-holder:before{
    content:"Από";
}
/*Experiences INTRO Swiper
=======================*/
.Experiences h2{
    color: var(--white);
}  
.ExpText{
    padding:0 0.75rem;  
    color: var(--white);
}
.ExpBoxes{
    padding-left: 0.75rem; 
}
.exp-container .swiper .swiper-button-next,
.exp-container .swiper .swiper-button-prev {
    top:25px!important;
}
.exp-container .swiper .swiper-button-next {
    right: 0.75rem; 
}
.exp-container .swiper .swiper-button-prev {
    right: calc(0.75rem + 53px) !important;
}
@media (min-width: 576px) {
    .exp-container{
         margin-left: calc((100% - 540px) / 2);
    } 
    .exp-container .swiper .swiper-button-next {
        right:  calc((100vw - 540px) / 2); 
    }
    .exp-container .swiper .swiper-button-prev {
        right: calc(calc((100vw - 540px) / 2) + 53px) !important;
    }
}
@media (min-width: 768px) {
    .exp-container{
         margin-left: calc((100% - 720px) / 2);
    } 
    .exp-container .swiper .swiper-button-next {
        right:  calc((100vw - 720px) / 2); 
    }
    .exp-container .swiper .swiper-button-prev {
        right: calc(calc((100vw - 720px) / 2) + 53px) !important;
    }
}
@media (min-width: 992px) {
    .exp-container{
         margin-left: calc((100% - 960px) / 2);
    }    
    .ExpText{
        padding-right: 15px;
    }
    .ExpBoxes{
        padding-left: 15px;
    }
    .exp-container .swiper .swiper-button-next {
        right:  calc((100vw - 960px) / 2); 
    }
    .exp-container .swiper .swiper-button-prev {
        right: calc(calc((100vw - 960px) / 2) + 53px) !important;
    }
}
@media (min-width: 1200px) {
    .exp-container{
            margin-left: calc((100% - 1140px) / 2);
    }  
    .exp-container .swiper .swiper-button-next {
        right:  calc((100vw - 1140px) / 2); 
    }
    .exp-container .swiper .swiper-button-prev {
        right: calc(calc((100vw - 1140px) / 2) + 53px) !important;
    }
}
@media (min-width: 1400px) {
    .exp-container{
            margin-left: calc((100% - 1320px) / 2);
    }
    .ExpText{
        padding-right: 30px;
    }
    .ExpBoxes{
        padding-left: 30px;
    }
    .exp-container .swiper .swiper-button-next {
        right:  calc((100vw - 1320px) / 2); 
    }
    .exp-container .swiper .swiper-button-prev {
        right: calc(calc((100vw - 1320px) / 2) + 53px) !important;
    }
}
@media (min-width: 576px) and (max-width: 991px) {
    .ExpText{
        width:70%;   
    }
}
@media (max-width: 767px) {
    .exp-container{
        position:relative;
        padding-bottom:100px;
    }
    .relative-container{
        position:relative;
        padding-bottom:80px;
    }
    .position-bottom-mob {
        position: absolute;
        bottom: 0px;
        text-align: center;
        width: 100%;
        left: 0;
    }
}
@media (max-width: 575px) {
    .swiper-container-mob {
        width:100%;
        padding-left: 0.75rem; 
    }
}



/*Review SECTIONS
=======================*/
.Reviews .swiper .swiper-button-next,
.Reviews .swiper .swiper-button-prev{
    background:var(--white) url(/image/arrowR.svg) no-repeat center center !important;
}
.Reviews .swiper .swiper-button-next{
    right:0px;
}
.Reviews .swiper .swiper-button-prev{
    left:0px; 
}

@media (max-width: 991px) {
    .reviews-col {
        margin-top:-15%;
        padding-bottom:10%;
        padding-left:calc(10% - 0.75rem);
        padding-right:calc(10% - 0.75rem);
    }
}
@media (min-width: 992px) {
    .Reviews {
        display:flex;
        justify-content: stretch;
        width: 100%;
        overflow: hidden;
    }
    .position-back {
        z-index: 0;
        height: 100%;
        position: relative;
        margin-left:auto;
        height: inherit;
    }
    .reviews-col {
        margin-right: -25%;
        position: relative;
        z-index: 2;
        padding-left: 15%;
        margin-top:5%;
        margin-bottom:5%;
    } 
    .position-back picture{
        display: block;
        height: 100%;
    }
}
@media (min-width: 1400px) {
    .reviews-col {
        padding-left: 18%;
    }
}
.review-container {
    z-index: 1;
    position: relative;
    padding:40px 0;
    height: 100%;
      text-align:center;
}
.review-container:before {
    content: "";
    background: var(--white);
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    right: 20px;
    z-index:-1;
}
.review-container h2{
    display: inline-block;
    border-bottom: 2px solid var(--gold);
    padding-bottom: 8px;
}
.Review-swiper .swiper-slide{
    height: auto;
}
.Review-swiper .swiper-wrapper .Review-box {
    padding-left:60px;
    padding-right:60px;
    height:100%;  
    display: flex;
    align-items: center;
}
@media (min-width: 992px) {
    .Review-box {
        font-size:18px;
        font-weight:400;
    }
}

.rTitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.review-rate {
   height:10px;
   display:inline-block;    
   background: url(/image/star.svg) repeat-x left center; 
}
.review-rate.rate1 {
   width:13px;
}
.review-rate.rate2 {
   width:26px;
}
.review-rate.rate3 {
   width:39px;
}
.review-rate.rate4 {
   width:52px;
}
.review-rate.rate5 {
   width:65px;
}

.Review-box .text-blue{
    font-size: 14px;
    font-weight: 500;
}

/*News
============================ */
.round-img img{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
@media (max-width: 991px) {
    .news-recent .row:not(:last-child) {
        margin-bottom: 40px;
    }

}
.news-recent .text-holder,
.news-releases .text-holder{
    padding-top:20px;
}
@media (min-width: 576px) {
    .news-recent .text-holder {
        padding-left:20px;
    }
}
@media (min-width: 992px) {
    .news-recent .row:last-child {
       margin-top: 30px; 
    }
    .news-recent .text-holder {
        padding-left:20px;
        padding-right:20px;
    }
}

.new-date {
    padding-bottom:20px;
    font-size:18px;
    font-weight:400;
}

/*NEWSLETTER
============================ */
.newsletter-section {
    position: absolute;
    top:0;
    z-index: 1;
    width: 100%;
    background-color: rgba(24, 25, 63, 0.4);
    height:100%;
}
.newsletter-container{
    color:var(--white);
    font-size: 18px;
    font-weight: 400;
    text-align:center;
}
@media (max-width: 767px) {
    .newsletter-container{
        font-size: 16px;
    }
}
.newsletter-container h2,
.newsletter-container a{
    color:var(--white);
}
.newsletterform  {
    text-align:center;
    color: var(--white);
   font-size: 16px;
}
.newsletterform .form-control {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid var(--white);
  border-radius:30px;
  padding: 12px 15px;
  color: var(--blue);
  font-size: 16px;
  font-weight:400;
}
.newsletterform .form-agree label {
  color: var(--white);
}
.newsletterform  .form-control::placeholder {
    color: var(--white);
}
.newsletterform .v-no {
    display:none;
}
@media (max-width: 767px) {
   .newsletterform .form-control {
         padding: 8px 15px;
   }
}


/*Accordion Filters & FAQ
=========================*/
#loading { display:none; font-weight:bold; }
.no-results { font-style:italic; padding:20px; }
.no-results:after {
    content:"No results found";
}
.el .no-results:after {
    content:"Δεν βρέθηκαν αποτελέσματα";
}

.accordion {
  color: var(--grey-border);
  border: 1px solid var(--grey-border);
  border-radius: 20px;
  overflow: hidden;
  background: var(--light-grey);
  padding:10px 20px;
}
.accordion .tab {
  position: relative;
}
.accordion .tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
/*title of accordion*/
.tab__label {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    color: var(--blue);
    font-weight: 600;
    background: var(--light-grey);
    cursor: pointer;
}
.tab__label::after {
  content: "\276F";
  width:22px;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab:not(:first-child) {
   border-top: 1px solid var(--grey-border);   
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
#filters .tab input:checked ~ .tab__content{
  padding: 10px 0 20px;
}
.tab input:checked ~ .tab__content {
  max-height: fit-content;
}
.tab .tab__content input[type="checkbox"]{
    position: relative;
    opacity: 1;
    z-index: 999;
    margin-right: 6px;
} 
.tab .tab__content label{
    color: var(--grey);
    margin-bottom: 10px;
    display:block;
}
/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}

/*Filters Mobile
==========================*/
.toggleFiltersBtn{
    display:none;
}
@media (max-width: 991px){
    .toggleFiltersBtn{
        display:block;
        position: fixed;
        z-index: 1001;
        padding: 10px;
        cursor: pointer;
        background: var(--blue);
        left:0;
        top:90px;
        width:48px;
        height:48px;
         user-select: none;
        transition: left 0.3s ease; 
    }
    .toggleFiltersBtn img{
        width: 28px;
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(108%) contrast(101%);
    }
    .toggleFiltersBtn.open {
        left: 200px; /* same width as sidebar */
        background: var(--light-grey);
        margin-top:1px;
    }
    .toggleFiltersBtn.open img{
        display:none;
    }
    .toggleFiltersBtn.open::after {
        content: "✖";
        line-height: 0;
        padding: 10px 0;
        display: block;
        text-align: center;
        font-size: 22px;
        font-weight: 100;
        color: var(--blue);
    }
    #filters {
        position: fixed;
        z-index: 1;
        cursor: pointer;
        background-color:var(--light-grey);
        width:250px;
        top:90px;
        left:-250px;
        transition: left 0.3s ease;
        z-index: 1000;
        border-radius: 0px;
        padding:50px 20px 20px;
    }
    #filters.open {
        left:0px;
    }
}

/*EXPERIENCE PAGE
=======================================*/
.point{
    background:url(/image/point2.svg) no-repeat left 2px;
    background-size:17px;
    padding-left:24px;
        margin-left:5px;
}
.share {
    position:relative;
    margin-right:15px;
    max-width:120px;
}
.copy-btn {
     background:url(/image/share.svg) no-repeat left 2px;
    background-size:15px;
    padding-left:20px;   
}
.copy-msg {
    opacity: 0;
    margin-left: 8px;
    transition: opacity 0.3s;
    color: var(--gold);
    font-weight: bold;
    position: absolute;
    bottom: 24px;
    right: 0;
    width: max-content;
}
.copy-msg.showit {
    opacity: 1;
}

/*Gallery top
---------------------*/
.gallery-wrapper {
    border-radius: 20px;
    overflow: hidden; 
}
.gallery-columns {
    display: grid;
    grid-gap: 12px;
    position:relative;
}
/* Fallback responsive columns */
.gallery-columns.columns-1 {
    grid-template-columns: 1fr;
}
.gallery-columns.columns-2 {
    grid-template-columns: 1fr 1fr;
}
.gallery-columns.columns-3 {
    grid-template-columns: 2fr 1fr 1fr; /* first column bigger */
}
/* MAIN LAYOUT (4 images) */
.gallery-columns.columns-4 {
    grid-template-columns: 2fr 1fr 1fr;   /* 50% | 25% | 25% */
    grid-template-areas:
        "col1 col2 col3"
        "col1 col2 col4";
}
/* Assign the images */
.columns-4 a:nth-child(1) { grid-area: col1; }
.columns-4 a:nth-child(2) { grid-area: col2; }
.columns-4 a:nth-child(3) { grid-area: col3; }
.columns-4 a:nth-child(4) { grid-area: col4; }

/* Aspect-ratio box */
.gallery-columns a {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.gallery-columns a::before {
    content: "";
    display: block;
    padding-top: 66%; /* 3:2 ratio – change if needed */
}
.gallery-columns img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* MOBILE — only show carousel */
#mobileCarousel { 
    display: none; 
}
@media (max-width: 767px) {
    .gallery-columns {
        display: none !important;
    }
    #mobileCarousel {
        display: block !important;
    }
    /* slide height-cropped */
    #mobileCarousel .swiper-slide {
        height: 40vh;         
        width: auto;        
        overflow: hidden;     
        flex-shrink: 0;      
        max-width:100%;
    }
    /* Images inside slides */
    #mobileCarousel .swiper-slide img {
        height: 100%;       
        width: auto;        
        max-width: 100%;       
        object-fit: cover;     
        display: block;
    }
}
.more-images-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    color: var(--white);
    background: rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease-in-out;
    backdrop-filter: blur(1px);
    padding: 0.5em 1em;
    font-size: 14px;
    border-radius: 30px;
    border: 1px solid var(--gold);
}
.more-images-btn:hover {
    background: var(--gold) !important;
}

/*Details
------------------------------------*/
.detail-col {
    padding-left:35px
}
.d-map{
    background:url(/image/map.svg) no-repeat left 5px;
    background-size: 22px;   
}
.d-lang {
    background:url(/image/lang.svg) no-repeat left 5px;
    background-size: 22px;   
}
.d-duration {
    background:url(/image/duration.svg) no-repeat left 5px;
    background-size: 22px;   
}
.d-persons {
    background:url(/image/persons.svg) no-repeat left 5px;
    background-size: 22px;   
}
.d-time {
    background:url(/image/clock.svg) no-repeat left 5px;
    background-size: 22px;   
}
.d-accessibility {
    background:url(/image/accessibility.svg) no-repeat left 5px;
    background-size: 22px;   
}
.d-private {
    background:url(/image/person.svg) no-repeat left 5px;
    background-size: 22px;   
}
.d-parking {
    background:url(/image/parking.svg) no-repeat left 5px;
    background-size: 22px;   
}
.d-seats {
    background:url(/image/carseat.svg) no-repeat left 2px;
    background-size: 22px;   
}
.d-babySeat {
    background:url(/image/babycarseat.svg) no-repeat left 2px;
    background-size: 22px;   
}
.d-luggage {
    background:url(/image/luggage.svg) no-repeat left 0px;
    background-size: 20px;   
}



.detail-col .title{
    color: var(--blue);
    font-weight: 600;
    font-size: 18px;
}

.bodyText-accordion details {
    border-bottom: 1px solid var(--grey-border);
}
.bodyText-accordion summary{
    margin-bottom:0px;
    padding-top:20px;
    padding-bottom:20px;
}
.bodyText-accordion summary {
    list-style: none;           /* Firefox */
}
.bodyText-accordion summary::-webkit-details-marker {
    display: none;              /* Chrome / Safari */
}
.bodyText-accordion summary {
    cursor: pointer;
    padding-right: 3rem;
    position: relative;
}
.bodyText-accordion summary::before {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 22px;
    width: 0.7rem;
    height: 0.7rem;
    border-right: 2px solid var(--blue);
    border-bottom: 2px solid var(--blue);
      /*  content: "\276F";*/
    transform: rotate(45deg); 
    transition: transform 0.3s;
}
.bodyText-accordion details[open] summary::before {
    transform: rotate(135deg); /* arrow pointing down */
}

.timeline ul {
  list-style: none;
  padding: 0;
  /*border-left: 8px solid var(--gold);*/
  position:relative;
}
.timeline li:not(:last-child):before {
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 6px;
    left: 13px;
    z-index: 0;
    background: var(--gold);
}
.timeline li:first-child:before {
    top: 15px;
}
.timeline li {
  padding: 4px 20px 25px 45px;
  position: relative;
}
.timeline li::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 31px;
    height: 31px;
    background: var(--gold) url(/image/point-white.svg) no-repeat 7px 6px;
    border-radius: 100%;
    background-size: 17.5px;
    box-shadow: 0 0 32px #0000000f, 0 4px 8px #00000029;
}

/*Reviews - in experience pages
---------------------------------------------*/
.ReviewInn-swiper .Review-box .text {
    background: var(--white);
    border-radius: 20px;
    border: 1px solid #DFE0E4;
    padding: 40px 40px 30px 40px;
}
.ReviewInn-swiper .Review-box .rTitle {
    margin-bottom:4px;
}
.ReviewInn-swiper .Review-box .review-rate {
    margin-bottom:8px;
}
.ReviewInn-swiper .Review-box .user-icon {
    background:url(/image/user.svg) no-repeat left 5px;
    background-size: 48px;   
    padding:6px 0 6px 60px;
    margin-bottom:14px;
}
.ReviewInn-swiper .Review-box .rDate{
    font-size: 14px;
    font-weight: 500;
}


/*RightCol - Boxes in experience pages
---------------------------------------------*/
.aside-box{
    font-size: 14px;
    font-weight: 500;
    color: var(--grey);
    border-radius: 20px;
    text-align: left;
    background: #F8F8FA;
    border: 1px solid var(--grey-border);
}
.aside-box span.price{
    display: block;
    color: var(--blue);
    font-weight: 800;
    font-size: 22px;
}
.aside-box .title {
    font-weight:700;
    text-decoration:underline;
}
.aside-box .icon{
    width: 20px;
    margin-right: 10px;
}
.aside-box .icon img{
    width: 17px;
}
.aside-box .icon.tick-icon{
    background:url(/image/check.svg) no-repeat left 5px;
    background-size: contain;
}
.aside-box .text {
    width:calc(100% - 30px);
}
.aside-box .text p{
    margin-bottom:0;
}

.common-haracteristic .title{
    background:url(/image/yes.svg) no-repeat left top;
    background-size: 22px;
    color: var(--blue);
    font-weight: 600;
    font-size: 16px;
    padding-left:30px;
    text-decoration:none;
}
.common-haracteristic ul {
    list-style:none;
}
.common-haracteristic ul li{
        background:url(/image/check.svg) no-repeat left 5px;
    background-size: 17px;
     padding-left:30px;
}
.common-haracteristic ul li:not(:last-child){
    margin-bottom:1rem;    
}
.common-haracteristic ul li strong{
    color: var(--blue);
    font-weight: 600;
    font-size: 16px;
}

/*BODY SECTIONS
======================*/
.section-row {
    position:relative;
    padding-bottom:50px;
}
.section-row.bg-section:before{
    content:"";
    background-color:var(--blue);
    position:absolute;
    left:0;
    right:0;
    top:50px;
    bottom:0;
    z-index:-1;
}
.section-row.bg-section h2 {
    color:var(--white);
}

.section-row.bg-section.no-img {
      padding-bottom:0px;  
}
.section-row.bg-section.no-img:before{
    top:0px;
}
.section-row.bg-section.no-img .text-space {
    padding:7% 0;
}
@media (min-width: 992px) {
    .section-row .text-space-top {
        padding-top:60px;
    }
}


.section-collage-row .collage{
    position:relative;
}
.section-collage-row .collage > div:first-child{
    padding-right:25%;
    padding-bottom:30%;
}
.section-collage-row .collage > div:nth-child(2) {
    width: 25%;
    position: absolute;
    top: 10%;
    right: 10%;
    z-index:1;
}
.section-collage-row .collage > div:nth-child(3) {
    width: 42%;
    position: absolute;
    right: 3%;
    top: 45%;
    z-index: 1;
}
.section-collage-row .collage > div:nth-child(4) {
    width: 35%;
    position: absolute;
    right: 52%;
    bottom: 0;
    z-index: 1;
}

/*Section team
---------------------------------*/
.section-text-boxes .boxes-row {
    gap:40px;
}
.section-text-boxes .boxes-row .round-img {
    margin-bottom:20px;
}
.section-text-boxes h3{
    font-weight:600;
    color:var(--blue);
}
.m-more-less-content .m-show-more,
.m-more-less-content .m-show-less {
    color: var(--blue) !important;
    cursor: pointer;
    font-weight: 600;
}
.m-more-less-content span {
    display: inline;
}
.el .m-more-less-content .m-show-more:before {
    content: " ... περισσότερα";
}
.m-more-less-content .m-show-more:before {
    content: " ... more";
}
.m-more-less-content .m-show-less {
    display: none;
}
.el .m-more-less-content .m-show-less:before {
    content: " λιγότερα";
}
.m-more-less-content .m-show-less:before {
    content: " less";
}
.m-more-less-content .m-more-text {
    overflow: hidden;
    display: none;
}
.m-more-less-content.m-display-more .m-show-more {
    display: none;
}
.m-more-less-content.m-display-more .m-more-text,
.m-more-less-content.m-display-more .m-show-less {
    display: inline;
}

.boxes-row .imgAsBg {
    position:relative;
}
.boxes-row .imgAsBg .round-img {
    margin-bottom:0px;
    height:100%;
}
.boxes-row .imgAsBg .round-img:after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    background-color:rgba(22, 12, 72, 0.7);
    overflow: hidden !important;
    pointer-events: none; 
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.boxes-row .imgAsBg .round-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}  

.boxes-row .imgAsBg .text-over-img{
    color: var(--white);
    font-size: 22px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.boxes-row .imgAsBg .text-over-img h3{
    color: var(--white);
    font-size: 22px;
    font-weight: 800;
}
@media (max-width: 767px) { 
   .boxes-row .col:not(:last-child) {
       margin-bottom:30px;
   }
}
@media (min-width: 768px) and (max-width: 991px) { 
    .boxes-row .col {
        width:50%;
    }  
    .boxes-row .col.imgAsBg {
        width:100%;
        flex:auto;
    }
}

/*NEWS
----------------------------- */
.news-releases .item{
    margin-bottom:40px;
}
.news-releases-list .pagination ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    margin-top: 15px;
    list-style:none;
}
.news-releases-list .pagination li {
    padding: 5px;
    background: none;
}
.news-releases-list .pagination li a {
    text-decoration: none;
    color: var(--dark-color);
}
.news-releases-list .pagination li a:hover {
    text-decoration: underline;
}
.news-releases-list .pagination li.active a {
    color: var(--black) !important;
    text-decoration: underline;
}


.prevNextWrap {
    display: flex;
    padding-top: 30px;
    font-weight: 600;
    justify-content: center;
}
.prevNextWrap a {
    color: var(--blue);
    text-decoration: none;
    text-transform: uppercase;
}
@media (min-width: 576px) {
    .prevNextWrap .next {
        margin-left: 30px;
    }
}



/*FORM
==========================*/
/* START OF NEWSLETTER  
----------------------------*/
.contactForm {
    font-size: 18px;
}
.contactForm .form-control {
    background: var(--white);
    border-radius: 30px;
    border: none;
    border: 1px solid var(--gold);
    font-size: 16px;
    color: var(--grey);
    padding: 12px 15px;
}

.contactForm label,
.contactForm .form-control::placeholder{
    color: var(--blue-color);
}
.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;
    color: var(--grey);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-transform:unset;
}
.form-agree .field-validation-error {
	display: inline-block;
}
.form-agree a {
    text-decoration:underline;
    padding-bottom: 0px;
}
.form-agree a:hover {
    text-decoration:none;
}
.form-agree input[type="checkbox"] {
  accent-color: var(--blue); /* background when checked */
}


#json-msg {
    padding-top:20px;
}
.status-failure,
.status-busy {
    margin:6px 0 0 0;
}
.status-busy img{
   height: 10px;
}

.attachment-field {
    padding: 0 10px 5px;
    color:var(--grey);
    text-align:left;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

/*Show more
==========================*/
/*
  .toggle-box {
    position: relative;
  }
  .toggle-box input {
    display: none;
  }

.toggle-box .btn-more {
    position: relative;
    display: inline-block;
    padding: 0.3em 0.5em;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: var(--blue)!important;
    text-align: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--blue);
}
.toggle-box .btn-more a:hover {
    color: var(--blue)!important;
    background: none!important;
}
.toggle-box .btn-more img{
    width: 20px;
    height: 20px;
    margin-top: 0px;
    padding-left: 0;
    padding-right: 10px;
    transition: all 0.5s ease-in-out;
    transform: translate(0, 0.1em) rotate(135deg);
}
.toggle-box .btn-more:hover img{
    transition: all 0.5s ease-in-out;
    transform: translate(0, 0.4em) rotate(135deg);
}
  .extra {
    overflow: hidden;
    max-height: 0;
    transition: max-height .4s ease;
  }
  input:checked ~ .content .extra {
    max-height: 300px; 
  }
  .extra > * {
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .3s ease, transform .3s ease;
  }
  input:checked ~ .content .extra > * {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .1s;
  }
  input:checked ~ .content .btn-more {
    display: none;
  }
  .btn-less {
    display: none;
  }
  input:checked ~ .content .btn-less {
    display: inline-flex;
    margin-top: .5rem;
  }
 .toggle-box .btn-less{
    position: relative;
    display: inline-block;
    padding: 0.3em 0.5em;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: var(--blue) !important;
    text-align: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--blue);
}
  .toggle-box .btn-less img{
    width: 20px;
    height: 20px;
    margin-top: 0px;
    padding-left: 10px;
    transition: all 0.5s ease-in-out;
    transform: translate(0, 0.4em) rotate(-44deg);
}
.toggle-box .btn-less:hover img{
    transition: all 0.5s ease-in-out;
    transform: translate(0, 0em) rotate(-44deg)
}

*/


/*BREADCRUM
========================================*/
.breadcrumb {
    font-size: 16px;
    font-weight: 400;
}
.breadcrumb li+li:before {
    padding: 8px;
    color: var(--gold);
    content: "\2022";
}
.breadcrumb a {
    color: var(--grey);
    font-weight: 400;
    text-decoration: underline;
 }
.breadcrumb a:hover {
    color: var(--blue);
}
@media screen and (max-width: 767px) {
    .breadcrumb {
        font-size:14px;
    }    
}

/*News
========================*/

@media (min-width: 992px) {
 .place-right img {
        float: right;
        margin: 0 0 1.5rem 3rem;
        width: 50%;
    }
}
@media (max-width: 991px) {
    .place-right img {
        margin: 0 0 3rem 0;
    }
}



/*404 page
============================================*/
.sitemap a{
    text-decoration:none;
        color: var(--dark-color);
}
.sitemap a:hover{
    text-decoration:underline;
}

/*LISTS
=======================*/
.u-list,
.details-content ul,
.body-content ul{
   /* list-style-type:none;*/
    margin-bottom: 1rem;
    margin-left:20px;
}
.u-list li,
.body-content ul li{
    padding-left: 30px;
    margin-bottom: 15px;
    background-size: 14px;
}
.text ul,
.place-text ul{
    list-style-type:none;
    margin-bottom:30px;
}
.text ul li:before,
.place-text ul li:before{
    content:"- ";
}