body.mobile header.headroom--unpinned, body.mobile #user-bar.headroom--unpinned {transform:translateY(-50px) !important}
.srp-filter-block.headroom--unpinned {transform:translateY(-50px) !important}
html.mm-opening .srp-filter-block.headroom--unpinned.mm-slideout {transform:translate3d(-80%,-95px,0) !important} 
.srp-filter-block.headroom--not-top {box-shadow:0 15px 15px -10px rgba(0,0,0,.2)}
body.desktop #logo-bar.headroom--pinned.headroom--not-top {
    display: block;
    position: fixed;
    width:100%;
    top:0;
    left:0;
    z-index:999;
    background:#fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    padding-top:50px !important;
    height:130px
}
body.desktop .headroom--pinned.headroom--not-top img.main-logo {max-height:60px; margin-top:.5rem}
body.desktop #logo-bar.headroom--pinned.headroom--not-top nav {padding-top:20px}
body.desktop header {height:150px}
body.desktop .headroom--unpinned {
    display: none;
}
body.desktop #logo-bar {
    position:fixed;
    width:100%;
}
body.desktop .headroom--unpinned.headroom--not-top img.main-logo {
    max-height: 60px;
    margin-top: .5rem;
}
body.desktop #logo-bar.headroom--unpinned.headroom--not-top nav {
    padding-top: 20px;
}
body.desktop #logo-bar.headroom--unpinned.headroom--not-top {
    padding-top:35px !important;
}
.headroom {
    will-change: transform;
    transition: transform .25s ease-in-out;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(-100%)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideDown {
    0% {
        -o-transform: translateY(-100%)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(0)
    }
}
.animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown
}