@charset "utf-8";

@charset "utf-8";





















:root { --swiper-theme-color: #007aff; }

:host { display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }

.swiper { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; position: relative; z-index: 1; }

.swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); width: 100%; z-index: 1; }

.swiper-wrapper { transform: translateZ(0px); }

.swiper-horizontal { touch-action: pan-y; }

.swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; }

.swiper-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-3d { perspective: 1200px; }

.swiper-3d .swiper-slide { transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right { height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 10; }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

.swiper-pagination { position: absolute; text-align: center; transform: translateZ(0px); transition: opacity 0.3s; z-index: 10; }

.swiper-pagination-bullets.swiper-pagination-horizontal { left: 0px; top: var(--swiper-pagination-top,auto); }

.swiper-pagination-bullet { display: inline-block; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet:only-child { display: none !important; }

:root { --swiper-navigation-size: 44px; }

@media (max-width: 450px) {
}

@media (min-height: 700px) {
}

@media (max-width: 900px) {
}

@media (max-width: 500px) {
}

@media (max-width: 450px) {
}

@media (max-width: 900px) {
}

@media (max-width: 700px) {
}

@media (max-width: 400px) {
}

@media (max-width: 900px) {
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-height: 450px), (max-width: 700px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@keyframes tlAnim { 
  0% { opacity: 0; right: -100px; }
  80% { right: -25px; }
  100% { opacity: 1; right: -33px; }
}

@keyframes tlAnim2 { 
  0% { opacity: 0; right: -33px; }
  80% { right: 50px; }
  100% { opacity: 0.6; right: 42px; }
}

@keyframes tlAnim3 { 
  0% { opacity: 0; right: 42px; }
  80% { right: 125px; }
  100% { opacity: 0.3; right: 117px; }
}

@keyframes floatReg { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(-40px); }
  100% { transform: translateY(0px); }
}

@media (max-height: 700px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 900px) {
}

@media (max-width: 550px) {
}

@media (max-width: 1150px) {
}

@media (max-width: 750px) {
}

@media (max-width: 600px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 900px) {
}

@media (max-width: 550px) {
}

@media (max-width: 900px) {
}

@media (max-width: 550px) {
}

@media (max-width: 750px) {
}

@media (max-width: 550px) {
}

@media (max-width: 900px) {
}

@keyframes floatBlock { 
  0% { transform: rotate(35deg) translateY(0px); }
  50% { transform: rotate(35deg) translateY(-20px); }
  100% { transform: rotate(35deg) translateY(0px); }
}

@keyframes floatBlockTwo { 
  0% { transform: rotate(316deg) translateY(0px); }
  50% { transform: rotate(316deg) translateY(-20px); }
  100% { transform: rotate(316deg) translateY(0px); }
}

@media (max-width: 550px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

:root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: #ffffffb3; --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); }

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 480px) {
}

@keyframes Toastify__trackProgress { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}

@keyframes Toastify__bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

@keyframes Toastify__bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

@keyframes Toastify__bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

@keyframes Toastify__bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}

@keyframes Toastify__bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

@keyframes Toastify__zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes Toastify__zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}

@keyframes Toastify__flipIn { 
  0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); }
  40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateX(10deg); }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}

@keyframes Toastify__flipOut { 
  0% { transform: perspective(400px); }
  30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); }
  100% { opacity: 0; transform: perspective(400px) rotateX(90deg); }
}

@keyframes Toastify__slideInRight { 
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__slideInLeft { 
  0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__slideInUp { 
  0% { transform: translate3d(0px, 110%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__slideInDown { 
  0% { transform: translate3d(0px, -110%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes Toastify__slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(110%, 0px, 0px); visibility: hidden; }
}

@keyframes Toastify__slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(-110%, 0px, 0px); visibility: hidden; }
}

@keyframes Toastify__slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, 500px, 0px); visibility: hidden; }
}

@keyframes Toastify__slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, -500px, 0px); visibility: hidden; }
}

@keyframes Toastify__spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

a, b, body, div, h1, h2, h3, h4, h5, h6, html, iframe, img, p, span { border: 0px; box-sizing: border-box; font: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: initial; }

:focus { outline: 0px; }

a { color: rgb(255, 255, 255); text-decoration: none; }

body { background: rgb(255, 255, 255); }

html { text-size-adjust: 100%; font-size: 100%; scrollbar-width: none; }

a:active, a:hover { outline: 0px; }

img { border: 0px; }

html { box-sizing: border-box; }

::selection { background: rgb(179, 212, 252); text-shadow: none; }

img { vertical-align: middle; }

.noCopy { user-select: none; }

:root { --bgColor: #0c111c; --text: #fff; --bgModal: #121a29; --borderModal: #465063; --topLine: #212f44; --lines: #475774; --btnDark: #192232; --blue: #2b90fe; --blueDark: #2b91fe56; --lightBtn: #232c43; --secondary: #192232; --textSecondary: #677a9d; --textDark: #677a9d; --line: #273140; --iconColor: #475774; --slotHover: #10131fbf; --accent: #1a2534; --blueSecond: #1e6cfd; }

body { background-color: var(--bgColor); color: var(--text); font-family: Inter, sans-serif; overflow-x: hidden; }

::-webkit-scrollbar { width: 2px; }

::-webkit-scrollbar-thumb { background: rgb(63, 78, 105); border-radius: 2px; transition: background-color 0.3s ease-out; }

::-webkit-scrollbar-track { background: rgb(12, 17, 28); }

img { user-select: none; }

.container, .contentWrapper { max-width: 100vw; }

.container { margin: auto; min-height: 100vh; overflow-x: clip; padding-top: 15px; position: relative; }

@media (max-width: 700px) {
  .container { padding-top: 0px; }
}

@keyframes containerBluringIn { 
  0% { filter: blur(0px); }
  100% { filter: blur(10px); }
}

@keyframes containerBluringOut { 
  0% { filter: blur(10px); }
  100% { filter: blur(0px); }
}

.countdown { gap: 8px; grid-template-columns: auto auto auto auto; }

.countdown .item { flex-direction: column; }

.countdown .item, .countdown .item span { align-items: center; display: flex; justify-content: center; }

.backgroundBack { overflow: hidden; position: fixed; z-index: -2; }

.backgroundBack, .backgroundBack img { height: 100vh; left: 0px; top: 0px; width: 100vw; }

.backgroundBack img { object-fit: cover; object-position: center center; position: absolute; }

.content { margin: auto; max-width: 100%; padding: 0px 20px 50px; width: 1440px; }

@media (max-width: 1440px) {
  .content { max-width: 100vw !important; }
}

@media (max-width: 600px) {
  .content { padding: 0px 10px; }
}

@media (max-width: 700px) {
  .content { min-height: 100vh; }
}

.baseBlock { background: rgb(18, 26, 41); }

.newMainStyle { align-items: center; background-color: rgba(25, 33, 54, 0.765); border-radius: 15px; color: rgb(255, 255, 255); cursor: pointer; display: flex; justify-content: center; position: relative; transition: background-color 0.15s; user-select: none; }

.newMainStyle.blue { background: linear-gradient(149deg, rgb(65, 198, 255) 8.4%, rgb(26, 100, 252) 80.38%); box-shadow: rgba(58, 124, 255, 0.67) 0px 0px 25px 0px; transition: transform 0.15s; }

.newMainStyle.blue span { text-shadow: inherit; }

.newMainStyle:hover { background-color: rgb(25, 33, 54); }

.newMainStyle span { font-weight: 900; text-shadow: rgba(10, 13, 17, 0.3) 0px 3px 5px; }

.mainBtn { align-items: center; background-clip: padding-box, border-box; background-origin: border-box; border: 3px solid rgba(0, 0, 0, 0); color: var(--text); cursor: pointer; font-style: normal; justify-content: center; line-height: normal; position: relative; transition: border 0.3s; user-select: none; }

.mainBtn span { z-index: 3; }

.mainBtn.blue { background-image: linear-gradient(rgb(65, 198, 255), rgb(26, 100, 252)), linear-gradient(rgb(121, 205, 253), rgb(26, 100, 252)); box-shadow: rgba(17, 20, 27, 0.12) 0px 5px 6px 0px, rgba(58, 124, 255, 0.67) 0px 0px 36.54px 0px; overflow: hidden; }

@keyframes whiteLoader { 
  0% { background-color: rgba(255, 255, 255, 0.3); box-shadow: 20px 0 hsla(0,0%,100%,.302),-20px 0 var(--text); }
  50% { background-color: var(--text); box-shadow: rgba(255, 255, 255, 0.3) 20px 0px, rgba(255, 255, 255, 0.3) -20px 0px; }
  100% { background-color: rgba(255, 255, 255, 0.3); box-shadow: 20px 0 var(--text),-20px 0 hsla(0,0%,100%,.302); }
}

.mainBtn.blue::after { background-image: linear-gradient(rgb(62, 194, 250), rgb(25, 95, 238)); bottom: 0px; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; transition: opacity 0.1s ease-out; width: 100%; }

.mainBtn:hover { border-color: var(--topLine); }

.mainBtn:hover.blue { background-image: linear-gradient(rgb(65, 198, 255), rgb(26, 100, 252)), linear-gradient(rgb(121, 205, 253), rgb(26, 100, 252)); border-color: rgba(0, 0, 0, 0); }

.mainBtn:hover.blue::after { opacity: 1; }

.slot::after { background-color: var(--underColor); border-radius: 23px; content: ""; height: 100%; left: 0px; position: absolute; top: 8px; width: 100%; z-index: 0; }

@media (max-width: 600px) {
  .slot::after { border-radius: 15px; top: 6px; }
}

.slot .slotMark { border-radius: 7px; font-size: 0.5em; font-weight: 900; left: 4%; padding: 6px 3px; position: absolute; text-transform: uppercase; top: 4%; z-index: 2; }

.slot .slotMark.pre-release { background: linear-gradient(62deg, rgb(158, 41, 212) 20.18%, rgb(161, 48, 237) 70.94%); }

.slot::before { background-color: rgba(16, 19, 31, 0.75); border-radius: 23px; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 8px; transition: opacity 0.3s; width: 100%; z-index: 1; }

.slot:hover::before { opacity: 1; }

@media (max-width: 600px) {
  .slot:hover { transform: scale(1) !important; }
  .slot .play, .slot .slotBack, .slot .slotInner { border-radius: 15px !important; }
}

.slot .slotInner { background: rgb(18, 26, 41); z-index: 2; }

@media (max-width: 600px) {
}

.jackpotBtnNy { align-items: center; cursor: pointer; display: flex; filter: drop-shadow(rgba(121, 158, 216, 0.5) 0px 0px 10px); justify-content: center; position: relative; transition: transform 0.1s, filter 0.15s; width: 300px; z-index: 1; }

.jackpotBtnNy:hover { filter: drop-shadow(rgba(121, 158, 216, 0.7) 0px 0px 10px); transform: rotate(3deg) scale(1.02); }

.jackpotBtnNy .btnBody { left: 0px; position: absolute; }

.jackpotBtnNy .btnBody { height: 100%; top: 0px; width: 100%; z-index: -1; }

.jackpotBtnNy .nyText { transform: rotate(-3.467deg); }

.jackpotBtnNy .nyText.p { -webkit-text-fill-color: rgba(0, 0, 0, 0); background: text rgb(8, 127, 0); }

.nyText { -webkit-text-fill-color: rgba(0, 0, 0, 0); background-clip: text; font-family: Inter; font-style: normal; font-weight: 800; text-align: center; }

.play { align-items: center; background-color: var(--slotHover); content: ""; display: flex; flex-direction: column; height: 110%; justify-content: space-around; left: 50%; opacity: 0; padding: 3%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.3s; user-select: none; width: 110%; z-index: 3 !important; }

@media (max-width: 1000px) {
  .play { padding: 7%; }
}

.play p { color: var(--textSecondary); font-size: 14px; font-weight: 400; overflow: hidden; padding: 5px 15px 0px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

@media (max-width: 1000px) {
  .play p { font-size: 0.7rem !important; }
}

@media (max-width: 600px) {
  .play p { font-size: 0.6rem !important; }
}

.play h1 { display: flex; font-size: 17px; font-weight: 700; gap: 5px; max-width: 100%; padding: 0px 15px; text-align: center; }

.play h1, .play h1 .nameInner { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.play h1 .nameInner { flex: 1 1 auto; }

.play h1 .geo { flex-shrink: 0; position: static; opacity: 1 !important; }

@media (max-width: 1000px) {
  .play h1 { font-size: 0.8rem !important; }
}

@media (max-width: 600px) {
  .play h1 { font-size: 0.7rem !important; }
}

.play .mainBtn { display: flex; font-size: 16px; font-weight: 300; margin-bottom: 8px; }

.play .mainBtn img { height: 50px; padding-left: 5px; width: 50px; }

.play .mainBtn.blue { border-radius: 25%; height: 90px; width: 90px; }

@media (max-width: 1000px) {
  .play .mainBtn.blue { height: 60px; width: 60px; }
  .play .mainBtn.blue img { height: 40px; width: 40px; }
}

@media (max-width: 600px) {
  .play .mainBtn.blue { height: 55px; width: 55px; }
  .play .mainBtn.blue img { height: 35px; width: 35px; }
}

.play .mainBtn.blue img { transition: transform 0.3s ease-in-out; }

.play .mainBtn.blue:hover img { transform: scale(1.1); }

.play .down { align-items: center; display: flex; justify-content: center; margin-top: 10px; padding-bottom: 5px; width: 100%; }

@media (max-width: 1000px) {
  .play .down { padding: 0px 5px; }
}

.play .down .like { align-items: center; backdrop-filter: blur(1px); background-color: rgba(25, 34, 50, 0.8); border-radius: 10px; cursor: pointer; display: flex; height: 36px; justify-content: center; opacity: 0; transition: background-color 0.3s; width: 36px; }

@media (max-width: 1000px) {
  .play .down .like { height: 30px; width: 30px; }
  .play .down .like svg { width: 14px !important; }
}

.play .down .like svg { height: 18px; transition: transform 0.3s; width: 18px; }

.play .down .like svg path { fill: var(--lines); stroke: var(--lines); transition: fill 0.3s, stroke 0.3s; }

.play .down .like:hover { background-color: rgb(25, 34, 50); }

.play .down .like:hover:hover svg { transform: scale(1.15); }

@keyframes centerAppear { 
  0% { opacity: 0; transform: translate(-30px, -50%); }
  100% { opacity: 1; }
}

@media (max-width: 700px) {
}

@media (max-width: 700px) {
}

@keyframes huysan { 
  0% { transform: scale(1) translate(-50%, -50%); }
  40% { transform: scale(1) translate(-50%, -50%); }
  60% { transform: scale(1.05) translate(-50%, -50%); }
  80% { transform: scale(1) translate(-50%, -50%); }
  100% { transform: scale(1) translate(-50%, -50%); }
}

@keyframes jopina { 
  0% { transform: scale(1) rotate(0deg) translate(-50%, -50%); }
  40% { transform: scale(1) rotate(-15deg) translate(-50%, -60%); }
  60% { transform: scale(1.05) rotate(-15deg) translate(-50%, -60%); }
  80% { transform: scale(1) rotate(-15deg) translate(-50%, -60%); }
  100% { transform: scale(1) rotate(0deg) translate(-50%, -50%); }
}

@keyframes loaderList { 
  0% { background-color: var(--blueDark); box-shadow: 20px 0 var(--blueDark),-20px 0 var(--blue); }
  50% { background-color: var(--blue); box-shadow: 20px 0 var(--blueDark),-20px 0 var(--blueDark); }
  100% { background-color: var(--blueDark); box-shadow: 20px 0 var(--blue),-20px 0 var(--blueDark); }
}

@keyframes selectAppear { 
  0% { opacity: 0; transform: translateY(-30px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.tournament { border-radius: 35px; display: flex; flex-direction: column; height: 400px; justify-content: space-between; opacity: 1; padding: 30px 60px; position: relative; transform: scale(1); transition: transform 1s, opacity 1s; width: 100%; }

@media (max-width: 1100px) {
  .tournament { height: auto; }
  .tournament .info { border-radius: 25px; margin: 35px 0px; max-width: 700px; }
  .tournament .info h1 { opacity: 1 !important; }
  .tournament .info .rewards span { color: rgb(176, 214, 255); }
  .tournament .character { right: -60px !important; width: 440px !important; }
}

@media (max-width: 900px) {
  .tournament { padding: 30px; }
  .tournament .character { width: 470px !important; }
  .tournament .active { border-radius: 20px !important; height: 95px !important; }
  .tournament .active .title h1 { font-size: 18px !important; }
  .tournament .active .title h3 { font-size: 12px !important; }
}

@media (max-width: 690px) {
  .tournament .info { border-radius: 15px !important; margin: 20px 0px !important; }
  .tournament .info h1 { font-size: 16px !important; max-width: 60% !important; }
  .tournament .info .rewards h2 { font-size: 28px; }
  .tournament .active { border-radius: 15px !important; height: 80px !important; padding: 0px 15px !important; }
  .tournament .active .countdown .item span { font-size: 22px !important; width: 45px !important; }
  .tournament .active .countdown .item .small { font-size: 10px !important; padding-top: 4px !important; }
  .tournament .active .title.timeTitle { display: none; }
  .tournament .active .title h1 { font-size: 16px !important; }
  .tournament .active .title h3 { font-size: 12px !important; }
  .tournament .character { width: 400px !important; }
}

@media (max-width: 560px) {
  .tournament { padding: 25px; }
  .tournament .info { border-radius: 15px !important; margin: 15px 0px !important; }
  .tournament .info h1 { font-size: 12px !important; }
  .tournament .info .rewards h2 { font-size: 24px; }
  .tournament .active { height: 70px !important; margin-right: 10px !important; }
  .tournament .active:last-child { margin-right: 0px !important; }
  .tournament .active .countdown { gap: 4px !important; }
  .tournament .active .countdown .item span { font-size: 18px !important; height: 22px !important; width: 35px !important; }
  .tournament .active .countdown .item .small { font-size: 8px !important; }
  .tournament .active .title h1 { font-size: 12px !important; font-weight: 400; }
  .tournament .active .title h3 { font-size: 10px !important; font-weight: 400; }
  .tournament .character { width: 360px !important; }
  .tournament .about { z-index: 3; height: 45px !important; width: 150px !important; }
}

@media (max-width: 450px) {
  .tournament { padding: 20px !important; }
  .tournament, .tournament::before { border-radius: 20px !important; }
  .tournament .character { right: -70px !important; width: 310px !important; }
  .tournament .backHolder { border-radius: 20px !important; }
  .tournament .about { height: 40px !important; width: 140px !important; }
  .tournament .about span { font-size: 14px; }
}

.tournament::before { background: rgb(29, 38, 60); border-radius: 35px; content: ""; height: 100%; left: 0px; position: absolute; top: 12px; width: 100%; z-index: -3; }

.tournament .activeBlock { display: flex; position: relative; z-index: 3; }

.tournament .activeBlock .active { align-items: center; backdrop-filter: blur(13px); background: rgba(17, 23, 37, 0.23); border-radius: 25px; display: flex; height: 110px; margin-right: 15px; padding: 0px 25px; }

.tournament .activeBlock .active .small { font-size: 14px; font-style: normal; font-weight: 900; padding-top: 10px; text-align: center; text-transform: uppercase; }

.tournament .activeBlock .active .title { font-weight: 900; margin-right: 15px; text-shadow: rgba(23, 46, 80, 0.18) 0px 13px 18px; text-transform: uppercase; }

.tournament .activeBlock .active .title h3 { font-size: 18px; }

.tournament .activeBlock .active .title h1 { font-size: 25px; font-weight: 900; padding-bottom: 5px; padding-top: 5px; }

.tournament .activeBlock .active .countdown { gap: 8px; display: grid; grid-template-columns: auto auto auto auto; }

.tournament .activeBlock .active .countdown .item { align-items: center; display: flex; flex-direction: column; justify-content: center; }

.tournament .activeBlock .active .countdown .item span { align-items: center; display: flex; font-size: 34px; font-weight: 900; height: 25px; justify-content: center; text-transform: uppercase; width: 58px; }

.tournament .about { align-items: center; display: flex; justify-content: flex-start; padding: 2px; }

.tournament .about .newMainStyle { box-shadow: rgba(17, 20, 27, 0.12) 0px 5px 6px 0px; height: 55px; transition: transform 0.15s; width: 180px; }

.tournament .about .newMainStyle span { font-size: 15px; font-style: normal; font-weight: 900; text-transform: uppercase; }

.tournament .about .newMainStyle:hover { transform: scale(1.05); }

.tournament .info { position: relative; z-index: 3; }

.tournament .info h1 { font-size: 28px; font-style: normal; font-weight: 900; max-width: 670px; opacity: 1; padding-bottom: 10px; text-shadow: rgba(23, 46, 80, 0.18) 0px 4px 8px; text-transform: uppercase; }

.tournament .info .rewards { color: rgb(255, 255, 255); font-size: 42px; font-style: normal; font-weight: 900; text-shadow: rgba(23, 46, 80, 0.18) 0px 9px 13px; }

.tournament .info .rewards h2 { display: inline-block; margin-right: 10px; }

.tournament .character { bottom: 0px; position: absolute; right: 0px; transform-origin: center bottom; transition: transform 1s; width: 470px; }

@media (max-width: 450px) {
}

.tournament .backHolder { border-radius: 35px; overflow: hidden; }

.tournament .back, .tournament .backHolder { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: -2; }

.tournament .back { object-fit: cover; }

@media (max-width: 480px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 690px) {
}

@media (max-width: 980px) {
}

@media (max-width: 690px) {
}

@media (max-width: 450px) {
}

@media (max-width: 690px) {
}

@media (max-width: 490px) {
}

@media (max-width: 690px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 600px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

.banerBody { padding-top: 40px; position: relative; }

@media (max-width: 1400px) {
  .banerBody { padding-top: 0px; }
}

.banerBody .arrowArea { cursor: pointer; height: 100%; position: absolute; top: 50%; transform: translate(-100%, -50%); width: 250px; z-index: 1; }

.banerBody .arrowArea.right { right: 0px; transform: translate(100%, -50%); }

.banerBody .banners { overflow: visible !important; }

.banerBody .banners .swiper-slide { transition: opacity 0.3s ease-out, transform 0.3s ease-out !important; }

.banerBody .banners .swiper-slide.swiper-slide-next, .banerBody .banners .swiper-slide.swiper-slide-prev { opacity: 0.2 !important; }

.banerBody .banners .swiper-pagination { align-items: center; bottom: -25px; display: flex; justify-content: center; width: 100%; }

.banerBody .banners .swiper-pagination .swiper-pagination-bullet { background: rgb(33, 77, 190); border-radius: 3px; height: 10px; margin: 0px 6px; opacity: 0.2; transition: 0.12s ease-out; width: 10px; }

.banerBody .banners .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--blue); border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px; opacity: 1; transform: scale(1.5); }

@media (max-width: 1400px) {
  .banerBody .banners { padding-top: 50px; }
}

@media (max-width: 900px) {
  .banerBody .banners { padding-top: 40px; }
}

@media (max-width: 700px) {
  .banerBody .banners { padding-top: 30px; }
}

.banner { background-position: 50% center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; }

.banner .bannerH1 { padding-bottom: 10px; }

@media (max-width: 900px) {
  .banner .bannerH1 { font-size: 2rem; }
}

@media (max-width: 600px) {
  .banner .bannerH1 { font-size: 1.5rem; }
}

.banner .mainBtn { font-weight: 400; max-width: 250px; }

@media (max-width: 600px) {
  .banner .mainBtn { margin-top: 20px; max-width: 190px; font-size: 0.8rem !important; height: 40px !important; }
}

.banner::after { content: ""; display: block; padding-top: 430px; width: 100%; }

@media (max-width: 900px) {
  .banner::after { padding-top: 260px; }
}

@media (max-width: 600px) {
  .banner::after { padding-top: 210px; }
}

.banner .inside { display: flex; flex-direction: column; position: absolute; }

@media (max-width: 600px) {
  .banner { border-radius: 20px !important; }
}

@media (max-width: 1200px) {
}

@media (max-width: 900px) {
}

@media (max-width: 600px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 900px) {
}

@media (max-width: 600px) {
}

@media (max-width: 900px) {
}

@media (max-width: 600px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 900px) {
}

@media (max-width: 700px) {
}

@media (max-width: 600px) {
}

@media (max-width: 900px) {
}

.banner.bonusBanner { background: rgba(0, 0, 0, 0); border-radius: 25px; }

@media (max-width: 900px) {
}

@media (max-width: 1100px) {
  .banner.bonusBanner .mainImg { right: 10% !important; }
}

@media (max-width: 900px) {
  .banner.bonusBanner .mainImg { bottom: 0px !important; height: 300px !important; top: auto !important; transform: none !important; }
  .banner.bonusBanner .inside .bannerH1 { font-size: 2.5rem !important; }
  .banner.bonusBanner .inside .bannerH1.green { font-size: 58px !important; }
  .banner.bonusBanner .inside h2 { font-size: 30px !important; }
  .banner.bonusBanner .inside h2 b { font-size: 38px !important; }
  .banner.bonusBanner .inside .info .iblock h3 { font-size: 1.3rem !important; }
  .banner.bonusBanner .inside .info .iblock .underCol { font-size: 12px !important; max-width: 95px !important; }
}

@media (max-width: 700px) {
  .banner.bonusBanner .mainImg { height: 270px !important; }
}

@media (max-width: 600px) {
  .banner.bonusBanner .mainImg { height: 230px !important; right: 0px !important; }
  .banner.bonusBanner .inside { left: 3% !important; right: 3% !important; }
  .banner.bonusBanner .inside .bannerH1 { font-size: 1.5rem !important; }
  .banner.bonusBanner .inside .bannerH1.green { font-size: 52px !important; }
  .banner.bonusBanner .inside h2 { font-size: 22px !important; }
  .banner.bonusBanner .inside h2 b { font-size: 26px !important; }
  .banner.bonusBanner .inside .info { gap: 10px; }
  .banner.bonusBanner .inside .info .iblock h3 { font-size: 1rem !important; }
  .banner.bonusBanner .back { border-radius: 20px !important; }
}

.banner.bonusBanner .inside { inset: 10% 7%; justify-content: space-between; }

.banner.bonusBanner .inside .bannerH1 { font-size: 4.7rem; text-shadow: rgba(23, 46, 80, 0.3) 0px 6.189px 8.252px; text-transform: uppercase; }

.banner.bonusBanner .inside .bannerH1.green { color: rgb(76, 232, 146); font-size: 115px; font-weight: 900; letter-spacing: -1.15px; line-height: 95%; padding: 0px; text-shadow: rgba(76, 232, 146, 0.59) 0px 2.5px 49px; text-transform: uppercase; }

.banner.bonusBanner .inside h2 { font-size: 48px; font-style: normal; font-weight: 900; letter-spacing: -0.492px; line-height: 115%; text-transform: uppercase; }

.banner.bonusBanner .inside h2 b { display: block; font-size: 66px; }

.banner.bonusBanner .inside .info { display: flex; }

.banner.bonusBanner .inside .info .iblock { border-radius: 15px; margin-right: 15px; }

.banner.bonusBanner .inside .info .iblock h3 { color: rgb(76, 232, 146); font-size: 41px; font-style: normal; font-weight: 900; letter-spacing: -0.418px; text-shadow: rgba(76, 232, 146, 0.59) 0px 2.596px 49.315px; text-transform: uppercase; }

.banner.bonusBanner .inside .info .iblock.col .underCol { font-size: 18px; font-weight: 900; letter-spacing: -0.175px; line-height: 97.8%; max-width: 150px; text-transform: uppercase; }

.banner.bonusBanner .mainImg { bottom: 0px; height: 470px; position: absolute; right: 25%; }

.banner.bonusBanner .back { background: rgb(25, 34, 50); border-radius: 25px; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; z-index: -1; }

.banner.bonusBanner .backImg { height: 100%; object-fit: cover; transform: scale(1.01); width: 100%; }

@media (max-width: 1300px) {
  .banner.slotBanner .mainImg { right: 15px !important; }
}

@media (max-width: 1150px) {
  .banner.slotBanner .methods { gap: 15px !important; padding: 15px !important; }
  .banner.slotBanner .methods .method .images img { max-height: 35px; }
  .banner.slotBanner .mainBtn { margin-top: 0px; }
}

@media (max-width: 1100px) {
  .banner.slotBanner .inside .bannerH1, .banner.slotBanner .inside .bannerH1.pay { font-size: 2rem !important; }
  .banner.slotBanner .inside .list .slot:nth-child(4), .banner.slotBanner .inside .list .slot:nth-child(5) { display: none; }
}

@media (max-width: 1050px) {
  .banner.slotBanner .inside .bannerH1 { font-size: 1.8rem !important; }
  .banner.slotBanner .inside .bannerH1.pay, .banner.slotBanner .inside .bannerH1.pay span { font-size: 28px !important; }
  .banner.slotBanner .inside .bannerH1.pay b { font-size: 48px !important; }
  .banner.slotBanner .inside .methods { grid-template-columns: 1fr 1fr !important; }
  .banner.slotBanner .inside .methods .method.first { grid-area: 1 / 1 / 1 / 3; }
}

@media (max-width: 900px) {
  .banner.slotBanner .mainImg { height: 270px !important; right: 20px !important; }
  .banner.slotBanner .inside .bannerH1 { font-size: 1.4rem !important; }
  .banner.slotBanner .inside .bannerH1.pay { font-size: 1.2rem !important; }
  .banner.slotBanner .inside .methods { grid-template-columns: 1fr 1fr 1fr !important; }
  .banner.slotBanner .inside .methods .method.first { grid-area: 1; }
  .banner.slotBanner .inside .methods .method h4 { font-size: 10px !important; padding-top: 10px !important; }
  .banner.slotBanner .inside .methods .method .images img { max-height: 30px !important; }
  .banner.slotBanner .inside .list .slot { border-radius: 15px; margin-right: 10px !important; max-width: 100px !important; }
  .banner.slotBanner .inside .list .slot .slotInner, .banner.slotBanner .inside .list .slot .slotInner .play { border-radius: 15px; }
  .banner.slotBanner .inside .list .slot .slotInner .play h1 { font-size: 8px !important; }
  .banner.slotBanner .inside .list .slot .slotInner .play p { display: none; }
  .banner.slotBanner .inside .list .slot .slotInner .play .mainBtn { height: 45px; width: 45px; display: flex !important; }
  .banner.slotBanner .inside .list .slot .slotInner .slotBack { border-radius: 15px; }
  .banner.slotBanner .inside .list .slot:nth-child(4) { display: block; }
}

@media (max-width: 800px) {
  .banner.slotBanner .inside .methods { max-width: 65%; }
}

@media (max-width: 750px) {
  .banner.slotBanner .mainBtn { display: none; }
  .banner.slotBanner .mainImg { height: 275px !important; right: 0px !important; }
  .banner.slotBanner .inside .methods .method .images img { max-height: 20px !important; }
  .banner.slotBanner .inside .bannerH1 { font-size: 1.2rem !important; }
  .banner.slotBanner .inside .bannerH1 span { font-size: 32px !important; }
  .banner.slotBanner .inside .bannerH1.pay, .banner.slotBanner .inside .bannerH1.pay span { font-size: 24px !important; }
  .banner.slotBanner .inside .bannerH1.pay b { font-size: 38px !important; }
  .banner.slotBanner .inside .list .slot .slotInner .play .mainBtn { height: 40px; width: 40px; }
  .banner.slotBanner .inside .list .slot .slotInner .play .like { height: 25px !important; opacity: 1 !important; visibility: visible !important; width: 25px !important; }
  .banner.slotBanner .inside .list .slot .slotInner .play .like svg { width: 12px !important; }
  .banner.slotBanner .inside .list .slot:nth-child(4) { display: none; }
}

@media (max-width: 600px) {
  .banner.slotBanner .mainImg { bottom: 0px; top: auto; transform: none; height: 210px !important; right: 0px !important; }
  .banner.slotBanner .inside .bannerH1 { font-size: 0.9rem !important; }
  .banner.slotBanner .inside .bannerH1.pay, .banner.slotBanner .inside .bannerH1.pay span { font-size: 16px !important; }
  .banner.slotBanner .inside .bannerH1.pay b { font-size: 28px !important; }
  .banner.slotBanner .inside h4 { font-size: 8px !important; padding-top: 5px !important; }
  .banner.slotBanner .inside .methods { gap: 5px !important; grid-template-columns: 1fr 1fr !important; padding: 10px !important; }
  .banner.slotBanner .inside .methods .method.first { grid-area: 1 / 1 / 1 / 3; }
  .banner.slotBanner .inside .methods .method .images img { max-height: 17px !important; }
  .banner.slotBanner .inside .methods .method h4 { font-size: 8px !important; padding-top: 8px !important; }
  .banner.slotBanner .inside .list .slot { max-width: 80px !important; }
}

@media (max-width: 400px) {
  .banner.slotBanner .inside .list .slot:nth-child(3) { display: none; }
}

.banner.slotBanner .methods { gap: 30px; backdrop-filter: blur(2px); background-color: rgba(17, 23, 37, 0.3); border-radius: 18px; display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 60%; padding: 20px; }

.banner.slotBanner .methods .method { flex-direction: column; width: 100%; }

.banner.slotBanner .methods .method, .banner.slotBanner .methods .method .images { align-items: center; display: flex; justify-content: center; }

.banner.slotBanner .methods .method .images img { margin-right: 15px; }

.banner.slotBanner .methods .method .images img:last-child { margin: 0px; }

.banner.slotBanner .methods .method h4 { color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; padding-top: 15px; text-transform: uppercase; white-space: nowrap; }

.banner.slotBanner .inside .bannerH1 { display: flex; flex-direction: column; font-size: 52px; font-weight: 900; }

.banner.slotBanner .inside .bannerH1.pay { display: initial; font-size: 38px; font-weight: 900; }

.banner.slotBanner .inside .bannerH1.pay span { color: rgb(79, 255, 111); font-size: 38px; }

.banner.slotBanner .inside .bannerH1.pay b { display: block; font-size: 72px; }

.banner.slotBanner .inside .bannerH1 span { font-size: 36px; }

.banner.slotBanner .mainImg { bottom: 0px; height: 470px; right: 60px; top: auto; transform: none; }

.banner.slotBanner .back { border-radius: 27px; }

.banner.slotBanner .back .backImg { filter: blur(0px); }

.banner.slotBanner .list { display: flex; }

.banner.slotBanner .list .slot { margin-right: 15px; max-width: 133px; }

.banner.slotBanner .list .slot .play h1 { font-size: 14px; }

.banner.slotBanner .list .slot .play p { font-size: 12px; max-width: 100%; }

.banner.slotBanner .list .slot .play .mainBtn { height: 60px; margin-top: 0px; width: 60px; }

.banner.slotBanner .list .slot .play .mainBtn img { height: 25px; padding-left: 0px; width: 25px; }

.banner.slotBanner .list .slot .play .down .like { height: 30px; width: 30px; }

.banner.slotBanner .list .slot .play .down .like svg { height: 13px; width: 13px; }

.banner.slotBanner .list .slot .sign { font-size: 14px; }

@media (max-width: 900px) {
  .banner.slotBanner .list .slot .sign { font-size: 7px; }
}

@media (max-width: 1000px) {
}

@media (max-width: 900px) {
}

@media (max-width: 600px) {
}

@media (max-width: 1300px) {
  .banner.tournamentBanner .mainImg { height: 480px !important; right: -70px !important; }
  .banner.tournamentBanner .inside .bannerH1 { font-size: 2.8rem !important; }
  .banner.tournamentBanner .inside .list { gap: 15px !important; }
}

@media (max-width: 900px) {
  .banner.tournamentBanner .mainImg { height: 290px !important; right: -30px !important; }
  .banner.tournamentBanner .inside .bannerH1 { font-size: 1.9rem !important; }
  .banner.tournamentBanner .inside .bannerH1 b { font-size: 32px !important; }
  .banner.tournamentBanner .inside .list .tour .rewards h6 { font-size: 18px !important; margin-right: 5px !important; }
  .banner.tournamentBanner .inside .list .tour h5 { font-size: 12px !important; max-width: 180px !important; }
  .banner.tournamentBanner .inside .list .tour .countdown .item { border-radius: 10px !important; height: 40px !important; width: 40px !important; }
  .banner.tournamentBanner .inside .list .tour .countdown .item span { font-size: 16px !important; }
}

@media (max-width: 600px) {
  .banner.tournamentBanner .mainImg { height: 245px !important; right: -35px !important; }
  .banner.tournamentBanner .inside .bannerH1 { font-size: 30px !important; }
  .banner.tournamentBanner .inside .bannerH1 b { font-size: 20px !important; }
  .banner.tournamentBanner .inside .list .tour { border-radius: 10px !important; padding: 5px !important; }
  .banner.tournamentBanner .inside .list .tour .countdown { margin-right: 10px !important; }
  .banner.tournamentBanner .inside .list .tour .countdown .item { border-radius: 10px !important; height: 35px !important; width: 25px !important; }
  .banner.tournamentBanner .inside .list .tour .countdown .item span { font-size: 14px !important; }
  .banner.tournamentBanner .inside .list .tour .countdown .item p { font-size: 5px !important; padding-top: 2px !important; }
  .banner.tournamentBanner .inside .list .tour .rewards h6 { font-size: 11px !important; }
  .banner.tournamentBanner .inside .list .tour h5 { font-size: 8px !important; padding-top: 3px !important; }
}

.banner.tournamentBanner .mainImg { bottom: 0px; height: 495px; right: 0px; top: auto; transform: none; }

@media (max-width: 1200px) {
}

@media (max-width: 900px) {
}

@media (max-width: 700px) {
}

@media (max-width: 500px) {
}

@media (max-width: 600px) {
}

.banner.tournamentBanner .inside .bannerH1 { font-size: 66px; font-weight: 900; }

.banner.tournamentBanner .inside .bannerH1 b { color: rgb(253, 209, 79); display: block; font-size: 56px; line-height: 80%; }

.banner.tournamentBanner .inside .btnHolder .newMainStyle { box-shadow: none; height: 60px; max-width: 250px; }

@media (max-width: 900px) {
  .banner.tournamentBanner .inside .btnHolder .newMainStyle { border-radius: 10px; height: 45px; max-width: 180px; }
  .banner.tournamentBanner .inside .btnHolder .newMainStyle span { font-size: 14px !important; }
}

@media (max-width: 600px) {
  .banner.tournamentBanner .inside .btnHolder .newMainStyle { border-radius: 10px; height: 40px; max-width: 160px; }
  .banner.tournamentBanner .inside .btnHolder .newMainStyle span { font-size: 13px !important; }
}

.banner.tournamentBanner .inside .btnHolder .newMainStyle span { text-transform: uppercase; }

.banner.tournamentBanner .inside .list { gap: 25px; display: grid; grid-template-columns: auto auto auto 1fr; }

.banner.tournamentBanner .inside .list .tour { align-items: center; backdrop-filter: blur(3.7px); background: rgba(25, 33, 54, 0.43); border-radius: 25px; display: flex; padding: 15px; z-index: 10; }

.banner.tournamentBanner .inside .list .tour h5 { font-size: 16px; font-weight: 900; max-width: 250px; overflow: hidden; padding-top: 5px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }

.banner.tournamentBanner .inside .list .tour .rewards { display: flex; }

.banner.tournamentBanner .inside .list .tour .rewards h6 { font-size: 31.379px; font-style: normal; font-weight: 900; line-height: 97.8%; margin-right: 10px; }

.banner.tournamentBanner .inside .list .tour .countdown { display: flex; margin-right: 25px; }

.banner.tournamentBanner .inside .list .tour .countdown .item { align-items: center; background: rgb(25, 33, 54); border-radius: 15px; display: flex; flex-direction: column; height: 50px; justify-content: center; width: 50px; }

.banner.tournamentBanner .inside .list .tour .countdown .item span { font-size: 22px; font-weight: 900; height: auto; width: auto; }

.banner.tournamentBanner .inside .list .tour .countdown .item p { font-size: 7px; font-weight: 700; padding-top: 3px; text-transform: uppercase; }

@media (max-width: 1100px) {
  .banner.cashBanner .inside .bannerH1 { font-size: 28px !important; }
}

@media (max-width: 900px) {
  .banner.cashBanner .mainImg { height: 300px !important; right: 40px !important; }
  .banner.cashBanner .inside .bannerH1 { font-size: 16px !important; }
  .banner.cashBanner .inside .bannerH1 b { font-size: 34px !important; }
  .banner.cashBanner .inside .countdown { border-radius: 15px !important; }
  .banner.cashBanner .inside .countdown .item span { font-size: 22px !important; height: 25px !important; width: 40px !important; }
  .banner.cashBanner .inside .countdown .item .small { font-size: 0.5rem !important; }
}

@media (max-width: 700px) {
  .banner.cashBanner .mainImg { height: 250px !important; right: -10px !important; }
  .banner.cashBanner .inside .bannerH1 { font-size: 18px !important; }
}

@media (max-width: 600px) {
  .banner.cashBanner .mainImg { height: 230px !important; right: -10px !important; }
  .banner.cashBanner .inside .bannerH1 { font-size: 12px !important; }
  .banner.cashBanner .inside .bannerH1 b { font-size: 30px !important; }
  .banner.cashBanner .inside .countdown { border-radius: 10px !important; padding: 5px 10px !important; }
  .banner.cashBanner .inside .countdown .item { margin-right: 10px !important; }
  .banner.cashBanner .inside .countdown .item:last-child { margin-right: 0px !important; }
  .banner.cashBanner .inside .countdown .item span { font-size: 0.9rem !important; height: 20px !important; width: 25px !important; }
  .banner.cashBanner .inside .countdown .item .small { font-size: 0.4rem !important; }
}

.banner.cashBanner .mainImg { bottom: 0px; height: 470px; right: 10%; top: auto; transform: none; }

.banner.cashBanner .inside .newMainStyle { height: 50px; width: 200px; }

.banner.cashBanner .inside .newMainStyle:hover { transform: scale(1.05); }

.banner.cashBanner .inside .bannerH1 { font-size: 40px; font-weight: 900; padding: 0px; text-transform: uppercase; }

.banner.cashBanner .inside .bannerH1 b { display: block; font-size: 72px; }

.banner.cashBanner .inside .timer { margin-right: auto; z-index: 10; }

.banner.cashBanner .inside .countdown { backdrop-filter: blur(4px); background: rgba(12, 17, 31, 0.3); border-radius: 25px; display: flex; padding: 15px; }

.banner.cashBanner .inside .countdown .item { align-items: center; display: flex; flex-direction: column; justify-content: center; margin-right: 5px; }

.banner.cashBanner .inside .countdown .item:last-child { margin: 0px; }

.banner.cashBanner .inside .countdown .item span { align-items: center; display: flex; font-size: 32px; font-weight: 900; height: 40px; justify-content: center; width: 60px; }

.banner.cashBanner .inside .countdown .item .small { font-size: 12px; font-weight: 900; max-width: none; text-transform: uppercase; }

@media (max-width: 1300px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 900px) {
}

@media (max-width: 500px) {
}

@media (max-width: 600px) {
}

.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit { display: inline-block; position: relative; vertical-align: middle; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; }

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner { inset: 0px; display: block; overflow: hidden; position: absolute; text-align: left; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon { display: block; }

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner { backface-visibility: hidden; display: block; }

.odometer.odometer-auto-theme .odometer-digit .odometer-value { display: block; transform: translateZ(0px); }

.odometer.odometer-auto-theme { font-family: Inter, sans-serif; }

.odometer.odometer-auto-theme .odometer-value { text-align: center; }

:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; }

@media (prefers-reduced-motion: reduce), print {
}

@-webkit-keyframes bounce { 
  0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); }
  80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); }
}

@keyframes bounce { 
  0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); }
  80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); }
}

@-webkit-keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

@-webkit-keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}

@keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}

@-webkit-keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}

@keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}

@-webkit-keyframes shakeX { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}

@keyframes shakeX { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}

@-webkit-keyframes shakeY { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); }
}

@keyframes shakeY { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); }
}

@-webkit-keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}

@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}

@-webkit-keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

@keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

@-webkit-keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}

@keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}

@-webkit-keyframes wobble { 
  0% { transform: translateZ(0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: translateZ(0px); }
}

@keyframes wobble { 
  0% { transform: translateZ(0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes jello { 
  0%, 11.1%, 100% { transform: translateZ(0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}

@keyframes jello { 
  0%, 11.1%, 100% { transform: translateZ(0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}

@-webkit-keyframes heartBeat { 
  0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1); }
  42% { transform: scale(1.3); }
  70% { transform: scale(1); }
}

@keyframes heartBeat { 
  0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1); }
  42% { transform: scale(1.3); }
  70% { transform: scale(1); }
}

@-webkit-keyframes backInDown { 
  0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); }
  80% { opacity: 0.7; transform: translateY(0px) scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes backInDown { 
  0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); }
  80% { opacity: 0.7; transform: translateY(0px) scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes backInLeft { 
  0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); }
  80% { opacity: 0.7; transform: translateX(0px) scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes backInLeft { 
  0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); }
  80% { opacity: 0.7; transform: translateX(0px) scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes backInRight { 
  0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); }
  80% { opacity: 0.7; transform: translateX(0px) scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes backInRight { 
  0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); }
  80% { opacity: 0.7; transform: translateX(0px) scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes backInUp { 
  0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); }
  80% { opacity: 0.7; transform: translateY(0px) scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes backInUp { 
  0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); }
  80% { opacity: 0.7; transform: translateY(0px) scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes backOutDown { 
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0.7; transform: translateY(0px) scale(0.7); }
  100% { opacity: 0.7; transform: translateY(700px) scale(0.7); }
}

@keyframes backOutDown { 
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0.7; transform: translateY(0px) scale(0.7); }
  100% { opacity: 0.7; transform: translateY(700px) scale(0.7); }
}

@-webkit-keyframes backOutLeft { 
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0.7; transform: translateX(0px) scale(0.7); }
  100% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); }
}

@keyframes backOutLeft { 
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0.7; transform: translateX(0px) scale(0.7); }
  100% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); }
}

@-webkit-keyframes backOutRight { 
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0.7; transform: translateX(0px) scale(0.7); }
  100% { opacity: 0.7; transform: translateX(2000px) scale(0.7); }
}

@keyframes backOutRight { 
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0.7; transform: translateX(0px) scale(0.7); }
  100% { opacity: 0.7; transform: translateX(2000px) scale(0.7); }
}

@-webkit-keyframes backOutUp { 
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0.7; transform: translateY(0px) scale(0.7); }
  100% { opacity: 0.7; transform: translateY(-700px) scale(0.7); }
}

@keyframes backOutUp { 
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0.7; transform: translateY(0px) scale(0.7); }
  100% { opacity: 0.7; transform: translateY(-700px) scale(0.7); }
}

@-webkit-keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}

@keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}

@-webkit-keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); }
  75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); }
  90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); }
  100% { transform: translateZ(0px); }
}

@keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); }
  75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); }
  90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); }
  75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); }
  90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); }
  100% { transform: translateZ(0px); }
}

@keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); }
  75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); }
  90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); }
  75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); }
  90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); }
  100% { transform: translateZ(0px); }
}

@keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); }
  75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); }
  90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
  75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); }
  90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); }
  100% { transform: translateZ(0px); }
}

@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
  75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); }
  90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}

@keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}

@-webkit-keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); }
}

@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); }
}

@-webkit-keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); }
}

@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); }
}

@-webkit-keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); }
}

@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); }
}

@-webkit-keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); }
}

@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); }
}

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInTopLeft { 
  0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInTopLeft { 
  0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInTopRight { 
  0% { opacity: 0; transform: translate3d(100%, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInTopRight { 
  0% { opacity: 0; transform: translate3d(100%, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInBottomLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInBottomLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeInBottomRight { 
  0% { opacity: 0; transform: translate3d(100%, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInBottomRight { 
  0% { opacity: 0; transform: translate3d(100%, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}

@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}

@-webkit-keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

@-webkit-keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}

@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}

@-webkit-keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

@-webkit-keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}

@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}

@-webkit-keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

@-webkit-keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}

@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}

@-webkit-keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

@-webkit-keyframes fadeOutTopLeft { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); }
}

@keyframes fadeOutTopLeft { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); }
}

@-webkit-keyframes fadeOutTopRight { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(100%, -100%, 0px); }
}

@keyframes fadeOutTopRight { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(100%, -100%, 0px); }
}

@-webkit-keyframes fadeOutBottomRight { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(100%, 100%, 0px); }
}

@keyframes fadeOutBottomRight { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(100%, 100%, 0px); }
}

@-webkit-keyframes fadeOutBottomLeft { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); }
}

@keyframes fadeOutBottomLeft { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); }
}

@-webkit-keyframes flip { 
  0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); }
  40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); }
  50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); }
  80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); }
  100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); }
}

@keyframes flip { 
  0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); }
  40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); }
  50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); }
  80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); }
  100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); }
}

@-webkit-keyframes flipInX { 
  0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); }
  40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateX(10deg); }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}

@keyframes flipInX { 
  0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); }
  40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateX(10deg); }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}

@-webkit-keyframes flipInY { 
  0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); }
  40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateY(10deg); }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}

@keyframes flipInY { 
  0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); }
  40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); }
  60% { opacity: 1; transform: perspective(400px) rotateY(10deg); }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}

@-webkit-keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); }
  100% { opacity: 0; transform: perspective(400px) rotateX(90deg); }
}

@keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); }
  100% { opacity: 0; transform: perspective(400px) rotateX(90deg); }
}

@-webkit-keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); }
  100% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
}

@keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); }
  100% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
}

@-webkit-keyframes lightSpeedInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); }
  60% { opacity: 1; transform: skewX(20deg); }
  80% { transform: skewX(-5deg); }
  100% { transform: translateZ(0px); }
}

@keyframes lightSpeedInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); }
  60% { opacity: 1; transform: skewX(20deg); }
  80% { transform: skewX(-5deg); }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes lightSpeedInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(30deg); }
  60% { opacity: 1; transform: skewX(-20deg); }
  80% { transform: skewX(5deg); }
  100% { transform: translateZ(0px); }
}

@keyframes lightSpeedInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(30deg); }
  60% { opacity: 1; transform: skewX(-20deg); }
  80% { transform: skewX(5deg); }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes lightSpeedOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); }
}

@keyframes lightSpeedOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); }
}

@-webkit-keyframes lightSpeedOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(-30deg); }
}

@keyframes lightSpeedOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(-30deg); }
}

@-webkit-keyframes rotateIn { 
  0% { opacity: 0; transform: rotate(-200deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes rotateIn { 
  0% { opacity: 0; transform: rotate(-200deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes rotateInDownLeft { 
  0% { opacity: 0; transform: rotate(-45deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes rotateInDownLeft { 
  0% { opacity: 0; transform: rotate(-45deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes rotateInDownRight { 
  0% { opacity: 0; transform: rotate(45deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes rotateInDownRight { 
  0% { opacity: 0; transform: rotate(45deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes rotateInUpLeft { 
  0% { opacity: 0; transform: rotate(45deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes rotateInUpLeft { 
  0% { opacity: 0; transform: rotate(45deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes rotateInUpRight { 
  0% { opacity: 0; transform: rotate(-90deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes rotateInUpRight { 
  0% { opacity: 0; transform: rotate(-90deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes rotateOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(200deg); }
}

@keyframes rotateOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(200deg); }
}

@-webkit-keyframes rotateOutDownLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(45deg); }
}

@keyframes rotateOutDownLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(45deg); }
}

@-webkit-keyframes rotateOutDownRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(-45deg); }
}

@keyframes rotateOutDownRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(-45deg); }
}

@-webkit-keyframes rotateOutUpLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(-45deg); }
}

@keyframes rotateOutUpLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(-45deg); }
}

@-webkit-keyframes rotateOutUpRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(90deg); }
}

@keyframes rotateOutUpRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: rotate(90deg); }
}

@-webkit-keyframes hinge { 
  0% { animation-timing-function: ease-in-out; }
  20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); }
  40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); }
  100% { opacity: 0; transform: translate3d(0px, 700px, 0px); }
}

@keyframes hinge { 
  0% { animation-timing-function: ease-in-out; }
  20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); }
  40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); }
  100% { opacity: 0; transform: translate3d(0px, 700px, 0px); }
}

@-webkit-keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}

@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}

@-webkit-keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@-webkit-keyframes zoomInDown { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); }
}

@keyframes zoomInDown { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); }
}

@-webkit-keyframes zoomInLeft { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); }
}

@keyframes zoomInLeft { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); }
}

@-webkit-keyframes zoomInRight { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); }
}

@keyframes zoomInRight { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); }
}

@-webkit-keyframes zoomInUp { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); }
}

@keyframes zoomInUp { 
  0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); }
  60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); }
}

@-webkit-keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}

@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}

@-webkit-keyframes zoomOutDown { 
  40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); }
  100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); }
}

@keyframes zoomOutDown { 
  40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); }
  100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); }
}

@-webkit-keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); }
}

@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); }
}

@-webkit-keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); }
}

@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); }
}

@-webkit-keyframes zoomOutUp { 
  40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); }
  100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); }
}

@keyframes zoomOutUp { 
  40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); }
  100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); }
}

@-webkit-keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; }
}

@keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; }
}

@-webkit-keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; }
}

@keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; }
}

@-webkit-keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; }
}

@keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; }
}

@-webkit-keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; }
}

@keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; }
}

.start { margin-bottom: 30px; }

@media (max-width: 1000px) {
}

@media (max-width: 1000px) {
}

@media (max-width: 1000px) {
}

@media (max-width: 700px) {
}

@media (max-width: 1000px) {
}

@media (max-width: 600px) {
}

.gameList { margin: 20px auto 0px; max-width: 1300px; position: relative; }

@media (max-width: 1400px) {
  .gameList .glow { display: none; }
}

.gameList.tour { padding-bottom: 30px; }

.gameList.tour .swiper { padding-bottom: 25px; padding-top: 90px; }

@media (max-width: 690px) {
  .gameList.tour .swiper { padding-top: 60px; }
}

@media (max-width: 450px) {
  .gameList.tour .swiper { padding-top: 50px; }
}

.gameList.tour .glow { background: radial-gradient(50% 50% at 49.09% 48.05%, rgb(45, 102, 240) 0px, rgba(45, 102, 240, 0) 100%); content: ""; flex-shrink: 0; height: 450px; opacity: 0.26; position: absolute; right: -45%; top: -62px; width: 876px; }

.gameList.tour .glow.two { right: 50%; top: -80px; transform: translateX(50%); }

.gameList.tour .glow.three { left: -35%; right: auto; }

.gameList .top { align-items: center; display: flex; justify-content: space-between; }

@media (max-width: 600px) {
  .gameList .top { margin-bottom: 10px; }
}

.gameList .top .title { align-items: center; border: 2px solid rgba(0, 0, 0, 0); border-radius: 13px; display: flex; font-size: 1.2rem; font-weight: 900; height: 55px; padding: 8px 25px 8px 20px; transition: background-color 0.15s, border-color 0.15s; white-space: nowrap; z-index: 1; }

.gameList .top .title:hover { border-color: rgba(43, 144, 254, 0.8); }

.gameList .top .title img { margin-right: 10px; width: 23px; }

.gameList .top .arrows { align-items: center; display: flex; z-index: 1; }

.gameList .top .arrows .item { align-items: center; border: 2px solid rgba(0, 0, 0, 0); border-radius: 15px; cursor: pointer; display: flex; height: 55px; justify-content: center; transform-origin: center center; transition: background-color 0.15s, border-color 0.15s; width: 55px; }

.gameList .top .arrows .item:hover { border-color: rgba(43, 144, 254, 0.8); }

.gameList .top .arrows .item:hover svg { color: var(--blue); }

.gameList .top .arrows .item svg { color: rgb(103, 122, 157); height: 15px; transition: color 0.3s ease-in-out, transform 0.3s; width: 15px; }

.gameList .top .arrows .item.left { margin-right: 20px; }

@media (max-width: 600px) {
  .gameList .top .arrows .item.left { margin-right: 10px; }
}

.gameList .top .arrows .item.left svg { transform: rotate(180deg); }

.gameList .gameSwiper { left: -10px; max-width: calc(100% + 20px); padding: 5px 10px; width: calc(100% + 20px) !important; }

.gameList .gameSwiper .swiper-slide { padding: 20px 3px; }

@media (max-width: 600px) {
  .gameList .gameSwiper .swiper-slide { padding: 0px; }
}

.gameList .gameSwiper .sign { font-size: 14px; }

@media (max-width: 1100px) {
  .gameList .gameSwiper .sign { font-size: 12px; }
}

@media (max-width:720) {
  .gameList .gameSwiper .sign { font-size: 8px; }
}

@media (max-width: 600px) {
  .gameList .gameSwiper .sign { font-size: 10px; }
  .gameList .top .title { font-size: 0.9rem; height: 45px; padding: 0px 15px; }
  .gameList .top .title img { height: 16px; margin-right: 10px; width: 16px; }
  .gameList .top .arrows .item { height: 45px; width: 45px; }
}

@keyframes backScale { 
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

.slot { align-self: flex-start; border-radius: 25px; position: relative; transition: transform 0.3s; width: 100%; }

.slot .geo { height: 16px; position: absolute; right: 10px; top: 10px; transition: opacity 0.3s; width: 16px; z-index: 2; }

.slot .geo svg { height: 100%; width: 100%; }

.slot .sign { background: linear-gradient(180deg,var(--slotColorStart)0,var(--slotColorEnd) 81.73%); bottom: 0px; display: flex; flex-direction: column; height: 50%; justify-content: flex-end; left: 0px; position: absolute; right: 0px; z-index: 2; }

@media (max-width: 600px) {
  .slot .sign { font-size: 10px; }
}

.slot .sign h1 { font-weight: 900; }

.slot .sign h1, .slot .sign p { text-align: center; text-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; text-transform: uppercase; }

.slot .sign p { font-size: 0.7em; font-weight: 500; margin: 0.625em 0px 0.9375em; opacity: 0.8; }

@media (max-width: 600px) {
  .slot .sign p { font-size: 1em; }
}

@keyframes loadingLine { 
  0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; }
}

.slot .slotInner { border-radius: 25px; height: 100%; overflow: hidden; position: relative; transition: transform 0.3s; width: 100%; }

.slot .slotInner::after { content: ""; display: block; padding-top: 135%; width: 100%; }

.slot .slotInner .name { align-items: center; display: flex; flex-direction: column; margin-top: 10px; width: 100%; }

.slot .slotBack { height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s; width: 100%; z-index: 1; }

.slot .demo { align-items: center; background-color: rgba(25, 34, 50, 0.8); border-radius: 0px 0px 10px 10px; color: var(--textSecondary); display: flex; font-size: 0.7rem; font-weight: 700; height: 25px; justify-content: center; left: 50%; margin: auto; opacity: 0; position: absolute; transition: transform 0.3s, color 0.3s; width: 70px; z-index: -1; }

.slot .demo:hover { color: var(--blue); }

@media (max-width: 600px) {
  .slot .demo { background-color: rgba(25, 34, 50, 0.8); border-radius: 20px; font-size: 0.6rem; height: auto; left: 50%; padding: 7px 15px; position: absolute; text-transform: uppercase; top: 88%; transform: translate(-50%, -50%); width: auto; z-index: 3; }
}

.slot:hover .geo { opacity: 0; }

.slot:hover .slotInner { transform: translateY(5px); }

.slot:hover .demo { animation: 0.3s ease 0.3s 1 normal both running demoAppear; opacity: 1; }

@media (max-width: 600px) {
  .slot:hover .demo { animation: 0.3s ease 0.3s 1 normal both running demoAppearMobile; }
}

@keyframes demoAppear { 
  0% { opacity: 0; transform: translateY(-20px) translateX(-50%); }
  100% { opacity: 1; transform: translateY(-12px) translateX(-50%); }
}

@keyframes demoAppearMobile { 
  0% { display: none; opacity: 0; }
  1% { display: block; }
  100% { display: block; opacity: 1; }
}

.slot:hover .play { opacity: 1; z-index: 1; }

.slot:hover .play .like { animation: 0.3s ease 0.3s 1 normal both running likeAppear; }

@media (max-width: 600px) {
  .slot:hover .play .like { opacity: 0 !important; visibility: hidden !important; }
}

@keyframes likeAppear { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@charset "utf-8";

@media (max-width: 700px) {
}

@media (max-width: 700px) {
}

.header { }

@media (max-width: 600px) {
  .header { padding: 0px 10px; }
}

@media (max-width: 700px) {
  .header { }
}

.header .topHeader::after { background: rgba(25, 34, 50, 0.404); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: 100%; }

.header .topHeader .topleft .mainBtn:hover, .header .topHeader .topleft .newMainStyle:hover { border-color: var(--topLine); }

.header .topHeader .topleft .mainBtn .btnTextBlock.last::before, .header .topHeader .topleft .newMainStyle .btnTextBlock.last::before { background: rgb(71, 87, 116); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 1px; }

.header .topHeader .topleft .transferBtn.vpnbtn:hover { border-color: rgb(94, 204, 252); }

.header .topHeader .topleft .transferBtn:hover { border-color: rgb(39, 134, 253); }

@media (max-width: 700px) {
  .header .anAuth .blue { }
}

.header::after { background-color: var(--lines); bottom: 0px; content: ""; height: 1px; left: 0px; opacity: 0; position: absolute; transition: opacity 0.1s ease-out; width: 100%; }

.header .search:hover svg { transform: scale(1.2); }

@media (max-width: 600px) {
}

@media (max-width: 700px) {
}

@media (max-height: 450px), (max-width: 700px) {
}

@media (max-width: 700px) {
}

@keyframes searchSandwichAppear { 
  0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}

@keyframes elementSandwich { 
  0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@charset "utf-8";

@media (max-width: 1000px) {
}

@media (max-width: 1000px) {
}

@media (max-width: 1000px) {
}

.header { align-items: center; backdrop-filter: blur(0px); display: flex; flex-direction: column; justify-content: space-between; padding: 0px 20px; position: relative; top: 0px; transition: transform 0.1s; z-index: 29; }

@media (max-width: 600px) {
  .header { padding: 0px 10px; }
}

@media (max-width: 700px) {
  .header { }
}

.header.fixed { position: static; }

.header .logo { cursor: pointer; }

.header .logo img { width: 150px; }

.header .wrapper { gap: 20px; display: grid; grid-template-columns: auto 1fr; padding: 13px 0px; }

.header .topHeader, .header .wrapper { align-items: center; max-width: 1400px; width: 100%; }

.header .topHeader { display: flex; justify-content: space-between; padding-bottom: 15px; position: relative; transition: opacity 0.3s; }

.header .topHeader::after { background: rgba(25, 34, 50, 0.404); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: 100%; }

.header .topHeader .topleft { gap: 10px; align-items: center; display: flex; }

.header .topHeader .topleft .newMainStyle { border: 2px solid rgba(0, 0, 0, 0); border-radius: 8px; height: 30px; padding: 0px 10px; transition: background-color 0.15s, border-color 0.15s; }

.header .topHeader .topleft .newMainStyle.application { padding: 0px 20px 0px 10px; }

.header .topHeader .topleft .newMainStyle.lock { height: 31px; width: 31px; z-index: 2; }

.header .topHeader .topleft .mainBtn:hover, .header .topHeader .topleft .newMainStyle:hover { border-color: var(--topLine); }

.header .topHeader .topleft .newMainStyle .pr { margin-right: 7px; width: 13px; }

.header .topHeader .topleft .newMainStyle span { font-size: 10px; font-weight: 700; }

.header .topHeader .topleft .newMainStyle .lng { margin-right: 7px; width: 12px; }

.header .topHeader .topleft .newMainStyle .windows { color: rgb(71, 87, 116); width: 16px; }

.header .topHeader .topleft .newMainStyle .btnTextBlock { padding-left: 8px; position: relative; }

.header .topHeader .topleft .newMainStyle .btnTextBlock .icons { align-items: center; display: flex; }

.header .topHeader .topleft .newMainStyle .btnTextBlock .icons .platformIcon { color: rgb(71, 87, 116); }

.header .topHeader .topleft .newMainStyle .btnTextBlock.last { margin-left: 8px; }

.header .topHeader .topleft .mainBtn .btnTextBlock.last::before, .header .topHeader .topleft .newMainStyle .btnTextBlock.last::before { background: rgb(71, 87, 116); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 1px; }

.header .topHeader .topleft .newMainStyle .btnTextBlock h3 { color: rgb(71, 87, 116); font-size: 9px; font-weight: 700; }

.header .topHeader .topleft .newMainStyle .btnTextBlock .subT { font-size: 8px; }

.header .topHeader .topleft .transferBtn { background-image: linear-gradient(rgb(4, 52, 102), rgb(4, 52, 102)), linear-gradient(rgb(39, 134, 253) 20%, rgb(4, 52, 102) 47%); padding: 0px 35px 0px 50px; position: relative; }

.header .topHeader .topleft .transferBtn.vpnbtn { background-image: linear-gradient(rgb(2, 30, 59), rgb(2, 30, 59)), linear-gradient(rgb(94, 204, 252) 20%, rgb(2, 30, 59) 47%); padding: 0px 25px 0px 50px; }

.header .topHeader .topleft .transferBtn.vpnbtn .bagImg { bottom: -2px; filter: drop-shadow(rgb(45, 148, 254) 0px 0px 10px); left: 0px; top: auto; transform: none; }

.header .topHeader .topleft .transferBtn.vpnbtn:hover { border-color: rgb(94, 204, 252); }

.header .topHeader .topleft .transferBtn span { align-items: center; display: flex; font-size: 12px; font-weight: 700; text-shadow: rgba(0, 0, 0, 0.25) 0px 2.577px 2.577px; z-index: 2; }

.header .topHeader .topleft .transferBtn span p { color: rgb(94, 204, 252); }

.header .topHeader .topleft .transferBtn .bagImg { left: -18px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }

.header .topHeader .topleft .transferBtn .backImg { left: 0px; position: absolute; top: -2px; }

.header .topHeader .topleft .transferBtn .btnCharacter { bottom: -3px; position: absolute; right: 0px; }

.header .topHeader .topleft .transferBtn:hover { border-color: rgb(39, 134, 253); }

.header svg { transition: transform 0.3s; }

.header .anAuth { gap: 10px; display: flex; justify-content: end; }

.header .anAuth .unAuthBtn { padding: 0px 50px; }

@media (max-width: 700px) {
  .header .anAuth .blue { }
}

.header .menu { height: 50px; position: relative; width: 50px; }

.header .menu svg { height: 25px; width: 25px; }

.header .flexWrap { gap: 10px; display: flex; justify-content: flex-end; position: relative; }

.header::after { background-color: var(--lines); bottom: 0px; content: ""; height: 1px; left: 0px; opacity: 0; position: absolute; transition: opacity 0.1s ease-out; width: 100%; }

.header .search { align-items: center; color: var(--blue); display: flex; height: 50px; justify-content: center; width: 50px; }

.header .search svg { width: 20px; }

.header .search:hover svg { transform: scale(1.2); }

@media (max-width: 600px) {
}

@media (max-width: 700px) {
}

@media (max-height: 450px), (max-width: 700px) {
}

@media (max-width: 700px) {
}

@keyframes searchSandwichAppear { 
  0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}

@keyframes elementSandwich { 
  0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@charset "utf-8";

.eventBanner { animation: 0.3s ease 0s 1 normal forwards running flipInX; padding-top: 80px; }

@media (max-width: 1100px) {
  .eventBanner { padding-top: 20px; }
}

.eventBanner.stream { margin: 0px auto; max-width: 1300px; }

.eventBanner.stream .eventContent .eventTitle { background: initial !important; }

@media (max-width: 1100px) {
  .eventBanner.stream .eventContent .eventTitle { padding: 10px !important; }
  .eventBanner.stream .bankBlock .blockBack .bankInf { padding-bottom: 5px !important; }
}

@media (max-width: 800px) {
  .eventBanner.stream .bankBlock .blockBack .countdown { margin-top: 10px !important; }
}

@media (max-width: 500px) {
  .eventBanner.stream .bankBlock .blockBack .countdown .item span { border-radius: 12px !important; font-size: 18px !important; }
}

.eventBanner .eventContent { align-items: center; cursor: pointer; display: grid; grid-template-columns: 1fr 1fr; height: 125px; position: relative; transition: transform 0.3s; z-index: 1; }

.eventBanner .eventContent .countdown { align-items: center; display: flex; justify-content: center; padding-right: 50px; padding-top: 20px; }

@media (max-width: 800px) {
  .eventBanner .eventContent .countdown { margin-top: 140px; padding-right: 0px; padding-top: 0px; }
}

.eventBanner .eventContent .countdown .item { text-shadow: rgba(0, 0, 0, 0.25) 0px 2.954px 2.954px; }

.eventBanner .eventContent .countdown .item p { padding-top: 5px; }

@media (max-width: 800px) {
}

@media (max-width: 800px) {
}

@media (max-width: 800px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 800px) {
}

@media (max-width: 1100px) {
}

.eventBanner .eventContent::after { border: 4px solid rgba(255, 255, 255, 0.06); border-radius: 25px; content: ""; height: calc(100% - 8px); left: 0px; opacity: 0; position: absolute; top: 0px; width: calc(100% - 8px); z-index: -1; }

@media (max-width: 1100px) {
  .eventBanner .eventContent { align-items: flex-end; border-radius: 25px; grid-template-columns: minmax(0px, 1fr); height: auto; overflow: hidden; padding: 25px; }
  .eventBanner .eventContent::after { opacity: 1; }
  .eventBanner .eventContent .streamCenter { display: none !important; }
  .eventBanner .eventContent .bankBlock { justify-content: center !important; padding: 0px !important; }
  .eventBanner .eventContent .bankBlock .blockBack { flex-direction: column; padding: 10px 15px 10px 150px !important; }
  .eventBanner .eventContent .bankBlock .blockBack .bankInf { padding: 0px 0px 25px; }
  .eventBanner .eventContent .bankBlock .blockBack .check { text-align: left; }
  .eventBanner .eventContent .back, .eventBanner .eventContent .eventTitle .cup { display: none; }
}

@media (max-width: 500px) {
  .eventBanner .eventContent { height: auto; padding: 15px !important; }
}

@media (max-width: 1100px) {
}

@media (max-width: 600px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 800px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

.eventBanner .eventContent:hover { transform: translateY(-3px); }

.eventBanner .eventContent .eventTitle { display: flex; flex-direction: column; height: 100%; justify-content: center; padding-left: 135px; position: relative; z-index: 1; }

@media (max-width: 1100px) {
  .eventBanner .eventContent .eventTitle { background: rgba(21, 19, 100, 0.6); border-radius: 20px; padding: 30px 20px 30px 150px; }
}

@media (max-width: 600px) {
  .eventBanner .eventContent .eventTitle { padding: 15px 15px 15px 100px; }
}

.eventBanner .eventContent .eventTitle h1 { font-size: 36px; font-weight: 900; text-transform: uppercase; }

@media (max-width: 600px) {
  .eventBanner .eventContent .eventTitle h1 { font-size: 24px; }
}

.eventBanner .eventContent .eventTitle .count { font-size: 14px; font-weight: 400; padding-top: 5px; }

@media (max-width: 600px) {
  .eventBanner .eventContent .eventTitle .count { font-size: 12px; }
}

.eventBanner .eventContent .eventTitle .cup { bottom: 2px; left: -110px; position: absolute; }

.eventBanner .eventContent .streamCenter { bottom: 0px; left: 50%; position: absolute; transform: translateX(-50%); }

@media (max-width: 500px) {
  .eventBanner .eventContent .streamCenter .character { max-width: 200px !important; }
  .eventBanner .eventContent .streamCenter .diamond { max-width: 50px !important; }
}

.eventBanner .eventContent .streamCenter .character { filter: drop-shadow(rgba(65, 198, 255, 0.3) 0px 10px 12px); }

.eventBanner .eventContent .streamCenter .diamond { position: absolute; z-index: -1; }

.eventBanner .eventContent .streamCenter .diamond.one { left: -8%; top: 16%; transform: rotate(319deg); }

.eventBanner .eventContent .streamCenter .diamond.two { left: 55%; top: -1%; transform: rotate(19deg); }

.eventBanner .eventContent .streamCenter .diamond.three { left: 87%; top: 30%; transform: rotate(67deg); width: 85px; }

.eventBanner .eventContent .bankBlock { align-items: center; display: flex; justify-content: flex-end; padding-right: 15px; z-index: 2; }

.eventBanner .eventContent .bankBlock .bankInf { font-size: 34px; font-weight: 900; padding-right: 20px; text-align: center; text-transform: uppercase; }

.eventBanner .eventContent .bankBlock .bankInf .check { font-size: 16px; font-weight: 700; text-transform: uppercase; }

.eventBanner .eventContent .bankBlock .blockBack { align-items: center; display: flex; justify-content: flex-end; padding: 10px 15px 10px 25px; position: relative; }

@media (max-width: 500px) {
  .eventBanner .eventContent .bankBlock .blockBack { padding: 10px 15px 10px 110px !important; }
  .eventBanner .eventContent .bankBlock .blockBack .bankInf { font-size: 28px !important; }
  .eventBanner .eventContent .bankBlock .blockBack .check { font-size: 16px !important; padding-top: 0px !important; }
  .eventBanner .eventContent .bankBlock .blockBack .timer .countdown span { height: 41px !important; width: 41px !important; }
  .eventBanner .eventContent .bankBlock .blockBack .timer .countdown span .small { font-size: 6px !important; }
  .eventBanner .eventContent .bankBlock .blockBack .timer .timeLabel { font-size: 12px !important; padding-top: 5px !important; }
}

.eventBanner .eventContent .bankBlock .timeLabel { font-size: 14px; font-weight: 700; padding-top: 10px; text-align: center; text-transform: uppercase; }

.eventBanner .eventContent .bankBlock .countdown { gap: 8px; padding: initial; }

.eventBanner .eventContent .bankBlock .countdown .item span { background-clip: padding-box, border-box; background-image: linear-gradient(rgb(17, 36, 57), rgb(17, 36, 57)), linear-gradient(rgb(65, 198, 255) 10%, rgb(26, 100, 252) 77%); background-origin: border-box; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 15px; flex-direction: column; font-family: Inter; font-size: 22px; font-weight: 900; height: 52px; width: 52px; }

.eventBanner .eventContent .bankBlock .countdown .item span .small { font-family: Inter; font-size: 8px; font-weight: 400; text-transform: uppercase; }

.eventBanner .eventContent .back { border-radius: 25px; height: 100%; left: 0px; object-fit: cover; object-position: left center; position: absolute; top: 0px; width: 100%; z-index: -1; }
@charset "utf-8";

.banner.jNewYear .jackpotBtnNy { height: 110px; }

@media (max-width: 900px) {
  .banner.jNewYear .jackpotBtnNy { height: 75px; width: 150px; }
}

@media (max-width: 600px) {
  .banner.jNewYear .jackpotBtnNy { height: 60px; width: 130px; }
}

.banner.jNewYear .jackpotBtnNy .nyText { font-size: 39px; padding-bottom: 18px; }

@media (max-width: 900px) {
  .banner.jNewYear .jackpotBtnNy .nyText { font-size: 28px; padding-bottom: 16px; }
}

@media (max-width: 600px) {
  .banner.jNewYear .jackpotBtnNy .nyText { font-size: 24px; padding-bottom: 14px; }
}

.banner.jNewYear .jackpotBtnNy:hover { filter: drop-shadow(rgba(121, 158, 216, 0.7) 0px 0px 15px); }

.banner.jNewYear .mainImg { bottom: 0px; height: auto; object-fit: contain; right: 70px; top: auto; transform: none; width: 390px; z-index: 4; }

@media (max-width: 1150px) {
  .banner.jNewYear .mainImg { right: 0px; }
}

@media (max-width: 900px) {
  .banner.jNewYear .mainImg { right: -20px; width: 280px; height: auto !important; }
}

@media (max-width: 600px) {
  .banner.jNewYear .mainImg { bottom: -8px; right: -15px; width: 200px; height: auto !important; }
}

.banner.jNewYear .inside { justify-content: center; }

.banner.jNewYear .inside h1 { font-weight: 900; padding-bottom: 15px; position: relative; }

.banner.jNewYear .inside h1 b { color: rgb(76, 232, 146); display: block; font-size: 78px; line-height: 80%; }

@media (max-width: 900px) {
  .banner.jNewYear .inside h1 { font-size: 32px !important; }
  .banner.jNewYear .inside h1 b { font-size: 52px; }
}

@media (max-width: 600px) {
  .banner.jNewYear .inside h1 { font-size: 30px !important; padding-bottom: 9px !important; }
  .banner.jNewYear .inside h1 b { font-size: 38px !important; }
}

.banner.jNewYear .inside p { color: rgb(255, 255, 255); font-size: 24px; font-style: normal; font-weight: 900; line-height: 130%; max-width: none; padding-bottom: 30px; text-transform: uppercase; }

@media (max-width: 900px) {
  .banner.jNewYear .inside p { font-size: 12px !important; }
}

@media (max-width: 600px) {
  .banner.jNewYear .inside p { font-size: 10px !important; padding-bottom: 10px; }
}

@media (max-width: 400px) {
  .banner.jNewYear .inside p { font-size: 10px !important; max-width: 200px !important; }
}
@charset "utf-8";

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

@keyframes glowUp { 
  0% { opacity: 0; transform: translateX(-50%) translateY(0px); }
  100% { opacity: 0.2; transform: translateX(-50%) translateY(-20px); }
}

@keyframes xAppear { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@media (max-width: 600px) {
}
@charset "utf-8";

@media (max-width: 900px) {
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

@media (max-width: 900px) {
}

@media (max-width: 900px) {
}

@media (max-width: 700px) {
}

@media (max-width: 700px) {
}
@charset "utf-8";

@keyframes flashCustom { 
  0% { opacity: 0.75; }
  50% { opacity: 0.25; }
  100% { opacity: 0.75; }
}

@media (max-width: 600px) {
}
@charset "utf-8";

@media (max-width: 1100px) {
}

@media (max-width: 600px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1100px) {
}

@media (max-width: 1250px) {
}

@keyframes floatVodka { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}

@keyframes floatMajor { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0px); }
}
@charset "utf-8";

.footer { background-color: var(--bgModal); max-width: 100vw; overflow: hidden; padding: 50px 20px; }

@media (max-width: 800px) {
  .footer .wrap .row { gap: 20px; }
}

@media (max-height: 450px), (max-width: 700px) {
  .footer { padding: 50px 10px 100px; }
  .footer .wrap .row { gap: 30px; grid-template-columns: 1fr; }
  .footer .wrap .row .col { padding-left: 7%; }
  .footer .wrap .last { gap: 25px; grid-template-columns: 1fr; }
  .footer .wrap .last .inLine { justify-content: center !important; }
  .footer .wrap .last .inLine.top { grid-area: 1; }
}

.footer .wrap { margin: 0px auto; max-width: 1280px; }

.footer .row { gap: 30px; display: grid; grid-template-columns: 2fr 1fr 1fr 2fr; padding-bottom: 30px; position: relative; width: 100%; }

.footer .row::after { background-color: var(--line); bottom: 0px; content: ""; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); width: calc(100% - 30px); }

.footer .row .col { display: flex; flex-direction: column; }

.footer .row .col .logo { margin-bottom: 20px; width: 180px; }

.footer .row .col a, .footer .row .col p { color: var(--textSecondary); font-size: 12px; font-weight: 300; line-height: 18px; transition: 0.15s; }

.footer .row .col h2 { color: var(--text); font-size: 16px; font-weight: 400; margin-bottom: 8px; }

.footer .row .col.list a, .footer .row .col.list p { font-size: 14px; padding: 4px 0px; }

.footer .row .col.list .subLink { cursor: pointer; text-decoration: underline; }

.footer .row .col.list .subLink, .footer .row .col.list a { display: inline-block; }

.footer .row .col.list .subLink:hover, .footer .row .col.list a:hover { color: var(--text); }

.footer .row.simple { gap: 32px 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)); padding: 30px 0px; text-align: center; width: 100%; }

@media (max-width: 700px) {
  .footer .row.simple { gap: 15px; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); }
  .footer .row.simple a img { width: 100%; }
}

.footer .row.simple img { max-height: 45px; }

.footer .row a { align-items: center; display: flex; justify-content: center; transition: opacity 0.3s; }

.footer .row a:hover { opacity: 0.7; }

.footer .row .icon { width: 108px; }

.footer .last { gap: 15px; align-items: center; display: grid; grid-template-columns: 1fr 1fr; padding: 30px 10px 0px; }

.footer .last .inLine { gap: 10px; align-items: center; display: flex; width: 100%; }

.footer .last .inLine svg { height: 50px; margin-right: 15px; width: 50px; }

.footer .last .inLine p { color: var(--textSecondary); font-size: 13px; font-weight: 300; }

.footer .last .inLine:last-child { justify-content: flex-end; }

.footer .last .inLine .rate { align-items: center; border-radius: 20px; color: var(--textSecondary); display: flex; font-size: 12px; justify-content: center; padding: 10px 15px; }

.footer .last .inLine a { transition: opacity 0.3s; }

.footer .last .inLine a .licence { border-radius: 10px; width: 90px; }

.footer .last .inLine a:hover { opacity: 0.7; }

.footer .last .inLine a .ter { height: 32px; width: 40px; }
@charset "utf-8";

@media screen and (-ms-high-contrast:active) {
}

@media screen and (preferes-contrast:more) {
}

@media screen and (prefers-contrast: more) {
}

@media screen and (prefers-contrast: more) {
}

iframe#intercom-frame { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; top: 0px !important; left: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; display: block !important; z-index: -1 !important; }

.intercom-namespace div { font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size-adjust: none; font-size: 100%; font-style: normal; letter-spacing: normal; font-stretch: normal; font-variant: normal; font-weight: normal; text-align-last: initial; text-decoration: none; text-emphasis: none; text-indent: 0px; text-shadow: none; text-transform: none; alignment-baseline: baseline; animation-play-state: running; backface-visibility: visible; background-color: transparent; background-image: none; baseline-shift: baseline; border: 0px transparent; border-radius: 0px; inset: auto; box-decoration-break: slice; box-shadow: none; box-sizing: content-box; caption-side: top; clear: none; clip: auto; color: inherit; columns: auto; column-fill: balance; column-gap: normal; content: normal; counter-increment: none; counter-reset: none; cursor: auto; direction: ltr; dominant-baseline: auto; empty-cells: show; float: none; height: auto; hyphenate-character: auto; hyphens: manual; image-rendering: auto; line-height: inherit; list-style: outside none disc; margin: 0px; max-height: none; max-width: none; min-height: 0px; min-width: 0px; opacity: 1; orphans: 2; outline-offset: 0px; overflow: visible; padding: 0px; page: auto; break-after: auto; break-before: auto; break-inside: auto; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; position: static; quotes: none; resize: none; size: auto; table-layout: auto; transform: none; transform-origin: 50% 50% 0px; transform-style: flat; unicode-bidi: normal; vertical-align: baseline; white-space: normal; widows: 2; width: auto; word-break: normal; word-spacing: normal; overflow-wrap: normal; z-index: auto; text-align: start; -webkit-font-smoothing: antialiased; }

.intercom-namespace :focus:not(:focus-visible) { outline: none; }

.intercom-namespace div { display: block; }

.intercom-namespace .intercom-app { line-height: 1; }

@media print {
  .intercom-namespace .intercom-app { display: none; }
}

.sf-hidden { display: none !important; }

img[src="data:,"], source[src="data:,"] { display: none !important; }

.textSeo { }

.textSeo p { line-height: 1.6; }

.textSeo h1, .textSeo h2, .textSeo h3 { margin-bottom: 20px; margin-top: 30px; font-size: 26px; font-weight: 700; }

.textSeo h1:first-child, .textSeo h2:first-child, .textSeo h3:first-child { margin-top: 0px; }

.textSeo section { margin: 30px 0px; }

@media (max-width: 991px) {
  .header.fixed { display: none; }
  .jackpotBlock.start .centerImage .jacpotCompilation.secondary { display: block; }
}

@media (max-width: 767px) {
  .textSeo { }
  .textSeo h1, .textSeo h2, .textSeo h3 { font-size: 22px; margin-bottom: 15px; margin-top: 15px; }
  .anAuth > .element { display: none; }
  .header .search { display: none; }
  .anAuth .mainBtn.blue { padding: 0px 20px; }
  .categoriesBlock { min-height: auto; margin-top: 20px; }
  .banerBody .banners { padding-top: 0px; }
  .header .anAuth .unAuthBtn { padding: 10px 20px; font-size: 14px; }
  .header { margin-bottom: 50px; }
  .eventBanner { margin-bottom: 30px !important; }
}

@media (max-width: 575px) {
  .header { padding: 0px 10px; }
  .header .logo img { width: 120px; }
  .anAuth .mainBtn { padding: 0px 20px; font-size: 14px; height: 38px; }
  .gameList .gameSwiper .swiper-slide { margin: 0px; width: 40% !important; }
  .gameList .gameSwiper .swiper-slide:nth-child(n+7) { display: none; }
  #swiper-wrapper-fbfb410107015af910c { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
  .footer .wrap .row .col { padding-left: 0px; }
}

@media (max-width: 450px) {
  .header .anAuth .unAuthBtn { padding: 10px 15px; font-size: 12px; }
}

@media (max-width: 390px) {
  .header .anAuth .unAuthBtn:not(.blue) { display: none; }
  .header { margin-bottom: 30px; }
}

@media (max-width: 1100px) {
  .eventBanner .eventContent.boss .backMobile { display: none !important; }
}

@media (max-width: 800px) {
  .eventBanner .eventContent.boss .backMobile { display: block !important; }
}

@media (max-width: 1100px) {
  .eventBanner .eventContent .backMobile { display: block !important; }
}

.eventBanner .eventContent .backMobile { display: none; }

.eventBanner .eventContent .back, .eventBanner .eventContent .backMobile { border-radius: 25px; height: 100%; left: 0px; object-fit: cover; object-position: left center; position: absolute; top: 0px; width: 100%; z-index: -1; }

@media (max-width: 1100px) {
  .eventBanner .eventContent .bankBlock .cupMobile { left: 0px; position: absolute; top: 50%; transform: translateY(-50%); display: block !important; }
}

.eventBanner .eventContent .bankBlock .cupMobile { display: none; }

@media (max-width: 500px) {
  .eventBanner .eventContent .bankBlock .blockBack .cupMobile { left: -10px !important; width: 120px !important; }
}

.textSeo .vodkaTable { width: 100%; border-collapse: separate; border-spacing: 0px; margin: 30px 0px; background: linear-gradient(135deg, rgba(25, 33, 54, 0.85), rgba(18, 26, 41, 0.85)); border-radius: 16px; overflow: hidden; border: 1px solid rgba(43, 144, 254, 0.3); animation: 4s ease-in-out 0s infinite normal none running vodkaTableGlow; box-shadow: rgba(45, 102, 240, 0.2) 0px 8px 32px; }

@keyframes vodkaTableGlow { 
  0%, 100% { box-shadow: rgba(45, 102, 240, 0.25) 0px 8px 32px; border-color: rgba(43, 144, 254, 0.3); }
  50% { box-shadow: rgba(158, 41, 212, 0.35) 0px 8px 32px; border-color: rgba(158, 41, 212, 0.4); }
}

.textSeo .vodkaTable thead { background: linear-gradient(90deg, rgb(45, 102, 240), rgb(158, 41, 212)); position: relative; }

.textSeo .vodkaTable thead th { color: rgb(255, 255, 255); font-weight: 700; padding: 18px 20px; text-align: left; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.textSeo .vodkaTable tbody tr { opacity: 0; transform: translateX(-30px); animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running vodkaRowSlide; transition: background 0.3s, transform 0.3s; }

.textSeo .vodkaTable tbody tr:nth-child(1) { animation-delay: 0.1s; }

.textSeo .vodkaTable tbody tr:nth-child(2) { animation-delay: 0.2s; }

.textSeo .vodkaTable tbody tr:nth-child(3) { animation-delay: 0.3s; }

.textSeo .vodkaTable tbody tr:nth-child(4) { animation-delay: 0.4s; }

.textSeo .vodkaTable tbody tr:nth-child(5) { animation-delay: 0.5s; }

.textSeo .vodkaTable tbody tr:nth-child(6) { animation-delay: 0.6s; }

@keyframes vodkaRowSlide { 
  100% { opacity: 1; transform: translateX(0px); }
}

.textSeo .vodkaTable tbody tr:hover { background: linear-gradient(90deg, rgba(43, 144, 254, 0.18), rgba(158, 41, 212, 0.12)); transform: translateX(5px); }

.textSeo .vodkaTable tbody td { padding: 16px 20px; color: rgb(179, 212, 252); border-top: 1px solid rgba(63, 78, 105, 0.4); font-size: 15px; }

.textSeo .vodkaTable tbody td:first-child { color: rgb(253, 209, 79); font-weight: 600; }

.textSeo .vodkaList { list-style: none; padding: 0px; margin: 25px 0px; }

.textSeo .vodkaList li { position: relative; padding: 14px 20px 14px 60px; margin-bottom: 12px; background: linear-gradient(90deg, rgba(25, 33, 54, 0.6), rgba(18, 26, 41, 0.25)); border-radius: 12px; border-left: 3px solid rgb(43, 144, 254); color: rgb(179, 212, 252); line-height: 1.6; opacity: 0; transform: translateY(20px); animation: 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running vodkaListAppear; transition: 0.3s; font-size: 15px; }

.textSeo .vodkaList li:nth-child(1) { animation-delay: 0.1s; }

.textSeo .vodkaList li:nth-child(2) { animation-delay: 0.2s; }

.textSeo .vodkaList li:nth-child(3) { animation-delay: 0.3s; }

.textSeo .vodkaList li:nth-child(4) { animation-delay: 0.4s; }

.textSeo .vodkaList li:nth-child(5) { animation-delay: 0.5s; }

.textSeo .vodkaList li:nth-child(6) { animation-delay: 0.6s; }

.textSeo .vodkaList li:nth-child(7) { animation-delay: 0.7s; }

@keyframes vodkaListAppear { 
  100% { opacity: 1; transform: translateY(0px); }
}

.textSeo .vodkaList li::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: linear-gradient(135deg, rgb(43, 144, 254), rgb(158, 41, 212)); border-radius: 50%; box-shadow: rgba(43, 144, 254, 0.55) 0px 0px 14px; }

.textSeo .vodkaList li::after { content: "✓"; position: absolute; left: 23px; top: 50%; transform: translateY(-50%); color: rgb(255, 255, 255); font-weight: 700; font-size: 14px; }

.textSeo .vodkaList li:hover { background: linear-gradient(90deg, rgba(43, 144, 254, 0.18), rgba(158, 41, 212, 0.12)); border-left-color: rgb(158, 41, 212); transform: translateX(8px); }

.textSeo .vodkaListNum { counter-reset: vodkaCounter 0; list-style: none; padding: 0px; margin: 25px 0px; }

.textSeo .vodkaListNum li { counter-increment: vodkaCounter 1; position: relative; padding: 16px 20px 16px 72px; margin-bottom: 12px; background: linear-gradient(90deg, rgba(25, 33, 54, 0.6), rgba(18, 26, 41, 0.25)); border-radius: 12px; border-left: 3px solid rgb(76, 232, 146); color: rgb(179, 212, 252); line-height: 1.6; opacity: 0; transform: translateY(20px); animation: 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running vodkaListAppear; transition: 0.3s; font-size: 15px; }

.textSeo .vodkaListNum li::before { content: counter(vodkaCounter); position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; background: linear-gradient(135deg, rgb(8, 127, 0), rgb(76, 232, 146)); border-radius: 50%; color: rgb(255, 255, 255); font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: rgba(76, 232, 146, 0.45) 0px 0px 14px; font-size: 16px; }

.textSeo .vodkaListNum li:nth-child(1) { animation-delay: 0.1s; }

.textSeo .vodkaListNum li:nth-child(2) { animation-delay: 0.2s; }

.textSeo .vodkaListNum li:nth-child(3) { animation-delay: 0.3s; }

.textSeo .vodkaListNum li:nth-child(4) { animation-delay: 0.4s; }

.textSeo .vodkaListNum li:nth-child(5) { animation-delay: 0.5s; }

.textSeo .vodkaListNum li:nth-child(6) { animation-delay: 0.6s; }

.textSeo .vodkaListNum li:hover { background: linear-gradient(90deg, rgba(76, 232, 146, 0.15), rgba(43, 144, 254, 0.1)); border-left-color: rgb(43, 144, 254); transform: translateX(8px); }

@media (max-width: 767px) {
  .textSeo .vodkaTable { font-size: 13px; }
  .textSeo .vodkaTable thead th { padding: 12px 10px; font-size: 12px; }
  .textSeo .vodkaTable tbody td { padding: 12px 10px; font-size: 13px; }
  .textSeo .vodkaList li, .textSeo .vodkaListNum li { padding-left: 54px; font-size: 14px; }
  .textSeo .vodkaListNum li::before { width: 32px; height: 32px; font-size: 14px; }
}

.vodkaLiveWidget { position: fixed; bottom: 24px; left: 24px; width: 290px; background: linear-gradient(135deg, rgba(25, 33, 54, 0.95), rgba(18, 26, 41, 0.95)); backdrop-filter: blur(14px); border: 1px solid rgba(43, 144, 254, 0.4); border-radius: 16px; padding: 14px 16px 16px; z-index: 9998; font-family: inherit; color: rgb(179, 212, 252); box-shadow: rgba(0, 0, 0, 0.55) 0px 12px 40px, rgba(45, 102, 240, 0.25) 0px 0px 24px; opacity: 0; transform: translateX(-120%); transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.65s cubic-bezier(0.34, 1.32, 0.64, 1); animation: 4s ease-in-out 0s infinite normal none running vodkaWidgetGlow; pointer-events: none; }

.vodkaLiveWidget.visible { opacity: 1; transform: translateX(0px); pointer-events: auto; }

@keyframes vodkaWidgetGlow { 
  0%, 100% { box-shadow: rgba(0, 0, 0, 0.55) 0px 12px 40px, rgba(45, 102, 240, 0.28) 0px 0px 22px; border-color: rgba(43, 144, 254, 0.4); }
  50% { box-shadow: rgba(0, 0, 0, 0.55) 0px 12px 40px, rgba(158, 41, 212, 0.38) 0px 0px 28px; border-color: rgba(158, 41, 212, 0.5); }
}

.vodkaLiveWidget .vlwHeader { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(63, 78, 105, 0.45); }

.vodkaLiveWidget .vlwLive { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; color: rgb(253, 209, 79); text-transform: uppercase; }

.vodkaLiveWidget .vlwDot { width: 8px; height: 8px; border-radius: 50%; background: rgb(46, 204, 113); box-shadow: rgba(46, 204, 113, 0.7) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running vodkaLivePulse; flex-shrink: 0; }

@keyframes vodkaLivePulse { 
  0% { box-shadow: rgba(46, 204, 113, 0.7) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(46, 204, 113, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(46, 204, 113, 0) 0px 0px 0px 0px; }
}

.vodkaLiveWidget .vlwClose { width: 26px; height: 26px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(43, 144, 254, 0.12); color: rgb(179, 212, 252); border-radius: 50%; cursor: pointer; font-size: 18px; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0px; transition: background 0.25s, color 0.25s, transform 0.3s; }

.vodkaLiveWidget .vlwClose:hover { background: linear-gradient(135deg, rgba(43, 144, 254, 0.4), rgba(158, 41, 212, 0.4)); color: rgb(255, 255, 255); transform: rotate(90deg); }

.vodkaLiveWidget .vlwBody { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 10px; align-items: center; }

.vodkaLiveWidget .vlwDivider { height: 38px; background: linear-gradient(transparent, rgba(43, 144, 254, 0.55), transparent); }

.vodkaLiveWidget .vlwStat { text-align: center; }

.vodkaLiveWidget .vlwLabel { font-size: 10px; letter-spacing: 0.8px; text-transform: uppercase; color: rgb(120, 146, 184); margin-bottom: 4px; font-weight: 600; }

.vodkaLiveWidget .vlwValue { font-size: 22px; font-weight: 800; background: linear-gradient(90deg, rgb(43, 144, 254), rgb(158, 41, 212)) text; -webkit-text-fill-color: transparent; color: transparent; font-variant-numeric: tabular-nums; line-height: 1.1; }

@media (max-width: 768px) {
  .vodkaLiveWidget { bottom: 14px; left: 50%; right: auto; width: calc(-24px + 100vw); max-width: 340px; padding: 12px 14px 14px; transform: translate(-50%, 140%); transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.34, 1.32, 0.64, 1); }
  .vodkaLiveWidget.visible { transform: translate(-50%, 0px); }
  .vodkaLiveWidget .vlwValue { font-size: 20px; }
}

.textSeo .vodkaTableWrap { width: 100%; overflow-x: auto; margin: 30px 0px; border-radius: 16px; }

.textSeo .vodkaTableWrap .vodkaTable { margin: 0px; min-width: 620px; }

.textSeo .vodkaTable thead { background: linear-gradient(90deg, rgb(45, 102, 240), rgb(158, 41, 212), rgb(45, 102, 240)) 0% 0% / 200% 100%; animation: 6s linear 0s infinite normal none running vodkaHeadFlow; }

@keyframes vodkaHeadFlow { 
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

.textSeo .vodkaTable thead th { position: relative; text-shadow: rgba(0, 0, 0, 0.35) 0px 1px 8px; }

.textSeo .vodkaTable tbody tr:nth-child(7) { animation-delay: 0.7s; }

.textSeo .vodkaTable tbody tr:nth-child(2n) td { background: rgba(43, 144, 254, 0.04); }

.textSeo .vodkaTable tbody td:first-child { position: relative; }

.textSeo .vodkaTable tbody tr td:first-child::before { content: ""; position: absolute; left: 0px; top: 20%; height: 60%; width: 3px; border-radius: 3px; background: linear-gradient(rgb(43, 144, 254), rgb(158, 41, 212)); transform: scaleY(0); transition: transform 0.3s; }

.textSeo .vodkaTable tbody tr:hover td:first-child::before { transform: scaleY(1); }

.textSeo .vodkaHot { display: inline-block; padding: 4px 12px; border-radius: 20px; background: linear-gradient(90deg, rgba(253, 209, 79, 0.18), rgba(158, 41, 212, 0.18)); border: 1px solid rgba(253, 209, 79, 0.55); color: rgb(253, 209, 79); font-weight: 600; animation: 2.4s ease-in-out 0s infinite normal none running vodkaHotPulse; }

@keyframes vodkaHotPulse { 
  0%, 100% { box-shadow: rgba(253, 209, 79, 0) 0px 0px 0px; }
  50% { box-shadow: rgba(253, 209, 79, 0.45) 0px 0px 14px; }
}

.textSeo .vodkaPending tbody tr, .textSeo .vodkaPending li { opacity: 0; animation: auto ease 0s 1 normal none running none !important; }

@media (prefers-reduced-motion: reduce) {
  .textSeo .vodkaTable, .textSeo .vodkaTable thead, .textSeo .vodkaHot { animation: auto ease 0s 1 normal none running none; }
  .textSeo .vodkaTable tbody tr, .textSeo .vodkaList li, .textSeo .vodkaListNum li { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
}

@media (max-width: 767px) {
  .textSeo .vodkaTableWrap .vodkaTable { min-width: 560px; }
  .textSeo .vodkaHot { padding: 3px 8px; }
}
@charset "utf-8";



:root { --swiper-theme-color: #007aff; }

:host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; }

.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; }

.swiper-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }

.swiper-horizontal { touch-action: pan-y; }

.swiper-vertical { touch-action: pan-x; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }

.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }

.swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; }

.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }

.swiper-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-3d { perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; }

.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; }

.swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; }

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }

.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.swiper-virtual .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0px; top: 0px; pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }

:root { --swiper-navigation-size: 44px; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; }

.swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center center; }

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); }

.swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; }

.swiper-button-lock { display: none; }

.swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; }

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; }

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; }

.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0px; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); }

button.swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet:only-child { display: none !important; }

.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); }

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px, -50%, 0px); }

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; }

.swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); }

.swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0px; top: 0px; }

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0px; top: 0px; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1)); }

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; }

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); }

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5)); border-radius: var(--swiper-scrollbar-border-radius,10px); left: 0px; top: 0px; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; touch-action: none; }

.swiper .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }

.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper { flex-flow: column wrap; }

.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-fade .swiper-slide-active { pointer-events: auto; }

.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper.swiper-cube { overflow: visible; }

.swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; }

.swiper-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0px; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; }

.swiper-cube .swiper-cube-shadow::before { content: ""; background: rgb(0, 0, 0); position: absolute; inset: 0px; filter: blur(50px); }

.swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }

.swiper.swiper-flip { overflow: visible; }

.swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }

.swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; }

.swiper.swiper-cards { overflow: visible; }

.swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; }
/* Static archive adaptation: stable cards, responsive overflow, real links. */
body{font-family:Arial,Helvetica,sans-serif}a{cursor:pointer}a:focus-visible{outline:3px solid #6eb8ff;outline-offset:3px}
img{max-width:100%}.textSeo{overflow-wrap:anywhere}.textSeo h4{font-size:18px;margin-top:20px}.vodkaTableWrap{overflow:auto}
.swiper-wrapper{transform:none!important;transition:none!important}.swiper-slide{transform:none!important;opacity:1!important}
.swiper-slide-shadow-left,.swiper-slide-shadow-right{display:none!important}
@media(max-width:700px){.textSeo table{display:block;max-width:100%;overflow:auto}.textSeo{padding-inline:16px}}

.header .anAuth{display:flex!important;align-items:center;gap:8px}
.header .anAuth a.unAuthBtn{display:flex!important;align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:700px){.header .anAuth{gap:6px}.header .anAuth a.unAuthBtn{font-size:10px!important;min-width:0;padding:8px!important}.header .anAuth a.unAuthBtn span{font-size:10px!important}.header .topHeader{padding-inline:10px!important}.header .topHeader .logo{width:96px!important;min-width:80px}.header .topHeader .logo img{max-width:96px}}

.archive-hero-auth{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;z-index:3}.archive-hero-auth a{padding:8px 12px;font-size:12px;border-radius:8px;background:#267aff;color:#fff}@media(max-width:700px){.archive-hero-auth{bottom:8px;right:8px}.archive-hero-auth a{font-size:10px;padding:6px 8px}}