/* FONTS */
@font-face {
    font-family: 'Five Years Later';
    src: url('../fonts/FiveYearsLater/FiveYearsLater.eot?#iefix') format('embedded-opentype'), url('../fonts/FiveYearsLater/FiveYearsLater.otf') format('opentype'), url('../fonts/FiveYearsLater/FiveYearsLater.woff') format('woff'), url('../fonts/FiveYearsLater/FiveYearsLater.ttf') format('truetype'), url('../fonts/FiveYearsLater/FiveYearsLater.svg#Lack-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'FiveYearsLater-Rotated';
    src: url('../fonts/FiveYearsLater-Rotated/FiveYearsLater-Rotated.eot?#iefix') format('embedded-opentype'), url('../fonts/FiveYearsLater-Rotated/FiveYearsLater-Rotated.otf') format('opentype'), url('../fonts/FiveYearsLater-Rotated/FiveYearsLater-Rotated.woff') format('woff'), url('../fonts/FiveYearsLater-Rotated/FiveYearsLater-Rotated.ttf') format('truetype'), url('../fonts/FiveYearsLater-Rotated/FiveYearsLater-Rotated.svg#Lack-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PF Encore';
    src: url('../fonts/PFEncore/PFEncoreSansPro-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/PFEncore/PFEncoreSansPro-Book.otf') format('opentype'), url('../fonts/PFEncore/PFEncoreSansPro-Book.woff') format('woff'), url('../fonts/PFEncore/PFEncoreSansPro-Book.ttf') format('truetype'), url('../fonts/PFEncore/PFEncoreSansPro-Book.svg#Lack-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PF Encore';
    src: url('../fonts/PFEncore/PFEncoreSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/PFEncore/PFEncoreSansPro-Light.otf') format('opentype'), url('../fonts/PFEncore/PFEncoreSansPro-Light.woff') format('woff'), url('../fonts/PFEncore/PFEncoreSansPro-Light.ttf') format('truetype'), url('../fonts/PFEncore/PFEncoreSansPro-Light.svg#Lack-Regular') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'PF Encore';
    src: url('../fonts/PFEncore/PFEncoreSansPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/PFEncore/PFEncoreSansPro-LightItalic.otf') format('opentype'), url('../fonts/PFEncore/PFEncoreSansPro-LightItalic.woff') format('woff'), url('../fonts/PFEncore/PFEncoreSansPro-LightItalic.ttf') format('truetype'), url('../fonts/PFEncore/PFEncoreSansPro-LightItalic.svg#Lack-Regular') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Arial BD';
    src: url('../fonts/Arial/ARIALBD.woff') format('woff');
}

/* GENERAL */
:root {
    --space: 2rem; 
    --space-half: 1rem; 
    --space-negative: -2rem; 
    --line: 1; 
    --sm-line: 2rem; 
    --xl-size: 2.4rem; 
    --sm-size: 1.6rem; 
    --viewport: calc(100vh - 4rem);
    --fuksia: rgb(255,0,255); 
}

html {
    font-size: 62.5%;
    color: #000;
}

body {
    color: #000;
    font-size: var(--xl-size);
    line-height: var(--line);
    font-family: 'Five Years Later','Arial BD', sans-serif;
    font-weight: 200;
    letter-spacing: 0.1rem;
    padding: 0 var(--space) 0 var(--space);
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: var(--xl-size);
    font-weight: 200;
    margin: 0;
    padding: 0;
}

i {
    font-family: 'FiveYearsLater-Rotated', sans-serif;
}

a {
    color: #000;
    text-decoration: none !important;
}

a:hover {
    background: transparent;
    color: #000;
}

a:focus, a:active {
    background: transparent;
    color: #000;
    text-decoration: none !important;
}

.container, .container-fluid {
    padding-right: var(--space);
    padding-left: var(--space);
}

p {
    margin: 0 0 var(--space) 0;
}

::selection {
    color: #ffffff;
    background: var(--fuksia);
}

::-moz-selection {
    color: #ffffff;
    background: var(--fuksia);
}

*, ::after, ::before {
    box-sizing: border-box;
}

footer {
    margin-top: var(--space);
}

.sidebar .top ul > li > a.arrow.router-link-active:not(.router-link-exact-active):hover span:before {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.logo-svg svg {
    max-width: 50%;
	float:left;
}

.logo-svg.active svg {
    fill: var(--fuksia);
}
.logo-svg:hover svg {
    fill: var(--fuksia);
}
/* SCROLLBARS */
::-webkit-scrollbar {
    width: .5rem;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.5);
}

::-webkit-scrollbar-thumb:hover {
    background: #000000;
}

::-webkit-scrollbar {
    display: none;
    background: transparent;
}

/* RESPOSIVE SIZES */
@media (max-width: 1400px) {
    html {
        font-size: 57.5%
    }
}

@media (min-width: 1800px) {
    html {
        font-size: 65%;
    }
}

@media (min-width: 2600px) {
    html {
        font-size: .50vw
    }
}

/* UTILITIES */
.d-none {
    display: none;
}

.p-r-0 {
    padding-right: 0 !important;
}

.img {
    max-width: 100%;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: var(--space-negative);
    margin-left: var(--space-negative);
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-3, .col-6, .col-9, .col-12 {
    width: 100%;
    padding-right: var(--space);
    padding-left: var(--space);
}

.hidden {
    display: none;
}

/* HEADER */
header {
    padding: var(--space) 0;
    margin: 0 0 var(--space) 0;
    line-height: 1;
    height: 6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background: #fff;
    z-index: 3;
}

header h1 {
    height: var(--space);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

header h1.route-active a {
    color: var(--fuksia);
}

header a {
    height: var(--space);
    display: inline-block;
}

header .lang {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    -ms-flex-item-align: end!important;
    align-self: flex-end!important;
    height: var(--space);
    text-align: right;
}

header .lang span, header .lang:hover span.active {
    width: 0px;
    display: inline-block;
    overflow: hidden;
    line-height: 2.6rem;
    cursor: pointer;
    text-align: right;
    float: right;
}

header .lang span.active, header .lang:hover span {
    width: 5rem;
}

/* LAYOUT */
#main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: var(--space-negative);
    margin-right: var(--space-negative);
}

.main-fluid {
    max-width: 80%;
    -ms-flex: 0 0 auto;
    flex: 0 0 80%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: var(--space);
    padding-right: var(--space);
    margin-bottom: var(--space);
    margin-left: 20%;
    margin-top: var(--space);
	min-height: var(--viewport);
    position: relative;
}

.backToTopText-wrap, .backToTop-wrap {
    text-align: right;
    padding-top: var(--space);
	padding-bottom: var(--space);
}

.backToTop {
    cursor: pointer;
}

.backToTop:hover {
    color: var(--fuksia);
}

/* SIDEBAR */
.sidebar {
    max-width: 20%;
    width: 20%;
    padding-left: var(--space);
    padding-right: var(--space);
    position: fixed;
    top: var(--space);
	bottom:var(--space);
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.sidebar .top {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: auto;
}

.sidebar .bottom {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    -ms-flex-item-align: end!important;
    align-self: flex-end!important;
    margin-top: auto;
    font-size: var(--sm-size);
    line-height: var(--sm-line);
}

.sidebar .bottom p:last-child {
    margin: 0;
}

.sidebar .top ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar .top ul > li {
    line-height: var(--sm-line);
}

.sidebar .top ul > li + li {
    margin-top: var(--space);
}

.sidebar .top ul > li > a {
    line-height: var(--sm-line);
    display: inline-block;
}

.sidebar .top ul > li > a:hover, .sidebar .top ul > li > a.router-link-active, .sidebar .top ul > li > a.router-link-exact-active {
    color: var(--fuksia);
}

.sidebar .top ul > li > a.arrow.router-link-active:not(.router-link-exact-active) span {
    color: #000;
}

.sidebar .top ul > li > a.arrow.router-link-active:not(.router-link-exact-active):hover span {
    color: var(--fuksia);
}

html[lang="el"] .sidebar .top ul > li > a.arrow span {
    display: none;
}

html[lang="el"] .sidebar .top ul > li > a.arrow.router-link-active:not(.router-link-exact-active) span {
    display: inline;
}

html[lang="el"] .sidebar .top ul > li > a.arrow.router-link-active:not(.router-link-exact-active) span:before {
    left: -1rem;
}

/* EXHIBITONS */
.exhibitions-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
}

.exhibitions-border {
    min-height: var(--viewport);
    max-height: var(--viewport);
    overflow: scroll;
}

.exhibitions-year {
    font-size: var(--sm-size);
    line-height: var(--line);
    margin-bottom: var(--space);
}

.exhibitions-year_wrap {
    margin-bottom: var(--space);
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.exhibitions-year_wrap:last-child {
    margin-bottom: 0;
}

.exhibition-wrap {
    margin-bottom: var(--space);
}

.exhibition-wrap:hover a {
    color: var(--fuksia);
}

.exhibitions-year_wrap.collapse .exhibition-wrap {
    display: none;
}

.exhibition-wrap .exhibition-title {
    line-height: var(--line);
}

.exhibitions-image-wrap {
    min-height: var(--viewport);
    max-height: var(--viewport);
    display: flex;
}

.exhibitions-image {
    margin-top: auto;
    text-align: right;
    width: 100%;
}

.exhibitions-image img {
    max-height: var(--viewport);
    max-width: 100%;
    display: block;
    margin-left: auto;
}

.exhibition_s-text strong{
    font-size: var(--xl-size);
    font-weight: normal;
    display: inline-block;
    width: 100%;
    line-height: var(--line);
}

/* EXHIBITONS */
.exhibition_s-wrap {
}

.exhibition_s-wrap .exhibition_s-title {
    position: fixed;
    max-width: 20%;
    width: 20%;
}

.exhibition_s-wrap .exhibition_s-title h3 {
    font-size: var(--sm-size);
    line-height: var(--line);
	margin-bottom: var(--space);
    clear: both;
	
}

.exhibition_s-wrap .exhibition_s-title h1 {
    color: var(--fuksia);
}

.exhibition_s-wrap .exhibition_s-title h1:before {
    padding-right: 1rem;
}

.exhibition_s-wrap .exhibition_s-main {
    margin-left: 25%;
    position: relative;
}

.exhibition_s-wrap .exhibition_s-tabs {
    line-height: var(--line);
    margin-bottom: var(--space);
}

.exhibition_s-wrap .exhibition_s-tabs > a {
    line-height: var(--line);
}

.exhibition_s-wrap .exhibition_s-tabs > a:first-child:after {
    content: '/';
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    color: #000;
}
.exhibition_s-wrap .exhibition_s-tabs > a:last-child:after {
	display:none;
}
.exhibition_s-wrap .exhibition_s-tabs > a.active, .exhibition_s-wrap .exhibition_s-tabs > a:hover {
    color: var(--fuksia);
}

.exhibition_s-wrap .exhibition_s-tab {
    display: none;
}

.exhibition_s-wrap .exhibition_s-tab.active {
    display: flex;
    flex-direction: column;
    max-height: var(--viewport);
    height: var(--viewport);
    /*overflow: scroll;*/
    position:relative;
}
.exhibition_s-wrap .exhibition_s-tab.active.scrolling {
    border-top: solid 3px #000;
}

.exhibition_s-wrap .exhibition_s-gallery_image p {
    font-size: var(--sm-size);
    line-height: var(--sm-line);
    margin: 1rem 0 0 0;
}

.exhibition_s-wrap .exhibition_s-gallery_image img {
    display: block;
}

.exhibition_s-wrap .exhibition_s-gallery_image {
    margin-bottom: var(--space);
}

.exhibition_s-wrap .exhibition_s-gallery figure {
    margin: 0;
    margin-bottom: var(--space);
    display: block;
}

.exhibition_s-wrap .exhibition_s-gallery figure img {
    max-width: 100%;
    display: block;
}

.exhibition_s-wrap .exhibition_s-gallery figure p {
    font-size: var(--sm-size);
    line-height: var(--sm-line);
    margin: 1rem 0 0 0;
}

.exhibition_s-wrap .pswp__item {
    top: calc(6rem + var(--space) - 1px);
    height: calc(100vh - 12rem - var(--space) - var(--space) + 2px);
}

.exhibition_s-wrap .pswp__counter {
    display: none;
}

.exhibition_s-wrap .pswp__zoom-wrap {
    position: absolute;
    transform: none !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.exhibition_s-wrap .pswp__zoom-wrap .pswp__img, .exhibition_s-wrap .pswp--zoom-allowed .pswp__img {
    cursor: default;
    max-width: 100%;
    margin: auto;
    position: static;
}

.exhibition_s-wrap .pswp__bg {
    background: rgba(255, 255, 255, 0.85);
}

.exhibition_s-wrap .pswp__ui {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.exhibition_s-wrap .pswp__ui--fit .pswp__top-bar {
    background: none;
    opacity: 1;
    border-bottom: solid 1px #000;
    font-size: var(--xl-size);
    line-height: calc(6rem - 1px);
    height: calc(6rem - 1px);
    width: calc(100vw - var(--space) - var(--space));
    left: var(--space);
}

.exhibition_s-wrap .pswp__ui--fit .pswp__caption {
    background: none;
    opacity: 1;
    border-top: solid 1px #000;
    height: calc(6rem - 1px);
    text-align: center;
    width: calc(100vw - var(--space) - var(--space));
    left: var(--space);
}

.exhibition_s-wrap .pswp__caption__center {
    color: #000;
    font-size: var(--sm-size);
    line-height: calc(6rem - 1px);
    max-width: 100%;
    padding: 0;
    text-align: center;
}

.exhibition_s-wrap .pswp__top-caption {
    width: 100%;
    text-align: center;
    z-index: 10;
}

.exhibition_s-wrap .pswp__button--close, .exhibition_s-wrap .pswp__button--close.pswp__button--close-bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(6rem - 1px);
    z-index: 11;
    background: none;
    /*     background-color: rgba(44, 94, 121, 0.5); */
    background: none !important;
    cursor: none;
}

.exhibition_s-wrap .pswp__button--close.pswp__button--close-bottom {
    top: unset;
    bottom: 0;
    /*     background-color: rgba(43, 134, 88, 0.5); */
    cursor: none;
}

.exhibition_s-wrap .pswp__button.pswp__button--arrow--right, .exhibition_s-wrap .pswp__button.pswp__button--arrow--left {
    opacity: 1;
    height: calc(100vh - 12rem + 2px);
    width: 50%;
    margin: 0;
    top: calc(6rem - 1px);
    position: absolute;
    /*     background-color: rgba(187, 45, 45, 0.3); */
    cursor: none;
}

.exhibition_s-wrap .pswp__button.pswp__button--arrow--right {
    /*     background-color: rgba(0, 0, 0, 0.4); */
}

.exhibition_s-wrap .pswp__button--close:hover ~ #mouse_nav:after {
    content: "CLOSE";
}

.exhibition_s-wrap .pswp__button--arrow--left:hover ~ #mouse_nav:after {
    content: "PREVIOUS";
}

.exhibition_s-wrap .pswp__button--arrow--right:hover ~ #mouse_nav:after {
    content: "NEXT";
}

.exhibition_s-wrap .pswp__button.pswp__button--arrow--right:before, .exhibition_s-wrap .pswp__button.pswp__button--arrow--left:before {
    display: none;
}

.exhibition_s-wrap #mouse_nav {
    position: absolute;
    width: auto;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 0;
    transform: translate3d(-50%, -1.25rem, 0);
    display: block;
    z-index: 1020;
    pointer-events: none;
    text-align: center;
    cursor: none;
}

.exhibition_s-wrap .exhibition_s-text {
    font-size: var(--sm-size);
    line-height: var(--sm-line);
    width: 100%;
}
.exhibition_s-wrap .exhibition_s-text a:hover{
	color:var(--fuksia);
}
.exhibition_s-wrap .exhibition_s-gallery {
    margin-top: auto;
    width: 100%;
}

.exhibition_s-wrap .exhibition_s-text p:last-child {
    margin-bottom: 0;
}

.exhibition_s-artists .exhibition_s-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.exhibition_s-artists .artist-list-wrap {
    max-width: 38.5vw;
    width: 38.5vw;
    padding-right: var(--space);
    padding-left: var(--space);
}

.exhibition_s-artists .artist-image-wrap {
    max-width: 20vw;
    width: 20vw;
    padding-left: var(--space);
    padding-right: 0;
}

.exhibition_s-artists .exhibition_s-list li {
    line-height: var(--sm-line);
}

.exhibition_s-artists .exhibition_s-list li + li {
    margin-top: var(--space);
}

.exhibition_s-artists .exhibition_s-list li a {
    line-height: var(--sm-line);
    display: inline-block;
}

/* GALLERY */
.exhibition_s-gallery, .exhibition_s-gallery *, .exhibition_s-gallery > div, .slick-slider, .my-gallery-wrap, .slick-track {
    outline: none !important;
}

.exhibition_s-gallery .slick-list {

}
.exhibition_s-gallery .slick-slide img {
    max-width: 100%;
    width: auto;
	margin: 0 auto;
    margin-top: auto;
    vertical-align: middle;
}

.exhibition_s-gallery .slick-slide .slick-caption-img {
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-self: center;
}
.exhibition_s-gallery .slick-slide .slick-caption-img iframe {
	width:100%;
	margin-top:4rem;
}
.info-wrap .exhibition_s-gallery .slick-slide img {
    max-width: 100%;
    width: auto;
	margin: 0 auto;
    margin-top: auto;
    vertical-align: middle;
}
.info-wrap  .exhibition_s-gallery .slick-slide .slick-caption-img {
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-self: center;
}
.exhibition_s-gallery .slick-slide .slick-caption-text {
    margin: var(--space) 0 0 0;
    font-size: var(--sm-size);
    line-height: var(--sm-line);
    left: 0;
}
.exhibition_s-gallery .my-gallery-extra {
    margin: calc(var(--space) / 2) 0 0 0;
    font-size: var(--sm-size);
    line-height: var(--sm-line);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.exhibition_s-gallery .my-gallery-extra .caption {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: calc(var(--space) + var(--space));
}

.exhibition_s-gallery .my-gallery-extra .paging {
    align-self: self-start;
}

.my-gallery {
    position: relative;
}
.slick-arrow {
    position: absolute;
    top: 4rem;
    width: 50%;
	bottom:5rem;
    z-index: 99;
    cursor: none;
}
.slick-prev.slick-arrow {
    left: 0;
}
.slick-next.slick-arrow {
    right: 0;
}
#mouse-nav {
    position: absolute;
    width: 5rem;
    line-height: 2rem;
    height: 2rem;
    margin: 0;
    transform: translate3d(-2.5rem, -1rem, 0);
    display: block;
    z-index: 999;
    pointer-events: none;
    text-align: center;
    color: var(--fuksia);
    font-size: var(--xl-size);
    cursor: none;
}
.mouse_nav::after {
    content: '';
    font-size: 2rem;
    line-height: 3rem;
    outline: 0;
    width: 100%;
    display: block;
    text-rendering: optimizeLegibility;
}
.slick-prev.slick-arrow:hover ~ #mouse-nav:after {
    content: 'Prev';
}
.slick-next.slick-arrow:hover ~ #mouse-nav:after {
    content: 'Next';
}

/* ARTISTS */
.artist-wrap {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.exhibition_s-title.artist_s-title h1 {
    padding-top: 0;
}

/* PROJECTS */
/* PROJECT */
/* BLOG */
.blog-image img + p {
    margin-top: var(--space-half);
}
.blog-image p {
    margin: 0 0 0 0;
    font-size: var(--sm-size);
    line-height: var(--sm-line);
    text-align: left;
}

.blog-description p {
    font-size: var(--sm-size);
    font-weight: normal;
    line-height: var(--sm-line);
	margin-bottom: calc(var(--space) * 2);
}
.blog-description strong {
    font-size: var(--xl-size);
    font-weight: normal;
	display:inline-block;
	width:100%;
	line-height: var(--line);
}
.blog-description p {
	margin-bottom:var(--space);
}
.blog-description a {
	color:#000;
}
.blog-description a:hover {
    color: var(--fuksia);
}

/* INFO */
.info-wrap .exhibitions-border p {
    font-size: var(--sm-size);
    font-weight: normal;
    line-height: var(--sm-line);
	margin-bottom: calc(var(--space) );
}
.info-wrap p strong, 
.info-wrap div strong {
    font-size: var(--xl-size);
    font-weight: normal;
	display:inline-block;
	width:100%;
	line-height: var(--line);
}
.info-wrap p {
	margin-bottom:0;
}
.info-wrap a {
	color:#000;
}
.info-wrap a:hover {
    color: var(--fuksia);
}

.info-wrap .showMap {
    cursor: pointer;
}

.info-map {
    position: absolute;
    top: 0;
    left: 2rem;
    width: calc(100% - 4rem);
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.info-map.active {
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
}

.info-map iframe {
    width: 100%;
    height: 100%;
}

.info-map-wrap {
    position: relative;
}

.info-wrap .exhibition_s-gallery {
    width: 100%;
    margin-top: auto;

}

.mobile-header {
    display: none;
}

.safari header {
    position: fixed;
    width: calc(100% - var(--space) - var(--space));
    left: var(--space); 
    top: 0;
}

/* RESPOSIVE */
@media (max-width: 991px) {
	:root { 
		--xl-size: 2.5rem; 
	}
	 header, .sidebar  {
		max-width: none;
		width: 90px;
		padding-left: 0;
		padding-right: 0;
		position: fixed;
		top: auto;
		height: 90px;
		bottom: var(--space);
		left: var(--space);
		z-index:999;
	}
	header, .sidebar  .top{
        display: none; 
    }
	.logo-svg svg {
		max-width: 100%;
	}
    .main-fluid {
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 100%;
        margin-left: 0;
		min-height:auto;
		padding-bottom:calc((var(--space) * 2) + 90px);
    }
	.main-fluid.small-padding {
		padding-bottom:0;
	}
	
	.info-wrap .exhibitions-border p, 
	.info-wrap .exhibitions-border div {
		margin-bottom: var(--space);
	}
	.info-wrap p strong, 
	.info-wrap div strong {
		margin-bottom:0;
	}
    .exhibitions-border {
        border: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: unset;
    }
    .exhibition_s-wrap .exhibition_s-title {
        position: static;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: unset;
    }
    .exhibition_s-wrap .exhibition_s-main {
        margin-left: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border: 0;
		position:static;
    }
    .exhibition_s-tabs {
        margin-bottom: 1rem;
        padding:0;
    }
    .exhibition_s-artists .artist-list-wrap {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .exhibition_s-wrap .exhibition_s-title h1 {
		padding: 0;
		line-height: var(--line);
		margin-bottom: var(--space);
    }

    .exhibition_s-wrap .artist_s-title h1 {
        padding: 0;
		line-height: var(--line);
		margin-bottom: var(--space);
    }
	
	.exhibition_s-wrap .exhibition_s-title h3 {
		margin-bottom: var(--space);
	}

    .exhibition_s-wrap .exhibition_s-tab {
        min-height: unset;
    }
	
	.exhibitions-image-wrap {
		min-height: calc(var(--viewport) - (57px));
	}
	.exhibitions-border {
		overflow:visible;
		max-height:none;
	}
	#tab-gallery .slick-caption-img iframe {
		width:100%;
		margin-top:0;
		height:auto;
	} 
	.exhibition_s-gallery .my-gallery-extra .caption {
		padding-right:calc(var(--space) + var(--space));
		padding-left:0;
	}
	
	.exhibition_s-gallery .my-gallery-extra .caption {
		padding-right:0;
		padding-left:0;
		margin-bottom: 0;
	}
	div#my-gallery-wrap > div {
		margin-bottom:var(--space);
	}
	div#my-gallery-wrap > div:last-child {
		margin:0px;
	}
	.exhibition_s-gallery .my-gallery-extra {
		margin-top:calc(var(--space) / 2);
	}
	.exhibition_s-gallery div#my-gallery-wrap > div:last-child .caption{
		margin-bottom:0;
	}
	#title-paging ul {
		margin:0;
		padding:0;
		list-style-type:none;
		display:inline-block;
	}
	#title-paging ul  li {
		display:none;
	}
	#title-paging ul  li.slick-active {
		display:inline-block;
	}
	#main .slick-track {
		display:flex;
		align-items:flex-end;
	}
    .mobile-header {
        padding: var(--space);
        margin: 0;
        line-height: 1;
        border-bottom: solid 3px #000;
        height: calc(6.5rem + 1px); 
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 100;
        width: 100%;
        left: 0;
        background: var(--fuksia);
    }
	.mobile-header.large-one h1 {
		display:none;
	}
    .mobile-header h1 a {
        color: #fff;
    }

    .mobile-header ul {
        display: block;
        /*margin: var(--space) 0 0 0;*/
		margin:0;
        padding: 0;
        list-style: none;
    }

    .mobile-header ul li {
        display: none;
        position: relative;
    }

    .mobile-header.active ul li {
        display: block;
        margin-bottom: var(--space);
    }

    .mobile-header ul li a {
        position: relative;
    }

    .mobile-header ul li a span {
        position: relative;
    }

    .mobile-header.active ul li:last-child {
        margin-bottom: 0;
    }

    .mobile-header.active ul > li.router-link-active:not(.router-link-exact-active) span:before {
        display: none;
    }
	.mobile-header.active ul > li.router-link-active a {
		 color:#fff;
	 }
	.mobile-header.active ul > li.router-link-active a span{
		 color:#000;
	 }
	.mobile-header.active ul > li.router-link-exact-active a span{
		 color:#fff;
	 }
    .mobile-header #mmenu {
		text-align: right;
		/*margin: 0 0 var(--space) 0;*/
		line-height: 2.5rem;
		width: 6.5rem;
		height: 5.5rem;
		position: relative;
		margin-top: calc(-1 * var(--space));
		margin-right: calc(-1 * var(--space));
		padding: var(--space);
    }
	.mobile-header .menu-container {
		position:relative;
	}
    .mobile-header #mmenu span {
        width: 2.5rem;
        border-bottom: solid 3px #000;
        display: block;
        margin-bottom: 6px;
        margin-left: auto;
    }

    .mobile-header #mmenu span:nth-child(1) {
        position: absolute;
        top: 0px;
        right: 0;
    }

    .mobile-header #mmenu span:nth-child(2) {
        position: absolute;
        top: 6px;
        right: 0;
    }

    .mobile-header #mmenu span:nth-child(3) {
        position: absolute;
        top: 12px;
        right: 0;
    }

    .mobile-header .lang > span {
        display: none;
        width: 4rem;
        text-align: right;
    }

    .mobile-header .lang > span.active {
        display: block;
    }

    .mobile-header.active .lang > span {
        display: block;
    }

    .mobile-header.active .lang > span.active {
        display: none;
    }

    .mobile-none {
        display: none;
    }

    .mobile-header #mmenu span {
        transition: linear 0.2s all;
    }

    .mobile-header.active #mmenu span:nth-child(1) {
        position: absolute;
        top: 8px;
        right: 0;
        transform: rotate(45deg);
    }

    .mobile-header.active #mmenu span:nth-child(2) {
        display: none;
    }

    .mobile-header.active #mmenu span:nth-child(3) {
        position: absolute;
        top: 8px;
        right: 0;
        transform: rotate(-45deg);
    }

    .wrap2 {
        padding-left: var(--space);
    }

    .mobile-header.active, .mobile-header.large-one.active {
        height: auto;
        z-index: 100;
    }
	.mobile-header.active h1 {
		display:none;
	}
    .mobile-header.large-one {
        /*height: calc(11rem + 1px);*/
    }

    .mobile-title {
        line-height: var(--space);
        margin: var(--space) 0 0 0;
        max-width: 75%;
    }

    .mobile-header.active .mobile-title {
        display: none;
    }

    .mmenu-active #app:after {
        content: '';
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.7);
    }

    #main, .safari #main {
        margin-top: calc(6.5rem + 1px);
        padding-top: 0;
    }

    /*.mobile-header.large-one + #main {
        margin-top: calc(11rem + 1px);
    }*/

    .info-wrap .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        min-height: auto;
    }

    .exhibition_s-wrap .exhibition_s-tabs > a:first-child {
        margin-top: 0;
    }
	.backToTopText-wrap {
		position: absolute;
		bottom: var(--space);
		padding: 0;
		right: var(--space);
	}
    .backToTopText-wrap, .backToTop-wrap {
        text-align: left;
    }
	.backToTopGallery-wrap {
		position: absolute;
		bottom: var(--space);
		padding: 0;
		right: var(--space);	
	}
    .backToTop:before {
        display: none;
    }

    .backToTop:after {
        content: '↑';
        padding-left: 1rem;
		display:none;
    }

    html[lang="el"] .mobile-header ul > li > a.arrow span {
        display: none;
    }
    html[lang="el"] .mobile-header ul > li.router-link-active:not(.router-link-exact-active) > a.arrow span {
        display: inline;
    }
    html[lang="el"] .mobile-header ul > li.router-link-active:not(.router-link-exact-active) > a.arrow span:before {
        left: -1rem;
    }
    html[lang="el"] .mobile-header.active ul > li.router-link-active:not(.router-link-exact-active) > a.arrow span {
        display: none;
    }

    body:not(.mmenu-active) .mobile-header.large-one ul li.router-link-active {
        display: block;
    }
    body:not(.mmenu-active) .mobile-header.large-one ul li.router-link-active a {
        color: #fff;
		float:left;
    }
	 body:not(.mmenu-active) .mobile-header.large-one ul li.router-link-active a span {
		 color:#000;
	 }
	 body:not(.mmenu-active) .mobile-header.large-one ul li.router-link-exact-active a span {
		 color:#fff;
	 }
    .exhibition_s-wrap .exhibition_s-tab.active {
        max-height: unset;
        height: unset;
        overflow: unset;
		position:static;
    }
	.exhibition_s-wrap .exhibition_s-tab {
		position:static;
	}

/*     .exhibition_s-gallery .slick-list {
        overflow: hidden !important;
    } */
    #mouse-nav {
        display: none;
    }
	/*.slick-prev.slick-arrow:before {
		content: '↰';
	}
	.slick-next.slick-arrow:before {
		content: '↱';
	}*/	
	.slick-next.slick-arrow {
		text-align:right;
	}
	.slick-arrow {
		display:none;
	}
    div#my-gallery-wrap {
        max-width: 100%;
        clear: both;
        overflow: hidden;
    }
    .exhibition_s-gallery .slick-slide, .exhibition_s-gallery .slick-initialized .slick-slide {
        min-height: auto;
    }
    .exhibition_s-gallery .slick-slide img {
		/* max-height: none; */
		height: auto;
		width: auto;
		/* min-height: auto; */
		max-width: 100%;
		max-height: 100%;
		margin: auto auto 0 auto;
    }
	.info-wrap .exhibition_s-gallery .slick-slide img { 
		max-height:none;
	}
    .exhibition_s-gallery .slick-slide .slick-caption-img {
        /*min-height: calc(100vh - 35rem);
        max-height: calc(100vh - 35rem);*/
		max-height:none;
		min-height:auto;
    }
	.exhibition_s-gallery .slick-caption-img img{ 
		display: inline-block;
		vertical-align: bottom;
		width:100%;
		display:block;
	}
	.exhibition_s-text {

	}
	.main-fluid {
		margin-bottom:0;
	}
	.desktop {
		display:none;
	}
	.exhibition_s-gallery .my-gallery-extra.desktop {
		display:none;
	}
	
	.exhibitions-image-wrap {
		min-height:auto;
		max-height:none;
	}
}
@media (min-width: 990px) {
	.mobile {
		display:none;
	}
	.exhibition_s-gallery .my-gallery-extra.mobile {
		display:none;
	}
	.exhibition_s-wrap .exhibition_s-tabs {
		line-height: var(--line);
		height: calc(var(--space) * 3);
		position: fixed;
		background: #fff;
		width: 100%;
		top: -2px;
		z-index: 1;
		padding-top: var(--space);
		padding-bottom: var(--space);
		margin-bottom:0;
	}
	.exhibition-hover.hovered {
		color:var(--fuksia);
	}
	#tab-text .exhibition_s-text {
		padding-top:calc(var(--space) * 2);
	}
	#tab-gallery  {
		padding-top:calc(var(--space) * 2);
	}
	.exhibition_s-gallery {
		height:var(--viewport);
	}
	.exhibition_s-gallery .my-gallery {
		height:100%;
	}
	.exhibition_s-gallery .my-gallery #my-gallery-wrap {
		height:100%;	
	}
	.exhibition_s-gallery .my-gallery #my-gallery-wrap .slick-list {
		height:100%;
	}
	.exhibition_s-gallery .my-gallery #my-gallery-wrap .slick-list .slick-track {
		height:100%;
	}
	.exhibition_s-gallery .my-gallery #my-gallery-wrap .slick-list .slick-track .slick-slide {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
	}
	.exhibition_s-gallery .my-gallery #my-gallery-wrap .slick-list .slick-track .slick-slide .my-gallery-extra {
		width:100%;
	}
	.exhibition_s-gallery .my-gallery #my-gallery-wrap .slick-list .slick-track .slick-slide img {
		width: auto;
		margin: 0 auto;
		max-height: 100%;
		vertical-align: middle;
		margin-top: auto;
		margin-left:0;
	}
}
@media (min-width: 550px) {
	.blog-image p br {
		display:none;
	}
}
@media (max-width: 550px) {
    html {
        font-size: 50%
    }
    .blog-text, .blog-image {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 350px) {
    html {
        font-size: 42.5%
    }

    .blog-text, .blog-image {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* 404 */

.error-404-container {
	color:var(--fuksia);
}
.error-404-container h1 {
	margin-bottom: var(--space);
}
.error-404-container .error-404-message {
	font-size:var(--sm-size);
}