/*
 * GENERAL PAGES CSS
 */
.page-title
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color:#5a5a5a;
	/*color: #ffffff;*/
	text-align:center;
	font-size: 40px;	
	margin-bottom: 25px;
}

.page-text-back
{
	/*background: #d9d5d0;*/
	background: #d5d5d5;
	background-image:url('../images/bg.png');
	background-repeat:  no-repeat;
	background-position: right;
	padding-top: 70px;
	padding-bottom: 70px;
}

.page-text
{
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;	
	color: #686868;
	text-align:center;
	margin-bottom: 35px;
}
.page-text-title
{
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	color: #5a5a5a;
	font-weight: 100;	
}

.page-img-title-wrap
{
	padding-top: 60px;
	padding-bottom: 60px;
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: 300;
	position:relative;
	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
}

.page-img-title
{
	position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	padding-left: 20px;
	padding-right: 20px;
}

.page-img-hr
{
	position:absolute;
	width: 105px;
	height: 1px;
	background-color: #707070;
	top: 51%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-img-hr-left
{
	left: -105px;
}

.page-img-hr-right
{
	right: -105px;
}

.page-image-content
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	text-align:center;
}

.page-image-title
{
	font-size: 24px;
	color: #ffffff;
}

.page-image-subtitle
{
	font-size: 36px;
	color: #FFFFFF;
}

.page-image-btn
{
	display:block;
	width: 235px;
	height: 50px;
	background-image:url('../images/facilities-btn.png');
	background-repeat:  no-repeat;
	background-position: center center;
	text-align:center;
	line-height: 48px;
	font-size: 18px;
	color: #FFFFFF !important;
	text-decoration:none !important;
}

@media (max-width: 1024px) 
{
	.page-text-back
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media (max-width: 768px) 
{
	.page-title
	{
		font-size: 30px;	
		margin-bottom: 26px;
	}
	
	.page-img-title-wrap
	{
		padding-top: 32px;
	    padding-bottom: 32px;
	    font-size: 22px;
	}
	
	.page-img-title
    {
	padding-left: 4px;
	padding-right: 4px;
	font-size: 18px;
    text-align: center;
    
    }
	
	.page-img-hr
	{
		display:none;
	}
	
	.page-text-title
	{
		font-size: 24px;	
	}
	
	.page-image-title
	{
		font-size: 20px;
	}
	
	.page-image-subtitle
	{
		font-size: 24px;
		color: #FFFFFF;
	}
}

@media (max-width: 520px) 
{
   .page-title
	{
		font-size: 26px;	
		margin-bottom: 22px;
	} 
	.page-text-title {
        font-size: 22px;
    }
   .page-img-title-wrap
   {
	font-size: 24px;
   }

}

/*
 * ABOUT
 */
#about-text
{
	height: 80px;
	overflow: hidden;
}

.about-welcome-btn
{
	position:relative;
	width: 250px;
	height: 52px;
	border:solid 1px #fcfcfc;
	/* background-image:url('../images/btn-back.jpg'); */
	background: #0077a2;
	/*background-repeat:  no-repeat;
	background-position: center center; */
	text-align:center;
	line-height: 46px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	cursor:pointer;
}

.about-welcome-btn img
{
	position:absolute;
	bottom: -18px;
	left: 50%;
	-ms-transform: translateX(-50%); 
    -webkit-transform: translateX(-50%); 
	transform: translateX(-50%);
}

.explore
{
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	font-weight: 300;
	padding-bottom: 40px;
	
}

.explore-img-wrap .col-sm-4
{
	padding-left: 0px;
	padding-right: 0px;
}

.about-img-block
{
	display: block;
}

.explore-img-lbl
{
	background: rgba(138,132,122,.5);
	position:absolute;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	bottom: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color:#FFFFFF;
	text-align:center;
	font-size: 30px;	
	-webkit-transition: all .3s ease-in-out;
  	-moz-transition: all .3s ease-in-out;
  	-o-transition: all .3s ease-in-out;
  	transition: all .3s ease-in-out;
}

.explore-img-wrap .col-sm-4:hover > .explore-img-lbl
{
	background: rgba(0,119,162,1);
}

.location
{
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	font-weight: 300;
}

#location-map1
{
	height: 440px;
}
#gallery-container .gallery-elem-wrap{
    padding-right: 3px !important;
    padding-left: 3px !important;
/*    margin-top:50px; */
}

#gallery-container .gallery-elem{
    position: relative;
    display: block;
    text-decoration: none !important;
    margin-bottom: 6px;
}
#gallery-container .gallery-cover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    background: rgba(0,0,0,.3);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    display: flex;
    align-items: center;
    justify-content: center;
}
#gallery-container .gallery-cover img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#gallery-container .gallery-cover div{
    color: #fff;
    font-size: 18px !important;
}
#gallery-container .gallery-elem:hover .gallery-cover{
    opacity: 1;
    z-index: 1;
}

@media (max-width: 1400px) 
{
.explore-img-lbl {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 24px;
}
}
@media (max-width: 992px) 
{
	#about
	{
		padding-top: 20px;
		padding-bottom: 30px;
	}	
	
	#about-text
	{
		height: 90px;
	}
	
	#location-map1
	{
		height: 440px;
	}	
}

@media (max-width: 768px) 
{
	.explore {
     padding-bottom: 4px;
	}
	
	.explore-img-lbl
	{
		width: 400px;
		left: 50%;
		margin-left: -200px;	
		font-size: 24px;
	}
	
	.explore-img-wrap .col-sm-4
	{
		position:relative;
		float:none;
		margin-bottom: 30px;
	}
	
	.explore-img-wrap .col-sm-4 img
	{
		max-width: 400px;
	}
	
	#location-map1
	{
		height: 440px;
	}
}

@media (max-width: 425px) 
{
	.explore-img-wrap .col-sm-4 img
	{
		width: 100%;
	}
	
	.explore-img-lbl
	{
		width: 100%;
		left: 0%;
		margin-left: 0px;	
	}
	 #gallery-container.special-gallery {
        margin-top: 1px !important;
        padding: 5px !important;
    }
}

/*
 * LOCATION
 */
#location
{
	
}

#location .about-welcome-btn 
{
	margin-bottom: 35px;
}

#location .about-welcome-btn
{
	line-height: 52px;
}

#location-popup
{
	display:none;
	background: #f4f4f4;
	font-family: 'Open Sans';
	border:solid 5px #0077a2;
	color: #fff;
	width: 600px;
	padding: 14px;
	position:fixed;
	text-align:justify;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);
	z-index: 99999999;
	font-size: 15px;
    color: #747474;
}

#location-popup-btn
{
	width: 70px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	color: #FFFFFF;
	background: #0077a2;
	margin: 50px auto 0px auto;
	cursor: pointer;
}

/*
 * FACILITIES
 */
#facilities
{

}

.facilities-list
{
	display:inline-block;
	margin-right: 16px;
}

.facilities-list-title
{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #5a5a5a;
	font-weight: 100;
	margin-bottom: 30px;
}

.vertical-middle
{
	vertical-align:text-bottom;
}

.facilities-image
{
	background-image:url('../images/facilities.jpg');
	background-repeat:  no-repeat;
	background-position: center center;
	padding-top: 130px;
	padding-bottom: 130px;
}

@media (max-width: 992px) 
{
	.facilities-list-title
	{
		margin-top: 20px;
	}
	
	.facilities-list-wrap
	{
		text-align:center;
	}
}

@media (max-width: 768px) 
{
    #location-popup-btn
    {
    	margin: 20px auto 15px auto;
    }
    #location-popup
    {
    	width: auto;
    	left: 15px;
    	right: 15px;
    	-ms-transform: translate(0%, -50%);
        -webkit-transform: translate(0%,-50%);
        transform: translate(0%,-50%);
    }
	.facilities-list
	{
		margin-bottom:30px;
	}
	.facilities-list-title
	{
		font-size: 22px;
	}
	
	.facilities-list-title img
	{
		width: 30px;
	}
}
@media (max-width: 520px) 
{
    
    #location-popup
    {
        padding-bottom: 15px;
        overflow:scroll;
        top: 65px;
        bottom: 15px;
    	-ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%);
    }
    .page-text-back {
      padding-bottom: 1px;
    }
}

/*
 * ACCOMODATION
 */
.room-zone
{
	background: #d9d5d0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.about-accommodation-btn
{
	position:relative;
	width: 150px;
	height: 42px;
	border:solid 1px #fff;
	background: #0077a2;
	/*border:solid 1px #626262;
	background-image:url('../images/btn-back2.jpg');
	background-repeat:  no-repeat;
	background-position: center center; */
	text-align:center;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 15px;
	cursor:pointer;
	margin-bottom: 20px;
}


.room-zone-type
{
	display:block;
	text-decoration:none !important;
	color: #686868 !important;	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.room-type-def
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color:#5a5a5a;
	text-align:center;
	font-size: 28px;	
	margin-top: -10px;
}

.room-bottom
{
	margin-bottom: 20px;
}

.room-zone-type img
{
	margin-right: 10px;
	margin-bottom: 10px;
}

.room-active
{
	color: #0077a2;	
}

.room-info span
{
	color: #FFFFFF;
}

.room-info div
{
	margin-top: 20px;
	color: #686868;
}

@media (max-width: 1200px) 
{
	.room-zone-type img
	{
		width: 30px;
		margin-right: 5px;
	}
	
	.room-zone-type
	{
		font-size: 14px;
	}
}

@media (max-width: 992px) 
{
	.room-list
	{
		text-align:center;
	}
	
	.room-info div
	{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	
	.room-type-def
	{
		font-size: 24px;	
	}
	
	.room-zone-type
	{
		padding-left: 90px;
		margin-bottom: 5px;
	}
	
	.room-zone-type:last-child
	{
		margin-bottom: 0px;
	}
}

@media (max-width: 768px) 
{
	.room-1
	{
		background: #d9d5d0;
		position:relative;
		bottom: 0px;
	}

	.room-bottom
	{
		margin-bottom: 0px;
	}
	.room-zone .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    }

	
	.room-zone-type
	{
	display: flex;
    align-items: center; /* Ευθυγραμμίζει κάθετα εικόνα & κείμενο */
    /* justify-content: center; /* Κεντράρει τα στοιχεία */
    gap: 10px; /* Δίνει απόσταση μεταξύ εικόνας & κειμένου */
    width: 100%;
    text-align: left;
	font-size: 13px;
	}

	.room-zone-type img
	{
	/* width: 50px; 
    height: auto;
	margin-right: 5px; */
	}
}

/*
 * GASTRONOMY
 */
#gastronomy
{

}

.gastronomy-text .page-text-title
{ 
	margin-top: 10px;
}

.gastronomy-text span
{
	display:block;
	color: #025d7e;
	font-size: 15px;
}

#gastronomy-text-span
{
	margin-top: 60px;
}

/*
 * LEISURE
 */
#leisure .page-text
{
	margin-bottom: 75px;
}

.leisure-list
{
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #5a5a5a;
	font-weight: 100;	
	text-align:center;
}

.leisure-list div
{
	display:block;
	font-size: 18px;
	color: #5a5a5a;
}

.leisure-image
{
	background-image:url('../images/leisure.jpg');
	background-repeat:  no-repeat;
	background-position: center center;
	padding-top: 130px;
	padding-bottom: 130px;
}

/*
 * MANI
 */
.mani-image
{
	background-image:url('../images/mani.jpg');
	background-repeat:  no-repeat;
	background-position: center center;
	padding-top: 180px;
	padding-bottom: 180px;
}

/*
 * COOKIES
 */
.cookies-class
{
	padding-top: 130px;
	/* padding-bottom: 10px; */
}

@media (max-width: 1024px) 
{
	.cookies-class
	{
		padding-top: 85px;
	}
}
@media (max-width: 768px) 
{
	.cookies-class
	{
		padding-top: 60px;
	}
}
/*
 * GALLERY
 */
#gallery-wrap
{
	background: #d9d5d0;
}

#gallery
{
	position:relative;
	max-width: 950px;
	margin: auto;
	margin-top: 120px;
	padding-top: 30px;
	padding-bottom: 30px;
}

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

@media (max-width: 1024px) 
{
	#gallery
	{
		margin-top: 50px;
	}
}


@media (max-width: 325px) 
{
	.item
	{
		width: 265px;
	}
}


/*
 * CONTACT
 */
#contact
{

}

.contact-info
{
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;	
	color: #686868;
	padding-top: 30px;
}

.contact-info-hotel
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 36px;
	color: #5a5a5a;
}

.contact-info-email
{
	color: #0077a2;
}

#contact-form input[type='text']
{
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;	
	color: #686868;
	width: 100%;
	height: 67px;
	border:none;
	margin-bottom: 26px;
	padding-left: 25px;
}

#contact-form textarea
{
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;	
	color: #686868;
	width: 100%;
	height: 160px;
	padding-left: 25px;
	padding-top: 19px;
	margin-bottom: 26px;
	border:none;
	display:block;
}

#contact-form input[type='submit']
{
	width: 100%;
	height: 67px;
	line-height: 67px;
	background-color: #0077a2;
	text-align:center;
	color: #FFFFFF;
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;	
	border:none;
}

#contact-form input[type='submit']:hover
{
	color: #ffffff;
	letter-spacing: 1px;
}

.captcha-wrap
{
	position:relative;
}

.captcha-wrap img
{
	z-index: 5;
	position:absolute;
	right: 0px;
	top: 0px;
}

@media (max-width: 1200px) 
{
	.contact-info
	{
		padding-top: 0px;
	}
}

@media (max-width: 992px) 
{
	#contact
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#contact .page-title
	{
		margin-bottom: 30px;
	}
	
	.contact-info
	{
		padding-top: 30px;
	}
}