.scrolled-down{
    transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
    transform:translateY(0); transition: all 0.3s ease-in-out;
}
.head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    background: #E4E4E4;
    border-bottom-color: #BFBFBF50;
    border-bottom-width: .025em;
    border-bottom-style: solid;
    padding: 0 6px 0 6px;
}
.small {
    font-size: .68em;
}

.btn-header-clear{
    border-radius: 34px !important;
    width: 120px !important;
    height: 34px !important;
    border: 1px solid #021438;
    background: transparent !important;
}

.btn-header-clear:hover {
    color: #070708;
    background-color: RGBA(0,0,0,0.2);
}
.header-nav-link {
    color: #080808;
    font-size: 16px;
    min-width: 150px;
    font-weight: bold;
    border: 1px solid #021438;
    border-radius: 34px !important;
    width: 120px !important;
    height: 34px !important;
    background: transparent !important;
}
.header-nav-btn {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;height: 48px;
    padding: 10px 22px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: .96;
}
.header-nav-btn:hover {
    color: #070708;
    border: 0 transparent;
    background-color: #cccccc60 !important;
}