.header_wrapper {
    background: #1E242B;
}

.header_content {
    background: url(../../../img/commons/bg_header.svg) 100vw, linear-gradient(258.67deg, #303A45 5.01%, rgba(48, 58, 69, 0) 88.8%);
    background-size: cover;
}

.header_height {
    height: 30vh;
}

.input-container {
    border: solid 1px #ccc;
    position: relative;
    background: url(../../../img/icons/ic_search.svg) no-repeat scroll 17px 20px white;
    padding: 0 1px 1px 54px;
    min-height: 56px;
    border-radius: 4px 4px 0 0;
}

.input-container input {
    border: none;
    outline: 0;
    padding: 16px 0 10px;
    background: none;
}

.input-container label {
    position: absolute;
    transform-origin: top left;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    transform: translate(0, 16px) scale(1);
    transition: all .1s ease-in-out;
}

.input-container.active label {
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    color: #5c666f;
    transform: translate(0, 4px) scale(1);
}

.input-container .close-query {
    position: absolute;
    right: 0;
    margin: 8px;
    cursor: pointer;
}

.input-white {
    background-color: white !important;
}