@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

html {
    height: 100vh;
    position: relative;
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding: 0;
    min-height: 100vh;
    height: 100%
}

html {
    -webkit-font-smoothing: antialiased
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #000000;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on
}

body ::-moz-selection {
    background: #6C22B5;
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-opacity: 1
}

body ::selection {
    background: #6C22B5;
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-opacity: 1;
    -webkit-text-fill-color: #FFFFFF
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

p {
    margin: 0;
    padding: 0
}

p b {
    font-weight: 700
}

p i {
    font-style: italic
}

ul,
ol {
    margin: 0;
    padding: 0
}

ul li,
ol li {
    margin: 0;
    padding: 0
}

table {
    width: 100%;
    margin: 0;
    padding: 0
}

@-webkit-keyframes fillWidth {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes fillWidth {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"] {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

textarea {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

label,
legend {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block
}

fieldset {
    padding: 0;
    border-width: 0
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

select {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

select option {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

/* для элемента input c type="radio" */
.custom-radio>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label связанного с .custom-radio */
.custom-radio>span {
  padding: 20px;
  display: block;
  align-items: center;
  user-select: none;
  background-color: #fff;
  border: 1px solid #545454;
  text-align: center;
  font: 400 18px/1.15789 "Roboto", sans-serif;
  color: #545454;
}

.popup__radio-gender-pseudo-wrapper {
    display: flex;
    width: 100%;
    margin-top: 20px;
}

.popup {
    display: none;
    height: 100%
}

@media (min-width: 360px) and (max-width: 480px) {
    .popup {
        padding-bottom: 21px
    }
}

@media (max-width: 360px) {
    .popup {
        padding-bottom: 21px
    }
}

.popup--active {
    display: block
}

.popup__item {
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    /*position: relative;*/
    background: #FFFFFF;
    -webkit-box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
    box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
    border-radius: 10px;
    padding: 85px 93px 94px 93px;
    z-index: 9999;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

@media (max-width: 768px) {
    .popup__item {
        padding: 20px 40px 35px
    }
}
/*
@media (min-width: 480px) and (max-width: 640px) {
    .popup__item {
        max-width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .popup__item {
        max-width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
        top: 21px;
        left: 0;
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 360px) {
    .popup__item {
        max-width: calc(100% - 30px);
        padding: 26px 15px 30px 15px;
        top: 21px;
        left: 0;
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 320px) {
    .popup__item {
        max-width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px
    }
}
*/
.popup__item--indent-top-big {
    padding-top: 116px
}

@media (min-width: 360px) and (max-width: 768px) {
    .popup__item--indent-top-big {
        padding-top: 82px
    }
}

@media (max-width: 360px) {
    .popup__item--indent-top-big {
        padding-top: 18px
    }
}

.popup__item--special-inner-indent {
    padding-left: 74px;
    padding-right: 74px
}

@media (min-width: 360px) and (max-width: 768px) {
    .popup__item--special-inner-indent {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .popup__item--special-inner-indent {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 360px) {
    .popup__item--special-inner-indent {
        padding-left: 15px;
        padding-right: 15px
    }
}

.popup__close {
    display: block;
    cursor: pointer;
    width: 45px;
    height: 45px;
    border-radius: 22.5px;
    border: 4px solid #C4C4C4;
    background: #FFFFFF;
    position: absolute;
    right: 16px;
    top: 16px
}

@media (min-width: 360px) and (max-width: 768px) {
    .popup__close {
        border-color: #EAEAEA
    }
}

@media (max-width: 360px) {
    .popup__close {
        display: none
    }
}

.popup__close:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23C4C4C4' d='m11.473.023 3.37 3.37L3.552 14.685l-3.37-3.37z'/%3E%3Cpath fill='%23C4C4C4' d='m14.842 11.316-3.37 3.37L.18 3.394 3.55.024z'/%3E%3C/svg%3E");
    width: 14.66px;
    min-width: 14.66px;
    height: 14.66px;
    min-height: 14.66px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.popup__title {
    font: 700 40px/1.575 "Roboto", sans-serif;
    color: #122B62;
    margin: 0 0 8px;
    text-align: center
}

@media (min-width: 360px) and (max-width: 768px) {
    .popup__title {
        line-height: 1
    }
}

@media (max-width: 360px) {
    .popup__title {
        font-size: 32px;
        line-height: 1.1;
        margin: 0 0 1px
    }
}

@media (max-width: 320px) {
    .popup__title {
        font-size: 30px
    }
}

.popup__title--indent-bottom-big {
    margin: 0 0 21px
}

.popup__descr {
    font: 400 19px/1.15789 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    margin: 0 0 23px
}

@media (max-width: 360px) {
    .popup__descr {
        font-size: 14px;
        line-height: 1.571428571428571;
        font-weight: 400
    }
}

.popup__row {
    margin: 0 0 23px
}
/*
@media (max-width: 360px) {
    .popup__row {
        margin: 0 0 15px
    }
}*/

.popup__row--space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media (min-width: 360px) and (max-width: 480px) {
    .popup__row--space-between {
        -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
    }
}

@media (max-width: 360px) {
    .popup__row--space-between {
        -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
    }
}

.popup__row--align-center {
    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
}

.popup__row--indent-bottom-big {
    margin-bottom: 33px
}

.popup__row:last-child {
    margin-bottom: 0
}

.popup__input-text {
    border: 1px solid #122B62;
    border-radius: 0;
    padding: 22px 14.18px 21.67px;
    font-family: "Roboto", sans-serif;
    color: #545454;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    outline: none;
    margin: 0;
    display: block;
    text-align: left;
    background: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media (min-width: 360px) and (max-width: 768px) {
    .popup__input-text {
        padding: 20px 14px 19px
    }
}

@media (max-width: 360px) {
    .popup__input-text {
        font-size: 14px;
        padding: 12.5px 13.19px 11.5px 13.19px
    }
}

.popup__input-text::-webkit-input-placeholder {
    color: #BDBDBD;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.popup__input-text::-moz-placeholder {
    color: #BDBDBD;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.popup__input-text:-moz-placeholder {
    color: #BDBDBD;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.popup__input-text:-ms-input-placeholder {
    color: #BDBDBD;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.popup__input-text:focus::-webkit-input-placeholder {
    color: transparent
}

.popup__input-text:focus::-moz-placeholder {
    color: transparent
}

.popup__input-text:focus:-moz-placeholder {
    color: transparent
}

.popup__input-text:focus:-ms-input-placeholder {
    color: transparent
}

.popup__input-text:focus {
    outline: none;
    color: #000000;
    border-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.popup__input-text--error {
    color: #E41E1E;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.popup__btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: auto;
    background: #122B62;
    border: none;
    line-height: 1;
    padding: 23px 0 21.67px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

@media (min-width: 360px) and (max-width: 768px) {
    .popup__btn {
        /*font-size: 19px;*/
        /*padding: 20px 20px 21px 20px*/
    }
}

@media (max-width: 360px) {
    .popup__btn {
       /* font-size: 16px;
        padding: 12px 20px 12px 20px*/
    }
}

.popup__btn:disabled,
.popup__btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.popup__btn:disabled:hover,
.popup__btn[disabled]:hover {
    opacity: 0.5
}

.popup__btn:hover {
    /*background: #000000;*/
    /*color: #FFFFFF;*/
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

@media (max-width: 360px) {
    .popup__btn {
        /*font-size: 16px;
        padding: 12px 15px;
        font-weight: 700*/
    }
}

.popup__checkbox-container {
    font: 400 16px/1.375 "Roboto", sans-serif;
    color: #545454
}

.popup__checkbox-link {
    text-decoration: underline
}

.popup__link {
    font: 400 16px/1.375 "Roboto", sans-serif;
    color: #122B62;
    text-decoration: none
}

@media (min-width: 360px) and (max-width: 480px) {
    .popup__link {
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-transform: none;
        color: #ffffff;
        width: auto;
        height: auto;
        /* background: #35783C; */
        border: 0px #C4C4C4 solid;
        line-height: 1;
        padding: 13px 31px 13px 31px;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        border-radius: 0;
        text-align: center;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        width: 100%;
        margin: 0 0 12px;
        max-width: 100%
    }
}

@media (min-width: 360px) and (max-width: 480px) and (min-width: 360px) and (max-width: 768px) {
    .popup__link {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (min-width: 360px) and (max-width: 480px) and (max-width: 360px) {
    .popup__link {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .popup__link:disabled,
    .popup__link[disabled] {
        opacity: 0.5;
        cursor: default
    }
    .popup__link:disabled:hover,
    .popup__link[disabled]:hover {
        opacity: 0.5
    }
    .popup__link:hover {
        background: #000000;
        color: #FFFFFF;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease
    }
    .popup__link:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 360px) {
    .popup__link {
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-transform: none;
        color: #545454;
        width: auto;
        height: auto;
        /* background: #FFFFFF; */
        border: 1px #C4C4C4 solid;
        line-height: 1;
        padding: 13px 31px 13px 31px;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        border-radius: 0;
        text-align: center;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        width: 100%;
        margin: 0 0 12px;
        max-width: 100%
    }
}

@media (max-width: 360px) and (min-width: 360px) and (max-width: 768px) {
    .popup__link {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) and (max-width: 360px) {
    .popup__link {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

@media (max-width: 360px) {
    .popup__link:disabled,
    .popup__link[disabled] {
        opacity: 0.5;
        cursor: default
    }
    .popup__link:disabled:hover,
    .popup__link[disabled]:hover {
        opacity: 0.5
    }
    .popup__link:hover {
        background: #000000;
        color: #FFFFFF;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease
    }
    .popup__link:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 360px) {
    .popup__link--link-mobile {
        font: 400 16px/1.375 "Roboto", sans-serif;
        color: #122B62;
        text-decoration: none;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        background: none;
        border: none
    }
}

.popup__overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.9)
}

.popup__progress {
    margin: 0 auto 33px auto
}

.popup__progress--step-first {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='124' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M123.637 22.451c0 12.27-9.946 22.217-22.216 22.217-6.657 0-12.63-2.929-16.703-7.568-2.572-2.93-5.973-5.342-9.872-5.342H49.338c-3.899 0-7.3 2.412-9.872 5.343-4.072 4.639-10.045 7.567-16.703 7.567-12.27 0-22.216-9.946-22.216-22.216C.547 10.182 10.493.236 22.763.236c6.657 0 12.63 2.928 16.702 7.566 2.572 2.93 5.973 5.342 9.872 5.342h25.51c3.9 0 7.3-2.412 9.872-5.342C88.791 3.163 94.764.235 101.421.235c12.27 0 22.216 9.947 22.216 22.216Z'/%3E%3C/mask%3E%3Cpath d='M101.421 46.668c13.374 0 24.216-10.842 24.216-24.216h-4c0 11.165-9.051 20.216-20.216 20.216v4ZM83.215 38.42c4.436 5.053 10.949 8.248 18.206 8.248v-4c-6.058 0-11.491-2.662-15.2-6.887l-3.006 2.639Zm-8.369-8.662H49.338v4h25.508v-4Zm-52.083 16.91c7.257 0 13.77-3.195 18.206-8.248l-3.006-2.639c-3.708 4.225-9.142 6.887-15.2 6.887v4ZM-1.453 22.452c0 13.374 10.842 24.216 24.216 24.216v-4c-11.165 0-20.216-9.051-20.216-20.216h-4ZM22.763-1.764C9.389-1.764-1.453 9.078-1.453 22.452h4c0-11.165 9.051-20.216 20.216-20.216v-4Zm18.205 8.247C36.533 1.43 30.02-1.764 22.763-1.764v4c6.057 0 11.49 2.661 15.199 6.885l3.006-2.638Zm8.369 8.661h25.51v-4h-25.51v4ZM101.42-1.765c-7.257 0-13.77 3.195-18.205 8.247l3.006 2.64c3.708-4.225 9.142-6.887 15.199-6.887v-4Zm24.216 24.216c0-13.374-10.842-24.216-24.216-24.216v4c11.165 0 20.216 9.051 20.216 20.216h4Zm-50.79-7.307c4.743 0 8.646-2.913 11.375-6.023l-3.006-2.639c-2.415 2.752-5.313 4.662-8.369 4.662v4ZM49.338 29.758c-4.743 0-8.646 2.914-11.375 6.023l3.006 2.639c2.415-2.752 5.314-4.662 8.37-4.662v-4ZM37.962 9.12c2.73 3.11 6.632 6.023 11.375 6.023v-4c-3.056 0-5.954-1.91-8.37-4.661L37.963 9.12Zm48.26 26.66c-2.73-3.11-6.633-6.023-11.376-6.023v4c3.056 0 5.954 1.91 8.37 4.662l3.006-2.639Z' fill='%23C4C4C4' mask='url(%23a)'/%3E%3Ccircle cx='22.965' cy='22.452' r='10.45' fill='%23122B62'/%3E%3Ccircle cx='100.188' cy='22.452' r='10.45' fill='%23C4C4C4'/%3E%3C/svg%3E");
    width: 88px;
    min-width: 88px;
    height: 32px;
    min-height: 32px
}

@media (max-width: 360px) {
    .popup__progress--step-first {
        width: 123.09px;
        min-width: 123.09px;
        height: 44.43px;
        min-height: 44.43px
    }
}

.popup__progress--step-second {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='88' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.855 22.655c-3.9 0-7.27 2.503-10.17 5.109a15.65 15.65 0 0 1-10.493 4.018C7.517 31.782.484 24.75.484 16.075S7.517.367 16.192.367a15.65 15.65 0 0 1 10.492 4.018c2.901 2.606 6.271 5.11 10.17 5.11h14.288c3.9 0 7.27-2.504 10.17-5.11A15.65 15.65 0 0 1 71.805.367c8.675 0 15.707 7.033 15.707 15.708S80.48 31.782 71.805 31.782a15.65 15.65 0 0 1-10.493-4.018c-2.9-2.605-6.27-5.11-10.17-5.11H36.855Z'/%3E%3C/mask%3E%3Cpath d='m61.312 27.764-1.336 1.488 1.336-1.488ZM26.684 4.385l-1.336 1.488 1.336-1.488ZM16.192 33.782a17.65 17.65 0 0 0 11.829-4.53l-2.673-2.976a13.65 13.65 0 0 1-9.156 3.506v4ZM-1.516 16.075c0 9.78 7.928 17.707 17.708 17.707v-4c-7.57 0-13.708-6.137-13.708-13.707h-4ZM16.192-1.633c-9.78 0-17.708 7.928-17.708 17.708h4c0-7.57 6.137-13.708 13.708-13.708v-4Zm11.829 4.53a17.65 17.65 0 0 0-11.83-4.53v4a13.65 13.65 0 0 1 9.157 3.506l2.673-2.975Zm8.834 8.598h14.287v-4H36.855v4Zm34.95-13.128a17.65 17.65 0 0 0-11.83 4.53l2.674 2.976a13.65 13.65 0 0 1 9.156-3.506v-4Zm17.707 17.708c0-9.78-7.927-17.708-17.707-17.708v4c7.57 0 13.707 6.137 13.707 13.708h4ZM71.805 33.782c9.78 0 17.707-7.928 17.707-17.707h-4c0 7.57-6.137 13.707-13.707 13.707v4Zm-11.83-4.53a17.65 17.65 0 0 0 11.83 4.53v-4a13.65 13.65 0 0 1-9.156-3.506l-2.673 2.976Zm-8.833-8.597H36.855v4h14.287v-4Zm0-9.16c4.73 0 8.608-3.018 11.507-5.622l-2.673-2.975c-2.903 2.607-5.765 4.597-8.834 4.597v4ZM62.65 26.276c-2.9-2.604-6.778-5.621-11.507-5.621v4c3.07 0 5.931 1.99 8.834 4.597l2.673-2.976ZM25.348 5.873c2.899 2.604 6.778 5.622 11.507 5.622v-4c-3.07 0-5.932-1.99-8.834-4.597l-2.673 2.975Zm2.673 23.379c2.902-2.607 5.764-4.597 8.834-4.597v-4c-4.73 0-8.608 3.017-11.507 5.621l2.673 2.976Z' fill='%23C4C4C4' mask='url(%23a)'/%3E%3Ccircle cx='71.332' cy='16.075' r='7.388' fill='%23122B62'/%3E%3Ccircle cx='16.611' cy='16.075' r='7.388' fill='%23C4C4C4'/%3E%3C/svg%3E");
    width: 88px;
    min-width: 88px;
    height: 32px;
    min-height: 32px
}

@media (max-width: 360px) {
    .popup__progress--step-second {
        width: 123.09px;
        min-width: 123.09px;
        height: 44.43px;
        min-height: 44.43px
    }
}

.popup__checkbox-gender-input {
    opacity: 0;
    visibility: hidden;
    display: none
}

.popup__checkbox-gender-pseudo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup__checkbox-gender-pseudo-item {
    width: 50%;
    border: 1px solid #122B62;
    font: 700 18px/1.166 "Roboto", sans-serif;
    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;
    padding: 20px 0;
    cursor: pointer
}

.popup__checkbox-gender-pseudo-item:first-child {
    border-right: none
}

.popup__checkbox-gender-input+.popup__checkbox-gender-pseudo-wrapper .popup__checkbox-gender-pseudo-item--female {
    background: #122B62;
    color: #FFFFFF
}

.popup__checkbox-gender-input:checked+.popup__checkbox-gender-pseudo-wrapper .popup__checkbox-gender-pseudo-item--female {
    background: #FFFFFF;
    color: #545454
}

.popup__checkbox-gender-input+.popup__checkbox-gender-pseudo-wrapper .popup__checkbox-gender-pseudo-item--male {
    background: #FFFFFF;
    color: #545454
}

.popup__checkbox-gender-input:checked+.popup__checkbox-gender-pseudo-wrapper .popup__checkbox-gender-pseudo-item--male {
    background: #122B62;
    color: #FFFFFF
}

.header {
    width: 100%;
    background: #232323;
}

.header__container {
    width: 100%;
    max-width: 1398px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    max-width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__container {
    height: 50px;
}

@media (min-width: 360px) {
    .header__container {
        height: calc(50px + 50 * (100vw - 360px) / 1080);
    }
}

@media (min-width: 1440px) {
    .header__container {
        height: 100px;
    }
}

@media (max-width: 360px) {
    .header__container {
        height: 50px;
    }
}

.header__col {
    height: 100%;
    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
}

.header__col:last-child {
    margin-left: auto
}

.header__img {
    width: 100%;
    height: auto;
    display: block
}

.header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 9.722222222222222vw;
    height: 100%
}

@media (min-width: 360px) and (max-width: 768px) {
    .header__list {
        margin: 0 0 0 56px
    }
}

.header__list-item {
    font: 700 18px/1.16667 "Roboto", sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0 73px 0 0;
    height: 100%;
    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;
    position: relative
}

.header__list-item:hover {
    color: #fff;
}

.header__list-item {
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .header__list-item {
        font-size: calc(16px + 2 * ((100vw - 768px) / 672))
    }
}

@media screen and (min-width: 1440px) {
    .header__list-item {
        font-size: 18px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .header__list-item {
        margin: 0 81px 0 0
    }
}

@media (max-width: 360px) {
    .header__list-item {
        font-size: 22px
    }
}


/* here */

.header__list-item {
    margin-right: 30px;
}

@media (min-width: 768px) {
    .header__list-item {
        margin-right: calc(30px + 43 * (100vw - 768px) / 672);
    }
}

@media (min-width: 1440px) {
    .header__list-item {
        margin-right: 73px;
    }
}

@media (max-width: 768px) {
    .header__list-item {
        margin-right: 0px;
    }
}


/* end */

.header__list-item:last-child {
    margin-right: 0
}

.header__list-item--active {
    color: #ffffff
}

.header__list-item--active:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.header__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
/*
.header__user:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.002' cy='10.548' r='10.25' fill='%23fff'/%3E%3Cpath d='m8.055 8.995 2.947 2.962 2.948-2.962' stroke='%23122B62' stroke-width='2'/%3E%3C/svg%3E");
    width: 22px;
    min-width: 22px;
    height: 21px;
    min-height: 21px;
    margin: 0 0 0 17px
}
*/
@media (min-width: 360px) and (max-width: 768px) {
    .header__user:after {
        margin: 0 0 0 16px
    }
}

.header__user-title {
    font: 700 18px/1.16667 "Roboto", sans-serif;
    color: #FFFFFF
}

.header__user-title .header__list-item {
    color: #fff;
    font-weight: 300;
}

.header__user-title:hover {
    color: #FDFCC5;
}

.header__user-title {
    font-size: 16px
}


/* @media screen and (min-width: 768px) {
    .header__user-title {
        font-size: calc(16px + 2 * ((100vw - 768px) / 672))
    }
} */

@media screen and (min-width: 1440px) {
    .header__user-title {
        font-size: 18px
    }
}

@media screen and (max-width: 768px) {
    .header__user-title {
        font-size: 14px;
    }
}

.cover--first {
    width: 100%;
    max-width: 1240px;
    height: 100%;
    padding: 93px 0
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--first {
        padding: 34px 0 80px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--first {
        height: auto
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--first {
        height: auto
    }
}

@media (max-width: 360px) {
    .cover--first {
        height: auto;
        padding: 17px 0 93px
    }
}

.cover--second {
    padding: 93px 0
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--second {
        padding: 34px 0 80px
    }
}

@media (max-width: 360px) {
    .cover--second {
        padding: 17px 0 93px
    }
}

.cover--third {
    padding: 93px 0
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--third {
        padding: 34px 0 80px
    }
}

@media (max-width: 360px) {
    .cover--third {
        padding: 17px 0 93px
    }
}

.cover--four {
    padding: 0;
    background: #fff;
}

.cover--four__bg {
    display: flex;
    
}

.cover--four__bg-mobile {
    /*display: none;*/
    height: auto;
    min-height: 590px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-image: url("../img/banner-mobile.png");
    background-size: cover;
}

.cover--four__promo {
    margin-top: 35px;
    text-align: center;
}

.cover--four__promo img {
    max-width: 117px;
}

.cover--four__promo p {
    margin-top: 20px;
    font: 700 28px/1.17192 "Museo Sans Cyrl", sans-serif;
    color: #FFFFFF;
}

.cover--four__images {
    position: relative;
}

.cover--four__images-girl {
    position: relative;
    bottom: -5px;
    max-width: 307px;
}

.cover--four__images-shower {
    max-width: 180px;
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--four {
        padding: 0px;
    }
}

@media (max-width: 560px) {
    .cover--four__bg {
        /*display: none;*/
    }

    .cover--four__bg-mobile {
        display: flex;
    }
}

.cover--five {
    padding: 0 0 93px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--five {
        padding: 0 0 124px
    }
}

.cover--sixth {
    padding: 0 0 93px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--sixth {
        padding: 0 0 124px
    }
}

.cover--first .cover__container {
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--first .cover__container {
        padding-right: 40px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--first .cover__container {
        width: 100%;
        max-width: 562px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        height: auto
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--first .cover__container {
        width: 100%;
        max-width: 562px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        height: auto
    }
}

@media (max-width: 360px) {
    .cover--first .cover__container {
        height: auto;
        padding-left: 15px;
        padding-right: 15px
    }
}

.cover--second .cover__container {
    width: 100%;
    max-width: 911px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--second .cover__container {
        padding-left: 85px;
        padding-right: 66px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--second .cover__container {
        width: 100%;
        max-width: 562px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--second .cover__container {
        width: 100%;
        max-width: 562px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative
    }
}

@media (max-width: 360px) {
    .cover--second .cover__container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.cover--third .cover__container {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--third .cover__container {
        max-width: 562px
    }
}

@media (max-width: 360px) {
    .cover--third .cover__container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.cover--four .cover__container {
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;  
}

.cover--four .cover__container-bg {
    background: linear-gradient(180deg, #8F0157 0%, #48003F 40.5%, #8F0157 100%);
    position: relative;
   /* background-color: #fff;*/
   min-height: 700px;
}



@media (min-width: 360px) and (max-width: 768px) {
    .cover--four .cover__container {
        max-width: 720px
    }
    .cover--four .cover__container-bg {
       min-height: 285px;
    }
}

@media (max-width: 360px) {
    .cover--four .cover__container {
        padding-left: 15px;
        padding-right: 15px;
        background: #ffffff;
    }
}

.cover--five .cover__container,
.cover--sixth .cover__container {
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media (max-width: 360px) {
    .cover--five .cover__container,
    .cover--sixth .cover__container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.cover--five .cover__container.cover__container--full-width,
.cover--sixth .cover__container.cover__container--full-width {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--five .cover__container.cover__container--full-width,
    .cover--sixth .cover__container.cover__container--full-width {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 360px) {
    .cover--five .cover__container.cover__container--full-width,
    .cover--sixth .cover__container.cover__container--full-width {
        padding-left: 0;
        padding-right: 0
    }
}

.cover__container--full-width {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0
}

.cover__container--indent-bottom {
    margin: 0 0 61px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover__container--indent-bottom {
        margin: 0 0 98px
    }
}

@media (max-width: 360px) {
    .cover__container--indent-bottom {
        margin: 0 0 23px
    }
}

.cover__row {
    width: 100%;
    margin: 0 0 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover__row {
        margin: 0 0 65px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--second .cover__row {
        margin-bottom: 0
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--second .cover__row {
        margin-bottom: 0
    }
}

@media (max-width: 360px) {
    .cover--second .cover__row {
        margin-bottom: 0
    }
}

.cover__row--vertcal-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cover__row--column {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cover__row:last-child {
    margin-bottom: 0
}

.cover--first .cover__col--left {
    width: 32.786885245901639%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--first .cover__col--left {
        width: 34.049773755656109%
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--first .cover__col--left {
        display: none
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--first .cover__col--left {
        display: none
    }
}

@media (max-width: 360px) {
    .cover--first .cover__col--left {
        display: none
    }
}

.cover--second .cover__col--left {
    width: 100%;
    max-width: 486px;
    margin: 0 80px 0 0
}

.cover--five .cover__col--left {
    width: 50%;
    position: relative
}

@media (max-width: 360px) {
    .cover--five .cover__col--left {
        width: 100%
    }
}

.cover--sixth .cover__col--left {
    padding-top: 45px;
    padding-bottom: 59px;
    width: 50%;
    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;
    background: #F5C0E6
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--sixth .cover__col--left {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 360px) {
    .cover--sixth .cover__col--left {
        display: none
    }
}

.cover--first .cover__col--right {
    width: 67.213114754098361%;
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 0 50px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--first .cover__col--right {
        padding: 0 0 0 60px;
        width: 65.950226244343891%
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--first .cover__col--right {
        width: 100%;
        padding: 0 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--first .cover__col--right {
        width: 100%;
        padding: 0 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 360px) {
    .cover--first .cover__col--right {
        width: 100%;
        padding: 0 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.cover--second .cover__col--right {
    width: 100%;
    max-width: 303px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--second .cover__col--right {
        max-width: 145px
    }
}

.cover--five .cover__col--right {
    width: 50%;
    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;
    background: #F5C0E6;
    padding-top: 45px;
    padding-bottom: 59px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--five .cover__col--right {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 360px) {
    .cover--five .cover__col--right {
        display: none
    }
}

.cover--sixth .cover__col--right {
    position: relative;
    width: 50%
}

@media (max-width: 360px) {
    .cover--sixth .cover__col--right {
        width: 100%
    }
}

.cover__title--mobile-visible {
    display: none
}

@media (max-width: 360px) {
    .cover__title--mobile-visible {
        display: block
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--second .cover__title--mobile-visible {
        display: block
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--second .cover__title--mobile-visible {
        display: block
    }
}

@media (max-width: 360px) {
    .cover--second .cover__title--mobile-visible {
        display: block
    }
}

.cover__title--mobile-hidden {
    display: block
}

@media (max-width: 360px) {
    .cover__title--mobile-hidden {
        display: none
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--second .cover__title--mobile-hidden {
        display: none
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--second .cover__title--mobile-hidden {
        display: none
    }
}

@media (max-width: 360px) {
    .cover--second .cover__title--mobile-hidden {
        display: none
    }
}

.cover--first .cover__title {
    font: 700 52px/1.17194 "Roboto", sans-serif;
    color: #122B62;
    margin: 0 0 27px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--first .cover__title {
        font-size: 36px;
        line-height: 1.171944444444444
    }
}

@media (max-width: 360px) {
    .cover--first .cover__title {
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--first .cover__title {
        margin-bottom: 27px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--first .cover__title {
        text-align: center;
        margin-bottom: 37px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--first .cover__title {
        text-align: center;
        margin-bottom: 37px
    }
}

@media (max-width: 360px) {
    .cover--first .cover__title {
        text-align: center;
        margin-bottom: 23px
    }
}

.cover--second .cover__title {
    font: 700 62px/1.17192 "Roboto", sans-serif;
    color: #122B62
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--second .cover__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .cover--second .cover__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cover--second .cover__title {
        font-size: 49px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--second .cover__title {
        text-align: center;
        margin-bottom: 37px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--second .cover__title {
        text-align: center;
        margin-bottom: 37px
    }
}

@media (max-width: 360px) {
    .cover--second .cover__title {
        margin-bottom: 23px;
        font-size: 22px;
        line-height: 1.171818181818182;
        text-align: center
    }
}

.cover--third .cover__title {
    font: 700 62px/1.17192 "Roboto", sans-serif;
    color: #122B62;
    margin: 0 0 41px;
    text-align: center
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--third .cover__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .cover--third .cover__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--third .cover__title {
        margin-bottom: 37px
    }
}

@media (max-width: 360px) {
    .cover--third .cover__title {
        margin-bottom: 23px;
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

.cover--four .cover__title {
    position: relative;
    font: 700 69px/1.17192 "Roboto", sans-serif;
    color: #FFFAF3;
    margin: 0 0 41px;
    text-align: center;
}




@media (max-width: 768px) {
    .cover--four .cover__title {
        font-size: 36px;
        line-height: 1.166666666666667;
        margin-bottom: 0px;
    }
}

@media (max-width: 360px) {
    .cover--four .cover__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}



@media (max-width: 360px) {
    .cover--four .cover__title {
        margin-bottom: 23px
    }
}

.cover--five .cover__title {
    font: 700 62px/1.17192 "Roboto", sans-serif;
    color: #122B62;
    width: 73.150684931506849%
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--five .cover__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .cover--five .cover__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 1024px) and (max-width: 1260px) {
    .cover--five .cover__title {
        font-size: 40px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cover--five .cover__title {
        font-size: 32px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--five .cover__title {
        font-size: 32px;
        line-height: 1.15625;
        width: 70.712909441233141%
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--five .cover__title {
        font-size: 21px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .cover--five .cover__title {
        font-size: 22px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--five .cover__title {
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .cover--five .cover__title {
        width: 100%;
        margin-bottom: 23px;
        font-size: 22px;
        line-height: 1.171818181818182;
        text-align: center
    }
}

.cover--sixth .cover__title {
    font: 700 62px/1.17192 "Roboto", sans-serif;
    color: #122B62;
    width: 73.150684931506849%
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--sixth .cover__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .cover--sixth .cover__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 1024px) and (max-width: 1260px) {
    .cover--sixth .cover__title {
        font-size: 40px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cover--sixth .cover__title {
        font-size: 32px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--sixth .cover__title {
        font-size: 32px;
        line-height: 1.15625;
        width: 70.712909441233141%
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--sixth .cover__title {
        font-size: 21px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .cover--sixth .cover__title {
        font-size: 22px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--sixth .cover__title {
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .cover--sixth .cover__title {
        margin-bottom: 23px;
        font-size: 22px;
        line-height: 1.171818181818182;
        text-align: center;
        width: 100%
    }
}

.cover--first .cover__text {
    font: 400 22px/1.17182 "Roboto", sans-serif;
    color: #545454;
    margin: 0 0 43px
}

.cover--first .cover__text {
    font-size: 14px
}

@media screen and (min-width: 360px) {
    .cover--first .cover__text {
        font-size: calc(14px + 8 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .cover--first .cover__text {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--first .cover__text {
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

@media (max-width: 360px) {
    .cover--first .cover__text {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.cover--first .cover__text__text-bold {
    font-weight: 700
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--first .cover__text {
        margin-bottom: 50px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--first .cover__text {
        text-align: center;
        margin-bottom: 50px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--first .cover__text {
        text-align: center;
        margin-bottom: 50px
    }
}

@media (max-width: 360px) {
    .cover--first .cover__text {
        text-align: center;
        margin-bottom: 25px
    }
}

.cover--second .cover__text {
    font: 400 22px/1.17182 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    margin: 0 auto 71px auto;
    width: 100%;
    max-width: 680px
}

.cover--second .cover__text {
    font-size: 14px
}

@media screen and (min-width: 360px) {
    .cover--second .cover__text {
        font-size: calc(14px + 8 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .cover--second .cover__text {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--second .cover__text {
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

@media (max-width: 360px) {
    .cover--second .cover__text {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.cover--second .cover__text__text-bold {
    font-weight: 700
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--second .cover__text {
        margin-bottom: 62px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--second .cover__text {
        text-align: center;
        margin-bottom: 50px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--second .cover__text {
        text-align: center;
        margin-bottom: 50px
    }
}

@media (max-width: 360px) {
    .cover--second .cover__text {
        text-align: center;
        margin-bottom: 25px
    }
}

.cover--third .cover__text {
    font: 400 22px/1.17182 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    margin: 0 auto 55px auto;
    width: 100%;
    max-width: 680px
}

.cover--third .cover__text {
    font-size: 14px
}

@media screen and (min-width: 360px) {
    .cover--third .cover__text {
        font-size: calc(14px + 8 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .cover--third .cover__text {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--third .cover__text {
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

@media (max-width: 360px) {
    .cover--third .cover__text {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.cover--third .cover__text__text-bold {
    font-weight: 700
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--third .cover__text {
        margin-bottom: 50px
    }
}

@media (max-width: 360px) {
    .cover--third .cover__text {
        margin-bottom: 25px
    }
}

.cover--four .cover__text {
    font: 400 22px/1.17182 "Roboto", sans-serif;
    color: #FFD5B3;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 928px;
}

div.cover--four .cover__text.action__close {
    margin-bottom: 50px;
}




@media screen and (max-width: 768px) {
    .cover--four .cover__text {
        font-size: 12px;
        max-width: 255px;
        margin-top: 30px;
    }
    div.cover--four .cover__text.action__close {
        margin-bottom: 10px;
    }
    
}


@media (max-width: 360px) {
    .cover--four .cover__text {
        font-size: 12px;
        line-height: normal;
    }
}

.cover--four .cover__text__text-bold {
    font-weight: 700
}



@media (max-width: 360px) {
    .cover--four .cover__text {
        margin-bottom: 25px
    }
}

.cover--five .cover__text {
    font: 400 22px/1.17182 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    margin: 0 auto 46px auto;
    width: 100%;
    max-width: 680px
}

.cover--five .cover__text {
    font-size: 14px
}

@media screen and (min-width: 360px) {
    .cover--five .cover__text {
        font-size: calc(14px + 8 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .cover--five .cover__text {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--five .cover__text {
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

@media (max-width: 360px) {
    .cover--five .cover__text {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.cover--five .cover__text__text-bold {
    font-weight: 700
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--five .cover__text {
        margin-bottom: 75px
    }
}

@media (max-width: 360px) {
    .cover--five .cover__text {
        margin: 0 auto 36px auto
    }
}

.cover--sixth .cover__text {
    font: 400 22px/1.17182 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    margin: 0 auto 46px auto;
    width: 100%;
    max-width: 680px
}

.cover--sixth .cover__text {
    font-size: 14px
}

@media screen and (min-width: 360px) {
    .cover--sixth .cover__text {
        font-size: calc(14px + 8 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .cover--sixth .cover__text {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--sixth .cover__text {
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

@media (max-width: 360px) {
    .cover--sixth .cover__text {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.cover--sixth .cover__text__text-bold {
    font-weight: 700
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--sixth .cover__text {
        margin-bottom: 75px
    }
}

.cover__btn-block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 141px;
    background-color: #000000;
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover__btn-block {
        height: 117px;
    }
}

.cover__text-bold {
    font-weight: 700
}

.cover__btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #FCFEFC;
    height: 60px;
    background: #CD0E27;
    border: 1px solid transparent;
    line-height: 1;
    padding: 19px 42px 19px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 250px;
    margin-top: 45px; 
    margin-bottom: 140px; 
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover__btn {
        font-size: 19px;
        padding: 20px 65px 21px 65px;
        margin: 25px auto 40px;
        width: 170px;
        height: 41px;
    }
}

@media (max-width: 360px) {
    .cover__btn {
        font-size: 16px;
        padding: 12px 31px 12px 31px
    }
}

.cover__btn:disabled,
.cover__btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.cover__btn:disabled:hover,
.cover__btn[disabled]:hover {
    opacity: 0.5
}

.cover__btn:hover {
    background: transparent;
    border: 1px solid #FCFEFC;
    background-color: #FCFEFC;
    color: #E6473E;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.cover__img {
    width: 100%;
    height: auto;
    display: block
}

.cover__img--mobile-visible {
    display: none
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover__img--mobile-visible {
        display: block
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover__img--mobile-visible {
        display: block
    }
}

@media (max-width: 360px) {
    .cover__img--mobile-visible {
        display: block
    }
}

.cover__img--mobile-hidden {
    display: block
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover__img--mobile-hidden {
        display: none
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover__img--mobile-hidden {
        display: none
    }
}

@media (max-width: 360px) {
    .cover__img--mobile-hidden {
        display: none
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--first .cover__img {
        max-width: 258px;
        margin: 0 0 19px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--first .cover__img {
        max-width: 258px;
        margin: 0 0 19px
    }
}

@media (max-width: 360px) {
    .cover--first .cover__img {
        max-width: 186px;
        margin: 0 0 19px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .cover--second .cover__img {
        max-width: 258px;
        margin: 0 0 19px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .cover--second .cover__img {
        max-width: 258px;
        margin: 0 0 19px
    }
}

@media (max-width: 360px) {
    .cover--second .cover__img {
        max-width: 186px;
        margin: 0 0 19px
    }
}

.cover--third .cover__img {
    max-width: 303px;
    margin: 0 0 46px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--third .cover__img {
        margin: 0 0 19px;
        max-width: 258px
    }
}

@media (max-width: 360px) {
    .cover--third .cover__img {
        margin: 0 0 17px;
        max-width: 186px
    }
}

.cover--four .cover__img {
    margin: 0 0 56px
}

@media (min-width: 360px) and (max-width: 768px) {
    .cover--four .cover__img {
        margin: 0 0 51px
    }
}

@media (max-width: 360px) {
    .cover--four .cover__img {
        margin: 0 0 23px
    }
}

.cover--five .cover__img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width: 360px) {
    .cover--five .cover__img {
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        -o-object-fit: fill;
        object-fit: fill
    }
}

.cover--sixth .cover__img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width: 360px) {
    .cover--sixth .cover__img {
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        -o-object-fit: fill;
        object-fit: fill
    }
}

.info--first {
    background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/1.webp") center center no-repeat;
    background-size: cover;
    padding: 180px 0 152px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--first {
        padding: 116px 0 150px
    }
}

@media (max-width: 360px) {
    .info--first {
        background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/1-2.webp") center center no-repeat;
        padding: 105px 0 111px
    }
}

.info--second {
    padding-bottom: 152px;
    background: none
}

@media (min-width: 768px) and (max-width: 1024px) {
    .info--second {
        background: none
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--second {
        padding-bottom: 56px;
        background: none
    }
}

@media (max-width: 360px) {
    .info--second {
        background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/1-1.webp") center bottom no-repeat;
        padding-bottom: 74px
    }
}

.info--third {
    padding-bottom: 154px;
    background: none
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--third {
        padding-bottom: 83px;
        background: none
    }
}

@media (max-width: 360px) {
    .info--third {
        padding-bottom: 38px;
        background: none
    }
}

.info--first .info__container {
    width: 100%;
    max-width: 642px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--first .info__container {
        max-width: 600px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 360px) {
    .info--first .info__container {
        padding-left: 24px;
        padding-right: 24px
    }
}

.info--second .info__container {
    width: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--second .info__container {
        max-width: 750px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 360px) {
    .info--second .info__container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.info__container--full-width {
    width: 100%;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (max-width: 360px) {
    .info__container--full-width {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.info__container--indent-bottom {
    margin: 0 0 51px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__container--indent-bottom {
        margin: 0 0 51px
    }
}

@media (max-width: 360px) {
    .info__container--indent-bottom {
        margin: 0 0 27px
    }
}

.info__container--indent-bottom-big {
    margin: 0 0 62px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__container--indent-bottom-big {
        margin: 0 0 68px
    }
}

.info__container--text {
    width: 100%;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 88px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__container--text {
        max-width: 940px;
        margin-bottom: 58px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info__container--text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info__container--text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .info__container--text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 360px) {
    .info__container--text {
        padding-left: 25px;
        padding-right: 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -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: 30px
    }
}

.info__container--align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.info--second .info__col--left,
.info--third .info__col--left {
    position: relative;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -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;
    background: #F5C0E6
}

@media (max-width: 360px) {
    .info--second .info__col--left,
    .info--third .info__col--left {
        width: 100%
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info--third .info__col--left {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info--third .info__col--left {
        width: 100%
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .info--third .info__col--left {
        width: 100%
    }
}

@media (max-width: 360px) {
    .info--third .info__col--left {
        width: 100%
    }
}

.info__container--text .info__col--left {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

@media (min-width: 640px) and (max-width: 768px) {
    .info__container--text .info__col--left {
        margin: 0 0 27px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info__container--text .info__col--left {
        margin: 0 0 27px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .info__container--text .info__col--left {
        margin: 0 0 27px
    }
}

@media (max-width: 360px) {
    .info__container--text .info__col--left {
        margin: 0 0 27px
    }
}

.info--second .info__col--right,
.info--third .info__col--right {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #F5C0E6
}

@media (max-width: 360px) {
    .info--second .info__col--right,
    .info--third .info__col--right {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info--third .info__col--right {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info--third .info__col--right {
        width: 100%
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .info--third .info__col--right {
        width: 100%
    }
}

@media (max-width: 360px) {
    .info--third .info__col--right {
        width: 100%
    }
}

.info__container--text .info__col--right {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 123px
}

@media (min-width: 768px) and (max-width: 1024px) {
    .info__container--text .info__col--right {
        padding-left: 45px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__container--text .info__col--right {
        padding-left: 45px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info__container--text .info__col--right {
        padding-left: 0
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info__container--text .info__col--right {
        padding-left: 0
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .info__container--text .info__col--right {
        padding-left: 0
    }
}

@media (max-width: 360px) {
    .info__container--text .info__col--right {
        padding-left: 0
    }
}

.info__img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 360px) {
    .info__img {
        width: 100%;
        height: auto;
        position: static;
        left: auto;
        right: 0;
        top: auto;
        bottom: auto;
        -o-object-fit: fill;
        object-fit: fill
    }
}

.info--first .info__title {
    font: 700 62px/1.17192 "Roboto", sans-serif;
    color: #122B62;
    text-align: center;
    margin: 0 0 50px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--first .info__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .info--first .info__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--first .info__title {
        margin: 0 0 53px
    }
}

@media (max-width: 360px) {
    .info--first .info__title {
        font-size: 22px;
        line-height: 1.171818181818182;
        margin: 0 0 28px
    }
}

.info--second .info__title {
    font: 700 62px/1.17192 "Roboto", sans-serif;
    color: #122B62;
    width: 100%;
    padding: 56px 8% 56px 15.384615384615385%
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--second .info__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .info--second .info__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 1024px) and (max-width: 1260px) {
    .info--second .info__title {
        font-size: 40px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .info--second .info__title {
        font-size: 32px;
        width: 83%
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--second .info__title {
        font-size: 36px;
        line-height: 1.171944444444444
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .info--second .info__title {
        font-size: 21px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info--second .info__title {
        font-size: 22px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info--second .info__title {
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .info--second .info__title {
        font-size: 27px;
        line-height: 1.171851851851852;
        text-align: center;
        padding: 48px 0 50px
    }
}

.info--third .info__title {
    font: 700 62px/1.17192 "Roboto", sans-serif;
    color: #122B62;
    width: 100%;
    padding: 56px 8% 56px 15.384615384615385%
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--third .info__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .info--third .info__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 1024px) and (max-width: 1260px) {
    .info--third .info__title {
        font-size: 40px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .info--third .info__title {
        font-size: 32px;
        width: 83%
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--third .info__title {
        font-size: 36px;
        line-height: 1.171944444444444
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .info--third .info__title {
        font-size: 21px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info--third .info__title {
        min-height: 46px;
        font-size: 22px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info--third .info__title {
        min-height: 46px;
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .info--third .info__title {
        min-height: 46px;
        font-size: 27px;
        line-height: 1.171851851851852;
        text-align: center;
        padding: 48px 0 50px
    }
}

.info--first .info__descr {
    font: 700 24px/1.17179 "Roboto", sans-serif;
    color: #545454;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--first .info__descr {
        font-size: 24px;
        line-height: 1.172083333333333
    }
}

@media (max-width: 360px) {
    .info--first .info__descr {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.info--first .info__descr:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.456 2.337a9.214 9.214 0 1 1-18.429 0' stroke='%23122B62' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 23px;
    min-width: 23px;
    height: 14px;
    min-height: 14px;
    margin: 50px 0 46px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--first .info__descr:after {
        margin: 38px 0 38px
    }
}

@media (max-width: 360px) {
    .info--first .info__descr:after {
        margin: 36px 0 36px;
        width: 18px;
        min-width: 18px;
        height: 11px;
        min-height: 11px
    }
}

.info--second .info__descr {
    font: 700 24px/1.17179 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    margin: 0 0 35px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--second .info__descr {
        font-size: 24px;
        line-height: 1.172083333333333
    }
}

@media (max-width: 360px) {
    .info--second .info__descr {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

@media (max-width: 360px) {
    .info--second .info__descr {
        margin: 0 0 27px
    }
}

.info--third .info__descr {
    font: 700 24px/1.17179 "Roboto", sans-serif;
    color: #545454;
    margin: 0 0 20px;
    width: 100%;
    max-width: 404px;
    min-height: 56px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--third .info__descr {
        font-size: 24px;
        line-height: 1.172083333333333
    }
}

@media (max-width: 360px) {
    .info--third .info__descr {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--third .info__descr {
        margin: 0 0 17px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info--third .info__descr {
        min-width: 100%;
        min-height: auto;
        margin: 0 0 27px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info--third .info__descr {
        min-width: 100%;
        min-height: auto;
        margin: 0 0 13px
    }
}

@media (max-width: 360px) {
    .info--third .info__descr {
        min-width: 100%;
        min-height: auto;
        margin: 0 0 13px;
        font-size: 20px !important
    }
}

.info__text-wrapper {
    padding: 58px 74px 38px 74px;
    border: 1px solid #122B62;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px
}

@media (max-width: 360px) {
    .info__text-wrapper {
        background: #FFFFFF;
        border: none;
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        padding: 30px 10px 25px 10px
    }
}

.info__text {
    font: 400 22px/1.17182 "Roboto", sans-serif;
    color: #545454;
    margin: 0 0 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center
}

.info__text {
    font-size: 14px
}

@media screen and (min-width: 360px) {
    .info__text {
        font-size: calc(14px + 8 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .info__text {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__text {
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

@media (max-width: 360px) {
    .info__text {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.info__text__text-bold {
    font-weight: 700
}

.info__text {
    font-size: 18px
}

@media screen and (min-width: 360px) {
    .info__text {
        font-size: calc(18px + 4 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .info__text {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__text {
        font-size: 18px;
        line-height: 1.171666666666667;
        margin: 0 0 56px
    }
}

@media (max-width: 360px) {
    .info__text {
        font-size: 14px;
        line-height: 1.172142857142857;
        margin: 0 0 40px
    }
}

@media (max-width: 360px) {
    .info--first .info__text {
        margin: 0 0 48px
    }
}

.info--second .info__text {
    margin-bottom: 0;
    text-align: center
}

@media (max-width: 360px) {
    .info--second .info__text {
        margin-left: auto;
        margin-right: auto;
        width: 96%
    }
}

.info--third .info__text {
    font: 400 18px/1.21667 "Roboto", sans-serif;
    color: #545454;
    text-align: left;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 404px;
    margin-bottom: 0
}

.info--third .info__text__text-bold {
    font-weight: 700
}

@media (min-width: 640px) and (max-width: 768px) {
    .info--third .info__text {
        max-width: 100%
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info--third .info__text {
        font-size: 14px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 360px) {
    .info--third .info__text {
        font-size: 14px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.info--third .info__text:before {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.462 2.782a7 7 0 0 1-14 0' stroke='%230081C0' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 19px;
    min-width: 19px;
    height: 12px;
    min-height: 12px;
    margin: 0 0 33px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info--third .info__text:before {
        margin: 0 0 34px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info--third .info__text:before {
        margin: 0 0 20px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info--third .info__text:before {
        margin: 0 0 20px
    }
}

@media (max-width: 360px) {
    .info--third .info__text:before {
        margin: 0 0 20px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info__text--align-left {
        padding-right: 0 !important
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info__text--align-left {
        padding-right: 0 !important
    }
}

@media (max-width: 360px) {
    .info__text--align-left {
        padding-right: 0 !important
    }
}

.info__text--separator {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.info__text--separator:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.462 2.782a7 7 0 0 1-14 0' stroke='%230081C0' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 19px;
    min-width: 19px;
    height: 12px;
    min-height: 12px;
    margin: 50px 0 46px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__text--separator:after {
        margin: 28px 0 32px 0
    }
}

@media (max-width: 360px) {
    .info__text--separator:after {
        margin: 18px 0 18px 0
    }
}

.info__container--text .info__col--left .info__text {
    position: relative;
    max-width: 100%;
    padding-right: 40px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__container--text .info__col--left .info__text {
        padding-right: 20px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info__container--text .info__col--left .info__text {
        padding-right: 0
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info__container--text .info__col--left .info__text {
        padding-right: 0
    }
}

@media (max-width: 360px) {
    .info__container--text .info__col--left .info__text {
        padding-right: 0
    }
}

.info__container--text .info__col--left .info__text:after {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 30px);
    background: #122B62;
    position: absolute;
    right: 0;
    bottom: -16px
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__container--text .info__col--left .info__text:after {
        display: none
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info__container--text .info__col--left .info__text:after {
        display: none
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info__container--text .info__col--left .info__text:after {
        display: none
    }
}

@media (max-width: 360px) {
    .info__container--text .info__col--left .info__text:after {
        display: none
    }
}

.info__text:last-child {
    margin-bottom: 0
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__text:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 360px) {
    .info__text:last-child {
        margin-bottom: 0
    }
}

.info__text-bold {
    font: 400 22px/1.17182 "Roboto", sans-serif;
    color: #545454;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center
}

.info__text-bold {
    font-size: 14px
}

@media screen and (min-width: 360px) {
    .info__text-bold {
        font-size: calc(14px + 8 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .info__text-bold {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__text-bold {
        font-size: 22px;
        line-height: 1.171818181818182
    }
}

@media (max-width: 360px) {
    .info__text-bold {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.info__text-bold__text-bold {
    font-weight: 700
}

.info__text-bold {
    font-size: 18px
}

@media screen and (min-width: 360px) {
    .info__text-bold {
        font-size: calc(18px + 4 * ((100vw - 360px) / 408))
    }
}

@media screen and (min-width: 768px) {
    .info__text-bold {
        font-size: 22px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__text-bold {
        font-size: 18px;
        line-height: 1.171666666666667
    }
}

@media (max-width: 360px) {
    .info__text-bold {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.info__text-container-inner {
    max-width: 404px;
    width: 100%
}

@media (min-width: 640px) and (max-width: 768px) {
    .info__text-container-inner {
        max-width: 100%
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info__text-container-inner {
        max-width: 100%
    }
}

@media (max-width: 360px) {
    .info__text-container-inner {
        max-width: 100%
    }
}

.info__text--align-left .info__text-container-inner {
    text-align: left;
    margin: 0 auto 0 0
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__text--align-left .info__text-container-inner {
        padding: 0 0 0 0
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .info__text--align-left .info__text-container-inner {
        padding: 0 0 0 0
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .info__text--align-left .info__text-container-inner {
        padding: 0 0 0 0
    }
}

@media (max-width: 360px) {
    .info__text--align-left .info__text-container-inner {
        padding: 0 0 0 0
    }
}

.info__text-inner-wrapper {
    text-align: center;
    vertical-align: top
}

.info__btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: auto;
    background: #6C22B5;
    border: none;
    line-height: 1;
    padding: 14px 42px 14.88px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 19px;
    padding: 22px 65px 22.68px;
    width: auto
}

@media (min-width: 360px) and (max-width: 768px) {
    .info__btn {
        font-size: 19px;
        padding: 20px 65px 21px 65px
    }
}

@media (max-width: 360px) {
    .info__btn {
        font-size: 16px;
        padding: 12px 31px 12px 31px
    }
}

.info__btn:disabled,
.info__btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.info__btn:disabled:hover,
.info__btn[disabled]:hover {
    opacity: 0.5
}

.info__btn:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.faq {
    padding: 130px 0 220px;
    background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/2.webp") center center no-repeat;
    background-size: cover
}

@media (min-width: 360px) and (max-width: 768px) {
    .faq {
        padding: 49px 0 90px;
        background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/2-mobile.webp") center center no-repeat
    }
}

@media (max-width: 360px) {
    .faq {
        padding: 39px 0 53px;
        background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/2-tablet.webp") center center no-repeat
    }
}

.faq__container {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media (min-width: 360px) and (max-width: 768px) {
    .faq__container {
        padding-left: 90px;
        padding-right: 90px
    }
}

@media (max-width: 360px) {
    .faq__container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.faq__title {
    font: 700 62px/1.17192 "Roboto", sans-serif;
    color: #122B62;
    margin: 0 0 16px;
    text-align: center
}

@media (min-width: 360px) and (max-width: 768px) {
    .faq__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .faq__title {
        font-size: 27px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .faq__title {
        margin: 0 0 10px
    }
}

@media (max-width: 360px) {
    .faq__title {
        margin: 0 0 22px
    }
}

.faq__descr {
    font: 700 18px/1.17167 "Roboto", sans-serif;
    color: #545454;
    margin: 0 0 60px;
    text-align: center
}

@media (min-width: 360px) and (max-width: 768px) {
    .faq__descr {
        font-size: 18px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 360px) {
    .faq__descr {
        font-size: 18px;
        line-height: 1.166666666666667
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .faq__descr {
        margin: 0 0 50px
    }
}

@media (max-width: 360px) {
    .faq__descr {
        margin: 0 0 23px
    }
}

.faq__list {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.faq__list-item {
    margin: 0 0 20px;
    background: #FFFFFF;
    border: 1px solid #122B62;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    width: 100%;
    cursor: pointer
}

@media (max-width: 360px) {
    .faq__list-item {
        border-radius: 10px
    }
}

.faq__list-item:last-child {
    margin-bottom: 0
}

.faq__list-item--active {
    margin: 0 0 28px;
    border-radius: 10px
}

@media (max-width: 360px) {
    .faq__list-item--active {
        margin: 0 0 22px
    }
}

.faq__list-item--active:last-child {
    margin-bottom: 0
}

@media (max-width: 360px) {
    .faq__list-item--active:last-child {
        margin-bottom: 0
    }
}

.faq__list-item-title {
    font: 400 18px/1.16667 "Roboto", sans-serif;
    color: #545454;
    padding: 8.95px 0 10.05px 20px;
    position: relative;
    vertical-align: top;
    text-align: left
}

@media (max-width: 360px) {
    .faq__list-item-title {
        padding: 9px 13px 14px 8px;
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.faq__list-item--active .faq__list-item-title {
    margin-bottom: 11.5px
}

.faq__list-item-title:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #122B62;
    border-radius: 15px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: #FFFFFF
}

@media (max-width: 360px) {
    .faq__list-item-title:before {
        width: 14px;
        height: 14px;
        border-radius: 7.5px;
        right: 0;
        top: calc(50% - 1px);
        -webkit-transform: translate3d(50%, -50%, 0);
        transform: translate3d(50%, -50%, 0)
    }
}

.faq__list-item-title:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.756.938-4.21 4.27 4.21 4.272' stroke='%23122B62'/%3E%3C/svg%3E");
    width: 7px;
    min-width: 7px;
    height: 10px;
    min-height: 10px;
    position: absolute;
    top: 14.5px;
    right: 17px
}

@media (max-width: 360px) {
    .faq__list-item-title:after {
        width: 3.5px;
        min-width: 3.5px;
        height: 5px;
        min-height: 5px
    }
}

@media (max-width: 360px) {
    .faq__list-item-title:after {
        top: 50%;
        right: -1.4px;
        -webkit-transform: translate3d(0, calc(-50% - 0.7px), 0);
        transform: translate3d(0, calc(-50% - 0.7px), 0)
    }
}

@media (max-width: 360px) {
    .faq__list-item--active .faq__list-item-title:before {
        top: 12px;
        right: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

.faq__list-item--active .faq__list-item-title:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.697.36 4.97 4.568l4.27-4.21' stroke='%23122B62'/%3E%3C/svg%3E");
    width: 10px;
    min-width: 10px;
    height: 6px;
    min-height: 6px;
    position: absolute;
    top: 17.8px;
    right: 14.6px
}

@media (max-width: 360px) {
    .faq__list-item--active .faq__list-item-title:after {
        width: 5px;
        min-width: 5px;
        height: 3px;
        min-height: 3px
    }
}

@media (max-width: 360px) {
    .faq__list-item--active .faq__list-item-title:after {
        right: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        top: 18.3px
    }
}

.faq__list-item-title-bold {
    font-weight: 700;
    display: inline
}

.faq__list-item-content {
    font: 400 18px/1.16667 "Roboto", sans-serif;
    color: #545454;
    padding: 0 0 20px 40px;
    width: 84.326923076923077%;
    display: none
}

@media (max-width: 360px) {
    .faq__list-item-content {
        font-size: 14px;
        line-height: 1.172142857142857;
        padding: 0 15px 23px 15px;
        width: 100%
    }
}

.faq__list-item--active .faq__list-item-content {
    display: block
}

.faq__list-item-content-bold {
    font-weight: 700;
    display: inline
}

.participants {
    padding: 70px 0 75px;
   /* background-color: #7ECAF7;*/
    background-position: center center;
    background: url("../img/bg-winners.png") center center no-repeat;
    background-size: cover;
    height: 707px;
    position: relative;
}

.participants__container {
    width: 100%;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.participants__title {
    font: 700 60px/1.17647 "Roboto", sans-serif;
    color: #ffffff;
    margin: 0 0 93px;
    text-align: center;
    /*text-transform: uppercase;*/
}

.participants__row--bg-white {
    position: relative;
    height: auto;
}

.participants__row--align-center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.participants__inner-wrapper {
    width: 100%;
    max-width: 1116px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #1D5CDC;
    border-radius: 10px;
    padding: 33px 55px 33px 55px;
    max-height: 400px;
    overflow-y: auto;
}

.participants__form {
    margin: 0 0 15px;
    position: relative
}

.participants__btn-form {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='64' height='64'%3E%3Cpath d='M19 3C13.488 3 9 7.488 9 13c0 2.395.84 4.59 2.25 6.313L3.281 27.28 4.72 28.72l7.968-7.969A9.922 9.922 0 0 0 19 23c5.512 0 10-4.488 10-10S24.512 3 19 3Zm0 2c4.43 0 8 3.57 8 8s-3.57 8-8 8-8-3.57-8-8 3.57-8 8-8Z'/%3E%3C/svg%3E");
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;
    position: absolute;
    left: 9px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background-color: transparent;
    outline: none;
    border: none
}

.participants__text-input {
    border: 1px solid #C4C4C4;
    font-size: 14px;
    line-height: 1;
    padding: 12px 30px 12px 30px;
    width: 100%;
    max-width: 330px
}

.participants__table {
    margin: 0 0 44px 0;
    padding: 0 0 0 0;
    width: 100%
}

.participants__table-tbody {
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

.participants__table-thead {
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

.participants__table-tr {
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

.participants__table-td {
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

.participants__table-thead .participants__table-td {
    border-bottom: 1px solid #E1E1E1;
    padding: 18px 0 18px;
    font: 700 18px/1.16667 "Roboto", sans-serif;
    color:#423B64;
    vertical-align: top;
    text-align: left
}

.participants__table-tbody .participants__table-td {
    border-bottom: 1px dashed #E1E1E1;
    padding: 19px 0 20px;
    font: 400 18px/1.16667 "Roboto", sans-serif;
    color: #423B64;
    vertical-align: top;
    text-align: left
}

.participants__table-td--bold {
    font: 700 18px/1.16667 "Roboto", sans-serif !important;
    color: #423B64
}

.participants__table-td--percent-21 {
    width: 22%
}

.participants__table-td--percent-28 {
    width: 28%
}

.participants__btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    color: #545454;
    width: auto;
    height: auto;
    background: #FFFFFF;
    border: 1px #C4C4C4 solid;
    line-height: 1;
    padding: 13px 31px 13px 31px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

@media (min-width: 360px) and (max-width: 768px) {
    .participants__btn {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) {
    .participants__btn {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

.participants__btn:disabled,
.participants__btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.participants__btn:disabled:hover,
.participants__btn[disabled]:hover {
    opacity: 0.5
}

.participants__btn:hover {
    background: #122B62;
    color: #FFFFFF;
    border-color: transparent;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.slider {
   /* padding: 55px 0 53px;*/
   /* background: url("../img/bg-prizes.png") center center no-repeat;
    background-size: cover*/
}

@media (max-width: 768px) {
    .slider {
       /* padding: 30px 0 30px;*/
    }
}

.slider__container {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.slider__title {
    font: 700 69px/1.17742 "Roboto", sans-serif;
    color: #ffffff;
    margin: 0 0 16px;
    text-align: center
}

.slider__descr {
    max-width: 232px;
    margin: 0 auto;
    font: 700 28px/1.17857 "Roboto", sans-serif;
    color: #FFFFFF;
    /*margin: 0 0 31px;*/
    text-align: center
}

.slider__subtitle {
    font: 700 28px/1.17857 "Roboto", sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-top: 2rem;
    position: relative;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transform: translate3d(0, -84px, 0);
    transform: translate3d(0, -84px, 0);
    margin-bottom: 12px;
}

.slider__subtitle:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/ellipse_4.svg");
    width: 23px;
    min-width: 23px;
    height: 14px;
    min-height: 14px;
    margin: 34px 0 35px
}

.slider__text {
    max-width: 330px;
    margin: 0 auto;
    font: 400 22px/1.18182 "Roboto", sans-serif;
    color: #000;
    text-align: center;
    -webkit-transform: translate3d(0, -84px, 0);
    transform: translate3d(0, -84px, 0)
}

.slider__text span {
    font: 700 22px/1.18182 "Roboto", sans-serif;
    color: #122B62;
}

.slider__img {
    /*width: 100%;*/
    height: auto;
    display: block;
    margin: 0 0 0px;
    -webkit-transform: translate3d(0, -84px, 0);
    transform: translate3d(0, -84px, 0)
}

.slider .slick-dots {
    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;
    margin: 0;
    padding: 0;
    list-style: none
}

.slider .slick-dots li {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    width: 14px;
    height: 14px;
    border: 1px solid #C4C4C4;
    border-radius: 7px;
    background-color: transparent;
    padding: 0;
    margin: 0 6px
}

.slider .slick-dots li.slick-active {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: 2px solid #FFFFFF;
    background-color: transparent
}

.slider__slide-inner-wrapper {
    background: #202020;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 0 32px 11px 32px;
    height: 100%;
    margin: 0 auto;
}

.slider .slick-list {
    padding: 84px 0 68px 0;
    margin: 0 -34px
}

.slider .slick-slide {
    margin: 0 34px
}

.slider__nav-item {
    position: absolute;
    width: 76.05px;
    height: 76.05px;
    background: #CD0E27;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: none;
    outline: none;
    text-indent: -9999px
}

.slider__nav-item--prev {
    position: absolute;
    top: 50%;
    left: -76px;
    -webkit-transform: translate3d(0, calc(-50% + 42px), 0);
    transform: translate3d(0, calc(-50% + 42px), 0)
}

.slider__nav-item--prev:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.647 7.687 11.153.691a1 1 0 0 1 1.554.832v13.994a1 1 0 0 1-1.554.832L.647 9.352a1 1 0 0 1 0-1.665Z' fill='%23ffffff'/%3E%3C/svg%3E");
    width: 13px;
    min-width: 13px;
    height: 17px;
    min-height: 17px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.slider__nav-item--next {
    position: absolute;
    top: 50%;
    right: -76px;
    -webkit-transform: translate3d(0, calc(-50% + 42px), 0);
    transform: translate3d(0, calc(-50% + 42px), 0)
}

.slider__nav-item--next:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.183 7.687 1.677.691a1 1 0 0 0-1.554.832v13.994a1 1 0 0 0 1.554.832l10.506-6.997a1 1 0 0 0 0-1.665Z' fill='%23ffffff'/%3E%3C/svg%3E");
    width: 13px;
    min-width: 13px;
    height: 17px;
    min-height: 17px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.list-products {
    padding: 100px 0 204px;
    background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/4.webp") center center no-repeat;
    background-size: cover
}

.list-products--cards {
    padding: 100px 0 165px
}

.list-products__container {
    width: 100%;
    max-width: 1167px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.list-products__title {
    font: 700 62px/1.17742 "Roboto", sans-serif;
    color: #122B62;
    margin: 0 0 16px;
    text-align: center
}

.list-products__descr {
    font: 700 28px/1.17857 "Roboto", sans-serif;
    color: #545454;
    margin: 0 0 116px;
    text-align: center
}

.list-products__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.list-products--cards .list-products__wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list-products__item {
    margin: 0 20px 0 0
}

.list-products--cards .list-products__item {
    width: 50%;
    margin: 0 0 0 0;
    padding: 37px 59px 47px 59px
}

.list-products__item--pink {
    background: #F5C0E6
}

.list-products__item--blue-light {
    background: #122B62
}

.list-products__item--blue {
    background: #03237E
}

.list-products__item--purple {
    background: #6C22B5
}

.list-products__item:last-child {
    margin-right: 0
}

.list-products__img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 48px
}

.list-products--cards .list-products__img {
    margin: 0 0 41px
}

.list-products__item-title {
    font: 700 24px/1.166 "Roboto", sans-serif;
    color: #545454;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.list-products__item-title:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.47 2.037a7 7 0 0 1-14 0' stroke='%23122B62' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 19px;
    min-width: 19px;
    height: 12px;
    min-height: 12px;
    margin: 34px 0 19px
}

.list-products__item--blue-light .list-products__item-title {
    color: #FFFFFF
}

.list-products__item--blue-light .list-products__item-title:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.411 2.037a7 7 0 0 1-13.999 0' stroke='%23fff' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 19px;
    min-width: 19px;
    height: 12px;
    min-height: 12px
}

.list-products__item--blue .list-products__item-title {
    color: #FFFFFF
}

.list-products__item--blue .list-products__item-title:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.411 2.037a7 7 0 0 1-13.999 0' stroke='%23fff' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 19px;
    min-width: 19px;
    height: 12px;
    min-height: 12px
}

.list-products__item--purple .list-products__item-title {
    color: #FFFFFF
}

.list-products__item--purple .list-products__item-title:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.411 2.037a7 7 0 0 1-13.999 0' stroke='%23fff' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 19px;
    min-width: 19px;
    height: 12px;
    min-height: 12px
}

.list-products__item-descr {
    font: 400 18px/1.17167 "Roboto", sans-serif;
    color: #545454;
    text-align: center
}

.list-products__item--blue-light .list-products__item-descr {
    color: #FFFFFF
}

.list-products__item--blue .list-products__item-descr {
    color: #FFFFFF
}

.list-products__item--purple .list-products__item-descr {
    color: #FFFFFF
}

.manual {
    /*padding: 40px 0 40px;*/
    background: url("../img/bg-steps.png") center center no-repeat;
    background-size: cover;
    /*background-color: #7ECAF7;;*/
    height: 703px;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual {
      /*  padding: 50px 0 50px;*/
        /*padding: 142px 0 205px;*/
        /*background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/5-1.webp") center center no-repeat*/
    }
}

@media (max-width: 425px) {
    .manual {

       /* background: url("../img/bg-steps-mobile.png") center center no-repeat;
        background-size: cover;*/
    }
}

@media (max-width: 768px) {
    .manual {
        padding: 0;

    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual {
        /*padding: 142px 0 205px;*/
        /*background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/5-1.webp") center center no-repeat*/
        height: 733px;
    }
}

@media (max-width: 360px) {
    .manual {
        /*padding: 35px 0 67px;*/
        /*background: url("https://www.promonado.ru/main/legacy/deo-shower/img/bg/5-2.webp") center center no-repeat*/
    }
}

.manual--cards {
    padding: 212px 0 324px
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual--cards {
        padding: 142px 0 205px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual--cards {
        padding: 142px 0 205px
    }
}

@media (max-width: 360px) {
    .manual--cards {
        padding: 35px 0 67px
    }
}

.manual__container {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual__container {
        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: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual__container {
        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: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 45px;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual__container {
        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: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual__container {
        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: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 360px) {
    .manual__container {
        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: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px
    }
}

.manual__title {
    position: relative;
    font: 700 60px "Roboto", sans-serif;
    color: #FFFAF3;
    margin: 0 0 130px;
    text-align: center;
    /*text-transform: uppercase;*/
}


@media (max-width: 768px) {
    .manual__title {
        font-size: 36px;
        line-height: 1.166666666666667
    }
}

@media (max-width: 576px) {
    .manual__title {
        font-size: 24px;
        line-height: 1.185185185185185
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual__title {
        margin-bottom: 19px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual__title {
        margin-bottom: 35px
    }
}

@media (max-width: 360px) {
    .manual__title {
        margin: 0 0 26px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual--cards .manual__title {
        margin-bottom: 19px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual--cards .manual__title {
        margin-bottom: 19px
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__title {
        margin: 0 0 26px
    }
}

.manual__descr {
    font: 700 18px/1.17167 "Roboto", sans-serif;
    color: #545454;
    margin: 0 0 135px;
    text-align: center
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual__descr {
        line-height: 1.171666666666667;
        margin: 0 0 84px;
        max-width: 350px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual__descr {
        line-height: 1.171666666666667;
        margin: 0 0 84px;
        max-width: 350px
    }
}

@media (max-width: 360px) {
    .manual__descr {
        margin: 0 0 34px;
        max-width: 250px;
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual--cards .manual__descr {
        line-height: 1.171666666666667;
        margin: 0 0 84px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual--cards .manual__descr {
        line-height: 1.171666666666667;
        margin: 0 0 84px
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__descr {
        margin: 0 0 37px
    }
}

.manual__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (min-width: 480px) and (max-width: 1024px) {
    .manual__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }
}

@media (max-width: 360px) {
    .manual__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual--cards .manual__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual--cards .manual__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }
}

.manual__list-item {
    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: start;
    -ms-flex-pack: start;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2.5% 0 0;
    width: 30%;
    z-index: 2;
}

@media (min-width: 480px) and (max-width: 992px) {
    .manual__list-item {
        width: 100%;
        margin: 0 0 32px 0
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual__list-item {
        width: 100%;
        margin: 0 0 32px 0
    }
}

@media (max-width: 360px) {
    .manual__list-item {
        margin: 0 0 32px 0;
        width: 60.975%
    }
}

.manual__list-item:last-child {
    margin: 0 0 0 0
}

.manual--cards .manual__list-item {
    background: #FFFFFF;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 40px 45px 54px;
    cursor: pointer;
    margin: 0 2.5% 0 0;
    width: 23.125%
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual--cards .manual__list-item {
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        padding: 28px 18px 34px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual--cards .manual__list-item {
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        padding: 28px 18px 34px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual--cards .manual__list-item {
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        padding: 28px 18px 34px;
        width: 100%;
        margin: 0 0 27px 0
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual--cards .manual__list-item {
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
        width: 100%;
        margin: 0 0 27px 0
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__list-item {
        width: 77.5%;
        margin: 0 0 27px 0;
        padding: 26px 26px 40px 26px
    }
}

.manual--cards .manual__list-item:hover {
    padding: 51px 39px 49px 39px
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual--cards .manual__list-item:hover {
        padding: 26px 26px 40px 26px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual--cards .manual__list-item:hover {
        padding: 26px 26px 40px 26px
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__list-item:hover {
        padding: 26px 26px 40px 26px
    }
}

.manual--cards .manual__list-item:last-child {
    margin: 0 0 0 0
}

.manual__list-item-row {
    height: 100%
}

.manual--cards .manual__list-item-row--first {
    display: block
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual--cards .manual__list-item-row--first {
        display: none
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual--cards .manual__list-item-row--first {
        display: none
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__list-item-row--first {
        display: none
    }
}

.manual__list-item:hover .manual__list-item-row--first {
    display: none
}

.manual--cards .manual__list-item-row--second {
    display: none
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual--cards .manual__list-item-row--second {
        display: block
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual--cards .manual__list-item-row--second {
        display: block
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__list-item-row--second {
        display: block
    }
}

.manual__list-item:hover .manual__list-item-row--second {
    display: block
}

.manual__img {
    /* width: 100%; */
    height: auto;
    display: block;
    margin: 0 0 70px;
    padding: 0 40px;


}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual__img {
        margin: 0 0 32px;
        padding: 0 30px;
        
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual__img {
        margin: 0 0 37px;
        padding: 0;
        width: 50%; 
     /*   width: 150px; 
        height: 126px;  */     
    }
}


@media (max-width: 360px) {
    .manual__img {
        padding: 0 14px;
        margin: 0 0 10px
        
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual--cards .manual__img {
        margin: 0 0 50px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual--cards .manual__img {
        margin: 0 0 50px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual--cards .manual__img {
        margin: 0 0 50px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual--cards .manual__img {
        margin: 0 0 50px
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__img {
        margin: 0 0 23px
    }
}

.manual__img--mobile-hidden {
    display: block
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual__img--mobile-hidden {
        display: none
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual__img--mobile-hidden {
        display: none
    }
}

@media (max-width: 360px) {
    .manual__img--mobile-hidden {
        display: none
    }
}

.manual__img--mobile-visible {
    display: none
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual__img--mobile-visible {
        display: block
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual__img--mobile-visible {
        display: block
    }
}

@media (max-width: 360px) {
    .manual__img--mobile-visible {
        display: block
    }
}

.manual__btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 24px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: 60px;
    background: #45369D;
    border: none;
    line-height: 1;
    padding: 15px 42px 15px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 168px;
    margin-bottom: 23px;
}

.manual__subtitle {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: normal;
    text-align: center;
    color: #FFD5B3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -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;
    margin-bottom:10px;
    padding: 0 10px
}

.manual__subtitle span {
    margin-top: 17px;
    font: 400 18px/1.172 "Roboto", sans-serif;
    text-transform: none;
}



.manual__subtitle a:hover {
    text-decoration: none;
}


@media (min-width: 768px) and (max-width: 1024px) {
    .manual__subtitle {
        font-size: 20px;
        line-height: 1.172105263157895
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual__subtitle {
        font-size: 18px;
        line-height: 16px;
    }
}

@media (max-width: 360px) {
    .manual__subtitle {
        font-size: 14px !important;
        line-height: 1.172142857142857 !important
    }
}

.manual--cards .manual__subtitle {
    font: 700 18px/1.16667 "Roboto", sans-serif;
    color: #122B62;
    padding: 0 0
}

.manual__subtitle:after {
    content: none;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.362 2.023a7 7 0 0 1-13.999 0' stroke='%23C7CDFF' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 19px;
    min-width: 19px;
    height: 12px;
    min-height: 12px;
    margin: 27px 0 28px
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual__subtitle:after {
        margin: 17px 0 20px
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual__subtitle:after {
        margin: 17px 0 20px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .manual__subtitle:after {
        margin: 10px 0 10px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .manual__subtitle:after {
        margin: 10px 0 10px
    }
}

@media (max-width: 360px) {
    .manual__subtitle:after {
        margin: 11px 0 8px
    }
}

.manual__list-item-row--first .manual__subtitle:after {
    display: none
}

.manual__list-item-row--first .manual__subtitle:after {
    margin: 40px 0 40px
}

.manual__text {
    font: 400 18px/1.1716 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    padding: 0 10px
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual__text {
        font-size: 13px;
        line-height: 1.171538461538462
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual__text {
        font-size: 13px;
        line-height: 1.171538461538462
    }
}

@media (max-width: 360px) {
    .manual__text {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.manual--cards .manual__text {
    padding: 0 0
}

@media (min-width: 768px) and (max-width: 1024px) {
    .manual--cards .manual__text {
        font-size: 16px;
        line-height: 1.171538461538462
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .manual--cards .manual__text {
        font-size: 16px;
        line-height: 1.171538461538462
    }
}

@media (max-width: 360px) {
    .manual--cards .manual__text {
        font-size: 14px;
        line-height: 1.172142857142857
    }
}

.code {
    width: 100%;
    height: 100%;
    padding: 136px 0 272px 0
}

@media (min-width: 360px) and (max-width: 480px) {
    .code {
        padding: 21px 0 21px
    }
}

@media (max-width: 360px) {
    .code {
        padding: 21px 0 21px
    }
}

@media (max-width: 320px) {
    .code {
        padding: 21px 0 21px
    }
}

.code--bg-blue {
    background: #122B62
}

.code--bg-purple {
    background: #6C22B5
}

.code__container {
    width: 100%;
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media (min-width: 360px) and (max-width: 768px) {
    .code__container {
        width: 100%;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        padding-left: 67px;
        padding-right: 67px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .code__container {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .code__container {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 360px) {
    .code__container {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 320px) {
    .code__container {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }
}

.code__inner-wrapper {
    background: #FFFFFF;
    -webkit-box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
    box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
    border-radius: 10px;
    padding: 27px 100px 125px
}

@media (min-width: 360px) and (max-width: 480px) {
    .code__inner-wrapper {
        padding: 15px 20px 35px 20px
    }
}

@media (max-width: 360px) {
    .code__inner-wrapper {
        padding: 15px 20px 35px 20px
    }
}

.code__inner-wrapper--indent-bottom-big {
    padding-bottom: 231px
}

.code__inner-wrapper--indent-bottom-small {
    padding-bottom: 50px
}

.code__title {
    text-align: center;
    font: 700 62px/1.01613 "Roboto", sans-serif;
    color: #000000;
    margin: 0 0 72px
}

@media (min-width: 360px) and (max-width: 768px) {
    .code__title {
        font-size: 58px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .code__title {
        font-size: 54px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .code__title {
        font-size: 52px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .code__title {
        font-size: 40px
    }
}

@media (max-width: 360px) {
    .code__title {
        font-size: 32px
    }
}

@media (max-width: 320px) {
    .code__title {
        font-size: 30px
    }
}

.code__title--indent-bottom-none {
    margin-bottom: 0
}

.code__title--indent-bottom-small {
    margin-bottom: 62px
}

.code__title-selected {
    display: inline-block;
    color: #122B62;
    position: relative
}

.code__title-selected:after {
    content: ')';
    font: 700 62px/1.01613 "Roboto", sans-serif;
    color: #122B62;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 66px;
    bottom: -50px
}

@media (max-width: 360px) {
    .code__title-selected:after {
        font-size: 32px;
        left: 34px;
        bottom: -29px
    }
}

@media (max-width: 320px) {
    .code__title-selected:after {
        font-size: 30px;
        left: 32px;
        bottom: -26px
    }
}

.code__title-selected--special:after {
    bottom: -38px
}

@media (max-width: 360px) {
    .code__title-selected--special:after {
        font-size: 32px;
        left: 34px;
        bottom: -29px
    }
}

@media (max-width: 320px) {
    .code__title-selected--special:after {
        font-size: 30px;
        left: 32px;
        bottom: -26px
    }
}

.code__form {
    width: 100%;
    max-width: 373px;
    margin: 0 auto
}

.code__row {
    margin: 0 0 35px
}

.code__row:last-child {
    margin-bottom: 0
}

.code__form-text {
    font: italic 400 22px/1 "Roboto", sans-serif;
    color: #545454;
    margin: 0 0 15px
}

@media (min-width: 360px) and (max-width: 480px) {
    .code__form-text {
        font-size: 14px;
        line-height: 1.571428571428571
    }
}

@media (max-width: 360px) {
    .code__form-text {
        font-size: 14px;
        line-height: 1.571428571428571
    }
}

.code__text-input {
    border: 1px solid #122B62;
    border-radius: 0;
    padding: 22px 14.18px 21.67px;
    font-family: "Roboto", sans-serif;
    color: #545454;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    outline: none;
    margin: 0;
    display: block;
    text-align: left;
    background: #FFFFFF;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media (min-width: 360px) and (max-width: 768px) {
    .code__text-input {
        padding: 20px 14px 19px
    }
}

@media (max-width: 360px) {
    .code__text-input {
        font-size: 14px;
        padding: 12.5px 13.19px 11.5px 13.19px
    }
}

.code__text-input::-webkit-input-placeholder {
    color: #BDBDBD;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.code__text-input::-moz-placeholder {
    color: #BDBDBD;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.code__text-input:-moz-placeholder {
    color: #BDBDBD;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.code__text-input:-ms-input-placeholder {
    color: #BDBDBD;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.code__text-input:focus::-webkit-input-placeholder {
    color: transparent
}

.code__text-input:focus::-moz-placeholder {
    color: transparent
}

.code__text-input:focus:-moz-placeholder {
    color: transparent
}

.code__text-input:focus:-ms-input-placeholder {
    color: transparent
}

.code__text-input:focus {
    outline: none;
    color: #000000;
    border-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.code__text-input--error {
    color: #E41E1E;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media (max-width: 360px) {
    .code__text-input {
        padding: 11px 13px 11px 13px
    }
}

@media (max-width: 320px) {
    .code__text-input {
        padding: 11px 13px 11px 13px
    }
}

.code__form-btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: auto;
    background: #122B62;
    border: none;
    line-height: 1;
    padding: 23px 0 21.67px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}

@media (min-width: 360px) and (max-width: 768px) {
    .code__form-btn {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) {
    .code__form-btn {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

.code__form-btn:disabled,
.code__form-btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.code__form-btn:disabled:hover,
.code__form-btn[disabled]:hover {
    opacity: 0.5
}

.code__form-btn:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.code__checkbox-container {
    font: 400 22px/1 "Roboto", sans-serif;
    color: #545454
}

@media (max-width: 360px) {
    .code__checkbox-container {
        font-size: 14px;
        line-height: 1.571428571428571
    }
}

.code__text-link {
    text-decoration: none;
    color: #122B62
}

.code__progress {
    padding: 175px 0 0;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.code__progress--success {
    padding-top: 0
}

.code__progress-line-outer {
    border: 1px solid #122B62;
    width: 100%;
    max-width: 344px;
    height: 7px;
    margin: 0 auto 25px auto
}

.code__progress--success .code__progress-line-outer {
    border: 1px solid #60D3C4;
    margin: 0 0 10px
}

.code__progress-line-inner {
    width: 50%;
    height: 100%;
    background: #122B62
}

.code__progress--success .code__progress-line-inner {
    background: #60D3C4;
    width: 100%
}

.code__progress-text {
    font: 400 14px/1.57143 "Roboto", sans-serif;
    color: #545454
}

.code__progress--success .code__progress-text {
    margin: 0 0 36px
}

.code__progress-title {
    font: 400 22px/1.22727 "Roboto", sans-serif;
    color: #000000;
    padding: 104px 0 0 0;
    position: relative;
    margin: 0 0 27px
}

.code__progress-title:before {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='91' height='84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M33.898 32.523 46.636 45.26l26.93-26.93' stroke='%2360D3C4' stroke-width='7'/%3E%3C/g%3E%3Cpath d='M89.1.738H18.47a1.29 1.29 0 0 0-1.286 1.29v66.304H1.898a1.29 1.29 0 0 0-1.287 1.29 13.964 13.964 0 0 0 13.948 13.95h61.87a13.965 13.965 0 0 0 13.948-13.95V2.027A1.29 1.29 0 0 0 89.1.738Zm-74.53 80.26A11.391 11.391 0 0 1 3.26 70.91h58.968a13.96 13.96 0 0 0 5.825 10.084L14.57 81Zm73.24-11.375A11.376 11.376 0 0 1 76.436 81h-.31A11.375 11.375 0 0 1 64.75 69.623a1.29 1.29 0 0 0-1.29-1.289h-43.7V3.317h68.042l.009 66.306Z' fill='%23000'/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(31.578 12.581)' d='M0 0h45.23v45.23H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 91px;
    min-width: 91px;
    height: 84px;
    min-height: 84px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

@media (min-width: 360px) and (max-width: 480px) {
    .code__progress-title--mobile-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .code__progress-title--mobile-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 0;
        font-size: 16px
    }
}

.code__progress-title--mobile-inline:before {
    left: auto;
    top: auto;
    position: static;
    width: 63px;
    min-width: 63px;
    min-height: 58px;
    height: 58px
}

.code__progress-title-bold {
    font-weight: 700
}

.code__progress-btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: auto;
    background: #122B62;
    border: none;
    line-height: 1;
    padding: 23px 0 21.67px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    max-width: 224px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}

@media (min-width: 360px) and (max-width: 768px) {
    .code__progress-btn {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) {
    .code__progress-btn {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

.code__progress-btn:disabled,
.code__progress-btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.code__progress-btn:disabled:hover,
.code__progress-btn[disabled]:hover {
    opacity: 0.5
}

.code__progress-btn:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.download {
    padding: 140px 0 220px;
    background: #4CB1F8;
    width: 100%;
    height: 100%
}

@media (min-width: 360px) and (max-width: 768px) {
    .download {
        padding: 66px 0 79px 0
    }
}

@media (max-width: 360px) {
    .download {
        padding: 21px 0 21px
    }
}

.download__container {
    width: 100%;
    max-width: 1045px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__container {
        width: 100%;
        max-width: 692px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }
}

.download__inner-wrapper {
    background: #FFFFFF;
    -webkit-box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
    box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
    border-radius: 10px;
    padding: 66px 60px 106px 60px
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__inner-wrapper {
        padding: 29px 80px 69px 80px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .download__inner-wrapper {
        padding: 15px 20px 35px 20px
    }
}

@media (max-width: 360px) {
    .download__inner-wrapper {
        padding: 15px 20px 35px 20px
    }
}

.download__title {
    text-align: center;
    font: 700 62px/1.01613 "Roboto", sans-serif;
    color: #000000;
    margin: 0 0 72px
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__title {
        font-size: 58px;
        margin-bottom: 43px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .download__title {
        font-size: 54px;
        margin-bottom: 43px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .download__title {
        font-size: 52px;
        margin-bottom: 43px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .download__title {
        font-size: 40px;
        margin-bottom: 43px
    }
}

@media (max-width: 360px) {
    .download__title {
        font-size: 32px;
        text-align: left;
        margin: 0 0 33px
    }
}

@media (max-width: 320px) {
    .download__title {
        font-size: 30px;
        text-align: left;
        margin: 0 0 33px
    }
}

.download__title--indent-bottom-none {
    margin-bottom: 0
}

.download__title--indent-bottom-small {
    margin-bottom: 62px
}

.download__title-selected {
    display: inline-block;
    color: #122B62;
    position: relative
}

.download__title-selected:after {
    content: ')';
    font: 700 62px/1.01613 "Roboto", sans-serif;
    color: #122B62;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 66px;
    bottom: -50px
}

@media (min-width: 480px) and (max-width: 640px) {
    .download__title-selected:after {
        font-size: 32px;
        left: 34px;
        bottom: -29px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .download__title-selected:after {
        font-size: 32px;
        left: 34px;
        bottom: -29px
    }
}

@media (max-width: 360px) {
    .download__title-selected:after {
        font-size: 32px;
        left: 34px;
        bottom: -29px
    }
}

@media (max-width: 320px) {
    .download__title-selected:after {
        font-size: 30px;
        left: 32px;
        bottom: -26px
    }
}

.download__title-selected--special:after {
    bottom: -38px
}

@media (min-width: 480px) and (max-width: 640px) {
    .download__title-selected--special:after {
        bottom: -22px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .download__title-selected--special:after {
        bottom: -20px
    }
}

@media (max-width: 360px) {
    .download__title-selected--special:after {
        font-size: 32px;
        left: 31px;
        bottom: -18px
    }
}

@media (max-width: 320px) {
    .download__title-selected--special:after {
        font-size: 30px;
        left: 28px;
        bottom: -18px
    }
}

.download__form {
    width: 100%;
    max-width: 435px;
    margin: 0 auto
}

.download__row {
    margin: 0 0 37px
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__row {
        margin: 0 0 48px
    }
}

.download__row:last-child {
    margin-bottom: 0
}

.download__form-text {
    font: italic 400 22px/1 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    margin: 0 0 18px
}

@media (max-width: 360px) {
    .download__form-text {
        font-size: 14px;
        line-height: 1.571428571428571;
        text-align: left
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__form-text--hidden-mobile-devices {
        display: none
    }
}

.download__form-text-bold {
    font-weight: 700
}

.download__label {
    position: relative;
    width: 100%;
    height: 62px;
    border: 1px solid #122B62;
    margin: 0 0 17px
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__label {
        height: 60px;
        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
    }
}

@media (max-width: 360px) {
    .download__label {
        height: 40px;
        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
    }
}

.download__label:before {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.154' cy='20.388' r='12.3' transform='rotate(45 21.154 20.388)' stroke='%23C4C4C4' stroke-width='4'/%3E%3Cpath fill='%23C4C4C4' d='M23.836 21.452h-5.36v-6.544h5.36z'/%3E%3Cpath d='m21.155 27.996-7.2-8.519h14.4l-7.2 8.52Z' fill='%23C4C4C4'/%3E%3C/svg%3E");
    width: 42px;
    min-width: 42px;
    height: 41px;
    min-height: 41px;
    position: absolute;
    left: 13px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    z-index: 1
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__label:before {
        display: none
    }
}

@media (max-width: 360px) {
    .download__label:before {
        display: none
    }
}

.download__label-text {
    font: 700 18px/1.16667 "Roboto", sans-serif;
    color: #122B62;
    display: none
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__label-text {
        display: block;
        font-size: 15px
    }
}

@media (max-width: 360px) {
    .download__label-text {
        font-size: 14px;
        display: block
    }
}

.download__file-input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0
}

.download__form-btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: auto;
    background: #122B62;
    border: none;
    line-height: 1;
    padding: 23px 0 21.67px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__form-btn {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) {
    .download__form-btn {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

.download__form-btn:disabled,
.download__form-btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.download__form-btn:disabled:hover,
.download__form-btn[disabled]:hover {
    opacity: 0.5
}

.download__form-btn:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.download__checkbox-container {
    font: 400 22px/1 "Roboto", sans-serif;
    color: #545454
}

@media (max-width: 360px) {
    .download__checkbox-container {
        font-size: 14px;
        line-height: 1.571428571428571
    }
}

.download__text-link {
    text-decoration: none;
    color: #122B62
}

.download__file-input-name-wrapper {
    position: relative;
    padding: 0 0 0 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.download__file-input-name-wrapper:before {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.397 9.117v18.525H.975V1.322H13.53' stroke='%23ABABAB' stroke-miterlimit='6.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.125 9.386H13.53a.27.27 0 0 1-.272-.269V1.591c0-.15.121-.27.272-.27l7.867 7.796a.27.27 0 0 1-.272.27Z' stroke='%23ABABAB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 22px;
    min-width: 22px;
    height: 29px;
    min-height: 29px;
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.download__file-input-name-wrapper--hidden {
    display: none
}

.download__file-input-name-text {
    font: 400 22px/1 "Roboto", sans-serif;
    color: #A6A6A6
}

.download__file-input-name-close {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E41E1E' d='m11.479.592 3.37 3.37L3.557 15.254l-3.37-3.37z'/%3E%3Cpath fill='%23E41E1E' d='m14.847 11.884-3.37 3.37L.185 3.962l3.37-3.37z'/%3E%3C/svg%3E");
    width: 15px;
    min-width: 15px;
    height: 16px;
    min-height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    cursor: pointer
}

.download__progress-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 35px
}

.download__progress-wrapper--hidden {
    display: none
}

.download__progress-line-wrapper {
    width: 100%;
    height: 7px;
    border: 1px solid #122B62
}

.download__progress-line {
    width: 0;
    height: 100%;
    background: #122B62;
    -webkit-animation: fillWidth 1.5s forwards;
    animation: fillWidth 1.5s forwards
}

.download__progress-text {
    font: 400 14px/1.57143 "Roboto", sans-serif;
    color: #545454;
    padding: 0 0 0 16px
}

@media (min-width: 360px) and (max-width: 768px) {
    .download__progress-text {
        display: none
    }
}

.qr {
    padding: 130px 0 150px;
    height: auto;
    /*background-image: url("../img/bg-qr.png");
    background-color: #202020;
    background-size: cover;
    background-repeat: no-repeat;*/
    box-sizing: border-box;
    background: linear-gradient(180deg, #6A011A 0%, #6A011A 17%, #5D0540 46.5%, #6A011A 83%, #6A0017 100%);
    position: relative;
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr {
        padding: 20px 0 30px
    }
}

@media (max-width: 425px) {
    
}

@media (max-width: 360px) {
    .qr {
        padding: 0 0 15px;
        /*background: #4CB1F8*/
    }
}

.qr--with-shadow {
    padding: 136px 0 136px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr--bg-blue-tablet {
        background: #2161E6
    }
}

@media (max-width: 360px) {
    .qr--bg-blue-tablet {
        background: #4CB1F8
    }
}

.qr__container {
    width: 100%;
    max-width: 1075px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__container {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (max-width: 360px) {
    .qr__container {
        padding: 12px 15px 12px 15px;
        border-radius: 10px
    }
}

.qr--with-shadow .qr__container {
    width: 100%;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.qr--with-shadow .qr__inner-wrapper {
    background: #FFFFFF;
    -webkit-box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
    box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
    border-radius: 10px;
    padding: 109px 135px 127px 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__content {
        background: #FFFFFF;
        -webkit-box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
        box-shadow: 0 4px 64px rgba(44, 66, 255, 0.3);
        border-radius: 10px;
        padding: 24px 81px 91px 81px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .qr__content {
        padding: 15px 20px 35px 20px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .qr__content {
        padding: 15px 20px 35px 20px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .qr__content {
        padding: 15px 20px 35px 20px
    }
}

@media (max-width: 360px) {
    .qr__content {
        background: #FFFFFF;
        border-radius: 0 0 10px 10px;
        padding: 15px 20px 35px 20px
    }
}

@media (max-width: 360px) {
    .qr__content--border-radius-all {
        border-radius: 10px 10px 10px 10px
    }
}

.qr__title {
    text-align: center;
    font: 700 62px/1.01613 "Roboto", sans-serif;
    /*text-transform: uppercase;*/
    color: #ffffff;
    margin: 0 0 80px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__title {
        line-height: 1;
        margin-bottom: 52px
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .qr__title {
        font-size: 46px
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .qr__title {
        font-size: 44px
    }
}

@media (min-width: 360px) and (max-width: 480px) {
    .qr__title {
        font-size: 40px
    }
}

@media (max-width: 360px) {
    .qr__title {
        font-size: 32px;
        line-height: 1.1;
        margin: 0 0 1px;
        text-align: left
    }
}

@media (max-width: 320px) {
    .qr__title {
        font-size: 30px;
        line-height: 1.1;
        margin: 0 0 1px;
        text-align: left
    }
}

.qr--with-shadow .qr__title {
    text-align: left;
    margin: 0 0 83px;
    white-space: nowrap
}

@media (max-width: 360px) {
    .qr__title--special-indent {
        margin: 0 0 24px
    }
}

@media (max-width: 360px) {
    .qr__title--mobile-indent-bottom-big {
        margin: 0 0 24px
    }
}

.qr__title-selected {
    display: inline-block;
    color: #ffffff;
    position: relative
}

.qr__title-selected:after {
    content: ')';
    font: 700 62px/1.01613 "Roboto", sans-serif;
    color: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 60px;
    bottom: -43px
}

@media (max-width: 360px) {
    .qr__title-selected:after {
        display: none
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr--right-col-tablet-full-width .qr__title-selected:after {
        left: 38px;
        bottom: -43px
    }
}

@media (max-width: 360px) {
    .qr--right-col-tablet-full-width .qr__title-selected:after {
        left: 38px;
        bottom: -43px
    }
}

.qr__row {
    margin: 0 0 47px
}

.qr__row--indent-big-bottom {
    margin-bottom: 80px
}

.qr__row:last-child {
    margin-bottom: 0
}

.qr__row--two-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (max-width: 360px) {
    .qr__row--two-cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.qr__row--align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__row--tablet-hidden {
        display: none
    }
}

@media (max-width: 360px) {
    .qr__row--mobile-hidden {
        display: none
    }
}

@media (max-width: 360px) {
    .qr__row--mobile-indent-bottom-none {
        margin-bottom: 0
    }
}

.qr__col--left {
    margin: 0 58px 0 0;
    width: 100%;
    max-width: 465px
}

@media (min-width: 360px) and (max-width: 992px) {
    .qr__col--left {
        max-width: 50%;
        margin: 0 37px 0 0
    }
}

.qr--with-shadow .qr__col--left {
    max-width: 520px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__form--download .qr__col--left {
        display: none
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr--right-col-tablet-full-width .qr__col--left {
        display: none
    }
}

@media (max-width: 360px) {
    .qr--right-col-tablet-full-width .qr__col--left {
        display: none
    }
}

.qr__col--right {
    width: 100%;
    max-width: 465px;
    position: relative;
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__col--right {
        width: 50%
    }
}

.qr--with-shadow .qr__col--right {
    width: 100%
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr--with-shadow .qr__col--right {
        max-width: 50%
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr--right-col-tablet-full-width .qr__col--right {
        width: 100%
    }
}

@media (max-width: 360px) {
    .qr--right-col-tablet-full-width .qr__col--right {
        width: 100%
    }
}

.qr__col--align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.qr__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.qr__img--mobile-hidden {
    display: block
}

.qr__upload-img {
    display: block;
    width: 100%;
    margin: 0 auto 30px;
}

.qr__upload-img img {
    margin: 0 auto;
}

@media (max-width: 998px) {
    .qr__upload-img {

    }
}

@media (max-width: 360px) {
    .qr__img--mobile-hidden {
        display: none
    }
}

.qr__img--mobile-visible {
    display: none
}

@media (max-width: 360px) {
    .qr__img--mobile-visible {
        display: block
    }
}

.qr__text-link {
    text-decoration: none;
    color: #122B62;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qr__text-link--with-underline {
    text-decoration: underline
}

.qr__label {
    background: #FFFFFF;
    /*border: 24px dashed #EBEBEB;*/
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    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
}

@media (max-width: 998px) {
    .qr__label {
        padding: 30px;
    }
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__label {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }
}

.qr__label--btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: auto;
    background: #122B62;
    border: none;
    line-height: 1;
    padding: 23px 0 21.67px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 373px;
    margin: 0 0 40px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__label--btn {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) {
    .qr__label--btn {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

.qr__label--btn:disabled,
.qr__label--btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.qr__label--btn:disabled:hover,
.qr__label--btn[disabled]:hover {
    opacity: 0.5
}

.qr__label--btn:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__label--label-download-mobile-hidden {
        display: none
    }
}

@media (max-width: 360px) {
    .qr__label--label-download-mobile-hidden {
        display: none
    }
}

.qr__file-input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.qr__text {
    width: 100%;
    font: 400 22px/1 "Roboto", sans-serif;
    color: #545454;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qr__text--text-big {
    font: 400 22px/1.16 "Roboto", sans-serif;
    color: #545454
}

.qr__text--align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.qr__text--with-icon {
    /*padding: 139px 0 0 0;*/
    position: relative;
    text-align: center;
    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
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__text--with-icon {
        padding: 0 0 0 0
    }
}

.qr__text--with-icon:before {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='144' height='116' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' filter='url(%23b)'%3E%3Cpath d='M61.803.19H28.19c-2.219 0-2.523.32-2.523 2.546v13.28c0 1.028-.336 1.47-1.387 1.406a7.767 7.767 0 0 0-2.513.064 2.317 2.317 0 0 0-1.398 1.262c-.299.852.358 1.438 1.184 1.598.747.1 1.5.14 2.252.117 1.835 0 1.846 0 1.846 1.826v35.986c0 2.285.315 2.593 2.625 2.593h42.275a4.97 4.97 0 0 1 1.323.038c.396.12.748.35 1.014.665a36.68 36.68 0 0 1 2.358 3.195c.443.62.727 1.338.827 2.093.118 1.944 0 3.893.048 5.858a9.576 9.576 0 0 0 2.802 6.766 9.612 9.612 0 0 0 6.77 2.819c2.624.037 5.254.133 7.869 0 2.3-.071 4.583-.404 6.807-.99 14.741-4.447 19.783-23.17 9.326-34.453-1.99-2.13-4.135-4.149-6.167-6.252-1.313-1.353-2.796-2.327-4.738-2.412-.736-.032-.992-.405-.987-1.108V21.682c0-.879.39-1.166 1.222-1.134.843.045 1.689.024 2.529-.064a1.417 1.417 0 0 0 1.365-1 1.42 1.42 0 0 0 .049-.598c-.07-.926-.662-1.31-1.516-1.357a15.859 15.859 0 0 0-2.134 0c-1.168.095-1.541-.384-1.53-1.534.052-4.34.026-8.68 0-13.014 0-2.38-.305-2.663-2.668-2.663L61.803.19ZM4.61 84.197v5.165c0 .996.32 1.79 1.451 1.832 1.131.043 1.564-.767 1.6-1.736.038-3.44.033-6.88 0-10.32 0-.995-.49-1.746-1.6-1.693-1.11.053-1.419.762-1.413 1.725l-.038 5.027Zm3.041-43.819v-4.904c0-1.278-.688-2.13-1.6-2.002-1.19.138-1.425 1-1.42 2.028v9.809c0 1.033.246 1.88 1.441 1.997.944.09 1.6-.72 1.6-2.024 0-1.63-.02-3.27-.02-4.904Zm0 21.912v-4.899c0-1.352-.597-2.05-1.6-1.98-1.249.08-1.44.953-1.435 1.97v9.792c0 1.017.197 1.89 1.43 1.992.986.08 1.6-.64 1.6-1.981.027-1.63.005-3.264.005-4.894ZM117.48 17.417h-4.924c-.993 0-1.852.33-1.91 1.405-.059 1.076.773 1.598 1.744 1.598 3.329.043 6.657.043 9.982 0 .971 0 1.745-.49 1.67-1.635-.074-1.145-.832-1.368-1.771-1.374l-4.791.006Zm22.103 22.956v-5.027c0-.996-.304-1.842-1.419-1.853-1.115-.01-1.525.836-1.525 1.895v10.054c0 1.022.341 1.805 1.435 1.843 1.221.042 1.509-.847 1.509-1.886v-5.026Zm0 43.835v-5.043c0-.953-.309-1.71-1.397-1.72-1.089-.01-1.542.682-1.537 1.73v10.22c0 1.022.363 1.778 1.483 1.794 1.121.016 1.446-.83 1.451-1.805.006-1.726 0-3.45 0-5.176Zm0-21.918v-5.17c0-.948-.298-1.71-1.403-1.704-1.104.005-1.531.708-1.525 1.752V67.38c0 1.022.373 1.768 1.504 1.773 1.131.005 1.424-.846 1.43-1.821 0-1.677-.006-3.36-.006-5.043ZM4.616 21.405v2.253c0 .92.442 1.56 1.397 1.597 1.067.064 1.51-.612 1.6-1.56.028-.484.028-.97 0-1.454 0-1.768 0-1.762 1.735-1.778.619 0 1.355.138 1.824-.144a2.425 2.425 0 0 0 1.169-1.598c0-.415-.806-1.065-1.366-1.24a8.627 8.627 0 0 0-2.38-.07c-3.99 0-3.99 0-3.98 3.994Zm4.006 85.732c.838 0 1.686.048 2.518 0 .833-.048 1.494-.665 1.286-1.491a2.227 2.227 0 0 0-1.307-1.315c-.726-.24-1.574-.101-2.374-.101s-1.126-.33-1.094-1.129c.047-.792.028-1.586-.058-2.375-.118-.868-.625-1.475-1.601-1.395a1.393 1.393 0 0 0-1.36 1.501c-.032.789 0 1.598 0 2.381-.113 4.18.058 3.972 3.99 3.924Zm130.935-85.79h.026v-2.13c0-1.21-.576-1.806-1.776-1.81h-4.396c-.902 0-1.601.41-1.702 1.341-.102.932.56 1.475 1.44 1.598.793.096 1.593.127 2.39.09.801 0 1.132.32 1.11 1.102-.021.783 0 1.507 0 2.258a1.383 1.383 0 0 0 .402 1.033 1.382 1.382 0 0 0 1.033.405 1.297 1.297 0 0 0 1.451-1.38c.054-.825.022-1.666.022-2.507Zm-3.9 85.79h2.395a1.36 1.36 0 0 0 1.376-.818c.075-.176.111-.365.107-.556a40.399 40.399 0 0 0-.053-5.149c-.048-.479-.821-1.14-1.36-1.251-.849-.187-1.382.468-1.446 1.336a21.991 21.991 0 0 0-.027 2.381c0 .788-.347 1.128-1.11 1.128-.762 0-1.6 0-2.39.043-.891.048-1.558.618-1.397 1.411a2.31 2.31 0 0 0 1.403 1.411c.784.235 1.664.064 2.502.064Zm-16.507 0h4.385c.987 0 1.697-.399 1.74-1.411.048-1.129-.737-1.512-1.75-1.512h-8.793c-.981 0-1.707.442-1.691 1.453.016 1.012.704 1.465 1.707 1.46 1.478.01 2.94.01 4.402.01Zm-93.94 0h4.385c.992 0 1.69-.452 1.723-1.438.032-.985-.683-1.475-1.665-1.475H20.75c-.971 0-1.697.437-1.654 1.475.043 1.039.742 1.438 1.74 1.438h4.374Zm18.752 0h4.38c1.03 0 1.766-.41 1.75-1.517-.016-1.108-.768-1.401-1.723-1.401h-8.76c-.955 0-1.692.346-1.676 1.427.016 1.081.763 1.491 1.782 1.486l4.247.005Zm56.366 0h4.385c1.024 0 1.755-.378 1.745-1.512-.011-1.134-.758-1.401-1.708-1.406h-8.76c-.96 0-1.707.368-1.696 1.422.01 1.054.752 1.496 1.766 1.496h4.268Zm-18.839 0h4.396c1.02 0 1.798-.346 1.804-1.475.005-1.129-.752-1.432-1.707-1.438h-8.793c-.976 0-1.67.384-1.643 1.465.027 1.081.694 1.454 1.68 1.448h4.263Zm-18.673 0h4.434c1.008 0 1.6-.468 1.6-1.507 0-1.038-.65-1.395-1.6-1.4h-8.926c-.965 0-1.686.431-1.638 1.485.048 1.055.747 1.428 1.729 1.422h4.417-.016Z' fill='%23fff'/%3E%3Cpath d='M61.802.19H95.14c2.38 0 2.667.304 2.667 2.663 0 4.334.032 8.674 0 13.014 0 1.15.363 1.63 1.532 1.534a15.87 15.87 0 0 1 2.134 0c.853.047 1.445.43 1.515 1.358a1.404 1.404 0 0 1-.342 1.12 1.412 1.412 0 0 1-1.072.477c-.84.088-1.686.11-2.529.064-.832-.032-1.222.255-1.222 1.134.022 5.133.022 10.268 0 15.405 0 .703.251 1.065.987 1.108 1.942.085 3.426 1.065 4.738 2.412 2.033 2.13 4.177 4.106 6.167 6.252 10.457 11.283 5.416 30.006-9.325 34.452-2.225.587-4.509.92-6.808.99-2.614.16-5.245.064-7.87 0a9.613 9.613 0 0 1-6.77-2.818 9.576 9.576 0 0 1-2.8-6.766c-.027-1.95.069-3.898-.049-5.858a4.644 4.644 0 0 0-.826-2.093 36.659 36.659 0 0 0-2.359-3.195 2.134 2.134 0 0 0-1.013-.665 4.97 4.97 0 0 0-1.323-.037h-42.27c-2.31 0-2.626-.31-2.626-2.594V22.161c0-1.821 0-1.81-1.846-1.826a13.756 13.756 0 0 1-2.25-.117c-.828-.155-1.484-.74-1.185-1.598a2.311 2.311 0 0 1 1.398-1.262 7.766 7.766 0 0 1 2.512-.064c1.067.064 1.393-.378 1.387-1.406-.037-4.425 0-8.85 0-13.28 0-2.226.305-2.54 2.524-2.546L61.802.19Zm-33.03 48.457c.619-.532 1.019-.878 1.382-1.235 3.932-3.908 7.853-7.833 11.79-11.715 1.217-1.209 1.958-1.209 3.164 0 2.054 2.018 4.145 4.005 6.109 6.113.955 1.033 1.504.89 2.422-.037 6.882-6.976 13.818-13.898 20.737-20.842 1.846-1.858 2.337-1.858 4.231.027 4.93 4.913 9.863 9.826 14.8 14.74.347.345.752.628 1.414 1.17V5.314c0-2.173 0-2.178-2.204-2.178H30.89c-2.257 0-2.268 0-2.268 2.29v41.423c.006.474.086.985.15 1.805v-.005Zm22.082 9.213c6.84 0 13.684 0 20.524-.032a2.165 2.165 0 0 0 1.633-.746 7.396 7.396 0 0 1 3.926-3.408 1.696 1.696 0 0 0 .88-1.107c.652-3.659 2.29-5.187 6.099-5.693a1.678 1.678 0 0 0 1.11-.862c1.312-2.94 3.617-4.298 6.78-4.02.513-.03.994-.26 1.34-.64.746-.788.34-1.437-.353-2.13-5.04-4.93-10.064-9.878-15.071-14.84-1.254-1.241-1.249-1.236-2.465 0L53.97 45.596c-1.323 1.316-1.921 1.316-3.233 0a1323.2 1323.2 0 0 1-5.938-5.91c-1.26-1.252-1.265-1.252-2.492-.043-3.884 3.829-7.699 7.732-11.679 11.46-1.525 1.432-2.246 2.901-2.038 4.978.177 1.699.086 1.747 1.868 1.747l20.396.032Zm29.343 11.752-.48.17c-.002 1.301.07 2.6.219 3.893.47 2.796 2.507 4.867 5.335 4.93 4.028.097 8.136.267 12.084-.388 6.845-1.134 11.433-5.431 13.487-11.981 2.006-6.39.63-12.248-3.969-17.248-1.985-2.13-4.124-4.158-6.21-6.214-1.174-1.16-2.385-1.315-3.425-.485-1.04.831-1.18 1.944-.209 3.398.582.873.795 1.725-.096 2.481-.89.756-1.835.58-2.667-.117-.64-.532-1.184-1.198-1.809-1.768-1.12-1.028-2.465-1.022-3.44 0-.977 1.023-.945 2.215.047 3.318.624.692 1.329 1.31 1.937 2.013a1.599 1.599 0 0 1 .389 1.755 1.597 1.597 0 0 1-.347.529 1.682 1.682 0 0 1-2.288.346 6.36 6.36 0 0 1-1.131-.916c-.833-.793-1.6-1.645-2.481-2.407a2.136 2.136 0 0 0-2.71-.223 2.131 2.131 0 0 0-1.068 2.502c.166.546.467 1.04.876 1.438 1.504 1.598 3.073 3.078 4.582 4.638.7.724.854 1.598.144 2.386s-1.648.782-2.528.234c-.36-.26-.691-.558-.987-.89-1.169-1.15-2.321-2.316-3.506-3.455a2.274 2.274 0 0 0-2.806-.495c-1.44.73-1.643 2.524-.384 3.818 2.198 2.252 4.45 4.451 6.68 6.677l3.2 3.195c.726.762.945 1.646.16 2.487a1.733 1.733 0 0 1-1.92.52 1.735 1.735 0 0 1-.598-.366 19.578 19.578 0 0 1-1.675-1.517 95.504 95.504 0 0 1-2.406-2.253v-.005ZM4.61 84.197V79.17c0-.964.368-1.677 1.413-1.725 1.046-.048 1.601.697 1.601 1.693.027 3.44.032 6.88 0 10.32 0 .969-.427 1.778-1.6 1.736-1.174-.043-1.452-.836-1.452-1.832.038-1.72.038-3.445.038-5.165ZM7.65 40.377v4.905c0 1.304-.656 2.13-1.6 2.023-1.195-.117-1.446-.964-1.44-1.997V35.5c0-1.028.229-1.89 1.419-2.03.933-.11 1.6.725 1.6 2.003.043 1.635.021 3.27.021 4.904ZM7.652 62.29v4.893c0 1.342-.62 2.061-1.601 1.981-1.232-.1-1.435-.974-1.43-1.991V57.38c0-1.017.187-1.89 1.435-1.97 1.003-.07 1.6.628 1.6 1.98.017 1.63-.004 3.265-.004 4.9ZM117.48 17.417h4.802c.939 0 1.697.303 1.771 1.374.075 1.07-.699 1.597-1.67 1.635a359.47 359.47 0 0 1-9.982 0c-.971 0-1.798-.533-1.744-1.598.053-1.065.917-1.406 1.91-1.406l4.913-.005ZM139.584 40.372V45.4c0 1.038-.288 1.928-1.51 1.885-1.094-.037-1.441-.82-1.435-1.842V35.388c0-1.065.347-1.912 1.526-1.896 1.179.016 1.424.858 1.419 1.854-.006 1.677 0 3.349 0 5.026ZM139.583 84.208v5.176c0 .975-.262 1.826-1.451 1.805-1.19-.021-1.489-.772-1.483-1.794V79.176c0-1.065.426-1.741 1.536-1.73 1.11.01 1.398.766 1.398 1.72-.006 1.682 0 3.36 0 5.042ZM139.583 62.29v5.043c0 .975-.24 1.827-1.43 1.822-1.19-.006-1.505-.751-1.505-1.774V57.168c0-1.065.406-1.747 1.526-1.752 1.121-.005 1.403.756 1.403 1.704.006 1.725.006 3.445.006 5.17ZM4.614 21.405c0-3.967 0-3.967 4.018-3.967a8.627 8.627 0 0 1 2.38.07c.533.17 1.38.825 1.365 1.24a2.42 2.42 0 0 1-1.168 1.598c-.47.282-1.206.133-1.825.143-1.723 0-1.723 0-1.734 1.779.027.484.027.97 0 1.454-.107.947-.57 1.597-1.6 1.56-.956-.059-1.382-.698-1.398-1.598-.048-.804-.038-1.555-.038-2.279ZM8.622 107.137c-3.932.064-4.103.272-4.018-3.94v-2.381a1.39 1.39 0 0 1 1.36-1.501c.988-.08 1.495.532 1.601 1.395.087.788.106 1.583.059 2.375-.032.798.336 1.123 1.094 1.129.757.005 1.648-.139 2.374.101a2.22 2.22 0 0 1 1.307 1.315c.208.825-.406 1.422-1.286 1.491-.88.069-1.654.016-2.491.016ZM139.556 21.346c0 .842.032 1.683 0 2.524a1.292 1.292 0 0 1-.886 1.324 1.3 1.3 0 0 1-.565.056 1.388 1.388 0 0 1-1.034-.405 1.374 1.374 0 0 1-.402-1.033 26.981 26.981 0 0 1 0-2.258c.038-.75-.309-1.118-1.109-1.102-.798.036-1.598.006-2.39-.09-.881-.123-1.532-.645-1.441-1.598.091-.953.8-1.331 1.702-1.342h4.396c1.201 0 1.798.602 1.777 1.81v2.13l-.048-.016ZM135.657 107.137c-.838 0-1.739.186-2.502-.059a2.32 2.32 0 0 1-1.403-1.411c-.16-.793.533-1.363 1.397-1.411.795-.042 1.601-.037 2.391-.042.789-.006 1.131-.341 1.109-1.129a21.991 21.991 0 0 1 .027-2.381c.064-.868.597-1.523 1.446-1.336.533.112 1.312.772 1.36 1.251.127 1.714.145 3.434.054 5.149a1.361 1.361 0 0 1-.433 1.019 1.358 1.358 0 0 1-1.051.355h-2.395v-.005ZM119.15 107.137h-4.386c-1.003 0-1.686-.484-1.707-1.459-.021-.974.71-1.453 1.691-1.453h8.777c1.013 0 1.798.383 1.75 1.512-.043 1.012-.753 1.416-1.74 1.411-1.462-.011-2.934-.011-4.385-.011ZM25.21 107.137h-4.392c-.981 0-1.686-.431-1.723-1.432-.037-1.002.683-1.476 1.654-1.476h8.904c.982 0 1.697.464 1.665 1.476-.032 1.011-.731 1.443-1.723 1.437-1.462-.005-2.924-.005-4.386-.005ZM43.962 107.137h-4.268c-1.019 0-1.771-.356-1.782-1.485-.01-1.129.72-1.427 1.675-1.427h8.76c.956 0 1.708.34 1.724 1.4.016 1.06-.72 1.518-1.75 1.518l-4.359-.006ZM100.327 107.137h-4.268c-1.03 0-1.777-.4-1.787-1.496-.011-1.097.736-1.417 1.696-1.422h8.76c.95 0 1.697.319 1.708 1.406.01 1.086-.721 1.512-1.745 1.512h-4.364ZM81.484 107.137h-4.268c-.987 0-1.659-.388-1.68-1.448-.022-1.06.666-1.464 1.643-1.464h8.792c.955 0 1.707.378 1.707 1.437 0 1.06-.784 1.481-1.803 1.475h-4.39ZM62.832 107.137h-4.396c-.982 0-1.68-.394-1.729-1.422-.048-1.028.673-1.48 1.638-1.486h8.926c.923 0 1.563.405 1.6 1.401.038.996-.608 1.507-1.6 1.507h-4.439Z' fill='%23122B62'/%3E%3Cpath d='M28.773 48.653c-.064-.82-.144-1.33-.144-1.837V5.393c0-2.284 0-2.29 2.267-2.29h61.728c2.198 0 2.203 0 2.203 2.178v31.567c-.661-.533-1.067-.825-1.414-1.172a3860.446 3860.446 0 0 1-14.805-14.75c-1.894-1.885-2.384-1.885-4.23-.026-6.936 6.922-13.872 13.845-20.738 20.842-.918.926-1.467 1.065-2.422.037-1.964-2.13-4.055-4.095-6.109-6.113-1.206-1.188-1.947-1.188-3.164 0-3.937 3.898-7.858 7.822-11.79 11.715-.363.394-.785.718-1.382 1.272Zm18.673-20.858a7.83 7.83 0 0 0 5.642-2.244 7.8 7.8 0 0 0 2.329-5.6 7.825 7.825 0 0 0-2.317-5.613 7.854 7.854 0 0 0-5.638-2.278 7.759 7.759 0 0 0-5.65 2.246 7.731 7.731 0 0 0-2.283 5.624 7.682 7.682 0 0 0 2.27 5.63 7.712 7.712 0 0 0 5.652 2.235h-.005Z' fill='%23fff'/%3E%3Cpath d='M50.854 57.865H30.437c-1.782 0-1.691-.048-1.867-1.746-.209-2.077.533-3.547 2.038-4.98 3.98-3.727 7.794-7.63 11.678-11.458 1.227-1.21 1.233-1.21 2.492.042l5.938 5.91c1.312 1.295 1.91 1.295 3.233 0l21.303-21.235c1.216-1.214 1.211-1.22 2.465 0l15.072 14.84c.693.677 1.099 1.327.352 2.13-.346.38-.827.61-1.34.64-3.163-.277-5.468 1.065-6.78 4.02a1.675 1.675 0 0 1-1.11.863c-3.81.506-5.447 2.034-6.098 5.692a1.693 1.693 0 0 1-.88 1.108 7.395 7.395 0 0 0-3.927 3.408 2.162 2.162 0 0 1-1.633.73c-6.834.052-13.679.036-20.519.036ZM80.197 69.617l2.39 2.252a19.578 19.578 0 0 0 1.676 1.518 1.733 1.733 0 0 0 1.969.282c.21-.107.397-.255.549-.436.784-.842.565-1.726-.16-2.487-1.04-1.065-2.134-2.13-3.201-3.195-2.23-2.226-4.482-4.425-6.68-6.678-1.26-1.294-1.067-3.088.384-3.818a2.276 2.276 0 0 1 2.806.496c1.185 1.14 2.337 2.305 3.506 3.456.296.33.627.629.987.889.88.532 1.792.596 2.528-.235.737-.83.534-1.66-.144-2.385-1.51-1.56-3.078-3.067-4.582-4.638a3.364 3.364 0 0 1-.875-1.438 2.126 2.126 0 0 1 1.067-2.503 2.137 2.137 0 0 1 2.71.224c.864.761 1.648 1.598 2.48 2.407.341.347.72.655 1.132.916a1.683 1.683 0 0 0 2.288-.346 1.598 1.598 0 0 0-.042-2.285c-.608-.703-1.313-1.32-1.937-2.013-.992-1.102-.998-2.348-.048-3.317.95-.97 2.32-1.006 3.441 0 .624.57 1.169 1.225 1.809 1.768.832.697 1.782.868 2.668.117.885-.75.677-1.597.095-2.481-.97-1.454-.885-2.52.209-3.398 1.093-.878 2.251-.676 3.425.485 2.086 2.055 4.225 4.063 6.21 6.214 4.599 4.974 5.975 10.858 3.969 17.248-2.054 6.55-6.642 10.847-13.487 11.98-3.948.656-8.056.485-12.084.39-2.806-.064-4.844-2.13-5.335-4.931a33.663 33.663 0 0 1-.219-3.893l.496-.165Z' fill='%23fff'/%3E%3Cpath d='M47.45 27.795a7.72 7.72 0 0 1-5.648-2.238 7.695 7.695 0 0 1-2.269-5.627 7.72 7.72 0 0 1 2.285-5.624 7.749 7.749 0 0 1 5.649-2.246 7.866 7.866 0 0 1 5.637 2.278 7.839 7.839 0 0 1 2.317 5.614 7.79 7.79 0 0 1-2.328 5.599 7.818 7.818 0 0 1-5.643 2.244Zm0-3.13a4.81 4.81 0 0 0 3.488-1.394 4.791 4.791 0 0 0 1.415-3.474 5.016 5.016 0 0 0-1.48-3.52 5.036 5.036 0 0 0-3.534-1.464 5.227 5.227 0 0 0-3.422 1.569 5.208 5.208 0 0 0-1.476 3.458 4.953 4.953 0 0 0 1.524 3.442 4.972 4.972 0 0 0 3.507 1.382h-.022Z' fill='%23122B62'/%3E%3Cpath d='M47.473 24.664a4.972 4.972 0 0 1-3.494-1.39 4.953 4.953 0 0 1-1.516-3.435 5.208 5.208 0 0 1 1.475-3.458 5.227 5.227 0 0 1 3.422-1.569 5.036 5.036 0 0 1 3.535 1.464 5.017 5.017 0 0 1 1.48 3.52 4.787 4.787 0 0 1-3.016 4.526c-.6.239-1.241.355-1.886.342Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(4.588 .19)' d='M0 0h135v107H0z'/%3E%3C/clipPath%3E%3Cfilter id='b' x='.588' y='.19' width='143' height='115' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    width: 144px;
    min-width: 144px;
    height: 116px;
    min-height: 116px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__text--with-icon:before {
        display: none
    }
}

.qr__text--italic {
    font-style: italic
}

.qr__text--indent-bottom-big {
    margin-bottom: 37px
}

.qr__text--indent-bottom-big-2 {
    margin-bottom: 42px
}

.qr__text--transparent {
    opacity: 0.4
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__text--mobile-hidden {
        display: none
    }
}

@media (max-width: 360px) {
    .qr__text--mobile-hidden {
        display: none
    }
}

.qr__text-special {
    font: italic 400 22px/1 "Roboto", sans-serif;
    color: #545454;
    text-align: center;
    padding: 176px 0 0 0;
    position: absolute;
    right: -25px;
    bottom: 30px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__text-special {
        display: none
    }
}

.qr__text-special:before {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/png;base64,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");
    width: 185.73px;
    min-width: 185.73px;
    height: 170.79px;
    min-height: 170.79px;
    position: absolute;
    top: 0;
    left: calc(50% - 70px);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.qr__checkbox-container {
    font: 400 22px/1 "Roboto", sans-serif;
    color: #545454;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 998px) {
    .qr__checkbox-container {
        font-size: 18px
    }
}

@media (max-width: 567px) {
    .qr__checkbox-container {
        font-size: 16px
    }
}

.qr__checkbox-container--align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.qr__checkbox-container--mobile-visible {
    display: none
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__checkbox-container--mobile-visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px
    }
}

.qr__checkbox-container--mobile-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__checkbox-container--mobile-hidden {
        display: none
    }
}

.qr__text-link {
    text-decoration: underline;
    color: #122B62;
}

.qr__progress-outer-wrapper {
    background: #FFFFFF;
    border: 4px dashed #EBEBEB;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    padding: 43px 30px 50px 46px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__progress-outer-wrapper {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 0 0 0 0
    }
}

@media (max-width: 360px) {
    .qr__progress-outer-wrapper {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 0 0 0 0
    }
}

.qr__progress-outer-wrapper--indent-bottom-top-none {
    padding: 0 30px 0 46px
}

.qr__progress-outer-wrapper--inner-elements-center {
    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
}

@media (min-width: 360px) and (max-width: 480px) {
    .qr__progress-outer-wrapper--indent-mobile-none {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 360px) {
    .qr__progress-outer-wrapper--indent-mobile-none {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 320px) {
    .qr__progress-outer-wrapper--indent-mobile-none {
        padding-left: 0;
        padding-right: 0
    }
}

.qr__file-input-name-wrapper {
    position: relative;
    padding: 0 0 0 126px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 50px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__file-input-name-wrapper {
        padding: 0 0 0 108px
    }
}

@media (max-width: 360px) {
    .qr__file-input-name-wrapper {
        padding: 0 0 0 88px
    }
}

.qr__file-input-name-wrapper:before {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.397 9.117v18.525H.975V1.322H13.53' stroke='%23ABABAB' stroke-miterlimit='6.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.125 9.386H13.53a.27.27 0 0 1-.272-.269V1.591c0-.15.121-.27.272-.27l7.867 7.796a.27.27 0 0 1-.272.27Z' stroke='%23ABABAB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 22px;
    min-width: 22px;
    height: 29px;
    min-height: 29px;
    position: absolute;
    left: 79px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

@media (max-width: 360px) {
    .qr__file-input-name-wrapper:before {
        left: 54px
    }
}

.qr__file-input-name-wrapper--hidden {
    display: none
}

.qr__file-input-name-text {
    font: 400 22px/1 "Roboto", sans-serif;
    color: #A6A6A6
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__file-input-name-text {
        font-size: 14px
    }
}

@media (max-width: 360px) {
    .qr__file-input-name-text {
        font-size: 14px
    }
}

.qr__file-input-name-close {
    width: 58px;
    height: 58px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

@media (max-width: 360px) {
    .qr__file-input-name-close {
        height: 40px;
        width: 40px
    }
}

.qr__file-input-name-close:after {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E41E1E' d='m11.479.592 3.37 3.37L3.557 15.254l-3.37-3.37z'/%3E%3Cpath fill='%23E41E1E' d='m14.847 11.884-3.37 3.37L.185 3.962l3.37-3.37z'/%3E%3C/svg%3E");
    width: 15px;
    min-width: 15px;
    height: 16px;
    min-height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__file-input-name-close:after {
        width: 27px;
        min-width: 27px;
        height: 27px;
        min-height: 27px
    }
}

.qr__progress-wrapper {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 18px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__progress-wrapper {
        margin: 0 0 38px
    }
}

@media (max-width: 360px) {
    .qr__progress-wrapper {
        width: 100%
    }
}

.qr__progress-wrapper--indent-bottom-none {
    margin-bottom: 0
}

.qr__progress-wrapper--hidden {
    display: none
}

.qr__progress-wrapper--mobile-visible {
    display: none
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__progress-wrapper--mobile-visible {
        display: block
    }
}

@media (max-width: 360px) {
    .qr__progress-wrapper--mobile-visible {
        display: block
    }
}

.qr__progress-line-wrapper {
    min-width: 344px;
    width: 100%;
    height: 10px;
    border: 1px solid #122B62;
    margin: 0 0 17px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__progress-line-wrapper {
        width: 100%;
        min-width: 100%
    }
}

@media (max-width: 360px) {
    .qr__progress-line-wrapper {
        width: 100%;
        min-width: 100%;
        height: 7px;
        height: 7px
    }
}

.qr__progress-line-wrapper--indent-bottom-big {
    margin: 0 0 32px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__progress-line-wrapper--indent-bottom-big {
        margin: 0 0 30px
    }
}

@media (max-width: 360px) {
    .qr__progress-line-wrapper--indent-bottom-big {
        margin: 0 0 12px
    }
}

.qr__progress-line-wrapper--mobile-visible {
    display: none
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__progress-line-wrapper--mobile-visible {
        display: block
    }
}

@media (max-width: 360px) {
    .qr__progress-line-wrapper--mobile-visible {
        display: block
    }
}


/* .qr__progress-line {
    width: 0;
    height: 100%;
    background: #122B62;
    -webkit-animation: fillWidth 1.5s forwards;
    animation: fillWidth 1.5s forwards
} */

.qr__progress-text {
    font: 400 14px/1.57143 "Roboto", sans-serif;
    color: #545454;
    padding: 0 0 18px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__progress-text--mobile-hidden {
        display: none
    }
}

.qr__btn {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: auto;
    background: #122B62;
    border: none;
    line-height: 1;
    padding: 23px 0 21.67px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 0 0 40px
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__btn {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) {
    .qr__btn {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

.qr__btn:disabled,
.qr__btn[disabled] {
    opacity: 0.5;
    cursor: default
}

.qr__btn:disabled:hover,
.qr__btn[disabled]:hover {
    opacity: 0.5
}

.qr__btn:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

@media (max-width: 360px) {
    .qr__btn {
        margin: 0 0 22px;
        width: 100%;
        max-width: 100%
    }
}

.qr__btn--blue {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: none;
    color: #FFFFFF;
    width: 100%;
    height: auto;
    background: #122B62;
    border: none;
    line-height: 1;
    padding: 23px 0 21.67px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 0 0 0 0
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__btn--blue {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) {
    .qr__btn--blue {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

.qr__btn--blue:disabled,
.qr__btn--blue[disabled] {
    opacity: 0.5;
    cursor: default
}

.qr__btn--blue:disabled:hover,
.qr__btn--blue[disabled]:hover {
    opacity: 0.5
}

.qr__btn--blue:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.qr__btn--white {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    color: #545454;
    width: auto;
    height: auto;
    background: #FFFFFF;
    border: 1px #C4C4C4 solid;
    line-height: 1;
    padding: 13px 31px 13px 31px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 0 0 0 0
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__btn--white {
        font-size: 19px;
        padding: 20px 20px 21px 20px
    }
}

@media (max-width: 360px) {
    .qr__btn--white {
        font-size: 16px;
        padding: 12px 20px 12px 20px
    }
}

.qr__btn--white:disabled,
.qr__btn--white[disabled] {
    opacity: 0.5;
    cursor: default
}

.qr__btn--white:disabled:hover,
.qr__btn--white[disabled]:hover {
    opacity: 0.5
}

.qr__btn--white:hover {
    background: #000000;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__btn--white {
        margin: 0 0 20px;
        border-color: #122B62;
        color: #122B62;
        font: 700 18px/1 "Roboto", sans-serif
    }
}

.qr__btn--mobile-visible {
    display: none
}

@media (min-width: 360px) and (max-width: 768px) {
    .qr__btn--mobile-visible {
        display: block
    }
}

@media (max-width: 360px) {
    .qr__btn--mobile-visible {
        display: block;
        margin: 0 0 14px
    }
}


/* @media (max-width: 360px) {
    .qr__btn--mobile-visible:last-child {
        margin-bottom: 0
    }
} */

@media (min-width: 360px) and (max-width: 768px) {
    .qr__btn--indent-bottom-small {
        margin-bottom: 18px
    }
}

@media (max-width: 360px) {
    .qr__btn--indent-bottom-small {
        margin-bottom: 18px
    }
}

.qr__drop-area {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='444' height='354' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.1' clip-path='url(%23a)' filter='url(%23b)'%3E%3Cpath d='M255.22.695h108.552c7.168 0 8.15 1.03 8.15 8.207v42.82c0 3.314 1.086 4.74 4.48 4.533a25.126 25.126 0 0 1 8.116.206 7.473 7.473 0 0 1 4.514 4.07c.965 2.746-1.154 4.635-3.825 5.15-2.409.325-4.841.45-7.271.378-5.928 0-5.962 0-5.962 5.889v116.03c0 7.366-1.017 8.362-8.477 8.362H226.962a16.053 16.053 0 0 0-4.273.12 6.888 6.888 0 0 0-3.274 2.146 118.49 118.49 0 0 0-7.616 10.301 14.96 14.96 0 0 0-2.67 6.748c-.379 6.267 0 12.551-.155 18.886a30.85 30.85 0 0 1-9.048 21.817 31.068 31.068 0 0 1-21.864 9.088c-8.477.12-16.972.429-25.415 0a98.038 98.038 0 0 1-21.986-3.194c-47.608-14.336-63.89-74.703-30.119-111.085 6.427-6.868 13.354-13.375 19.919-20.157 4.238-4.361 9.028-7.503 15.3-7.777 2.378-.103 3.205-1.305 3.188-3.572v-49.67c0-2.833-1.258-3.76-3.946-3.657a51.877 51.877 0 0 1-8.167-.207 4.583 4.583 0 0 1-3.462-1.537 4.538 4.538 0 0 1-1.104-3.613c.224-2.988 2.137-4.224 4.893-4.378a51.313 51.313 0 0 1 6.893 0c3.773.309 4.979-1.237 4.945-4.945-.173-13.993-.086-27.986 0-41.962 0-7.675.982-8.585 8.615-8.585L255.22.695Zm184.711 270.863v16.654c0 3.211-1.034 5.769-4.687 5.907-3.653.137-5.048-2.473-5.169-5.597-.12-11.092-.103-22.183 0-33.275 0-3.21 1.585-5.631 5.169-5.459 3.584.171 4.584 2.455 4.566 5.562l.121 16.208Zm-9.821-141.286v-15.813c0-4.12 2.222-6.868 5.169-6.456 3.842.447 4.6 3.228 4.583 6.542v31.626c0 3.331-.793 6.061-4.652 6.438-3.05.292-5.169-2.318-5.169-6.524 0-5.254.069-10.542.069-15.813Zm0 70.652v-15.796c0-4.361 1.929-6.61 5.169-6.387 4.032.258 4.652 3.073 4.635 6.353v31.574c0 3.279-.638 6.095-4.618 6.421-3.188.258-5.169-2.06-5.169-6.387-.086-5.253-.017-10.524-.017-15.778ZM75.403 56.238h15.904c3.205 0 5.979 1.065 6.168 4.533.19 3.468-2.498 5.15-5.634 5.15-10.752.138-21.498.138-32.238 0-3.136 0-5.635-1.58-5.394-5.27.242-3.692 2.688-4.413 5.721-4.43l15.473.017ZM4.017 130.255v-16.208c0-3.211.982-5.941 4.583-5.975 3.602-.034 4.928 2.696 4.928 6.112V146.6c0 3.297-1.102 5.82-4.635 5.941-3.945.137-4.876-2.73-4.876-6.078v-16.208Zm0 141.338v-16.26c0-3.073 1-5.511 4.515-5.545 3.515-.035 4.98 2.197 4.962 5.58v32.947c0 3.297-1.172 5.735-4.79 5.787-3.619.051-4.67-2.679-4.687-5.821-.017-5.563 0-11.126 0-16.688Zm0-70.669v-16.672c0-3.056.965-5.511 4.532-5.494 3.567.017 4.945 2.284 4.928 5.649v32.931c0 3.296-1.207 5.7-4.86 5.717-3.652.017-4.6-2.73-4.617-5.872 0-5.408.017-10.834.017-16.259ZM439.914 69.098v7.263c0 2.97-1.43 5.03-4.515 5.15-3.446.206-4.876-1.974-5.169-5.03a42.61 42.61 0 0 1 0-4.688c0-5.7 0-5.683-5.6-5.734-1.998 0-4.376.446-5.892-.464a7.821 7.821 0 0 1-3.774-5.15c0-1.34 2.602-3.434 4.411-4.001a27.915 27.915 0 0 1 7.685-.223c12.888 0 12.888 0 12.854 12.877Zm-12.94 276.426c-2.706 0-5.445.154-8.133 0-2.688-.155-4.825-2.147-4.153-4.808a7.19 7.19 0 0 1 4.222-4.241c2.343-.772 5.083-.326 7.667-.326 2.585 0 3.636-1.064 3.533-3.64a45.438 45.438 0 0 1 .189-7.657c.379-2.799 2.016-4.756 5.169-4.499a4.506 4.506 0 0 1 3.247 1.475 4.471 4.471 0 0 1 1.147 3.367c.103 2.541 0 5.151 0 7.675.362 13.478-.189 12.808-12.888 12.654ZM4.104 68.909h-.087V62.04c0-3.897 1.861-5.82 5.738-5.837h14.198c2.912 0 5.169 1.322 5.496 4.326.328 3.005-1.809 4.756-4.652 5.151a46.25 46.25 0 0 1-7.72.292c-2.584 0-3.652 1.03-3.583 3.554.069 2.524 0 4.859 0 7.28a4.434 4.434 0 0 1-1.297 3.33 4.466 4.466 0 0 1-3.338 1.305 4.2 4.2 0 0 1-3.398-1.119 4.17 4.17 0 0 1-1.289-3.327c-.172-2.662-.069-5.374-.069-8.087Zm12.595 276.615H8.962a4.4 4.4 0 0 1-3.391-1.145 4.362 4.362 0 0 1-1.399-3.285 130.147 130.147 0 0 1 .172-16.603c.156-1.545 2.654-3.674 4.394-4.035 2.74-.601 4.463 1.511 4.67 4.31a71.25 71.25 0 0 1 .086 7.675c0 2.541 1.12 3.639 3.584 3.639s5.169 0 7.72.138c2.877.154 5.03 1.991 4.514 4.55a7.476 7.476 0 0 1-1.753 2.782 7.519 7.519 0 0 1-2.78 1.768c-2.532.755-5.375.206-8.08.206Zm53.31 0H55.847c-3.187 0-5.479-1.288-5.617-4.55-.155-3.64 2.378-4.876 5.652-4.876h28.396c3.17 0 5.513 1.425 5.462 4.687-.052 3.262-2.275 4.721-5.514 4.704-4.773.035-9.494.035-14.215.035Zm303.395 0h-14.163c-3.205 0-5.462-1.46-5.566-4.636-.103-3.176 2.206-4.756 5.376-4.756h28.758c3.136 0 5.479 1.408 5.341 4.756-.138 3.348-2.395 4.636-5.617 4.636h-14.129Zm-60.565 0h-14.146c-3.326 0-5.704-1.322-5.652-4.894.052-3.571 2.481-4.515 5.566-4.515h28.292c3.084 0 5.462 1.116 5.41 4.601-.051 3.486-2.464 4.808-5.755 4.79l-13.715.018Zm-182.04 0h-14.163c-3.309 0-5.669-1.219-5.635-4.876.035-3.658 2.447-4.516 5.514-4.533h28.292c3.102 0 5.514 1.185 5.48 4.584-.035 3.4-2.43 4.825-5.704 4.825h-13.784Zm60.841 0h-14.198c-3.291 0-5.807-1.116-5.824-4.756-.017-3.64 2.43-4.619 5.514-4.636h28.396c3.153 0 5.393 1.236 5.307 4.722-.087 3.485-2.24 4.687-5.428 4.67H191.64Zm60.306 0h-14.318c-3.257 0-5.169-1.511-5.169-4.859s2.102-4.499 5.169-4.516h28.827c3.118 0 5.444 1.391 5.289 4.79-.155 3.4-2.412 4.602-5.582 4.585h-14.267.051Z' fill='%23fff'/%3E%3Cpath d='M255.223.695H147.549c-7.684 0-8.615.979-8.615 8.585 0 13.976-.103 27.969 0 41.962 0 3.708-1.172 5.254-4.945 4.944a51.298 51.298 0 0 0-6.892 0c-2.757.155-4.67 1.391-4.894 4.379a4.548 4.548 0 0 0 2.668 4.757c.597.265 1.245.4 1.898.393 2.713.284 5.444.352 8.168.206 2.688-.103 3.945.825 3.945 3.657a6046.983 6046.983 0 0 0 0 49.671c0 2.267-.809 3.434-3.187 3.572-6.272.274-11.062 3.433-15.301 7.777-6.565 6.868-13.491 13.238-19.918 20.157-33.772 36.382-17.49 96.749 30.119 111.085a98.087 98.087 0 0 0 21.986 3.194c8.443.515 16.937.206 25.415 0a31.07 31.07 0 0 0 21.864-9.088 30.85 30.85 0 0 0 9.047-21.817c.086-6.284-.224-12.568.155-18.886a14.973 14.973 0 0 1 2.671-6.748 118.08 118.08 0 0 1 7.616-10.301 6.888 6.888 0 0 1 3.274-2.146 16.092 16.092 0 0 1 4.273-.121h136.517c7.461 0 8.477-.995 8.477-8.361V71.536c0-5.872 0-5.838 5.962-5.89 2.43.074 4.862-.053 7.271-.377 2.671-.498 4.79-2.387 3.825-5.15a7.474 7.474 0 0 0-4.514-4.07 25.123 25.123 0 0 0-8.116-.206c-3.446.206-4.497-1.219-4.48-4.533.121-14.267 0-28.535 0-42.82 0-7.177-.982-8.19-8.15-8.207L255.223.695Zm106.673 156.241c-1.998-1.717-3.291-2.833-4.462-3.983-12.699-12.603-25.363-25.256-38.08-37.773-3.928-3.897-6.323-3.897-10.217 0-6.634 6.507-13.388 12.911-19.729 19.711-3.084 3.33-4.859 2.867-7.823-.121-22.227-22.491-44.627-44.812-66.975-67.2-5.961-5.992-7.547-5.992-13.663.086a92575.976 92575.976 0 0 1-47.798 47.524c-1.12 1.116-2.429 2.026-4.566 3.777V17.212c0-7.005 0-7.022 7.116-7.022h199.357c7.288 0 7.323 0 7.323 7.383v133.56c-.017 1.528-.276 3.176-.483 5.82v-.017Zm-71.316 29.703c-22.09 0-44.197 0-66.286-.103a7.005 7.005 0 0 1-5.273-2.404 23.867 23.867 0 0 0-12.681-10.988 5.448 5.448 0 0 1-2.843-3.571c-2.102-11.796-7.392-16.723-19.695-18.354a5.409 5.409 0 0 1-3.584-2.782c-4.238-9.477-11.682-13.856-21.9-12.963a6.347 6.347 0 0 1-4.324-2.06c-2.413-2.541-1.103-4.636 1.137-6.868a10672.465 10672.465 0 0 0 48.676-47.85c4.049-4.001 4.032-3.984 7.96 0l68.75 68.402c4.273 4.241 6.203 4.241 10.442 0a4305.272 4305.272 0 0 0 19.177-19.058c4.067-4.035 4.084-4.035 8.047-.137 12.544 12.344 24.863 24.929 37.717 36.948 4.928 4.619 7.254 9.357 6.582 16.053-.568 5.477-.275 5.632-6.03 5.632l-65.872.103Zm-94.768 37.892 1.551.55c.007 4.194-.229 8.384-.707 12.551-1.516 9.014-8.098 15.692-17.23 15.898-13.009.309-26.277.859-39.027-1.253-22.107-3.657-36.925-17.513-43.559-38.631-6.479-20.603-2.033-39.489 12.82-55.611 6.409-6.868 13.319-13.409 20.056-20.037 3.791-3.743 7.702-4.241 11.062-1.562 3.36 2.678 3.808 6.267.672 10.954-1.878 2.816-2.568 5.563.31 8.001 2.877 2.438 5.927 1.871 8.615-.378 2.068-1.717 3.825-3.863 5.841-5.7 3.619-3.314 7.961-3.297 11.114 0 3.153 3.296 3.05 7.142-.155 10.696-2.016 2.232-4.291 4.224-6.255 6.49a5.158 5.158 0 0 0-1.624 3.654 5.143 5.143 0 0 0 1.486 3.712 5.443 5.443 0 0 0 7.392 1.116 20.56 20.56 0 0 0 3.653-2.953c2.688-2.559 5.169-5.306 8.012-7.761a6.905 6.905 0 0 1 8.753-.721 6.877 6.877 0 0 1 3.184 3.415c.63 1.474.722 3.12.262 4.655a10.84 10.84 0 0 1-2.825 4.635c-4.859 5.151-9.925 9.924-14.801 14.955-2.258 2.335-2.757 5.151-.466 7.692 2.292 2.541 5.325 2.524 8.168.755a19.993 19.993 0 0 0 3.187-2.867c3.774-3.709 7.496-7.469 11.321-11.143a7.35 7.35 0 0 1 4.249-2.39 7.37 7.37 0 0 1 4.814.793c4.652 2.352 5.307 8.138 1.241 12.311-7.099 7.262-14.371 14.353-21.573 21.53l-10.338 10.302c-2.344 2.455-3.05 5.305-.517 8.018a5.596 5.596 0 0 0 3.958 1.997 5.61 5.61 0 0 0 4.175-1.5 62.997 62.997 0 0 0 5.41-4.893c2.636-2.403 5.204-4.756 7.771-7.262v-.018ZM439.932 271.558V255.35c0-3.107-1.189-5.408-4.566-5.563-3.377-.154-5.169 2.249-5.169 5.46a1952.697 1952.697 0 0 0 0 33.274c0 3.125 1.378 5.735 5.169 5.597 3.791-.137 4.687-2.695 4.687-5.906-.121-5.545-.121-11.108-.121-16.654ZM430.11 130.273v15.812c0 4.207 2.119 6.868 5.169 6.525 3.86-.378 4.67-3.108 4.652-6.439v-31.626c0-3.313-.741-6.095-4.583-6.541-3.015-.361-5.169 2.335-5.169 6.456-.138 5.271-.069 10.542-.069 15.813ZM430.111 200.923v15.779c0 4.327 1.999 6.645 5.169 6.387 3.981-.326 4.635-3.142 4.618-6.421v-31.575c0-3.279-.603-6.095-4.635-6.352-3.239-.223-5.169 2.026-5.169 6.387-.052 5.254.017 10.525.017 15.795ZM75.403 56.237H59.896c-3.032 0-5.48.979-5.72 4.43-.242 3.451 2.257 5.15 5.393 5.271 10.751.149 21.498.149 32.238 0 3.136 0 5.807-1.717 5.634-5.15-.172-3.435-2.963-4.534-6.168-4.534l-15.87-.017ZM4.018 130.255v16.208c0 3.348.93 6.215 4.876 6.077 3.532-.12 4.652-2.644 4.635-5.94v-32.416c0-3.434-1.12-6.164-4.928-6.112-3.808.052-4.6 2.764-4.583 5.975.017 5.408 0 10.799 0 16.208ZM4.017 271.593v16.688c0 3.142.845 5.889 4.687 5.82 3.842-.068 4.807-2.489 4.79-5.786v-32.947c0-3.434-1.378-5.615-4.962-5.58-3.584.034-4.515 2.472-4.515 5.545.017 5.426 0 10.834 0 16.26ZM4.017 200.923v16.26c0 3.142.776 5.889 4.618 5.872 3.842-.017 4.86-2.421 4.86-5.718v-32.93c0-3.434-1.31-5.632-4.929-5.649-3.618-.017-4.531 2.438-4.531 5.494-.018 5.563-.018 11.109-.018 16.671ZM439.915 69.098c0-12.791 0-12.791-12.975-12.791a27.908 27.908 0 0 0-7.685.223c-1.723.55-4.462 2.661-4.411 4a7.83 7.83 0 0 0 3.774 5.15c1.516.911 3.894.43 5.893.465 5.565 0 5.565 0 5.6 5.734a42.122 42.122 0 0 0 0 4.688c.344 3.056 1.843 5.15 5.169 5.03 3.084-.189 4.462-2.25 4.514-5.15.155-2.593.121-5.014.121-7.35ZM426.975 345.524c12.699.206 13.25.875 12.975-12.706v-7.674a4.48 4.48 0 0 0-2.618-4.439 4.501 4.501 0 0 0-1.776-.403c-3.188-.258-4.825 1.717-5.169 4.498a45.45 45.45 0 0 0-.19 7.658c.103 2.575-1.085 3.622-3.532 3.64-2.447.017-5.324-.447-7.668.326a7.192 7.192 0 0 0-4.221 4.241c-.672 2.661 1.309 4.584 4.152 4.807 2.843.223 5.342.052 8.047.052ZM4.104 68.909c0 2.712-.104 5.425 0 8.138a4.159 4.159 0 0 0 1.288 3.327 4.191 4.191 0 0 0 3.398 1.12 4.477 4.477 0 0 0 3.338-1.305 4.446 4.446 0 0 0 1.297-3.331c.087-2.42.121-4.859 0-7.28-.12-2.42 1-3.605 3.584-3.554a46.24 46.24 0 0 0 7.72-.292c2.843-.394 4.945-2.077 4.652-5.15-.293-3.074-2.585-4.293-5.497-4.327H9.686c-3.876 0-5.806 1.94-5.737 5.837v6.868l.155-.051ZM16.7 345.523c2.705 0 5.617.601 8.08-.189a7.517 7.517 0 0 0 2.78-1.767 7.48 7.48 0 0 0 1.752-2.783c.517-2.558-1.723-4.395-4.514-4.55-2.568-.137-5.17-.12-7.72-.137-2.55-.017-3.652-1.099-3.583-3.64.109-2.558.08-5.12-.087-7.675-.206-2.798-1.93-4.91-4.67-4.309-1.722.36-4.238 2.489-4.393 4.035-.41 5.525-.468 11.07-.172 16.602a4.35 4.35 0 0 0 1.398 3.285 4.4 4.4 0 0 0 3.392 1.145h7.736v-.017ZM70.01 345.523h14.164c3.24 0 5.445-1.562 5.514-4.704.069-3.142-2.292-4.687-5.462-4.687H55.882c-3.274 0-5.807 1.236-5.652 4.876.138 3.262 2.43 4.567 5.617 4.55 4.721-.035 9.477-.035 14.164-.035ZM373.406 345.524h14.18c3.171 0 5.445-1.391 5.566-4.619.12-3.228-2.206-4.756-5.342-4.756h-28.757c-3.171 0-5.48 1.494-5.376 4.756.103 3.262 2.36 4.653 5.565 4.636 4.721-.017 9.443-.017 14.164-.017ZM312.841 345.523h13.784c3.292 0 5.721-1.15 5.755-4.79.035-3.64-2.326-4.601-5.41-4.601h-28.292c-3.085 0-5.514 1.099-5.566 4.515-.051 3.417 2.326 4.894 5.652 4.894l14.077-.018ZM130.8 345.524h13.785c3.325 0 5.738-1.288 5.772-4.825.035-3.536-2.378-4.567-5.479-4.584h-28.293c-3.067 0-5.479 1.03-5.513 4.533-.035 3.502 2.326 4.876 5.634 4.876H130.8ZM191.658 345.523h13.784c3.188 0 5.359-1.253 5.428-4.67.068-3.416-2.154-4.721-5.307-4.721h-28.396c-3.085 0-5.514 1.219-5.514 4.636 0 3.416 2.533 4.773 5.824 4.755h14.181ZM251.896 345.524h14.198c3.17 0 5.427-1.271 5.582-4.584.155-3.314-2.171-4.773-5.289-4.791H237.56c-2.981 0-5.049 1.305-5.169 4.516-.121 3.211 1.964 4.859 5.169 4.859h14.336Z' fill='%23122B62'/%3E%3Cpath d='M361.896 156.953c.207-2.644.465-4.292.465-5.923V17.47c0-7.366 0-7.383-7.323-7.383H155.682c-7.099 0-7.116 0-7.116 7.022v101.78c2.136-1.717 3.446-2.661 4.566-3.777a12454.259 12454.259 0 0 0 47.814-47.56c6.117-6.077 7.702-6.077 13.664-.085 22.4 22.32 44.799 44.64 66.975 67.2 2.963 2.988 4.738 3.434 7.822.121 6.341-6.868 13.096-13.204 19.729-19.711 3.894-3.829 6.289-3.829 10.218 0 12.716 12.568 25.381 25.222 38.079 37.773 1.172 1.27 2.533 2.318 4.463 4.103Zm-60.307-67.252a25.32 25.32 0 0 1-9.845-1.782 25.248 25.248 0 0 1-8.377-5.455 25.158 25.158 0 0 1-5.592-8.269 25.086 25.086 0 0 1-1.928-9.784 25.244 25.244 0 0 1 7.483-18.099 25.361 25.361 0 0 1 8.361-5.501 25.44 25.44 0 0 1 9.847-1.845 25.1 25.1 0 0 1 9.865 1.762 25.033 25.033 0 0 1 8.379 5.479 24.92 24.92 0 0 1 5.549 8.316 24.838 24.838 0 0 1 1.828 9.819 24.71 24.71 0 0 1-1.795 9.825 24.81 24.81 0 0 1-5.538 8.324 24.916 24.916 0 0 1-8.384 5.474 24.978 24.978 0 0 1-9.87 1.736h.017Z' fill='%23fff'/%3E%3Cg filter='url(%23c)'%3E%3Cpath d='M290.579 186.656h65.941c5.755 0 5.462-.154 6.031-5.631.672-6.696-1.723-11.435-6.582-16.054-12.854-12.018-25.174-24.603-37.718-36.948-3.963-3.897-3.98-3.897-8.046.137a31443.884 31443.884 0 0 0-19.178 19.058c-4.239 4.172-6.168 4.172-10.442 0l-68.801-68.47c-3.928-3.916-3.911-3.933-7.96 0l-48.676 47.85c-2.24 2.18-3.55 4.275-1.138 6.868a6.351 6.351 0 0 0 4.325 2.06c10.218-.893 17.661 3.434 21.9 12.963a5.41 5.41 0 0 0 3.584 2.781c12.303 1.631 17.592 6.559 19.695 18.354a5.445 5.445 0 0 0 2.843 3.571 23.88 23.88 0 0 1 12.681 10.989 6.988 6.988 0 0 0 5.273 2.352c22.072.172 44.179.12 66.268.12Z' fill='%23fff'/%3E%3C/g%3E%3Cg filter='url(%23d)'%3E%3Cpath d='M195.811 224.549c-2.567 2.421-5.169 4.859-7.719 7.263a63.33 63.33 0 0 1-5.41 4.893 5.61 5.61 0 0 1-4.174 1.499 5.615 5.615 0 0 1-3.959-1.997c-2.533-2.713-1.827-5.563.517-8.018 3.36-3.434 6.892-6.868 10.338-10.302 7.202-7.177 14.474-14.267 21.573-21.53 4.066-4.172 3.446-9.958-1.241-12.31a7.356 7.356 0 0 0-9.063 1.596c-3.825 3.675-7.547 7.435-11.321 11.143a19.993 19.993 0 0 1-3.187 2.867c-2.843 1.717-5.79 1.923-8.167-.755-2.378-2.678-1.724-5.357.465-7.692 4.876-5.03 9.942-9.889 14.801-14.954a10.85 10.85 0 0 0 2.826-4.636 6.845 6.845 0 0 0-.263-4.654 6.875 6.875 0 0 0-3.184-3.416 6.911 6.911 0 0 0-8.753.722c-2.791 2.455-5.324 5.15-8.012 7.76a20.516 20.516 0 0 1-3.653 2.953 5.443 5.443 0 0 1-7.392-1.116 5.14 5.14 0 0 1 .138-7.365c1.965-2.267 4.239-4.258 6.255-6.49 3.205-3.555 3.222-7.572.155-10.697-3.067-3.125-7.495-3.245-11.114 0-2.016 1.837-3.773 3.949-5.841 5.7-2.688 2.249-5.755 2.799-8.615.378-2.86-2.421-2.188-5.151-.31-8.001 3.136-4.687 2.86-8.121-.672-10.954s-7.271-2.18-11.062 1.562c-6.737 6.628-13.647 13.101-20.056 20.037-14.853 16.036-19.299 35.008-12.82 55.611 6.634 21.119 21.452 34.974 43.559 38.631 12.75 2.112 26.018 1.563 39.027 1.254 9.063-.206 15.645-6.868 17.23-15.899.478-4.167.714-8.357.707-12.551l-1.603-.532Z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M301.572 89.7c3.373.092 6.729-.5 9.865-1.74a24.901 24.901 0 0 0 8.377-5.475 24.8 24.8 0 0 0 5.534-8.322 24.726 24.726 0 0 0 1.794-9.821 24.84 24.84 0 0 0-1.828-9.82 24.937 24.937 0 0 0-5.549-8.316 25.027 25.027 0 0 0-8.38-5.478 25.095 25.095 0 0 0-9.865-1.763 25.441 25.441 0 0 0-9.846 1.846 25.374 25.374 0 0 0-8.362 5.5 25.275 25.275 0 0 0-5.571 8.299 25.194 25.194 0 0 0-1.911 9.8 25.067 25.067 0 0 0 1.928 9.785 25.126 25.126 0 0 0 5.592 8.269 25.253 25.253 0 0 0 8.376 5.454 25.326 25.326 0 0 0 9.846 1.783Zm0-10.095a15.527 15.527 0 0 1-11.265-4.493 15.463 15.463 0 0 1-3.43-5.136 15.406 15.406 0 0 1-1.14-6.064 16.166 16.166 0 0 1 4.783-11.352 16.279 16.279 0 0 1 11.414-4.718 16.895 16.895 0 0 1 11.052 5.058 16.783 16.783 0 0 1 4.766 11.15 15.963 15.963 0 0 1-4.922 11.099 16.074 16.074 0 0 1-11.327 4.456h.069Z' fill='%23122B62'/%3E%3Cpath d='M301.502 79.606a16.071 16.071 0 0 0 11.282-4.48 15.96 15.96 0 0 0 4.898-11.075 16.778 16.778 0 0 0-4.766-11.15 16.895 16.895 0 0 0-11.052-5.058 16.276 16.276 0 0 0-11.413 4.717 16.162 16.162 0 0 0-4.784 11.353 15.446 15.446 0 0 0 4.57 11.2 15.553 15.553 0 0 0 11.265 4.493Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='b' x='0' y='.695' width='444' height='353' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3Cfilter id='c' x='148.719' y='75.805' width='217.943' height='128.858' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='14'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.65 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3Cfilter id='d' x='89.996' y='134.682' width='123.68' height='137.15' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='14'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.65 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='matrix(-1 0 0 1 440 .695)' d='M0 0h436v345H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 444px;
    min-width: 444px;
    height: 354px;
    min-height: 354px;
    margin: 0 0 38px
}


.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    background: #FFFFFF;
    display: none;
    opacity: 1;
    width: 1px;
    right: 3px;
    position: absolute
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background: #FFFFFF
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: 1
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y {
    opacity: 1
}

.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
    opacity: 1
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #FFFFFF;
    opacity: 1
}

.ps__thumb-x {
    background-color: #FFFFFF;
    border-radius: 2px;
    -o-transition: background-color .2s linear, height .2s ease-in-out;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #FFFFFF;
    border-radius: 2.5px;
    -o-transition: background-color .2s linear, width .2s ease-in-out;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 5px;
    right: -2px;
    position: absolute
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #FFFFFF;
    height: 4px
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #FFFFFF;
    width: 5px
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    z-index: 2;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}


/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3)
}

@media (prefers-reduced-motion: reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        -o-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }
    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}


/* form here */


/* header */

.header {
    position: relative;
    z-index: 100;
}

.header__container {
    background-color: #CD0E27;
}

.header__col-burger {
    display: none;
    height: 22px;
}

@media (max-width: 768px) {
    .header__col-burger {
        display: flex;
        align-items: center;
    }
}

.burger {
    display: flex;
    position: relative;
    width: 22px;
    height: 1px;
    background-color: white;
}

.headerOpen .burger {
    background-color: transparent;
}

.burger::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 1px;
    background-color: white;
    top: 5px;
    transition-duration: .5s;
}

.headerOpen .burger::before {
    transition-duration: .5s;
    transform: rotate(45deg);
    transform-origin: center;
    top: 0px;
}

.burger::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 1px;
    background-color: white;
    bottom: 5px;
    transition-duration: .5s;
}

.headerOpen .burger::after {
    transition-duration: .5s;
    transform: rotate(-45deg);
    transform-origin: center;
    bottom: 0px;
}

.header__col-logo {}

@media (max-width: 768px) {
    .header__col-logo {
        display: none;
    }
}

@media (max-width: 768px) {
    .header__col-list {
        display: none;
    }
}

@media (max-width: 768px) {
    .header__user::after {
        display: none;
    }
}

@media (min-width: 769px) {
    .header__dropdown {
        display: none !important;
    }
}

.header__dropdown {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00B266;
    transform: translateY(0%);
    transition-duration: .5s;
    z-index: -1;
    box-sizing: border-box;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.headerOpen .header__dropdown {
    transform: translateY(99%);
    transition-duration: .5s;
}

.header__dropdown_logo {
    max-width: 65px;
    margin-bottom: 25px;
}

.header__dropdown_logo img {
    max-width: 100%;
}

.header__dropdown_list {
    margin-bottom: 15px;
}

.header__dropdown_list .header__list {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header__dropdown_list .header__list-item {
    margin-bottom: 30px;
    font-size: 22px;
}

.header__dropdown_escape {
    margin-bottom: 25px;
}

.header__dropdown_escape .escape {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid white;
    font-size: 14px;
    color: white;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 50px;
    padding-left: 50px;
}


/* /header */


/* to here */




#button-load-check {
    width: auto;
    display: inline-block;
    padding: 0;
    margin-right: 7px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 22px;
    text-transform: none;
    text-decoration: underline;
    border: none;
    background-color: transparent;
    color: #122B62;
    cursor: pointer;
}

#uploadAction {
    width: 50%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    #uploadAction {
        width: 70%;
    }
}


a.link-rules {
    color: #122B62;
}


.qr__noauth {
    margin:auto;
    text-align:center;
    font-size: 22px;
    color: #fff;
}


.qr__noauth .popup__link {
    font-size: 22px;
    color: #fff;
    text-decoration: underline;
    padding: 0;
}

.qr__noauth .popup__link:hover {
    text-decoration: none;
}

@media (min-width: 1080px) {
    .slider__slide {
        height: 577px;
    }
}

.manual__subtitle--button {
    width: 242px;
    height: 52px;
    background: #0064E4;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    border-width: 0px;
    margin-top: 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .manual__subtitle--button {
        width: 124px;
        height: 27px;
        font-size: 14px;
        line-height: 16px;
    }
}



#cover_img_brands {
    margin-top: 20px;
    width: auto;
}

@media (max-width: 768px) {
    #cover_img_brands {
       display: none;
    }
}

.prizes__content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 2rem;
}

.prizes__content-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 205px;
    z-index: -1;
    background-image: url("../img/4_section_ellipse.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
  }

.prizes__name {
    font-size: 62px;
    line-height: 73px;
    color: #000000;
    margin-bottom: 4rem;
    width: 100%;
    text-align: center;
}

.prizes__flagged-message {
    font-size: 18px;
    line-height: 21px;
    color: #AD903D;
    width: 696px;
    text-align: center;
    max-width: 100%;
}

.prizes__section {
    padding: 6rem 0 0;
}

.prizes__container {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.prizes__title {
    font: 700 69px/1.17742 "Roboto", sans-serif;
    color: #35783C;
    margin: 0 0 2rem;
    line-height: 81px;
    text-align: center;
}

.manual__wrapper-step-2 {
    width: 267px;
    height: 263px;
    background-image: url("../img/step-2.png");
    background-size: 100% 100%;
    position: relative;
    margin: 0 0 27px;
  }
  
  .manual__wrapper-step-2:after {
    content: "";
    position: absolute;
    left: 100px;
    top: 88px;
    z-index: 1;
    background-image: url("../img/step-2.1.svg");
    width: 66px;
    height: 66px;
  }
/*
  .qr__col--right:after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: -180px;
    z-index: 1;
    background-image: url("../img/qr-pointer.png");
    width: 259px;
    height: 219px;
  }
*/
  .cover__wrapper-brands {
    display: flex;
    margin-bottom: 1rem;
  }

  @media (max-width: 768px) {
    .prizes__name {
        font-size: 2rem;
    }
    .prizes__flagged-message {
        font-size: 10px;
        width: 85%;
    }
    .prizes__img {
        width: 316px;
        height: 370px;
    }
  }

  @media (max-width: 1168px) {
    .qr__col--right:after {
        display: none;
    }
  }


  
.manual__subtitle-descr {
    width: 360px;
   /* margin-top: 20px;*/
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #545454;
    margin-top: 38px;
}


@media (max-width: 640px) {
    .manual__subtitle-descr {
        font: 400 16px/1.16667 "Roboto", sans-serif !important;
        margin-top: 18px;
    }
}

.img__ready-load {
    display: none;
}



.report-check-error {
    cursor: pointer;
    /*margin-top: 14%;*/
    margin-top: 3rem;
    font-size: 20px;
}

#message-error-text {
    width:100%;
    resize:none;
    padding: 1rem;
}


#modal-message-error .popup__descr {
    margin-bottom: 35px
}


.report-check-error .popup__link{
    color: #287ABF;
    background-color: #FFFFFF;
    border: none;
}



@media (max-width: 768px) {
    .report-check-error {
        margin-top: 1rem;
    }

    #button-load-check {
        height: 30px;
    }
    .qr__text--with-icon {
        margin-top: 0.5rem;
    }
}

#target .qr__upload .popup__btn {
    background-color: #857CB5;
    padding: 0;
}



@media (max-width: 1024px){
    .manual__subtitle {
        font-size: 20px;
        line-height: 1.172105263157895;  
    }
}


@media (max-width: 1024px) {

    .manual__subtitle a.manual__btn {
        margin-bottom: 25px;
    }
    .manual__subtitle {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .manual__subtitle a.manual__btn {
        height: 24px;
        width: 116px;
        font-size: 14px;
        padding: 4px 32px 4px 38px;
        background: #45369D;
    }
    .manual__subtitle {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
    }

}

div.hide__qr-img::after {
    display:none;
}

.banner-qr-mobile {
    display: none;
}


@media (max-width: 768px) {
    .banner-qr {
        display: none;
    }
    .banner-qr-mobile {
        display: inline;
        width: 100%        
    }

}



/* Новый footer */


.footer {
    position: relative;
    overflow: hidden;
    margin-top: auto;
    width: 100%;
    color: #ffffff;
    background-color: #CD0E27;
  }
  .footer__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px
  }
  @media(max-width: 1679px) {
    .footer__container {
      max-width: 1200px
    }
  }
  @media(max-width: 1279px) {
    .footer__container {
      padding: 0 40px;
      max-width: 1280px
    }
  }
  @media(max-width: 1024px) {
    .footer__container {
      padding: 53px 26px 56px;
      max-width: none
    }
  }
  .footer__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 62px 37px 44px 55px
  }
  @media(max-width: 1679px) {
    .footer__top {
      padding-right: 0;
      padding-left: 0
    }
  }
  @media(max-width: 1024px) {
    .footer__top {
      display: block;
      padding: 0 0 57px
    }
  }
  .footer__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-top: 3px solid #ffffff;
    padding: 41px 53px 46px 55px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2142857143
  }
  @media(max-width: 1679px) {
    .footer__bottom {
      padding-right: 0;
      padding-left: 0
    }
  }
  @media(max-width: 1024px) {
    .footer__bottom {
      padding: 52px 0 0
    }
  }
  @media(max-width: 768px) {
    .footer__bottom {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start
    }
  }
  @media(max-width: 360px) {
    .footer__bottom {
      font-size: 13px
    }
  }
  .footer__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 50px
  }
  @media(max-width: 1679px) {
    .footer__info {
      padding-right: 30px
    }
  }
  @media(max-width: 1024px) {
    .footer__info {
      padding-right: 0
    }
  }
  @media(max-width: 768px) {
    .footer__info {
      -ms-flex-direction: column;
      flex-direction: column
    }
  }
  .footer__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 50px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2272727273
  }
  @media(min-width: 1025px) {
    .footer__item:nth-child(-n+3) {
      margin-top: 0
    }
    .footer__item:nth-child(3n+1) {
      max-width: 245px
    }
    .footer__item:nth-child(3n+2) {
      margin-left: 65px;
      width: 100%;
      max-width: 470px
    }
    .footer__item:nth-child(3n+3) {
      margin-left: 86px
    }
  }
  @media(min-width: 1025px)and (max-width: 1679px) {
    .footer__item:nth-child(3n+2),
    .footer__item:nth-child(3n+3) {
      margin-left: 57px
    }
  }
  @media(min-width: 1025px)and (max-width: 1279px) {
    .footer__item {
      margin-top: 30px;
      padding-right: 40px;
      width: 50%
    }
    .footer__item:nth-child(3) {
      -ms-flex-order: 1;
      order: 1;
      margin-top: 30px
    }
    .footer__item:nth-child(3n+1),
    .footer__item:nth-child(3n+2),
    .footer__item:nth-child(3n+3) {
      margin-left: 0;
      width: 50%;
      max-width: none
    }
  }
  @media(max-width: 1024px)and (min-width: 769px) {
    .footer__item {
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding-right: 30px;
      width: 50%;
      font-size: 18px
    }
    .footer__item:nth-child(1),
    .footer__item:nth-child(2) {
      margin-top: 0
    }
  }
  @media(max-width: 768px) {
    .footer__item {
      margin-top: 31px
    }
    .footer__item:first-child {
      margin-top: 0
    }
    .footer__item:nth-child(3) {
      -ms-flex-order: 2;
      order: 2
    }
    .footer__item:nth-child(4) {
      -ms-flex-order: 4;
      order: 4
    }
    .footer__item:nth-child(5) {
      -ms-flex-order: 1;
      order: 1
    }
    .footer__item:nth-child(6) {
      -ms-flex-order: 3;
      order: 3
    }
  }
  @media(max-width: 400px) {
    .footer__item {
      font-size: 18px
    }
  }
  @media(max-width: 360px) {
    .footer__item {
      font-size: 16px
    }
  }
  .footer__caption {
    display: block;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1875;
    color: #ffffff
  }
  .footer__caption--bottom {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -2px
  }
  .footer__caption--wa {
    position: relative;
    top: -4px
  }
  @media(max-width: 768px) {
    .footer__caption--bottom {
      position: relative;
      top: -2px;
      margin-top: 0
    }
  }
  @media(max-width: 400px) {
    .footer__caption {
      font-size: 14px
    }
    .footer__caption--bottom {
      top: 0
    }
  }
  @media(max-width: 360px) {
    .footer__caption {
      font-size: 13px
    }
  }
  .footer__link {
    position: relative;
    display: block
  }
  .footer__link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
  }
  .footer__link--underlined::before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  .footer__link--tg {
    margin-left: 34px
  }
  .footer__link--bottom {
    margin-left: 43px;
    text-transform: uppercase
  }
  .footer__link--bottom::before {
    bottom: 0
  }
  .footer__link--bottom:first-child {
    margin-left: 0
  }
  @media(min-width: 1025px) {
    .footer__link::before {
      transition: -webkit-transform .35s ease;
      transition: transform .35s ease;
      transition: transform .35s ease, -webkit-transform .35s ease
    }
    .footer__link:hover::before {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center
    }
    .footer__link--underlined:hover::before {
      -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
      transform: scaleX(0)
    }
  }
  @media(max-width: 1024px) {
    .footer__link--bottom {
      margin-left: 30px
    }
  }
  @media(max-width: 768px) {
    .footer__link--bottom {
      margin-top: 31px;
      margin-left: 0
    }
    .footer__link--bottom:first-child {
      margin-top: 0
    }
  }
  .footer__icon {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  .footer__icon--tg {
    position: absolute;
    left: -34px;
    top: 3px;
    width: 22px
  }
  @media(max-width: 1024px)and (min-width: 769px) {
    .footer__icon--tg {
      top: 0
    }
  }
  @media(max-width: 400px) {
    .footer__icon--tg {
      top: 0
    }
  }
  @media(max-width: 360px) {
    .footer__icon--tg {
      top: -1px
    }
  }
  .footer__logo {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 6px;
    margin-left: auto;
    width: 126px
  }
  @media(min-width: 1025px) {
    .footer__logo {
      transition: opacity .35s ease
    }
    .footer__logo:hover {
      opacity: .75
    }
  }
  @media(max-width: 1679px) {
    .footer__logo {
      margin-right: -17px
    }
  }
  @media(max-width: 1279px) {
    .footer__logo {
      margin-right: 0
    }
  }
  @media(max-width: 1024px) {
    .footer__logo {
      margin: 57px auto 0
    }
  }
  .footer__copy {
    margin-left: auto
  }
  @media(max-width: 768px) {
    .footer__copy {
      margin-top: 31px;
      margin-left: 0
    }
  }

.footer a {
    text-decoration: none;
    color: currentColor;
}


div.cover__container-bg img.gift-banner {
    width: auto;
    position: absolute;
    right: 0px;
    top: 10%;
    z-index: 1;
}

div img.gift-steps {
    width: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.gift-prizes {
    width: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.gift-qr {
    width: auto;
    position: absolute;
    left: 0px;
    top: 20%;
    z-index: 1;
}

.gift-winners {
    width: auto;
    position: absolute;
    right: 0px;
    top: 10%;
    z-index: 1;
}

@media (max-width: 1499px) {   
    div.cover__container-bg img.gift-banner {
        width: 300px;
        right: -30px;
    }
    div img.gift-steps {
        width: 260px;
        left: -30px;
    }
    .gift-prizes {
        width: 300px;
        right: -30px;
    }
    .gift-qr {
        width: 250px;
        left: -45px;
    }
    .gift-winners {
        width: 210px;
        right: -30px;
    }    
}


@media (max-width: 1199px) {
    div.cover__container-bg img.gift-banner {
        display: none;
    }    
    div img.gift-steps {
        display: none;
    }
    .gift-prizes {
        display: none;
    }
    .gift-qr {
        display: none;
    }
    .gift-winners {
        display: none;
    }    
}



.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}



    
/*# sourceMappingURL=app-project.min.css.map */