@keyframes fadeIn {
    0% { opacity: 0; }
    33% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeInDelay {
    0% { opacity: 0; }
    66% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeOutDelay {
    0% { opacity: 1; }
    33% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes heightOut {
    0% { opacity: 1; max-height: 320px; }
    33% { opacity: 0; }
    100% { opacity: 0; max-height: 0px; }
}

@keyframes heightIn {
    0% { opacity: 0; max-height: 0px; }
    33% { opacity: 0; }
    100% { opacity: 1; max-height: 320px; }
}

@keyframes fadeInUpList {
    0% { opacity: 0; margin-top: 128px; }
    33% { opacity: 0; }
    100% { opacity: 1; margin-top: 0px; }
}

@keyframes fadeInUpText {
    0% { opacity: 0; margin-top: 128px; }
    33% { opacity: 0; }
    100% { opacity: 1; margin-top: 0px; }
}

@keyframes fadeInUpDocument {
    0% { opacity: 0; margin-top: 256px; }
    33% { opacity: 0; }
    100% { opacity: 1; margin-top: 0px; }
}

@keyframes overflowYDelay {
    0% { overflow-y: hidden; }
    100% { overflow-y: auto; }
}

@keyframes fadeInJSDisclaimer {
    0% { opacity: 0; max-height: 0px; }
    90% { opacity: 0; max-height: 0px; }
    100% { opacity: 1; max-height: 128px; }
}

/* Swup.js */

html.is-animating .transition-fade {
    opacity: 0;
}

.transition-fade, .swup-fade-in {
    opacity: 1;
    animation: fadeIn .5s ease-in-out;
    transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

html.is-animating .transition-swup {
    opacity: 100%;
}

.transition-swup {
    opacity: 0%;

    transition: .5s ease-in-out;
    pointer-events: none;
    z-index: 99;
}

/* Magnific Popup */

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}