.filter-search {
    background: url(/images/background_typographie.png) no-repeat bottom center;
    background-size: cover;
    padding-top: 131px;
}

.filter-search .col-xs-12 {
    padding-right: 0;
    padding-left: 0;
}

.filter-search .search-wrapper {
    max-width: 2000px;
    margin: auto;
}

.filter-search .search-wrapper::after {
    display: table;
    content: " ";
    clear: both;
}

.filter-search .search-wrapper .search-fields h1 {
    color: #fff;
}

.filter-search .search-wrapper .search-fields .fields-basic > div {
    margin-bottom: 10px;
}

.filter-search .search-wrapper .textbox {
    width: 100%;
    border: 1px solid #444;
    border-radius: 5px;
    background: #333;
    font-size: 21px !important;
    color: #fff;
    font-weight: 300;
    line-height: 65px;
    padding-left: 28px;
    padding-right: 28px;
}

.filter-search .search-wrapper .textbox::placeholder {
    color: #fff;
}

.filter-search .search-wrapper .textbox:focus {
    background: #eaeaea;
    color: #000;
    border-color: #444 !important;
}

.filter-search .search-wrapper .textbox:focus::placeholder {
    color: #000;
}

.filter-search .search-wrapper .date .textbox {
    border-radius: 5px 0 0 5px;
}

.filter-search .search-wrapper .date .input-group-addon {
    background: #333;
    border-color: #444;
}

.filter-search .search-wrapper .date .input-group-addon .glyphicon {
    color: #fff;
}

.filter-search .search-wrapper .filterSelect .select2-selection.select2-selection--single {
    height: 69px;
    background: #333;
    border-color: #444 !important;
}

.filter-search .search-wrapper .filterSelect .select2-container--open .select2-selection.select2-selection--single {
    background: #eaeaea;
}

.filter-search .search-wrapper .filterSelect .select2-selection__rendered {
    line-height: 67px;
    padding-left: 28px;
    color: #fff;
    font-weight: 300;
    font-size: 21px !important;
}

.filter-search .search-wrapper .filterSelect .select2-container--open .select2-selection__rendered {
    color: #000;
}

.filter-search .search-wrapper .filterSelect .select2-selection__arrow {
    height: 69px;
}

.filter-search .search-wrapper .filterSelect .select2-container--open .select2-selection__arrow b {
    border-color: transparent transparent #000 transparent !important;
}

.filter-search .search-wrapper .search-controls {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.filter-search .search-wrapper .search-controls > div {
    padding: 0;
    text-align: center;
}

.filter-search .search-wrapper .search-controls .controls-search {
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

.filter-search .search-wrapper .search-controls .controls-search button {
    height: 67px;
    width: 100%;
    background: #d38b96;
    background-size: cover;
    position: relative;
    border: none;
    -webkit-transition: height ease-in-out .4s;
    -o-transition: height ease-in-out .4s;
    transition: height ease-in-out .4s;
}

.filter-search .search-wrapper .search-controls .controls-search button:hover {
    background: #fff;
}

.filter-search .search-wrapper .search-controls .controls-search button .search-icon {
    background: url('/images/search_icon.png') no-repeat 0 -31px;
    width: 31px;
    height: 31px;
    display: none;
}

.filter-search .search-wrapper .search-controls .controls-search button .search-text {
    font-weight: 300;
    font-size: 21px;
    color: #fff;
    text-align: center;
    display: inline-block;
}

.filter-search .search-wrapper .search-controls .controls-search button:hover .search-icon {
    background-position: 0 0;
}

.filter-search .search-wrapper .search-controls .controls-search button:hover .search-text {
    color: #d38b96;
}

.filter-search .search-wrapper .search-controls .controls-advanced button {
    height: 73px;
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: none;
    border-top: 1px solid #525252;
    -webkit-transition: height ease-in-out .4s;
    -moz-transition: height ease-in-out .4s;
    -o-transition: height ease-in-out .4s;
    transition: height ease-in-out .4s;
}

.filter-search .search-wrapper .search-controls .controls-advanced button:focus,
.filter-search .search-wrapper .search-controls .controls-advanced button:active {
    border-color: #525252 !important;
}

.filter-search .search-wrapper .search-controls .controls-advanced button .advanced-open,
.filter-search .search-wrapper .search-controls .controls-advanced button .advanced-close {
    color: #fff;
    font-size: 14.5px;
    font-weight: 300;
}

.filter-search .search-wrapper .search-controls .controls-advanced button i {
    color: white;
    font-size: 19px;
    margin-right: 15px;
    vertical-align: top;
}

.filter-search .search-wrapper #filterForm {
    overflow: hidden;
    max-height: 0;

    -webkit-transition: max-height ease-in-out .4s;
    -moz-transition: max-height ease-in-out .4s;
    -o-transition: max-height ease-in-out .4s;
    transition: max-height ease-in-out .4s;
}

.filter-search.filter-search--open .search-wrapper #filterForm {
    max-height: 576px !important;
}

.filter-search .search-wrapper .fields-advanced {
    -webkit-transition: max-height ease-in-out .4s;
    -moz-transition: max-height ease-in-out .4s;
    -o-transition: max-height ease-in-out .4s;
    transition: max-height ease-in-out .4s;
}

.filter-search.filter-search--open .search-wrapper .fields-advanced {
    max-height: 255px !important;
}

.filter-search .search-wrapper .search-controls .controls-advanced .advanced-close {
    display: none;
}

.filter-search.filter-search--open .search-wrapper .search-controls .controls-advanced button .advanced-open {
    display: none;
}

.filter-search.filter-search--open .search-wrapper .search-controls .controls-advanced button .advanced-close {
    display: inline;
}

.filter-search .search-wrapper .fields-advanced .advanced-wrapper > div {
    margin-bottom: 10px;
}

.filter-search .search-wrapper .open-search-mobile {
    margin-left: -15px;
    margin-right: -15px;
}

.filter-search .search-wrapper .open-search-mobile button {
    height: 73px;
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: none;
    border-top: 1px solid #525252;
    -webkit-transition: height ease-in-out .4s;
    -moz-transition: height ease-in-out .4s;
    -o-transition: height ease-in-out .4s;
    transition: height ease-in-out .4s;
}

.filter-search .search-wrapper .open-search-mobile button:focus,
.filter-search .search-wrapper .open-search-mobile button:active {
    border-color: #525252 !important;
}

.filter-search .search-wrapper .open-search-mobile button i {
    color: white;
    font-size: 19px;
    margin-right: 15px;
    vertical-align: top;
}

.filter-search .search-wrapper .open-search-mobile button .advanced-open,
.filter-search .search-wrapper .open-search-mobile button .advanced-close {
    color: #fff;
    font-size: 14.5px;
    font-weight: 300;
}

.filter-search .search-wrapper .open-search-mobile button .advanced-close {
    display: none;
}

.filter-search.filter-search--open .search-wrapper .open-search-mobile button .advanced-open {
    display: none;
}

.filter-search.filter-search--open .search-wrapper .open-search-mobile button .advanced-close {
    display: inline;
}

@media (min-width: 992px) {
    .filter-search {
        padding-right: 0;
    }

    .filter-search .col-xs-12 {
        padding-left: 15px;
    }

    .filter-search .search-wrapper .search-fields {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .filter-search .search-wrapper .search-fields .fields-basic > div {
        margin-bottom: 0;
    }

    .filter-search .search-wrapper .search-controls {
        right: -30px;
        margin-left: 0;
        margin-right: 0;
    }

    .filter-search .search-wrapper .search-controls .controls-search {
        padding-top: 35px;
        padding-left: 0;
        padding-right: 0;
    }

    .filter-search .search-wrapper .search-controls .controls-search button {
        width: 67px;
        position: relative;
        left: -15px;
    }

    .filter-search .search-wrapper .search-controls .controls-search button .search-icon {
        display: inline-block;
    }

    .filter-search .search-wrapper .search-controls .controls-search button .search-text {
        display: none;
    }

    .filter-search .search-wrapper .search-controls .controls-advanced button {
        height: 139px;
        background: rgba(255, 255, 255, 0.08);
        border: none;
        border-left: 1px solid #5b5b5b;
    }

    .filter-search .search-wrapper .search-controls .controls-advanced button i {
        display: block;
        margin-bottom: 15px;
        margin-right: 0;
        vertical-align: inherit;
    }

    .filter-search.filter-search--open .search-wrapper .search-controls .controls-search button {
        height: 154px;
    }

    .filter-search.filter-search--open .search-wrapper .fields-advanced {
        max-height: 85px !important;
    }

    .filter-search.filter-search--open .search-wrapper .search-controls .controls-advanced button {
        height: 224px;
    }

    .filter-search .search-wrapper .fields-advanced .advanced-wrapper {
        margin-top: 20px;
    }

    .filter-search .search-wrapper .fields-advanced .advanced-wrapper > div {
        margin-bottom: 0;
    }

    .filter-search .search-wrapper #filterForm {
        max-height: none;
    }

    .filter-search .search-wrapper .fields-advanced {
        overflow: hidden;
        max-height: 0;
    }

    .filter-search .search-wrapper .open-search-mobile {
        display: none;
    }
}

@media (min-width: 1200px) {
    .filter-search .search-wrapper .search-controls .controls-search button {
        left: 0;
    }

    .filter-search .search-wrapper .fields-advanced .advanced-wrapper {
        margin-top: 35px;
    }

    .filter-search.filter-search--open .search-wrapper .fields-advanced {
        max-height: 104px !important;
    }

    .filter-search.filter-search--open .search-wrapper .search-controls .controls-search button {
        height: 173px;
    }

    .filter-search.filter-search--open .search-wrapper .search-controls .controls-advanced button {
        height: 243px;
    }
}