@charset "UTF-8";:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #ff5252;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #46b450;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: blue;
    --bs-secondary: #6c757d;
    --bs-success: #46b450;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #ff5252;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 0,0,255;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 70,180,80;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 255,82,82;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #006;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #1c4820;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #662121;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #ccf;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #daf0dc;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #ffdcdc;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #99f;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #b5e1b9;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #ffbaba;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: "Futura Now Headline","Helvetica Neue",Helvetica,Arial,sans-serif;
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-root-font-size: 62.5%;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: calc(1.265rem + 0.18vw);
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #fff;
    --bs-body-color-rgb: 255,255,255;
    --bs-body-bg: #000;
    --bs-body-bg-rgb: 0,0,0;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: hsla(0,0%,100%,.75);
    --bs-secondary-color-rgb: 255,255,255;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: hsla(0,0%,100%,.5);
    --bs-tertiary-color-rgb: 255,255,255;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: blue;
    --bs-link-color-rgb: 0,0,255;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #00c;
    --bs-link-hover-color-rgb: 0,0,204;
    --bs-code-color: #d63384;
    --bs-highlight-color: #fff;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0,0,0,.175);
    --bs-border-radius: 0.4rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(0,0,255,.25);
    --bs-form-valid-color: #46b450;
    --bs-form-valid-border-color: #46b450;
    --bs-form-invalid-color: #ff5252;
    --bs-form-invalid-border-color: #ff5252
}

@media (min-width: 1200px) {
    :root {
        --bs-body-font-size:1.4rem
    }
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    font-size: var(--bs-root-font-size)
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    margin: 0;
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.h1,.h2,h1,h2 {
    color: var(--bs-heading-color);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,h1 {
    font-size: calc(1.475rem + 2.7vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:3.5rem
    }
}

.h2,h2 {
    font-size: calc(1.405rem + 1.86vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2.8rem
    }
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

ul {
    margin-bottom: 1rem;
    margin-top: 0;
    padding-left: 2rem
}

ul ul {
    margin-bottom: 0
}

.small,small {
    font-size: .875em
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

img,svg {
    vertical-align: middle
}

label {
    display: inline-block
}

input,select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

select {
    text-transform: none;
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important
}

[type=button],[type=submit] {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

::file-selector-button {
    -webkit-appearance: button;
    font: inherit
}

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

.list-unstyled {
    list-style: none;
    padding-left: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        -webkit-transition: none;
        transition: none
    }
}

.collapsing.collapse-horizontal {
    height: auto;
    -webkit-transition: width .35s ease;
    transition: width .35s ease;
    width: 0
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        -webkit-transition: none;
        transition: none
    }
}

.agency__container,.container,.container-fluid,.container-fluid--thd,.container-xxl {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 760px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1080px) {
    .container {
        max-width:1140px
    }
}

@media (min-width: 1200px) {
    .container,.container-xxl {
        max-width:1300px
    }
}

.row {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.row-cols-5>* {
    width: 20%
}

.col-2,.row-cols-5>* {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-2 {
    width: 16.66666667%
}

.col-4 {
    width: 33.33333333%
}

.col-4,.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-5 {
    width: 41.66666667%
}

.col-6 {
    width: 50%
}

.col-6,.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-8 {
    width: 66.66666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0
}

.gx-2 {
    --bs-gutter-x: 2rem
}

@media (min-width: 760px) {
    .col-md {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-2,.col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-5,.col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-6 {
        width: 50%
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .gx-md-5 {
        --bs-gutter-x: 5rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-3,.col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }
}

@media (min-width: 1800px) {
    .col-big-desktops-3 {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-none {
    display: none!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.w-100 {
    width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.h-100 {
    height: 100%!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-grow-1 {
    -webkit-box-flex: 1!important;
    -webkit-flex-grow: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0!important;
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1!important;
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.flex-wrap {
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap!important;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -webkit-justify-content: flex-end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -webkit-justify-content: space-between!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -webkit-justify-content: space-around!important;
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -webkit-align-items: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: 1rem!important
}

.mt-2 {
    margin-top: 2rem!important
}

.mt-4 {
    margin-top: 4rem!important
}

.mt-6 {
    margin-top: 6rem!important
}

.mt-8 {
    margin-top: 8rem!important
}

.mt-10 {
    margin-top: 10rem!important
}

.me-0 {
    margin-right: 0!important
}

.me-2 {
    margin-right: 2rem!important
}

.me-4 {
    margin-right: 4rem!important
}

.me-6 {
    margin-right: 6rem!important
}

.me-8 {
    margin-right: 8rem!important
}

.me-10 {
    margin-right: 10rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: 1rem!important
}

.mb-2 {
    margin-bottom: 2rem!important
}

.mb-3 {
    margin-bottom: 3rem!important
}

.mb-4 {
    margin-bottom: 4rem!important
}

.mb-5 {
    margin-bottom: 5rem!important
}

.mb-6 {
    margin-bottom: 6rem!important
}

.mb-7 {
    margin-bottom: 7rem!important
}

.mb-8 {
    margin-bottom: 8rem!important
}

.mb-10 {
    margin-bottom: 10rem!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-2 {
    margin-left: 2rem!important
}

.ms-3 {
    margin-left: 3rem!important
}

.ms-4 {
    margin-left: 4rem!important
}

.ms-6 {
    margin-left: 6rem!important
}

.ms-8 {
    margin-left: 8rem!important
}

.ms-10 {
    margin-left: 10rem!important
}

.p-0 {
    padding: 0!important
}

.px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-3 {
    padding-top: 3rem!important
}

.pt-8 {
    padding-top: 8rem!important
}

.pe-2 {
    padding-right: 2rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-2 {
    padding-bottom: 2rem!important
}

.pb-3 {
    padding-bottom: 3rem!important
}

.pb-4 {
    padding-bottom: 4rem!important
}

.pb-5 {
    padding-bottom: 5rem!important
}

.pb-8 {
    padding-bottom: 8rem!important
}

.pb-10 {
    padding-bottom: 10rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-2 {
    padding-left: 2rem!important
}

.lh-1 {
    line-height: 1!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-uppercase {
    text-transform: uppercase!important
}

@media (min-width: 576px) {
    .align-items-sm-start {
        -webkit-box-align:start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-2 {
        margin-top: 2rem!important
    }

    .mt-sm-4 {
        margin-top: 4rem!important
    }

    .mt-sm-6 {
        margin-top: 6rem!important
    }

    .mt-sm-8 {
        margin-top: 8rem!important
    }

    .mt-sm-10 {
        margin-top: 10rem!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-2 {
        margin-right: 2rem!important
    }

    .me-sm-4 {
        margin-right: 4rem!important
    }

    .me-sm-6 {
        margin-right: 6rem!important
    }

    .me-sm-8 {
        margin-right: 8rem!important
    }

    .me-sm-10 {
        margin-right: 10rem!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-2 {
        margin-bottom: 2rem!important
    }

    .mb-sm-4 {
        margin-bottom: 4rem!important
    }

    .mb-sm-6 {
        margin-bottom: 6rem!important
    }

    .mb-sm-8 {
        margin-bottom: 8rem!important
    }

    .mb-sm-10 {
        margin-bottom: 10rem!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-2 {
        margin-left: 2rem!important
    }

    .ms-sm-4 {
        margin-left: 4rem!important
    }

    .ms-sm-6 {
        margin-left: 6rem!important
    }

    .ms-sm-8 {
        margin-left: 8rem!important
    }

    .ms-sm-10 {
        margin-left: 10rem!important
    }
}

@media (min-width: 760px) {
    .d-md-inline-block {
        display:inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .align-items-md-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2!important;
        -webkit-order: 1!important;
        -ms-flex-order: 1!important;
        order: 1!important
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3!important;
        -webkit-order: 2!important;
        -ms-flex-order: 2!important;
        order: 2!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-2 {
        margin-top: 2rem!important
    }

    .mt-md-4 {
        margin-top: 4rem!important
    }

    .mt-md-6 {
        margin-top: 6rem!important
    }

    .mt-md-8 {
        margin-top: 8rem!important
    }

    .mt-md-10 {
        margin-top: 10rem!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-2 {
        margin-right: 2rem!important
    }

    .me-md-4 {
        margin-right: 4rem!important
    }

    .me-md-6 {
        margin-right: 6rem!important
    }

    .me-md-8 {
        margin-right: 8rem!important
    }

    .me-md-10 {
        margin-right: 10rem!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: 1rem!important
    }

    .mb-md-2 {
        margin-bottom: 2rem!important
    }

    .mb-md-4 {
        margin-bottom: 4rem!important
    }

    .mb-md-5 {
        margin-bottom: 5rem!important
    }

    .mb-md-6 {
        margin-bottom: 6rem!important
    }

    .mb-md-7 {
        margin-bottom: 7rem!important
    }

    .mb-md-8 {
        margin-bottom: 8rem!important
    }

    .mb-md-9 {
        margin-bottom: 9rem!important
    }

    .mb-md-10 {
        margin-bottom: 10rem!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-2 {
        margin-left: 2rem!important
    }

    .ms-md-4 {
        margin-left: 4rem!important
    }

    .ms-md-6 {
        margin-left: 6rem!important
    }

    .ms-md-8 {
        margin-left: 8rem!important
    }

    .ms-md-10 {
        margin-left: 10rem!important
    }

    .pe-md-4 {
        padding-right: 4rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-3 {
        padding-bottom: 3rem!important
    }

    .pb-md-7 {
        padding-bottom: 7rem!important
    }

    .text-md-start {
        text-align: left!important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display:inline!important
    }

    .d-lg-none {
        display: none!important
    }

    .align-items-lg-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-2 {
        margin-top: 2rem!important
    }

    .mt-lg-4 {
        margin-top: 4rem!important
    }

    .mt-lg-6 {
        margin-top: 6rem!important
    }

    .mt-lg-8 {
        margin-top: 8rem!important
    }

    .mt-lg-10 {
        margin-top: 10rem!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-2 {
        margin-right: 2rem!important
    }

    .me-lg-4 {
        margin-right: 4rem!important
    }

    .me-lg-6 {
        margin-right: 6rem!important
    }

    .me-lg-8 {
        margin-right: 8rem!important
    }

    .me-lg-10 {
        margin-right: 10rem!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-2 {
        margin-bottom: 2rem!important
    }

    .mb-lg-4 {
        margin-bottom: 4rem!important
    }

    .mb-lg-6 {
        margin-bottom: 6rem!important
    }

    .mb-lg-8 {
        margin-bottom: 8rem!important
    }

    .mb-lg-10 {
        margin-bottom: 10rem!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-2 {
        margin-left: 2rem!important
    }

    .ms-lg-4 {
        margin-left: 4rem!important
    }

    .ms-lg-6 {
        margin-left: 6rem!important
    }

    .ms-lg-8 {
        margin-left: 8rem!important
    }

    .ms-lg-10 {
        margin-left: 10rem!important
    }

    .pt-lg-5 {
        padding-top: 5rem!important
    }

    .pt-lg-9 {
        padding-top: 9rem!important
    }
}

@media (min-width: 1080px) {
    .align-items-xl-start {
        -webkit-box-align:start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-2 {
        margin-top: 2rem!important
    }

    .mt-xl-4 {
        margin-top: 4rem!important
    }

    .mt-xl-6 {
        margin-top: 6rem!important
    }

    .mt-xl-8 {
        margin-top: 8rem!important
    }

    .mt-xl-10 {
        margin-top: 10rem!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-2 {
        margin-right: 2rem!important
    }

    .me-xl-4 {
        margin-right: 4rem!important
    }

    .me-xl-6 {
        margin-right: 6rem!important
    }

    .me-xl-8 {
        margin-right: 8rem!important
    }

    .me-xl-10 {
        margin-right: 10rem!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-2 {
        margin-bottom: 2rem!important
    }

    .mb-xl-4 {
        margin-bottom: 4rem!important
    }

    .mb-xl-6 {
        margin-bottom: 6rem!important
    }

    .mb-xl-8 {
        margin-bottom: 8rem!important
    }

    .mb-xl-10 {
        margin-bottom: 10rem!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-2 {
        margin-left: 2rem!important
    }

    .ms-xl-4 {
        margin-left: 4rem!important
    }

    .ms-xl-6 {
        margin-left: 6rem!important
    }

    .ms-xl-8 {
        margin-left: 8rem!important
    }

    .ms-xl-10 {
        margin-left: 10rem!important
    }

    .pb-xl-5 {
        padding-bottom: 5rem!important
    }

    .pb-xl-10 {
        padding-bottom: 10rem!important
    }
}

@media (min-width: 1200px) {
    .align-items-xxl-start {
        -webkit-box-align:start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xxl-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xxl-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-2 {
        margin-top: 2rem!important
    }

    .mt-xxl-4 {
        margin-top: 4rem!important
    }

    .mt-xxl-6 {
        margin-top: 6rem!important
    }

    .mt-xxl-8 {
        margin-top: 8rem!important
    }

    .mt-xxl-10 {
        margin-top: 10rem!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-2 {
        margin-right: 2rem!important
    }

    .me-xxl-4 {
        margin-right: 4rem!important
    }

    .me-xxl-6 {
        margin-right: 6rem!important
    }

    .me-xxl-8 {
        margin-right: 8rem!important
    }

    .me-xxl-10 {
        margin-right: 10rem!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-2 {
        margin-bottom: 2rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 4rem!important
    }

    .mb-xxl-6 {
        margin-bottom: 6rem!important
    }

    .mb-xxl-8 {
        margin-bottom: 8rem!important
    }

    .mb-xxl-10 {
        margin-bottom: 10rem!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-2 {
        margin-left: 2rem!important
    }

    .ms-xxl-4 {
        margin-left: 4rem!important
    }

    .ms-xxl-6 {
        margin-left: 6rem!important
    }

    .ms-xxl-8 {
        margin-left: 8rem!important
    }

    .ms-xxl-10 {
        margin-left: 10rem!important
    }
}

@media (min-width: 1400px) {
    .align-items-thd-start {
        -webkit-box-align:start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-thd-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-thd-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .mt-thd-0 {
        margin-top: 0!important
    }

    .mt-thd-2 {
        margin-top: 2rem!important
    }

    .mt-thd-4 {
        margin-top: 4rem!important
    }

    .mt-thd-6 {
        margin-top: 6rem!important
    }

    .mt-thd-8 {
        margin-top: 8rem!important
    }

    .mt-thd-10 {
        margin-top: 10rem!important
    }

    .me-thd-0 {
        margin-right: 0!important
    }

    .me-thd-2 {
        margin-right: 2rem!important
    }

    .me-thd-4 {
        margin-right: 4rem!important
    }

    .me-thd-6 {
        margin-right: 6rem!important
    }

    .me-thd-8 {
        margin-right: 8rem!important
    }

    .me-thd-10 {
        margin-right: 10rem!important
    }

    .mb-thd-0 {
        margin-bottom: 0!important
    }

    .mb-thd-2 {
        margin-bottom: 2rem!important
    }

    .mb-thd-4 {
        margin-bottom: 4rem!important
    }

    .mb-thd-6 {
        margin-bottom: 6rem!important
    }

    .mb-thd-8 {
        margin-bottom: 8rem!important
    }

    .mb-thd-10 {
        margin-bottom: 10rem!important
    }

    .ms-thd-0 {
        margin-left: 0!important
    }

    .ms-thd-2 {
        margin-left: 2rem!important
    }

    .ms-thd-4 {
        margin-left: 4rem!important
    }

    .ms-thd-6 {
        margin-left: 6rem!important
    }

    .ms-thd-8 {
        margin-left: 8rem!important
    }

    .ms-thd-10 {
        margin-left: 10rem!important
    }
}

@media (min-width: 1500px) {
    .align-items-fhd-start {
        -webkit-box-align:start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-fhd-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-fhd-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .mt-fhd-0 {
        margin-top: 0!important
    }

    .mt-fhd-2 {
        margin-top: 2rem!important
    }

    .mt-fhd-4 {
        margin-top: 4rem!important
    }

    .mt-fhd-6 {
        margin-top: 6rem!important
    }

    .mt-fhd-8 {
        margin-top: 8rem!important
    }

    .mt-fhd-10 {
        margin-top: 10rem!important
    }

    .me-fhd-0 {
        margin-right: 0!important
    }

    .me-fhd-2 {
        margin-right: 2rem!important
    }

    .me-fhd-4 {
        margin-right: 4rem!important
    }

    .me-fhd-6 {
        margin-right: 6rem!important
    }

    .me-fhd-8 {
        margin-right: 8rem!important
    }

    .me-fhd-10 {
        margin-right: 10rem!important
    }

    .mb-fhd-0 {
        margin-bottom: 0!important
    }

    .mb-fhd-2 {
        margin-bottom: 2rem!important
    }

    .mb-fhd-4 {
        margin-bottom: 4rem!important
    }

    .mb-fhd-6 {
        margin-bottom: 6rem!important
    }

    .mb-fhd-8 {
        margin-bottom: 8rem!important
    }

    .mb-fhd-10 {
        margin-bottom: 10rem!important
    }

    .ms-fhd-0 {
        margin-left: 0!important
    }

    .ms-fhd-2 {
        margin-left: 2rem!important
    }

    .ms-fhd-4 {
        margin-left: 4rem!important
    }

    .ms-fhd-6 {
        margin-left: 6rem!important
    }

    .ms-fhd-8 {
        margin-left: 8rem!important
    }

    .ms-fhd-10 {
        margin-left: 10rem!important
    }
}

@media (min-width: 1800px) {
    .align-items-big-desktops-start {
        -webkit-box-align:start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-big-desktops-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-big-desktops-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .mt-big-desktops-0 {
        margin-top: 0!important
    }

    .mt-big-desktops-2 {
        margin-top: 2rem!important
    }

    .mt-big-desktops-4 {
        margin-top: 4rem!important
    }

    .mt-big-desktops-6 {
        margin-top: 6rem!important
    }

    .mt-big-desktops-8 {
        margin-top: 8rem!important
    }

    .mt-big-desktops-10 {
        margin-top: 10rem!important
    }

    .me-big-desktops-0 {
        margin-right: 0!important
    }

    .me-big-desktops-2 {
        margin-right: 2rem!important
    }

    .me-big-desktops-4 {
        margin-right: 4rem!important
    }

    .me-big-desktops-6 {
        margin-right: 6rem!important
    }

    .me-big-desktops-8 {
        margin-right: 8rem!important
    }

    .me-big-desktops-10 {
        margin-right: 10rem!important
    }

    .mb-big-desktops-0 {
        margin-bottom: 0!important
    }

    .mb-big-desktops-2 {
        margin-bottom: 2rem!important
    }

    .mb-big-desktops-4 {
        margin-bottom: 4rem!important
    }

    .mb-big-desktops-6 {
        margin-bottom: 6rem!important
    }

    .mb-big-desktops-8 {
        margin-bottom: 8rem!important
    }

    .mb-big-desktops-10 {
        margin-bottom: 10rem!important
    }

    .ms-big-desktops-0 {
        margin-left: 0!important
    }

    .ms-big-desktops-2 {
        margin-left: 2rem!important
    }

    .ms-big-desktops-4 {
        margin-left: 4rem!important
    }

    .ms-big-desktops-6 {
        margin-left: 6rem!important
    }

    .ms-big-desktops-8 {
        margin-left: 8rem!important
    }

    .ms-big-desktops-10 {
        margin-left: 10rem!important
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size,25px) 0
    }
}

@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size,25px) 0
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    direction: ltr;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--plyr-font-family,inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular,400);
    line-height: var(--plyr-line-height,1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    z-index: 0
}

.plyr audio,.plyr iframe,.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.plyr__badge {
    background: var(--plyr-badge-background,#4a5464);
    border-radius: var(--plyr-badge-border-radius,2px);
    color: var(--plyr-badge-text-color,#fff);
    font-size: var(--plyr-font-size-badge,9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small,13px);
    left: 0;
    padding: var(--plyr-control-spacing,10px);
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size:var(--plyr-font-size-base,15px);
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size:var(--plyr-font-size-large,18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: var(--plyr-captions-background,rgba(0,0,0,.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color,#fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: transparent;
    border: 0;
    border-radius: var(--plyr-control-radius,4px);
    color: inherit;
    cursor: pointer;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: var(--plyr-control-icon-size,18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size,18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: var(--plyr-menu-background,hsla(0,0%,100%,.9));
    border-radius: var(--plyr-menu-radius,8px);
    bottom: 100%;
    -webkit-box-shadow: var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
    box-shadow: var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
    color: var(--plyr-menu-color,#4a5464);
    font-size: var(--plyr-font-size-base,15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    -webkit-transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);
    transition: height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}

.plyr__menu__container:after {
    border-top-color: transparent;
    border: var(--plyr-menu-arrow-size,4px) solid transparent;
    border-top-color: var(--plyr-menu-background,hsla(0,0%,100%,.9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--plyr-menu-color,#4a5464);
    font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.plyr__menu__container .plyr__control,.plyr__menu__container .plyr__control>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit
}

.plyr__menu__container .plyr__control:after {
    border: var(--plyr-menu-item-arrow-size,4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: var(--plyr-menu-arrow-color,#728197);
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: var(--plyr-font-weight-regular,400);
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: var(--plyr-menu-arrow-color,#728197);
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: var(--plyr-menu-back-border-color,#dcdfe5);
    -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0,0,0,.1);
    content: "";
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: var(--plyr-control-spacing,10px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35,40,47,.1)
}

.plyr__menu__container .plyr__menu__value {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
    overflow: hidden;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    display: block;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    background-image: -webkit-gradient(linear,left top,right top,from(currentColor),to(transparent));
    background-image: linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: transparent;
    background: currentColor;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height,5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: var(--plyr-range-thumb-background,#fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height: var(--plyr-range-thumb-height,13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height,13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    outline-offset: 2px
}

.plyr__poster {
    background-color: var(--plyr-video-background,var(--plyr-video-background,#000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: var(--plyr-control-spacing,10px)
}

@media (max-width: 767px) {
    .plyr__time+.plyr__time {
        display:none
    }
}

.plyr__tooltip {
    background: var(--plyr-tooltip-background,#fff);
    border-radius: var(--plyr-tooltip-radius,5px);
    bottom: 100%;
    -webkit-box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    color: var(--plyr-tooltip-color,#4a5464);
    font-size: var(--plyr-font-size-small,13px);
    font-weight: var(--plyr-font-weight-regular,400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%,10px) scale(.8);
    transform: translate(-50%,10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s ease .1s,-webkit-transform .2s ease .1s;
    transition: opacity .2s ease .1s,-webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    transition: transform .2s ease .1s,opacity .2s ease .1s,-webkit-transform .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: var(--plyr-range-thumb-height,13px);
    position: relative
}

.plyr__progress input[type=range],.plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: transparent
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height,5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height,5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);
    background-repeat: repeat-x;
    background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr__progress__marker {
    background-color: var(--plyr-progress-marker-background,#fff);
    border-radius: 1px;
    height: var(--plyr-range-track-height,5px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: var(--plyr-progress-marker-width,3px);
    z-index: 3
}

.plyr__volume {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background,#fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color,#4a5464);
    padding: var(--plyr-control-spacing,10px)
}

.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    color: var(--plyr-audio-control-color-hover,#fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1));
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: var(--plyr-video-background,var(--plyr-video-background,#000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio: 16/9) {
    .plyr__video-embed,.plyr__video-wrapper--fixed-ratio {
        height:0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    -webkit-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color,#fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    z-index: 3
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding:var(--plyr-control-spacing,10px);
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    color: var(--plyr-video-control-color-hover,#fff)
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color,#fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5));
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size:var(--plyr-font-size-xlarge,21px)
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge,21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge,21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0!important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing,10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing,10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height,5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background,#fff);
    border-radius: var(--plyr-menu-radius,8px);
    bottom: 100%;
    -webkit-box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    box-shadow: var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s ease .1s,-webkit-transform .2s ease .1s;
    transition: opacity .2s ease .1s,-webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s,opacity .2s ease .1s;
    transition: transform .2s ease .1s,opacity .2s ease .1s,-webkit-transform .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    -webkit-transition: none!important;
    transition: none!important
}

.plyr__sr-only {
    clip: rect(1px,1px,1px,1px);
    border: 0!important;
    height: 1px!important;
    overflow: hidden;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.plyr [hidden] {
    display: none!important
}

.plyr--video:hover.plyr--full-ui .plyr__control--overlaid {
    -webkit-transform: scale(1.1) translate3D(-50%,-50%,0);
    transform: scale(1.1) translate3D(-50%,-50%,0)
}

.plyr--video .plyr--stopped .plyr__controls {
    display: none
}

.plyr__progress input[type=range],.plyr__progress__buffer {
    cursor: pointer;
    width: 100%
}

.plyr__poster {
    background-color: transparent;
    background-size: cover
}

.plyr--stopped .plyr__poster {
    opacity: 1
}

.plyr__poster:after,.plyr__poster:before {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.plyr__poster:before {
    border: .1rem solid hsla(0,0%,100%,.3);
    border-radius: 50%;
    height: 12rem;
    width: 12rem
}

.plyr__poster:after {
    border-bottom: 1rem solid transparent;
    border-left: 1.5rem solid #fff;
    border-top: 1rem solid transparent;
    display: inline-block;
    height: 0;
    left: calc(50% + .2rem);
    width: 0
}

.plyr__control--overlaid {
    border: .1rem solid #fff;
    border-radius: 50%;
    height: var(--plyr-play-button);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(1) translate3D(-50%,-50%,0);
    transform: scale(1) translate3D(-50%,-50%,0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

button.plyr__control--overlaid {
    width: var(--plyr-play-button)
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.plyr__control--overlaid svg {
    height: calc(var(--plyr-play-button)*.27);
    width: calc(var(--plyr-play-button)*.22)
}

.plyr.plyr--stopped .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.plyr input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #fff;
    border-radius: 50%;
    height: var(--plyr-range-thumb-height);
    width: var(--plyr-range-thumb-height)
}

.wpcf7-form-control-wrap {
    display: inline-block;
    position: relative;
    width: 100%
}

span.wpcf7-not-valid-tip {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    color: #ff5252;
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    left: 0;
    letter-spacing: .1em;
    line-height: 1;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
    top: calc(100% + 5px)
}

.invalid span.wpcf7-not-valid-tip {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    opacity: 1
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.wpcf7-spinner {
    display: none
}

.wpcf7-form .btn--circle.btn--lg:hover circle:last-child {
    stroke-dashoffset: 550
}

.wpcf7-form.sent .btn--circle.btn--lg circle:last-child,.wpcf7-form.submitting .btn--circle.btn--lg circle:last-child {
    stroke-dashoffset: 0
}

.wpcf7-form.invalid .btn--circle.btn--lg circle:last-child {
    stroke: #ff5252
}

.wpcf7 form.submitting .ajax-loader {
    display: none
}

.wpcf7-response-output {
    border: none;
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
    left: 50%;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {
    color: #ff5252;
    display: none
}

span.wpcf7-list-item {
    margin: 0
}

.screen-reader-response {
    display: none
}

@font-face {
    font-display: swap;
    font-family: Futura Now Text;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/futura-now-text/FuturaNowText-Rg.woff2) format("woff2"),url(../fonts/futura-now-text/FuturaNowText-Rg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Futura Now Text;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/futura-now-text/FuturaNowText-XBd.woff2) format("woff2"),url(../fonts/futura-now-text/FuturaNowText-XBd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Futura Now Text;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/futura-now-text/FuturaNowText-Bd.woff2) format("woff2"),url(../fonts/futura-now-text/FuturaNowText-Bd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Futura Now Headline;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/futura-now-headline/FuturaNowHeadline-Rg.woff2) format("woff2"),url(../fonts/futura-now-headline/FuturaNowHeadline-Rg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Futura Now Headline;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/futura-now-headline/FuturaNowHeadline-Bd.woff2) format("woff2"),url(../fonts/futura-now-headline/FuturaNowHeadline-Bd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Futura Now Headline;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/futura-now-headline/FuturaNowHeadline-XBd.woff2) format("woff2"),url(../fonts/futura-now-headline/FuturaNowHeadline-XBd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon/icomoon.eot);
    src: url(../fonts/icomoon/icomoon.eot#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoon.ttf) format("truetype"),url(../fonts/icomoon/icomoon.woff) format("woff"),url(../fonts/icomoon/icomoon.svg#icomoon) format("svg")
}

[class*=" icon-"],[class^=icon-] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

[class*=" icon-"]:after,[class^=icon-]:after {
    font-family: icomoon!important;
    speak: none;
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: 1rem;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-truth-well-told:after {
    content: "\e900"
}

.white {
    color: #fff
}

.black {
    color: #000
}

.red {
    color: #ff5252
}

.darkred {
    color: #793233
}

.green {
    color: #46b450
}

.grey {
    color: #ababa4
}

.darkgrey {
    color: #1f1f1f
}

.bg--white {
    background-color: #fff
}

.bg--black {
    background-color: #000
}

.bg--red {
    background-color: #ff5252
}

.bg--darkred {
    background-color: #793233
}

.bg--green {
    background-color: #46b450
}

.bg--grey {
    background-color: #ababa4
}

.bg--darkgrey {
    background-color: #1f1f1f
}

.bg--responsive {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.a11y {
    border: 0;
    clip: rect(0 0 0 0);
    height: .1rem;
    margin: -.1rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .1rem
}

.ul--reset {
    list-style: none;
    margin: 0;
    padding: 0!important
}

.ul--reset>li {
    display: inline-block
}

.agency__hero__text,.autoalpha-0,.block--mosaic__lightbox,.home:not(.animation-ended) .header li,.home__hero__metas,.home__video:after,.home__video:before,.marquee--default,.page-template-agency .header li,.page-template-contact .header li,.project-teaser__metas,.sent .wpcf7-inner,.single-project:not(.first-load) .header li,.sound #circle-on,.sound-on .sound #circle-off,.sound-on .sound .sound__muted,.sound__wave,.wpcf7-response-output {
    opacity: 0;
    visibility: hidden
}

.autoalpha-1,.block--mosaic__lightbox.active,.low-battery .home__video.active:after,.low-battery .home__video.active:before,.sound-on .sound #circle-on,.sound-on .sound__wave,.wp-admin .marquee--default,.wpcf7 form.sent .wpcf7-response-output,.wpcf7-inner {
    opacity: 1;
    visibility: visible
}

.embed-container {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.embed-container embed,.embed-container iframe,.embed-container object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hide {
    display: none
}

.opacity-1 {
    opacity: 1!important
}

.preventDefault {
    cursor: pointer;
    pointer-events: none
}

.home__video:after,.home__video:before,.project-teaser__metas,.sound__circle,.sound__muted,.sound__wave,.transition,.wpcf7-inner {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.vh-100 {
    height: var(--app-height)!important
}

.min-vh-100 {
    min-height: var(--app-height)!important
}

:root {
    --admin-bar: 0rem;
    --app-height: 100vh;
    --screen-height: 100vh;
    --plyr-range-track-height: 0.1rem;
    --plyr-range-thumb-height: 0.8rem;
    --plyr-color-main: transparent;
    --plyr-play-button: 9.7rem
}

:root .admin-bar {
    --admin-bar: 4.6rem
}

@media (min-width: 760px) {
    :root .admin-bar {
        --admin-bar:3.2rem
    }
}

body,html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

body.admin-bar {
    margin-top: calc(var(--admin-bar)*-1)
}

body.safari {
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

main>section:first-child {
    padding-top: 11rem
}

@media (min-width: 760px) {
    main>section:first-child {
        padding-top:calc(12.84722vw + var(--admin-bar))
    }
}

@media (min-width: 1400px) {
    main>section:first-child {
        padding-top:calc(18.5rem + var(--admin-bar))
    }
}

a,a:active,a:focus,a:hover {
    color: inherit;
    text-decoration: none
}

.h1,h1 {
    font-size: 9.5vw;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1
}

@media (min-width: 992px) {
    .h1,h1 {
        font-size:8.35vw
    }
}

@media (min-width: 1400px) {
    .h1,h1 {
        font-size:12rem
    }
}

.text--sm {
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .3em;
    text-transform: uppercase
}

@media (min-width: 760px) {
    .text--sm {
        font-size:.8rem
    }
}

.current-menu-item {
    position: relative
}

.current-menu-item:after {
    background-color: #fff;
    bottom: -.5rem;
    content: "";
    height: .2rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.bg--white .current-menu-item:after {
    background-color: #000
}

.the-content {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    letter-spacing: .04em
}

.the-content .h2,.the-content .h3,.the-content .h4,.the-content h2,.the-content h3,.the-content h4 {
    font-family: Futura Now Headline,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1
}

.the-content .h2,.the-content h2 {
    font-size: 4rem;
    margin-bottom: 3.5rem
}

@media (min-width: 760px) {
    .the-content .h2,.the-content h2 {
        font-size:5rem;
        margin-top: 0
    }
}

.the-content .h3,.the-content h3 {
    font-size: 3rem;
    margin-bottom: 2rem
}

@media (min-width: 760px) {
    .the-content .h3,.the-content h3 {
        font-size:3.5rem
    }
}

.the-content .h4,.the-content h4 {
    font-size: 2rem;
    margin-bottom: 1rem
}

.the-content p,.the-content ul {
    margin-bottom: 3rem
}

.the-content p:last-child,.the-content ul:last-child {
    margin-bottom: 0
}

.the-content a {
    text-decoration: underline;
    word-break: break-word
}

.the-content blockquote {
    margin: 0
}

.line {
    -webkit-clip-path: polygon(0 0,130% 0,130% 130%,0 130%);
    clip-path: polygon(0 0,130% 0,130% 130%,0 130%);
    line-height: 1
}

@media (min-width: 992px) {
    .is-animating,.is-animating * {
        pointer-events:none!important
    }
}

.header {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .1em;
    top: var(--admin-bar);
    z-index: 5
}

@media (min-width: 760px) {
    .header {
        pointer-events:none
    }
}

.header a {
    pointer-events: all
}

.header__menu li:not(:last-child) {
    margin-right: 4rem
}

.header__branding {
    line-height: 1;
    width: 10rem;
    z-index: 1
}

.loading .header__branding {
    opacity: 0
}

.header__city {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .47rem;
    margin-top: 1rem
}

.header__btn {
    height: 1.2rem;
    pointer-events: auto;
    right: 2rem;
    top: 3.6rem;
    width: 1.8rem
}

.header__btn:after {
    border-radius: 50%;
    content: "";
    height: 4rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 4rem
}

.header__btn span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    border: none;
    cursor: pointer;
    -webkit-filter: blur(0);
    filter: blur(0);
    height: .1rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateZ(0) rotate(0deg) scale(1);
    transform: translateZ(0) rotate(0deg) scale(1);
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease,-webkit-transform .35s ease;
    width: 100%;
    will-change: transform
}

.header__btn span:first-of-type {
    -webkit-transform: translate3D(0,2px,0) rotate(0deg) scale(1);
    transform: translate3D(0,2px,0) rotate(0deg) scale(1)
}

.header__btn span:nth-of-type(2) {
    -webkit-transform: translate3D(0,13px,0) rotate(0deg) scale(1);
    transform: translate3D(0,13px,0) rotate(0deg) scale(1)
}

.header__btn.active span:first-of-type {
    -webkit-transform: translate3D(0,7px,0) rotate(45deg) scale(1);
    transform: translate3D(0,7px,0) rotate(45deg) scale(1)
}

.header__btn.active span:nth-of-type(2) {
    -webkit-transform: translate3D(0,7px,0) rotate(-45deg) scale(1);
    transform: translate3D(0,7px,0) rotate(-45deg) scale(1)
}

.header__mobile {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    height: 0;
    left: 0;
    letter-spacing: .1em;
    top: 0;
    z-index: 4
}

.header__mobile__inner {
    --bs-gutter-x: 6rem;
    bottom: 0;
    left: 0;
    overflow: hidden scroll;
    padding-bottom: 3rem
}

body:not(.fxios) .header__mobile__inner.toolbar-visible {
    padding-bottom: calc(3rem + var(--screen-height) - var(--app-height))
}

.header__mobile li {
    overflow: hidden;
    position: relative
}

.header__mobile a {
    display: inline-block
}

.header__mobile__menu--top {
    margin-bottom: 2.5rem
}

.header__mobile__menu--top li {
    margin-bottom: 2rem
}

.header__mobile__menu--top li.menu-item--big {
    font-size: 3rem;
    margin-bottom: 1.5rem
}

.header__mobile__menu--top li.menu-item--after-big {
    margin-top: 3rem
}

.header__mobile__menu--bottom {
    margin-top: 4rem
}

.header__mobile__menu--bottom li {
    margin-top: 1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%
}

.footer {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 140%;
    z-index: 1
}

.footer__animation {
    height: 29rem;
    width: 100%
}

.footer__menu {
    padding-bottom: 30rem
}

.footer__top {
    margin-bottom: 23rem
}

.footer p:last-child {
    margin-bottom: 0
}

@media (min-width: 1400px) {
    .agency__container,.container-fluid--thd {
        padding-left:10rem;
        padding-right: 10rem
    }
}

@media (min-width: 760px) {
    .agency__container,.container,.container-fluid,.container-fluid--thd,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.row {
        --bs-gutter-x:6rem
    }
}

.marquee {
    font-family: Futura Now Headline,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 7rem;
    font-weight: 700;
    letter-spacing: -.02em;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 760px) {
    .marquee {
        font-size:11.8055555556vw
    }
}

@media (min-width: 1400px) {
    .marquee {
        font-size:17rem
    }
}

.marquee--default {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke-width: .1rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    background-color: transparent
}

.marquee--default .icon-truth-well-told {
    display: inline;
    font-size: .8em;
    margin-left: .3em;
    padding-top: .21em
}

.marquee--default .icon-truth-well-told:after {
    margin-left: 0
}

.marquee--default+.marquee--default {
    margin-top: -1.5rem
}

@media (min-width: 760px) {
    .marquee--default+.marquee--default {
        margin-top:-1rem
    }
}

.marquee .special-character {
    padding-bottom: .22em;
    padding-right: .3em;
    text-transform: lowercase
}

.marquee .special-character:not(:first-child) {
    padding-left: .3em
}

.marquee[data-reverse=true] {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

.marquee[data-reverse=true],.marquee__el {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.marquee__el {
    line-height: 1.2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .85em;
    white-space: nowrap
}

.projects__marquee .marquee__el {
    padding-right: 0
}

@media (min-width: 760px) {
    .marquee__el {
        line-height:1.1
    }
}

.marquee__inner {
    will-change: transform
}

.loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inset: 0;
    line-height: 1;
    z-index: 10;
    --bgOpacity: 1
}

.loader:before {
    background-color: #000;
    content: "";
    inset: 0;
    opacity: var(--bgOpacity);
    position: fixed;
    will-change: opacity
}

.loader__truth {
    width: 6rem
}

.loader__mccann {
    left: 0;
    top: 0;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    width: 70vw;
    will-change: transform
}

@media (min-width: 760px) {
    .loader__mccann {
        width:50vw
    }
}

@media (min-width: 992px) {
    .loader__mccann {
        width:25vw
    }
}

@media (min-width: 1080px) {
    .loader__mccann {
        width:60rem
    }
}

.loader__mccann svg {
    display: block;
    height: auto;
    max-width: 100%;
    -webkit-transform-origin: center;
    transform-origin: center
}

.loader__mccann svg:nth-child(2) {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    will-change: transform
}

@media (min-width: 992px) {
    .loader__mccann svg:nth-child(2) {
        -webkit-transform:scale(.6);
        transform: scale(.6)
    }
}

@media (min-width: 1080px) {
    .loader__mccann svg:nth-child(2) {
        -webkit-transform:scale(.4);
        transform: scale(.4)
    }
}

.loader__line {
    margin-bottom: 9rem
}

.loader__city {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 2rem;
    margin-top: 2.8rem;
    will-change: letter-spacing,font-size,margin-top
}

.error404 .loader {
    display: none
}

.block {
    padding-bottom: 8rem;
    padding-top: 4rem
}

@media (min-width: 760px) {
    .block {
        padding-bottom:4rem
    }
}

@media (min-width: 992px) {
    .block {
        padding-bottom:9rem;
        padding-top: 9rem
    }
}

@media (min-width: 760px) {
    body:not(.wp-admin) .block--video {
        min-height:50vh
    }
}

@media (orientation: landscape) {
    body:not(.wp-admin) .block--video {
        min-height:200vh
    }
}

.block--video:not(.is-finished) .plyr--stopped {
    pointer-events: none
}

.block--video.is-finished .plyr--stopped {
    cursor: none
}

@media (orientation: landscape) {
    .block--video__container {
        min-height:100vh;
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }
}

.wp-admin .block--video__container {
    min-height: 70vh
}

.block--video__inner {
    -webkit-clip-path: polygon(25% 35%,75% 35%,75% 65%,25% 65%);
    clip-path: polygon(25% 35%,75% 35%,75% 65%,25% 65%);
    position: relative;
    will-change: clip-path
}

.wp-admin .block--video__inner {
    -webkit-clip-path: none;
    clip-path: none
}

.block--video__wrapper {
    height: 56.26vw;
    max-width: 124rem;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    width: 100vw;
    will-change: transform
}

@media (orientation: landscape) {
    .block--video__wrapper {
        height:60vh;
        width: 80vw
    }
}

.wp-admin .block--video__wrapper {
    -webkit-transform: none;
    transform: none
}

.block--video .plyr,.block--video__player {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.wp-admin .block--video .plyr,.wp-admin .block--video__player {
    width: 100%
}

.block--video__player iframe {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.block--text__content {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    letter-spacing: .04em;
    line-height: 1.6
}

@media (min-width: 760px) {
    .block--text__content {
        font-size:2.2rem;
        line-height: 3.5rem;
        max-width: 50.5rem
    }
}

.block--text blockquote strong {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width: 760px) {
    .block--text blockquote strong {
        font-size:1rem
    }
}

.block--video+.block--text {
    padding-top: 0
}

.block--mosaic {
    padding-bottom: 8rem
}

@media (min-width: 992px) {
    .block--mosaic {
        padding-bottom:12rem
    }
}

.block--text+.block--mosaic {
    padding-top: 0
}

@media (min-width: 1080px) {
    .block--text+.block--mosaic {
        margin-top:-20rem
    }
}

.block--mosaic__title {
    font-size: 7rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: .85;
    margin-bottom: 10rem;
    max-width: 90rem;
    z-index: 1
}

@media (min-width: 760px) {
    .block--mosaic__title {
        margin-bottom:17rem
    }
}

@media (min-width: 992px) {
    .block--mosaic__title {
        font-size:11.8055555556vw
    }
}

@media (min-width: 1080px) {
    .block--mosaic__title {
        font-size:17rem
    }
}

.block--mosaic__content {
    z-index: 0
}

.block--mosaic__img {
    left: 0;
    position: absolute;
    --margin-mosaic: 1rem;
    --width-mosaic-xl: 28rem;
    --width-mosaic-lg: 20rem;
    --width-mosaic-md: 18rem;
    --width-mosaic-sm: 15rem;
    --width-mosaic-xs: 12rem
}

@media (min-width: 992px) {
    .block--mosaic__img {
        --margin-mosaic:2rem;
        --width-mosaic-xl: calc(40vw - 10rem);
        --width-mosaic-lg: 30vw;
        --width-mosaic-md: 25.5vw;
        --width-mosaic-sm: 21.53vw;
        --width-mosaic-xs: 18.6vw
    }
}

.block--mosaic__img--1 {
    margin-bottom: var(--margin-mosaic);
    position: relative;
    width: var(--width-mosaic-xl)
}

.block--mosaic__img--2 {
    bottom: calc(100% + var(--margin-mosaic));
    width: var(--width-mosaic-md)
}

.block--mosaic__img--3 {
    bottom: calc(100% + var(--margin-mosaic));
    left: calc(var(--width-mosaic-md) + var(--margin-mosaic));
    width: var(--width-mosaic-xs)
}

.block--mosaic__img--4 {
    left: calc(100% + var(--margin-mosaic));
    top: 0;
    width: var(--width-mosaic-lg)
}

.block--mosaic__img--5 {
    left: calc(100% + var(--margin-mosaic));
    top: calc(11.3rem + var(--margin-mosaic));
    width: var(--width-mosaic-xs)
}

@media (min-width: 992px) {
    .block--mosaic__img--5 {
        top:calc(17vw + var(--margin-mosaic))
    }
}

.block--mosaic__img--6 {
    position: relative;
    width: var(--width-mosaic-sm);
    z-index: 0
}

.block--mosaic__img--7 {
    left: auto;
    right: calc(100% + var(--margin-mosaic));
    top: calc(6rem + var(--margin-mosaic));
    width: var(--width-mosaic-lg)
}

@media (min-width: 992px) {
    .block--mosaic__img--7 {
        top:calc(8.33vw + var(--margin-mosaic))
    }
}

.block--mosaic__img--8 {
    left: auto;
    right: calc(100% + var(--margin-mosaic));
    top: -1rem;
    width: var(--width-mosaic-xs)
}

@media (min-width: 992px) {
    .block--mosaic__img--8 {
        top:-2.3vw
    }
}

.block--mosaic__img img {
    width: 100%
}

.block--mosaic__btn {
    bottom: -7.8rem;
    left: calc(50% - 6rem);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 992px) {
    .block--mosaic__btn {
        left:calc(50% - 13rem)
    }
}

.block--mosaic__lightbox {
    height: var(--screen-height);
    inset: 0;
    z-index: 9
}

.block--mosaic__overlay {
    background-color: rgba(0,0,0,.7);
    cursor: none;
    left: 0;
    top: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    will-change: transform
}

.block--mosaic__inner {
    -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
    clip-path: polygon(0 0,100% 0,100% 0,0 0);
    height: 60vh;
    max-width: 124rem;
    pointer-events: none;
    width: 80vw;
    will-change: clip-path
}

.block--mosaic .plyr,.block--mosaic__player {
    height: auto;
    pointer-events: all;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

@media (min-width: 992px) {
    .block--mosaic .plyr,.block--mosaic__player {
        height:100%;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: auto
    }
}

.block--visuals__row:not(:last-child) {
    margin-bottom: 2rem
}

@media (min-width: 760px) {
    .block--visuals__row:not(:last-child) {
        margin-bottom:8rem
    }
}

@media (min-width: 992px) {
    .block--visuals__row:not(:last-child) {
        margin-bottom:13rem
    }
}

.block--visuals__row--equal {
    --bs-gutter-x: .8rem
}

@media (min-width: 760px) {
    .block--visuals__row--equal {
        --bs-gutter-x:2.4rem
    }
}

.block--visuals__img {
    -webkit-clip-path: polygon(50% 50%,50% 50%,50% 50%,50% 50%);
    clip-path: polygon(50% 50%,50% 50%,50% 50%,50% 50%);
    will-change: clip-path
}

.wp-admin .block--visuals__img {
    -webkit-clip-path: none;
    clip-path: none
}

.block--visuals__img img {
    position: relative;
    will-change: transform
}

.block--visuals__img--equal,.block--visuals__img--equal img,.block--visuals__img--large,.block--visuals__img--large img {
    width: 100%
}

.block--visuals__img--small {
    width: 9.4rem
}

@media (min-width: 760px) {
    .block--visuals__img--small {
        width:auto
    }
}

.block--img-fullscreen--portrait .block--img-fullscreen__img {
    max-width: 60vw
}

@media (min-width: 760px) {
    .block--img-fullscreen--portrait .block--img-fullscreen__img {
        max-width:none
    }
}

.block--img-fullscreen__bg {
    inset: 0
}

.block--img-fullscreen__bg img,.block--img-fullscreen__bg picture {
    height: 100%
}

.block--img-fullscreen__bg img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.block--awards__title,.block--awards__total {
    font-size: 7rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1
}

@media (min-width: 992px) {
    .block--awards__title,.block--awards__total {
        font-size:11.8055555556vw
    }
}

@media (min-width: 1080px) {
    .block--awards__title,.block--awards__total {
        font-size:17rem
    }
}

.block--awards__bottom {
    font-size: 1.2rem;
    line-height: 1.2
}

@media (min-width: 760px) {
    .block--awards__bottom {
        font-size:1.6rem
    }
}

.block--awards__row {
    --bs-gutter-x: 4rem
}

.block--awards__row:not(:last-child) {
    margin-bottom: 4rem
}

@media (min-width: 760px) {
    .block--awards__row:not(:last-child) {
        margin-bottom:6rem
    }
}

@media (min-width: 992px) {
    .block--awards__row:not(:last-child) {
        margin-bottom:4rem
    }
}

.block--awards__subtitle {
    font-weight: 700
}

@media (min-width: 992px) {
    .block--awards__subtitle {
        max-width:31rem
    }
}

@media (min-width: 760px) {
    .block--awards__prize {
        max-width:18rem
    }
}

.block--awards__award {
    margin-bottom: .5rem;
    --bs-gutter-x: 2rem
}

@media (min-width: 760px) {
    .block--awards__award {
        margin-bottom:0;
        --bs-gutter-x: 4rem
    }
}

.block--mobile-screens__container {
    width: 100%
}

@media (min-width: 760px) {
    .block--mobile-screens__container {
        max-width:110rem
    }
}

@media (min-width: 1500px) {
    .block--mobile-screens__container {
        max-width:130rem
    }
}

.block--mobile-screens__slider {
    overflow: visible
}

@media (min-width: 760px) {
    .block--mobile-screens__slider {
        overflow:hidden
    }
}

.block--mobile-screens__slide {
    width: 65vw
}

@media (min-width: 760px) {
    .block--mobile-screens__slide {
        width:100%
    }
}

@media (min-width: 1400px) {
    .block--mobile-screens__slide:not(:last-child) {
        margin-right:5rem
    }
}

.block--mobile-screens__asset {
    -webkit-animation: shimmer 2.5s linear infinite forwards;
    animation: shimmer 2.5s linear infinite forwards;
    background-color: #ababa4;
    background-image: -webkit-gradient(linear,left top,right top,from(#ababa4),color-stop(50%,#5e5e5e),to(#ababa4));
    background-image: linear-gradient(90deg,#ababa4,#5e5e5e 50%,#ababa4);
    background-size: 200% 100%;
    border-radius: 2rem;
    height: 100%;
    width: 100%
}

@-webkit-keyframes shimmer {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200% 0
    }
}

@keyframes shimmer {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200% 0
    }
}

.block--mobile-screens__sizer {
    padding-bottom: 177.5147928994%;
    width: 100%
}

.block--mobile-screens__video {
    cursor: none;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.block--mobile-screens img {
    width: 100%
}

.block--mobile-screens__sound {
    right: 2rem;
    top: 2rem
}

.block--slider {
    --default-slider-height: 30rem;
    --slide-height: 100;
    padding-bottom: 8rem
}

@media (min-width: 992px) {
    .block--slider {
        --default-slider-height:48rem;
        padding-bottom: 18rem
    }
}

.block--slider__img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.block--slider__btn {
    bottom: -2rem;
    left: 45%;
    mix-blend-mode: difference;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

@media (min-width: 992px) {
    .block--slider__btn {
        bottom:-5.5rem
    }
}

@media (min-width: 760px) {
    .block--slider img {
        height:calc(var(--default-slider-height)*var(--slide-height)/100);
        width: auto
    }

    .block--slider__slide {
        width: auto
    }
}

.wp-admin .block--slider__slide {
    margin-right: 2rem
}

.block--title__marquee {
    padding-bottom: 7rem
}

@media (min-width: 992px) {
    .block--title__marquee {
        padding-bottom:18rem
    }
}

.block--title__marquee .marquee__el {
    padding-right: .2em
}

.block--title+* {
    padding-top: 0
}

.cookies {
    bottom: 2rem;
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    max-width: calc(100vw - 4rem);
    padding: 2rem;
    right: 2rem;
    z-index: 9
}

@media (min-width: 760px) {
    .cookies {
        bottom:3rem;
        max-width: 52rem;
        padding: 3.2rem 4rem;
        right: 3rem
    }
}

.cookies__consent,.cookies__noconsent {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase
}

.cookies__consent,.cookies__consent:focus,.cookies__consent:hover {
    color: #fff
}

.cookies__noconsent {
    color: #ababa4
}

.btn--circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    height: 11rem;
    letter-spacing: normal;
    line-height: 1;
    text-transform: uppercase;
    width: 11rem;
    --angle: 0deg;
    padding: 1rem
}

.btn--circle svg {
    display: block;
    height: 100%;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(var(--angle));
    transform: rotate(var(--angle));
    width: 100%;
    z-index: 1
}

.btn--circle circle:last-child {
    stroke-dasharray: 355;
    stroke-dashoffset: 355;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(.8,0,.1,1);
    transition: stroke-dashoffset 1s cubic-bezier(.8,0,.1,1)
}

.btn--circle.btn--lg {
    height: 14rem;
    width: 14rem
}

.btn--circle.btn--lg circle:last-child {
    stroke-dasharray: 550;
    stroke-dashoffset: 550
}

@media (min-width: 1400px) {
    .btn--circle.btn--lg {
        height:17rem;
        padding: 0 4rem;
        width: 17rem
    }

    .btn--circle.btn--lg circle:last-child {
        stroke-dasharray: 550;
        stroke-dashoffset: 550
    }
}

.btn--circle.grabbed circle:last-child,.btn--circle:hover:not(.disable-hover) circle:last-child {
    stroke-dashoffset: 0
}

.project-teaser {
    cursor: none;
    display: block;
    position: relative
}

.project-teaser__metas {
    padding-top: .3rem;
    position: static
}

@media (min-width: 760px) {
    .project-teaser__metas {
        padding-top:.9rem
    }
}

@media (min-width: 1080px) {
    .project-teaser__metas {
        left:0;
        position: absolute;
        top: 100%;
        width: 100%
    }
}

@media (hover: hover) {
    .home__projects .project-teaser:hover .project-teaser__metas {
        opacity:1;
        visibility: visible
    }
}

.home__projects .project-teaser__metas {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.multitouch .home__projects .project-teaser__metas {
    font-size: .8rem
}

.multitouch .active .project-teaser__metas,.reveal-metas+.project-teaser__metas {
    opacity: 1;
    visibility: visible
}

.project-teaser__client,.project-teaser__title {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .8rem;
    font-weight: 700;
    pointer-events: none
}

@media (min-width: 760px) {
    .project-teaser__client,.project-teaser__title {
        font-size:1.1rem
    }
}

.team-teaser {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif
}

.team-teaser__name {
    font-weight: 700
}

.team-teaser__job,.team-teaser__name {
    font-size: .8rem
}

@media (min-width: 760px) {
    .team-teaser__job,.team-teaser__name {
        font-size:1.2rem
    }
}

.team-teaser__curtain {
    background-image: linear-gradient(-70deg,#000 100%,hsla(0,0%,100%,0) 1000%);
    height: calc(100% + var(--bs-gutter-x));
    left: 50%;
    pointer-events: none;
    top: 50%;
    -webkit-transform: translate3D(-50%,-50%,0);
    transform: translate3D(-50%,-50%,0);
    width: calc(100% + var(--bs-gutter-x))
}

.in-view .team-teaser__curtain {
    height: calc(100% + .2rem);
    width: calc(100% + .2rem)
}

.cursor {
    display: none
}

.cursor-hover {
    cursor: none
}

@media (any-pointer: fine) {
    .cursor {
        display:block;
        font-size: 1.6rem;
        font-weight: 700;
        left: 0;
        letter-spacing: .04em;
        opacity: 0;
        pointer-events: none;
        text-align: center;
        text-transform: uppercase;
        top: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        z-index: 40
    }

    .cursor__circle,.cursor__text {
        display: none
    }
}

.link {
    --link-chars-count: 1;
    --link-chars-index: 0;
    --link-duration: 750ms;
    --link-easing: cubic-bezier(0.215,0.61,0.355,1)
}

.link__line {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.link__letter {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition-delay: calc(var(--link-duration)*var(--link-chars-index)/var(--link-chars-count));
    transition-delay: calc(var(--link-duration)*var(--link-chars-index)/var(--link-chars-count));
    -webkit-transition-duration: var(--link-duration);
    transition-duration: var(--link-duration);
    -webkit-transition-timing-function: var(--link-easing);
    transition-timing-function: var(--link-easing);
    visibility: visible
}

@media (hover: hover) {
    .link.active .link__letter {
        -webkit-animation-delay:calc(var(--link-duration)*var(--link-chars-index)/30);
        animation-delay: calc(var(--link-duration)*var(--link-chars-index)/30);
        -webkit-animation-duration: var(--link-duration);
        animation-duration: var(--link-duration);
        -webkit-animation-name: letter-stagger;
        animation-name: letter-stagger;
        -webkit-animation-timing-function: var(--link-easing);
        animation-timing-function: var(--link-easing)
    }
}

@-webkit-keyframes letter-stagger {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    40% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    40.0001% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes letter-stagger {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    40% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    40.0001% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

input:not([type=submit]),textarea {
    background-color: transparent;
    border: none;
    border-bottom: .1rem solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    height: 100%;
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
    width: 100%
}

@media (min-width: 760px) {
    input:not([type=submit]),textarea {
        font-size:1.3rem
    }
}

input:not([type=submit]).wpcf7-not-valid,textarea.wpcf7-not-valid {
    border-bottom-color: #ff5252
}

input:not([type=submit]) {
    height: 5rem
}

input[type=submit] {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: inherit;
    font-weight: inherit;
    height: 100%;
    padding: 0 3rem;
    position: relative;
    text-transform: inherit;
    white-space: normal;
    width: 100%;
    z-index: 1
}

@media (min-width: 760px) {
    input[type=submit] {
        padding:0 4rem
    }
}

input,textarea {
    outline: none
}

[data-name=your-message] {
    margin-bottom: 0;
    margin-top: auto
}

label {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 760px) {
    label {
        font-size:1.3rem
    }
}

.wpcf7-form-control-wrap+label {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    --duration-transition: 0.3s;
    -webkit-transition: top var(--duration-transition) cubic-bezier(.39,0,.21,1),color var(--duration-transition) cubic-bezier(.39,0,.21,1),-webkit-transform var(--duration-transition) cubic-bezier(.39,0,.21,1);
    transition: top var(--duration-transition) cubic-bezier(.39,0,.21,1),color var(--duration-transition) cubic-bezier(.39,0,.21,1),-webkit-transform var(--duration-transition) cubic-bezier(.39,0,.21,1);
    transition: top var(--duration-transition) cubic-bezier(.39,0,.21,1),transform var(--duration-transition) cubic-bezier(.39,0,.21,1),color var(--duration-transition) cubic-bezier(.39,0,.21,1);
    transition: top var(--duration-transition) cubic-bezier(.39,0,.21,1),transform var(--duration-transition) cubic-bezier(.39,0,.21,1),color var(--duration-transition) cubic-bezier(.39,0,.21,1),-webkit-transform var(--duration-transition) cubic-bezier(.39,0,.21,1)
}

.active+label {
    color: #ababa4;
    top: -1.5rem;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

label[for=your-message] {
    padding-top: 1em
}

.form-group {
    position: relative
}

.form-group:not(:last-child) {
    margin-bottom: 2rem
}

@media (min-width: 760px) {
    .form-group:not(:last-child) {
        margin-bottom:4rem
    }
}

.form-group:last-child {
    margin-bottom: 3rem
}

@media (min-width: 760px) {
    .form-group:last-child {
        margin-bottom:4rem
    }
}

@media (min-width: 992px) {
    .form-group:last-child {
        margin-bottom:0
    }
}

::-webkit-input-placeholder {
    color: #fff
}

::-moz-placeholder {
    color: #fff
}

:-ms-input-placeholder {
    color: #fff
}

:-moz-placeholder {
    color: #fff
}

.menu-lang {
    color: #ababa4;
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .1em
}

@media (min-width: 760px) {
    .menu-lang {
        margin-left:4rem
    }
}

.menu-lang li:not(:last-child) {
    margin-right: .5rem
}

.menu-lang li:not(.current-lang) a {
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.menu-lang .current-lang,.menu-lang li:not(.current-lang) a:hover,.menu-lang__separator {
    color: #fff
}

.menu-lang .current-lang a,.menu-lang__separator a {
    cursor: default;
    pointer-events: none
}

.sound {
    pointer-events: none
}

.sound__picto {
    height: auto;
    width: 3rem
}

@media (min-width: 760px) {
    .sound__picto {
        width:4rem
    }
}

.sound__muted {
    -webkit-transform-origin: 75% center;
    transform-origin: 75% center
}

.sound #muted-1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sound #muted-2 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sound-on .sound #wave-1 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.sound-on .sound #wave-2 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.sound-on .sound #wave-3 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.sound-on .sound__circle {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.home__hero {
    height: var(--screen-height);
    z-index: 2
}

@media (min-width: 760px) {
    .home__hero__line:first-child {
        margin-left:1.69em
    }
}

.home__hero__line:nth-child(3) {
    margin-left: 1.27em
}

@media (min-width: 760px) {
    .home__hero__line:nth-child(3) {
        margin-left:1.81em
    }
}

.home__hero__line:nth-child(4) {
    margin-left: 1.27em
}

@media (min-width: 760px) {
    .home__hero__line:nth-child(4) {
        margin-left:1.83em
    }
}

.home__hero__line:not(:first-child) {
    margin-top: .07em
}

@media (min-width: 760px) {
    .home__hero__line:not(:first-child) {
        margin-top:-.085em
    }
}

.home__hero__line .small,.home__hero__line small {
    font-size: .3em;
    letter-spacing: .008em
}

.home__hero__line sup {
    line-height: 0
}

body:not(.animation-ended) .home__hero .home__hero__line {
    -webkit-clip-path: polygon(0 0,130% 0,130% 130%,0 130%);
    clip-path: polygon(0 0,130% 0,130% 130%,0 130%)
}

body:not(.animation-ended) .home__hero .sentence {
    -webkit-transform: translateY(120%);
    transform: translateY(120%)
}

.home__hero__video {
    display: inline-block;
    height: 3.1rem;
    pointer-events: none;
    width: 8.3rem;
    z-index: 1
}

@media (min-width: 760px) {
    .home__hero__video {
        height:6.0416666667vw;
        width: 15.9722222222vw
    }
}

@media (min-width: 1400px) {
    .home__hero__video {
        height:8.7rem;
        width: 23rem
    }
}

.home__hero__video.is-finished {
    cursor: none;
    pointer-events: all
}

.home__hero__video video {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.home__hero__metas {
    bottom: calc(3rem + var(--screen-height) - var(--app-height));
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

@media (orientation: landscape) {
    .home__hero__metas {
        bottom:3rem
    }
}

.home__video {
    padding-bottom: 56.25%
}

@media (orientation: landscape) {
    .home__video {
        height:150vh;
        padding-bottom: 0
    }
}

.home__video:after,.home__video:before {
    content: "";
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.home__video:before {
    border: .1rem solid hsla(0,0%,100%,.3);
    border-radius: 50%;
    height: 9rem;
    width: 9rem
}

.home__video:after {
    border-bottom: .75rem solid transparent;
    border-left: 1rem solid #fff;
    border-top: .75rem solid transparent;
    display: inline-block;
    height: 0;
    left: calc(50% + .2rem);
    width: 0
}

.home__video__marquee {
    bottom: 3rem;
    font-size: 2rem;
    font-weight: 700;
    pointer-events: none;
    position: absolute;
    z-index: 3
}

@media (min-width: 760px) {
    .home__video__marquee {
        font-size:4.7rem
    }
}

@media (orientation: landscape) {
    .home__video__marquee {
        bottom:auto;
        padding-top: 85vh;
        position: relative;
        top: 0
    }
}

.home__video .marquee__el {
    padding-right: 1.5rem
}

.home__video .icon-truth-well-told {
    font-size: .8em;
    margin-left: .15em;
    margin-top: .24em
}

.home__video .pin-spacer {
    pointer-events: none
}

.home__projects {
    position: relative;
    z-index: 0
}

.home__projects__listing {
    min-height: var(--screen-height)
}

.home__projects__line:not(:first-child) {
    margin-top: -.1em
}

.home__projects__line:nth-child(3) {
    z-index: 30
}

@media (max-width: 759.98px) {
    .home__projects__title {
        font-size:5rem
    }
}

.home__projects__best {
    font-size: .8rem;
    left: 50%;
    letter-spacing: .1em;
    text-transform: uppercase;
    top: calc(100% + 6rem);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    --best-x-offset: 1.2rem;
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 800
}

.home__projects__el {
    margin-bottom: 6rem;
    z-index: 1
}

.home__projects__el:not(.clone) {
    background-color: #000;
    will-change: left,top
}

.home__projects__el.clone {
    width: 100%
}

.home__projects__el img {
    will-change: opacity
}

.home__projects__el.active:hover img {
    opacity: 1!important
}

.home__projects__el.active img {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.home__projects__el:not(.active) {
    pointer-events: none
}

.home__projects__inner {
    height: var(--screen-height);
    inset: 0
}

.home__projects__row {
    --bs-gutter-x: 4rem
}

@media (min-width: 1400px) {
    .home__projects__row {
        --bs-gutter-x:6rem
    }
}

.home__projects__col {
    width: 21rem
}

@media (min-width: 760px) {
    .home__projects__col {
        width:35rem
    }
}

.home__projects__col:nth-child(2n) {
    margin-top: calc(var(--screen-height)*-.21)
}

.home__projects__col:nth-child(odd) {
    margin-top: calc(var(--screen-height)*-.06)
}

.home__projects__btnWrapper {
    position: absolute;
    right: 2rem;
    top: calc(var(--screen-height) - 14rem);
    z-index: 22
}

@media (min-width: 760px) {
    .home__projects__btnWrapper {
        right:3.5rem
    }
}

.home__agency {
    padding-top: 5rem
}

@media (min-width: 760px) {
    .home__agency {
        padding-top:17rem
    }
}

.home__agency__marquee {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke-width: .1rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    background-color: transparent
}

.home__agency .marquee__el {
    padding-right: .4em
}

.home__agency__title {
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 759.98px) {
    .home__agency__title {
        font-size:4rem
    }
}

.home__agency__inner {
    padding-bottom: 25rem;
    padding-top: 10rem;
    pointer-events: none
}

@media (min-width: 760px) {
    .home__agency__inner {
        min-height:var(--screen-height);
        padding-top: 18rem
    }
}

.home__agency__line {
    line-height: 1
}

@media (min-width: 760px) {
    .home__agency__line {
        line-height:.9
    }
}

.home__agency__line:first-child {
    margin-left: 1.13em
}

.home__agency__line:nth-child(3),[lang=fr-FR] .home__agency__line:nth-child(4) {
    margin-left: 1.18em
}

.home__agency__copyright {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 110%;
    text-transform: none;
    width: 8em
}

@media (min-width: 760px) {
    .home__agency__copyright {
        font-size:.9rem;
        width: 17.75em
    }
}

@media (min-width: 992px) {
    .home__agency__copyright {
        padding-bottom:1em
    }
}

.home__agency .icon-truth-well-told {
    display: inline;
    font-size: .54em
}

.home__agency .icon-truth-well-told:after {
    margin-left: .08em
}

.home__agency__physics {
    left: 0;
    top: 0
}

.home__agency__physics.grab {
    cursor: -webkit-grab;
    cursor: grab
}

.home__agency__physics.grab.grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.home__agency__btn {
    pointer-events: all;
    right: 2%;
    top: calc(100% - .6em);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page__hero .marquee__el {
    line-height: 1.2;
    padding-right: .25em
}

.team__hero {
    z-index: 0
}

.team__animation {
    inset: 0;
    z-index: -1
}

.team__content {
    margin-top: -2rem;
    z-index: 2
}

@media (min-width: 760px) {
    .team__content {
        margin-top:-4rem
    }
}

.team__content img {
    width: 100%
}

.projects__marquee .icon-truth-well-told {
    margin-right: .25em
}

.projects__text {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4
}

@media (min-width: 992px) {
    .projects__text {
        position:absolute;
        top: 0
    }
}

@media (min-width: 1080px) {
    .projects__text {
        left:0
    }
}

@media (min-width: 1400px) {
    .projects__text {
        left:7rem
    }
}

.projects__text p:last-child {
    margin-bottom: 0
}

.projects__row {
    --bs-gutter-x: 2rem
}

@media (min-width: 760px) {
    .projects__row {
        --bs-gutter-x:4rem
    }
}

@media (min-width: 1080px) {
    .projects__row {
        --bs-gutter-x:6rem
    }
}

.projects__col {
    margin-bottom: 4rem
}

@media (min-width: 760px) {
    .projects__col {
        margin-bottom:8rem
    }
}

@media (min-width: 1080px) {
    .projects__col {
        margin-bottom:12rem
    }
}

.projects__el:not(.animation-ended) img {
    position: relative;
    width: 100%;
    will-change: transform
}

.projects__el:not(.animation-ended) .project-teaser__img {
    -webkit-clip-path: polygon(50% 50%,50% 50%,50% 50%,50% 50%);
    clip-path: polygon(50% 50%,50% 50%,50% 50%,50% 50%);
    overflow: hidden;
    position: relative;
    will-change: clip-path
}

.project__hero {
    --client-fs: 3vw;
    min-height: var(--app-height);
    position: relative
}

.project__hero:after {
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.4)));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.4));
    bottom: 0;
    height: var(--app-height);
    left: 0;
    position: absolute;
    width: 100vw;
    z-index: 0
}

@media (orientation: landscape) {
    .project__hero:after {
        content:""
    }
}

.project__hero__inner {
    overflow: hidden;
    top: 0
}

.project__hero__metas {
    padding-top: min(23.5rem + var(--admin-bar),15.5vw + var(--admin-bar));
    top: 0;
    z-index: 1
}

@media (orientation: portrait) {
    .project__hero__metas {
        display:none
    }
}

.project__next__title,.project__title {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1
}

@media (min-width: 760px) {
    .project__next__title,.project__title {
        font-size:2.5rem
    }
}

.project__next__year,.project__year {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 700
}

@media (min-width: 760px) {
    .project__next__year,.project__year {
        font-size:1.2rem
    }
}

.project__client,.project__next__client {
    -webkit-background-clip: text;
    background-clip: text;
    bottom: -.18em;
    font-size: 15rem;
    left: 50%;
    letter-spacing: -.02em;
    line-height: 1.05;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-text-stroke-width: .05rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    background-color: transparent;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

@media (min-width: 760px) {
    .project__client,.project__next__client {
        -webkit-text-stroke-width:.15rem;
        font-size: var(--client-fs)
    }
}

@media (orientation: portrait) {
    .project__hero .project__client,.project__hero .project__next__client {
        display:none
    }
}

.project__client .chars,.project__next__client .chars {
    will-change: transform
}

.project__decoy {
    padding-bottom: 125%
}

@media (orientation: portrait) {
    .project__decoy {
        display:none
    }
}

.project__featured {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    width: 100vw;
    --scaleCurtain: 1
}

body:not(.safari) .project__featured {
    will-change: transform
}

.first-load .project__featured {
    --scaleCurtain: 0
}

.project__featured:not(.animation-ended) {
    -webkit-clip-path: none;
    clip-path: none
}

.project__featured:not(.animation-ended):after {
    content: ""
}

@media (orientation: portrait) {
    .project__featured:not(.animation-ended):after {
        content:none
    }
}

.project__featured:after {
    background-color: #000;
    height: calc(100% + .2rem);
    inset: 0;
    margin-left: -.2rem;
    position: absolute;
    -webkit-transform: scaleY(var(--scaleCurtain));
    transform: scaleY(var(--scaleCurtain));
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    width: calc(100% + .4rem)
}

body:not(.safari) .project__featured:after {
    will-change: transform
}

.project__featured.animation-ended:after {
    content: none
}

.project__featuredWrapper {
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.project__featured img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    width: 100%
}

body:not(.safari) .project__featured img {
    will-change: transform
}

.project__featured picture {
    overflow: hidden
}

.project__introduction {
    bottom: 0;
    left: 0;
    z-index: 1
}

@media (orientation: landscape) {
    .project__introduction {
        position:absolute
    }
}

.project__introduction__inner {
    min-height: var(--app-height)
}

@media (orientation: landscape) {
    .project__introduction__inner {
        min-height:auto
    }
}

.project__introduction__img {
    z-index: -1;
    --scaleCurtainMobile: 1
}

.project__introduction__img img,.project__introduction__img picture {
    height: 100%
}

.project__introduction__img img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (orientation: landscape) {
    .project__introduction__img {
        display:none
    }
}

.project__introduction__img:after {
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.4)));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.4));
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.project__introduction__img:before {
    background-color: #000;
    content: "";
    height: 100%;
    inset: 0;
    position: absolute;
    -webkit-transform: scaleY(var(--scaleCurtainMobile));
    transform: scaleY(var(--scaleCurtainMobile));
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    width: 100%;
    z-index: 0
}

body:not(.safari) .project__introduction__img:before {
    will-change: transform
}

.first-load .project__introduction__img:before {
    --scaleCurtainMobile: 0
}

.project__introduction__client {
    font-size: 6rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: .9;
    margin-bottom: 2rem
}

@media (min-width: 760px) {
    .project__introduction__client {
        font-size:10rem;
        margin-bottom: 2.5rem
    }
}

@media (min-width: 992px) {
    .project__introduction__client {
        font-size:19rem
    }
}

.project__introduction__client.offset {
    margin-left: -.06em
}

.project__introduction__title {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .04em
}

@media (min-width: 760px) {
    .project__introduction__title {
        font-size:1.9rem
    }
}

.project__introduction__text {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    letter-spacing: .04em;
    line-height: 1.4;
    max-width: 50rem
}

@media (min-width: 760px) {
    .project__introduction__text {
        font-size:1.8rem;
        line-height: 1.3
    }
}

@media (orientation: portrait) {
    .project__introduction__text {
        padding-top:8rem
    }
}

.project__next__marquee {
    padding-bottom: 8rem
}

@media (min-width: 992px) {
    .project__next__marquee {
        padding-bottom:18rem
    }
}

.project__next__marquee .marquee__el {
    padding-right: .2em
}

.project__next__inner {
    bottom: 0;
    left: 0
}

.project__next__img {
    margin-bottom: 6rem;
    width: 26rem
}

@media (min-width: 992px) {
    .project__next__img {
        width:26vw
    }
}

.project__next__img:before {
    content: "";
    display: block;
    padding-bottom: 125%;
    width: 100%
}

@media (min-width: 992px) {
    .project__next__img:before {
        padding-bottom:125%
    }

    .project__next__img img {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

.project__next__link {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.agency__container {
    max-width: 192rem
}

.agency__hero__title {
    font-size: 4.8rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: .9
}

@media (min-width: 760px) {
    .agency__hero__title {
        font-size:15vw;
        line-height: .85
    }
}

@media (min-width: 992px) {
    .agency__hero__title {
        font-size:12.5vw
    }
}

@media (min-width: 1400px) {
    .agency__hero__title {
        font-size:18rem
    }
}

.agency__hero .sentence {
    -webkit-transform: translateY(125%);
    transform: translateY(125%)
}

.agency__hero__video {
    display: inline-block;
    height: .75em;
    margin-top: .2em;
    pointer-events: none;
    width: 26.3888888889vw;
    z-index: 1
}

@media (min-width: 1400px) {
    .agency__hero__video {
        width:38rem
    }
}

.agency__hero video {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.agency__hero__text {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 1.6
}

@media (min-width: 760px) {
    .agency__hero__text {
        font-size:2rem;
        line-height: 1.5;
        max-width: 54rem;
        width: 50vw
    }
}

@media (min-width: 1080px) {
    .agency__hero__text {
        margin-top:-6rem
    }
}

.agency__hero__text .line {
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    line-height: 1.5;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    background-color: transparent;
    background-image: linear-gradient(-70deg,#000 100%,#fff 1000%);
    will-change: background-image
}

.agency__hero__line {
    -webkit-clip-path: polygon(0 0,130% 0,130% 130%,0 130%);
    clip-path: polygon(0 0,130% 0,130% 130%,0 130%)
}

.agency__hero__line:nth-child(3) {
    margin-right: -.026em
}

.agency__hero__line:nth-child(4) {
    margin-left: -.05em
}

.agency__globe {
    margin-top: -10vh;
    min-height: var(--app-height);
    pointer-events: none;
    z-index: -1
}

@media (min-width: 760px) {
    .agency__globe {
        margin-top:0;
        min-height: 60vh
    }
}

@media (min-width: 992px) {
    .agency__globe {
        margin-top:-10vw;
        min-height: 100vh
    }
}

.agency__globe:before {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1.33%,transparent),color-stop(59.38%,#000));
    background: linear-gradient(180deg,transparent 1.33%,#000 59.38%);
    bottom: -25%;
    content: "";
    height: 75%;
    left: 0;
    position: absolute;
    width: 100%
}

.agency__group {
    margin-top: calc(var(--screen-height)*-.05);
    padding-bottom: 13rem
}

@media (min-width: 760px) {
    .agency__group {
        padding-bottom:5rem
    }
}

@media (min-width: 992px) {
    .agency__group {
        margin-top:0;
        padding-bottom: 15rem
    }
}

.agency__group__text {
    margin-left: 2.6rem;
    max-width: 22.9rem
}

@media (min-width: 760px) {
    .agency__group__text {
        margin-left:7.2rem
    }
}

.agency__slogan {
    padding-bottom: 9rem
}

@media (min-width: 992px) {
    .agency__slogan {
        padding-bottom:21rem
    }
}

.agency__slogan__marquee {
    background-clip: unset;
    -webkit-text-stroke-width: unset;
    -webkit-text-fill-color: unset;
    -webkit-text-stroke-color: unset;
    background-color: unset
}

.agency__slogan__marquee .marquee__el {
    padding-right: 2rem
}

.agency__slogan__marquee .icon-truth-well-told {
    font-size: 2rem;
    margin-left: 2rem;
    padding-top: .8em
}

@media (min-width: 760px) {
    .agency__slogan__marquee .icon-truth-well-told {
        font-size:4rem
    }
}

.agency__slogan__marquee .icon-truth-well-told:not(:last-child) {
    margin-right: 2rem
}

.agency__slogan__logo {
    border-radius: 50%;
    font-size: 88vw
}

@media (min-width: 760px) {
    .agency__slogan__logo {
        font-size:40vw
    }
}

@media (min-width: 992px) {
    .agency__slogan__logo {
        margin-top:12rem
    }
}

@media (min-width: 1080px) {
    .agency__slogan__logo {
        font-size:50rem
    }
}

.agency__slogan__logo:before {
    border-radius: 50%;
    content: "";
    height: calc(100% + 26rem);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% + 26rem)
}

.agency__slogan__logo .icon-truth-well-told {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke-width: .1rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    background-color: transparent
}

.agency__slogan__logo .icon-truth-well-told:not(:first-child) {
    left: 0;
    position: absolute;
    top: 0
}

.agency__slogan__logo .icon-truth-well-told:first-child {
    -webkit-text-stroke-color: #e6e6e6
}

.agency__slogan__logo .icon-truth-well-told:nth-child(2),.agency__slogan__logo .icon-truth-well-told:nth-child(3) {
    -webkit-text-stroke-color: #ccc
}

.agency__slogan__logo .icon-truth-well-told:nth-child(4) {
    -webkit-text-stroke-color: #999
}

.agency__slogan__logo .icon-truth-well-told:nth-child(5) {
    -webkit-text-stroke-color: grey
}

.agency__slogan__logo .icon-truth-well-told:nth-child(6) {
    -webkit-text-stroke-color: #666
}

.agency__slogan__logo .icon-truth-well-told:nth-child(7) {
    -webkit-text-stroke-color: #4d4d4d
}

.agency__slogan__logo .icon-truth-well-told:after {
    margin-left: 0
}

.agency__slogan__clone {
    pointer-events: none
}

@media (min-width: 760px) {
    .agency__slogan__text {
        max-width:40vw
    }
}

@media (min-width: 992px) {
    .agency__slogan__text {
        max-width:38rem
    }
}

.agency__photo {
    height: 100vw
}

@media (min-width: 760px) {
    .agency__photo {
        height:100vw
    }
}

@media (min-width: 992px) {
    .agency__photo {
        height:90vh
    }
}

.agency__photo__img {
    height: 100%;
    will-change: transform
}

.agency__photo__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.agency__photo__img picture {
    height: 100%
}

.agency__welcome {
    font-size: 19vw;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: .9;
    min-height: var(--screen-height);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1200px) {
    .agency__welcome {
        font-size:17rem
    }
}

@media (min-width: 1400px) {
    .agency__welcome {
        min-height:108rem
    }
}

.agency__welcome__address,.agency__welcome__coords,.agency__welcome__paris {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .3em;
    line-height: 1.5;
    white-space: nowrap
}

.agency__welcome__address {
    right: 0;
    top: -25%
}

@media (min-width: 760px) {
    .agency__welcome__address {
        bottom:70%;
        top: unset
    }
}

.agency__welcome__coords {
    left: 2%;
    top: 120%
}

.agency__welcome__paris {
    right: 0;
    top: 15%
}

@media (min-width: 760px) {
    .agency__welcome__paris {
        top:25%
    }
}

.agency__polaroid {
    inset: 0
}

.agency__polaroid.grab {
    cursor: -webkit-grab;
    cursor: grab
}

.agency__polaroid.grab.grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.agency__paris {
    padding-bottom: 8rem
}

@media (min-width: 1080px) {
    .agency__paris {
        padding-bottom:11rem;
        padding-top: 8rem
    }
}

.agency__paris .marquee__el {
    padding-right: .3em
}

.contact__hero {
    --bgX: 0;
    --bgY: 0;
    --bgSize: 40vw;
    --bgOpacity: 0.6;
    --bgScale: 1;
    --marker-size: 0%;
    -webkit-clip-path: circle(0 at 50% calc(50% - 28px));
    clip-path: circle(0 at 50% calc(50% - 28px));
    will-change: clip-path
}

@media (min-width: 760px) {
    .contact__hero {
        --bgSize:16rem
    }
}

@media (hover: hover) {
    .contact__hero {
        --bgOpacity:0;
        --bgScale: 0
    }
}

.contact__hero__city {
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1
}

@media (min-width: 760px) {
    .contact__hero__city {
        font-size:9rem;
        font-weight: 700
    }
}

.contact__hero__top {
    margin-bottom: 1.5rem
}

.contact__hero__bottom {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .3em;
    line-height: 1.5
}

@media (min-width: 760px) {
    .contact__hero__bottom {
        font-size:.8rem
    }
}

.contact__cursor,.contact__hero__metas {
    pointer-events: none
}

.contact__cursor {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    -webkit-filter: blur(5rem);
    filter: blur(5rem);
    height: var(--bgSize);
    left: calc(var(--bgX) - var(--bgSize)/2);
    opacity: var(--bgOpacity);
    top: calc(var(--bgY) - var(--bgSize)/2);
    -webkit-transform: translateZ(0) scale(var(--bgScale));
    transform: translateZ(0) scale(var(--bgScale));
    -webkit-transition: opacity .9s cubic-bezier(.22,1,.32,1),-webkit-transform .9s cubic-bezier(.22,1,.32,1);
    transition: opacity .9s cubic-bezier(.22,1,.32,1),-webkit-transform .9s cubic-bezier(.22,1,.32,1);
    transition: opacity .9s cubic-bezier(.22,1,.32,1),transform .9s cubic-bezier(.22,1,.32,1);
    transition: opacity .9s cubic-bezier(.22,1,.32,1),transform .9s cubic-bezier(.22,1,.32,1),-webkit-transform .9s cubic-bezier(.22,1,.32,1);
    width: var(--bgSize);
    z-index: 2
}

@media (hover: hover) {
    .contact__cursor {
        -webkit-filter:blur(12rem);
        filter: blur(12rem)
    }
}

body:not(.firefox) .contact__cursor {
    mix-blend-mode: color-dodge
}

body.firefox .contact__cursor {
    background: radial-gradient(circle,hsla(0,0%,100%,.7) 0,rgba(0,212,255,0) 100%)
}

.contact__contacts {
    padding-bottom: 0;
    padding-top: 8rem
}

@media (min-width: 760px) {
    .contact__contacts {
        padding-bottom:13rem;
        padding-top: 13rem
    }
}

.contact__person__job {
    font-size: 2.2rem;
    font-weight: 800
}

.contact__person__name {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.contact__person__email,.contact__person__name {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif
}

.contact__person__email {
    font-size: 1.2rem
}

.contact__person__email a {
    --link-duration: 550ms;
    display: block;
    line-height: 1.5;
    position: relative;
    white-space: nowrap
}

.contact__person__email a:after {
    background-color: #fff;
    bottom: -.5rem;
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.contact__form .row {
    --bs-gutter-x: 4rem
}

@media (min-width: 1080px) {
    .contact__form .row {
        --bs-gutter-x:7rem
    }
}

@media (min-width: 760px) {
    .contact__form__container {
        padding-left:4rem;
        padding-right: 4rem
    }
}

@media (min-width: 1080px) {
    .contact__form__container {
        padding-left:7rem;
        padding-right: 7rem
    }
}

.contact__form__title {
    font-size: 7rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1
}

@media (min-width: 760px) {
    .contact__form__title {
        font-size:11.4rem;
        line-height: .8
    }
}

.contact__marquees .marquee__el {
    padding-right: .25em
}

.error404 {
    --margin-404: 0rem
}

@media (min-width: 760px) {
    .error404 {
        --margin-404:15.8rem
    }
}

.error404__inner {
    width: 100%
}

@media (min-width: 760px) {
    .error404__inner {
        width:auto
    }
}

.error404__fun {
    cursor: pointer;
    inset: 0
}

.error404__title {
    font-size: 4rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: .9
}

@media (min-width: 760px) {
    .error404__title {
        font-size:6rem
    }
}

.error404__title--bottom {
    margin-left: auto
}

@media (min-width: 760px) {
    .error404__title--bottom {
        margin-left:var(--margin-404)
    }
}

.error404__bottom {
    margin-left: calc(var(--margin-404) + .3em)
}

.error404__link {
    display: block;
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 1.5;
    position: relative
}

.error404__link:after {
    background-color: #fff;
    bottom: -.5rem;
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

section.erickson__hero:first-child {
    padding-top: 0
}

.erickson__hero {
    font-size: 7rem;
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: .55;
    padding-bottom: calc(var(--bs-gutter-x)*.5)
}

@media (min-width: 760px) {
    .erickson__hero {
        font-size:19.9305555556vw
    }
}

@media (min-width: 1400px) {
    .erickson__hero {
        font-size:29rem
    }
}

.erickson__hero__inner {
    max-width: 144rem;
    pointer-events: none
}

.erickson__hero__top {
    margin-bottom: .3em
}

.erickson__hero__bottom {
    margin-bottom: .23em
}

@media (min-width: 760px) {
    .erickson__hero__bottom {
        margin-left:5vw
    }
}

.erickson__hero__text {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    letter-spacing: .1em;
    line-height: 1.4;
    margin-top: 4rem;
    max-width: 24rem
}

@media (min-width: 760px) {
    .erickson__hero__text {
        margin-top:0
    }
}

.erickson__hero__btn {
    left: 0;
    mix-blend-mode: difference;
    position: absolute;
    top: 0;
    z-index: 1
}

.erickson__hero__btn,.erickson__hero__btn svg {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.multitouch .erickson__hero__btn {
    left: 50%;
    top: 38%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.erickson__dots {
    cursor: -webkit-grab;
    cursor: grab;
    height: 100vh;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.erickson__dots.grabbed {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.erickson__dots canvas {
    opacity: .4
}

@media (min-width: 760px) {
    .erickson__dots canvas {
        opacity:.7
    }
}

.erickson__dots .App {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.erickson__explanations__top {
    font-size: 3.8rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
    margin-top: 10rem
}

@media (min-width: 760px) {
    .erickson__explanations__top {
        font-size:8.3333333333vw;
        margin-top: 18rem
    }
}

@media (min-width: 1400px) {
    .erickson__explanations__top {
        font-size:12rem
    }
}

.erickson__explanations__line {
    margin-left: calc(var(--line-offset)*.1em)
}

.erickson__explanations__line:not(:first-child) {
    margin-top: -.05em
}

@media (min-width: 760px) {
    .erickson__explanations__line:not(:first-child) {
        margin-top:-.1em
    }
}

.erickson__explanations__line .sentence {
    will-change: transform
}

.erickson__explanations__bottom {
    font-family: Futura Now Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 10rem;
    margin-top: 10rem;
    max-width: 28rem
}

@media (min-width: 760px) {
    .erickson__explanations__bottom {
        font-size:2rem;
        line-height: 1.5;
        margin-bottom: 17rem;
        margin-top: 17rem;
        max-width: 32rem
    }
}

.erickson__explanations__bottom p {
    margin-bottom: 0
}

.erickson__explanations__bottom p:not(:last-child) {
    margin-bottom: 3.2rem
}

.erickson__explanations__bottom .line {
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    line-height: 1.5;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #fff;
    background-color: transparent;
    background-image: linear-gradient(-70deg,#000 100%,#fff 1000%);
    will-change: background-image
}

.erickson__form .row {
    --bs-gutter-x: 4rem
}

@media (min-width: 1080px) {
    .erickson__form .row {
        --bs-gutter-x:7rem
    }
}

@media (min-width: 760px) {
    .erickson__form__container {
        padding-left:7rem;
        padding-right: 7rem
    }
}

.erickson__form__title {
    font-size: 7rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: .95
}

@media (min-width: 760px) {
    .erickson__form__title {
        font-size:11.4rem
    }
}

.erickson__form__title p {
    margin-bottom: 0
}

.erickson__form__line:not(:first-child) {
    margin-left: .26em
}

.erickson__marquees .marquee__el {
    padding-right: .25em
}