.wpcf7-select {
    width: 100%;
}

.hidden {
    animation: fadeOut 0.75s ease-in-out forwards !important;
}

@keyframes fadeOut {

    0%,
    25% {
        opacity: 1;
    }

    25%,
    50% {
        opacity: 0.75;
    }

    50%,
    75% {
        opacity: 0.5;
    }

    75%,
    100% {
        opacity: 0.25;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

.mt-3 {
    margin-top: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.fadeIn {
    animation: fadeIn 0.75s ease-in-out forwards !important;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

#postcode,
#street,
#housenumber,
#city {
    transition: background-color 0.5s ease, color 0.5s ease;
}

#postcode[readonly],
#street[readonly],
#housenumber[readonly],
#city[readonly] {
    background-color: #d8d8d8;
    color: #000000;
}

.pro6pp-dropdown {
    position: relative !important;
}