.developermode a {
    background-color : rgba(52, 52, 52, 0.6);
}

.developermode .popup,
.developermode .exLink {
    background : rgba(255, 0, 0, 0.4);
}

body {
    margin      : 0;
    font-family : 'Arial';
    overflow-x  : hidden;
}

.flipbook-main-wrapper {
    margin              : 0;
    background          : url(../img/background-01.jpg) !important;
    background-size     : cover !important;
    background-position : center center !important;
    background-repeat   : no-repeat !important;
}

.flipbook-bg-light {
    background : transparent !important;
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
    background    : transparent !important;
    border-bottom : 1px solid #11366c;
    box-shadow    : none !important;

}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
    border-bottom-color : #40ade6;
    opacity             : 1;
}

.mainMenu {
    position          : absolute;
    max-width         : 160px;
    line-height       : 1;
    top               : 50%;
    right             : 0;
    z-index           : 99;
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    transform         : translateY(-50%);
}

.site_logo {
    position    : relative;
    z-index     : 5;
    max-height  : 50px;
    margin-top  : 10px;
    margin-left : 30px;
    cursor      : pointer;
}

.menuItem {
    padding            : 2px 5px;
    margin-bottom      : 1px;
    min-width          : 320px;
    color              : #ffffff;
    font-weight        : 700;
    line-height        : normal;
    cursor             : pointer;
    display            : flex;
    justify-content    : flex-start;
    align-items        : center;
    margin-left        : 160px;
    -webkit-transition : all 250ms ease-in-out;
    -moz-transition    : all 250ms ease-in-out;
    -ms-transition     : all 250ms ease-in-out;
    -o-transition      : all 250ms ease-in-out;
    transition         : all 250ms ease-in-out;
    min-height         : 50px;
    position           : relative;
}

.menuItem:before {
    content         : '';
    position        : absolute;
    top             : 0;
    bottom          : 0;
    left            : -65px;
    width           : 65px;
    height          : 60px;
    margin          : auto;
    display         : block;
    background-size : contain;
}

.menuItem:nth-child(1) {
    background : #d3d93a;
}

.menuItem:nth-child(1):before {
    background-image : url(../img/buttons/btn01.png);
}

.menuItem:nth-child(2) {
    background : #66c0bd;
}

.menuItem:nth-child(2):before {
    background-image : url(../img/buttons/btn02.png);
}

.menuItem:nth-child(3) {
    background : #ed7e23;
}

.menuItem:nth-child(3):before {
    background-image : url(../img/buttons/btn03.png);
}

.menuItem:nth-child(4) {
    background : #2e9d70;
}

.menuItem:nth-child(4):before {
    background-image : url(../img/buttons/btn04.png);
}

.menuItem:nth-child(5) {
    background : #a13048;
}

.menuItem:nth-child(5):before {
    background-image : url(../img/buttons/btn05.png);
}

.menuItem:nth-child(6) {
    background : #e75035;
}

.menuItem:nth-child(6):before {
    background-image : url(../img/buttons/btn06.png);
}

.menuItem:nth-child(7) {
    background    : #78458b;
    margin-bottom : 0;
}

.menuItem:nth-child(7):before {
    background-image : url(../img/buttons/btn07.png);
}

.menuItem:nth-child(8) {
    background    : #78458b;
    margin-bottom : 0;
}

.menuItem:nth-child(8):before {
    background-image : url(../img/buttons/btn08.png);
}

.menuItem.hidden {
    display : none;
}

.menuItem:hover {
    margin-left : 0;
    text-align  : left;
}

.menuItem .fa {
    font-size : 16px;
}

.menuItemTitle {
    font-size   : 14px;
    max-width   : 100%;
    word-break  : normal;
    margin-left : 15px;
}

html:lang(el) .menuItemTitle-en {
    display : none;
}

html:lang(en) .menuItemTitle-el {
    display : none;
}

.popup_container {
    position                 : fixed;
    top                      : 50%;
    left                     : 50%;
    -webkit-transform        : translate(-50%, -50%);
    -moz-transform           : translate(-50%, -50%);
    -ms-transform            : translate(-50%, -50%);
    -o-transform             : translate(-50%, -50%);
    transform                : translate(-50%, -50%);
    -webkit-transition       : top .15s ease-in-out;
    -moz-transition          : top .15s ease-in-out;
    -ms-transition           : top .15s ease-in-out;
    -o-transition            : top .15s ease-in-out;
    transition               : top .15s ease-in-out;
    -webkit-transition-delay : .15s;
    -moz-transition-delay    : .15s;
    -ms-transition-delay     : .15s;
    -o-transition-delay      : .15s;
    transition-delay         : .15s;
    z-index                  : 1000;
    width                    : 100%;
    max-width                : 800px;
    margin                   : 0 auto;
    overflow                 : hidden;
}

.popup_container.popHidden {
    top            : -100%;
    z-index        : -1;
    pointer-events : none;
}

.popup_container.popHidden .close-popup {
    display : none;
}

.popup,
.exLink {
    cursor      : pointer;
    display     : block;
    position    : absolute;
    z-index     : 999;
    line-height : 1;
    margin      : 0;
}

.popup-content {
    position   : relative;
    z-index    : 1;
    margin     : 0 auto;
    text-align : center;
}

.popup-content img,
.popup-content video {
    max-width : 100%;
    width     : 100%;
    height    : auto;
    margin    : 0 auto;
}

.close-popup {
    font-size  : 3em;
    position   : absolute;
    z-index    : 2;
    top        : 0;
    right      : 0;
    cursor     : pointer;
    width      : 50px;
    height     : 50px;
    background : rgba(0, 0, 0, .5);
}

.close-popup:before,
.close-popup:after {
    content          : '';
    width            : 4px;
    height           : 30px;
    display          : block;
    background-color : #ffffff;
    position         : absolute;
    top              : 50%;
    left             : 50%;
}

.close-popup:before {
    -webkit-transform : translate(-50%, -50%) rotate(45deg);
    -moz-transform    : translate(-50%, -50%) rotate(45deg);
    -ms-transform     : translate(-50%, -50%) rotate(45deg);
    -o-transform      : translate(-50%, -50%) rotate(45deg);
    transform         : translate(-50%, -50%) rotate(45deg);

}

.close-popup:after {
    -webkit-transform : translate(-50%, -50%) rotate(-45deg);
    -moz-transform    : translate(-50%, -50%) rotate(-45deg);
    -ms-transform     : translate(-50%, -50%) rotate(-45deg);
    -o-transform      : translate(-50%, -50%) rotate(-45deg);
    transform         : translate(-50%, -50%) rotate(-45deg);

}

.overlay {
    position                 : fixed;
    top                      : 0;
    bottom                   : 0;
    left                     : 0;
    right                    : 0;
    width                    : 100vw;
    height                   : 100vh;
    display                  : none;
    background               : rgba(0, 0, 0, 0.75);
    -webkit-transition-delay : .15s;
    -moz-transition-delay    : .15s;
    -ms-transition-delay     : .15s;
    -o-transition-delay      : .15s;
    transition-delay         : .15s;
}

.popup_open .overlay {
    display : block;
    z-index : 999;
}

.menu_open .overlay {
    display  : block;
    z-index  : 1000;
    overflow : hidden;

}

.flipbook-nav.disabled .flipbook-menu-btn {
    pointer-events : none;
}

.flipbook-nav:not(.disabled) .flipbook-menu-btn {
    background-color : #e6e6e6 !important;
    color            : #231f20 !important;
}

.flipbook-nav:not(.disabled) .flipbook-menu-btn:hover {
    background-color : #231f20 !important;
    color            : #e6e6e6 !important;
}

.flipbook-color-light {
    color : #231f20;
}

.flipbook-currentPageHolder {
    display        : none;
    pointer-events : none;
}

.flipbook-nav .flipbook-menu-btn.flipbook-menu-btn {
    padding                : 5px 15px !important;
    -webkit-transition     : all .3s ease-in-out;
    -moz-transition        : all .3s ease-in-out;
    -ms-transition         : all .3s ease-in-out;
    -o-transition          : all .3s ease-in-out;
    transition             : all .3s ease-in-out;
    display                : block !important;
    position               : absolute !important;
    text-align             : center;
    cursor                 : pointer;
    speak                  : none;
    font-style             : normal;
    font-weight            : normal;
    -webkit-font-smoothing : antialiased;
    top                    : unset !important;
    bottom                 : 0;
    left                   : 50%;
    -webkit-transform      : translateX(-50%);
    -moz-transform         : translateX(-50%);
    -ms-transform          : translateX(-50%);
    -o-transform           : translateX(-50%);
    transform              : translateX(-50%);
    margin                 : 0 0 10px !important;
    background             : rgba(0, 0, 0, 0.2);
}

.flipbook-nav .flipbook-right-arrow.flipbook-right-arrow {
    margin-left : 40px !important;
}

.flipbook-nav .flipbook-left-arrow.flipbook-left-arrow {
    margin-left : -40px !important;
}

.mobileMenuBtn {
    color     : #231f20;
    padding   : 5px 10px;
    font-size : 26px;
}

.popup_open .mainMenuWrapper {
    z-index : 100;
}

.flipbook-menu .flipbook-menu-btn {
    font-size : 20px !important;
}

.flipbook-menu.flipbook-menu-center,
.flipbook-menu.flipbook-menu-left {
    display : none !important;
}

.flipbook-menuTop {
    display         : block !important;
    justify-content : unset !important;
    text-align      : right;
    padding         : 10px 30px !important;
}

.flipbook-menuTop .flipbook-menu-right {
    width   : auto !important;
    flex    : unset !important;
    display : inline-flex !important;
}

.flipbook-menu-right {
    margin-right : 55px !important;
}

.langSwitcher {
    position  : fixed;
    cursor    : pointer;
    top       : 0;
    right     : 0;
    display   : block;
    z-index   : 5;
    font-size : 22px;
    padding   : 10px 30px 10px 0;
}

.langSwitcher .flipbook-icon-fa {
    width : auto;
}

.langIndicator {
    font-weight : 700;
}

@media (min-width : 1025px) {
    .menuItem {
        margin-bottom : 15px;
    }

    .menuItem:not(.active):not(:hover) {
        opacity : 0.65;
    }
}

@media (max-width : 1024px),(max-height : 575px) {
    .mainMenuWrapper {
        position           : fixed;
        z-index            : 1111;
        top                : 0;
        right              : 0;
        text-align         : right;
        -webkit-transition : all .15s ease-in-out;
        -moz-transition    : all .15s ease-in-out;
        -ms-transition     : all .15s ease-in-out;
        -o-transition      : all .15s ease-in-out;
        transition         : all .15s ease-in-out;
    }

    .mainMenuWrapper.showMenu {
        width : 320px;
    }

    .site_logo {
        position    : absolute;
        left        : 100%;
        z-index     : 5;
        max-height  : unset;
        margin-top  : 5px;
        margin-left : 10px;
        max-width   : 130px;
    }

    .showMenu .site_logo {
        left : 0;
    }

    .flipbook-menuTop {
        padding : 0 !important;
    }

    .mainMenu {
        position           : absolute;
        top                : 50px;
        right              : 0;
        width              : 100%;
        max-width          : 320px;
        -webkit-transform  : none;
        -moz-transform     : none;
        -ms-transform      : none;
        -o-transform       : none;
        transform          : none;
        text-align         : right;
        -webkit-transition : all .15s ease-in-out;
        -moz-transition    : all .15s ease-in-out;
        -ms-transition     : all .15s ease-in-out;
        -o-transition      : all .15s ease-in-out;
        transition         : all .15s ease-in-out;
        overflow-y         : scroll;
        height             : 100vh;
    }

    .mobileMenuBtn {
        display        : inline-block;
        pointer-events : all;
        cursor         : pointer;
        padding        : 8px 10px;
    }

    .mainMenuWrapper:not(.showMenu) .mainMenu {
        right : -100%;
    }

    .mainMenuWrapper.showMenu {
        height     : 100vh;
        background : #fff;
    }

    .mainMenuWrapper:not(.showMenu) .menuItem {
        display : none;
    }

    .menuItem {
        margin-left : 0;
        padding     : 5px 5px;
        background  : transparent;
        color       : #ffffff;
        text-align  : left;
        border      : none;
    }

    .menuItem:before {
        content : none !important;
    }

    .menuItem.active .menuItemTitle {
        font-size : 18px;
    }

    .flipbook-menuTop .flipbook-menu-right {
        margin-right : 90px !important;
    }

    .langSwitcher {
        right   : 40px;
        padding : 0;
    }
}