html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; 
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

a {
    text-decoration: none
}

a,
li a,
#aboutparga-keimeno a,
#aboutparga-keimeno a::before,
#aboutelittop-keimeno a,
#aboutelittop-keimeno a::before,
#totextnext a,
#totextnext a::before,
#book-button,
.thevillas-keimeno a,
.thevillas-keimeno a::before,
.book-buttonvillas {
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s
}

img,
video {
    max-width: 100%;
    vertical-align: middle
}



html {
    font-size: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif!important;

  scroll-behavior: smooth;

}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif!important;
    font-size: 100%;
    line-height: 1
}

img {
    -ms-interpolation-mode: bicubic
}

body,
p {
    font-family: Roboto
}

p {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif!important;
    line-height: 29px;
    font-weight: 300!important
}

.tanea p {
    line-height: 16px;
    color: #666;
    font-size: 12px;
    font-family: 'Roboto', sans-serif!important
}

.wpb_wrapper p ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.wpb_wrapper p li {
    padding-left: 16px;
    font-size: 14px
}

.wpb_wrapper p li:before {
    content: "•";
    padding-right: 8px;
    padding-left: 16px;
    font-size: 20px;
    color: #555
}

.page-id-34 #breadholder {
    display: none
}

.page-id-584 #breadholder {
    display: none
}

.page-id-2 #breadholder {
    display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif
}

h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 33px
}

h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 21px
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 16px!important
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 400;
    margin-top: .2rem;
    margin-bottom: .5rem
}

hr {
    border: solid #DDD;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #555333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    padding: .125rem .3125rem .0625rem
}

ul,
ol,
dl {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem
}

ul {
    margin-left: 1.1rem
}

ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}

ol {
    margin-left: 1.4rem
}

ol li ul,
ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

.no-bullet {
    list-style-type: none;
    margin-left: 0
}

.no-bullet li ul,
.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

dl dd {
    margin-bottom: .75rem
}



.pagewrap {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
    position: relative
}

.pagewrappadding {
    padding: 0 80px 0 80px;
    position: relative;
	background:#000;
}



.pagewrapmesa {
   width: 65%;
   margin:0 auto;
    position: relative;
	background:#000;
}
.pagewrapmesaselides {
   width: 59%;
   margin:0 auto;
   padding:120px 0 120px 0;
    position: relative;
	background:#fff;
}
.pagewrapmesaselidesrooms {
   width: 70%;
   margin:0 auto;
   padding:120px 0 120px 0;
    position: relative;
	background:#fff;
}

#areaholder {width:100%;position:relative;background:#fee8d0;}
#areaholder .pagewrapmesaselides{position:relative;background:#fee8d0!important;}

#toperiexomeno {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 0 0 0
}

#toperiexomeno ul {
    list-style-type: circle!important
}

.menuholder {
    position:relative;
	width:100%;
	background:#000;
	padding-top:24px;
	padding-bottom:24px;
}
.menuholder2 {
    position:relative;
	width:100%;
	background:#000;
	padding-top:24px;
	padding-bottom:24px;
	display:none;
}
.cosiness {position:relative; 	width:100%;text-align:center;font-size:18px;padding-top:42px;color:#fff;	padding-bottom:42px;}
.tosticky {
    background: #000!important;
    position: fixed!important;
	z-index:90;
}
a {color:#000;}

#logo {
    position:relative;
	width:70%;
	float:left;
	text-align:center;
}

#logo img {width:235px;}
#booknow {
    width:15%;
	float:right;
    padding: 0 0 0 0;
    display: block;
    position: relative;
    color: #fff;
    font-weight: 500;
    text-align: right;
    font-size: 16px;
	line-height:35px;
}
#tomenou {
	position:relative;
	width:15%;
	float:left;
	
}







.button_container {
    position: relative!important;
    width: 84px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
	height:35px;
    z-index: 100;
    transition: opacity .25s ease
}

.button_container:hover {
    opacity: 1
}

.button_container.active .top {
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    transform: translateY(10px) translateX(0) rotate(45deg);
    background: #fff;
	width:30px;
}

.button_container.active .middle {
    opacity: 0;
    background: #fff
}

.button_container.active .bottom {
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    background: #fff
}

.button_container span {
    background: #fff;
    border: none;
    height: 2px;
    width: 0px;
    position: absolute;
    top: 7px;
    left: 0px;
    transition: all .35s ease;
    cursor: pointer
}

.button_container span:nth-of-type(2) {
    top: 17px;
	width:15px;
}
.button_container:hover span:nth-of-type(2) {
    top: 17px;
	width:30px;
}




@media only screen and (max-width:612px) and (min-width:280px) {
#logo {
    position:relative;
	width:100%;
	float:none;
	text-align:center;
}
#logo img {width:190px;margin-top:4px;}
#booknow {
    width:70px;
	position:absolute;
	top:7px;
	right:10px;
	float:none;
    padding: 0 0 0 0;
    display: block;
    color: #fff;
    font-weight: 500;
    text-align: right;
    font-size: 13px;
	line-height:18px;
}#booknow span {display:none;}
#tomenou {
	position:absolute;
	width:55px;
	top:-4px;
	left:10px;
	
}
.kinitooxi {display:none;}
.button_container {
    position: relative!important;
    width: 55px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
	height:35px;
    z-index: 100;
    transition: opacity .25s ease
}

}



.button_container span:nth-of-type(3) {
    top: 27px;
	width:30px;
}


 .plirofories {color:#fff;font-size:14px;border-top:1px solid #fff;padding-top:20px;margin-top:100px;position:relative;display:block; opacity: 0;}
.overlay.open .plirofories{-webkit-animation: fadeInUp 1s ease forwards;
    animation: fadeInUp 1s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s}

.plirofories a {color:#fff;font-size:13px;}
.plirofories2 {float:right;width:90px;}
.plirofories2 a {background:#fff;border-radius:50%!important;padding:5px 8px!important;text-align:center!important;color:#000!important;}
.plirofories2 a i {color:#000!important;}
.plirofories2 a:hover {background:#fff;border-radius:0%!important;}


.overlay {
    position: fixed;
    background: #000!important;
    top: 0;
    left: 0;
    right: 0;
 opacity: 0;
    visibility: hidden;
    height: 0%;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    z-index: 99
}

.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%
}

.overlay.open li {
    -webkit-animation: fadeInUp 1s ease forwards;
    animation: fadeInUp 1s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .40s;
    animation-delay: .40s
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .60s;
    animation-delay: .60s
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .70s;
    animation-delay: .70s
}

.overlay.open li:nth-of-type(5) {
    -webkit-animation-delay: .90s;
    animation-delay: .90s
}

.overlay.open li:nth-of-type(6) {
    -webkit-animation-delay: 1.10s;
    animation-delay: 1.10s
}
.overlay.open li:nth-of-type(7) {
    -webkit-animation-delay: 1.30s;
    animation-delay: 1.30s
}
.overlay.open li:nth-of-type(8) {
    -webkit-animation-delay: 1.50s;
    animation-delay: 1.50s
}
.overlay.open .plirofories {
    -webkit-animation-delay: 1.65s;
    animation-delay: 1.65s
}
.overlay nav {
    position: relative;
   
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: left;

	max-width:817px;
	 margin:15% auto 0 auto;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    position: relative
}

.overlay ul li {
    display: inline-block;
    min-height: 50px;
    position: relative;
    opacity: 0;
padding-right:30px;
}
.overlay ul li:nth-of-type(8) {
   padding-right:0px;
}
.overlay ul li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif!important;
    padding-left: 0px
}

.overlay ul li a:hover {
    color: #888
}

.toggle2 {
    padding-left: 50px
}

.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -15px;
    width: 0;
    height: 1px;
    background: #fff;
    transition: .35s
}

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -15px;
    width: 20px;
    height: 1px;
    background: #fff;
    transition: .35s
}
.overlay ul li.active a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -15px;
    width: 20px;
    height: 1px;
    background: #fff;
    transition: .35s
}

.overlay ul li ul li {
    display: block!important;
    position: relative!important;
    color: #999!important;
    font-size: 20px!important;
    text-decoration: none;
    font-family: 'Roboto', sans-serif!important;
    padding-left: 100px!important
}

.overlay ul li ul li a {
    font-size: 19px!important;
    padding-left: 50px
}

.overlay ul li ul li a:before {
    content: '';
    position: absolute;
    bottom: 10px!important;
    left: -15px!important;
    width: 50px!important;
    height: 1px!important;
    background: #86764f;
    transition: .35s
}

.overlay ul li ul li a:hover:before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: -15px;
    width: 50px!important;
    height: 1px;
    background: #86764f;
    transition: .35s
}

.overlay ul li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 300px;
    width: 300px
}

.overlay ul li a:hover ul {
    display: block!important
}


@media only screen and (max-width:1474px) and (min-width:1240px) {

.overlay nav {
    position: relative;
  
	max-width:817px;
	 margin:18% auto 0 auto;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: left
}
}


@media only screen and (max-width:1239px) and (min-width:1080px) {

.overlay nav {
   
	max-width:705px;
	 margin:15% auto 0 auto;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;

}
.overlay ul li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif!important;
    padding-left: 0px
}
}

@media only screen and (max-width:1079px) and (min-width:900px) {

.overlay nav {
 
	max-width:535px;
	 margin:20% auto 0 auto;
    font-size: 26px;
    font-family: 'Roboto', sans-serif;

}
.overlay ul li {
    display: inline-block;
    min-height: 50px;
    position: relative;
    opacity: 0;
    padding-right: 15px;
}
.overlay ul li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif!important;
    padding-left: 0px
}
}



@media only screen and (max-width:900px) and (min-width:280px) {

.overlay nav {

	max-width:300px;
	 margin:25% auto 0 auto;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;

}

.overlay ul li {
    display: block;
    min-height: 20px;
    position: relative;
    opacity: 0;
padding-right:20px;
}
.overlay ul li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif!important;
    padding-left: 0px;
	margin-bottom: 10px;
	width:70%;
	}
	
	
.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: -15px;
    width: 0;
    height: 1px;
    background: #fff;
    transition: .35s
}

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: -15px;
    width: 20px;
    height: 1px;
    background: #fff;
    transition: .35s
}
.overlay ul li.active a:after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: -15px;
    width: 20px;
    height: 1px;
    background: #fff;
    transition: .35s
}
	
.plirofories {margin-top:50px;}
	.plirofories2 {
    float: none;display:block;
    width: 110px;margin-top:25px;
}
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        top: -20%
    }
    100% {
        opacity: 1;
        top: 0
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        top: -20%
    }
    100% {
        opacity: 1;
        top: 0
    }
}

#socc {
    position: absolute;
    top: 10px;
    right: 20px
}











.slider{
  width:50vw;
  height:100vh;
  position:fixed;
  top:0;
}

#display{
  right:0;
  background-color:black;
  transition:right 0.5s ease;
  z-index:3
}
#secondDisplay{
  right:50vw;
  background-color:rgba(255, 255, 255, 0);
  transition:right 1.5s ease;
  z-index:2
}
#display.hide,#secondDisplay.hide{
  right:-50vw;
  transition:right 0.5s ease;
}





@media only screen and (max-width:712px) and (min-width:280px) {
	
	.slider{
  width:80vw;
  height:100vh;
  position:fixed;
  top:0;
}

#display{
  right:0;
  background-color:black;
  transition:right 0.5s ease;
  z-index:3
}
#secondDisplay{
  right:20vw;
    background-color:rgba(255, 255, 255, 0);
  transition:right 1.5s ease;
  z-index:2
}
#display.hide,#secondDisplay.hide{
  right:-80vw;
  transition:right 0.5s ease;
}

}




#foot {
    background: #000;
    padding: 150px 0 150px 0;
    color: #fff;position:relative;
}

#footleft {width:205px;float:left;}
#booknow2 {
    padding: 0 0 0 0;
    display: block;
    position: relative;
    color: #fff!important;
    font-weight: 700!important;
    text-align: left;
    font-size: 16px;
	line-height:35px;
	margin:35px 0 0 0;
	text-align:center!important;
}
#footright {width:570px;float:right;text-align:right!important;}



#footdata {
    width: 100%;
    position: relative;
    padding: 0 0 80px 0
}

#footdata2 {
    width: 100%;
    position: relative;
    padding: 60px 0 40px 0
}

#foot .col {
    width: 100%;
	margin-bottom:44px;
}

#text-5 .col {
    text-align: center
}

#foot .col h1,
.col h2,
.col h3,
.col h4 {
    font-size: 24px!important;
    padding-bottom: 45px;
    color: #fff;
    font-weight: 300!important
}

#foot .col a {
    color: #fff!important;
    font-weight: 300
}

#foot .col a:hover {
    color: #aaaaaa!important
}


#nav_menu-2 ul { 
    float: right;
}

#nav_menu-2 ul li { 
    float: left;padding-right:25px!important;
}
#nav_menu-2 ul li:last-child { 
    float: left;padding-right:0px!important;
}
#nav_menu-2 ul li a {font-size:14px!important;font-weight:700!important;}

#custom_html-5 a {background:#fff;border-radius:50%!important;padding:5px 8px!important;text-align:center!important;color:#000!important;}
#custom_html-5 a em {color:#000!important;}
#custom_html-5 a:hover {background:#fff;border-radius:0%!important;}

#copy1 {
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0;
    text-align: right;
    color: #fff;
	margin-top:40px;
}


#copy1 a {
    color: #fff!important
}

#copy1 a:hover {
    color: #aaaaaa!important
}

#copy1mob {
    display: none;
    width: 50%;
    float: left;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0;
    text-align: left;
    color: #000;
    line-height: 40px!important
}

.tovelos {
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 32px;
   background:#000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
	display:none;
}

.tovelos:hover {
    line-height: 32px; border-radius: 0%;
    
}

.wpml-ls-legacy-list-horizontal {
    padding: 0 0 0 0!important
}

.wpml-ls-legacy-list-horizontal ul {
    line-height: 10px!important
}

.wpml-ls-legacy-list-horizontal ul li {
    font-size: 13px!important;
    color: #0a1971!important;
    text-transform: uppercase!important;
    padding: 0 3px 0 0px!important
}

.wpml-ls-legacy-list-horizontal ul li:last-child {
    font-size: 13px!important;
    color: #0a1971!important;
    text-transform: uppercase!important;
    padding: 0 0 0 3px!important
}

.wpml-ls-legacy-list-horizontal ul li a {
    font-size: 16px!important;
    font-weight: 700!important;
    color: #666!important;
    text-transform: uppercase!important;
    padding: 5px!important;
    background: #fff!important;
    border-radius: 0;
    font-family: 'Roboto', sans-serif!important
}

.wpml-ls-legacy-list-horizontal ul li a:hover {
    background: #86764f!important;
    color: #fff!important;
}

.wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
    font-size: 13px!important;
    color: #333!important;
    background: #f0f5f7!important;
    padding: 5px!important;
    border-radius: 50%
}

#stoixeiabanner {
    position: absolute;
    top: 30%;
    width: 100%
}

.theban {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    z-index: 9
}

#stoixeiabanner2 {
    position: absolute;
    bottom: 40px;
    width: 100%
}

#titlos {
    color: #0A1971;
    font-size: 30px;
    font-family: 'Roboto', sans-serif!important;
    text-shadow: 1px 2px 3px #666;
    font-weight: 700;
    text-align: left
}

#titlos2 {
    color: #0A1971;
    font-size: 30px;
    font-family: 'Roboto', sans-serif!important;
    text-shadow: 1px 2px 3px #666;
    font-weight: 700;
    text-align: left
}

#breadholder {
    text-align: left;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 700;
    width: 100%;
    margin: 0 auto;
    padding: 9px 0 0 0
}

.breadcrumbs {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center
}

.breadcrumbs a {
    color: #0cc;
    line-height: 27px
}

.breadcrumbs a:hover {
    color: #333
}

@media only screen and (min-width:1267px) {
    .breadcrumbs {
        position: absolute;
        bottom: 45%;
        left: 0;
        width: 100%;
        text-align: center
    }
}



#inner-periexomeno {
    width: 100%;
    background: #fff;
    position: relative;
    padding: 65% 0 20px 0
}

#inner-periexomeno2 {
    width: 100%;
    background: #fff;
    position: relative;
    padding: 65% 0 20px 0
}

#inner-periexomenovilla {
    width: 100%;
    position: relative;
    padding: 65% 0 20px 0;
    background: #fff
}

#inner-periexomeno-index {
    width: 100%;
    background: #f0f5f7;
    position: relative;
    padding: 0 0 100px 0
}

#inner-periexomeno-index .breadcrumbs {
    color: #333;
    padding: 35px 0 0 0;
    margin: 0 0 0 0;
    font-size: 16px
}

#inner-periexomeno-index2 {
    width: 100%;
    background: #f0f5f7;
    position: relative;
    padding: 0 0 50px 0
}

#inner-gri {
    width: 100%;
    background: #f0f5f7;
    position: relative;
    padding: 0 0 90px 0
}

#inner-gri .breadcrumbs {
    margin: 0 0 0 0!important;
    padding: 48px 0px!important
}

#inner-white {
    width: 100%;
    background: #fff;
    position: relative;
    padding: 90px 0 90px 0
}

#selides {
    background: #fff;
    width: 100%;
    margin: 140px 0 100px 0
}

#selides .screen-reader-text {
    display: none
}

.nav-links {
    padding: 16px 0 16px;
    position: relative;
    text-align: center
}

.meta-nav {
    display: none
}

.page-numbers {
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: center
}

.current2 {
    padding: 4px 10px;
    border-radius: 50%;
    background: #0cc;
    color: #fff
}

.page-numbers:hover {
    padding: 4px 10px;
    border-radius: 50%;
    background: #0cc;
    color: #fff
}

.next {
    position: absolute;
    border-left: 1px solid #ccc;
    right: 0;
    top: 13px;
    background: transparent url(images/sign1.png) no-repeat 210px 0;
    padding: 3px 80px 6px 90px!important;
    border-radius: 0%!important
}

.next:hover {
    position: absolute;
    right: 0;
    top: 13px;
    border-left: 1px solid #ccc;
    background: transparent url(images/sign1.png) no-repeat 215px 0;
    padding: 3px 70px 6px 100px!important;
    border-radius: 0%!important;
    color: #0cc
}

.prev {
    position: absolute;
    border-right: 1px solid #ccc;
    left: 0;
    top: 13px;
    background: transparent url(images/sign2.png) no-repeat 29px 0;
    padding: 3px 80px 6px 90px!important;
    border-radius: 0%!important
}

.prev:hover {
    position: absolute;
    left: 0;
    top: 13px;
    border-right: 1px solid #ccc;
    background: transparent url(images/sign2.png) no-repeat 24px 0;
    padding: 3px 90px 6px 80px!important;
    border-radius: 0%!important;
    color: #0cc
}

#epikoinonialeft {
    WIDTH: 50%;
    float: left
}

.xartis {
    width: 100%
}

.xartis2 {
    width: 100%;
    margin-right: 0;
}

#epikoinoniaright {
    WIDTH: 50%;
    float: right
}


.cont1 {font-weight:900;font-size:16px;}
.cont2 {font-weight:900;font-size:34px;padding:20px 0 36px 0;}
.cont3 p {font-weight:500;font-size:16px;font-family:'Courier Prime', monospace!important;}



.keimeno1cv {max-width:490px;margin:0 auto;font-weight:900;font-size:48px;text-align:center;}
.keimeno2cv {max-width:490px;margin:0 auto;font-weight:400;font-size:24px;padding:15px 0 36px 0;text-transform:uppercase;text-align:center;}
.keimeno3cv {margin:40px auto 40px auto;}
.keimeno3cv p {max-width:690px;margin:0 auto;font-weight:400;font-size:16px;line-height:24px;font-family:'Courier Prime', monospace!important;text-align:justify;}


.keimeno1 {max-width:490px;margin:0 auto;font-weight:900;font-size:48px;text-align:center;}
.keimeno2 {max-width:490px;margin:0 auto;font-weight:400;font-size:18px;padding:15px 0 36px 0;text-transform:uppercase;text-align:center;}
.keimeno3 {margin:0 auto 40px auto;}
.keimeno3 p {max-width:490px;margin:0 auto;font-weight:400;font-size:16px;line-height:24px;font-family:'Courier Prime', monospace!important;text-align:center;}
.keimeno4  {max-width:490px;margin:0 auto;text-align:center;}

#roomleft {width:70%;float:left;}
.keimenoroom1 {font-weight:900;font-size:16px;text-align:left;padding:0px 0 17px 0;}
.keimenoroom2 {margin:0 auto;font-weight:900;font-size:36px;text-transform:uppercase;text-align:left;margin-bottom:32px;}
.keimenoroom2b {margin:0 auto;font-weight:900;font-size:21px;text-transform:uppercase;text-align:left;margin-bottom:50px;}
.keimenoroom3 {margin:0 0 0 0;max-width:360px;}
.keimenoroom3 p {width:100%;margin:0 auto;font-weight:500;font-size:16px;font-family:'Courier Prime', monospace!important;text-align:justify;line-height:24px;}

.tokoumpi {border:2px solid #fee8d0;padding:10px 20px;}
.tokoumpi:hover {border:2px solid #000;padding:10px 20px;}


#roomright {width:30%;float:right;text-align:right;font-size:132px;font-weight:900;}

#facilities {width:100px;float:left;font-size:18px;font-weight:700;cursor:pointer;}
#facilitiestext {padding:0px 0 0 0;color:#000;font-size:16px;line-height:24px;font-family:'Courier Prime', monospace!important;display:none;}
#facilitiestext ul {list-style-type:circle;list-style-position:inside;}

#bookbutton {width:168px;float:right;text-align:right;}
#bookbutton a {border:4px solid #000;padding:16px 37px;background:#000;color:#fff;font-size:16px;text-align:center;font-weight:700;transition: all 0.4s;    -moz-transition: all 0.4s;    -webkit-transition: all 0.4s;    -o-transition: all 0.4s}
#bookbutton a:hover {background:#fff;color:#000;}

.epikoinonia-tmima1 {
    WIDTH: 40%;
    float: left
}

.epikoinonia-tmima2 {
    WIDTH: 30%;
    float: left
}

.epikoinonia-tmima3 {
    WIDTH: 30%;
    float: left
}

.su-accordion {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

.su-spoiler-title {
    color: #0CC
}

table {
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

table th,
table td {
    padding: 10px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle
}

table th {
    font-weight: 700;
    background: #f9f9f9;
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .04)
}

table th.clear {
    border: 0;
    background: none
}

table tr:first-child td {
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .06)
}

table tr:nth-child(2n) td {
    background: rgba(0, 0, 0, .01)
}

.iframeformas {
    width: 100%;
    height: 650px;
    border: none
}

.clear90 {
    clear: both;
    height: 90px
}

.fb {
    padding: 12px 15px;
    text-align: center;
    color: #fff;
    background: blue;
    font-size: 12px;
    border-radius: 4px
}

.fb i {
    font-size: 16px;
    padding-right: 15px
}

.fb:hover {
    background: #111
}

.ins {
    padding: 12px 15px;
    text-align: center;
    color: #fff;
    background: #F46300;
    font-size: 12px;
    border-radius: 4px
}

.ins i {
    font-size: 16px;
    padding-right: 15px
}

.ins:hover {
    background: #111
}

.wpcf7-form {
    position: relative!important;
    margin-top: 47px;
    width: 450px!important
}

.wpcf7-form label {
    font-size: 16px;
    color: #1459F9!important;
    padding: 5px;
    display: block!important
}

.wpcf7-form input {
    font-size: 17px;
    color: #1459F9!important;
    padding: 10px;
    width: 50%!important;
    float: left!important
}

.wpcf7-form .wpcf7-submit {
    margin-top: 1px;
    border: none!important;
    float: left!important;
    width: 30%!important;
    font-size: 18px!important;
    line-height: 1.4!important;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 400!important;
    text-align: center!important;
    padding: 8px 14px!important;
    background: #EF7922!important;
    color: #fff!important;
    cursor: pointer!important
}

.wpcf7-submit:hover {
    background: #111!important;
    color: #fff!important
}

.fb2 {
    display: block;
    padding: 12px 15px;
    text-align: center;
    color: #fff;
    background: blue;
    font-size: 12px;
    border-radius: 4px
}

.fb2 i {
    font-size: 16px;
    padding-right: 15px
}

.fb2:hover {
    background: #111
}

.ins2 {
    display: block;
    padding: 12px 15px;
    text-align: center;
    color: #fff;
    background: #F46300;
    font-size: 12px;
    border-radius: 4px
}

.ins2 i {
    font-size: 16px;
    padding-right: 15px
}

.ins2:hover {
    background: #111
}

#image2 {
    background: yellow;
    width: 100px;
    height: 100px;
    left: 60%;
    top: 29px;
    position: absolute
}

#menumob {
    display: none
}

#tasocial {
    text-align: center
}

#tasocial a {
    color: #0a1971;
    font-size: 22px;
    padding: 4px 7px
}

#tasocial a:hover {
    color: #111
}

.toslogan2 {
    padding: 90px 50px 0 130px
}

.wpb_content_element {
    margin-bottom: 0px!important
}

.wpb_gmaps_widget .wpb_wrapper {
    background-color: #f7f7f7;
    padding: 0px!important
}

#contctdetailsmob {
    display: none
}

.footkrimmeno {
    display: none
}

.footkrimmenokinita {
    display: block
}

#contctdetails {
    position: absolute;
    bottom: 57px;
    left: 0;
    width: 100%
}

.pagewrapcont {
    max-width: 1440px;
    margin: 0 auto;
    background: #fff;
    padding: 19px 40px 25px 40px;
    position: relative
}

.pagewrapcont span {
    padding: 36px 40px;
    border-right: 1px solid #d7d7d7;
    display: inline-block
}

.pagewrapcont span a {
    color: #000
}

.pagewrapcont span a:hover {
    color: #86764f
}

.last {
    float: right;
    font-size: 28px;
    color: #000;
    border-right: none!important;
    padding-right: 0
}

.first {
    padding: 36px 30px 36px 30px;
    font-size: 24px;
    color: #000;
    border: none!important;
    font-weight: 700
}

.mesinoro {
    width: 220px;
    float: right;
    text-align: right;
    background: #fff;
    position: absolute;
    bottom: -5px;
    right: 0;
    line-height: 35px
}

#instafeed {
    width: 80%;
    border-bottom: 1px solid #999;
    margin: 0 auto 95px auto;
    position: relative
}

#instafeed a {
    color: #333
}

#instafeed a:hover {
    color: #86764f
}

#thefeed {
    padding-left: 7%;
    margin-bottom: 90px
}



.clear170 {
    clear: both;
    height: 170px
}

.clear200 {
    clear: both;
    height: 220px
}

.clear100 {
    clear: both;
    height: 120px
}


#lineinside {
    height: 1px;
    width: 32%;
    background: #333;
    position: absolute;
    top: 260px;
    left: 0;
    z-index: 10
}


#photgalleryheaderholder {
    width: 100%;
    position: relative
}

#lineinside2 {
    height: 1px;
    width: 68%;
    background: #999;
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 20
}

.photgalleryheader {
    padding-left: 100px;
    margin-bottom: 80px;
    letter-spacing: 1px;
    font-weight: 300
}

#brdholder {
    font-size: 12px;
    color: #666;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    margin-bottom: 110px
}

#brdholder a {
    font-size: 12px;
    color: #666;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: underline
}

#brdholder a:hover {
    text-decoration: none
}

#lineinside3 {
    height: 1px;
    width: 60%;
    background: #999;
    position: absolute;
    top: 9px;
    right: 0;
    z-index: 20
}





.theroom {
  float:left;width:46%;position:relative;margin-bottom:70px;
}
.theroom:nth-child(2n+2) {
  float:right;width:46%;position:relative;padding-top:120px;margin-bottom:70px;
}


.theroominner {padding:0 10%;position:relative;margin:0 auto;}

.holder {width:70%;position:relative;margin:0 auto;}
.holder img{
    display: block;
    width: 100%;
    height: auto;
  }
.holder2a {width:70%;position:relative;margin:20px auto 0 auto;font-size:15px;font-weight:700;color:#000;padding:7px 0;}
.holder2b {width:70%;position:relative;margin:0 auto;font-size:16px;font-weight:400;color:#000;padding:15px 0 30px 0;font-family:'Courier Prime', monospace;}
.holder2 {width:70%;position:relative;margin:0 auto;font-size:29px;color:#000;font-weight:700;padding:10px 0;}

.holder3 {width:70%;position:relative;margin:0 auto;font-size:16px;line-height:24px;color:#000;padding:10px 0; font-family:'Courier Prime', monospace;}
.holder4 {width:90%;position:absolute;top:24%;left:5%;font-size:142px;text-align:center;color:#000;z-index:8;font-weight:700;}
.holder5 {width:71%;position:absolute;top:26%;height:20%;background: rgba(254, 232, 208, 0.5);z-index:9; }



.vertical-border 
{
width:80%;
position:absolute;top:24%;height:20%;background: rgba(255, 204, 153, 0.5);z-index:9;
}
[data-aos="verticalb"] {
width:0;
transition-property: width;
}

[data-aos="verticalb"].aos-animate {
width:80%;
}




@media only screen and (max-width:1481px) and (min-width:1080px) {
	.pagewrapmesaselidesrooms {
   width: 90%;
   margin:0 auto;
   padding:120px 0 120px 0;
    position: relative;
	background:#fff;
}
.theroom {
  float:left;width:46%;position:relative;margin-bottom:70px;
}
.theroom:nth-child(2n+2) {
  float:right;width:46%;position:relative;padding-top:120px;margin-bottom:70px;
}


.theroominner {padding:0 10%;position:relative;margin:0 auto;}

.holder {width:70%;position:relative;margin:0 auto;}
.holder img{
    display: block;
    width: 100%;
    height: auto;
  }
  .holder2a {width:70%;position:relative;margin:20px auto 0 auto;font-size:15px;font-weight:700;color:#000;padding:7px 0;}
.holder2b {width:70%;position:relative;margin:0 auto;font-size:16px;font-weight:400;color:#000;padding:15px 0 30px 0;font-family:'Courier Prime', monospace;}
.holder2 {width:70%;position:relative;margin:0 auto;font-size:24px;color:#000;font-weight:700;padding:10px 0;}
.holder3 {width:70%;position:relative;margin:0 auto;font-size:18px;line-height:24px;color:#000;padding:10px 0;}
.holder4 {width:90%;position:absolute;top:24%;left:5%;font-size:125px;text-align:center;color:#000;z-index:8;font-weight:700;}
.holder5 {width:71%;position:absolute;top:26%;height:20%;background: rgba(254, 232, 208, 0.5);z-index:9; }



.vertical-border 
{
width:80%;
position:absolute;top:22%;height:20%;background: rgba(255, 204, 153, 0.5);z-index:9;
}
[data-aos="verticalb"] {
width:0;
transition-property: width;
}

[data-aos="verticalb"].aos-animate {
width:80%;
}


}








@media only screen and (max-width:1079px) and (min-width:910px) {
	.pagewrapmesaselidesrooms {
   width: 90%;
   margin:0 auto;
   padding:120px 0 120px 0;
    position: relative;
	background:#fff;
}
.theroom {
  float:left;width:46%;position:relative;margin-bottom:70px;
}
.theroom:nth-child(2n+2) {
  float:right;width:46%;position:relative;padding-top:120px;margin-bottom:70px;
}


.theroominner {padding:0 10%;position:relative;margin:0 auto;}

.holder {width:70%;position:relative;margin:0 auto;}
.holder img{
    display: block;
    width: 100%;
    height: auto;
  }
  .holder2a {width:70%;position:relative;margin:20px auto 0 auto;font-size:15px;font-weight:700;color:#000;padding:7px 0;}
.holder2b {width:70%;position:relative;margin:0 auto;font-size:16px;font-weight:400;color:#000;padding:15px 0 30px 0;font-family:'Courier Prime', monospace;}
.holder2 {width:70%;position:relative;margin:0 auto;font-size:20px!important;font-weight:700;color:#000;padding:10px 0;}
.holder3 {width:70%;position:relative;margin:0 auto;font-size:14px!important;line-height:24px;color:#000;padding:10px 0;}
.holder3 p {font-size:14px;}
.holder4 {width:90%;position:absolute;top:24%;left:5%;font-size:90px;text-align:center;color:#000;z-index:8;font-weight:700;}
.holder5 {width:71%;position:absolute;top:26%;height:15%;background: rgba(254, 232, 208, 0.5);z-index:9; }



.vertical-border 
{
width:80%;
position:absolute;top:22%;height:15%;background: rgba(255, 204, 153, 0.5);z-index:9;
}
[data-aos="verticalb"] {
width:0;
transition-property: width;
}

[data-aos="verticalb"].aos-animate {
width:80%;
}

}




@media only screen and (max-width:909px) and (min-width:790px) {
	.pagewrapmesaselidesrooms {
   width: 90%;
   margin:0 auto;
   padding:120px 0 120px 0;
    position: relative;
	background:#fff;
}
.theroom {
  float:left;width:46%;position:relative;margin-bottom:70px;
}
.theroom:nth-child(2n+2) {
  float:right;width:46%;position:relative;padding-top:120px;margin-bottom:70px;
}


.theroominner {padding:0 10%;position:relative;margin:0 auto;}

.holder {width:70%;position:relative;margin:0 auto;}
.holder img{
    display: block;
    width: 100%;
    height: auto;
  }
  .holder2a {width:70%;position:relative;margin:20px auto 0 auto;font-size:15px;font-weight:700;color:#000;padding:7px 0;}
.holder2b {width:70%;position:relative;margin:0 auto;font-size:16px;font-weight:400;color:#000;padding:15px 0 30px 0;font-family:'Courier Prime', monospace;}
.holder2 {width:70%;position:relative;margin:0 auto;font-size:20px!important;font-weight:700;color:#000;padding:10px 0;}
.holder3 {width:70%;position:relative;margin:0 auto;font-size:12px!important;line-height:24px;color:#000;padding:10px 0;}
.holder3 p {font-size:12px;}
.holder4 {width:90%;position:absolute;top:18%;left:5%;font-size:90px;text-align:center;color:#000;z-index:8;font-weight:700;}
.holder5 {width:71%;position:absolute;top:26%;height:15%;background: rgba(254, 232, 208, 0.5);z-index:9; }



.vertical-border 
{
width:80%;
position:absolute;top:18%;height:15%;background: rgba(255, 204, 153, 0.5);z-index:9;
}
[data-aos="verticalb"] {
width:0;
transition-property: width;
}

[data-aos="verticalb"].aos-animate {
width:80%;
}

}


@media only screen and (max-width:789px) and (min-width:641px) {
	.pagewrapmesaselidesrooms {
   width: 90%;
   margin:0 auto;
   padding:120px 0 120px 0;
    position: relative;
	background:#fff;
}
.theroom {
  float:none;width:95%;position:relative;margin:0 auto 70px auto;
}
.theroom:nth-child(2n+2) {
  float:none;width:95%;position:relative;padding-top:0px;margin:0 auto 70px auto;
}


.theroominner {padding:0 10%;position:relative;margin:0 auto;}

.holder {width:70%;position:relative;margin:0 auto;}
.holder img{
    display: block;
    width: 100%;
    height: auto;
  }
  .holder2a {width:70%;position:relative;margin:20px auto 0 auto;font-size:15px;font-weight:700;color:#000;padding:7px 0;}
.holder2b {width:70%;position:relative;margin:0 auto;font-size:16px;font-weight:400;color:#000;padding:15px 0 30px 0;font-family:'Courier Prime', monospace;}
.holder2 {width:70%;position:relative;margin:0 auto;font-size:23px!important;font-weight:700;color:#000;padding:10px 0;}
.holder3 {width:70%;position:relative;margin:0 auto;font-size:16px!important;line-height:24px;color:#000;padding:10px 0;}
.holder3 p {font-size:12px;}
.holder4 {width:90%;position:absolute;top:31%;left:5%;font-size:100px;text-align:center;color:#000;z-index:8;font-weight:700;}
.holder5 {width:71%;position:absolute;top:26%;height:15%;background: rgba(254, 232, 208, 0.5);z-index:9; }



.vertical-border 
{
width:80%;
position:absolute;top:29%;height:18%;background: rgba(255, 204, 153, 0.5);z-index:9;
}
[data-aos="verticalb"] {
width:0;
transition-property: width;
}

[data-aos="verticalb"].aos-animate {
width:80%;
}

}



@media only screen and (max-width:640px) and (min-width:510px) {
	.pagewrapmesaselidesrooms {
   width: 90%;
   margin:0 auto;
   padding:120px 0 120px 0;
    position: relative;
	background:#fff;
}
.theroom {
  float:none;width:95%;position:relative;margin:0 auto 70px auto;
}
.theroom:nth-child(2n+2) {
  float:none;width:95%;position:relative;padding-top:0px;margin:0 auto 70px auto;
}


.theroominner {padding:0 6%;position:relative;margin:0 auto;}

.holder {width:70%;position:relative;margin:0 auto;}
.holder img{
    display: block;
    width: 100%;
    height: auto;
  }
  .holder2a {width:70%;position:relative;margin:20px auto 0 auto;font-size:15px;font-weight:700;color:#000;padding:7px 0;}
.holder2b {width:70%;position:relative;margin:0 auto;font-size:16px;font-weight:400;color:#000;padding:15px 0 30px 0;font-family:'Courier Prime', monospace;}
.holder2 {width:70%;position:relative;margin:0 auto;font-size:23px!important;font-weight:700;color:#000;padding:10px 0;}
.holder3 {width:70%;position:relative;margin:0 auto;font-size:16px!important;line-height:24px;color:#000;padding:10px 0;}
.holder3 p {font-size:12px;}
.holder4 {width:90%;position:absolute;top:27%;left:3%;font-size:90px;text-align:center;color:#000;z-index:80;font-weight:700;}
.holder5 {width:71%;position:absolute;top:26%;height:15%;background: rgba(254, 232, 208, 0.5);z-index:9; }



.vertical-border 
{
width:88%;
position:absolute;top:23%;height:18%;background: rgba(255, 204, 153, 0.5);z-index:9;
}
[data-aos="verticalb"] {
width:0;
transition-property: width;
}

[data-aos="verticalb"].aos-animate {
width:88%;
}

}






@media only screen and (max-width:509px) and (min-width:280px) {
	.pagewrapmesaselidesrooms {
   width: 90%;
   margin:0 auto;
   padding:120px 0 120px 0;
    position: relative;
	background:#fff;
}
.theroom {
  float:none;width:95%;position:relative;margin:0 auto 70px auto;
}
.theroom:nth-child(2n+2) {
  float:none;width:95%;position:relative;padding-top:0px;margin:0 auto 70px auto;
}


.theroominner {padding:0 6%;position:relative;margin:0 auto;}

.holder {width:70%;position:relative;margin:0 auto;}
.holder img{
    display: block;
    width: 100%;
    height: auto;
  }
  .holder2a {width:70%;position:relative;margin:20px auto 0 auto;font-size:15px;font-weight:700;color:#000;padding:7px 0;}
.holder2b {width:70%;position:relative;margin:0 auto;font-size:16px;font-weight:400;color:#000;padding:15px 0 30px 0;font-family:'Courier Prime', monospace;}
.holder2 {width:70%;position:relative;margin:0 auto;font-size:23px!important;font-weight:700;color:#000;padding:10px 0;}
.holder3 {width:70%;position:relative;margin:0 auto;font-size:16px!important;line-height:20px;color:#000;padding:10px 0;}
.holder3 p {font-size:12px;}
.holder4 {width:90%;position:absolute;top:18%;left:3%;font-size:90px;text-align:center;color:#000;z-index:8;font-weight:700;}
.holder5 {width:71%;position:absolute;top:26%;height:15%;background: rgba(254, 232, 208, 0.5);z-index:9; }



.vertical-border 
{
width:88%;
position:absolute;top:15%;height:18%;background: rgba(255, 204, 153, 0.5);z-index:9;
}
[data-aos="verticalb"] {
width:0;
transition-property: width;
}

[data-aos="verticalb"].aos-animate {
width:88%;
}



#roomleft {width:100%;float:none;}
.keimenoroom2 {max-width:250px;font-weight:900;font-size:34px;text-transform:uppercase;text-align:left;margin:0 0 32px 0;}
#roomright {position:absolute;top:105px;right:0;text-align:right;font-size:132px;font-weight:900;}


}





.col .textwidget p {font-size:12px;color:#fff;text-align:right!important;margin-top:20px;}



@media only screen and (max-width:1140px) and (min-width:750px) {
	

	.pagewrappadding {

    padding: 0 15px 0 15px;
    position: relative;
	background:#000;
}
.pagewrapmesa {
   width: 95%;
   margin:0 auto;
    position: relative;
	background:#000;
}
.pagewrapmesaselides {
   width: 95%;
   margin:0 auto;
   padding:200px 0 120px 0;
    position: relative;
	background:#fff;
}

#footleft {width:205px;float:left;}
#booknow2 {
    padding: 0 0 0 0;
    display: block;
    position: relative;
    color: #fff!important;
    font-weight: 700!important;
    text-align: left;
    font-size: 16px;
	line-height:35px;
	margin:35px 0 0 0;
	text-align:center!important;
}
#footright {width:500px;float:right;text-align:right!important;}


}


@media only screen and (max-width:749px) and (min-width:280px) {

	#foot {
    background: #000;
    padding: 100px 0 50px 0;
    color: #fff;
}
	.pagewrappadding {
 
    padding: 0 15px 0 15px;
    position: relative;
	background:#000;
}
.pagewrapmesa {
   width: 90%;
   margin:0 auto;
    position: relative;
	background:#000;
}
.pagewrapmesaselides {
   width: 90%;
   margin:0 auto;
   padding:90px 0 90px 0;
    position: relative;
	background:#fff;
}

	#footleft {width:100%;float:none;}
#booknow2 {
    padding: 0 0 0 0;
    display: block;
    position: relative;
    color: #fff!important;
    font-weight: 700!important;
    text-align: left;
    font-size: 16px;
	line-height:35px;
	margin:35px 0 0 0;
	text-align:center!important;
}
#footright {width:100%;float:none;text-align:center!important;}
#footright .text-widget {text-align:center;}

#nav_menu-2 ul { 
  width:100%;float:none;margin-left:0px!important;
}

#nav_menu-2 ul li { 
    float: none;padding-right:7px!important;display:inline-block;
}
#nav_menu-2 ul li:last-child { 
    float: none;padding-right:0px!important;display:inline-block;
}
#nav_menu-2 ul li a {font-size:12px!important;font-weight:700!important;}

#custom_html-5 a {background:#fff;border-radius:50%!important;padding:5px 8px!important;text-align:center!important;color:#000!important;}
#custom_html-5 a em {color:#000!important;}
#custom_html-5 a:hover {background:#fff;border-radius:0%!important;}

#copy1 {
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
	margin-top:70px;
}
.col .textwidget p {text-align:center!important;}


#epikoinonialeft {
    WIDTH: 100%;
    float: none;
	margin-bottom:50px;
}

.xartis {
    width: 100%
}

.xartis2 {
    width: 100%;
    margin-right: 0;
}

#epikoinoniaright {
    WIDTH: 100%;
    float: none
}





}



#contentForm {
    width: 98%;
    margin: 0 auto 0 auto
}

#contentForm label {
    color: #333;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 700
}

#contentForm input {
    border-bottom: 1px solid #000;
	border-top:none;border-right:none;border-left:none;
    font-size: 12px!important;
    color: #000;
    font-weight: 400!important;
    padding: 15px 0 15px 2px;
    background: #fff;
   font-family:'Courier Prime', monospace!important;
    width: 100%;
    margin-bottom: 24px
}

#contentForm input:hover {
    border-bottom: 1px solid #ccc;
}

#contentForm input:focus {
   border-bottom: 1px solid #ccc;
}



div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form textarea {
     border-bottom: 1px solid #000!important;
	border-top:none!important;border-right:none!important;border-left:none!important;
    font-size: 12px!important;
    color: #000!important;
    font-weight:400!important;
    padding: 15px 0 15px 2px!important;
    background: #fff!important;
   font-family:'Courier Prime', monospace!important;
    width: 100%!important;
    line-height: 1.3; margin-bottom: 24px!important;
}
 div.wpforms-container-full .wpforms-form select { border-bottom: 1px solid #000!important;
	border-top:none!important;border-right:none!important;border-left:none!important;
    font-size: 12px!important;
    color: #000!important;
    font-weight:400!important;
    
    background: #fff!important;
   font-family:'Courier Prime', monospace!important;
}

 div.wpforms-container-full .wpforms-form select:hover {
  border-bottom: 1px solid #ccc!important;
}
 div.wpforms-container-full .wpforms-form select:focus {
  border-bottom: 1px solid #ccc!important;
}

div.wpforms-container-full .wpforms-form input:hover {
    border-bottom: 1px solid #ccc!important;
}
div.wpforms-container-full .wpforms-form input:focus {
    border-bottom: 1px solid #ccc!important;
}

div.wpforms-container-full .wpforms-form textarea:hover {
    border-bottom: 1px solid #ccc!important;
}
div.wpforms-container-full .wpforms-form textarea:focus {
    border-bottom: 1px solid #ccc!important;
}


#contentForm textarea::placeholder {
    font-size: 12px!important;
    color: #000!important;
    font-weight: 600!important;
   font-family:'Courier Prime', monospace;
}

#contentForm textarea {
    font-size: 18px;
    border-bottom: 1px solid #000;
	border-top:none;border-right:none;border-left:none;
    color: #000;
    padding: 15px 0 15px 2px;
    background: #fff;
    height: 230px;
    width: 100%;
    font-size: 12px!important;
    font-weight: 600!important;
   font-family:'Courier Prime', monospace;
}

#contentForm textarea:hover {
    border-bottom: 1px solid #ccc;
}

#contentForm textarea:focus {
    border-bottom: 1px solid #ccc;
}

#contentForm input.button {
    cursor: pointer;
    width: 180px!important;
    margin: 24px auto!important;
    display: block!important;
    
	 font-family: 'Roboto', sans-serif!important;
    float: none!important;
    border:4px solid #000;padding:16px 20px;background:#000;color:#fff;font-size:17px!important;text-align:center;font-weight:700;transition: all 0.4s;    -moz-transition: all 0.4s;    -webkit-transition: all 0.4s;    -o-transition: all 0.4s
}

#contentForm input.button:hover {
    background:#fff;color:#000;
}


div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	 cursor: pointer!important;
    width: 180px!important;
    margin: 24px auto!important;
    display: block!important;
    
	 font-family: 'Roboto', sans-serif!important;
    float: none!important;
    border:4px solid #000!important;padding:16px 20px!important;background:#000!important;color:#fff!important;font-size:17px!important;text-align:center!important;font-weight:700!important;transition: all 0.4s;    -moz-transition: all 0.4s;    -webkit-transition: all 0.4s;    -o-transition: all 0.4s
	
}
div.wpforms-container-full .wpforms-form input[type="submit"]:hover, div.wpforms-container-full .wpforms-form button[type="submit"]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {

 background:#fff!important;color:#000!important;
}

span.required {
    font-size: 11px!important;
    color: #fd4f00!important
}

.errormsg {
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 14px;
    width: 100%;
    padding: 15px;
    margin-bottom: 30px
}

.msgSent {
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 14px;
    width: 100%;
    padding: 15px;
    margin-bottom: 30px
}

.formats-body {
    display: none!important
}

.formats-header {
    display: none!important
}

@media only screen and (min-width:1024px) {
    .desc {
        font-size: 1.25em
    }
    .intro {
        letter-spacing: 1px
    }

}

#rev_slider_1_1 .dione.tp-rightarrow .tp-arr-imgwrapper {
    display: none!important
}

#rev_slider_1_1 .dione.tp-leftarrow .tp-arr-imgwrapper {
    display: none!important
}

#rev_slider_1_1 .dione.tparrows:hover {
    background: transparent!important
}

#rev_slider_1_1 .dione.tparrows:hover:before {
    transform: translatex(0)!important;
    -webkit-transform: translatex(0)!important;
    opacity: 1!important
}

#rev_slider_1_1 .dione.tparrows {
    border: none!important;
    height: 40px!important;
	width: 25px!important;
    border-radius: 0!important;
    text-align: center!important
}

#rev_slider_1_1 .dione.tparrows:hover {
    border: 1px solid #86764f!important
}

#rev_slider_1_1 .dione.tparrows::before {
    margin-left: -8px!important
}

@media only screen and (max-width:1040px) and (min-width:280px) {
    .tp-caption {
        font-size: 32px!important;
        width: 100%!important;
        text-align: center!important
    }
    #rev_slider_1_1 .dione.tparrows {
        color: #000;
        height: 100%;
        width: 40px!important;
        height: 40px!important
    }
}




.gallery3 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(6, 5vw);
  grid-gap: 15px; 
  margin-bottom:15px;
}

.gallery3 .gallery__item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 7;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 2;  */
  /* grid-row: 1 / span 2; */
}
.gallery3 .gallery__item:nth-child(2) {
  grid-column-start: 	5	;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 4;

  /** Alternative Syntax **/
  /* grid-column: 3 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery3 .gallery__item:nth-child(3) {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 4;
  grid-row-end: 7;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4;
  grid-row: 1 / span 5; */
}


.gallery {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(11, 5vw);
  grid-gap: 15px; 
  margin-bottom:15px;
}

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}

.gallery__item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 4;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item:nth-child(2) {
  grid-column-start: 	1	;
  grid-column-end: 5;
  grid-row-start: 4;
  grid-row-end: 7;

  /** Alternative Syntax **/
  /* grid-column: 3 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item:nth-child(3) {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 7;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4;
  grid-row: 1 / span 5; */
}

.gallery__item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 7;
  grid-row-end: 12;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4;  */
  /* grid-row: 3 / span 3; */
}

.gallery__item:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: 9;
  grid-row-start: 7;
  grid-row-end: 12;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4; */
  /* grid-row: 6 / span 3; */
}

.gallery__item--6 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 6;
  grid-row-end: 9;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
}



.tp-caption img {width:98px!important;;height:46px!important;}
.custom .tp-bullet {
    width: 80px!important;
    height: 2px!important;
    position: absolute;
    background: #aaaaaa!important;
    cursor: pointer;
    box-sizing: content-box;
}
.custom .tp-bullet:hover, .custom .tp-bullet.selected {
   background: #fff!important;
}


.custom.tparrows {
    cursor: pointer;
      background:transparent!important;
    width: 20px!important;
    height: 20px!important;
	padding:5px 5px!important;
    position: absolute;
    display: block;
    z-index: 100;
	border-radius:50%!important;border:1px solid transparent!important;
}

.custom.tparrows:hover{border:1px solid #fff!important;}

.custom.tparrows.tp-leftarrow::before {
    content: url(img/a2.png)!important;

}
.custom.tparrows.tp-rightarrow::before {
    content: url(img/a1.png)!important;

}
.custom.tparrows::before {
    display: block;
    line-height: 22px!important;
    text-align: center;
}
.tp-bannertimer {background:#fff!important;height:1px!important;bottom:0px!important;}