@font-face {
    font-family: 'AG Book';
    src: url('/fonts/AGBook-Stencil.eot');
    src: url('/fonts/AGBook-Stencil.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AGBook-Stencil.woff2') format('woff2'),
        url('/fonts/AGBook-Stencil.woff') format('woff'),
        url('/fonts/AGBook-Stencil.ttf') format('truetype'),
        url('/fonts/AGBook-Stencil.svg#AGBook-Stencil') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Akzidenz Grotesk BE';
    src: url('/fonts/AkzidenzGroteskBE-Regular.eot');
    src: url('/fonts/AkzidenzGroteskBE-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AkzidenzGroteskBE-Regular.woff2') format('woff2'),
        url('/fonts/AkzidenzGroteskBE-Regular.woff') format('woff'),
        url('/fonts/AkzidenzGroteskBE-Regular.ttf') format('truetype'),
        url('/fonts/AkzidenzGroteskBE-Regular.svg#AkzidenzGroteskBE-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Akzidenz Grotesk BE';
    src: url('/fonts/AkzidenzGroteskBE-Md.eot');
    src: url('/fonts/AkzidenzGroteskBE-Md.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AkzidenzGroteskBE-Md.woff2') format('woff2'),
        url('/fonts/AkzidenzGroteskBE-Md.woff') format('woff'),
        url('/fonts/AkzidenzGroteskBE-Md.ttf') format('truetype'),
        url('/fonts/AkzidenzGroteskBE-Md.svg#AkzidenzGroteskBE-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Scala';
    src: url('/fonts/Scala.eot');
    src: url('/fonts/Scala.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Scala.woff2') format('woff2'),
        url('/fonts/Scala.woff') format('woff'),
        url('/fonts/Scala.ttf') format('truetype'),
        url('/fonts/Scala.svg#Scala') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Scala Italic';
    src: url('/fonts/Scala-Italic.eot');
    src: url('/fonts/Scala-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Scala-Italic.woff2') format('woff2'),
        url('/fonts/Scala-Italic.woff') format('woff'),
        url('/fonts/Scala-Italic.ttf') format('truetype'),
        url('/fonts/Scala-Italic.svg#Scala') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

.img {
    opacity: 0;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
}

.img-r {
    opacity: 0;
    width: 100%;
    height: auto;
    position: relative;
}


.lozad {
    opacity: 0;
}

.lozad.loaded {
    opacity: 1;
      transition: opacity 1s;
      transition-delay: .3s;
}


* {
    box-sizing: border-box;
}

::-moz-selection { /* Code for Firefox */
    color: black;
    background: #FFED00;
  }
  
  ::selection {
    color: black;
    background: #FFED00;
  }

.stencil {
    font-family: 'AG Book';
    text-decoration: none;
    display: inline-block;
    color: white;
}

.ag-reg {
    font-family: 'Akzidenz Grotesk BE';
    font-weight: normal;
}

.ag-med {
    font-family: 'Akzidenz Grotesk BE';
    font-weight: 500;
}

.scala {
    font-family: 'Scala';
    font-weight: 500;
    color: #3e3e3e;
}

.scala-italic {
    font-family: 'Scala Italic';
    font-weight: 500;
    color: #3e3e3e;
}


body {
    margin: 0;
}

.buttons-one {
    position: sticky;
    bottom: 0;
    width: 100%;
    padding: 1.5vw;
    display: flex;
    justify-content: space-between;
    cursor: default;
    box-sizing: border-box;
    display: flex;
    z-index: 5;
}

.buttons-two {
    position: sticky;
    bottom: 0;
    width: 100%; /* Ensure it spans the full width */
    padding: 1.5vw;
    display: flex;
    justify-content: space-between;
    cursor: default;
    box-sizing: border-box;
    display: flex;
}




p {
    margin-block-start: 0em;
    margin-block-end: 0em;
    cursor: default;
}



ul {
    padding-inline-start: 12px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}




.splide__slide img {
    width: 100%;
    height: auto;
  }

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
    border: 3px solid #E61084 !important;
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide, .splide--nav>.splide__track>.splide__list>.splide__slide {
    border: 1px solid #e8e8e8 !important;
}

.splide__list {
    height: 100% !important;
}

.splide__pagination {
    padding: 8px 0 !important;
    position: relative !important;
    bottom: 0 !important;
}

.splide__pagination__page {
    margin: 7px !important;
    opacity: 1 !important;
}

.splide__pagination__page.is-active {
    background: #000000 !important;
    transform: scale(1) !important;
}

#thumbnail-slider {
    height: 100%;
}

#thumbnail-slider-track {
    position: fixed !important;
    bottom: 0;
    left: 0;
    padding: 1.5vw !important;
    z-index: 990 !important;
}

button {
    border-style: none;
    cursor: pointer;
}


.thumb {
    width: 6vw !important;
    height: 4vw !important;
    margin-right: 1vw !important;
}




.nav-button {
    border: solid .15vw black;
    width:4vw;
    height:4vw;
    display:flex;
    justify-content: center;
    vertical-align: middle; 
    border-radius: 50%;
    cursor: pointer;
}

.nav-text {
    color:black;
    font-size: 2.5vw;
    line-height: 155%;
    cursor: pointer;
}

.splide__arrow {
    z-index: 996 !important;
}

.splide__arrow--prev svg {
    display: none;
}

.splide__arrow--next svg {
    display: none;
}

.splide__arrow {
    width: 50% !important;
    height: 85% !important;
    background: transparent !important;
}

.splide__arrow--prev {
    cursor: url('/images/nav/nav-l-96.png') 96 96, w-resize !important;
}


.splide__arrow--next {
    cursor: url('/images/nav/nav-r-96.png') 96 96, e-resize !important;
}

a {
    text-decoration: none;
    color: black;
}

#menu {
    display: none;
}

.menu-item {
display: flex;
height:20dvh;
align-items:center;
width:102%;
display:flex;
justify-content: center;
}

.m1:hover {
    background-color: rgb(1, 158, 228, .9);
}

.m1:hover p {
    color: white;
}

.m2:hover {
    background-color: rgb(255, 237, 0, .9);
}

.m3:hover {
    background-color: rgb(230, 16, 132, .9);
}

.m3:hover p {
    color: white;
}


.m4:hover {
    background-color: rgb(0, 0, 0, .9);
}

.m4:hover p {
    color: white;
}

.m5:hover {
    background-color: rgb(237, 237, 237, .9);
}

.ig-button:hover {
    filter: invert(1);
}


.linktree-button:hover {
    filter: invert(1);
}

.button {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    }





.text-section-big {
    padding-top: 8vw;
    padding-bottom: 8vw;    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.responsive-img {
    width: 100%;
    height: auto;
}



.progress-container {
    width: 100%;
    height: .5vw;
    background-color:transparent;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.5s ease;
    z-index: 999;
}

.progress {
    height: 100%;
    width: 0;
    background-color: #FFED00;
    transition: width 0.3s linear;
    z-index: 999;
}


.linktree-button {
    width: 7.5vw;
    height: 7.5vw;
    border: 0.3vw solid black;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.linktree-button::before {
    content: '';
    width: 4vw;
    height: 4vw;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80 97.7' style='enable-background:new 0 0 80 97.7;' xml:space='preserve'%3E%3Cpath d='M0.2,33.1h24.2L7.1,16.7l9.5-9.6L33,23.8V0h14.2v23.8L63.6,7.1l9.5,9.6L55.8,33H80v13.5H55.7l17.3,16.7l-9.5,9.4L40,49.1L16.5,72.7L7,63.2l17.3-16.7H0V33.1H0.2z M33.1,65.8h14.2v32H33.1V65.8z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ig-button {
    width: 7.5vw;
    height: 7.5vw;
    border: 0.3vw solid black;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ig-button::before {
    content: '';
    width: 4.5vw;
    height: 4.5vw;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 80 97.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M40,28.5c-11.2,0-20.4,9.1-20.4,20.4s9.1,20.4,20.4,20.4,20.4-9.1,20.4-20.4-9.1-20.4-20.4-20.4ZM40,61.1c-6.7,0-12.2-5.5-12.2-12.2s5.5-12.2,12.2-12.2,12.2,5.5,12.2,12.2-5.5,12.2-12.2,12.2Z'/%3E%3Cpath class='cls-1' d='M78.9,33c-.6-14.4-8.6-22.3-23-23-4.1-.2-5.5-.2-15.9-.2s-11.8,0-15.9.2C9.7,10.6,1.8,18.6,1.1,33c-.2,4.1-.2,5.5-.2,15.9s0,11.8.2,15.9c.7,14.4,8.6,22.3,23,23,4.2.2,5.5.2,15.9.2s11.7,0,15.9-.2c14.4-.7,22.3-8.6,23-23,.2-4.1.2-5.5.2-15.9s0-11.8-.2-15.9ZM70.7,64.4c-.5,10-5.1,14.7-15.2,15.2-4,.2-5.2.2-15.5.2s-11.5,0-15.5-.2c-10-.5-14.7-5.1-15.2-15.2-.2-4-.2-5.2-.2-15.5s0-11.4.2-15.5c.5-10.1,5.1-14.7,15.2-15.2,4-.2,5.3-.2,15.5-.2s11.5,0,15.5.2c10,.5,14.7,5.1,15.2,15.2.2,4,.2,5.2.2,15.5s0,11.5-.2,15.5Z'/%3E%3Cpath class='cls-1' d='M60.4,23.3c-2.9,0-5.2,2.3-5.2,5.2s2.3,5.2,5.2,5.2,5.2-2.3,5.2-5.2-2.3-5.2-5.2-5.2Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.spacer {
    height: 200vh; /* Adjust this height to control the scrolling space */
    background-color: lightgrey;
}


.video-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    height: 100vh;
    width: 100vw;
    background-color: (150,150,150, 0.5);
}



section.vid-scroll video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

section.vid-scroll {
    height: 3000px;
}


section.vid-scroll div.holder {
    position: sticky;
    top:0;
}

.text-section-fs {
    height: 200dvh;
    display: flex;
    flex-direction: column;
    white-space: pre-wrap;
}

.deluxe-links{
    background-color: red;
    transition: outline .1s ease;
}

.deluxe-links:hover {
    outline: .5vw solid #FFED00 !important;
}

body {
    background-color: white;
}



.img-row {
    opacity: 0;
    width: 100%;
    position: relative;
}

.video-row {
    width: 100%;
    height: auto;
    position: relative;
    transition: opacity .5s ease;
    z-index: 1;
}

.mailing-success {
    display: none;
    display: none;
    color: green;
    margin-top: 10px;
}



#mc_embed_signup {
background:#fff; 
font:14px Helvetica,Arial,sans-serif; 
}

#mc-embedded-subscribe-form input[type=checkbox] {
display: inline; 
width: auto;
}

#mergeRow-gdpr {
margin-top: 20px;
}

#mergeRow-gdpr fieldset label {
font-weight: normal;
}

#mc-embedded-subscribe-form .mc_fieldset{
border:none;
min-height: 0px;
padding-bottom:0px;
}

.preloader-container {
    opacity: 1;
    transition: opacity 1s; /* Fade-out effect */
}

.content {
    opacity: 0;
    transition: opacity 1s; /* Fade-in effect */
}

.extra:hover {
    opacity: 0.5;
}

.extra {
    opacity: 1;
    transition: opacity .5s;
}

.preloader-container {
    cursor: progress;
}


.splide__arrow {
    -webkit-tap-highlight-color: transparent;
}


#nav-button {
    -webkit-tap-highlight-color: transparent;
}

.button:hover {
opacity: 0.3;
}

.slc {
    height: 100dvh !important;
}



}