@font-face {
    font-family: 'PF Futura Neu';
    src: url('fonts/subset-PFFuturaNeuMedium-Regular.woff2') format('woff2'),
        url('fonts/subset-PFFuturaNeuMedium-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PF Futura Neu';
    src: url('fonts/subset-PFFuturaNeu-Bold.woff2') format('woff2'),
        url('fonts/subset-PFFuturaNeu-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PF Futura Neu Semi';
    src: url('fonts/subset-PFFuturaNeuSemiBold-Regular.woff2') format('woff2'),
        url('fonts/subset-PFFuturaNeuSemiBold-Regular.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'PF Futura Neu Book';
    src: url('fonts/subset-PFFuturaNeuBook-Regular.woff2') format('woff2'),
        url('fonts/subset-PFFuturaNeuBook-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Futura Neu';
    src: url('fonts/subset-PFFuturaNeuLight-Regular.woff2') format('woff2'),
        url('fonts/subset-PFFuturaNeuLight-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'PF Futura Neu';
    src: url('fonts/subset-PFFuturaNeu-Regular.woff2') format('woff2'),
        url('fonts/subset-PFFuturaNeu-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Futura Neu';
    src: url('subset-PFFuturaNeuThin-Regular.woff2') format('woff2'),
        url('subset-PFFuturaNeuThin-Regular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}





/* html {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="16" height="16"><circle cx="8" cy="8" r="8" style="fill: black; opacity: .5;"/></svg>'), pointer;
} */

body{
    font-family: 'Alegreya', serif;
    text-align: center;
    background-color: #ecebe7;
    color: #414141;
    font-size: 28px;
    line-height: 1.36;
    overflow-x: hidden;
}

.preload body{
    overflow-y: hidden;
}
#page-loader{
    z-index: 999;
}
.preload #page-loader{
    display: block;
    position: fixed;
    background-color: #e1dfd7;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
}
#feather{
    /* position: absolute; */
    position: fixed;
    display: block;
    width: 133px;
    height: 147px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#feather-icon{
    transform: scale(.8);
}
.preload.preload-done #page-loader{
    overflow-y: hidden;
}
/* .preload.intro-done #page-loader{
    overflow-y: scroll;
} */
.preload.preload-done body{
    overflow-y: auto;
}

.intro.preload-done #page{
    overflow-y: hidden;
    height: 100vh;
}
.intro.preload-done body, .intro-menu.preload-done body{
    /* overflow-y: scroll; */
    /* overflow-y: hidden; */
}

.navigation-menu-pane--opened #page{
    overflow-y: hidden;
    height: 100vh;
}
.preload.preload-done.navigation-menu-pane--opened body{
    overflow-y: scroll;
}

#cursor .txt{
    display: none;
}

#page{
    overflow: hidden;
}

a, a:hover, a:active, a:focus{
    color: inherit;
    text-decoration: none;
    /* cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="16" height="16"><circle cx="8" cy="8" r="8" style="fill: black; opacity: 1;"/></svg>'), pointer; */
}

a.__mTL, .image-hover-effect, #content .images-container-slider .carousel{
    display: block;
    transition: all .3s ease;
    transform: scale(.9);
}

a.__mTL:hover, .image-hover-effect:hover, #content .images-container-slider .carousel:hover{
    transform: scale(1);
}

.image-hover-effect{
    backface-visibility: hidden;
}

img{
    max-width: 100%;
    height: auto;
}

img.img-full{
    display: block;
    width: 70%;
    height: auto;
    margin: auto;
    position: relative;
}

.images-container{
    margin: 100px auto;
    position: relative;
}

.images-container img{
    margin-bottom: 25px;
}

header{
    padding: 100px 0;
}

@-webkit-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}
@-moz-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50%	}
	100% { background-position: 0% 50% }
}
@keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

.logo{
    display: inline-block;
}

#nav-menu-toggle{
    position: absolute;
    right: 24px;
    top: 40px;
    display: block;
    padding: 7px;
}

#nav-menu-toggle .shape{
    width: 37px;
    height: 2px;
    background-color: #000;
    display: block;
    float: right;
    clear: right;
}

#nav-menu-toggle .shape:nth-child(2){
    margin: 6px 0;
}

#nav-menu-toggle .shape:nth-child(3){
    width: 25px;
}

#navigation-menu-pane{
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 100%;
    background-color: rgba(78,78,75,1);
    color: #bfb7a3;
    overflow-y: auto;
    overflow-x: hidden;
    transition: opacity .3s ease .2s, right 0s ease .5s;
    opacity: 0;
    font-family: 'PF Futura Neu Book', sans-serif;
    line-height: normal;
}

.navigation-menu-pane--opened #navigation-menu-pane{
    right: 0;
    opacity: 1;
    transition-delay: 0s, 0s;
}

#navigation-menu-pane-content{
    position: relative;
    margin: 3vw auto auto auto;
    transition: all .2s ease 0s;
    opacity: 0;
}

.navigation-menu-pane--opened #navigation-menu-pane-content{
    opacity: 1;
    transition-delay: .3s;
}

#navigation-menu{
    margin-top: 10vh;
    margin-left: 10vw;
    text-align: left;
    padding-right: 1em;
}

#navigation-menu-primary{
    font-size: 26px;
    line-height: 1.4;
}

#navigation-menu-secondary{
    font-size: 18px;
    line-height: 1.5;
}

#nav-menu-close{
    font-size: 16px;
    color: #e1dfd7;
    margin-right: 40px;
    position: relative;
}

#nav-menu-close::after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -40px;
    height: 3px;
    margin-top: -1px;
    width: 25px;
    background-color: #e1dfd7;
}

#navigation-menu a{
    position: relative;
    display: inline-block;
}

#navigation-menu a::before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -10vw;
    height: 3px;
    margin-top: -1px;
    width: 8vw;
    background-color: #e1dfd7;
    opacity: 0;
    transition: all .25s ease 0s;
}

#navigation-menu a:hover::before, #navigation-menu a.active::before{
    opacity: 1;
    transition-delay: .15s;
}

#navigation-menu-pane-bg, #navigation-menu-pane-bg > span{
    position: absolute;
    margin: auto;
    top: 50px;
    bottom: 50px;
    left: 50px;
    right: 50px;
    opacity: 0;
    transition: opacity 1s ease-out .2s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#navigation-menu-pane-bg, #navigation-menu-pane-bg > span.active{
    opacity: .6;
}

/* #navigation-menu-pane-bg > span[data-person='theotokas'] > img{ width: 177px; height: 300px; object-fit: contain; max-width: none; }
#navigation-menu-pane-bg > span[data-person='kazantzakis'] > img{ width: 223px; height: 300px; object-fit: contain; max-width: none; }
#navigation-menu-pane-bg > span[data-person='kontoglou'] > img{ width: 194px; height: 300px; object-fit: contain; max-width: none; }
#navigation-menu-pane-bg > span[data-person='papantoniou'] > img{ width: 235px; height: 300px; object-fit: contain; max-width: none; }
#navigation-menu-pane-bg > span[data-person='sikelianos'] > img{ width: 535px; height: 567px; object-fit: contain; max-width: none; } */

#navigation-menu-pane-bg > span > img{
    visibility: hidden;
}

h1{
    font-family: 'PF Futura Neu Book', sans-serif;
    font-size: 32px;
    line-height: normal;
    letter-spacing: 2px;
    color: #000;
}

p{
    margin: auto;
}

hr{
    width: 170px;
    height: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    border: solid 2px #000000;
    clear: both;
    margin: auto;
}

#content > section{
    position: relative;
    margin: auto;
}

#content > section h1, #content > section h2, #content > section p{
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
}

div.alt, section.alt, header.alt{
    background-color: #cbc2ac;
    color: #000;
}

div.alt-2, section.alt-2{
    background-color: #dddbd5;
    color: #6d0e25;
}

#s1{
    font-family: 'PF Futura Neu Book', sans-serif;
    padding: 95px 0 280px 0;
    /* background: linear-gradient(90deg, #cbc2ac, #fff);
	background-size: 200% 200%;
	-webkit-animation: Gradient 10s ease infinite;
	-moz-animation: Gradient 10s ease infinite;
	animation: Gradient 10s ease infinite; */
}

#s1[data-person='theotokas'], #s1[data-person='papantoniou'], #s1[data-person='kontoglou']{
    padding-bottom: 100px;
}
#s1[data-person='theotokas'] + #s2, #s1[data-person='papantoniou'] + #s2, #s1[data-person='kontoglou'] + #s2{
    padding-top: 100px;
}

/* #s1 p:first-of-type{
    font-size: 22px;
    line-height: 1.45;
} */

#s1[data-person] > h2 + p{
    font-size: 73%;
}

#s1 p:nth-of-type(2){
    font-size: 18px;
    line-height: 1.78;
}

#s1 hr{
    margin-top: 80px;
    margin-bottom: 80px;
}

#writer-image-bg{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
    display: block;
    padding-bottom: 50vh;
    position: absolute;
    /* max-width: 535px; */
    left: 0;
    right: 0;
    top: 220px;
}

#writer-image-bg ~ *{
    position: relative;
}

#writer-image-bg + h2 + p{
    margin-top: calc(50vh + 110px);
}

#imerologio-pic, #imerologio-pic-2{
    margin: -33vw auto 130px auto;
    position: relative;
    max-width: 90%;
    display: block;
}

/* #s2{
    padding-bottom: 100px;
} */

#s2 h1, #s6 h1{
    /* margin-bottom: 100px; */
    margin-bottom: 150px;
    line-height: 1.2;
}

#s2 hr{
    width: 48px;
    margin-top: 45px;
    margin-bottom: 45px;
}

#s3{
    padding: 90px 0;
    /* background-image: url(../images/seimiomatario.svg); */
    background-repeat: no-repeat;
    background-position: 20% 50%;
    background-size: auto 80%;
    background-attachment: fixed;
}

#s3:before{
    content: "";
    position: absolute;
    /* opacity: .3; */
    opacity: .08;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    background-image: url(../images/151927_B_mmm.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#content-inner-wrapper #s3:before{
    display: none;
}

.writer-bg-image::before{
    content: "";
    position: absolute;
    /* opacity: .3; */
    opacity: .1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.writer-bg-image{
    position: relative;
    padding-top: 130px;
    padding-bottom: 50px;
}

.writer-bg-image-papantoniou::before{
    background-image: url(../images/EO_Papantoniou_bg-e.jpg);
}
.writer-bg-image-kazantzakis::before{
    background-image: url(../images/EO_Kazantakis_bg.png);
    background-color: #ecebe7;
    background-blend-mode: color-burn;
    opacity: .4;
    background-size: auto 100%;
}
.writer-bg-image-theotokas::before{
    background-image: url(../images/theotokas_xirografo.jpg);
}
.writer-bg-image-theotokas-2::before{
    background-image: url(../images/theotokas_xirografo-2.jpg);
    opacity: .06;
    background-blend-mode: multiply;
    background-color: #ecebe7;
}
.writer-bg-image-sikelianos-2::before, .writer-bg-image-kazantzakis-2::before{
    background-image: url(../images/sikelianos-mmm-151927_A.jpg);
}
.writer-bg-image-kazantzakis-2::before{
    background-position-y: bottom;
}
.writer-bg-image-kontoglou::before{
    background-image: url(../images/fk3_mmm.png);
    opacity: .06;
    background-blend-mode: screen;
    background-color: #5f5e5c;
}

#s4{
    padding: 0px 0;
}

#s4 hr{
    width: 48px;
    margin-top: 40px;
    margin-bottom: 40px;
}

#s4 img.img-full{
    margin-top: 100px;
    margin-bottom: 100px;
}

#s4 .decor{
    display: inline-block;
    position: relative;
    max-width: 553px;
    width: 80%;
    margin: 140px auto;
}

#s4 .images-container{
    /* margin-bottom: 0; */
}

#s4 .images-container + .container .video .video-placeholder{
    margin-top: 0;
}

/* #writer-name-bg-as{
    background-image: url(../images/writer-name-fade.svg);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: auto 100%;
    margin-top: 80px;
    -webkit-animation: animatedBackground 40s linear infinite;
    -moz-animation: animatedBackground 40s linear infinite;
    animation: animatedBackground 40s linear infinite;
}
#writer-name-bg-nk{
    min-height: 764px;
    background-image: url(../images/writer-name-nk-fade.svg);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: auto 100%;
    margin-top: 80px;
    -webkit-animation: animatedBackground 40s linear infinite;
    -moz-animation: animatedBackground 40s linear infinite;
    animation: animatedBackground 40s linear infinite;
}

@keyframes animatedBackground {
	from { background-position: -120% 0; }
	to { background-position: 220% 0; }
} */

div[id*='writer-name-bg-']{
    /* min-height: 764px; */
    min-height: 21vw;
    background-image: url(../images/writer-name-nk-fade.svg);
    background-repeat: repeat-x;
    background-position: 100vw 50%;
    background-size: 100vw auto;
    margin-top: 80px;
    -webkit-animation: animatedBackground 80s linear infinite;
    -moz-animation: animatedBackground 80s linear infinite;
    animation: animatedBackground 80s linear infinite;
}
div[id*='writer-name-bg-']#writer-name-bg-as{
    background-image: url(../images/writer-name-fade.svg);
}
div[id*='writer-name-bg-']#writer-name-bg-gt{
    background-image: url(../images/writer-name-gt-fade.svg);
}
div[id*='writer-name-bg-']#writer-name-bg-zp{
    background-image: url(../images/writer-name-zp-fade.svg);
}
div[id*='writer-name-bg-']#writer-name-bg-fk{
    background-image: url(../images/writer-name-fk-fade.svg);
}

@keyframes animatedBackground {
	from { background-position: 100vw 0; }
	to { background-position: -200vw 0; }
}

@media only screen and (max-width: 1199px){
    div[id*='writer-name-bg-']{
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
        /* background-position: 70% 33%;
        background-size: 250vw auto; */
        background-position: 66% center;
        background-size: auto 100%;
    }
}

#s5{
    padding: 10px 10px 170px 10px;
    padding-bottom: 0;
}

#s5 img.img-full + p, #s5 picture + p{
    margin-top: 100px;
}

#s6.alt-2{
    margin-top: 190px;
    padding-top: 190px;
    padding-bottom: 120px;
}

#s6 .color-alt-2{
    color: #71152b;
}

#s1[data-person='kazantzakis'] ~ #s5{
    /* margin-bottom: 300px; */
    margin-bottom: 200px;
}

#s1[data-person='kazantzakis'] ~ #s6 #audioPlayerWrap2{
    margin-top: 150px;
    margin-bottom: 150px;
}

#content .carousel-control-prev{
    display: none; /* disable carousel previous */
}

#content .carousel-control-next-icon, #content .carousel-control-prev-icon{
    background-image: url(../images/carousel-arrow.svg);
    background-color: #474343;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: 40%;
}

#content .carousel-control-next-icon{
    margin-right: -100%;
}

#content .carousel-control-prev-icon{
    transform: rotate(180deg);
    margin-left: -100%;
}

@media only screen and (max-width: 767px){
    #content .carousel-control-next-icon, #content .carousel-control-prev-icon{
        width: 50px;
        height: 50px;
    }
    #content .carousel-control-next-icon{
        margin-right: -85%;
    }
    
    #content .carousel-control-prev-icon{
        margin-left: -85%;
    }
}

.carousel-control-next, .carousel-control-prev, 
.carousel-control-next:focus, .carousel-control-prev:focus{
    /* opacity: 0; */
    /* opacity: .75; */
    opacity: 1;
    transition: all .3s;
}
.carousel-control-next:hover, .carousel-control-prev:hover{
    opacity: 1;
}

#content .images-container-slider .carousel-item .carousel-item-img{
    display: block;
    /* height: 75vh; */
    /* height: 90vh; */
    height: 82vh;
    /* background-size: contain; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#content .images-container-slider .carousel-item .carousel-item-img.carousel-item-img-portrait{
    background-size: auto 133%;
}

/* @media only screen and (min-height: 768px){
    #content .images-container-slider .carousel-item .carousel-item-img{
        background-size: cover;
    }
    #content .images-container-slider .carousel-item .carousel-item-img.carousel-item-img-portrait{
        background-size: auto 133%;
    }
} */

#content .images-container-slider-rect .carousel{
    width: 500px;
    margin: auto;
    max-width: 100%;
}

@media only screen and (max-width: 767px) and (orientation:portrait){
    #content .images-container-slider .carousel-item .carousel-item-img.carousel-item-img-landscape{
        background-size: 166% auto;
    }
}

#content .images-container-slider .carousel-control-next, #content .images-container-slider .carousel-control-prev{
    width: 45%;
}

/* #content .carousel-item .carousel-item-img-contain{
    background-size: contain;
} */

.video{
    position: relative;
    margin: 0 auto;
}

.video-placeholder{
    position:relative;
    margin: 100px auto;
    max-width: 1176px;
    padding-bottom:56%;
    height: 0;
    background-color: #000;
}

.video-placeholder::after{
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(../images/play-3.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.video-placeholder > video, .video-placeholder > iframe{
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
}

.video-placeholder video, .video-placeholder iframe{
    z-index: 2;
}

footer{
    background-color: #cbc2ac;
    color: #000;
    padding: 150px 0 150px;
    /* margin-bottom: 80px; */
    transition: opacity .4s;
}

footer .logo{
    max-width: 170px;
}

#footer-nav{
    font-size: 16px;
    font-family: 'PF Futura Neu Book', sans-serif;
    margin: 60px auto 140px auto;
    position: relative;
}

#footer-nav li{
    margin: 0 1em;
}

#footer-nav li a{
    display: inline-block;
    position: relative;
    padding: 2px 0 4px 0;
}

#footer-nav li a::after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    right: 0;
    background-color: #000;
    transition: all .25s ease-in-out 0s;
    transform: scaleX(0);
    transform-origin: center;
}

#footer-nav li a:hover::after, #footer-nav li a.active::after{
    transform: scaleX(1);
    transition-delay: .15s;
}

@media only screen and (max-width: 767px){
    #footer-nav .list-inline-item{
        display: block;
        margin-top: 1em;
        margin-bottom: 1em;
    }
}

.copyright{
    font-family: 'PF Futura Neu Semi', sans-serif;
    font-size: 12px;
}

#back-to-top {
    display: block;
    position: fixed;
    right: 24px;
    bottom: 77px;
    overflow: hidden;
    width: 48px;
    height: 48px;
    background-color: rgba(255,255,255,.5);
    background-image: url(../images/up-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 28px;
    border-radius: 50%;
}

#back-to-bottom {
    display: block;
    position: fixed;
    right: 24px;
    bottom: 24px;
    overflow: hidden;
    width: 48px;
    height: 48px;
    background-color: rgba(255,255,255,.5);
    background-image: url(../images/download.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 28px;
    transition: all .5s ease;
    border-radius: 50%;
}

#back-to-top.reveal{
    transform: translateY(0);
}

/* ps2id scrolling progress indicator */
#ps2id-scroll-progress {
    width: 100%;
    height: 2px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 997;
}

#ps2id-scroll-progress-bar {
    height: 2px;
    background: #000;
    /*width: 0;*/
    width: 100%;
    transform: scaleX(0);
    /* transform-origin: 0 0 0; */
    transform-origin: 50% 0 0;
}
/* -------------------- */

/* Line-On-Sides Headers */
.fancy {
    line-height: 0.5;
    text-align: center;
}
.fancy > span {
    display: inline-block;
    position: relative;  
}
.fancy > span:before,
.fancy > span:after {
    content: "";
    position: absolute;
    height: 3px;
    background-color: #000;
    top: 60%;
    /* width: 600px; */
}
.fancy > span:before {
    right: 100%;
    margin-right: 40px;
    left: -40%;
}
.fancy > span:after {
    left: 100%;
    margin-left: 40px;
    right: -40%;
}

section[data-person='theotokas'] + #s2 > h1.fancy:first-child > span:before{
    left: -20%;
}
section[data-person='theotokas'] + #s2 > h1.fancy:first-child > span:after{
    right: -20%;
}
section[data-person='papantoniou'] + #s2 > h1.fancy:first-child > span:before{
    left: -80%;
}
section[data-person='papantoniou'] + #s2 > h1.fancy:first-child > span:after{
    right: -80%;
}

h1.fancy > span > small{
    font-size: 50%;
}
/* -------------------- */

.intro header, .intro footer{
    display: none;
}

#intro{
    background-color: #212121;
    color: #ebe8e0;
    min-height: 100vh;
    overflow: hidden;
    font-family: 'PF Futura Neu Book', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    position: relative;
    padding: 8vh 1em 1em 1em;
    /* display: none; */
}

/* .intro #intro{
    display: block;
} */

#intro .logo{
    width: 220px;
    height: auto;
    margin-bottom: 2vh;
    position: relative;
}

#intro .logo-idatosima{
    width: 80px;
    height: auto;
    margin: 2vh auto 6vh auto;
    position: relative;
    display: block;
    position: absolute;
    top: 6vh;
    width: 60px;
    right: 3vw;
}

.intro-start-btn{
    display: block;
    width: 118px;
    height: 118px;
    line-height: 118px;
    background-color: #fff;
    color: #4e4e4b;
    border-radius: 50%;
    font-family: 'PF Futura Neu', sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    bottom: 10vh;
    left: 0;
    right: 0;
    margin: auto;
}

.intro-txt{
    position: relative;
}

.intro-menu header{
    display: none;
}

.intro-menu footer{
    padding-top: 10vh;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 100vh;
    background-color: #e1dfd7;
    opacity: 0;
}

.intro-menu footer .copyright{
    display: none;
}

.intro-menu #footer-nav{
    margin-bottom: 0;
    overflow: hidden;
}

#intro-menu-carousel{
    display: none;
}

#audioPlayerWrap, #audioPlayerWrap2, #audioPlayerWrap3{
    margin: 80px auto;
    width: 580px;
    max-width: 100%;
    position: relative;
    padding: 0 10px;
}

#apc-progress, #apc-progress2, #apc-progress3{
    display: block;
    width: 0;
    background: #474343;
    position: absolute;
    top: -2px;
    left: 0;
    height: 6px;
    margin: auto;
    transition: width .3s linear;
} 

#apc-progress-wrap, #apc-progress-wrap2, #apc-progress-wrap3{
    position: relative;
    display: block;
    height: 2px;
    background: #474343;
    margin-bottom: 5px;
}

#audioPlayerWrap h6, #audioPlayerWrap2 h6, #audioPlayerWrap3 h6{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

#apc-progress-info, #apc-progress-info2, #apc-progress-info3{
    font-size: 14px;
    color: #bfb7a3;
    font-family: 'PF Futura Neu', sans-serif;
    font-weight: 500;
}
/* ------ ALLAGES KAZANTZAKI ------ */
#s3 > h1 > span {
    line-height: 1em;
}
.customText {
    text-align: justify;
}
.customDiv {
    /* border: 1px solid purple; */
    display: flex;
    justify-content: space-between;
    max-width: 1340px;
    font-size: 24px;
   
}

.padColumn {
    width: 152px;
}

@media screen and (max-width: 1439px) {
    .padColumn {
        width: 141px;
    }
}

@media screen and (max-width: 1279px) {
    .padColumn {
        width: 135px;
    }
}

@media screen and (max-width: 1199px) {
    .padColumn {
        width: 160px;
    }
}

@media screen and (max-width: 991px) {
    .padColumn {
        width: 125px;
    }
}

@media screen and (max-width: 767px) {
    .padColumn {
        display:none;
    }
    .customText {
        width: 402px;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .customText {
        width: 80%;
    }
}

/* ------ ALLAGES KAZANTZAKI ------ */


@media only screen and (max-height: 480px) {
    .intro-txt{
        font-size: 16px;
    }

    .intro-start-btn{
        width: 64px;
        height: 64px;
        line-height: 64px;
        font-size: 12px;
    }
}

#intro-bg{
    display: none
}

.txt-sans{
    font-family: 'PF Futura Neu Book', sans-serif;
    font-size: 24px;
    line-height: 1.5;
}

#content > section .first-letter > img{
    /* margin-bottom: 40px;
    max-width: 80%; */
    max-width: 120px;
    margin-bottom: 20px;
}

#content > section .first-letter-text p{
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 35px;
}

.col.col-12.col-md-5.first-letter > a, center {
    margin-bottom: 35px;
}

/* .first-letter-text-first{
    display: none;
} */
/* 
.first-letter {
    display: none;
} */

.images-container .justify-content-md-center .col-12 img[src*='.svg']{
    /* width: 22vw;
    min-width: 280px; */
    width: 400px;
    /* margin-bottom: 100px;
    margin-top: 50px; */
    margin-bottom: 70px;
}

.images-container .justify-content-md-center .col-12 img[src*='fill-1.svg']{
    width: auto;
    min-width: 0;
    /* margin-bottom: 150px; */
    margin-bottom: 90px;
    margin-top: 0;
}
.images-container .justify-content-md-center .col-12 img[src*='new-chair.svg']{
    min-width: 0;
    max-width: 240px;
}
.images-container .justify-content-md-center .col-12 img[src*='new-kavaleto.svg']{
    min-width: 0;
    max-width: 200px;
}

.container.with-letter + .container.with-letter{
    margin-top: 60px;
}

section#videos{
    margin-bottom: 120px;
}

@media only screen and (min-width: 320px) {
    h1{
        font-size: 48px;
    }
}

@media only screen and (min-width: 648px) {
    #imerologio-pic, #imerologio-pic-2{
        margin-top: -28vw;
    }
}

.first-letter {
    display: none;
}

@media only screen and (min-width: 768px) {
    /* mobile */
    .first-letter {
        display: initial;
    }
    .padColumn img {
        width: 95px;
        margin-right: 20px;
    }
    .myFirstLetter:first-letter {
        font-size:0;
    }
    .first-letter-text.first-letter-text-img p:first-child::first-letter { 
        font-size: 0;
    }
    .intro.preload-done body, .intro-menu.preload-done body{
        /* overflow-y: scroll; */
        overflow-y: hidden;
    }
    
    #nav-menu-toggle{
        top: 140px;
    }

    .images-container{
        /* margin-top: 150px; */
        margin-top: 100px;
        /* margin-bottom: 150px; */
        margin-bottom: 100px;
    }

    #imerologio-pic, #imerologio-pic-2{
        margin-top: -200px;
        max-width: 704px;
    }
    #imerologio-pic-2{
        max-width: 840px;
    }

    #s4 img.img-full{
        margin-top: 170px;
        margin-bottom: 170px;
    }

    #s5 img.img-full + p, #s5 picture + p{
        margin-top: 180px;
    }

    #navigation-menu-primary{
        font-size: 50px;
    }
    
    #navigation-menu-secondary{
        font-size: 30px;
    }

    .intro-txt{
        text-align: left;
        border-left: 3px solid #e1dfd7;
        padding: 19px;
        position: absolute;
        left: 80px;
        bottom: 70px;
        width: 549px;
        max-width: 100%;
    }

    .intro-start-btn{
        /* position: fixed;
        top: 0;
        width: auto;
        height: auto;
        bottom: 0;
        border-radius: 0;
        text-indent: -9999px;
        overflow: hidden;
        background-color: transparent; */
        display: none;
    }

    #cursor .txt{
        display: block;
        /* font-size: 5.5%; */
        font-size: 16px;
        text-align: center;
        line-height: 1;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        font-family: 'PF Futura Neu', sans-serif;
        font-weight: 500;
    }

    #intro-bg{
        display: block;
        position: fixed;
        /* top: 33%; */
        top: 0;
        left: 0;
        overflow: hidden;
        bottom: 0;
        right: 0;
        font-size: 22vh;
        line-height: 1;
        color: #212121;
        text-align: left;
        /* white-space: nowrap; */
    }
    
    #intro-bg > span{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: auto;
        height: 44vh;
        /* transform: translateY(70vh); */
        transform: translateY(-30.25vh);
    }

    .preload-done #intro-bg > span{
        -webkit-animation: IntroAnim 20s linear infinite;
        -moz-animation: IntroAnim 20s linear infinite;
        animation: IntroAnim 20s linear infinite;
    }

    /* .preload-done #intro-bg > span.pause{
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        animation-play-state: paused;
    } */
    
    #intro-bg > span > a{
        display: inline-block;
        margin-left: 80px;
        /* white-space: normal;
        width: calc(100vw - 80px); */
        text-shadow: -1px -1px 0 #4e4e4b, 1px -1px 0 #4e4e4b, -1px 1px 0 #4e4e4b, 1px 1px 0 #4e4e4b;
        transition: all .4s ease-out;
    }

    #intro-bg > span > a:hover{
        text-shadow: -1px -1px 0 #6d6d64, 1px -1px 0 #6d6d64, -1px 1px 0 #6d6d64, 1px 1px 0 #6d6d64;
    }
    
    @-webkit-keyframes IntroAnim {
        from { transform: translateY(-30.25vh); }
        to { transform: translateY(-249.75vh); }
    }
    @-moz-keyframes IntroAnim {
        from { transform: translateY(-30.25vh); }
        to { transform: translateY(-249.75vh); }
    }
    /* @keyframes IntroAnim {
        from { transform: translateY(-96.3vh); }
        to { transform: translateY(-315.9vh); }
    } */
    @keyframes IntroAnim {
        from { transform: translateY(-30.25vh); }
        to { transform: translateY(-249.75vh); }
    }

    #intro-menu-carousel{
        /* height: 48vh; */
        height: 58vh;
        margin-top: 5vh;
    }

    #intro-menu-carousel .carousel-inner, #intro-menu-carousel .carousel-item, #intro-menu-carousel .carousel-item > a, 
    #intro-menu-carousel .carousel-item > a > span, #intro-menu-carousel .slide-img{
        height: 100%;
    }

    #intro-menu-carousel .carousel-item > a{
        display: block;
        background-repeat: no-repeat;
        background-position: 33% 50%;
        background-size: contain;
        position: relative;
    }

    #intro-menu-carousel .carousel-item > a::before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: auto;
        height: auto;
        padding: 0;
        /* transform: scale3d(0,0,0);
        opacity: 0; */
        /* transform: scale3d(.07,.07,.07); */
        /* transform-origin: 51% 70%; */
        transform: scale3d(.15,.15,.15);
        transition: all .25s ease-out;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 115%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='black' stroke-width='0' fill='%23cbc2ac' /%3E Sorry, your browser does not support inline SVG. %3C/svg%3E ");
    }
    #intro-menu-carousel .carousel-item > a:hover::before{
        transform: scale3d(1,1,1);
        /* opacity: 1; */
    }

    #intro-menu-carousel .carousel-item > a > span{
        width: 70%;
    }

    #intro-menu-carousel .slide-img, #intro-menu-carousel .slide-content{
        display: block;
        font-family: 'PF Futura Neu Book', sans-serif;
        text-align: left;
        float: left;
        position: relative;
    }

    #intro-menu-carousel .slide-title{
        font-size: 24px;
        color: #414141;
        display: inline-block;
        height: 80px;
        line-height: 80px;
        max-width: 400px;
        white-space: nowrap;
    }

    #intro-menu-carousel .slide-title.fancy span:before{
        display: none;
    }

    #intro-menu-carousel .slide-title.fancy span:after{
        left: 100%;
        margin-left: 20px;
        right: 0%;
        top: 50%;
        margin-top: -1px;
    }

    #intro-menu-carousel .slide-text{
        /* font-size: 20px; */
        font-size: 16px;
        color: #4e4e4b;
        /* line-height: 1.2; */
        /* max-width: 360px; */
        line-height: 1.4;
        width: 100%;
        max-width: 560px;
        display: inline-block;
        overflow-y: auto;
        max-height: 260px;
    }

    #intro-menu-carousel .slide-content{
        position: relative;
        width: 50%;
        /* top: calc(50% - 40px); */
        top: calc(25% - 40px);
    }

    #intro-menu-carousel .slide-img{
        width: 46%;
        background-repeat: no-repeat;
        /* background-position: 100% 50%; */
        background-position: 100% 35%;
        background-size: contain;
        margin-right: 4%;
    }

    #intro-menu-carousel .slide-img.fancy > span{
        width: 100%;
        height: 100%;
    }

    #intro-menu-carousel .slide-img.fancy span:before{
        right: 0%;
        margin-right: 40px;
        left: -15%;
        width: calc(22vw - 30vh);
        top: 50%;
        margin-top: -1px;
    }

    #intro-menu-carousel .slide-img.fancy span:after{
        display: none;
    }

    #intro-menu-carousel .carousel-control-next-icon{
        background-image: url(../images/rarr.svg);
    }

    #intro-menu-carousel .carousel-control-prev-icon{
        background-image: url(../images/larr.svg);
    }

    #intro-menu-carousel .carousel-control-next-icon, #intro-menu-carousel .carousel-control-prev-icon{
        width: 36px;
        height: 36px;
    }

    #intro-menu-carousel .carousel-control-next, #intro-menu-carousel .carousel-control-prev{
        opacity: 1;
        bottom: 50%;
    }

    #intro-menu-carousel .carousel-item > a > span.fancy > span:before{
        /* right: calc(40vw + 60vh); */
        right: calc(33vw + 60vh);
        margin-right: 0;
        left: -5vw;
        /* top: 50%; */
        top: 25%;
        margin-top: -1px;
    }

    #intro-menu-carousel .carousel-item > a > span.fancy > span:after{
        right: -5vw;
        margin-left: 0;
        left: calc(45% + 400px);
        /* top: 50%; */
        top: 25%;
        margin-top: -1px;
    }

    #content > section .first-letter{
        text-align: right;
    }

    #content > section .first-letter-text p{
        text-align: left;
        margin-left: 0;
    }

    #content > section .first-letter > img{
        margin-bottom: 40px;
        max-width: 80%;
    }

    .container.with-letter .images-container{
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #content .container.with-letter .images-container-slider .carousel-item .carousel-item-img{
        height: 20vw;
        max-height: 300px;
    }

    #content .container.with-letter .images-container-slider .carousel-control-next-icon, #content .container.with-letter .images-container-slider .carousel-control-prev-icon{
        width: 52px;
        height: 52px;
    }

    #content .container.with-letter .images-container-slider .carousel-control-next, #content .container.with-letter .images-container-slider .carousel-control-prev{
        width: 15%;
    }

    #content .container.with-letter .images-container-slider .carousel, #content .container.with-letter .images-container-slider a.__mTL {
        transform: scale(1);
    }
    .wider .col-md-5 a {
        transform: scale(1);
    }
    #content .container.with-letter .images-container-slider .carousel:hover, .wider .col-md-5 a:hover {
        transform: scale(1.1);
    }

    #content .container.with-letter .images-container-slider .carousel-inner{
        background-color: rgba(0,0,0,.1);
    }

    .wider .col-md-5 a img.is-portrait{
        max-height: 480px;
    }

    #content > section .wider p{
        max-width: none;
    }

    #content > section .wider .first-letter > img{
        max-width: 100%;
    }

    #content > section .wider .first-letter-text + .first-letter{
        text-align: left;
    }
}

#content-inner-wrapper.writer-bg-image {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

#content-inner-wrapper.writer-bg-image::before{
    position: fixed;
    z-index: 0;
    z-index: -1;
    opacity: .07;
}

#content-inner-wrapper.writer-bg-image > section{
    z-index: 1;
}

@media only screen and (max-width: 767px){
    .wider .images-container{
        margin: 0 auto;
    }
    
    .wider .col-md-5 a{
        margin-bottom: 100px;
    }
}

@media only screen and (min-width: 768px) and (min-height: 768px) {
    #intro-menu-carousel{
        display: block;
        /* height: 60vh; */
    }
}

/* @media only screen and (width: 768px) and (height: 768px) {
    #intro-menu-carousel{
        height: 60vh;
    }
} */

@media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation:portrait) {
    #intro-menu-carousel .slide-text{
        font-size: 15px;
        line-height: 1.3;
    }
}
@media only screen and (min-width: 1024px) and (max-height: 768px) and (orientation:landscape) {
    #intro-menu-carousel .slide-text{
        font-size: 15px;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 1200px) {
    #intro-menu-carousel .slide-text{
        font-size: 14px;
        line-height: 1.3;
    }
}
@media only screen and (max-width: 992px) {
    #intro-menu-carousel .slide-text{
        font-size: 13px;
        line-height: 1.3;
    }

    #footer-nav li {
        margin: 0 .5em;
    }
}

@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
    .intro-start-btn{
        display: block;
        bottom: 260px;
    }
}
@media only screen and (width: 1024px) and (height: 768px) and (orientation:landscape) {
    .intro-start-btn{
        display: block;
        left: auto;
        right: 10vw;
    }
}
@media only screen and (width: 1024px) and (height: 1366px) and (orientation:portrait) {
    .intro-start-btn{
        display: block;
        left: auto;
        right: 10vw;
        bottom: 80px;
    }
}
@media only screen and (width: 1366px) and (height: 1024px) and (orientation:landscape) {
    .intro-start-btn{
        display: block;
        left: auto;
        right: 10vw;
    }
}

@media only screen and (min-width: 992px) {
    #s3{
        background-position: 5% 50%;
    }

    #audioPlayerWrap, #audioPlayerWrap2, #audioPlayerWrap3{
        margin: 120px auto;
    }

    /* sticky audio */
    #audioPlayerControls, #audioPlayerControls2, #audioPlayerControls3{
        min-height: 60px;
    }
    #apc-play, #apc-play2, #apc-play3{
        position: relative;
        opacity: .75;
        -webkit-animation: stickyAnim2 1s ease;
        -moz-animation: stickyAnim2 1s ease;
        animation: stickyAnim2 1s ease;
    }
    #apc-play.sticky, #apc-play2.sticky, #apc-play3.sticky{
        position: fixed;
        /* bottom: 10px; */
        /* bottom: 100px; */
        bottom: 20px;
        left: 10px;
        z-index: 997;
        width: 48px;
        opacity: .75;
        -webkit-animation: stickyAnim 1s ease;
        -moz-animation: stickyAnim 1s ease;
        animation: stickyAnim 1s ease;
    }
    #apc-play2.sticky{ margin-left: 70px; }
    #apc-play3.sticky{ margin-left: 140px; }
    #apc-play.sticky + .media-body, #apc-play2.sticky + .media-body, #apc-play3.sticky + .media-body{
        margin-left: 84px;
    }
    #apc-play:hover, #apc-play2:hover, #apc-play3:hover, 
    #apc-play.playing, #apc-play2.playing, #apc-play3.playing, 
    #apc-play:hover #apc-play, #apc-play2:hover #apc-play2, #apc-play3:hover #apc-play3, 
    #apc-play.playing #apc-play, #apc-play2.playing #apc-play2, #apc-play3.playing #apc-play3{
        opacity: 1;
    }
    @-webkit-keyframes stickyAnim {
        from { opacity: 0; }
        to { opacity: .75; }
    }
    @-moz-keyframes stickyAnim {
        from { opacity: 0; }
        to { opacity: .75; }
    }
    @keyframes stickyAnim {
        from { opacity: 0; }
        to { opacity: .75; }
    }
    @-webkit-keyframes stickyAnim2 {
        from { opacity: 0; }
        to { opacity: .75; }
    }
    @-moz-keyframes stickyAnim2 {
        from { opacity: 0; }
        to { opacity: .75; }
    }
    @keyframes stickyAnim2 {
        from { opacity: 0; }
        to { opacity: .75; }
    }
    a[id*='apc-play'] > img{
        transition: transform .2s;
    }
    a[id*='apc-play']:hover > img{
        transform: scale(1.2);
    }
}

@media only screen and (min-width: 1200px) {
    /* .__is_desktop div.alt, .__is_desktop section.alt{
        background-color: #9c947f;
    }
    
    .__is_desktop div.alt-2, .__is_desktop section.alt-2{
        background-color: #ecebe7;
    } */
    
    .__is_desktop div.alt, .__is_desktop section.alt, .__is_desktop div.alt-2, .__is_desktop section.alt-2{
        transition: background-color 1s linear;
    }
    
    .__is_desktop div.alt.bg-color-alt, .__is_desktop section.alt.bg-color-alt, .__is_desktop div.alt-2.bg-color-alt, .__is_desktop section.alt-2.bg-color-alt{
        background-color: #cbc2ac;
    }
    
    .__is_desktop div.alt-2.bg-color-alt, .__is_desktop section.alt-2.bg-color-alt{
        background-color: #dddbd5;
    }

    #s1{
        text-align: left;
    }

    #writer-image-bg{
        right: 50vw;
        padding-bottom: 40vw;
        top: -80px;
    }

    header{
        padding-bottom: 200px;
    }

    #content > section #writer-image-bg + h2{
        margin-left: 50vw;
    }

    #writer-image-bg + h2 + p{
        margin-left: 50vw;
        margin-top: 25px;
        max-width: 470px;
    }

    #s1 p:nth-of-type(2){
        max-width: 960px;
    }

    .video-placeholder::after{
        width: 115px;
        height: 115px;
    }

    #content > section .txt-block-lg{
        max-width: 970px;
    }

    #s1{
        padding-bottom: calc(60px + 14%);
    }

    .container.with-letter{
        max-width: 1000px;
    }

    .container.with-letter.wider{
        max-width: 1140px;
    }

    section[data-person='theotokas'] #writer-image-bg{
        background-position-x: 70%;
    }

    img.is-portrait{
        height: 100vh;
        width: auto;
    }
}

@media only screen and (min-width: 1280px) {
    .container.with-letter.wider{
        max-width: 1220px;
    }
}

@media only screen and (min-width: 1440px) {
    #writer-image-bg{
        right: 36vw;
        /* padding-bottom: 30vw; */
        padding-bottom: 28vw;
       /*  top: -100px; */
       top: -50px;
    }

    section[data-person='theotokas'] #writer-image-bg{
        background-position-x: 60%;
    }

    .container.with-letter.wider{
        max-width: 1340px;
    }
}

@media only screen and (min-width: 1680px) {
    #s3{
        background-position: 20% 50%;
    }
}


.arrow-hidden {
    display: none!important;
}

.flex-column-align-middle {
    display: flex;
    justify-content: center;
    flex-direction: column;
}