/*  custom select */

.wrapper-filters-custom {
    display: flex;
    justify-content: center;
    padding: 75px 15% 0;
    background-color: #F8F7F7;
    padding-top: 0;
    margin-top: -2.5%;
}

.select_wrap {
    width: 14.8vw;
    position: relative;
    user-select: none;
}

.select_wrap .default_option {
    width: 14.8vw;
    background: #fff;
    position: relative;
    cursor: pointer;
    height: 4.42vw;
    box-shadow: 0px 0px 0px 1px rgb(112 112 112);
}


.select_wrap .default_option li {
    padding: 0 20px;
}

.select_wrap .option {
    display: flex;
    align-items: end;
    width: 100%;
}

.select_wrap .select_ul {
    position: absolute;
    top: 101%;
    left: 0;
    width: 99.5%;
    background: #fff;
    border-radius: 0;
    display: none;
    box-shadow: 0px 0px 0px 1px rgb(112 112 112);
	
	max-height: 250px; 
	overflow: scroll;
}


/* Hide scrollbar for Chrome, Safari and Opera */
.select_wrap .select_ul::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.select_wrap .select_ul {
  overflow-y: scroll; /* Add the ability to scroll */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.active .select_ul {
    display: block !important;
}

.select_wrap .select_ul li {
    padding: 10px 20px;
    cursor: pointer;
}

.select_wrap.active .select_ul {
   /* display: block;*/
    padding: 15px;
    z-index: 5;
}

.select_wrap .default_option li {
    height: 4.42vw;
    display: flex;
    align-items: inherit;
}


.select_wrap .option small {
    position: absolute;
    top: 15px;
    font-family: 'MessinaSans-Regular';
    letter-spacing: 0px;
    color: #3C4145;
    text-transform: uppercase;
    font-size: 0.72vw;
}


.select_wrap .default_option li:after {
    font-family: "font awesome 5 pro";
    content: '\f078';
    font-size: 0.83vw;
    position: absolute;
    right: 10px;
    transform: translate(-50%, -50%);
    color: #000;
    cursor: pointer;
    z-index: 1;
    font-weight: 300;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    bottom: 5px;
}



.wrapper-filters-custom .select_wrap.active .default_option li:after {
    content: '\f077';
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.select_ul label {
    margin: 0;
    margin-left: 10px;
    color: #4B5055;
    font-size: 0.93vw;
    letter-spacing: -0.36px;
    font-family: 'MessinaSans-Regular';
    /*margin-top: -3px;*/

    position: absolute;
    left: 35px;
}


.select_ul input[type=checkbox] {
    position: relative;
    cursor: pointer;
    height: 1.14vw;
    width: 1.14vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 100%;
    height: 1.14vw;
    z-index: 9;
}

.select_ul input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 1.14vw;
    width: 1.14vw;
    background: #F8F8F8;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
}

.select_ul input[type=checkbox]:checked:after {
    font-family: "font awesome 5 pro";
    content: '\f00c';
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    /*transform: translate(-50%, -50%);*/
    font-weight: 600;
    color: #BE8B75;
    cursor: pointer;
    z-index: 1;
    height: 1.14vw;
    width: 1.14vw;
    background: #F3EAE6;
    border: 1px solid #BE8B75;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.select_ul .option {
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 0 !important;
}

.select_wrap .default_option .option span {
    letter-spacing: -0.36px;
    color: #393E43;
    opacity: 0.3;
    font-size: 0.93vw;
    padding: 10% 0 5%;
    white-space: nowrap;
}


.wrapper-filters-custom .select_wrap .default_option .option span {
    padding: 0;
    position: absolute;
    bottom: 15px
}




.select_wrap input[type=submit] {
    padding: 0px;
    width: 100%;
    height: 100%;
    background: #BE8B75;
    box-shadow: 0px 0px 0px 1px rgb(112 112 112);
    font-family: 'MessinaSans-SemiBold';
    font-size: 0.83vw;
    letter-spacing: 3.2px;
    color: #FFFFFF;
    text-transform: uppercase;
    border: 0;
}

.select_wrap .default_option .opacity-1 {
    opacity: 1 !important;
}


.select_ul input[type=radio] {
    position: relative;
    cursor: pointer;
    height: 1.14vw;
    width: 1.14vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;


    width: 100%;
    height: 1.14vw;
    z-index: 9;
}

.select_ul input[type=radio]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 1.14vw;
    width: 1.14vw;
    background: #F8F8F8;
    border: 1px solid #C6C6C6;
    border-radius: 4px;



    content: " ";
    display: block !important;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
    -webkit-appearance: none;
    background: 0 0;
    border: 1px solid #BE8B75;
    width: 18px !important;
    height: 18px;
    position: relative;
    margin-right: 10px;
    border-radius: 50%;
    padding: 8px;
    background: #F8F8F8;
    border: 1px solid #C6C6C6;

}


.select_ul input[type=radio]:checked:before {
    background: #F3EAE6;
    border: 1px solid #BE8B75;
}

.select_ul input[type=radio]:checked:after {
    content: '';
    top: 11px;
    left: 9px;
    transform: translate(-47%, -50%);
    position: absolute;
    background: #BE8B75 !important;

    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #BE8B75;
}




/* image filters */


.filters-image .select_wrap {
    /*width: 65%;*/
    width: fit-content;
}

.filters-image .default_option {
    width: fit-content;
    background: unset;
    position: unset;
    cursor: pointer;
    height: unset;
    box-shadow: unset;
}

.filters-image  .default_option .option span {
    letter-spacing: unset;
    color: unset;
    opacity: unset;
    font-size: unset;
    padding: unset;
    border-bottom: 2px solid black;
}

.filters-image input[type=submit] {
    color: #BE8B75;
    font-size: 0.83vw;
    margin-top: 0px;
    display: inline-block;
    font-family: 'MessinaSans-SemiBold';
    letter-spacing: 3.2px;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.filters-image .filters-image-hover:hover span {
    color: #C69A88 !important;
    font-family: ivypresto-display,serif;
    font-weight: 300;
    font-style: italic;
    border-bottom: 1px solid #C69A88;

}

.filters-image .fa-angle-right:before {
    color: #BE8B75;
}

.filters-image .submit_form {
    height: 100%;
    margin-top: 60px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.filters-image  .anime_arrow::before {
    top: 1px;
}


.filters-image .select_wrap .default_option li:after {
    position: absolute;
    right: -25px;
}




/*.wrapper-filters-custom .select_wrap.test .select_ul {
    display: block !important; 
}*/