/* Site Presets */
ul:not([class]) {
	list-style:disc outside;
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	position: relative;
	row-gap:15px;
}
ul:not([class]) li {
	position: relative;
}
html {
	background-color:#F5F5F5;
}
.navigation--languages {
	display:none;
}
html, body {
	font-family: "Zen Maru Gothic", serif;
	/* 	font-family: "Poppins", serif; */
	scroll-behavior:smooth;
	overflow-x:clip !important;
	color:#1C1C1C;
	font-size:20px;
	line-height:32px;
	font-weight: 400;
}
h1,h2,h3,h4,h5,h6,p {
	margin:0;
}
p:not(:last-child) {
	margin-bottom:20px;
}
h1,
.h1 {
	font-size:78px;
	line-height:86px;
	color:#77746D;
	font-weight:400;
}
.h2,
h2 {
	font-size:58px;
	line-height:66px;
	color:#77746D;
	font-weight:600;
}
.h2:lang(el),h2:lang(el){
	font-weight:400;
}
.h3,
h3 {
	font-size:25px;
}
.h4,
h4 {
	font-size:20px;
}
.net22-image {
	width:45px;
	margin-top:-5px;
	display: inline;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
	/* 	font-family: "Libre Baskerville", serif; */
	font-family: "Cardo", serif;
}
.section--subtitle,
.title--font {
	/* 	font-family: "Baskervville", serif; */
	font-family: "Cardo", serif;
}
.section--subtitle {
	font-size:25px;
	line-height:1;
	color:#77746D;
	display:block;
}
.stagger--effect span {
	opacity:0;
	transition:all linear 500ms;
}
.stagger--effect span.animate {
	opacity:1;
}
.animate-height,
.animate-width {
	position:relative;
}
.animate-height::before,
.animate-width::before {
	transition:all linear 1s;
	content:'';
	position:absolute;
	height:100%;
	width:100%;
	z-index:1;
	background-color:#F5F5F5;
	bottom:0;
	right:0;
}
.animate-height.animate::before {
	height:0;
}
.animate-width.animate::before {
	width:0;
}
/* Telos Site Presets */

/* Navigation */
#header {
	position:fixed;
	top:0;
	left:0;
	border-bottom:1px solid transparent;
	width:100%;
	z-index:10;
	padding:20px 40px;
	transition:all linear 400ms;
}
#header .header--content {
	max-width:1920px;
	margin:auto;
}
#header:not(.scrolled):not(.logo--visible) .logo--wrapper {
	opacity:0;
	pointer-events:none;
}
.logo--wrapper {
	width:250px;
}
#burger,
.header--book-button {
	font-size:30px;
	text-transform:uppercase;
	line-height:1;
	color:#707070;
	transition:all linear 400ms;
}
.page-template-template-locations .languages--current span,.single-accommodation .languages--current span {
	color: #707070;
}
#burger:hover,
.header--book-button:hover {
	letter-spacing:4px;
	color:#707070;
}
#burger {
	display:flex;
	align-items:center;
	column-gap:10px;
}
#burger .lines {
	min-width:60px;
	width:60px;
	height:18px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
#burger .lines span {
	height:1px;
	background-color:#77746D;
	width:100%;
}
html.menu--visible #header,
#header.scrolled {
	background-color: #F5F5F5;
	border-color: #000;
}
.navigation--wrapper {
	position: fixed;
	top: 85px;
	left: 0;
	width: 500px;
	bottom: 0;
	z-index: 9;
	background-color: #F5F5F5;
	padding: 80px 40px;
	display:none;
}
.navigation--overlay {
	position:fixed;
	top:85px;
	right:0;
	bottom:0;
	cursor:pointer;
	width:calc(100vw - 500px);
	background-color:#000;
	opacity: .5;
	z-index: 8;
	display:none;
}
.main-menu {
	list-style: none;
	row-gap: 30px;
}
.main-menu li a {
	color: #707070;
	font-size: 34px;
	line-height: 1;
	transition: all linear 400ms;
	/* 	font-family: "Baskervville", serif; */
	font-family: "Cardo", serif;
	text-transform: uppercase;
}
.main-menu li a:hover {
	letter-spacing: 4px;
	color: #707070;
}
.navigation--image {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 200px;
	object-fit: contain;
	opacity: .3;
	pointer-events: none;
}
#burger,
.header--actions {
/* 	min-width:230px; */
	min-width:300px;
}
.header--actions {
	text-align: right;
}
.languages--wrapper .languages--next {
	position: absolute;
	top: 100%;
	background-color: #F5F5F5;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	transition:all linear 300ms;
	opacity:0;
	border: 1px solid #1C1C1C;
}
.languages--wrapper:hover .languages--next {
	opacity:1;
}
.header--actions {
	display: flex;
	align-items: center;
	column-gap: 25px;
	justify-content: flex-end;
}
html.menu--visible .languages--current,
#header.scrolled .languages--current {
  color: #707070;
}
.languages--current {
	color: #fff;
	font-size: 27px;
	column-gap: 3px;
	transform: translateY(-3px);
}
.languages--wrapper {
	max-width: max-content;
}
.languages--wrapper .next--lang {
	font-size: 20px;
	color: #1C1C1C;
	padding: 10px 25px;
}
/* Telos Navigation */

/* Homepage */
#hero {
	background-color:#000;
	height:100svh;
	padding-block:145px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hero--logo {
	width: 400px;
	height: 435px;
}
.hero--cols {
	padding-left:50px;
	column-gap:80px;
}
#hero .title {
	text-align: right;
	padding-right: 30px;
	z-index: 1;
	position: absolute;
	bottom: -40px;
	right: 0;
}
#about {
	margin-block: 100px 75px;
}
.container--full {
	width: 1440px;
	margin-inline: auto;
}
#about .title {
	margin-block: 25px 20px;
}
#about .text.editor {
	max-width:1000px;
}
.homepage--accommodation-header .cols {
	display:grid;
	grid-template-columns:1fr 1.5fr;
	margin-bottom:100px;
	column-gap:150px;
}
.homepage--accommodation-header .cols .image {
	height: 455px;
	width: 100%;
}
.homepage--accommodation-header .cols .col--right {
	position:relative;
	margin-top: 100px;
}
.homepage--accommodation-header .cols .col--right::before {
	content:'';
	position:absolute;
	top:-40px;
	left:-40px;
	background-color:#1C1C1C;
	height:100%;
	width:100%;
}
.homepage--accommodation-header .cols .col--right .image {
	position:relative;
	z-index:1;
}
.homepage--accommodation-header > .title {
	margin-bottom:30px;
}
.homepage--accommodation-header > .text.editor {
	max-width:1000px;
	margin:auto;
}
.homepage--accommodation-header {
	margin-bottom:70px;
}
.accommodation-slider {
	max-width:1200px;
	margin:auto;
}
.accommodation-slider .owl-carousel .owl-stage-outer {
	overflow: visible;
}
.accommodation--card .image {
	height:80svh;
	position:relative;
}
.accommodation--card .image::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all linear 400ms;
}
.accommodation--card .image::after {
	background-color:#000;
	opacity:.26;
}
.accommodation-slider .owl-carousel .owl-item:not(.active) .accommodation--card .image::after {
	opacity:0;
}
.accommodation--card .content {
	position: absolute;
	bottom: 80px;
	z-index: 1;
	left: 20px;
	right:20px;
	text-align: center;
	transition:all linear 350ms;
	/* 	opacity:0;
	transform:translateY(75px); */
}
/* .accommodation--card a:hover .content {
transform:translateY(0);
opacity:1;
} */
.accommodation--card .content .title {
	font-size:45px;
	line-height:1;
	color:#fff;
	font-weight:600;
	margin-bottom: 20px;
	/* 	transform:translateY(25px);
	opacity:0; */
}
.accommodation--card .content .title:lang(el){
font-weight:400;	
}
.accommodation--card .content .subtitle {
	font-size: 30px;
	color: #fff;
	transition:all linear 350ms;
	transition-delay:350ms;
	display:block;
	/* 	transform:translateY(45px);
	opacity:0; */
	font-weight: 500;
}
.accommodation--card .content .subtitle:lang(el){
	font-weight: 400;
}
/* .accommodation--card a:hover .content .title,
.accommodation--card a:hover .content .subtitle {
transform:translateY(0);
opacity:1;
} */
.homepage--services-wrapper {
	margin-block: 80px 160px;
}
.homepage--services-header {
	margin-bottom: 300px;
}
.homepage--services-bg {
	background-color: #1C1C1C;
	padding-block: 50px;
}
.homepage--services-grid .single .image {
	height:550px;
	min-width: 520px;
	max-width: 520px;
}
.homepage--services-grid .single .content {
	opacity:0;
	transition:all linear 400ms;
	background-color:rgba(28, 28, 28, .5);
	z-index:1;
	padding-top: 100px;
	align-items:flex-start;
}
.homepage--services-grid .single .content .title {
	color:#fff;
	font-size:24px;
	text-transform:uppercase;
}
.homepage--services-grid .single a:hover .content {
	opacity:1;
} 
.homepage--services-grid article:nth-child(1) {
	transform:translateY(-250px) !important;
}
.homepage--services-grid article:nth-child(2) {
	margin-inline: -60px;
	position: relative;
	z-index: 1;
	transform:unset  !important;
}
.homepage--services-grid article:nth-child(3) {
	transform:translateY(-200px)  !important;;
}
.homepage--services-header > .text.editor {
	max-width: 1000px;
	margin-top: 20px;
}
.homepage--discover-wrapper .cols {
	column-gap: 160px;
}
.homepage--discover-wrapper .cols .col--right {
	padding:50px;
	margin:40px 40px 0 0;
	background-color:#EFEFEF;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.homepage--discover-wrapper .cols .col--right h2.title {
	margin-bottom:70px;
}
.homepage--discover-wrapper .cols .col--right .text {
	margin-bottom:50px;
}
.cta {
	display:flex;
	align-items:center;
	column-gap:10px;
	font-weight:600;
	font-size:19px;
	line-height:1;
	color:#77746D;
}
.cta:lang(el){
	font-weight:400;	
}
.cta:hover {
	color:#77746D;
}
.cta .icon {
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
}
.cta .icon svg {
	transition:all ease-in-out 250ms;
}
.cta:hover .icon svg {
	transform:translateX(8px);
}
.homepage--discover-wrapper .image {
	min-width: 40vw;
	height: 780px;
	position:relative;
	z-index:1;
}
.homepage--discover-wrapper .cols .col--left {
	position:relative;
}
.homepage--discover-wrapper .cols .col--left::before {
	content: '';
	background-color: #1C1C1C;
	position: absolute;
	width: 100%;
	height: calc(100% - 40px);
	top: 40px;
	right: -50px;
}
.homepage--discover-wrapper .image img {
	max-height: calc(100% - 40px);
}
.hero--element-wrapper,
.hero--element-wrapper video,
.hero--element-wrapper img {
	max-height: 670px;
}

.accommodation-slider-arrows > span.prev {
	cursor: url('../images/arrow-prev.png'), auto;
	pointer-events:auto;
}
.accommodation-slider-arrows > span.next {
	cursor: url('../images/arrow-next.png'), auto;
	pointer-events:auto;
}
.accommodation-slider-arrows {
	align-items:stretch;
	z-index:2;
	pointer-events:none;
}
.accommodation-slider-arrows span {
	flex:1;
}
/* End Homepage */

/* Single Accommodation */
body.single-accommodation #hero {
	background-color:transparent;
}
/* body.single-accommodation #hero .title {
bottom: unset;
top: calc(100% + 35px);
} */
body.single-accommodation #about .text.editor {
	display: grid;
	max-width: 100%;
	grid-template-columns: 1fr 1fr;
	column-gap: 50px;
	color: #F5F5F5;
}
#gallery .grid {
	gap:25px;
}
.enable-lightbox a {
	position:relative;
	display:flex;
}
.enable-lightbox a::before,
.enable-lightbox a::after {
	content: '';
	position: absolute;
	transition: all ease-in-out 250ms;
	opacity: 0;
}
.enable-lightbox a::before {
	background-color: rgba(0,0,0,.2);
	height: 100%;
	width: 100%;
}
.enable-lightbox a::after {
	width: 40px;
	height: 40px;
	background-image: url('../images/open-image.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.enable-lightbox a:hover::before, .enable-lightbox a:hover::after {
	opacity: 1;
}
#gallery .section--title {
	margin-bottom:45px;
}
.single--accommodation-amenities {
	margin-block: 80px 70px;
	padding-block: 70px 120px;
	background-color: #1C1C1C;
}
.single--accommodation-amenities .section--title {
	margin-bottom:65px;
}
.single--accommodation-amenities .text.editor {
	max-width:1200px;
	margin:auto;
}
.single--accommodation-amenities .text.editor ul {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 40px;
	row-gap: 20px;
	padding-left:0;
	transform: translateX(90px);
}
.single--accommodation-amenities .text.editor ul li {
	font-size: 20px;
	line-height: 1.3;
	color:#77746D;
}
.single--accommodation-discover .section--title {
	margin-bottom:65px;
}
body.single-accommodation #gallery {
	padding-top: 60px;
}
body.single-accommodation #about {
	margin-block: 100px 75px;
	padding-block: 100px 75px;
	background-color: #1C1C1C;
}
/* End Single Accommodation */

/* Footer */
#footer {
	background-color:#1C1C1C;
	margin-top:100px;
	padding-block:80px 20px;
}
.footer--menu li a {
	color:#F4F4F4;
	font-size:16px;
	line-height:1;
	font-weight:700;
	/* 	font-family: "Libre Baskerville", serif; */
	font-family: "Cardo", serif;
}
.footer--menu li a:lang(el) {
font-weight:400;	
}
.footer--menu {
	margin-bottom:60px;
	column-gap:60px;
}
.logo--footer-wrapper {
	margin: auto;
	display: flex;
	width: 500px;
	margin-bottom:30px;
}
.contact--list {
	column-gap:50px;
	margin-bottom:140px;
}
.contact--list li a {
	font-size:16px;
	line-height:1;
	/* 	font-family: "Libre Baskerville", serif; */
	font-family: "Cardo", serif;
	font-weight:700;
	color:#F4F4F4;
}
.contact--list li a:lang(el){
	font-weight:400;	
}
.footer--menu li a:hover,
.contact--list li a:hover {
	color:#fff;
	opacity:1;
}
.sub--footer .footer--menu {
	margin-bottom:0;
	/* 	font-family: "Libre Baskerville", serif; */
	font-family: "Cardo", serif;
	column-gap:30px;
}
.sub--footer {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
	line-height:1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sub--footer .footer--menu li a {
	font-size:14px;	
}
.sub--footer > * {
	flex:1;
}
.created-by {
	text-align: right;
}
.footer--menu li a,
.contact--list li a {
	position:relative;
	padding-bottom:5px;
}
.footer--menu li a::after,
.contact--list li a::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	transition:all ease-in-out 250ms;
	height:1px;
	background-color:#fff;
}
.footer--menu li a:hover::after,
.contact--list li a:hover::after {
	width:100%;
}
/* End Footer */

/* Template Accommodation */
.template--accommodation-wrapper .accommodation--card {
	max-width:1320px;
	width:100%;
}
.template--accommodation-wrapper .items {
	row-gap:80px;
}
.template--accommodation-wrapper .accommodation--card:nth-child(even) {
	margin-left:auto;
}
/* End Template Accommodation */

/* Template Services */
.simple--card .image {
	min-width:670px;
	max-width:670px;
	height:530px;
	display:flex;
}
.simple--card .cols {
	column-gap:70px;
}
.simple--card .section--title {
	margin-block:25px;
}
.simple--card:nth-child(even) .cols {
	flex-direction:row-reverse;
}
.template--services-wrapper .items {
	row-gap:75px;
}
.template--services-wrapper {
	padding-top: 70px;
}
/* End Template Services */

/* Template Locations */
#map {
	height:calc(100svh - 145px);
}
.leaflet-bottom.leaflet-right {
	display:none !important;
}
.template--location-map {
	position: relative;
	z-index: 1;
	padding-top: 145px;
}
#map .leaflet-marker-icon {
	object-fit: contain !important;
}
/* End Template Locations */

/* Template Gallery */
.page-template-template-gallery #gallery {
	padding-top:250px;
}
.page-template-template-gallery #gallery .section--title {
	opacity: 1!important;
	transform:unset !important;
}
/* End Template Gallery */

/* Template Contact */
.template--contact-wrapper .template--contact-top {
	background-color:#EFEFEF;
	padding-block:45px;
}
.template--contact-wrapper .template--contact-top .contact--list {
	flex-direction:column;
	row-gap:12px;
	margin-bottom:20px;
}
.template--contact-wrapper .template--contact-top .cols {
	column-gap:100px;
	justify-content: space-between;
}
.template--contact-wrapper .template--contact-top .text.editor {
	font-size: 17px;
	line-height: 1.3;
	max-width: 400px;
}
.template--contact-wrapper .template--contact-top .title {
	font-size:40px;
	font-weight:600;
	line-height:1;
	margin-bottom:40px;
	color:#77746D;
}
.template--contact-wrapper .template--contact-top .title:lang(el){
	font-weight:400;
}
.template--contact-wrapper .template--contact-top .contact--list li a {
	color:#77746D;
	max-width:max-content;
}
.template--contact-wrapper .template--contact-top .contact--list li a::after {
	background-color:#77746D;
}
.template--contact-wrapper .template--contact-bottom #map {
	height:480px;
	border-radius:20px;
	overflow:hidden;
}
.contact--form {
	max-width:1000px;
}
.contact--form .single textarea,
.contact--form .single input {
	width:100%;
	border:1px solid #707070;
	border-radius:10px;
	background-color:#fff;
	padding:10px;
	height:55px;
	display:block;
	outline:none;
}
.contact--form .single .label {
	display:block;
	color:#77746D;
	font-size:19px;
	line-height:1;
	/* 	font-family: "Baskervville", serif; */
	font-family: "Cardo", serif;
	font-weight:400;
	margin-bottom:20px;
}
.contact--form,
.contact--form .single.grid {
	gap: 35px;
}
.contact--form .single textarea {
	resize:none;
	height:170px;
}
.single.submit button {
	display: flex;
	padding: 20px 70px;
	font-size: 23px;
	line-height: 1;
	color: #77746D;
	background-color: #fff;
	border: 1px solid #707070;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	transition: all ease-in-out 250ms;
}
.single.submit button:hover {
	background-color:#707070;
	color:#fff;
}
/*.wpcf7-response-output {
display:none !important;
}*/
/* End Template Contact */

/* Map Directions */
#location-map {
	width:100%;
}
.locations__page-map__directions {
	padding: 160px 60px 45px;
	/* 	background-color: #fff; */
	max-width:470px;
	min-width:470px;
	min-height:100vh;
}
.locations__page-map__directions .panel-title a {
	font-size: 17px;
	text-align:center;
	text-transform:uppercase;
	color: #141414;
	width: 100%;
	display: flex;
	position:relative;
	align-items: center;
	justify-content: center;
	column-gap:10px;
	padding-block:15px;
}
.panel.panel-default {
	border-bottom: 1px solid #707070;
}
.locations__page-map__directions .panel-title a.active {
	font-weight: 800;
}
/* .locations__page-map__directions .panel-title a::after {
content:'';
background-size:contain;
background-repeat:no-repeat;
width:12px;
height:12px;
}
.locations__page-map__directions .panel-title a.active::after {
background-image:url('../images/minus.svg');
height:3px;
}
.locations__page-map__directions .panel-title a:not(.active)::after {
background-image:url('../images/plus.svg');
} */
.locations__page-map__directions .panel-body a {
	font-size: 15px;
	color: #141414;
	width: 100%;
	padding: 10px 20px;
	column-gap: 35px;
	transition: all ease-in-out 250ms;
	line-height:1.3;
}
.locations__page-map__directions .panel-body a:hover,
.locations__page-map__directions .panel-body a.clicked {
	background-color:#1C1C1C;
	color:#fff;
}
.locations__page-map__directions .panel-body a span {
	min-width:max-content;
	display:block;
	line-height:1;
}
.locations__page-map__directions .panel-collapse:not(#collapse-1) {
	display:none;
}
.locations__page-map__directions-title {
	font-size: 36px;
	line-height: 56px;
	margin-bottom:50px;
}
#accordion-results a .hidden {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	min-width: 24px;
	height: 32px;
	min-height: 32px;
}
#accordion-results a .hidden svg {
	width: 100%;
	height: 100%;
}
#accordion-results {
	display:none;
	margin-top: 40px;
}
#accordion-results a {
	display: flex;
	width: 100%;
	text-align: center;
	justify-content: center;
	background-color:#1C1C1C;
	color: #fff;
	column-gap: 5px;
	font-size: 18px;
	padding: 15px 10px;
}
#accordion-results a .hidden {
	padding-top:2px;
}
#accordion-results a:hover {
	background-color: #1C1C1C;
}
.panel-collapse {
	padding-bottom:10px;
}
.locations__page-map__directions .panel-title a[data-target="#collapse-1"] {
	border-top:1px solid #707070;
}
body.page-template-template-locations .header-wrapper:not(.header-scrolled) .header-logo {
	filter: invert(1);
}
/* End Map Directions */

/* 404 */
.error__page-wrapper {
	min-height: 45vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap:40px;
	padding:20px;
}
.error__page-wrapper h1 {
	text-align:center;
}
/* End 404 */

@media(min-width:1201px) {
	body.single-accommodation .accommodation--card .image {
		height: 65svh;
	}
}