body {             margin: 0;             padding: 0;             overflow-x: hidden;             background-color: #0d1e61;             font-family: Arial, sans-serif;         }          a {             display: block;             position: relative;             color: #fff;             font-weight: 400;             text-decoration: none;         }          .authorization a {             display: block;             position: relative;             color: #fff;             background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, transparent);             box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);             transition: .2s;             border-radius: 4px;             font-weight: 400;             filter: brightness(1);             will-change: background, filter;             text-decoration: none;         }          .container {             max-width: 1144px;             margin: 0 auto;             overflow-x: hidden;         }          .header {             background: #0f2477;             box-shadow: 0 4px 8px rgba(0, 0, 0, .6);             position: fixed;             top: 0;             left: 0;             width: 100%;             z-index: 5;         }          .logo a {             display: block;             width: 192px;             height: 40px;             background: url(/shared/2690/logo.svg) no-repeat;         }          .authorization .authorization__red {             background-color: #d0021b;             padding: 15px;             margin-right: 15px;         }          .authorization .authorization__blue {             background: linear-gradient(180deg, #226dbf, #04407d);             padding: 15px;         }          .header__inner {             display: flex;             justify-content: space-between;             align-items: center;             padding: 15px 0;         }          .authorization {             display: flex;         }          .slider__big {             display: flex;         }          .slider__block {             padding: 80px 0 0 0;         }          .swiper-pagination-bullet {             width: 10px;             height: 10px;             background: #ffffff;             border-radius: 50%;         }          .lead-carousel__image {             position: relative;         }          .information {             position: absolute;             top: 25%;             left: 0;         }          .title {             padding-left: 2px;             font-size: 32px;             font-weight: 500;             text-transform: none;             letter-spacing: normal;             color: #fff;             margin: 0;         }          .information__text__inner {             margin: 16px 0 10px;             padding-left: 3px;             font-size: 16px;             line-height: 20px;             font-weight: 400;             text-transform: none;             text-shadow: 0 4px 8px rgba(0, 0, 0, .4);             color: #fff;         }          .information__button {             display: inline-block;             margin: 21px 0 0 5px;             min-width: 176px;             max-width: 290px;             width: auto;             height: 46px;             border-radius: 4px;             background: transparent;             transition: background-color .3s;             border: 1px solid #ffffff;             text-shadow: 0 4px 8px rgba(0, 3, 57, 0.6);         }          .information__button__link {             font-size: 16px;             line-height: 46px;             font-weight: 400;             color: #fff;             text-align: center         }          .nav__inner__list__link {             display: block;             padding: 0 8px;             font-weight: 500;             font-size: 20px;             line-height: 20px;             color: #fff;             text-decoration: none;             text-transform: uppercase;         }          .nav__inner {             list-style: none;             display: flex;             justify-content: flex-end;             align-items: center;         }          .nav {             position: absolute;             box-sizing: border-box;             width: 100%;             margin: 0;             padding: 0 0;             text-transform: uppercase;             z-index: 2;         }          .main__nav {             background: #0f2477 linear-gradient(180deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0));             margin-left: -25px;             margin-right: -2px;             z-index: 3;             font-weight: 600;             display: flex;             top: 1%;             position: absolute;             border-radius: 2px;             max-width: 850px;             width: 100%;             opacity: 1;             box-shadow: 0 10px 20px rgba(0, 0, 0, .9);             transition: margin .2s ease-in-out, opacity .3s ease-out;         }          .main__nav__list__inner__link {             display: block;             font-size: 19px;             line-height: 15px;             font-family: din_condensedbold, Roboto, Arial, sans-serif;             font-weight: 300;             color: #fff;             white-space: nowrap;         }          .main__nav__list {             display: flex;             justify-content: flex-start;             list-style: none;             padding: 25px 50px;             margin: 0;         }          .main__nav__list__inner {             margin: 0 15px;         }          .main__nav__list__inner:hover {             text-shadow: 0 0 16px rgba(255, 212, 0, .6), 0 0 8px rgba(255, 212, 0, .6), 0 0 4px rgba(255, 128, 0, .6);         }          .main__nav__list__inner:hover .main__nav__list__inner__link {             color: rgba(255, 212, 0, 1);         }          .slots__inner {             position: relative;         }          .tmb-action {             width: 100%;             height: 100%;             border-radius: 4px;             margin: 0 0 10px;             overflow: hidden;             position: absolute;             background: rgba(0, 0, 0, .7);             z-index: 1;             display: flex;             flex-direction: column;             justify-content: space-around;             align-items: center;             opacity: 0;             top: 0;             left: 0;         }          .slots__inner:hover .tmb-action {             opacity: 1;         }          .tmb-action-btn {             border-radius: 5px;             background: #d0021b;             transition: .2s ease-out;             overflow: hidden;             color: #fff;             font-size: 16px;             line-height: 48px;             text-shadow: 0 1px 0 rgba(0, 0, 0, .2);             padding: 0 15px;         }          .slots {             display: flex;             justify-content: space-around;             margin-top: 95px;         }          .main .container {             display: flex;             justify-content: space-between;             border: 1px solid #171e27;             border-bottom: none;             background: #0e161f;             padding: 10px;         }          .main {             position: relative;         }          .main__left {             width: 73%;             border: 1px solid rgba(0, 0, 0, .8);             border-radius: 4px;         }          .main__right {             width: 25%;         }          .main__description {             color: #ffffff;         }          .main__description__title {             text-align: center;         }          .button__reg {             border: 1px solid rgba(0, 0, 0, .8);             padding: 20px 10px;             border-radius: 5px;         }          .button__reg__link {             color: #ffffff;             background: linear-gradient(180deg, #226dbf, #04407d);             padding: 10px;             border-radius: 5px;         }          .main__description__inner p {             padding: 0 15px;         }          .bonus {             box-sizing: border-box;             border-radius: 6px;             padding: 20px 20px 20px;             position: relative;             margin-bottom: 6px;             border: 2px solid #000;             box-shadow: inset 0 0 0 1px hsla(0, 0%, 20%, 0.5), 0 0 0 1px #171e27;             background-size: 16px;             overflow: hidden;             margin-top: 15px;         }          .bonus:before {             content: "";             position: absolute;             z-index: 0;             object-fit: cover;             transform: translateX(-50%);             top: auto;             left: 64%;             bottom: 0;             height: 264px;             width: 216px;             background: url(/shared/2690/sidebar-bonus-prize.png) 0 0 no-repeat;             background-size: cover;         }          .bonus__item {             position: relative;         }          .bonus__item:before {             content: "";             position: absolute;             z-index: 0;             object-fit: cover;             top: 0;             left: 0;             bottom: 0;             height: 100%;             width: 100%;             background: url(/shared/2690/300x252-1603983341.jpg) 0 0 no-repeat;             background-size: cover;         }          .bonus__item .bonus__button {             background: #d0021b;             background: linear-gradient(0deg, #d0021b, #740000);             box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);         }          .bonus__info {             position: relative;             z-index: 1;             background: rgba(0, 0, 0, .4);             box-shadow: 0 10px 20px rgba(0, 0, 0, .9);             transition: margin .2s ease-in-out, opacity .3s ease-out;             padding: 15px 10px;         }          .title {             color: #fff;             font-weight: 700;             font-style: normal;             font-size: 24px;             line-height: 32px;             text-transform: uppercase;             margin: 0;             margin-bottom: 16px;         }          .title__price {             color: #fdbb2c;         }          .info {             font-weight: 400;             font-size: 12px;             line-height: 20px;             color: rgba(184, 184, 204, .8);             margin: 0;             text-shadow: 0 1px 0 rgba(0, 0, 0, .4);         }          .title__price {             margin: 0;             font-size: 24px;             line-height: 32px;             font-weight: 700;             margin-bottom: 16px;         }          .info__time {             font-size: 24px;             line-height: 32px;             font-weight: 400;             color: #fff;             margin-bottom: 16px;         }          .bonus__button {             background: linear-gradient(180deg, #226dbf, #04407d);             border-radius: 4px;         }          .bonus__button__link {             text-shadow: 0 1px 0 rgba(0, 0, 0, .2);             line-height: 48px;             font-size: 16px;             text-align: center;         }          .bonus__item__button {             display: inline-block;             margin: 0;             padding: 0 14px;             border: 1px solid #fff;             box-shadow: 0 4px 8px rgba(0, 0, 0, .2);             border-radius: 4px;             text-align: center;             transition: background-color .15s linear;             background: rgba(0, 0, 0, .1);             text-shadow: 0 1px 0 rgba(0, 0, 0, .2);             font-weight: 400;         }          .bonus__item__other {             position: relative;             margin-top: 25px;         }          .bonus__item__other:before {             content: "";             position: absolute;             z-index: 0;             object-fit: cover;             top: 0;             left: 0;             bottom: 0;             height: 100%;             width: 100%;             background: url(/shared/2690/300h180_halloween.jpg) 0 0 no-repeat;             background-size: cover;         }          .footer .container {             border: 1px solid #171e27;             border-bottom: none;             background: #0e161f;             padding: 10px;         }          .footer__menu__inner {             list-style: none;             padding: 0;             display: flex;             justify-content: space-between;             flex-wrap: wrap;         }          .footer__menu__inner__list {             width: 25%;             margin: 10px;         }          .footer__copy {             display: flex;             justify-content: space-evenly;             font-size: 12px;             line-height: 20px;         }          .footer__copy__logo {             margin: 0 23px 0 0;             display: flex;             align-items: center;         }          .footer-copy {             margin: 0;             text-align: center;             color: #ffffff;         }          .footer__copy__logo__link img {             width: 123px;             margin-right: 15px;         }          .footer__copy {             border-top: 1px solid #b8b8b8;             padding: 40px 0 20px 0;         }          @media only screen and (max-width: 1124px) {             .header__inner {                 padding: 15px 15px;             }              .information {                 left: 20px;             }              .nav__inner {                 padding: 0 15px 0 0;             }              .main__nav {                 max-width: 795px;                 margin-left: 5px;                 position: static;             }              .slots {                 margin-top: 30px;             }         }          @media only screen and (max-width: 726px) {             .main .container {                 flex-direction: column;                 align-items: center;             }              .main__left {                 width: 100%;             }              .main__nav {                 max-width: 100%;                 margin-left: 0;             }              .main__right {                 width: 43%;                 margin-top: 20px;             }              .footer__menu__inner__list {                 width: 30%;             }         }          @media only screen and (max-width: 635px) {             .nav__inner__list__link {                 font-size: 16px;             }              .main__right {                 width: 50%;             }         }          @media only screen and (max-width: 565px) {             .slots {                 flex-wrap: wrap;             }              .footer__menu__inner__list {                 width: 45%;             }         }          @media only screen and (max-width: 520px) {             .nav__inner {                 display: none;             }              .logo a {                 width: 160px;                 background-size: contain;             }             .authorization a {                 font-size: 12px;             }         }         @media only screen and (max-width: 480px) {             .main__right {                 width: 65%;             }             .footer__menu__inner__list {                 width: 100%;             }             .footer__menu__inner__list__link {                 text-align: center;             }             .footer__copy {                 flex-direction: column-reverse;                 align-items: center;             }             .footer__copy__info {                 margin-top: 15px;             }             .authorization .authorization__red {                 display: none;             }             .main__nav__list {                 padding: 25px 10px;             }         }         @media only screen and (max-width: 420px) {             .main__right {                 width: 100%;             }         }         @media only screen and (max-width: 360px) {             .main__nav__list__inner__link {                 font-size: 16px;             }         }