#top-menu-nav .navbar.navbar-default.desktop .navbar-nav > li.group > a > span,
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav > li.group.current > a > span,
#top-menu-nav .navbar.navbar-default.desktop .navbar-nav > li .stb-svg-icon.lock.white {
    margin-bottom: -10px;
}

#sidebar {
    height: 100%;
    max-width: 300px;
    width: 300px;
    position: fixed;
    z-index: 9001;
    top: 0;
    right: 0;
    -ms-transform: translateX(320px);
    transform: translateX(320px);
    background-color: rgba(200, 25, 25, 1);
    overflow: auto;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 1px solid rgba(121, 121, 121, 1);
    -webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.145098039215686);
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.145098039215686);
    font-family: 'Open Sans', sans-serif;
}

    #sidebar.active {
        transform: translateX(0);
    }

    #sidebar.is-open {
        width: 320px;
        transform: none;
        transition: none;
    }

    #sidebar h4 {
        font-family: inherit;
        color: #404040;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 0;
    }

span.menu-trigger {
    transition: all 200ms linear;
}

#sidebar .tab-content {
    transition: 0.2s;
    padding-top: 25px;
    background-color: #fff;
}

#sidebar #mobilemenu {
    border-bottom: none;
}

    #sidebar #mobilemenu .panel-collapse .panel-body, #sidebar #mobilemenu .stb-accordion .panel .menu-item {
        background-color: #F2F2F2;
    }

    #sidebar #mobilemenu .stb-accordion .panel {
        box-shadow: none;
    }

        #sidebar #mobilemenu .stb-accordion .panel .menu-item {
            font-size: 14px;
            font-family: inherit;
            padding: 13px 15px;
        }

    #sidebar #mobilemenu .close-wrapper {
        height: 79px;
        background-color: #da291c;
    }

@media(max-width: 767px) {
    #sidebar #mobilemenu .close-wrapper {
        height: 62px;
        background-color: rgba(200, 25, 25, 1);
    }
}

@media(max-width: 991px) {
    #sidebar #mobilemenu .close-wrapper {
        background-color: rgba(200, 25, 25, 1);
    }
}

#sidebar #mobilemenu .close-wrapper a {
    margin: 23px 20px 23px 20px;
}


@media(max-width: 767px) {
    #sidebar #mobilemenu .close-wrapper a {
        margin: 15px 20px 15px 20px;
    }
}

#sidebar #mobilemenu .sidelinks ul a {
    font-family: inherit;
}

#sidebar #mobilemenu .stb-accordion .panel {
    border-bottom: none;
}

#sidebar #mobilemenu .panel-heading {
    padding: 6px 0px 6px 15px;
    margin: 0px 6px 0px 6px;
    border-bottom: 1px solid #D7D7D7;
    border-radius: 0;
}

#sidebar #mobilemenu .panel-group .panel {
    border-radius: 0;
}

#sidebar #mobilemenu .stb-accordion .panel.active .panel-title a,
#sidebar #mobilemenu .stb-accordion .panel .menu-item.active {
    color: #da291c;
}

#sidebar #mobilemenu .stb-accordion .panel i.expander {
    background: url(../images/stb-sprites/general-sprites.png) no-repeat;
    width: 16px;
    height: 16px;
    background-position: 0 -100px;
    display: inline-block;
    float: right;
    margin-left: 6px;
}

#sidebar #mobilemenu .stb-accordion .panel.active i.expander {
    background: url(../images/stb-sprites/general-sprites.png) no-repeat;
    background-position: -200px 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
}

#sidebar #mobilemenu .stb-accordion .panel-title .chevron-wrapper {
    display: inline-block;
    cursor: pointer;
    border-left: 2px solid #EBEBEB;
    padding: 10px 20px 10px 20px;
}

#sidebar #mobilemenu .stb-accordion .panel-title span.outlined-lock {
    padding: 10px 20px 10px 20px;
}

#sidebar #mobilemenu .sidelinks {
    padding-top: 36px;
    padding-bottom: 36px;
}

    #sidebar #mobilemenu .sidelinks ul li a {
        display: block;
        margin: 10px 0px 16px 0px;
    }

        #sidebar #mobilemenu .sidelinks ul li a span:last-child {
            border-bottom: 1px solid;
            font-size: 19px;
        }

    #sidebar #mobilemenu .sidelinks ul a span:first-child {
        margin-bottom: -12px;
    }

    #sidebar #mobilemenu .sidelinks ul li span.outlined-envelope {
        margin-bottom: -19px;
    }

.about-links a {
    margin-right: 10px;
    margin-left: 10px;
}

.about-links span {
    color: #fff;
}

    .about-links span:last-child {
        display: none;
    }

.about-links a:first-child {
    margin-right: 10px;
    margin-left: 0px;
}

.about-links a:last-child {
    margin-left: 10px;
    margin-right: 0px;
}

#sidebar #mobilemenu ul.stb.social li a span:first-child {
    margin-right: 24px;
    margin-bottom: -2px;
    vertical-align: middle;
}

#sidebar #mobilemenu .sidebar-footer.row {
    padding-top: 62px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: rgba(200, 25, 25, 1);
}

    #sidebar #mobilemenu .sidebar-footer.row ul li {
        list-style: none;
        padding-bottom: 24px;
    }

        #sidebar #mobilemenu .sidebar-footer.row ul li a {
            color: #fff;
            font-size: 18px;
            vertical-align: middle;
        }

        #sidebar #mobilemenu .sidebar-footer.row ul li a[target='_blank']::after {
            content: '';
            display: inline-block;
            clear: both;
            width: 16px;
            height: 16px;
            margin-left: 6px;
            background: url("/Content/theme-spp/images/svg/external-link-white.svg") bottom left no-repeat;
        }

    #sidebar #mobilemenu .sidebar-footer.row ul.footerlinks li a, #sidebar #mobilemenu .sidebar-footer.row ul.social li a span:last-child {
        border-bottom: 1px solid #fff;
    }


#sidebar #mobilemenu .searchcontainer .stb-form-inline {
    margin: 0px 6px 0px 6px;
}

#sidebar #mobilemenu .searchcontainer .stb-form-inline {
    padding-bottom: 6px;
}

    #sidebar #mobilemenu .searchcontainer .stb-form-inline .searchbox {
        width: 100%;
        height: 48px;
        border-radius: 3px;
        background-color: #F2F2F2;
        margin-bottom: 0px;
    }

#sidebar #mobilemenu .searchcontainer span.search-icon {
    display: inline-block;
    position: absolute;
    right: 3%;
    padding: 8px;
}

@media (max-width: 991px) {
    #sidebar #mobilemenu .searchcontainer span.search-icon {
        padding: 1px;
    }

        #sidebar #mobilemenu .searchcontainer span.search-icon button {
            right: 3%;
            padding: 8px;
        }
}

#sidebar #mobilemenu .searchcontainer span.search-icon button {
    background: none;
    border: none;
}

#sidebar #mobilemenu .panel-default > .panel-heading a {
    padding: 10px 10px 10px 0px;
    color: #404040;
}

#sidebar #mobilemenu .panel-group .panel-heading + .panel-collapse > .panel-body, #sidebar #mobilemenu .panel-group .panel-heading + .panel-collapse > .list-group {
    border: none;
}

#sidebar #mobilemenu ul.nav-tabs {
    background: rgba(200, 25, 25, 1);
    height: 56px;
    border: none;
}

    #sidebar #mobilemenu ul.nav-tabs li {
        width: 33%;
    }

#sidebar #mobilemenu .loggedin ul.nav-tabs li {
    width: 27%;
}

    #sidebar #mobilemenu .loggedin ul.nav-tabs li:last-child {
        width: 19%
    }

#sidebar #mobilemenu ul.nav-tabs li a {
    font-family: 'Open Sans SemiBold', 'Open Sans Regular', 'Open Sans', sans-serif;
    font-size: 16px;
    background: rgba(200, 25, 25, 1);
    color: #fff;
}

#sidebar #mobilemenu ul.nav-tabs li.tab-box:first-child {
    padding-left: 0px;
}

#sidebar #mobilemenu ul.nav-tabs li.tab-box a {
    padding-top: 0px;
    padding-bottom: 0px;
}

#mobilemenu ul.nav-tabs li.tab-box:last-child {
    padding-right: 0px;
}

#sidebar #mobilemenu ul.nav-tabs li.active {
    background: rgba(218, 41, 28, 1);
}

    #sidebar #mobilemenu ul.nav-tabs li.active a {
        background: rgba(218, 41, 28, 1);
    }

#sidebar #mobilemenu ul.nav-tabs li.tab-box {
    padding: 17px 0px;
}

@media (max-width: 767px) {
    #sidebar #mobilemenu ul.nav-tabs li.tab-box {
        font-size: 14px
    }
}

.stb-svg-icon {
    display: inline-block;
}

    .stb-svg-icon.outlined-lock {
        background: url(../images/svg/icon-outlined-lock.svg) 3px 5px no-repeat
    }

    .stb-svg-icon.outlined-envelope {
        background: url(../images/svg/icon-outlined-envelope.svg) no-repeat;
    }

    .stb-svg-icon.outlined-graph {
        background: url(../images/svg/icon-outlined-graph.svg) no-repeat;
    }

    .stb-svg-icon.office-building {
        background: url(../images/svg/office-building.svg) no-repeat;
    }

    .stb-svg-icon.outlined-phone {
        background: url(../images/svg/icon-outlined-phone.svg) no-repeat;
    }

    .stb-svg-icon.outlined-chat {
        background: url(../images/svg/icon-outlined-chat.svg) no-repeat;
    }

    .stb-svg-icon.menu-bars-white {
        background: url(../images/svg/menu-v.svg) no-repeat;
    }

    .stb-svg-icon.close-white {
        background: url(../images/svg/close-v.svg) no-repeat;
    }

    .stb-svg-icon.magasin {
        background: url(../images/svg/magasin.svg) no-repeat;
    }

    .stb-svg-icon.employee-v {
        background: url(../images/svg/employee-v.svg) no-repeat;
    }