/* MTD cPanel illustration layout and animation support. Loaded by the frontend renderer, not injected from hooks.php. */
:root {
    --banner-sides-min-height: 677px;
    --banner-sides-content-max-width: 544px;
    --banner-sides-content-spacing-right: 80px;
    --banner-sides-graphic-width: 596px;
    --banner-sides-graphic-height: 480px;
    --banner-sides-graphic-shape-width: 2542px;
    --banner-sides-graphic-shape-height: 808px;
    --banner-sides-graphic-shape-right: -1380px;
    --banner-content-padding-v: 100px;
    --banner-sides-background-margin-top: 100px;
    --banner-sides-promo-icon-margin-top: -36px;
    --banner-sides-graphic-shape-bottom: 0px;
    --mtd-banner-shape-width: 1784px;
    --mtd-banner-shape-right: -164px;
    --mtd-banner-shape-tablet-width: 1120px;
    --mtd-banner-shape-tablet-right: -112px;
    --mtd-banner-shape-narrow-width: 960px;
    --mtd-banner-shape-narrow-right: -84px;
    --mtd-banner-container-half: 660px;
    --mtd-banner-shape-wall-offset: 112px;
    --mtd-banner-shape-wall-x: 1359px;
    --mtd-banner-shape-tablet-wall-x: 853px;
    --mtd-banner-shape-narrow-wall-x: 732px;
    --mtd-banner-type-1-stage-height: 717px;
    --mtd-banner-type-1-graphic-top: 52px;
    --mtd-banner-type-1-graphic-left: 30.5%;
    --mtd-banner-type-1-graphic-width: 620px;
    --mtd-banner-type-1-tablet-stage-height: 560px;
    --mtd-banner-type-1-tablet-graphic-top: 58px;
    --mtd-banner-type-1-tablet-graphic-left: 34%;
    --mtd-banner-type-1-tablet-graphic-width: 500px;
}
@media (max-width: 1319.98px) {
    :root {
        --banner-sides-content-max-width: 506px;
        --banner-sides-content-spacing-right: 56px;
        --banner-sides-graphic-width: 482px;
        --banner-sides-graphic-height: 392px;
        --banner-sides-graphic-shape-width: 2172px;
        --banner-sides-graphic-shape-height: 690px;
        --banner-sides-graphic-shape-right: -1172px;
        --banner-sides-graphic-shape-bottom: 0px;
        --banner-sides-promo-icon-margin-top: -24px;
    }
}
@media (max-width: 991.98px) {
    :root {
        --banner-sides-content-max-width: 432px;
        --banner-sides-content-spacing-right: 40px;
        --banner-sides-graphic-shape-right: -1432px;
        --banner-sides-graphic-shape-bottom: 24px;
    }
}
@media (max-width: 767.98px) {
    :root {
        --banner-sides-graphic-width: 360px;
        --banner-sides-graphic-height: 260px;
        --banner-sides-content-spacing-right: 0;
        --banner-sides-graphic-shape-width: 1400px;
        --banner-sides-graphic-shape-height: 444px;
        --banner-sides-graphic-shape-right: -762px;
        --banner-sides-graphic-shape-bottom: 0px;
        --banner-content-padding-v: 72px;
        --banner-sides-background-margin-top: 72px;
        --banner-sides-promo-icon-margin-top: -50px;
    }
}
.banner.banner-sides .banner-background .banner-shape {
    width: var(--banner-sides-graphic-shape-width);
    height: var(--banner-sides-graphic-shape-height);
    top: unset;
    bottom: var(--banner-sides-graphic-shape-bottom);
    right: var(--banner-sides-graphic-shape-right);
    left: unset;
}
.banner-shape {
    position: absolute;
    top: 0;
    display: block;
}
.mtd-svg-effects-surface {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.mtd-has-illustration-background {
    isolation: isolate;
}
.site-banner > .swiper-container,
.site-banner .swiper-wrapper,
.site-banner .banner-item,
.site-banner .banner_body {
    width: 100%;
    max-width: none;
}
.site-banner .swiper-pagination,
.site-banner-domain .swiper-pagination {
    --mtd-swiper-pagination-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062fe)));
    --swiper-theme-color: var(--mtd-swiper-pagination-color);
    --swiper-pagination-color: var(--mtd-swiper-pagination-color);
    --swiper-pagination-bullet-inactive-color: var(--mtd-swiper-pagination-color);
}
.site-banner .swiper-pagination-bullet,
.site-banner-domain .swiper-pagination-bullet {
    background-color: var(--swiper-pagination-bullet-inactive-color, var(--mtd-swiper-pagination-color, #1062fe)) !important;
    color: var(--swiper-pagination-bullet-inactive-color, var(--mtd-swiper-pagination-color, #1062fe)) !important;
    opacity: .28;
}
.site-banner .swiper-pagination-bullet-active,
.site-banner-domain .swiper-pagination-bullet-active {
    background-color: var(--swiper-pagination-color, var(--mtd-swiper-pagination-color, #1062fe)) !important;
    color: var(--swiper-pagination-color, var(--mtd-swiper-pagination-color, #1062fe)) !important;
    opacity: 1;
}
.owl-carousel .owl-dots {
    --mtd-owl-dot-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062fe)));
}
.owl-carousel .owl-dots .owl-dot span {
    background-color: var(--mtd-owl-dot-color, #1062fe) !important;
    color: var(--mtd-owl-dot-color, #1062fe) !important;
    opacity: .28;
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot:focus span {
    background-color: var(--mtd-owl-dot-color, #1062fe) !important;
    color: var(--mtd-owl-dot-color, #1062fe) !important;
    opacity: 1;
}
.banner_body.mtd-has-youtube-background {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: #000;
    background-position: center;
    background-size: cover;
}
.banner_body.mtd-has-youtube-background > .banner-bg-video-container.mtd-youtube-background-video {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    pointer-events: none !important;
    user-select: none;
}
.banner_body.mtd-has-youtube-background .mtd-youtube-background-iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: max(100%, 177.7778vh) !important;
    height: max(100%, 56.25vw) !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border: 0 !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%) !important;
}
.banner_body.mtd-has-youtube-background > .banner-content-container,
.banner_body.mtd-has-youtube-background > .container,
.banner_body.mtd-has-youtube-background > .main-container-nosidebar {
    position: relative;
    z-index: 3;
}
.banner_body.mtd-has-illustration-template,
.site-banner-domain.mtd-has-illustration-template {
    --mtd-illustration-banner-bg: #fcfcfd;
    --mtd-illustration-banner-heading: var(--gray-darker, #17191c);
    --mtd-illustration-banner-copy: var(--gray-base, #5e636e);
    --mtd-illustration-banner-caption: var(--brand-primary, #1062fe);
    position: relative;
    overflow: hidden;
    background-color: var(--mtd-illustration-banner-bg) !important;
    background-image: none !important;
    color: var(--mtd-illustration-banner-copy);
}
.serepok-dark-mode .banner_body.mtd-has-illustration-template,
.serepok-dark-mode .site-banner-domain.mtd-has-illustration-template,
.dark-mode .banner_body.mtd-has-illustration-template,
.dark-mode .site-banner-domain.mtd-has-illustration-template {
    --mtd-illustration-banner-bg: var(--gray-gradient-start, var(--gray-faded, #1a1a1a));
    --mtd-illustration-banner-heading: var(--gray-darker, #e0e0e0);
    --mtd-illustration-banner-copy: var(--gray-base, #b3b3b3);
}
.banner_body.mtd-has-illustration-template.bg-opacity::before,
.banner_body.mtd-has-illustration-template.bg-opacity::after,
.banner_body.mtd-has-illustration-template.bg-opacity-light::before,
.banner_body.mtd-has-illustration-template.bg-opacity-light::after,
.site-banner-domain.mtd-has-illustration-template.bg-opacity::before,
.site-banner-domain.mtd-has-illustration-template.bg-opacity::after,
.site-banner-domain.mtd-has-illustration-template.bg-opacity-light::before,
.site-banner-domain.mtd-has-illustration-template.bg-opacity-light::after {
    display: none !important;
    content: none !important;
}
.mtd-has-illustration-template.inverse .sec-title,
.mtd-has-illustration-template.inverse .h1,
.mtd-has-illustration-template.inverse h1,
.mtd-has-illustration-template.inverse h2 {
    color: var(--mtd-illustration-banner-heading) !important;
}
.mtd-has-illustration-template.inverse .sec-desc,
.mtd-has-illustration-template.inverse .sec-subtitle,
.mtd-has-illustration-template.inverse .banner-desc,
.mtd-has-illustration-template.inverse .desc,
.mtd-has-illustration-template.inverse p {
    color: var(--mtd-illustration-banner-copy) !important;
}
.mtd-has-illustration-template.inverse .sec-caption,
.mtd-has-illustration-template.inverse .section-caption {
    color: var(--mtd-illustration-banner-caption) !important;
}
.mtd-has-illustration-background > .banner-content-container,
.mtd-has-illustration-background > .container,
.mtd-has-illustration-background > .main-container-nosidebar,
.mtd-has-illustration-background > :not(.mtd-illustration-background) {
    position: relative;
    z-index: 3;
}
.mtd-illustration-background {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    user-select: none;
    overflow: hidden;
}
.mtd-illustration-background .graphic-background,
.mtd-illustration-background .banner-background {
    position: absolute;
    inset: auto 0 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    min-height: 100%;
    opacity: 0.72;
}
.mtd-illustration-background .banner-background {
    inset: 0;
    opacity: 0.55;
}
.mtd-illustration-background svg {
    display: block;
    max-width: none;
    height: auto;
    overflow: visible;
}
.mtd-illustration-background .graphic-background-left,
.mtd-illustration-background .graphic-background-right {
    flex: 0 0 auto;
    width: min(58vw, 778px);
    min-width: 520px;
}
.mtd-illustration-background .graphic-background-left {
    margin-right: auto;
    transform: translateX(-16%);
}
.mtd-illustration-background .graphic-background-right {
    margin-left: auto;
    transform: translateX(16%);
}
.mtd-illustration-foreground {
    width: 100%;
}
.mtd-illustration-foreground svg {
    max-width: 100%;
    height: auto;
    overflow: visible;
}
.mtd-illustration-foreground .graphic-background,
.mtd-illustration-foreground .banner-background {
    position: relative;
    display: block;
    width: 100%;
}
.mtd-illustration-foreground .promo-slider-icon,
.mtd-illustration-foreground .site-banner-graphic,
.mtd-illustration-foreground .banner-svg {
    display: block;
    width: 100%;
    height: auto;
}
.mtd-banner-illustration-graphic {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    overflow: visible;
}
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons {
    position: relative;
    display: block;
    width: min(100%, var(--site-banner-graphic-width, 596px));
    max-width: 562px;
    aspect-ratio: 377 / 325;
    overflow: visible;
    animation: none !important;
}
.mtd-banner-shape {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.mtd-has-banner-shape {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: var(--mtd-banner-shape-stage-bg, var(--mtd-illustration-banner-bg, #fcfcfd)) !important;
    background-image: none !important;
    color: var(--mtd-banner-shape-text, var(--mtd-illustration-banner-copy, var(--gray-base, #5e636e)));
}
.mtd-has-banner-shape > .mtd-illustration-background {
    z-index: 3;
}
.mtd-has-banner-shape > .mtd-banner-shape {
    z-index: 1;
}
.mtd-has-banner-shape > .mtd-serepok-svg-background {
    display: none !important;
}
.banner_body.mtd-has-banner-shape.graphics,
.site-banner-domain.mtd-has-banner-shape.graphics {
    background-color: var(--mtd-banner-shape-stage-bg, var(--mtd-illustration-banner-bg, #fcfcfd)) !important;
    background-image: none !important;
}
.banner_body.mtd-has-banner-shape.bg-opacity::before,
.banner_body.mtd-has-banner-shape.bg-opacity::after,
.banner_body.mtd-has-banner-shape.bg-opacity-light::before,
.banner_body.mtd-has-banner-shape.bg-opacity-light::after,
.site-banner-domain.mtd-has-banner-shape.bg-opacity::before,
.site-banner-domain.mtd-has-banner-shape.bg-opacity::after,
.site-banner-domain.mtd-has-banner-shape.bg-opacity-light::before,
.site-banner-domain.mtd-has-banner-shape.bg-opacity-light::after {
    display: none !important;
    content: none !important;
}
.mtd-has-banner-shape.inverse .sec-title,
.mtd-has-banner-shape.inverse .h1,
.mtd-has-banner-shape.inverse h1,
.mtd-has-banner-shape.inverse h2 {
    color: var(--mtd-banner-shape-heading, var(--mtd-illustration-banner-heading, var(--gray-darker, #17191c))) !important;
}
.mtd-has-banner-shape.inverse .sec-desc,
.mtd-has-banner-shape.inverse .sec-subtitle,
.mtd-has-banner-shape.inverse .banner-desc,
.mtd-has-banner-shape.inverse .desc,
.mtd-has-banner-shape.inverse p {
    color: var(--mtd-banner-shape-copy, var(--mtd-illustration-banner-copy, var(--gray-base, #5e636e))) !important;
}
.mtd-has-banner-shape.inverse .sec-caption,
.mtd-has-banner-shape.inverse .section-caption {
    color: var(--brand-primary, #1062fe) !important;
    border-color: rgba(16, 98, 254, 0.36) !important;
    border-color: color-mix(in srgb, var(--brand-primary, #1062fe) 36%, transparent) !important;
}
.mtd-banner-shape > svg,
.mtd-banner-shape .banner-background svg,
.mtd-banner-shape .banner-bg svg {
    position: absolute;
    inset: 0;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 100%;
    overflow: visible;
}
.mtd-banner-shape .banner-background,
.mtd-banner-shape .banner-bg {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    opacity: 1 !important;
    z-index: auto !important;
    transform: none !important;
}
.mtd-banner-shape .banner-background,
.mtd-banner-shape .banner-bg,
.mtd-banner-shape > svg {
    z-index: 1;
}
.mtd-banner-shape > svg,
.mtd-banner-shape .banner-bg svg {
    top: 0;
    right: var(--mtd-banner-shape-right);
    bottom: 0;
    left: auto;
    width: var(--mtd-banner-shape-width);
    height: 100%;
}
.mtd-banner-shape .banner-bg svg {
    right: auto;
    left: calc(50% + var(--mtd-banner-container-half) + var(--mtd-banner-shape-wall-offset) - var(--mtd-banner-shape-wall-x));
}
.mtd-banner-shape > svg {
    right: auto;
    left: calc(50% + var(--mtd-banner-container-half) + var(--mtd-banner-shape-wall-offset));
    width: auto;
    min-width: 0;
    max-width: none;
    aspect-ratio: 2544 / 876;
    transform: translateX(-50%);
}
.mtd-banner-shape .banner-bg [data-animation-fade-bottom],
.mtd-banner-shape .banner-bg [data-animation-cube],
.mtd-banner-shape .banner-bg [data-animation-serepok-cube],
.mtd-banner-shape .banner-bg [data-server-animation],
.mtd-banner-shape .banner-bg [data-server-sm-animation],
.mtd-banner-shape .banner-bg [data-bg-element-animation],
.mtd-banner-shape .banner-bg [data-top-left-animation],
.mtd-banner-shape .banner-bg [data-top-right-animation] {
    display: none !important;
}
.mtd-banner-shape .promo-shape-left {
    fill: var(--svg-banner-shape-left, var(--brand-primary, #1062fe));
}
.mtd-banner-shape .promo-shape-right {
    fill: var(--svg-banner-shape-right, var(--brand-primary-lighter, #009AFF));
}
.mtd-has-banner-shape > .banner-content-container {
    position: relative;
    z-index: 4;
}
.banner_body.mtd-has-promo-illustration {
    position: relative;
    overflow: hidden;
}
.banner_body.mtd-has-promo-illustration .banner-content-container {
    position: relative;
    z-index: 3;
}
.banner_body.mtd-has-promo-illustration .mtd-promo-illustration-column {
    position: static;
    max-width: 0;
    flex-basis: 0;
    padding-left: 0;
    padding-right: 0;
    margin: 0 !important;
}
.banner_body.mtd-has-promo-illustration .mtd-promo-illustration-column > .banner_background_graphic {
    position: static;
}
.banner_body.mtd-has-promo-illustration .mtd-banner-illustration-graphic {
    position: absolute;
    z-index: 2;
    top: var(--ui-gutter-base, 24px);
    right: max(24px, calc((100vw - 1140px) / 2));
    width: min(44vw, var(--site-banner-graphic-width, 562px));
    min-width: 420px;
    pointer-events: none;
}
.banner_body.mtd-has-promo-illustration .mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons {
    width: 100%;
    max-width: none;
}
.mtd-illustration-background.mtd-illustration-promo-icons {
    z-index: 2;
    animation: none !important;
}
.mtd-illustration-background.mtd-illustration-promo-icons > .promo-slider-icon {
    position: absolute;
    z-index: 2;
    top: var(--ui-gutter-base, 24px);
    right: max(24px, calc((100vw - 1140px) / 2));
    bottom: unset;
    display: block;
    width: min(44vw, var(--site-banner-graphic-width, 562px));
    min-width: 420px;
    max-width: none;
    height: auto;
    opacity: 0;
    visibility: visible;
    margin: 0;
}
.mtd-illustration-background.mtd-illustration-promo-icons.is-animated > .promo-slider-icon {
    animation-name: showSliderIcons;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-fill-mode: forwards;
}
.mtd-illustration-background.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse {
    animation-name: showSliderIconsReverse;
}
.mtd-illustration-background.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:nth-child(3),
.mtd-illustration-background.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse:nth-child(3) {
    animation-delay: 0s;
}
.mtd-illustration-background.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:nth-child(2),
.mtd-illustration-background.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse:nth-child(2) {
    animation-delay: .12s;
}
.mtd-illustration-background.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:first-child,
.mtd-illustration-background.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse:first-child {
    animation-delay: .24s;
}
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons > .promo-slider-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: unset;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    opacity: 0;
    visibility: visible;
    margin: 0;
}
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons > .promo-slider-icon:first-child {
    position: relative;
}
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon {
    animation-name: showSliderIcons;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-fill-mode: forwards;
}
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse {
    animation-name: showSliderIconsReverse;
}
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:nth-child(3),
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse:nth-child(3) {
    animation-delay: 0s;
}
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:nth-child(2),
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse:nth-child(2) {
    animation-delay: .12s;
}
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:first-child,
.mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse:first-child {
    animation-delay: .24s;
}
.mtd-illustration-foreground [data-animation-css].is-animated,
.mtd-illustration-background [data-animation-css].is-animated {
    animation: mtdIllustrationFloat 8s ease-in-out infinite;
}
.mtd-illustration-background [data-animation-path],
.mtd-illustration-foreground [data-animation-path],
.mtd-banner-shape [data-animation-path] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.mtd-illustration-background [data-animation-css].is-animated [data-animation-path],
.mtd-illustration-foreground [data-animation-css].is-animated [data-animation-path],
.mtd-banner-shape[data-animation-css].is-animated [data-animation-path] {
    animation: mtdIllustrationPathDraw 1400ms linear forwards;
}
.mtd-illustration-background [data-animation-css].is-animated [data-bg-element-animation],
.mtd-illustration-background [data-animation-css].is-animated [data-top-left-animation],
.mtd-illustration-background [data-animation-css].is-animated [data-top-right-animation],
.mtd-illustration-background [data-animation-css].is-animated [data-animation-fade-bottom],
.mtd-illustration-background [data-animation-css].is-animated [data-animation-cube],
.mtd-illustration-background [data-animation-css].is-animated [data-animation-serepok-cube],
.mtd-illustration-background [data-animation-css].is-animated [data-server-animation],
.mtd-illustration-background [data-animation-css].is-animated [data-server-sm-animation],
.mtd-illustration-foreground [data-animation-css].is-animated [data-bg-element-animation],
.mtd-illustration-foreground [data-animation-css].is-animated [data-top-left-animation],
.mtd-illustration-foreground [data-animation-css].is-animated [data-top-right-animation],
.mtd-illustration-foreground [data-animation-css].is-animated [data-animation-fade-bottom],
.mtd-illustration-foreground [data-animation-css].is-animated [data-animation-cube],
.mtd-illustration-foreground [data-animation-css].is-animated [data-animation-serepok-cube],
.mtd-illustration-foreground [data-animation-css].is-animated [data-server-animation],
.mtd-illustration-foreground [data-animation-css].is-animated [data-server-sm-animation],
.mtd-banner-shape[data-animation-css].is-animated [data-bg-element-animation],
.mtd-banner-shape[data-animation-css].is-animated [data-top-left-animation],
.mtd-banner-shape[data-animation-css].is-animated [data-top-right-animation],
.mtd-banner-shape[data-animation-css].is-animated [data-animation-fade-bottom],
.mtd-banner-shape[data-animation-css].is-animated [data-animation-cube],
.mtd-banner-shape[data-animation-css].is-animated [data-animation-serepok-cube],
.mtd-banner-shape[data-animation-css].is-animated [data-server-animation],
.mtd-banner-shape[data-animation-css].is-animated [data-server-sm-animation] {
    animation: mtdIllustrationFadeUp 900ms ease forwards;
}
.mtd-illustration-background [data-animation-delay-1],
.mtd-illustration-foreground [data-animation-delay-1],
.mtd-banner-shape [data-animation-delay-1] {
    animation-delay: 120ms !important;
}
.mtd-illustration-background [data-animation-delay-2],
.mtd-illustration-foreground [data-animation-delay-2],
.mtd-banner-shape [data-animation-delay-2] {
    animation-delay: 220ms !important;
}
.mtd-illustration-background [data-animation-delay-3],
.mtd-illustration-foreground [data-animation-delay-3],
.mtd-banner-shape [data-animation-delay-3] {
    animation-delay: 320ms !important;
}
.mtd-illustration-background [data-animation-delay-4],
.mtd-illustration-foreground [data-animation-delay-4],
.mtd-banner-shape [data-animation-delay-4] {
    animation-delay: 420ms !important;
}
.mtd-svg-effects-surface > .container,
.mtd-svg-effects-surface .banner-content-container,
.mtd-svg-effects-surface .hero-outer,
.mtd-svg-effects-surface .section-box {
    position: relative;
    z-index: 3;
}
.mtd-svg-effects-surface > :not(.mtd-serepok-svg-background):not(.mtd-svg-divider):not(.mtd-illustration-background):not(.mtd-banner-shape):not(.banner-background):not(.banner-bg-video-container) {
    position: relative;
    z-index: 3;
}
.mtd-serepok-svg-background,
.mtd-svg-divider {
    position: absolute;
    pointer-events: none;
    user-select: none;
}
.graphic-background-bottom-banner-illustration-homepage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.mtd-serepok-svg-background {
    left: 0;
    right: 0;
    bottom: clamp(-84px, -7vw, -28px);
    z-index: 1;
    height: clamp(210px, 29vw, 430px);
    opacity: 0.64;
    color: var(--primary, #155dfc);
    mix-blend-mode: normal;
}
.mtd-serepok-svg-background svg {
    display: block;
    width: auto;
    max-width: none;
    height: auto;
    overflow: visible;
}
.mtd-serepok-svg-background .graphic-background-left,
.mtd-serepok-svg-background .graphic-background-right {
    flex: 0 0 auto;
    width: min(58vw, 778px);
    min-width: 520px;
    height: auto;
}
.mtd-serepok-svg-background .graphic-background-left {
    margin-right: auto;
    transform: translateX(-18%);
}
.mtd-serepok-svg-background .graphic-background-right {
    margin-left: auto;
    transform: translateX(18%);
}
.mtd-serepok-svg-background path[data-animation-path] {
    fill: none;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.78;
}
.mtd-serepok-svg-background [data-bg-element-animation],
.mtd-serepok-svg-background [data-animation-cube] {
    opacity: 0;
}
.mtd-serepok-svg-background[data-animation-css]:not(.is-animated) [data-bg-element-animation],
.mtd-serepok-svg-background[data-animation-css]:not(.is-animated) [data-animation-path],
.mtd-serepok-svg-background[data-animation-css]:not(.is-animated) [data-animation-cube] {
    animation: unset !important;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-bg-element-animation] {
    animation-name: sectionBackgroundFadeTop0-bottom-homepage;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-bg-element-animation][data-animation-type-1] {
    animation-name: sectionBackgroundFadeTop1-bottom-homepage;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-bg-element-animation][data-animation-type-2] {
    animation-name: sectionBackgroundFadeTop2-bottom-homepage;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-bg-element-animation][data-animation-type-3] {
    animation-name: sectionBackgroundFadeTop3-bottom-homepage;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-bg-element-animation][data-animation-type-4] {
    animation-name: sectionBackgroundFadeTop4-bottom-homepage;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-animation-path] {
    will-change: stroke-dashoffset;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-animation-path][data-animation-path-1] {
    animation-name: pathAnimation1-bottom-homepage;
    animation-duration: 1s;
    animation-delay: 1.08s;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-animation-path][data-animation-path-3] {
    animation-name: pathAnimation3-bottom-homepage;
    animation-duration: 1.5s;
    animation-delay: 1.08s;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-animation-path][data-animation-path-6] {
    animation-name: pathAnimation6-bottom-homepage;
    animation-duration: 0.6s;
    animation-delay: 2.08s;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-animation-path][data-animation-path-7] {
    animation-name: pathAnimation7-bottom-homepage;
    animation-duration: 1s;
    animation-delay: 1.08s;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-animation-path][data-animation-path-8] {
    animation-name: pathAnimation8-bottom-homepage;
    animation-duration: 1.3s;
    animation-delay: 1.08s;
}
.mtd-serepok-svg-background[data-animation-css].is-animated [data-animation-path][data-animation-path-9] {
    animation-name: pathAnimation9-bottom-homepage;
    animation-duration: 1s;
    animation-delay: 2.08s;
}
.mtd-svg-divider {
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 2;
    width: 100%;
    height: clamp(42px, 6vw, 86px);
    color: var(--bg, #ffffff);
}
.mtd-svg-divider svg {
    display: block;
    width: 100%;
    height: 100%;
}
.mtd-svg-divider path {
    fill: currentColor;
}
.mtd-svg-divider-top {
    top: -1px;
    bottom: auto;
    transform: rotate(180deg);
}
.banner_graphic,
.feature-graphic,
.graphics {
    transform: translateZ(0);
}
.banner_body.banner-type-1.mtd-has-type-1-background {
    min-height: var(--banner-sides-min-height);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.site-banner .banner_body.border-top {
    border-top: 1px solid var(--mtd-section-border-color, var(--gray-lighter, #e5e9ef)) !important;
}
.site-banner .banner_body.border-bottom {
    border-bottom: 1px solid var(--mtd-section-border-color, var(--gray-lighter, #e5e9ef)) !important;
}
.site-banner .banner_body.inner-t-60 {
    padding-top: 60px !important;
}
.site-banner .banner_body.inner-t-30 {
    padding-top: 30px !important;
}
.site-banner .banner_body.no-padding-top {
    padding-top: 0 !important;
}
.site-banner .banner_body.inner-b-60 {
    padding-bottom: 60px !important;
}
.site-banner .banner_body.inner-b-30 {
    padding-bottom: 30px !important;
}
.site-banner .banner_body.no-padding-bottom {
    padding-bottom: 0 !important;
}
.banner_body.banner-type-1.mtd-has-type-1-background .banner-content-container {
    position: relative;
    z-index: 3;
    display: flex;
    min-height: var(--banner-sides-min-height);
    align-items: center;
}
.banner_body.banner-type-1.mtd-has-type-1-background .banner-content-container > .container {
    width: 100%;
}
.banner_body.banner-type-1.mtd-has-type-1-background .banner_content {
    max-width: var(--banner-sides-content-max-width);
}
.banner_body.banner-type-1.mtd-has-type-1-background .sec-caption {
    margin-bottom: 20px;
}
.banner_body.banner-type-1.mtd-has-type-1-background .sec-title {
    max-width: var(--banner-sides-content-max-width);
    margin-bottom: 22px;
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
}
.banner_body.banner-type-1.mtd-has-type-1-background .sec-subtitle {
    max-width: var(--banner-sides-content-max-width);
    margin-bottom: 28px;
    font-size: 18px !important;
    line-height: 1.6 !important;
}
.banner_body.banner-type-1 > .banner-background {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: auto;
    right: calc(50% - var(--mtd-banner-container-half));
    left: auto;
    display: block;
    width: var(--banner-sides-graphic-width);
    min-height: var(--banner-sides-graphic-height);
    height: var(--banner-sides-graphic-height);
    max-height: none;
    margin-top: var(--banner-sides-background-margin-top);
    aspect-ratio: auto;
    pointer-events: none;
    user-select: none;
    overflow: visible;
    transform: none;
}
.banner_body.banner-type-1 > .banner-background .banner-shape {
    position: absolute;
    z-index: 1;
    top: -160px;
    right: var(--banner-sides-graphic-shape-right);
    bottom: auto;
    left: auto;
    display: block;
    width: var(--banner-sides-graphic-shape-width);
    height: var(--banner-sides-graphic-shape-height);
    overflow: visible;
}
@media (max-width: 1319.98px) {
    .banner_body.banner-type-1 > .banner-background .banner-shape {
        top: -112px;
    }
}
@media (max-width: 767.98px) {
    .banner_body.banner-type-1 > .banner-background .banner-shape {
        top: -184px;
        right: calc(var(--banner-sides-graphic-shape-right) + 86px);
    }
}
.banner_body.banner-type-1 > .banner-background .banner-shape > svg {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    overflow: visible;
}
.banner_body.banner-type-1 > .banner-background .banner-shape > .banner-background,
.banner_body.banner-type-1 > .banner-background .banner-shape > .banner-bg {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: 100% !important;
    opacity: 1 !important;
    overflow: hidden !important;
    transform: none !important;
}
.banner_body.banner-type-1 > .banner-background .banner-shape > .banner-background > svg,
.banner_body.banner-type-1 > .banner-background .banner-shape > .banner-bg > svg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    max-width: none;
    height: 100% !important;
    overflow: visible;
}
.banner_body.banner-type-1 > .banner-background .banner-shape .banner-bg [data-animation-fade-bottom],
.banner_body.banner-type-1 > .banner-background .banner-shape .banner-bg [data-animation-cube],
.banner_body.banner-type-1 > .banner-background .banner-shape .banner-bg [data-animation-serepok-cube],
.banner_body.banner-type-1 > .banner-background .banner-shape .banner-bg [data-server-animation],
.banner_body.banner-type-1 > .banner-background .banner-shape .banner-bg [data-server-sm-animation],
.banner_body.banner-type-1 > .banner-background .banner-shape .banner-bg [data-bg-element-animation],
.banner_body.banner-type-1 > .banner-background .banner-shape .banner-bg [data-top-left-animation],
.banner_body.banner-type-1 > .banner-background .banner-shape .banner-bg [data-top-right-animation] {
    display: none !important;
}
.banner_body.banner-type-1 > .banner-background .promo-shape-left {
    fill: var(--svg-banner-shape-left, var(--brand-primary, #1062fe));
}
.banner_body.banner-type-1 > .banner-background .promo-shape-right {
    fill: var(--svg-banner-shape-right, var(--brand-primary-lighter, #009AFF));
}
.banner_body.banner-type-1 > .banner-background .banner-graphic {
    position: relative;
    z-index: 2;
    top: auto;
    left: auto;
    display: flex;
    width: var(--banner-sides-graphic-width);
    height: var(--banner-sides-graphic-height);
    max-width: none;
    transform: none;
}
.banner_body.banner-type-1 > .banner-background .banner-graphic > .promo-slider-icon,
.banner_body.banner-type-1 > .banner-background .banner-graphic > img {
    position: absolute;
    top: auto;
    right: auto;
    left: auto;
    display: block;
    width: var(--banner-sides-graphic-width);
    max-width: none;
    height: auto;
    margin: var(--banner-sides-promo-icon-margin-top) 0 0;
    opacity: 1;
    visibility: visible;
    animation-fill-mode: forwards;
}
.banner_body.banner-type-1 > .banner-background .banner-graphic > .promo-slider-icon:first-child,
.banner_body.banner-type-1 > .banner-background .banner-graphic > img:first-child {
    position: relative;
}
.banner_body.banner-type-1 > .mtd-banner-type1-foreground-graphic {
    position: absolute;
    z-index: 2;
    top: var(--banner-sides-background-margin-top);
    display: block;
    width: var(--banner-sides-graphic-width);
    max-width: min(42vw, var(--banner-sides-graphic-width));
    pointer-events: none;
    user-select: none;
}
.banner_body.banner-type-1 > .mtd-banner-type1-foreground-right {
    right: calc(50% - var(--mtd-banner-container-half));
    left: auto;
}
.banner_body.banner-type-1 > .mtd-banner-type1-foreground-left {
    right: auto;
    left: calc(50% - var(--mtd-banner-container-half));
}
.banner_body.banner-type-1 > .mtd-banner-type1-foreground-graphic > img,
.banner_body.banner-type-1 > .mtd-banner-type1-foreground-graphic > svg,
.banner_body.banner-type-1 > .mtd-banner-type1-foreground-graphic > .mtd-illustration-foreground {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    .banner_body.banner-type-1.mtd-has-type-1-background.mtd-banner-shape-position-left .mtd-banner-content-column {
        margin-left: auto;
    }
}
.banner_body.banner-type-1.mtd-banner-shape-position-left > .banner-background {
    right: auto;
    left: calc(50% - var(--mtd-banner-container-half));
    transform: scaleX(-1);
}
.banner_body.banner-type-1.mtd-banner-shape-position-left > .banner-background .banner-graphic {
    transform: scaleX(-1);
}
@media (min-width: 768px) {
    .banner_body.mtd-banner-shape-position-left:not(.banner-type-1) > .mtd-banner-shape > svg {
        right: calc(50% + var(--mtd-banner-container-half) + var(--mtd-banner-shape-wall-offset));
        left: auto;
        transform: translateX(50%) scaleX(-1);
    }
    .banner_body.mtd-banner-shape-position-left:not(.banner-type-1) > .mtd-banner-shape .banner-bg svg {
        right: calc(50% + var(--mtd-banner-container-half) + var(--mtd-banner-shape-wall-offset) - var(--mtd-banner-shape-wall-x));
        left: auto;
        transform: scaleX(-1);
        transform-origin: center;
    }
    .banner_body.mtd-banner-shape-position-left > .mtd-illustration-background .graphic-background-left {
        margin-right: 0;
        margin-left: auto;
        transform: translateX(16%);
    }
    .banner_body.mtd-banner-shape-position-left > .mtd-illustration-background .graphic-background-right {
        margin-right: auto;
        margin-left: 0;
        transform: translateX(-16%);
    }
}
.banner_body.banner-type-1 .banner_content {
    position: relative;
    z-index: 4;
}
.banner_body.mtd-banner-content-graphic-slider-enabled > .mtd-banner-type1-foreground-graphic {
    display: none !important;
}
.mtd-banner-content-graphic-slider {
    position: relative;
    z-index: 4;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
}
.mtd-banner-content-graphic-slider .swiper-wrapper {
    align-items: stretch;
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-direction-top,
.mtd-banner-content-graphic-slider.mtd-banner-cg-direction-bottom {
    height: min(520px, var(--banner-sides-min-height, 520px));
    min-height: min(520px, var(--banner-sides-min-height, 520px));
}
.mtd-banner-content-graphic-slider .mtd-banner-cg-slide {
    display: flex;
    min-height: min(520px, var(--banner-sides-min-height, 520px));
    align-items: center;
}
.mtd-banner-content-graphic-slider .mtd-banner-cg-content-slide {
    justify-content: flex-start;
}
.mtd-banner-content-graphic-slider .mtd-banner-cg-graphic-slide {
    justify-content: center;
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-graphic-left .mtd-banner-cg-graphic-slide {
    justify-content: flex-start;
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-graphic-right .mtd-banner-cg-graphic-slide {
    justify-content: flex-end;
}
.mtd-banner-content-graphic-slider .banner_content {
    width: min(100%, var(--banner-sides-content-max-width, 620px));
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards {
    overflow: visible;
    padding: 22px 0;
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards .mtd-banner-cg-content-card {
    width: min(100%, 560px);
    padding: clamp(24px, 3vw, 42px);
    color: #202736;
    background: rgba(255, 255, 255, .95);
    border: 1px solid rgba(25, 45, 72, .1);
    border-radius: 8px;
    box-shadow: 0 22px 54px rgba(21, 35, 58, .18);
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards .mtd-banner-cg-content-card .sec-title,
.mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards .mtd-banner-cg-content-card .sec-subtitle,
.mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards .mtd-banner-cg-content-card .pricing,
.mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards .mtd-banner-cg-content-card .price {
    color: #202736;
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards .mtd-banner-cg-content-card .sec-caption span {
    background: rgba(255, 255, 255, .82);
}
.mtd-banner-content-graphic-slider .banner_background_graphic {
    width: 100%;
}
.mtd-banner-content-graphic-slider .banner_graphic {
    display: flex;
    width: 100%;
    align-items: center;
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-graphic-left .banner_graphic {
    justify-content: flex-start !important;
}
.mtd-banner-content-graphic-slider.mtd-banner-cg-graphic-right .banner_graphic {
    justify-content: flex-end !important;
}
.mtd-banner-content-graphic-slider .banner_graphic > img,
.mtd-banner-content-graphic-slider .banner_graphic > svg,
.mtd-banner-content-graphic-slider .banner_graphic > .mtd-illustration-foreground,
.mtd-banner-content-graphic-slider .mtd-illustration-foreground > svg {
    display: block;
    width: min(100%, var(--banner-sides-graphic-width, 620px));
    max-width: min(100%, 720px);
    height: auto;
}
.mtd-banner-content-graphic-slider .mtd-banner-content-graphic-pagination {
    display: none !important;
}
@media (max-width: 767.98px) {
    .mtd-banner-content-graphic-slider.mtd-banner-cg-direction-top,
    .mtd-banner-content-graphic-slider.mtd-banner-cg-direction-bottom {
        height: 380px;
        min-height: 380px;
    }
    .mtd-banner-content-graphic-slider .mtd-banner-cg-slide {
        min-height: 380px;
        justify-content: center;
        text-align: center;
    }
    .mtd-banner-content-graphic-slider .banner_content {
        margin-right: auto;
        margin-left: auto;
    }
    .mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards {
        padding: 14px 0;
    }
    .mtd-banner-content-graphic-slider.mtd-banner-cg-effect-cards .mtd-banner-cg-content-card {
        padding: 24px;
    }
    .mtd-banner-content-graphic-slider .action {
        justify-content: center !important;
    }
}
.banner_body.banner-type-5.graphics.centered {
    background-position: 50% 100% !important;
}
.banner_body.banner-type-5 .banner-bg-video {
    object-position: 50% 100% !important;
}
.banner_body.mtd-banner-shape-position-left.graphics.centered {
    background-position: 0 50% !important;
}
.banner_body.banner-type-5.mtd-banner-shape-position-left.graphics.centered {
    background-position: 0 100% !important;
}
.banner_body.mtd-banner-shape-position-left .banner-bg-video {
    object-position: 0 50% !important;
}
.banner_body.banner-type-5.mtd-banner-shape-position-left .banner-bg-video {
    object-position: 0 100% !important;
}
.banner_graphic .mtd-themed-inline-svg,
.banner_graphic img[src$=".svg"],
.feature-graphic .mtd-themed-inline-svg,
.feature-graphic img[src$=".svg"],
.graphics .mtd-themed-inline-svg,
.graphics img[src$=".svg"] {
    animation: mtdSvgFloat 7s ease-in-out infinite;
}
.mtd-themed-inline-svg {
    overflow: visible;
}
.mtd-themed-inline-svg-ready .mtd-svg-stroke-draw {
    stroke-dasharray: var(--mtd-path-length, 640);
    stroke-dashoffset: var(--mtd-path-length, 640);
    animation: mtdSvgPathDraw 1400ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
    animation-delay: var(--mtd-svg-delay, 0ms);
}
.mtd-themed-inline-svg-ready .mtd-svg-fill-pop {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    transform: translateY(7px) scale(0.985);
    animation: mtdSvgFillIn 720ms ease forwards;
    animation-delay: var(--mtd-svg-delay, 80ms);
}
@keyframes mtdSvgPathDraw {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes mtdSvgFillIn {
    to {
        opacity: var(--mtd-svg-final-opacity, 1);
        transform: translateY(0) scale(1);
    }
}
@keyframes mtdSvgFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
}
@keyframes mtdIllustrationPathDraw {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes mtdIllustrationFadeUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 18px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes mtdIllustrationFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}
@keyframes showSliderIcons {
    0% {
        transform: translate(-52px, -30px);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}
@keyframes showSliderIconsReverse {
    0% {
        transform: translate(-52px, 30px);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}
@keyframes sectionBackgroundFadeTop0-bottom-homepage {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    48%, 100% {
        opacity: 1;
    }
}
@keyframes sectionBackgroundFadeTop1-bottom-homepage {
    0% {
        transform: translate3d(0, 16px, 0);
        opacity: 0;
    }
    48% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes sectionBackgroundFadeTop2-bottom-homepage {
    0% {
        transform: translate3d(0, 32px, 0);
        opacity: 0;
    }
    48% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes sectionBackgroundFadeTop3-bottom-homepage {
    0% {
        transform: translate3d(0, 48px, 0);
        opacity: 0;
    }
    48% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes sectionBackgroundFadeTop4-bottom-homepage {
    0% {
        transform: translate3d(0, 56px, 0);
        opacity: 0;
    }
    48% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes pathAnimation1-bottom-homepage {
    from {
        stroke-dashoffset: -467;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes pathAnimation3-bottom-homepage {
    from {
        stroke-dashoffset: -656;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes pathAnimation6-bottom-homepage {
    from {
        stroke-dashoffset: -54;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes pathAnimation7-bottom-homepage {
    from {
        stroke-dashoffset: 563;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes pathAnimation8-bottom-homepage {
    from {
        stroke-dashoffset: 358;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes pathAnimation9-bottom-homepage {
    from {
        stroke-dashoffset: 96;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@media (min-width: 768px) and (max-width: 1599px) {
    .mtd-banner-shape > svg,
    .mtd-banner-shape .banner-bg svg {
        right: var(--mtd-banner-shape-tablet-right);
        width: var(--mtd-banner-shape-tablet-width);
    }
    .mtd-banner-shape .banner-bg svg {
        right: auto;
        left: calc(50% + var(--mtd-banner-container-half) + var(--mtd-banner-shape-wall-offset) - var(--mtd-banner-shape-tablet-wall-x));
    }
    .mtd-banner-shape > svg {
        right: auto;
        left: calc(50% + var(--mtd-banner-container-half) + var(--mtd-banner-shape-wall-offset));
        width: auto;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    :root {
        --mtd-banner-container-half: 570px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    :root {
        --mtd-banner-container-half: 480px;
        --mtd-banner-shape-wall-offset: 88px;
        --mtd-banner-type-1-stage-height: var(--mtd-banner-type-1-tablet-stage-height);
        --mtd-banner-type-1-graphic-top: var(--mtd-banner-type-1-tablet-graphic-top);
        --mtd-banner-type-1-graphic-left: var(--mtd-banner-type-1-tablet-graphic-left);
        --mtd-banner-type-1-graphic-width: var(--mtd-banner-type-1-tablet-graphic-width);
    }
    .mtd-banner-shape > svg,
    .mtd-banner-shape .banner-bg svg {
        right: var(--mtd-banner-shape-narrow-right);
        width: var(--mtd-banner-shape-narrow-width);
    }
    .mtd-banner-shape .banner-bg svg {
        right: auto;
        left: calc(50% + var(--mtd-banner-container-half) + var(--mtd-banner-shape-wall-offset) - var(--mtd-banner-shape-narrow-wall-x));
    }
    .mtd-banner-shape > svg {
        right: auto;
        left: calc(50% + var(--mtd-banner-container-half) + var(--mtd-banner-shape-wall-offset));
        width: auto;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    :root {
        --mtd-banner-container-half: 360px;
        --mtd-banner-shape-wall-offset: 64px;
    }
}
@media (max-width: 767px) {
    :root {
        --mtd-banner-type-1-stage-height: 560px;
        --mtd-banner-type-1-graphic-top: 36px;
        --mtd-banner-type-1-graphic-left: 50%;
        --mtd-banner-type-1-graphic-width: min(92vw, 420px);
    }
    .mtd-illustration-background .graphic-background-left,
    .mtd-illustration-background .graphic-background-right {
        min-width: 390px;
        width: 88vw;
    }
    .mtd-illustration-background .graphic-background {
        opacity: 0.32;
    }
    .mtd-serepok-svg-background {
        bottom: -48px;
        height: 190px;
        opacity: 0.28;
    }
    .mtd-serepok-svg-background .graphic-background-left,
    .mtd-serepok-svg-background .graphic-background-right {
        min-width: 390px;
        width: 88vw;
    }
    .mtd-banner-shape > svg,
    .mtd-banner-shape .banner-background svg,
    .mtd-banner-shape .banner-bg svg {
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .mtd-banner-shape > svg {
        right: auto;
        left: 50%;
        width: auto;
        transform: translateX(-50%);
    }
    .banner_body.banner-type-1.mtd-has-type-1-background {
        min-height: 560px;
    }
    .banner_body.banner-type-1.mtd-has-type-1-background .banner-content-container {
        min-height: 440px;
    }
    .banner_body.banner-type-1 > .banner-background {
        left: 50%;
        opacity: 0.28;
    }
    .banner_body.banner-type-1 > .banner-background .banner-graphic {
        display: none;
    }
    .banner_body.banner-type-1 > .mtd-banner-type1-foreground-graphic {
        top: 72px;
        right: auto;
        left: 50%;
        width: min(78vw, 420px);
        max-width: 78vw;
        opacity: 0.28;
        transform: translateX(-50%);
    }
    .banner_body.mtd-has-promo-illustration .mtd-banner-illustration-graphic {
        top: 0;
        right: 50%;
        width: var(--site-banner-graphic-width, 420px);
        min-width: 360px;
        transform: translateX(50%);
        opacity: 0.45;
    }
}
.serepok-animation[data-animation-css] {
    --mtd-section-animation-distance: 72px;
    --mtd-section-animation-x: 0;
    --mtd-section-animation-y: var(--mtd-section-animation-distance);
    --mtd-section-animation-scale: .965;
    --mtd-section-animation-blur: 10px;
    opacity: 0;
    filter: blur(var(--mtd-section-animation-blur));
    transform: translate3d(var(--mtd-section-animation-x), var(--mtd-section-animation-y), 0) scale(var(--mtd-section-animation-scale));
    transition:
        opacity 900ms ease,
        transform 980ms cubic-bezier(.16, 1, .3, 1),
        filter 760ms ease;
    transition-delay: 90ms;
    will-change: opacity, transform, filter;
}
.serepok-animation.serepok-animation-fadeintop[data-animation-css] {
    --mtd-section-animation-y: calc(var(--mtd-section-animation-distance) * -1);
}
.serepok-animation.serepok-animation-fadeinleft[data-animation-css] {
    --mtd-section-animation-x: calc(var(--mtd-section-animation-distance) * -1);
    --mtd-section-animation-y: 0;
}
.serepok-animation.serepok-animation-fadeinright[data-animation-css] {
    --mtd-section-animation-x: var(--mtd-section-animation-distance);
    --mtd-section-animation-y: 0;
}
.serepok-animation[data-animation-css].is-animated {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
}
@media (max-width: 767px) {
    .serepok-animation[data-animation-css] {
        --mtd-section-animation-distance: 42px;
        --mtd-section-animation-scale: .975;
        --mtd-section-animation-blur: 6px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .serepok-animation[data-animation-css] {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
    }
    .mtd-serepok-svg-background[data-animation-css] [data-animation-path],
    .mtd-illustration-background [data-animation-css] [data-animation-path],
    .mtd-illustration-background [data-animation-css] [data-bg-element-animation],
    .mtd-illustration-background [data-animation-css] [data-animation-cube],
    .mtd-illustration-foreground [data-animation-css] [data-animation-path],
    .mtd-illustration-foreground [data-animation-css] [data-bg-element-animation],
    .mtd-illustration-foreground [data-animation-css] [data-animation-cube],
    .mtd-banner-shape[data-animation-css] [data-animation-path],
    .mtd-banner-shape[data-animation-css] [data-bg-element-animation],
    .mtd-banner-shape[data-animation-css] [data-top-left-animation],
    .mtd-banner-shape[data-animation-css] [data-top-right-animation],
    .mtd-banner-shape[data-animation-css] [data-animation-fade-bottom],
    .mtd-banner-shape[data-animation-css] [data-animation-cube],
    .mtd-banner-shape[data-animation-css] [data-animation-serepok-cube],
    .mtd-banner-shape[data-animation-css] [data-server-animation],
    .mtd-banner-shape[data-animation-css] [data-server-sm-animation],
    .mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons > .promo-slider-icon,
    .mtd-illustration-background.mtd-illustration-promo-icons > .promo-slider-icon,
    .mtd-serepok-svg-background[data-animation-css] [data-bg-element-animation],
    .mtd-serepok-svg-background[data-animation-css] [data-animation-cube],
    .banner_graphic .mtd-themed-inline-svg,
    .banner_graphic img[src$=".svg"],
    .feature-graphic .mtd-themed-inline-svg,
    .feature-graphic img[src$=".svg"],
    .graphics .mtd-themed-inline-svg,
    .graphics img[src$=".svg"],
    .mtd-themed-inline-svg-ready .mtd-svg-stroke-draw,
    .mtd-themed-inline-svg-ready .mtd-svg-fill-pop {
        animation: none !important;
        transform: none !important;
        stroke-dashoffset: 0 !important;
    }
    .mtd-serepok-svg-background[data-animation-css] [data-bg-element-animation],
    .mtd-illustration-background [data-animation-css] [data-bg-element-animation],
    .mtd-illustration-foreground [data-animation-css] [data-bg-element-animation],
    .mtd-banner-shape[data-animation-css] [data-bg-element-animation],
    .mtd-banner-shape[data-animation-css] [data-top-left-animation],
    .mtd-banner-shape[data-animation-css] [data-top-right-animation],
    .mtd-banner-shape[data-animation-css] [data-animation-fade-bottom],
    .mtd-banner-illustration-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons > .promo-slider-icon,
    .mtd-illustration-background.mtd-illustration-promo-icons > .promo-slider-icon,
    .mtd-serepok-svg-background[data-animation-css] [data-animation-cube] {
        opacity: 1 !important;
    }
    .mtd-themed-inline-svg-ready .mtd-svg-fill-pop {
        opacity: var(--mtd-svg-final-opacity, 1) !important;
    }
}