.panel.top.forceMobileView{
    background: #fff; 
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
nav.side {display: none !important;}

.nav-choice, .subnav-choice, .super-subnav {cursor: pointer;}
.nav-choice {position: relative;}
.nav-choice > a, .subnav-choice > a, .super-subnav > li > a {
    text-decoration: none !important; font-size: 14px; color: #181818;
    padding: 3px 10px;
}
.sidebar .nav-choice > a{color: #eee;}
.nav-choice > a {text-transform: uppercase; font-weight: 600; transition: .3s color;}

.panel.top .header-logo, .sidebar .header-logo{max-width:100px!important;}

.subnav, .super-subnav {
    display: none; position: absolute; left: 0; min-width: 225px; max-width: 350px;
    box-shadow: 5px 1px 1px rgba(0,0,0,0.1), 3px 1px 1px rgba(0,0,0,0.2);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.subnav:hover, .super-subnav:hover {box-shadow: 7px 7px 7px rgba(0,0,0,0.2), 7px 7px 7px rgba(0,0,0,0.2);}
.subnav.show-left {left: auto; right: 0;}
.nav-choice:hover > .subnav {display: inline;}
.subnav {top: 26px;}
.subnav > li {position: relative;}
.subnav-choice, .super-subnav > li {
    float: left; width: 100%; text-align: left; background: #ecf0f1; padding: 0; margin: 0 !important;
    transition: .2s all;
}
.subnav-choice > a, .super-subnav > li > a {transition: .2s color; padding: 6px 15px 8px 15px !important;}
.subnav-choice:hover > a, .super-subnav > li:hover > a {color: #fff !important;}

.super-subnav {position: absolute; left: 225px; top: 0;}
.subnav-choice:hover > .super-subnav {display: inline;}

#sidebar-logo {padding: 0; height: auto;}
#mobile-sidebar > .nav-choice > a {
    display: block; width: 100%; border-bottom: 2px solid rgba(0,0,0,.2);
    font-size: 18px; padding-top: 18px; transition: .2s border-bottom;
}
#mobile-sidebar > .nav-choice:hover > a,
#mobile-sidebar > .nav-choice:hover > a:hover,
#mobile-sidebar > .nav-choice.active > a {
    color: #fff !important; border-bottom: 2px solid rgba(255,255,255,1);
}
#mobile-sidebar .subnav, #mobile-sidebar .super-subnav {display: none;}

#mobile-sidebar > .nav-choice {overflow: hidden;}
#mobile-sidebar > .nav-choice.active > .subnav,
#mobile-sidebar .subnav-choice.active > .super-subnav {
    display: block; position: relative; padding: 0; margin: 0; top: 0; width: 100%;;
}
#mobile-sidebar .subnav > .subnav-choice > a {
    font-size: 14px; width: 100%; display: block; border-bottom: 1.5px solid rgba(0,0,0,.4);
    padding: 6px 10px 8px 25px !important;
}
#mobile-sidebar .subnav > .subnav-choice.active > a {color: #fff;}

#mobile-sidebar .subnav-choice > .super-subnav {
    top: 0; left: 0;
}
#mobile-sidebar .subnav-choice > .super-subnav > li > a {
    display: block; width:100%; font-size: 12px; border-bottom: 1.5px solid rgba(0,0,0,.2);
    padding: 6px 10px 8px 40px !important; background: #c9cccc;
}


.sidebarShown .sidebar {z-index: 1200;}
.panel.has-top .sections.desktop > div.right {padding-top: 44px;}
.header-super-top {
    position: fixed; top: 22px; right: 25px; font-size: 15px; line-height: 1.3;
    font-weight: 500; z-index: 55; animation: .55s ease-out 0s 1 slideInFromTop;
}
.sidebarShown .header-super-top {opacity: 0;}
.header-super-top.mobile {right: 100px;}

.header-super-top-container, .header-super-top-btn-container,
.header-super-top-search-container {display: inline-block;}
.header-super-top-container {margin-right: 10px;}
.header-super-top-search-container {margin-left: 10px;}
.header-super-top-btn-container > a {padding: 2px 10px; min-width: 100px; transition: 0s all;}

.header-super-top-search-container .wrapper {position: relative;}
.header-super-top-search-container .wrapper > button {
    position: absolute; top: 0; left: 8px; font-size: 17px; color: #8b8b8b;
    padding: 2px 4px; background: none; box-shadow: none !important; transition: 0s all;
}
.header-super-top-search-container .wrapper > input[type=text] {
    border-radius: 18px; padding: 4px 5px 4px 40px; font-size: 17px; box-shadow: none !important;
    color: #8b8b8b; border: 2px solid #b9b9b9; transition: 0s all;
}

.header-super-top.mobile .header-super-top-container {display: none;}
.header-super-top.mobile .header-super-top-btn-container > a {padding: 4px 10px;}
.header-super-top.mobile .header-super-top-search-container .wrapper > button {padding: 4px;}
.header-super-top.mobile .header-super-top-search-container .wrapper > input[type=text] {
    width: 175px;
}

.header-navbar-space {
    height: calc(49px + 2vw); background: #ffffff; height: calc(54px + 2vw); transition: .3s background;
}
.header-navbar-space.has-top {height: calc(77px + 2vw);}

/* Special frontend case */
@media screen and (max-width: 1230.98px){
    .header-navbar-space, .header-navbar-space.has-top {height: calc(54px + 2vw);}
}

@media screen and (max-width: 991.98px){
    .header-navbar-space, .header-navbar-space.has-top {height: calc(52px + 2vw);}
    .header-super-top.mobile {display: none;}
}
@media screen and (max-width: 767.98px){
    .header-navbar-space, .header-navbar-space.has-top {height: calc(53px + 4.8vw);}
}
@media screen and (max-width: 575.98px){
    .header-navbar-space, .header-navbar-space.has-top {height: calc(50px + 4.8vw);}
    .forceMobileView > .sections.compact > .left > a > img {width: 250px;}
}


@keyframes slideInFromTop {
    0% {
      top: -80px;
    }
}