/* # ~~~~~ sticky-wrapper: ~~~~~ # */
.logonavheader {
    position: fixed;
    top:0;
    width: 100%;
    height: auto;
    border: none;
    /*background: #5A5A64;*/
    /*background: rgba(0, 0, 0, 0.5);*/
    /*margin: 0 !important;*/
    /*padding: 0 !important;*/
    opacity:.99;
    z-index: 9 !important;

}

.stagetop-sitelogo img {
    max-width: 250px;
    height: auto;
    transition: all .5s;
}
.is-top .stagetop-sitelogo img {
    max-width: 250px;
    transition: all .5s;
    /*padding: 1em;*/
}
.stagetop-sitelogo .ce-textpic .grid-container:nth-child(2) {
    display: none
}
/*for desktop only:*/
@media (min-width: 768px) {
    .logonavheader {
        position: fixed;
        width: 100%;
        height: auto;
        border: none;
        z-index: 1;
        transition: all .5s;
    }
    .is-top .logonavheader {
        /*background: rgb(0,0,0);*/
        /*background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64861694677871145) 100%);*/
        /*background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64861694677871145) 100%);*/
        /*background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64861694677871145) 100%);*/
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);*/
        background: #fff;
        margin: 0;
        padding: 1em 4em 0 4em;
        height: 145px;
        transition: all .5s;
        /*background: rgb(0,0,0);*/
    }
    .logoheader {
        position: relative;
    }
    .not-top .stagetop-sitelogo img{
        max-width: 150px;
        height: auto !important;
        transition: all .5s;
        /*z-index:99 !important;*/
        /*position: absolute;*/
        /*top: .4rem;*/
        /*left: .9375rem;*/
    }
    /*use only with transparent logonavheader:*/
    .is-hero.offhero .logonavheader {
        /*background: rgba(0,0,0, 0.2);*/
    }
    .not-top .logonavheader,
    .is-hero.offhero .logonavheader {
        background: #fff;
        margin: 0;
        padding: .4em 4em;
        transition: all .5s;
        height: 78px;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);
    }
    /* # ~~~~~ wrapper: ~~~~~ # */

    .is-video-hero #wrapper,
    .is-hero #wrapper,
    .blayout-pagets__heroimage #wrapper,
    .blayout-pagets__heroimage_pure #wrapper,
    .is-media-slider #wrapper {
        padding: inherit;
    }
    .is-top #wrapper {
        padding-top: 145px !important;
        transition: all .5s;
    }
    .not-top #wrapper {
        padding-top: 78px !important;
        transition: all .5s;
    }

    .not-hero .min-sm-chameleon {
        background: none !important;
    }
    .is-hero.offhero .min-sm-chameleon {
        background: none !important;
    }
    .is-top .min-sm-chameleon ul {
        /*background: rgba(0,0,0, 0.5) !important;*/
        background: inherit !important;
    }
    .is-top .min-sm-chameleon ul li {
        /*background: rgba(0,0,0, 0.5) !important;*/
        background: rgba(255,255,255, 0.9) !important;
    }
    .not-top .min-sm-chameleon ul {
        background: inherit !important;
    }
    .not-top .min-sm-chameleon ul li {
        background: rgba(255,255,255, 0.9) !important;
    }
    /*first level*/
    .min-sm-chameleon a,
    .min-sm-chameleon a:hover,
    .min-sm-chameleon a:focus,
    .min-sm-chameleon a:active,
    .min-sm-chameleon a.highlighted {
        padding: 1em 1em 1.5em 1em;
        color: #333 !important;
        border-radius: 0 !important;
        /*text-transform: uppercase;*/

    }
    .not-top .min-sm-chameleon a,
    .not-top .min-sm-chameleon a:hover,
    .not-top .min-sm-chameleon a:focus,
    .not-top .min-sm-chameleon a:active,
    .not-top .min-sm-chameleon a.highlighted {
        padding: 1em;
        color: #666 !important;
        border-radius: 0 !important;
        /*text-transform: uppercase;*/

    }
    /*.min-sm-chameleon li.msmart-li-level-1 {*/
    /*    border-bottom-width: 0;*/
    /*    border-bottom-color: #fff;*/
    /*    border-bottom-style: solid;*/
    /*    transition: all .5s;*/
    /*}*/
    /*.min-sm-chameleon li.msmart-li-level-1:hover {*/
    /*    border-bottom: 2px solid #fff;*/
    /*    transition: all .5s;*/
    /*}*/
    .min-sm-chameleon li.active.msmart-li-level-1 {
        /*border-bottom: 2px solid #fff;*/
    }

    .is-top .min-sm-chameleon > li > a {
        padding: 1em !important;
    }
    /*submenus: */
    .min-sm-chameleon ul a, .min-sm-chameleon ul a:hover, .min-sm-chameleon ul a:focus, .min-sm-chameleon ul a:active, .min-sm-chameleon ul a.highlighted {
        border: 0 !important;
        padding: 10px 20px;
        color: #555555;
    }
    .min-sm-chameleon ul a:hover, .min-sm-chameleon ul a:focus, .min-sm-chameleon ul a:active, .min-sm-chameleon ul a.highlighted {
        background: #fff !important;
    }
    .is-top .min-sm-chameleon ul a:hover, .is-top .min-sm-chameleon ul a:focus, .is-top .min-sm-chameleon ul a:active, .is-top .min-sm-chameleon ul a.highlighted {
        background: rgba(0,0,0, 0.5) !important;
    }
    .min-sm-chameleon ul a.current {
        color: #D23600;
    }
    .min-sm-chameleon ul a.disabled {
        background: rgba(0,0,0, 0.5) !important;
        color: #cccccc;
    }
    .min-sm-chameleon a .sub-arrow:after {
        right: .1em !important;
    }
    .min-sm-chameleon ul li a .sub-arrow:after {
        right: .5em !important;
    }

    /*example padding first dropdown level*/
    .is-top .ul-first-level > li > .submenu-level {
        padding-top: 38px !important;
    }
    .not-top .ul-first-level > li > .submenu-level {
        padding-top: 10px !important;
    }
    .ul-first-level li .submenu-level li a{
    }
}
/*for small only:*/
@media only screen and (max-width: 768px) {
    .logonavheader {
        position: relative;
        margin: 0;
        padding: 0;
        height:auto !important;
        background: #fff !important;
        /*background: #5A5A64;*/
    }
    .stagetop-sitelogo img {
        max-width: 200px;
        height: auto;
        transition: all .5s;
        padding:0 1em !important
    }
    #wrapper {
        padding-top: 0;
    }
    /* # ~~~~~ smartmenu under hamburger ~~~~~ # */
    .sm {
        top: 0;
    }
    .textlogo {
        text-align: left;
        padding: 1em !important;
    }
    .textlogo-one {
        padding-right:.2em;
        color:#000;
    }
    .textlogo-second {
        padding-right: 1em !important;
        color: #750016
    }

}