.grecaptcha-badge{
    display: none;
}
.dot {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.visible {
    opacity: 1 !important;
}

form label.error{
    color: red;
    position: absolute;
    top: -1rem;
}

#contact_cgu-error{
    position: absolute;
    top: -2rem;
}

.form-control,input,select,textarea{
    border:none;
    background-color: transparent;
    color:#B5B0A1;
    padding:10px 0;
    position: relative;
    font-size: 20px;
}

.form-control::placeholder,input::placeholder,select::placeholder,textarea::placeholder{
    color:#B5B0A1;
    font-size: 20px;
    font-weight: 300;
    font-family: 'DMSans';
}

.form-control:focus,select:focus,textarea:focus,input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,input:-internal-autofill-selected{
    outline: none;
    border:none;
    box-shadow: none;
    background-color: transparent !important;
    color:white !important;
    padding:10px 0;
    position: relative;
    font-size: 20px;
}

.btn:focus{
    outline: none;
    border:none;
    box-shadow: none;
}

.form-control:focus::placeholder,
select:focus::placeholder,
textarea:focus::placeholder {
    color: white;
}

.input-group::after{
   content: '';
   position: absolute;
   width: 100%;
   height: 1.2px;
   bottom: 0;
   left: 0;
   background: linear-gradient(to right, #B5B0A1, #000000);
   opacity: 1;
}

.input-group:focus-within::after {
   background: white;
}

.input-white{
    color:#000000;
    background-color: white;
    border-radius: 30px;
    border:none;
    width: 415px;
    padding:0 20px;
    max-width: 100%;
    height: 70px;
}

.input-white::placeholder{
    color:#B5B0A1;
}

.input-white:focus,.input-white:focus::placeholder{
    color:#000000;
    background-color: white;
    border-radius: 30px;
    border:none;
    padding:0 20px;
    height: 70px;
}

.custom-chekbox{
    width: 24px;
    height: 24px;   
    border: 1px solid #B1ABA4;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-chekbox.checked{
    background-color: #B5B0A1;
}

.custom-chekbox.white{
    border: 1px solid #ffffff;
}

.custom-chekbox.white.checked{
    background-color: #ffffff;
}

.slider-container {
    padding: 20px 0;
}

.slider-value {
    position: absolute;
    font-size: 14px;
    white-space: nowrap;
    color: #21303A;
    top: -5px;
}

.ui-widget.ui-widget-content {
    background-color: #FFFFFF;
    border: none;
}

.ui-slider-horizontal {
    height: 5px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 2px solid #FFFFFF;
    background: #000000;
    font-weight: normal;
    color: #FFFFFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 26px;
    height: 26px;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.54em;
    margin-left: -.6em;
}

.price-slider .ui-slider-handle:nth-child(2)::after {
    content: "-";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.price-slider .ui-slider-handle:nth-child(3)::after {
    content: "+";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.slider-container,.ui-slider{
    border-radius: 50rem;
    max-width: 670px;
    margin: 0 auto;
    width: 100%;
}

.ui-slider .ui-slider-range {
    background: #ffffff;
    border: none;
    border-radius: 50rem;
}

.slider-container {
    padding: 20px 0;
}

.slider-value {
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    white-space: nowrap;
    color: #FFFFFF;
    top: 40px;
}

.price-min-float {
    transform: translateX(-50%);
}

.price-max-float {
    transform: translateX(50%);
}

@media (max-width: 992px) {
    .ico-Search {
        margin-bottom: 1rem;
    }

    .slider-container{
        max-width: 90%;
    }

    .price-min-float {
        transform: translateX(0);
    }
    
    .price-max-float {
        transform: translateX(0);
    }
}