/*
 * PAGES CSS
 */

/*
 * GENERAL
 */
.page-title
{
	font-style:normal !important;
	font-size: 38px !important;
}

.page-text
{
	font-size: 16px;
}

.container-fluid-custom
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.container-fluid-custom .row
{
	margin-left: -15px;
	margin-right: 0px;
}

.custom-row
{
	margin-left: 0px !important;
	position: relative;
}

.custom-row .col-md-5, .location-list
{
	padding-left: 0px !important;
}

.custom-row .col-md-6-custom
{
	padding-left: 90px;	
}

.more-block
{
	position:absolute;	
	font-family: 'Arima', system-ui;
	/* font-weight: lighter; */
	font-size: 40px;	
	color: #FFFFFF;
	top:40%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	left:50%;
	-ms-transform: translateX(-50%); 
    -webkit-transform: translateX(-50%); 
	transform: translateX(-50%);
}

.more-block a
{
	outline: none;
	text-decoration:none;
	color:#FFFFFF;
}

.more-img
{
	width: 100%;
}

.more
{
	background-color: #3b3b3b;
	position:relative;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 17px;
	text-align:center;
}

.more img
{
	position:absolute;
	right: -14px;
	top:50%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
}

@media (max-width: 990px) 
{
	.page-title
	{
		font-size: 32px;
	}
	.img-custom
	{
		display: none;
	}
	
	.custom-row .col-md-6
	{
		padding-left: 15px;	
	}
	
	.custom-row .col-md-6 div
	{
		text-align:center;
	}
	
	.location-list p
	{
		padding-bottom: 0px;
	}
	
	#location-useful
	{
		margin-bottom: 10px !important;
	}
	
	.more-block-text
	{
		display:none;
	}
}

@media (max-width: 768px) 
{
	.page-title
	{
		font-size: 30px !important;
	}
}

@media (max-width: 500px) 
{
	.more
	{
		background-color:transparent;
	}
	
	.more img
	{
		display: none;
	}
}


/* ABOUT PAGE */

.text-welcome{
    background: #fff;
  min-height: 207px;
  padding: 25px 20px 20px 20px;
  margin-bottom: 30px;
    
}
.wrapper{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 120px;
  padding-bottom: 90px;
  background: #f4f4f4;
}
.text-welcome .title{
    font-size: 30px;
    
}
.text-welcome .title{
    font-size: 17px;
    
}

.room-box {
    display: block;
    text-decoration: none !important;
    color: #3b3b3b;
}

.room-box:hover {
    cursor: pointer;
}

.room-box img,
.room-box .text-homepage {
    pointer-events: none; /* Αποτρέπει διπλό click */
}

room-box:hover, 
.room-box:focus {
    text-decoration: none !important;
    color: #3b3b3b;
}

.room-box:hover .title,
.room-box:hover .text,
.room-box:focus .title, 
.room-box:focus .text {
    text-decoration: none !important;
    color: #3b3b3b;
}

#about-text-img
{
	position:absolute;
	width: 38%;
	top: 15px;
	bottom: 0px;
	background: rgb(255,255,255) url('../images/about.jpg') no-repeat left;
}

#about .page-title
{
	margin-top: 60px;
	margin-bottom: 30px;
}

#about .page-text div
{
	font-size: 20px;
	/* font-style:italic; */
	margin-top: 80px;
	margin-bottom: 120px;
}

#rooms-text
{
	height: 185px;
	background:#FFFFFF;
	color: #3b3b3b;
	font-family: 'Arima', system-ui;
	/* font-weight: lighter; */	
	font-style: italic;
	font-size: 30px;
	padding-top: 70px;
}

.room-img
{
	font-family: 'Arima', system-ui;
	/* font-weight: lighter; */	
	font-size: 30px;
}
.room-img-left{
    padding-right: 7px;
	padding-left: 0px;
}
.room-img-right{
    padding-right: 0px;
	padding-left: 7px;
}
.room-img-a{
    position:relative;
    display: block;
}
.room-img img
{
	width: 100%;
}

.room-img div
{
	z-index: 1;
	position:absolute;
	width: 100%;
	top: 95%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	color: #FFFFFF;
	font-size: 32px;
}

#absolute
{
	z-index: 1;
	position: absolute; 
	width: 100%;
	top: 0px;
	bottom: 0px;
}

#distance-wrap
{
	position:relative;
}

#distance-img
{
	width: 100%;
}

#distances
{
	font-family: 'Arima', system-ui;
	/* font-weight: lighter; */	
	font-size: 24px;
	color: #FFFFFF;
	position: absolute;
	width: 100%;
	top: 50%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
}

#distances-foot-resp
{
	display:none;
	cursor:pointer;
	padding: 20px;
	margin:auto;
}

#distances-text-resp
{
	display: none;
	border:solid 5px #4a4643;
	background-color: #FFFFFF;
	color: #3b3b3b;
	position:absolute;
	top: 0px;
	left: 15px;
	right: 15px;
	padding-top: 0px;
	padding-bottom: 50px;	
}

#distances-text-resp span
{
	display:block;
	color: #3b3b3b;
	font-size: 20px;
}

#distances div div
{
	cursor:pointer;
	display:none;
	border:none;
	width: 80px;
	height: 35px !important;
	line-height: 35px;
	background-color: #3b3b3b;
	color: #decbc0;
	font-weight: bold;
	position:absolute;
	left: 50%;
	top: 175px;
	-ms-transform: translateX(-50%); 
    -webkit-transform: translateX(-50%); 
	transform: translateX(-50%);
}

#distances-text span
{
	display:block;
	font-size: 40px;
	color: #FFFFFF;
}

#map{
	height: 420px;
}
.area-map{
	text-align: center;
	/* font-weight: lighter; */
	font-size: 36px;
	padding-top: 40px;
	padding-bottom: 15px;
}
@media (max-width: 1500px) 
{ 
  .text-welcome{
  min-height: 227px; 
   }
}
@media (max-width: 1300px) 
{ 
  .text-welcome{
  min-height: 250px; 
   }
}
@media (max-width: 1080px) 
{ 
  .text-welcome{
  min-height: 300px; 
   }
}
@media (max-width: 1000px) 
{	
    .room-img-left{
        padding-right: 4px;
    	padding-left: 0px;
    }
    .room-img-right{
        padding-right: 0px;
    	padding-left: 4px;
    }
	#about .page-title
	{
		margin-top: 30px;
	}
	
	#about .page-text div
	{
		font-size: 24px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	
	#rooms-text
	{
		padding-top: 50px;	
	}
	
	.room-img div
	{
		font-size: 30px;
	}
	
	#about-image,#about-text-img
	{
		display: none;
	}
	
	#about-image img 
	{
		width: 100%;	
	}
	
	#about-text
	{
		padding-left: 30px;
		text-align:center;
	}
	
	#distances
	{
		font-size: 18px;
	}
	
	#distances-text span
	{
		font-size: 36px;
	}
}

@media (max-width: 768px) 
{
    .room-img-left{
        padding-right: 0px;
    	padding-left: 0px;
    }
    .room-img-right{
        padding-right: 0px;
    	padding-left: 0px;
    }
	.room-img div
	{
		font-size: 26px;
	}
	
	#distances-text span
	{
		font-size: 20px;
		
	}
	
	#distances
	{
		font-size: 14px;
	}
	#map{
		height: 350px;
	}
	.area-map{
		font-size: 28px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
@media (max-width: 767px) 
{ 
  .text-welcome{
  min-height: 206px; 
   }
}
@media (max-width: 600px) 
{
	#distances-foot, #distances-text
	{
		display: none;
	}

	#distances-foot-resp, #distances div div
	{
		display: block;
	}	
}

@media (max-width: 500px) 
{
	.room-img div
	{
		font-size: 22px;
	}
	
	#rooms-text
	{
		font-size: 22px;
		padding-top: 60px;	
	}
	#map{
		height: 250px;
	}
}

@media (max-width: 425px) 
{
	#rooms-text
	{
		padding-top: 40px;	
	}
	.wrapper{
    padding-top: 60px;
    padding-bottom: 60px;
		    
	}
}

/*
 * LOCATION
 */
#location .col-md-6-custom
{
	margin-bottom: 50px;
}

#location-text-img
{
	position:absolute;
	width: 38%;
	top: 15px;
	bottom: 15px;
	background: rgb(255,255,255) url('../images/location.jpg') no-repeat left;
}

#location .page-title
{
	margin-top: 30px;
	margin-bottom: 20px;
}

.location-sub-title
{
	margin-top: 20px;
	text-decoration: underline;
}
.location-sub-title img
{
	margin-right: 10px;
}

#location-useful
{
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 30px;
}

@media (max-width: 400px) 
{
	#location-useful
	{
		font-size: 28px;
	}
}

/*
 * SIGHTSEEINGS
 */
#sightseeings .page-title
{
	margin-top: 80px;
	margin-bottom: 60px;
}

#sightseeings .text-justify
{
	line-height: 25px;
}

#faq-accordion .panel
{
	box-shadow: none;
	margin-bottom: 5px;
}

.sightseeings-img img
{
	float:left;
	margin-right: 8px;
}

.sightseeings-img
{
	margin-bottom: 10px;
	color: #3b3b3b !important;
	text-decoration:none !important;
	outline:none !important;
	display:block;
}

.sightseeings-img-last
{
	margin-bottom: 150px;
}

#sightseeings-text-img
{
	position:absolute;
	width: 38%;
	top: 15px;
	bottom: 15px;
	background: rgb(255,255,255) url('../images/sightseeings.jpg') no-repeat left;
}

@media (max-width: 990px) 
{
	#sightseeings .page-title
	{
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.sightseeings-img-last
	{
		margin-bottom: 50px;
	}
}

@media (max-width: 400px) 
{
	.sightseeings-img-last
	{
		margin-bottom: 50px;
	}
}

/*
 * FACILITIES
 */
#facilities .col-md-6-custom
{
	margin-bottom: 80px;
}

#facilities .page-title
{
	margin-top: 80px; 
	margin-bottom: 40px; 
}

#facilities-text-img
{
	position:absolute;
	width: 38%;
	top: 0px;
	bottom: 0px;
	background: rgb(255,255,255) url('../images/facilities.jpg') no-repeat left;
}

.facilities-list-title
{
	font-size: 30px;
}

/*
 * SPECIAL OFFERS
 */
#keos-specialoffers {
padding: 80px 20px;
background: #f8f9fa;
}
#keos-specialoffers .page-title
{
	margin-top: 80px;
	margin-bottom: 60px;
}

#keos-specialoffers .col-md-6-custom
{
	text-align: justify;
	margin-bottom: 80px;
}

#keos-specialoffers .col-md-6-custom div
{
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 30px;
	font-style:italic;
}

#specialoffers-text-img
{
	position:absolute;
	width: 38%;
	top: 0px;
	bottom: 0px;
	background: rgb(255,255,255) url('../images/specialoffers.jpg') no-repeat left;
}

@media (max-width: 767px) {
#keos-specialoffers {
    padding: 50px 15px;
    }
}    

/*
 * CAFE
 */
#keos-cafe .page-title
{
	margin-top: 80px;
	margin-bottom: 60px;
}

#keos-cafe .col-md-6-custom
{
	text-align: justify;
	margin-bottom: 80px;
}

#keos-cafe .col-md-6-custom div
{
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 30px;
	font-style:italic;
}

#cafe-text-img
{
	position:absolute;
	width: 38%;
	top: 0px;
	bottom: 0px;
	background: rgb(255,255,255) url('../images/cafe.jpg') no-repeat left;
}

/*
 * CONTACT
 */
#contact .page-title
{
	margin-top: 80px;
	margin-bottom: 50px;
}

#contact-text-img
{
	position:absolute;
	width: 38%;
	top: 15px;
	bottom: 15px;
	background: rgb(255,255,255) url('../images/contact.jpg') no-repeat left;
}

#contact-form .col-md-6-contact
{
	padding-left: 0px;
}

#captcha
{
	position:absolute;
	width: 110px!important; 
	left: 110px;
}

#contact-form input
{
	border:solid 1px #3b3b3b;
	width: 290px;
	height: 60px;
	margin-bottom: 21px;
	font-size: 17px;
	padding-left: 25px;
}

#contact-form textarea
{
	border:solid 1px #3b3b3b;
	width: 290px;
	height: 140px;
	margin-bottom: 17px;
	font-size: 17px;
	padding-top: 20px;
	padding-left: 25px;
}

#img-captcha
{
	position:absolute;
}

#contact-submit
{
	position:absolute;
	background: transparent url('../images/contact-submit.jpg') no-repeat center center;
	border: none;
	width: 52px;
	height: 60px;
	left: 239px;
}

#contact-submit-resp
{
	display:none;
	margin-top: 80px;
	padding-left: 28px;
}

#contact-submit-resp input
{
	border:none;
	color: #f0e7e2;
	background-color: #4a4742;
	font-family: 'Arima', system-ui;
	font-weight: 400;
	font-size: 17px;	
}

#contact-info div
{
	font-size: 22px;
}

#contact-info
{
	border-top: solid 1px #decbc0;
	border-bottom: solid 1px #decbc0;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 17px;
}

#contact-info img
{
	margin-right: 10px;
}

#contact-text
{
	font-size: 17px;
}

#contact-book-btn
{
	position:relative;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align:center;
	background-color: #3b3b3b;
	color:#FFFFFF;
	margin-top: 30px;
	margin-bottom: 30px;
	cursor:pointer;
}

#contact-book-btn img 
{
	font-size: 17px;
	position: absolute;
	right: -14px;
	top: 50%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
}

#cancelation-policy
{
	display:none;
	z-index:5;
	position: absolute;
	width: 500px;
	bottom: 100px;
	left: 50%;
	-ms-transform: translateX(-50%); 
    -webkit-transform: translateX(-50%); 
	transform: translateX(-50%);
	background-color: #FFFFFF;
	color: #3b3b3b;
	border: solid 5px #3b3b3b;
	padding: 15px;
	text-align:justify;
}

#cancelation-close-btn
{
	background-color: #3b3b3b;
	color: #FFFFFF;
	width: 80px;
	height: 30px;
	line-height: 28px; 
	font-size: 17px;
	font-weight: bold;
	text-align:center;
	margin-top: 15px;
	cursor:pointer;
}

/*
 * GENERAL MEDIA FOR PAGES
 */
@media (max-width: 1400px) 
{
	#contact-form input
	{	
		width: 250px;
	}
}

@media (max-width: 1200px) 
{
	#contact-form .col-md-6-contact
	{
		padding-left: 14px;
	}
	
	#contact-form .col-lg-6
	{
		
		padding-left: 28px;
	}
	
	#contact-form input, #contact-form textarea
	{	
		width: 100%;
	}
	
	#contact-form button
	{
		left: 100%;
		margin-left: -49px;
	}
	
	#captcha
	{
		position:absolute;
		width: 100px !important;
		left: 0px;
	}
	
	#img-captcha
	{
		position:absolute;
		right: 0px;
	}
	
	#contact-submit
	{
		display:none;
	}
	
	#contact-submit-resp
	{
		padding-left: 14px;
		margin-top: 0px;
		margin-bottom: 0px;
		display:block;
	}
	
	#contact-info
	{
		margin-top: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.room-img div
    {
	top: 85%;
	font-size: 28px;
    }
    #rooms-text {
    font-size: 26px;
    }
    #distances-text span {
       font-size: 34px;
    }
}
 
@media (max-width: 991px) 
{	
	#about-text-img, #location-text-img, #sightseeings-text-img, #facilities-text-img, #cafe-text-img, #specialoffers-text-img, #contact-text-img, #room-text-img
	{
		display: none !important;
	}
	
	#sightseeings .text-justify img
	{
		float: none;
	}
	
	#room-book-btn
	{
		margin:auto !important;
	}
	
	.room-right-text
	{
		margin-bottom: 30px;
	}
	
	#facilities .page-title, #keos-cafe .page-title, #keos-specialoffers .page-title, #contact .page-title
	{
		margin-top: 30px; 
		margin-bottom: 30px; 
	}
	
	#keos-cafe .col-md-6-custom
	{
		text-align: center;
	}
	#keos-specialoffers .col-md-6-custom
	{
		text-align: center;
	}
	
	.facilities-list-title
	{
		font-size: 24px;
	}
	
	#facilities .col-md-6-custom
	{
		margin-bottom: 50px;
	}
	
	#contact-book-btn
	{
		margin-left: auto;
		margin-right: auto;
	}
	
	#contact-submit-resp
	{
		margin-top: 80px;
	}
	
	#captcha
	{
		width: 70% !important;
	}
}

@media (max-width: 600px) 
{
	#cancelation-policy
	{
		width: auto;
		left: 14px;
		right: 14px;
		-ms-transform: translateX(-0%); 
	    -webkit-transform: translateX(-0%); 
		transform: translateX(-0%);
	}
}

@media (max-width: 400px) 
{
	#captcha
	{
		width: 60% !important;
	}
}
/*
 * ACCOMMODATION
 */
#accommodation{
	padding-top: 100px;
	padding-bottom: 40px;
}
.rooms-elem{
	position: relative;
	display: block;
	margin-bottom: 30px;
	text-decoration: none !important;
}
.rooms-elem:nth-child(1), .rooms-elem:nth-child(3), .rooms-elem:nth-child(5), .rooms-elem:nth-child(7){
	padding-left: 0px !important;
}
.rooms-elem:nth-child(2), .rooms-elem:nth-child(4), .rooms-elem:nth-child(6){
	padding-right: 0px !important;
}
.rooms-elem .img{
	width: 100%
}
.main-info{
	position: absolute;
	/* right: 15px;
	bottom: 0px; */
	top: 92%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 450px;
	height: 72px;
	background: rgba(65,65,65,.9);
	padding-left: 34px;
	padding-top: 5px;
	padding-bottom: 15px;
	color: #ffffff !important;
	text-decoration: none !important;
	font-family: 'Arima', system-ui;
	/* font-weight: lighter; */
	font-size: 20px;
	line-height: 30px;
}
.rooms-elem:nth-child(2) .main-info, .rooms-elem:nth-child(4) .main-info{
	right: 0px !important;
}
.main-info img{
	position: absolute;
	right: 100%;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 1440px) {
.main-info{
	top: 91%;
    }
}
@media (max-width: 1250px) {
.main-info{
	top: 89%;
    }
}
@media (max-width: 1100px) {
.main-info{
	top: 88%;
    }
}
@media (max-width: 992px)
{
	.rooms-elem{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.main-info{
		right: 0px;
	}
}
@media (max-width: 500px)
{
	#accommodation{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.main-info{
		position: relative;
		left: 0px;
		right: 0px;
		bottom: 0px;
		width: auto;
		height: 72px;
		height: 60px;
		font-size: 15px;
	    line-height: 18px;
	    transform: none;
	}
	.main-info img{
		display: none;
	}
}
/*
 * ROOM
 */
.active-room
{
	color: #3b3b3b !important;
}
#rooms .col-md-6-custom
{
	margin-bottom: 70px;
}

#room-text-img
{
	position:absolute;
	width: 38%;
	top: 0px;
	bottom: 0px;
	background: rgb(255,255,255) url('../rooms/left-image.jpg') no-repeat left;
}

#room-page-title
{
	margin-top: 80px;
	margin-bottom: 50px;
	font-size: 36px;
}

.room-col-custom
{
	padding-left: 0px;
}

.room-right-text
{
	
}
#room-book-btn
{
	position:relative;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align:center;
	background-color: #3b3b3b;
	color:#FFFFFF !important;		
	text-decoration:none;		
	display:block; 
	margin-top: 30px;
}

#room-book-btn img 
{
	font-size: 17px;
	position: absolute;
	right: -14px;
	top: 50%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
}

.owl-prev
{
	background-image: url('../images/left.png');
}

.owl-next
{
	right: 0%;
	background-image: url('../images/right.png');
}

.owl-prev, .owl-next
{
	top: 0%;
	bottom: 0%;
	position:absolute;
	display:block !important;
	opacity: .7;
	width: 40px;
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
}

.owl-prev:hover
{
	opacity: 1;
}

.owl-next:hover
{
	opacity: 1;
}

.room-link
{
	font-style:italic;
	margin-top: 40px;
	font-size: 15px;
	color: #b5a195;
}

.room-link-active
{
	text-decoration:underline !important;
}

.room-link a
{
	text-decoration: none;
	color:#3b3b3b;
}

#scroller img
{
	width: 237px;
}

.scroll-img 
{
	position:relative;
	width: 100%;
	height: 232px;
	overflow: hidden;
	font-size: 0;
}

.scroll-img ul 
{
	width: 100%;
	height: 600px;
	margin: 0;
	padding-left: 0px;
}

.scroll-img ul li 
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
}

#scroller.scroll-img ul 
{
	width: 1500px;
}

#backward, #forward
{
	position:absolute;
	width: 50px;
	height: 232px;
	cursor:pointer;
}

@media (max-width: 991px) 
{	
	#room-page-title
	{
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media (max-width: 768px) 
{	
	.owl-prev, .owl-next
	{
		width: 30px;
	}
}

@media (max-width: 992px) 
{	
	.room-link a, .room-link span
	{
		display:block;
	}
	
	#room-link-slash
	{
		display: none;
	}
}


/*
 * GALLERY
 */
#gallery-wrap
{
	background-color:#f0e7e2;
	padding-top: 200px;
	padding-bottom: 70px;
}

#gallery
{
	position:relative;
	max-width: 1250px;
	margin: auto;
}

#gallery-back-btn
{
	width: 200px;
	height: 50px;
	color: #f0e7e2;
	background-color: #4a4742;
	position:absolute;
	right: 14px;
	top: -70px;
}

.item 
{
	width: 394px;
	margin: 10px;
}

@media (max-width: 1440px) 
{
	#gallery-wrap {
	padding-top: 140px;
	padding-bottom: 70px;
    }
	#gallery {
	max-width: 950px;
	}
	.item   {
	width: 294px;
	margin: 10px;
    }
}

@media (max-width: 768px) 
{
	#gallery-wrap
        {
		padding-top: 70px;
	}
}