html, body
{
/* scroll-behavior: smooth; */
min-height: 50vh;
}

body
{
font-family: "Commissioner",sans-serif;
font-size: 16px;
font-weight: 400;
width: 100%;
background-color: #958e83;
background-color: #756e63;
background-color: #726d64;
color: #ffffff;
overflow-x: hidden;
}

body.language-el .lang-el {display: block !important;}
body.language-el .lang-en {display: none !important;}

body.language-en .lang-el {display: none !important;}
body.language-en .lang-en {display: block !important;}

body.snapper
{
height: 100%;
overflow-y: hidden;
}

html.no-touch body.snapper article, html.touch body.snapper article
{
scroll-snap-type: y proximity;
width: 100vw;
height: 100vh;
position: relative;
overflow-x: hidden;
overflow-y: scroll;
}

html.no-touch body.snapper article::-webkit-scrollbar, html.touch body.snapper article::-webkit-scrollbar
{
display: none;
}

html.no-touch body.snapper.unsnap article, html.touch body.snapper.unsnap article
{
scroll-snap-type: none;
}

html.no-touch body.snapper article > *, html.touch body.snapper article > *
{
scroll-snap-align: start;
}

section
{
position: relative;
}

header .container, footer .container
{
max-width: 1000px;
padding: 0px;
padding-top: 20px;
padding-bottom: 20px;
}

/* section .container figure.size-sm, section .container img.size-sm {width: 25%;} */
/* section .container figure.size-rg, section .container img.size-rg {width: 33%;} */
/* section .container figure.size-md, section .container img.size-md {width: 50%;} */
/* section .container figure.size-lg, section .container img.size-lg {width: 100%;} */

/* section .container figure figcaption */
/* { */
/* font-size: 0.6em; */
/* opacity: 0.7; */
/* } */

/* section .container figure + h2 {margin-top: 2em;} */
/* section .container figure + h3 {margin-top: 2em;} */
/* section .container figure + p {margin-top: 2em;} */

/* section .container h2 + figure {margin-top: 1em;} */
/* section .container h3 + figure {margin-top: 1em;} */


section.full
{
width: 100%;
height: 100vh;
margin: 0px !important;
}

section.flex
{
display: flex;
justify-content: center;
align-items: center;
}

section.text 
{
margin-left: 19.1% !important;
margin-right: 19.1% !important;
width: 61.8%;
}

section.frieze.text .row
{
padding-bottom: 2rem;
}

b
{
font-weight: 800;
}

h1, h2, h3, h4, h5, h6
{
font-size: 1rem;
font-weight: 300;
font-family: "GFS Didot", serif;
}

body.EN h1, body.EN h2, body.EN h3, body.EN h4, body.EN h5, body.EN h6 {font-family: "Source Serif Pro", serif;}

h1, h2, h3, h4, h5, h6 {line-height: 1.3;}

h1 {font-size: 2.8rem; max-width: 61.8%; margin: auto;}
h2 {font-size: 2.2rem;}
section.footer h2 {font-size: 1.6rem;}
h3 {font-size: 1.6rem;}
h4, h5, h6 {font-size: 1rem;}

h2+h3 {margin-top: 0.5rem;}

h1+p {margin-top: 1rem;}
h2+p, h2+img+p {margin-top: 1rem;}
h3+p, h3+img+p {margin-top: 0.7rem;}
p+p {margin-top: 0.5rem;}

p {line-height: 1.6;}
p.size-xl {line-height: 1.4;}

.super-h
{
font-size: 1.3rem;
font-weight: 300;
font-family: "GFS Didot", serif;
margin-bottom: 0.6rem;
margin-top: 0.4rem;
}

body.EN .super-h {font-family: "Source Serif Pro", serif;}

.txt-capitalized {text-transform: uppercase;}

.txt-underline, .txt-underline-hover, .txt-underline-hover-accent
{
background-image: linear-gradient(to right, #000000, #000000);
background-repeat: no-repeat;
display: inline;
-webkit-transition: background 0.3s;
transition: background 0.3s;
background-position: 100% 100%, 0% 100%;
background-size: 100% 2px,0% 2px;
}

.txt-underline:hover, .txt-underline-hover:hover, .txt-underline-hover-accent:hover, .txt-underline.active, .txt-underline-hover.active, .txt-underline-hover-accent.active {background-size: 0% 2px,100% 2px;}

.size-sm {font-size: 0.8rem;}
.size-rg {font-size: 1.0rem;}
.size-md {font-size: 1.2rem;}
.size-lg {font-size: 1.4rem;}
.size-xl {font-size: 1.7rem;}
.size-xx {font-size: 2.2rem;}
.size-hh {font-size: 2.5rem;}

.lineheight-sm {line-height: 1.2;}

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

.float-left {float: left;}
.float-right {float: right;}
.float-middle {float: none; display: inline-block; text-align: center;}
.float-none {float: none !important;}

.display-block {display: block !important;}
.display-inline-block {display: inline-block !important;}
.display-inline {display: inline !important;}

.weight-sm {font-weight: 400;}
.weight-lg {font-weight: 800;}

.margin-lg {margin-top: 2em;}
.margin-xl {margin-top: 5em;}
.margin-auto {margin: auto !important;}

.color-lighttan {color: #958e83 !important;}
.bgcolor-lighttan {background-color: #958e83;}
.backgrounds .bg.lighttan {background-color: #958e83;}

.color-tan {color: #756e63 !important;}
.bgcolor-tan {background-color: #756e63;}
.backgrounds .bg.tan {background-color: #756e63;}

.color-greige {color: #726d64 !important;}
.bgcolor-greige {background-color: #726d64;}
.backgrounds .bg.greige {background-color: #726d64;}

.color-blue {color: #201f39 !important;}
.bgcolor-blue {background-color: #201f39;}
.backgrounds .bg.blue {background-color: #201f39;}

.color-olive {color: #2b2926 !important;}
.bgcolor-olive {background-color: #2b2926;}
.backgrounds .bg.olive {background-color: #2b2926;}

.color-brown {color: #363129 !important;}
.bgcolor-brown {background-color: #363129;}
.backgrounds .bg.brown {background-color: #363129;}


/**************************************/
/*                                    */
/*     links                          */
/*                                    */
/**************************************/

a
{
color: inherit;
text-decoration: none;
}

a.icon
{
display: inline-block;
width: 50px;
height: 50px;
font-size: 0px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.icon::before
{
content:"";
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
}

a.icon.facebook::before {background-image:url("../img/icon-facebook.png");}
a.icon.twitter::before {background-image:url("../img/icon-twitter.png");}
a.icon.linkedin::before {background-image:url("../img/icon-linkedin.png");}
a.icon.instagram::before {background-image:url("../img/icon-instagram.png");}
a.icon.youtube::before {background-image:url("../img/icon-youtube.png");}

a.icon:hover
{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

a.icon:active
{
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}

a.button
{
/* clip-path: polygon(5% 0%, 95% 0%, 95% 50%, 95% 100%, 5% 100%, 5% 50%); */
display: inline-block;
padding: 0.5rem 4rem;
font-weight: 800;
background-color: #dec51a;
color: #4b4946;
text-transform: uppercase;
/* background-size: auto 100%; */
/* background-position: -100px 50%; */
-webkit-transition: all 0.6s;
transition: all 0.6s;
}

a.button:hover
{
/* clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 10% 50%); */
/* clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 5% 50%); */
/* background-position: 120% 50%; */
background-color: #eed52a;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

a.button:active
{
background-color: #ceb50a;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}

a.more
{
color: #dec51a;
font-weight: 800;
font-size: 0.6em;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.more:hover
{
color: #eed52a;
}

a.more:active
{
color: #ceb50a;
}

.serif
{
font-weight: 300;
font-family: "GFS Didot", serif;
}

a .serif
{
font-weight: 800;
}

a.serif
{
margin-right: 2rem;
}

a.serif:last-of-type
{
margin-right: 0px;
}

body.EN a.serif {font-family: "Source Serif Pro", serif;}

.float-right a.serif
{
margin-right: 0px;
margin-left: 2rem;
}

.float-right a.serif:first-of-type
{
margin-left: 0px;
}

section.footer a
{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

section.footer a:hover
{
color: #dec51a;
}

/**************************************/
/*                                    */
/*     menu                           */
/*                                    */
/**************************************/

header
{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
color: #ffffff;
z-index: 100;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

body.scrolled header .container
{

}

body.fixedheader header 
{

}

a.menu-button
{
position: fixed;
top: 1rem;
left: 2rem;
z-index: 99;
font-size: 0.9rem;
font-weight: 300;
font-family: "GFS Didot", serif;
line-height: 1.3;
opacity: 0.5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.menu-button:hover
{
opacity: 1;
}

a.menu-button .menu-icon
{
text-align: center;
position: relative;
display: inline-block;
font-size: 1rem;
width: 1.5rem;
height: 1rem;
vertical-align: text-top;
margin-right: 1rem;
}

.menu-icon .bar
{
position: absolute;
width: 100%;
height: 2px;
border-radius: 1px;
background-color: #ffffff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.menu-button:hover .menu-icon .bar
{
background-color: #dec51a;
}

.menu-icon .bar:nth-child(1) {top: 15%;}
.menu-icon .bar:nth-child(2) {top: 50%;}
.menu-icon .bar:nth-child(3) {top: 85%;}

a.menu-button:hover .menu-icon .bar:nth-child(1) 
{
top: 0%;
}
a.menu-button:hover .menu-icon .bar:nth-child(2)
{

}
a.menu-button:hover .menu-icon .bar:nth-child(3)
{
top: 100%;
}

body.menu-open .menu-icon .bar:nth-child(1) 
{
top: 50%;
transform: rotate(45deg);
}
body.menu-open .menu-icon .bar:nth-child(2)
{
transform: scale(0.01);
}
body.menu-open .menu-icon .bar:nth-child(3)
{
top: 50%;
transform: rotate(-45deg);
}

body.menu-open a.menu-button:hover .menu-icon .bar:nth-child(1) 
{
top: 50%;
transform: rotate(45deg) scale(1.2);
}
body.menu-open a.menu-button:hover .menu-icon .bar:nth-child(2)
{
transform: scale(0.01);
}
body.menu-open a.menu-button:hover .menu-icon .bar:nth-child(3)
{
top: 50%;
transform: rotate(-45deg) scale(1.2);
}

.menu-title
{
position: fixed;
font-size: 0.9rem;
top: 1rem;
right: 2rem;
z-index: 99;
font-weight: 300;
font-family: "GFS Didot", serif;
opacity: 0.5;
}

body.homepage .menu-title {display: none;}
body.menu-open .menu-title {display: none;}

nav.menu.menu-language
{
position: fixed;
font-size: 0.9rem;
top: 1rem;
right: 2rem;
z-index: 99;
font-weight: 300;
font-family: "GFS Didot", serif;
opacity: 1;
display: none;
}

nav.menu.menu-language ul li
{
margin-bottom: 0px;
}

nav.menu.menu-language ul li a
{
color: #ffffff !important;
opacity: 0.7 !important;
}

nav.menu.menu-language ul li a:hover
{
opacity: 1 !important;
}

body.homepage nav.menu.menu-language {display: block;}
body.menu-open nav.menu.menu-language {display: block;}

@keyframes anim-menu-close
{
0% {opacity: 1;}
100% {opacity: 0;}
}

@keyframes anim-menu-open
{
0% {opacity: 0;}
100% {opacity: 1;}
}

header div.menu
{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(149,142,131,0.8);
background-color: rgba(43,41,38,1);
z-index: 9;
-webkit-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: anim-menu-close;
-ms-animation-name: anim-menu-close;
-o-animation-name: anim-menu-close;
animation-name: anim-menu-close;
-webkit-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

body.menu-open header div.menu
{
-webkit-animation-name: anim-menu-open;
-ms-animation-name: anim-menu-open;
-o-animation-name: anim-menu-open;
animation-name: anim-menu-open;
-webkit-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

nav.menu.menu-main
{
text-align: center;
width: 100vw;
position: fixed;
top: 19.1vh;
opacity: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

nav.menu.menu-secondary
{
text-align: center;
width: 100vw;
position: fixed;
bottom: 9.55vh;
bottom: 4.77vh;
opacity: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

nav.menu.menu-main ul
{
padding: 0px;
margin: 0px;
}

nav.menu ul li
{
display: block;
font-weight: 300;
font-family: "GFS Didot", serif;
padding: 0px;
margin: 0px;
margin-bottom: 3rem;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

nav.menu ul li a
{
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

nav.menu ul li a:hover
{
color: #dec51a;
}

nav.menu ul li a:active
{
color: #ceb50a;
}

nav.menu.menu-main ul li
{
display: block;
font-size: 1.6rem;
font-weight: 300;
font-family: "GFS Didot", serif;
margin-bottom: 3rem;
/* margin-top: 40px; */
-webkit-transition: all 1.4s;
transition: all 1.4s;
opacity: 0;
}

body.menu-open nav.menu.menu-main ul li
{
opacity: 1;
margin-top: 0px;
}

body.menu-open nav.menu.menu-main ul li:nth-child(1)
{
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}

body.menu-open nav.menu.menu-main ul li:nth-child(2)
{
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}

body.menu-open nav.menu.menu-main ul li:nth-child(3)
{
-webkit-transition-delay: 1.0s;
transition-delay: 1.0s;
}

body.menu-open nav.menu.menu-main ul li:nth-child(4)
{
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}

body.menu-open nav.menu.menu-main ul li:nth-child(5)
{
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}

body.menu-open nav.menu.menu-main ul li:nth-child(6)
{
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}

nav.menu.menu-main ul li li
{
display: inline-block;
font-size: 1rem;
margin-bottom: 0px;
margin-left: 1em;
margin-right: 1em;
margin-top: 0px;
-webkit-transition-delay: 0.8s !important;
transition-delay: 0.8s !important;
font-size: 0.95rem;
margin-left: 0.75em;
margin-right: 0.75em;
}

nav.menu.menu-secondary ul li
{
display: inline-block;
font-size: 1rem;
margin-bottom: 0px;
margin-left: 1em;
margin-right: 1em;
-webkit-transition: all 1.4s;
transition: all 1.4s;
-webkit-transition-delay: 2.0s;
transition-delay: 2.0s;
opacity: 0;
font-size: 0.95rem;
margin-left: 0.75em;
margin-right: 0.75em;
}

body.menu-open nav.menu.menu-secondary ul li
{
opacity: 1;
}

nav.menu ul li.active::before
{
content: "";
display: block;
position: absolute;
top: 0.45em;
left: -1em;
background-color: #ffffff;
width: 8px;
height: 8px;
}

nav.logo
{
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

nav.relevant
{
display: inline-block;
position: relative;
padding-left: 50px;
padding-right: 50px;
height: 30px;
vertical-align: middle;
line-height: 30px;
margin-bottom: 3em;
}

footer
{
display: none;
font-size: 0.6em;
position: fixed;
bottom: 0px;
left: 0px;
padding: 10px;
}

footer .container
{
padding: 0px;
}


/**************************************/
/*                                    */
/*     logos                          */
/*                                    */
/**************************************/

section.footer .col-body.col-split {padding-bottom: 2rem;}

a.ysma, a.acropolis-museum, a.ekt
{
text-indent: -9999px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
vertical-align: middle;
margin: 1rem;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

a.ysma:hover, a.acropolis-museum:hover, a.ekt:hover
{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

body.language-el a.ysma.lang-el, body.language-el a.acropolis-museum.lang-el, body.language-el a.ekt.lang-el
{
display: inline-block !important;
}

body.language-en a.ysma.lang-en, body.language-en a.acropolis-museum.lang-en, body.language-en a.ekt.lang-en
{
display: inline-block !important;
}

a.ysma.lang-el
{
background-image: url("../img/logo-ysma-el-mono-white.png");
background-image: url("../img/logo-ysma-el.png");
width: 72px;
height: 70px;
width: 52px;
height: 50px;
}

a.acropolis-museum.lang-el
{
background-image: url("../img/logo-acropolis-el-mono-white.png");
background-image: url("../img/logo-acropolis-el.png");
width: 111px;
height: 75px;
width: 96px;
height: 65px;
margin-bottom: 5px;
}

a.ekt.lang-el
{
background-image: url("../img/logo-ekt-el-mono-white.png");
background-image: url("../img/logo-ekt-el.png");
width: 300px;
height: 50px;
}

a.ysma.lang-en
{
background-image: url("../img/logo-ysma-en-mono-white.png");
background-image: url("../img/logo-ysma-en.png");
width: 72px;
height: 70px;
width: 52px;
height: 50px;
}

a.acropolis-museum.lang-en
{
background-image: url("../img/logo-acropolis-en-mono-white.png");
background-image: url("../img/logo-acropolis-en.png");
width: 102px;
height: 75px;
width: 96px;
height: 65px;
margin-bottom: 5px;
}

a.ekt.lang-en
{
background-image: url("../img/logo-ekt-en-mono-white.png");
background-image: url("../img/logo-ekt-en.png");
width: 300px;
height: 50px;
}

/**************************************/
/*                                    */
/*     sections                       */
/*                                    */
/**************************************/

section
{
/* padding-top: 50px; */
/* padding-bottom: 50px; */
}

/* section.snapp .row */
/* { */
/* opacity: 0; */
/* -webkit-transition: all 1.5s; */
/* transition: all 1.5s; */
/* } */

/* section.snapp.above .row */
/* { */
/* transform: translateY(350px); */
/* } */

/* section.snapp.below .row */
/* { */
/* transform: translateY(-350px); */
/* } */

/* section.snapp.active .row */
/* { */
/* transform: translateY(0px); */
/* opacity: 1; */
/* } */

section + section
{
margin-top: 0px;
}

section p
{
text-align: justify;
/* -webkit-hyphens: auto; */
/* -moz-hyphens: auto; */
/* hyphens: auto; */
}

section:nth-last-of-type(1)
{
/* padding-bottom: 75px; */
}

section.full
{
height: 100vh;
overflow: hidden;
}

section.fixed
{
position: fixed;
top: 0px;
left: 0px;
}

section.full.overflowing
{
height: auto;
min-height: 100vh;
overflow: auto;
}

section .row
{
width: 100%;
padding-top: 9.55vh;
padding-bottom: 9.55vh;
}

section.generic.mainbody .row
{
padding-top: 19.1vh;
padding-bottom: 19.1vh;
}

section.learn:not(.intro) .row, section.parthenon:not(.intro) .row
{
padding-bottom: 19.1vh;
}

section .row-golden
{
min-height: 61.8%;
}

section .row-silver
{
min-height: 38.2%;
}

section .row-equal
{
min-height: 50%;
}

section .row-top
{
}

section .row-bottom
{
position: absolute;
bottom: 0px;
}

section .row-ongold
{
position: absolute;
bottom: 38.2%;
}

section .container
{
max-width: 1200px;
padding: 0px;
}

section .container.padding-top-none {padding-top: 0px;}
section .container.padding-bottom-none {padding-bottom: 0px;}


section .col
{

}

section .col-header
{
padding-bottom: 2.8rem;
}

section .col-emphasis
{
padding-bottom: 6rem;
padding-bottom: 9.55vh;
padding-bottom: 4.77vh;
text-align: center;
font-size: 1.3rem;
}

section .col-emphasis p
{
text-align: center;
}

section .col-body
{
padding-bottom: 6rem;
padding-bottom: 9.55vh;
}

section .col-smalltext
{
font-size: 0.8em;
}

section .col-body:last-child
{
padding-bottom: 0rem;
}

section .col-split
{
column-count: 2;
column-gap: 45px;
}

section .col-half
{
width: 50%;
}

section .col-golden
{
width: 61.8%;
}

section .col-narrow
{
/* width: 61.8%; */
/* margin-left: 19.1%; */
/* margin-right: 19.1%; */
width: 80.90%;
margin-left: 9.55%;
margin-right: 9.55%;
}

section .col-center
{
text-align: center;
}

section .col-stickybottom
{
position: absolute;
bottom: 4rem;
bottom: 9.55vh;
bottom: 4.78vh;
}

section .col-stickybottom.col-stickybottom-fixed
{
position: fixed;
}

section .col-stickybottom.col-full
{
width: 100%;
max-width: 1200px;
margin: auto;
}

section .col-stickybottom.col-center
{
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}

.row-bottom .go-middle
{
margin-top: -7.0rem;
margin-top: -14.33vh;
}

.row-bottom .go-flush, .row .go-flush
{
margin-top: -5.2rem;
margin-top: -9.55vh;
}

section.slider .slide-controls
{
margin-top: 9.2rem;
margin-bottom: -9.2rem;
}


/**************************************/
/*                                    */
/*     goldenline                     */
/*                                    */
/**************************************/

.goldenline
{
width: 2px;
height: 8rem;
background-color: #dec51a;
position: absolute;
left: 50%;
margin-left: -1px;
}

.goldenline.top
{
top: 0px;
}

.goldenline.bottom
{
bottom: 0px;
}

.row-equal.row-bottom + .goldenline.top
{
height: 38.2%;
}

.row-silver.row-bottom + .goldenline.top
{
height: 38.2%;
}


/**************************************/
/*                                    */
/*     backgrounds                    */
/*                                    */
/**************************************/

.backgrounds
{
z-index: -1;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
}

.backgrounds > .bg, .backgrounds > .base
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-color: #756e63; /*tan*/
background-color: #726d64; /*greige*/
opacity: 0;
-webkit-transition: all 1.5s;
transition: all 1.5s;
}

.backgrounds .bg.active
{
opacity: 1;
}

.backgrounds .base {opacity: 1; z-index: -1;}

body.homepage .backgrounds .bg:nth-child(1)::before, body.learn .backgrounds .bg:nth-child(1)::before, body.parthenon .backgrounds .bg:nth-child(1)::before
{
content: "";
position: absolute;
top: -150px;
left: -500px;
width: 1000px;
height: 300px;
background-image: linear-gradient(0deg, rgba(43,41,38,0) 0%, rgba(43,41,38,0.4) 100%);
background-image: radial-gradient(rgba(43,41,38,0.8) 0%, rgba(43,41,38,0) 70%);
}

.backgrounds .bg.faded::after
{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: linear-gradient(0deg, rgba(43,41,38,0.75) 0%, rgba(43,41,38,0) 70%);
}

.backgrounds .bg.faded-dark::after
{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: linear-gradient(0deg, rgba(43,41,38,0.75) 0%, rgba(43,41,38,0.5) 70%);
}

.backgrounds .bg.faded-full::after
{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: linear-gradient(0deg, rgba(43,41,38,0.85) 0%, rgba(43,41,38,0.85) 50%, rgba(43,41,38,0) 100%);
}

.backgrounds .bg .slide
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
background-position: 50% 0%;
-webkit-transition: all 1.5s;
transition: all 1.5s;
}

.backgrounds .bg.active .slide:first-child
{
opacity: 1;
}

.backgrounds .bg .slide.silver-bottom
{
height: 38.2%;
top: 61.8%;
}

.backgrounds .bigtitle
{
font-size: 8rem;
font-weight: 300;
font-family: "GFS Didot", serif;
position: fixed;
bottom: -0.25em;
width: 100vw;
text-align: center;
opacity: 0.02;
display: none;
}

body.EN .backgrounds .bigtitle {font-family: "Source Serif Pro", serif;}

@keyframes anim-splash-1
{
0% {opacity: 0; transform: scale(1);}
30% {opacity: 1;}
100% {opacity: 1; transform: scale(1.05);}
}

.backgrounds .bg.splash .slide:nth-child(1)
{
-webkit-animation-name: anim-splash-1;
-ms-animation-name: anim-splash-1;
-o-animation-name: anim-splash-1;
animation-name: anim-splash-1;
-webkit-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes anim-splash-2
{
0% {opacity: 0; transform: scale(1);}
30% {opacity: 1;}
100% {opacity: 1; transform: scale(1.05);}
}

.backgrounds .bg.splash .slide:nth-child(2)
{
-webkit-animation-name: anim-splash-2;
-ms-animation-name: anim-splash-2;
-o-animation-name: anim-splash-2;
animation-name: anim-splash-2;
-webkit-animation-delay: 4s;
-ms-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes anim-splash-3
{
0% {opacity: 0; transform: scale(1.05); left:2.5vw; background-position: 50% 30%;} 
30% {opacity: 1;}
100% {opacity: 1; transform: scale(1.05); left:-2.5vw; background-position: 50% 30%;}
}

.backgrounds .bg.splash .slide:nth-child(3)
{
-webkit-animation-name: anim-splash-3;
-ms-animation-name: anim-splash-3;
-o-animation-name: anim-splash-3;
animation-name: anim-splash-3;
-webkit-animation-delay: 8s;
-ms-animation-delay: 8s;
-o-animation-delay: 8s;
animation-delay: 8s;
-webkit-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes anim-splash-4
{
0% {opacity: 0; transform: scale(1.15);}
30% {opacity: 1;}
100% {opacity: 1; transform: scale(1);}
}

.backgrounds .bg.splash .slide:nth-child(4)
{
-webkit-animation-name: anim-splash-4;
-ms-animation-name: anim-splash-4;
-o-animation-name: anim-splash-4;
animation-name: anim-splash-4;
-webkit-animation-delay: 12s;
-ms-animation-delay: 12s;
-o-animation-delay: 12s;
animation-delay: 12s;
-webkit-animation-duration: 8s;
-ms-animation-duration: 8s;
-o-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes anim-splash-fade
{
0% {opacity: 1;}
60% {opacity: 1;}
100% {opacity: 0.7;}
}

.backgrounds .bg.splash.faded::after
{
background-image: linear-gradient(
0deg, rgba(43,41,38,0.95) 0%, rgba(43,41,38,0) 70%);
-webkit-animation-name: anim-splash-fade;
-ms-animation-name: anim-splash-fade;
-o-animation-name: anim-splash-fade;
animation-name: anim-splash-fade;
-webkit-animation-duration: 16s;
-ms-animation-duration: 16s;
-o-animation-duration: 16s;
animation-duration: 16s;
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}


/**************************************/
/*                                    */
/*     guides                         */
/*                                    */
/**************************************/


body.showguides .backgrounds .goldenguide
{
position: absolute;
top: 61.8%;
left: 0px;
width: 100%;
height: 1px;
border-top: 1px dashed yellow;
z-index: 999;
opacity: 0.2;
}

body.showguides .backgrounds .silverguide
{
position: absolute;
top: 38.2%;
left: 0px;
width: 100%;
height: 1px;
border-top: 1px dashed white;
z-index: 999;
opacity: 0.2;
}

body.showguides .backgrounds .centerguide1
{
position: absolute;
top: 0px;
left: 49%;
width: 1px;
height: 100%;
border-left: 1px dashed yellow;
z-index: 999;
opacity: 0.2;
}

body.showguides .backgrounds .centerguide2
{
position: absolute;
top: 0px;
left: 51%;
width: 1px;
height: 100%;
border-left: 1px dashed yellow;
z-index: 999;
opacity: 0.2;
}

body.showguides .backgrounds .leftguide
{
position: absolute;
top: 0px;
left: 19.1%;
width: 1px;
height: 100%;
border-left: 1px dashed #cccccc;
z-index: 999;
opacity: 0.3;
}

body.showguides .backgrounds .rightguide
{
position: absolute;
top: 0px;
right: 19.1%;
width: 1px;
height: 100%;
border-left: 1px dashed #cccccc;
z-index: 999;
opacity: 0.3;
}


/**************************************/
/*                                    */
/*     explore                        */
/*                                    */
/**************************************/

body.explore
{
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}


/**************************************/
/*                                    */
/*     tour                           */
/*                                    */
/**************************************/

body.tour 
{

}

body.tour h1 
{
font-size: 2.2rem;
max-width: 100%;
}

section.tour.title
{
margin-top: 11.8vh;
margin-left: 19.1vw;
margin-right: 19.1vw;
width: 61.8vw;
position: fixed;
top: 0px;
}

section.tour h1
{
text-align: center;
margin-bottom: 2em;
}

section.tour .col-body, section.tour .col-body p
{
text-align: center;
}


/**************************************/
/*                                    */
/*     text                           */
/*                                    */
/**************************************/

body.explore section.text
{
margin-left: 19.1% !important;
margin-right: 19.1% !important;
width: 61.8%;
position: absolute;
top: 61.8vh;
display: none;
}

body.explore section.text.inactive
{
-webkit-transition: all 0.8s;
transition: all 0.8s;
opacity: 0;
}

body.explore section.text h2
{
text-transform: uppercase;
}

body.tour section.text
{
margin-top: 11.8vh;
margin-top: 15vh;
margin-left: 19.1%;
margin-right: 19.1%;
width: 61.8vw;
position: fixed;
top: 0px;
display: none;
}

body.tour section.title
{
margin-top: 0px;
}

body.tour section.text:not(.title)
{
padding-top: 0px;
}

section.text .container
{
max-width: 1000px;
}

section.text img
{
display: inline-block;
}

section.text figure
{
width: 100%;
display: inline-block;
text-align: center;
margin-top: 4rem;
margin-bottom: 4rem;
}

section.text figure.small
{
width: 30.9%;
display: inline-block;
text-align: center;
margin-top: 4rem;
margin-bottom: 4rem;
margin-left: 34.55%;
margin-right: 34.55%;
}

section.text figure.medium
{
width: 61.8%;
display: inline-block;
text-align: center;
margin-top: 4rem;
margin-bottom: 4rem;
margin-left: 19.1%;
margin-right: 19.1%;
}

section.text figure.nomargintop
{
margin-top: 1rem;
}

section.text figure.nomarginbottom
{
margin-bottom: 1rem;
}

section.text figure figcaption
{
margin-top: 1rem;
font-size: 0.6rem;
max-width: 75%;
text-align: center;
margin: auto;
}

section.text figure img
{
max-height: 70vh;
}

section.text a
{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

section.text a sup
{
font-weight: 800;
font-family: "GFS Didot", serif;
margin-left: 0.1em;
margin-right: 0.1em;
font-size: 0.8em;
vertical-align: top;
font-weight: 300;
font-size: 0.75em;
vertical-align: baseline;
}

section.text a sup::before
{
content: "[";
margin-left: 0.3em;
}

section.text a sup::after
{
content: "]";
}

body.explore section.text a.figure,
body.tour section.text a.figure
{
cursor: pointer;
color: #dec51a;
}

body.explore section.text a.figure:hover,
body.tour section.text a.figure:hover
{
color: #eed52a;
}

body.explore section.text a.figure sup,
body.tour section.text a.figure sup
{
color: #dec51a;
font-style: normal;
}

section.text a.figure:hover
{
color: #fee53a;
}


section.text a.block
{
cursor: pointer;
font-weight: 800;
font-family: "GFS Didot", serif;
padding: 0em 0.4em;
margin-left: -0.2em;
margin-right: -0.2em;
background-image: linear-gradient(0deg, #dec51a 0%, #dec51a 100%);
background-image: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
background-size: 0% 100%;
background-position: 0% 100%;
background-repeat: no-repeat;
line-height: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

section.text a.block:hover
{
/* color: #2a2926; */
color: #ffffff;
background-size: 100% 100%;
}

section.text a.block:active
{
/* color: #2a2926; */
color: #ffffff;
/* background-image: linear-gradient(0deg, #dec51a 0%, #dec51a 100%); */
background-size: 0% 100%;
}

section.text a.block sup {margin-left: 0.2em;}

section.text .dictionary
{
cursor: pointer;
font-style: italic;
position: relative;
font-family: "GFS Didot", serif;
margin-right: 0.2em;
text-align: left;
line-height: 1;
}

body.EN section.text .dictionary {font-family: "Source Serif Pro", serif;}

section.text .dictionary .balloon
{
font-family: "Commissioner",sans-serif;
font-style: normal;
color: #dec51a;
color: #ffffff;
line-height: 1.2;
display: none;
opacity: 0;
position: absolute;
bottom: 100%;
left: 100%;
max-width: 250px;
width: 250px;
/* min-width: 200px; */
padding: 0.8em 1.2em;
padding-bottom: 1em;
font-size: 0.9em;
background-color: #4b4946;
box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.5);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}

section.text .dictionary .balloon .word
{
/* font-weight: bold; */
font-family: "GFS Didot", serif;
font-style: italic;
color: #dec51a;
display: block;
margin-bottom: 0.3em;
}


section.text .dictionary::after
{
content: "*";
display: inline-block;
font-weight: 800;
font-family: "GFS Didot", serif;
color: #dec51a;
margin-left: 0.1em;
margin-right: 0.2em;
font-size: 0.8em;
vertical-align: top;
display: none;
}

body.EN section.text .dictionary::after {font-family: "Source Serif Pro", serif;}

section.text .dictionary:hover
{
color: #dec51a;
}

section.text .dictionary:hover .balloon
{
display: block;
opacity: 1;
}

body.explore section.text a.point,
body.tour section.text a.point
{
cursor: pointer;
color: #dec51a;
}

section.text a.point:hover
{
color: #fee53a;
}

body.explore section.text a.sign,
body.tour section.text a.sign
{
cursor: pointer;
color: #dec51a;
}



/**************************************/
/*                                    */
/*     parthenon3d                    */
/*                                    */
/**************************************/

.parthenon3d
{
width: 1000px;
height: 450px;
width: 50vw;
height: 22.5vw;
position: absolute;
top: 25vh;
left: 25vw;
opacity: 0;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition: opacity 0.8s;
transition: opacity 0.8s;
}

html.portrait .parthenon3d
{
width: 100vw;
height: 43vw;
width: 80.9vw;
height: 34.8vw;
top: 25vh;
left: 9.55vw;
}

.parthenon3d.minimap, html.portrait .parthenon3d.minimap
{
opacity: 1;
-webkit-transform: scale(0.25);
-ms-transform: scale(0.25);
-o-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
position: fixed;
top: auto;
bottom: 1rem;
left: 1rem;
z-index: -1;
}

html.landscape body.explore .parthenon3d.minimap
{
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
}

body.explore .parthenon3d.minimap
{
z-index: 1;
}

.parthenon3d:hover
{
}

section.active .parthenon3d
{
opacity: 1;
}

.parthenon3d .p
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

section.active .parthenon3d .p
{
-webkit-animation-name: anim-fade-in;
-ms-animation-name: anim-fade-in;
-o-animation-name: anim-fade-in;
-webkit-animation-name: anim-fade-in;
-ms-animation-name: anim-fade-in;
-o-animation-name: anim-fade-in;
animation-name: anim-fade-in;
-webkit-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: backwards;
-ms-animation-fill-mode: backwards;
-o-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}

.parthenon3d.blue .p.p1 {background-image: url("../img/parthenon-3d-blue-01.jpg");}
.parthenon3d.blue .p.p2 {background-image: url("../img/parthenon-3d-blue-02.jpg");}
.parthenon3d.blue .p.p3 {background-image: url("../img/parthenon-3d-blue-03.jpg");}
.parthenon3d.blue .p.p4 {background-image: url("../img/parthenon-3d-blue-04.jpg");}

.parthenon3d.olive .p.p1 {background-image: url("../img/parthenon-3d-olive-01.jpg");}
.parthenon3d.olive .p.p2 {background-image: url("../img/parthenon-3d-olive-02.jpg");}
.parthenon3d.olive .p.p3 {background-image: url("../img/parthenon-3d-olive-03.jpg");}
.parthenon3d.olive .p.p4 {background-image: url("../img/parthenon-3d-olive-04.jpg");}


section.active .parthenon3d .p.p1 
{
animation-delay: 1s;
}

section.active .parthenon3d .p.p2
{
animation-delay: 3.5s;
}

section.active .parthenon3d .p.p3
{
animation-delay: 5.5s;
}

section.active .parthenon3d .p.p4
{
animation-delay: 7.5s;
}

.parthenon3d .f
{
cursor: pointer;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #ffffff;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}

.parthenon3d .f.active
{
opacity: 0.4;
background-color: #dec51a;
}

.parthenon3d.minimap .f.active
{
opacity: 0.8;
}

.parthenon3d .f:hover
{
opacity: 0.4;
}

.parthenon3d .f[data-frieze="N"]
{
clip-path: polygon(31% 11.5%, 87% 36.2%, 87% 39%, 31% 14.3%);
clip-path: polygon(31% 11.5%, 87% 36.2%, 83.9% 38.2%, 31% 14.3%);
}

.parthenon3d .f[data-frieze="S"]
{
clip-path: polygon(12.5% 20.5%, 69.3% 47.9%, 69.3% 50.8%, 12.5% 23.8%);
}

.parthenon3d .f[data-frieze="E"]
{
clip-path: polygon(69.3% 47.9%, 87% 36.2%, 87% 39%, 69.3% 50.8%);
}

.parthenon3d .f[data-frieze="W"]
{
clip-path: polygon(12.5% 20.5%, 31% 11.5%, 31% 14.3%, 12.5% 23.8%);
clip-path: polygon(12.5% 20.5%, 31% 11.5%, 31% 14.3%, 15.7% 21.9%);
}

.parthenon3d .t
{
cursor: default;
position: absolute;
top: 0px;
left: 0px;
width: auto;
height: auto;
opacity: 0;
font-weight: 300;
font-family: "GFS Didot", serif;
font-size: 3rem;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}

.parthenon3d:not(.minimap) .t
{
display: none;
}

.parthenon3d .t .el, .parthenon3d .t .en
{
display: none;
}

body.language-el .parthenon3d .t .el {display: block;}
body.language-en .parthenon3d .t .en {display: block;}

.parthenon3d .t.active
{
opacity: 0.8;
}

.parthenon3d .t[data-frieze="W"]
{
top: 20px;
left: 145px;
top: -10px;
left: 140px;
}

.parthenon3d .t[data-frieze="N"]
{
top: 50px;
left: 430px;
top: 15px;
left: 420px;
}

.parthenon3d .t[data-frieze="S"]
{
top: 140px;
left: 310px;
top: 120px;
left: 290px;
}

.parthenon3d .t[data-frieze="E"]
{
top: 155px;
left: 575px;
top: 145px;
left: 570px;
}

section.active .frieze-description
{
-webkit-transition: none !important;
transition: none !important;
}

section.active .frieze-description.active
{
-webkit-transition: none !important;
transition: none !important;
}

.frieze-description .col-body
{
padding-bottom: 0px;
}

.frieze-description:not(:nth-child(2)) .col-body
{
height: 20vh;
}

/**************************************/
/*                                    */
/*     form                           */
/*                                    */
/**************************************/

section.form
{
margin-top: 50px;
}

section.form .container
{
padding-top: 100px;
padding-bottom: 100px;
}

section.form .container.form
{
height: 0px;
padding-top: 0px;
}

body.formopen section.form .container.form
{
display: block;
}

body.formopen section.form
{
margin-top: 0px;
padding-top: 50px;
}

body.formopen section.form
{
background-color: #333333 !important;
}

form
{
width: 100%;
margin-top: 5rem;
/* border: 1px dottted red; */
}

form input
{
border: none;
background-color: transparent;
color: #ffffff;
margin-bottom: 1.5em;
border-radius: 0;
-webkit-appearance: none;
}

.wpcf7 form input
{
margin-bottom: 0px;
}

.wpcf7-form-control-wrap 
{
display: block;
margin-bottom: 1.5em;
}

.wpcf7-not-valid-tip
{
color: inherit; 
font-size: 0.9em;
font-weight: bold;
text-align: left;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output
{
padding: 0px;
margin: 0px;
margin-top: 2.5em;
border: none;
color: inherit; 
font-size: 0.9em;
font-weight: bold;
text-align: center;
}

.wpcf7-spinner
{
display: block;
margin: 1rem auto;
}

form input:not([type=submit])
{
border-bottom: 1px solid rgba(255,255,255,1);
width: 100%;
color: #ffffff;
padding: 1px 2px;
}

form textarea
{
border: none;
margin: 0px;
margin-top: 1.5em;
background-color: rgba(255,255,255,0.15);
border-bottom: 1px solid rgba(255,255,255,1);
color: #ffffff;
width: 100%;
max-width: 100%;
border-radius: 0px;
padding: 1px 2px;
outline: none;
height: 200px;
margin-bottom: 0.5rem;
}

.wpcf7 form textarea
{
margin-top: 0px;
}

form input[type=submit]
{
cursor: pointer;
display: inline-block;
padding: 0.5rem 4rem;
font-weight: 800;
background-color: #dec51a;
color: #4b4946;
/* background-size: auto 100%; */
/* background-position: -100px 50%; */
-webkit-transition: all 0.6s;
transition: all 0.6s;
}

form input[type=submit]:hover
{
background-color: #eed52a;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

form p
{
text-align: center;
color: #999999;
}

::placeholder
{
color: #999999;
opacity: 1;
}

:-ms-input-placeholder
{
color: #999999;
opacity: 1;
}

::-ms-input-placeholder
{
color: #999999;
opacity: 1;
}


/**************************************/
/*                                    */
/*     gellery                        */
/*                                    */
/**************************************/

img.gallery-open
{
cursor: pointer;
}

section.photogallery
{
background-color: rgba(0,0,0,0.9);
width: 100%;
height: 100vh;
position: fixed;
opacity: 0;
top: -100%;
z-index: 999;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

body.gallery-open section.photogallery
{
opacity: 1;
top: 0%;
}

section.photogallery .strip
{
position: absolute;
top: 15vh;
left: 5vw;
width: 90vw;
height: 70vh;
}

section.photogallery .img
{
position: absolute;
top: 0px;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}

section.photogallery .title
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding: 40px;
}

section.photogallery .title h2
{
display: inline;
float: left;
color: #ffffff;
}

section.photogallery .gallery-close
{
right: 40px;
}

section.photogallery .controls
{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 40px;
}

section.photogallery .controls .index
{
width: 100%;
text-align: center;
color: #ffffff;
line-height: 30px;
}

section.photogallery .controls .gallery-prev
{
left: 40px;
bottom: 40px;
}

section.photogallery .controls .gallery-next
{
right: 40px;
bottom: 40px;
}

/**************************************/
/*                                    */
/*     smoothstate                    */
/*                                    */
/**************************************/

#ss.exiting header 
{
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-duration: 0.3s;
-ms-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
}



/**************************************/
/*                                    */
/*     animations                     */
/*                                    */
/**************************************/

section:not(.frieze.text) .col-header
{
opacity: 0;
-webkit-transition: all 1.3s;
transition: all 1.3s;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}

section:not(.frieze.text).scrolled-animate .col-header
{
opacity: 1;
}

section:not(.frieze.text) .col-emphasis
{
opacity: 0;
-webkit-transition: all 1.3s;
transition: all 1.3s;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}

section:not(.frieze.text).scrolled-animate .col-emphasis
{
opacity: 1;
}

section:not(.frieze.text) .col-body
{
opacity: 0;
-webkit-transition: all 1.3s;
transition: all 1.3s;
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}

section:not(.frieze.text).scrolled-animate .col-body
{
opacity: 1;
}

.col-cta
{
opacity: 0;
-webkit-transition: opacity 1.3s;
transition: opacity 1.3s;
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}

section.scrolled-animate .col-cta 
{
opacity: 1;
}

section.scrolled-past .col-cta 
{
-webkit-transition-delay: 0s;
transition-delay: 0s;
}

.goldenline.bottom
{
transform: scaleY(0);
transform-origin: 0% 0%;
-webkit-transition: all 1.3s;
transition: all 1.3s;
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}

section.scrolled-active .goldenline.bottom
{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}


.goldenline.top
{
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transition: all 1.3s;
transition: all 1.3s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}

section.scrolled-animate .goldenline.top
{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}


section.slider .slide-controls
{
opacity: 0;
-webkit-transition: opacity 0.8s;
transition: opacity 0.8s;
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}

section.slider.scrolled-animate .slide-controls
{
opacity: 1;
}



/**************************************/
/*                                    */
/*     responsive                     */
/*                                    */
/**************************************/

/*-- 1501+ start --*/
@media screen and (min-width: 1501px)
{
	body
	{
	font-size: 16px;
	}

	section .container, header .container, footer .container
	{
	max-width: 1200px;
	width: 80.9%;
	}

	/* section .container .col-full {width: 1200px;} */
	/* section .container .col-half {width: 600px;} */
}
/*-- 1201+ end --*/


/*-- 851-1500 start --*/
@media screen and (max-width: 1500px)
{
	body
	{
	font-size: 16px;
	}

	section .container, header .container, footer .container
	{
	max-width: 80.90%;
	}

	section .col-stickybottom.col-full
	{
	max-width: 80.90%;
	}

	/* section .container .col-full {width: 900px;} */
	/* section .container .col-half {width: 450px;} */

	section .col-narrow
	{
	margin-left: 9.55%;
	margin-right: 9.55%;
	width: 80.9%;
	}
}
/*-- 851-1200 end --*/



/*-- 768-850 start --*/
@media screen and (max-width: 850px)
{

	section.text, body.explore section.text
	{
	margin-left: 9.55% !important;
	margin-right: 9.55% !important;
	width: 80.9% !important;
	}

	body
	{
	font-size: 15px;
	}

	section .container, header .container, footer .container
	{
	/* max-width: 640px; */
	}

	/* section .container .col-full {width: 640px;} */
	/* section .container .col-half {width: 305px;} */

	section .col-golden {width: 100%;}

	h1 {max-width: 80.9%;}

}
/*-- 768-850 end --*/



/*-- 0-767 start --*/
@media screen and (max-width: 767px)
{

	.xs-hide {display: none;}

	body
	{
	font-size: 14px;
	}

	p {line-height: 1.45;}

	section .container, header .container, footer .container
	{
	max-width: 100%;
	margin-left: 4.755%;
	margin-right: 4.755%;
	margin-left: 6%;
	margin-right: 6%;
	}

	section .col-stickybottom.col-full
	{
	max-width: 88%;
	}

	section.text
	{
	margin-left: 0% !important;
	margin-right: 0% !important;
	width: 100% !important;
	}

	body.explore section.text 
	{
	margin-left: 9.55% !important;
    margin-right: 9.55% !important;
    width: 80.9% !important;
	}
	
	section .row {padding-top: 6rem; padding-bottom: 7rem;}
	section .row.row-bottom {padding-top: 6rem; padding-bottom: 7rem;}
	/* section .container .col-full {width: 100%;} */
	/* section .container .col-half {width: 100%;} */
	section .container .col-golden {width: 100%;}
	section .container .col-half:first-child {margin-right: 0px;}
	section .container .col-split {column-count: 1;}
	section .col-stickybottom {bottom: 6rem;}

	section .col-emphasis {font-size: 1.1rem;}
	section .col-header {padding-bottom: 1.8rem;}

	section .row-bottom {}

	.row-bottom .go-middle {margin-top: 1rem;}

	.super-h {font-size: 1.1em; margin-top: 0px;}
	h1 {font-size: 2rem; max-width: 100%; margin: auto;}
	h2 {font-size: 1.8rem; max-width: 100%; margin: auto;}
	h3 {font-size: 1.4rem;}
	h1.menu-title {right: 4.755%; font-size: 0.8rem;}

	a.button {font-size: 0.8em; padding: 0.5rem 1.2rem;}
	a.menu-button {left: 4.755%; font-size: 0.8rem;}
	a.menu-button .menu-icon {margin-right: 0.5rem;}

	nav.menu.menu-main ul li {font-size: 1.2rem; margin-bottom: 2rem;}
	nav.menu.menu-main ul li li {font-size: 0.8rem;}
	nav.menu.menu-secondary ul li {font-size: 0.8rem;}
	nav.menu.menu-language {right: 4.755%;}
	nav.menu.menu-language ul li {font-size: 0.8rem; line-height: 1.3;}
	.menu-title {font-size: 0.8rem; line-height: 1.3; right: 4.755%;}

	.goldenline {display: none;}

	.backgrounds .bg .slide.silver-bottom {height: 100%; top: 0%;}

	.backgrounds .bg.faded-full-xs::after
	{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(0deg, rgba(43,41,38,0.85) 0%, rgba(43,41,38,0.85) 50%, rgba(43,41,38,0) 100%);
	}

	section.text a sup {font-size: 0.6em;}

	section.slider .slide-controls .slide-go {margin-top: 9.55vh;}
	section.slider .slide-controls .slide-go.slide-go-prev {left: 30px;}
	section.slider .slide-controls .slide-go.slide-go-next {right: 30px;}

	section.tour.title
	{
	margin-left: 0vw;
	margin-right: 0vw;
	width: 100vw;
	}

	body.tour section.text 
	{
	margin-left: 0vw;
	margin-right: 0vw;
	width: 100vw;
	}
	
	section.footer .float-left, section.footer .float-middle, section.footer .float-right
	{
	float: none;
	text-align: center;
	margin-top: 0.3rem;
	}

	.frieze-description:not(:nth-child(2)) .col-body {height: 40vh;}
	html.portrait .parthenon3d {top: 15vh;}

	.parthenon3d.minimap {display: none;}

	section.footer .col-body.col-split {padding-bottom: 2rem;}

	a.ysma.lang-el, a.ysma.lang-en {width: 36px; height: 35px;}
	a.acropolis-museum.lang-el {width: 56px; height: 38px;}
	a.acropolis-museum.lang-en {width: 51px; height: 38px;}
	a.ekt.lang-el, a.ekt.lang-en {width: 150px; height: 25px;}

}
/*-- 0-767 end --*/





.console
{
position: fixed;
top: 0px;
left: 0px;
z-index: 9999;
width: 50vw;
height: 100vh;
background-color: rgba(0,0,0,0.5);
color: white;
}

#cookie-law-info-bar
{
box-shadow: none !important;
background-color: rgba(0,0,0,0.6) !important;
}

#cookie-law-info-bar[data-cli-style="cli-style-v2"]
{
padding: 0.5rem 1rem;
}

#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"]
{
padding: 0.5rem 1rem;
}

#cookie-law-info-bar[data-cli-type="widget"]
{
width: 220px !important;
}

#cookie-law-info-bar .cli-style-v2
{
font-size: 0.8rem !important;
}

#cookie-law-info-bar .cli_settings_button
{
font-family: "Commissioner", serif;
font-weight: 800;
font-size: 0.7rem;
}

body.language-el #cookie-law-info-bar .cli_settings_button::before {content: "ΡΥΘΜΙΣΕΙΣ";}
body.language-en #cookie-law-info-bar .cli_settings_button::before {content: "SETTINGS";}

#cookie-law-info-bar .cli_action_button
{
font-family: "Commissioner", serif;
font-weight: 800;
font-size: 0.7rem;
}

body.language-el #cookie-law-info-bar .cli_action_button::before {content: "ΑΠΟΔΟΧΗ";}
body.language-en #cookie-law-info-bar .cli_action_button::before {content: "ACCEPT";}