/* # ~~~~~ 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;

}

/* # ~~~~~ hero-area: ~~~~~ # */
.is-hero .logonavheader, .blayout-pagets__hero_from_page .logonavheader, .blayout-pagets__heroimage .logonavheader, .blayout-pagets__heroimage_pure .logonavheader {
    /*background: rgba(255,255,255, 0.9);*/
    /*background: #fff;*/
    background: inherit
}



.textlogo-one,
.textlogo-second {
    text-transform: uppercase;
    display: none;
}
.textlogo-one {
    padding-right: .5em;
    color: black;
}
.textlogo-second {
    color: #333;
}
/*hide all gfx logo:*/
/*.msmart-grid-logo .ce-textpic .grid-container:nth-child(1),*/
/*.msmart-grid-logo .ce-textpic .grid-container:nth-child(2),*/
/*.msmart-grid-logo .ce-textpic .grid-container:nth-child(3) {*/
/*    display: none;*/
/*}*/
/*hide gfx logo on hero-top (if used in hero-content:)*/
.is-top .stagetop-sitelogo .ce-textpic .grid-container:nth-child(2) {
    display: block;
    transition: all .5s;
    opacity: 1;
    padding-bottom: 10px;
}
.not-top .stagetop-sitelogo .ce-textpic .grid-container:nth-child(2) {
    display: block;
    opacity: 0;
    max-height: 0 !important;
    transition: all .5s;
    /*position: absolute;*/

}
/*hide gfx logo on hero-top (if used in hero-content:)*/
.is-top .stagetop-sitelogo .ce-textpic .grid-container:nth-child(1) {
    display: block;
    opacity: 0;
    max-height: 0 !important;
    /*height: 1px !important;*/
    transition: all .5s;
    /*position: absolute;*/
}
/*hide gfx logo on hero-top (if used in hero-content:)*/
.not-top .stagetop-sitelogo .ce-textpic .grid-container:nth-child(1) {
    display: block;
    transition: all .5s;
    opacity: 1;
    padding-bottom: 10px;
}
.stagetop-sitelogo img {
    max-width: 200px;
    height: auto;
    transition: all .5s;
}
.is-top .stagetop-sitelogo img {
    max-width: 200px;
    transition: all .5s;
    /*padding: 1em;*/
}
.not-top .stagetop-sitelogo img{
    max-width: 200px;
    transition: all .5s;
    padding: .2em;
}
/*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);
        margin: 0;
        padding: 1em 4em;
        transition: all .5s;
        /*background: rgb(0,0,0);*/
    }
    .not-top .hamburger-inner,.not-top .hamburger-inner::before,.not-top .hamburger-inner::after {
        background-color: #666;
        transition: all .5s;
     }
    /*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: 1em 4em;
        transition: all .5s;
    }
    /* # ~~~~~ wrapper: ~~~~~ # */
    .is-hero #wrapper {
        padding-top: 0;
    }
    .is-top #wrapper {
        padding-top: 0;
        transition: all .5s;
    }
    .not-top #wrapper {
        padding-top: 0;
        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;
    }
    .not-top .min-sm-chameleon ul {
        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: #fff !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*/
    .ul-first-level > li > .submenu-level {
        padding-top: 0 !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;*/
        /*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
    }

}