@charset "UTF-8";

@import url("reset.css?v1");
@import url("fonts.css");
@import url("swiper-bundle.min.css");


:root{
    
    --app-height: 100vh;
    --app-width: 100vw;
    --headroom-height: auto;
    
  
    --c0: #FFFFFF; 
    --c1: #10164F; 
    --c2: #304FFE; 
    --c3: #000000; 
    --c4: #EAEDFF; 
    --c5: rgba(255,255,255,.3); 
    --c6: rgba(0,0,0,.1); 
    --c7: rgba(255,255,255,.5); 
    --c8: rgba(16,22,79,.3); 
    --c9: rgba(16,22,79,.2); 
    --c10: #CFD0DC; 
    --c11: rgba(16,22,79,.6); 
    --c12: #B71D1C;
    
    --wr: 50rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 20rem;
    --sl: max(1px, 1rem);
    
    --br1: 8rem;
    --br2: 10rem;
    --br3: 12rem;
    --br4: 14rem;

    
    --f-xs: max(12px, 14rem);
    --f-s: max(14px, 16rem);
    --f-d: max(14px, 20rem);
    --f-m: max(14px, 22rem);
    --f-b: max(14px, 24rem);
    --f-b1: max(14px, 50rem);
    --f-b2: max(14px, 36rem);
    --f-b3: max(14px, 32rem);
    --f-l: max(14px, 80rem);
    --f-xl: max(14px, 140rem);
    --f-xl1: max(14px, 190rem);
    --f-xxl: max(14px, 240rem);
    
    --mw: 19200px; 
    
    
    --banner-height: 100rem;
    
}

@keyframes ticker {
    0% {
        transform: translate(0,0);
    }
    100% {
        transform: translate(-100%,0);
    }
}

@keyframes preloaderline {
	0%
	{
		height: 33vh;
	}
	50%{
		height: 20vh;
	}
	100%
	{
		height: 0vh;
	}
}


/* globals */

@media screen {
    

    *::-moz-selection{background-color: var(--c2);color: var(--c0);-webkit-background-clip: none;-webkit-text-fill-color: var(--c0);}
    *::selection{background-color: var(--c2);color: var(--c0);-webkit-background-clip: none;-webkit-text-fill-color: var(--c0);}

    .s3 *::-moz-selection,
    .footer *::-moz-selection{background-color: var(--c0);color: var(--c2);-webkit-background-clip: none;-webkit-text-fill-color: var(--c2);}
    .s3 *::selection,
    .footer *::selection{background-color: var(--c0);color: var(--c2);-webkit-background-clip: none;-webkit-text-fill-color: var(--c2);}

    html{font-size: 0.052vw;background-color: var(--c0);}

    .document{font-weight: 400;font-family: 'Noto Sans', sans-serif;font-size: var(--f-d);line-height: 1.2;color: var(--c1);background-color: var(--c0);letter-spacing: normal;}
    
    .popup-active{}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
    
    .preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0; z-index: 9999;visibility: hidden;opacity: 1;transition: all 1s 1s;display: flex;will-change: transform;overflow: hidden;pointer-events: none;transform: translateY(-100%);}
    .preloader-inner{height: var(--app-height);display: grid;grid-template-rows: 1fr auto 1fr;padding: 70rem 0;grid-template-areas: "." "p1" "p2";overflow: hidden;grid-template-columns: auto;}
    .preloader-title{grid-area: p1;white-space: nowrap;text-align: center;overflow: hidden;width: 100%;font-size: var(--f-l);height: 1em;}
    .preloader-title .swiper{height: 100%;}
    .preloader-title-blue{color: var(--c2);}
    
    .preloader-perc{grid-area: p2;text-align: center;margin-top: auto;font-family: sans-serif;}
    .preloader-perc::after{content: "%";}
    .preloader-bar{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;will-change: transform;transform: translateY(100%);}
    .preloader-bar-blue{background-color: var(--c2);}
    .preloader-bar-white{background-color: var(--c0);visibility: hidden;}
     
    .preloader-scene-1 .preloader-title-1 .mask-appear-inner{transform: translateY(0);}
    .preloader-scene-2 .preloader-title-1 .mask-appear-inner{transform: translateY(-100%);}
    .preloader-scene-2 .preloader-title-2 .mask-appear-inner{transform: translateY(0);}
    .preloader-scene-30 .preloader-title-2 .mask-appear-inner{transform: translateY(-100%);transition-delay: .5s!important;}
    
    .preloader-scene-3 .preloader-bar-blue{transition: transform .75s;transform: translateY(0);}
    .preloader-scene-4 .preloader-bar-white{transition: transform .75s;transform: translateY(0);}
    .preloader-scene-4{}
    
    .loading{pointer-events: none;overflow: hidden;}
    .loading .preloader{transition-duration: 0s;transform: translateY(0);visibility: visible;}
    .loading .container{visibility: hidden;}
    
    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .player-video{max-width: none;}
    
    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;position: relative;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;padding: 0 .1em;}
    
    .button__main{background-color: var(--c2);color: var(--c0);padding: 0 50rem;height: max(50px, 75rem);border-radius: var(--br4);}
    .button__main .button-text{font-size: var(--f-m);font-weight: 900;text-transform: uppercase;line-height: 1.1;letter-spacing: -.02em;}
    .button__secondary{background-color: var(--c0);color: var(--c1);padding: 0 30rem;height: max(45px, 55rem);border-radius: var(--br2);}
    .button__wide{width: 100%;}
    .button__clear{background-color: transparent;padding: 0 50rem;height: max(50px, 75rem);border-radius: var(--br4);border: var(--sl) solid var(--c2);}
    .button__clear .button-text{font-size: var(--f-m);font-weight: 900;text-transform: uppercase;line-height: 1.1;letter-spacing: -.02em;}
     
    .altfont,
    .timer-delimiter,
    .countdown-timer,
    .title,
    .textbox h2,
    .textbox h3{line-height: .9;font-weight: 700;width: 100%;font-family: 'FWC26', 'Noto Sans', sans-serif;}
    .title{text-transform: uppercase;}
    .title__small{font-size: var(--f-l);}
    .title__default{font-size: var(--f-xl);}
    .title__section{font-size: var(--f-xl1);}
    .title__large{font-size: var(--f-xxl);}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{position: fixed;left: 0;top: 0;z-index: 100;width: 100%;color: var(--c1);transition: color .25s;}
    
    .topbar{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;align-items: center;transition: opacity .75s;}
    .topbar-nav{font-size: var(--f-s);font-weight: 700;text-transform: uppercase;letter-spacing: 0;padding: 30rem 0;position: relative;z-index: 2;}
    .topbar-nav__left{margin-right: auto;}
    .topbar-nav__right{margin-left: auto;}
    .topbar-nav > ul{display: grid;grid-auto-flow: column;grid-gap: 30rem;align-items: center;}
    .topbar-logo{max-width: 160rem;display: flex;position: relative;align-items: flex-start;justify-content: center;height: 100rem;z-index: 1;}
    .topbar-logo-inner{padding: 0;position: relative;flex: none;width: 100%;overflow: hidden;min-width: 160rem;display: flex;align-items: center;aspect-ratio: 160/100;pointer-events: none;}
    .topbar-logo-back,
    .topbar-logo-front{aspect-ratio: 1115/428;width: 100%;overflow: hidden;position: relative;}
    .topbar-logo-back{position: absolute;opacity: 0;z-index: 1;transition: opacity .15s;}
    .topbar-logo-back img{object-position: left;}
    
    .videoObject{background-color: currentColor;}
    
    
    .main{flex: auto;display: flex;flex-direction: column;}
   
    .section{position: relative;z-index: 1;overflow: clip;padding: 200rem 0;}
    .section:only-child{flex: auto;}
    
    
    .section-header{display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 90rem;}
    .section-header:last-child{margin-bottom: 0;}
    .section-header-pretitle{margin-bottom: 30rem;}
    .section-header-title{width: 100%;}
    .section-header-subtitle{margin-top: 30rem;max-width: 720rem;max-width: 80%;}
    .section-header-subtitle__alt{color: var(--c11);}
    .section-header-subtitle__alt b{color: var(--c1);font-weight: inherit;}
    .section-header-action{margin-top: 60rem;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    .formbox-footer{margin-top: 60rem;}
    
    .textfield{width: 100%;display: flex;position: relative;min-height: max(55px, 70rem);}
    .textfield:focus-within{}
    .textfield-input{text-overflow: ellipsis;padding: 20rem 20rem;position: relative;flex: auto;resize: none;z-index: 1;width: 100%;transition: border-color .15s;border-radius: var(--br3);border: var(--sl) solid var(--c5);}
    .textfield-input:focus{border-color: var(--c0);}
    
    .textfield-error{color: #dc3232;margin-top: 10rem;font-size: var(--f-s);}
    
    #section-form .wpcf7-form-control-wrap{flex-direction: column;}
    
    .selector{user-select: none;}
    .selector-holder{border-radius: var(--br3);min-height: max(55px, 70rem);border: var(--sl) solid var(--c5);display: flex;overflow: hidden;align-items: center;cursor: pointer;padding: 0 20rem;color: var(--c0);}
    .selector-holder-input{flex: auto;overflow: hidden;text-overflow: ellipsis;min-width: 0;pointer-events: none;padding: 20rem 0;}
    .selector-holder-icon{flex: none;margin-left: 10rem;display: flex;width: max(10px, 14rem);height: max(10px, 14rem);align-items: center;justify-content: center;}
    
    .selector.active .selector-holder{background-color: var(--c0);color: var(--c1);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .selector.active .selector-holder-icon{transform: scaleY(-1);}
    
    .selector-list{background-color: var(--c0);position: absolute;width: 100%;z-index: 999;overflow: auto;max-height: 600rem;padding: 0;display: grid;grid-template-columns: auto;grid-gap: 0;border-radius: 0 0 var(--br3) var(--br3);}
    .selector-list:not(.active){visibility: hidden;opacity: 0;}
    .selector-option{position: relative;border-bottom: var(--sl) solid var(--c6);}
    .selector-option:last-child{padding-bottom: 20rem;border-bottom: none;}
    .selector-option-inner{padding: 15rem 20rem;}
    .selector-option-inner:not(.active){cursor: pointer;}
    .selector-option-inner.active{color: var(--c2);pointer-events: none;}
    
    .selector-message{font-size: var(--f-s);padding-top: 10rem;}
    .selector-message:not(.active){display: none;}
    .selector-message a{text-decoration: underline;}
    
    .footer{overflow: hidden;margin-top: 0;background-color: var(--c2);color: var(--c0);position: relative;z-index: 1;padding: 140rem 0 20rem;}
    .footer-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 280rem var(--gap);align-items: flex-start;}
    .footer-form{max-width: 550rem;}
    .footer-form-caption{margin-bottom: 25rem;}
    .footer-form-container{display: grid;grid-template-columns: 1fr auto;grid-gap: 15rem 10rem;}
    .footer-form-cell{display: flex;}
    .footer-form-cell .textfield-input{padding: 0 20rem;}
    .footer-nav{display: flex;align-items: flex-start;line-height: 1;}
    .footer-nav-title{margin-bottom: .6em;color: var(--c7);}
    .footer-nav-col:not(:last-child){padding-right: 150rem;}
    .footer-nav ul{display: grid;grid-template-columns: auto;grid-gap: .6em;}
    .footer-form-message{}
    
    .footer-form-wrapper:not(.success) .footer-form-message{visibility: hidden;}
    
    .footer-runner{grid-column: 1/-1;}
    
    .marquee{white-space: nowrap;display: inline-flex;justify-content: flex-start;}
    .marquee-container{display: inline-flex;align-items: center;height: 350rem;}
    .marquee-container img{height: 100%;width: auto;max-width: none;}
    .marquee-container::after{content: "";width: 30rem;height: 30rem;background-color: currentColor;border-radius: 50%;margin: 0 70rem;}
    
    
    .runner-end, 
    .runner-start{animation: 25s linear infinite ticker;display: flex;will-change: transform;transition: transform .01s;}
    
    
    .bottombar{margin-top: 35rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;color: var(--c7);}
    .bottombar-author{display: flex;align-items: baseline;}
    .bottombar-author a{color: var(--c0);}
    .bottombar-author sup{font-size: var(--f-xs);margin-bottom: calc(var(--f-d) - 1em);}
    
    .dd-icon{width: 1.2em;height: 1em;margin: 0 .3em;color: var(--c0);display: inline-flex;align-items: center;justify-content: center;}
    .dd-icon .icon{width: 100%;}
    
    .mask-appear{position: relative;display: inline-block;}
    .mask-appear-wrapper{display: block;position: relative;overflow: hidden;z-index: 1;}
    .mask-appear-inner{display: block;transition: transform .5s .5s;will-change: transform;}
    
    .nobr{white-space: nowrap;}
    
    .scrl{position: relative;overflow: hidden;white-space: nowrap;display: inline-flex;align-items: flex-start;padding: 0 .05em;margin: 0 -.05em;height: 1.2em;}
    .scrl-inner{display: grid;grid-template-columns: auto;height: 1.2em;}
    .scrl-inner *{line-height: 1!important;height: 1.2em;display: inline-flex;align-items: center;}
    
    
    .textbox h2,
    .textbox h3{margin: 45rem 0 15rem;font-size: var(--f-b);text-transform: uppercase;font-weight: 900;line-height: 1.2;}
    .textbox h2:first-child,
    .textbox h3:first-child{margin-top: 0;}
    .textbox ul li{position: relative;padding-left: 1.5em;}
    .textbox ul li::before{content: "\2022";width: 1.5em;top: 0;left: 0;text-align: center;position: absolute;}
    
    .tabs{overflow: hidden;}
    .tabs ul{display: flex;flex-wrap: wrap;margin: -5rem;}
    .tabs li{margin: 5rem;padding: 15rem 25rem;border-radius: var(--br2);position: relative;z-index: 1;}
    .tabs li::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;border-radius: inherit;border: var(--sl) solid;opacity: .2;}
    .tabs li.red{color: var(--c12);}
    
    
    .carousel-button{width: max(50px, 64rem);height: max(50px, 64rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border: var(--sl) solid;border-radius: var(--br3);padding: 20rem;}
    .swiper-button-disabled{opacity: .3;pointer-events: none;}
    
    .carousel-buttons-wrapper{display: flex;justify-content: center;}
    .carousel-buttons-wrapper .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: var(--gap);}
    .carousel-buttons-wrapper .carousel-button{border-color: var(--c9);}
    
    .fc-header-toolbar{margin-bottom: 75rem;display: grid;grid-template-columns: auto 1fr auto;grid-gap: 50rem;align-items: center;}
    .fc-toolbar-title{font-weight: 900;font-family: 'FWC26', 'Noto Sans', sans-serif;text-transform: uppercase;font-size: var(--f-b);}
    .fc-prev-button,
    .fc-next-button{flex: none;width: max(48px, 56rem);height: max(48px, 56rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border: var(--sl) solid var(--c10);border-radius: var(--br3);background-size: auto 40%;}
    .fc-prev-button{padding-right: 2rem;}
    .fc-next-button{padding-left: 2rem;margin-left: 10rem;}
    .fc-prev-button .fc-icon,
    .fc-next-button .fc-icon{width: 40%;height: 40%;flex: none;background-position: center;background-repeat: no-repeat;background-size: contain;}
    .fc-prev-button .fc-icon{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.152343 8.83653L8.41476 17.0989C9.69333 15.8204 9.69333 13.747 8.41476 12.4684L4.78286 8.83653L10.7967 2.82266L8.48188 0.507813L0.152343 8.83653Z' fill='%2310164F'%3E%3C/path%3E%3C/svg%3E%0A");}
    .fc-next-button .fc-icon{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1719 8.83653L2.90946 17.0989C1.63089 15.8204 1.63089 13.747 2.90946 12.4684L6.54136 8.83653L0.527492 2.82266L2.84234 0.507813L11.1719 8.83653Z' fill='%2310164F'%3E%3C/path%3E%3C/svg%3E");}
    .fc-today-button{min-width: max(48px, 56rem);height: max(48px, 56rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: var(--br3);background-color: var(--c2);color: var(--c0);padding: 0 25rem;text-transform: capitalize;margin-right: 25rem;}
    .fc-toolbar-chunk{display: flex;align-items: center;}
    .fc-toolbar-chunk:nth-child(1) .fc-button-group{order: 1;}
    .fc-toolbar-chunk:nth-child(3) .fc-button-group{box-shadow: inset 0 0 0 var(--sl) var(--c10);border-radius: var(--br3);}
    .fc-toolbar-chunk:nth-child(3) .fc-button-primary{min-width: max(48px, 56rem);height: max(48px, 56rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: var(--br3);padding: 0 25rem;text-transform: capitalize;}
    .fc-toolbar-chunk:nth-child(3) .fc-button-active{background-color: var(--c2);color: var(--c0);pointer-events: none;}
    
    
    .fc .fc-button-primary:not(:disabled):active{background-color: transparent;color: var(--c1);border-color: transparent;}
    .fc .fc-button-primary:focus{box-shadow: none!important;}
    
    .fc-button-group{display: flex;}
    .fc-day-other{opacity: .5;}
    .fc-daygrid-day-top{margin-bottom: 30rem;border-bottom: var(--sl) solid var(--c10);padding-bottom: 20rem;text-align: center;font-weight: 900;font-family: 'FWC26', 'Noto Sans', sans-serif;text-transform: uppercase;}
    .fc-daygrid-day-events{display: grid;grid-template-columns: auto;}
    .fc-daygrid-event-harness{padding-left: 15rem;position: relative;}
    .fc-daygrid-event-harness:not(:first-child){margin-top: 15rem;}
    .fc-daygrid-event-harness::before{content: "";position: absolute;left: 0;top: .6em;width: 7rem;height: 7rem;background-color: var(--c2);margin-top: -3.5rem;}
    .fc-daygrid-event-harness *{display: inline;}
    .fc-daygrid-day-bottom{display: none;}
    .fc table{width: 100%;border-collapse: collapse;border-spacing: 0;border-width: 0;table-layout: fixed;}
    .fc th th{font-weight: 900;font-family: 'FWC26', 'Noto Sans', sans-serif;text-transform: uppercase;font-size: var(--f-xs);text-align: center;padding: 12rem 0;border: var(--sl) solid var(--c10);border-bottom: none;}
    .fc table table td{border: var(--sl) solid var(--c10);padding: 20rem 20rem 30rem;vertical-align: top;}
    
    .dropdown{position: relative;padding: 15rem 0;display: flex;align-items: center;}
    .dropdown-icon{flex: none;width: max(10px, 12rem);height: max(8px, 10rem);margin-left: 10rem;display: flex;align-items: center;justify-content: center;}
    .dropdown ul{top: 100%;left: 0;position: absolute;display: grid;grid-template-columns: auto;width: 100%;min-width: 210rem;background-color: var(--c0);color: var(--c1);box-shadow: 0 0 0 var(--sl) var(--c9);}
    .dropdown ul li{position: relative;}
    .dropdown ul li::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;outline: var(--sl) solid var(--c1);opacity: 0;}
    .dropdown ul li:not(:first-child){border-top: var(--sl) solid var(--c9);}
    .dropdown ul a{padding: 15rem;display: block;}
    
    .player-container{position: relative;}
    .player-container::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: #000;opacity: .2;transition: opacity .15s;}
    .player-button{display: flex;align-items: center;justify-content: center;width: 90rem;height: 90rem;color: var(--c0);position: absolute;top: 50%;left: 50%;z-index: 2;margin: -45rem 0 0 -45rem;pointer-events: none;}
    
    .player-container.active::after{opacity: 0;}
    .player-container.active .player-button{display: none;}
    
    .page-pattern{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
    
    .popup-modal{position: fixed;top: 50%;left: 50%;width: 100%;max-width: 450rem;background-color: var(--c2);color: var(--c0);transform: translate(-50%, -50%);z-index: 999;visibility: hidden;padding: 36rem 36rem 72rem;display: flex;flex-direction: column;}
    .popup-modal-close{width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;margin-left: auto;cursor: pointer;}
    .popup-modal-header{font-weight: 900;font-family: 'FWC26', 'Noto Sans', sans-serif;text-transform: uppercase;font-size: var(--f-b);margin: 24rem 0 16rem;}
    .popup-modal-content{color: var(--c7);}
    .popup-modal-content b{color: var(--c0);font-weight: inherit;}
    
    .popup-overlay{background-color: var(--c3);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;opacity: 0;transition: opacity .5s;pointer-events: none;}
    
    .popup-modal.active{visibility: visible;}
    .popup-modal.active ~ .popup-overlay{opacity: .7;pointer-events: all;}
    
    .banner{height: var(--banner-height);position: relative;overflow: hidden;background-image: linear-gradient(to right, #57B6B2, #57B6B2 50%, #001E61 50%, #001E61);}
    
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;width: 100%;}
  
    .card-1{background-color: var(--c2);color: var(--c0);padding: 30rem;}
    .card-1 .card-header{margin-bottom: auto;}
    .card-1 .card-footer{margin-top: 30rem;}
    .card-1 .card-footer .button{background-color: var(--c0);color: var(--c2);}
    
    .card-2 .card-header{display: flex;position: relative;background-color: var(--c4);align-items: flex-start;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 120%;}
    .card-2 .card-header-icon{position: relative;margin: 20rem;display: flex;align-items: center;justify-content: center;width: max(40px, 54rem);height: max(40px, 54rem);z-index: 2;}
    .card-2 .card-header-icon .button{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 12rem;color: var(--c0);background-color: var(--c2);border-radius: 5rem;}
    .card-2 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
    .card-2 .card-media img{object-position: top;}
    .card-2 .card-content{margin-top: 30rem;max-width: 380rem;}
    .card-2 .card-title{font-size: var(--f-b);font-weight: 900;text-transform: uppercase;}
    .card-2 .card-subtitle{font-size: var(--f-s);margin-top: 5rem;opacity: .6;}
    
    .card-3 .card-header{display: flex;position: relative;overflow: hidden;padding: 20rem;z-index: 1;max-height: 570rem;}
    .card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .card-3 .card-header-icon{background-color: var(--c0);color: var(--c1);width: max(48px, 56rem);height: max(48px, 56rem);display: flex;align-items: center;justify-content: center;padding: 15rem;}
    .card-3 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    .card-3 .card-content{margin-top: 30rem;max-width: 680rem;}
    .card-3 .card-title{font-size: var(--f-b);font-weight: 900;text-transform: uppercase;}
    .card-3 .card-subtitle{margin-top: 15rem;color: var(--c11);max-width: 380rem;}
    .card-3 .card-subtitle:last-child{padding-bottom: 10rem;}
    .card-3 .card-subtitle a{text-decoration: underline;color: var(--c1);}
    .card-3 .card-subtitle b{color: var(--c1);font-weight: inherit;}
    .card-3 .card-action{margin-top: 40rem;}
   
    .card-4{flex-direction: row;}
    .card-4::before{content: "";flex: none;width: 0;padding-top: 110%;}
    .card-4 .card-header{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    .card-4 .card-header::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0,0,0,.5);}
    .card-4 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-4 .card-inner::before{content: "";}
    .card-4 .card-inner{color: var(--c0);padding: 30rem;display: grid;grid-template-rows: 1fr auto 1fr;grid-gap: 30rem;grid-template-columns: auto;width: 100%;}
    .card-4 .card-content{display: flex;flex-direction: column;align-items: center;}
    .card-4 .card-action{width: max(50px, 64rem);height: max(50px, 64rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border: var(--sl) solid var(--c7);border-radius: var(--br3);padding: 20rem;margin-bottom: 20rem;}
    .card-4 .card-title{font-size: var(--f-b2);font-weight: 900;text-transform: uppercase;text-align: center;}
    .card-4 .card-footer{margin-top: auto;height: 80rem;position: relative;}
    
    .card-5{background-color: var(--c4);color: var(--c1);padding: 30rem;align-items: center;}
    .card-5 .card-action{width: max(36px, 44rem);height: max(36px, 44rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border: var(--sl) solid var(--c9);border-radius: var(--br1);padding: 15rem;margin-left: auto;margin-bottom: 10rem;}
    .card-5 .card-media{position: relative;width: 100%;height: 100rem;}
    .card-5 .card-title{margin-top: 50rem;flex: auto;text-align: center;width: 100%;opacity: .5;font-size: var(--f-s);max-width: 320rem;}
    
    .card-6{background-color: var(--c4);color: var(--c1);padding: 30rem;flex-direction: row;}
    .card-6::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .card-6 .card-inner{display: flex;flex-direction: column;justify-content: space-between;}
    .card-6 .card-pretitle{margin-bottom: 50rem;opacity: .6;}
    .card-6 .card-title{max-width: 435rem;font-size: var(--f-b);}
    
    .card-7{background-color: var(--c4);color: var(--c1);padding: 40rem;}
    .card-7 .card-logo{height: 45rem;position: relative;width: 100%;margin-bottom: 40rem;}
    .card-7 .card-header{position: relative;overflow: hidden;display: flex;width: 100%;}
    .card-7 .card-header::before{content: "";width: 0;padding-top: 40%;flex: none;}
    .card-7 .card-content{margin-top: 40rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;}
    .card-7 .card-pretitle{opacity: .6;}
    .card-7 .card-title{max-width: 435rem;font-size: var(--f-b);order: -1;}
    
    .card-8{flex-direction: row;z-index: 1;}
    .card-8::before{content: "";flex: none;width: 0;padding-top: 120%;}
    .card-8 .card-header{position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;}
    .card-8 .card-content{padding: 25rem 30rem;}
    .card-8 .card-title{background-color: var(--c1);color: var(--c0);padding: 15rem;display: flex;align-items: center;min-height: max(40px, 60rem);border-radius: var(--br2);}
    
}

/* sections */

@media screen {
    
    .s1{padding: calc(var(--app-height) / 5) 0 0;margin-top: var(--app-height);}
    .s1-1{margin: 0 var(--awr);position: sticky;top: calc(var(--app-height) / 5);height: calc(var(--app-height) / 5 * 4);z-index: 1;}
    .s1-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c3);overflow: hidden;}
    .s1-3::after{content: "";display: block;height: 25vh;}
    
    .s2{background-color: var(--c0);color: var(--c1);padding: 0;transition: all .5s;}
    .s2.invert{background-color: var(--c1);color: var(--c0);}
    .s2-1{display: grid;grid-template-columns: auto 1fr auto;grid-gap: 0 var(--wr);grid-template-areas: "a1 a2 a3";position: sticky;top: 0;margin: 0 var(--awr);}
    .s2-2{display: flex;align-items: flex-start;padding-bottom: 100vh;}
    .s2-3,
    .s2-4,
    .s2-11{grid-area: a2;max-width: 1300rem;display: flex;align-items: center;margin: 0 auto;min-height: var(--app-height);padding: 200rem 0;pointer-events: none;}
    .s2-5,
    .s2-6{position: relative;display: flex;align-items: center;width: 0;}
    .s2-5{grid-area: a1;justify-content: flex-end;}
    .s2-6{grid-area: a3;justify-content: flex-start;}
    .s2-7{display: grid;grid-template-columns: auto;grid-gap: 40rem;grid-template-rows: 1fr 1fr;text-align: center;pointer-events: all;}
    .s2-7-1{display: flex;align-items: flex-end;justify-content: center;overflow: hidden;}
    .s2-7-2{display: flex;align-items: flex-start;justify-content: center;max-width: 600rem;margin: 0 auto;transition: opacity .5s 1s;}
    .s2-7-2 a{text-decoration: underline;}
    .s2-8{position: relative;overflow: hidden;display: flex;width: 62.5vw;flex: none;max-width: var(--app-height);}
    .s2-8::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s2-8 img{will-change: transform;}
    
    .s2-5 .s2-8{transform: translateX(20%);}
    .s2-5 .s2-8 img{transform: rotate(90deg);}
    .s2-6 .s2-8{transform: translateX(-20%);}
    .s2-6 .s2-8 img{transform: rotate(-90deg);}
    .s2-7.hidden{pointer-events: none;}
    .s2-7.hidden .s2-7-1 .mask-appear-inner{transform: translateY(100%);transition-delay: 0s!important;text-align: center;}
    .s2-7.hidden .s2-7-2{opacity: 0;transition-delay: 0s;}
    
    .s2-9{height: 350vh;display: flex;flex-direction: column;position: relative;z-index: 1;opacity: .5;}
    
    .scene-trigger{visibility: visible;width: 20rem;}
    
    .scene-trigger{flex: 1;width: var(--sl);visibility: hidden;}
    .scene-trigger:nth-child(odd){background: red;}
    .scene-trigger:nth-child(even){background: pink;}
    
    
    .s2-9-1{flex: 2;}
    
    .s2-10{padding: 150vh 100rem 0;width: 100%;display: flex;flex-direction: column;}
    .s2-10-1{width: 420rem;}
    .s2-10-2{width: 375rem;margin-left: auto;}
    .s2-10-3{width: 480rem;margin-left: 215rem;margin-top: 300rem;}
    
    .s3{background-color: var(--c2);color: var(--c0);padding: 0;}
    .s3-1{min-height: var(--app-height);display: flex;padding: 300rem 0;}
    .s3-2{margin-top: auto;}
    .s3-2 .timer{font-size: var(--f-xxl);display: flex;align-items: center;margin-right: -.3em;line-height: 1;user-select: none;}
    .s3-2 .timer-val{text-align: right;min-width: 1.4em;position: relative;flex: none;padding-right: .3em;}
    .s3-2 .timer-val::after{content: attr(title);position: absolute;top: 100%;left: 50%;white-space: nowrap;transform: translateX(-50%);font-size: var(--f-d);}
    .s3-2 .timer-delimiter{padding-left: 0em;}
    .s3-2 .countdown-timer{}
    .s3-3{text-transform: uppercase;margin-top: 75rem;border-top: var(--sl) solid var(--c5);padding-top: 20rem;}
    .s3-4{text-align: center;display: flex;flex-direction: column;margin: auto;}
    .s3-5,
    .s3-6{position: absolute;left: 0;width: 100%;z-index: 1;height: 230rem;}
    .s3-5{top: -1px;}
    .s3-6{bottom: -1px;}
    .s3-5-1,
    .s3-6-1{height: 100%;width: 100%;position: absolute;left: 0;background-size:  auto 230rem;background-repeat: no-repeat;}
    .s3-5-1{background-image: url(../img/timer-top-a.svg);background-position: top;top: 0;}
    .s3-6-1{background-image: url(../img/timer-bottom-a.svg);background-position: bottom;bottom: 0;}
    
    .s4{background-color: var(--c0);}
    .s4-2{display: flex;flex-direction: column;align-items: center;text-align: center;}
    .s4-2-2{margin-top: 10rem;}
    .s4-2-2 a{text-decoration: underline;}
    .s4-3{display: grid;grid-template-columns: auto;grid-gap: 8rem;margin-top: 60rem;}
    .s4-4{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0 50rem;align-items: center;background-color: var(--schedule-row-bg, var(--c4));border-radius: var(--br4);padding: 20rem 50rem;position: relative;overflow: hidden;}
    .s4-4__a{--schedule-row-bg: var(--c4);}
    .s4-4__b{--schedule-row-bg: var(--c2);color: var(--c0);}
    .s4-4__c{--schedule-row-bg: var(--c1);color: var(--c0);}
    .s4-5{font-weight: 900;font-size: var(--f-b);}
    .s4-6{font-weight: 900;font-size: var(--f-b);text-align: center;}
    .s4-7{display: flex;align-items: center;justify-content: flex-end;}
    .s4-7-2{display: flex;align-items: center;justify-content: center;width: max(50px, 64rem);height: max(50px, 64rem);padding: 15rem;border-radius: 50%;overflow: hidden;background-color: currentColor;flex: none;margin-left: 20rem;}
    .s4-7-2 .icon{color: var(--schedule-row-bg);}
    
    .s4-4__a .s4-7.disabled .s4-7-1{color: var(--c8);}
    .s4-4__b .s4-7.disabled .s4-7-1,
    .s4-4__c .s4-7.disabled .s4-7-1{color: var(--c5);}
    .s4-7.disabled .s4-7-2{opacity: .3;}
    
    .s5{background-color: var(--c1);color: var(--c0);padding: 0;}
    .s5-1{margin: 0 var(--awr);max-height: 1031rem;position: relative;padding: 100rem var(--wr);flex: auto;}
    .s5-1-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, var(--c1), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, var(--c1));opacity: 1;}
    .s5-1-1 img{object-position: center;}
    .s5-1-2{position: relative;z-index: 1;text-align: center;}
    .s5-1-3{position: absolute;bottom: 68.5%;left: calc(1014 * 100% / 3840);z-index: 1;display: flex;align-items: flex-end;justify-content: center;width: 0;height: var(--sl);}
    .s5-1-3 .marker{flex: none;width: 95rem;display: flex;align-items: flex-end;}
    .s5-1-4{position: absolute;bottom: 12.5%;left: 32.5%;z-index: 1;display: flex;align-items: flex-end;justify-content: center;width: 0;height: var(--sl);}
    .s5-1-4 .marker{flex: none;width: 55rem;display: flex;align-items: flex-end;}
    .s5-2{padding: 0 0 70rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);flex: none;}
    .s5-3{display: grid;grid-template-columns: auto 1fr;grid-gap: 70rem;align-items: flex-start;}
    .s5-4{color: var(--c5);}
    .s5-5{display: grid;display: flex;flex-wrap: wrap;margin: -10rem;}
    .s5-6{margin: 10rem;position: relative;}
    .s5-6-1{border: var(--sl) solid var(--c5);padding: 15rem 25rem;border-radius: var(--br2);}
    .s5-6-2{position: absolute;top: 100%;left: 0;width: 100%;text-align: center;font-size: var(--f-xs);margin-top: 5rem;opacity: .5;user-select: none;}
    .s5-7{min-height: var(--app-height);display: flex;flex-direction: column;}
    
    .s6{background-color: var(--c0);}
    .s6-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s6-2{padding-bottom: 50rem;grid-column: 1/3;}
    .s6-3{display: grid;margin-top: auto;grid-gap: var(--gap);}
    .s6-3-1{width: 100%;position: relative;border-radius: var(--br3);overflow: hidden;background-color: var(--c6);display: flex;}
    .s6-3-1::before{content: "";flex: none;width: 0;padding-top: 100%;}
    
    .s7{background-color: var(--c3);color: var(--c0);padding: 100rem 0 150rem;min-height: var(--app-height);}
    .s7-1{position: relative;z-index: 1;max-width: 800rem;width: 50%;}
    .s7-2{opacity: .7;}
    .s7-3-2{margin-top: 25rem;}
    .s7-4{margin-top: 35rem;}
    .s7-5{position: relative;z-index: 1;padding: 50rem 0;width: 100%;}
    
    .s7:not(.success) .s7-5,
    .s7.success .s7-1{display: none;}
    
    
    
    .s8{background-color: var(--c2);color: var(--c0);padding: 75rem 0;border-bottom: var(--sl) solid var(--c5);}
    .s8 + .s8{padding-top: 50rem;}
    .s8-1{display: flex;align-items: center;justify-content: space-between;margin: 0 -40rem;}
    .s8-2{margin: 0 40rem;}
    .s8-4{margin-bottom: 35rem;opacity: .5;}
    
    
    .s8 .swiper{overflow: visible;}
    .s8 .swiper-wrapper{transition-timing-function: linear !important;}
    .s8 .swiper-slide{height: 155rem;padding: 0 var(--wr);width: auto;}
    .s8 .swiper-slide img{height: 100%;width: auto;max-width: none;}
    
    .s9{padding: 75rem 0 50rem;border-bottom: var(--sl) solid var(--c5);}
    .s9-1{display: flex;align-items: center;justify-content: space-between;margin: 0 -40rem;}
    .s9-2{margin: 0 40rem;}
    .s9-4{margin-bottom: 35rem;opacity: .5;}
    
    .s404-1{display: flex;align-items: center;flex-direction: column;}
    .s404-2{width: 100%;display: flex;position: relative;overflow: hidden;max-width: 760rem;}
    .s404-2::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s404-3{margin-top: 50rem;text-align: center;font-size: var(--f-b1);font-weight: 700;}
    .s404-4{margin-top: 15rem;max-width: 400rem;text-align: center;}
    .s404-5{margin-top: 45rem;}
    
    .s10-1{}
    .s10-3{margin-top: 25rem;max-width: 1120rem;}
    
}


/* sections new */

@media screen {
    
    .section:first-child{padding-top: calc(200rem + var(--banner-height));}
 
    .section-inner{position: relative;z-index: 1;overflow-x: clip;padding-top: 240rem;}
    .section-inner:first-child{margin-top: 0;padding-top: calc(200rem + var(--banner-height));}
    .section-inner:not(.contrast):last-child{margin-bottom: 240rem;}
    
    .section-inner.contrast{background-color: var(--c1);color: var(--c0);}
    .section-inner.contrast + .section-inner.contrast{margin-top: 0;padding-top: 0;}
    .section-inner.contrast:not(:first-child){padding: 180rem 0;margin-top: 240rem;}
    .section-inner.s7:last-child{margin-bottom: 0;}
    
    .section-inner.contrast .card-3 .card-subtitle,
    .section-inner.contrast .card-3 .card-subtitle a{color: currentColor;}
    .section-inner.contrast .card-3 .card-action .button{background-color: var(--c0);color: var(--c1);}
    
    .s4-8{display: flex;justify-content: center;flex-wrap: wrap;margin: -10rem -20rem;}
    .s4-9{margin: 10rem 20rem;display: flex;align-items: center;}
    .s4-9-1{width: max(32px, 34rem);height: max(32px, 34rem);flex: none;border-radius: 50%;background-color: var(--c1);color: var(--c0);margin-right: 12rem;display: flex;align-items: center;justify-content: center;padding: 8rem;}
    .s4-9-2 a{text-decoration: underline;}
    .s4-10{margin: 90rem 0;overflow: hidden;}
    
    .section-inner.s5 .s5-1{padding-top: 0;}
    .section-inner.s5 .s5-8{margin-top: auto;}
    
    .s5-8{margin: 0 var(--awr) 0;position: relative;min-height: 140rem;}
    .s5-8-1{position: absolute;bottom: -1px;left: 0;width: 100%;height: 100%;}
    .s5-8-1 img{max-width: none;max-height: none;position: absolute;top: 0;left: 0;width: auto;height: 100%;}
    
    .s7.contrast{background-color: var(--c3);}
    
    .s11:first-child{}
    .s11-1{margin: 90rem var(--awr) 0;position: relative;min-height: 140rem;}
    .s11-1:first-child{margin-top: 0;}
    .s11-2{position: absolute;left: 0;width: 100%;z-index: 1;height: 140rem;bottom: -1px;pointer-events: none;}
    .s11-2-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s11-2-1 img{max-width: none;max-height: none;position: absolute;top: 0;left: 0;width: auto;height: 100%;}
    .s11-3{position: relative;overflow: hidden;display: flex;width: 100%;}
    .s11-3::before{content: "";flex: none;width: 0;padding-top: 25%;} 
    
    .s11-4{overflow: hidden;}
    .s11-4 ul{display: flex;justify-content: center;flex-wrap: wrap;margin: -10rem -15rem;}
    .s11-4 li{margin: 10rem 15rem;}
    .s11-4 li::before{background-color: currentColor;}
    
    .s11-5{display: flex;flex-direction: column;}
    
    .s12-2{margin-top: 40rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);counter-reset: index;}
    .s12-3{display: flex;background-color: var(--c4);padding: 30rem;}
    .s12-3::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .s12-4{display: flex;flex-direction: column;align-items: flex-start;}
    .s12-4::before{content: counter(index, decimal-leading-zero);counter-increment: index;font-size: var(--f-b);margin-bottom: 100rem;display: flex;align-items: center;justify-content: center;text-align: center;padding: 10rem;min-width: max(48px, 56rem);min-height: max(48px, 56rem);background-color: var(--c1);color: var(--c0);}
    .s12-4-1{margin-top: auto;max-width: 470rem;font-size: var(--f-b);text-transform: uppercase;font-weight: 900;line-height: 1.2;}
    
    .s13-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 60rem var(--gap);}
    
    .s14{}
    .s14-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);margin-bottom: 120rem;}
    .s14-1-2{max-width: 500rem;}
    .s14-2{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    .s14-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s14-4{position: relative;display: flex;z-index: 1;padding: 50rem 100rem;background-color: var(--c4);}
    .s14-5{position: relative;display: flex;overflow: hidden;}
    .s14-5::before{content: "";flex: none;width: 0;padding-top: 85%;}
    .s14-6{display: grid;grid-template-columns: auto;text-align: center;margin: 0 auto;grid-template-rows: 1fr auto 1fr;grid-gap: 30rem;}
    .s14-7{font-size: var(--f-b);user-select: none;}
    .s14-7-2{opacity: .5;}
    .s14-8{display: flex;flex-direction: column;align-items: center;}
    .s14-8-1{font-size: var(--f-b2);font-weight: 900;line-height: 1.2;text-transform: uppercase;}
    .s14-8-2{margin-top: 20rem;max-width: 500rem;}
    .s14-8-3{margin-top: 30rem;}
    .s14-8-3 .tabs ul{justify-content: center;}
    
    .s14-3:only-child .s14-6{grid-template-rows: auto;margin: auto;}
    .s14-3:only-child .s14-7{display: none;}
    
    .s14.contrast .s14-4{background-color: transparent;}
    .s14.contrast .s14-4::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background-color: currentColor;opacity: .1;}
    
    .s15 .section-header{text-align: left;margin-bottom: 60rem;}
    .s15-1{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: var(--gap);}
    .s15-2{position: relative;}
    .s15-2:first-child{margin-right: 30rem;}
    .s15-2:last-child{margin-left: 30rem;}
    .s15-2-1{position: relative;overflow: hidden;display: flex;}
    .s15-2-1::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s15-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);}
    .s15-4{grid-column: 1/-1;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s15-5{grid-column-start: 1;margin-top: 35rem;}
    .s15-6{grid-column-start: 1;margin-top: 20rem;user-select: none;opacity: .6;font-size: var(--f-s);max-width: 360rem;}
    .s15-7{display: flex;flex-direction: column;justify-content: space-between;}
    .s15-8{margin-top: 30rem;display: grid;grid-template-columns: auto;grid-gap: var(--gap);margin-right: auto;}
    .s15 .carousel-button{border-color: var(--c5);}
    
    .s16 .section-header{margin-bottom: 60rem;}
    .s16-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s16-2 ul{display: flex;justify-content: center;flex-wrap: wrap;margin: -10rem -15rem;}
    .s16-2 li{margin: 10rem 15rem;}
    .s16-2 li::before{background-color: currentColor;}
    
    .s16-2 + .s16-1{margin-top: 60rem;}
    
    .s17 .section-header{margin-bottom: 60rem;}
    .s17-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 50rem var(--gap);}
    
    .s18-1{margin: 120rem var(--awr) 0;background-color: var(--c4);display: flex;align-items: center;justify-content: center;padding: 60rem var(--wr);}
    .s18-1 img{width: 500rem;height: auto;max-height: none;box-shadow: 10rem 10rem 20rem rgba(0,0,0,.5);}
    
    .s19 .section-header{margin-bottom: 60rem;}
    .s19-1{margin-left: calc(-1 * var(--gap));}
    .s19-1 .swiper{width: 100%;overflow: visible;}
    .s19-1 .swiper-slide{padding-left: var(--gap);}
    
    .s20-1{background-color: var(--c4);padding: 150rem var(--wr);margin: 0 var(--awr);}
    .s20-2{height: 230rem;position: relative;width: 100%;display: flex;justify-content: center;}
    .s20-2 img{height: 100%;width: auto;}
    .s20-3{display: flex;justify-content: center;}
    .s20-3:not(:first-child){margin-top: 65rem;}
    .s20-4{margin: 0 35rem;position: relative;display: flex;height: 200rem;align-items: center;}
    .s20-4-1{position: absolute;top: 0;right: 0;width: 30rem;display: flex;}
    .s20-4-1 span{width: max(20px, 24rem);height: max(20px, 24rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border: var(--sl) solid var(--c9);border-radius: 4rem;padding: 8rem;margin: 0 auto;flex: none;}
    .s20-4-2{max-width: 265rem;position: relative;padding: 10rem max(30px, 30rem);width: 100%;display: flex;justify-content: center;}
    .s20-4-2 img{max-height: 150rem;}
    
    .footer-section .s20-1{background-color: var(--c2);color: var(--c0);border-bottom: var(--sl) solid var(--c5);padding-top: 75rem;padding-bottom: 75rem;}
    
    .s20-2{height: 160rem;}
    .s20-4{height: 140rem;flex: 1;justify-content: center;}
    .s20-4-2 img{max-height: 140rem;}
    .s20-4-2{padding: 0;max-width: 190rem;}
    .s20-4-1{display: none;}
    
    
    .s21-1{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;align-items: center;}
    .s21-2{margin-top: 90rem;}
    .s21-2{margin-left: calc(-1 * var(--gap));}
    .s21-2 .swiper{width: 100%;overflow: visible;}
    .s21-2 .swiper-slide{padding-left: var(--gap);}
    
    .s22 .section-header{margin-bottom: 60rem;}
    .s22-1{margin-left: calc(-1 * var(--gap));display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);}
    .s22-1-1{grid-column: 2/4;}
    .s22-1 .swiper{width: 100%;overflow: visible;}
    .s22-1 .swiper-slide{padding-left: var(--gap);}
    .s22-2{margin-top: 50rem;}
    
    .s23-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: center;}
    .s23-2{padding: 150rem 0;margin-right: 100rem;}
    .s23-2-2{margin-top: 30rem;}
    .s23-2-3{margin-top: 80rem;}
    .s23-3{grid-column: 2/4;padding: 150rem;background-color: var(--c4);display: flex;align-items: center;justify-content: center;}
    
    .s24 .section-header{margin: 0 auto 75rem;max-width: 1160rem;}
    .s24-1{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: 0 var(--gap);}
    .s24-2{grid-column: 1/-1;margin-bottom: 120rem;font-size: var(--f-b3);overflow: hidden;line-height: 1.2;}
    .s24-2 ul{display: flex;margin: 0 -100rem;}
    .s24-2 li{flex: auto;margin: 0 100rem;padding-left: 20rem;position: relative;}
    .s24-2 li::before{content: "";width: 10rem;height: 10rem;background-color: var(--c2);position: absolute;left: 0;top: .6em;margin-top: -5rem;}
    .s24-3{grid-column: 4/10;}
    .s24-3-1{margin-bottom: 30rem;user-select: none;opacity: .5;}
    .s24-3-3{margin-top: 70rem;}
    .s24-4{grid-column: 3/11;margin-top: 70rem;}
    .s24-5{margin-left: calc(-1 * var(--gap));}
    .s24-5 .swiper{width: 100%;overflow: visible;}
    .s24-5 .swiper-slide{padding-left: var(--gap);}
    .s24-5-1{display: flex;position: relative;overflow: hidden;}
    .s24-5-1::before{content: "";flex: none;width: 0;padding-top: 55%;}
    .s24-6{margin-top: 50rem;}
    
    .s25-2{padding: 0 var(--wr);margin: 0 var(--awr);display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: 30rem var(--gap);align-items: flex-start;transition: all .5s;position: relative;}
    .s25-2:not(:last-child){padding-bottom: 30rem;}
    .s25-2:last-child::after,
    .s25-2::before{content: "";grid-column: 1/-1;height: var(--sl);background-color: var(--c1);opacity: .1;}
    .s25-2::before{order: -1;}
    .s25-2:last-child::after{order: 2;}
    .s25-3{grid-column: 1/6;line-height: 1.2;font-weight: 900;font-size: var(--f-b3);text-transform: uppercase;cursor: pointer;}
    .s25-4{grid-column: 12/13;margin-left: auto;width: max(40px, 48rem);height: max(40px, 48rem);display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 15rem;order: 1;}
    .s25-5{grid-column: 7/11;overflow: hidden;transition: all .25s;color: var(--c0);}
    .s25-5-1{padding-bottom: .5em;}
    .s25-5-1 a{text-decoration: underline;}
    .s25-5-2:not(:first-child){margin-top: 30rem;}
    .s25-7{position: absolute;bottom: 100%;height: var(--headroom-height);left: 0;visibility: hidden;pointer-events: none;width: 100%;}
    
    .s25-2.active{color: var(--c0);background-color: var(--c1);grid-gap: 60rem var(--gap);}
    
    .s25-2:not(:last-child).active{padding-bottom: 60rem;}
    .s25-2:first-child.active::before{opacity: 0;}
    .s25-2.active .s25-4{transform: scaleY(-1);}
    .s25-2.active + .s25-2.active::before{background-color: var(--c0);}
    
    .s25-2:not(.active) .s25-5{height: 0;opacity: 0;visibility: hidden;}
    .s25-2:not(.active) .s25-3::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    
    .s26-1{display: flex;flex-direction: column;align-items: center;}
    .s26-2{text-align: center;}
    .s26-2-1 .title{font-weight: 900;font-size: var(--f-b);}
    .s26-3{max-width: 1160rem;pointer-events: none;width: 50%;}
    .s26-4{overflow: hidden;margin-top: 30rem;}
    .s26-4 ul{display: flex;justify-content: center;flex-wrap: wrap;margin: -10rem -30rem;align-items: flex-start;}
    .s26-4 li{margin: 10rem 30rem;}
    .s26-4 li::before{background-color: var(--c2);}
    
    .s27-1{position: relative;display: flex;margin: 0 var(--awr);overflow: hidden;}
    .s27-1::before{content: "";flex: none;width: 0;padding-top: 30%;}
    .s27-2{overflow: hidden;margin-top: 50rem;}
    .s27-2 ul{display: flex;justify-content: center;flex-wrap: wrap;margin: -10rem -15rem;}
    .s27-2 li{margin: 10rem 15rem;}
    .s27-2 li::before{background-color: currentColor;}
    
    .s28-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 120rem var(--gap);}
    .s28-2{padding-right: 50rem;}
    .s28-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30rem var(--gap);}
    .s28-3-1{grid-column: 1/-1;}
    .s28-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);grid-column: 1/-1;} 
    
    .s11-4 li,
    .s16-2 li,
    .s26-4 li,
    .s27-2 li{font-size: var(--f-b);text-transform: uppercase;display: flex;line-height: 1.2;position: relative;padding-left: 1em;}
    .s11-4 li::before,
    .s16-2 li::before,
    .s26-4 li::before,
    .s27-2 li::before{content: "";width: 12rem;height: 12rem;position: absolute;left: 0;top: calc(var(--f-b) * .6);margin-top: -6rem;}
    
}

@media screen and (max-width: 1023.98px) {
    
    :root{

        --wr: 15rem;

        --gap: 5rem;

        --br1: 5rem;
        --br2: 10rem;
        --br3: 12rem;
        --br4: 10rem;


        --f-xs: 10rem;
        --f-s: 12rem;
        --f-d: 14rem;
        --f-m: 14rem;
        --f-b: 16rem;
        --f-b1: 36rem;
        --f-b2: 20rem;
        --f-b3: 18rem;
        --f-l: 50rem;
        --f-xl: 45rem;
        --f-xl1: 64rem;
        --f-xxl: 70rem;

        --mw: 680px; 
        
        --banner-height: 40rem;
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .preloader-inner{padding: 50rem 0 120rem;}
    .preloader-perc{font-size: 14px;}
    
    .button__main,
    .button__clear{height: 45rem;padding: 0 30rem;}
    .button__main .button-text,
    .button__clear .button-text{font-size: var(--f-s);text-align: center;flex: auto;}
    .button__secondary{height: 45rem;padding: 0 30rem;}
    
    .button .scrl-inner{margin: auto;}
  
    .header{padding-top: 10rem;}
    
    .topbar{grid-template-columns: auto 1fr;align-items: flex-start;}
    .topbar-nav{padding: 5rem 0;font-size: var(--f-d);margin-left: auto;}
    .topbar-logo{max-width: 40rem;height: auto;justify-content: flex-start;margin-top: 0;}
    .topbar-logo-static{}
    .topbar-logo-inner{min-width: 40rem;aspect-ratio: 134/255;}
    .topbar-logo-back{display: none;}
    .topbar-logo-front{aspect-ratio: 134/255;}
    
    .topbar-logo-holder{background-color: var(--c1);aspect-ratio: 134/255;width: 100%;position: absolute;top: 0;left: 0;}
    
    .selector-holder,
    .textfield{min-height: 45rem;border-radius: var(--br1);}
    
    .selector-holder{padding: 0 15rem;}
    .selector-holder-input{padding: 15rem 0;}
    .selector-holder-icon{width: 8rem;height: 8rem;}
    .selector-list{border-radius: 0 0 var(--br1) var(--br1);}
    .selector-option-inner{padding: 10rem 15rem;}
    .selector-message{padding-top: 5rem;}
    
    .textfield-input{padding: 15rem;border-radius: var(--br1);}
    .textfield-error{margin-top: 5rem;}
    
    .formbox{grid-gap: 10rem;}
    .formbox-footer{margin-top: 20rem;}
    
    .footer{padding: 60rem 0 15rem;}
    .footer-grid{grid-template-columns: auto;grid-gap: 0;}
    .footer-form-container{grid-gap: 15rem 30rem;align-items: center;}
    .footer-form-cell .textfield-input{padding: 15rem;}
    .footer-form-cell__input{grid-column: 1/-1;}
    .footer-form-cell__button{order: 1;}
    .footer-form-cell__message{}
    .footer-nav{flex-direction: column;margin-top: 25rem;}
    .footer-nav-col:not(:last-child){padding: 0;margin-bottom: 30rem;}
    .footer-runner{padding: 0 var(--wr);margin: 130rem var(--awr) 0;overflow: hidden;}
    
    .marquee-container{height: 65rem;}
    .marquee-container::after{margin: 0 15rem;width: 10rem;height: 10rem;}
    
    .bottombar{grid-template-columns: auto;grid-gap: 20rem;margin-top: 20rem;}
    
    .textbox h2,
    .textbox h3{margin: 35rem 0 15rem;}
    
    .card-1{padding: 10rem;}
    .card-1 .card-footer .button{height: 30rem;border-radius: var(--br1);}
    
    .card-2 .card-content{margin-top: 16rem;}
    
    .card-3 .card-header{padding: 16rem;}
    .card-3 .card-header-icon{width: 48rem;height: 48rem;padding: 10rem;}
    .card-3 .card-content{margin-top: 16rem;}
    .card-3 .card-title{max-width: 100%;}
    .card-3 .card-subtitle{margin-top: 5rem;font-size: var(--f-d);max-width: 310rem;}
    .card-3 .card-subtitle:last-child{padding-bottom: var(--sl);}
    .card-3 .card-action{width: 100%;margin-top: 24rem;}
    .card-3 .card-action .button{width: 100%;}
    
    .card-4::before{padding-top: 135%;}
    .card-4 .card-action{width: 36rem;height: 36rem;padding: 10rem;margin-bottom: 12rem;border-radius: 6rem;}
    .card-4 .card-title{line-height: 1.2;}
    .card-4 .card-footer{height: 50rem;}
    
    .card-5{padding: 16rem 16rem 40rem;}
    .card-5 .card-title{max-width: 300rem;}
    
    .card-6{padding: 16rem;min-height: 280rem;}
    .card-6::before{display: none;}
    .card-6 .card-pretitle{font-size: var(--f-s);}
    .card-6 .card-title{max-width: 250rem;}
    
    .card-7{padding: 24rem 16rem 16rem;}
    .card-7 .card-logo{height: 25rem;margin-bottom: 25rem;}
    .card-7 .card-content{grid-template-columns: auto;grid-gap: 12rem;margin-top: 16rem;}
    .card-7 .card-pretitle{order: -1;font-size: var(--f-s);}
    .card-7 .card-title{order: 1;max-width: 250rem;}
    
    .card-8::before{padding-top: 100%;}
    .card-8 .card-content{padding: 16rem;}
    .card-8 .card-title{padding: 12rem 16rem;min-height: 0;}
    
    .section{padding: 100rem 0;}
    
    .main{}
    
    .s1{padding: 0;}
    
    .logo-trigger{position: absolute;top: 0;left: 0;}
    
    .scene-trigger{}
    
    .s2{padding: 0;}
    .s2-1{margin: 0 var(--awr);grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto 1fr auto;grid-template-areas: "a1" "a2" "a3";overflow: hidden;padding: 0 var(--wr);z-index: 1;}
    .s2-2{margin: 0 var(--awr);padding-bottom: 100rem;}
    .s2-3, 
    .s2-4,
    .s2-11{padding: 100rem 0 150rem;align-items: flex-start;}
    .s2-5{display: none;}
    .s2-6{width: calc(100% + 400rem);height: 0;margin-top: 10rem;align-items: flex-start;margin: 0 -200rem;justify-content: center;}
    .s2-6 .s2-8{transform: translateY(-30%);align-items: flex-start;}
    .s2-7{grid-gap: 15rem;}
    .s2-7-2{max-width: 360rem;}
    .s2-8{width: 100%;}
    .s2-9{height: 250vh;}
    .s2-9-4{flex: 1;}
    .s2-9-5{flex: 1;}
    .s2-9-6{height: 100vh;flex: none;}
    
    .s2-10{padding: 0 100vw 70rem ;flex-direction: row;flex: none;width: auto;align-items: flex-end;height: var(--app-height);position: sticky;top: 0;}
    .s2-10-1,
    .s2-10-2,
    .s2-10-3{flex: none;width: auto;height: 220rem;margin: 0;display: flex;}
    .s2-10-2,
    .s2-10-3{margin-left: 10rem;}
    .s2-10 img{width: auto;max-width: none;height: 100%;}
    
    .sx2-10{padding-left: 0;padding-right: 0;}
    .sx2-10-1{width: 145rem;margin-left: -25rem;}
    .sx2-10-2{width: 135rem;margin-right: 30rem;margin-top: 250rem;}
    .sx2-10-3{width: 150rem;margin: 300rem auto 0;}
    
    .s3{padding: 0;}
    .s3-1{min-height: 0;padding: 100rem 0;}
    .s3-2{margin: auto;}
    .s3-2 .timer{margin-right: -.1em;}
    .s3-2 .timer-val{padding-right: .1em;min-width: 1.1em;}
    .s3-2 .timer-val::after{font-size: var(--f-xs);}
    .s3-2 .timer-delimiter{width: 0;margin-right: .1em;}
    .s3-3{margin-top: 40rem;padding-top: 10rem;}
    .s3-4{width: 100%;}
    .s3-5,
    .s3-6{height: 70rem;}
    .s3-5-1,
    .s3-6-1{background-size: auto 70rem;;height: 100%;}
    
    .s4-3{margin-top: 30rem;grid-gap: var(--gap);}
    .s4-4{padding: 15rem;grid-gap: 5rem 30rem;grid-template-columns: 1fr auto;}
    .s4-5{margin-top: auto;font-weight: 400;}
    .s4-6{order: 1;margin-bottom: auto;text-align: left;}
    .s4-7{grid-row-end: span 2;margin-left: auto;}
    .s4-7-1{font-size: var(--f-xs);max-width: 70rem;}
    .s4-7-2{width: 40rem;height: 40rem;padding: 10rem;margin-left: 5rem;}
    
    .s5{padding: 75rem 0;}
    .s5-1{padding-top: 0;padding-bottom: 0;height: auto;max-height: none;flex: none;}
    .s5-1-1{margin: 0 var(--awr);position: relative;display: flex;}
    .s5-1-1 img{}
    .s5-1-2{text-align: left;}
    .s5-1-3{bottom: auto;left: 12%;top: 31%;line-height: 0;}
    .s5-1-3 .marker{width: 35rem;}
    .s5-1-4{bottom: auto;left: 28.5%;top: 86%;line-height: 0;}
    .s5-1-4 .marker{width: 35rem;}
    .s5-2{grid-template-columns: auto;grid-gap: 30rem;padding: 0;}
    .s5-3{grid-template-columns: auto;grid-gap: 10rem;}
    .s5-6-1{padding: 15rem;}
    .s5-6-2{position: relative;top: auto;text-align: left;}
    
    .s6-1{grid-template-columns: 1fr 1fr;}
    .s6-2{grid-column: 1/-1;padding-bottom: 15rem;}
    .s6-2 .title br{display: none;}
    .s6-3:nth-child(3n + 4){grid-column: 2/3;}
    .s6-3:nth-child(3n + 6){grid-column: 1/2;}
    
    .s7-1{width: 100%;}
    .s7-4{margin-top: 20rem;}
    
    .s8{padding: 35rem 0;}
    
    .s8 .swiper-slide{height: 45rem;}
    
    .s8-1{justify-content: space-around;margin: 0;width: 200vw;}
    .s8-2{padding: 0 var(--wr);margin: 0;}
    .s8-2 img{height: 45rem;width: auto;max-width: none;min-width: 0;}
    .s8-3{margin: 0 var(--awr);overflow: auto;overflow: -moz-scrollbars-none!important;scrollbar-width: none;}
    .s8-3::-webkit-scrollbar{display: none;}
    
    .s9{padding: 35rem 0;}
    
    .s9 .swiper{overflow: visible;}
    .s9 .swiper-wrapper{transition-timing-function: linear !important;}
    .s9 .swiper-slide{height: 45rem;padding: 0 var(--wr);width: auto;}
    .s9 .swiper-slide img{height: 100%;width: auto;max-width: none;}
    
    .s10-3{margin-top: 15rem;}
    
    .s404{padding: 150rem 0;}
    .s404-5{margin-top: 30rem;}
    
    .popup-active{overflow: hidden!important;}
    
    .popup:not(.popup-modal){position: fixed;z-index: 999;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--c2);color: var(--c0);display: flex;overflow: hidden;margin-left: 0;will-change: transform;transition: transform .5s;transform: translateX(100%);}
    .popup-inner{display: flex;flex-direction: column;padding: 15rem var(--wr) 35rem;width: 100%;height: 100%;}
    
    .popup-header{font-weight: 700;text-transform: uppercase;letter-spacing: 0;display: flex;align-items: center;flex: none;position: relative;z-index: 1;justify-content: flex-end;}
    .popup-header::after{content: "";position: absolute;top: 100%;left: 0;height: 30rem;background-image: linear-gradient(var(--c2), rgba(0,0,0,0));margin: 0 var(--awr);right: 0;}
    .popup-nav{flex: 1;overflow: auto;padding: 30rem 0 80rem;}
    .popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;font-size: var(--f-b1);text-transform: uppercase;}
    .popup-nav ul ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;font-size: var(--f-b2);text-transform: uppercase;padding: 10rem 0 10rem 10rem;}
    .popup-nav > ul > li{transition: opacity .25s;}
    .popup-nav > ul > li > a{display: flex;align-items: center;}
    .popup-nav > ul > li > a:not(:last-child)::after{content: "";margin-left: 5rem;flex: none;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0909 21.752L6.92213 12.5832C8.34095 11.1644 10.6418 11.1644 12.0606 12.5832L16.0909 16.6135L22.7645 9.93991L25.3333 12.5087L16.0909 21.752Z' fill='white'%3E%3C/path%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: contain;width: 32rem;height: 32rem;margin-top: -5rem;}
    
    .popup-nav > ul > li.active > a::after{transform: scaleY(-1);}
    .popup-nav > ul > li:not(.active){opacity: .6;}
    .popup-nav > ul > li:not(.active) ul{display: none;}
    
    .popup-footer{margin-top: auto;display: flex;flex: none;position: relative;z-index: 1;}
    .popup-footer::after{content: "";position: absolute;bottom: 100%;left: 0;height: 80rem;background-image: linear-gradient(rgba(0,0,0,0), var(--c2), var(--c2));margin: 0 var(--awr);right: 0;}
    .popup-footer ul{display: grid;grid-gap: 10rem;grid-auto-flow: column;margin-right: auto;}
    .popup-footer li a{position: relative;width: 40rem;height: 40rem;display: flex;align-items: center;justify-content: center;border: var(--sl) solid var(--c5);border-radius: var(--br1);padding: 10rem;}
    
    .popup-modal{padding: 15rem var(--wr) 35rem;max-width: 300rem;}
    
    .popup:not(.popup-modal).active{transform: translateX(0);}
    
    .popup:not(.popup-modal).active ~ .popup-overlay{opacity: 1;pointer-events: all;}
    
    .header{transition: transform .75s, background-color .5s, color .5s;will-change: transform;}
    .header .player-video{max-width: none;width: auto;}
    
    .invert .header{color: var(--c0);}
    
    .hide-header{pointer-events: none;transform: translateY(-100%);}
    
    .videoObject{background-color: var(--c1);}
    
    .invert .videoObject{background-color: var(--c0);}
    
    .fc-header-toolbar{grid-template-columns: 1fr auto;grid-gap: 25rem 16rem;margin-bottom: 35rem;}
    
    .fc-toolbar-chunk:last-child{grid-column: 1/-1;}
    .fc-today-button{margin-right: 16rem;height: 48rem;border-radius: var(--br2);}
    .fc-prev-button,
    .fc-next-button{height: 48rem;width: 48rem;border-radius: var(--br2);}
    .fc-next-button{margin-left: 8rem;}
    .fc-toolbar-chunk:nth-child(3) .fc-button-group{width: 100%;border-radius: var(--br2);justify-content: space-between;}
    .fc-toolbar-chunk:nth-child(3) .fc-button-primary{height: 48rem;border-radius: var(--br2);}

    .fc table table td{padding: 12rem 8rem;}
    .fc table table td:not(.fc-day-other){color: var(--c2);}
    .fc-daygrid-day-top{border-bottom: none;margin: 0;padding: 0;font-size: var(--f-s);}
    
    .fc-daygrid-day-events{display: none;}
    
    .tabs li{padding: 8rem 16rem;}
    
    .carousel-buttons-wrapper .carousel-buttons{grid-gap: 12rem;}
    .carousel-button{width: 52rem;height: 52rem;padding: 18rem;border-radius: var(--br2);}
    
    .section:first-child{padding-top: calc(110rem + var(--banner-height));}
    
    .section-inner{padding-top: 100rem;}
    .section-inner:first-child{margin-top: 0;padding-top: calc(110rem + var(--banner-height));}
    .section-inner:not(.contrast):last-child{margin-bottom: 100rem;}
    
    .section-inner.contrast{}
    .section-inner.contrast:not(:first-child){padding: 100rem 0;margin-top: 100rem;}
    
    .section-inner.contrast + .section-inner.contrast{padding-top: 0rem;margin-top: 0;}
    
    .section-inner.s7:last-child{margin-bottom: 0;}
    
    .section-header{margin-bottom: 25rem;text-align: left;align-items: flex-start;}
    .section-header-pretitle{margin-bottom: 25rem;}
    .section-header-title br{display: none;}
    .section-header-subtitle{margin-top: 25rem;width: 100%;}
    .section-header-action{margin-top: 30rem;width: 100%;}
    .section-header-action .button{width: 100%;}
    
    
    .section-footer{margin-top: 30rem;}
    
    .section-inner.s5{padding-bottom: 0;}
    .section-inner .s5-7{min-height: calc(var(--app-height) - 110rem - var(--banner-height));}
    .section-inner .s5-8{min-height: 75rem;}
    .section-inner .s5-8-1 img{transform: translateX(-50%);left: 50%;}
    
    .s4-8{justify-content: flex-start;margin: 0;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 12rem;}
    .s4-9{margin: 0;min-width: 0;}
    .s4-10{margin: 25rem 0 100rem;}
    
    .s11-1{min-height: 75rem;margin-top: 40rem;}
    .s11-2{height: 75rem;}
    .s11-2-1 img{transform: translateX(-50%);left: 50%;}
    .s11-3::before{padding-top: 100%;}
    .s11-4{order: 1;margin-top: 32rem;}
    .s11-4 ul{margin: 0;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 4rem 12rem;}
    
    .s11__alt .section-header{text-align: center;}
    
    .s12-2{grid-template-columns: auto;grid-gap: 16rem;}
    .s12-3{padding: 16rem;}
    .s12-4::before{width: 42rem;height: 42rem;font-size: var(--f-b3);}
    
    .s13-1{grid-template-columns: auto;grid-gap: 25rem;}
    
    .s14-1{grid-template-columns: auto;grid-gap: 30rem;margin-bottom: 30rem;}
    .s14-2{grid-gap: 16rem;}
    .s14-3{grid-gap: 16rem;grid-template-columns: auto;}
    .s14-4{padding: 30rem 16rem;min-height: 310rem;}
    .s14-5{order: 1;}
    .s14-5::before{padding-top: 105%;}
    .s14-6{grid-template-rows: auto;grid-gap: 8rem;grid-template-columns: minmax(0, 1fr);overflow: hidden;}
    .s14-7{font-size: var(--f-b3);}
    .s14-8{margin-top: auto;}
    .s14-8-1{max-width: 250rem;}
    .s14-8-3{margin-top: 80rem;}
    
    .s15 .section-header{margin-bottom: 30rem;}
    .s15-1{grid-template-columns: minmax(0, 1fr);grid-gap: 30rem;}
    .s15-2{order: 1;}
    .s15-2:first-child,
    .s15-2:last-child{margin: 0;}
    .s15-2 .carousel-buttons{margin: 25rem auto 0;display: grid;grid-auto-flow: column;justify-content: center;grid-gap: 12rem;}
    .s15-3,
    .s15-4{grid-template-columns: auto;grid-gap: 16rem;}
    .s15-5{margin-top: 30rem;width: 100%;}
    .s15-5 .button{width: 100%;}
    .s15-6{margin-top: 12rem;max-width: 250rem;}
    .s15-8{grid-gap: 12rem;width: 100%;}
    
    .s16 .section-header{margin-bottom: 30rem;}
    .s16-1{grid-template-columns: auto;grid-gap: 25rem;}
    .s16-2 ul{margin: 0;display: grid;grid-template-columns: auto;grid-gap: 4rem;justify-content: flex-start;}
    .s16-2 li{max-width: 250rem;}
    .s16-2 + .s16-1{margin-top: 30rem;}
    
    .s17 .section-header{margin-bottom: 30rem;}
    .s17-1{grid-template-columns: auto;grid-gap: 24rem;}
    
    .s18-1{margin-top: 30rem;padding: 100rem var(--wr);}
    .s18-1 img{max-width: 200rem;}
    
    .s19 .section-header{margin-bottom: 30rem;}
    
    .s20-1{padding: 50rem var(--wr);}
    .s20-2{height: auto;flex-direction: column;justify-content: flex-start;}
    .s20-2 img{height: 100rem;max-width: 280rem;margin: 0 auto;}
    .s20-3{margin: 0;}
    .s20-3:not(:first-child){margin-top: 30rem;}
    .s20-4{height: 80rem;margin: 0 15rem;width: 120rem;}
    .s20-4-2{max-width: 120rem;}
    .s20-4-2 img{max-height: 60rem;}
    
    .s20-3 .swiper{overflow: visible;}
    .s20-3 .swiper-wrapper{transition-timing-function: linear !important;}
    .s20-3 .swiper-slide{width: auto;height: 80rem;}
    
    .footer-section .s20{overflow: hidden;}
    .footer-section .s20-1{padding: 30rem 0;}
    .footer-section .s20-2{height: 100rem;}
    .footer-section .s20-3 .swiper-slide{height: 60rem;}
    .footer-section .s20-4{height: 60rem;}
    .footer-section .s20-4-2 img{max-height: 60rem;}
    
    .s21-1-2{display: none;}
    .s21-2{margin-top: 30rem;}
    .s21-3{margin-top: 25rem;}
    
    .s22 .section-header{margin-bottom: 30rem;text-align: left;}
    .s22-1{grid-template-columns: minmax(0, 1fr);}
    .s22-1-1{grid-column: 1/-1;}
    .s22-2{margin-top: 25rem;}
    
    .s23-1{grid-template-columns: auto;grid-gap: 30rem;}
    .s23-2{padding: 0;margin: 0;}
    .s23-2-2{margin-top: 25rem;}
    .s23-2-3{margin-top: 30rem;}
    .s23-2-3 .button{width: 100%;}
    .s23-3{grid-column: 1/-1;margin: 0 var(--awr);padding: 165rem 32rem;}
    
    .s24 .section-header{margin: 0 0 25rem;text-align: left;}
    .s24 .section-header .title{font-size: var(--f-b1);}
    .s24-1{grid-template-columns: minmax(0, 1fr);grid-gap: 0;}
    .s24-2{margin-bottom: 100rem;}
    .s24-2 ul{display: grid;grid-template-columns: auto;margin: 0;grid-gap: 5rem;font-size: var(--f-b);}
    .s24-2 li{margin: 0;text-transform: uppercase;}
    .s24-2 li::before{width: 8rem;height: 8rem;margin-top: -4rem;}
    .s24-3{grid-column: 1/-1;}
    .s24-3-3{margin-top: 50rem;}
    .s24-4{grid-column: 1/-1;margin-top: 25rem;}
    .s24-6{margin-top: 12rem;}
    
    .s25-2{grid-gap: 0 30rem;grid-template-columns: 1fr auto;}
    .s25-2:not(:last-child){padding-bottom: 25rem;}
    .s25-2:last-child::after{margin-top: 25rem;}
    .s25-2::before{margin-bottom: 25rem;}
    .s25-3{grid-column: auto;font-size: var(--f-b);}
    .s25-4{grid-column: auto;}
    .s25-5{grid-column: 1/-1;order: 1;}
    .s25-7{height: 100rem;}
    
    .s25-2.active{grid-gap: 0 30rem;}
    .s25-2.active .s25-5{padding-top: 25rem;}
    .s25-2:not(:last-child).active{padding-bottom: 25rem;}
    
    .s26-2-1{margin-bottom: 10rem;}
    .s26-2-2{max-width: 310rem;}
    .s26-3{width: 100%;max-width: 310rem;}
    .s26-4 ul{margin: 0;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 4rem 12rem;}
    .s26-4-m1{order: 1;}
    .s26-4-m2{order: 2;}
    .s26-4-m3{order: 3;}
    .s26-4-m4{order: 4;}
    
    .s27-1::before{padding-top: 110%;}
    .s27-2{margin-top: 30rem;}
    .s27-2 ul{margin: 0;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 4rem 12rem;}
    
    .s28-1{grid-template-columns: auto;grid-gap: 0;}
    .s28-2{padding: 0;margin-bottom: 30rem;}
    .s28-3{grid-template-columns: auto;grid-gap: 1em;}
    .s28-4{grid-template-columns: auto;grid-gap: 30rem;margin-top: 30rem;}
    
    
    .s11-4 li,
    .s16-2 li,
    .s26-4 li,
    .s27-2 li{margin: 0;padding-left: 18rem;font-size: var(--f-b3);}
    .s11-4 li::before,
    .s16-2 li::before,
    .s26-4 li::before,
    .s27-2 li::before{width: 8rem;height: 8rem;margin-top: -3rem;top: calc(var(--f-b3) * .6)}
    
    .banner{height: var(--banner-height);top: -10rem;}
    
    
    
}

@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    
    .topbar-logo-inner{max-width: 100vw;padding: 0!important;height: auto!important;}
    .topbar-logo-holder{background-color: var(--c1);aspect-ratio: 1115 / 428;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
    
    
    .clip-header .topbar-logo-back{opacity: 1;}
    .clip-header .topbar-logo-holder{opacity: 0;}
    
    .logo-trigger{position: absolute;top: 0;left: 0;}
    
    .section:not(.s8):not(.s9){min-height: var(--app-height);}
    
    .footer-form-cell .textfield{min-height: auto;}
    
    .s2-10{transform: none!important;}
    
    .s5-1{min-height: calc(2062 * var(--app-width) / 3840);}
    .s5-1-1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
    .s6-3:nth-child(even){grid-template-columns: 1fr 1fr;grid-column-end: span 2;}
    
    .s8-2,
    .s9-2{height: 100rem;}
    
    .s8-2 img,
    .s9-2 img{height: 100%;}
    
    .s11-4:first-child{margin-top: -60rem;}
    
    .s15 .carousel-buttons{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 30rem;}
    
    .s17-1 .card-3 .card-title,
    .s17-1 .card-3 .card-subtitle{max-width: 540rem;}
    
    .s28-4 .card-4{padding: 30rem 60rem;}
    .s28-4 .card-4::before{padding-top: 80%;}
    
    .header{transition: transform .75s, background-color .5s, color .5s;background-color: var(--c0);will-change: transform;}
    
    .invert .header{background-color: var(--c1);color: var(--c0);}
    
    .hide-header{pointer-events: none;transform: translateY(-100%);}
    
    
    .footer-runner:not(.visible) .runner-end, 
    .footer-runner:not(.visible) .runner-start{animation-play-state: paused;}
    
    .fc th{display: none;}
    
    .fc table table td:nth-child(1) .fc-daygrid-day-top::before{content: "sun, ";}
    .fc table table td:nth-child(2) .fc-daygrid-day-top::before{content: "mon, ";}
    .fc table table td:nth-child(3) .fc-daygrid-day-top::before{content: "tue, ";}
    .fc table table td:nth-child(4) .fc-daygrid-day-top::before{content: "wed, ";}
    .fc table table td:nth-child(5) .fc-daygrid-day-top::before{content: "thu, ";}
    .fc table table td:nth-child(6) .fc-daygrid-day-top::before{content: "fri, ";}
    .fc table table td:nth-child(7) .fc-daygrid-day-top::before{content: "sat, ";}
    
    
}

@media screen and (min-width: 19200px) {
    
    
    html{font-size: 1px;}
    
    
}

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
    
    .s5-6-1,
    .player-container{cursor: pointer;}
    
    .button__main{background-image: url(../img/main-button-hover.gif);background-position: center;background-repeat: no-repeat;background-size: 0;}
    .button__main:hover{color: var(--c0)!important;background-size: cover;}
    
    
    .carousel-button,
    .fc-prev-button,
    .fc-next-button,
    .card-5 .card-action,
    .dropdown li,
    .s20-2-1 a,
    .s20-4-1 span{transition: all .25s;}
    .carousel-button:hover,
    .fc-prev-button:hover,
    .fc-next-button:hover,
    .card-5:hover .card-action,
    .s20-2-1 a:hover,
    .s20-4 .swiper-slide:hover .s20-4-1 span{border-color: var(--c2);background-color: var(--c2);color: var(--c0);}
    .fc-prev-button:hover .fc-icon{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.152343 8.83653L8.41476 17.0989C9.69333 15.8204 9.69333 13.747 8.41476 12.4684L4.78286 8.83653L10.7967 2.82266L8.48188 0.507813L0.152343 8.83653Z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E%0A");}
    .fc-next-button:hover .fc-icon{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1719 8.83653L2.90946 17.0989C1.63089 15.8204 1.63089 13.747 2.90946 12.4684L6.54136 8.83653L0.527492 2.82266L2.84234 0.507813L11.1719 8.83653Z' fill='%23FFFFFF'%3E%3C/path%3E%3C/svg%3E");}
    
    .dropdown ul li::after{transition: opacity .25s;}
    
    .dropdown ul li:hover{background-color: var(--c1);color: var(--c0);}
    .dropdown ul li:hover::after{opacity: 1;}
    
    .card-2 .card-header-icon .button{transition-property: color, background-color;transition-duration: .25s;}
    
    .card-2 .card-header-icon .button:hover{background-color: var(--c0);color: var(--c1);}
    
    .card-4 .card-media{will-change: transform;transition: transform .5s;}
    .card-4:hover .card-media{transform: scale(1.1);}
    
    .scrl-inner{will-change: transform;transition: transform .25s;}
    .scrl:hover .scrl-inner,
    .s5-6-1:hover .scrl-inner,
    .button__secondary:hover .scrl-inner,
    .button__clear:hover .scrl-inner,
    .tabs a:hover .scrl-inner,
    .dropdown:hover > a .scrl-inner{transform: translateY(-100%);}
   
    .selector-option-inner{transition: all .15s;}
    .selector-option-inner:hover{color: var(--c0);background-color: var(--c2);}
    
    .s2-7-2 a,
    .s4-2-2 a,
    .s4-9-2 a,
    .card-3 .card-subtitle a,
    .selector-message a{transition: opacity .25s;}
    
    .s2-7-2 a:hover,
    .s4-2-2 a:hover,
    .s4-9-2 a:hover,
    .card-3 .card-subtitle a:hover,
    .selector-message a:hover{opacity: .6;}
    
    .dropdown:not(:hover) ul{opacity: 0;visibility: hidden;}
    .dropdown:hover .dropdown-icon{transform: scaleY(-1);}
    
}

@media screen and (max-width: 1023.98px) {
    
    
    .s2__upd .s2-2{padding-bottom: 0;}
    .s2__upd .s2-9{height: 125vh;}
    .s2__upd .s2-9-4,
    .s2__upd .s2-9-5,
    .s2__upd .s2-9-6,
    .s2__upd .s2-10{display: none;}
    
}

@media screen and (min-width: 1024px) {
    
    .s2__upd .s2-2{padding-bottom: 0;}
    .s2__upd .s2-9{height: 175vh;}
    .s2__upd .s2-9-4,
    .s2__upd .s2-9-5,
    .s2__upd .s2-9-6,
    .s2__upd .s2-10{display: none;}
    
}