/*
Theme Name: panoreon Theme
Theme URI: https://www.panoreon.gr/
Author: Developer: <a href="https://antartis.eu/" target="_blank">D. Antartis</a>
Description:  Company: <a href="https://www.honestpartners.gr/" target="_blank">Honest Partners</a>
Version: 1.0
License: Honest Partners
Tags: Honest Partners, panoreon
Text Domain: panoreon
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;900&display=swap');

.lang-gr {}
.lang-en {display: none !important;}
.current-lang-en .lang-gr {display: none !important;}
.current-lang-en .lang-en {display: block !important;}

html, body { font-family: 'Roboto', sans-serif; font-size: 15px; line-height:22px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0; padding: 0; }
#wpadminbar {top: -27px !important;}
#wpadminbar:hover {top: 0 !important;}

.clear {clear: both;}
.clear:after {content: ''; display: table; clear: both;}

a:hover {text-decoration: none;}

.hide {display: none;}

.tc-default {color:#646C7C !important;}
.tc-white {color:#ffffff !important;}
.tc-primary {color:#002F78 !important;}
.tc-secondary {color: #2b2b2b !important;}
.tc-bez {color: #E2E2D9 !important;}

.pan-text-shadow {text-shadow: 0px 0px 3px rgb(206 145 36);}

.bc-default {background-color:#8f8d90 !important;}
.bc-white {background-color:#ffffff !important;}
.bc-primary {background-color:#002F78 !important;}
.bc-secondary {background-color: #2b2b2b !important;}
.bc-bez {background-color: #E2E2D9 !important;}
.bc-grey {background-color: #EDEDED !important;}
.bc-black {background-color: #000000 !important;}
.bc-black-ovelay {background-color: rgba(62,63,66,0.9);}

.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}

.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-65 {margin-top: 65px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}
.mt-130 {margin-top: 130px !important;}

.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-60 {margin-bottom: 60px;}
.mb-95 {margin-bottom: 95px;}

.mr--100 {margin-right: -100px;}

.p-6 {padding: 6px;}
.p-10 {padding: 10px;}
.p-25 {padding: 25px;}
.p-40 {padding: 40px;}

.pl-25 {padding-left: 25px;}
.pl-45 {padding-left: 45px;}
.pl-145 {padding-left: 145px;}
.pr-45 {padding-right: 45px;}
.pr-145 {padding-right: 145px;}

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

.h-025 {height: 25px;}
.h-110 {height: 110px;}
.h-225 {height: 225px;}
.h-250 {height: 250px;}
.h-365 {height: 365px;}
.h-380 {height: 380px;}
.h-585 {height: 585px;}
.h-680 {height: 680px;}
.h-700 {height: 700px;}
.h-800 {height: 800px;}
.h-870 {height: 870px;}
.h-1075 {height: 1075px;}
.h-1160 {height: 1160px;}

.mh-78 {min-height: 78px;}

.mw- {max-width: px}
.mw-350 {max-width: 350px}
.mw-580 {max-width: 580px}
.mw-660 {max-width: 660px}

.pull-right {float: right;}

.opacity-background {position: absolute;width: 100%; height: 100%; opacity: 0.7;}
.simple-background {position: absolute;width: 100%; height: 100%; }
.cover-background {background-position:center; background-size: cover;}

.f-24 {font-size: 24px !important;}
.f-36 {font-size: 36px !important;}
.f-54 {font-size: 54px !important;}

.lh-32 {line-height: 32px;}
.lh-35 {line-height: 35px;}
.lh-45 {line-height: 45px;}

.white-border.custom-button:hover:before {border-color: #fff;}

.custom-button {background-color: transparent; border: 0; color:#CE9124; font-weight: normal;font-size: 19px;}
.custom-button:hover {line-height: 70px;text-indent:0; color:#CE9124;}
.custom-button:hover:before {border: 0 solid transparent !important;}

.z-index-1{z-index: 1}
.z-index-10{z-index: 10}

.main-slider-container {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main-slider-container .main-slider {width: 100%; height: 100%;}
.back-image {background-size: cover; background-position: center; background-repeat: no-repeat; }
.back-image-cnt {background-size: contain; background-position: center; background-repeat: no-repeat; }
.c-pointer {cursor: pointer;}


.main-slider .slick-list {height: 100%;}
.main-slider .slick-track {height: 100%;}
.main-slider .slick-slide {height: 100%;}
.main-slider .slick-slide > div  {height: 100%;}

.main-slider .slick-dots { z-index:1; list-style-type: none; position: absolute; display: block !important; bottom: 30px;text-align: center;width:100%;padding-left: 0; }
.main-slider .slick-dots > li {display: inline-block; margin: 0; }
.main-slider .slick-dots > li:only-child {display: none; }
.main-slider .slick-dots > li > button {color: transparent; border: 1px solid #555; outline:0; float: left; padding: 0; background-color:#fff; opacity: 0.5; border-radius: 50%; width: 15px; height: 15px; cursor: pointer; }
.main-slider .slick-dots > li > button:before {display: none;}
.main-slider .slick-dots > li.slick-active > button {opacity: 1;  border: 1px solid #CE9124; }

.main-slider .slick-dots { }
.main-slider .slick-dots > li { transition: transform 0.2s,width 0.4s;width: 21px; overflow: hidden;}
.main-slider .slide-text-box {margin-bottom: 150px;width: 440px;padding: 25px 20px;background: rgba(255,255,255,0.7);min-height: 126px;}
.main-slider .slide-text-box .text { color: #231f20;}
.main-slider .slide-text-box .link { font-style: italic;}

.new-page-title {
    text-shadow: 0px 0px 3px #000;
    font-size: 36px;
    font-weight: 400;
    font-family: 'Cardo', serif;
    line-height: 1;
    color: #8f8d90;
    margin-bottom: 30px;
    position: relative;
}

.br-bottom {border-bottom: 1px solid #AEB6C6;}

.ob-animation .scale {transform: translate(0) scale(0)}
.ob-animation.start-anim .scale {transform: translate(0) scale(1)}
.ob-animation .scale {-webkit-transition: transform 0.6s ease-in-out;-moz-transition: transform 0.6s ease-in-out;-o-transition: transform 0.6s ease-in-out;transition: transform 0.6s ease-in-out;}

.ob-animation .fadein {opacity:0;}
.ob-animation.start-anim .fadein {opacity:1;}
.ob-animation .fadein {-webkit-transition: opacity 0.6s ease-in-out;-moz-transition: opacity 0.6s ease-in-out;-o-transition: opacity 0.6s ease-in-out;transition: opacity 0.6s ease-in-out;}
.ob-animation .fadein:after {content: ' '; clear: both; display: table; }

.ob-animation .bs-bottom-top {margin-bottom: -50px;padding-top: 50px;}
.ob-animation.start-anim .bs-bottom-top {margin-bottom: 0;padding-top: 0;}
.ob-animation .bs-bottom-top {
    -webkit-transition: margin-bottom 0.4s ease-in-out, padding-top 0.4s ease-in-out;
    -moz-transition: margin-bottom 0.4s ease-in-out, padding-top 0.4s ease-in-out;
    -o-transition: margin-bottom 0.4s ease-in-out, padding-top 0.4s ease-in-out;
    transition: margin-bottom 0.4s ease-in-out, padding-top 0.4s ease-in-out;
}


.ob-animation .bs-right-left {margin-right: -50px;padding-left: 50px;}
.ob-animation.start-anim .bs-right-left {margin-right: 0;padding-left: 0;}
.ob-animation .bs-right-left {
    -webkit-transition: margin-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
    -moz-transition: margin-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
    -o-transition: margin-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
    transition: margin-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
}
.ob-animation .bs-right-left:after {content: ' '; clear: both; display: table; }

.ob-animation .bs-left-right {margin-left: -50px;padding-right: 50px;}
.ob-animation.start-anim .bs-left-right {margin-left: 0;padding-right: 0;}
.ob-animation .bs-left-right {
    -webkit-transition: margin-left 0.4s ease-in-out, padding-right 0.4s ease-in-out;
    -moz-transition: margin-left 0.4s ease-in-out, padding-right 0.4s ease-in-out;
    -o-transition: margin-left 0.4s ease-in-out, padding-right 0.4s ease-in-out;
    transition: margin-left 0.4s ease-in-out, padding-right 0.4s ease-in-out;
}
.ob-animation .bs-left-right:after {content: ' '; clear: both; display: table; }

.ob-animation .bs-left-a {left: -100vw!important;}
.ob-animation.start-anim .bs-left-a {left: 0!important;}
.ob-animation .bs-left-a {
    -webkit-transition: left 0.6s ease-in-out;
    -moz-transition: left 0.6s ease-in-out;
    -o-transition: left 0.6s ease-in-out;
    transition: left 0.6s ease-in-out;
}
.ob-animation .bs-right-a {right: -100vw!important;}
.ob-animation.start-anim .bs-right-a {right: 0!important;}
.ob-animation .bs-right-a {
    -webkit-transition: right 0.6s ease-in-out;
    -moz-transition: right 0.6s ease-in-out;
    -o-transition: right 0.6s ease-in-out;
    transition: right 0.6s ease-in-out;
}

.ob-animation .bs-bottom-a {bottom: -100vh!important;}
.ob-animation.start-anim .bs-bottom-a {bottom: 0!important;}
.ob-animation .bs-bottom-a {
    -webkit-transition: bottom 0.6s ease-in-out;
    -moz-transition: bottom 0.6s ease-in-out;
    -o-transition: bottom 0.6s ease-in-out;
    transition: bottom 0.6s ease-in-out;
}

.ob-animation .animation-delay-1 {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.ob-animation .animation-delay-2 {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.ob-animation .animation-delay-3 {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.ob-animation .animation-delay-4 {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.ob-animation .animation-delay-5 {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.ob-animation .animation-delay-6 {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.ob-animation .animation-delay-7 {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}
.ob-animation .animation-delay-8 {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}
.ob-animation .animation-delay-9 {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.ob-animation .animation-delay-10 {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s;
}
.ob-animation .animation-delay-11 {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s;
}
.ob-animation .animation-delay-12 {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s;
}
.ob-animation .animation-delay-13 {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s;
}
.ob-animation .animation-delay-14 {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
}
.ob-animation .animation-delay-15 {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    -o-transition-delay: 3.2s;
    transition-delay: 3.2s;
}
.ob-animation .animation-delay-16 {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    -o-transition-delay: 3.4s;
    transition-delay: 3.4s;
}
.ob-animation .animation-delay-17 {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    -o-transition-delay: 3.6s;
    transition-delay: 3.6s;
}
.ob-animation .animation-delay-18 {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    -o-transition-delay: 3.8s;
    transition-delay: 3.8s;
}
.ob-animation .animation-delay-19 {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    -o-transition-delay: 4s;
    transition-delay: 4s;
}
.ob-animation .animation-delay-20 {
    -webkit-transition-delay: 4.2s;
    -moz-transition-delay: 4.2s;
    -o-transition-delay: 4.2s;
    transition-delay: 4.2s;
}

.ob-fadein-onload {-webkit-animation: fadeIn .8s alternate ease-in-out;animation: fadeIn .8s alternate ease-in-out;}
.ob-left-right-onload  {-webkit-animation: leftRight .8s alternate ease-in-out;animation: leftRight .8s alternate ease-in-out;}
.ob-allAnim-onload  {-webkit-animation: allAnim 1s alternate ease-in-out;animation: allAnim 1s alternate ease-in-out;}

@-webkit-keyframes fadeIn{
    0%{  opacity: 0; }
    50%{  opacity: 0; }
    100%{  opacity: 1;  }
}
@keyframes fadeIn{
    0%{  opacity: 0; }
    50%{  opacity: 0; }
    100%{  opacity: 1;  }
}

@-webkit-keyframes leftRight{
    0%{  margin-left: -50px;padding-right: 50px; }
    50%{  margin-left: -50px;padding-right: 50px; }
    100%{  margin-left: 0;padding-right: 0;  }
}
@keyframes leftRight{
    0%{  margin-left: -50px;padding-right: 50px; }
    50%{  margin-left: -50px;padding-right: 50px; }
    100%{  margin-left: 0;padding-right: 0; }
}

@-webkit-keyframes allAnim{
    0%{  margin-left: -50px;padding-right: 50px;opacity: 0; }
    60%{  margin-left: -50px;padding-right: 50px;opacity: 0; }
    100%{  margin-left: 0;padding-right: 0; opacity: 1; }
}
@keyframes allAnim{
    0%{  margin-left: -50px;padding-right: 50px;opacity: 0; }
    60%{  margin-left: -50px;padding-right: 50px;opacity: 0; }
    100%{  margin-left: 0;padding-right: 0;opacity: 1; }
}

.ose-btn {padding: 13px 18px;border: 2px solid #F27D11;color: #F27D11;text-align: center;display: inline-block; transition: all 0.2s;}

.ose-btn:hover {background-color: #F27D11;color:#fff;}
.ose-btn.solid {background-color: #F27D11;color:#fff;transition: all 0.4s;}

.ose-btn.solid:hover {opacity: 0.8;}
.ose-btn.disabled {opacity: 0.5;pointer-events: none;}

.ose-btn:not([href]) {color: #F27D11 !important;}
.ose-btn:not([href]):hover {background-color: #F27D11!important;color:#fff!important;}
.ose-btn.solid:not([href]) {color: #fff !important;}

.br-30-white {border: 30px solid #fff;}

.index-small {z-index: 1;}

.navbar {position: relative; }
.navbar .site-menu ul li { margin: 0 10px;}
.navbar .site-menu > ul {}
.navbar .site-menu > ul > li {padding: 22px 0;position: relative;}
.navbar .site-menu > ul > li > ul {display: none;position: absolute;width: auto; margin-top: 16px;}

.navbar .site-menu > ul > li:nth-last-child(3) > ul {right: 0;}
.navbar .site-menu > ul > li:hover > ul {display: block;}
.navbar .site-menu > ul > li > ul > li{display: block;
    width: 100%;
    padding-top: 10px;}

.custom-button { text-shadow: none;}
.navbar .navbar-button a { font-weight: normal; font-size: 19px;color: #CE9124; background: none;text-shadow: 0px 0px 3px #CE9124; line-height: 29px;text-align: center;height: auto;padding: 5px 40px;}
.navbar .navbar-button a:hover { background: none;color: #CE9124; }
.navbar .site-menu ul li a {color: #8f8d90;text-shadow: 0px 0px 1px rgb(0 0 0);}

.hamburger path{stroke: #8f8d90;}

.pdf-viewer {border: 0; width: 100%;height: 100vh; min-height: 800px;}

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

.absolute-down {position: absolute;bottom: 0;width: 100%;}
.absolute-halfdown {position: absolute;top: 50%; height:50%; width: 100%;}

.pdf-viewer {border: 0; width: 100%;height: 100vh; min-height: 800px;}
.navigation.pagination .screen-reader-text {display: none;}

.simple-content {line-height: 25px;}
.simple-content a { border-bottom: 2px solid #CE9124;}
.simple-content li { line-height: 33px; }

.cover-img {position: relative; width: 100%;}
.cover-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}

.contain-img {position: relative; width: 100%;}
.contain-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: contain;}

.container-back-img {background-position: center; background-size: contain;background-repeat: no-repeat;}

.page-header.small {height: auto;}
.page-header.small .inner {margin-top: 160px;}


.slick-prev:before, .slick-next:before {color: #2b2b2b !important;font-size: 40px!important;}

.recent-news figure {width: 50%;}
.recent-news .content-box {width: 50%;margin-right: 0;}
.col-12:nth-child(even) .recent-news .content-box {margin-left: 0;}

/*.circle-button {  background-color: #CE9124;}*/
.gallery-slider-3 .slick-prev {left: -50px;}

.navbar .site-menu ul ul{background-color: rgba(206, 145, 36, 1); padding: 10px 30px 30px;}
.navbar .site-menu ul ul a {color:#fff !important;}
.navbar .site-menu .current-lang {display: none;}
.navbar .site-menu .lang-item { text-transform: uppercase;}
/*
.page-loaded .navbar:before {content:''; left: 0; z-index: -1; position: absolute; width:100%; height:150%; background-image: linear-gradient(rgba(206, 145, 36,0.9),rgba(206, 145, 36,0));}
footer.footer:before {content:''; left: 0; bottom:0;z-index: 0; position: absolute; width:100%; height:70%; background-image: linear-gradient(rgba(206, 145, 36,0),rgba(206, 145, 36,0.9));}
*/
.footer .footer-bottom {z-index: 1}


.page-header .inner p { color: #CE9124; opacity: 1;text-shadow: 0px 0px 3px #000;}

.exhibition-box .content-box h4 a:hover {color: inherit;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #ffffff 2px);
    background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #ffffff 2px);}
.exhibition-box .content-box h4 a.black-hover:hover {color: inherit;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #000000 2px);
    background-image: linear-gradient(rgba(0, 0, 0, 0) calc(99% - 2px), #000000 2px);}
.page-header .inner h1 {text-shadow: 0px 0px 3px #000;}
.navbar {padding: 30px}
.navbar .navbar-button {margin-left: 5px; }

@media only screen and (max-width: 1369px), only screen and (max-device-width: 1369px) {
    .navbar .logo a img  {height: 43px;}
}

.menu-yellow-button {height: 60px; line-height: 60px; width:100%; text-align: center; display: inline-block; padding: 0 40px; background: #CE9124; color: #080808; font-size: 14px; font-weight: 700; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.menu-yellow-button:hover {    text-decoration: none;background: #080808;color: #fff;}


.side-arts .custom-button {    position: absolute;
    bottom: 30px;
    background: #fff;}

.press-table {}
.press-table td {padding-bottom: 30px;text-align: center; width: 33%;}
.press-table td > img {max-width: 300px; max-height: 300px;}

.themes-menu {background-color: #8f8d90; text-align: center; z-index: 10000; position: fixed; width: 100%; }
.themes-menu a {color:#fff !important;}
.themes-menu a:hover {color:#CE9124 !important;}
.themes-menu > ul { ; list-style-type: none;margin: 0; padding: 0;}
.themes-menu > ul > li { padding: 6px 10px;}

.footer-widget .menu {
    width: 100%;
    display: block;
    margin: 0;
    padding-left: 20px;
}
.footer-widget .menu li {
    margin-bottom: 8px;
}
.footer-widget .menu li a {
    display: inline-block;
    font-size: 16px;
}

.full-popup-gallery {visibility: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 10000; }
.full-popup-gallery .close-popup-gallery {cursor: pointer; z-index: 1000; font-size: 36px; position: absolute; right: 30px; top:30px; color: #fff;}
.full-popup-gallery.active {visibility: visible; }
.full-popup-gallery .slick-list {height: 100%;}
.full-popup-gallery .slick-track {height: 100%;}
.full-popup-gallery .slick-slide {height: 100%;}
.full-popup-gallery .slick-slide > div  {height: 100%;}
.full-popup-gallery .di-slide { text-align: center; }
.full-popup-gallery .di-slide img {max-width: 80vh; max-height: 80vh; display: inline-block; }
.full-popup-gallery .slick-prev { left: 50px; z-index: 100}
.full-popup-gallery .slick-next {right: 50px; z-index: 1000;}
.full-popup-gallery .slick-prev:before {color:#fff!important;}
.full-popup-gallery .slick-next:before {color:#fff!important;}

.extra-menu {position: absolute; top: 50%; transform: translate(0, -50%);right: 0;    z-index: 10;}
.extra-menu ul li {padding-bottom: 15px;}
.extra-menu ul li::marker {color: #CE9124;}
.extra-menu ul li a:hover {color: #CE9124;}


.popup-post {position: fixed; top:0; left: 0; z-index: 10001; width: 100%; height:100%;background-color: rgba(62,63,66,0.9);}
.popup-post .box {    padding: 2%;display: inline-block;}
.popup-post .box .img { max-width: 50vw;max-height: 50vh;}
.popup-post .box .content-box { color:#fff;}
.popup-post .box .content-box:hover { color:#000;}
.popup-post .close { position: absolute; right: 10px; top: 10px; font-size: 60px;cursor: pointer;}