body {     padding: 0;     margin: 0;     font-family: Roboto,sans-serif,Helvetica,Arial;     font-size: 14px;     line-height: 1.4;     color: #a0a0a0;     overflow-y: auto;     background: #1b1928; } html, body {   overflow-x: hidden; } a {     text-decoration: none; } ul {     padding: 0;     list-style: none;     margin: 0; } p {     margin: 10px 0;     padding: 0;   	font-size: 16px; } * {     box-sizing: border-box; } .header {     background-color: #100e1b;     box-shadow: 0 4px 12px rgba(0, 0, 0, .2);     transition: height .5s ease;     display: flex;     justify-content: space-between;     align-items: center;     padding: 10px 35px;     position: fixed;     width: 100%;     z-index: 100; } .header__menu__inner {     display: block;     height: 3px;     width: 25px;     background-color: #fff;     border-radius: 10px;     transition: .25s ease-in-out;     margin-bottom: 5px; } .header__menu__inner:last-child {     margin-bottom: 0; } .header__left {     display: flex;     align-items: center; } .header__menu {     margin-right: 15px;     cursor: pointer; } .header__button {     min-height: 46px;     display: flex; } .header__button__link {     min-width: 113px;     font-size: 14px;     line-height: 16px;     font-weight: 700;     text-transform: uppercase;     color: #fff;     background-color: #2b2740;     border: 0;     border-radius: 6px;     outline: none;     cursor: pointer;     transition: background-color .1s cubic-bezier(.4,0,.2,1);     margin: 0 0 0 10px;     padding: 15px 25px;     text-align: center; } .header__button__link-green {     min-width: 113px;     background: #00bd71; } .header__menu__list {     position: fixed;     background-color: #1b1928;     box-shadow: inset -0.5px 0 0 #3c3955;     z-index: 105;     width: 240px;     height: 100%;     top: 65px;     left: 0;     padding: 0 25px; } .header__menu__list__inner__item__link {     display: flex;     align-items: center; } .header__menu__list__inner__item__link svg {     width: 24px;     height: 24px;     opacity: .7;     margin-right: 16px; } .header__menu__list__inner__item {     padding: 10px 35px;     margin-bottom: 15px; } .header__menu__list__inner__item__link {     font-size: 14px;     line-height: 16px;     font-weight: 700;     color: rgba(213,222,231,.7); } .bg__svg {     background: rgba(213,222,231,.7);     width: 24px;     height: 24px;     border-radius: 6px;     text-align: center;     margin-right: 16px; } .bg__svg svg {     width: 18px;     height: 18px;     margin: 3px auto 0; } .bg__svg__circle {     background: rgba(213,222,231,.7);     border-radius: 50%;     text-align: center;     margin-right: 16px;     padding: 4px 6px; } .bg__svg__circle svg {     width: 18px;     height: 18px;     margin: 3px auto 0; } .header__menu__list__inner__item:hover {     background: radial-gradient(62.27% 184.22% at 87.42% 42.5%,#342f4b 0,#2b2740 100%);     border-radius: 6px; } .header__menu__list__inner__item:hover .header__menu__list__inner__item__link {     color: #ffffff; } .header__menu__list__inner__item:hover .header__menu__list__inner__item__link svg {     opacity: 1; } .header__menu__list__inner__item:hover .bg__svg__circle, .header__menu__list__inner__item:hover .bg__svg{     background: rgba(255, 255, 255, 1); } .active .header__menu__inner:first-child {     display: none; } .active .header__menu__inner:nth-child(2) {     transform: rotate(45deg);     margin: 0; } .active .header__menu__inner:last-child {     transform: rotate(-45deg);     position: relative;     bottom: 3px; } .promo-banner.is-about-us {     background: url(/shared/2717/banner.849f978.webp) 50%/cover no-repeat; width: 100%; height: 500px; display: flex; justify-content: center; align-items: stretch; position: relative; padding-top: 65px; } .about-us-badges {     width: 100%;     max-width: 1420px;     margin: 0 auto;     padding: 0 45px;     display: flex;     align-content: stretch;     align-items: center; } .about-us-badges__item {     width: 25%;     position: relative; } .about-us-badges__item:before {     content: "";     position: absolute;     width: 100%;     height: 100%; } .about-us-badges__item:first-of-type:before {     content: url(/shared/2717/badge-char-1.47a4f2c.png); left: -72px; } .about-us-badges__item img {     display: block;     margin: 0 auto;     position: relative;     z-index: 1;     width: 100%; } .about-us-badges__item:nth-of-type(2):before {     content: url(/shared/2717/badge-char-2.c2a84af.png); left: -23px; top: -55px; } .about-us-badges__item:nth-of-type(3):before {     content: url(/shared/2717/badge-char-3.1343660.png); right: -108px; top: 83px; } .about-us-badges__item:nth-of-type(4):before {     content: url(/shared/2717/badge-char-4.44c5940.png); right: -160px; top: -16px; } .container {     max-width: 1200px;     margin: 0 auto; } .main__title {     text-align: center;   	text-transform: uppercase;   	font-size: 30px;   	color: #fff; }  .c-swiper-header {     position: relative;     display: flex;     justify-content: space-between;     align-items: center;     margin: 0 0 8px;     z-index: 2; } .c-swiper-header__box {     display: flex;     align-items: center; } .c-swiper-navigation {     display: flex; } .c-providers-swiper-section .c-view-all {     background-color: #3c3955; } .c-view-all {     position: relative;     padding: 10px 12px;     border: none;     border-radius: 6px;     background-color: #2b2740;     font-size: 14px;     line-height: 16px;     font-weight: 700;     text-align: center;     text-transform: uppercase;     color: #fff;     margin-left: auto;     text-decoration: none;     user-select: none;     overflow: hidden;     cursor: pointer;     transition: background-color .1s cubic-bezier(.4,0,.2,1); } .games-sections__title {     font-size: 24px;     line-height: 1.5;     font-weight: 400;     text-transform: uppercase;     color: #fff;     margin: 0 15px 0 0;     text-decoration: none; } .c-swiper-navigation__arrow {     display: flex;     justify-content: center;     align-items: center;     width: 36px;     height: 36px;     border: none;     border-radius: 6px;     transition: background-color .2s ease;     padding: 10px;     margin-right: 10px;     cursor: pointer; } .c-swiper, .c-swiper-providers {     display: flex;     width: calc(100% + 20px);     margin-left: -10px;     height: inherit;     scrollbar-width: none;     -ms-overflow-style: none;     position: relative; } .c-swiper-item, .c-providers-item {     display: flex;     flex-shrink: 0;     flex-wrap: wrap;     width: 93.35%;     height: inherit; } .c-providers-swiper-section {     background-color: #2b2740;     padding: 40px 0 30px;     margin-top: 45px; } .c-swiper-wrapper {     width: 100%;     max-width: 1420px;     padding: 0 45px;     margin: 0 auto; } .c-providers-swiper-section .c-swiper-navigation__arrow {     background-color: #3c3955; } .c-providers-swiper-section .c-view-all {     background-color: #3c3955; } .c-swiper-container {     overflow: hidden;     position: relative; } .c-providers-swiper__item {     display: inline-block;     width: 20%;     flex: 0 1 auto;     padding: 10px;     box-sizing: border-box;     line-height: 0;     position: relative; } .c-providers-swiper__link {     display: block;     text-decoration: none;     position: relative;     border-radius: 10px;     background: #2b2740;     background: linear-gradient(0deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05)),#3c3955;     overflow: hidden; } .c-providers-swiper__body {     display: block;     position: relative;     overflow: hidden;     border-top-left-radius: 10px;     border-top-right-radius: 10px;     background-color: hsla(0,0%,100%,.05);     padding-top: 53.71%;     transition: .2s ease-out;     -webkit-backface-visibility: hidden; } .c-providers-swiper__image {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%,-50%);     max-width: 80%;     transition: .2s ease-out; } .c-providers-swiper__footer {     position: relative;     background-color: #3c3955;     border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px;     transition: .2s ease-out;     padding: 15px 0;     z-index: 1; } .c-providers-swiper__title {     display: block;     font-size: 16px;     line-height: 19px;     text-align: center;     color: #d5dee7;     margin-bottom: 7px; } .c-providers-swiper__subtitle {     display: block;     font-size: 14px;     line-height: 16px;     text-align: center;     color: #9ea1ae; } .social-icons__item {     display: inline-block;     vertical-align: top;     width: 50px;     height: 50px;     margin-left: 20px;     border-radius: 50%;     pointer-events: all; } .social-icons__item:first-of-type {     margin-left: 0; } .social-icons__icon {     display: flex;     justify-content: center;     align-items: center;     height: 100%;     width: 100%;     border-radius: 50%;     text-decoration: none;     background-color: #2b2740; } .social-icons__icon.is-telegram {     background-repeat: no-repeat; } .social-icons__icon:before {     color: #fff;     font-size: 24px;     line-height: 1; } .social-icons__icon.is-telegram:before {     content: "";     background-image: url(/shared/2717/telegram.ba4c785.png); width: 24px; height: 20.9px; background-size: 90%; background-repeat: no-repeat; } .os-win .social-icons__icon.is-facebook:before, .os-win .social-icons__icon.is-instagram:before, .os-win .social-icons__icon.is-twitter:before {     transform: translateY(15%); }  .social-icons__icon.is-facebook:before {     content: "";     background-image: url(/shared/2717/icons8-facebook-f.svg); width: 21px; height: 20.9px; background-size: 90%; background-repeat: no-repeat; } .social-icons__icon.is-twitter:before {     content: "";     background-image: url(/shared/2717/icons8-twitter.svg); width: 20px; height: 20.9px; transform: translateY(21%) translateX(2px)!important; background-size: 90%; background-repeat: no-repeat; } .social-icons__icon.is-instagram:before {     content: "";     background-image: url(/shared/2717/instagram.ea166b9.svg); background-size: 100%; width: 24px; height: 24px; transform: translateY(0)!important; } .social-icons__icon.is-social-vk:before {     content: "";     width: 70%;     height: 70%;     background-image: url(/shared/2717/vk.e51869a.png); background-position: 50%; background-size: 100%; } .footer {     margin-top: 45px;     padding-bottom: 45px; } .footer__nav {     display: flex;     justify-content: center; } .footer__nav__inner {     text-align: center;     margin: 0 90px 0 0;     width: 134px; } .footer__nav__inner:last-child {     margin: 0; } .footer__nav__inner__list__link {     font-size: 14px;     line-height: 21px;     color: hsla(0,0%,100%,.8);     font-weight: 300;     transition: color .3s ease;     text-decoration: none; } .footer__nav__inner__list {     margin-bottom: 10px; } .footer__nav__inner__list-title {     font-size: 18px;     line-height: 21px;     text-transform: uppercase;     letter-spacing: .05em;     color: #fff;     margin-bottom: 15px; } .footer__social {     text-align: center;     margin-top: 30px; } .footer__price {     background-color: #231f34;     padding: 35px 0;     margin-top: 35px; } .footer__price .container {     display: flex;     justify-content: space-between;     align-items: center; } .footer__price img {     max-width: 100%;     max-height: 24px;     height: 24px;     opacity: .3; } .footer-copyright__text {     display: inline;     font-size: 14px;     line-height: 21px;     color: #9ea1ae;     margin: 0; } .footer-copyright__wrap {     width: 100%;     padding: 0 45px;     display: flex;     align-items: center; } .footer-copyright__nav {     display: flex;     margin-left: auto; } .footer-copyright__nav-link {     display: block;     font-size: 14px;     line-height: 16px;     text-transform: uppercase;     text-decoration: none;     color: #fff;     margin-left: 30px;     cursor: pointer; } .footer-copyright__icons {     margin-left: 30px;     display: flex;     flex-direction: row;     flex-wrap: nowrap;     align-content: stretch;     align-items: center; } .footer-copyright__icons img {     margin-right: 18px; } .footer-copyright__icon-18 {     width: 32px;     height: 32px; } .footer-copyright__icon-gamecare {     width: 28.73px;     height: 32px; } .footer-copyright__icon-ga {     width: 49.97px;     height: 32px;     margin-right: 0; } .footer__copy {     margin-top: 25px; } .footer-copyright__content__wrap {     padding: 13px 45px; } .footer-copyright__content__wrap a {     color: #00bd71;     text-decoration: none;     transition: all .35s ease; } .footer-copyright__text {     font-size: 12px;     line-height: 21px;     color: #9ea1ae;     margin: 0; }  @media only screen and (max-width: 1280px) {     .about-us-badges__item:first-of-type:before {         left: -40px;     }     .about-us-badges__item:nth-of-type(2):before {         left: -24px;     }     .about-us-badges__item:nth-of-type(3):before {         right: -64px;         top: 73px;     }     .about-us-badges__item:nth-of-type(4):before {         right: -40px;     } } @media only screen and (max-width: 1150px) {     .about-us-badges__item:nth-of-type(3):before {         right: -20px;         top: 58px;     } } @media only screen and (max-width: 1024px) {     .about-us-badges {         padding: 0 15px;     } } @media only screen and (max-width: 860px) {     .about-us-badges__item:nth-of-type(3):before {         right: 0;         top: 28px;     } } @media only screen and (max-width: 768px) {     .about-us-badges__item:before {         display: none;     }     .promo-banner.is-about-us {         height: 300px;     } } @media only screen and (max-width: 1440px) {     .container {         padding: 0 15px;     } } @media only screen and (max-width: 1024px) {     .c-swiper-providers {         overflow-x: scroll;     }     .c-swiper-navigation__arrow {         display: none;     }     .footer__price .container {         justify-content: center;         flex-wrap: wrap;     }     .footer__price .container img {         margin-bottom: 15px;         margin-right: 10px;     }     .footer-copyright__wrap {         flex-wrap: wrap;         justify-content: center;     }     .footer-copyright__nav {         margin: 15px auto;     }     .c-swiper-item, .c-providers-item {         width: 100%;         flex-wrap: nowrap;     }     .c-providers-item {         white-space: nowrap;     }     .c-providers-swiper__item {         display: inline-block;         width: 182px;     } } @media only screen and (max-width: 868px) {     .footer__nav {         justify-content: space-evenly;     }     .footer__nav__inner {         margin: 0;     }     .c-providers-swiper__item:nth-child(5) {         display: none;     }     .c-providers-swiper__item {         width: 49%;     } } @media only screen and (max-width: 720px) {     .footer__nav {         flex-wrap: wrap;     }     .footer__nav__inner {         width: 150px;         margin-right: 10px;     }     .footer__nav__inner:last-child {         margin-right: 0;     } } @media only screen and (max-width: 650px) {     .footer__nav {         display: block;     }      .footer__nav__inner {         width: 150px;         margin: 0 auto 45px;     }      .footer__nav__inner:last-child {         margin: 0 auto;     }      .footer-copyright__nav-link {         font-size: 12px;     }      .footer-copyright__text {         font-size: 10px;     } } @media only screen and (max-width: 570px) {     .c-providers-swiper__item:nth-child(4) {         display: none;     }     .header__button__link {         display: none;     }     .header__button__link.header__button__link-green {         display: block;     } } @media only screen and (max-width: 570px) {     .c-providers-swiper__item:nth-child(3) {         display: none;     }     .footer-copyright__nav-link {         margin: 0;     }     .footer-copyright__nav {         display: block;         text-align: center;     }     .footer-copyright__nav li {         margin-bottom: 15px;     }     .c-swiper-wrapper {         padding: 0px 10px;     } } @media only screen and (max-width: 440px) {     .header {         padding: 10px 5px;     } } @media only screen and (max-width: 360px) {     .social-icons__item {         width: 45px;         height: 45px;     } } .main__description h2 { color: #fff; font-size: 26px; } .main__description h3 { color: #fff; font-size: 22px; } .main__description ul { font-size: 16px !important; padding-left: 15px; margin: 5px 15px; list-style: square; } .main__description ol { font-size: 16px !important; padding-left: 15px; margin: 5px 15px; } .main__description blockquote { font-weight: 500; border-left: 5px solid #ab484b; padding-left: 15px; font-size: 16px; margin: 20px 0px; color: #fff; } .main__description img { max-width: 100%; height: auto;} .main__description a { color: #ab484b; text-decoration: none; }