body {font-family: 'Open Sans'; color:#666;}
div, p, h1, h2, h3, h4,a, menu {box-sizing:border-box; padding:0; margin:0;}
a {text-decoration:none; color:inherit;}
ul, li, ul li {margin:0; padding:0; list-style:none;}

 .notias-text {font-size:26px!important; line-height:24px!important; color:#1e1e1e; font-weight:300; font-family: 'Open Sans' }


.clear {clear:both}
.white {color:#fff;}
.abs {position:absolute;}
.rel {position:relative;}
.full-cover {position:absolute; top:0; left:0; right:0; bottom:0}
.full-coverer {opacity:0; width:100%}
.small {font-size:11px;}

.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}

.full-div-link {width:100%; height:100%; display:block;}

#topout {position:absolute;z-index:23}
#top>a {position:absolute; z-index:3}

#my-fp-video { width:100%; display:block;}
#my-fp-video {display:block; width:100%; height:100%; position:relative;}
#my-fp-video img {width:100%}
#actual-player-div {position:absolute; top:0; left:0; right:0; bottom:0; }


#sitemenu {box-shadow: 0 2px 4px #888}
#sitemenu .link-container {margin:6px auto; border-bottom:1px solid #c0ab96; text-align:center;}
/*#top .link-container:last-child {color:red; border-bottom:none!important}*/
#sitemenu .menu-bottom {margin:10px auto;}
#sitemenu a.base { font-size:24px; color:#8b8c8e; font-weight:300}
#sitemenu a.sub { font-size:18px; color:#d0bba6;font-weight:300; line-height:20px  }
#sitemenu .submenu a { display:block; padding:5px 0;}
#sitemenu .logo {position:absolute; left:50%; margin-left:-40px; height:80px; width:80px;}
#button-menu {background:url(/img/site/buttons/menu_button.png) center center no-repeat; width:50px; height:50px;}
#button-menu.selected {background:url(/img/site/buttons/menu_close_button.png) center center no-repeat;}
#button-sound {display:inline-block; width:50px; height:50px; top:10px; left:0px; position:absolute;padding:20px;}
#button-sound span {width:24px; height:21px; display:inline-block; background:url(/img/site/buttons/sound.png) center top no-repeat;}
#button-sound.muted span {background:url(/img/site/buttons/sound.png) center bottom no-repeat;}
#button-ftero.selected {background:url(/img/site/logos/ftero_selected.png) center center no-repeat}
.menu-social {background:url(/img/site/buttons/social_menu.png) center center no-repeat; text-align:center; background-size:contain; width:280px; font-size:0;}
#menu-social a {display:inline-block; width:44px; height:50px; margin-right:12px;}
#menu-social a:last-child {margin-right:0}

.menu-social-open {background:url(/img/site/buttons/social_white1.png) center center no-repeat; text-align:center; height:40px; background-size:contain; margin:0 auto; max-width:200px}
.menu-social-open a {display:block; width:33%; height:40px; float:left}

.content h2 {color:#96784d; margin:10px 0;}
.content h3 {color:#96784d; margin:10px 0;}
.content .imgcontainer {margin:35px 0;}
.content .imgcontainer:last-child {margin:35px 0 0 0;}
.content .imgcontainer img {max-width:100%}
.content em, .content i {color:#96784d; font-style:normal; font-weight: bold;}
.content a {color:#96784d; text-decoration:underline;}

.basic-separator {display:inline-block; clear:both; height:160px; background:url(/img/site/orn_ftero_orn.png) center center no-repeat; background-size:contain; max-width:240px; min-width:240px;}




#video-container {position:relative; width:99vw; height:100vh; overflow:hidden;}
#video-inner {position:absolute}


#footer {background:#4a5153; color:#fff; font-size:14px; padding:10px 0}
#footer .social {background:url(/img/site/buttons/social_white1.png) top left no-repeat; width:250px; background-size:contain}
#footer .social a {display:inline-block; width:39px; margin-right:12px; height:20px;}
#footer .social a:last-child {margin-right:0; width:30px;}
.newsletter {width:100%; border:1px solid #fff; height:34px; position:relative; overflow:hidden}
.newsletter input {height:24px; background:none; border:none; width:100%; outline:none; padding:0 50px 0 10px; height:30px;}
.newsletter button {width:40px; height:34px; border:none; border-left:1px solid #fff; background:none; position:absolute; right:0; line-height:14px;}



/* home */
.fp-content {height:100%; text-align:center}
.fp-content h2 {font-size:16px; padding:12px 0; line-height:18px}
.fp-content a {display:block; width:100%; height:100%}
.anew {text-align:left; padding:0 30px 50px 30px;}
.anew .date {padding:10px 0;}
.anew .more {font-size:14px; color:#3684b9; display:inline-block; margin-bottom:20px; }
.anew .imgplace {text-align:center}

#themain {overflow:hidden}
/*#months-photo {position:absolute; top:0; left:50px; right:50px; background-size: contain; overflow:hidden; z-index:2}*/
#months-photo {}
#months-photo img {width:100%}







/* media */
.avid {}
.avid a {display:block; width:100%; text-align:center;}



/* coctails */
#cover {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.3); z-index:2}
.acoctail {color:#96784d;}
#coctail-in:after {position:absolute; bottom:0; right:10px; cursor:pointer; content:"×"; font-weight:bold; font-size:30px;}
#coctail-in h3 {text-align:center; color:#96784d; margin-bottom:20px;}

.sintagesrow h3 {margin-bottom:30px;}
.sintagi {color:#96784d}
.sintagi>div {height:250px; overflow:hidden;}
.sintagi a.sintagi-title {font-size:14px; text-decoration: none; display:block; padding:10px 0 20px 0; line-height:120%;}


/* news */
article {text-align:left; border-bottom:1px solid #96784d; padding-top:20px;}
article .img {}
article .img img {width:100%;margin-bottom:30px; max-width:450px;}
article .body { line-height:28px;}
article .body a.more, .back-to-news { display:block; text-align:right; text-decoration: none!important; font-size:14px}
article .title {font-size:17px; color:#96784d; text-decoration:none; line-height:20px; display:block; margin-bottom:10px; font-style:italic;}
article .newsdate {font-size:12px;margin-bottom:10px;}
article .intro {}

article.item {text-align:center;border-bottom:none!important}



/* gallery */
.gallery-title {display:inline-block; margin:0 8px; font-size:14px;}
.gallery-title.selected {font-weight:bold; color:#96784d; font-size:16px}
.allimages {}
.allimages a {text-decoration:none}
.allimages .figure { position:relative; height:240px}
.allimages .figure > a {display:block; height:185px;}
.allimages .bgimg {width:90%; margin:0 auto; height:185px}
figcaption {line-height:20px;}

#gallery-in {width:900px; height:auto; margin:0 auto; margin-top:100px; box-shadow:1px 1px 5px #888; background:#fff; position:relative; color:#96784d}
#gallery-in a.close {position:absolute; bottom:-4px; right:10px; font-weight:bold; font-size:30px}
#gallery-in .title {background:#fff; padding:5px 10px;}
#gallery-img {max-height:60vh}


/* photo month */
#pm_img {width:80%; margin:7% 10%; height:80%; background-size:contain!important; position:absolute;box-sizing:border-box}






@media only screen and (min-width:40.063em) and (max-width:999px) {
	#fp-c2 .intro {color:rgba(255,255,255,.9); line-height:40px; padding:10px;}
	.anew {display:none}
	#allnews .anew:first-child {display:block!important}
}



/* 640 up */
@media only screen and (min-width:40.063em) {
	#button-menu {top:20px; right:30px;}

	#footer {padding:30px 0 10px 0;}
	#coctail-in {max-width:700px; width:100%; margin:0 auto; margin-top:100px; padding:30px 60px; box-shadow:1px 1px 5px #888; background:#fff; position:relative; color:#96784d}
	.anew h3 {font-size:17px;}
	.mobile-cats {display:none;}
	#top .link-container:first-child {margin:30px auto 6px auto; border-bottom:1px solid #c0ab96; text-align:center;}
	#top {height:100vh; background-size:cover; position:relative; overflow:hidden}
	#fp-c2 .intro {color:rgba(255,255,255,.9); line-height:40px; padding:10px;}
	#sitemenu {padding-top:85px; position:absolute; top:10px; left:10px; right:10px; background:#fff}
 	#fp-l1 {background:#eaebe3;}
	#fp-l2 {/*height:660px;*/; position:relative;}
	#fp-news {}
	#fp-video {min-height:360px; overflow:hidden}
	#col-2 {background:#000}

	#fp-c1 {/*height:512px;*/}
	#fp-c2 {/*height:1088px;*/background:#82241d}


	#fp-r1 {/*height:320px;*/}
	#fp-r2 {/*height:1050px;*/}
	#fp-r3 {/*height:620px;*/}
	#button-lang {top:25px; left:30px; width:80px; height:30px; color:#fff;  font-weight: bold; font-size:20px; overflow:hidden; cursor:pointer; position:absolute; z-index:3}
	#button-lang.open {height:150px;}
	#button-lang.menuopen {color:#9e7d4a;}
	#button-lang span:after {content:"\203A"; font-weight: bold; transform:rotate(90deg); display:inline-block; margin-left:10px; height:30px; line-height:30px;}
	#button-lang.open span:after {content:"\203A"; font-weight: bold; transform:rotate(-90deg); display:inline-block; margin-left:6px;}
	#button-ftero {top:30px; left:50%; margin-left:-40px; display:inline-block; width:80px; height:84px; background:url(/img/site/logos/ftero.png) center center no-repeat}
	#sitemenu .link-container {width:80%;}
	#sitemenu .menu-bottom {width:80%;}
	#menu-social {margin-top:30px;}
	.content {padding:50px 10px 30px 10px; text-align:center; line-height:200%}
	.content strong {font-size:24px; color:#96784d; font-style:italic; font-weight:300 }
	.content h2 {font-size:34px; font-weight:normal; margin-bottom:20px;}
	.content h3 {font-size:18px;}
	.newsletter {margin-top:2px}

	#sintagi-in {width:100%; max-width:760px; height:394px; margin:0 auto; margin-top:100px; box-shadow:1px 1px 5px #888; position:relative; color:#96784d; background-size:cover!important}
	#sintagi-in .ilika {width:55%; height:100%; background:rgba(255,255,255,.7); float:right; padding:20px; color:#96784d; font-size:15px;}
	#sintagi-in .ektelesi {width:55%; height:100%; overflow-y:auto; background:rgba(255,255,255,.7); float:right; padding:20px; color:#96784d; font-size:15px;}
	#sintagi-in p a {text-decoration: underline; font-style:italic}
	#sintagi-in a.close {position:absolute; bottom:0; right:10px; font-weight:bold; font-size:30px}
	#sintagi-in .sintagimage {display:none}
	#sintagi-in .sincover {position:absolute;top:0; left:0; right:0; bottom:0; background:url(/img/BGs/bg_pattern.png) center center repeat}
}


/* up to 640 */
@media only screen and (max-width:40.063em) {
	#coctail-in {max-width:700px; width:100%; padding:10px; font-size:14px; box-shadow:1px 1px 5px #888; background:#fff; position:absolute; top:0; bottom:0; left:0; right:0; color:#96784d}
	.desktop-cats {display:none;}
	.mobile-cats {display:block; margin-bottom:10px;}
	#site {width:100%; overflow:hidden;}
	#fp-video {min-height:220px; overflow:hidden}
	#top {height:100vh; background-size:cover; background-position:center center; position:relative;}
	#fp-c2 .intro {color:rgba(255,255,255,.9); line-height:20px; padding:10px;}
	#sitemenu {padding-top:105px; position:absolute; top:10px; left:10px; right:10px; background:#fff; z-index:2}
	#sitemenu .link-container {width:90%; margin:10px auto; border-bottom:1px solid #c0ab96; text-align:center}
	#sitemenu a.base { font-size:15px; color:#8b8c8e }
	#sitemenu a.sub { font-size:14px; color:#d0bba6;font-weight:300}
	#sitemenu .menu-bottom {width:90%;}

	#maincutter {min-width:100%}
	#fp-l1 {background:#eaebe3;}
	#fp-c2 {min-height:400px}
	#fp-r2 {min-height:700px}
	#button-ftero {top:15px; left:50%; margin-left:-20px; display:inline-block; width:40px; height:42px; background:url(/img/site/logos/ftero.png) center center no-repeat; background-size:contain!important}
	#button-menu {top:15px; right:15px;}
	#button-lang {top:25px; left:30px; width:80px; height:30px; color:#fff;  font-weight: bold; font-size:20px; overflow:hidden; cursor:pointer; position:absolute; z-index:3}
	#button-lang.open {height:150px;}
	#button-lang.menuopen {color:#9e7d4a;}
	#button-lang span:after {content:"\203A"; font-weight: bold; transform:rotate(90deg); display:inline-block; margin-left:10px; height:30px; line-height:30px;}
	#button-lang.open span:after {content:"\203A"; font-weight: bold; transform:rotate(-90deg); display:inline-block; margin-left:6px;}
	#button-ftero {top:30px; left:50%; margin-left:-40px; display:inline-block; width:80px; height:84px; background:url(/img/site/logos/ftero.png) center center no-repeat}
	#menu-social {margin-top:0;}
	.content {padding:20px 10px 50px 10px; text-align:center;}
	.content strong {font-size:20px; color:#96784d; font-style:italic; font-weight:300 }
	.content h2 {font-size:20px;}
	.content h3 {font-size:18px;}
	/* sintages lightbox */

	#sintagi-in {width:100%; height:100%;  position:relative; color:#96784d; background-size:contain!important}
	/*#sintagi-in .ilika {padding:20px; overflow-y:auto; font-size:12px;background:rgba(255,255,255,.7); position:absolute; bottom:0; left:0; right:0;}
	#sintagi-in .ektelesi {padding:20px; overflow-y:auto; font-size:12px;background:rgba(255,255,255,.7); position:absolute; bottom:0; left:0; right:0;}*/
	#sintagi-in .ilika {padding:20px; font-size:14px; overflow-y:auto;background:rgba(255,255,255,.8); height:100%;}
	#sintagi-in .ektelesi {padding:20px; font-size:14px; overflow-y:auto;background:rgba(255,255,255,.8); height:100%;}
	#sintagi-in p a {text-decoration: underline; font-style:italic}
	#sintagi-in a.close {position:absolute; bottom:0; right:10px; font-weight:bold; font-size:44px;}
	#sintagi-in .sincover {position:absolute;top:0; left:0; right:0; bottom:0; background:url(/img/BGs/bg_pattern.png) center center repeat}
}

#video-container1 {position:relative; overflow: hidden; width:100vw; height:100vh}
.embed-container {position:relative; overflow: hidden}
#video-container1 iframe {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ratio169 iframe {position:absolute; top:0; left:0; right:0; bottom:0;}