a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    font-family: "GothamPro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #1b2a84;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: "GothamPro";
    src: url(../fonts/GothamPro/GothamPro-Light.eot);
    src: url(../fonts/GothamPro/GothamPro-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamPro/GothamPro-Light.woff) format("woff"), url(../fonts/GothamPro/GothamPro-Light.ttf) format("truetype"),
        url(../fonts/GothamPro/GothamPro-Light.svg#GothamPro) format("svg");
    font-weight: 300;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "GothamPro";
        src: url(../fonts/GothamPro/GothamPro-Light.svg#GothamPro) format("svg");
    }
}
@font-face {
    font-family: "GothamPro";
    src: url(../fonts/GothamPro/GothamPro.eot);
    src: url(../fonts/GothamPro/GothamPro.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamPro/GothamPro.woff) format("woff"), url(../fonts/GothamPro/GothamPro.ttf) format("truetype"),
        url(../fonts/GothamPro/GothamPro.svg#GothamPro) format("svg");
    font-weight: 400;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "GothamPro";
        src: url(../fonts/GothamPro/GothamPro.svg#GothamPro) format("svg");
    }
}
@font-face {
    font-family: "GothamPro";
    src: url(../fonts/GothamPro/GothamPro-Medium.eot);
    src: url(../fonts/GothamPro/GothamPro-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamPro/GothamPro-Medium.woff) format("woff"), url(../fonts/GothamPro/GothamPro-Medium.ttf) format("truetype"),
        url(../fonts/GothamPro/GothamPro-Medium.svg#GothamPro) format("svg");
    font-weight: 500;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "GothamPro";
        src: url(../fonts/GothamPro/GothamPro-Medium.svg#GothamPro) format("svg");
    }
}
@font-face {
    font-family: "GothamPro";
    src: url(../fonts/GothamPro/GothamPro-Bold.eot);
    src: url(../fonts/GothamPro/GothamPro-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/GothamPro/GothamPro-Bold.woff) format("woff"), url(../fonts/GothamPro/GothamPro-Bold.ttf) format("truetype"),
        url(../fonts/GothamPro/GothamPro-Bold.svg#GothamPro) format("svg");
    font-weight: 700;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "GothamPro";
        src: url(../fonts/GothamPro/GothamPro-Bold.svg#GothamPro) format("svg");
    }
}
@font-face {
    font-family: "Thwack";
    src: url(../fonts/Thwack/cyrilic/ThwackCyrillic.eot);
    src: url(../fonts/Thwack/cyrilic/ThwackCyrillic.eot?#iefix) format("embedded-opentype"), url(../fonts/Thwack/cyrilic/ThwackCyrillic.woff) format("woff"), url(../fonts/Thwack/cyrilic/ThwackCyrillic.ttf) format("truetype"),
        url(../fonts/Thwack/cyrilic/ThwackCyrillic.svg#Thwack) format("svg");
    font-weight: 400;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Thwack";
        src: url(../fonts/Thwack/cyrilic/ThwackCyrillic.svg#Thwack) format("svg");
    }
}
.col,
.container {
    padding-left: 15px;
    padding-right: 15px;
}
.col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.page,
body.no-scroll {
    overflow: hidden;
}
.page {
    padding-top: 72px;
}
.page.type-page {
    padding: 20px 30px 30px 30px;
}
@media (max-width: 992px) {
    .page {
        padding-top: 50px;
    }
}
.page--index {
    padding-top: 0;
    min-width: 1980px;
    overflow: hidden;
}
.page--index2 {
    background-color: #864831;
    background-image: url(../img/main-bg-opt.jpg);
    background-repeat: repeat-y;
    background-size: contain;
    background-position: center 0;
    position: relative;
}
@media (min-width: 1923px) {
    .page--index2 {
        background-size: 100% auto;
    }
}
.order-steps-2__container,
.order-steps-3__container,
.order-steps__container,
.page__container {
    max-width: 1106px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.order-steps-2__container--items,
.order-steps-3__container--items,
.order-steps__container--items,
.page__container--items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 25px;
}
.page__item:last-child {
    margin-right: 0;
}
.page__item--aside {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 240px;
}
.page__title {
    font-family: "Thwack", sans-serif;
    font-size: 30px;
    line-height: 28px;
    color: #3655fd;
    padding-top: 15px;
    padding-bottom: 18px;
    letter-spacing: 1px;
}
@media (max-width: 575px) {
    .page__title {
        text-align: center;
    }
}
.page__title--sm {
    font-size: 24px;
    font-weight: 700;
}
.page__title--basket {
    padding: 50px 0;
}
@media (max-width: 992px) {
    .page__title--basket {
        font-size: 26px;
        padding: 50px 0 40px;
    }
}
.page__title--order-info {
    padding-bottom: 75px;
}
b {
    font-weight: 700;
}
strong {
    font-weight: 500;
}
.overlay {
    width: 100%;
    height: 100%;
    background: #120433;
    opacity: 0.6;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}
.overlay.active {
    display: block;
}
.copyright {
    padding: 15px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
}
.copyright a {
    color: #fff;
}
.bg-part {
    position: absolute;
}
.bg-part--left1 {
    left: -60%;
    top: 84px;
}
.item__pos3 .bg-part--left1,
.item__pos5 .bg-part--left1 {
    transform: scale(1, -1)
}
.item__pos4 .bg-part--left1 {
    left: -45%;
    top: 84px;
}
@media (max-width: 1922px) {
    .bg-part--left1 {
        left: 48%;
        margin-left: -990px;
    }
}
.bg-part--left2 {
    left: -50%;
    top: 20px;
    transform: scale(-1, 1);
}
.bg-part--left2 {
    left: 103%;
    margin-left: -965px;
}
@media (max-width: 1922px) {
    .bg-part--left2 {
        left: 50%;
        margin-left: -965px;
    }
    .bg-part--left2 {
        right: -50%;
        top: 20px;
        transform: scale(-1, 1);
    }
}
.bg-part--right1 {
    right: 50%;
    margin-right: -950px;
    top: 401px;
}
@media (max-width: 1922px) {
    .bg-part--right1 {
        right: 50%;
        margin-right: -950px;
    }
}
.bg-part--right2 {
    right: 50%;
    margin-right: -651px;
    top: 2311px;
}
@media (max-width: 1922px) {
    .bg-part--right2 {
        right: 50%;
        margin-right: -970px;
    }
}
.button {
    font-size: 22px;
    font-weight: 700;
    height: 65px;
    line-height: 65px;
    padding-left: 35px;
    padding-right: 35px;
    -webkit-box-shadow: 0 8px 17px rgba(13, 10, 88, 0.6);
    box-shadow: 0 8px 17px rgba(13, 10, 88, 0.6);
}
.button,
.button-price {
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: 0;
    border: 0;
    border-radius: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(#3c17cf), to(#1a0f53));
    background: -webkit-linear-gradient(#3c17cf, #1a0f53);
    background: -o-linear-gradient(#3c17cf, #1a0f53);
    background: linear-gradient(#3c17cf, #1a0f53);
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.button-price:after,
.button:after {
    content: url(../img/button-pattern.png);
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.button--light,
.button-price--light {
    font-size: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#1670fb), to(#004fe4));
    background: -webkit-linear-gradient(#1670fb, #004fe4);
    background: -o-linear-gradient(#1670fb, #004fe4);
    background: linear-gradient(#1670fb, #004fe4);
    -webkit-box-shadow: 0 8px 17px -5px rgba(0, 79, 228, 0.4);
    box-shadow: 0 8px 17px -5px rgba(0, 79, 228, 0.4);
    height: 54px;
    line-height: 54px;
}
@media (max-width: 992px) {
    .button--light,
    .button-price--light {
        font-size: 18px;
    }
}
.button--light:hover,
.button-price--light:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#3985fc), to(#0f62ff));
    background: -webkit-linear-gradient(#3985fc, #0f62ff);
    background: -o-linear-gradient(#3985fc, #0f62ff);
    background: linear-gradient(#3985fc, #0f62ff);
}
.button-price.disable,
.button-price:disabled,
.button.disable,
.button:disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}
.button-price__note,
.button__note {
    font-size: 14px;
    text-align: center;
    padding-top: 4px;
    color: #c30758;
}
.button-more {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    color: #5189e8;
}
.button-apply,
.button-more {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 100px;
    padding-left: 20px;
    padding-right: 20px;
    background: #badffe;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.button-apply:hover,
.button-more:hover {
    background: #79c1fd;
    color: #286de3;
}
.button-apply--lg,
.button-more--lg {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
}
.button-apply {
    font-size: 14px;
    background: #a0e6ff;
    color: #4c7afe;
    height: 28px;
    line-height: 28px;
}
.button-price {
    border-bottom: none;
    font-size: 18px;
    font-weight: 500;
    height: 46px;
    line-height: 46px;
    background: -webkit-gradient(linear, left top, left bottom, from(#1670fb), to(#004fe4));
    background: -webkit-linear-gradient(#1670fb, #004fe4);
    background: -o-linear-gradient(#1670fb, #004fe4);
    background: linear-gradient(#1670fb, #004fe4);
    -webkit-box-shadow: 0 8px 17px -5px rgba(0, 79, 228, 0.4);
    box-shadow: 0 8px 17px -5px rgba(0, 79, 228, 0.4);
    padding-left: 20px;
    padding-right: 6px;
    white-space: nowrap;
}
@media (max-width: 992px) {
    .button-price {
        font-size: 16px;
    }
}
.button-price--lg,
.button-price--no-span {
    padding-right: 20px;
}
.button-price--lg {
    height: 52px;
    line-height: 52px;
}
@media (max-width: 992px) {
    .button-price--lg {
        height: 46px;
        line-height: 46px;
    }
}
.button-price span {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    vertical-align: top;
    background: #018bf3;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 100px;
    margin-top: 6px;
    margin-left: 6px;
}
.links__item {
    margin-bottom: 10px;
}
.card-popular {
    display: inline-block;
    text-align: center;
    position: relative;
}
.card-popular__title {
    font-size: 20px;
    color: #1b75db;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}
.card-popular__img {
    width: 215px;
    border: 4px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 20px rgba(13, 10, 88, 0.6);
    box-shadow: 0 3px 20px rgba(13, 10, 88, 0.6);
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}
.card-popular__img img {
    display: block;
    width: 100%;
}
.card-popular__new {
    position: absolute;
    top: -15px;
    left: -10px;
    z-index: 2;
}
.card-popular__hit {
    position: absolute;
    top: -17px;
    right: -40px;
    z-index: 2;
}
.card-popular__button {
    height: 46px;
    position: relative;
    margin-bottom: 5px;
    z-index: 2;
}
.card-popular__button .button-price {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.card-popular__more {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #000019;
    text-decoration: none;
    position: relative;
    z-index: 2;
}
.card-popular__icon {
    display: inline-block;
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
}
.card-popular__icon--1 .icon,
.card-popular__icon--2 .icon,
.card-popular__icon--3 .icon {
    -webkit-animation: rotateStar 4s infinite;
    animation: rotateStar 4s infinite;
}
.card-popular__icon--2 .icon,
.card-popular__icon--3 .icon {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.card-popular__icon--3 .icon {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.card-popular__icon--4 .icon,
.card-popular__icon--5 .icon,
.card-popular__icon--6 .icon {
    -webkit-animation: rotateStar 4s infinite;
    animation: rotateStar 4s infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.card-popular__icon--5 .icon,
.card-popular__icon--6 .icon {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.card-popular__icon--6 .icon {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.card-popular__icon .icon {
    display: block;
    position: relative;
    z-index: 2;
}
.card-popular__icon .icon:last-child {
    margin-top: -27px;
    z-index: 1;
}
.card {
    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;
    padding: 15px;
}
@media (max-width: 992px) {
    .card {
        padding-right: 0;
    }
}
@media (max-width: 860px) {
    .card {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 35px;
    }
}
@media (max-width: 575px) {
    .card {
        display: block;
    }
}
.card__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}
@media (max-width: 575px) {
    .card__item {
        max-width: 290px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 860px) {
    .card__item:last-child {
        min-width: 100%;
        padding-left: 242px;
        padding-top: 10px;
    }
}
@media (max-width: 575px) {
    .card__item:last-child {
        padding-left: 0;
        min-width: 1px;
    }
}
.card__item--img {
    width: 348px;
    min-width: 348px;
    text-align: right;
    padding-right: 30px;
    white-space: nowrap;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
}
@media (max-width: 992px) {
    .card__item--img {
        width: 242px;
        min-width: 242px;
        padding-right: 15px;
    }
}
@media (max-width: 575px) {
    .card__item--img {
        margin-bottom: 24px;
        padding-right: 0;
    }
}
.card__shadow {
    position: absolute;
    bottom: -30px;
    right: 35%;
}
@media (max-width: 992px) {
    .card__shadow {
        width: 180px;
        right: 38%;
        bottom: -20px;
    }
    .card__shadow img {
        width: 100%;
        opacity: 0.7;
    }
}
.card__img {
    display: inline-block;
    width: 246px;
    height: 246px;
    border: 3px solid #96d6fb;
    border-radius: 1000px;
    vertical-align: middle;
    margin-right: 20px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
@media (max-width: 992px) {
    .card__img {
        width: 180px;
        height: 180px;
        margin-right: 0;
    }
}
.card__img img {
    display: block;
    width: 100%;
    border-radius: 1000px;
}
.card__img--free {
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    overflow: visible;
    float: right;
    position: relative;
}
@media (max-width: 992px) {
    .card__img--free {
        width: 224px;
        min-width: 224px;
        left: -15px;
    }
}
@media (max-width: 575px) {
    .card__img--free {
        float: none;
    }
}
.card__img--free,
.card__img--free img {
    width: auto;
    border-radius: 0;
}
@media (max-width: 992px) {
    .card__img--free img {
        width: 100%;
    }
}
.card__img--sm {
    width: 214px;
    height: 214px;
}
@media (max-width: 992px) {
    .card__img--sm {
        width: 180px;
        height: 180px;
    }
}
.card__series {
    display: inline-block;
    font-size: 32px;
    font-weight: 500;
    color: #83bffd;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -32px;
}
@media (max-width: 992px) {
    .card__series {
        top: -70px;
        left: -10px;
    }
}
.card__series--light {
    color: #fff;
    top: -7px;
}
@media (max-width: 992px) {
    .card__series--light {
        top: -70px;
        left: -10px;
    }
}
.card__series span {
    display: block;
    font-size: 14px;
}
.card__new {
    margin-bottom: 10px;
}
@media (max-width: 992px) {
    .card__new {
        width: 120px;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .card__new img {
        width: 100%;
    }
}
.card__category {
    font-size: 18px;
    font-weight: 500;
    color: #4896e5;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .card__category {
        margin-bottom: 7px;
    }
}
.card__title {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    color: #c30758;
    margin-bottom: 20px;
    padding-right: 15px;
}
@media (max-width: 992px) {
    .card__title {
        margin-bottom: 15px;
    }
}
@media (max-width: 860px) {
    .card__title {
        padding-right: 0;
    }
}
@media (max-width: 768px) {
    .card__title {
        font-size: 24px;
        margin-bottom: 12px;
    }
}
.card__info-list {
    margin-bottom: 15px;
}
.card__info {
    font-size: 16px;
    color: #1b2a84;
    line-height: 24px;
    position: relative;
}
.card__info:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #399efd;
    position: absolute;
    left: -12px;
    top: 11px;
}
.card__info:nth-child(2):before {
    background: #3959fd;
}
.card__info:nth-child(3):before {
    background: #c30758;
}
.card__button {
    margin-bottom: 20px;
}
.card__more {
    display: inline-block;
    text-transform: lowercase;
    color: #616161;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    border-bottom: 1px solid #b0b0b0;
    margin-left: 28px;
}
@media (max-width: 992px) {
    .card__more {
        margin-left: 20px;
    }
}
.card-line {
    height: 1px;
    background: #7ebdfd;
    position: relative;
}
.card-line:after,
.card-line:before {
    content: "";
    display: block;
    width: 16px;
    height: 11px;
    background: #7ebdfd;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0 50%);
    position: absolute;
    left: -2px;
    top: -5px;
}
.card-line:after {
    left: auto;
    right: -2px;
}
.checkbox {
    position: relative;
    font-size: 18px;
}
.checkbox--sm {
    font-size: 14px;
}
.checkbox--sm a {
    text-transform: uppercase;
    color: inherit;
}
.checkbox__label {
    color: #1b2a84;
    font-weight: 500;
    white-space: normal;
}
.checkbox__check--checkbox {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    border: 2px solid #308ff0;
    background: #fff;
}
.checkbox__check--checkbox .icon {
    position: relative;
    top: -1px;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.checkbox__check--radio {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    background: #aed7e5;
    border: 5px solid #aed7e5;
    -webkit-transition: background 0.3s, border-color 0.3s;
    -o-transition: background 0.3s, border-color 0.3s;
    transition: background 0.3s, border-color 0.3s;
}
@media (max-width: 992px) {
    .checkbox__check--radio {
        margin-right: 6px;
    }
}
.checkbox label {
    display: inline-block;
    white-space: nowrap;
}
.checkbox label:hover .checkbox__check--radio,
.checkbox--check-light .checkbox__check--radio:hover {
    background: #6899f8;
}
.checkbox span {
    display: inline-block;
    vertical-align: middle;
}
.checkbox input {
    display: none;
}
.checkbox input:checked + label .checkbox__label {
    color: #c30758;
}
.checkbox input:checked + label .checkbox__check .icon {
    opacity: 1;
}
.checkbox input:checked + label .checkbox__check--radio {
    background: #2a47c8;
    border-color: #4b8dd7;
}
.checkbox input:checked + label .checkbox__check--checkbox + .checkbox__label {
    color: #1b2a84;
}
.checkbox--check-light .checkbox__label {
    font-size: 18px;
    color: #1b2a84;
    cursor: pointer;
}
.checkbox--check-light .checkbox__check--radio {
    border-radius: 100px;
    background: #fff;
    border-color: #fff;
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
@-webkit-keyframes rotateStar {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotateStar {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.chosen-container .chosen-drop {
    position: absolute;
    z-index: 1010;
    width: 100%;
    background: #fff;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}
.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
}
.chosen-container a {
    cursor: pointer;
}
.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999;
}
.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}
.chosen-container-single .chosen-default {
    color: #999;
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover,
.chosen-container-single .chosen-single abbr:hover,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0 2px;
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%);
}
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    list-style: none;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result,
.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
}
.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default;
}
.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}
.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    max-width: 100%;
    border-radius: 3px;
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    line-height: 13px;
    cursor: default;
    border: 1px solid #aaa;
    background-color: #eee;
    color: #333;
}
.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 4px;
    right: 3px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}
.chosen-container-active .chosen-choices,
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -o-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
}
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
    cursor: default;
}
.chosen-rtl {
    text-align: right;
}
.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}
.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}
.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}
.chosen-rtl .chosen-choices li {
    float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url(chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type="text"] {
        background-image: url(chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}
.chosen-container {
    font-size: 18px;
    -webkit-box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
}
.chosen-container .chosen-single {
    color: #1b2a84;
    height: 48px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
    background: #fff;
    line-height: 48px;
    padding-left: 15px;
    padding-right: 45px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-radius: 0;
    border: 0 !important;
    z-index: 1011;
}
.chosen-container .chosen-single:after {
    content: "";
    background-image: url(../img/icons/sprite.png);
    background-position: -114px -72px;
    width: 18px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 18px;
}
.chosen-container .chosen-single span {
    margin-right: 0;
}
.chosen-container .chosen-search {
    padding: 0 0 10px;
}
.chosen-container .chosen-search input[type="text"] {
    height: 38px;
    border: 1px solid #308ff0;
    padding: 0 10px;
    font-size: 16px;
}
.chosen-container .chosen-drop {
    padding: 0 10px 10px;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    top: 48px;
    margin: 0;
}
.chosen-container .chosen-results {
    max-height: 190px;
    padding: 0;
    margin: 0;
}
.chosen-container .chosen-results::-webkit-scrollbar,
.scroll::-webkit-scrollbar {
    width: 0 !important;
}
.chosen-container .chosen-results::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}
.chosen-container .chosen-results::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}
.chosen-container .chosen-results::-webkit-scrollbar-thumb:hover,
.scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.chosen-container .chosen-results li {
    line-height: 18px;
    color: #76767b;
    padding: 10px;
}
.chosen-container .chosen-results li.highlighted {
    background: #e1d6dd;
    color: #76767b;
}
.chosen-container .chosen-results li.no-results {
    background: #e1d6dd;
}
.discount {
    width: 415px;
    height: 134px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center;
    padding-top: 20px;
}
@media (max-width: 575px) {
    .discount {
        width: 312px;
        height: 100px;
        padding-top: 10px;
    }
}
.discount__text1 {
    font-family: "Thwack", sans-serif;
    font-size: 24px;
    margin-bottom: 6px;
    letter-spacing: 1px;
}
@media (max-width: 575px) {
    .discount__text1 {
        font-size: 18px;
        margin-bottom: 4px;
    }
}
.discount__text1 span {
    font-size: 36px;
}
@media (max-width: 575px) {
    .discount__text1 span {
        font-size: 24px;
    }
}
.discount__text2 {
    font-size: 24px;
    margin-bottom: 6px;
    letter-spacing: 1px;
}
@media (max-width: 575px) {
    .discount__text2 {
        font-size: 18px;
        margin-bottom: 4px;
    }
}
.discount__text3 {
    font-size: 9px;
}
.dropdown {
    min-width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
.dropdown__list {
    padding: 8px 20px;
    background: #fff;
}
.dropdown__item a {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
}
.dropdown__item:last-child a {
    border-bottom: none;
}
.input label {
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
}
.input input {
    display: block;
    height: 48px;
    width: 100%;
    background: #fff;
    border: 1px solid #308ff0;
    font-size: inherit;
    padding: 0 15px;
    letter-spacing: 0.5px;
}
.input--promo input {
    font-size: 18px;
    color: #969aa8;
    letter-spacing: 1px;
    padding: 0 20px;
    margin: 12px 0;
}
.input .button__note {
    text-align: left;
}
.inputs {
    max-width: 300px;
}
.inputs .checkbox,
.inputs .input {
    margin-bottom: 20px;
}
.icon--arrow-back,
.icon--arrow-next,
.icon--basket-delete {
    background-image: url(../img/icons/sprite.png);
    background-position: -152px -20px;
    width: 10px;
    height: 16px;
}
.icon--arrow-next,
.icon--basket-delete {
    background-position: -152px 0;
    width: 12px;
    height: 20px;
}
.icon--basket-delete {
    background-position: -98px -86px;
    width: 16px;
    height: 16px;
}
.icon--check,
.icon--inst,
.icon--inst-light,
.icon--listen {
    background-image: url(../img/icons/sprite.png);
    background-position: -132px -72px;
    width: 14px;
    height: 14px;
}
.icon--inst,
.icon--inst-light,
.icon--listen {
    background-position: 0 -41px;
    width: 45px;
    height: 45px;
}
.icon--inst,
.icon--listen {
    background-position: -74px -86px;
    width: 24px;
    height: 24px;
}
.icon--listen {
    background-position: -60px -120px;
    width: 32px;
    height: 28px;
}
.icon--pack,
.icon--select,
.icon--sidebar-envelope {
    background-image: url(../img/icons/sprite.png);
    background-position: -45px -41px;
    width: 24px;
    height: 30px;
}
.icon--select,
.icon--sidebar-envelope {
    background-position: -114px -72px;
    width: 18px;
    height: 14px;
}
.icon--sidebar-envelope {
    background-position: -114px -86px;
    width: 16px;
    height: 12px;
}
.icon--sidebar-phone,
.icon--star-1,
.icon--star-1-shadow {
    background-image: url(../img/icons/sprite.png);
    background-position: -45px -71px;
    width: 14px;
    height: 14px;
}
.icon--star-1,
.icon--star-1-shadow {
    background-position: -74px -46px;
    width: 38px;
    height: 38px;
}
.icon--star-1 {
    background-position: -114px 0;
}
.icon--star-2,
.icon--star-2-shadow,
.icon--star-3,
.icon--star-3-shadow {
    background-image: url(../img/icons/sprite.png);
    background-position: 0 -86px;
    width: 34px;
    height: 34px;
}
.icon--star-2,
.icon--star-3,
.icon--star-3-shadow {
    background-position: -114px -38px;
}
.icon--star-3,
.icon--star-3-shadow {
    background-position: 0 -120px;
    width: 30px;
    height: 30px;
}
.icon--star-3 {
    background-position: -30px -120px;
}
.icon--star-4,
.icon--star-4-shadow,
.icon--video-arrow,
.icon--vk,
.icon--vk-light {
    background-image: url(../img/icons/sprite.png);
    background-position: -118px -120px;
    width: 26px;
    height: 26px;
}
.icon--star-4,
.icon--video-arrow,
.icon--vk,
.icon--vk-light {
    background-position: -92px -120px;
}
.icon--video-arrow,
.icon--vk,
.icon--vk-light {
    background-position: -74px 0;
    width: 40px;
    height: 46px;
}
.icon--vk,
.icon--vk-light {
    background-position: 0 0;
    width: 74px;
    height: 41px;
}
.icon--vk {
    background-position: -34px -86px;
    width: 40px;
    height: 24px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
    .icon--arrow-back,
    .icon--arrow-next,
    .icon--basket-delete,
    .icon--check,
    .icon--inst,
    .icon--inst-light,
    .icon--listen,
    .icon--pack,
    .icon--select,
    .icon--sidebar-envelope,
    .icon--sidebar-phone,
    .icon--star-1,
    .icon--star-1-shadow,
    .icon--star-2,
    .icon--star-2-shadow,
    .icon--star-3,
    .icon--star-3-shadow,
    .icon--star-4,
    .icon--star-4-shadow,
    .icon--video-arrow,
    .icon--vk,
    .icon--vk-light {
        background-image: url(../img/icons/sprite@2x.png);
        background-size: 164px 150px;
    }
}
.icon,
.listen,
.listen span {
    display: inline-block;
}
.listen {
    cursor: pointer;
}
.listen span {
    vertical-align: middle;
}
.listen__label {
    font-size: 16px;
    color: #1b2a84;
    border-bottom: 1px solid rgba(27, 42, 132, 0.3);
    margin-left: 10px;
}
.modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    padding: 30px 15px 15px;
}
.modal-overlay__inner {
    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;
}
.modal {
    position: relative;
    display: none;
}
.modal--video {
    width: 800px;
    max-width: 100%;
    background: #000;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.modal--video.active {
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.modal__frame-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 56.25%;
}
.frame iframe,
.modal iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.modal__close {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background: #eee;
    position: absolute;
    right: -30px;
    top: -30px;
    text-align: center;
    padding-top: 7px;
    background: #e40159;
    cursor: pointer;
}
@media (max-width: 920px) {
    .modal__close {
        right: 0;
        top: -35px;
    }
}
.nav-toggle {
    width: 28px;
    display: none;
    cursor: pointer;
}
@media (max-width: 992px) {
    .nav-toggle {
        display: block;
    }
}
.nav-toggle__line {
    display: block;
    width: 28px;
    height: 2px;
    background: #caf6fe;
    margin-bottom: 7px;
    position: relative;
    top: 0;
    -webkit-transition: opacity 0.1s, top 0.2s, -webkit-transform 0.2s;
    -o-transition: transform 0.2s, opacity 0.1s, top 0.2s;
    transition: transform 0.2s, opacity 0.1s, top 0.2s;
    transition: transform 0.2s, opacity 0.1s, top 0.2s, -webkit-transform 0.2s;
}
.nav-toggle__line--3 {
    margin-bottom: 0;
}
.nav-toggle.active .nav-toggle__line--1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px;
}
.nav-toggle.active .nav-toggle__line--2 {
    opacity: 0;
}
.nav-toggle.active .nav-toggle__line--3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -9px;
}
.preview {
    background: #fbf5f1;
    border-radius: 5px;
    border: 5px solid #fff;
}
.preview__inner {
    padding: 35px 0;
    display: flex;
}
.preview__inner .preview__block {
    color: #6e3937;
    width: 50%;
    flex-grow: 1;
    padding: 0 15px;
}
.preview__inner .preview__right {
    padding-bottom: 140px;
    position: relative;
}
.preview__inner .preview__right .preview__button {
    position: absolute;
    bottom: 35px;
    left: 15px;
    right: 15px;
}
.list-stories__item:nth-child(even) .preview__inner .preview__left {
    order: 2;
} 
.list-stories__item:nth-child(even) .preview__inner .preview__right {
    order: 1;
}
.preview__inner .preview__desc p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 1.4;
}
.preview__title {
    font-size: 22px;
    font-weight: 700;
    color: #2472d4;
    margin-bottom: 22px;
}
.preview__subtitle {
    font-size: 18px;
    line-height: 18px;
    color: #924a4a;
    text-align: right;
    margin-bottom: 35px;
}
@media (max-width: 992px) {
    .preview__subtitle {
        margin-bottom: 24px;
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .preview__subtitle {
        text-align: center;
    }
}
.preview__link {
    display: block;
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    text-align: center;
}
@media (max-width: 992px) {
    .preview__link {
        margin-bottom: 18px;
    }
}
.preview__link:hover,
.preview__link:hover .preview__show {
    text-decoration: none;
}
.preview__hit {
    width: 139px;
    position: absolute;
    bottom: -10px;
    right: -60px;
}
@media (max-width: 768px) {
    .preview__hit {
        width: 100px;
        right: -30px;
    }
}
.preview__hit img {
    display: block;
    width: 100%;
}
.preview__img {
    overflow: hidden;
    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;
}
.preview__img img {
    display: block;
    width: 100%;
}
.preview__show {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #2472d4;
    text-decoration: underline;
}
.preview__text {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 18px;
}
.preview__reviews {
    height: 140px;
    overflow: auto;
    background-color: #FFF;
}
.preview__reviews ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.preview__reviews li {
    position: relative;
    padding: 30px 15px 30px 140px;
    display: block;
}
.preview__reviews li img {
    position: absolute;
    left: 10px;
    top: 10px;
}
.preview__button {
    text-align: center;
}
.preview__button .button-price {
    display: block;
    margin-bottom: 7px;
}
.preview__button small {
    font-size: small;
}
.select {
    height: 48px;
    font-size: 18px;
    color: #1b2a84;
    position: relative;
}
.select.active {
    height: 290px;
}
.select select {
    display: none;
}
.select__container {
    -webkit-box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    background: #fff;
}
.select__label {
    line-height: 48px;
    padding-left: 15px;
    padding-right: 45px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative;
}
.select__label .icon {
    position: absolute;
    right: 15px;
    top: 18px;
}
.select__drop {
    padding: 5px 10px 10px;
    display: none;
}
.select__drop.active {
    display: block;
}
.select__search {
    padding-bottom: 10px;
}
.select__search input,
select {
    width: 100%;
    height: 38px;
    outline: 0;
    border: 1px solid #308ff0;
    padding: 0 10px;
    font-size: 16px;
}
.select__list {
    padding-top: 0;
    height: 190px;
    overflow-y: scroll;
}
.select__item {
    padding: 10px;
    cursor: pointer;
    color: #76767b;
}
.select__item:hover {
    background: #e1d6dd;
}
select {
    color: #1b2a84;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    padding: 0 30px 0 15px;
    -webkit-box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    border: 0 !important;
    outline: 0 !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5,
h6.h6 {
    font-weight: 500;
    line-height: 1.2;
    color: #333;
    margin-bottom: 15px;
}
.h1,
h1 {
    font-size: 36px;
}
.h2,
h2 {
    font-size: 30px;
}
.h3,
h3 {
    font-size: 24px;
}
.h4,
h4 {
    font-size: 18px;
}
.h5,
h5 {
    font-size: 16px;
}
.h6,
h6 {
    font-size: 14px;
}
.display-1,
.display-2,
.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2;
    color: #333;
    margin-bottom: 15px;
}
.display-1 {
    font-size: 96px;
}
.display-2 {
    font-size: 88px;
}
.display-3 {
    font-size: 72px;
}
.display-4 {
    font-size: 56px;
}
.text {
    font-size: 16px;
    padding-bottom: 1px;
}
.text--lg {
    font-size: 18px;
    font-weight: 300;
}
.text--sm {
    font-size: 14px;
}
.text p {
    margin-top: 0;
    line-height: 1.6;
}
.text ul {
    list-style: disc;
    padding-left: 15px;
}
.text ul li {
    line-height: 1.4;
    margin-bottom: 12px;
}
.text p,
.text table,
.text ul {
    margin-bottom: 15px;
}
.video-text {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.4;
    padding-top: 30px;
    padding-bottom: 14px;
}
@media (max-width: 768px) {
    .video-text {
        display: block;
        padding-top: 10px;
    }
}
.video-text--space-bottom {
    margin-bottom: 30px;
}
.video-text__video {
    width: 530px;
    min-width: 530px;
    padding-right: 30px;
}
@media (max-width: 992px) {
    .video-text__video {
        width: 410px;
        min-width: 410px;
    }
}
@media (max-width: 768px) {
    .video-text__video {
        padding-right: 0;
        width: 480px;
        min-width: 1px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
}
.video-text__title {
    margin-bottom: 18px;
    font-weight: 700;
}
.video-text__title span {
    display: block;
    font-family: "Thwack", sans-serif;
    padding-top: 5px;
    letter-spacing: 1.5px;
}
.video-text__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.video-text__text > :last-child {
    padding-top: 8px;
    margin-bottom: 0;
}
.video-text__button {
    padding-top: 20px;
}
.frame,
.video {
    position: relative;
}
.frame {
    width: 100%;
    padding-top: 56.25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.video {
    overflow: hidden;
}
.video__overlay {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.video__button,
.video__overlay,
.video__play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.video__button {
    cursor: pointer;
}
.video__play {
    width: 108px;
    height: 108px;
    border-radius: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(#c07049), to(#9b4228));
    background: -webkit-linear-gradient(#c07049, #9b4228);
    background: -o-linear-gradient(#c07049, #9b4228);
    background: linear-gradient(#c07049, #9b4228);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10px;
}
.video__text {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    border-bottom: 2px solid #966a39;
    padding-bottom: 10px;
    margin-left: 20px;
}
.video__frame {
    width: 100%;
    height: 100%;
}
.advantage {
    background: url(../img/advantage.png);
    background-position: center 0;
    background-size: cover;
    margin-top: -180px;
    padding-top: 60px;
    padding-bottom: 80px;
    position: relative;
    z-index: 3;
}
.advantage__container {
    max-width: 1396px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.advantage__container--video {
    padding-top: 100px;
    display: block;
}
.advantage__title-img {
    position: absolute;
    left: -320px;
    top: -10px;
    z-index: 2;
    pointer-events: none;
}
.advantage__item {
    color: #3b18c2;
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 30px;
}
.advantage__item--2 {
    margin-top: 4px;
}
.advantage__item--3 {
    margin-top: 50px;
}
.advantage__item--4 {
    margin-top: 90px;
}
.advantage__item--5 {
    margin-top: 125px;
}
.advantage__video {
    display: inline-block;
    vertical-align: top;
    width: 660px;
    height: 530px;
}
.advantage__description {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 540px;
    margin-left: 50px;
    padding-top: 25px;
    position: relative;
    z-index: 2;
}
.advantage__title-1 {
    font-size: 18px;
    line-height: 24px;
    color: #ed1c26;
    margin-bottom: 25px;
}
.advantage__title-2 {
    font-size: 24px;
    font-weight: 500;
    color: #3b18c2;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
}
.advantage__title-2 span,
.advantage__title-3 {
    font-family: "Thwack", sans-serif;
    letter-spacing: 2px;
}
.advantage__title-2 span {
    position: absolute;
    right: 0;
    bottom: calc(100% + 20px);
    font-size: 16px;
    color: #6d95f1;
}
.advantage__title-3 {
    font-size: 36px;
    color: #3b18c2;
    margin-bottom: 28px;
    margin-top: 3px;
}
.advantage__text {
    font-size: 18px;
    line-height: 28px;
}
.advantage__text--note {
    font-size: 16px;
    text-transform: uppercase;
    color: #3b18c2;
    font-weight: 500;
}
.advantage__text--sm {
    font-size: 16px;
}
.advantage__button {
    margin-top: 28px;
}
.advantage__type-img {
    width: 1980px;
    z-index: 3;
    position: absolute;
    top: calc(100% - 138px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}
.advantage__icon {
    margin-right: 30px;
}
.advantage__icon--1 .icon {
    -webkit-animation: rotateStar 4s infinite;
    animation: rotateStar 4s infinite;
}
.advantage__icon--1 .icon:last-child,
.advantage__icon--2 .icon:last-child {
    margin-top: -31px;
}
.advantage__icon--2 .icon,
.advantage__icon--3 .icon {
    -webkit-animation: rotateStar 4s infinite;
    animation: rotateStar 4s infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.advantage__icon--3 .icon {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.advantage__icon--3 .icon:last-child {
    margin-top: -35px;
}
.advantage__icon--4 .icon {
    -webkit-animation: rotateStar 4s infinite;
    animation: rotateStar 4s infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.advantage__icon--4 .icon:last-child {
    margin-top: -27px;
}
.advantage__icon--5 .icon {
    -webkit-animation: rotateStar 4s infinite;
    animation: rotateStar 4s infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.advantage__icon--5 .icon:last-child {
    margin-top: -23px;
}
.advantage__icon .icon {
    display: block;
    position: relative;
    z-index: 2;
}
.advantage__icon .icon:last-child {
    z-index: 1;
}
.demo,
.demo:after {
    background-repeat: no-repeat;
}
.demo {
    background: url(../img/demo.jpg);
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 180px;
    background-position: center 0;
    position: relative;
}
.demo:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(../img/flash.png);
    background-position: center 90px;
    z-index: 2;
    pointer-events: none;
}
.demo__container {
    max-width: 1470px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.demo__game {
    margin-left: -35px;
    position: relative;
}
.demo__chip {
    position: absolute;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 120px;
}
.demo__chip:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.demo__chip--1 {
    top: 142px;
    right: 35px;
}
.demo__chip--2 {
    bottom: 110px;
    left: 280px;
}
.demo__chip--3 {
    bottom: 62px;
    left: 362px;
}
.demo__chip--4 {
    width: 153px;
    right: -44px;
    bottom: -108px;
}
.demo__description {
    width: 560px;
    text-align: center;
    padding-top: 158px;
    margin-left: -30px;
    position: relative;
}
@media (max-width: 1400px) {
    .demo__description {
        padding-top: 110px;
        padding-bottom: 40px;
    }
}
.demo__title {
    display: inline-block;
    font-family: "Thwack", sans-serif;
    font-size: 41px;
    line-height: 50px;
    color: #5883f3;
    letter-spacing: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#5883f3), to(#6cc4fc));
    background: -webkit-linear-gradient(left, #5883f3, #6cc4fc);
    background: -o-linear-gradient(left, #5883f3, #6cc4fc);
    background: linear-gradient(to right, #5883f3, #6cc4fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 8px;
}
.demo__sub-title {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
}
.demo__sub-title--2 {
    color: #6ea8f6;
    margin-bottom: 25px;
}
.demo__panel {
    width: 480px;
    font-size: 16px;
    line-height: 18px;
    background: #a2583b;
    color: #fff;
    padding: 22px 16px 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 18px;
}
.demo__text-1 {
    font-size: 18px;
    margin-bottom: 20px;
}
.demo__text-1 span {
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    padding-top: 5px;
    margin-bottom: 15px;
}
.demo__text-2 {
    margin-bottom: 25px;
}
.demo__text-3 {
    padding: 15px 15px 20px;
    background: #e3ccc4;
    color: #1f3181;
}
.demo__sub-text {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 32px;
}
.demo__button {
    padding-left: 40px;
    padding-right: 40px;
}
.footer {
    padding: 26px 0 0;
    background: #120433;
    font-size: 20px;
    color: #fff;
}
.footer__container {
    width: 1130px;
    max-width: 100%;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .footer__container {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
.footer__item {
    margin-bottom: 26px;
}
@media (max-width: 575px) {
    .footer__item {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
}
.footer__item:first-child {
    margin-right: 15px;
}
@media (max-width: 575px) {
    .footer__item:first-child {
        margin-right: 0;
    }
}
.footer__item a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}
.footer__item--social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 575px) {
    .footer__item--social {
        display: block;
        margin-bottom: 14px;
    }
    .footer__item--social > div {
        text-align: center;
    }
}
.footer__item--social a {
    margin-left: 18px;
}
@media (max-width: 575px) {
    .footer__item--social a {
        margin: 15px 10px;
    }
}
.game {
    padding-top: 40px;
}
.game__container {
    width: 1100px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
.game__title-wrap {
    text-align: center;
    margin-bottom: 10px;
}
.game__subtitle,
.game__title {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75);
}
.game__subtitle {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 28px;
    letter-spacing: 2px;
    color: #fff;
}
.game__title {
    font-family: "Thwack", sans-serif;
    font-size: 32px;
    letter-spacing: 3px;
    color: #fcff00;
}
.game__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1440px) {
    .game__items {
        display: block;
    }
}
.game__text-wrap {
    text-align: center;
    min-width: 290px;
    padding-top: 70px;
    position: relative;
}
@media (max-width: 1440px) {
    .game__text-wrap {
        padding-top: 30px;
    }
}
@media (max-width: 992px) {
    .game__text-wrap {
        padding-top: 16px;
    }
}
.game__text-wrap:after {
    content: url(../img/chip-f.png);
    display: block;
    position: absolute;
    top: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 1440px) {
    .game__text-wrap:after {
        display: none;
    }
}
.game__text {
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.game__text--2 {
    font-size: 17px;
}
.game__button {
    text-align: center;
}
.game .more {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.5px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 70px;
    cursor: pointer;
}
@media (max-width: 1440px) {
    .game .more {
        margin-bottom: 0;
    }
}
@media (max-width: 992px) {
    .game .more {
        margin-bottom: 30px;
    }
}
.game .note {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 45px;
    text-align: center;
}
@media (max-width: 992px) {
    .game .note {
        margin-bottom: 30px;
    }
}
.game .demo__game {
    width: 910px;
    margin-left: 0;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    margin-top: -70px;
    left: -30px;
}
@media (max-width: 1440px) {
    .game .demo__game {
        left: 0;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 992px) {
    .game .demo__game {
        display: none;
    }
}
.game .demo__game-mobile {
    display: none;
    margin-bottom: 10px;
}
@media (max-width: 992px) {
    .game .demo__game-mobile {
        display: block;
    }
}
.game .demo__game-mobile img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.game .demo__chip--4 {
    right: -64px;
    bottom: 236px;
}
.game .demo__chip--3 {
    bottom: 284px;
    left: -36px;
}
.game .demo__chip--2 {
    bottom: 62px;
    left: 270px;
}
@media (max-width: 1440px) {
    .game .hidden-mobile {
        display: none;
    }
}
.game .show-mobile {
    display: none;
    margin-bottom: 45px;
}
@media (max-width: 1440px) {
    .game .show-mobile {
        display: block;
    }
}
.header {
    height: 72px;
    background: #120433;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
@media (max-width: 992px) {
    .header {
        height: 50px;
    }
}
.header--index {
    -webkit-box-shadow: 0 8px 17px rgba(13, 10, 88, 0.6);
    box-shadow: 0 8px 17px rgba(13, 10, 88, 0.6);
}
.header__container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
@media (max-width: 992px) {
    .header__container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.header .nav-toggle {
    display: none;
}
@media (max-width: 992px) {
    .header .nav-toggle {
        display: block;
    }
}
.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-top: 2px;
    width: 1076px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 992px) {
    .header__nav {
        height: auto;
        height: calc(100vh - 50px);
        width: 320px;
        background: #120433;
        position: absolute;
        top: 100%;
        left: 0;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 6px;
        display: none;
        overflow-y: auto;
    }
    .header__nav.active {
        display: block;
    }
}
.header__item {
    letter-spacing: 1px;
    margin-left: 58px;
    font-size: 18px;
    position: relative;
    z-index: 2;
}
@media (max-width: 1200px) {
    .header__item {
        font-size: 15px;
        margin-left: 24px;
    }
}
@media (max-width: 992px) {
    .header__item {
        margin: 0;
        padding: 15px 24px;
        border-bottom: 1px solid rgba(202, 246, 254, 0.3);
    }
    .header__item.hide-sm {
        display: none;
    }
}
.header__item:first-child {
    margin-left: 0;
}
@media (min-width: 992px) {
    .header__item:hover .dropdown {
        opacity: 1;
        visibility: visible;
        overflow: visible;
        pointer-events: auto;
    }
}
.header__item--logo {
    width: 112px;
    min-width: 112px;
    margin-right: 24px;
    margin-left: 40px;
    z-index: 1;
}
@media (max-width: 1440px) {
    .header__item--logo {
        width: 80px;
    }
}
@media (max-width: 992px) {
    .header__item--logo {
        display: none;
    }
}
.header__item--logo.scrolled img {
    width: 140px;
}
.header__item--logo a,
.header__item--logo span {
    display: block;
    position: absolute;
    left: 50%;
    top: -45px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
}
.header__item--logo img {
    width: 198px;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
@media (max-width: 1440px) {
    .header__item--logo img {
        width: 166px;
    }
}
.header__item--logo-sm img {
    width: 184px;
}
.header__item--sm {
    font-size: 14px;
    font-weight: 300;
    margin-left: 15px;
}
@media (max-width: 992px) {
    .header__item--sm {
        margin: 0;
        font-size: 16px;
        border: 0;
    }
}
.header__item--icon {
    margin-left: 12px;
}
@media (max-width: 992px) {
    .header__item--icon {
        margin: 0;
        display: inline-block;
        border: 0;
        padding: 20px 15px 15px;
    }
}
.header__item--pack {
    margin-left: 35px;
    position: relative;
    top: -3px;
}
@media (max-width: 992px) {
    .header__item--pack {
        margin: 0;
        top: 0;
    }
}
.header__item a {
    display: block;
    color: #caf6fe;
    text-decoration: none;
}
@media (max-width: 992px) {
    .header__item .js-dropdown-open {
        padding-left: 28px;
    }
    .header__item .js-dropdown-open:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-top: 6px solid rgba(202, 246, 254, 0.7);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        margin-left: 12px;
        -webkit-transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }
    .header__item .js-dropdown-open.active:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.header__item-mobile,
.header__item-mobile .header__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__item-mobile {
    display: none;
}
@media (max-width: 992px) {
    .header__item-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.header__item-mobile .header__item {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header__item-mobile .header__item--sm {
    margin-left: 0;
    margin-right: 30px;
    font-size: 14px;
    border: 0;
}
@media (max-width: 768px) {
    .header__item-mobile .header__item--sm {
        margin-right: 10px;
    }
}
.header__dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    padding-top: 40px;
}
@media (max-width: 992px) {
    .header__dropdown {
        width: 100%;
        padding-top: 12px;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        height: 0;
    }
    .header__dropdown.active {
        position: relative;
        opacity: 1;
        visibility: visible;
        height: auto;
        pointer-events: auto;
    }
    .header__dropdown .dropdown__list {
        background: 0 0;
        padding: 0;
    }
    .header__dropdown .dropdown__item {
        background: 0 0;
        border: 0;
    }
}
.header__dropdown .dropdown__item a {
    color: #3b18c2;
    font-size: 16px;
}
@media (max-width: 992px) {
    .header__dropdown .dropdown__item a {
        color: #caf6fe;
        border: 0;
        font-size: 14px;
        opacity: 0.7;
    }
}
.header__counter,
.header__logo-mobile {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.header__counter {
    font-size: 12px;
    font-weight: 700;
    color: #f8894e;
    text-align: center;
    margin-top: -6px;
    padding-top: 2px;
    pointer-events: none;
    top: 50%;
}
.header__logo-mobile {
    width: 70px;
    top: -3px;
    z-index: 101;
    display: none;
}
@media (max-width: 992px) {
    .header__logo-mobile {
        display: block;
    }
}
.header__logo-mobile a,
.header__logo-mobile img,
.header__logo-mobile span,
.order-step-home__img img {
    display: block;
    width: 100%;
}
.hero {
    height: 920px;
    background-image: url(../img/hero3.jpg);
    background-position: center 0;
    background-size: 110% auto;
    background-repeat: no-repeat;
}
@media (max-width: 1440px) {
    .hero {
        height: 860px;
    }
}
.hero__container {
    max-width: 1396px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.hero__text {
    max-width: 420px;
    text-align: center;
    position: relative;
    left: -150px;
    padding-top: 35px;
}
@media (max-width: 1440px) {
    .hero__text {
        padding-top: 0;
        margin-top: -30px;
    }
}
.hero__title {
    font-family: "Thwack", sans-serif;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 2px;
    margin-bottom: 22px;
    white-space: nowrap;
    position: relative;
    margin-top: -10px;
}
.hero__title span:not(.hero__new) {
    display: inline-block;
    color: #85d0fb;
    background: #85d0fb url(../img/hero-title-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero__title .hero__new {
    letter-spacing: 3px;
    position: absolute;
    right: 0;
    bottom: calc(100% + 5px);
    font-size: 15px;
    color: #ff8f53;
    text-shadow: 1px 1px 0 #752812, -1px -1px 0 #752812, -1px 1px 0 #752812, 1px -1px 0 #752812;
}
.hero__sub-title {
    font-size: 20px;
    line-height: 24px;
    color: #85d0fb;
    font-weight: 700;
    margin-bottom: 10px;
}
.hero__begin span,
.hero__sub-title span {
    text-transform: uppercase;
    font-weight: 500;
}
.hero__sub-title--light {
    color: #f6fcfd;
    font-weight: 300;
    margin-bottom: 28px;
}
.hero__begin {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    width: 262px;
    height: 232px;
    background-image: url(../img/hero-begin.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -12px;
    padding-top: 30px;
    padding-left: 10px;
}
.hero__begin span {
    display: inline-block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    padding-top: 17px;
}
.hero1 {
    position: relative;
    margin-bottom: 58px;
}
.hero2 {
    position: relative;
    margin-bottom: 58px;
}
.hero2::after, .hero2::before {
    content: '';
    display: block;
    position: absolute;
}
.hero2::after {
    height: 103px;
    width: 55px;
    background-image: url(../img/banners/bant-s.png);
    bottom: -92px;
    z-index: 1;
    left: 0;
}
.hero2::before {
    height: 147px;
    width: 105px;
    background-image: url(../img/banners/bant-l.png);
    bottom: -92px;
    z-index: 1;
    right: 0;
}
.item__pos0_1 .hero2::after, .item__pos0_1 .hero2::before {
    display: none;
}
.list-stories__item:nth-child(even) .hero2::after {
    right: 0;
    left: initial;
    transform: scale(-1, 1)
}
.list-stories__item:nth-child(even) .hero2::before {
    left: 0;
    transform: scale(-1, 1)
}
.hero2__container {
    height: 466px;
    background-color: #062181;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.75);
    -webkit-transform: rotate(-1.4deg);
    -ms-transform: rotate(-1.4deg);
    transform: rotate(-1.4deg);
}
.list-stories__item:nth-child(even) .hero2__container {
    -webkit-transform: rotate(+1.4deg);
    -ms-transform: rotate(+1.4deg);
    transform: rotate(+1.4deg);
}
@media (max-width: 768px) {
    .hero2__container {
        height: 414px;
    }
}
.hero2__inner {
    width: 455px;
    max-width: 100%;
    height: 100%;
    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;
    padding-top: 30px;
    /*-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 993px) {
    .item__pos0_1 .hero2__inner {
        margin-top: 110px;
        left: 25%;
        width: 480px;
    }
    .item__pos0_1 .hero2__title {
        margin-bottom: 14px;
    }
    .item__pos1 .hero2__inner {
        position: absolute;
        top: 0px;
        right: 50%;
        
    }
    .item__pos2 .hero2__inner {
        position: absolute;
        top: -25px;
        right: 43%;
        
    }
    .item__pos3 .hero2__inner {
        margin-top: -25px;
        
    }
    .item__pos4 .hero2__inner {
        position: absolute;
        top: -25px;
        left: 60%;
    }
    .item__pos5 .hero2__inner {
        position: absolute;
        top: -25px;
    }
    .item__pos6 .hero2__inner {
        position: absolute;
        top: 0px;
        right: 55%;
    }
    .item__pos7 .hero2__inner {
        position: absolute;
        top: -20px;
        left: 48%;
    }
}
@media (min-width: 1201px) {
    .item__pos0_1 .hero2__inner {
        margin-top: 172px;
        left: 25%;
        width: 600px;
    }
    .item__pos1 .hero2__inner {
        top: 25px;
        right: 46%;
    }
    .item__pos2 .hero2__inner {
        top: -10px;
    }
    .item__pos3 .hero2__inner {
        margin-top: -25px;
    }
    .item__pos7 .hero2__inner {
        position: absolute;
        top: -10px;
        left: 60%;
    }
    .item__pos7 .hero2__label {
        margin-top: -20px;
    }
}
@media (max-width: 1200px) {
    .hero2__label {
        position: absolute;
        right: -20px;
    }
    .item__pos4 .hero2__inner {
        left: 55%;
    }
    .item__pos4 .hero2__label {
        position: absolute;
        left: -55px;
        right: initial;
    }
    .item__pos6 .hero2__inner {
        position: absolute;
        top: -10px;
        right: 48%;
    }
}

@media (max-width: 992px) {
    .hero2__inner {
        padding-top: 60px;
        left: 0;
    }
    .hero2::after, .hero2::before {
        display: none;
    }
}
.hero2__text {
    text-align: center;
    padding-bottom: 30px;
    width: 100%;
}
.hero2__title {
    font-family: "Thwack", sans-serif;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 2px;
    margin-bottom: 24px;
    margin-top: -6px;
    color: #fff4aa;
}
.item__pos1 .hero2__title {
    margin-top: -24px;
    margin-bottom: 60px;
}
.item__pos1 .hero2__text {
    padding-bottom: 10px;
}
.item__pos2 .hero2__text {
    padding-bottom: 22px;
}
.hero2__sub-title {
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
}
.hero2__sub-title div:nth-child(1) {
    font-size: 24px;
}
.hero2__sub-title div:nth-child(2) {
    font-size: 16px;
}
.hero2__sub-title div:nth-child(3) {
    font-size: 22px;
}
.list-goods {
    min-height: 720px;
    background: url(../img/shop/list-goods-flash.png), url(../img/shop/list-goods-bottom.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 58% 475px, center bottom;
    padding-bottom: 250px;
}
@media (min-width: 1920px) {
    .list-goods {
        background-size: 100% auto, auto auto, 100% auto;
    }
}
@media (max-width: 992px) {
    .list-goods {
        background-size: auto 340px, auto auto, auto 210px;
    }
}
.list-goods__top {
    background: url(../img/shop/list-goods-top.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 60px 0 90px;
}
@media (max-width: 992px) {
    .list-goods__top {
        padding: 30px 0 70px;
    }
}
@media (max-width: 860px) {
    .list-goods__top {
        padding: 15px 0 60px;
    }
}
@media (max-width: 575px) {
    .list-goods__top {
        padding: 30px 0 60px;
        margin-bottom: -35px;
    }
}
.list-goods__item:after {
    content: "";
    display: table;
    clear: both;
}
.list-goods .card-line {
    width: 66.6666%;
    float: right;
    margin-bottom: 25px;
    margin-top: 10px;
}
@media (max-width: 992px) {
    .list-goods .card-line {
        width: calc(100% - 242px);
    }
}
@media (max-width: 575px) {
    .list-goods .card-line {
        width: 100%;
    }
}
.list-stories {}
.list-stories__container {
    width: 1230px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 1200px) {
    .list-stories__container {
        width: 920px;
    }
    .hero2__container {
        height: 346px;
    }
}
.list-stories__title-wrap {
    display: inline-block;
    text-align: center;
    margin-bottom: 44px;
}
.list-stories__title {
    font-family: "Thwack", sans-serif;
    font-size: 33px;
    color: #fff4aa;
    margin-bottom: 10px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75);
    letter-spacing: 3px;
}
.list-stories__subtitle {
    font-size: 20px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
}
.list-stories__item {
    text-align: left;
    margin-bottom: 115px;
    position: relative;
}

.list-stories__item .preview__inner {
    background-image: url(../img/stories-list/bg1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110% 110%;
}

.list-stories__item:nth-child(1) .preview__inner {
    background-image: url(../img/stories-list/bg3.png);
}

@media (max-width: 992px) {
    .list-stories__container {
        width: 720px;
        max-width: 100%;
    }
    .hero2__container {
        height: 268px;
    }
    .hero2 {
        margin-bottom: 330px;
    }
    .item__pos0_1 .hero2 {
        margin-bottom: 220px;
    }
    .item__pos0_1 .hero2__text{
        padding-top: 30px;
    }

    .hero2__inner {
        padding-top: 270px;
        position: initial !important;
        left: initial;
        top: initial;
        right: initial;
        -webkit-transform: rotate(-1.4deg);
        -ms-transform: rotate(-1.4deg);
        transform: rotate(-1.4deg);
    }
    .list-stories__item:nth-child(odd) .hero2__inner {
        -webkit-transform: rotate(1.4deg);
        -ms-transform: rotate(1.4deg);
        transform: rotate(1.4deg);
    }
    .list-stories__item .preview__inner {
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .preview__inner .preview__block {
        width: 100%;
    }
}
.list-stories__item:nth-child(2) .preview__inner {
    background-image: url(../img/stories-list/bg2.png);
}

.list-stories__item:nth-child(4) .preview__inner {
    background-image: url(../img/stories-list/bg4.png);
}

.order-steps-home {
    padding: 0 15px;
    margin-bottom: 100px;
}
.order-steps-home__container {
    width: 1180px;
    max-width: 100%;
    background: #fff6ec;
    margin: 0 auto;
    padding: 40px 72px;
    -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.75);
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.75);
    -webkit-transform: rotate(-1.2deg);
    -ms-transform: rotate(-1.2deg);
    transform: rotate(-1.2deg);
}
@media (max-width: 1200px) {
    .order-steps-home__container {
        padding: 40px 30px;
    }
}
@media (max-width: 992px) {
    .order-steps-home__container {
        padding: 40px 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}
.order-steps-home__title {
    font-size: 31px;
    font-weight: 500;
    text-align: center;
    color: #465b7b;
    text-transform: uppercase;
    margin-bottom: 38px;
}
@media (max-width: 992px) {
    .order-steps-home__title {
        font-size: 24px;
    }
}
.order-steps-home__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.order-steps-home__item {
    width: 33.3333%;
    min-width: 33.3333%;
    padding: 0 58px;
    position: relative;
}
@media (max-width: 1200px) {
    .order-steps-home__item {
        padding: 0 50px;
    }
}
@media (max-width: 992px) {
    .order-steps-home__item {
        padding: 0 24px;
    }
}
@media (max-width: 768px) {
    .order-steps-home__item {
        width: 100%;
        min-width: 100%;
        margin-bottom: 40px;
    }
    .list-stories__item {
        margin-bottom: 60px;
    }
}
.order-steps-home__item:after {
    content: "";
    width: 120px;
    height: 37px;
    background: url(../img/step-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    right: 0;
    top: 85px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
@media (max-width: 1200px) {
    .order-steps-home__item:after {
        width: 80px;
        top: 75px;
    }
}
@media (max-width: 992px) {
    .order-steps-home__item:after {
        width: 68px;
        top: 60px;
    }
}
@media (max-width: 768px) {
    .order-steps-home__item:after {
        display: none;
    }
    .order-steps-home__item:last-child {
        margin-bottom: 0;
    }
}
.order-steps-home__item:last-child:after {
    display: none;
}
.order-step-home {
    text-align: center;
}
.order-step-home__img {
    width: 206px;
    height: 206px;
    margin: 0 auto 24px;
}
@media (max-width: 1200px) {
    .page--index2 {
        background-size: 125%;
    }
    .order-step-home__img {
        width: 190px;
        height: 190px;
    }
    .bg-part--left1 {
        top: 150px;
        margin-left: -885px;
    }
    .bg-part--right1 {
        top: 250px;
        margin-right: -800px;
    }
}
@media (max-width: 992px) {
    .order-step-home__img {
        width: 160px;
        height: 160px;
        margin-bottom: 18px;
    }
}
@media (max-width: 768px) {
    .order-step-home__img {
        width: 190px;
        height: 190px;
    }
}
.order-step-home__text {
    font-size: 20px;
    line-height: 24px;
    color: #383c60;
    max-width: 240px;
    margin: 0 auto;
}
@media (max-width: 992px) {
    .order-step-home__text {
        font-size: 18px;
    }
}
.order-steps__title {
    font-size: 14px;
    color: #5663af;
    padding: 15px 0;
    margin-bottom: 35px;
}
@media (max-width: 768px) {
    .order-steps__title {
        margin-bottom: 16px;
    }
}
@media (max-width: 575px) {
    .order-steps__title {
        text-align: center;
    }
}
.order-steps__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
@media (max-width: 992px) {
    .order-steps__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 575px) {
    .order-steps__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.order-steps-1 {
    padding-bottom: 75px;
    background: #fff;
    position: relative;
}
@media (max-width: 992px) {
    .order-steps-1 {
        padding-bottom: 35px;
    }
}
.order-steps-1:after {
    content: url(../img/order/snowflakes.png);
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: 220px;
}
.order-steps-1__item {
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}
@media (max-width: 992px) {
    .order-steps-1__item {
        width: 50%;
        min-width: 50%;
        margin-right: 0;
        margin-bottom: 40px;
    }
}
@media (max-width: 768px) {
    .order-steps-1__item {
        margin-bottom: 20px;
    }
}
@media (max-width: 575px) {
    .order-steps-1__item {
        width: 290px;
        max-width: 100%;
        min-width: 1px;
    }
}
.order-steps-1__item:last-child {
    margin-right: 0;
}
.order-steps-1__item:hover .order-steps-1__img {
    opacity: 1;
}
.order-steps-1__item:hover .checkbox__check--radio {
    background: #6899f8;
}
.order-steps-1__item.active .order-steps-1__img {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.order-steps-1__item.active .checkbox__check--radio {
    background: #2a47c8;
    border-color: #4b8dd7;
}
.order-steps-1__item.disabled {
    pointer-events: none;
    opacity: 0.3;
}
.order-steps-1__checkbox {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 7px;
    pointer-events: none;
}
.order-steps-1__text {
    padding-left: 30px;
    font-size: 16px;
    line-height: 18px;
    color: #1b2a84;
    margin-bottom: 20px;
}
@media (max-width: 575px) {
    .order-steps-1__text br {
        display: none;
    }
}
.order-steps-1__img {
    min-height: 150px;
    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;
    opacity: 0.6;
    position: relative;
    padding-right: 30px;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
}
.order-steps-1__img img {
    max-width: 100%;
}
@media (max-width: 992px) {
    .order-steps-1__img {
        -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;
        padding-left: 30px;
        min-height: 111px;
    }
}
.order-steps-1__date {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 10px 40px 10px 10px;
    line-height: 1.2;
}
@media (max-width: 992px) {
    .order-steps-1__date {
        position: relative;
        top: 4px;
        text-align: left;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .order-steps-1__date {
        top: 0;
    }
}
.order-steps-2 {
    padding-bottom: 90px;
    background: #c5e6ff;
}
@media (max-width: 768px) {
    .order-steps-2 {
        padding-bottom: 12px;
    }
}
.order-steps-2__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 992px) {
    .order-steps-2__container {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
@media (max-width: 768px) {
    .order-steps-2__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 660px) {
    .order-steps-2__container {
        display: block;
    }
}
.order-steps-2__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
@media (max-width: 992px) {
    .order-steps-2__item {
        display: block;
    }
}
@media (max-width: 768px) {
    .order-steps-2__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 300px;
        max-width: 100%;
        min-width: 1px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 20px;
    }
}
@media (max-width: 660px) {
    .order-steps-2__item {
        margin-left: auto;
        margin-right: auto;
    }
}
.order-steps-2__item:after {
    display: block;
    position: absolute;
    z-index: 1;
    top: -28px;
}
.order-steps-2__item--1:after {
    content: url(../img/order/child-shadow1.png);
    right: -96px;
}
@media (max-width: 992px) {
    .order-steps-2__item--1:after {
        right: -42px;
        top: -25px;
    }
}
.order-steps-2__item--2:after {
    content: url(../img/order/child-shadow2.png);
    right: -70px;
}
@media (max-width: 992px) {
    .order-steps-2__item--2:after {
        right: -52px;
        top: -25px;
    }
}
.order-steps-2__item--3:after {
    content: url(../img/order/child-shadow3.png);
    right: -34px;
}
@media (max-width: 992px) {
    .order-steps-2__item--3:after {
        right: -62px;
        top: -32px;
    }
}
.order-steps-2__item:hover .order-steps-2__img {
    opacity: 1;
}
.order-steps-2__item:hover .checkbox__check--radio {
    background: #6899f8;
}
.order-steps-2__item.active .order-steps-2__img {
    opacity: 1;
}
.order-steps-2__item.active .checkbox__check--radio {
    background: #2a47c8;
    border-color: #4b8dd7;
}
.order-steps-2__item.active:hover {
    cursor: default;
}
.order-steps-2__checkbox {
    width: 145px;
    font-size: 20px;
    font-weight: 500;
    margin-right: 10px;
    position: relative;
    z-index: 2;
    pointer-events: none;
    white-space: nowrap;
}
.order-steps-2__img {
    position: relative;
    z-index: 2;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 992px) {
    .order-steps-2__img {
        margin-bottom: 35px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.order-steps-2__price {
    display: block;
    background: #fff;
    color: #1b2a84;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 15px;
    position: absolute;
    left: 0;
    top: calc(100% + 23px);
    -webkit-box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    box-shadow: 0 5px 15px rgba(13, 10, 88, 0.2);
    white-space: nowrap;
    z-index: 3;
    opacity: 0;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
@media (max-width: 992px) {
    .order-steps-2__price {
        left: -42px;
    }
}
@media (max-width: 768px) {
    .order-steps-2__price {
        top: calc(100% - 34px);
        left: 0;
    }
}
.order-steps-2__price.active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.order-steps-2__price span {
    display: inline-block;
    vertical-align: middle;
}
.order-steps-2__price span:nth-child(1) {
    margin-right: 20px;
}
@media (max-width: 992px) {
    .order-steps-2__price span:nth-child(1) {
        margin-right: 10px;
    }
}
.order-steps-2__price span:nth-child(2) {
    font-size: 26px;
    font-weight: 400;
}
@media (max-width: 992px) {
    .order-steps-2__price span:nth-child(2) {
        font-size: 18px;
    }
}
.order-steps-3 {
    background: #ecf6fd url(../img/order/snowflakes-bg.png);
    padding-bottom: 145px;
}
@media (max-width: 992px) {
    .order-steps-3 {
        padding-bottom: 90px;
    }
}
.order-steps-3__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 768px) {
    .order-steps-3__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-left: -9px;
        margin-right: -9px;
    }
}
@media (max-width: 660px) {
    .order-steps-3__container {
        display: block;
        margin: 0;
    }
}
.order-steps-3__hidden {
    display: none;
}
.order-steps-3__item {
    width: 326px;
    height: 165px;
    margin-right: 45px;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    visibility: hidden;
    overflow: hidden;
}
@media (max-width: 992px) {
    .order-steps-3__item {
        margin-right: 18px;
    }
}
@media (max-width: 768px) {
    .order-steps-3__item {
        position: absolute;
        width: 294px;
        min-width: 294px;
        max-width: 100%;
        margin: 0 9px;
    }
}
@media (max-width: 660px) {
    .order-steps-3__item {
        width: 300px;
        min-width: 290px;
        max-width: 100%;
        margin: 0 auto;
    }
}
.order-steps-3__item:nth-child(1) {
    z-index: 3;
}
.order-steps-3__item:nth-child(2) {
    z-index: 2;
}
.order-steps-3__item:nth-child(3) {
    z-index: 1;
}
.order-steps-3__item:last-child {
    margin-right: 0;
}
@media (max-width: 768px) {
    .order-steps-3__item:last-child {
        margin: 0 9px;
    }
}
@media (max-width: 660px) {
    .order-steps-3__item:last-child {
        margin-left: auto;
        margin-right: auto;
    }
}
.order-steps-3__item.active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    overflow: visible;
    position: relative;
}
.order-steps-3__checkboxes {
    white-space: nowrap;
    margin-bottom: 18px;
}
.order-steps-3__checkbox {
    display: inline-block;
    width: 110px;
    margin-right: 45px;
    cursor: pointer;
}
@media (max-width: 992px) {
    .order-steps-3__checkbox {
        margin-right: 8px;
    }
}
.order-steps-3__checkbox label {
    pointer-events: none;
}
.order-steps-3__checkbox:hover .checkbox__check--radio {
    background: #6899f8;
}
.order-steps-3__checkbox:last-child {
    margin-right: 0;
}
.order-steps-3__select-wrapper {
    height: 48px;
    margin-bottom: 15px;
}
.order-steps-3__select {
    opacity: 0;
}
.order-steps-3__buttons {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.order-steps-3__button {
    width: 266px;
    vertical-align: top;
    margin-left: 30px;
    margin-right: 30px;
    line-height: 52px;
}
@media (max-width: 992px) {
    .order-steps-3__button {
        margin: 0 15px 24px;
    }
}
@media (max-width: 660px) {
    .order-steps-3__button {
        margin-left: 0;
        margin-right: 0;
        width: 300px;
        max-width: 100%;
    }
}
.order-steps-3__button span {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
.order-steps-3__button:first-child .icon {
    margin-right: 15px;
}
.order-steps-3__button:last-child .icon {
    margin-left: 15px;
}
.order {
    height: 1070px;
    background: url(../img/order-bg.png);
    background-position: center 0;
    background-size: cover;
    margin-top: -180px;
    padding-top: 122px;
    position: relative;
    z-index: 2;
}
.order__map,
.order__map img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.order__map {
    text-align: center;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    width: 1627px;
    top: -62px;
}
.order__map img {
    width: 100%;
    top: 0;
}
.order__list,
.order__title {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 2;
}
.order__title {
    font-family: "Thwack", sans-serif;
    font-size: 47px;
    color: #804919;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 196px;
}
.order__list {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.order__list--first {
    margin-bottom: 170px;
}
.order__item {
    width: 256px;
    text-align: center;
    position: absolute;
    pointer-events: auto;
    cursor: pointer;
}
.order__item:hover .order__popup {
    opacity: 1;
    -webkit-box-shadow: 0 10px 10px -2px rgba(128, 55, 2, 0.3);
    box-shadow: 0 10px 10px -2px rgba(128, 55, 2, 0.3);
}
.order__item:hover .order__icon {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.7;
}
.order__item--1 {
    left: 214px;
    top: 310px;
}
.order__item--2 {
    left: 635px;
    top: 312px;
}
.order__item--3 {
    left: 996px;
    top: 318px;
}
.order__item--4 {
    left: 220px;
    top: 620px;
}
.order__item--5 {
    left: 690px;
    top: 608px;
}
.order__item--6 {
    left: 996px;
    top: 620px;
}
.order__icon {
    text-align: center;
    margin-bottom: 8px;
    opacity: 1;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
.order__icon img {
    display: inline-block;
    width: auto;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.order__text {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #341776;
    text-transform: uppercase;
}
.order__text span {
    font-size: 24px;
}
.order__popup {
    font-size: 12px;
    line-height: 14px;
    color: #824c1c;
    background: #f1e1ba;
    border: 1px solid #cdb186;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-box-shadow 0.5s;
    -o-transition: opacity 0.2s, box-shadow 0.5s;
    transition: opacity 0.2s, box-shadow 0.5s;
    transition: opacity 0.2s, box-shadow 0.5s, -webkit-box-shadow 0.5s;
    padding: 10px;
}
.order__button {
    width: 326px;
    position: absolute;
    right: 256px;
    bottom: 181px;
    pointer-events: auto;
}
.order__note {
    color: #c30758;
    text-align: center;
    padding-top: 50px;
    line-height: 1.3;
    font-size: 14px;
}
@media (max-width: 992px) {
    .order__note {
        padding-top: 20px;
    }
}
.order__note p {
    margin-bottom: 5px;
}
.popular {
    height: 1324px;
    margin-top: -132px;
    background: url(../img/populars-bg.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    padding-top: 146px;
    position: relative;
    z-index: 3;
    text-align: center;
}
.popular__list,
.popular__title {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.popular__list {
    padding-top: 1px;
}
.popular__title {
    display: inline-block;
    font-family: "Thwack", sans-serif;
    font-size: 41px;
    line-height: 64px;
    color: #0c2a92;
    letter-spacing: 2px;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #0b2687), color-stop(40%, #0f35b5), color-stop(75%, #0b2687));
    background: -webkit-linear-gradient(left, #0b2687 25%, #0f35b5 40%, #0b2687 75%);
    background: -o-linear-gradient(left, #0b2687 25%, #0f35b5 40%, #0b2687 75%);
    background: linear-gradient(to right, #0b2687 25%, #0f35b5 40%, #0b2687 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 5px;
}
.popular .card-popular {
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: top;
}
.popular .card-popular:after {
    position: absolute;
    z-index: 1;
}
.popular .card-popular:nth-child(1) {
    margin-top: 130px;
}
.popular .card-popular:nth-child(1):after {
    content: url(../img/populars-first-card-bg.png);
    top: 25px;
    left: -111px;
}
.popular .card-popular:nth-child(2),
.popular .card-popular:nth-child(4) {
    margin-top: 60px;
}
.popular .card-popular:nth-child(5) {
    margin-top: 120px;
}
.popular .card-popular:nth-child(6) {
    margin-top: 170px;
}
.popular .card-popular:nth-child(6):after {
    content: url(../img/populars-last-card-bg.png);
    top: 102px;
    right: -64px;
}
.reviews {
    margin-top: -193px;
    position: relative;
    z-index: 3;
    padding-bottom: 146px;
}
.reviews__container {
    max-width: 1237px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.reviews__title {
    display: inline-block;
    font-family: "Thwack", sans-serif;
    font-size: 38px;
    line-height: 42px;
    color: #0c2a92;
    letter-spacing: 2px;
    margin-bottom: 64px;
    background: -webkit-gradient(linear, left top, right top, from(#526db8), color-stop(#0c2a92), to(#526db8));
    background: -webkit-linear-gradient(left, #526db8, #0c2a92, #526db8);
    background: -o-linear-gradient(left, #526db8, #0c2a92, #526db8);
    background: linear-gradient(to right, #526db8, #0c2a92, #526db8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.reviews__vk {
    position: relative;
}
.reviews__vk:after {
    content: "";
    display: block;
    width: 100%;
    height: 43px;
    background: url(../img/reviews-noise.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}
.reviews__hr {
    width: 100%;
    height: 1px;
    background: #e2e6e9;
    border-top: 1px solid #ebedef;
    border-bottom: 1px solid #f4f8f9;
}
.sidebar {
    padding: 20px 40px 40px;
    background: #ecf6fd;
    margin-bottom: 10px;
}
.sidebar--lg {
    width: 360px;
}
.sidebar--bg-1 {
    background: #c5e6ff;
}
.sidebar--basket {
    margin-top: 58px;
}
.sidebar--cabinet {
    margin-top: 15px;
    padding: 30px;
}
.sidebar__item {
    margin-bottom: 30px;
}
.sidebar__item:last-child {
    margin-bottom: 0;
}
.sidebar__item--center {
    text-align: center;
}
.sidebar__item--outside {
    margin-left: -20px;
    margin-right: -20px;
}
.sidebar__item--outside .button-price,
.table-price__row--discount img {
    display: block;
}
.sidebar__item--name {
    min-height: 110px;
}
.sidebar__contact,
.sidebar__name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.sidebar__contact {
    font-size: 14px;
    font-weight: 500;
}
.sidebar__back span,
.sidebar__contact span {
    display: inline-block;
    vertical-align: middle;
}
.sidebar__contact span.icon {
    margin-right: 10px;
}
.sidebar__contact--phone {
    padding-left: 2px;
}
.sidebar__link {
    display: inline-block;
    font-size: 14px;
    color: #1b2a84;
    text-decoration: none;
    border-bottom: 1px solid rgba(27, 42, 132, 0.4);
}
.sidebar__order-price {
    font-size: 20px;
    font-weight: 700;
    background: #fff;
    padding: 10px 20px;
}
.sidebar__order-status {
    font-size: 14px;
    padding: 10px 20px;
}
.sidebar__buttons {
    text-align: center;
    padding-top: 10px;
}
.sidebar__back,
.table-price {
    font-size: 16px;
    font-weight: 700;
}
.sidebar__back {
    text-transform: uppercase;
    color: #5a91f6;
    text-decoration: none;
}
.sidebar__back span.icon {
    margin-right: 15px;
}
.table-price {
    width: 100%;
    padding: 5px;
}
.table-price--cabinet {
    width: 100%;
    margin-top: 15px;
}
.table-price--cabinet:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}
.table-price--cabinet table {
    width: 326px;
}
@media (max-width: 480px) {
    .table-price--cabinet table {
        width: 100%;
    }
}
.table-price--cabinet .table-price__row {
    border: 0;
}
.table-price--cabinet .table-price__row td {
    padding: 5px 10px;
    white-space: nowrap;
}
.table-price--cabinet .table-price__row td:first-child {
    width: 100%;
}
.table-price--cabinet .table-price__row--discount td {
    padding-bottom: 10px;
}
.table-price--cabinet .table-price__row--total {
    border: 1px solid #308ff0;
}
.table-price--cabinet .table-price__row--total td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.table-price__row {
    border-bottom: 1px solid #8dd2ed;
}
.table-price__row:last-child {
    border-color: #308ff0;
}
.table-price__row td {
    padding: 15px 0;
    vertical-align: middle;
}
.table-price__row--sum td:first-child {
    font-size: 14px;
}
.table-price__row--discount td {
    padding: 5px 0;
    color: #c30758;
}
.table-price__row--total td:first-child {
    text-transform: uppercase;
}
.table-basket {
    overflow-x: auto;
    padding: 0 15px;
    margin-left: -15px;
    margin-right: -15px;
}
.table-basket__inner {
    display: inline-block;
}
.table-basket table {
    width: 100%;
    margin-bottom: 0 !important;
}
.table-basket td,
.table-basket th {
    border-bottom: 1px solid #8dd2ed;
    border-top: none !important;
}
.table-basket th {
    font-size: 14px;
    color: #969aa8 !important;
    text-align: left;
    padding: 22px 16px 22px 0;
}
.table-basket th:last-child {
    width: 80px;
}
.table-basket td {
    vertical-align: middle;
    line-height: 1.3;
    font-size: 14px;
    color: #1b2a84 !important;
    padding: 16px 16px 16px 0;
}
.table-basket--cabinet td {
    vertical-align: top !important;
}
.table-basket__img {
    width: 96px;
    height: 96px;
    border: 1px solid #96d6fb;
    border-radius: 100px;
    overflow: hidden;
}
.table-basket__img img {
    display: block;
    width: 100%;
}
.table-basket__series {
    font-weight: 500;
    color: #83bffd;
}
.table-basket__category {
    font-size: 12px;
}
.table-basket__title {
    font-weight: 500;
}
.table-basket__price {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    white-space: nowrap;
}
.table-basket__delete {
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    color: #1b2a84;
    font-weight: 400;
    display: inline-block;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 14px;
    font-family: "GothamPro", sans-serif;
}
.table-basket__delete:hover {
    color: #1b2a84;
}
.table-basket__delete span.icon {
    margin-right: 4px;
    position: relative;
    top: 2px;
}
.table-basket__number {
    font-size: 16px;
}
.table-basket__buttons {
    padding: 40px 0 60px;
    width: 300px;
    max-width: 100%;
}
@media (max-width: 992px) {
    .table-basket__buttons {
        padding: 40px 0;
    }
}
.table-basket__button {
    margin-bottom: 24px;
}
@media (max-width: 992px) {
    .table-basket__button {
        margin-bottom: 20px;
    }
}
@media (max-width: 480px) {
    .table-basket__button {
        width: 100%;
    }
}
.table-basket__button .button {
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
}
@media (max-width: 660px) {
    .table-basket__button .button {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
}
.table-basket__button .button span,
.table-basket__delete span {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
.table-basket__note {
    font-size: 12px;
    text-align: center;
    padding-top: 8px;
}
.order-info {
    font-size: 16px;
    margin: 15px 0 20px;
}
.order-info__number {
    margin-bottom: 8px;
}
.order-info__date {
    color: #7b7b7c;
}
footer.footer-main {
    height: 98px;
    background-color: #120433;
    display: flex;
    color: #FFF;
    font-size: 20px;
}
footer.footer-main > div {
    /*max-width: 600px;*/
    padding: 15px;
    width: 50%;
    text-align: center;
    line-height: 70px;
    flex-grow: 1;
}
footer.footer-main a {
    color: #FFF;
    text-decoration: none;
}
footer.footer-main .social a {
    margin-left: 10px;
}
footer.footer-main img {
    vertical-align: middle;
}
.read-more {
    text-align: center;
    padding: 10px 0 20px;
}
.read-more a {
    color: #2472d4;
}
@media (max-width: 720px) {
    .bg-part--right1 {
        top: 190px;
    }
    .list-stories__container {
        width: 425px;
    }
    .hero2__container {
        height: 154px;
    }
    .hero2__inner {
        padding-top: 175px;
    }
    .item__pos3 .hero2, .item__pos7 .hero2 {
        margin-bottom: 365px;
    }
    .item__pos2 .hero2,
    .item__pos6 .hero2,
    .item__pos7 .hero2 {
        margin-bottom: 385px;
    }
    .preview__reviews li img {
        width: 70px;
        height: auto;
    }
    .preview__reviews li {
        padding-left: 90px;
    }
}
@media (max-width: 992px) {
    .bg-part {
        width: 50%;
    }
    
    .bg-part img {
        width: 100%;
    }
    .bg-part--left1 {
        margin-left: -80%;
    }
    .bg-part--right1 {
        margin-right: -80%;
    }
    .item__pos0_1 .bg-part--left1, .item__pos0_1 .bg-part--right1 {
        display: none;
    }
    .list-stories__item:nth-child(even) .preview__inner .preview__left {
        order: 1;
    } 
    .list-stories__item:nth-child(even) .preview__inner .preview__right {
        order: 2;
    }
    .preview__inner .preview__right .preview__button {
        position: initial;
        margin-top: 20px;
    }
    .preview__reviews {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 20px;
    }
    .preview__inner .preview__left {
        z-index: 10;
    }
    .preview__inner .preview__right {
        padding-bottom: 170px;
    }
    footer.footer-main {
        height: 130px;
        flex-wrap: wrap;
    }
    footer.footer-main {
        padding: 30px 0;
        font-size: 16px;
    }
    footer.footer-main > div {
        width: 100%;
        max-width: 100%;
        line-height: 30px;
        padding: 0;
    }
    footer.footer-main .social img {
        width: 35px;
        height: auto;
    }
    .hero2__label {
        top: 25px;
        left: 20px;
    }
    .item__pos4 .hero2__label,
    .item__pos7 .hero2__label {
        position: absolute;
        left: initial;
        right: 0px;
    }
    .item__pos7 .hero2 {
        margin-bottom: 370px;
    }
    .item__pos5 .hero2__label {
        top: 5px;
        left: initial;
        right: initial;
    }
}
@media (max-width: 424px) {
    .list-stories__container {
        width: 360px;
    }
    .hero2__container {
        height: 128px;
    }
    .hero2__inner {
        padding-top: 130px;
    }
    .item__pos2 .hero2,
    .item__pos6 .hero2 {
        margin-bottom: 380px;
    }
    .item__pos3 .hero2, .item__pos7 .hero2 {
        margin-bottom: 400px;
    }
    .item__pos4 .hero2,
    .item__pos5 .hero2 {
        margin-bottom: 350px;
    }
    .button-price {
        padding: 0;
        font-size: 14px;
    }
    .item__pos4 .hero2__label, .item__pos7 .hero2__label {
        left: initial;
        right: 0px;
        top: 15px;
    }
    .item__pos2 .hero2__label {
        top: 5px;
    }
}
@media (max-width: 350px) {
    .item__pos1 .hero2 {
        margin-bottom: 380px;
    }
    .item__pos7 .hero2 {
        margin-bottom: 420px;
    }
    .item__pos6 .hero2 {
        margin-bottom: 400px;
    }
    .item__pos2 .hero2,.item__pos4 .hero2, .item__pos5 .hero2 {
        margin-bottom: 400px;
    }
}
/*# sourceMappingURL=main.css.map */

.content select#child_name_0,
.content select#child_name_1 { height: 350px; }


.item__pos0_1.list-stories__item { margin-bottom: 60px; }

.item__pos0_2 .title {
    text-align: center;
    color: #fff4aa;
    text-transform: uppercase;
    font-size: 40px;
}
.item__pos0_2.list-stories__item .preview__inner,
.item__pos0_2.list-stories__item:nth-child(2) .preview__inner {background: none;}
.item__pos0_2.list-stories__item:nth-child(even) .preview__inner .preview__left { order: 1}
.item__pos0_2.list-stories__item:nth-child(even) .preview__inner .preview__right { order: 2}
.item__pos0_2 .preview {
    background: none;
    border: none;
    border-radius: 0;
}
.item__pos0_2 .preview__inner .preview__right { padding-bottom: 0px; }
.item__pos0_2 .preview__inner .preview__block {
    color: white;
}
.item__pos0_2 .preview__inner .preview__title {
    color: #fff4aa;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: normal;
}
.item__pos0_2 .preview__inner a { color: #b9f4fd; text-decoration: none; }
.item__pos0_2 .preview__button .button-price {
    width: 514px;
    display: inline-block;
}
@media (max-width: 992px) {
    .item__pos0_2 .preview__button .button-price {
        width: 100%;
        display: block;
    }
}

.item__pos0_3 .hero2__inner {
    position: absolute;
    top: 46px;
    right: 60%;
}
@media (max-width: 1200px) {
    .item__pos0_3 .hero2__inner {
        top: 0px;
        right: 48%;
    }
}
@media (max-width: 992px) {
    .item__pos0_3 .hero2__inner {
        position: absolute;
        top: 0px;
        right: 55%;
    }
}

.item__pos0_4 .title {
    color: #fff4aa;
    text-transform: uppercase;
    font-size: 40px;
    padding-bottom: 26px;
    margin-top: -50px;
    font-weight: bold;
    line-height: normal;
}
.item__pos0_4 .subtitle {
    color: #fff;
    font-size: 20px;
    line-height: normal;
}
@media (max-width: 992px) {
    .item__pos0_4 .title {
        font-size: 36px;
    }
    .item__pos0_4 .subtitle {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .item__pos0_4 .title {
        margin-top: -15px;
    }
}
@media (max-width: 720px) {
    .item__pos0_4 .title {
        font-size: 22px;
        margin-top: -15px;
    }
    .item__pos0_4 .subtitle {
        font-size: 16px;
    }
}
@media (max-width: 424px) {
    .item__pos0_4 .title {
        font-size: 18px;
    }
    .item__pos0_4 .subtitle {
        font-size: 14px;
    }
}