.search-bar {

    background-color: #fff;

}
.search-container{
    background-color: white;
    border-bottom: 1px solid #ea9c51;
    border-top: 1px solid #ea9c51;
}

@media only screen and (min-width: 40.063em){
    .search-bar {
        height: 70px;
    }
}
@media (max-width: 1024px){
    .search-container {
        margin-top: 60px;
    }
}
@media only screen and (min-width: 40.063em){
    .search-container {
        z-index: 2;
        /*height: 70px;*/

    }
}

.search-container {

    transition: max-width 0.1s cubic-bezier(1,0,0,1);

    /*height: 55px;*/

    padding: 0;

    /*margin: auto;*/

    top: 0;

    /*background-color: white;*/



}

@media only screen and (min-width: 40.063em){

    .search-bar-container {

        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        position: relative;


    }

}

@media only screen and (min-width: 40.063em){

    .search-bar {

        width: 100%;

        margin-left: auto;

        margin-right: auto;

        margin-top: 0;

        margin-bottom: 0;

        max-width: 71.625rem;

        max-width: 100%;

        position: relative;

    }



}

.search-bar {

    transition: all 0.25s ease-in;

    background-color: rgba(255, 255, 255, 0.95);

    border-right: none;

    display: block;

}

@media only screen and (min-width: 64.063em){

    .search-icon {

        background-position: 28px 5px;

    }

}

@media only screen and (min-width: 40.063em){

    .search-icon {

        background-position: -10px 5px;
        background-size: contain;
        height: 60px;
        margin: auto;
        width: 60px;

    }

}

.search-icon {

    background-image: url('/front/img/download.svg');

    background-repeat: no-repeat;

    float: left;

    cursor: pointer;

    /*background-size: contain;*/

}

@media only screen and (min-width: 40.063em){

    .search-input {

        margin-left: 112px;
        margin-right: 150px;

    }

}

.custom-search{

    height: 70px;

    background-color: white !important;

}

.custom-search:active{

    border-color: white !important;

    outline: 0;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}

.custom-search:focus{

    border-color: white !important;

    outline: 0;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}
.search-filter{
    width: 150px;
    height: 100%;
    float: right;
}
.filter-button{
    height: 100% !important;
    text-align: center;
    font-size: 16px;
    color:grey;
}

.filter-button:hover{
    background: none !important;
    color:black;
}
.filter-button:focus{
    background: none !important;
    color:black;
}
.filter-button:active{
    background: none !important;
    color:black;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
    background: none !important;
}

.btn-group.open .dropdown-toggle{
    box-shadow: none !important;
}


.search-filter .bootstrap-select .button-default{
    height: 100% !important;
    text-align: center;
}
.search-filter .button-default:hover{
    background: none;
}
.search-filter .button-default span{
    font-size: 13px;
}
.search-filter .bootstrap-select{
    height: 100% !important;
    width: 100% !important;
}

.result-close{
    font-size: 25px;
    font-weight: lighter;
    /*border: 1px solid white;*/
    padding: 5px 15px;
    font-style: normal;
    cursor: pointer;
    margin-left: 25px;
    margin-top: 11px;
    opacity: 0.2;
    background-color: #dd0908;
}
.result-close:hover{

    opacity: 0.6;

}

@media(max-width: 640px){
    .custom-search{
        height: 45px;
    }
    .search-container{
        margin-top: 93px;
    }
    .search-filter{
        width: 200px;
        float: none;
        margin: 0 auto;
        /*margin-top: 10px;*/
        /*margin-bottom: 10px;*/
        /*border: 1px solid lightgrey;*/
    }
}