@charset "UTF-8";
/* CSS Document */
* {
    padding: 0;
    margin: 0;
}

html, body {
    height: 100%;
}

.skrollr-desktop body {
    height: 100% !important;
}

body {
    font-family: sans-serif;
}

p {
    margin: 1em 0;
}

.parallax-image-wrapper {
/*	position: fixed;
    left: 0;
    width: 98%;
    overflow: hidden;
    margin: 0 1%;*/
    position: fixed;
    left: 0;
    overflow: hidden;
/*    width: 90vw; 2020
    margin: 0 5vw;*/    
    width: 90%;
    margin: 0 5%;
}
.first-box.parallax-image-wrapper {
    width: 100%;
    margin: 0;
}
.parallax-image-wrapper-50 {
    height: 50%;
    top: -50%;
}

.parallax-image-wrapper-100 {
    height: 100%;
    top: -100%;
}

.parallax-image {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.parallax-image-50 {
    height: 200%;
    top: -50%;
}

.parallax-image-100 {
    height: 100%;
    top: 0;
}

.parallax-image.skrollable-between {
    display: block;
}

.no-skrollr .parallax-image-wrapper {
    display: none !important;
}

#skrollr-body {
    height: 100%;
    overflow: visible;
    position: relative;
}

.gap {
    background: transparent center no-repeat;
    background-size: cover;
}

.skrollr .gap {
    background: transparent !important;
}

.gap-0 {
    height: 0%;
}

.gap-25 {
    height: 25%;
}

.gap-50 {
    height: 50%;
}

.gap-100 {
    height: 100%;
    position: relative;
    width: 100%;
}

.gap-400 {
    height: 0%;
}

@media (max-width: 768px) {
.gap-400 {
        height: 400%;
    }

.gap-500 {
        height: 500%;
    }
}

.gap-600 {
    height: 600%;
}

/*.header, .content {*/
.header {
    background: #fff;
    padding: 0em;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-full {
    height: 100%;
}

#done {
    height: 100%;

}

.area1 {
    z-index: 10;
}