.topbar {
    background: #000;
    position: relative;
    width: 100%;
    height: 82px;
    line-height: 82px;
    padding: 0;
    z-index: 11;
    top: 0;
    font-size: 14px;
    -webkit-transform: translateZ(0);
}

.promotion-bar {
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.promotion-bar .moduletable.easter {
    background: #607d5c;
    color: #ffffff;
    font-size: 20px;
}

.promotion-bar .moduletable .content-wrap {
    overflow: hidden;
    margin: 0 auto;
}

.promotion-bar .moduletable.easter .content-wrap .message {
    padding: 0;
}

.promotion-bar .moduletable .content-wrap .message {
    display: inline-block;
}

#top-bar {
    margin: -20px -10px 10px -10px;
    width: auto;
}

.front-page #top-bar {
    margin: -38px -10px 10px -10px;
    width: auto;
}

#top-bar + .wrap {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}