@font-face {
    font-family: MartaRegular;
    src: url("/static/fonts/Marta_Regular.otf") format('opentype');
    font-display: swap;
}

@font-face {
    font-family: MartaBold;
    src: url("/static/fonts/Marta_Bold.otf") format('opentype');
    font-display: swap;
}

html {
    height: 100%;
}

body {
    overflow-y: scroll;
    font-family: 'Noto Serif', serif;
    height: 5400px;
}

h1 {
    font-size: 3em;
    letter-spacing: .1em;
    font-family: 'Noto Serif', serif;
}

p {
    font-size: 0.925em;
    letter-spacing: .1em;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    outline: none;
	font-size: 150%;
    font-weight: 900;
}

button {
    outline: none;
    letter-spacing: 2px;
}

::-webkit-scrollbar {
    display: none;
}

/* MAIN */
.main-wrapper {
    overflow: hidden;
    height: 100%;
    will-change: opacity;
    transition: opacity .2s ease-in;
    position: relative;
}


#main_wrapper:before {
    /* content: ''; */
    position: fixed;
    top: 0;
    background-position-y: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    z-index: 3;
    height: 50%;
    background-image: url("/static/img/assets/top-frame.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    pointer-events: none;
}


#main_wrapper:after {
    /* content: ''; */
    position: fixed;
    bottom: 0;
    background-position-y: 0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    z-index: 3;
    height: 50%;
    background-image: url("/static/img/assets/top-frame.png");
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-size: contain;
    background-position-x: center;
    pointer-events: none;
}


.top-main-frame {
    position: fixed;
    top: -90px;
    background-position-y: 65px;
    width: 100%;
    z-index: 3;
    height: 50%;
    background-image: url("/static/img/assets/top-frame.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-x: center;
    pointer-events: none;

}

.dots-wrapper.contact-dots {
    border: none;
}
.bottom-main-frame {
    position: fixed;
    bottom: 0;
    bottom: -90px;
    background-position-y: 65px;
    z-index: 3;
    width: 100%;
    height: 50%;
    background-image: url("/static/img/assets/top-frame.png");
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-size: 100%;
    background-position-x: center;
    pointer-events: none;

}

.home-page-wrapper .top-main-frame {
    z-index: 1;
}
.home-page-wrapper .bottom-main-frame {
    z-index: 1;
}

.master-wrapper {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 1;
    will-change: opacity;
    transition: opacity .3s ease-out;
}


.home-page-wrapper:before {
    content: '';
    position: fixed;
    top: -10px;
    background-position-y: 0;
    width: 100%;
    z-index: 3;
    height: 50%;
    background-image: url("/static/img/assets/top-frame.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    pointer-events: none;
}


.home-page-wrapper:after {
    content: '';
    position: fixed;
    bottom: -10px;
    background-position-y: 0;
    width: 100%;
    z-index: 3;
    height: 50%;
    background-image: url("/static/img/assets/top-frame.png");
    background-repeat: no-repeat;
    transform: rotate(180deg);
    background-size: contain;
    background-position-x: center;
    pointer-events: none;
}


.home-page-wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    /*background-color: rgb(239, 173, 158);*/
    background: #00688b; /* Old browsers */
    background: -moz-linear-gradient(top, #00688b 0%, #5fb0eb 50%, #87CEFA 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00688b 0%, #5fb0eb 50%, #87CEFA 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00688b 0%, #5fb0eb 50%, #87CEFA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00688b', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    transition: all linear;
}

.home-page-wrapper img {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    will-change: transform;
    transform: translateY(0);
}

.home-page-wrapper h1 {
    font-family: 'nexa_boldregular', sans-serif;
    letter-spacing: -0.025em;
    font-size: 8em;
    line-height: 1;
    margin: 0;
    text-transform: lowercase;
    z-index: 10;
    cursor: default;
    transform: scale(1) translateY(35vh);
    color: #742525;
    opacity: 0;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}

#mountains_back {
    transform: scale(1) translate(29vw, 85vh);
    width: 75%;
}

#mountains_front {
    transform: scale(1) translateY(85vh);
    filter: grayscale(.4);
}

#img2 {
    transform: scale(1) translate(8vw, 100vh);
}

#img3 {
    width: 100%;
    transform: scale(1) translateY(100vh);
}

#img4 {
    transform: scale(1) translate(24vw, 100vh);
}

#img5 {
    transform: scale(1) translate(29vw, 100vh);
}

#img6 {
    transform: scale(1) translateY(100vh);
}

#sun {
    transform: scale(1) translate(20vw, 13vh);
    margin: 0 auto;
}

#cloud_right {
    width: 50%;
    transform: translate(45vw, 30vh);
}

#cloud_left {
    width: 40%;
    transform: translate(0, 30vh);
}

#alpenhaus_home {
    width: 100%;
    transform: translate(0, 100vh);
}

#road_movement {
    transform: translateY(140vh);
}

.skip-animation {
    font-family: MartaRegular, Georgia, serif;
    position: absolute;
    top: 20vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    opacity: 0;
    z-index: 4;
    width: 200px;
    cursor: pointer;
    color: #f6edcd;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    height: 55px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/static/img/assets/bordo-btn.png);
    transition: opacity .2s ease-in-out;
}

#skip_animation {
    opacity: 1;
    /*width: 150px;*/
    /*height: 40px;*/
    /*font-size: 0.825em;*/
}

.content {
    display: grid;
    position: relative;
}

.content--layout {
    pointer-events: auto;
    justify-content: center;
    align-content: center;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "title";
    margin: 20vh auto;
    width: 32%;
}

.content__img {
    grid-area: image;
    opacity: 0.8;
    width: 300px;
    height: 300px;
}

.content__title {
    grid-area: title;
    font-family: 'nexa_boldregular', sans-serif;
    letter-spacing: -0.025em;
    font-size: 8em;
    line-height: 1;
    margin: 0;
    text-transform: lowercase;
    z-index: 10;
    cursor: default;
    transform: scale(1);
}

.nav-fixed {
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    height: 100vh;
    width: 100vw;
    /*z-index: 101;*/
}

.dots-wrapper span {
    position: absolute;
    width: 10px;
    background-color: #f6edcd;
    height: 10px;
    padding: 0;
    transform: rotate(45deg);
    left: 0;
    right: 0;
    top: -6px;
    margin: 0 auto;
}

.dots-wrapper {
    position: relative;
    width: 30%;
    margin: 0 auto !important;
    border-top: 2px solid #f6edcd;
    padding: 0;
    pointer-events: none;
}

.left-top-triangle .dots-wrapper span:nth-child(1),
.right-top-triangle .dots-wrapper span:nth-child(1){
    left: -22px;
}

.left-top-triangle .dots-wrapper span:nth-child(3),
.right-top-triangle .dots-wrapper span:nth-child(3){
    left: 22px;
}

.dots-wrapper span:nth-child(1) {
    left: -15px;
}

.dots-wrapper span:nth-child(3) {
    left: 15px;
}

.left-top-triangle {
    position: fixed;
    z-index: 100;
    padding-left: 15vw;
    padding-top: 30px;
    box-sizing: border-box;
    left: 0;
    top: 0;
}

.left-top-triangle:before {
    /*content: '';*/
    border-top: 40vh solid rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #f6edcd;
    left: -20vw;
    top: -22vh;
    width: 100vw;
    position: absolute;
    z-index: -2;
    transform: rotate(-20deg);
}

.left-top-triangle ul {
    text-align: center;
    opacity: 0;
    pointer-events: none;
}

.left-top-triangle ul li p,
.tour-btn {
    text-transform: uppercase;
    color: #f6edcd;
    font-size: 1.25em;
    margin: 15px 0 10px 0;
    position: relative;
    /*padding: 0 20px;*/
    transform: translateY(0);
    transition: transform .2s ease-in-out;
}

.tour-btn {
    background: none;
    border: none;
    padding: none;
    font-family: MartaRegular, Georgia, serif;
    cursor: pointer;
}

.other-events {
    text-transform: uppercase;
    color: #f6edcd;
    font-size: 1.25em;
    margin: 0 auto;
    position: relative;
    transform: translateY(0);
    transition: transform .2s ease-in-out;
    font-family: MartaRegular, Georgia, serif;
    bottom: 60px;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    z-index: 10;
}

.left-top-triangle ul li p:hover:before,
.other-events:hover:before,
.tour-btn:before {
    content: '';
    width: 120%;
    /*border-left: 20px solid transparent;*/
    /*border-right: 20px solid transparent;*/
    /*border-top: 30px solid #742525;*/
    /*border-bottom: 30px solid #742525;*/
    position: absolute;
    top: -55%;
    right: -10%;
    z-index: -1;
    height: 60px;
    background-size: 100% 90%;
    background-repeat: no-repeat;
    background-image: url(/static/img/assets/bordo-btn.png);
}

.left-top-triangle ul li p:hover {
    transform: translateY(-10px);
    transition: transform .2s ease-in-out;
    z-index: 2;
    cursor: pointer;
}

#scroll_down img {
    display: none;
}

.fp-enabled #scroll_down button {
    display: none;
}

.fp-enabled #scroll_down img {
    display: inline-block;
}

#event_modal {
    margin-top: 0;
}

.right-top-triangle {
    position: fixed;
    z-index: 100;
    padding-right: 15vw;
    padding-top: 30px;
    box-sizing: border-box;
    text-align: right;
    top: 0;
    right: 0;
}

.right-top-triangle:before {
    /*content: '';*/
    border-top: 40vh solid rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #f6edcd;
    right: -20vw;
    top: -22vh;
    width: 100vw;
    position: absolute;
    /*z-index: -2;*/
    transform: rotate(20deg);
}

.right-top-triangle ul {
    text-align: center;
    opacity: 0;
    pointer-events: none;
}

.right-top-triangle ul li p {
    text-transform: uppercase;
    color: #f6edcd;
    font-size: 1.375em;
    margin: 15px 0 10px 0;
    position: relative;
    /*padding: 0 20px;*/
    transform: translateY(0);
    transition: transform .2s ease-in-out;
}

.left-top-triangle .dots-wrapper,
.right-top-triangle .dots-wrapper {
    width: 100px;
}
.left-top-triangle .dots-wrapper span,
.right-top-triangle .dots-wrapper span {
    width: 9px;
    height: 9px;
}

.right-top-triangle li:nth-child(1) .contact_info {
    font-size: 1.5em;
    margin-top: 0;
}

.right-top-triangle li:nth-child(3) .contact_info {
    font-size: 1em;
    line-height: 1;
}

.contact_info img {
    width: 20px;
    margin-right: 10px;
}

.right-top-triangle ul li p i {
    margin-right: 10px;
}

.right-top-triangle ul li p:hover {
    transform: translateY(-15px);
    transition: transform .2s ease-in-out;
    z-index: 2;
    cursor: pointer;
}

.right-top-triangle ul li:nth-child(1) p:hover:before {
    content: '';
    width: 120%;
    position: absolute;
    top: -50%;
    right: -10%;
    z-index: -1;
    height: 70px;
    background-size: 100% 90%;
    background-repeat: no-repeat;
    background-image: url(/static/img/assets/bordo-btn.png);
}

#fp-nav.right {
    right: 100px;
}

.card-design h2 {
    text-transform: uppercase;
    margin: 15px;
    font-family: MartaBold, Georgia, serif;
    font-weight: 900;
    font-size: 1.3125em;
    letter-spacing: 4px;
}

.card-design-flex-container {
    display: flex;
    align-items: center;
}

.card-design--flex > div {
    flex-grow: 1;
    flex-basis: 0;
}

.test {
    background-image: url("/static/img/main/section-screens/about-us/section1-first-img.jpg");
    width: 100%;
    height: 200px;
    background-size: contain;
    background-position: center;
    border-top: 2px solid;
    position: relative;
}

.right-top-triangle ul li p:hover:before {
    content: '';
    width: 120%;
    /*border-left: 20px solid transparent;*/
    /*border-right: 20px solid transparent;*/
    /*border-top: 50px solid #742525;*/
    /*border-bottom: 50px solid #742525;*/
    position: absolute;
    top: -40%;
    right: -10%;
    z-index: -1;
    height: 120px;
    background-size: 100% 90%;
    background-repeat: no-repeat;
    background-image: url(/static/img/assets/bordo-btn.png);
}

.left-bottom-triangle {
    position: fixed;
    z-index: 100;
    padding-left: 15vw;
    padding-bottom: 5vh;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
}

.left-bottom-triangle:before {
    /*content: '';*/
    border-bottom: 40vh solid rgba(0, 0, 0, 0.3);
    border-top: 2px solid #f6edcd;
    left: -20vw;
    bottom: -22vh;
    width: 100vw;
    position: absolute;
    z-index: -2;
    transform: rotate(20deg);
}

.left-bottom-triangle ul {
    list-style: none;
    bottom: 40px;
    padding: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.left-bottom-triangle ul li {
    display: inline-block;
    margin-right: 20px;
}

.left-bottom-triangle ul li img {
    transform: translateY(0);
    width: 90%;
    will-change: transform, color;
    transition: transform .2s ease, color .2s ease;
    border-radius: 7px;
}

.left-bottom-triangle small {
    color: rgba(246, 237, 205, 0.7);
    position: absolute;
    bottom: 10px;
    opacity: 0;
    pointer-events: none;
}

.left-bottom-triangle ul li:hover img {
    /*background-color: #742525;*/
    /*cursor: pointer;*/
    /*will-change: transform, color;*/
    /*transition: transform .2s ease, color .2s ease;*/
    /*transform: translateY(-10px);*/
}

.right-bottom-triangle {
    position: fixed;
    z-index: 100;
    padding-right: 15vw;
    padding-bottom: 5vh;
    box-sizing: border-box;
    text-align: right;
    bottom: 0;
    right: 0;
}

.right-bottom-triangle:before {
    /*content: '';*/
    border-bottom: 40vh solid rgba(0, 0, 0, 0.3);
    border-top: 2px solid #f6edcd;
    right: -20vw;
    bottom: -22vh;
    width: 100vw;
    position: absolute;
    z-index: -2;
    transform: rotate(-20deg);
}

.right-bottom-triangle ul {
    list-style: none;
    bottom: 40px;
    padding: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.right-bottom-triangle ul li {
    display: inline-block;
    margin-right: 20px;
    color: #f6edcd;
}
.right-bottom-triangle ul li:last-of-type {
    margin-right: 0;
}

.right-bottom-triangle ul li a {
    text-decoration: none;
    color: #f6edcd;
}

.right-bottom-triangle ul li svg {
    width: 30px;
    height: 30px;
    will-change: transform, color;
    transition: transform .2s ease, color .2s ease;
    transform: translateY(0);
}
.right-bottom-triangle ul li img {
    will-change: transform, color;
    transition: transform .2s ease, color .2s ease;
    transform: translateY(0);
}
.right-bottom-triangle ul li:nth-child(2) img {
    width: 55px;
}

.right-bottom-triangle ul li:nth-child(3) svg {
    width: 53px;
    height: 40px;
}
.right-bottom-triangle ul li:nth-child(4) svg {
    width: 40px;
    height: 40px;
}
.right-bottom-triangle ul li:nth-child(5) svg {
    width: 50px;
    height: 40px;
}

.right-bottom-triangle ul li:hover svg {
    will-change: transform;
    transition: transform .2s ease;
    transform: translateY(-10px);
}
.right-bottom-triangle ul li:hover img {
    will-change: transform;
    transition: transform .2s ease;
    transform: translateY(-10px);
}

.right-bottom-triangle ul li:hover svg path {
    fill: #742525;
    cursor: pointer;
}

.right-bottom-triangle ul li:hover svg circle {
    fill: #742525;
    cursor: pointer;
}

.right-bottom-triangle ul li:nth-child(1) svg {
    width: 35px;
    height: 35px;
}

.right-bottom-triangle ul li:nth-child(1):hover svg {
    border-radius: 30%;
    background-color: #742525;
}

.right-bottom-triangle ul li:nth-child(1):hover svg path {
    fill: #f6edcd;
}



.main-wrapper {
    opacity: 0;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(87,45,20,1) 0%, rgba(120,62,28,1) 90% );
}

.section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
}


.section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(0, 0, 0, .3);
}

.section-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(0);
    transition: 0.2s filter;
    overflow: hidden;
}

.section--loading .section-background {
    filter: blur(20px);
    transition: 0s filter;
}

.eighth {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), center / cover no-repeat url(/static/img/main/section-screens/section9.jpg);
    background-size: cover;
}

.ninth {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), center / cover no-repeat url(/static/img/main/section-screens/section10.jpg);
    background-size: cover;
}

.tenth {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), center / cover no-repeat url(/static/img/main/section-screens/section11.jpg);
    background-size: cover;
}

.eleventh {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), center / cover no-repeat url(/static/img/main/section-screens/section12.jpg);
    background-size: cover;
}


.logo-wrapper img {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    /*padding-top: 10px;*/
    /*width: 16vw;*/
    z-index: 101;
    transform: translateY(33vh);
}

.section-wrapper {
    padding: 10vh 15vw;
    position: relative;
    min-height: 50vh;
}

.column-2 .dots-wrapper {
    border: none;
}

.column-2 .dots-wrapper span {
    border: none;
    background-color: #742525;
    width: 7px;
    height: 7px;
    top: -4px;
}

.column-2 .dots-wrapper span:nth-child(1) {
    left: -15px;
}

.column-2 .dots-wrapper span:nth-child(3) {
    left: 15px;
}

.image-wrapper {
    /*background-image: url("/static/img/main/section-screens/texture-part.png");*/
    background-image: url("/static/img/assets/beige-texture-overlay.jpg");
    background-repeat: repeat;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
    box-sizing: border-box;
    left: 20vw;
    top: 10vh;
    position: absolute;
}

.image-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(245, 240, 221, 0.4);
}

.image-wrapper img {
    max-width: 100%;
    border-top: 2px solid #742525;
}

.text-wrapper {
    background-image: url("/static/img/main/section-screens/texture-part.png");
    background-repeat: repeat;
    /*background-color: #f6edcd;*/
    width: 20vw;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: 20vw;
    top: 5vh;
    padding: 10px;
}

.image-wrapper .dots-wrapper,
.text-wrapper .dots-wrapper {
    border: none;
}

.image-wrapper .dots-wrapper span,
.text-wrapper .dots-wrapper span {
    background-color: #742525;
    width: 7px;
    height: 7px;
}

.image-wrapper .dots-wrapper span:nth-child(1),
.text-wrapper .dots-wrapper span:nth-child(1) {
    left: -15px;
}

.image-wrapper .dots-wrapper span:nth-child(3),
.text-wrapper .dots-wrapper span:nth-child(3) {
    left: 16px;
}

.image-wrapper .dots-wrapper:nth-child(1) span,
.text-wrapper .dots-wrapper:nth-child(1) span {
    top: -3px;
}

.image-wrapper .dots-wrapper:nth-child(3) span,
.text-wrapper .dots-wrapper:nth-child(3) span {
    top: -5px;
}

.seventh .text-wrapper {
    left: 20vw;
    right: auto;
}

.seventh .image-wrapper {
    right: 20vw;
    left: auto;
}

.eighth .text-wrapper {
    top: auto;
    bottom: 10vh;
}

.card-design {
    border: 2px solid #742525;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    overflow: hidden;
    /* justify-content: center; */
}

.card-design p {
    padding: 0 20px;
    font-weight: bold;
    font-weight: normal;
}

.image-wrapper {
    bottom: auto;
    top: 10vh;
    width: 18vw;
    text-align: center;
    padding: 10px;
    -webkit-box-shadow: -1px -1px 74px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -1px -1px 74px 2px rgba(0, 0, 0, 0.5);
    box-shadow: -1px -1px 74px 2px rgba(0, 0, 0, 0.5);
}

.image-wrapper--full-width {
    width: 58vw !important;
    left: 50% !important;
    margin-left: -29vw;
}

.image-wrapper--fixed-width {
    width: 18vw !important;
    left: 23vw !important;
}

.image-wrapper--fixed-width ~ .image-wrapper:nth-child(3) {
    width: 18vw !important;
    right: 23vw !important;
}

.image-wrapper:nth-child(2) {
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 8vh;
    z-index: 2;
}

.ninth .image-wrapper:nth-child(1) {
    left: 26vw;
    width: 25vw;
    top: 5vh;
    z-index: 3;
}

.ninth .image-wrapper:nth-child(1):hover {
    transform: none;
    animation-fill-mode: none;
}

.ninth .image-wrapper:nth-child(2) {
    left: 25vw;
    width: 25vw;
    top: 12vh;
    z-index: 1;
    transition: z-index 0.1s step-end .1s;
}

.ninth .image-wrapper:nth-child(2):hover {
    animation-fill-mode: none;
    z-index: 3;
    transition: z-index 0.1s step-start .1s;
}

.tenth .image-wrapper:nth-child(1) {
    left: 26vw;
    width: 25vw;
    top: 5vh;
    z-index: 3;
}

.tenth .image-wrapper:nth-child(1):hover {
    transform: none;
    animation-fill-mode: none;
}

.tenth .image-wrapper:nth-child(2) {
    left: 25vw;
    width: 25vw;
    top: 12vh;
    z-index: 1;
    transition: z-index 0.1s step-end .1s;
}

.tenth .image-wrapper:nth-child(2):hover {
    animation-fill-mode: none;
    z-index: 3;
    transition: z-index 0.1s step-start .1s;
}


.eleventh .image-wrapper:nth-child(1),
.third .image-wrapper:nth-child(1),
.fourth .image-wrapper:nth-child(1) {
    left: 26vw;
    width: 25vw;
    top: 10vh;
    z-index: 3;
}

.eleventh .image-wrapper:nth-child(1):hover,
.third .image-wrapper:nth-child(1):hover,
.fourth .image-wrapper:nth-child(1):hover {
    transform: none;
    animation-fill-mode: none;
}

.eleventh .image-wrapper:nth-child(2),
.third .image-wrapper:nth-child(2),
.fourth .image-wrapper:nth-child(2) {
    left: 25vw;
    width: 25vw;
    top: 5vh;
    z-index: 1;
    transition: z-index 0.1s step-end .1s;

}

.eleventh .image-wrapper:nth-child(2):hover,
.third .image-wrapper:nth-child(2):hover,
.fourth .image-wrapper:nth-child(2):hover {
    animation-fill-mode: none;
    z-index: 3;
    transition: z-index 0.1s step-start .1s;

}

.image-wrapper:nth-child(1) {
    left: 21vw;
    right: auto;
    z-index: 1;
    transition: z-index 0.1s step-end .05s;
}

.image-wrapper:nth-child(1):hover {
    animation-fill-mode: none;
    z-index: 3;
    transition: z-index 0.1s step-start .25s;
}


.image-wrapper:nth-child(3) {
    right: 23vw;
    width: 18vw;
    left: auto;
    z-index: 1;
    transition: z-index 0.1s step-end .05s;
}

.image-wrapper:nth-child(3):hover {
    animation-fill-mode: none;
    z-index: 3;
    transition: z-index 0.1s step-start .25s;
}

/* FULLPAGE CUSTOM */

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #f6edcd;
    height: 12px;
    width: 12px;
    border-radius: 0;
    border: 10px solid #f6edcd;
    transform: scaleX(.7) rotate(45deg);
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    border-radius: 0 !important;
    border: 10px solid #f6edcd;
    height: 24px;
    width: 24px;
    margin: -8px 0 0 -10px;
    background: #742525;
    transform: scaleX(.7) rotate(45deg);
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    border-radius: 0;

}

#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    border-radius: 0;
    border: 10px solid #f6edcd;
    height: 24px;
    width: 24px;
    margin: -8px 0 0 -10px;
    background: #742525;
    transform: scaleX(.7) rotate(45deg);
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    border-radius: 0;
    border: 10px solid #f6edcd;
    height: 24px;
    width: 24px;
    margin: -8px 0 0 -10px;
    background: #742525;
    transform: scaleX(.7) rotate(45deg);
}

#fp-nav ul li:hover .fp-tooltip {
    top: 16px;
}

#fp-nav ul li, .fp-slidesNav ul li {
    height: 40px;
    margin-bottom: 20px;
}

#fp-nav ul li .fp-tooltip {
    top: 16px;
    color: #f6edcd;
    font-size: 1.5em;
    opacity: 1;
    width: auto;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    right: 30px !important;
    padding-right: 10px;
    padding-left: 10px;
    letter-spacing: 1px;
    font-family: MartaRegular, Georgia, serif;
}

#fp-nav.fp-show-active a.active + .fp-tooltip {
    border-top: 1px solid #f6edcd;
    border-bottom: 1px solid #f6edcd;
}

.show-more,
.view-more-btn__event {
    position: relative;
    text-transform: uppercase;
    color: #5c4432;
    cursor: pointer;
}

.show-more img,
.view-more-btn__event img {
    transform: translate(2px, -3px);
    width: 18px;
    border: none;
}

.show-more svg,
.view-more-btn__event svg {
    transform: translate(2px, -3px);
    width: 18px;
    border: none;
}

.show-more:hover:before,
.view-more-btn__event:hover:before {
    content: '';
    width: 80%;
    /*border-left: 10px solid transparent;*/
    /*border-right: 10px solid transparent;*/
    /*border-top: 20px solid #742525;*/
    /*border-bottom: 20px solid #742525;*/
    position: absolute;
    top: -90%;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: -1;
    height: 65px;
    background-size: 100% 80%;
    background-repeat: no-repeat;
    background-image: url(/static/img/assets/bordo-btn.png);
}

.show-more:hover, .view-more-btn__event:hover {
    transform: translateY(-5px);
    transition: all .2s ease-in-out;
    z-index: 2;
    cursor: pointer;
    color: #f6edcd;
    backface-visibility: hidden;
}

.show-more:hover svg path, .view-more-btn__event:hover svg path {
    fill: #f6edcd;
}

/* SLIDER FOR  */
.single-event-modal {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 100vw;
    height: 80vh;
    z-index: 0;
    transform: translateY(10vh);
    padding: 0 15vw;
    box-sizing: border-box;
}

.single-event-modal .single-event-close {
    position: absolute;
    right: 13.5px;
    top: 10px;
    font-size: 2.25em;
    z-index: 2;
    color: black;
    cursor: pointer;
}

.single-event-close img {
    width: 20px;
}

/* SLIDER NAV */

.scroll-sliders {
    margin-bottom: 50px;
}

.scroll-sliders:last-of-type {
    margin-bottom: 0;
}

.modal-content h1 {
    color: #f6edcd;
}

.contact-modal .modal-content h1 {
    margin: 0;
}

.slider-for h1 {
    margin-top: 0;
    line-height: 1;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 3px;
    text-align: left;
    color: #f6edcd;
    font-family: 'Noto Serif', serif;
}

.swiper-slide .event-wrapper {
    position: relative;
    padding: 10px;
    cursor: pointer;
    height: 580px;
    box-sizing: border-box;
    width: 100%;
    /*overflow: hidden;*/
    background: #f6edcd;
    background-image: url(/static/img/events/beige-texture.jpg);
}

.swiper-slide {
    transform: translateY(0);
    transition: all .2s linear;
}

.swiper-slide:hover .event-wrapper {
    transform: translateY(-30px);
    transition: all .2s linear;
}

.event-wrapper {
    transform: translateY(0);
    transition: all .2s linear;
}

.swiper-slide h2 {
    transform: translateY(0px);
    transition: all .2s linear;
}

.swiper-slide:hover h2 {
    transform: translateY(-5px);
    transition: all .2s linear;
}

.swiper-slide:hover .view-more-btn {
    opacity: 1;
    transform: translateY(30px);
    transition: all .2s linear;
}

.swiper-slide .view-more-btn {
    width: 100%;
    /*height: 0;*/
    /*border-right: 10px solid transparent;*/
    /*border-left: 10px solid transparent;*/
    /*border-bottom: 30px solid #742525;*/
    /*border-top: 30px solid #742525;*/
    font-family: MartaRegular, Georgia, serif;
    padding: 0;
    line-height: 65px;
    color: #f6edcd;
    background-color: transparent;
    outline: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateY(60px);
    transition: all .2s linear;
    cursor: pointer;
    border: none;
    height: 65px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/static/img/assets/bordo-btn.png);
}

.card-design .view-more-wrapper {
    overflow-y: auto;
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    backface-visibility: hidden;
}

.card-design .view-more-wrapper p {
    margin: 0;
}

.card-design .view-more-wrapper .view-more-text {
    margin-top: 0;
}

.view-more-wrapper.active-scroller::-webkit-scrollbar-track {
    background: #968673;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-image: url(/static/img/assets/beige-texture-overlay.jpg) 10% stretch;
}

.view-more-wrapper.active-scroller::-webkit-scrollbar {
    display: block;
    width: 8px;
    background-color: #F5F5F5;
}

.view-more-wrapper.active-scroller::-webkit-scrollbar-thumb {
    background: #5c4432;
}

.view-more-wrapper::-webkit-scrollbar {
    display: none;
}

.view-more-text {
    display: none;
}

.image-wrapper .view-more-text-close {
    display: none;
    position: absolute;
    top: 30px;
    right: 20px;
    left: auto;
    bottom: auto;
    width: 15px;
    border: none;
    cursor: pointer;
}

.swiper-slide .event-wrapper .event-wrapper-border {
    border: 2px solid #742525;
    height: 560px;
    box-sizing: border-box;
    position: relative;
}

.swiper-slide .event-wrapper .event-wrapper-border img {
    top: auto;
    margin: 0;
    border-top: 2px solid #742525;
}

.swiper-slide .event-wrapper .event-wrapper-border h3 {
    padding: 0 10px;
    text-align: left;
    margin: 10px 0;
}
.swiper-slide .event-wrapper .event-wrapper-border p {
    padding: 0 10px;
    text-align: left;
}

.swiper-slide .event-wrapper img {
    width: 100%;
}

.event-details {
    background: #f6edcd;
    padding: 10px;
    position: relative;
    background-image: url(/static/img/events/beige-texture.jpg);
    /*background-repeat: repeat;*/
}

.event-details .event-details-wrapper {
    border: 2px solid #742525;
    width: 100%;
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr 2fr;
    -ms-grid-rows: 1fr;
    grid-template-columns: 1fr 2.5fr;
    grid-template-rows: auto;
    grid-template-areas: "event-image event-info";
}

.event-image {
    grid-area: event-image;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    /*background-color: #ffffff;*/
    border-right: 2px solid #742525;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-info {
    grid-area: event-info;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-row-end: auto;
    display: grid;
    display: -ms-grid;
}

.event-contact,
.event-stores {
    padding: 15px;
}

.event-stores img {
    width: 20px;
}

.event-stores {
    -ms-grid-row: 2;
}

.event-social {
    -ms-grid-row: 3;
}

.event-contact {
    height: 35vh;
    -ms-grid-row: 1;
    padding-right: 5px;
    box-sizing: border-box;
    border-bottom: 2px solid #742525;
}

.event-contact h3 {
    margin-top: 0;
    margin-bottom: 6px;
    color: #5c4432;
    font-family: 'Noto Serif', serif;
}

#event_write_to_us {
    cursor: pointer;
}

.event-contact div {
    height: calc(30vh - 10px);
    overflow-y: scroll;
    padding-right: 25px;
    margin-right: 5px;
}

.event-contact div p {
    /*color: #5c4432;*/
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 1px;
    text-align: left;
    color: #000000;
}

.event-contact div::-webkit-scrollbar-track {
    background: #968673;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-image: url(/static/img/events/beige-texture.jpg) 10% stretch;
}

.event-contact div::-webkit-scrollbar {
    display: block;
    width: 8px;
    background-color: #F5F5F5;
}

.event-contact div::-webkit-scrollbar-thumb {
    background: #5c4432;
}

.event-stores {
    text-align: center;
    border-bottom: 2px solid #742525;
}

.event-stores p {
    margin: 0;
    text-transform: uppercase;
    color: #5c4432;
    font-size: 1em;
}

.event-stores p:nth-child(2) {
    font-size: 1.25em;
    margin-top: 10px;
}
.event-stores p:nth-child(2) span {
    font-size: .825em;
    margin-left: 12px;
}
.event-stores p:nth-child(2) img:nth-of-type(2) {
    width: 15px;
    margin-top: -3px;
    margin-left: 5px;
}

.event-social {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "download-app event-social-share";
}

.download-app {
    grid-area: download-app;
    text-align: center;
    border-right: 2px solid #742525;
    padding: 15px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.aw-soon {
    color: #5c4432;
    font-size: 1em;
    text-transform: uppercase;
    align-self: center;
    margin-right: 15px;
    margin-top: -10px;
}

.download-app a:nth-of-type(1) {
    margin-right: 5px;
}

.download-app h4 {
    margin-top: 0;
    margin-bottom: 0;
    color: #5c4432;
    flex-basis: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 1.6px;
    text-align: center;
    font-size: 0.925em;
    opacity: .7;
}

.event-social-share {
    grid-area: event-social-share;
    text-align: center;
    padding: 15px;
    justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
}

.event-social-share h4 {
    margin-top: 0;
    margin-bottom: 0;
    color: #5c4432;
    flex-basis: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 1.6px;
    text-align: center;
    font-size: 0.925em;
}

.event-social-share a i {
    color: #5c4432;
}

.slider .slick-slide {
    outline: none;
    box-sizing: border-box;
}

.slider .slick-slide h2 {
    color: #f6edcd;
}

.slider-for .slick-slide {
    outline: none;
}

.slider-for .slick-slide h2 {
    color: #f6edcd;
    margin-top: 0;
}

.slick-slide .event-stores img {
    display: inline-flex;
    background-color: #742525;
}

/* the slides */
.slider .slick-slide {
    margin: 0 10px;
    cursor: pointer;
}

/* the parent */
.slider .slick-list {
    margin: 0 -10px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.swiper-slide img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.swiper-slide h2 {
    color: #f6edcd;
    width: 100%;
    text-align: left;
    margin-top: 0;
}

.success-validation,
.error-validation {
    position: absolute;
    width: 100%;
    height: 66px;
    bottom: 0;
    box-sizing: border-box;
    transform: translate(-10px, 100px);
    background-image: url("/static/img/assets/beige-texture-overlay.jpg");
    background-size: cover;
    padding: 10px;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: 3px -5px 100px -18px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px -5px 100px -18px rgba(0, 0, 0, 0.6);
    box-shadow: 3px -5px 100px -18px rgba(0, 0, 0, 0.6);
}

.error-validation-border {
    border: 2px solid #d75652;
    height: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    background-color: rgba(215, 86, 82, 0.08);
}

.success-validation-border {
    border: 2px solid #5C7246;
    height: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    background-color: rgba(92, 114, 70, 0.08);
}

.zvonok {
    display: none;
}

.error-validation-border p,
.success-validation-border p {
    line-height: 1.7;
    margin: 10px;
    display: inline-block;
}

.error-validation-border img,
.success-validation-border img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.success-validation.active-validation,
.error-validation.active-validation {
    transform: translate(-10px, 0);
    transition: all .2s ease-in-out;
}

.swiper-responsive {
    display: none;
}

.swiper-slide-prev,
.swiper-slide-next {
    /*transform: translateY(10px);*/
}

.navbar-wrapper {
    visibility: hidden;
}


.keyart_layer {
    background-position: bottom center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    transform: translate3d(0px, 1000px, 0px);
}

.keyart, .keyart_layer {
    height: 1000px;
}
.keyart {
    position: relative;
    z-index: 10;
}

#keyart-0 {
    background-image: url("/static/img/master/sun.png");
}
#keyart-1 {
    background-image: url("/static/img/master/mountains-back.png");
}
#keyart-2 {
    background-image: url("/static/img/master/mountains-front.png");
}
#keyart-3 {
    background-image: url("/static/img/master/trees-back.png");
}
#keyart-4 {
    background-image: url("/static/img/master/trees-middle.png");
}
#keyart-5 {
    background-image: url("/static/img/master/home.png");
}
#keyart-6 {
    background-image: url("/static/img/master/trees-front2.png");
}
#keyart-7 {
    background-image: url("/static/img/master/trees-front1.png");
}
#keyart-8 {
    background-image: url("/static/img/master/trees-front.png");
}

.view-more-wrapper a,
.event-stores a {
    color: #6d1315;
}

.card-design a,
.event-stores a {
    color: #6d1315;
}

.card-image[data-bind] {
    cursor: pointer;
}

textarea {
    font-family: MartaRegular, Georgia, serif;
}

.map {
    height: 250px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border-top: 2px solid #72201d;
}
.map--mobile{
    height: 250px;
}

.map__static-img {
    width: 100%;
    height: 100%;
    background-image: url("/static/img/main/location-static.jpg");
    background-position: center;
}

.image-wrapper--mobile{
    /* max-height: 360px; */
    overflow-y: auto;
}

@media screen and (max-width: 767px) {
    #fp-nav {
        /* display: none; */
    }
    #fp-nav ul li a span, .fp-slidesNav ul li a span {
        width: 6px !important;
        height: 6px !important;
        border-width: 6px !important;
        margin: -8px 0 0 0 !important;
    }
    #fp-nav ul li, .fp-slidesNav ul li {
        margin: 0 !important;
    }
}

.image-wrapper--full-width .card-design {
    display: block;
}

span {}