body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}@-webkit-keyframes arrowanimate { 0%, to { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } }         @keyframes arrowanimate { 0%, to { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } }         @-webkit-keyframes rotateInf { to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg) } }         @keyframes rotateInf { to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg) } }         @-webkit-keyframes arrowMenu { 0%, to { right: calc(50% - 16px) } 50% { right: -336px } 51% { z-index: -20; right: 336px } }         @keyframes arrowMenu { 0%, to { right: calc(50% - 16px) } 50% { right: -336px } 51% { z-index: -20; right: 336px } }         @-webkit-keyframes welcome-star-1 { 0%, 23%, to { opacity: 0 } 12.5% { opacity: 1 } }         @keyframes welcome-star-1 { 0%, 23%, to { opacity: 0 } 12.5% { opacity: 1 } }         @-webkit-keyframes welcome-star-2 { 0%, 12.5%, 35.5%, to { opacity: 0 } 23% { opacity: 1 } }         @keyframes welcome-star-2 { 0%, 12.5%, 35.5%, to { opacity: 0 } 23% { opacity: 1 } }         @-webkit-keyframes welcome-star-3 { 0%, 23%, 48%, to { opacity: 0 } 35.5% { opacity: 1 } }         @keyframes welcome-star-3 { 0%, 23%, 48%, to { opacity: 0 } 35.5% { opacity: 1 } }         @-webkit-keyframes welcome-star-4 { 0%, 35.5%, 60.5%, to { opacity: 0 } 48% { opacity: 1 } }         @keyframes welcome-star-4 { 0%, 35.5%, 60.5%, to { opacity: 0 } 48% { opacity: 1 } }         @-webkit-keyframes welcome-star-5 { 0%, 48%, 73%, to { opacity: 0 } 60.5% { opacity: 1 } }         @keyframes welcome-star-5 { 0%, 48%, 73%, to { opacity: 0 } 60.5% { opacity: 1 } }         @-webkit-keyframes welcome-star-6 { 0%, 23%, 47%, 60.5%, 85.5%, to { opacity: 0 } 10.5%, 35%, 72.5% { opacity: 1 } }         @keyframes welcome-star-6 { 0%, 23%, 47%, 60.5%, 85.5%, to { opacity: 0 } 10.5%, 35%, 72.5% { opacity: 1 } }         @-webkit-keyframes welcome-star-7 { 0%, 19%, 47%, 72.5%, 97.5%, to { opacity: 0 } 35%, 60.5%, 8.5%, 85.5% { opacity: 1 } }         @keyframes welcome-star-7 { 0%, 19%, 47%, 72.5%, 97.5%, to { opacity: 0 } 35%, 60.5%, 8.5%, 85.5% { opacity: 1 } }         @-webkit-keyframes welcome-star-8 { 0%, 23%, 47%, 72%, 97.5%, to { opacity: 0 } 12.5%, 35%, 60%, 84% { opacity: 1 } }         @keyframes welcome-star-8 { 0%, 23%, 47%, 72%, 97.5%, to { opacity: 0 } 12.5%, 35%, 60%, 84% { opacity: 1 } }                  html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }         body { margin: 0 }         aside, figcaption, figure, footer, header, main, nav, section { display: block }         [hidden] { display: none; visibility: hidden }         a { background-color: transparent }         a:active, a:hover { outline: 0 }         figure { margin: 0 }         button, input { color: inherit; font: inherit; margin: 0 }         button { overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer }         button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }         input { line-height: normal }         input[type=search] { -webkit-appearance: textfield; box-sizing: content-box }         input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none }                  @font-face { font-family: 'pt_sansbold'; src: url(/uploads/1323/pt_sans-web-bold-webfont.woff) format("woff"); font-weight: 400; font-style: normal }         @font-face { font-family: 'pt_sansregular'; src: url(/uploads/1323/pt_sans-web-regular-webfont.woff) format("woff"); font-weight: 400; font-style: normal }         @font-face { font-family: 'TotoFont'; src: url(/uploads/1323/betFont.otf); font-weight: 400; font-style: normal }         @font-face { font-family: 'nexa_scriptbold'; src: url(/uploads/1323/fontfabric_-_nexa_script_bold-webfont.woff) format("woff"); font-weight: 400; font-style: normal }                  html::-webkit-scrollbar { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); position: fixed; width: 12px; background-color: #1a1a1a; display: none }         .page { padding-top: 80px; font-family: 'pt_sansregular', Helvetica, Arial, sans-serif; background: linear-gradient(to bottom, #0c0c11 0%, #262634 90%, #2e2e3e 100%); background-color: #0c0c11 }                  @media screen and (min-width: 1280px) {             .common-girls5 { position: relative }             .common-girls5::after, .common-girls5::before { content: ''; display: block; width: 319px; height: 100%; position: fixed; top: 56px; background-repeat: no-repeat; background-size: cover; background-position: center }             .common-girls5::before { left: calc(50% - 959px); background-image: url(/uploads/1323/left.jpg) }             .common-girls5::after { left: calc(50% + 639px); background-image: url(/uploads/1323/right.jpg) }         }         @media screen and (min-width: 1930px) {             .common-girls5::after, .common-girls5::before { width: calc((100% - 1280px) / 2); top: 56px; background-image: url(/uploads/1323/left-h.jpg); background-position: 50% 0 }             .common-girls5::before { left: 0 }             .common-girls5::after { left: calc(50% + 639px); background-image: url(/uploads/1323/right-h.jpg) }         }         @media only screen and (max-width: 1024px) { .page { padding-top: 45px } }         @media only screen and (max-width: 768px) { .page { padding-top: 47px } }         @media only screen and (max-width: 460px) { input { font-size: 17px } }                  .layout, .layout .main { padding: 5px; box-sizing: border-box }         .layout { max-width: 1280px; margin: auto; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; background-color: #262634 }         .layout .main { width: 80%; outline: 0 }                  @media screen and (max-width: 1260px) { .layout .main { padding: 5px 15px } }         @media screen and (max-width: 770px) { .layout .main { padding: 5px } }         .layout .aside { width: 20%; padding: 5px; box-sizing: border-box }         @media only screen and (max-width: 1240px) { .layout .main { width: 75% } .layout .aside { width: 25% } }         @media only screen and (max-width: 980px) { .layout .main { width: 100% } .layout .aside { display: none } }         @media only screen and (max-width: 768px) { .layout { padding-top: 0 } }         @media only screen and (max-width: 576px) { .layout { overflow-x: hidden } .layout, .layout .main, .layout .row { display: block } .layout .aside { display: none } }                  .footer { max-width: 1280px; background: linear-gradient(to bottom, #424242 0%, #343434 100%); box-sizing: border-box; margin: auto; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; padding: 0 6px; color: #fff }         .pointer-events-off { pointer-events: none }         .aside__nav-item.search-input .aside__nav-item--search:focus { outline: 0 }         .aside__nav { margin-bottom: 10px }         .aside__nav-list { margin: 0; padding: 0; list-style: none }         .aside__nav-item { background: linear-gradient(to bottom, #424242 0%, #343434 100%); position: relative; border-bottom: 1px solid #656565; cursor: pointer; display: block; overflow-x: hidden }         .aside__nav-item::after { content: ''; display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-image: url(/uploads/1323/arrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; height: 25px; width: 32px; overflow: hidden; animation-duration: 1.2s; animation-direction: normal; animation-timing-function: ease; animation-iteration-count: 1; animation-fill-mode: both }         .aside__nav-item:hover::after { animation-name: arrowMenu }         .aside__nav-item:first-child { border-radius: 6px 6px 0 0 }         .aside__nav-item:last-child { border-radius: 0 0 6px 6px; border-bottom: none }         .aside__nav-link { padding: 17.5px 10px; display: block; color: #fff; text-decoration: none; box-sizing: border-box; line-height: 0; white-space: nowrap }         .aside__nav--games .aside__nav-item:first-child { border-bottom: none; margin-bottom: 10px; border-radius: 6px }         .aside__nav--games .aside__nav-item:nth-child(2) { border-radius: 6px 6px 0 0 }         .aside__nav--events .aside__nav-item { background: linear-gradient(to bottom, #de3c21 0%, #b41b0f 100%); border-color: #b41b0f }         .aside__nav--events .aside__nav-item:last-child { border-radius: 6px }         .aside__nav--events .aside__nav-item:nth-child(3) { margin-bottom: 10px; border-radius: 0 0 6px 6px; border-bottom: none }         .aside__nav-item.search-input::after { display: none }         .aside__nav-item.search-input { position: relative; line-height: 35px; height: 35px }         .aside__nav-item.search-input .aside__nav-item--search { box-sizing: border-box; display: block; position: absolute; width: 90%; height: 70%; top: 50%; left: 50%; border-radius: 5px; transform: translate(-50%, -50%); padding-left: 25px; background-image: url(/shared/empty.gif); background-repeat: no-repeat; background-position: 3px 50%; background-size: 15px 15px; font-size: 14px; border: 0; outline: 0 }         .aside__nav-item.promo-button { position: relative; overflow: visible }                  .start { box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; padding-top: 2px; height: 214px }         .start__logo { width: calc(100% - 8px); height: 175px; background-image: url(/uploads/1323/frame.png); background-repeat: no-repeat; background-position: center; background-size: 100%; position: relative; animation-iteration-count: infinite; animation-name: arrowanimate; animation-duration: 1.4s; animation-fill-mode: both; max-width: 250px; margin: 0 auto }         .start__logo__header { width: 100%; font-family: 'nexa_scriptbold', 'pt_sansregular'; text-align: center; padding-top: 25px; font-size: 22px }         .start__logo__header__up { display: block; font-family: 'pt_sansregular'; color: #5f5; text-shadow: 0 0 10px #0f0, 0 0 20px #0f0 }         .start__logo__header__down { color: #f55; text-shadow: 0 0 10px red, 0 0 20px red }         .start__button { display: block; position: relative; margin: 0 auto; width: 80% }                  .footer__link { text-decoration: none; color: #fff; font-size: .75em }         .footer__list { width: 100%; padding: 0; margin: 0; list-style: none; display: block }         .footer__list-item { font-size: .875em }         .footer__label { font-size: 1em; font-family: "pt_sansbold" }         .footer__top, .footer__top-wrapper { display: flex; flex-direction: row; flex-wrap: wrap }         .footer__top { width: 100%; border-bottom: 1px solid #777; justify-content: space-between; padding: 10px 0 }         .footer__top-wrapper { box-sizing: border-box; justify-content: flex-start; align-content: flex-start; padding: 0 }         .footer__top-label { width: 100%; margin: 0 0 8px; font-family: "pt_sansbold" }         .footer__league { width: 100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; padding: 10px 0 }         .footer__comercial { background-color: #212121; padding: 10px; box-sizing: border-box; width: calc(100% + 20px); margin: 0 -10px }         .footer__comercial .footer-wrapper { display: flex; justify-content: space-around; flex-wrap: wrap; margin: auto; max-width: 1280px; }         .footer__comercial-item { margin: 4px 0 }         .footer__comercial-item.hovercolor { filter: grayscale(100%); transition: filter .3s; }         .footer__comercial-item.hovercolor:hover { filter: grayscale(0%); }         .footer__copyright { width: 100%; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; text-align: center }         .footer__copyright-label { text-align: center; font-size: .625em; color: #a9a9a9; flex-basis: 100% }         .footer__copyright-logo { display: none }         @media only screen and (max-width: 1024px) { .footer__league, .footer__top { display: none } .footer__copyright-logo { display: block } }         @media only screen and (max-width: 576px) { .footer { display: block } .footer__comercial { display: block; font-size: 0; text-align: center } .footer__copyright { display: block } .footer__copyright-logo { float: left; margin-top: 10px } }                  .games__list { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: flex-start }         .games__list-item { position: relative; box-sizing: border-box; flex-basis: 20%; max-width: 20%; padding-right: 10px; margin-bottom: 10px }         .games__item { position: relative }         .games__item-pic { overflow: hidden; position: relative }         .games__item-content { position: relative }         .games__item-title { display: block; color: #fff; position: relative; text-overflow: ellipsis; overflow-x: hidden; padding: .25em 19px .25em 0; white-space: nowrap }         .games__item-image { display: block; width: 100%; height: 143px; overflow: hidden; position: relative; border-radius: 5px }         .games__item-image amp-img img, .games__item-image amp-img { transition: transform .5s cubic-bezier(.68, 0, .43, .92); }         .games__item-control { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .4); width: 100%; height: 100%; display: none }         .games__item-control-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100% }         .games__item-control .button, .games__item-control-link { display: block; color: #fff; text-align: center; margin: auto; width: 65%; min-width: 105px }         .games__item:hover .games__item-control { display: block }         .games__item:hover .games__item-image amp-img img { transform: scale(1.15) }         .games__item-favorite { position: absolute; width: 20px; height: 20px; right: 0; top: 50%; margin-top: -10px; cursor: pointer; overflow: visible }         .games__item-favorite span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background-image: url(/uploads/1323/sprite_star.png); background-position: left; background-repeat: no-repeat; background-size: 2900% }         .games .button.button_gray { display: block; width: 100%; background: linear-gradient(to bottom, #de3c21 0%, #b41b0f 100%); border: 1px solid #bc2502 }                  @media only screen and (max-width: 1024px) { .games__list-item { flex-basis: 25%; max-width: 25% } .games__item-title { max-width: calc(100% - 19px) } }         @media only screen and (max-width: 576px) { .games__list-item { flex-basis: 50%; max-width: 50% } }                  .gestbar__list { height: inherit; margin: 0; padding: 0; list-style: none; font-size: 0 }         .gestbar__item { display: inline-block; font-size: 16px; vertical-align: middle; padding: 0 4px; box-sizing: border-box; position: relative }         .gestbar__form { line-height: 35px; padding: 0 10px; border-radius: 6px; border: 0; max-width: 200px; height: 35px; box-sizing: border-box }         .gestbar__change { display: inline-block; color: #fff; background-color: #24bb9d; font-weight: 600; width: 21px; height: 21px; text-align: center; line-height: 20px; border-radius: 50%; position: absolute; top: 50%; left: 380px; transform: translateY(-50%); cursor: pointer }                  .header { top: 0; left: 0; width: 100%; background: linear-gradient(to bottom, #424242 0%, #343434 100%); padding: 0 4px; box-shadow: 0 0 18px 16px rgba(0, 0, 0, .15); z-index: 3000; position: fixed; box-sizing: border-box }         .header__bottom, .header__row { position: relative; box-sizing: border-box }         .header__row::after { content: ''; display: block; position: absolute; width: calc(100% - 250px); height: 1px; background-color: #656565; top: 100%; right: 0 }         .header__row .gestbar { text-align: right; margin-left: auto }         .header .logo { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 215px; height: 75%; background: url(/uploads/1323/logo_casino.svg) no-repeat center; background-size: contain; z-index: 48 }         .header .burger { display: none; visibility: hidden }                  @media only screen and (max-width: 1024px) {             .header { border-bottom: 1px solid #6a6a6a; }             .header .logo { background: url(/uploads/1323/pinup-1.svg) no-repeat center; left: 44px; width: 80px; }             .header__bottom { display: none; }             .header__row { text-align: right; border: 0 }             .header .gestbar__item { visibility: hidden; padding: 0 }             .header .gestbar__item .gestbar__form { display: none }             .header .gestbar__item .button { display: inline-block; visibility: visible; padding: 0 10px }             .header .burger { display: inline-block; visibility: visible; position: absolute; left: 4px; top: 50%; width: 35px; height: 35px; box-sizing: border-box; transform: translateY(-50%); margin: 0; padding: 0; }         }                  .jackpot { position: relative; box-sizing: border-box; height: 300px; overflow: hidden }         .jackpot::before { content: ''; position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); background-image: radial-gradient(circle closest-side, #830e12, #8c030a, rgba(140, 3, 10, 0)); width: 292px; height: 292px; z-index: 40 }         .jackpot::after { content: ''; position: absolute; left: 50%; top: 50%; border-radius: 50%; width: 300px; height: 300px; background-image: url(/uploads/1323/line.svg); background-repeat: no-repeat; background-size: 500%; z-index: 42; transform: translate(-50%, -50%) rotate(0deg); animation-name: rotateInf; animation-fill-mode: both; animation-iteration-count: infinite; animation-duration: 8s; animation-timing-function: linear }         .jackpot__figure { position: absolute; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 46; top: 50% }         .jackpot__figure-caption { position: absolute; left: 50%; transform: translate(-50%, -50%); color: #830d11; text-align: center; top: 56%; font-size: 1.55em; font-family: Impact; text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 1px 2px 2px rgba(0, 0, 0, .2) }         .jackpot .button { display: block; text-align: center; margin: auto; width: calc(100% - 20px); z-index: 46; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) }                  .language-select { color: #fff; width: 70px; text-align: right; right: 0; top: 45px; position: fixed; z-index: 5005; margin-left: auto }         .language-select-current { font-size: .6em; padding-right: 1em; line-height: 35px; background-position: 1em center; background-size: 26px; background-repeat: no-repeat; position: relative; height: 35px }         [data-language=ru] { background-image: url(/uploads/1323/ru.svg) }                  .main__header { background: linear-gradient(to bottom, #424242 0%, #343434 100%); border-radius: 6px; font-size: 1.25em; line-height: 35px; margin-bottom: 10px }         .main__header-list { margin: 0; list-style: none; display: flex; flex-direction: row; justify-content: space-between; padding: 0 10px }         .main__header-item { flex-grow: 1; text-align: center }         .main__header-link { color: #fff; text-decoration: none; position: relative }         .main__header-link--active { font-family: "pt_sansbold" }         .main__header-link--active::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #24bb9d; border-radius: 50%; top: 50%; left: -20px; transform: translateY(-50%) }                  .row { width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; padding: 5px }         .row__aside { width: calc(20% - 10px); margin-right: 10px }         .row__slider { width: 80%; box-sizing: border-box }         @media only screen and (max-width: 1240px) { .row__slider { width: 75% } .row__aside { width: calc(25% - 10px) } }         @media only screen and (max-width: 980px) { .row__slider { width: 100%; height: 23vw; min-height: 225px } .row__aside { display: none; visibility: hidden } }         @media only screen and (max-width: 576px) { .row { display: block } .row__slider { width: 100%; height: 44vw; min-height: 145px } }                  .nav { max-width: 900px; margin: auto }         .nav__list { margin: 0; padding: 0; list-style: none; font-size: 20px; display: flex; justify-content: space-between; align-items: center }         .nav__item { line-height: 34px; text-align: center }         .nav__link { text-decoration: none; color: #a9a9a9; position: relative }         .nav__link--active { color: #fff; font-family: "pt_sansbold" }                  .sidebar { background-color: #000; box-sizing: border-box; max-width: 553px; }         .sidebar__list { margin: 0; padding: 0; list-style: none; }         .sidebar__item { display: block; margin-bottom: 1px }         .sidebar__link { background-color: #ddd; text-decoration: none; color: #000; font-size: 1.25em; white-space: nowrap; display: block; box-sizing: border-box; padding: 0 10px; line-height: 45px; position: relative }         .sidebar__link--common { background: linear-gradient(to bottom, #fdfdfd 0%, #cfcfcf 100%) }         .sidebar__link--top { background: linear-gradient(to bottom, #50c5ac 0%, #3fa18d 50%, #2e7f70 100%); color: #fff }         .mobile__header-wrapper { background: linear-gradient(to bottom, #424242 0%, #343434 100%) }         .mobile__header-promo { padding: 8px 0 5px; display: block; width: 100%; font-weight: 700; text-align: center; font-size: 19px; line-height: 22px; color: #fff; margin: 0; text-decoration: none }         .mobile__header-promo .text__red { color: red }                  .slider { border-radius: 6px; position: relative }         .slider__item { height: inherit; position: relative }         .slider__item .button { position: absolute; bottom: 10px; right: 5%; transform: translateX(-50%); width: 184px; cursor: pointer; z-index: 84 }                  .banner--casinopromo { top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; display: block; position: relative; background: linear-gradient(to top, #11141e 0%, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%); overflow: hidden; max-height: 225px }         .banner--casinopromo__main { position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(/uploads/1323/casino-promo-bkg2.png) center no-repeat; background-size: 100% 100% }         .banner--casinopromo__description, .banner--casinopromo__roulette { position: absolute; height: 100%; width: 201px; right: 25px; top: 0 }         .banner--casinopromo__text { text-align: center; color: #fff; line-height: 40px; font-size: 35px; z-index: 5 }         .banner--casinopromo__text--green, .banner--casinopromo__text--red { color: #f52e16; font-family: 'pt_sansbold' }         .banner--casinopromo__text--green { color: #30ba9d }                  .banner-welcome--bon { top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; display: block; position: relative; background: linear-gradient(to top, #11141e 0%, #131a27 25%, #131d2f 50%, #132032 75%, #11263a 100%); overflow: hidden; max-height: 225px; font-size: 16px }         .banner-welcome--bon__envelope { left: 2%; bottom: 0; width: 55%; height: 100%; position: absolute; background: url(/uploads/1323/envlope.png) no-repeat center bottom; background-size: contain }         .banner-welcome--bon__envelope--text { position: absolute; right: 8%; color: #fff; text-transform: uppercase; max-width: 10em; font-size: 1.3em; font-weight: 700; text-align: center; top: 51%; transform: translateY(-50%) }         .banner-welcome--bon__chip { right: 0; bottom: 0; width: 50%; height: 100%; position: absolute; background: url(/uploads/1323/right-chip.png) no-repeat center bottom; background-size: contain }         .welcome--bon__chip-wrap { position: absolute; width: 15em; right: 15%; top: 18%; text-align: center }         .welcome--bon__chip-textup { display: block; color: #24bb9d; font-size: 1.3em; text-transform: uppercase; font-weight: 700 }         .welcome--bon__chip-textdown { font-weight: 700; font-size: 1.2em; margin-top: .4em; display: block; color: #fff }         .banner-welcome--bon__chip .welcome--bon__chip-wrap .banner-welcome--bon__button { position: static; display: block; transform: translateX(0); margin: 1.7em auto 0 }                  .games-promo, .games-promo__content { width: 100%; height: 100%; max-height: 225px }         .games-promo__content { position: relative; box-sizing: border-box; display: block; background: url(/uploads/1323/games-banner.jpg) no-repeat center top; background-size: cover; overflow: hidden }         .games-promo__text { color: #fff; font-size: 40px; padding-left: 23%; margin-top: 40px; text-shadow: 3px 3px #000 }         .games-promo__button { right: -4% }                  .burger { width: 36px; height: 36px; background-color: inherit; border: 2px solid #e03d22; border-radius: 3px; padding: 4px 2px; cursor: pointer; margin: 0 8px 0 0; z-index: 878889; }         .burger__item { display: block; background-color: #a9a9a9; height: 4px; width: 100%; transition: all .3s linear }         .button { color: #fff; font-size: 16px; padding: 0 12px; text-align: center; line-height: 35px; white-space: nowrap; border: 0; border-radius: 6px; position: relative; overflow: hidden; font-family: 'pt_sansregular'; box-sizing: padding-box; z-index: 4 }         .button_red { background: linear-gradient(to bottom, #de3c21 0%, #b41b0f 100%); border: 1px solid #bc2502 }         .button_green { background: linear-gradient(to bottom, #50c5ac 0%, #3fa18d 50%, #2e7f70 100%); border: 1px solid #55a399 }         .button::after { content: ''; display: block; position: absolute; top: 0; right: calc(50% - 16px); background-image: url(/uploads/1323/arrow.png); background-position: center; background-repeat: no-repeat; background-size: 100%; height: 100%; width: 31px }                  .cont { font-size: .85em; color: #a9a9a9; }         .cont a { text-decoration: none; color: #fff; font-size: .85em; }