html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
object{ outline: 0; }
strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: normal !important; }
a:focus, input:focus{ outline-style: none; }
textarea{ outline: none; }
*{ box-sizing: border-box; }


:root {
    --black: #000;
    --white: #ffffff;
    --orange: #FE8F16;
    --line: #3B3B3B;
}

.logo{ max-width: 180px; }

body{ background: var(--black); font-family: 'Space Grotesk', sans-serif !important; color: var(--white); font-size: 18px; line-height: 1.5; }

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

/* Units */
.mt-1{ margin-top: 8px; }
.mt-2{ margin-top: 12px; }
.mt-3{ margin-top: 18px; }
.mt-4{ margin-top: 24px; }
.mt-5{ margin-top: 32px; }
.mt-6{ margin-top: 36px; }
.mt-7{ margin-top: 48px; }
.mt-8{ margin-top: 64px; }
.mt-9{ margin-top: 72px; }
.mt-10{ margin-top: 128px; }

.mb-1{ margin-bottom: 8px; }
.mb-2{ margin-bottom: 12px; }
.mb-3{ margin-bottom: 18px; }
.mb-4{ margin-bottom: 24px; }
.mb-5{ margin-bottom: 32px; }
.mb-6{ margin-bottom: 36px; }
.mb-7{ margin-bottom: 48px; }
.mb-8{ margin-bottom: 64px; }
.mb-9{ margin-bottom: 72px; }
.mb-10{ margin-bottom: 128px; }

.mr-1{ margin-right: 8px; }
.mr-2{ margin-right: 12px; }
.mr-3{ margin-right: 18px; }
.mr-4{ margin-right: 24px; }
.mr-5{ margin-right: 32px; }
.mr-6{ margin-right: 36px; }
.mr-7{ margin-right: 48px; }
.mr-8{ margin-right: 64px; }
.mr-9{ margin-right: 72px; }
.mr-10{ margin-right: 128px; }

.ml-1{ margin-left: 8px; }
.ml-2{ margin-left: 12px; }
.ml-3{ margin-left: 18px; }
.ml-4{ margin-left: 24px; }
.ml-5{ margin-left: 32px; }
.ml-6{ margin-left: 36px; }
.ml-7{ margin-left: 48px; }
.ml-8{ margin-left: 64px; }
.ml-9{ margin-left: 72px; }
.ml-10{ margin-left: 128px; }

.pt-1{ padding-top: 8px; }
.pt-2{ padding-top: 12px; }
.pt-3{ padding-top: 18px; }
.pt-4{ padding-top: 24px; }
.pt-5{ padding-top: 32px; }
.pt-6{ padding-top: 36px; }
.pt-7{ padding-top: 48px; }
.pt-8{ padding-top: 64px; }
.pt-9{ padding-top: 72px; }
.pt-10{ padding-top: 128px; }

.px-1{ padding-left: 8px; padding-right: 8px; }
.px-2{ padding-left: 12px; padding-right: 12px; }
.px-3{ padding-left: 18px; padding-right: 18px; }
.px-4{ padding-left: 24px; padding-right: 24px; }
.px-5{ padding-left: 32px; padding-right: 32px; }
.px-6{ padding-left: 36px; padding-right: 36px; }
.px-7{ padding-left: 48px; padding-right: 48px; }
.px-8{ padding-left: 64px; padding-right: 64px; }
.px-9{ padding-left: 72px; padding-right: 72px; }
.px-10{ padding-left: 128px; padding-right: 128px; }


.pl-1{ padding-left: 8px; }
.pl-2{ padding-left: 12px; }
.pl-3{ padding-left: 18px; }
.pl-4{ padding-left: 24px; }
.pl-5{ padding-left: 32px; }
.pl-6{ padding-left: 36px; }
.pl-7{ padding-left: 48px; }
.pl-8{ padding-left: 64px; }
.pl-9{ padding-left: 72px; }
.pl-10{ padding-left: 128px; }

.py-1{ padding-top: 8px; padding-bottom: 8px; }
.py-2{ padding-top: 12px; padding-bottom: 12px; }
.py-3{ padding-top: 18px; padding-bottom: 18px; }
.py-4{ padding-top: 24px; padding-bottom: 24px; }
.py-5{ padding-top: 32px; padding-bottom: 32px; }
.py-6{ padding-top: 36px; padding-bottom: 36px; }
.py-7{ padding-top: 48px; padding-bottom: 48px; }
.py-8{ padding-top: 64px; padding-bottom: 64px; }
.py-9{ padding-top: 72px; padding-bottom: 72px; }
.py-10{ padding-top: 128px; padding-bottom: 128px; }
.py-11{ padding-top: 208px; padding-bottom: 192px; }

.pt-1{ padding-top: 8px; }
.pt-2{ padding-top: 12px; }
.pt-3{ padding-top: 18px; }
.pt-4{ padding-top: 24px; }
.pt-5{ padding-top: 32px; }
.pt-6{ padding-top: 36px; }
.pt-7{ padding-top: 48px; }
.pt-8{ padding-top: 64px; }
.pt-9{ padding-top: 72px; }
.pt-10{ padding-top: 128px; }

.pb-1{ padding-bottom: 8px; }
.pb-2{ padding-bottom: 12px; }
.pb-3{ padding-bottom: 18px; }
.pb-4{ padding-bottom: 24px; }
.pb-5{ padding-bottom: 32px; }
.pb-6{ padding-bottom: 36px; }
.pb-7{ padding-bottom: 48px; }
.pb-8{ padding-bottom: 64px; }
.pb-9{ padding-bottom: 72px; }
.pb-10{ padding-bottom: 128px; }


.opacity-90{ opacity: .9; }
.opacity-80{ opacity: .8; }
.opacity-70{ opacity: .7; }
.opacity-60{ opacity: .6; }
.opacity-50{ opacity: .5; }

.flex{ display: flex; }
    .flex.center{ align-items: center; justify-content: center; }
    .flex.v-center{ align-items: center;  }
    .flex.h-center{ justify-content: center; }
    .flex .right{ margin-left: auto; }
    .flex-1{ flex: 1; }

.h1{ font-size: 64px; line-height: 1.2; font-weight: 300; }
.h2{ font-size: 48px; line-height: 1.2; font-weight: 300; }
.h3{ font-size: 36px; line-height: 1.3; font-weight: 300; }
.h4{ font-size: 24px; line-height: 1.3; font-weight: 300; }

.menu a{ padding: 8px 0; border-bottom: transparent 2px solid; font-weight: 400; transition: .3s; }
    .menu a:hover{ border-bottom: rgba(255, 255, 255, .5) 2px solid; }
    .menu a.active{ border-bottom: var(--orange) 2px solid; }

.color-orange{ color: var(--orange); }

.container{ max-width: 1200px; margin: auto; }
.container.md{ max-width: 860px; margin: auto; }
@media (min-width: 960px) { .container.md{ width: 860px; margin: auto; } }
@media (min-width: 1280px) { .container{ width: 1200px; margin: auto; } }

.caps{ text-transform: uppercase; font-size: 16px; line-height: 1; font-weight: 600; letter-spacing: 3px; }
.caps.narrow{ letter-spacing: 0; }


.btn{ background: transparent; border: var(--orange) 1px solid; white-space: nowrap; color: var(--orange); padding: 12px 24px; display: inline-block; font-size: 18px; line-height: 1; cursor: pointer; text-decoration: none; font-weight: 400; }
    .btn:hover{ background: var(--orange); color: var(--black) }

img{ display: block; width: 100%; }
video{ display: block; width: 100%; }
    
.grid{ display: grid; grid-gap: 32px; }
.grid-2{ grid-template-columns: 1fr 1fr; }
.grid-3{ grid-template-columns: 1fr 1fr 1fr; }
.grid-4{ grid-template-columns: 1fr 1fr 1fr 1fr; }
.grid-5{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.grid-6{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.grid-3-1{ grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
.grid-2-1{ grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.grid-1-2{ grid-template-columns: 2fr 1fr; }
.grid-2-3{ grid-template-columns: 2fr 3fr; }
.grid.center{ align-items: center; }
.grid.narrow{ grid-gap: 16px; }
.grid.wide{ grid-gap: 64px; }
.grid.items-center{ align-items: center; }

.text{ font-weight: 300; }

.text a{ color: var(--orange); text-decoration: none; }
    .text a:hover{ opacity: .8; }
.text em, .text i{ font-style: italic !important; }

.text ul li{ list-style-type: disc; }
.text ol li{ list-style-type: decimal; }
.text ul{ padding-left: 32px; }

.text{ font-size: 20px; line-height: 1.5; }
.text.medium{ font-size: 20px; line-height: 1.5; }
.text.right{ text-align: right; }
.text.small{ font-size: 16px; line-height: 1.5; }
.text.center, .text-center{ text-align: center; }
    .text-center .sub{ margin-left: auto; margin-right: auto; }
    
.text-left{ text-align: left ;}

.rich-text{ color: #bbb; }
.rich-text > * { margin-top: 24px; }
.rich-text img { width: auto !important; height: auto !important; max-width: 100%; }
.rich-text figure { padding: 0; margin: 24px 0 0 0; }
.rich-text h1 { font-size: 48px; color: #fff; }
.rich-text h2 { font-size: 36px; color: #fff; }
.rich-text h3 { font-size: 30px; color: #fff; }
.rich-text h4 { font-size: 24px; color: #fff; }
.rich-text h5 { font-size: 20px; color: #fff; }
.rich-text a { color: var(--orange); }
    .rich-text a:hover { cursor: pointer; }

table{ font-size: inherit; line-height: inherit; }

.link{ cursor: pointer; }

.b-top{ border-top: var(--line) 1px solid; }

.p-relative{ position: relative; }

.border-lime-300{ border-color: #67A517; }

.header-arrow{ position: absolute; top: 85vh; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; background: rgba(0, 0, 0, 0.6); border: rgba(255, 255, 255, .5) 1px solid; border-radius: 100px; display: flex; align-items: center; justify-content: center; z-index: 4;  }
    .header-arrow svg{ opacity: .6; transform: translateY(2px); }
    .header-arrow:hover{ cursor: pointer; border-color: #fff; }
        .header-arrow:hover svg{ opacity: 1; }

.cover-element{ position: relative; }
    .cover-element .container-wp{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.4) 40%); display: flex; flex-direction: column; }
    .cover-element .container-wp.light{ background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.8) 100%); }
    .cover-element .container{ display: flex; flex-direction: column; flex: 1; width: 100%; }
    .cover-element video, .cover-element .cover-img{ height: 100vw; height: 100vh; object-fit: cover; }

.block-with-bg{ background-position: center center; background-size: cover; }
    .block-with-bg .element-in{ background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.4) 40%); }
    .block-with-bg.element-bg-gradient .element-in{ background: none; }
        
.element-bg-gradient{ background: linear-gradient(#25252A, #161616);}


.box{ background: #000; border: var(--line) 1px solid; border-radius: 4px; box-shadow: rgba(0,0,0,0.8) 0 4px 8px; }
    .box .box-item{ border-top: var(--line) 1px solid; }
    .box .box-item:first-child{ border-top: 0; }


@keyframes fadeInVertical { from { transform: translateY(-36px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes fadeOutVertical { from { transform: translateY(0); opacity: 1; } to { transform: translateY(36px); opacity: 0; } }

.rotating-features{ position: relative; width: 100%; }
    .rotating-features .slide{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }
    .rotating-features .gradient{ text-align: center; background-image: linear-gradient(90deg, #FFBF00, #FD5E53); color: transparent; background-clip: text; }
    .rotating-features .slide.on{ opacity: 1; animation: fadeInVertical .5s ease-out backwards; animation-delay: .25s; display: block; z-index: 3 }
    .rotating-features .slide.off{ animation: fadeOutVertical .5s ease-out; opacity: 0; z-index: 1;  }

.slick-wp{ position: relative; }
    .slick-arrow{ position: absolute; top: 0; height: 100%; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 0 18px; }
    @media (max-width: 960px) { 
        .slick-arrow svg{ transform: scale(0.5);} 
        .slick-arrow{ padding: 0; }
    }
    .slick-arrow.prev{ left: 0; background: linear-gradient(90deg, rgba(0,0,0,.8), rgba(0,0,0,0) ) }
    .slick-arrow.next{ right: 0; background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.8) ) }
    .slick-wp img{ display: block; }

    .slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

.min-fullscreen{ min-height: 100vh; display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; }

.footer-link{ font-size: 16px; opacity: .8;}
    .footer-link:hover{ opacity: 1; }

.specification{ display: grid; grid-template-columns: 1fr 1fr; font-size: 18px }
    .specification .text{ font-size: 18px }

.tile.clickable{ transition: .3s; }
    .tile.clickable:hover{ opacity: .7; }

.video iframe { width: 100vw; height: 56.25vw;  }

.link:hover{ cursor: pointer; opacity: .7; }

@keyframes fadeIn { from { transform: translateX(-100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes fadeOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100px); opacity: 0; } }

.slideshow{ display: grid; grid-template-columns: 96px 1fr 96px; align-items: center; width: 100%; }
    .slideshow .arrow{ opacity: .6; }
        .slideshow .arrow:hover{ cursor: pointer; opacity: 1; }
    .slideshow .bars{ display: flex; align-items: center; justify-content: center; }
        .slideshow .bar{ height: 3px; width: 96px; background: rgba(255, 255, 255, .4); margin: 0 3px; transition: .3s; cursor: pointer; }
            .slideshow .bar:hover{ opacity: .8; }
        .slideshow .bar.on{ background: var(--orange); }
    .slideshow .wp{ text-align: center; position: relative; }
    .slideshow .slides{ height: 100px; position: relative; }
    .slideshow .slide{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1;}
    .slideshow .slide.on{ opacity: 1; animation: fadeIn .5s ease-in-out; display: block; z-index: 3 }
    .slideshow .slide.off{ animation: fadeOut .5s ease-in-out; opacity: 0; z-index: 1;  }

@media (min-width: 960px){
    .mob{ display: none !important; }
    .mobile-only-1{ display: none !important; }
    .desk-flex{ display: flex; }
    .mob-bg{ background-image: none !important; }
}

@media (max-width: 960px){

    .mob-break{ grid-template-columns: minmax(0, 1fr); }
    .desk{ display: none !important; }
    .desktop-only-1{ display: none !important; }
    .mob-bg{ background-size: cover; background-position: center; }

    .caps{ font-size: 14px; }

    .btn{  padding: 10px 16px; display: inline-block; font-size: 14px; }

    .logo{ max-width: 140px; }

    .mob-block{ display: block; }

    .menu-nav{ width: 20px; background: transparent; }
        .menu-nav div{ height: 2px; margin-top: 8px; background: var(--orange); transition: .3s; }
        .menu-on .menu-nav div:first-child{ transform: rotate(45deg) translateY(7px); }
        .menu-on .menu-nav div:last-child{ transform: rotate(-45deg) translateY(-7px); }

    @keyframes menuFade { from {  opacity: 0; } to { opacity: 1; } }
    .mob-menu{ display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); z-index: 4; padding: 24px 32px; transition: .3s; backdrop-filter: blur(5px); }
        .menu-on .mob-menu{ display: block; opacity: 1;  animation: menuFade .3s ease-in-out;  }
        body.menu-on{ overflow: hidden; }
        .mob-menu a{ display: block; }

    .h1{ font-size: 30px; line-height: 1.2; font-weight: 300; }
    .h2{ font-size: 24px; line-height: 1.2; font-weight: 300; }
    .h3{ font-size: 22px; line-height: 1.2; font-weight: 300; }
    .h4{ font-size: 18px; line-height: 1.2; font-weight: 300; }

    .text{ font-size: 18px; }
    .text.medium{ font-size: 16px; }

    /* Units */
    .mob-mt-1{ margin-top: 8px; }
    .mob-mt-2{ margin-top: 12px; }
    .mob-mt-3{ margin-top: 18px; }
    .mob-mt-4{ margin-top: 24px; }
    .mob-mt-5{ margin-top: 32px; }
    .mob-mt-6{ margin-top: 36px; }
    .mob-mt-7{ margin-top: 48px; }
    .mob-mt-8{ margin-top: 64px; }
    .mob-mt-9{ margin-top: 72px; }
    .mob-mt-10{ margin-top: 128px; }

    .mob-mb-1{ margin-bottom: 8px; }
    .mob-mb-2{ margin-bottom: 12px; }
    .mob-mb-3{ margin-bottom: 18px; }
    .mob-mb-4{ margin-bottom: 24px; }
    .mob-mb-5{ margin-bottom: 32px; }
    .mob-mb-6{ margin-bottom: 36px; }
    .mob-mb-7{ margin-bottom: 48px; }
    .mob-mb-8{ margin-bottom: 64px; }
    .mob-mb-9{ margin-bottom: 72px; }
    .mob-mb-10{ margin-bottom: 128px; }

    .mob-mr-1{ margin-right: 8px; }
    .mob-mr-2{ margin-right: 12px; }
    .mob-mr-3{ margin-right: 18px; }
    .mob-mr-4{ margin-right: 24px; }
    .mob-mr-5{ margin-right: 32px; }
    .mob-mr-6{ margin-right: 36px; }
    .mob-mr-7{ margin-right: 48px; }
    .mob-mr-8{ margin-right: 64px; }
    .mob-mr-9{ margin-right: 72px; }
    .mob-mr-10{ margin-right: 128px; }

    .mob-ml-0{ margin-left: 0; }
    .mob-ml-1{ margin-left: 8px; }
    .mob-ml-2{ margin-left: 12px; }
    .mob-ml-3{ margin-left: 18px; }
    .mob-ml-4{ margin-left: 24px; }
    .mob-ml-5{ margin-left: 32px; }
    .mob-ml-6{ margin-left: 36px; }
    .mob-ml-7{ margin-left: 48px; }
    .mob-ml-8{ margin-left: 64px; }
    .mob-ml-9{ margin-left: 72px; }
    .mob-ml-10{ margin-left: 128px; }

    .mob-pt-1{ padding-top: 8px; }
    .mob-pt-2{ padding-top: 12px; }
    .mob-pt-3{ padding-top: 18px; }
    .mob-pt-4{ padding-top: 24px; }
    .mob-pt-5{ padding-top: 32px; }
    .mob-pt-6{ padding-top: 36px; }
    .mob-pt-7{ padding-top: 48px; }
    .mob-pt-8{ padding-top: 64px; }
    .mob-pt-9{ padding-top: 72px; }
    .mob-pt-10{ padding-top: 128px; }

    .mob-px-0{ padding-left: 0; padding-right: 0; }
    .mob-px-1{ padding-left: 8px; padding-right: 8px; }
    .mob-px-2{ padding-left: 12px; padding-right: 12px; }
    .mob-px-3{ padding-left: 18px; padding-right: 18px; }
    .mob-px-4{ padding-left: 24px; padding-right: 24px; }
    .mob-px-5{ padding-left: 32px; padding-right: 32px; }
    .mob-px-6{ padding-left: 36px; padding-right: 36px; }
    .mob-px-7{ padding-left: 48px; padding-right: 48px; }
    .mob-px-8{ padding-left: 64px; padding-right: 64px; }
    .mob-px-9{ padding-left: 72px; padding-right: 72px; }
    .mob-px-10{ padding-left: 128px; padding-right: 128px; }


    .mob-pl-1{ padding-left: 8px; }
    .mob-pl-2{ padding-left: 12px; }
    .mob-pl-3{ padding-left: 18px; }
    .mob-pl-4{ padding-left: 24px; }
    .mob-pl-5{ padding-left: 32px; }
    .mob-pl-6{ padding-left: 36px; }
    .mob-pl-7{ padding-left: 48px; }
    .mob-pl-8{ padding-left: 64px; }
    .mob-pl-9{ padding-left: 72px; }
    .mob-pl-10{ padding-left: 128px; }

    .mob-py-1{ padding-top: 8px; padding-bottom: 8px; }
    .mob-py-2{ padding-top: 12px; padding-bottom: 12px; }
    .mob-py-3{ padding-top: 18px; padding-bottom: 18px; }
    .mob-py-4{ padding-top: 24px; padding-bottom: 24px; }
    .mob-py-5{ padding-top: 32px; padding-bottom: 32px; }
    .mob-py-6{ padding-top: 36px; padding-bottom: 36px; }
    .mob-py-7{ padding-top: 48px; padding-bottom: 48px; }
    .mob-py-8{ padding-top: 64px; padding-bottom: 64px; }
    .mob-py-9{ padding-top: 72px; padding-bottom: 72px; }
    .mob-py-10{ padding-top: 128px; padding-bottom: 128px; }

    .mob-pt-1{ padding-top: 8px; }
    .mob-pt-2{ padding-top: 12px; }
    .mob-pt-3{ padding-top: 18px; }
    .mob-pt-4{ padding-top: 24px; }
    .mob-pt-5{ padding-top: 32px; }
    .mob-pt-6{ padding-top: 36px; }
    .mob-pt-7{ padding-top: 48px; }
    .mob-pt-8{ padding-top: 64px; }
    .mob-pt-9{ padding-top: 72px; }
    .mob-pt-10{ padding-top: 128px; }

    .mob-pb-1{ padding-bottom: 8px; }
    .mob-pb-2{ padding-bottom: 12px; }
    .mob-pb-3{ padding-bottom: 18px; }
    .mob-pb-4{ padding-bottom: 24px; }
    .mob-pb-5{ padding-bottom: 32px; }
    .mob-pb-6{ padding-bottom: 36px; }
    .mob-pb-7{ padding-bottom: 48px; }
    .mob-pb-8{ padding-bottom: 64px; }
    .mob-pb-9{ padding-bottom: 72px; }
    .mob-pb-10{ padding-bottom: 128px; }

}