/**
 * Torus styles
 */
.toggle.close, .toggle.close:hover, .toggle.close:focus {
	display: inline-block;
	float: none !important;
	width: var(--toggle-width,46px);
	height: var(--toggle-height,46px);
	margin-left: auto;
	padding: 0;
	text-align: center;
} 
 
body {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-family: var(--text-font);
	color: var(--text-color);
}
.main {
	font-size: 1rem;
	padding-top: 50px;
}

.slide-area .nav-root a{
	color: var(--secondary-color);
	position: relative;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 .25rem var(--primary-alpha20-color);
}
.form-check-input {
	--bs-border-color: var(--primary-darker-color);
}
.form-check-input:checked {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.form-check-input:focus {
	box-shadow: 0 0 0 .25rem var(--primary-alpha20-color);
	border-color: var(--primary-darker-color);
}
.border-secondary {
	border-color: var(--primary-darker-color)!important;
}
.accordion {
	--bs-accordion-active-color: var(--primary-darker-color);
	--bs-accordion-active-bg: var(--primary-alpha20-color);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem var(--primary-alpha20-color);
}


@media (min-width: 992px) {
	.nav-tree {
		--nav-inverse-bg: var(--primary-color);
	}
	.nav-tree[class^="slide-"] .nav-root ul li > a,
	.nav-tree[class*=" slide-"] .nav-root ul li > a,
	.nav-tree[class^="slide-"] .nav-root ul li:hover > a,
	.nav-tree[class*=" slide-"] .nav-root ul li:hover > a {
		width: 100%;
	}
	.slide-area ul.nav-root > li > a::after {
		position: absolute;
		content: '';
		background: #fff;
		width: 100%;
		height: 3px;
		bottom: 0;
		top: 4rem;
		left: 0;
		opacity: 0;
		transform: scaleX(0);
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}

	.slide-area .nav-root > li > a:hover::after {
		opacity: 1;
		transform: scaleX(1);
		background-color: var(--primary-color);
	}
	.slide-area .nav-root a:hover{
		color: var(--primary-light-color);
	}
}

a, a:hover, a:focus {
	color: var(--link-color);
	transition: all .3s;
}
a:hover, a:focus {
	color: var(--primary-light-color);
}

.h1, h1 {
	font-size: 2rem;
}

.text-sm {
	font-size: .875rem;
}
.text-xs {
	font-size: .75rem;
}




.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	margin-bottom:1rem;
}

@media (min-width: 768px) {
	.h1, h1 {
		background-size: 600px auto;
	}
}
@media (min-width: 1200px) {
	.h1, h1 {
		background-size: 800px auto;
	}
}

header {
	color: var(--secondary-color);
	background: transparent;
	align-items: center;
	background-color: rgb(38, 43, 36, 0.6);
}

header.is-stuck{
	background: var(--secondary-color);
	box-shadow: none;
	left: 0;
	right: 0;
	z-index: 1020;
	transition: transform 700ms ease, background 700ms ease;
	-webkit-transition: transform 700ms ease, background 700ms ease;

}
header .logo {
	max-height: 100%;
}
header .logo-ondark {
	display: none;
}
@media (min-width: 992px) {
	header .logo {
		display: none;
		max-height: none;
	}
	header .logo-ondark {
		display: block;
	}
	header.is-stuck .nav-body a {
		color: var(--primary-darker-color);
	}
	header.is-stuck .nav-body .sub-menu a:hover{
		color: #ffffff;
	}
	header.is-stuck .logo {
		display: block;
	}
	header.is-stuck .logo-ondark {
		display: none;
	}
}

@media (max-width: 991px) {
	header {
		background: var(--secondary-color);
	}
  
	.swiper-button-next::after, 
	.swiper-container-rtl .swiper-button-prev::after,
	.swiper-button-prev::after, 
	.swiper-container-rtl .swiper-button-next::after {
		display: none;
	}
}
.si-burger span,
.si-burger span::before,
.si-burger span::after {
	border-bottom: 2px solid var(--primary-darker-color)!important;
}
/**
 * BOOTSTRAP OVERRIDE
 */

a, a:hover, a:focus,
.btn-link, .btn-link:hover, .btn-link:focus {
	text-decoration: none;
}

.text-secondary {
	color: var(--secondary-color)!important;
}




/***
.form-control,
.form-control:hover,
.form-control:focus,
.form-select,
.form-floating > .form-control, .form-floating > .form-control-plaintext,
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border: none;
	font-size: 1rem;
	padding: .75rem 1.125rem;
	background-color: rgba(255,255,255, 0.75);
	border-color: 1px solid var(--primary-darker-color);
}
*/
.form-floating > .form-select:focus {
	background-color: #ffffff;
}
.form-control:hover,
.form-control:focus {
	border-color: var(--primary-color);
}
.form-control:focus {
	box-shadow: 0 0 0 .25rem var(--secondary-fade20-color);
	background-color: #ffffff;
}
.form-check-input {
	background-color: #ffffff;
	border: 1px solid var(--primary-color);
}
.form-check-label {
	margin-left: 2rem;
}
.form-control{
	border-color: var(--secondary-light-color) !important;
}
.form-control:hover{
	border-color: var(--primary-color) !important;
}
.form-floating > label {
	padding: 1rem 1.25rem;
	color: rgba(var(--bs-body-color-rgb),.65);
}
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
	background: none;
}
.form-floating > textarea.form-control {
	height: 5rem;
}

.btn.btn-secondary,
.btn.btn-primary,
.btn-booking {
	color: var(--primary-darker-color);
	background: var(--secondary-color);
	text-decoration: none !important;
	padding: 0 40px;
	font-size: 14px;
	font-weight: 700;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
	border: none;
	position: relative;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	z-index: 2;
}

.btn.btn-secondary a,
.btn.btn-primary a,
.btn-booking a{
	z-index:3;
	position: relative;
	
}
.btn.btn-secondary::after,
.btn.btn-primary::after,
.btn-booking::after{
	content: "";
	position: absolute;
	right: 0px;
	z-index: -1;
	width: 0%;
	color: var(--primary-color);
	height: 100%;
	background-color: #ffffff;
	transition: all 500ms ease-in-out;
}
.btn-close:focus {
	box-shadow: var(--secondary-color)!important;
}

.btn.btn-secondary:hover::after,
.btn.btn-primary:hover::after,
.btn-booking:hover::after {
	left: 0%;
	width: 100%;
	color: var(--primary-color);

}
.btn-booking:hover::after{
	z-index:-1;
	overflow: hidden;
}
.btn.btn-secondary:hover a,
.btn.btn-primary:hover a,
.btn-booking:hover a{
	color: var(--primary-color);
}
.btn.btn-secondary:active a,
.btn.btn-primary:active a,
.btn-booking:active a,
.btn.btn-secondary:focus a,
.btn.btn-primary:focus a,
.btn-booking:focus a,
.btn.btn-secondary:visited a,
.btn.btn-primary:visited a,
.btn-booking:visited a{
	color: var(--primary-darker-color);
}

#captchaControl input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#captchaControl label {
	z-index: 5;
}
#captchaControl button {
	padding: 0 1rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: auto;
}
#captchaControl button:hover,
#captchaControl button:focus {
	background: var(--secondary-color);
}
#captchaControl button::after {
	display: none;
}

.area {
	padding: 3rem 0;
}
.section-featured > .row {
	overflow: hidden;
}
video {
	position: relative;
	display: flex;
	margin: 0 auto;
	max-width: 100%;
	border: 1rem solid rgba(0,0,0,.3);
	height: auto;
}

@media (min-width: 768px) {
	.area {
		padding: 5rem 0;
	}
	video {
		max-width: 640px;
		border-width: 2rem;
	}
}
@media (min-width: 992px) {
	video {
		max-width: 800px;
	}
}

/**
 * booking form
 */
/***
.section-booking {
	background: var(--secondary-light-color);
}
#bookingFormPos {
	margin-top: 0;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
	border-radius: 30px;
}
.input-group-addon,
.input-daterange .input-group-addon,
.input-group > :not(:first-child):not(.form-control):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	display: inline-flex;
	align-items: center;
	padding: 0 1rem;
	background: none;
	text-shadow: none;
	border: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin: 0;
}
form .btn-booking{
	display: flex;
	justify-content: center;
}
*/

/** Range input **/
input[type="range"],
output {
	display: inline-block;
	vertical-align: middle;
	font-size: 1rem;
}

output {
	color: #ffffff;
	background: var(--primary-darker-color);
	padding: 7px 16px;
	border-radius: 100px;
	text-align: center;
}
input[type="range"] {
	-webkit-appearance: none;
	margin-left: 1rem;
	width: calc(100% - 6rem);
	height: 7px;
	background: var(--secondary-color);
	border-radius: 5px;
	background-image: linear-gradient(var(--primary-darker-color), var(--primary-darker-color));
	/*
	background-size: 70% 100%;
	*/
	background-repeat: no-repeat;
}

/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: var(--secondary-color);
	cursor: ew-resize;
	box-shadow: 0 0 2px 0 var(--secondary-dark-color);
	transition: background .3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
	-webkit-appearance: none;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: var(--primary-darkest-color);
	cursor: grab;
	box-shadow: 0 0 2px 0 var(--secondary-dark-color);
	transition: background .3s ease-in-out;
}

input[type="range"]::-ms-thumb {
	-webkit-appearance: none;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: var(--secondary-color);
	cursor: ew-resize;
	box-shadow: 0 0 2px 0 var(--secondary-dark-color);
	transition: background .3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-webkit-slider-thumb:focus,
input[type="range"]::-webkit-slider-thumb:active {
	background: var(--secondary-color);
}

input[type="range"]::-moz-range-thumb:hover,
input[type="range"]::-moz-range-thumb:focus,
input[type="range"]::-moz-range-thumb:active {
	background: var(--secondary-color);
}

input[type="range"]::-ms-thumb:hover,
input[type="range"]::-ms-thumb:focus,
input[type="range"]::-ms-thumb:active {
	background: var(--secondary-color);
}

.form-range:focus::-webkit-slider-thumb,
input[type="range"]::-webkit-slider-thumb:focus {
	box-shadow: 0 0 0 1px #fff,0 0 0 .25rem var(--secondary-fade25-color);
}

.form-range:focus::-moz-range-thumb,
input[type="range"]::-moz-range-thumb:focus {
	box-shadow: 0 0 0 1px #fff,0 0 0 .25rem var(--secondary-fade25-color);
}

.form-range:focus::-ms-thumb,
input[type="range"]::-ms-thumb:focus {
	box-shadow: 0 0 0 1px #fff,0 0 0 .25rem var(--secondary-fade25-color);
}


/* Input Track */
input[type=range]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	box-shadow: none;
	border: none;
	background: transparent;
}

input[type=range]::-moz-range-track {
	-webkit-appearance: none;
	box-shadow: none;
	border: none;
	background: transparent;
}

input[type="range"]::-ms-track {
	-webkit-appearance: none;
	box-shadow: none;
	border: none;
	background: transparent;
}
.input-group > .form-control, .input-group > .form-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
header .btn-group {
	margin-top: 0rem;
}

.header-booking{
background-color: primary-dark-color;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 0.5rem;

}
.header-booking  .si{
	margin-right: 0.5rem;
}
.dropdown {
	flex: 0 0 16.6667%;
	display: block;
	background: #ffffff;
	border: 1px solid var(--primary-light-color);
	border-radius: .5rem;
	margin: 0 1rem;
}
.dropdown .dropdown-toggle,
.dropdown .dropdown-toggle:hover
.dropdown .dropdown-toggle:focus {
	width: 100%;
	box-shadow: 0 0 0 transparent;
}
.dropdown .dropdown-toggle::after {
	margin-left: auto;
}

.card {
	border: 0;
}

.breadcrumb-wrap {
	padding: 1rem 0;
	background: var(--lightgrey-bg);
	margin-bottom: 1rem;
}
.breadcrumb-wrap .breadcrumb {
	background: none!important;
	border-radius: 0;
	font-size: .75rem;
	justify-content: center;
	margin: 0;
}
.breadcrumb .si {
	width: auto;
	height: auto;
	font-size: inherit;
	color: var(--primary-color);
}


@media (min-width:992px) {
	.breadcrumb-wrap .breadcrumb {
		justify-content: start;
	}
}
@media (min-width:1400px) {
	.container {
		max-width: 1340px;
	}
}

/**
 * SITE
 */
div.controls {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

@media (min-width: 992px){
	.controls .main{
		background: transparent;	
		margin-left: auto;
		
	}
	.nav-tree a {
		color: var(--secondary-color);
	}
	.nav-tree a:hover {
		color: var(--secondary-color);
	}
	.nav-tree .parent ul a {
		color: var(--primary-darker-color);
	}
	.nav-tree .parent ul a:hover {
		color: #ffffff;
	}
	.is-stuck .nav-tree a:hover{
		color: var(--primary-darker-color);
	}
	.nav-tree .nav-root > li > a,
	.nav-tree .nav-root > li > a:hover,
	.nav-tree .nav-root > li > a:focus {
		display: block;
		width: 100%;
		text-decoration: none;
		padding: 2rem 1rem;
		transition: all .3s;
		text-align: center;
		
	}
	.nav-tree .nav-root > li:hover{
		background: transparent;
	}
	.nav-tree .nav-root > li:hover > a::after {
		right: 10px;
		background-color: var(--primary-dark-color);
	 }
	 .page-text .nav-tree .nav-root > li:hover > a::after {
		background-color: var(--secondary-color);
	 }
	.nav-tree .nav-root > li > a::after {
		content: '';
		position: absolute;
		left: 10px;
		height: 3px;
		right: 100%;
		bottom: 2rem;
		background-color: transparent;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.controls .brand{
		padding: 1rem 3rem;
	}
	.nav-tree .nav-root ul {
		padding: 0;
		min-width: 280px;
	}
	.nav-tree[class^="slide-"] .nav-root ul li > a,
	.nav-tree[class*=" slide-"] .nav-root ul li > a {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

.toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.toggle.toggle-main {
	position: relative;
}
.slider-wrap{
	top: 0;
}

.slider-wrap .overlay {
	text-align: center;
}
.slider-wrap .overlay a {
	display: inline-block;
}
@media (orientation:landscape) {
	.slider-wrap {
		position: relative;
	}
	.slider-wrap .overlay {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
	}
	.welcome-box {
/*		padding-left: 150px;*/
		background-size: auto 100%;
	}
}
@media (min-width:768px) {
	.welcome-box {
	/*	padding: 3rem 0 3rem 30%;*/
		background-size: auto 100%;
	}
}
@media (min-width:992px) {
	.welcome-box {
	/*	padding: 4rem 0 4rem 40%;*/
		background-position: 10% 50%;
	}
}
@media (min-width:1200px) {
	.welcome-box {
	/*	padding: 5rem 0 5rem 40%;*/
		background-position: 15% 50%;
		vertical-align:center;
	}
}

h1{
	padding-top: 3rem;
	padding-bottom: 2rem;
	color: var(--primary-darker-color);
}

@media (min-width:640px) {
	nav.controls .toggle.toggle-main {
		margin-right: 1rem;
	}
}

/**
 * SVG ICONS
 */
.si, .bi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: var(--primary-darker-color);
	font-size: 20px;
	align-self: center;
}

@media (min-width:768px) {
	.nav-side.collapse:not(.show){
		display: flex;
	}
	.toggle-main {
		display: none;
	}
	.nav-tree .nav-body {
		background: none;
	}
	
}

.nav-side .si, 
.nav-side .bi{
	color: var(--secondary-color);
}

.nav-side a{
	color: var(--primary-color);
	text-transform: uppercase;
}

.stuck .nav-side a{
	color: #ffffff;
}

@media(max-width: 992px){
	.stuck .nav-side a{
		color: var(--primary-color);
	}
	
}


.nav-side a:hover{
	color: var(--secondary-color);
}

nav .open .si,
nav .open .bi{
	color: var(--primary-light-color);
}  


footer .si, footer .bi {
	color: var(--primary-light-color);
}

.si:hover {
	color: var(--secondary-color);
}

footer .si:hover {
	color: var(--secondary-color);
}
.offset-lg-2{
	margin-left:0;
}

.si.neg {
	color: #ffffff;
}
.bi-burger {
	display: inline-flex;
	width: 46px;
	height: 46px;
	background: none;
	align-items: center;
	justify-content: center;
}
.bi-burger span {
	position: relative;
	display: inline-block;
	width: 23px;
	border-bottom: 2px solid var(--secondary-color);
}
@media (min-width:992px) {
	.bi-burger {
		display: none;
	}
}
.bi-burger span::before,
.bi-burger span::after {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 2px solid var(--secondary-color);
	transform: translateY(-7px);
}
.bi-burger span::after {
	transform: translateY(7px);
}

.btn .si {
	display: inline-block;
	z-index: 10;
	color: inherit;
	background-color: var(--primary-dark-color);
	-webkit-mask-size: 36px 36px;
	mask-size: 36px 36px;
	font-size: inherit;
	line-height: inherit;
}
[class^="si-"]::before, [class*=" si-"]::before {
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.btn .si-arrow-right {
	font-size: 150%;
}

.toggle-side {
	margin-right: 1rem;
}

footer .caption {
	color: var(--secondary-color);
	font-size: 1.25rem;
	font-weight: bold;
}

/**
 * Language selector
 */
.lang-item {
	display: inline-block;
	padding: 10px 15px;
}
.lang-select ul {
	border-radius: 0;
	color: #ffffff;
	background: var(--primary-dark-color);
}
.lang-select .dropdown-toggle::after {
	display: none;
}
.lang-item,
.lang-item:hover {
	padding: 15px;
	line-height: 18px;
	color: #ffffff;
}
.lang-item:hover {
	color: #000000;
}
.dark .lang-item:hover {
	color: #ffffff;
	background-color: var(--primary-darker-color);
}
/*
.lang-item:before {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(//static.torus.gr/tinyflags/gr.png) 0 2px / 20px 14px no-repeat;
	margin-right: 10px;
}
.lang-item-de:before { background-image: url(//static.torus.gr/tinyflags/de.png); }
.lang-item-el:before { background-image: url(//static.torus.gr/tinyflags/gr.png); }
.lang-item-en:before { background-image: url(//static.torus.gr/tinyflags/gb.png); }
.lang-item-it:before { background-image: url(//static.torus.gr/tinyflags/it.png); }
*/

.btn-lang-select {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: var(--toggle-width);
	height: var(--toggle-width);
	padding: 0;
	background: none;
	border: 0;
	font-weight: 700;
	text-align: center;
	font-size: .875rem;
	line-height: 48px;
}
/*
.btn-lang-select:before  {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 14px;
	background: url(//static.torus.gr/tinyflags/gr.png) center / 20px 14px no-repeat;
	
}
.btn-lang-select.curr-lang-de:before { background-image: url(//static.torus.gr/tinyflags/de.png); }
.btn-lang-select.curr-lang-el:before { background-image: url(//static.torus.gr/tinyflags/gr.png); }
.btn-lang-select.curr-lang-en:before { background-image: url(//static.torus.gr/tinyflags/gb.png); }
.btn-lang-select.curr-lang-it:before { background-image: url(//static.torus.gr/tinyflags/it.png); }
*/

@media (min-width:992px) {
	.lang-select {
		position: relative;
	}
	.btn-lang-select {
		color: #ffffff;
	}
	.is-stuck .btn-lang-select {
		color: var(--primary-darker-color);
	}
}





/*------------------ 11/2/2024 -----*/ 
 
 
body {
	font-size: 1rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: var(--header-font);
	color: var(--primary-color);
}


footer {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	padding-top: 8rem;
	padding-bottom: 6rem;
	color: var(--secondary-lighter-color);
	background: var(--primary-darkest-color);
    align-items: center;
    display: flex;
}
.footer-menu ul{
	list-style: none;
	padding: 0;
}
.footer-menu .bi-caret-right::before{
	font-size: 1rem;
}
.footer-menu li{
	place-items: center;
	display: flex;
}

footer p{
	color: var(--primary-lighter-color);
}

footer a{
	color: #ffffff;
	transition: color .3s;
}
footer a:hover{
	color: var(--secondary-color);
	transition: color .3s;
}

footer .logo-footer{
	max-width:80%;
}

footer .social-icons {
	list-style: none;
	padding: 0;
	margin: 1rem 0;
	display: flex;
	justify-content: center;
}

footer h3 {
	margin-top: 1rem;
	color: #ffffff;
}
footer .nav-flat .nav-body a {
	position: relative;
	padding: .5rem 1rem;
	padding-left: 2.5rem;
}
footer .nav-flat .nav-body a .bi {
	position: absolute;
	top: 0;
	left: 0;
}

.map-tag{
	position: relative;
	background: #ffffff;
	z-index: 1000;
	display: flex;
	justify-content: center;
	color: var(--primary-darker-color);
	bottom: -1.3rem;
	border-radius: 5%;
	margin-left: auto;
	margin-right: auto;
	max-width: 60vw;
}
.logo-contact {
	max-width: 150px;
	padding-top: 2rem;
}
.map-tag h1{
	padding: 0;
	margin: 0;
}
@media (min-width: 768px){
	.map-tag{
		width: 20vw;
	}
}
@media(min-width: 992px){
	.map-tag{
		font-size: 1.8rem;
	}
	.logo-contact {
		max-width: 300px;
	}
}
.logo-contact-img {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
@media(min-width:776px){
	.logo-contact-img {
		padding-top: 10rem;
	}
}


.fb_iframe_widget span,
.fb_iframe_widget iframe {
	width: 220px!important;
}

.fs-7 {
	font-size: .875rem
}

header .nav-side {
	position: absolute;
	top: 100%;
	right: 0;
	display: block;
	padding: 2rem 3rem;
	background-color: var(--lightgrey-color, #f0f0f0);
}


@media (min-width: 768px){
	header .nav-side {
		order: 3;
		position: static;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		padding: 0 1rem;
		background-color: transparent;
	}
	header .lang-select {
		order: 4;
		margin-right: 1rem;
		right: 0;
	}
	
}
.nav-body .nav-root ul.sub-menu{
	background-color: var(--secondary-color);
}

/**
 * Thumbnails
 */
.thumb {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding: 0;
	padding-bottom: 100%;	/* Default to 1:1 */
	overflow: hidden;
	background: none;
}
.thumb img,
.thumb source {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	height: auto!important;
	width: auto!important;
	max-height: 100%!important;
}
.thumb img.portrait,
.thumb source.portrait {
	width: 100%;
	height: auto;
	max-height: none;
}
.thumb img.bottom {
	top: auto;
	bottom: 0;
	transform: translate(-50%,0);
}
.thumb.backdrop {
	background: #ffffff;
}
.thumb.backdrop::before {
	content: '';
	position: absolute;
	z-index: 0;
	opacity: .6;
	left: 0; top: 0; right: 0; bottom: 0;
	background: var(--bg-image) 50% 50% / cover no-repeat;
	-webkit-filter: blur(5px) sepia(80%) brightness(80%) saturate(150%) grayscale(30%);
	-moz-filter: blur(5px) sepia(80%) brightness(80%) saturate(150%) grayscale(30%);
	-o-filter: blur(5px) sepia(80%) brightness(80%) saturate(150%) grayscale(30%);
	-ms-filter: blur(5px) sepia(80%) brightness(80%) saturate(150%) grayscale(30%);
	filter: blur(5px) sepia(80%) brightness(80%) saturate(150%) grayscale(30%);
	filter: blur(5px) sepia(80%) brightness(120%) grayscale(50%);
}
.thumb.backdrop img {
	z-index: 1;
	max-width: 90%!important;
	max-height: 90%!important;
	box-shadow: 0 0 2rem rgba(0,0,0, .7);
}
.thumb.round {
	border-radius: 50%;
	overflow: hidden;
}
.thumb.sq,
.thumb.aspect1x1 { padding-bottom: 100%; }
.thumb.aspect2x1 { padding-bottom: 50%; }
.thumb.aspect16x9 { padding-bottom: 56.25%; }
.thumb.aspect4x3 { padding-bottom: 75%; }
.thumb.aspect3x4 { padding-bottom: 133.33%; }

.thumb.width-100 {
	padding: 0;
	width: 100%;
	height: auto;
	overflow: visible;
}
.thumb.width-100 img {
	position: static;
	transform: none;
}

.thumb.contain img {
	width: auto!important;
	height: auto!important;
	max-width: 100%!important;
	max-height: 100%!important;
}

.thumb .caption {
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: -100%;
	transform: translate(-50%,50%);
	transition: all .3s;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: normal;
}
.thumb:hover .caption {
	bottom: 50%;
}

.thumb-about{
	position: relative;
	margin-bottom: 1rem;
}
@media(min-width:992px){
	.thumb-about{
		margin-bottom: 10rem;
	}
}
.thumb img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.thumb1{
	position: relative;
	display: inline-block;
	border-radius: 10px;
	margin-bottom: 0;
}
.thumb1 img{
	width: 100%;
}
.thumb-about::after {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 20px;
  height: 250px;
  background-color: var(--secondary-color);
}
.thumb2{
	position: absolute;
	right: -4rem;
	bottom: -4rem;
	margin-bottom: 0;
	border: 15px solid #ffffff;
	overflow: hidden;
}
.thumb2 img{
	height: 300px;
}
.overlay-anim::before {
  background: hsla(0,0%,100%,.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}
.overlay-anim:hover::before {
  height: 100%;
  opacity: 0;
  transition: all .4s linear;
}
.panel-intro{
	top: 8rem;
	color: #ffffff;
	position: absolute;
	background: #000000;
	width: 200px;
	text-align: center;
	padding: 20px 0px 3px;
	z-index: 10;
}

.panel-intro .bi{
	color: var(--secondary-color);
	font-size: 45px;
}
.welcome-box-icons{
	justify-content: 
}
@media (min-width: 768px){
	.panel-intro{
		top: 260px;
	}
}
@media(min-width: 992px){
	.welcome-box{
		padding-left: 7rem;
	}
	.welcome-box-icons.amenities .si:hover {
		border: none;
	}
	.welcome-box-icons.amenities .si:hover::before {
		transform: translate(-50%,-50%) scale(100%);
		background-color: var(--primary-darker-color);
	}
	.panel-intro{
		top: 320px;
		left: 200px;
	}
}
@media (min-width: 1200px){
	.panel-intro{
		top: 250px;
		left: 135px;
	}
}
@media(max-width: 1200px){
	.thumb-about{
		flex-direction: column;
	}	
	.thumb1{
		margin: 1rem;		
	}
	.thumb2{
		display: none;
	}
}
blockquote{
	box-shadow: 1px 1px 8px 8px var(--secondary-color);
	padding: 1rem;
	background-color: white;
	display: flex;
	justify-content: center;
	font-size: 1.3rem;
	text-align: center;
}

/**
 * Map
 */
.map {
	width: auto;
	min-height: 400px;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: #000000;
}
@media (min-width: 992px) {
	.map {
		min-height: 600px;
	}
}


/**
 * wow animations
 */
.wow,
[data-wow-delay] { visibility: hidden;}



/**
 * Attached Documents
 */
.attached-docs ul { display: block; margin: 0; padding: 0; margin-top: 30px; list-style: none; }
.attached-docs a { display: block; font-size: 1.2em; }
.attached-docs a[href$='.pdf'],
.attached-docs a.icon-PDF {
	background:transparent url(//static.torus.gr/icons/filetypes/pdf/pdf-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.xls'],
.attached-docs a[href$='.xlsx'],
.attached-docs a[href$='.csv'],
.attached-docs a[href$='.xlw'],
.attached-docs a[href$='.xlt'] {
	background:transparent url(//static.torus.gr/icons/filetypes/xlsx_win/xlsx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.doc'],
.attached-docs a[href$='.docx'],
.attached-docs a[href$='.rtf'],
.attached-docs a[href$='.wps'],
.attached-docs a[href$='.txt'] {
	background:transparent url(//static.torus.gr/icons/filetypes/docx_win/docx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.pps'],
.attached-docs a[href$='.ppt'],
.attached-docs a[href$='.ppsx'],
.attached-docs a[href$='.pptx'] {
	background:transparent url(//static.torus.gr/icons/filetypes/pptx_win/pptx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.zip'] {
	background:transparent url(//static.torus.gr/icons/filetypes/zip/zip-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.7z'],
.attached-docs a[href$='.rar'] {
	background:transparent url(//static.torus.gr/icons/filetypes/rar/rar-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.jpg'],
.attached-docs a[href$='.jpe'],
.attached-docs a[href$='.jpeg'] {
	background:transparent url(//static.torus.gr/icons/filetypes/jpeg/jpeg-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.gif'] {
	background:transparent url(//static.torus.gr/icons/filetypes/gif/gif-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.png'] {
	background:transparent url(//static.torus.gr/icons/filetypes/png/png-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.tif'],
.attached-docs a[href$='.tiff'] {
	background:transparent url(//static.torus.gr/icons/filetypes/tiff/tiff-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
/* mailto and external links
a[href^="mailto:"] {
	background:transparent url(../images/mailto.png) center left no-repeat; padding-left:20px; line-height:15px; }
 */
.attached-docs a, .attached-docs a:hover { text-decoration: none; }
.attached-docs .filetitle { font-weight: bold; }
.attached-docs .filelocation { display: block; font-weight: normal; text-style: italic; font-size: 80%; clear: both; }



/**
 * Pages Views
 */
.page-children-list .child-page,
.page-project-list .project { margin-bottom: 60px; }
.page-children-list h2,
.page-project-list h2 { text-align: center; }
.page-children-list .text-center { text-align: center; margin: 15px 0; }
.page-children-list .btn { color: #ffffff; }


/**
 * Contact page
 */
.page-contact table { margin: 30px auto; border-collapse: collapse; }
.page-contact table td,
.page-contact table th { padding: 10px; border: 0; }
.page-contact table th { font-weight: normal; text-align: right; }
.page-contact table tr td:first-child { text-align: right; }
.page-contact table tr td:last-child { text-align: left; font-weight: bold; }
#contactform .btn-group,
#contactform label { margin-top: 0px; }
#message { min-height: 3em; }
.leaflet-popup-content h2 { font-size: 1.2rem; text-align: center; }

.contact-list.contact-social-list {
	padding-left: 0;
	list-style: none;
}
.contact-info-panel li{
	display: flex;
	place-items: center;
}
.contact-info-panel .bi{
	background-color: var(--secondary-light-color);
	padding: 2rem;
	margin: 0.5rem 0.8rem;
	width: 50px;
	font-size: 30px;
}



/**
 * Cookies box
 */
.cb-cookiesbox {
	position: fixed;
	top: auto; left: 0; right: 0; bottom: 0;
	z-index: 999999;
	display: block;
	padding: 1rem;
	margin: 0;
	color: #ffffff;
	background: var(--primary-color);
	font-size: .875rem;
}
.cb-cookiesbox p {
	margin: 0;
	text-align: center;
	line-height: 1em;
}
.cb-cookiesbox a,
.cb-cookiesbox a:hover {
	color: #ffffff;
}
.cb-cookiesbox .btn {
	font-size: .875rem !important;
	padding: 0 1rem;
	height: auto;
	line-height: 2.5;
}
.cb-cookiesbox .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	text-decoration: none;
}

/**
 * Signature
 */
.signature {
	margin-top: 1rem;
	text-align: center;
	font-size: .725rem;
	font-weight: bold;
}
@media (min-width: 768px) {
	.signature {
		text-align: right;
	}
}

.scrollup {
	background-color: var(--dark-grey);
	border-radius: 50%;
	bottom: 20px;
	color: #ffffff;
	display: none;
	line-height: 1.2;
	padding: 1px 10px 4px;
	position: fixed;
	left: 32px;
	right: auto;
	text-align: center;
	z-index: 18;
	transition: all 0.5s ease-in-out 0s;
}
.scrollup:hover {
	background-color: var(--brand-primary-color);
}
.scrollup span {
	font-size: 38px;
	color: #fff;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	width: calc(100% - 150px);
	-webkit-tap-highlight-color: transparent;

}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-150%,-50%);
	display: block;
	width: 50px;
	height: 50px;
	transition: all .2s;
}
.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 0;
	transform: translate(120%,-50%);
}
.owl-carousel:hover .owl-nav button.owl-next,
.owl-carousel:hover .owl-nav button.owl-prev {
	opacity: 1;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
		border: none;
}
.owl-carousel .owl-nav button.owl-next .bi,
.owl-carousel .owl-nav button.owl-prev .bi {
	width: 60px;
	height: 60px;
	-webkit-mask-size: 60px;
	mask-size: 60px;
	transition: all .2s;
}

.bi-caret-left::before,
.bi-caret-right::before{
	font-size: 3rem;
}

.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 0 7px;
	background: var(--lightgrey-color);
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}
.page-rooms .owl-theme .owl-dots .owl-dot span {
	position: relative;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: var(--secondary-color);
}

/**
 * Swiper slider
*/
.swiper-container {
	height: 120vw;
} 
.swiper-slide {
	position: relative;
	overflow: hidden;
}
.swiper-slide::before {
	content:'';
	background-color: rgb(26, 26, 26, 0.5);
	position: absolute;
	inset: 0;
	z-index: 2;
}
.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-slide .h2,
.swiper-slide .h3,
.swiper-slide p {
	color: #ffffff;
	text-align: center;
	line-height: 1;
}
.swiper-slide .h2 {
	font-size: 2rem;
}
.swiper-slide .h3 {
	font-size: 1.25rem;
	color: var(--secondary-color);
}
.swiper-slide .caption {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.hero-title {
	position: relative;
	z-index:1000;
}

@media (orientation: landscape) {
	.swiper-container {
		height: calc(100vh - 50px);
	}
	.swiper-slide .caption {
		width: 80%;
	}
	.swiper-slide .h2,
	.swiper-slide .h3,
	.swiper-slide p {
		line-height: 1.2;
	}
	.swiper-slide .h2 {
		font-size: 2.5rem;
	}
	.swiper-slide .h3 {
		font-size: 1.75rem;
	}
}

@media(min-width: 768px) and (orientation: portrait) {
	.swiper-container {
		height: 66.67vw;
	}
}
@media(min-width: 992px) {
	.brand {
		order: 1;
	}
	nav.main {
		order: 2;
	}
	.lang-select {
		order: 3;
	}
	.main {
		padding-top: 0;
	}
	.swiper-slide .cta {
		margin-top: 3rem;
	}
}

.hero {
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    background-color: #000000;

}
.hero::before {
	content: "";
	position: absolute;
	background: var(--pagebg) 50% 50% / cover no-repeat var(--primary-dark-color);
	opacity: .4;
	width: 100vw;
	inset: 0;
}
.hero h1 {
    color: #ffffff;
    text-align: center;
    margin: 0px;
    font-size: 33px;
    font-weight: 600;
    text-shadow: 0 0 20px #000000 !important;
	z-index:10;
}



@media (min-width: 992px) {
	.hero {
		height: calc(100vh - 161px);
	}

	.hero::before {
		width: calc(100vw - var(--scrollbar)) !important;
		margin-left: 0;
		margin-right: 0;
	}
}


.breadcrumb {
	z-index: 10;
}
.breadcrumb a {
	color: var(--secondary-color);
}
.breadcrumb a:hover {
	color: #ffffff;
}
.breadcrumb li + li::before {
  content: '|';
  display: inline-block;
  color: var(--secondary-color);
  padding: 0 0 0 .25rem;
}
.section-welcome{
	padding-bottom: 10rem;
}
.welcome-area{
	position: relative;
}
.welcome-area::before{
	content: "";
	background: url(/images/abstract-white-background-1.jpg) center/cover no-repeat;
	position: absolute;
	opacity: 0.13;
	inset: 0;
	width: 100%;
}
.section-welcome h1{
	text-align:center;
}
.wave-ornament{
	max-width: 40px;
	height: auto;
	padding: 0!important;
	margin: 0 0.3rem;
}
@media (max-width: 768px){
	.welcome-box h1{
		flex-flow:column;
		place-items: center;
	}
}

/**
 * Testimonials
 */
.testimonials {
	position:relative;
	max-width: 100vw;
	padding: 3rem 1rem 3rem 2rem;
	margin-top: 3rem;
	color: var(--primary-lighter-color);
	background: url(/files/bg-guestbook.webp) 50% 50% / cover;
	background-attachment: fixed;
}

.testimonials:before{
	content:"";
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	background: var(--secondary-color);
	opacity:.3;
}

.testimonials p {
	text-align: center;
	margin-bottom: 2rem;
	text-shadow: 1px 1px 3px #000;
}
.testimonials p + p {
	text-align: right;
	margin-bottom: 0;
}
.owl-testimonials {
	position: relative;
	max-width: calc(100vw - 85px);
}

.owl-testimonials .owl-nav {
	display: none;
}
.owl-testimonials .owl-stage-outer {
	margin-bottom: 1rem;
}
.owl-testimonials.owl-theme .owl-dots .owl-dot.active span {
	background: #ffffff!important;
}
@media (min-width: 768px) {
	.testimonials {
		padding: 5rem 0;
	}
	.owl-testimonials {
		margin: 0 auto;
		max-width: 575px;
	}
}
@media (min-width: 992px) {
	.owl-testimonials .owl-nav {
		display: block;
		width: calc(100% + 100px);
	}
}



.welcome-box img {
	padding-bottom:2rem;
}

@media (max-width: 992px) {
	.intro {
		text-align: center;
	}
	.cb-cookiesbox p {
		display: flex;
		flex-direction: column;
		place-items: center;
		margin: 2rem;
	}
	.cb-cookiesbox .btn {
		margin: 1rem;
	}
}

.page-typical .swiper-container,
.page-contact .swiper-container,
.page-rooms .swiper-container {
	height: calc(100vw / 3);
}
.section-featured {
	background-color: var(--secondary-light-color);
	padding: 2rem 0;
}
.page-childrenList .section-featured {
	background-color: #ffffff;
}
.section-featured .room-wrap {
	margin: 1rem 3rem;
	display: flex;
	flex-flow: column;
	transition: all .3s;
	background-color: #ffffff;
	width:100%;
}
.section-featured .room-wrap:hover {
	background-color: var(--primary-darkest-color);
	color: #ffffff;
	transition: all 300ms ease-in-out;
}
.section-featured .room-wrap:hover .h2 {
	color: #ffffff;
}
@media(min-width: 756px){
	.section-featured .col:nth-child(2n+1) .img-room {
		order:2 ;
	}
	.section-featured .col:nth-child(2n+1) .text {
		order: 1;
	}
}
.section-featured .room-wrap .thumb {
	background-size: cover;
	background-position: center;
	height: 100%;
}
.owl-carousel .owl-item img {
	max-height: 100px;
	object-fit: cover;
	aspect-ratio: 1;
}
@media(min-width: 992px){
	.owl-carousel .owl-item img {
		max-height: 178px;
	}
	
}
.dropdown-item.active, .dropdown-item:active {
	background-color: var(--primary-light-color);
}
.page-text header{
	background-color: var(--primary-dark-color);
}

.thumb.featured {
  position: relative;
  color: #ffffff;
  background: var(--primary-dark-color);
}

.thumb.featured::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .7;
  background: var(--bg-image) center / cover no-repeat;
  transition: all 1s;
}
.thumb.featured h2 {
  top: calc(50% + 3rem);
  font-size: 1.5rem;
}
.thumb.featured p {
  top: calc(50% - 3rem);
  opacity: 0;
  font-size: 1rem;
}
.thumb.featured h2, 
.thumb.featured p {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  display: block;
  width: 100%;
  padding: 0 1rem;
  margin: 0;
  text-align: center;
  transition: all .3s;
}

.thumb.featured:hover::before {
  transform: scale(110%);
  filter: blur(5px) sepia(50%) brightness(80%);
}
.thumb.featured:hover h2 {
  top: calc(50% - 4rem);
}
.thumb.featured:hover p {
  top: 50%;
  opacity: 1;
}
@media(max-width:992px) {
	.welcome-box-icons .si::before{
		margin: 0 0.3rem;
	}
}

.narrow {
	max-width: 800px;
	margin: 0 auto;
}
.page-heading .area:nth-child(2n) {
	background-color: var(--secondary-light-color);
}
.page-heading ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	list-style: none;
	margin: 0 -1rem 2rem;
	padding: 0;
}
.page-heading ul li {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: calc(50% - 2rem);
	margin: 1rem;
	padding: 1rem;
	font-size: .75rem;
	color: #ffffff;
	background-color: var(--primary-color);
}
@media(min-width:768px) {
	.page-heading ul li {
		width: calc(33% - 2rem);
		font-size: 1rem;
	}
}
@media(min-width:992px) {
	.page-heading ul li {
		width: calc(20% - 2rem);
	}
}


.modal-header {
	justify-content: center;
}
.modal-header .bi {
	font-size: 2rem;
}
.modal-header .bi-check-circle {
	color: var(--bs-form-valid-color);
}
.modal-header .bi-x-circle {
	color: var(--bs-form-invalid-color);
}