.slider-wrapper {position: relative;width:calc(100% - 80px);padding-bottom: 35.6%;margin:20px auto 0;overflow: hidden;}
.slider-container {position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.flick-slider {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.flickity-viewport{overflow: hidden;}
.slide-photo{position: relative;object-fit: cover;width: 100%;}
.flickity-page-dots{display: none;}
.slide-photo > picture {display: block;width: 100%;position: relative;padding-bottom: 36.95%;overflow: hidden;}
.slide-photo > picture img {position: absolute;width: 100%;top: 0;left: 0;object-fit: cover;display: flex;align-items: center;justify-content: center;height: 100%;}
.left-button{position: absolute;z-index: 1;left: 43px;top:0;bottom:0;margin: auto 0;display: flex;align-items: center;height: max-content;}
.right-button{position: absolute;z-index: 1;right: 43px;top:0;bottom:0;margin:auto 0;display: flex;align-items: center;height: max-content;}
.left-button:hover,.right-button:hover{cursor: pointer;}
.anchor-box > a{padding: 5px 10px;}
.info-list-map{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;max-width: 240px;}
.info-list-map > li{font:300 14px Geologica;color:#727272;padding-right: 22px;position: relative;margin-bottom: 5px;}
.info-list-map > li:after{content: "";width: 1px;height: 12px;background: #D9D9D9;right: 11px;position: absolute;top:23%;}
.info-list-map > li:last-child{padding-right: 0;}
.info-list-map > li:last-child:after{content: none;}
.inner-about-link{position: relative;}
.inner-about-link:before{content: '';background-color:#44586D;transition: all 0.3s ease;position: absolute;left: 0;bottom: 0;width: 100%;height: 0;z-index: -1;}
.inner-about-link:hover:before{bottom: 0;height: 100%;}
.all-rooms-link{transition: all 0.4s ease 0s;padding: 10px 0; box-shadow: 0 0 0 1px #D7D7D7;border-radius: 20px;}
.all-rooms-link:hover{background: #1BA3AE;box-shadow: 20px 40px -10px #1BA3AE;transition: all 0.4s ease 0s;}
.all-rooms-link:hover .all-rooms-text{color:#fff;}
.sights-outter-card:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #f8f8f8;z-index: 3;transform-origin: 100% 50%;transform: scale(1,1);transition: all 0.7s ease-in-out;}
.sights-outter-card.enable:before{transform: scale(0,1);}
.blue-background.heighted{height: 300px;transition: all 0.7s ease-in-out;}
.restaurant-list-container.widthed:after{width: 85%;transition: width 0.8s ease-in-out;}
.anchor-box:before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 100%;background-color:#fff;transition: all 0.4s ease;z-index: 4;}
.anchor-box:hover:before{width: 100%;}
.anchor-box:hover .anchor-text{color:#737373;}
.anchor-box > a{z-index: 4;position: relative;}
.room-card-container:hover .read-more-text{color:#1BA3AE;}
.restuarant-link:hover .restaurant-title-card{color:#1BA3AE;}
.transportation-image img,.restaurant-image-box img{transform: scale(1);transition: all 0.4s ease-out;filter:grayscale(0);}
.transportation-card:hover .transportation-image img , .restuarant-link:hover .restaurant-image-box img{ transform: scale(1.05);transition: all 0.4s ease-out;filter:grayscale(100%);}
.services-box{align-items: center;justify-content: space-between;}
.services-box:hover .title-services-text{color:#1BA3AE;}
.services-box:hover sup{color:#1BA3AE;}
.arrow-serv svg path{transition: all 0.4s ease;}
.services-box:hover .arrow-serv svg path{fill:#1BA3AE; transition: all 0.4s ease;}
.services-front-list{margin:30px 0 0;padding:0;list-style:none;width:100%}
.services-front-list > li > a{position:relative;width:100%;padding:20px 30px 50px;background-color:#F3F3F3;border-radius:20px;height:100%;text-align:center}
.services-front-list-photo-container{width:100%}
.services-front-list-photo{position:relative;display:block;width:100%;overflow:hidden;padding-bottom:49.3%;border-radius:10px}
.services-front-list-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.services-front-list-title{margin-top:20px;font:500 clamp(1.475rem,1.563vw,1.875rem) Geologica;color:#262626}
.services-front-list-smallDesc{margin-top:10px;font:300 clamp(1.025rem,0.938vw,1.125rem) / 1.1 Geologica;color:#262626}
.services-front-list-icon{position:absolute;width:70px;height:70px;left:0;right:0;bottom:-35px;margin:0 auto}
.services-front-list-readMore-container{margin-top:80px;width:100%;text-align:center}
.services-front-list-readMore{display:inline-block;position:relative;font:400 clamp(1.125rem,1.042vw,1.25rem) / 1 Geologica;color:#262626;text-transform:uppercase;padding:0 20px}
.services-front-list-readMore:before{content:'';position:absolute;width:100%;height:1px;right:100%;top:0;bottom:0;margin:auto 0;background-color:#C3C3C3}
.services-front-list-readMore:after{content:'';position:absolute;width:100%;height:1px;left:100%;top:0;bottom:0;margin:auto 0;background-color:#C3C3C3}
.review-lefkada-container{width:40%;background-color:#F2F2F2;padding:4% 3%;position:relative;z-index:5}
.review-lefkada-hTitle{font:700 clamp(1.275rem,1.302vw,1.563rem) Geologica;color:#44586D}
.review-lefkada-form-container{width:100%}
.review-col,.review-submit-outer{margin-top:15px}
.review-col label{display:none}
.review-input{border-radius:5px!important;position:relative;width:100%;height:50px;line-height:44px;background:#fff;outline:none;padding-left:20px;font-weight:400;font-family:Geologica;font-size:16px;color:#262626;box-shadow:0 0 0 1px #E3E3E3;border:none}
.review-textarea{border-radius:5px!important;position:relative;width:100%;height:220px;background:#fff;resize:none;box-shadow:0 0 0 1px #E3E3E3;border:none;outline:none;font-weight:400;font-family:Geologica;font-size:16px;color:#262626;padding-left:20px;padding-top:20px}
#review-submit{display:inline-block;padding:18px 0;background-color:#262626;color:#fff;font-family:Geologica;outline:0;font-size:18px;cursor:pointer;border:none;font-weight:600;text-transform:uppercase;width:100%;border-radius:6px!important}
#review-submit:hover{background-color:#44586D}
#front-activities-outer{margin-top:60px;padding:0 30px}
#front-activities-wrapper{width:100%;background-color:#1BA3AE;border-radius:20px;text-align:center;padding:0 30px}
.front-activities-h2{display:inline-block;font:700 clamp(1.35rem,1.875vw,2.25rem) Geologica;color:#fff;background:#1BA3AE url(../img/activities-bg.svg) 50% 50% no-repeat;background-size:contain;padding:11px 70px}
#front-activities-container{position:relative;width:100%;padding:0 50px 20px;margin-top:30px}
.left-activities{position:absolute;width:24px;height:38px;top:0;bottom:0;left:0;margin:auto 0;z-index:20;cursor:pointer}
.right-activities{position:absolute;width:24px;height:38px;top:0;bottom:0;right:0;margin:auto 0;z-index:20;cursor:pointer}
#front-activities{padding:0}
.front-activities-slide{width:20%;padding:0 15px}
.front-activities-photo{width:100%}
.front-activities-photo figure{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:50%;border:5px solid #fff}
.front-activities-photo figure img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.front-activities-title{margin-top:20px;font:400 clamp(1.14rem,1.146vw,1.375rem) Geologica;color:#fff}

@media (min-width: 1200px) and (max-width: 1300px) {.restaurants-texts{width: max-content;position: relative;padding-right: 4%;max-width: 700px;}}
@media (min-width: 1200px) {
    .services-front-list > li{width:31%;margin-left:3.5%;margin-top:60px}
    .services-front-list > li:nth-child(3n+1){margin-left:0}
    .services-front-list > li:nth-child(-n+3){margin-top:0}
    .services-front-list > li > a:hover .services-front-list-icon rect{fill:#1BA3AE}
    .whatsup{position: fixed;z-index: 3;right: -10px;bottom:10px;width: 100px;border-radius: 50%;}
    .whatsup svg{width: 100%;height: auto;}
    .search-outter{padding: 0 40px;opacity: 0;}
    .search-outter.loaded{opacity: 1;}
    .front-search-container{max-width: 1260px;margin: -160px auto 0;background: rgba(255,255,255,0.95);border-radius: 30px;border: 1px solid #E1E1E1;z-index: 2;position: relative;}
    .inner-search-container{max-width: 1100px;margin: 25px auto;}
    .search-title{font: 400 24px Geologica;color:#44586D;text-align: center;text-transform: uppercase;position: relative;}
    .search-title:after{content: "";position: absolute;left: 0;top:50%;width: 440px;height: 1px;background: #D4D4D4;}
    .search-title:before{content: "";position: absolute;right: 0;top:50%;width: 440px;height: 1px;background: #D4D4D4;}
    .rooms-container-categ-list{list-style: none;margin: 30px 0 0 0;padding:0 0 18px 0;display: flex;border-bottom: 1px solid #E6E6E6;flex-wrap: wrap;}
    .rooms-categ-box{display: flex;flex-direction: column;width: 18.3%;margin-right: 23.3px;}
    .rooms-categ-box:last-child{margin-right: 0;}
    .rooms-categ-box-image{position: relative;display: block;width: 100%;overflow: hidden;padding-bottom: 55.94%;}
    .rooms-categ-box-image img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .rooms-categ-title{width:max-content;margin: 10px auto 0;text-align: center;font:400 17px Geologica;color:#737373;position: relative;}
    .rooms-categ-title:after{content: " ";display: block;margin-top: 4px;height: 2px;width: 0;background: transparent;transition: width .4s ease, background-color .4s ease;}
    .rooms-categ-box > a:hover  .rooms-categ-title:after{width: 100%;background: #44586D;}
    .anchor-list{list-style: none;padding: 0;display: flex;justify-content: center;max-width: 840px;margin: 24px auto 28px;}
    .anchor-box{width: max-content;border: 1px solid #BBBBBB;text-align: center;margin-right: 35px;border-radius: 3px;position: relative;background-color: #1BA3AE;}
    .anchor-box:last-child{margin-right: 0;}
    .anchor-box:after{content: "";position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #737373;top:50%;right: -19px;}
    .anchor-box:last-child:after{content: none;}
    .anchor-text{font:400 17px Geologica;color:#fff;}
    .suggest-title{text-align: center;margin: 39px auto 22px;font:700 36px Geologica;color:#44586D;}
    .front-rooms-list{display: flex;max-width: 1552px;margin: 0 auto;padding: 0 20px;flex-wrap: wrap;}
    .room-card-container{margin-bottom:80px;width: 31.87%;margin-right: 2.1%;display: flex;align-items: center;text-align: center;border: 1px solid #E3E3E3;position: relative;}
    .card,.room-card{width: 100%;}
    .room-card-container:nth-child(3n){margin-right: 0;}
    .room-card-photo{position: relative;width: 100%;overflow: hidden;padding-bottom: 88.88%;}
    .room-card-photo img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;padding: 25px 25px 0 25px;}
    .categ-title{font:400 18px Geologica;color:#757575;margin: 18px auto 4px;}
    .room-title{font:400 24px Geologica;color:#262626;margin-bottom: 15px;}
    .room-desc{margin: 0 auto;max-width: 424px;font:100 18px Geologica;color:#262626;text-align: center;padding-bottom: 18px;}
    .read-more-text{font:400 16px Geologica;color:#747474;text-align: center;text-transform: uppercase;padding-bottom: 58px;}
    .request{opacity:0;background: #262626;border-radius: 30px;position: absolute;z-index: 2;left: 0;right: 0;margin: 0 auto;bottom: -30px;text-align: center;width: 200px;}
    .inner-request{padding:20px;}
    .inner-request span{font:600 16px Geologica;color:white;text-transform: uppercase;}
    .room-card-container:hover .request{opacity: 1;}
    .room-card-container:hover{box-shadow: 6px 4px 34px 0 rgba(0, 0, 0, 0.35);}
    .all-rooms-outter{margin: 0 auto 60px;border-radius: 20px;width: 320px;text-align: center;}
    .all-rooms-text{font:400 20px Geologica;color:#262626;}
    .front-sights-outter{max-width: 1300px;text-align: center;margin: 0 auto 132px;padding: 0 20px;}
    .front-sights-title{font:700 36px Geologica;color:#44586D;margin-bottom:40px;}
    .sights-container{display: flex;flex-wrap: wrap;}
    .sights-outter-card{width: 31.8%;margin-right: 2.3%;position: relative;}
    .sights-outter-card:last-child{margin-right: 0;}
    .sights-card{width: 100%;position: relative;}
    .sights-image-box{position: relative;display: block;overflow: hidden;padding-bottom: 137.5%;}
    .sights-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .title-container{padding:10px 30px;position: absolute;bottom: 18px;left: 0;right: 0;margin: 0 auto;width: max-content;border-radius: 30px;box-shadow:  0 0 0 1px #BDBDBD;background: white;}
    .title-text{font:300 18px Geologica;color:#262626;}
    .sights-card:hover{box-shadow: 5px 9px 20px 0 rgba(0, 0, 0, 0.25);}
    .sights-card:hover .title-container{background: #262626;box-shadow:  0 0 0 1px #262626;}
    .sights-card:hover .title-text{color:white;}
    #front-transportation{position: relative;}
    .transportation-container-outter{max-width: 1737px;margin: 0 auto;padding: 0 10px;position: relative;}
    .transportation-title{font: 700 36px Geologica;color: #44586D;text-align: center;margin-bottom: 32px;position: relative;}
    .transportation-title:before{content:" ";position: absolute;left: 0;top:50%;width: 100%;height: 1px;background: #d9d9d9;}
    .overlay-text{background: white;position: relative;padding: 0 30px;}
    .transportation-list{display: flex;width: 100%;flex-wrap: wrap;position: relative;z-index: 2;}
    .transportation-card{width: 23.3%;margin-right: 2.26%;position: relative;padding-bottom: 10px;}
    .transportation-card:hover .title-transport{color:white;}
    .transportation-card:hover .arrow-transport{opacity: 1;}
    .transportation-card:nth-child(4n){margin-right: 0;}
    .transport-card{width: 100%;}
    .transportation-image{position: relative;display: block;overflow: hidden;padding-bottom: 60%;}
    .transportation-image img{position: absolute;top:0;left: 0;object-fit: cover;width: 100%;height: 100%;}
    .title-transport{text-align: center;max-width:250px;font:400 20px Geologica;color:#A5A5A5;margin: 16px auto;}
    .arrow-transport{text-align: center;opacity: 0;}
    .blue-background{width: 100%;z-index: 1;position: absolute;bottom: 0;height: 0;background: #44586D;}
    .restaurant-wrapper{margin:68px auto 0;position: relative;z-index: 1;}
    .restaurant-list-container{margin-left: auto;position: relative;width: 85%;padding-top:68px;right: 0;}
    .restaurant-list-container:after{content:"";position: absolute;top:0;left:-20%;background: rgba(68, 88, 109,0.10);width: 0;height: 785px;}
    .restaurants-texts{width: max-content;position: relative;padding-right: 3%;max-width: 770px;}
    .restaurants-texts:after{content: " ";position: absolute;right: 0;top:0;width: 20px;height: 100%;background: inherit;}
    .restaurant-title:after{content:" ";position: absolute;top:50%;width: 300px;height: 2px;background:#C3C3C3;right: 100%;}
    .restaurant-title{font:700 36px Geologica;color:#44586D;margin-bottom: 18px;position: relative;padding-left: 24px;}
    .restaurant-desc{font:400 20px Geologica;color:#44586D;max-width: 747px;margin: 0 0 38px 0;padding-left: 24px;}
    .inner-restaurants-container{display: flex;flex-wrap: wrap;max-width: 1300px;padding-left: 20px;padding-right: 20px;position: relative;z-index: 3;}
    .restaurant-card{width: 48%;margin-right: 4%;margin-bottom: 30px;}
    .restaurant-card:nth-child(2n){margin-right: 0;}
    .restaurant-list{width: 100%;}
    .restaurant-image-box{position: relative;display: block;overflow: hidden;padding-bottom: 51.61%;}
    .restaurant-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .restaurant-title-card{font:400 18px Geologica;color:#44586D;margin-top: 17px;}
    .services-inner-container{max-width:1300px;margin:70px auto 135px;padding: 0 20px;}
    .services-title{font:700 36px Geologica;color:#44586D;text-align: center;}
    .services-container{display: flex;flex-wrap: wrap;}
    .services-box{width: 100%;display: flex;padding-bottom: 24px;border-bottom: 1px solid #D1D1D1;padding-top: 30px;}
    .services-box sup{font:700 17px Geologica;color:#B3B3B3;position: relative;top: -0.8em;left: 5px;}
    .services-box sup:after{content: '(';position: absolute;top:0;left: -6px;}
    .services-box sup:before{content: ')';position: absolute;top:0;right: -2px;}
    .title-services-text{font:400 22px Geologica;color:#262626;margin-left: 15px;}
    .map-title{text-align: center;font:700 36px Geologica;color:#44586D;margin-bottom: 30px;}
    .about-us-container{display: flex;position: relative;background-color: #1BA3AE;}
    .about-us-container:after{content:" ";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url("/img/bg.jpg") white center no-repeat;opacity: 0.10;z-index: 1;}
    .left-about-us{width: 30%;background-color:#1BA3AE;position: relative;}
    .left-about-us:after{content: "";position: absolute;left: 10px;bottom: 10px;background: url("/img/leaf.svg") no-repeat bottom;width: 155px;height: 272px;}
    .left-about-us:before{content: "";position: absolute;top:0;background: url("/img/wave.svg") no-repeat bottom;right: 20px;width: 347px;height: 100%;}
    .numbers-container{max-width: 480px;margin:50px auto;display: flex;flex-wrap: wrap;padding-left: 20px;}
    .number-box{width: 100%;position: relative;padding-bottom: 26px;}
    .number-box:after{content: "";position: absolute;left: 0;top: -6px;width:31px;height: 1px;background: white;}
    .number-box:first-child:after{content: none;}
    .count-box{position: relative;font:700 clamp(3.125rem,2.865vw,3.438rem) Geologica;color:white;}
    .count-box sup{left: -10px;font-size: 30px;top:-0.6em;}
    .count-title{font:400 22px Geologica;margin-top: 5px;color: white;}
    .right-about-us{width:30%;background-color: rgba(101,101,101,0.4);position: relative;}
    .right-about-us:after{content: "";position: absolute;right: 0;bottom: 10px;background: url("/img/leaf2.svg") no-repeat bottom;width: 155px;height: 280px;}
    .right-about-us:before{content: "";position: absolute;top:0;background: url("/img/wave2.svg") no-repeat bottom;right: 20%;width: 347px;height: 100%;}
    .about-us-texts{max-width: 990px;margin: 72px auto;padding: 0 20px;text-align: left;position: relative;z-index: 5;}
    .front-about-us-title{font:700 clamp(2.188rem,2.083vw,2.5rem) Geologica;color:white;margin-bottom: 22px;}
    .front-about-us-desc{font:400 17px Geologica;color:white;line-height: 1.6;margin-bottom: 62px;position: relative;}
    .about-us-link{margin-top: auto;display: inline-block;position: relative;z-index: 2;}
    .inner-about-link{font:600 18px Geologica;color:white;text-decoration: underline;text-transform: uppercase;}
    .front-transport-readMore-container{position: relative;width: 100%;z-index: 2;text-align: center;margin: 20px 0 0;padding-bottom: 30px}
    .front-transport-readMore{display: inline-block;background-color: #fff;border-radius: 10px;padding: 10px 40px;font:400 clamp(1.15rem,1.042vw,1.25rem) Geologica;color: #262626}
}
@media (min-width: 1200px) and (max-width: 1400px) {.whatsup{width: 90px;}}
@media (min-width: 765px) and (max-width: 1199px){
    .services-front-list{justify-content:center;width:100%}
    .services-front-list > li{width:48%;margin-left:4%;margin-top:40px}
    .services-front-list > li:nth-child(-n+2){margin-top:0}
    .services-front-list > li:nth-child(2n+1){margin-left:0}
    .slider-wrapper {position: relative;width:calc(100% - 40px);padding-bottom: 35.6%;margin:7px auto 0;overflow: hidden;}
    .left-button{width:20px;height:33px;position: absolute;z-index: 1;left: 18px;top:0;bottom:0;margin: auto 0;display: flex;align-items: center;}
    .right-button{width:20px;height:33px;position: absolute;z-index: 1;right: 18px;top:0;bottom:0;margin:auto 0;display: flex;align-items: center;}
    .whatsup{display: none;}
    .front-search-container{max-width: 643px;margin: -60px auto 0;background: rgba(255,255,255,1);border-radius: 30px;border: 1px solid #E1E1E1;z-index: 2;position: relative;}
    .inner-search-container{max-width: 560px;margin: 25px auto 20px;}
    .search-title{font: 400 22px Geologica;color:#44586D;text-align: center;text-transform: uppercase;position: relative;}
    .search-title:after{content: "";position: absolute;left: 0;top:50%;width: 190px;height: 1px;background: #D4D4D4;}
    .search-title:before{content: "";position: absolute;right: 0;top:50%;width: 190px;height: 1px;background: #D4D4D4;}
    .rooms-container-categ-list{list-style: none;margin: 15px 0 0 0;padding:0;display: flex;border-bottom: 1px solid #E6E6E6;flex-wrap: wrap;justify-content: center;}
    .rooms-categ-box{display: flex;flex-direction: column;width: 48%;margin-right: 4%;margin-bottom: 20px;}
    .rooms-categ-box:nth-child(2n){margin-right: 0;}
    .rooms-categ-box-image{position: relative;display: block;width: 100%;overflow: hidden;padding-bottom: 55.94%;}
    .rooms-categ-box-image img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .rooms-categ-title{width:max-content;margin: 10px auto 0;text-align: center;font:400 17px Geologica;color:#737373;position: relative;}
    .rooms-categ-title:after{content: " ";display: block;margin-top: 4px;height: 2px;width: 0;background: transparent;transition: width .4s ease, background-color .4s ease;}
    .rooms-categ-box > a:hover  .rooms-categ-title:after{width: 100%;background: #44586D;}
    .anchor-list{list-style: none;padding: 0;display: flex;justify-content: center;max-width: 500px;margin: 10px auto 10px;flex-wrap: wrap;}
    .anchor-box{margin-bottom:14px;width: max-content;border: 1px solid #BBBBBB;text-align: center;margin-right: 35px;border-radius: 3px;position: relative;background-color: #1BA3AE}
    .anchor-box:last-child{margin-right: 0;}
    .anchor-box:after{content: "";position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #737373;top:50%;right: -19px;}
    .anchor-box:last-child:after{content: none;}
    .anchor-text{font:400 17px Geologica;color:#fff;}
    .front-rooms-list{margin: 0 auto;padding: 0 20px;}
    .suggest-title{text-align: center;margin: 39px auto 34px;font:700 26px Geologica;color:#44586D;}
    .room-card-container{margin-bottom:44px;width:40%;margin-right: 2.2%;display: flex;align-items: center;text-align: center;border: 1px solid #E3E3E3;position: relative;}
    .card,.room-card{width: 100%;}
    .room-card-photo{position: relative;width: 100%;overflow: hidden;padding-bottom: 88.88%;}
    .room-card-photo img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;padding: 18px 18px 0 18px;}
    .categ-title{font:400 17px Geologica;color:#757575;margin: 12px auto 4px;}
    .room-title{font:400 18px Geologica;color:#262626;margin-bottom: 13px;}
    .room-desc{margin: 0 auto;max-width: 280px;font:100 17px Geologica;color:#262626;text-align: center;min-height: 120px;}
    .read-more-text{font:400 16px Geologica;color:#747474;text-align: center;text-transform: uppercase;padding-bottom: 48px;margin-top: 20px;}
    .request{opacity:1;background: #262626;border-radius: 30px;position: absolute;z-index: 2;left: 0;right: 0;margin: 0 auto;bottom: -25px;text-align: center;width: 200px;}
    .inner-request{padding:12px;}
    .inner-request span{font:600 16px Geologica;color:white;text-transform: uppercase;}
    .room-card-container:hover{box-shadow: 6px 4px 34px 0 rgba(0, 0, 0, 0.35);}
    .all-rooms-outter{margin: 30px auto 45px;width: 320px;text-align: center;}
    .all-rooms-text{font:400 18px Geologica;color:#262626;}
    .front-sights-outter{text-align: center;margin: 0 auto 72px;padding: 0 18px;}
    .front-sights-title{font:700 26px Geologica;color:#44586D;margin-bottom:40px;}
    .sights-container{display: flex;flex-wrap: wrap;}
    .sights-outter-card{width: 31.8%;margin-right: 2.3%;position: relative;}
    .sights-outter-card:last-child{margin-right: 0;}
    .sights-card{width: 100%;position: relative;}
    .sights-image-box{position: relative;display: block;overflow: hidden;padding-bottom: 137.5%;}
    .sights-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .title-container{padding:10px 30px;position: absolute;bottom: 8px;left: 0;right: 0;margin: 0 auto;width: max-content;border-radius: 30px;box-shadow:  0 0 0 1px #BDBDBD;background: white;}
    .title-text{font:600 15px Geologica;color:#262626;}
    .sights-card:hover{box-shadow: 5px 9px 20px 0 rgba(0, 0, 0, 0.25);}
    .sights-card:hover .title-container{background: #262626;box-shadow:  0 0 0 1px #262626;}
    .sights-card:hover .title-text{color:white;}
    #front-transportation{position: relative;}
    .transportation-container-outter{margin: 0 auto;padding: 0 18px;position: relative;}
    .transportation-title{font: 700 26px Geologica;color: #44586D;text-align: center;margin-bottom: 32px;position: relative;}
    .transportation-title:before{content:" ";position: absolute;left: 0;top:50%;width: 100%;height: 1px;background: #d9d9d9;}
    .overlay-text{background: white;position: relative;padding: 0 20px;}
    .transportation-list{display: flex;flex-wrap: wrap;position: relative;z-index: 2;max-width: 667px;margin: 45px auto 30px;}
    .transportation-card{width: 47.7%;margin-right: 4.6%;position: relative;padding-bottom: 40px;}
    .transportation-card:hover .title-transport{color:white;}
    .transportation-card:hover .arrow-transport{opacity: 1;}
    .transportation-card:nth-child(2n){margin-right: 0;}
    .transport-card{width: 100%;}
    .transportation-image{position: relative;display: block;overflow: hidden;padding-bottom: 60%;}
    .transportation-image img{position: absolute;top:0;left: 0;object-fit: cover;width: 100%;height: 100%;}
    .title-transport{text-align: center;max-width:250px;font:400 16px Geologica;color:#A5A5A5;margin: 12px auto;}
    .arrow-transport{text-align: center;opacity: 0;}
    .blue-background{width: 100%;z-index: 1;position: absolute;bottom: 0;height:0;background: #44586D;}
    .blue-background.heighted{height: 600px;}
    .restaurant-wrapper{margin:30px auto 0;position: relative;z-index: 1;}
    .restaurant-list-container{position: relative;width: 100%;padding: 48px 17px 0;}
    .restaurant-list-container.widthed:after{width: 100%;transition: width 0.8s ease-in-out;}
    .restaurant-list-container:after{content:"";position: absolute;top:0;left:0;background: rgba(68, 88, 109,0.10);width: 0;height: 560px;}
    .restaurants-texts{position: relative;}
    .restaurant-desc:after{content:" ";position: absolute;bottom:-27px;width: 200px;height: 1px;background:#C3C3C3;left:0;right:0;margin: 0 auto;}
    .restaurant-title{font:700 26px Geologica;color:#44586D;margin-bottom: 20px;position: relative;text-align: center;}
    .restaurant-desc{font:400 18px Geologica;color:#44586D;max-width: 581px;margin: 0 auto 27px;text-align: center;position: relative;}
    .inner-restaurants-container{display: flex;flex-wrap: wrap;padding: 40px 17px 0;position: relative;z-index: 3;}
    .restaurant-card{width: 47.5%;margin-right: 5%;margin-bottom: 30px;}
    .restaurant-card:nth-child(2n){margin-right: 0;}
    .restaurant-list{width: 100%;}
    .restaurant-image-box{position: relative;display: block;overflow: hidden;padding-bottom: 51.61%;}
    .restaurant-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .restaurant-title-card{font:400 16px Geologica;color:#44586D;margin-top: 17px;}
    .services-inner-container{width: 100%;margin:50px auto 50px;padding: 0 20px;background: #F8F8F8;}
    .services-title{font:700 26px Geologica;color:#44586D;text-align: center;padding-top:24px;}
    .services-container{display: flex;flex-wrap: wrap;padding-bottom: 40px;}
    .services-box{width: 100%;display: flex;padding-bottom: 30px;border-bottom: 1px solid #D1D1D1;padding-top: 40px;}
    .services-box sup{font:700 17px Geologica;color:#B3B3B3;position: relative;top: -0.8em;left: 5px;}
    .services-box sup:after{content: '(';position: absolute;top:0;left: -6px;}
    .services-box sup:before{content: ')';position: absolute;top:0;right: -2px;}
    .title-services-text{font:400 18px Geologica;color:#262626;margin-left: 15px;}
    .map-title{text-align: center;font:700 26px Geologica;color:#44586D;margin-bottom: 20px;}
    .about-us-container{display: flex;position: relative;background-color: #1BA3AE;flex-wrap: wrap;justify-content: center;}
    .about-us-container:after{content:" ";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url("/img/bg.jpg") white center no-repeat;opacity: 0.10;z-index: 1;}
    .left-about-us{width: 100%;background-color:#1BA3AE;position: relative;}
    .left-about-us:after{content: "";position: absolute;left: 10px;bottom: 10px;background: url("/img/leaf.svg") no-repeat bottom;width: 155px;height: 272px;}
    .numbers-container{max-width: 500px;margin:40px auto 40px;display: flex;flex-wrap: wrap;}
    .number-box{width: 100%;position: relative;padding-bottom: 30px;text-align: center;}
    .number-box:after{content: "";position: absolute;top: -11px;width:31px;height: 1px;background: white;margin: 0 auto;left: 48%;transform: translate(-50%, -50%);}
    .number-box:first-child:after{content: none;}
    .count-box{position: relative;font:700 clamp(3.125rem,2.865vw,3.438rem) Geologica;color:white;}
    .count-box sup{left: -10px;font-size: 30px;top:-0.6em;}
    .count-title{font:400 22px Geologica;margin-top: 5px;color: white;position: relative;}
    .right-about-us{width:100%;background-color: rgba(101,101,101,0.4);position: relative;}
    .about-us-texts{max-width: 990px;margin: 50px auto;padding: 0 20px;text-align: left;position: relative;z-index: 5;}
    .front-about-us-title{font:700 clamp(2.188rem,2.083vw,2.5rem) Geologica;color:white;margin-bottom: 22px;}
    .front-about-us-desc{font:400 17px Geologica;color:white;line-height: 1.6;margin-bottom: 62px;}
    .about-us-link{margin-top: auto;display: inline-block;position: relative;z-index: 2;}
    .inner-about-link{font:600 16px Geologica;color:white;text-decoration: underline;text-transform: uppercase;}
    .right-about-us:after{content: "";position: absolute;right: 0;bottom: 10px;background: url("/img/leaf2.svg") no-repeat bottom;width: 155px;height: 280px;}
    .right-about-us:before{content: "";position: absolute;top:0;background: url("/img/wave2.svg") no-repeat bottom;right: 20%;width: 347px;height: 100%;}
    .left-about-us:before{content: "";position: absolute;top:0;background: url("/img/wave.svg") no-repeat;right: 20px;width: 347px;height: 100%;}
    .front-transport-readMore-container{position: relative;width: 100%;z-index: 2;text-align: center;margin: 20px 0 0;padding-bottom: 30px}
    .front-transport-readMore{display: inline-block;background-color: #fff;border-radius: 10px;padding: 10px 40px;font:400 clamp(1.15rem,1.042vw,1.25rem) Geologica;color: #262626}
    .review-lefkada-container{width:100%;background-color:#F2F2F2;padding:30px 20px;position:relative;z-index:5}
    #front-activities-wrapper{padding:0 15px}
    #front-activities-container{padding:0 30px 15px;margin-top:25px}
    .front-activities-slide{width:33%;padding:0 10px}
    .front-activities-h2{padding:10px 70px}
}
@media (min-width: 0px) and (max-width: 764px){
    .services-front-list > li{width:100%;margin-top:80px}
    .services-front-list > li:first-child{margin-top:0}
    .services-front-list-readMore:before{width:50px}
    .services-front-list-readMore:after{width:50px}
    .slider-wrapper {position: relative;width:100%;padding-bottom: 110.9%;margin:7px auto 0;overflow: hidden;}
    .left-button{display: none;}.right-button{display: none}.whatsup{display: none;}
    .flickity-page-dots {list-style: none;display: flex;justify-content: center;padding: 12px 0 0 0!important;margin: 0;position: relative!important;bottom: unset!important;}
    .flickity-page-dots > li{margin-right: 3px !important;}
    .flickity-page-dots .dot {width: 12px!important;height: 12px!important;opacity: 1!important;background: #CDCDCD!important;border-radius: 50px!important;}
    .flickity-page-dots .dot.is-selected {background: #2F3D4B!important;}
    .slide-photo > picture {display: block;width: 100%;position: relative;padding-bottom: 103.52%;overflow: hidden;}
    .slide-photo > picture img {position: absolute;width: 100%;top: 0;left: 0;object-fit: cover;display: flex;align-items: center;justify-content: center;height: 100%;}
    .search-outter{padding: 0 20px;}
    .front-search-container{margin: 30px auto 0;background: rgba(255,255,255,1);border-radius: 30px;border: 1px solid #E1E1E1;z-index: 2;position: relative;}
    .inner-search-container{margin: 18px auto 0;padding: 0 10px;}
    .search-title{font: 400 22px Geologica;color:#44586D;text-align: center;text-transform: uppercase;position: relative;}
    .rooms-container-categ-list{list-style: none;margin: 15px 0 0 0;padding:0;display: flex;flex-wrap: wrap;justify-content: center;}
    .rooms-categ-box{display: flex;flex-direction: column;width: 48%;margin-right: 4%;margin-bottom: 20px;}
    .rooms-categ-box:nth-child(2n){margin-right: 0;}
    .rooms-categ-box:last-child{margin-right: 0;}
    .rooms-categ-box-image{position: relative;display: block;width: 100%;overflow: hidden;padding-bottom: 55.94%;}
    .rooms-categ-box-image img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .rooms-categ-title{width:max-content;margin: 10px auto 0;text-align: center;font:400 14px Geologica;color:#737373;position: relative;}
    .rooms-categ-title:after{content: " ";display: block;margin-top: 4px;height: 1px;width: 0;background: transparent;transition: width .4s ease, background-color .4s ease;}
    .rooms-categ-box > a:hover  .rooms-categ-title:after{width: 100%;background: #44586D;}
    .anchor-list{border-top: 1px solid #E6E6E6;list-style: none;padding: 26px 0 0 0;display: flex;justify-content: center;max-width: 265px;margin: 0 auto 20px;flex-wrap: wrap;}
    .anchor-box{margin-bottom:14px;width: max-content;border: 1px solid #BBBBBB;text-align: center;margin-right: 25px;border-radius: 3px;position: relative;background-color: #1BA3AE}
    .anchor-box:last-child{margin-right: 0;}
    .anchor-box:after{content: "";position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #737373;top:50%;right: -14px;}
    .anchor-box:last-child:after{content: none;}
    .anchor-text{font:400 16px Geologica;color:#fff;}
    .front-rooms-wrapper{width: 100%;overflow-x: hidden;}
    .front-rooms-list{margin: 0 auto;width: 100%;height: 100%;position: relative;}
    .suggest-title{text-align: center;margin: 47px auto 20px;font:700 22px Geologica;color:#44586D;}
    .room-card-container{width: 100%;text-align: center;padding: 0 10px;}
    .card,.room-card{width: 100%;position: relative;height: 100%;}
    .card{border: 1px solid #E3E3E3;padding-bottom: 40px;}
    .room-card-photo{position: relative;width: 100%;overflow: hidden;padding-bottom: 88.88%;}
    .flickity-viewport{overflow: hidden !important;position: relative;}
    .room-card-photo img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;padding: 18px 18px 0 18px;}
    .categ-title{font:400 15px Geologica;color:#757575;margin: 12px auto 4px;}
    .room-title{font:400 16px Geologica;color:#262626;margin-bottom: 13px;}
    .room-desc{margin: 0 auto;max-width: 300px;font:100 16px Geologica;color:#262626;text-align: center;min-height: 100px;}
    .read-more-text{font:400 14px Geologica;color:#747474;text-align: center;text-transform: uppercase;margin-top: 20px;}
    .request{opacity:1;background: #262626;border-radius: 30px;position:relative;z-index: 2;left: 0;right: 0;margin: 0 auto;bottom: 20px;text-align: center;width: 200px;}
    .inner-request{padding:9px;}
    .inner-request span{font:600 14px Geologica;color:white;text-transform: uppercase;}
    .all-rooms-outter{margin: 30px auto 40px;width: 276px;text-align: center;}
    .all-rooms-text{font:400 18px Geologica;color:#262626;}
    .front-sights-outter{text-align: center;margin: 0 auto 58px;padding: 0 10px;}
    .front-sights-title{font:700 22px Geologica;color:#44586D;margin-bottom:40px;}
    .sights-container{display: flex;flex-wrap: wrap;flex-direction: column;max-width: 360px;margin: 0 auto;}
    .sights-outter-card{width: 100%;position: relative;margin-bottom: 27px;}
    .sights-outter-card:last-child{margin-bottom: 0;}
    .sights-card{width: 100%;position: relative;}
    .sights-image-box{position: relative;display: block;overflow: hidden;padding-bottom: 137.5%;}
    .sights-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .title-container{padding:10px 30px;position: absolute;bottom: 8px;left: 0;right: 0;margin: 0 auto;width: max-content;border-radius: 30px;box-shadow:  0 0 0 1px #BDBDBD;background: white;}
    .title-text{font:600 15px Geologica;color:#262626;}
    .sights-card:hover{box-shadow: 5px 9px 20px 0 rgba(0, 0, 0, 0.25);}
    .sights-card:hover .title-container{background: #262626;box-shadow:  0 0 0 1px #262626;}
    .sights-card:hover .title-text{color:white;}
    #front-transportation{position: relative;}
    .transportation-container-outter{margin: 0 auto;padding: 0 10px;position: relative;}
    .transportation-title{font: 700 22px Geologica;color: #44586D;text-align: center;margin-bottom: 32px;position: relative;}
    .transportation-title:before{content:" ";position: absolute;left: 0;top:50%;width: 100%;height: 1px;background: #d9d9d9;}
    .overlay-text{background: white;position: relative;padding: 0 20px;}
    .transportation-list{display: flex;flex-wrap: wrap;position: relative;z-index: 2;margin: 45px auto 30px;padding: 0 20px;}
    .transportation-card{width: 100%;position: relative;margin-bottom: 40px;}
    .transportation-card:hover .title-transport{color:white;}
    .transport-card{width: 100%;}
    .transportation-image{position: relative;display: block;overflow: hidden;padding-bottom: 60%;}
    .transportation-image img{position: absolute;top:0;left: 0;object-fit: cover;width: 100%;height: 100%;}
    .title-transport{text-align: center;max-width:250px;font:400 17px Geologica;color:#A5A5A5;margin: 12px auto;}
    .arrow-transport{text-align: center;opacity: 1;}
    .blue-background{width: 100%;z-index: 1;position: absolute;bottom: 0;height: 0;background: #44586D;}
    .blue-background.heighted{height: 90%;}
    .restaurant-wrapper{margin:30px auto 0;position: relative;z-index: 1;}
    .restaurant-list-container{position: relative;width: 100%;padding: 18px 20px 0;}
    .restaurant-list-container:after{content:"";position: absolute;top:0;left:0;background: rgba(68, 88, 109,0.10);width: 0;height: 100%;}
    .restaurant-list-container.widthed:after{width: 100%;transition: width 0.8s ease-in-out;}
    .restaurants-texts{position: relative;margin-top: 14px;}
    .restaurant-desc:after{content:" ";position: absolute;bottom:-22px;width: 200px;height: 1px;background:#C3C3C3;left:0;right:0;margin: 0 auto;}
    .restaurant-title{font:700 22px Geologica;color:#44586D;margin-bottom: 12px;position: relative;text-align: center;}
    .restaurant-desc{font:400 16px Geologica;color:#44586D;max-width: 300px;margin: 0 auto 22px;text-align: center;position: relative;}
    .inner-restaurants-container{display: flex;flex-wrap: wrap;padding: 18px 20px 0;position: relative;z-index: 3;}
    .restaurant-card{width: 100%;margin-bottom: 30px;}
    .restaurant-list{width: 100%;}
    .restaurant-image-box{position: relative;display: block;overflow: hidden;padding-bottom: 51.61%;}
    .restaurant-image-box img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
    .restaurant-title-card{font:400 16px Geologica;color:#44586D;margin-top: 10px;text-align: center;}
    .services-inner-container{width: 100%;background: #F8F8F8;padding-top: 15px;margin-bottom: 15px;}
    .services-title{font:700 26px Geologica;color:#44586D;text-align: center;}
    .services-container{display: flex;flex-wrap: wrap;padding-bottom: 60px;background: #F8F8F8;}
    .services-box{width: 100%;display: flex;padding-bottom: 18px;border-bottom: 1px solid #D1D1D1;padding-top: 18px;flex-direction: column;align-items: center;justify-content: center;}
    .services-box sup{font:700 17px Geologica;color:#B3B3B3;position: relative;top: 0.4em;left: 0;width: max-content;right: 0;margin: 0 auto;}
    .services-box sup:after{content: '(';position: absolute;top:0;left: -7px;}
    .services-box sup:before{content: ')';position: absolute;top:0;right: -7px;}
    .services-title-box{margin-bottom: 10px;position: relative;display: flex;flex-direction: column;padding-bottom: 20px;}
    .title-services-text{font:400 16px Geologica;color:#262626;padding-top: 10px;}
    .map-title{text-align: center;font:700 22px Geologica;color:#44586D;margin-bottom: 20px;}
    .about-us-container{display: flex;position: relative;background-color: #1BA3AE;flex-wrap: wrap;justify-content: center;}
    .about-us-container:after{content:" ";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url("/img/bg.jpg") white center no-repeat;opacity: 0.10;z-index: 1;}
    .left-about-us{width: 100%;background-color:#1BA3AE;position: relative;}
    .left-about-us:after{content: "";position: absolute;left: 10px;bottom: 10px;background: url("/img/leaf.svg") no-repeat bottom;width: 155px;height: 272px;}
    .numbers-container{max-width: 500px;margin:40px auto 40px;display: flex;flex-wrap: wrap;}
    .number-box{width: 100%;position: relative;padding-bottom: 30px;text-align: center;}
    .number-box:after{content: "";position: absolute;top: -11px;width:31px;height: 1px;background: white;margin: 0 auto;left: 48%;transform: translate(-50%, -50%);}
    .number-box:first-child:after{content: none;}
    .count-box{position: relative;font:700 36px Geologica;color:white;}
    .count-box sup{left: -10px;font-size: 26px;top:-0.6em;}
    .count-title{font:400 18px Geologica;margin-top: 5px;color: white;position: relative;}
    .right-about-us{width:100%;background-color: rgba(101,101,101,0.4);position: relative;}
    .about-us-texts{max-width: 990px;margin: 50px auto;padding: 0 20px;text-align: left;position: relative;z-index: 5;}
    .front-about-us-title{font:700 22px Geologica;color:white;margin-bottom: 22px;}
    .front-about-us-desc{font:400 16px Geologica;color:white;line-height: 1.6;margin-bottom: 62px;}
    .about-us-link{margin-top: auto;display: inline-block;position: relative;z-index: 2;}
    .inner-about-link{font:600 16px Geologica;color:white;text-decoration: underline;text-transform: uppercase;}
    .right-about-us:after{content: "";position: absolute;right: 0;bottom: 10px;background: url("/img/leaf2.svg") no-repeat bottom;width: 155px;height: 280px;}
    .right-about-us:before{content: "";position: absolute;top:0;background: url("/img/wave2.svg") no-repeat bottom;right: 20%;width: 347px;height: 100%;}
    .left-about-us:before{content: "";position: absolute;top:0;background: url("/img/wave.svg") no-repeat;right: 20px;width: 347px;height: 100%;}
    .front-transport-readMore-container{position: relative;width: 100%;z-index: 2;text-align: center;margin: 20px 0 0;padding-bottom: 30px}
    .front-transport-readMore{display: inline-block;background-color: #fff;border-radius: 10px;padding: 10px 20px;font:400 clamp(1.15rem,1.042vw,1.25rem) Geologica;color: #262626}
    .review-lefkada-container{width:100%;background-color:#F2F2F2;padding:20px 15px;position:relative;z-index:5}
    #front-activities-wrapper{padding:0 10px}
    #front-activities-container{padding:0 30px 15px;margin-top:20px}
    .front-activities-slide{width:100%;padding:0 5px}
    #front-activities .flickity-page-dots{display:none}
    .front-activities-h2{padding:12px 50px;line-height:1}
}