/* PARALLAX */
.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 50vh;
    max-height: calc(100vh - var(--navheight));
    overflow: hidden;
}

.parallax {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    transition: none;
}

.parallax[noscale] {
    position: relative;
    height: auto;
}

/* AOS */

[aos] {
    position: relative;
    opacity: 0.001;
    transition: 850ms;
}

[aos='up'] {
    transform: translate3d(0, 5rem, 0);
}

[aos='down'] {
    transform: translate3d(0, -5rem, 0);
}

[aos='left'] {
    transform: translate3d(5rem, 0, 0);
}

[aos='right'] {
    transform: translate3d(-5rem, 0, 0);
}

[delay='1'] {
    transition-delay: 100ms;
}

[delay='2'] {
    transition-delay: 200ms;
}

[delay='3'] {
    transition-delay: 300ms;
}

[delay='4'] {
    transition-delay: 400ms;
}

[delay='5'] {
    transition-delay: 500ms;
}

[delay='6'] {
    transition-delay: 600ms;
}

[delay='7'] {
    transition-delay: 700ms;
}

[delay='8'] {
    transition-delay: 800ms;
}

[delay='9'] {
    transition-delay: 900ms;
}

[delay='10'] {
    transition-delay: 1000ms;
}

[delay='11'] {
    transition-delay: 1100ms;
}

[delay='12'] {
    transition-delay: 1200ms;
}

[aos].appear {
    opacity: 1;
    transform: translate(0, 0);
}

/* FUNCTION classes */

.unselectable {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* cursor: none!important; */
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}


.coloroverlay {
    overflow: hidden;
    filter: grayscale(1);
    padding: 0 !important;
    margin: 0;
}