a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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{display:block}ol,ul{list-style:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* comfortaa-300 - greek_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/comfortaa-v45-greek_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* comfortaa-regular - greek_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/comfortaa-v45-greek_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* comfortaa-500 - greek_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/comfortaa-v45-greek_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* comfortaa-600 - greek_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/comfortaa-v45-greek_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* comfortaa-700 - greek_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/comfortaa-v45-greek_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




body {
    margin: 0;
    padding: 0;
    font-family: 'Comfortaa', sans-serif!important;
    font-size: 100%;
    line-height: 1;
	color:#b49271;
	background:#e1dcd6!important;
}



img {border:0; text-decoration:none; outline:none;}
a {outline:none;}
a:focus {outline:none;}

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

.clearfix:after {
    clear: both
}
button {cursor: none;}
a {    text-decoration: none!important;}
a:hover {
    text-decoration: none!important;
}
a,
li a {
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s
}




p {
    color: #6d4939;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Comfortaa', sans-serif;
    line-height: 26px;
	
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;font-family: "Comfortaa", sans-serif;
}

h1 {
    font-size: 72px;
    color:#694c37;
}


@media only screen and (max-width:932px) and (min-width:280px) {
h1 {font-size: 32px;line-height:42px;font-weight:400;}
}



h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 32PX;line-height:42px;
}

h4 {
    font-size: 21px
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 16px!important
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 300;
    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: 400;
    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;
   
    list-style-position: outside;
   
}

ul {
   
}

ul li ul,
ul li ol {
   
}

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

ul.square {
    list-style-type: square;
    
}

ul.circle {
    list-style-type: circle;
    
}

ul.disc {
    list-style-type: disc;
    
}

ol {
   
}

ol li ul,
ol li ol {
    
    margin-bottom: 0
}

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

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

dl dt {
 
    font-weight: 400
}

dl dd {
   
}



.pagewrapfull {
	margin: 0 auto;
    padding: 0 0px 0 0px;
    position: relative;
}
.pagewrap {
	margin: 0 auto;
    padding: 0 80px 0 80px;
    position: relative;
}
.pagewraptop {
	max-width: 1440px;
    margin: 0 auto;
    padding: 0 5px 0 5px;
    position: relative;
}
.pagewrapfooter {
    margin: 0 auto;
     padding: 0 35px 0 35px;
    position: relative
}

.afterbiglogo{text-align:center;margin-bottom:130px;line-height:24px;}
@media only screen and (max-width:847px) {
	
.afterbiglogo{text-align:center;margin-bottom:40px;line-height:24px;}
}
.biglogo {padding:0 0px;margin-bottom:0px;margin-top:80px;text-align:center; }

.biglogo::after {
  content: "";
  display: inline-block;
  width: 100%;
}
.footlefttop {   font-weight: 400;font-family: Comfortaa;display:block;margin-bottom:40px;}
 .footrighttop {text-align:center;   font-weight: 400;font-family: Dahlia-Regular;}


.menuholder {
    position:fixed;
	top:0px;
	left:0px;
	width:100%;
	padding:7px 21px 0px 21px;
	background:transparent;
	z-index:999;
}

.slogholder {position:absolute;	top:40%;	left:0px;	z-index:99;	width:100%;}
@media only screen and (max-width:600px) {
.slogholder {position:absolute;	top:25%;}	
}
.slog {
	max-width:860px;
	margin:0 auto;
    text-decoration: none;text-align:center;
}
.lefttop {font-size: 24px;coloR:#fff;
	line-height:24px;
    text-decoration: none;text-align:center;
   font-weight: 400;font-family: Comfortaa;display:inline-block;}
  .righttop {font-size: 82px;coloR:#fff;
	line-height:92px;
    text-decoration: none;text-align:center;
   font-weight: 400;font-family: Dahlia-Regular;display:inline-block;}


.middletop{max-width:700px;font-size: 42px;coloR:#fff;display:block;font-family: Comfortaa;text-transform:uppercase;line-height: 46px!important;margin:20px auto 0 auto;}

.sloga{
position:absolute;	bottom:20px;	left:48%;	z-index:99;	
text-align: center!important;
display:block!important;
width:30px!important;
color: #fff!important;
padding:20px 0px!important;

border: 0!important;

margin:20px auto 0 auto!important;
}





	
#logohold {    display:block;position:relative;float:left;width:20%;z-index:999;}
#logohold a {display:inline-block;margin-top:0px;width:110px;}
#logohold a img {width:100%;}

.socialtop {position:absolute;top:5px;right:10px;width:50px;z-index:999;}

#tomenouholder {	position:relative;	float:right;width:80%;	text-align:center;z-index:999;padding-top:30px;	}
#tomenou {background:rgb(105, 76, 55, .5);border-radius:10px;padding:4px 0;text-align:right;width:520px;margin:0 auto;float:right;}
#tomenou a {color: #fff;font-weight:500; font-size: 12px;line-height:13px;border-radius:7px;padding:11px 10px;display:inline-block;}
#tomenou a:hover {border-radius:0px;}
#tomenou a.active {border-radius:0px;}

#topdetashold {	position:relative;	float:left;width:20%;z-index: 10;	text-align:right;}
#topdetashold a {display:inline-block;width:43px;padding:0px 0;text-align:center;margin-top:27px;}



@media only screen and (max-width:847px) {
#tomenou {width:480px;}
#tomenou a {color: #fff;font-weight:500; font-size: 12px;line-height:13px;border-radius:7px;padding:11px 5px;display:inline-block;}

}

@media only screen and (max-width:650px) {
#tomenouholder {	position:relative;	float:none;width:100%;	text-align:center;z-index:10;}
#logohold {    display:block;position:relative;float:none;width:100%;z-index:999;text-align:center;margin-bottom:10px;}
#logohold a {display:inline-block;margin-top:0px;width:80px;}
#tomenou {position:fixed;bottom:0px;float:none;padding:8px 0px;text-align:center;left:0;right:0;border-radius:0px;}
#tomenou a {color: #fff;font-weight:400; font-size: 12px;padding:7px 6px;display:inline-block;}	
.menuholder {padding:3px 5px 0px 5px;}
#tomenou {width:100%;}
#topdetashold {width:43px;float:none;position:absolute;top:9px;right:8px;}
}

@media only screen and (max-width:653px) {
#tomenou {width:100%;}
}
.button_container {
    position: relative!important;
    width: 27px;
    font-size: 12px;
	background: transparent;
    color: #fff;
	font-weight:600;
	cursor: pointer;
    transition: all .25s ease;
	height:27px;
	display:inline-block;margin-right:20px;
}

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

.button_container span:nth-of-type(1) {
    top: 10px;
	width:27px; transition: all .35s ease;
}
.button_container span:nth-of-type(2) {
    top: 19px;
	width:27px; transition: all .35s ease;
}
.button_container span:nth-of-type(3) {
    top: 28px;
	width:27px; transition: all .35s ease;
}

.button_container:hover span:nth-of-type(2) {left:7px;transition: all .50s ease;}
.button_container.active:hover span:nth-of-type(2) {left:0px;transition: all .50s ease;}

.button_container.active .top {
    -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
    transform: translateY(7px) translateX(0) rotate(45deg); transition: all .35s ease;
}
.button_container.active .middle {
    -webkit-transform: translateY(-4px) translateX(0) rotate(-45deg);
    transform: translateY(-4px) translateX(0) rotate(-45deg); transition: all .35s ease;
 }
.button_container.active .bottom {display:none;}






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

.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
	width:50%;
}
@media only screen and (max-width:935px) {
.overlay.open {	width:100%;}
}

.overlay.open li {
    -webkit-animation: fadeInUp 0.45s ease forwards;
    animation: fadeInUp 0.45s ease forwards;

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

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

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

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

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


.overlay .plirofories {color:#fff;position:relative;display:block; opacity: 0;margin-top:40px;}
.overlay.open .plirofories{ -webkit-animation: fadeInUp 0.5s ease forwards;
    animation: fadeInUp 0.5s ease forwards;
   -webkit-animation-delay: 1.00s;
    animation-delay: 1.00s}

.plirofories a {display:inline-block;color:#fff;font-size:18px;padding:9px 0;font-weight: 400;}
.koumpimenu {font-weight: 800;font-size: 13px!important;text-align:center;letter-spacing: 0.1em;color: #fff!important;padding:7px 0px 7px 0px!important;display:inline-block;width:140px;border: 3px solid #fff;border-radius: 36px;margin-right:0px;margin-top:15px;}
.koumpimenu:hover {opacity:0.6;}
.plirofories a:hover {opacity:0.6;color:#fff;}


.overlay nav {z-index: 9991;}
}

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

.overlay ul li {
    display: block;
    position: relative;
    opacity: 0;
}
.overlay ul li:nth-of-type(8) {
   padding-right:0px;
}
.overlay ul li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 76px;
	line-height:70px;
    text-decoration: none;
   font-weight: 300;font-family: Comfortaa;
    padding: 7px 0;
transition: all 1s ease;opacity: 0.7;
}
html:lang(el) .overlay ul li a{ font-family:Comfortaa;}


@media only screen and (max-width:1016px) {
.overlay ul li a {font-size: 56px;	line-height:56px;}
}
@media only screen and (max-width:625px) {
.overlay ul li a {font-size: 46px;	line-height:46px;}
}
@media only screen and (max-width:468px) {
.overlay ul li a {font-size: 36px;	line-height:36px;}
.overlay .plirofories {color:#fff;position:relative;display:block; opacity: 0;margin-top:15px;}
.overlay .plirofories .koumpiborder3 {margin-top:10px;}
.overlay .wpml-ls-legacy-list-horizontal {position:absolute!important;top:20px!important;right:00px!important;left:auto!important;z-index:999992!important;}
}

.overlay ul li a:hover {
    opacity: 1;padding: 7px 0 7px 7px;transition: all 1s ease;
}
.overlay ul li.active a {opacity: 1;}

.toggle2 {
    padding-left: 50px
}



.overlay nav {
	width:80%;
	 margin:150px 0 0 10%;
}
@media only screen and (max-width:600px) and (min-width:100px) {
.overlay nav {
	max-width:240px;
	 margin:120px 0 0 35px;
}

}



@-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
    }
}
.hotelholder {}
.hotelimage {padding:20px;position:relative;overflow:hidden;-webkit-transition: all 0.7s linear;    -moz-transition: all 0.7s ease;    -ms-transition: all 0.7s ease;    -o-transition: all 0.7s ease;    transition: all 0.7s ease;margin:0 auto;filter: drop-shadow(0px 0px 1px #000000);}
.hotelimage span {display:block;padding:35% 0;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;}
.hotelimage img {width:100%;}
.hotelimage:hover img {-webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;-ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
}

.hoteltitle {font-size:22px;font-family:Comfortaa;color:#e1dcd6;margin:0 auto;padding:20px;}
.hoteltitle a {font-size:22px;font-family:Comfortaa;color:#e1dcd6;}
.hoteltitle a:hover {opcaity:0.7;}
.hotelcontent {font-size:16px;font-family:Comfortaa;color:#6d4939;font-weight:400;line-height:21px;padding:0 20px 20px 20px;}
.hotelcontent p {font-size:14px;font-family:Comfortaa;color:#6d4939;font-weight:400;line-height:24px;text-align:justify;}
.hotelcontent ul {list-style-type:circle!important;}
.hotelcontent ul li {font-size:14px;font-family:Comfortaa;color:#6d4939;font-weight:400;line-height:24px;text-align:justify;}
.abouttop {padding:92px 50px 0 50px;}
.abouttop p {font-weight:400;font-size:32px;line-height:42px;font-family:Comfortaa;color:#e1dcd6!important;max-width:890px;margin:55px auto 0 auto;text-align:center;}

.hotels {}
.hotelseikona {border-bottom:1px solid #4B4B4B;border-right:1px solid #4B4B4B;width:20%;float:left;text-align:center;padding:20px 0;vertical-align:middle;}
.hotelseikona img {max-width:200px;}
.hotelseikona:nth-of-type(5) {border-right:0;}
.hotelseikona:nth-of-type(6) {border-right:0;border-bottom:0;}
.hotelseikona:nth-of-type(7) {border-bottom:0;}
.hotelseikona:nth-of-type(8) {border-bottom:0;}
.hotelseikona:nth-of-type(9) {border-bottom:0;}
.hotelseikona:nth-of-type(10) {border-bottom:0;}

@media only screen and (max-width:1240px) {
.hotelseikona {border-bottom:1px solid #4B4B4B;border-right:1px solid #4B4B4B;width:50%;float:left;text-align:center;vertical-align:middle;}
.hotelseikona img {width:90%;}
}
@media only screen and (max-width:1069px) {
.hotelseikona {border-bottom:1px solid #4B4B4B;border-right:1px solid #4B4B4B;width:50%;float:left;padding:12px 0;text-align:center;vertical-align:middle;}
.hotelseikona img {width:90%;}
}

@media only screen and (max-width:1240px) {
.hotelseikona:nth-of-type(2) {border-right:0;}
.hotelseikona:nth-of-type(4) {border-right:0;}
.hotelseikona:nth-of-type(5) {border-right:1px solid #4B4B4B;}
.hotelseikona:nth-of-type(7) {border-bottom:1px solid #4B4B4B;}
.hotelseikona:nth-of-type(6) {border-right:0;border-bottom:1px solid #4B4B4B;}
.hotelseikona:nth-of-type(8) {border-right:0;border-bottom:1px solid #4B4B4B;}
.hotelseikona:nth-of-type(9) {border-right:1px solid #4B4B4B;border-bottom:0;}
.hotelseikona:nth-of-type(10) {border-right:0;border-bottom:0;}
}


#about {padding:92px 0px 110px 0px;}
.about {padding-bottom:70px;margin:0 auto;padding:0 20px;}
.about .proc3keieno {max-width:890px;margin:0 auto 0 auto;}
.about .proc3keieno p {font-weight:400;font-size:16px;line-height:26px;color:#6d4939!important;}
.about .proc3keieno ul {font-weight:400;font-size:16px;line-height:26px;color:#6d4939!important;columns:2;list-style-type:circle;}

strong {font-weight:600;}

.proc3 h2{font-family:Comfortaa;font-weight:400;font-size:42px;color:#694c37;position:relative;}

.aboutleft {width:48%;float:left;padding-top:40px;}
.aboutright {width:45%;float:right;text-align:center;padding-top:0px;}
.aboutright img {width:45%;float:left;margin-right:15px;filter: drop-shadow(0px 0px 1px #000000);border-radius:6px;}
.aboutright img:last-child {margin-top:80px!important;margin-right:0px;}


.aboutright2 {padding-top:0px;width:45%;float:right;}
@media only screen and (max-width:650px) {
.about .proc3keieno ul {font-weight:400;font-size:16px;line-height:26px;color:#6d4939!important;columns:1;}
	
}


.services {border-radius:12px;    margin-top:100px;padding:70px 50px 60px 50px;}
.proc2{text-align:center;}
.proc2 h2{font-family:Comfortaa;font-weight:400;font-size:32px;color:#e1dcd6;position:relative;}
.proc2 h2::after {content:'';display: block;margin:32px auto 0 auto;height:1px;width:72px;background:#e1dcd6;}

@media only screen and (max-width:750px) {
.aboutleft {width:100%;float:none;padding-top:40px;}
.aboutright {width:100%;float:none;text-align:center;padding-top:40px;}
	.services {border-radius:12px;    margin-top:100px;padding:40px 0px 40px 0px;}
.aboutright2 {width:100%;float:none;text-align:center;padding-top:40px;}

}



#catering {border-radius:12px;    margin-top:100px;}
#catering::before{ content: '';position:absolute;height: 100%;      width: 100%;min-height:100%;top:0px;left:0px;background:#000;opacity:0.4;}
.cateringtext {position:absolute;top:20%;width:100%;text-align:center;}
.cateringtext h2 {max-width:500px;margin:0 auto 30px auto;color:#fff;}
.cateringtext p {max-width:800px;margin:0 auto;color:#fff;}

.servicedetails {max-width: 470px;margin:40px auto 20px auto;}
.servicedetails ul {text-align:center;}
.servicedetails ul li {
	display:inline-block;
	border:1px solid #cccccc;border-radius:8px;
	font-weight:400;font-size:16px;text-align:center;color:#cccccc;
	margin-right:5px;margin-bottom:17px;
	padding:16px 14px;
	transition: all 0.9s;
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s}
.servicedetails span:hover {opacity:0.7;
transition: all 0.9s;
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s}

.sendenq {max-width:600px;margin:0 auto;}
.sendenq span:nth-child(1) {display:block;font-weight:500;font-size:48px;line-height:62px;text-align:center;color:#6d4939;}
.sendenq span:nth-child(2) {display:block;font-weight:400;font-size:22px;text-align:center;color:#6d4939;margin-top:12px;}
.sendenq a {
	background: #fff!important;
font-weight: 700!important;
font-size: 14px!important;
line-height: 14px!important;
text-align: center!important;
display:block!important;
width:270px!important;
color: #000!important;
padding:20px 0px!important;
border: 0!important;
border-radius: 7px!important;
margin:30px auto 0 auto!important;
-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.sendenq a:hover {opacity:0.7;}

@media only screen and (max-width:600px) {
	.sendenq span:nth-child(1) {display:block;font-weight:500;font-size:38px;line-height:42px;text-align:center;color:#6d4939;}
.sendenq span:nth-child(2) {display:block;font-weight:400;font-size:18px;text-align:center;color:#6d4939;margin-top:12px;}
}


.koumpi {
	background: #fff!important;
font-weight: 700!important;
font-size: 14px!important;
line-height: 14px!important;
text-align: center!important;
display:block!important;
width:270px!important;
color: #000!important;
padding:20px 0px!important;
border: 0!important;
border-radius: 7px!important;
margin:30px auto 0 auto!important;
-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.koumpi:hover {opacity:0.7;}


.proc{text-align:center;margin-top:170px;margin-bottom:70px;}
.proc h2{font-family:Comfortaa;font-weight:400;font-size:32px;color:#6d4939;position:relative;}
.proc h2::after {content:'';display: block;margin:32px auto 0 auto;height:1px;width:72px;background:#4B4B4B;}



.marquee {
  position: relative;
  padding:0px 0;
  overflow:hidden;
}

.marquee > * {
  font-size: 90px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 2.5px;
  white-space: nowrap;
  color:#6d4939;
}

@media (max-width: 991px) {
  .marquee > * {
    font-size: 70px;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .marquee > * {
    font-size: 50px;
  }
}

@media (max-width: 600px) {
  .marquee > * {
    font-size: 32px;
  }
}

.marquee > *:nth-child(1) {
  position: relative;
  left: 70%;
}

@media (max-width: 767px) {
  .marquee > *:nth-child(1) {
    left: 20%;
  }
}

.marquee > *:nth-child(2) {
  position: relative;
  right: 50%;
}

@media (max-width: 767px) {
  .marquee > *:nth-child(2) {
    right: 70%;
  }
}





.barholder {position:relative;display:block;}
.bar {
  position: relative;
  width: 100%;
  padding: 60px 0 0 0;
font-weight:400;
  color: #6d4939;
  font-size: 58px;
  line-height: 62px;
}

.bar_content {
  display: block; /* Important to give the content a width */
white-space: nowrap;
  width: 100%;
 transform: translateX(10%); /* Animation start out of the screen */
letter-spacing:1px;
  /* Add the animation */
  animation: move 20s linear infinite /* infinite make reapeat the animation indefinitely */;
}

/* Create the animation */
@keyframes move {
  to { transform: translateX(-100%); }
}


@media (max-width: 665px) and (min-width: 240px) {
.bar_content {	 transform: translateX(10%); /* Animation start out of the screen */
letter-spacing:1px;
  /* Add the animation */
animation: move 4s linear infinite /* infinite make reapeat the animation indefinitely */;}
@keyframes move {
  to { transform: translateX(-100%); }
}
}


.content {
    display: flex;
justify-content: space-between;
}
.content-col {
    flex-basis: 60%;
    min-width: 0px !important;
    box-sizing: border-box;
    position: relative;
	padding:80px 3%;
}
.content-col2 {
    flex-basis: 55%;
    min-width: 0px !important;
    box-sizing: border-box;
    position: relative;
	
}
.content-col3 {
    flex-basis: 45%;
    min-width: 0px !important;
    box-sizing: border-box;
    position: relative;
	padding:110px 150px;
}
.content-col3 H2 {COLOR:#6d4939;margin-bottom:35px;}
.content-col3 p {COLOR:#6d4939;}

.content2 {  display: flex;    align-items: center;  justify-content: center;margin-bottom:55px;margin-top:75px;}
.content-colb {flex-basis: 33.3%;min-width: 0px !important;box-sizing: border-box;position: relative;}
.content-colb img {width:100%;;margin:0 auto;filter: drop-shadow(0px 0px 1px #000000);border-radius:6px;}
.imagesmaller img {width:60%!important;margin:0 auto!important;display:block!important;}


.grad {border-radius:12px;   margin-top:190px;padding:92px 50px;}
.grad1 {float:left;width:38%;font-family:Comfortaa;font-weight:400;font-size:16px;color:#111;line-height:32px;}
.grad2 {float:right;width:59%;}
.grad1 h2, .grad2 h2 {font-family:Comfortaa;font-weight:400;font-size:32px;color:#6d4939;position:relative;}
.grad1 h2::after,.grad2 h2::after  {content:'';display: block;margin-top:32px;height:1px;width:72px;background:#6d4939;}
.grad1 a {color:#111;}
.grad1 a:hover {color:#ccc;}
.grad1 p, .grad2 p {font-family:Comfortaa;font-weight:400;font-size:20px;color:#6d4939;max-width:445px;margin-top:34px;}
.grad1 h3, .grad2 h3 {font-family:Comfortaa;font-weight:500;font-size:20px;color:#6d4939;margin-bottom:40px;display:block;margin-top:74px;}

.formaepi {margin-top:20px;}

#foot {    padding: 0px 0 10px 0;    color: #BD9A5F;position:relative;}



@media only screen and (max-width:767px) {
.formaep {width:100%;max-width: 100%;margin-top:35px;}
}
#copy1 {
    width: 50%;
	float:left;
    padding: 0px 0 0px 0;
    text-align: left;
	margin-bottom:20px;
    color: #6d4939;font-family:'Comfortaa', sans-serif;font-weight: 500;font-size: 14px;
}
#copy2 {
    width: 50%;
    font-weight: 400;
	float:right;
    font-size: 14px;
    padding: 0px 0 0px 0;
    text-align: right;
	margin-bottom:20px;
    color: #6d4939;font-family:'Comfortaa', sans-serif;
}
#copy1 a {    color: #6d4939!important;display:inline-block;}
#copy1 a:hover {    color: #ccc!important}
#copy2 a {    color: #6d4939!important}
#copy2 a:hover {    color: #ccc!important}

.pageeikona {margin-top:0px;position:relative;z-index:1;width:100%;background-size:cover;background-repeat:no-repeat;background-position: 50% 0;height:100vh;min-height:100vh;position:relative;}
.pageeikona::before{ content: '';position:absolute;height: 100%;      width: 100%;height:100vh;min-height:100vh;background:#000;opacity:0.4;}




.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: #111
}

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

.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
}


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



::placeholder {
  color: #6d4939!important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #6d4939!important;
}
.fluentform .ff-el-form-control {border-top:0!important;border-left:0!important;border-right:0!important;border-bottom: 1px solid #6d4939!important;border-radius: 0px!important;background:transparent!important;color:#6d4939!important;font-weight:400!important;font-size:20px!important;}
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
   
background: #6d4939!important;
font-weight: 700!important;
font-size: 14px!important;
line-height: 14px!important;
text-align: center!important;
display:block!important;
width:100%!important;
color: #fff!important;
padding:17px 0px!important;
border: 0!important;
border-radius: 7px!important;
margin-top:20px!important;
}

.fluentform .ff-el-input--label label {
 font-weight:400!important;
font-size: 18px!important;
line-height: 27px!important;
color: #222!important;
display:none!important;
}
.fluentform .ff-el-input--label{display:none!important;}

#return-to-top {
    position: absolute;
    bottom: 530px;
    right: 10px;
    opacity: 0.5;
    width: 100px;
    FONT-SIZE:14PX;color:#fff;font-family:Comfortaa;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
	text-align:center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:999;
}
#return-to-top img {
    width:17px;
	margin:9px auto 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    opacity: 1;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover img {
    margin:4px auto 0 auto;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


@media only screen and (max-width:1389px) {
#return-to-top { bottom: 330px;}
}

.accordion__item {
	margin: 5px auto;
}
.accordion__item .accordion__title {
	position: relative;
	display: block;
	padding: 20px 60px 20px 0px;
	margin-bottom: 2px;
	color: #111!important;
	font-weight:400!important;
	font-family:Comfortaa!important;
	font-size: 32px;
	text-decoration: none;
	border-radius: 0px;
	border-bottom:1px solid #27826b;
  cursor: pointer;
}

html:lang(el) .contt{ font-family:Comfortaa;}

.sin {display:block;width:35px;float:right;font-weight:100;font-family:Comfortaa;font-size:48px;line-height: 24px;color: #111;}
.plin{display:none;width:35px;float:right;font-weight:100;font-family:Comfortaa;font-size:48px;line-height: 24px;color: #111;}

@media only screen and (max-width:1220px) {
.accordion__item .accordion__title {line-height:45px;font-size: 32px;}
}
@media only screen and (max-width:741px) {
.accordion__item .accordion__title {line-height:35px;font-size:26px;}
.sin {display:block;width:35px;float:right;font-weight:100;font-family:Comfortaa;font-size:48px;line-height: 24px;color: #111;}
.plin{display:none;width:35px;float:right;font-weight:100;font-family:Comfortaa;font-size:48px;line-height: 24px;color: #111;}
}
.accordion__item .accordion__title:hover {
	
	transition: all 0.5s ease-out;
}
.accordion__item .accordion-active {

}



.accordion__item .accordion__title .accordion__arrow {
	position: absolute;
	top: 23px; right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	text-align: center;
	color:#111;
	margin-right: 5px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.accordion__item .accordion__sin .sin{
	display:none;
}
.accordion__item .accordion__sin .plin{
	display:block;
}
.accordion__item .accordion__content {
	padding: 30px 0;
	margin-bottom: 2px;
	display: none;font-family:Comfortaa!important;font-weight: 400!important;font-size: 20px!important;line-height: 32px;color: #133f34!important;
}
.accordion__item .accordion__content p {font-family:Comfortaa!important;font-weight: 400!important;font-size: 20px!important;line-height: 32px;color: #133f34!important;margin-bottom:0px!important;}
.accordion__item .accordion__content ul {list-style-type:disc;list-style-position:inside;}
.accordion__item .accordion__content ul li{}
.accordion__item .accordion__arrow-item {
	font-weight: 700;
}




@media only screen and (max-width:935px) {
.righttop {font-size: 48px;line-height:58px;}
.lefttop {font-size: 48px;line-height:58px;}
.middletop {padding:0 20px;}

.pagewrap {
	margin: 0 auto;
    padding: 0 15px 0 15px;
    position: relative;}
.proc{text-align:center;margin-top:30px;margin-bottom:70px;}
.grad {border-radius:12px;  margin-top:30px;padding:92px 10px;}
#works {margin-top:130px;}

}

@media only screen and (max-width:840px) {
	.pagewrapfooter {
    margin: 0 auto;
     padding: 0 10px 0 10px;
    position: relative
}

.grad1 {float:none;width:100%;font-family:Comfortaa;font-weight:400;font-size:16px;color:#fff;line-height:32px;}
.grad2 {float:none;width:100%;margin-top:70px;}	



.abouttop {padding:92px 10px 0 10px;}
}