/*.backimage {display:block; width:100%; height:400px; background:url(images/header_arkeo01.jpg) no-repeat center center; background-size:cover;}*/
/*.backimage {display:block; width:100%; height:400px; background:url(images/header/header01_1920.svg) no-repeat center center; background-size:cover;}*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-menu-jquery.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* this is the PC menu stylesheet */
.cssplay_menu {width:1018px; height:52px; position:relative; z-index:100; left: 17vw; top: 64px;}
.cssplay_toggle {display:none;}
.cssplay_menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.cssplay_menu ul {display:inline-block;} 
.cssplay_menu ul {*display:inline;}

.cssplay_menu li {margin:0; padding:0; list-style:none;}
.cssplay_menu li.close {display:none;}

.cssplay_menu li {display:inline-block; display:inline;}
.cssplay_menu ul ul {position:absolute; left:-9999px; border:1px solid #FFFFFF; border-top:0;}
.cssplay_menu > ul {margin:0 auto;}
.cssplay_menu > ul > li {float:left; display:block; position:relative;}
.cssplay_menu ul ul li a {border-bottom: 2px solid #EDEDED; padding: 2px 6px 2px 6px; margin: 0px 16px 0px 16px; min-width: 160px;}
.cssplay_menu ul ul li a.last {border-bottom: 2px solid #FFFFFF; padding: 2px 6px 2px 6px; margin: 0px 16px 0px 16px; min-width: 160px;}
.cssplay_menu > ul > li.has-sub > a {background-image:url(images/space.gif); background-repeat: no-repeat; background-position: right center;}
.cssplay_menu ul ul > li.has-sub > a {background-image:url(images/right.png); background-repeat: no-repeat; background-position: right center;}
.cssplay_menu ul li.left ul > li.has-sub > a {background-image:url(images/left.png); background-repeat: no-repeat; background-position:left center;}

.cssplay_menu ul li b {display:block; width:100%; height:45px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.5s;
transition: 0s 0.5s;
}
.cssplay_menu ul ul li b {margin-top:-45px;}

.cssplay_menu ul li b {*display:none;}

.cssplay_menu ul {background: #fff;}
a.isactive:link, a.isactive:visited, a.isactive:hover, a.isactive:active {color:#00A8E2;} 

.cssplay_menu a {display:block; font:normal 22px 'opensanscondbold', arial, sans-serif; letter-spacing: 1px; color:#363636; line-height:45px; text-decoration:none; padding: 0px 24px 0 6px;}
.cssplay_menu > ul > li > a {float:left; text-transform:uppercase;}

.cssplay_menu ul li:hover > ul {visibility:visible; left:-1px; top:45px; opacity:1;}
.cssplay_menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-46px;}
.cssplay_menu li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:45px;}
.cssplay_menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-46px;}
.cssplay_menu ul li:hover > b {width:0;}

.cssplay_menu li.left ul a {text-align:right; padding:0 10px 0 30px;}

.cssplay_menu li:hover > a,
.cssplay_menu li.left ul li:hover > a {color:#00A8E2; text-decoration:none;}

/* this is the stylesheet when the menu is viewed on a device with a max width of 1024 pixels */
.cssplay_menu_mini {height:100%; width:300px; overflow:scroll; overflow-x:hidden; background-color:#EDEDED; 
    position:fixed; right:-300px; top:0; z-index:500010;
    -webkit-overflow-scrolling: touch;
}
.cssplay_menu_mini + .cssplay_toggle {
    display:block; width:60px; height:40px; background: transparent url(images/menu-icon_s.png) no-repeat left center; position:fixed; right: 0px; top:24px; color:#F5F5F5; cursor:pointer; z-index:500000; 
    border-radius:0 10px 10px 0; font:normal 16px/40px 'robotoregular', arial, sans-serif; color:#FFFFFF; text-align:right; padding-right:10px;
-webkit-transition:0.25s;
transition:0.25s;
}

.cssplay_menu_mini + .cssplay_toggle:hover {right:0; background: transparent url(images/menu-icon.png) no-repeat left center;}
.cssplay_menu_mini ul {padding:0; margin:0 0 20px 0; list-style:none; background:transparent; width:100%; border:1px solid rgba(255,255,255,0.2); border-top:0; text-align:left;}
.cssplay_menu_mini ul ul {background:#fff ; width:calc(100% - 30px); margin-left:15px;}
.cssplay_menu_mini ul ul ul {background:#fff ; width:calc(100% - 30px);}
.cssplay_menu_mini ul ul ul ul {background:#fff ; width:calc(100% - 30px);}
.cssplay_menu_mini ul li {position:relative; border-top:1px solid rgba(255,255,255,0.2); padding-left: 10px;font-weight: 700;letter-spacing: 1px;}
.cssplay_menu_mini li.close {display:block; height:40px; font:normal 18px/40px 'robotoregular', arial, sans-serif; color:#fff; text-align:left; padding-left:50px; background:#5A5757 url(images/close.png) no-repeat 10px center; cursor:pointer;}
.cssplay_overlay {position:fixed; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none; cursor:pointer;z-index:500005;}

.cssplay_menu_mini ul li a {display:block; font:normal 18px/40px 'robotoregular', arial, sans-serif; color:#363636; text-decoration:none;}
.cssplay_menu_mini b {display:none;}
.cssplay_menu_mini a.isactive:link, .cssplay_menu_mini a.isactive:visited, 
.cssplay_menu_mini a.isactive:hover, .cssplay_menu_mini a.isactive:active {color: #00A8E2; font-weight: 700;} 

.lower {
    text-transform: lowercase; 
}
.search_toggle {display: none;}

.cssplay_menu_mini .search_toggle {margin: 20px 0px 20px 0px;}
.cssplay_menu_mini .search_toggle li {margin: 4px 0px 4px 0px;}

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cssplay_menu ul ul li a {border-bottom: 2px solid #EDEDED; padding: 2px 16px 2px 16px; margin: 0px; min-width: 160px;}
    .cssplay_menu ul ul li a.last {border-bottom: 2px solid #FFFFFF; padding: 2px 16px 2px 16px; margin: 0px; min-width: 160px;}
}
@media only screen and (min-width:1087px) and (max-width:1152px) {
    .cssplay_menu{width:834px;text-align:left;height:52px;position:relative;z-index:100;left:306px;top:57px}
}
@media only screen and (min-width:1152px) and (max-width:1400px) {
    .cssplay_menu{width:834px;text-align:left;height:52px;position:relative;z-index:100;left:416px;top:57px}
}
@media only screen and (min-width:1401px) and (max-width:1680px) {
    .cssplay_menu{width:834px;text-align:left;height:52px;position:relative;z-index:100;left:34vw;top:57px}
}*/
.gdprMsgClose {
    position: absolute;
    right: -18px;
    top: -18px;
    display: block;
    width: 4em;
    height: 4em;
    text-align: center;
    transform: rotateZ(45deg);
}
.gdprMsgClose > label::after {
    content: "+";
    font-size: 3em;
    color: #5A5757;
    cursor: pointer;
}
.btngdpr {
    position: relative;
    top: 12px;
    left: 34px;
    color: #fff;
    background-color: #3BB4E8;
    padding: 0.4em 2em;
    margin: 4px 0px 8px 0px;
    cursor: pointer;
    letter-spacing: 1px;
    border: none;
    font-size: 1rem;
    font-family: 'opensanscondbold';
    letter-spacing: 1px;
}
a.btngdpr:link, a.btngdpr:visited {
    color: #fff;
    text-decoration: none;
}
a.btngdpr:hover,a {
    color:#fff;
    text-decoration: underline;
}
@media only screen and (max-width: 599px) {
    #gdprMsg {
        display: none;
        height: 6rem;
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: rgba(243,243,243,1);
        padding: 30px 12px 8px 12px;
        height: 170px;
        font-size: 0.85rem;
    }
}
@media only screen and (min-width: 600px ) {
    #gdprMsg {
        /*padding: 8px 4px 0px 4px;*/
    }
}
@media screen and (min-width: 962px) {
    #gdprMsg {
        display: none;
        position: fixed;
        bottom: 4em;
        left: 4em;
        overflow: hidden;
        background-color: rgba(243,243,243,.9);
        box-sizing: content-box;
        border: 1px solid #60AAE2;
        padding: 12px 12px 12px 12px;
        z-index: 260;
        width: 400px;
        height: 110px;
        color: #000;
        font-size: 0.85rem;
    }
    .gdprMsgText {
        max-width: 379px;
    }
}

@media screen and (min-width: 1068px) {
    .cssplay_menu {
        left: 26vw;
    }
}
@media screen and (min-width: 1279px) {
    .cssplay_menu {
        left: 19vw;
    }
    .poslogo {
        position: absolute; 
        top: 35px; 
        left: 16px;
        width: 230px;
        z-index: 500006;
    }
}
@media screen and (min-width: 1440px) {
    .cssplay_menu {
        left: 26vw;
    }
}
@media screen and (min-width: 1680px) {
    .cssplay_menu {
        left: 22vw;
    }
    .poslogo {
        position: absolute; 
        top: 16px; 
        left: 60px;
        width: 300px;
        z-index: 500006;
    }
}