.visible {
}

.hidden {
    display: none !important;
}

    .hidden iframe {
        display: none !important;
    }

.hidden.screenreader {

}

.visible-animate {
    animation: fadein 0.3s ease-in-out normal;
    animation-fill-mode: forwards;
}

.hidden-animate {
    animation: fadeout 0.3s ease-in-out normal;
    animation-fill-mode: forwards;
}

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

    100% {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}