/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

* {
    box-sizing: border-box
}

svg {
    width: 100%
}

button {
    cursor: pointer
}

@font-face {
    font-family: N27;
    font-display: swap;
    src: url(../../../fonts/N27-Regular.woff2) format("woff2"), url(../../../fonts/N27-Regular.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: SuisseIntl;
    font-display: swap;
    src: url(../../../fonts/SuisseIntl-Regular.woff2) format("woff2"), url(../../../fonts/SuisseIntl-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SuisseIntl;
    font-display: swap;
    src: url(../../../fonts/SuisseIntl-Book.woff2) format("woff2"), url(../../../fonts/SuisseIntl-Book.woff) format("woff");
    font-weight: 100;
    font-style: normal
}

body {
    font-family: SuisseIntl, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: .06em;
    color: #111;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 1100px) {
    body {
        font-size: 13px;
        line-height: 1.6
    }
}

@media (min-width: 2500px) {
    body {
        font-size: .6vw
    }
}

.title {
    font-size: 80px
}

@media (min-width: 768px) {
    .title {
        font-size: 95px
    }
}

@media (min-width: 1100px) {
    .title {
        font-size: 105px
    }
}

@media (min-width: 1700px) {
    .title {
        font-size: 120px
    }
}

.title--margin {
    margin: .6em 0
}

.text--big {
    font-size: 14px
}

@media (min-width: 1100px) {
    .text--big {
        font-size: 15px
    }
}

.text--white {
    color: #fff
}

.text--blue {
    color: #108bff
}

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

.h1, h1 {
    font-size: 60px
}

@media (min-width: 768px) {
    .h1, h1 {
        font-size: 70px
    }
}

@media (min-width: 1100px) {
    .h1, h1 {
        font-size: 80px
    }
}

@media (min-width: 1700px) {
    .h1, h1 {
        font-size: 90px
    }
}

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

.h2, h2 {
    font-size: 35px
}

@media (min-width: 768px) {
    .h2, h2 {
        font-size: 40px
    }
}

@media (min-width: 1100px) {
    .h2, h2 {
        font-size: 50px
    }
}

@media (min-width: 1400px) {
    .h2, h2 {
        font-size: 55px
    }
}

@media (min-width: 1700px) {
    .h2, h2 {
        font-size: 60px
    }
}

@media (min-width: 2500px) {
    .h2, h2 {
        font-size: 2vw
    }
}

.h3, h3 {
    font-size: 30px
}

@media (min-width: 768px) {
    .h3, h3 {
        font-size: 35px
    }
}

@media (min-width: 1100px) {
    .h3, h3 {
        font-size: 38px
    }
}

@media (min-width: 1400px) {
    .h3, h3 {
        font-size: 40px
    }
}

@media (min-width: 2500px) {
    .h3, h3 {
        font-size: 1.6vw
    }
}

.h4, h4 {
    font-size: 20px
}

@media (min-width: 768px) {
    .h4, h4 {
        font-size: 25px
    }
}

@media (min-width: 1100px) {
    .h4, h4 {
        font-size: 28px
    }
}

@media (min-width: 1400px) {
    .h4, h4 {
        font-size: 30px
    }
}

@media (min-width: 2500px) {
    .h4, h4 {
        font-size: 1.4vw
    }
}

.h5, h5 {
    font-size: 16px
}

@media (min-width: 768px) {
    .h5, h5 {
        font-size: 17px
    }
}

@media (min-width: 1100px) {
    .h5, h5 {
        font-size: 18px
    }
}

@media (min-width: 1400px) {
    .h5, h5 {
        font-size: 20px
    }
}

@media (min-width: 2500px) {
    .h5, h5 {
        font-size: 1.2vw
    }
}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
    margin: 0 0 .4em;
    font-weight: 700;
    line-height: 1.05em
}

.h1, .h2, .h3, .h4, .h5, .subtitle, h1, h2, h3, h4, h5 {
    font-family: N27, SuisseIntl, Helvetica, Arial, sans-serif
}

.subtitle {
    text-transform: uppercase;
    color: #555
}

p {
    margin: 0 0 10px;
    min-height: .8em
}

p + p {
    margin-top: 15px
}

p:last-of-type {
    margin-bottom: 20px
}

@media (min-width: 992px) {
    p:last-of-type {
        margin-bottom: 30px
    }
}

@media (min-width: 1400px) {
    p:last-of-type {
        margin-bottom: 40px
    }
}

a {
    color: currentColor;
    text-decoration: underline;
    transition: color .18s ease-in-out
}

a:hover {
    color: #108bff
}

.block__container, .gallery, .row {
    margin-left: -15px;
    margin-right: -15px
}

.block__container .col, .gallery .col, .row .col {
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .block__container, .gallery, .row {
        margin-left: -20px;
        margin-right: -20px
    }

    .block__container .col, .gallery .col, .row .col {
        padding-left: 20px;
        padding-right: 20px
    }
}

.gutter-xs-10 {
    margin-left: -5px;
    margin-right: -5px
}

.gutter-xs-10 .col {
    padding-left: 5px;
    padding-right: 5px
}

.gutter-xs-20 {
    margin-left: -10px;
    margin-right: -10px
}

.gutter-xs-20 .col {
    padding-left: 10px;
    padding-right: 10px
}

.gutter-xs-30 {
    margin-left: -15px;
    margin-right: -15px
}

.gutter-xs-30 .col {
    padding-left: 15px;
    padding-right: 15px
}

.gutter-xs-40 {
    margin-left: -20px;
    margin-right: -20px
}

.gutter-xs-40 .col {
    padding-left: 20px;
    padding-right: 20px
}

.gutter-xs-50 {
    margin-left: -25px;
    margin-right: -25px
}

.gutter-xs-50 .col {
    padding-left: 25px;
    padding-right: 25px
}

.gutter-xs-60 {
    margin-left: -30px;
    margin-right: -30px
}

.gutter-xs-60 .col {
    padding-left: 30px;
    padding-right: 30px
}

.gutter-xs-70 {
    margin-left: -35px;
    margin-right: -35px
}

.gutter-xs-70 .col {
    padding-left: 35px;
    padding-right: 35px
}

@media (min-width: 768px) {
    .gutter-sm-10 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-sm-10 .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-sm-20 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-sm-20 .col {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-sm-30 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-sm-30 .col {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-sm-40 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-sm-40 .col {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-sm-50 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-sm-50 .col {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-sm-60 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-sm-60 .col {
        padding-left: 30px;
        padding-right: 30px
    }

    .gutter-sm-70 {
        margin-left: -35px;
        margin-right: -35px
    }

    .gutter-sm-70 .col {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (min-width: 992px) {
    .gutter-md-10 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-md-10 .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-md-20 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-md-20 .col {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-md-30 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-md-30 .col {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-md-40 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-md-40 .col {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-md-50 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-md-50 .col {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-md-60 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-md-60 .col {
        padding-left: 30px;
        padding-right: 30px
    }

    .gutter-md-70 {
        margin-left: -35px;
        margin-right: -35px
    }

    .gutter-md-70 .col {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (min-width: 1100px) {
    .gutter-lg-10 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-lg-10 .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-lg-20 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-lg-20 .col {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-lg-30 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-lg-30 .col {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-lg-40 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-lg-40 .col {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-lg-50 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-lg-50 .col {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-lg-60 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-lg-60 .col {
        padding-left: 30px;
        padding-right: 30px
    }

    .gutter-lg-70 {
        margin-left: -35px;
        margin-right: -35px
    }

    .gutter-lg-70 .col {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (min-width: 1400px) {
    .gutter-xl-10 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-xl-10 .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-xl-20 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-xl-20 .col {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-xl-30 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-xl-30 .col {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-xl-40 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-xl-40 .col {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-xl-50 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-xl-50 .col {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-xl-60 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-xl-60 .col {
        padding-left: 30px;
        padding-right: 30px
    }

    .gutter-xl-70 {
        margin-left: -35px;
        margin-right: -35px
    }

    .gutter-xl-70 .col {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (min-width: 1700px) {
    .gutter-xxl-10 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-xxl-10 .col {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-xxl-20 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-xxl-20 .col {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-xxl-30 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-xxl-30 .col {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-xxl-40 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-xxl-40 .col {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-xxl-50 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-xxl-50 .col {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-xxl-60 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-xxl-60 .col {
        padding-left: 30px;
        padding-right: 30px
    }

    .gutter-xxl-70 {
        margin-left: -35px;
        margin-right: -35px
    }

    .gutter-xxl-70 .col {
        padding-left: 35px;
        padding-right: 35px
    }
}

.col {
    width: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 20px
}

.col--right {
    float: right
}

.col--center {
    display: block;
    margin: 0 auto;
    clear: both;
    float: none
}

.col--clear {
    display: block;
    float: none !important
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

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

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

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

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-half {
    width: 50%
}

@media (min-width: 768px) {
    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

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

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

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

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-half {
        width: 50%
    }
}

@media (min-width: 992px) {
    .col-md-1 {
        width: 8.3333333333%
    }

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

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

    .col-md-4 {
        width: 33.3333333333%
    }

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

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

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

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

@media (min-width: 1100px) {
    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

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

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

    .col-lg-5 {
        width: 41.6666666667%
    }

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

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-half {
        width: 50%
    }
}

@media (min-width: 1400px) {
    .col-xl-1 {
        width: 8.3333333333%
    }

    .col-xl-2 {
        width: 16.6666666667%
    }

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

    .col-xl-4 {
        width: 33.3333333333%
    }

    .col-xl-5 {
        width: 41.6666666667%
    }

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

    .col-xl-7 {
        width: 58.3333333333%
    }

    .col-xl-8 {
        width: 66.6666666667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.3333333333%
    }

    .col-xl-11 {
        width: 91.6666666667%
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-half {
        width: 50%
    }
}

@media (min-width: 1700px) {
    .col-xxl-1 {
        width: 8.3333333333%
    }

    .col-xxl-2 {
        width: 16.6666666667%
    }

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

    .col-xxl-4 {
        width: 33.3333333333%
    }

    .col-xxl-5 {
        width: 41.6666666667%
    }

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

    .col-xxl-7 {
        width: 58.3333333333%
    }

    .col-xxl-8 {
        width: 66.6666666667%
    }

    .col-xxl-9 {
        width: 75%
    }

    .col-xxl-10 {
        width: 83.3333333333%
    }

    .col-xxl-11 {
        width: 91.6666666667%
    }

    .col-xxl-12 {
        width: 100%
    }

    .col-xxl-half {
        width: 50%
    }
}

:root {
    --height: calc(var(--h) - 1px)
}

@media (min-width: 768px) {
    :root {
        --height: calc(var(--h) - 40px)
    }
}

@media (min-width: 1100px) {
    :root {
        --height: calc(var(--h) - 60px)
    }
}

body, html {
    padding: 0;
    margin: 0;
    background: #fff
}

.contact--padding {
    margin-top: 30px
}

main {
    display: block;
    position: relative
}

input:-webkit-autofill, input:-webkit-autofill + label, input:-webkit-autofill:focus, input:-webkit-autofill:focus + label, input:-webkit-autofill:hover, input:-webkit-autofill:hover + label {
    color: #111 !important
}
.spacer.active{
    opacity: 1;
    z-index: 10; /* سکشن فعال همیشه بالاتر است */
    pointer-events: auto; /* سکشن فعال قابل کلیک است */
}
.spacer {
    position: relative;
    display: block;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-position: 50%;
    opacity: 0; /* ابتدا همه پنهان هستند */
    /* Transition فقط برای opacity */
    transition: opacity 0.4s ease-in-out; /* زمان transition را می‌توانید تغییر دهید */
    pointer-events: none; /* سکشن‌های غیرفعال کلیک‌ها را رهگیری نمی‌کنند */
    z-index: 1; /* z-index پیش‌فرض */
}

.dragging .spacer--1medical {
    background-image: url(../../../../images.ho-equipments.com/images/1920/mobile-bg-1medical.png)
}

.dragging .spacer--1veterinary {
    background-image: url(https://images.ho-equipments.com/images/1920/mobile-bg-1veterinary.png)
}

.dragging .spacer--3 {
    background-image: url(https://images.ho-equipments.com/images/1920/mobile-bg-2.jpg)
}

.dragging .spacer--4 {
    background-image: url(https://images.ho-equipments.com/images/1920/mobile-bg-3.jpg)
}

.dragging .spacer--5 {
    background-image: url(https://images.ho-equipments.com/images/1920/mobile-bg-4.jpg)
}

.dragging .spacer--6 {
    background-image: url(https://images.ho-equipments.com/images/1920/mobile-bg-5.jpg)
}

.dragging .spacer--7 {
    background-image: url(https://images.ho-equipments.com/images/1920/mobile-bg-6.jpg)
}

.dragging .spacer--8, .dragging .spacer--9 {
    background-image: url(https://images.ho-equipments.com/images/1920/mobile-bg-7.jpg)
}

@media (min-width: 992px) {
    .dragging .spacer--1medical {
        background-image: url(https://images.ho-equipments.com/images/1920/bg-1medical.png)
    }

    .dragging .spacer--1veterinary {
        background-image: url(https://images.ho-equipments.com/images/1920/bg-1veterinary.png)
    }

    .dragging .spacer--3 {
        background-image: url(https://images.ho-equipments.com/images/1920/bg-2.jpg)
    }

    .dragging .spacer--4 {
        background-image: url(https://images.ho-equipments.com/images/1920/bg-3.jpg)
    }

    .dragging .spacer--5 {
        background-image: url(https://images.ho-equipments.com/images/1920/bg-4.jpg)
    }

    .dragging .spacer--6 {
        background-image: url(https://images.ho-equipments.com/images/1920/bg-5.jpg)
    }

    .dragging .spacer--7 {
        background-image: url(https://images.ho-equipments.com/images/1920/bg-6.jpg)
    }

    .dragging .spacer--8, .dragging .spacer--9 {
        background-image: url(https://images.ho-equipments.com/images/1920/bg-7.jpg)
    }
}

ol, ul {
    counter-reset: list;
    counter-set: 1;
    padding-left: 15px
}

ol li, ul li {
    counter-increment: list
}

ol {
    clear: both;
    list-style-type: none
}

ol li:before {
    margin-left: -1.5em;
    margin-right: .3em;
    content: counter(list) ". "
}

ol .ql-indent-2:before {
    margin-left: -2.5em
}

ol .ql-indent-3:before {
    margin-left: -3.5em
}

ol li:not(.ql-indent-1):not(.ql-indent-2):not(.ql-indent-3) {
    padding-top: 5px;
    counter-reset: list-1
}

.ql-indent-1 {
    margin-left: 30px !important
}

.ql-indent-2 {
    margin-left: 50px !important
}

.ql-indent-3 {
    margin-left: 70px !important
}

ol li.ql-indent-1, ol li.ql-indent-2, ol li.ql-indent-3 {
    padding-top: 5px;
    padding-left: 0
}

ol li.ql-indent-1 {
    counter-increment: list-1;
    counter-reset: list-2 list-3
}

ol li.ql-indent-1:before {
    content: counter(list) "." counter(list-1) ". "
}

ol li.ql-indent-2 {
    counter-increment: list-2;
    counter-reset: list-3
}

ol li.ql-indent-2:before {
    content: counter(list) "." counter(list-1) "." counter(list-2) ". "
}

ol li.ql-indent-3 {
    counter-increment: list-3
}

ol li.ql-indent-3:before {
    content: counter(list) "." counter(list-1) "." counter(list-2) "." counter(list-3) ". "
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-revoke:hover {
    text-decoration: underline
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
    text-decoration: underline
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active, .cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating .cc-message, .cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    flex: 1 0 auto
}

.cc-window.cc-banner {
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: flex;
    align-items: center;
    align-content: space-between
}

.cc-floating .cc-compliance > .cc-btn {
    flex: 1 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px)and (orientation: portrait), screen and (max-width: 736px)and (orientation: landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

.cc-window.cc-floating {
    max-width: 25em;
    display: block;
    width: 100%;
    padding: 30px !important;
    max-width: 24em;
    flex-direction: column;
    background: #000;
    font-family: AkagiPro, Helvetica, Arial, sans-serif
}

.cc-window.cc-floating, .cc-window.cc-floating.cc-error {
    background-size: 100% auto;
    background-repeat: no-repeat
}

.cc-floating .cc-message {
    display: block;
    font-size: 14px;
    line-height: 1.55em;
    text-align: left
}

.cc-compliance {
    display: block !important;
    padding-top: 10px;
    text-align: right
}

.cc-compliance .cc-btn {
    display: inline-block;
    width: 100px;
    text-decoration: none;
    padding: .3em;
    color: #ff0045 !important
}

.map {
    width: 100%;
    height: 100%
}

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

.text--center .link {
    margin-left: auto;
    margin-right: auto
}

.text--grey {
    color: #636363
}

.disable-scroll {
    overflow: hidden
}

.overlay-container {
    z-index: 101
}

.wrapper {
    position: relative;
    width: 100%;
    margin: 0
}

.container {
    display: block;
    width: 92%;
    margin: 0 auto
}

.container:after, .container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

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

.container--text {
    width: 90%
}

@media (min-width: 768px) {
    .container--text {
        width: 85%
    }
}

@media (min-width: 1100px) {
    .container--text {
        width: 80%
    }
}

@media (min-width: 768px) {
    .container--content {
        width: calc(100% - 100px)
    }
}

@media (min-width: 1100px) {
    .container--content {
        width: calc(100% - 140px)
    }
}

@media (min-width: 768px) {
    .container--page {
        width: calc(100% - 40px)
    }
}

@media (min-width: 1100px) {
    .container--page {
        width: calc(100% - 60px)
    }
}

@media (min-width: 768px) {
    .container--page .container--content {
        width: calc(100% - 40px)
    }
}

@media (min-width: 1100px) {
    .container--page .container--content {
        width: calc(100% - 60px)
    }
}

@media (min-width: 768px) {
    .container--page-ol {
        width: calc(100% - 20px);
        margin: 0 0 0 20px
    }
}

@media (min-width: 1100px) {
    .container--page-ol {
        width: calc(100% - 30px);
        margin-left: 30px
    }
}

@media (min-width: 768px) {
    .container--page-ol .container--content {
        width: calc(100% - 40px)
    }
}

@media (min-width: 1100px) {
    .container--page-ol .container--content {
        width: calc(100% - 60px)
    }
}

.overlay {
    display: none;
    pointer-events: none
}

@media (min-width: 768px) {
    .overlay {
        position: fixed;
        display: block;
        background: #fff;
        z-index: 90
    }

    .overlay--bottom, .overlay--top {
        width: 100%;
        height: 20px;
        left: 0;
        opacity: .95
    }

    .overlay--left, .overlay--right {
        width: 20px;
        height: 100%;
        top: 0
    }

    .overlay--top {
        top: 0
    }

    .overlay--bottom {
        bottom: 0
    }

    .overlay--left {
        left: 0
    }

    .overlay--right {
        right: 0
    }
}

@media (min-width: 1100px) {
    .overlay--bottom, .overlay--top {
        height: 30px
    }

    .overlay--left, .overlay--right {
        width: 30px
    }
}

.hidden {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border: none
}

@media (max-width: 767px) {
    .hidden--mobile {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden--tablet {
        display: none !important
    }
}

.actuallyhidden {
    display: none !important
}

.block:after, .block:before, .clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.block:after, .clearfix:after {
    clear: both
}

.block--lesson {
    flex-direction: column
}

.navigation {
    position: fixed;
    z-index: 100;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    transition: transform .4s ease-in-out;
    transform: translateY(-100%);
    will-change: transform;
    font-size: 13px
}

.navigation .container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    height: 100%
}

.navigation--active {
    transform: translateY(0)
}

.navigation__logo, .navigation__right {
    display: flex;
    align-items: center;
    width: 95px
}

.navigation__right {
    justify-content: flex-end;
    margin-left: auto;
    text-align: right
}

.navigation__language, .navigation__menu {
    display: block;
    width: 34px;
    height: 34px;
    padding: 5px;
    background: transparent;
    border: none;
    margin-left: 10px
}

.navigation__language svg, .navigation__menu svg {
    width: 100%;
    height: 100%
}

.navigation__language {
    width: 28px;
    height: 28px
}

.navigation__language svg {
    border-radius: 50%;
    overflow: hidden
}

.navigation__links {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    text-align: center;
    margin: 0 auto
}

.navigation__links a {
    display: block;
    padding: 0 2.5%;
    text-decoration: none;
    white-space: nowrap;
    transform: translateZ(0)
}

@media (max-width: 767px) {
    .navigation__links {
        display: block;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #fcfcfc
    }

    .navigation__links a {
        display: block;
        padding: 15px;
        border-top: 1px solid #f5f5f5
    }

    .navigation__links--hide {
        display: none
    }
}

@media (min-width: 768px) {
    .navigation {
        height: 70px
    }

    .navigation__logo {
        width: 65px
    }

    .navigation__right {
        width: 80px
    }

    .navigation__links {
        width: calc(100% - 195px)
    }

    .navigation__right {
        margin-left: 0
    }

    .navigation__menu {
        display: none
    }
}

@media (min-width: 992px) {
    .navigation {
        font-size: 14px
    }

    .navigation__logo, .navigation__right {
        width: 90px
    }

    .navigation__links {
        width: calc(100% - 230px)
    }
}

@media (min-width: 1100px) {
    .navigation__logo, .navigation__right {
        width: 105px
    }

    .navigation__links {
        width: calc(100% - 260px)
    }
}

@media (min-width: 2500px) {
    .navigation {
        font-size: .5vw
    }
}

.subnavigation {
    position: fixed;
    z-index: 80;
    top: 20px;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity .4s ease-in-out, top .4s ease-in-out
}

.subnavigation.active {
    opacity: 1
}

.navigation--active + main .subnavigation.active {
    top: 45px
}

.navigation--active + main .subnavigation__border, .navigation--loading + main .subnavigation__border {
    opacity: 0;
    pointer-events: none
}

.subnavigation .container {
    position: relative
}

.subnavigation__border {
    display: none;
    transition: opacity .4s ease-in-out
}

@media (min-width: 768px) {
    .subnavigation__border {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #111
    }
}

.subnavigation__left, .subnavigation__right {
    display: none;
    position: absolute;
    top: 30px
}

.subnavigation__left {
    left: 0
}

.subnavigation__right {
    right: 0
}

@media (min-width: 768px) {
    .subnavigation {
        top: 40px
    }

    .navigation--active + main .subnavigation.active {
        top: 65px
    }

    .subnavigation__right {
        display: block
    }
}

@media (min-width: 992px) {
    .subnavigation {
        top: 60px
    }

    .navigation--active + main .subnavigation.active {
        top: 85px
    }
}

@media (min-width: 1700px) {
    .subnavigation {
        top: 80px
    }

    .navigation--active + main .subnavigation.active {
        top: 105px
    }
}

.btn {
    position: relative;
    display: inline-block;
    background: transparent;
    color: #111;
    border: 2px solid #111;
    border-radius: 40px;
    transition: all .18s ease-in-out;
    outline: none;
    font-family: SuisseIntl, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .08em;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    padding: 18px 30px 17px;
    margin: 0 10px 10px 0;
    min-width: 120px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    cursor: pointer
}

.btn.active, .btn:focus, .btn:hover {
    background: #111;
    color: #fff
}

.btn svg {
    width: 1.1em;
    height: 1.1em;
    margin-bottom: -.3em;
    fill: currentColor
}

.btn--highlight {
    border-color: #108bff;
    background: #108bff;
    color: #fff
}

.btn--highlight:focus, .btn--highlight:hover {
    border-color: #0057a9;
    background: #0057a9;
    color: #fff
}

@media (min-width: 768px)and (max-width: 991px) {
    .btn {
        font-size: 14px;
        padding: 17px 30px 16px
    }
}

@media (min-width: 1400px) {
    .btn {
        font-size: 14px;
        padding: 17px 30px 16px
    }
}

@media (min-width: 2500px) {
    .btn {
        font-size: .6vw;
        padding: 20px 35px 21px
    }
}

.btn--medium {
    font-size: 12px;
    padding: 12px 20px
}

.btn--medium, .btn--small {
    min-width: 0;
    margin: 0 0 5px
}

.btn--small {
    font-size: 11px;
    padding: 7px 12px
}

.btn--white {
    color: #fff;
    border: 2px solid #fff
}

.btn--white.active, .btn--white:focus, .btn--white:hover {
    background: #fff;
    color: #111
}

.btn--blue {
    color: #108bff;
    border: 2px solid #108bff
}

.btn--blue.active, .btn--blue:focus, .btn--blue:hover {
    background: #108bff;
    color: #fff
}

.btn--whitefull {
    color: #111;
    background: #fff;
    border: 2px solid #fff
}

.btn--whitefull.active, .btn--whitefull:focus, .btn--whitefull:hover {
    background: #111;
    color: #fff;
    border-color: #111
}

.btn--whitefull.active--blue {
    color: #fff;
    background: #108bff;
    border-color: #108bff
}

.btn--blackfill {
    background: #111;
    color: #fff
}

.btn .dot {
    display: inline-block;
    width: .7em;
    height: .7em;
    border-radius: 50%;
    margin-right: .5em
}

.btn .dot--available {
    background: #90ee90
}

.btn .dot--closed {
    background: #ff7e7e
}

.link {
    display: block;
    background: transparent;
    border: none;
    padding: 0;
    text-decoration: underline;
    color: currentColor
}

.block {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 2;
    padding: 60px 0;
    overflow: hidden;
    background: #fff;
    transition: background .2s ease-in-out
}

@media (min-width: 768px) {
    .block {
        padding: 80px 0
    }
}

@media (min-width: 1100px) {
    .block {
        padding: 90px 0
    }
}

@media (min-width: 1400px) {
    .block {
        padding: 110px 0
    }
}

.block--pill {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    flex-wrap: wrap;
    top: 0;
    bottom: 0;
    right: 40px;
    width: 70px;
    z-index: 1000
}

.block--pill button {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 5px;
    background: coral;
    border: none;
    padding: 5px
}

.block--pill button:hover {
    background: #ff6c37
}

.block--pill svg {
    width: 100%;
    height: 100%
}

.block--add {
    display: block;
    position: relative;
    width: 100%;
    height: 3px;
    background: coral;
    border: none;
    z-index: 89
}

.block--add svg {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    fill: coral;
    border-radius: 15px;
    z-index: 1
}

.block--black {
    background: #212121;
    color: #fff
}

.block--blue {
    background: #108bff
}

.block--grey {
    background: #ebebeb
}

.block--stretch {
    align-items: center;
    min-height: var(--h)
}

.block--fill, .block--full {
    padding: 0;
    min-height: var(--h)
}

@media (min-width: 768px) {
    .block--full {
        min-height: calc(var(--h) - 40px)
    }
}

@media (min-width: 1100px) {
    .block--full {
        min-height: calc(var(--h) - 60px)
    }
}

.block--higher {
    z-index: 85
}

.block--highest {
    z-index: 95
}

.block--overlay {
    z-index: 99999999
}

.block--scrolloverlay {
    height: 100vh;
    overflow-y: scroll;
    padding: 0;
    align-items: flex-start
}

.block--scrolloverlay > div {
    padding: 100px 0
}

.block__container {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 auto
}

.block__container--medium {
    width: 80%
}

@media (min-width: 768px) {
    .block__container {
        width: 85%
    }

    .block__container--medium {
        width: 70%
    }
}

.block--large-padding {
    padding: 110px 0
}

@media (min-width: 768px) {
    .block--large-padding {
        padding: 150px 0
    }
}

@media (min-width: 1100px) {
    .block--large-padding {
        padding: 180px 0
    }
}

@media (min-width: 1400px) {
    .block--large-padding {
        padding: 200px 0
    }
}

.block--custom-large-large-padding, .block--custom-large-medium-padding, .block--custom-large-no-padding, .block--custom-large-small-padding {
    padding-top: 110px
}

@media (min-width: 768px) {
    .block--custom-large-large-padding, .block--custom-large-medium-padding, .block--custom-large-no-padding, .block--custom-large-small-padding {
        padding-top: 150px
    }
}

@media (min-width: 1100px) {
    .block--custom-large-large-padding, .block--custom-large-medium-padding, .block--custom-large-no-padding, .block--custom-large-small-padding {
        padding-top: 180px
    }
}

@media (min-width: 1400px) {
    .block--custom-large-large-padding, .block--custom-large-medium-padding, .block--custom-large-no-padding, .block--custom-large-small-padding {
        padding-top: 200px
    }
}

.block--custom-large-large-padding, .block--custom-medium-large-padding, .block--custom-no-large-padding, .block--custom-small-large-padding {
    padding-bottom: 110px
}

@media (min-width: 768px) {
    .block--custom-large-large-padding, .block--custom-medium-large-padding, .block--custom-no-large-padding, .block--custom-small-large-padding {
        padding-bottom: 150px
    }
}

@media (min-width: 1100px) {
    .block--custom-large-large-padding, .block--custom-medium-large-padding, .block--custom-no-large-padding, .block--custom-small-large-padding {
        padding-bottom: 180px
    }
}

@media (min-width: 1400px) {
    .block--custom-large-large-padding, .block--custom-medium-large-padding, .block--custom-no-large-padding, .block--custom-small-large-padding {
        padding-bottom: 200px
    }
}

.block--small-padding {
    padding: 25px 0
}

@media (min-width: 768px) {
    .block--small-padding {
        padding: 35px 0
    }
}

@media (min-width: 1100px) {
    .block--small-padding {
        padding: 45px 0
    }
}

@media (min-width: 1400px) {
    .block--small-padding {
        padding: 55px 0
    }
}

.block--custom-small-large-padding, .block--custom-small-medium-padding, .block--custom-small-no-padding, .block--custom-small-small-padding {
    padding-top: 25px
}

@media (min-width: 768px) {
    .block--custom-small-large-padding, .block--custom-small-medium-padding, .block--custom-small-no-padding, .block--custom-small-small-padding {
        padding-top: 35px
    }
}

@media (min-width: 1100px) {
    .block--custom-small-large-padding, .block--custom-small-medium-padding, .block--custom-small-no-padding, .block--custom-small-small-padding {
        padding-top: 45px
    }
}

@media (min-width: 1400px) {
    .block--custom-small-large-padding, .block--custom-small-medium-padding, .block--custom-small-no-padding, .block--custom-small-small-padding {
        padding-top: 55px
    }
}

.block--custom-large-small-padding, .block--custom-medium-small-padding, .block--custom-no-small-padding, .block--custom-small-small-padding {
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .block--custom-large-small-padding, .block--custom-medium-small-padding, .block--custom-no-small-padding, .block--custom-small-small-padding {
        padding-bottom: 35px
    }
}

@media (min-width: 1100px) {
    .block--custom-large-small-padding, .block--custom-medium-small-padding, .block--custom-no-small-padding, .block--custom-small-small-padding {
        padding-bottom: 45px
    }
}

@media (min-width: 1400px) {
    .block--custom-large-small-padding, .block--custom-medium-small-padding, .block--custom-no-small-padding, .block--custom-small-small-padding {
        padding-bottom: 55px
    }
}

.block--no-padding {
    padding: 0
}

.block--custom-no-large-padding, .block--custom-no-medium-padding, .block--custom-no-small-padding, .block--no-padding-top {
    padding-top: 0
}

.block--custom-large-no-padding, .block--custom-medium-no-padding, .block--custom-small-no-padding, .block--no-padding-bottom {
    padding-bottom: 0
}

.textcontainer {
    display: block;
    max-width: 90%
}

@media (min-width: 768px) {
    .textcontainer {
        max-width: 80%
    }
}

@media (min-width: 1100px) {
    .textcontainer {
        max-width: 70%
    }
}

@media (min-width: 768px) {
    .textcontainer--small {
        max-width: 60%
    }
}

@media (min-width: 1100px) {
    .textcontainer--small {
        max-width: 50%
    }
}

.textcontainer--center {
    margin: 0 auto
}

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

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

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

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: 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 {
    box-sizing: border-box
}

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

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

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    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 {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

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

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
        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 {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}

.plyr__caption {
    background: rgba(0, 0, 0, .8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    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: 4px;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px) * .7);
    position: relative;
    transition: all .3s ease
}

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

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed #00b2ff;
    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 {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

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

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    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: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px) / 4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    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: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

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

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

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: hsla(0, 0%, 100%, .902);
    background: var(--plyr-menu-background, hsla(0, 0%, 100%, .902));
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .149);
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .149));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    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;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border: 4px solid transparent;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, .902));
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    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: 7px;
    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 {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    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;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control > span {
    align-items: inherit;
    display: flex;
    width: 100%
}

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

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

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    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: initial
}

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

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    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: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    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: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    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, .102);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    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%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    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;
    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, .102)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px) * .7 * -1 + 2px);
    overflow: hidden;
    padding-left: 24.5px;
    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: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    background-image: linear-gradient(90deg, currentColor, transparent 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: 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: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    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: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    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: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    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: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

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

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    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 #00b2ff;
    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 #00b2ff;
    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 #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr__poster {
    background-color: #000;
    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;
    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: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

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

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

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

.plyr__tooltip:before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    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;
    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;
    transform: translateY(10px) scale(.8);
    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: 16px;
    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;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * .7);
    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 {
    transform: translate(0) scale(1)
}

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

.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5);
    width: calc(100% + 13px);
    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: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    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: 5px;
    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: 5px;
    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 {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
    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: 25px 25px;
    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: hsla(0, 0%, 100%, .251);
    background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .251))
}

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

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

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
    margin-right: 5px;
    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: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    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: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, .6);
    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: rgba(193, 200, 209, .6);
    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: rgba(193, 200, 209, .6);
    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 {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .102);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 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, .102))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .102);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 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, .102))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .102);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 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, .102))
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, .6);
    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: #000;
    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;
    transform: translateY(-38.28125%)
}

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

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

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

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

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    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: hsla(0, 0%, 100%, .251);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .251)))
}

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

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

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .502);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 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%, .502))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .502);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 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%, .502))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .149), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .502);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .149), 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%, .502))
}

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

.plyr:-webkit-full-screen {
    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:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .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:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none
}

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

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

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

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        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: 21px;
        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: 10px;
    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: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

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

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

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

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

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    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;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .149);
    content: "";
    pointer-events: none
}

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

.plyr__preview-thumb__time-container {
    background: linear-gradient(transparent, rgba(0, 0, 0, .749));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .749)));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: 7px;
    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: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    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;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    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
}

video.plyr-react {
    width: 100%
}

.scrollnav {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.scrollnav__label {
    display: block;
    transition: all .18s ease-in-out, background .5s ease-in-out, border .5s ease-in-out
}

.scrollnav__spacer {
    position: relative;
    display: block;
    width: 8px;
    overflow: hidden;
    color: #111
}

.scrollnav__spacer:after {
    content: "";
    top: 10px;
    left: 3px;
    bottom: 10px;
    width: 2px
}

.scrollnav__spacer div, .scrollnav__spacer:after {
    display: block;
    position: absolute;
    background: currentColor
}

.scrollnav__spacer div {
    top: 4px;
    left: 0;
    width: 8px;
    height: 8px;
    z-index: 5;
    border-radius: 4px
}

.scrollnav--inverse .scrollnav__spacer {
    color: #fff
}

.scrollnav--inverse .scrollnav__label {
    background: #fff;
    border-color: #fff;
    color: #111
}

.handle {
    cursor: move;
    cursor: -webkit-grabbing
}

.dropdown {
    display: block
}

.dropdown button {
    text-transform: capitalize
}

.dropdown__content {
    display: none
}

.dropdown__content.active {
    display: flex;
    flex-direction: column;
    padding-left: 20px
}

@media (max-width: 767px) {
    .hide--mobile {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hide--desktop {
        display: none !important
    }
}

.font--title {
    font-family: Campton, Helvetica, Arial, sans-serif
}

.font--body, .font--body .h1, .font--body .h2, .font--body .h3, .font--body .h4, .font--body .h5, .font--body h1, .font--body h2, .font--body h3, .font--body h4, .font--body h5 {
    font-family: AkagiPro, Helvetica, Arial, sans-serif
}

.align--left {
    text-align: left
}

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

.align--right {
    text-align: right
}

.content--left {
    justify-content: flex-start
}

.content--center {
    justify-content: center
}

.content--right {
    justify-content: flex-end
}

.ql-size-small {
    font-size: .7em
}

.ql-size-large {
    font-size: 1.3em
}

.ql-size-huge {
    font-size: 1.6em
}

.grecaptcha-badge {
    display: none !important
}