/* ===== style.1720690651.css ===== */
@font-face {
    font-family: "Hind";
    src: url("../../../fonts/Hind-Regular.woff2") format("woff2"), url("../../../fonts/Hind-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

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

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

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

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

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

@media all {

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #fff inset !important;
        -webkit-text-fill-color: #1b1b1d
    }

    ::-webkit-input-placeholder {
        color: #1b1b1d
    }

    ::-moz-placeholder {
        color: #1b1b1d
    }

    :-ms-input-placeholder {
        color: #1b1b1d
    }

    :-moz-placeholder {
        color: #1b1b1d
    }

    textarea {
        resize: vertical;
        overflow: auto
    }

    input[type=submit] {
        appearance: none;
        cursor: pointer
    }

    textarea:focus,
    input:focus,
    button:focus {
        outline: 0
    }

    input[type=submit],
    input[type=input],
    input[type=text],
    input[type=email],
    input[type=date],
    input[type=tel],
    select,
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .grecaptcha-badge {
        visibility: hidden
    }

    form {
        width: 100%;
        position: relative;
        z-index: 1
    }

    form div.fields {
        display: flex;
        flex-wrap: wrap;
        margin-left: -20px;
        width: calc(100% + 40px)
    }

    form div.fields .column {
        display: flex;
        flex-wrap: wrap;
        margin: 0px 20px
    }

    form div.fields .column.grid-width-1-2 {
        width: calc(50% - 40px)
    }
}

@media(max-width: 650px) {
    form div.fields .column.grid-width-1-2 {
        width: 100%
    }
}

@media all {
    form div.fields .column.grid-width-1-3 {
        width: calc(33.3% - 40px)
    }
}

@media(max-width: 650px) {
    form div.fields .column.grid-width-1-3 {
        width: 100%
    }
}

@media all {
    form div.fields .column.grid-width-1-1 {
        width: 100%
    }
}

@media all {
    form div.fields div.field {
        width: 100%;
        position: relative;
        margin-top: 16px
    }

    form div.fields div.field textarea,
    form div.fields div.field select,
    form div.fields div.field input {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
        color: #000;
        font-family: "Hind", sans-serif;
        font-weight: 600;
        width: 100%;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        height: 48px;
        padding-left: 12px;
        padding-right: 12px;
        vertical-align: top;
        background: #fff
    }

    form div.fields div.field select {
        padding: 10px 43px 10px 12px
    }

    form div.fields div.field textarea {
        height: 100px;
        min-height: 100px;
        padding-top: 16px;
        padding-bottom: 16px
    }

    form div.fields div.field .input {
        position: relative
    }

    form div.fields div.field .input div.label {
        margin-bottom: 6px;
        color: #000;
        font-weight: 500
    }

    form div.fields div.field .input div.label:empty {
        display: none
    }

    form div.fields div.field .input.select:before {
        content: "";
        background: url("../../../img/icon-select.svg") no-repeat 0px 0px;
        background-size: 100% 100%;
        position: absolute;
        right: 14px;
        bottom: 24px;
        transform: translateY(50%);
        z-index: 10;
        width: 15px;
        height: 8px;
        transition: all 250ms ease-in-out;
        pointer-events: none
    }
}

@media(min-width: 1025px) {

    form div.fields div.field .input:hover input,
    form div.fields div.field .input:hover select,
    form div.fields div.field .input:hover textarea {
        border: 1px solid #008C8C
    }
}

@media all {

    form div.fields div.field.upload.focus .input div.label,
    form div.fields div.field.upload.filled .input div.label {
        border-color: #008C8C
    }

    form div.fields div.field.upload.error .input div.label {
        border-color: red;
        color: red
    }
}

@media(min-width: 1025px) {
    form div.fields div.field.upload.error .input:hover div.label {
        border-color: red;
        color: red
    }
}

@media all {
    form div.fields div.field.upload .input div.label {
        margin-bottom: 0;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        height: 48px;
        pointer-events: none;
        display: flex;
        align-items: center
    }

    form div.fields div.field.upload .input div.label .icon {
        margin-right: 10px
    }

    form div.fields div.field.upload .input div.label .text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media(min-width: 1025px) {
    form div.fields div.field.upload .input:hover div.label {
        border-color: #008C8C
    }
}

@media all {
    form div.fields div.field.upload .input input {
        opacity: 0;
        cursor: pointer
    }
}

@media all {

    form div.fields div.field .invalid-email,
    form div.fields div.field .error {
        display: none;
        color: red;
        font-size: 14px;
        line-height: 18px;
        margin-top: 2px
    }
}

@media all {

    form div.fields div.field.focus input,
    form div.fields div.field.focus select,
    form div.fields div.field.focus textarea,
    form div.fields div.field.filled input,
    form div.fields div.field.filled select,
    form div.fields div.field.filled textarea {
        border: 1px solid #008C8C
    }
}

@media all {

    form div.fields div.field.disabled input,
    form div.fields div.field.disabled select,
    form div.fields div.field.disabled textarea {
        border-color: #d9d9d9;
        color: #d9d9d9;
        pointer-events: none
    }

    form div.fields div.field.disabled .input div.label {
        color: #d9d9d9
    }
}

@media(min-width: 1025px) {

    form div.fields div.field.disabled .input:hover input,
    form div.fields div.field.disabled .input:hover select,
    form div.fields div.field.disabled .input:hover textarea {
        border-color: #d9d9d9
    }
}

@media all {

    form div.fields div.field.error input,
    form div.fields div.field.error select,
    form div.fields div.field.error textarea {
        border-color: red;
        color: red
    }

    form div.fields div.field.error .error {
        display: block
    }
}

@media(min-width: 1025px) {

    form div.fields div.field.error .input:hover input,
    form div.fields div.field.error .input:hover select,
    form div.fields div.field.error .input:hover textarea {
        border: 1px solid red
    }
}

@media all {

    form div.fields div.field.invalid-email input,
    form div.fields div.field.invalid-email select,
    form div.fields div.field.invalid-email textarea {
        border: 1px solid red;
        color: red
    }

    form div.fields div.field.invalid-email .invalid-email {
        display: block
    }
}

@media(min-width: 1025px) {

    form div.fields div.field.invalid-email .input:hover input,
    form div.fields div.field.invalid-email .input:hover select,
    form div.fields div.field.invalid-email .input:hover textarea {
        border: 1px solid red
    }
}

@media all {
    form div.fields .submit {
        margin-top: 50px
    }
}

@media all {
    form div.privacy-container {
        margin-top: 36px;
        color: #636368
    }

    form div.privacy-container a {
        text-decoration: underline;
        color: #636368
    }

    form div.privacy-container a:after {
        content: none
    }

    form div.privacy-container .checkbox {
        display: flex;
        align-items: flex-start
    }

    form div.privacy-container .checkbox input {
        display: none
    }

    form div.privacy-container .checkbox .pseudocheckbox {
        width: 24px;
        height: 24px;
        min-width: 24px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin-right: 17px;
        cursor: pointer;
        margin-top: 3px
    }
}

@media(min-width: 1025px) {
    form div.privacy-container .checkbox .pseudocheckbox:hover {
        border-color: #008C8C
    }
}

@media all {
    form div.privacy-container .checkbox.checked .pseudocheckbox {
        border-color: #008C8C;
        background-color: #fff;
        position: relative
    }

    form div.privacy-container .checkbox.checked .pseudocheckbox:after {
        content: "";
        background: url("../../../img/icon-check.svg") no-repeat 0px 0px;
        background-size: 100% 100%;
        width: 14px;
        height: 10px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2
    }
}

@media all {
    form div.privacy-container .privacy-not-accepted {
        display: none;
        color: red;
        margin-top: 15px
    }
}

@media all {

    form .error-container,
    form .success-container {
        display: none;
        margin-top: 20px
    }
}

@media all {
    form.sent div.fields {
        display: none
    }

    form.sent .success-container {
        display: block;
        color: green
    }
}

@media all {
    form.error .error-container {
        display: block;
        color: red
    }
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

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

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .7
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.splide__slide--has-video {
    cursor: pointer
}

.splide__slide--has-video:hover .splide__video__play {
    opacity: 1
}

.splide__slide__container--has-video {
    cursor: pointer;
    position: relative
}

.splide__slide__container--has-video:hover .splide__video__play {
    opacity: 1
}

.splide__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.splide__video__wrapper {
    background: #000;
    height: inherit;
    width: inherit
}

.splide__video__wrapper div,
.splide__video__wrapper iframe,
.splide__video__wrapper video {
    height: 100%;
    width: 100%
}

.splide__video__play {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 50%;
    opacity: .7;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .1s linear;
    width: 40px
}

.splide__video__play:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
    border-style: solid;
    border-width: 9px 0 9px 17px;
    content: "";
    display: inline-block;
    margin-left: 4px
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.product-list .centercontent {
    overflow: hidden
}

.product-list .elements {
    border-top: 1px solid #d9d9d9;
    padding-top: 3%
}

.product-list .elements .element {
    position: relative
}

.product-list .elements .element:before {
    content: "";
    display: block;
    position: absolute;
    left: -4.6448087432%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #d9d9d9
}

@media(max-width: 1024px) {
    .product-list .elements .element:before {
        left: -3.7617554859%
    }
}

@media(max-width: 650px) {
    .product-list .elements .element:before {
        left: -2.2508038585%
    }
}

.product-list .elements .element .image {
    overflow: hidden;
    padding-top: 100%;
    height: 0;
    position: relative
}

.product-list .elements .element .image video,
.product-list .elements .element .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: auto;
    height: auto
}

.product-list .elements .element .image video {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-list .elements .element .content {
    padding-left: 24px;
    padding-right: 24px
}

.product-list .elements .element .content {
    padding-top: 16px
}

@media(min-width: 650px) {
    .product-list .elements .element .content {
        padding-top: calc(16px + (32 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .product-list .elements .element .content {
        padding-top: 32px
    }
}

.product-list .elements .element .content {
    padding-bottom: 16px
}

@media(min-width: 650px) {
    .product-list .elements .element .content {
        padding-bottom: calc(16px + (32 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .product-list .elements .element .content {
        padding-bottom: 32px
    }
}

.product-list .elements .element .content .introduction {
    margin-top: 1em
}

.product-list .elements .element:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #d9d9d9
}

.product-list .elements a.element .image {
    transition: transform .3s linear
}

@media(min-width: 1025px) {
    .product-list .elements a.element:hover .image {
        transform: scale(1.05)
    }
}

.teaser-list {
    overflow: hidden
}

@media(max-width: 650px) {
    .teaser-list-overflow .splide {
        max-width: 77.7777777778%
    }
}

.teaser-list-overflow .splide__track {
    overflow: visible
}

.teaser-list .splide {
    display: flex;
    flex-direction: column
}

.teaser-list .splide__track {
    order: 1
}

.teaser-list .splide__arrows {
    order: 2;
    display: flex;
    justify-content: center
}

.teaser-list .splide__arrows {
    padding-top: 32px
}

@media(min-width: 650px) {
    .teaser-list .splide__arrows {
        padding-top: calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .teaser-list .splide__arrows {
        padding-top: 64px
    }
}

.teaser-list .splide__arrow {
    background-color: #dadadf;
    position: relative;
    top: 0;
    transform: none
}

.teaser-list .splide__arrow {
    margin-right: 8px
}

@media(min-width: 650px) {
    .teaser-list .splide__arrow {
        margin-right: calc(8px + (16 - 8) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .teaser-list .splide__arrow {
        margin-right: 16px
    }
}

.teaser-list .splide__arrow {
    margin-left: 8px
}

@media(min-width: 650px) {
    .teaser-list .splide__arrow {
        margin-left: calc(8px + (16 - 8) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .teaser-list .splide__arrow {
        margin-left: 16px
    }
}

.teaser-list .splide__arrow {
    width: 32px
}

@media(min-width: 650px) {
    .teaser-list .splide__arrow {
        width: calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .teaser-list .splide__arrow {
        width: 64px
    }
}

.teaser-list .splide__arrow {
    height: 32px
}

@media(min-width: 650px) {
    .teaser-list .splide__arrow {
        height: calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .teaser-list .splide__arrow {
        height: 64px
    }
}

.teaser-list .splide__arrow--prev {
    left: auto
}

.teaser-list .splide__arrow--next {
    right: auto
}

.teaser-list .splide__arrow svg {
    fill: #008C8C
}

.teaser-list .splide__arrow svg {
    width: 12px
}

@media(min-width: 650px) {
    .teaser-list .splide__arrow svg {
        width: calc(12px + (18 - 12) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .teaser-list .splide__arrow svg {
        width: 18px
    }
}

.teaser-list .splide__arrow svg {
    height: 12px
}

@media(min-width: 650px) {
    .teaser-list .splide__arrow svg {
        height: calc(12px + (18 - 12) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .teaser-list .splide__arrow svg {
        height: 18px
    }
}

.teaser-element {
    position: relative
}

.teaser-element .image {
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    height: 100%
}

.teaser-element .image:not(.element-image-gradient):after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 25%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%)
}

.teaser-element .image video {
    border: 0px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: block;
    object-fit: cover
}

.teaser-element .tag {
    position: absolute;
    z-index: 5;
    left: 32px;
    top: 30px;
    border-radius: 4px;
    padding: 4px 10px 3px 10px;
    background-color: #fff;
    font-family: "Hind", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #1b1b1d
}

@media(max-width: 650px) {
    .teaser-element .tag {
        top: 28px
    }
}

.teaser-element .title {
    position: absolute;
    z-index: 5;
    left: 32px;
    bottom: 32px;
    font-family: "Hind", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    color: #fff
}

a.teaser-element .image picture img {
    transition: all .3s linear
}

@media(min-width: 1025px) {
    a.teaser-element:hover .image picture img {
        transform: scale(1.05)
    }
}

.element-image-gradient {
    position: relative
}

.element-image-gradient:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-180deg);
    background: linear-gradient(185.58deg, rgba(0, 0, 0, 0.6) 4.45%, rgba(255, 255, 255, 0) 59.46%)
}

.magazine-element {
    padding-bottom: 32px;
    border-bottom: 1px solid #d9d9d9
}

.magazine-element .image {
    margin-bottom: 24px;
    overflow: hidden
}

.magazine-element .image a picture img {
    transition: all .3s linear
}

.magazine-element .image a:hover picture img {
    transform: scale(1.05)
}

.magazine-element .title+.introduction {
    margin-top: 1em
}

.magazine-element .link-container {
    margin-top: 24px
}

@media(max-width: 450px) {
    .magazine-element .link-container a {
        width: 100%;
        box-sizing: border-box;
        text-align: center
    }
}

@media(min-width: 650px) {
    .list-3-3-1-1 .elements {
        width: 102%;
        margin-left: -2%
    }
}

@media(min-width: 650px) {
    .list-3-3-1-1 .elements .element {
        width: 31.3125%;
        margin-left: 2%
    }

    .list-3-3-1-1 .elements .element:nth-child(n+4) {
        margin-top: 16px
    }
}

@media(min-width: 650px)and (min-width: 650px) {
    .list-3-3-1-1 .elements .element:nth-child(n+4) {
        margin-top: calc(16px + (64 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 650px)and (min-width: 1600px) {
    .list-3-3-1-1 .elements .element:nth-child(n+4) {
        margin-top: 64px
    }
}

@media(max-width: 650px) {
    .list-3-3-1-1 .elements .element {
        width: 100%
    }

    .list-3-3-1-1 .elements .element+.element {
        margin-top: 24px
    }
}

@media(min-width: 650px) {
    .list-3-2-1-1 .elements {
        width: 102%;
        margin-left: -2%
    }
}

.list-3-2-1-1 .elements .element {
    margin-left: 2%
}

@media(min-width: 1024px) {
    .list-3-2-1-1 .elements .element {
        width: 31.3125%
    }

    .list-3-2-1-1 .elements .element:nth-child(n+4) {
        margin-top: 16px
    }
}

@media(min-width: 1024px)and (min-width: 650px) {
    .list-3-2-1-1 .elements .element:nth-child(n+4) {
        margin-top: calc(16px + (64 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1024px)and (min-width: 1600px) {
    .list-3-2-1-1 .elements .element:nth-child(n+4) {
        margin-top: 64px
    }
}

@media(max-width: 1024px)and (min-width: 650px) {
    .list-3-2-1-1 .elements .element {
        width: 48%
    }

    .list-3-2-1-1 .elements .element:nth-child(n+3) {
        margin-top: 16px
    }
}

@media(max-width: 1024px)and (min-width: 650px)and (min-width: 650px) {
    .list-3-2-1-1 .elements .element:nth-child(n+3) {
        margin-top: calc(16px + (64 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(max-width: 1024px)and (min-width: 650px)and (min-width: 1600px) {
    .list-3-2-1-1 .elements .element:nth-child(n+3) {
        margin-top: 64px
    }
}

@media(max-width: 650px) {
    .list-3-2-1-1 .elements .element {
        width: 100%;
        margin-left: 0
    }

    .list-3-2-1-1 .elements .element+.element {
        margin-top: 16px
    }
}

@media(max-width: 650px)and (min-width: 650px) {
    .list-3-2-1-1 .elements .element+.element {
        margin-top: calc(16px + (64 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(max-width: 650px)and (min-width: 1600px) {
    .list-3-2-1-1 .elements .element+.element {
        margin-top: 64px
    }
}

@media(min-width: 450px) {
    .list-4-3-2-1 .elements {
        width: 102.125%;
        margin-left: -2.125%
    }
}

.list-4-3-2-1 .elements .element {
    margin-left: 2.125%
}

@media(min-width: 1024px) {
    .list-4-3-2-1 .elements .element {
        width: 22.875%
    }

    .list-4-3-2-1 .elements .element:nth-child(n+5) {
        padding-top: 3%
    }
}

@media(max-width: 1024px)and (min-width: 650px) {
    .list-4-3-2-1 .elements .element {
        width: 31.15234375%
    }

    .list-4-3-2-1 .elements .element:nth-child(n+4) {
        padding-top: 3%
    }
}

@media(max-width: 650px)and (min-width: 450px) {
    .list-4-3-2-1 .elements .element {
        width: 47.8461538462%
    }

    .list-4-3-2-1 .elements .element:nth-child(n+3) {
        padding-top: 24px
    }
}

@media(max-width: 450px) {
    .list-4-3-2-1 .elements .element {
        width: 100%;
        margin-left: 0
    }

    .list-4-3-2-1 .elements .element:nth-child(n+2) {
        padding-top: 24px
    }
}

@media(min-width: 450px) {
    .list-2-2-1-1 .elements {
        width: 102.125%;
        margin-left: -2.125%
    }
}

.list-2-2-1-1 .elements .element {
    margin-left: 2.125%
}

@media(min-width: 650px) {
    .list-2-2-1-1 .elements .element {
        width: 47%
    }

    .list-2-2-1-1 .elements .element:nth-child(n+3) {
        padding-top: 24px
    }
}

@media(max-width: 650px) {
    .list-2-2-1-1 .elements .element {
        width: 100%;
        margin-left: 0
    }

    .list-2-2-1-1 .elements .element:nth-child(n+2) {
        padding-top: 24px
    }
}

.intro-t1 .centercontent .content {
    max-width: 1300px
}

.intro-t1 .title+.sku {
    margin-top: 10px
}

@media(min-width: 650px) {
    .intro-t1 .title+.sku {
        margin-top: calc(10px + (15 - 10) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .intro-t1 .title+.sku {
        margin-top: 15px
    }
}

.intro-t1 .text {
    margin-top: 20px
}

@media(min-width: 650px) {
    .intro-t1 .text {
        margin-top: calc(20px + (30 - 20) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .intro-t1 .text {
        margin-top: 30px
    }
}

.intro-t1 .link-container {
    margin-top: 20px
}

@media(min-width: 650px) {
    .intro-t1 .link-container {
        margin-top: calc(20px + (30 - 20) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .intro-t1 .link-container {
        margin-top: 30px
    }
}

@media(max-width: 450px) {
    .intro-t1 .link-container a {
        width: 100%;
        box-sizing: border-box;
        text-align: center
    }
}

.intro-t1.main-intro-template-karriere .link-container,
.intro-t1.main-intro-template-product-detail .link-container {
    margin-top: 38px
}

@media(min-width: 650px) {

    .intro-t1.main-intro-template-karriere .link-container,
    .intro-t1.main-intro-template-product-detail .link-container {
        margin-top: calc(38px + (48 - 38) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    .intro-t1.main-intro-template-karriere .link-container,
    .intro-t1.main-intro-template-product-detail .link-container {
        margin-top: 48px
    }
}

.intro-t1.main-intro-template-karriere .link-container a.button1 {
    position: relative;
    padding-left: 58px
}

.intro-t1.main-intro-template-karriere .link-container a.button1:before {
    content: "";
    display: block;
    position: absolute;
    left: 24px;
    top: 9px;
    width: 24px;
    height: 24px;
    background: url("../../../img/check.svg") no-repeat 0px 0px
}

@media(min-width: 1024px) {
    .detail-t1 .intro-t1 .centercontentsmall {
        max-width: 1024px
    }
}

.detail-t1 .centercontent.border {
    border-top: 1px solid #d9d9d9
}

.detail-t1 .with-list .list-element {
    width: calc(50% - 16px);
    padding: 24px !important;
    border-bottom: 1px solid #d9d9d9
}

@media(min-width: 650px) {
    .detail-t1 .with-list .list-element:nth-child(-n+2) {
        border-top: 1px solid #d9d9d9
    }
}

@media(max-width: 650px) {
    .detail-t1 .with-list .list-element:first-child {
        border-top: 1px solid #d9d9d9
    }
}

@media(max-width: 1024px) {
    .detail-t1 .with-list .list-element {
        padding: 24px 12px !important
    }
}

@media(max-width: 650px) {
    .detail-t1 .with-list .list-element {
        width: 100%
    }
}

.detail-t1 .with-list .list-element .icon {
    width: 24px;
    height: 24px;
    margin-bottom: .7em
}

.detail-t1 .with-list .list-element .title+.text {
    margin-top: .5em
}

.detail-t1 .text {
    width: 100%;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

@media(max-width: 450px) {
    .detail-t1 .backlink .centercontent .link-container a {
        width: 100%;
        box-sizing: border-box;
        text-align: center
    }
}

footer {
    position: relative;
    z-index: 10
}

footer .top {
    padding: 32px 0 52px 0
}

@media(max-width: 650px) {
    footer .top {
        padding: 30px 0 20px 0
    }
}

footer .top .column {
    width: 18%
}

@media(max-width: 1400px) {
    footer .top .column {
        width: 30%
    }
}

@media(max-width: 1000px) {
    footer .top .column {
        width: 45%
    }
}

@media(max-width: 650px) {
    footer .top .column {
        width: 100%;
        padding: 10px 0
    }
}

footer .top .column+.column {
    margin-left: 2.5%
}

@media(max-width: 1400px) {
    footer .top .column+.column {
        margin-left: 5%
    }
}

@media(max-width: 1000px) {
    footer .top .column+.column {
        margin-left: 10%
    }
}

@media(max-width: 650px) {
    footer .top .column+.column {
        margin-left: 0
    }
}

@media(max-width: 1400px) {
    footer .top .column:nth-child(3n-2) {
        margin-left: 0
    }
}

@media(max-width: 1000px) {
    footer .top .column:nth-child(odd) {
        margin-left: 0
    }
}

@media(max-width: 650px) {
    footer .top .column:nth-child(3n-2) {
        margin-left: 0
    }
}

@media(max-width: 1400px) {
    footer .top .column:nth-child(n+4) {
        margin-top: 32px
    }
}

@media(max-width: 1000px) {
    footer .top .column:nth-child(n+3) {
        margin-top: 32px
    }
}

@media(max-width: 650px) {
    footer .top .column:nth-child(n+2) {
        margin-top: 0
    }
}

footer .top .column .title {
    margin-bottom: 12px
}

@media(max-width: 650px) {
    footer .top .column .title {
        position: relative;
        padding-right: 30px;
        margin-bottom: 0px
    }

    footer .top .column .title:before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 12px;
        height: 12px;
        background: url("../../../img/arrow-right.svg") no-repeat 0px 0px;
        background-size: contain;
        filter: brightness(0) invert(1);
        transform: translateY(-50%) rotate(90deg);
        transition: all 400ms ease
    }

    footer .top .column .title.open:before {
        transform: translateY(-50%) rotate(-90deg)
    }
}

@media(max-width: 650px) {
    footer .top .column .text {
        margin-top: 10px
    }
}

footer .top .column .active {
    text-decoration: underline
}

footer .top .column.linkedin img {
    width: 22px;
    height: 22px;
    margin-right: 10px
}

footer .top .column.newsletter .button1 {
    margin-top: 12px
}

@media(max-width: 650px) {
    footer .toggle-container .text {
        display: none
    }
}

footer .bottom .container {
    padding: 16px 0 32px 0;
    border-top: 1px solid #fff
}

@media(max-width: 650px) {
    footer .bottom .container {
        padding: 0;
        text-align: center
    }
}

@media(max-width: 650px) {
    footer .bottom .container .right {
        width: 100%;
        padding: 22px 0;
        order: 1
    }
}

@media(max-width: 650px) {
    footer .bottom .container .right .language-switcher {
        justify-content: center
    }
}

footer .bottom .container .right .language:first-child .slash {
    display: none
}

footer .bottom .container .right .active {
    text-decoration: underline
}

footer .bottom .container .left .active {
    text-decoration: underline
}

@media(max-width: 650px) {
    footer .bottom .container .left {
        padding: 22px 0;
        border-top: 1px solid #fff;
        order: 2
    }
}

header {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px 0;
    z-index: 16
}

@media(max-width: 1250px) {
    header {
        padding: 26px 0
    }
}

@media(max-width: 650px) {
    header {
        padding: 22px 0
    }
}

@media(max-width: 650px) {
    header .left .logo {
        width: 248px
    }
}

header .logo {
    height: 28px
}

@media(min-width: 1025px) {
    header .menu a:hover {
        opacity: 1;
        color: #008C8C
    }
}

@media(max-width: 1250px) {
    header .menu {
        display: none
    }
}

header .menu .main-menu {
    margin-left: 40px
}

@media(max-width: 1400px) {
    header .menu .main-menu {
        margin-left: 24px
    }
}

header .menu .main-menu:first-child {
    margin-left: 60px
}

@media(max-width: 1400px) {
    header .menu .main-menu:first-child {
        margin-left: 30px
    }
}

header .menu .main-menu .submenu {
    position: absolute;
    left: 0;
    top: -100vh;
    width: 100%;
    height: calc(100vh - 84px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 500ms ease, top 0ms ease 500ms
}

@media(max-width: 1250px) {
    header .menu .main-menu .submenu {
        height: calc(100vh - 80px)
    }
}

header .menu .main-menu .submenu .submenu-content {
    min-height: 260px
}

header .menu .main-menu .submenu .submenu-content .submenu-container {
    padding: 36px 0 48px 308px;
    border-top: 1px solid #000
}

header .menu .main-menu .submenu .submenu-content .submenu-container a.active:after {
    bottom: 2px
}

header .menu .main-menu .submenu .submenu-content .submenu-container .main-menu-link {
    margin-bottom: 14px
}

header .menu .main-menu .submenu .submenu-content .submenu-container .submenu-points .column {
    width: 180px;
    margin-right: 30px
}

header .menu .main-menu .submenu .submenu-content .submenu-container .submenu-points .column div {
    margin-top: 14px
}

header .menu .main-menu .submenu .submenu-content .submenu-container .submenu-points .column div:first-child {
    margin-top: 0
}

header .menu .main-menu .open+.submenu {
    top: 84px;
    opacity: 1;
    pointer-events: all;
    transition: opacity 500ms ease, top 0ms ease
}

header .menu .active {
    color: #008C8C;
    position: relative
}

header .menu .active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background-color: #008C8C
}

@media(max-width: 1250px) {
    header .contact {
        display: none
    }
}

header .mobile-open {
    display: none;
    position: relative;
    width: 30px;
    height: 18px;
    margin-left: 20px
}

@media(max-width: 1250px) {
    header .mobile-open {
        display: block
    }
}

header .mobile-open .bar {
    position: absolute;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #1b1b1d;
    transition: all 600ms ease
}

header .mobile-open .bar.bar1 {
    top: 0
}

header .mobile-open .bar.bar2 {
    top: 8px
}

header .mobile-open .bar.bar3 {
    top: 16px
}

.menu-gradient {
    position: fixed;
    left: 0;
    top: 100vh;
    width: 100%;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(27, 27, 29, .7);
    transition: opacity 500ms ease, top 0ms ease 500ms;
    z-index: 9
}

.mobile-menu {
    display: none;
    position: fixed;
    left: 0;
    bottom: 100%;
    height: calc(100% - 80px);
    width: 100%;
    transition: all 600ms ease;
    overflow-y: auto;
    z-index: 15
}

@media(max-width: 1250px) {
    .mobile-menu {
        display: block
    }
}

@media(max-width: 650px) {
    .mobile-menu {
        height: calc(100% - 72px)
    }
}

.mobile-menu .inner {
    padding: 20px 0 60px 0
}

.mobile-menu .inner .menu-container {
    border-top: 1px solid currentColor
}

.mobile-menu .inner .menu-container .main-menu {
    display: flex;
    flex-direction: column;
    padding: 15px 0;
    border-bottom: 1px solid currentColor
}

.mobile-menu .inner .menu-container .main-menu .menu-title.with-submenu {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-menu .inner .menu-container .main-menu .menu-title.with-submenu img {
    transition: transform 400ms ease;
    width: 12px;
    height: 12px;
    transform: rotate(90deg)
}

.mobile-menu .inner .menu-container .main-menu .menu-title.with-submenu.open img {
    transform: rotate(-90deg)
}

.mobile-menu .inner .menu-container .main-menu .submenu {
    display: none;
    padding: 10px 0 10px 24px
}

.mobile-menu .inner .menu-container .active {
    color: #008C8C
}

.mobile-menu .inner .contact {
    margin-top: 30px
}

.mobile-menu .inner .contact a {
    width: 100%;
    text-align: center
}

body.menu-open .menu-gradient {
    top: 0;
    opacity: 1;
    pointer-events: all;
    transition: opacity 500ms ease, top 0ms ease
}

@media(max-width: 1250px) {
    body.menu-open .menu-gradient {
        display: none
    }
}

body.menu-open .mobile-menu {
    bottom: 0
}

body.menu-open header .mobile-open .bar.bar1 {
    top: 11px;
    transform: rotate(45deg) scale(1.2)
}

body.menu-open header .mobile-open .bar.bar2 {
    top: 11px;
    transform: rotate(-45deg) scale(1.2)
}

body.menu-open header .mobile-open .bar.bar3 {
    top: 11px;
    transform: rotate(45deg) scale(1.2)
}

body.menu-open.banner .mobile-menu {
    height: calc(100% - 128px)
}

@media(max-width: 650px) {
    body.menu-open.banner .mobile-menu {
        height: calc(100% - 124px)
    }
}

body,
html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    color: #1b1b1d;
    font-family: "Hind", sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    background-color: #fff
}

body {
    font-size: 26px
}

@media(min-width: 650px) {
    body {
        font-size: calc(26px + (30 - 26) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    body {
        font-size: 30px
    }
}

body {
    line-height: 34px
}

/* Fail-safe: if AOS JS doesn't initialize, don't hide data-aos sections */
html:not(.aos-enabled) [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important
}

@media(min-width: 650px) {
    body {
        line-height: calc(34px + (34 - 34) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    body {
        line-height: 34px
    }
}

body .frame {
    margin: 0px auto;
    width: 100%
}

* {
    touch-action: manipulation;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

::-moz-selection {
    background: #343437;
    color: #fff
}

::selection {
    background: #343437;
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    margin: 0px;
    padding: 0px;
    text-decoration: none
}

.t1largenumber,
.t1large {
    font-family: "Inter", sans-serif;
    color: #1b1b1d;
    font-weight: 700;
    text-transform: none
}

.t1largenumber {
    font-size: 100px;
    line-height: 100px
}

.t1large {
    font-size: 50px
}

@media(min-width: 650px) {
    .t1large {
        font-size: calc(50px + (100 - 50) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .t1large {
        font-size: 100px
    }
}

.t1large {
    line-height: 50px
}

@media(min-width: 650px) {
    .t1large {
        line-height: calc(50px + (100 - 50) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .t1large {
        line-height: 100px
    }
}

h1,
h1 a,
.t1,
.t1i,
.t1 a {
    font-family: "Inter", sans-serif;
    color: #1b1b1d;
    font-weight: 700;
    text-transform: none
}

h1,
h1 a,
.t1,
.t1i,
.t1 a {
    font-size: 45px
}

@media(min-width: 650px) {

    h1,
    h1 a,
    .t1,
    .t1i,
    .t1 a {
        font-size: calc(45px + (100 - 45) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h1,
    h1 a,
    .t1,
    .t1i,
    .t1 a {
        font-size: 100px
    }
}

h1,
h1 a,
.t1,
.t1i,
.t1 a {
    line-height: 50px
}

@media(min-width: 650px) {

    h1,
    h1 a,
    .t1,
    .t1i,
    .t1 a {
        line-height: calc(50px + (100 - 50) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h1,
    h1 a,
    .t1,
    .t1i,
    .t1 a {
        line-height: 100px
    }
}

h1 em,
h1 a em,
.t1 em,
.t1i em,
.t1 a em {
    font-style: normal;
    color: #008C8C
}

h2,
h2 a,
.t2,
.t2i,
.t2 a {
    font-family: "Inter", sans-serif;
    color: #1b1b1d;
    font-weight: 700;
    text-transform: none
}

h2,
h2 a,
.t2,
.t2i,
.t2 a {
    font-size: 45px
}

@media(min-width: 650px) {

    h2,
    h2 a,
    .t2,
    .t2i,
    .t2 a {
        font-size: calc(45px + (75 - 45) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h2,
    h2 a,
    .t2,
    .t2i,
    .t2 a {
        font-size: 75px
    }
}

h2,
h2 a,
.t2,
.t2i,
.t2 a {
    line-height: 50px
}

@media(min-width: 650px) {

    h2,
    h2 a,
    .t2,
    .t2i,
    .t2 a {
        line-height: calc(50px + (70 - 50) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h2,
    h2 a,
    .t2,
    .t2i,
    .t2 a {
        line-height: 70px
    }
}

h2 em,
h2 a em,
.t2 em,
.t2i em,
.t2 a em {
    font-style: normal;
    color: #008C8C
}

h3,
h3 a,
.t3,
.t3i,
.t3 a {
    font-family: "Hind", sans-serif;
    color: #1b1b1d;
    font-weight: 400;
    text-transform: none
}

h3,
h3 a,
.t3,
.t3i,
.t3 a {
    font-size: 26px
}

@media(min-width: 650px) {

    h3,
    h3 a,
    .t3,
    .t3i,
    .t3 a {
        font-size: calc(26px + (30 - 26) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h3,
    h3 a,
    .t3,
    .t3i,
    .t3 a {
        font-size: 30px
    }
}

h3,
h3 a,
.t3,
.t3i,
.t3 a {
    line-height: 34px
}

@media(min-width: 650px) {

    h3,
    h3 a,
    .t3,
    .t3i,
    .t3 a {
        line-height: calc(34px + (34 - 34) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h3,
    h3 a,
    .t3,
    .t3i,
    .t3 a {
        line-height: 34px
    }
}

h3 em,
h3 a em,
.t3 em,
.t3i em,
.t3 a em {
    font-style: normal;
    color: #008C8C
}

h4,
h4 a,
.t4,
.t4i,
.t4 a {
    font-family: "Hind", sans-serif;
    color: #1b1b1d;
    font-weight: 600;
    text-transform: none
}

h4,
h4 a,
.t4,
.t4i,
.t4 a {
    font-size: 20px
}

@media(min-width: 650px) {

    h4,
    h4 a,
    .t4,
    .t4i,
    .t4 a {
        font-size: calc(20px + (20 - 20) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h4,
    h4 a,
    .t4,
    .t4i,
    .t4 a {
        font-size: 20px
    }
}

h4,
h4 a,
.t4,
.t4i,
.t4 a {
    line-height: 26px
}

@media(min-width: 650px) {

    h4,
    h4 a,
    .t4,
    .t4i,
    .t4 a {
        line-height: calc(26px + (26 - 26) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h4,
    h4 a,
    .t4,
    .t4i,
    .t4 a {
        line-height: 26px
    }
}

h4 em,
h4 a em,
.t4 em,
.t4i em,
.t4 a em {
    font-style: normal;
    color: #008C8C
}

h5,
h5 a,
.t5,
.t5i,
.t5 a {
    font-family: "Hind", sans-serif;
    color: #1b1b1d;
    font-weight: normal;
    text-transform: none
}

h5,
h5 a,
.t5,
.t5i,
.t5 a {
    font-size: 30px
}

@media(min-width: 650px) {

    h5,
    h5 a,
    .t5,
    .t5i,
    .t5 a {
        font-size: calc(30px + (20 - 30) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h5,
    h5 a,
    .t5,
    .t5i,
    .t5 a {
        font-size: 20px
    }
}

h5,
h5 a,
.t5,
.t5i,
.t5 a {
    line-height: 30px
}

@media(min-width: 650px) {

    h5,
    h5 a,
    .t5,
    .t5i,
    .t5 a {
        line-height: calc(30px + (26 - 30) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {

    h5,
    h5 a,
    .t5,
    .t5i,
    .t5 a {
        line-height: 26px
    }
}

h5 em,
h5 a em,
.t5 em,
.t5i em,
.t5 a em {
    font-style: normal;
    color: #008C8C
}

.smallFs {
    font-size: 16px
}

@media(min-width: 650px) {
    .smallFs {
        font-size: calc(16px + (16 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .smallFs {
        font-size: 16px
    }
}

.smallFs {
    line-height: 24px
}

@media(min-width: 650px) {
    .smallFs {
        line-height: calc(24px + (24 - 24) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .smallFs {
        line-height: 24px
    }
}

.smallerFs {
    font-size: 14px;
    line-height: 14px
}

.defaultFs {
    font-size: 20px;
    line-height: 26px;
    font-family: "Hind", sans-serif
}

.menu-title {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.menu-title {
    font-size: 14px
}

@media(min-width: 650px) {
    .menu-title {
        font-size: calc(14px + (14 - 14) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .menu-title {
        font-size: 14px
    }
}

.menu-title {
    line-height: 16px
}

@media(min-width: 650px) {
    .menu-title {
        line-height: calc(16px + (16 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .menu-title {
        line-height: 16px
    }
}

.mediumFs {
    font-size: 20px
}

@media(min-width: 650px) {
    .mediumFs {
        font-size: calc(20px + (20 - 20) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .mediumFs {
        font-size: 20px
    }
}

.mediumFs {
    line-height: 22px
}

@media(min-width: 650px) {
    .mediumFs {
        line-height: calc(22px + (22 - 22) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .mediumFs {
        line-height: 22px
    }
}

.largeFs {
    font-size: 24px
}

@media(min-width: 650px) {
    .largeFs {
        font-size: calc(24px + (24 - 24) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .largeFs {
        font-size: 24px
    }
}

.largeFs {
    line-height: 34px
}

@media(min-width: 650px) {
    .largeFs {
        line-height: calc(34px + (34 - 34) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .largeFs {
        line-height: 34px
    }
}

.fw600 {
    font-weight: 600
}

.button1 {
    background-color: #008C8C;
    display: inline-block;
    padding: 12px 24px 12px 24px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    font-family: "Inter", sans-serif;
    border: 0;
    border-radius: 4px;
    position: relative;
    text-transform: uppercase
}

.button2 {
    background-color: #fff;
    border: 1px solid #008C8C;
    display: inline-block;
    padding: 12px 24px 12px 24px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #008C8C;
    font-family: "Inter", sans-serif;
    border-radius: 4px;
    position: relative;
    text-transform: uppercase
}

.text-link {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: .1px;
    color: #008C8C;
    text-decoration: underline
}

div.video {
    position: relative;
    width: 100%;
    padding-top: 44.8387096774%;
    height: 0px
}

div.video video,
div.video iframe {
    width: 100%;
    height: 100%;
    border: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2
}

.box-shadow {
    box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, .16)
}

a {
    text-decoration: none;
    color: #1b1b1d;
    cursor: pointer
}

p {
    margin: 0px
}

p a {
    text-decoration: underline
}

p:empty {
    height: 1em;
    margin: 0px
}

ol,
li {
    margin: 0px
}

svg,
img {
    border: 0px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: block
}

picture {
    display: block
}

:focus {
    outline: none
}

.inverse,
.inverse a,
.t1i,
.t2i,
.t3i,
.t4i,
.t5i {
    color: #fff
}

.bgweb {
    background-color: #fff
}

.bg1 {
    background-color: #1b1b1d
}

.bg2 {
    background-color: #f3f3f6
}

.bg3 {
    background-color: #636368
}

.bg4 {
    background-color: #008C8C
}

.bg5 {
    background-color: #000
}

.colordefault {
    color: #1b1b1d
}

.color1 {
    color: #1b1b1d
}

.color2 {
    color: #f3f3f6
}

.color3 {
    color: #636368
}

.color4 {
    color: #008C8C
}

.color5 {
    color: #000
}

.centercontentsmall {
    width: 90%;
    max-width: 850px;
    margin: 0px auto
}

.centercontentmedium {
    width: 90%;
    max-width: 1300px;
    margin: 0px auto
}

.centercontent {
    width: 90%;
    max-width: 1600px;
    margin: 0px auto
}

.centercontentlarge {
    width: 96.6666666667%;
    max-width: 1920px;
    margin: 0px auto
}

@media(max-width: 1024px) {
    .centercontentlarge {
        width: 90%
    }
}

.dib {
    display: inline-block
}

.df {
    display: flex
}

.dg {
    display: grid
}

.fw {
    flex-wrap: wrap
}

.ac {
    align-items: center
}

.ae {
    align-items: flex-end
}

.as {
    align-items: flex-start
}

.ab {
    align-items: baseline
}

.jc {
    justify-content: center
}

.je {
    justify-content: flex-end
}

.js {
    justify-content: flex-start
}

.jb {
    justify-content: space-between
}

.ja {
    justify-content: space-around
}

.col {
    flex-direction: column
}

.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.bold,
strong,
b {
    font-weight: 600
}

.cp,
.pointer {
    cursor: pointer
}

.ttu {
    text-transform: uppercase
}

.ttl {
    text-transform: lowercase
}

ul.reset {
    margin: 0px;
    padding: 0px
}

ul.reset li {
    display: block
}

@media(min-width: 1025px) {

    a:hover,
    .hover:hover {
        opacity: .7
    }
}

@media(min-width: 1025px) {
    .hover {
        transition: opacity 250ms ease-in-out
    }
}

@media(min-width: 1025px) {

    .nohover:hover,
    .nohover a:hover {
        opacity: 1
    }
}

body.prevent-scrolling {
    overflow: hidden !important
}

@media(min-width: 1025px) {
    body.prevent-scrolling {
        padding-right: 17px
    }

    body.prevent-scrolling header {
        padding-right: 17px
    }

    body.prevent-scrolling .overlap-bg {
        padding-right: 17px;
        margin-right: -17px
    }

    body.prevent-scrolling .fullwidth picture {
        padding-right: 17px
    }
}

.space-top-none {
    padding-top: 0px
}

.space-top-xs {
    padding-top: 16px
}

@media(min-width: 650px) {
    .space-top-xs {
        padding-top: calc(16px + (45 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .space-top-xs {
        padding-top: 45px
    }
}

.space-top-s {
    padding-top: 16px
}

@media(min-width: 650px) {
    .space-top-s {
        padding-top: calc(16px + (64 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .space-top-s {
        padding-top: 64px
    }
}

.space-top-m {
    padding-top: 32px
}

@media(min-width: 650px) {
    .space-top-m {
        padding-top: calc(32px + (128 - 32) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .space-top-m {
        padding-top: 128px
    }
}

.space-top-l {
    padding-top: 64px
}

@media(min-width: 650px) {
    .space-top-l {
        padding-top: calc(64px + (256 - 64) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .space-top-l {
        padding-top: 256px
    }
}

.space-bot-none {
    padding-bottom: 0px
}

.space-bot-xs {
    padding-bottom: 16px
}

@media(min-width: 650px) {
    .space-bot-xs {
        padding-bottom: calc(16px + (45 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .space-bot-xs {
        padding-bottom: 45px
    }
}

.space-bot-s {
    padding-bottom: 16px
}

@media(min-width: 650px) {
    .space-bot-s {
        padding-bottom: calc(16px + (64 - 16) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .space-bot-s {
        padding-bottom: 64px
    }
}

.space-bot-m {
    padding-bottom: 32px
}

@media(min-width: 650px) {
    .space-bot-m {
        padding-bottom: calc(32px + (128 - 32) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .space-bot-m {
        padding-bottom: 128px
    }
}

.space-bot-l {
    padding-bottom: 64px
}

@media(min-width: 650px) {
    .space-bot-l {
        padding-bottom: calc(64px + (256 - 64) * ((100vw - 650px) / (1600 - 650)))
    }
}

@media(min-width: 1600px) {
    .space-bot-l {
        padding-bottom: 256px
    }
}
/* Fallback: keep content visible if AOS fails to init */
html:not(.aos-enabled) [data-aos] {
  opacity: 1 !important;
  transform: none !important;
}


/* ===== 404Page.1710428786.css ===== */
@media all{section.page404 .inner .content{margin-top:20px}}@media(min-width: 650px){section.page404 .inner .content{margin-top:calc(20px + (30 - 20) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){section.page404 .inner .content{margin-top:30px}}@media all{section.page404 .inner .link-container{margin-top:20px}}@media(min-width: 650px){section.page404 .inner .link-container{margin-top:calc(20px + (30 - 20) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){section.page404 .inner .link-container{margin-top:30px}}@media(max-width: 450px){section.page404 .inner .link-container a{width:100%;box-sizing:border-box;text-align:center}}
/* ===== CarreerT1.1710428786.css ===== */
@media(min-width: 1250px){.carreer-t1 .left,.carreer-t1 .right{width:50%}}@media(max-width: 1250px){.carreer-t1 .left,.carreer-t1 .right{width:100%}}@media(max-width: 1250px){.carreer-t1 .left .image{position:absolute;left:0;top:0;width:100%;height:100%}.carreer-t1 .left .image picture{width:100%;height:100%}.carreer-t1 .left .image picture img{object-fit:cover}}.carreer-t1 .left .row-container{position:sticky;top:84px}@media(max-width: 1250px){.carreer-t1 .left .row-container{position:relative;top:auto}}.carreer-t1 .left .row-container .headline{position:relative;z-index:5;padding-top:64px;padding-bottom:64px}.carreer-t1 .left .row-container .headline{padding-left:64px}@media(min-width: 1250px){.carreer-t1 .left .row-container .headline{padding-left:calc(64px + (160 - 64) * ((100vw - 1250px) / (1800 - 1250)))}}@media(min-width: 1800px){.carreer-t1 .left .row-container .headline{padding-left:160px}}.carreer-t1 .left .row-container .headline{padding-right:64px}@media(min-width: 1250px){.carreer-t1 .left .row-container .headline{padding-right:calc(64px + (160 - 64) * ((100vw - 1250px) / (1800 - 1250)))}}@media(min-width: 1800px){.carreer-t1 .left .row-container .headline{padding-right:160px}}@media(min-width: 1250px){.carreer-t1 .left .row-container .headline{position:absolute;left:0;top:0}}@media(max-width: 1024px){.carreer-t1 .left .row-container .headline:not(.no-image){padding-left:5%;padding-right:5%}.carreer-t1 .left .row-container .headline.no-image{padding-top:32px;padding-left:0;padding-right:0;padding-bottom:32px}}.carreer-t1 .left .row-container .headline .sub-title{margin-bottom:30px}@media(max-width: 1024px){.carreer-t1 .left .row-container .headline .sub-title{margin-bottom:20px}}.carreer-t1 .left .row-container .headline .sub-title .flag{border-radius:4px;overflow:hidden;width:34px;height:22px;margin-top:.2em;margin-right:.7em}.carreer-t1 .left .row-container .headline .link-container{margin-top:30px}.carreer-t1 .right .row-container.text .desc{padding:64px 0 64px 64px}.carreer-t1 .right .row-container.text .desc{padding-right:64px}@media(min-width: 1250px){.carreer-t1 .right .row-container.text .desc{padding-right:calc(64px + (160 - 64) * ((100vw - 1250px) / (1800 - 1250)))}}@media(min-width: 1800px){.carreer-t1 .right .row-container.text .desc{padding-right:160px}}@media(max-width: 1024px){.carreer-t1 .right .row-container.text .desc{padding-left:0;padding-right:0}.carreer-t1 .right .row-container.text .desc{padding-top:32px}}@media(max-width: 1024px)and (min-width: 650px){.carreer-t1 .right .row-container.text .desc{padding-top:calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(max-width: 1024px)and (min-width: 1600px){.carreer-t1 .right .row-container.text .desc{padding-top:64px}}@media(max-width: 1024px){.carreer-t1 .right .row-container.text .desc{padding-bottom:32px}}@media(max-width: 1024px)and (min-width: 650px){.carreer-t1 .right .row-container.text .desc{padding-bottom:calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(max-width: 1024px)and (min-width: 1600px){.carreer-t1 .right .row-container.text .desc{padding-bottom:64px}}.carreer-t1 .right .row-container.text .link-container{padding:0 64px}.carreer-t1 .right .row-container.text .link-container{padding-right:64px}@media(min-width: 1250px){.carreer-t1 .right .row-container.text .link-container{padding-right:calc(64px + (160 - 64) * ((100vw - 1250px) / (1800 - 1250)))}}@media(min-width: 1800px){.carreer-t1 .right .row-container.text .link-container{padding-right:160px}}@media(max-width: 1024px){.carreer-t1 .right .row-container.text .link-container{padding-left:0;padding-right:0}}@media(max-width: 650px){.carreer-t1 .right .row-container.text .link-container{display:flex;flex-direction:column}}@media(max-width: 450px){.carreer-t1 .right .row-container.text .link-container a{width:100%;text-align:center}}.carreer-t1 .right .row-container.text .link-container a.button2{display:inline-flex;align-items:center;padding:9px 16px}@media(max-width: 450px){.carreer-t1 .right .row-container.text .link-container a.button2{justify-content:center}}.carreer-t1 .right .row-container.text .link-container a.button2 svg{width:24px;height:24px;margin-right:10px}.carreer-t1 .right .row-container.text .link-container a+a{margin-left:20px}@media(max-width: 650px){.carreer-t1 .right .row-container.text .link-container a+a{margin-top:20px;margin-left:0}}.carreer-t1 .right .row-container.form{display:none;position:relative}.carreer-t1 .right .row-container.form .close{display:block;position:absolute;top:64px;width:20px;height:20px}.carreer-t1 .right .row-container.form .close{right:0px}@media(min-width: 1250px){.carreer-t1 .right .row-container.form .close{right:calc(0px + (110 - 0) * ((100vw - 1250px) / (1800 - 1250)))}}@media(min-width: 1800px){.carreer-t1 .right .row-container.form .close{right:110px}}@media(max-width: 1024px){.carreer-t1 .right .row-container.form .close{right:5%}.carreer-t1 .right .row-container.form .close{top:32px}}@media(max-width: 1024px)and (min-width: 650px){.carreer-t1 .right .row-container.form .close{top:calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(max-width: 1024px)and (min-width: 1600px){.carreer-t1 .right .row-container.form .close{top:64px}}@media(max-width: 750px){.carreer-t1 .right .row-container.form .close{right:0}}@media(max-width: 650px){.carreer-t1 .right .row-container.form .close{top:20px;right:0}}.carreer-t1 .right .row-container.form .title{margin-bottom:20px}.carreer-t1 .right .row-container.form .form{padding-top:64px;margin-left:auto;margin-right:auto;max-width:512px}@media(max-width: 1024px){.carreer-t1 .right .row-container.form .form{padding-left:0;padding-right:0}.carreer-t1 .right .row-container.form .form{padding-top:32px}}@media(max-width: 1024px)and (min-width: 650px){.carreer-t1 .right .row-container.form .form{padding-top:calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(max-width: 1024px)and (min-width: 1600px){.carreer-t1 .right .row-container.form .form{padding-top:64px}}@media(max-width: 650px){.carreer-t1 .right .row-container.form .form{padding-top:60px}}.carreer-t1 .right .row-container.form .form form .field.upload.focus .input div.label,.carreer-t1 .right .row-container.form .form form .field.upload.filled .input div.label{border-color:rgba(0,102,223,.7)}.carreer-t1 .right .row-container.form .form form .field.upload.error .input div.label{border-color:red;color:red}@media(min-width: 1025px){.carreer-t1 .right .row-container.form .form form .field.upload.error .input:hover div.label{border-color:red;color:red}}.carreer-t1 .right .row-container.form .form form .field.upload.filled .input div.label{text-transform:none}.carreer-t1 .right .row-container.form .form form .field.upload .input div.label{border-color:#0066df;color:#0066df;text-transform:uppercase;letter-spacing:.02;font-weight:600;font-style:16px;line-height:16px;justify-content:center}.carreer-t1 .right .row-container.form .form form .field.upload .input div.label .icon{width:27px;height:24px}@media(min-width: 1025px){.carreer-t1 .right .row-container.form .form form .field.upload .input:hover div.label{border-color:rgba(0,102,223,.7)}}.carreer-t1 .right .row-container.form .form form .submit{width:100%;margin-top:24px}.carreer-t1 .right .row-container.form .form form .submit .input{width:100%}.carreer-t1 .right .row-container.form .form form .submit .input a{width:100%;box-sizing:border-box;text-align:center}.carreer-t1 .backlink .border{border-top:1px solid #d9d9d9}@media(max-width: 450px){.carreer-t1 .backlink .link-container a{width:100%;box-sizing:border-box;text-align:center}}div.shareoverlaycontainer{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:100000;transition:opacity 400ms;opacity:0;pointer-events:none}div.shareoverlaycontainer.hide{opacity:0;pointer-events:none}div.shareoverlaycontainer.show{opacity:1;pointer-events:auto}@media(max-height: 550px)and (min-width: 750px){div.shareoverlaycontainer{overflow-y:auto}}div.shareoverlaycontainer div.bg{position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#000;opacity:.78;filter:alpha(opacity=78);z-index:3}div.shareoverlay{position:absolute;z-index:5;width:700px;border-radius:0px;left:50%;top:100px;transform:translate(-50%, 0px);padding-top:0px;height:auto;border-radius:10px}@media(max-width: 750px){div.shareoverlay{width:100%;top:0px;left:0px;transform:translate(0px, 0px);height:100%;border-radius:0px}}@media(max-height: 550px)and (min-width: 750px){div.shareoverlay{top:30px;transform:translate(-50%, 0px);margin-bottom:30px}}div.shareoverlay .shareoverlay{width:100%;border-radius:0px;left:0px;top:0px;transform:translate(0px, 0px);height:100%}@media(max-width: 1024px){div.shareoverlay .shareoverlay{padding-top:100px}div.shareoverlay .shareoverlay .closebutton{top:100px}}div.shareoverlay div.inneroverlay{padding:60px 36px 33px 29px}div.shareoverlay div.inneroverlay .headline{max-width:387px}div.shareoverlay div.inneroverlay div.input{margin-top:16px}div.shareoverlay div.inneroverlay input{border-radius:6px;border:1px solid #d9d9d9;width:100%;height:48px;padding:0px 23px;box-sizing:border-box;font-family:"Hind",sans-serif;font-size:16px;line-height:21px;color:#1b1b1d;transition:border 250ms ease-in-out}div.shareoverlay div.inneroverlay input:focus{border:1px solid #0066df}div.shareoverlay .sharebuttons{margin-top:27px;display:flex;flex-wrap:wrap}div.shareoverlay .sharebuttons a{width:40.91%;display:flex;align-items:center;padding-left:20px;padding-right:20px;box-sizing:border-box;margin-top:10px !important;margin-right:14px;overflow:hidden;position:relative;text-transform:none}@media(max-width: 650px){div.shareoverlay .sharebuttons a{width:100%;margin-right:0px}}div.shareoverlay .sharebuttons a.button2 .icon svg{width:20px;height:20px;fill:currentColor;color:currentColor}div.shareoverlay .sharebuttons a .added{display:none}div.shareoverlay .sharebuttons a span{transition:transform 450ms ease-in-out}div.shareoverlay .sharebuttons a:nth-child(2n){margin-right:0px}div.shareoverlay .sharebuttons a:first-child{margin-top:0px}div.shareoverlay .sharebuttons a svg{margin-right:14px}div.shareoverlay .sharebuttons a.added .added{display:block}div.shareoverlay .sharebuttons a.added .notadded{display:none}div.shareoverlay .sharebuttons div.placeholder{width:40.91%;margin-top:0px;margin-right:0px}div.shareoverlay div.closebutton{position:absolute;right:24px;top:20px;width:14px;height:14px;z-index:5;cursor:pointer}
/* ===== CookieT1.1710428786.css ===== */
@media all{section.CookieT1{overflow:hidden}section.CookieT1 .inner h2{margin-top:45px}section.CookieT1 .inner .content{margin-top:45px}section.CookieT1 .inner .content h2{margin-bottom:15px}}
/* ===== CreditsT1.1710428786.css ===== */
@media all{section.ImprintT1{overflow:hidden}section.ImprintT1 .inner .content{margin-top:45px}section.ImprintT1 .inner .content h2{margin-bottom:15px}section.ImprintT1 p+p{margin-top:1em}}
/* ===== MagazineOnPageT1.1710428787.css ===== */
.magazine-onpage-t1 .centercontent{overflow:hidden}@media(min-width: 1024px){.magazine-onpage-t1 .elements[data-elements-count="3"][data-elements="3"] .splide__arrows{display:none}}@media(min-width: 650px){.magazine-onpage-t1 .elements[data-elements-count="3"][data-elements="2"] .splide__arrows{display:none}}.magazine-onpage-t1 .elements[data-elements-count="3"][data-elements="1"] .splide__arrows{display:none}
/* ===== PrivacyT1.1710428787.css ===== */
@media all{section.PrivacyT1{overflow:hidden}section.PrivacyT1 .inner .content{margin-top:45px}section.PrivacyT1 .inner .content h2{margin-bottom:15px}section.PrivacyT1 .additional-text{margin-top:5em}}
/* ===== ProductDetailT1.1710428787.css ===== */
.product-detail-t1.with-gallery .top .gallery,.product-detail-t1.with-gallery .top .right{width:50%}@media(max-width: 1024px){.product-detail-t1.with-gallery .top .gallery,.product-detail-t1.with-gallery .top .right{width:100%}}.product-detail-t1 .top .gallery .big{border:1px solid #d9d9d9;height:0;position:relative;padding-top:100%}.product-detail-t1 .top .gallery .big img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:100%;width:auto;height:auto}.product-detail-t1 .top .gallery .previews .item{margin-top:16px;width:12.5%;margin-left:2.0408163265%;box-sizing:border-box;border:1px solid #d9d9d9}@media(min-width: 650px){.product-detail-t1 .top .gallery .previews .item:nth-child(7n+1){margin-left:0}}@media(max-width: 650px)and (min-width: 450px){.product-detail-t1 .top .gallery .previews .item{width:18%;margin-left:2.4615384615%}.product-detail-t1 .top .gallery .previews .item:nth-child(5n+1){margin-left:0}}@media(max-width: 450px){.product-detail-t1 .top .gallery .previews .item{width:22.2222222222%;margin-left:3.5555555556%}.product-detail-t1 .top .gallery .previews .item:nth-child(4n+1){margin-left:0}}.product-detail-t1 .top .gallery .previews .item.active{border:1px solid #000}.product-detail-t1 .top .gallery .previews .item .image{overflow:hidden;height:0;position:relative;padding-top:100%}.product-detail-t1 .top .gallery .previews .item .image img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-height:100%;width:auto;height:auto}.product-detail-t1 .top .gallery .previews .item .image picture img{transition:all .3s linear}@media(min-width: 1025px){.product-detail-t1 .top .gallery .previews .item:hover .image picture img{transform:scale(1.05)}}@media(min-width: 1024px){.product-detail-t1 .top .right{padding-left:32px}}@media(max-width: 1024px){.product-detail-t1 .top .right{padding-top:32px}}@media(max-width: 1024px)and (min-width: 650px){.product-detail-t1 .top .right{padding-top:calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(max-width: 1024px)and (min-width: 1600px){.product-detail-t1 .top .right{padding-top:64px}}.product-detail-t1 .top .right .item{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #d9d9d9}.product-detail-t1 .backlink .centercontent{border-top:1px solid #d9d9d9}@media(max-width: 450px){.product-detail-t1 .backlink .centercontent .link-container a{width:100%;box-sizing:border-box;text-align:center}}
/* ===== ThanksT1.1710428788.css ===== */
@media all{section.ThanksT1 .link-container{margin-top:70px}}@media(max-width: 650px){section.ThanksT1 .link-container{margin-top:35px}}@media(max-width: 450px){section.ThanksT1 .link-container a{width:100%;box-sizing:border-box;text-align:center}}
/* ===== aboutust1.1710428786.css ===== */
.aboutus-t1 .elements .element{padding:24px;box-sizing:border-box;border-radius:8px}.aboutus-t1 .elements .element .number{margin-bottom:24px}
/* ===== bannert1.1710428786.css ===== */
.banner-t1{position:relative;z-index:20}.banner-t1 .inner{padding:8px 0}.banner-t1 .inner .image{width:57px;margin-right:16px;border-radius:4px;overflow:hidden}@media(max-width: 450px){.banner-t1 .inner .image{display:none}}.banner-t1 .inner .text{font-weight:700;width:calc(100% - 73px)}@media(max-width: 450px){.banner-t1 .inner .text{width:100%}}
/* ===== carreerlistt1.1710428786.css ===== */
.carreer-list-t1 .centercontent{max-width:1080px}.carreer-list-t1 .filter .fields{width:100%;margin-left:0}@media(min-width: 1024px){.carreer-list-t1 .filter .fields .field{width:auto;min-width:240px}}@media(max-width: 1024px){.carreer-list-t1 .filter .fields .field{width:calc(33.3% - 11px)}}@media(max-width: 650px){.carreer-list-t1 .filter .fields .field{width:100%}}.carreer-list-t1 .filter .fields .field+.field{margin-left:16px}@media(max-width: 650px){.carreer-list-t1 .filter .fields .field+.field{margin-left:0;margin-top:16px}}.carreer-list-t1 .filter .fields .field .input select{border:1px solid #000}.carreer-list-t1 .list .element{padding:24px 24px 32px 24px;border-bottom:1px solid #d9d9d9}@media(max-width: 650px){.carreer-list-t1 .list .element{padding:24px 0 32px 0}}.carreer-list-t1 .list .element:first-child{border-top:1px solid #d9d9d9}@media(min-width: 800px){.carreer-list-t1 .list .element .text{margin-right:24px}}@media(max-width: 800px){.carreer-list-t1 .list .element .text{width:100%}}.carreer-list-t1 .list .element .text .sub-title{margin-top:.5em}.carreer-list-t1 .list .element .text .sub-title .flag{border-radius:4px;overflow:hidden;width:34px;height:22px;margin-right:.7em}@media(max-width: 800px){.carreer-list-t1 .list .element .link-container{margin-top:24px}}@media(max-width: 450px){.carreer-list-t1 .list .element .link-container{width:100%}.carreer-list-t1 .list .element .link-container a{width:100%;box-sizing:border-box;text-align:center}}
/* ===== contactt1.1710428786.css ===== */
.contact-t1 .centercontent{border-top:1px solid #d9d9d9}.contact-t1 .centercontent .form{max-width:512px;margin:16px auto 0 auto}@media(max-width: 450px){.contact-t1 .centercontent .form .submit{width:100%}.contact-t1 .centercontent .form .submit .input{width:100%}.contact-t1 .centercontent .form .submit .input a{width:100%;box-sizing:border-box;text-align:center}}
/* ===== downloadst1.1710428786.css ===== */
.downloads-t1 .centercontent{border-top:1px solid #d9d9d9}.downloads-t1 .elements{max-width:820px;margin-left:auto;margin-right:auto}.downloads-t1 .elements .element{border-bottom:1px solid #d9d9d9}@media(min-width: 650px){.downloads-t1 .elements .element:nth-child(-n+2){padding-top:24px}}@media(max-width: 650px){.downloads-t1 .elements .element:first-child{padding-top:24px}}.downloads-t1 .elements .element .links{margin-bottom:12px}@media(max-width: 650px){.downloads-t1 .elements .element .links{margin-bottom:24px}}
/* ===== imagecollaget1.1710428786.css ===== */
.image-collage-t1 picture:nth-child(1){width:56.4655172414%;margin-top:3.2327586207%}.image-collage-t1 picture:nth-child(2){width:12.9310344828%;margin-left:1.724137931%}.image-collage-t1 picture:nth-child(3){width:20.2586206897%;margin-top:-5.9267241379%;margin-left:14.224137931%}.image-collage-t1 picture:nth-child(4){width:41.8103448276%;margin-top:-11.3146551724%;margin-left:23.7068965517%}.image-collage-t1 picture:nth-child(5){width:12.9310344828%;margin-top:-16.7025862069%;margin-left:-19.8275862069%}.image-collage-t1 picture:nth-child(6){width:8.6206896552%;margin-top:-23.7068965517%;margin-left:-1.5086206897%}
/* ===== imaget1.1710428786.css ===== */
.image-t1 picture{max-width:1228px;margin:0 auto}
/* ===== imaget2.1710428786.css ===== */
.image-t2 picture{border-radius:8px;overflow:hidden}
/* ===== listt1.1710428787.css ===== */
@media(max-width: 1024px){.list-t1 .centercontentlarge{width:100%}}@media(min-width: 1024px){.list-t1 .element:nth-child(odd){flex-direction:row-reverse}}.list-t1 .element .image,.list-t1 .element .content{width:50%}@media(max-width: 1024px){.list-t1 .element .image,.list-t1 .element .content{width:100%}}.list-t1 .element .with-list{padding-top:50px}@media(min-width: 650px){.list-t1 .element .with-list{padding-top:calc(50px + (100 - 50) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.list-t1 .element .with-list{padding-top:100px}}.list-t1 .element .with-list{padding-bottom:50px}@media(min-width: 650px){.list-t1 .element .with-list{padding-bottom:calc(50px + (100 - 50) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.list-t1 .element .with-list{padding-bottom:100px}}@media(max-width: 1024px){.list-t1 .element .with-list{margin-left:5%;margin-right:5%}}.list-t1 .element .with-list .list-element{width:calc(50% - 16px);padding:24px !important;border-bottom:1px solid #d9d9d9}@media(min-width: 400px){.list-t1 .element .with-list .list-element:nth-child(-n+2){border-top:1px solid #d9d9d9}}@media(max-width: 400px){.list-t1 .element .with-list .list-element:first-child{border-top:1px solid #d9d9d9}}@media(max-width: 1024px){.list-t1 .element .with-list .list-element{padding:24px 0 !important}}@media(max-width: 400px){.list-t1 .element .with-list .list-element{width:100%}}.list-t1 .element .with-list .list-element .icon{width:24px;height:24px;margin-bottom:.7em}.list-t1 .element .with-list .list-element .title+.text{margin-top:.5em}.list-t1 .element .content{text-align:center}.list-t1 .element .content{padding-top:16px}@media(min-width: 650px){.list-t1 .element .content{padding-top:calc(16px + (104 - 16) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.list-t1 .element .content{padding-top:104px}}.list-t1 .element .content{padding-bottom:32px}@media(min-width: 650px){.list-t1 .element .content{padding-bottom:calc(32px + (104 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.list-t1 .element .content{padding-bottom:104px}}.list-t1 .element .content{padding-left:16px}@media(min-width: 650px){.list-t1 .element .content{padding-left:calc(16px + (104 - 16) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.list-t1 .element .content{padding-left:104px}}.list-t1 .element .content{padding-right:16px}@media(min-width: 650px){.list-t1 .element .content{padding-right:calc(16px + (104 - 16) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.list-t1 .element .content{padding-right:104px}}.list-t1 .element .content .title+.text{margin-top:30px}.list-t1 .element .content .link-container{margin-top:30px}@media(max-width: 450px){.list-t1 .element .content .link-container a{width:100%;box-sizing:border-box;text-align:center}}
/* ===== logogalleryt1.1710428787.css ===== */
.logo-gallery-t1 .elements .element .image{padding:10px;height:100%}.logo-gallery-t1 .elements .element .image img{max-width:100px}@media(min-width: 650px){.logo-gallery-t1 .elements .element .image img{max-width:calc(100px + (150 - 100) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.logo-gallery-t1 .elements .element .image img{max-width:150px}}.logo-gallery-t1 .elements .element .image img{max-height:50px}@media(min-width: 650px){.logo-gallery-t1 .elements .element .image img{max-height:calc(50px + (100 - 50) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.logo-gallery-t1 .elements .element .image img{max-height:100px}}
/* ===== magazinelistt1.1710428787.css ===== */
.magazine-list-t1 .centercontent{overflow:hidden}.magazine-list-t1 .elements{padding-top:24px;border-top:1px solid #d9d9d9}.magazine-list-t1 .elements .element{margin-bottom:16px}
/* ===== productlistonpaget1.1710428787.css ===== */
.product-list-onpage-t1 .elements .element.with-video .image{padding-top:144.53125%}.product-list-onpage-t1 .elements .element.with-video .image video{position:absolute;left:0;top:0;width:100%;height:100%}
/* ===== productlistt1.1710428787.css ===== */
.product-list-t1 .elements .element.with-video .image{padding-top:144.53125%}.product-list-t1 .elements .element.with-video .image video{position:absolute;left:0;top:0;width:100%;height:100%}
/* ===== productlistt2.1710428787.css ===== */
.product-list-t2 .filters{padding-top:8px;margin-bottom:24px;border-top:1px solid #d9d9d9}.product-list-t2 .filters .fields{width:100%;margin-left:0}@media(min-width: 1600px){.product-list-t2 .filters .fields .field{width:100%;max-width:210px}}@media(max-width: 1600px)and (min-width: 800px){.product-list-t2 .filters .fields .field{width:calc(33.3% - 11px)}}@media(max-width: 800px)and (min-width: 650px){.product-list-t2 .filters .fields .field{width:calc(50% - 8px)}}@media(max-width: 650px){.product-list-t2 .filters .fields .field{width:100%}}.product-list-t2 .filters .fields .field+.field{margin-left:16px}@media(max-width: 1600px)and (min-width: 800px){.product-list-t2 .filters .fields .field+.field:nth-child(3n+1){margin-left:0}}@media(max-width: 800px)and (min-width: 650px){.product-list-t2 .filters .fields .field+.field:nth-child(2n+1){margin-left:0}}@media(max-width: 650px){.product-list-t2 .filters .fields .field+.field{margin-left:0;margin-top:16px}}.product-list-t2 .filters .fields .field.reset{flex:1;min-width:auto;display:flex;justify-content:flex-end;align-items:center}.product-list-t2 .filters .fields .field.reset a{margin-top:14px;text-decoration:underline}@media(max-width: 650px){.product-list-t2 .filters .fields .field.reset{justify-content:center}}.product-list-t2 .filters .fields .field .input select{border:1px solid #000}.product-list-t2 .elements{padding-top:24px}.product-list-t2 .elements .element .content{padding-top:24px}.product-list-t2 .elements .element .content{padding-bottom:24px}@media(min-width: 650px){.product-list-t2 .elements .element .content{padding-bottom:calc(24px + (48 - 24) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.product-list-t2 .elements .element .content{padding-bottom:48px}}
/* ===== seotextt1.1710428787.css ===== */
.seotext-t1 .elements{width:102%;margin-left:-2%}.seotext-t1 .elements .element{width:48%;margin-left:2%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}.seotext-t1 .elements .element{padding-top:16px}@media(min-width: 650px){.seotext-t1 .elements .element{padding-top:calc(16px + (24 - 16) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.seotext-t1 .elements .element{padding-top:24px}}.seotext-t1 .elements .element{padding-bottom:16px}@media(min-width: 650px){.seotext-t1 .elements .element{padding-bottom:calc(16px + (24 - 16) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.seotext-t1 .elements .element{padding-bottom:24px}}@media(max-width: 650px){.seotext-t1 .elements .element{width:100%;border-bottom:none}.seotext-t1 .elements .element+.element{margin-top:0;border-top:none;border-bottom:1px solid #d9d9d9}}
/* ===== servicelistonpaget1.1710428787.css ===== */
.service-list-onpage-t1 .elements .element.with-video .image{padding-top:144.53125%}@media(max-width: 650px){.service-list-onpage-t1 .elements .element.with-video .image{padding-top:51.9658119658%}}.service-list-onpage-t1 .elements .element.with-video .image video{position:absolute;left:0;top:0;width:100%;height:100%}
/* ===== servicelistt1 copy.1710428787.css ===== */
.service-list-t1 .elements .element.with-video .image{padding-top:132.9787234043%}@media(max-width: 650px){.service-list-t1 .elements .element.with-video .image{padding-top:51.9658119658%}}.service-list-t1 .elements .element.with-video .image video{position:absolute;left:0;top:0;width:100%;height:100%}
/* ===== servicelistt1.1710428788.css ===== */
.service-list-t1 .elements .element.with-video .image{padding-top:132.9787234043%}@media(max-width: 650px){.service-list-t1 .elements .element.with-video .image{padding-top:51.9658119658%}}.service-list-t1 .elements .element.with-video .image video{position:absolute;left:0;top:0;width:100%;height:100%}
/* ===== sitemapt1.1710428788.css ===== */
.sitemap-t1 ul li{max-width:530px;width:100%;padding:40px 20px 0 0;box-sizing:border-box}.sitemap-t1 ul li a.t2{display:block;padding-bottom:20px}.sitemap-t1 ul li ul{padding:2px 0}.sitemap-t1 ul li ul li{padding:2px 0px}@media(min-width: 1024px){.sitemap-t1 a:hover{opacity:.7}}
/* ===== teasert1.1710428788.css ===== */
.teaser-t1 .elements{width:102.125%;margin-left:-2.125%}.teaser-t1 .elements .element{width:47.875%;margin-left:2.125%}@media(min-width: 1024px){.teaser-t1 .elements .element:nth-child(1){padding-right:32px}}@media(min-width: 1024px)and (min-width: 650px){.teaser-t1 .elements .element:nth-child(1){padding-right:calc(32px + (104 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1024px)and (min-width: 1600px){.teaser-t1 .elements .element:nth-child(1){padding-right:104px}}@media(min-width: 1024px){.teaser-t1 .elements .element:nth-child(2){padding-left:32px}}@media(min-width: 1024px)and (min-width: 650px){.teaser-t1 .elements .element:nth-child(2){padding-left:calc(32px + (104 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1024px)and (min-width: 1600px){.teaser-t1 .elements .element:nth-child(2){padding-left:104px}}@media(max-width: 1024px){.teaser-t1 .elements .element{width:100%;max-width:850px;margin:0 auto}.teaser-t1 .elements .element+.element{padding-top:32px}}@media(max-width: 1024px)and (min-width: 650px){.teaser-t1 .elements .element+.element{padding-top:calc(32px + (128 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(max-width: 1024px)and (min-width: 1600px){.teaser-t1 .elements .element+.element{padding-top:128px}}.teaser-t1 .elements .element .text{margin-top:20px}@media(min-width: 650px){.teaser-t1 .elements .element .text{margin-top:calc(20px + (30 - 20) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.teaser-t1 .elements .element .text{margin-top:30px}}.teaser-t1 .elements .element .link-container{margin-top:20px}@media(min-width: 650px){.teaser-t1 .elements .element .link-container{margin-top:calc(20px + (30 - 20) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.teaser-t1 .elements .element .link-container{margin-top:30px}}@media(max-width: 450px){.teaser-t1 .elements .element .link-container a{width:100%;box-sizing:border-box;text-align:center}}
/* ===== themestaget1.1710428788.css ===== */
@media(max-width: 650px){.themestage-t1 .centercontentlarge{width:100%}}.themestage-t1 .element{position:relative}.themestage-t1 .element .image .mobile{display:none}@media(max-width: 650px){.themestage-t1 .element .image-mobile .desktop{display:none}.themestage-t1 .element .image-mobile .mobile{display:block}}.themestage-t1 .element .content{position:absolute;left:0;top:0;width:100%;height:100%}.themestage-t1 .element .content-inner{max-width:67.7083333333%}@media(max-width: 650px){.themestage-t1 .element .content-inner{max-width:90%}}.themestage-t1 .element .content .links{margin-top:36px}@media(max-width: 650px){.themestage-t1 .element .content .links{position:absolute;left:5%;bottom:70px;width:90%}}.themestage-t1 .element .content .links .link-container{margin:12px}@media(max-width: 650px){.themestage-t1 .element .content .links .link-container{margin:12px 6px}}.themestage-t1 .splide__arrow{background-color:#dadadf}.themestage-t1 .splide__arrow{margin-right:8px}@media(min-width: 650px){.themestage-t1 .splide__arrow{margin-right:calc(8px + (16 - 8) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.themestage-t1 .splide__arrow{margin-right:16px}}.themestage-t1 .splide__arrow{margin-left:8px}@media(min-width: 650px){.themestage-t1 .splide__arrow{margin-left:calc(8px + (16 - 8) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.themestage-t1 .splide__arrow{margin-left:16px}}.themestage-t1 .splide__arrow{width:32px}@media(min-width: 650px){.themestage-t1 .splide__arrow{width:calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.themestage-t1 .splide__arrow{width:64px}}.themestage-t1 .splide__arrow{height:32px}@media(min-width: 650px){.themestage-t1 .splide__arrow{height:calc(32px + (64 - 32) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.themestage-t1 .splide__arrow{height:64px}}@media(max-width: 650px){.themestage-t1 .splide__arrow{top:auto;bottom:10px}.themestage-t1 .splide__arrow--prev{left:calc(50% - 47px)}.themestage-t1 .splide__arrow--next{right:calc(50% - 47px)}}.themestage-t1 .splide__arrow:disabled{opacity:0;pointer-events:none}.themestage-t1 .splide__arrow svg{fill:#0066df}.themestage-t1 .splide__arrow svg{width:12px}@media(min-width: 650px){.themestage-t1 .splide__arrow svg{width:calc(12px + (18 - 12) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.themestage-t1 .splide__arrow svg{width:18px}}.themestage-t1 .splide__arrow svg{height:12px}@media(min-width: 650px){.themestage-t1 .splide__arrow svg{height:calc(12px + (18 - 12) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.themestage-t1 .splide__arrow svg{height:18px}}
/* ===== timelinet1.1710428788.css ===== */
.timeline-t1{position:relative}.timeline-t1 .sticky{position:sticky}@media(min-width: 1440px){.timeline-t1 .sticky{top:47.6vh}}.timeline-t1 .centercontent{position:relative}@media(min-width: 1024px){.timeline-t1 .centercontent{border-top:1px solid #d9d9d9}}.timeline-t1 .overlay-fade-top{position:absolute;left:0;top:0;right:0;bottom:auto;z-index:2;height:120px;background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0deg, 0%, 100%, 0)));background-image:linear-gradient(180deg, #fff, hsla(0deg, 0%, 100%, 0))}.timeline-t1 .overlay-fade-bottom{position:absolute;left:0;top:auto;right:0;bottom:0;z-index:2;height:120px;background-image:-webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0deg, 0%, 100%, 0)));background-image:linear-gradient(0deg, #fff, hsla(0deg, 0%, 100%, 0))}.timeline-t1 .elements{max-width:1330px;margin-left:auto;margin-right:auto}.timeline-t1 .elements .proggres-holder{position:absolute;z-index:-3;width:3px;height:100%;background-color:rgba(90,90,90,.3)}@media(max-width: 1024px)and (min-width: 650px){.timeline-t1 .elements .proggres-holder{left:30px}}@media(max-width: 650px){.timeline-t1 .elements .proggres-holder{left:0}}.timeline-t1 .elements .proggres-bar{position:fixed;left:auto;top:0;right:auto;bottom:50vh;width:3px;height:50vh;background-image:linear-gradient(0, #0066DF 0%, #FFFFFF 100%)}.timeline-t1 .elements .element{width:100%;padding-top:60px;padding-bottom:60px;grid-auto-columns:1fr;grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:auto}@media(min-width: 1200px){.timeline-t1 .elements .element{grid-template-columns:1fr 304px 1fr}}@media(max-width: 1200px)and (min-width: 1024px){.timeline-t1 .elements .element{grid-template-columns:1fr 120px 1fr}}@media(max-width: 1024px)and (min-width: 650px){.timeline-t1 .elements .element{grid-template-columns:64px 1fr}}@media(max-width: 650px){.timeline-t1 .elements .element{grid-template-columns:30px 1fr}}.timeline-t1 .elements .element-left{text-align:right}@media(max-width: 1024px){.timeline-t1 .elements .element-left{text-align:left;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1}.timeline-t1 .elements .element-left .title{margin-top:20px;margin-bottom:15px}}@media(max-width: 1024px){.timeline-t1 .elements .element-center{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1}}.timeline-t1 .elements .element-circle{top:calc(50vh - 10px);margin-top:20px;border-radius:100%;background-color:#000;box-shadow:0 0 14px 9px #fff}.timeline-t1 .elements .element-circle{width:15px}@media(min-width: 650px){.timeline-t1 .elements .element-circle{width:calc(15px + (30 - 15) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.timeline-t1 .elements .element-circle{width:30px}}.timeline-t1 .elements .element-circle{height:15px}@media(min-width: 650px){.timeline-t1 .elements .element-circle{height:calc(15px + (30 - 15) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.timeline-t1 .elements .element-circle{height:30px}}@media(max-width: 650px){.timeline-t1 .elements .element-circle{position:relative;top:0;left:-13px;z-index:5;margin-top:35px}}.timeline-t1 .elements .element-right{border-bottom:1px solid #d9d9d9}.timeline-t1 .elements .element-right{padding-bottom:16px}@media(min-width: 650px){.timeline-t1 .elements .element-right{padding-bottom:calc(16px + (32 - 16) * ((100vw - 650px) / (1600 - 650)))}}@media(min-width: 1600px){.timeline-t1 .elements .element-right{padding-bottom:32px}}.timeline-t1 .elements .element-right .image{margin-bottom:24px}.timeline-t1 .elements .element-right .subtitle+.text{margin-top:1em}.timeline-t1 .elements .element-right .link-container{margin-top:24px}@media(max-width: 450px){.timeline-t1 .elements .element-right .link-container a{width:100%;box-sizing:border-box;text-align:center}}
/* ===== uspt1.1710428788.css ===== */
.usp-t1 .element{padding:24px !important;border-bottom:1px solid #d9d9d9}@media(min-width: 1024px){.usp-t1 .element:nth-child(-n+4){border-top:1px solid #d9d9d9}}@media(max-width: 1024px)and (min-width: 650px){.usp-t1 .element:nth-child(-n+3){border-top:1px solid #d9d9d9}}@media(max-width: 650px)and (min-width: 450px){.usp-t1 .element:nth-child(-n+2){border-top:1px solid #d9d9d9}}@media(max-width: 450px){.usp-t1 .element:first-child{border-top:1px solid #d9d9d9}}.usp-t1 .element .title+.text{margin-top:.5em}
/* ===== videot1.1710428788.css ===== */
.video-t1 .video{padding-top:56.25%}.video-t1 .video iframe{width:100%;height:100%}
/* ===== cindra-custom.1789498800.css ===== */
/* Cindra custom layer — rules that are NOT part of the 33 vendor template
   modules. Kept as its own module (and listed in scripts/_css_manifest.json) so
   `python scripts/bundle_css.py --apply` regenerates cindra.bundle.css without
   dropping them. Before this file existed these rules lived only in the built
   bundle, so any rebuild would have silently reverted them. */

/* ---------------------------------------------------------------------------
   1. Carousel sizing before Splide mounts
   ---------------------------------------------------------------------------
   Splide writes each slide's width as an inline style only when it mounts.
   Until the CDN script arrives the slides are flex items with no basis, so they
   size to max-content: on a 375px viewport the hero slide laid out 1494px wide
   and its image scaled to 2169px tall. When Splide finally mounted, the track
   dropped to 544px and every section below it jumped up ~1,625px.

   These rules give an un-mounted slide the width it will have once mounted, by
   mirroring the perPage/gap options in assets/js/prod/main.min.*.js at the same
   breakpoints Splide uses. NOTE: Splide breakpoints are max-width, so a Splide
   `650: {perPage:1}` becomes a `min-width:651px` override here. Keep the two in
   sync if the carousel options ever change. */
.splide:not(.is-initialized) .splide__list{flex-wrap:nowrap}
.splide:not(.is-initialized) .splide__slide{flex:0 0 100%;max-width:100%;min-width:0}

/* Paint the first hero slide before Splide mounts — splide.min.css keeps every
   slide visibility:hidden until init, and mobile LCP was 12.6s without this. */
.splide:not(.is-initialized) .splide__slide:first-child{visibility:visible!important}

/* .logo-gallery-t1 mounts with autoWidth:true — its slides keep natural width. */
.logo-gallery-t1 .splide:not(.is-initialized) .splide__slide{flex:0 0 auto;max-width:none}

/* perPage 2 (gap 32px) */
@media (min-width:651px){
  .aboutus-t1 .splide:not(.is-initialized) .splide__slide,
  .product-list-onpage-t1 .splide:not(.is-initialized) .splide__slide,
  .magazine-onpage-t1 .splide:not(.is-initialized) .splide__slide{
    flex-basis:calc((100% - 32px) / 2);max-width:calc((100% - 32px) / 2)}
}
/* perPage 3 (gap 32px) */
@media (min-width:1025px){
  .aboutus-t1 .splide:not(.is-initialized) .splide__slide,
  .product-list-onpage-t1 .splide:not(.is-initialized) .splide__slide,
  .magazine-onpage-t1 .splide:not(.is-initialized) .splide__slide{
    flex-basis:calc((100% - 64px) / 3);max-width:calc((100% - 64px) / 3)}
}
/* .aboutus-t1 alone goes to perPage 4 above 1300px */
@media (min-width:1301px){
  .aboutus-t1 .splide:not(.is-initialized) .splide__slide{
    flex-basis:calc((100% - 96px) / 4);max-width:calc((100% - 96px) / 4)}
}

/* ---------------------------------------------------------------------------
   2. FAQ accordion (.cindra-faq)
   ---------------------------------------------------------------------------
   Was an inline <style> repeated in the body of 137 pages (~140 KB across the
   site, already drifted into two variants). Now a single rule set here.

   Appearance is the Cindra Studios FAQ (cindra-studios/index.html `.faq`),
   translated from that site's dark theme to this one's light palette --
   same design, equivalent tokens:
       --ink-2 raised surface   -> #f3f3f6  (.bg2, the panel grey this site
                                   already uses against a #fff section)
       rgba(255,255,255,.07)    -> rgba(0,0,0,.07)  (same barely-there weight,
                                   inverted for a light ground)
       --teal-bright #00b8bd    -> #008C8C  (the bright teal exists to carry on
                                   near-black; on white the base brand teal is
                                   the correct equivalent)
       --muted-on-dark #9fb0b1  -> #636368  (this site's muted body grey)
   Kept verbatim from Studios: 14px radius, 12px gaps, 700-weight 16px question,
   15px answer, 20px/24px padding, and the +/- glyph -- a plain 22px teal
   character absolutely positioned right, NOT a badge and NOT a rotation, with
   the open state swapping + for an en dash. No shadow and no border-colour
   change on open, exactly as Studios has it.

   line-height is pinned to 1.6 because that is Studios' body value; this site's
   body line-height is 34px, which would be far too loose at 15-16px.
   The en dash is written as the CSS escape \2013 rather than a raw character:
   this is an external stylesheet with no @charset, so an escape cannot be
   misdecoded.

   Width: the old 760px cap left the block inset 45px inside the 850px
   .centercontentsmall column it sits in on 97 pages, lining up with nothing.
   850px matches that column exactly (auto margins collapse to 0 there) and
   still holds a readable measure on the 40 pages where it sits in the
   full-width .centercontent. */
.cindra-faq{max-width:850px;margin:32px auto 0}
.cindra-faq details{background:#f3f3f6;border:1px solid rgba(0,0,0,.07);border-radius:14px;margin-bottom:12px;overflow:hidden}
.cindra-faq summary{cursor:pointer;list-style:none;position:relative;padding:20px 52px 20px 24px;font-family:"Hind",sans-serif;font-weight:700;font-size:16px;line-height:1.6;color:#1b1b1d}
.cindra-faq summary::-webkit-details-marker{display:none}
.cindra-faq summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;font-weight:400;color:#008C8C;transition:transform .2s ease}
.cindra-faq details[open] summary::after{content:"\2013"}
.cindra-faq .faq-answer{padding:0 24px 20px;max-width:820px;color:#636368;font-size:15px;line-height:1.6}
.cindra-faq .faq-answer p{margin:0}
.cindra-faq-intro{max-width:850px;margin:18px auto 0;font-size:16px;line-height:1.6;color:#636368;text-align:center}

/* ---------------------------------------------------------------------------
   3. German compound-word wrapping (moved verbatim from the built bundle)
   ---------------------------------------------------------------------------
   German words like "Sportbekleidungsproduktion" / "Sportbekleidungshersteller"
   / "Unternehmenskennzahlen" overflow or cramp big display headings on mobile
   and desktop. hyphens:auto uses the browser's German dictionary (needs
   lang="de", which is set on <html>) to break only where linguistically valid,
   and only when a line would otherwise overflow; overflow-wrap:break-word is
   the safety net so a word can never spill past its container. Scoped to
   lang=de so EN/IT/RO layouts are unchanged. */
html[lang="de"] h1,
html[lang="de"] h2,
html[lang="de"] h3,
html[lang="de"] .t1,
html[lang="de"] .t1i,
html[lang="de"] .t2,
html[lang="de"] .t2i,
html[lang="de"] .title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:normal}
html[lang="de"] p,
html[lang="de"] li,
html[lang="de"] td,
html[lang="de"] a,
html[lang="de"] .text{overflow-wrap:break-word}

/* ---------------------------------------------------------------------------
   4. Paragraph spacing in page content
   ---------------------------------------------------------------------------
   `p{margin:0}` is set globally, and the original copy creates its spacing with
   empty <p></p> elements used as 16-20px spacers. Prose added later (the SEO
   passes) was written as consecutive <p> with no spacer between, so those
   paragraphs render butted together with a ZERO gap — 714 adjacent pairs across
   164 pages, e.g. the three closing paragraphs on /en/products/cycling.

   `p + p{margin-top:1em}` is the template's own idiom for this (it already does
   exactly that in section.ImprintT1). The :not(:empty) guard is what makes it
   safe to apply broadly: where an empty <p></p> spacer already provides the
   gap, neither half of the pair matches, so existing spacing is untouched and
   never doubled. 1em rather than a fixed px so it tracks the container's own
   size (16px in .smallFs, 20px in .defaultFs) — matching what the spacer <p>
   produced in each context. Scoped to .pagecontent so header, nav, forms and
   the JS-rendered footer are unaffected. */
.pagecontent p:not(:empty) + p:not(:empty){margin-top:1em}

/* ---------------------------------------------------------------------------
   5. Single-column SEO text blocks
   ---------------------------------------------------------------------------
   .seotext-t1 lays its .element children out as a 2-up grid (width:48% inside a
   102%-wide .elements wrapper). Thirteen blocks added by the SEO passes contain
   only ONE .element, so they rendered as a half-width column of text with 1px
   rules above and below that stopped dead in the middle of the page — most
   visibly on the four services detail pages in each language. 98% + the
   inherited 2% margin fills the wrapper exactly, the same way 48%+2% twice does
   for a real pair. Only matches blocks with a lone child, so the 64 genuine
   two-column blocks are untouched. */
.seotext-t1 .elements .element:only-child{width:98%}

/* ---------------------------------------------------------------------------
   6. "Related:" link rows (.sus-related, 21 pages)
   ---------------------------------------------------------------------------
   Added by the SEO passes as a plain <p> with no rule anywhere in the CSS, so
   an internal-link row read as another body paragraph. A hairline in the
   template's own #d9d9d9 separates it from the prose above without introducing
   a new component. Size and colour are inherited from the container so it stays
   on whatever step that section uses. */
.sus-related{padding-top:16px;border-top:1px solid #d9d9d9}
.sus-related strong{color:#1b1b1d}

/* ---------------------------------------------------------------------------
   7. Large stat numbers on mobile
   ---------------------------------------------------------------------------
   .t1largenumber was the one display size in the template with no responsive
   handling: a flat 100px/100px at every width. In the USP row the column is
   215px wide at 375px, so "8000" (273px) and "7000" (264px) overflowed their
   box by 58px and 49px. Rebuilt on the same fluid ramp its siblings use
   (.t1 is 50->100px over the 650-1600px range), which puts "8000" at ~137px on
   a 375px screen and leaves the 1600px+ rendering identical to today. */
.t1largenumber{font-size:50px;line-height:50px}
@media (min-width:650px){
  .t1largenumber{font-size:calc(50px + (100 - 50) * ((100vw - 650px) / (1600 - 650)));
                 line-height:calc(50px + (100 - 50) * ((100vw - 650px) / (1600 - 650)))}
}
@media (min-width:1600px){
  .t1largenumber{font-size:100px;line-height:100px}
}