@charset "UTF-8";

/*!
 * Bootstrap v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,
input[type=button] {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: "Work Sans", sans-serif;
    font-display: swap;
    font-weight: 400;
    width: 100%;
    overflow-x: hidden;
    line-height: 1.5;
    font-size: 1rem;
    -webkit-transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s
}

@media (min-width:768px) {
    body {
        font-size: 1.125rem
    }
}

main {
    min-height: calc(100vh - 4.0625rem - 4.0625rem)
}

@media (min-width:1280px) {
    main {
        min-height: calc(100vh - 4.0625rem - 6.25rem)
    }
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

a:hover {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

:focus {
    outline-style: solid;
    outline-width: 0.125rem;
    outline-offset: 0.1875rem;
    border-radius: 0.1875rem;
    -webkit-transition: all 0 linear;
    transition: all 0 linear
}

textarea {
    font-family: "Work Sans", sans-serif
}

.header {
    z-index: 5;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    z-index: 5;
    width: 100%
}

.header.isSticky {
    position: fixed;
    top: 0;
    background-color: #ffffff;
    width: 100%;
    -webkit-animation: swipein 0.5s linear;
    animation: swipein 0.5s linear;
    -webkit-box-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, 0.09);
    box-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, 0.09)
}

@media (min-width:1280px) {
    .header {
        position: absolute
    }
}

.header-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.0625rem;
    padding: 0 1.25rem
}

@media (min-width:1280px) {
    .header-wrap {
        height: 6.25rem;
        width: 100%;
        padding: 0 1.875rem
    }
}

.header-wrap .logo-wrap .logo {
    position: relative
}

@media (min-width:1280px) {
    .header-wrap .logo-wrap .logo .logo-icon {
        visibility: hidden
    }
}

.header-wrap .tggl-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block
}

.header-wrap .tggl-wrap .nav-tggl {
    margin-left: 0.9375rem
}

@media (min-width:480px) {
    .header-wrap .tggl-wrap .nav-tggl {
        margin-left: 1.5625rem
    }
}

@media (min-width:768px) {
    .header-wrap .tggl-wrap .nav-tggl {
        margin-left: 2.8125rem
    }
}

@media (min-width:1280px) {
    .header-wrap .tggl-wrap .nav-tggl {
        opacity: 0
    }
}

@media (min-width:1280px) {
    .header-wrap .tggl-wrap {
        display: none
    }
}

.header-wrap .header-logo img {
    height: 2.3125rem;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease
}

@media (min-width:1280px) {
    .header-wrap .header-logo img {
        height: 3.1875rem;
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease
    }
}

.header-wrap .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1280px) {
    .header-wrap .menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.header-wrap .menu li a {
    color: #292736;
    text-align: center;
    display: block;
    margin-right: 2.5rem
}

.header-wrap .menu li a:hover {
    color: #767186
}

.header-wrap .menu .btn {
    height: 2.375rem;
    padding: 0.5625rem 0;
    width: 100%;
    color: #ffffff
}

.header-wrap .menu .btn.is-active {
    color: #ffffff
}

@media (min-width:1280px) {
    .header-wrap .menu .btn {
        max-width: 8.5625rem
    }
}

.header-wrap .menu .is-active:before {
    width: 100% !important
}

.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

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

.fade:not(.show) {
    opacity: 0
}

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

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

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

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

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

.has-line,
.header-wrap .menu .is-active {
    position: relative
}

.has-line:before,
.header-wrap .menu .is-active:before {
    background-color: #01D595;
    position: absolute;
    bottom: -0.3125rem;
    left: 0;
    display: block;
    height: 0.125rem;
    width: 0;
    content: "";
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.has-line:hover:before,
.header-wrap .menu .is-active:hover:before {
    width: 100%
}

.has-line.has-dot:hover:before,
.header-wrap .menu .has-dot.is-active:hover:before {
    width: calc(100% - 15px)
}

.has-dot:after {
    content: "."
}

.has-dot.txt-v {
    position: relative
}

.has-dot.txt-v:after {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-transform: none;
    transform: none;
    position: absolute;
    right: 0.25rem;
    top: calc(100% - 28px);
    font-size: 2.5rem;
    padding-top: 0.25rem;
    line-height: 1
}

@media (min-width:768px) {
    .has-dot.txt-v:after {
        font-size: 3.125rem;
        right: 0.3125rem;
        top: calc(100% - 34px)
    }
}

.has-dots:after {
    content: "..."
}

.has-highlight {
    display: inline;
    position: relative;
    z-index: 1
}

.has-highlight:after {
    content: "";
    height: 7px;
    width: 100%;
    background-color: #9CEED5;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    -webkit-animation: highlight 1s linear;
    animation: highlight 1s linear
}

.pic {
    display: block
}

.pic img {
    max-width: 100%
}

.pic.pic-block {
    width: 100%
}

.pic.pic-round {
    border-radius: 1.25rem
}

.form-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

textarea+.form-label {
    display: inherit
}

.form-control {
    display: block;
    width: 100%;
    margin-top: 2.5rem;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    background-color: transparent
}

.form-control:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.form-control:focus~.has-optional {
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.form-floating .form-control {
    padding: 0.625rem 0;
    height: 45px
}

@media (min-width:768px) {
    .form-floating .form-control {
        min-height: 60px
    }
}

.has-optional {
    position: absolute;
    bottom: 0.5rem;
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

@media (min-width:768px) {
    .has-optional {
        bottom: 1rem
    }
}

.check-tag input {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0
}

.check-tag input:focus+.tag {
    outline-style: solid;
    outline-width: 0.125rem;
    outline-offset: 0.0625rem
}

.check-tag .tag:hover {
    cursor: pointer
}

.check {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.check .check-label {
    padding-left: 2.1875rem;
    position: relative;
    margin: 0 0.25rem 0 0
}

.check .check-label:before {
    content: "";
    font-family: "omatech";
    font-size: 0.875rem;
    position: absolute;
    top: 50%;
    left: 0.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    z-index: 10;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.check .check-label:after {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    border: 0.125rem solid;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 5;
    content: "";
    border-radius: 0.125rem;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.check .check-label:hover {
    cursor: pointer
}

.check .check-input {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    z-index: -1
}

.check .check-input:checked+.check-label:before {
    opacity: 1
}

.check .check-input:focus+.check-label:after {
    outline-style: solid;
    outline-width: 0.125rem;
    outline-offset: 0.125rem
}

.check .tggl-lnk {
    margin: 0 0 0 0.375rem
}

.fade-lst>li {
    left: 21.875rem;
    opacity: 0
}

.showup-lst>li {
    position: relative;
    top: 15.625rem;
    opacity: 0
}

.fade-down,
.fade-left,
.fade-right,
.fade-up,
.fadeup-ani {
    visibility: inherit !important
}

@-webkit-keyframes arrow-back {

    0%,
    20%,
    40%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

@keyframes arrow-back {

    0%,
    20%,
    40%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

.btn-back:hover .ico {
    -webkit-animation: arrow-back 5s infinite;
    animation: arrow-back 5s infinite
}

@-webkit-keyframes arrow-forward {

    0%,
    20%,
    40%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
}

@keyframes arrow-forward {

    0%,
    20%,
    40%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
}

.btn-forward:hover .ico {
    -webkit-animation: arrow-forward 5s infinite;
    animation: arrow-forward 5s infinite
}

@-webkit-keyframes arrow-bottom {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20%,
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    10%,
    30% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes arrow-bottom {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20%,
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    10%,
    30% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

.btn-down:hover .ico {
    -webkit-animation: arrow-bottom 5s infinite;
    animation: arrow-bottom 5s infinite
}

@-webkit-keyframes arrow-up {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20%,
    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    10%,
    30% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes arrow-up {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20%,
    40% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    10%,
    30% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.btn-up:hover .ico {
    -webkit-animation: arrow-bottom 5s infinite;
    animation: arrow-bottom 5s infinite
}

@-webkit-keyframes scaling {

    0%,
    50%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20%,
    40% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    10%,
    30% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes scaling {

    0%,
    50%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20%,
    40% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    10%,
    30% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.btn-zoom:hover .ico {
    -webkit-animation: scaling 5s infinite;
    animation: scaling 5s infinite
}

@-webkit-keyframes highlight {
    0% {
        width: 0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear
    }

    to {
        width: 100%;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear
    }
}

@keyframes highlight {
    0% {
        width: 0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear
    }

    to {
        width: 100%;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear
    }
}

@-webkit-keyframes swipein {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear
    }
}

@keyframes swipein {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear
    }
}

.btn {
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3.125rem;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    height: 2.625rem;
    padding: 0 2.8125rem;
    position: relative;
    z-index: 0;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

@media (min-width:768px) {
    .btn {
        font-size: 1.125rem;
        height: 3.25rem;
        padding: 0 3.75rem
    }
}

.btn:hover {
    cursor: pointer
}

.btn.btn-primary {
    background-color: #01D595;
    color: #ffffff
}

.btn.btn-primary:hover {
    background-color: #05B07D
}

.btn.btn-secondary {
    background-color: #B862ED;
    color: #ffffff
}

.btn.btn-secondary:hover {
    background-color: #900CE1
}

.btn-drop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    padding: 0 0.9375rem
}

@media (min-width:375px) {
    .btn-drop {
        padding: 0 1.25rem
    }
}

@media (min-width:768px) {
    .btn-drop {
        padding: 0 1.5625rem
    }
}

.btn-drop .ico {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.625rem
}

@media (min-width:375px) {
    .btn-drop .ico {
        margin-left: 0.9375rem
    }
}

@media (min-width:768px) {
    .btn-drop .ico {
        margin-left: 1.25rem
    }
}

.btn-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: none;
    font-size: 1.125rem;
    width: 3.125rem;
    height: 3.125rem
}

@media (min-width:768px) {
    .btn-circle {
        font-size: 1.875rem;
        width: 5rem;
        height: 5rem
    }
}

@media (min-width:1280px) {
    .btn-circle {
        width: 5.625rem;
        height: 5.625rem
    }
}

.link {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 0.05em;
    text-underline-position: under;
    text-underline-offset: 0.2em;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease
}

.link:hover {
    text-underline-offset: -0.05em;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease
}

.txt-icon .link {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.txt-icon .link:hover {
    text-underline-offset: 0.2em
}

.link-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link-icon .ico {
    font-size: 2rem
}

.tag {
    font-size: 1.125rem;
    text-decoration: none;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3.125rem;
    height: 2.5rem;
    padding: 0 0.9375rem;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

@media (min-width:768px) {
    .tag {
        padding: 0 1.25rem;
        height: 2.875rem;
        font-size: 1.5rem
    }
}

#footer .tag {
    height: 1.5rem;
    font-size: 0.875rem;
    padding: 0 0.625rem
}

.nav-tggl {
    background-color: transparent;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.875rem;
    height: 1.875rem
}

@media (min-width:768px) {
    .nav-tggl {
        width: 2.75rem;
        height: 2.75rem
    }
}

.nav-tggl .ico.is-close {
    font-size: 1.875rem
}

@media (min-width:768px) {
    .nav-tggl .ico.is-close {
        font-size: 2.3125rem
    }
}

.nav-tggl .ico.is-open {
    font-size: 1.25rem
}

@media (min-width:768px) {
    .nav-tggl .ico.is-open {
        font-size: 1.5625rem
    }
}

.tggl-lnk {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tggl-lnk .ico {
    margin-left: 0.625rem;
    font-size: 0.625rem
}

@media (min-width:480px) {
    .tggl-lnk .ico {
        font-size: 0.75rem
    }
}

@media (min-width:768px) {
    .tggl-lnk .ico {
        font-size: 0.875rem
    }
}

[role=button][aria-expanded=false] .is-close,
a[aria-expanded=false] .is-close,
button[aria-expanded=false] .is-close {
    display: block
}

[role=button][aria-expanded=false] .is-open,
a[aria-expanded=false] .is-open,
button[aria-expanded=false] .is-open {
    display: none
}

[role=button][aria-expanded=true] .is-close,
a[aria-expanded=true] .is-close,
button[aria-expanded=true] .is-close {
    display: none
}

[role=button][aria-expanded=true] .is-open,
a[aria-expanded=true] .is-open,
button[aria-expanded=true] .is-open {
    display: block
}

.bullet-lst {
    list-style: none;
    margin-left: 1rem
}

.bullet-lst li {
    margin-bottom: 0.75rem
}

.bullet-lst li:before {
    content: "•";
    font-weight: 700;
    display: inline-block;
    width: 1.25rem;
    margin-left: -1.25rem;
    color: #01D595
}

.services-lst {
    margin: 3.125rem 0
}

@media (min-width:1280px) {
    .services-lst {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.services-lst li {
    margin-left: 1.25rem
}

@media (min-width:1280px) {
    .services-lst li {
        width: calc(50% - 20px)
    }
}

.skip-menu>li {
    margin-bottom: 0
}

.grid-lst {
    display: -ms-grid;
    display: grid;
    place-items: start;
    grid-gap: 1.875rem;
    -ms-grid-columns: 1fr 1.875rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr
}

@media (min-width:1280px) {
    .grid-lst {
        grid-gap: 3.125rem;
        -ms-grid-columns: 1fr 3.125rem 1fr 3.125rem 1fr 3.125rem 1fr;
        grid-template-columns: repeat(4, 1fr)
    }
}

.grid-lst>li {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.grid-lst>li a:focus {
    outline-offset: -0.0625rem
}

.logos-lst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

@media (min-width:768px) {
    .logos-lst {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.logos-lst>li {
    margin: 1.25rem 0
}

@media (min-width:768px) {
    .logos-lst>li {
        margin: 0 1.25rem
    }
}

.logos-lst>li a .pic {
    width: 80%;
    margin: auto
}

@media (min-width:480px) {
    .logos-lst>li a .pic {
        width: 50%;
        margin: auto
    }
}

@media (min-width:768px) {
    .logos-lst>li a .pic {
        width: 100%;
        margin: auto
    }
}

.logos-lst>li a:focus {
    outline-offset: -0.0625rem
}

.grid-lst {
    counter-reset: section
}

@media (max-width:1280px) {
    .grid-lst {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: auto
    }
}

@media (min-width:1280px) {
    .grid-lst {
        grid-row-gap: 1.875rem
    }
}

.grid-lst li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (min-width:1280px) {
    .grid-lst li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.grid-lst li .grid-lst-count {
    margin-right: 1rem
}

@media (min-width:1280px) {
    .grid-lst li .grid-lst-count {
        height: 4.0625rem;
        margin-bottom: 0.9375rem;
        margin-right: 0
    }
}

.grid-lst li .grid-lst-count:before {
    counter-increment: section;
    content: counter(section)
}

.grid-lst li .grid-lst-count:after {
    content: ".";
    color: #01D595
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 0;
    pointer-events: none;
    border: 1px solid transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.1s ease-in-out, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.35s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        -webkit-transition: none;
        transition: none
    }
}

.form-floating>.form-control {
    padding: 0 0
}

.form-floating>.form-control::-webkit-input-placeholder {
    color: transparent
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control:-ms-input-placeholder {
    color: transparent
}

.form-floating>.form-control::-ms-input-placeholder {
    color: transparent
}

.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0
}

.form-floating>.form-control:not(:-ms-input-placeholder) {
    padding-top: 0;
    padding-bottom: 0
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0;
    padding-bottom: 0
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 0;
    padding-bottom: 0
}

.form-floating>.form-select {
    padding-top: 0;
    padding-bottom: 0
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: 0.65;
    transform: scale(0.55) translateY(-3rem) translateX(0)
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
    opacity: 0.65;
    transform: scale(0.55) translateY(-3rem) translateX(0)
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 0.65;
    -webkit-transform: scale(0.55) translateY(-3rem) translateX(0);
    transform: scale(0.55) translateY(-3rem) translateX(0)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: 0.65;
    -webkit-transform: scale(0.55) translateY(-3rem) translateX(0);
    transform: scale(0.55) translateY(-3rem) translateX(0)
}

.txt-1 {
    font-size: 2.125rem;
    line-height: 2.125rem
}

@media (min-width:375px) {
    .txt-1 {
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}

@media (min-width:768px) {
    .txt-1 {
        font-size: 3.75rem;
        line-height: 3.75rem
    }
}

.txt-2 {
    font-size: 1.875rem;
    line-height: 2.09375rem
}

@media (min-width:768px) {
    .txt-2 {
        font-size: 2.5rem;
        line-height: 3.25rem
    }
}

.txt-3 {
    font-size: 1.5rem;
    line-height: 1.875rem
}

@media (min-width:768px) {
    .txt-3 {
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}

.txt-4 {
    font-size: 1.125rem;
    line-height: 1.5rem
}

@media (min-width:768px) {
    .txt-4 {
        font-size: 1.5rem;
        line-height: 1.875rem
    }
}

.txt-5 {
    font-size: 1.125rem;
    line-height: 1.375rem
}

@media (min-width:768px) {
    .txt-5 {
        font-size: 1.125rem
    }
}

.txt-6 {
    font-size: 0.75rem
}

@media (min-width:768px) {
    .txt-6 {
        font-size: 1rem
    }
}

.txt-7 {
    font-size: 0.625rem
}

@media (min-width:768px) {
    .txt-7 {
        font-size: 0.875rem
    }
}

.tit-1,
.tit-2 {
    font-weight: 300;
    line-height: 1.05
}

.tit-1 {
    font-size: 5.625rem
}

@media (min-width:375px) {
    .tit-1 {
        font-size: 6rem
    }
}

@media (min-width:768px) {
    .tit-1 {
        font-size: 15.625rem
    }
}

.tit-2 {
    font-size: 2rem
}

@media (min-width:375px) {
    .tit-2 {
        font-size: 2.5rem
    }
}

@media (min-width:768px) {
    .tit-2 {
        font-size: 5rem
    }
}

[class*=tit-],
[class*=txt-] {
    -webkit-transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s
}

.w-200 {
    font-weight: 200
}

.w-300 {
    font-weight: 300
}

.w-400 {
    font-weight: 400
}

.w-500 {
    font-weight: 500
}

.w-700 {
    font-weight: 700
}

.text strong {
    font-weight: 700
}

.sup {
    vertical-align: super;
    font-size: 0.9375rem;
    margin: 0 0 0 0.625rem;
    position: relative;
    top: -0.3125rem
}

.txt-v {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    text-align: center;
    line-height: 1
}

@media (max-width:767px) {
    .txt-v.undo-phone {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        -webkit-transform: none;
        transform: none
    }
}

.txt-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.txt-icon .ico {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-right: 0.625rem
}

@media (min-width:768px) {
    .txt-icon .ico {
        margin-right: 0.9375rem
    }
}

.txt-icon .txt+.ico {
    margin-left: 0.625rem;
    margin-right: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

@media (min-width:768px) {
    .txt-icon .txt+.ico {
        margin-left: 0.9375rem
    }
}

.txt-icon.txt-v .txt {
    margin: 0 0 0.9375rem 0
}

.txt-icon.txt-v .ico {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 0 0.9375rem 0
}

@media (max-width:767px) {
    .txt-icon.txt-v.undo-phone .txt {
        margin: 0 0.9375rem 0 0
    }

    .txt-icon.txt-v.undo-phone .ico {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin: 0
    }
}

.txt-icon.break-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.break-line {
    display: block
}

@media (min-width:1280px) {
    .text-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 3.125rem;
        -moz-column-gap: 3.125rem;
        column-gap: 3.125rem
    }
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.clr-secondary {
    color: #B862ED
}

.clr-primary {
    color: #01D595
}

.clr-error {
    color: #F66464
}

.block-clr-1 {
    background-color: #292736
}

.block-clr-1 .text,
.block-clr-1 .title,
.block-clr-1 ul {
    color: #ffffff
}

.block-clr-1 .form .form-control {
    color: #ffffff;
    border-bottom-color: #767186;
    font-weight: 300
}

.block-clr-1 .form .form-label {
    color: #ECECF8
}

.block-clr-1 .form .has-optional {
    color: #767186
}

.block-clr-1 .form .check-label,
.block-clr-1 .form .check-label .tggl-lnk {
    color: #ECECF8
}

.block-clr-1 .form .check-label .tggl-lnk:after {
    background-color: #ECECF8
}

.block-clr-1 .form .check .check-input:checked+label:after {
    background-color: #ffffff
}

.block-clr-1 .form .check .check-input:checked+label:before {
    color: #767186
}

.block-clr-1 .legal-collapse .content {
    color: #ECECF8
}

.block-clr-2 {
    background-color: #ECECF8
}

.section-block .section-wrap {
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media (min-width:768px) {
    .section-block .section-wrap {
        padding-top: 6.875rem;
        padding-bottom: 6.875rem
    }
}

@media (min-width:1280px) {
    .section-block .section-wrap {
        padding-top: 8.125rem;
        padding-bottom: 8.125rem
    }
}

@media (min-width:1440px) {
    .section-block .section-wrap {
        padding-top: 10rem;
        padding-bottom: 10rem
    }
}

.section-block .section-wrap.center-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-block .side-wrap {
    top: 3.125rem
}

@media (min-width:1280px) {
    .section-block .side-wrap {
        top: 5rem
    }
}

.section-block .section-link {
    margin-top: 2.5rem
}

@media (min-width:768px) {
    .section-block .section-link {
        margin-top: 3.75rem
    }
}

@media (min-width:1280px) {
    .section-block .section-link {
        margin-top: 5rem
    }
}

.section-block .section-btn {
    text-align: center;
    margin: auto;
    margin-top: 4.1875rem
}

@media (min-width:1280px) {
    .section-block .section-btn {
        margin-top: 6.25rem
    }
}

.section-block .section-btn-service {
    margin-top: 3.75rem
}

@media (min-width:1280px) {
    .section-block .section-btn-service {
        margin-top: 5rem
    }
}

.section-block .title {
    font-weight: 700
}

.section-block .btn-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4.1875rem
}

@media (min-width:1280px) {
    .section-block .btn-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 6.25rem
    }
}

.section-block .btn-row .btn {
    margin: 1rem 0
}

@media (min-width:1280px) {
    .section-block .btn-row .btn {
        margin: 0 1rem
    }
}

.section-block .text-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.75rem
}

@media (min-width:1280px) {
    .section-block .text-heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 2.5rem
    }
}

.section-block .text-heading .h-group .title {
    margin-bottom: 0
}

.section-block .text-heading .h-group .subtitle {
    color: #01D595
}

.section-block .pic {
    margin-left: 0;
    margin-right: 1.375rem
}

@media (min-width:1280px) {
    .section-block .pic {
        margin-bottom: 1.875rem;
        margin-left: 3.125rem
    }
}

.section-block .pic img {
    height: 5.3125rem
}

.section-text .title {
    margin-bottom: 1.6875rem
}

@media (min-width:1280px) {
    .section-text .title {
        margin-bottom: 0.9375rem
    }
}

.section-text .price {
    margin-bottom: 1.6875rem
}

@media (min-width:1280px) {
    .section-text .price {
        margin-bottom: 0.9375rem
    }
}

@media (min-width:1280px) {
    .section-text .wrap {
        padding: 0 6.25rem
    }
}

.section-text .text-block {
    margin-top: 4rem
}

@media (min-width:1280px) {
    .section-text .text-block {
        margin-top: 6.25rem
    }
}

.section-text .section-link {
    margin-top: 2.0625rem
}

@media (min-width:1280px) {
    .section-text .section-link {
        margin-top: 4.1875rem
    }
}

.section-text .section-link .link {
    line-height: 1.875rem
}

.section-banner,
.section-brands {
    padding: 1.875rem 0;
    background-color: #ffffff
}

@media (min-width:1280px) {

    .section-banner,
    .section-brands {
        padding: 3.75rem 0
    }
}

.section-main {
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 1.875rem
}

@media (min-width:1280px) {
    .section-main {
        background-color: transparent;
        height: 42.5rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        margin-bottom: 0
    }
}

.section-main .pic {
    display: none;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%
}

@media (min-width:1280px) {
    .section-main .pic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.section-main .pic img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-main .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 36.25rem;
    padding-top: 1.875rem
}

@media (min-width:768px) {
    .section-main .wrap {
        padding-top: 3.75rem;
        margin-right: 2.5rem
    }
}

.section-main .wrap .text,
.section-main .wrap .title {
    color: #292736
}

.section-main .wrap .title {
    margin-bottom: 1.25rem;
    font-weight: 700
}

@media (min-width:1280px) {
    .section-main .wrap .title {
        margin-bottom: 1.625rem
    }
}

.section-main .wrap .text {
    margin-bottom: 1.75rem
}

@media (min-width:1280px) {
    .section-main .wrap .text {
        margin-bottom: 2.75rem
    }
}

.section-main .wrap .btn {
    margin: auto
}

@media (min-width:1280px) {
    .section-main .wrap .btn {
        margin: 0
    }
}

.section-multimedia .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 25.9375rem
}

@media (min-width:768px) {
    .section-multimedia .wrap {
        margin-right: 2.5rem
    }
}

.section-multimedia .wrap .title {
    margin-bottom: 1rem
}

@media (min-width:1280px) {
    .section-multimedia .wrap .title {
        margin-bottom: 2.125rem
    }
}

.section-multimedia .wrap .text {
    margin-bottom: 1.625rem
}

@media (min-width:1280px) {
    .section-multimedia .wrap .text {
        margin-bottom: 2.4375rem
    }
}

.section-multimedia .wrap .section-link {
    margin-top: 0
}

.section-brands .section-wrap .text {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3.125rem;
    color: #767186
}

.visual-block .visual-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.visual-block .visual-grid>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.visual-block .visual-grid .visual-cell {
    max-width: 100vw;
    overflow: hidden;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1
}

.visual-block .visual-grid .visual-cell.extra-cell {
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 2.8125rem
}

@media (min-width:768px) {
    .visual-block .visual-grid .visual-cell.extra-cell {
        margin-top: 4.6875rem
    }
}

@media (min-width:1280px) {
    .visual-block .visual-grid .visual-cell.extra-cell {
        margin-top: 8.125rem
    }
}

.visual-block .visual-grid .visual-cell.extra-cell .content-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.visual-block .visual-grid .visual-cell.content-cell {
    position: relative
}

.visual-block .visual-grid .visual-cell.image-cell {
    position: relative
}

@media (max-width:1279px) {
    .visual-block .visual-grid .visual-cell.image-cell.center-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.visual-block .visual-grid .visual-cell .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.visual-block .visual-grid .visual-cell .tools-wrap {
    width: 100%
}

@media (min-width:480px) {
    .visual-block .visual-grid .visual-cell .tools-wrap {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr
    }

    .visual-block .visual-grid .visual-cell .tools-wrap>:first-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .visual-block .visual-grid .visual-cell .tools-wrap>* {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        grid-column: 1
    }
}

@media (max-width:479px) {
    .visual-block .visual-grid .visual-cell .tools-wrap .box-lst {
        margin-left: auto;
        margin-right: auto
    }
}

.visual-block .text-block {
    padding-bottom: 0.5rem
}

@media (max-width:1279px) {
    .visual-block .text-block {
        padding-left: 0rem;
        padding-right: 0rem;
        max-width: 32.5rem;
        margin-left: auto;
        margin-right: auto
    }
}

.visual-block .text-block .title {
    margin-bottom: 1rem
}

@media (min-width:1280px) {
    .visual-block .text-block .title {
        margin-bottom: 2.125rem
    }
}

.visual-block .video-block {
    width: 100%;
    border-radius: 0.375rem;
    overflow: hidden
}

.visual-block .video-block-controls {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41, 39, 54, 0.57);
    color: #ffffff;
    width: 10.125rem;
    height: 3.3125rem;
    border-radius: 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: auto;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.visual-block .video-block-controls:hover {
    background-color: #292736;
    -webkit-animation: scaling 1.5s linear;
    animation: scaling 1.5s linear
}

.visual-block .video-block-controls.hidden {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

@media (min-width:1280px) {
    .visual-block .video-block-controls {
        width: 13.5rem;
        height: 4.6875rem
    }
}

.visual-block .video-block-controls img {
    width: 1.0625rem
}

@media (min-width:1280px) {
    .visual-block .video-block-controls img {
        width: 1.6875rem
    }
}

.side-block {}

.side-block .visual-grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1279px) {
    .side-block .visual-grid {
        display: block
    }
}

.side-block .visual-grid .visual-cell .content-wrap {
    position: relative
}

@media (min-width:1280px) {
    .side-block .visual-grid .visual-cell .content-wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:1279px) {
    .side-block .visual-grid .content-cell {
        margin-bottom: 3.75rem
    }
}

@media (max-width:767px) {
    .side-block .visual-grid .content-cell {
        margin-bottom: 2.8125rem
    }
}

@media (min-width:1280px) {
    .side-block .visual-grid .content-cell .content-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:1280px) {
    .side-block .visual-grid .content-cell .text-block {
        max-width: 26.25rem
    }
}

@media (min-width:1280px) {
    .side-block .visual-grid .content-cell .text-block .text {
        margin-right: 1.875rem
    }
}

@media (max-width:1279px) {
    .side-block .visual-grid .image-cell {
        text-align: center
    }
}

@media (min-width:1280px) {
    .side-block .visual-grid .image-cell {
        overflow: hidden;
        margin-left: auto;
        width: 60%
    }
}

@media (max-width:1279px) {
    .side-block .visual-grid .image-cell .content-wrap {
        padding-left: 3.75rem
    }
}

@media (max-width:767px) {
    .side-block .visual-grid .image-cell .content-wrap {
        padding-left: 1.875rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:374px) {
    .side-block .visual-grid .image-cell .content-wrap {
        padding-left: 1.25rem
    }
}

@media (max-width:479px) {
    .side-block .visual-grid .image-cell .content-wrap .tools-wrap .box-lst {
        padding-right: 1.875rem
    }
}

@media (max-width:374px) {
    .side-block .visual-grid .image-cell .content-wrap .tools-wrap .box-lst {
        padding-right: 1.25rem
    }
}

@media (min-width:1280px) {
    .side-block.side-block_reverse .visual-grid .visual-cell .content-wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1280px) {
    .side-block.side-block_reverse .visual-grid .visual-cell.image-cell {
        margin-left: 0;
        margin-right: auto
    }
}

@media (max-width:1279px) {
    .side-block.side-block_reverse .visual-grid .visual-cell.image-cell .content-wrap {
        padding-left: 0;
        padding-right: 3.75rem
    }
}

@media (max-width:767px) {
    .side-block.side-block_reverse .visual-grid .visual-cell.image-cell .content-wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 1.875rem
    }
}

@media (max-width:374px) {
    .side-block.side-block_reverse .visual-grid .visual-cell.image-cell .content-wrap {
        padding-right: 1.25rem
    }
}

@media (max-width:479px) {
    .side-block.side-block_reverse .visual-grid .visual-cell.image-cell .content-wrap .tools-wrap .box-lst {
        padding-left: 1.875rem
    }
}

@media (max-width:374px) {
    .side-block.side-block_reverse .visual-grid .visual-cell.image-cell .content-wrap .tools-wrap .box-lst {
        padding-left: 1.25rem
    }
}

.side-block.side-block_reverse .visual-grid .visual-cell.image-cell .content-wrap .layer-pic .picture {
    -ms-grid-column-align: end;
    justify-self: end
}

@media (max-width:1280px) {
    .side-block .visual-grid .visual-cell.image-cell.center-img .container {
        padding: 0 !important
    }

    .side-block .visual-grid .visual-cell.image-cell.center-img .content-wrap {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important
    }
}

@media (max-width:1279px) {
    .side-block .visual-grid .visual-cell.image-cell.center-img .content-wrap {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (max-width:767px) {
    .side-block .visual-grid .visual-cell.image-cell.center-img .content-wrap {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (max-width:374px) {
    .side-block .visual-grid .visual-cell.image-cell.center-img .content-wrap {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (max-width:1279px) {
    .side-block .visual-grid .visual-cell.image-cell.center-img .content-wrap .picture img {
        max-width: 100%
    }
}

.contact-form {
    padding: 0
}

@media (min-width:1280px) {
    .contact-form {
        padding: 0 7.5rem
    }
}

.feedback-block {
    padding: 3.125rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

@media (min-width:1280px) {
    .feedback-block {
        padding: 10.625rem 7.5rem
    }
}

.feedback-block .title {
    font-weight: 300
}

.feedback-block .ico {
    color: #01D595;
    font-size: 3.125rem;
    margin-bottom: 1.25rem
}

@media (min-width:1280px) {
    .feedback-block .ico {
        font-size: 5rem;
        margin-bottom: 2.53125rem
    }
}

@media (max-width:1279px) {
    .logos-block .logos-lst {
        margin-right: 0.625rem
    }
}

@media (max-width:767px) {
    .logos-block .logos-lst {
        margin-right: 0.9375rem
    }
}

.legal-collapse .content {
    margin: 2.5rem 0 0 2.1875rem
}

@media (min-width:1280px) {
    .legal-collapse .content {
        max-width: 55%;
        margin-left: auto
    }
}

.container {
    max-width: 100%;
    padding: 0 2.1875rem;
    margin: auto
}

@media (min-width:1280px) {
    .container {
        width: 90rem;
        padding: 0 5.625rem
    }
}

.two-column {
    display: -ms-grid;
    display: grid;
    place-items: start;
    grid-gap: 0rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 1fr
}

@media (min-width:1280px) {
    .two-column {
        grid-gap: 1.875rem;
        -ms-grid-columns: 1fr 1.875rem 1fr;
        grid-template-columns: repeat(2, 1fr)
    }
}

.two-column .text-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1280px) {
    .two-column .text-heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:1280px) {
    .two-column .text-heading {
        margin-bottom: 2.5rem
    }

    .two-column .text-heading .pic,
    .two-column .text-heading .title {
        margin-bottom: 0
    }
}

@media (min-width:1280px) {
    .two-column .text-column {
        padding: 0 3.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100%
    }
}

@media (max-width:1280px) {
    .two-column .text-column:not(:first-child) {
        margin-top: 4.1875rem
    }
}

.two-column .pic {
    margin-right: 1.375rem
}

@media (min-width:1280px) {
    .two-column .pic {
        margin-bottom: 1.875rem;
        margin-right: 0
    }
}

.two-column .pic img {
    height: 5.3125rem
}

.form .legend {
    margin-bottom: 1.25rem
}

@media (min-width:768px) {
    .form .legend {
        margin-bottom: 2.5rem
    }
}

.form .form-group {
    overflow: hidden;
    margin-bottom: 0.625rem
}

@media (max-width:767px) {
    .form .btn {
        width: 100%
    }
}

.form .form-control {
    font-family: "Work Sans", sans-serif
}

.form .form-control:focus {
    border-bottom-color: #01D595
}

.form .form-control.isError {
    border-bottom-color: #F66464
}

.contact-form .tag-lst {
    margin-bottom: 1.875rem
}

@media (min-width:768px) {
    .contact-form .tag-lst {
        margin-bottom: 2.5rem
    }
}

.contact-form .check-group {
    margin: 1.875rem 0
}

@media (min-width:768px) {
    .contact-form .check-group {
        margin: 3.125rem 0
    }
}

@media (min-width:1280px) {
    .contact-form .check-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact-form .check-group .check-wrap {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.125rem 0
    }

    .contact-form .check-group .check {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.contact-form .check-label .tggl-lnk {
    position: relative
}

.contact-form .check-label .tggl-lnk:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0%;
    height: 1px;
    background-color: #767186
}

@media (min-width:768px) {
    .contact-form .btn-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.hide-menu,
.show-menu {
    -webkit-transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s
}

.hide-menu .menu,
.show-menu .menu {
    position: fixed;
    -webkit-transition: all 0.6s cubic-bezier(0.13, 0.51, 0.23, 1.19);
    transition: all 0.6s cubic-bezier(0.13, 0.51, 0.23, 1.19);
    left: 0;
    right: 0;
    margin: auto;
    height: calc(100vh - 4.0625rem)
}

.hide-menu .menu {
    top: -100vh;
    opacity: 0
}

@media (min-width:1280px) {
    .hide-menu .menu {
        position: static;
        height: auto;
        opacity: 1
    }
}

.show-menu {
    overflow: hidden
}

.show-menu .header {
    background-color: #F9F9FC
}

.show-menu .header.isSticky {
    -webkit-box-shadow: none;
    box-shadow: none
}

.show-menu .header .is-open {
    display: block
}

.show-menu .header .is-close {
    display: none
}

.show-menu .header .header-wrap {
    color: transparent
}

.show-menu .menu {
    top: 4.0625rem;
    -webkit-transition: all 0.6s cubic-bezier(0.13, 0.51, 0.23, 1.19);
    transition: all 0.6s cubic-bezier(0.13, 0.51, 0.23, 1.19);
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.show-menu .menu:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #F9F9FC;
    -webkit-transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
    transition: color 0.2s linear 0s, background-color 0.3s linear 0s;
    width: 100%;
    height: 100%;
    z-index: -1
}

.show-menu .menu li {
    margin-bottom: 3.375rem;
    width: 100%;
    padding: 0 4.8125rem
}

.show-menu .menu li a {
    margin: 0
}

.show-menu main {
    position: relative;
    z-index: -1
}

.footer {
    height: 4.0625rem;
    color: #292736;
    background-color: #ECECF8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}