@charset "utf-8";
/* CSS Document */

#sp-main-body {
	padding:10px 0;
}
/*------ HEADER-----------*/
.view-featured #sp-top-bar {
	position:relative;
	width:100%;
	top:0;
	z-index:9999;
	background-color:#000;
	background:rgba(0, 0, 0, 0.3);
	/*border-bottom:1px solid rgba(0,0,0,0.3);*/
	padding:3px 0;
}
.view-featured #sp-page-title {
	display:none;
}
 #sp-top-bar {
	background-color:#65839e;
	/*border-bottom:1px solid rgba(0,0,0,0.3);*/
	padding:3px 0;
}
.customtop-message p {
	padding:5px 0;
	margin:0;
	color:#fff;
}
.view-featured #sp-header-sticky-wrapper {
	position:relative;
	width:100%;
	top:0px;
	z-index:9999;
	background:transparent;
}
#sp-slider {
	position:relative;
	top:-131px;
}
.view-featured #sp-header {
	background:rgba(0, 0, 0, 0.3);
	/*border-top:1px solid rgba(255,255,255,0.3);*/
}
#sp-header {
	background:#65839e;
	/*border-top:1px solid rgba(255,255,255,0.3);*/
}
#sp-top-bar #sp-top2 .sp-module {
	float:right;
	margin:5px 0 0;
}
.sp-megamenu-parent > li > a {
	color:#fff;
	font-weight:600;
	font-size:12px;
}
#offcanvas-toggler > i {
	color:#fff;
}

/*------ WELCOME -----------*/
#sp-welcome {
	margin-top:-131px;
}
.welcome-inner {
	padding:0 50px;
	margin-top:-80px;
	margin-bottom:20px;
}
.welcome-inner h2, .welcome-inner h4{
	text-align:center;
}
.welcome-inner h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
}
.welcome-inner h4 {
	padding:5px 0 20px 0;
	border-bottom:1px solid #b09f97;
	margin-bottom:0;
}
.welcome-text {
	padding:20px 0 0 0;
	border-top:1px solid #f5f3f3;
}

/*------ ΗΟΜΕ ΒOXES -----------*/
.boxes-outer {
	padding:50px 0 20px 0;
}
.boxes-outer a {
	color:#fff;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4);
}
.boxes-outer a:hover {
	color:#22b8f0;
}
.fix{
	position:relative;
    width: 100%;
    padding: 0px;
}
div.desc{
    position: absolute;
    top: 0px;
    width: 100%;
    background:rgba(60, 91, 140, 0.6);
    color: #fff;
	text-align:center;
	font-size:22px;
	line-height:40px;
	padding-top:3px;
}
p.desc_content {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
.box-image {
	opacity:1;
	transition: opacity 400ms ease 0s;
}
.box-image:hover {
	opacity:0.7;
}

/*------ BOOK NOW -----------*/
.booknow {
	background:#b8ac86;
	border-radius: 7px;
	padding:30px;
}
p.book-upper {
	color:#272626;
	text-transform:uppercase;
	font-size:20px;
	font-weight:500;
	text-shadow:1px 1px rgba(255, 255, 255, 0.6);
}
p.book-upper a {
	text-shadow: none;
	font-size:20px;
	font-weight:600;
}
p.book-low {
	color:#fff;
	font-size:16px;
	text-shadow:1px 1px rgba(0, 0, 0, 0.2);
}

/*------ FOOTER -----------*/
#sp-footer {
	background:#262626;
	padding:10px 0;
}
#sp-bottom.bottom-luna {
	padding:40px 0;
	color:#fff;
}
ul.footer-link {
	list-style-type:none;
}
.sp-module ul > li {
	border-bottom:none;
}
.bottom-luna ul li a {
	color:#fff;
}
.bottom-luna ul > li > a::before {
	content:"";
}
#sp-bottom .sp-module h3.sp-module-title {
	font-weight:600;
	font-size:15px;
	text-transform:uppercase;
}


/*------ ARTICLES -----------*/
img.cover {
	margin:0 auto;
	width:100%;
}
.sp-page-title {
	position:absolute;
	background:transparent;
	bottom:25%;
	left:0;
	width:100%;
}
.sp-page-title h2 {
	font-size:28px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
.sp-page-title h3 {
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
}
#sp-title .sp-module {
	margin-top:-1px;
}
.outer-article {
	background:#dbd2ce;
	padding:40px;
	border-radius:10px;
}
.page-header h1 {
	font-size:27px;
	font-weight:600;
}

/*------- Gallery ------*/
ul.sigProElegant li.sigProThumb a.sigProLink:hover {
	background-color:#f4f2ed;
	border:1px solid #f4f2ed;
}
ul.sigProElegant li.sigProThumb a.sigProLink {
	background-color:#f4f2ed;
	border:none;
	margin:0px;
}

/*----- HACKS ------*/
body.com-phocapanorama .sp-page-title {
	position:relative;
	background:transparent;
	bottom:25%;
	left:0;
	width:100%;
}
body.com-phocapanorama .sp-page-title h2 {
	font-size:28px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#535353;
}
/*#sp-menu .sp-megamenu-parent > li:first-child 
   { 
   display: none; 
}*/


@media only screen and (max-width: 768px) {
#sp-top1 {
	display:none;
}
.welcome-inner {
	margin-top:-50px;
}
} 
@media only screen and (max-width: 1024px) {
.sp-megamenu-parent {display:none;}
.visible-xs {display:block!important;}
.customtop-message p {
	font-size:10px;
}
} 
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.sp-megamenu-parent > li > a {
	font-size:10px;
	padding:0 10px;
}
.customtop-message p {
	font-size:10px;
}
}