/* * * Header :: search * * */
@media (max-width: 767px) {

    .b-header_search {
        position: absolute;
        z-index: 100;
        left: -35vw;
        top: 58px;
        right: -35vw;
        padding: 0 35vw 10px;
        background: #f8f8f8;
        -webkit-box-shadow: 1px 5px 9px rgba(0, 0, 0, .12);
        box-shadow: 1px 5px 9px rgba(0, 0, 0, .12);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 250ms;
        -o-transition: all 250ms;
        transition: all 250ms;
    }

    .searchShow .b-header_search {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .b-header.scroll .b-header_search {
        position: fixed;
    }

}

@media (min-width: 768px) {

    .b-header_search {
        margin: 11px 0 0 -16px;
    }

    .b-header_search .container {
        padding: 0;
    }

}

@media (min-width: 1264px) {

    .b-header_search {
        margin: 11px 0 0;
    }

}

.b-header_search_field {
    position: relative;
}

.b-header_search_field input[type="text"] {
    display: block;
    position: relative;
    width: 100%;
    height: 39px;
    padding: 0 100px 0 21px;
    font: 300 14px 'Open Sans', sans-serif;
    color: #000;
    background: #fff;
    border: 2px solid #9e9e9e;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.b-header_search_field input[type="text"]:focus {
    border-color: #fe6913;
}

.b-header_search_field input[type="text"]:-moz-placeholder {
    font-weight: 300;
    /*color: #525252;*/
    color: #999;
    opacity: 1 !important;
    text-overflow: ellipsis;
    transition: color 250ms;
}

.b-header_search_field input[type="text"]:-ms-input-placeholder {
    font-weight: 300;
    /*color: #525252;*/
    color: #999;
    opacity: 1 !important;
    text-overflow: ellipsis;
    transition: color 250ms;
}

.b-header_search_field input[type="text"]::-webkit-input-placeholder {
    font-weight: 300;
    /*color: #525252;*/
    color: #999;
    opacity: 1 !important;
    text-overflow: ellipsis;
    -webkit-transition: color 250ms;
    transition: color 250ms;
}

.b-header_search_field input[type="text"]:focus:-moz-placeholder {
    color: transparent;
}

.b-header_search_field input[type="text"]:focus:-ms-input-placeholder {
    color: transparent;
}

.b-header_search_field input[type="text"]:focus::-webkit-input-placeholder {
    color: transparent;
}

.b-header_search_field input[type="text"] ~ label.b-form_box_field_placeholder {
    left: 21px;
    right: 100px;
    font: 300 14px/39px 'Open Sans', sans-serif !important;
    color: #525252 !important;
}

.b-header_search_btn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    padding: 12px 5px 11px;
    width: 86px;
    height: 39px;
    font: 700 14px/1 'Open Sans', sans-serif;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}