/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# css file for default
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* # ~~~~~ for all ~~~~~ # */
.textlogo-one,
.textlogo-second {
    text-transform:uppercase;
}
.textlogo-one {
    padding-right:.2em;
    color:#fff;
}
.textlogo-second {
    color: #fbcad3;
}

/*for desktop only:*/
@media (min-width: 768px) {
    .not-hero .min-sm-chameleon {
        background: none !important;
    }
    .is-hero.offhero .min-sm-chameleon {
        background: none !important;
    }
    .min-sm-chameleon ul {
        background: rgba(0,0,0, 0.5) !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;
        color: #fff !important;
        border-radius: 0 !important;
    }
    /*.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: 2em 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;
    }
    .is-hero .min-sm-chameleon ul a:hover, .is-hero .min-sm-chameleon ul a:focus, .is-hero .min-sm-chameleon ul a:active, .is-hero .min-sm-chameleon ul a.highlighted {
        background: rgba(0,0,0, 0.5) !important;
        color: #ccc;
    }
    .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: rgba(0,0,0, 0.5) !important;
        color: #D23600;
    }
    .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;
    }
    .logonavheader {
        position: fixed;
        width: 100%;
        height: auto;
        border: none;
        z-index: 1;
        transition: all .5s;
    }
    a.msmart-atag-146 {
        color: #E67A00 !important;
        font-weight:bold
    }
    .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: 0 2em 2em 2em;
        transition: all .5s;
    }
    .not-top .logonavheader {
        background: rgba(0, 0, 0, 0.6) !important;
        margin: 0;
        padding: .2em 2em 0 2em !important;
        transition: all .5s;
    }

    .is-top #wrapper {
        padding-top: 0;
        transition: all .5s;
    }
    .not-top #wrapper {
        padding-top: 0;
        transition: all .5s;
    }
    /*example padding first dropdown level*/
    .ul-first-level > li > .submenu-level {
        padding-top: 0 !important;
    }
    .ul-first-level li .submenu-level li a{
    }
    .is-top .msmart-grid-logo {
        padding: 1.5em 0 !important;
        transition: all .5s;
    }
    .not-top .msmart-grid-logo {
        padding: 0 !important;
        transition: all .5s;
    }
    /*no black logo on desktop:*/
    .gallery-193 {
        display: none
    }
}
/*for small only:*/
@media only screen and (max-width: 768px) {
    .logonavheader {
        position: relative;
        margin: 0;
        padding: 1em !important
    }
    /*no white logo on desktop:*/
    .gallery-61 {
        display: none
    }
    .msmart-is-grid-justified .main-menu-btn {
        top: 65px;
    }
    .textlogo {
        text-align: left;
        padding: 1em !important;
    }
    .textlogo-one {
        padding-right:.2em;
        color:#000;
    }
    .textlogo-second {
        padding-right: 1em !important;
        color: #750016
    }
    #wrapper {
        padding-top: 0px;
    }
    .spb3 {
        padding-bottom: 1em !important
    }
}