:root { --display-width: 1440px; --offsets: 30px; --ff-primary: "Roboto", "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; --color-header: #12192c; --color-header-navigation-link: #fff; --color-header-navigation-link-hover: #33a2f6; --color-first-button: #fff; --color-first-button-bg: #33a2f6; --color-second-button: #fff; --color-second-button-bg: #089e4e; --color-body: #fff; --color-text: #60677b; --color-title: #12192c; --color-link: #4eb3ff; --color-accent: #4eb3ff; --color-body-thumb: #33a2f6; --color-body-track: #12192c; --color-footer: #090f1e; --color-footer-navigation-link: #fff; --color-footer-navigation-link-hover: #33a2f6; --color-footer-text: #797f92; --color-content-button: #fff; --content-button-gradient: linear-gradient(90deg, #2cb865 0%, #089e4e 100%); --color-scroll-to-top: #2cb865; --color-arrow-scroll-to-top: #fff; --color-table-bg: #f1f5ff; --color-table-border: #d6ddf0; --color-table-th-bg: #000; --color-table-th-color: #fff; --color-table-td-color: #000; --color-blocks-text-image: #fff; --color-faq-item: #f1f5ff; --color-faq-item-open: #2cb865; --color-faq-item-title: #12192c; --color-faq-item-title-open: #fff; --color-toc-bg: #fff; --color-toc-title: #000; --color-toc-item: #7685ad; --color-toc-item-hover: #33a2f6 } .onexbetsci-container { margin: 0 auto; padding: 0 var(--offsets); max-width: var(--display-width) } .container-full { max-width: 100% } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: inherit } p { margin-top: 1rem; font-weight: 400; font-size: 1rem; line-height: 1.5rem } a { font-weight: 400; font-size: 1rem; color: var(--color-link) } a:hover { text-decoration: none } ol, ul { margin-top: 1rem; padding-left: 25px; font-weight: 400; font-size: 1rem; line-height: 1.5rem } img { height: auto; max-width: 100% } h1 { margin-bottom: 1rem; font-weight: 500; font-size: 2rem; line-height: 2.5rem; color: var(--color-title) } h2 { margin-bottom: 1rem; font-weight: 500; font-size: 1.8rem; line-height: 2.3rem; color: var(--color-title) } h3 { margin-bottom: 1rem; font-weight: 500; font-size: 1.6rem; line-height: 2.1rem; color: var(--color-title) } h4 { margin-bottom: 1rem; font-weight: 500; font-size: 1.4rem; line-height: 1.9rem; color: var(--color-title) } h5 { margin-bottom: 1rem; font-weight: 500; font-size: 1.2rem; line-height: 1.7rem; color: var(--color-title) } h6 { margin-bottom: 1rem; font-weight: 500; font-size: 1rem; line-height: 1.5rem; color: var(--color-title) } .onexbetsci-wrapper > .wp-block-table, .onexbetsci-wrapper > blockquote, .onexbetsci-wrapper > h1, .onexbetsci-wrapper > h2, .onexbetsci-wrapper > h3, .onexbetsci-wrapper > h4, .onexbetsci-wrapper > h5, .onexbetsci-wrapper > h6, .onexbetsci-wrapper > ol, .onexbetsci-wrapper > p, .onexbetsci-wrapper > ul { margin-right: auto; margin-left: auto; padding: 0 var(--offsets); max-width: var(--display-width) } .onexbetsci-wrapper > ol, .onexbetsci-wrapper > ul { padding-left: 50px } .onexbetsci-wrapper blockquote, blockquote { margin-top: 1rem; border-left: 5px solid var(--color-accent); padding: 1rem var(--offsets) 1rem 2rem; font-weight: 400; font-size: 1rem; line-height: 1.5rem; background-color: #f0f8ffff } .onexbetsci-wrapper > :last-child { margin-bottom: 2rem } .wp-block-table table, table { margin-top: 1rem; border: 1px solid var(--main-accent-bg-color); background-color: var(--color-table-bg) } .wp-block-table table th, table th { border-color: var(--color-table-th-bg); padding: .5rem 1rem; text-align: center; color: var(--color-table-th-color); background-color: var(--color-table-th-bg) } .wp-block-table table td, table td { border: 1px solid var(--color-table-border); padding: .5rem 1rem; color: var(--color-table-td-color) } .wp-block-table .has-fixed-layout { table-layout: auto } .wp-block-table .has-fixed-layout th { border-color: var(--color-table-th-bg); word-break: normal } .wp-block-table .has-fixed-layout td { border-color: var(--color-table-border); word-break: normal } .onexbetsci-wrapper { background-position: center center; background-size: cover; background-repeat: no-repeat } .onexbetsci-container .onexbetsci-container { padding-right: 0; padding-left: 0 } .get-image { margin: 0 } .visually-hidden { position: absolute; -webkit-clip-path: inset(100%); clip-path: inset(100%); overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; white-space: nowrap; clip: rect(0 0 0 0) } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; overflow-x: hidden; font-family: var(--ff-primary); color: var(--color-text); background-color: var(--color-body) } main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .page-404 { background-image: url(../images/404.png); background-position: -100px } .last-modified-date { display: inline-block; margin: 1rem auto; border-radius: 5px; padding: 10px 30px; width: 100%; font-weight: 700; text-align: center; background: -o-linear-gradient(150deg, #fff0 0, #fff0 5%, #cccf 50%, #fff 95%, #fff 100%); background: linear-gradient(300deg, #fff0 0, #fff0 5%, #cccf 50%, #fff 95%, #fff 100%) } html { font-size: 17px } @font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), url('../fonts/roboto-v30-latin-regular.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), url('../fonts/roboto-v30-latin-500.woff') format('woff'); } @font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), url('../fonts/roboto-v30-latin-700.woff') format('woff'); } .wp-block-table { overflow: auto; } table { width: 100%; border-collapse: collapse; } .accent-button.fill-button { border: 2px solid var(--main-accent-bg-color); background: var(--main-accent-bg-color) } .accent-button.fill-button:hover { -webkit-filter: brightness(105%); filter: brightness(105%) } .accent-button.outline-button { border: 2px solid rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .5); background-color: transparent } .accent-button.outline-button:hover { background-color: rgba(255, 255, 255, .1) } .onexbetsci-content-button { margin-top: 2rem } .onexbetsci-content-button a, .onexbetsci-content-button button, .onexbetsci-content-button span { display: inline-block; border: none; border-radius: 5px; padding: .7rem 2rem; font-size: 1.2rem; text-decoration: none; color: var(--color-content-button); background: var(--content-button-gradient); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 150ms; -o-transition: 150ms; transition: 150ms; cursor: pointer } .onexbetsci-content-button a:hover, .onexbetsci-content-button button:hover, .onexbetsci-content-button span:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .onexbetsci-content-button.alight-left { text-align: left } .onexbetsci-content-button.align-right { text-align: right } .onexbetsci-content-button.align-center { text-align: center } .page-header { background-color: var(--color-header) } .page-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 0 } .page-header__logo { width: 100%; max-width: 150px } .page-header__buttons, .page-header__nav { margin-left: auto } .page-header__burger { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 35px; height: 25px; cursor: pointer } .page-header__burger span { display: block; border-radius: 20%; width: 100%; height: 3px; background-color: var(--color-accent); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms } .page-header__burger.active span:nth-of-type(1) { -webkit-transform: translateY(11px) rotateZ(45deg); -ms-transform: translateY(11px) rotate(45deg); transform: translateY(11px) rotateZ(45deg) } .page-header__burger.active span:nth-of-type(2) { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0) } .page-header__burger.active span:nth-of-type(3) { -webkit-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotateZ(-45deg) } .page-header__nav + .page-header__buttons { margin-left: 20px } /* mobile header two-row layout */ @media (max-width: 1024px) { .page-header__container { display: block; padding: .75rem 0; } .page-header__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .page-header__bottom { display: flex; align-items: center; justify-content: center; margin-top: 10px; } .page-header__buttons { margin: 0; } .page-header__button + .page-header__button { margin-left: 10px; } } /* desktop header: logo left, menu center, buttons right */ @media (min-width: 1025px) { .page-header__container { display: grid; grid-template-columns: auto 1fr auto; align-items: center; } .page-header__burger { display: none; } .page-header__top { grid-column: 1; grid-row: 1; display: flex; align-items: center; justify-content: flex-start; } .page-header__nav { grid-column: 2; grid-row: 1; justify-self: center; } .page-header__bottom { grid-column: 3; grid-row: 1; display: flex; align-items: center; justify-content: flex-end; margin-top: 0; } .page-header__buttons { margin-left: 0; } } .page-header__button { display: inline-block; outline: 0; border: none; border-radius: 5px; padding: .6rem 1.2rem; font-weight: 400; font-size: 1.2rem; text-decoration: none; color: #fff; background: 0 0; -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms; cursor: pointer } .page-header__button + .page-header__button { margin-left: 5px } .page-header__button:hover { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px) } .page-header__button--first { color: var(--color-first-button); background-color: var(--color-first-button-bg) } .page-header__button--second { color: var(--color-second-button); background-color: var(--color-second-button-bg) } .main-nav { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .main-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0; padding: 0; height: 100% } .main-nav__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100% } .main-nav__item:hover > a::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .main-nav__item:hover .sub-menu { opacity: 1; pointer-events: auto } .main-nav__link { position: relative; margin: 0 .5rem; padding: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; font-size: 1.2rem; text-decoration: none; color: var(--color-header-navigation-link); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .main-nav__link--current, .main-nav__link:hover { color: var(--color-header-navigation-link-hover) } .main-nav__item--has-children { position: relative } .main-nav__item--has-children.active .sub-menu__arrow svg { -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg) } .main-nav__item--has-children.active .sub-menu { position: relative; top: 0; display: block; margin-top: 0; padding: 0 1rem; opacity: 1; pointer-events: auto } .main-nav__item--has-children.active .sub-menu::before { display: none } .sub-menu__arrow { position: absolute; right: -4px; top: 50%; display: block; -webkit-transform: translateY(-35%); -ms-transform: translateY(-35%); transform: translateY(-35%) } .sub-menu__arrow svg { width: 100%; height: auto; max-width: 15px; fill: var(--color-header-navigation-link); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms } .sub-menu { position: absolute; left: 0; top: 100%; z-index: 100; list-style: none; margin-top: .5rem; border-radius: 5px; padding: .5rem 1rem; background-color: var(--color-header); opacity: 0; -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms; pointer-events: none } .sub-menu::before { content: ""; position: absolute; left: 0; top: -.5rem; width: 100%; height: .5rem; background-color: transparent } .sub-menu:hover { color: var(--color-header) } .sub-menu__link { display: block; margin: .5rem 0; font-size: 1rem; white-space: nowrap; text-decoration: none; color: var(--color-header-navigation-link); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .sub-menu__link--current, .sub-menu__link:hover { color: var(--color-header-navigation-link-hover) } .onexbetsci-columns { padding: 2rem 0 } .onexbetsci-columns__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: -1rem } .onexbetsci-columns__container.reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .onexbetsci-columns__item { margin: 1rem } .onexbetsci-columns__item img { display: block; margin: 0 auto } .onexbetsci-columns.align-center .onexbetsci-columns__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .onexbetsci-columns.align-top .onexbetsci-columns__container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .onexbetsci-columns.align-bottom .onexbetsci-columns__container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .onexbetsci-columns.align-stretch .onexbetsci-columns__container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .onexbetsci-columns.col-1 .onexbetsci-columns__item { width: calc(100% - 2rem) } .onexbetsci-columns.col-2 .onexbetsci-columns__item { width: calc(100% / 2 - 2rem) } .onexbetsci-columns.col-3 .onexbetsci-columns__item { width: calc(100% / 3 - 2rem) } .onexbetsci-columns.col-4 .onexbetsci-columns__item { width: calc(100% / 4 - 2rem) } .onexbetsci-columns.col-5 .onexbetsci-columns__item { width: calc(100% / 5 - 2rem) } .onexbetsci-columns.col-6 .onexbetsci-columns__item { width: calc(100% / 6 - 2rem) } .wp-block-columns { margin: 0 auto; padding: 2rem var(--offsets); max-width: calc(calc(var(--display-width) - var(--offsets) - var(--offsets)) + var(--offsets) + var(--offsets)); display: -ms-grid; display: grid; gap: 30px } .wp-block-columns .wp-block-column { margin: 0 } .wp-block-columns.col-1 { -ms-grid-columns:(1fr) [ 1 ]; grid-template-columns:repeat(1, 1fr) } .wp-block-columns.col-2 { -ms-grid-columns:(1fr) [ 2 ]; grid-template-columns:repeat(2, 1fr) } .wp-block-columns.col-3 { -ms-grid-columns:(1fr) [ 3 ]; grid-template-columns:repeat(3, 1fr) } .wp-block-columns.col-4 { -ms-grid-columns:(1fr) [ 4 ]; grid-template-columns:repeat(4, 1fr) } .wp-block-columns.col-5 { -ms-grid-columns:(1fr) [ 5 ]; grid-template-columns:repeat(5, 1fr) } .wp-block-columns.col-6 { -ms-grid-columns:(1fr) [ 6 ]; grid-template-columns:repeat(6, 1fr) } .wp-block-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wp-block-column > * { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1 } .wp-block-column > :not(:first-child) { margin-top: 30px } .wp-block-column .row { padding: 0 } .icon-blocks { padding: 2rem 0 } .icon-blocks__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .icon-blocks__item { border: 1px solid #fff; padding: 1rem; width: calc(100% / 6); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--color-accent) } .icon-blocks__item:hover .icon-blocks__image { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } .icon-blocks__image { margin-top: 2rem; text-align: center; -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms } .icon-blocks__image img { max-width: 100px } .icon-blocks__content { margin: 1rem 0 0; font-size: .9rem; text-align: center; color: #fff } .onexbetsci-bonus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--color-accent); border-radius: 10px; padding: 1rem; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .onexbetsci-bonus__title { font-size: 2rem; text-align: center; color: var(--color-accent) } .onexbetsci-bonus__value { margin: 2rem 0; font-weight: 500; font-size: 4rem; line-height: 4.5rem; text-align: center; color: var(--color-accent) } .onexbetsci-bonus__text { margin-bottom: 2rem; font-weight: 500; font-size: 1.3rem; line-height: 1.8rem; text-align: center; color: #000 } .onexbetsci-bonus__button { margin-top: auto; border: 1px solid #000; border-radius: 5px; padding: 1rem 3rem; font-size: 1.2rem; text-decoration: none; background-color: #fff; -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms; cursor: pointer } .onexbetsci-bonus__button:hover { border: 1px solid var(--color-accent); color: #fff; background-color: var(--color-accent) } .onexbetsci-bonus.accented { background-color: var(--color-accent) } .onexbetsci-bonus.accented .onexbetsci-bonus__text, .onexbetsci-bonus.accented .onexbetsci-bonus__title, .onexbetsci-bonus.accented .onexbetsci-bonus__value { color: #fff } .onexbetsci-bonus.accented .onexbetsci-bonus__button { border: 1px solid #fff; color: #fff; background-color: transparent } .onexbetsci-bonus.accented .onexbetsci-bonus__button:hover { border: 1px solid #fff; color: var(--color-accent); background-color: #fff } .onexbetsci-review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 10px; padding: 1rem; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f9f9f9 } .onexbetsci-review__text { margin-top: 0; margin-bottom: .5rem; font-weight: 500; color: #212121B2 } .onexbetsci-review__user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: auto } .onexbetsci-review__user-image { border-radius: 50%; max-width: 60px } .onexbetsci-review__user-name { margin-top: 0; margin-left: 1rem; font-weight: 500; font-size: 1.1rem; color: #6ec1e4 } .onexbetsci-show-posts { background: #fbfbfb } .onexbetsci-show-posts__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; border-radius: 5px; padding-bottom: 10px; height: 100%; background-color: #fff; -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms } .onexbetsci-show-posts__item:hover { -webkit-box-shadow: 0 0 10px 1px #00000019; box-shadow: 0 0 10px 1px #00000019 } .onexbetsci-show-posts__item:hover .show-posts__image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .onexbetsci-show-posts__image { overflow: hidden; height: 150px } .onexbetsci-show-posts__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms } .onexbetsci-show-posts__title { margin-top: 1rem; padding: 0 10px; font-size: 1.2rem; line-height: 1.7rem; color: var(--color-accent) } .onexbetsci-show-posts__text { margin-top: 0; margin-bottom: .5rem; padding: 0 10px; font-size: 1rem; line-height: 1.5rem } .onexbetsci-show-posts__link { margin-top: auto; padding: 0 10px; text-decoration: underline; color: var(--color-accent) } .onexbetsci-show-posts__hidden-link { position: absolute; left: 0; top: 0; z-index: 2; display: block; width: 100%; height: 100% } .video { max-width: 650px } .video__container { position: relative; padding-bottom: 56.25%; width: 100%; height: 0; background-color: #000 } .video__preview { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .video__button { position: absolute; left: 50%; top: 50%; border: none; background: 0 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .video__button-shape { fill: #212121; fill-opacity: .8 } .video__button-icon { fill: #fff } .video__button:focus { outline: 0 } .video__button:focus .video__button-shape, .video__button:hover .video__button-shape { fill: red; fill-opacity: 1 } .video__button:hover { cursor: pointer } .video__media { position: absolute; left: 0; top: 0; border: none; width: 100%; height: 100% } .video.align-center { margin: 0 auto } .video.align-right { margin-left: auto } .page-footer { background-color: var(--color-footer) } .page-footer__nav { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 auto; padding: 15px 0 } .page-footer__text { font-weight: 400; font-size: .9rem; line-height: 1.4rem; color: var(--color-footer-text) } .page-footer .columns__item > * { margin-bottom: 1rem } .page-footer .columns__item > :first-child { margin-top: 0 } .page-footer .columns__item * { color: var(--color-footer-text) } .page-footer--enable-mobile-button { padding-bottom: 50px } .footer-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0; padding: 0 } .footer-nav__list .sub-menu { margin: .2rem 0 } .footer-nav__item:not(:last-child) { margin-right: 25px } .footer-nav__link { font-weight: 400; font-size: 1.1rem; text-decoration: none; color: var(--color-footer-navigation-link); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .footer-nav__link:hover { color: var(--color-footer-navigation-link-hover) } .onexbetsci-faq__item { border-radius: 10px } .onexbetsci-faq__item:not(:last-child) { margin-bottom: 10px } .onexbetsci-faq__details { outline: 0; border-radius: 10px; background-color: var(--color-faq-item) } .onexbetsci-faq__details[open] { background-color: var(--color-faq-item-open) } .onexbetsci-faq__details[open] .onexbetsci-faq__question { color: var(--color-faq-item-title-open) } .onexbetsci-faq__details[open] .onexbetsci-faq__question svg { fill: var(--color-faq-item-title-open); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .onexbetsci-faq__question { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; outline: 0; padding: 28px 30px; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 24px; color: var(--color-faq-item-title); cursor: pointer } .onexbetsci-faq__question svg { z-index: 10; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 30px; width: 30px; height: 30px; fill: var(--color-faq-item-title); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .onexbetsci-faq__question::-webkit-details-marker { display: none } .onexbetsci-faq__answer { padding: 0 30px 10px } .onexbetsci-faq__answer * { margin-top: .8rem; font-family: inherit; font-weight: 500; font-style: normal; font-size: inherit; line-height: inherit; color: var(--color-faq-item-title-open) } .onexbetsci-faq__answer :first-child { margin-top: 0 } .onexbetsci-toc { display: inline-block; margin: 1rem 0; border-radius: 10px; padding: .5rem 1rem; width: 100%; background-color: var(--color-toc-bg) } .onexbetsci-toc__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .onexbetsci-toc__title { position: relative; display: inline-block; margin: 0 30px 0 0; padding-right: 15px; font-size: 1rem; line-height: 1.5rem; color: var(--color-toc-title); cursor: pointer } .onexbetsci-toc__title::after { content: url("data:image/svg+xml;charset=UTF-8,"); position: absolute; right: 0; top: 50%; display: none; width: 18px; height: 18px; color: var(--color-toc-title); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms } .onexbetsci-toc__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; overflow: hidden; margin: 0; padding: 0; height: auto; max-height: 0 } .onexbetsci-toc__item:not(:last-child) { margin-right: 30px } .onexbetsci-toc__link { display: inline-block; padding: .3rem 0; text-decoration: none; color: var(--color-toc-item); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .onexbetsci-toc.active .onexbetsci-toc__list { max-height: 100% } .onexbetsci-toc.active .onexbetsci-toc__title::after { -webkit-transform: translateY(-50%) rotateZ(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotateZ(180deg) } .page-single { margin: 0 auto 3rem; padding: 0 10px; max-width: var(--display-width) } .breadcrumbs { padding: .5rem 0 } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin-top: 0; padding-top: 0; padding-bottom: 0 } .breadcrumbs__item { margin-right: 10px } .breadcrumbs__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: .9rem; text-decoration: none; color: var(--color-text); -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out } .breadcrumbs__link svg { margin-left: 10px; width: 20px; height: 20px; stroke: var(--color-text) } .breadcrumbs__link--no-active, .breadcrumbs__link:hover { color: var(--color-accent) } .onexbetsci-promocode { padding: 1rem 0 } .onexbetsci-promocode__container { margin: 0 auto; padding: 1rem 2rem; max-width: 670px; background-color: #f5f5f5 } .onexbetsci-promocode__title { font-weight: 400; font-size: 1.1rem; line-height: 1.6rem; text-align: center } .onexbetsci-promocode__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; border-radius: 8px; padding: 3px; background-color: #fff } .onexbetsci-promocode__value { margin-left: 10%; font-weight: 700; font-size: 2rem } .onexbetsci-promocode__button { margin-left: auto; outline: 0; border: 2px solid var(--color-accent); border-radius: 7px; padding: .6rem 1rem; width: 100%; max-width: 200px; font-weight: 400; font-size: 1rem; text-align: center; text-decoration: none; color: #fff; background-color: var(--color-accent); cursor: pointer } .onexbetsci-promocode__button:hover { color: var(--color-accent); background-color: #fff } .onexbetsci-promocode__text { margin-top: 1rem; font-weight: 400; font-size: 1rem; text-align: center } .onexbetsci-promocode__bottom { display: block; margin: 1.2rem auto 0; outline: 0; border: 2px solid #f23e71; border-radius: 7px; padding: .6rem 1rem; width: 100%; max-width: 300px; font-weight: 400; font-size: 1rem; text-align: center; text-decoration: none; color: #fff; background-color: #f23e71; cursor: pointer } .onexbetsci-promocode__bottom:hover { color: #f23e71; background-color: #fff } .mobile-button { position: fixed; left: 0; bottom: 0; display: none; width: 100%; text-align: center } .mobile-button__container { padding: 10px 1rem } .mobile-button__control { display: block; border-radius: 5px; padding: 10px 15px; width: 100%; -webkit-box-shadow: 0 0 20px 5px #223c5059; box-shadow: 0 0 20px 5px #223c5059; font-weight: 400; font-size: 1.2rem; text-decoration: none; color: var(--color-content-button); background: var(--content-button-gradient) } .onexbetsci-advantages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; padding: 1rem; height: 100%; -webkit-box-shadow: 0 0 10px 0 #0000007f; box-shadow: 0 0 10px 0 #0000007f; text-align: center } .onexbetsci-advantages__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 150px; height: 150px } .onexbetsci-advantages__title { margin-top: 1rem } .rating { padding: 1rem 0 } .rating__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .rating__item { padding: 0 .2rem; font-size: 1.3rem; color: #888 } .onexbetsci-difference__element { border: 1px solid var(--color-accent); border-radius: 10px; padding: 1rem } .onexbetsci-difference__list { list-style: none; padding-left: 0 } .onexbetsci-difference__item { position: relative; margin: 1rem 0; padding-left: 25px } .onexbetsci-difference__item::before { content: ""; position: absolute; left: 0; top: 50%; width: 15px; height: 15px; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .onexbetsci-difference__item_plus::before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzY3LjgwNSAzNjcuODA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNjcuODA1IDM2Ny44MDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMzQkI1NEE7IiBkPSJNMTgzLjkwMywwLjAwMWMxMDEuNTY2LDAsMTgzLjkwMiw4Mi4zMzYsMTgzLjkwMiwxODMuOTAycy04Mi4zMzYsMTgzLjkwMi0xODMuOTAyLDE4My45MDINCgkJUzAuMDAxLDI4NS40NjksMC4wMDEsMTgzLjkwM2wwLDBDLTAuMjg4LDgyLjYyNSw4MS41NzksMC4yOSwxODIuODU2LDAuMDAxQzE4My4yMDUsMCwxODMuNTU0LDAsMTgzLjkwMywwLjAwMXoiLz4NCgk8cG9seWdvbiBzdHlsZT0iZmlsbDojRDRFMUY0OyIgcG9pbnRzPSIyODUuNzgsMTMzLjIyNSAxNTUuMTY4LDI2My44MzcgODIuMDI1LDE5MS4yMTcgMTExLjgwNSwxNjEuOTYgMTU1LjE2OCwyMDQuODAxIA0KCQkyNTYuMDAxLDEwMy45NjggCSIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=) } .onexbetsci-difference__item_minus::before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiBjbGFzcz0iIj48Zz48ZWxsaXBzZSBzdHlsZT0iZmlsbDojRTA0RjVGOyIgY3g9IjI1NiIgY3k9IjI1NiIgcng9IjI1NiIgcnk9IjI1NS44MzIiIGRhdGEtb3JpZ2luYWw9IiNFMDRGNUYiIGNsYXNzPSIiLz48cmVjdCB4PSIxMTMuMiIgeT0iMjI4IiBzdHlsZT0iZmlsbDojRkZGRkZGIiB3aWR0aD0iMjg1LjY3MiIgaGVpZ2h0PSI1NiIgZGF0YS1vcmlnaW5hbD0iI0ZGRDA3RCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI0ZGRDA3RCIvPjwvZz4gPC9zdmc+Cg==) } .comments { margin: 2rem -10px -10px } .comments .comment { margin: 10px } .comments .comment__author { display: inline-block; margin-bottom: 0; font-weight: 500; font-size: 1.2rem } .comments .comment__date { margin-left: 15px; font-size: .9rem; color: #a2a2a2 } .comments .comment__content { margin-top: 0; margin-left: 10px; border-left: 1px solid var(--color-accent); padding: 10px 0 0 10px; font-weight: 400; font-size: 1rem } .comments .comment__reply { outline: 0; border: none; color: #888; background-color: transparent; cursor: pointer } .comments .comment__child { position: relative; padding-left: 20px } .comments .comment:not(:first-child) { margin-top: 25px } .comment__karma { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 15px } .comment__karma .value { font-weight: 400; font-size: 1rem } .karma__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; border: none; background-color: transparent; cursor: pointer } .karma__control svg { margin-right: 5px; width: 17px; height: 17px; fill: #343e57; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; pointer-events: none } .comment-footer { margin-top: 2rem } .comment-form-footer { margin: 3rem 0 } .comment-form__title { text-align: center } .comment-form__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px auto 0; max-width: 700px } .comment-form__field { outline: 0; border: 1px solid #cfcfcf; border-radius: 5px; padding: 10px; font-family: var(--ff-primary); font-weight: 400; font-size: 1rem; -webkit-transition: 250ms; -o-transition: 250ms; transition: 250ms } .comment-form__field::-webkit-input-placeholder { font-family: var(--ff-primary) } .comment-form__field::-moz-placeholder { font-family: var(--ff-primary) } .comment-form__field:-ms-input-placeholder { font-family: var(--ff-primary) } .comment-form__field::-ms-input-placeholder { font-family: var(--ff-primary) } .comment-form__field::placeholder { font-family: var(--ff-primary) } .comment-form__field:active, .comment-form__field:focus, .comment-form__field:hover { border: 1px solid var(--color-accent) } .comment-form__field.error { border: 1px solid #dc3545; background-color: rgba(220, 53, 69, .05) } .comment-form__input { margin: 10px; width: calc(100% / 2 - 20px) } .comment-form__textarea { margin: 10px; width: calc(100% - 20px); min-height: 100px; resize: none } .comment-form__button { display: inline-block; margin: 10px; border: none; border-radius: 5px; padding: .7rem 2rem; font-size: 1.2rem; text-decoration: none; color: var(--color-content-button); background: var(--content-button-gradient); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer } .comment-form__button:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .comment-form__alert { display: block; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: calc(100% - 20px); font-weight: 400; font-size: .8rem; text-align: center; color: #000; opacity: 0; -webkit-transition: opacity 250ms; -o-transition: opacity 250ms; transition: opacity 250ms } .comment-form__alert.error { color: #dc3545; opacity: 1 } .comment-form__alert.success { color: #28a745; opacity: 1 } .page-404__title { text-align: center; font-size: 5rem; margin-top: 2rem } .page-404__subtitle { text-align: center; font-size: 2rem; font-weight: 400; margin-top: 2rem } .page-404__link { margin: 2rem 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .scroll-top { position: fixed; right: 15px; bottom: 70px; z-index: 10 } .scroll-top__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: 0; border: none; border-radius: 50%; width: 50px; height: 50px; -webkit-box-shadow: 0 0 20px 5px #223c5059; box-shadow: 0 0 20px 5px #223c5059; background-color: var(--color-scroll-to-top); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; cursor: pointer } .scroll-top__button svg { fill: var(--color-arrow-scroll-to-top) } .scroll-top__button:hover { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px) } @font-face { src: local(""), url(../fonts/PF_Kids_Pro.woff2) format("woff2"); font-family: PF_Kids_Pro; font-weight: 400; font-style: normal } .slider__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .slider__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem auto } .slider__title { margin-bottom: 0; font-family: PF_Kids_Pro, sans-serif; font-weight: 400; font-size: 4rem; line-height: 4.2rem; text-align: right; text-transform: uppercase; color: #202021 } .slider__button { margin-left: 4rem; border: 3px solid #03a528; border-radius: 31px; padding: 1rem 6rem; height: 67px; font-size: 1.2rem; background: #03a528 } .slider__button:hover { color: #03a528; background: #fff } .slider .swiper-pagination { position: relative; bottom: 0 } .slider .swiper-pagination::after, .slider .swiper-pagination::before { content: ""; position: absolute; top: 50%; width: 100%; height: 10px; max-width: 400px; background-image: url(data:image/png;base64,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); background-repeat: repeat-x } .slider .swiper-pagination::before { left: calc(50% - 35px); -webkit-transform: translateY(-50%) translateX(-100%); -ms-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%) } .slider .swiper-pagination::after { right: calc(50% - 35px); -webkit-transform: translateY(-50%) translateX(100%) rotateX(180deg); transform: translateY(-50%) translateX(100%) rotateX(180deg) } .small-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .small-icons__item { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 150px; flex: 1 1 150px; padding: 1rem 2rem } .small-icons__item:not(:last-of-type)::after { content: ""; position: absolute; right: 0; top: calc(50% - .5rem); border-left: 1px dotted #cdcdcd; width: 1px; height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .small-icons__item a { text-decoration: none } .small-icons__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; border: 1px solid #0083c3; border-radius: 50%; padding: 5px; width: 35px; height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box } .small-icons__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .small-icons__text { margin-top: 5px; font-weight: 500; font-size: 1rem; text-align: center; text-decoration: none; color: #0083c3 } .onexbetsci-author-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem 0 } .onexbetsci-author-block_outlined { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 1rem; border: 1px solid var(--color-accent); padding: 1rem } .onexbetsci-author-block__avatar { width: 60px; height: 60px } .onexbetsci-author-block__avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .onexbetsci-author-block__avatar_scaled { width: 150px; height: 150px } .onexbetsci-author-block__content { margin-left: 1rem; max-width: 600px } .onexbetsci-author-block__name { font-weight: 500; font-size: 1rem } .onexbetsci-author-block__description { margin-top: .5rem; font-weight: 400; font-size: .9rem; opacity: .8 } .onexbetsci-author-block__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; margin: .5rem -5px -5px; padding-left: 0 } .onexbetsci-author-block__social li { margin: 5px; width: 25px; height: 25px } .onexbetsci-author-block__social li:hover { opacity: .7 } .shared-items { margin: 2rem 0 } .shared-items__title { margin: 15px 10px; font-weight: 500; font-size: 1.2rem } .shared-items__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; margin: -2px; padding-left: 0 } .shared-items__item { -webkit-box-flex: 1; -ms-flex: 1 1 150px; flex: 1 1 150px; margin: 2px; width: 100% } .shared-items__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 .5rem; border-radius: 10px; padding: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f1f1f1 } .shared-items__link svg { width: 30px; height: 30px } #cookie-law-div { position: fixed; right: 2%; bottom: 3%; z-index: 10000000; border: 1px solid #00000026; border-radius: 10px; padding: 1em; max-width: 400px; -webkit-box-shadow: 0 7px 28px #172b6366; box-shadow: 0 7px 28px #172b6366; font-size: 15px; background: #fff } #cookie-law-div a { border-bottom: 1px solid #0000007f; font-size: 15px; text-decoration: none } #cookie-law-div a:hover { opacity: .7 } #cookie-law-div p { margin: 0; padding-right: 50px; color: #000 } #cookie-law-div button { position: absolute; right: .5em; top: 20px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border: none; border-radius: 50px; width: 20px; height: 20px; font-size: 12px; line-height: 1; color: #fff; background-color: #000; opacity: .6; cursor: pointer } #cookie-law-div button:hover { opacity: 1 } .acceptButton { top: 124px !important; width: 113px !important; background-color: #008000ff !important } .social { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0; padding: 15px 0 } .social__item:not(:last-child) { margin-right: 25px } .social__link img { width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } body::-webkit-scrollbar { width: 10px } body::-webkit-scrollbar-track { background-color: var(--color-body-track) } body::-webkit-scrollbar-thumb { border: 1px solid var(--color-body-track); border-radius: 10px; height: 20%; background: var(--color-body-thumb) } .video-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1rem; margin-bottom: 1rem } .video-v2__container { position: relative; width: 100%; max-width: 800px } .video-v2.align-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .video-v2.align-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .video-v2.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .video-v2__player { display: block; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; aspect-ratio: 16/9 } .video-v2__button { position: absolute; left: 50%; top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: 0; border: none; background-color: transparent; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer } .video-v2._active .video-v2__button { opacity: 0; visibility: hidden; pointer-events: none } .video-v2._active .video-v2__player { cursor: pointer } .video-v2__button-shape { fill: #0009 } .video-v2__button-icon { fill: #fff } .video-v2__button:hover .video-v2__button-shape { fill: red } .video-v2__button svg path { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } .screenshot-gallery__list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0 } .screenshot-gallery__item:not(:last-child) { margin-right: 10px } .gbtn { background-color: var(--color-accent) !important; opacity: .5; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out } @media (hover: hover), screen and (min-width: 0\0 ) { .onexbetsci-toc__link:focus, .onexbetsci-toc__link:hover { color: var(--color-toc-item-hover) } .gbtn:focus, .gbtn:hover { background-color: var(--color-accent) !important; opacity: 1 } } @media (hover: hover), screen and (min-width: 0 \0 ) { .social__link:focus img, .social__link:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } } @media (min-width: 1024px) { .main-nav__item--has-children:hover .sub-menu__arrow svg { -webkit-transform: rotateZ(270deg); -ms-transform: rotate(270deg); transform: rotateZ(270deg) } .sub-menu__arrow { pointer-events: none } } @media (max-width: 1300px) { .onexbetsci-columns.col-6 .onexbetsci-columns__item { width: calc(100% / 5 - 2rem) } .wp-block-columns.col-6 { -ms-grid-columns:(1fr) [ 5 ]; grid-template-columns:repeat(5, 1fr) } } @media screen and (max-width: 1280px) { :root { --offsets: 20px } } @media (max-width: 1200px) { .onexbetsci-columns.col-5 .onexbetsci-columns__item, .onexbetsci-columns.col-6 .onexbetsci-columns__item { width: calc(100% / 4 - 2rem) } .wp-block-columns.col-5, .wp-block-columns.col-6 { -ms-grid-columns:(1fr) [ 4 ]; grid-template-columns:repeat(4, 1fr) } } @media (max-width: 1050px) { .wp-block-columns.col-4, .wp-block-columns.col-5, .wp-block-columns.col-6 { -ms-grid-columns:(1fr) [ 3 ]; grid-template-columns:repeat(3, 1fr) } } @media screen and (max-width: 1024px) { :root { --offsets: 16px } } @media (max-width: 1024px) { html { font-size: 16px } .page-header__container { position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: var(--offsets) 0 } .page-header__logo { max-width: 100px } .page-header__nav { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .page-header__buttons { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .page-header__burger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .page-header__nav + .page-header__buttons { margin-left: 0 } .main-nav { position: absolute; left: 0; right: 0; top: 100%; margin-right: calc(-100vw / 2 + 100% / 2) !important; margin-left: calc(-100vw / 2 + 100% / 2) !important; max-width: 100vw !important; background-color: var(--color-header); opacity: 0; -webkit-transition: opacity 250ms; -o-transition: opacity 250ms; transition: opacity 250ms; pointer-events: none } .main-nav.active { z-index: 9999; opacity: 1; pointer-events: auto } .main-nav__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1rem } .main-nav__item { width: 100% } .main-nav__link { display: block; margin: 0; padding: .5rem 0; width: 100% } .main-nav__item--has-children { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .sub-menu__arrow svg { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .sub-menu__arrow { right: 0; top: 0; padding: 5px 5px 5px 30px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: none; -ms-transform: none; transform: none; pointer-events: auto } .sub-menu { display: none; width: 100% } .sub-menu__link { font-weight: 400; font-size: 1.2rem } } @media (max-width: 1000px) { .onexbetsci-columns.col-3 .onexbetsci-columns__item { width: calc(100% / 2 - 2rem) } .onexbetsci-columns.col-4 .onexbetsci-columns__item, .onexbetsci-columns.col-5 .onexbetsci-columns__item, .onexbetsci-columns.col-6 .onexbetsci-columns__item { width: calc(100% / 3 - 2rem) } .icon-blocks__item { width: calc(100% / 3) } } @media (max-width: 900px) { .wp-block-columns.col-3, .wp-block-columns.col-4, .wp-block-columns.col-5, .wp-block-columns.col-6 { -ms-grid-columns:(1fr) [ 2 ]; grid-template-columns:repeat(2, 1fr) } } @media (max-width: 800px) { .onexbetsci-columns.col-2 .onexbetsci-columns__item { width: calc(100% - 2rem) } } @media (max-width: 767px) { .onexbetsci-wrapper > :last-child { margin-bottom: 1rem } .onexbetsci-content-button { margin-top: 1rem } .onexbetsci-columns__item { margin: .5rem 1rem } .onexbetsci-columns { padding: 1rem 0 } .footer-nav__link { padding: 5px } .onexbetsci-faq__details { border-radius: 5px } .onexbetsci-faq__question svg { margin-left: 15px; width: 18px; height: 18px; fill: #000 } .onexbetsci-faq__question { padding: 15px 10px; font-size: 14px; line-height: 130% } .onexbetsci-faq__answer { padding: 0 10px 15px } .onexbetsci-toc__nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .onexbetsci-toc__title::after { display: inline-block } .onexbetsci-toc__title { margin: 0; width: 100% } .onexbetsci-toc__list { width: 100% } .onexbetsci-toc__list.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .onexbetsci-toc__list.vertical .onexbetsci-toc__item { width: 100% } .onexbetsci-toc__list.vertical .onexbetsci-toc__item:not(:last-child) { margin-right: 0 } .onexbetsci-toc__link { width: 100%; text-align: center } .onexbetsci-toc.active .onexbetsci-toc__list { margin-top: 1rem } .mobile-button { display: block } .screenshot-gallery__list { overflow-x: auto; width: 100%; max-width: 980px } .screenshot-gallery__item { min-width: 300px; max-width: 325px } } @media (max-width: 750px) { .onexbetsci-columns.col-3 .onexbetsci-columns__item { width: calc(100% - 2rem) } .onexbetsci-columns.col-4 .onexbetsci-columns__item, .onexbetsci-columns.col-5 .onexbetsci-columns__item, .onexbetsci-columns.col-6 .onexbetsci-columns__item { width: calc(100% / 2 - 2rem) } .wp-block-columns.col-2, .wp-block-columns.col-3, .wp-block-columns.col-4, .wp-block-columns.col-5, .wp-block-columns.col-6 { -ms-grid-columns: 1fr; grid-template-columns:1fr } } @media (max-width: 700px) { html { font-size: 15px } .slider__content { -ms-flex-wrap: wrap; flex-wrap: wrap } .slider__title { text-align: center } .slider__button { margin-top: 1rem; margin-left: 0 } } @media screen and (max-width: 700px) { #cookie-law-div p { padding-bottom: 36px } .acceptButton { left: calc(50% - 60px) } } @media (max-width: 650px) { .sub-menu { max-width: 100% } .sub-menu__link { font-size: 1rem } .icon-blocks__item { width: calc(100% / 2) } } @media (max-width: 600px) { .onexbetsci-promocode__controls { -ms-flex-wrap: wrap; flex-wrap: wrap } .onexbetsci-promocode__button { margin-top: .5rem; max-width: none } .onexbetsci-promocode__text { margin-left: 0; text-align: center } #cookie-law-div { right: 0; bottom: 0; border-radius: 0; max-width: 100% } } @media screen and (max-width: 600px) { .acceptButton { top: 100px !important } #cookie-law-div p { padding-bottom: 50px } } @media (max-width: 550px) { .page-header__buttons { margin: 0 -.2rem } .onexbetsci-columns.col-4 .onexbetsci-columns__item, .onexbetsci-columns.col-5 .onexbetsci-columns__item, .onexbetsci-columns.col-6 .onexbetsci-columns__item { width: calc(100% - 2rem) } .page-footer__logo { text-align: center } } @media (max-width: 500px) { html { font-size: 14px } .page-header__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-top: 1rem; width: 100%; text-align: center } .page-header__button { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .comment-form__button, .comment-form__input { width: calc(100% - 20px) } } @media screen and (max-width: 400px) { .acceptButton { top: 127px !important } } /* fix */ .onexbetsci-faq__item, .sub-menu__link { position: relative } .get-image { line-height: 0 } .page-header { border-top: 1px solid #fff; border-bottom: 1px solid #fff } .page-header__container { padding: 0; flex-wrap: nowrap } .page-header .onexbetsci-container { /*padding-right: 0;*/ max-width: var(--color-accent) } .main-nav { align-self: auto; margin: 0 auto 0 0; border-left: 1px solid #fff } .main-nav__link { margin: 0; padding: 19px 16px; font-size: 14px; line-height: 16px; font-weight: 600 } .onexbetsci-faq__answer *, .sub-menu__link { font-weight: 400 } .sub-menu__arrow { right: 4px; top: 50%; transform: translateY(-50%); font-size: 14px; line-height: 16px } .sub-menu__arrow svg { max-width: 8px } .sub-menu { top: 200%; left: 0; margin: 0; border-radius: 0; border-top: 3px solid #66c4ff; padding: 5px 0; box-shadow: 0 3px 10px rgb(0 0 0 / 50%); background-color: #fff } .main-nav__item:hover .sub-menu { top: 100%; opacity: 1; pointer-events: auto } .sub-menu__link { display: block; padding: 0 15px; text-transform: none; font-size: 14px; line-height: 35px; white-space: nowrap; color: #4d4d4d } .sub-menu__link::after { content: ''; position: absolute; top: auto; bottom: 0; left: 15px; width: 0; height: 2px; margin-left: 0; background-color: #66c4ff; transition: .5s } .sub-menu__link:hover::after { width: calc(100% - 30px); transform: none } .page-header__buttons, .relink-block { display: flex; align-items: center; flex-shrink: 0 } .page-header__button:hover { transform: none } .page-header__button { border-radius: 0; border-left: 1px solid #fff; padding: 19px 1rem; font-size: 14px; line-height: 16px; font-weight: 400; transition: .3s ease-in-out } .page-header__button--first { box-shadow: inset 0 50px 25px -25px #388ecc } .page-header__button--first:hover { box-shadow: none; background-color: #1f72ad } .page-header__button--second { box-shadow: inset 0 50px 25px -25px #84b332 } .page-header__button--second:hover { box-shadow: none; background-color: #84b332 } .comment-form__button:hover, .onexbetsci-content-button a:hover, .onexbetsci-content-button button:hover, .onexbetsci-content-button span:hover { background-color: #658926 !important; transform: none } .page-header__button + .page-header__button { margin-left: 0 } @media (max-width: 1024px) { .page-header__logo { order: 1 } .page-header__burger { order: 2; margin: 0 20px 0 auto } .page-header__buttons { order: 3 } .main-nav { order: 4; margin-left: -16px !important; margin-right: 0 !important; border-top: 3px solid #66c4ff; background-color: #fff } .main-nav__link { color: #4d4d4d } .sub-menu__arrow svg { fill: #4d4d4d } .sub-menu { padding: 0; box-shadow: none; border: none; margin-left: 15px } .sub-menu__link { margin: 0 } } @media (max-width: 550px) { .page-header__container { flex-wrap: wrap; padding-top: 12px } .page-header__buttons { border-top: 1px solid #fff; width: calc(100% + 16px); margin-top: 16px; /*margin-left: -16px !important*/ } .page-header__button { flex-grow: 1 } .page-header__button--first { border-left: none } } .onexbetsci-content-button a, .onexbetsci-content-button button, .onexbetsci-content-button span { border-radius: 0; font-size: 14px; line-height: 16px } .mobile-button__container { padding: 5px } .mobile-button__control { border-radius: 0; border: none; background: #84b332; box-shadow: inset 0 50px 25px -25px #84b332 } .comment-form__field, .onexbetsci-faq__details { border-radius: 0 } .comment-form__button { border-radius: 0; border: none; background: #84b332 } .onexbetsci-toc { border-radius: 0; padding: 0 } .onexbetsci-toc.active .onexbetsci-toc__list, .onexbetsci-toc__title { margin: 0; padding: .5rem 1rem } .onexbetsci-toc__nav, .toc-auto.tocOpen ol, .toc-auto.tocOpen ul { display: block } .onexbetsci-toc__title { width: 100%; background-color: #eef4f8 } .onexbetsci-toc__title::after { display: inline-block; right: 1rem; content: url("data:image/svg+xml;charset=UTF-8,") } .onexbetsci-faq__item:not(:last-child)::before { content: ""; position: absolute; left: 30px; right: 30px; bottom: 0; height: 1px; background-color: #e8e8e8 } .onexbetsci-faq__item:not(:last-child) { margin-bottom: 0 } .onexbetsci-faq__details .onexbetsci-faq__question svg { fill: var(--color-faq-item-title-open) } .onexbetsci-faq__question { padding: 15px } @media (max-width: 767px) { .onexbetsci-toc__link { text-align: left } .onexbetsci-faq__question { font-size: inherit; line-height: inherit } } .toc-auto { max-width: 500px; background: #f3f4f4; margin-bottom: 30px; padding: 17px 30px; border-radius: 5px; box-shadow: 1px 3px 5px 1px rgb(0 0 0 / 10%) } @media (max-width: 575px) { .toc-auto { padding: 17px } } .autoToc__navigation { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-start } .toc-auto .toc-hide-block { display: block; position: relative; width: 100%; font-weight: 700; font-size: 18px; text-align: left; border: none } .toc-auto button { background: 0 0 } .toc-auto h3 { margin: 0 20px 0 0; font-size: 20px; text-transform: none; padding: 0; color: #454545 } .toc-auto ol, .toc-auto ul { margin: 0 0 0 28px; padding: 0; display: none; color: #454545 } .toc-auto li { margin: 10px 0; padding: 0 } .toc-auto a { text-decoration: none; color: #454545 } .page-footer__text { margin-top: 1rem; width: 100% } .page-footer__text p { text-align: center; font-size: 14px; line-height: 16px; width: 100%; margin: 0 auto; display: inline-block } .dmca { width: 100%; display: flex; justify-content: center; margin: 1rem 0 } .page-footer .onexbetsci-columns__item { flex-grow: 1 } .relink { display: flex; align-items: center; justify-content: center; margin-left: auto; border-radius: 3px; overflow: hidden } .relink img { height: 20px; width: 100%; object-fit: cover; aspect-ratio: 6/5; border-radius: 3px } .relink:not(:last-child) { margin-right: 6px } .relink-block ~ .page-header__buttons { margin-left: 20px } @media (max-width: 1023px) { .relink-block { order: 1; margin-left: 16px } } .comment-form__input.error { color: #fff } /* glishtbox */ .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0 } .glightbox-container.inactive { display: none } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden } .glightbox-container .gslider { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .glightbox-container .gslide { width: 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0 } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999 } .glightbox-container .gslide-inner-content { width: 100% } .glightbox-container .ginner-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh } .glightbox-container .ginner-container.gvideo-container { width: 100% } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important } .gslide iframe, .gslide video { outline: 0 !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto } .gslide:not(.current) { pointer-events: none } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gslide-image img { max-height: 100vh; display: block; padding: 0; float: none; outline: 0; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px } .desc-bottom .gslide-image img, .desc-top .gslide-image img { width: auto } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100% } .gslide-image img.zoomable { position: relative } .gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none } .gslide-video { position: relative; max-width: 100vh; width: 100% !important } .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster { display: none } .gslide-video .gvideo-wrapper { width: 100%; margin: auto } .gslide-video::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, .34); display: none } .gslide-video.playing::before { display: none } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 75vh } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%; margin: auto } .gslide-inline .ginlined-content { padding: 20px; width: 100% } .gslide-inline .dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none } .ginlined-content { overflow: auto; display: block !important; opacity: 1 } .gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100% } .gslide-media { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto } .zoomed .gslide-media { -webkit-box-shadow: none !important; box-shadow: none !important } .desc-bottom .gslide-media, .desc-top .gslide-media { margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .gslide-description { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100% } .gslide-description.description-left, .gslide-description.description-right { max-width: 100% } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100% } .gslide-description p { margin-bottom: 12px } .gslide-description p:last-child { margin-bottom: 0 } .zoomed .gslide-description { display: none } .glightbox-button-hidden { display: none } .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; position: absolute; bottom: 0; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .75) 100%); -webkit-transition: opacity .3s linear; transition: opacity .3s linear; padding-bottom: 50px } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1 } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: 700 } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4 } .gdesc-open .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: .4 } .gdesc-open .gdesc-inner { padding-bottom: 30px } .gdesc-closed .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1 } .greset { -webkit-transition: all .3s ease; transition: all .3s ease } .gabsolute { position: absolute } .grelative { position: relative } .glightbox-desc { display: none !important } .glightbox-open { overflow: hidden } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47% } .goverlay { width: 100%; height: calc(100vh + 1px); position: fixed; top: -1px; left: 0; background: #000; will-change: opacity } .glightbox-mobile .goverlay { background: #000 } .gclose, .gnext, .gprev { z-index: 99999; cursor: pointer; width: 26px; height: 44px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .gclose svg, .gnext svg, .gprev svg { display: block; width: 25px; height: auto; margin: 0; padding: 0 } .gclose.disabled, .gnext.disabled, .gprev.disabled { opacity: .1 } .gclose .garrow, .gnext .garrow, .gprev .garrow { stroke: #fff } .gbtn.focused { outline: 2px solid #0f3d81 } iframe.wait-autoplay { opacity: 0 } .glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev { opacity: 0 !important } .glightbox-clean .gslide-description { background: #fff } .glightbox-clean .gdesc-inner { padding: 22px 20px } .glightbox-clean .gslide-title { font-size: 1em; font-weight: 400; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em } .glightbox-clean .gslide-desc { font-size: .86em; margin-bottom: 0; font-family: arial; line-height: 1.4em } .glightbox-clean .gslide-video { background: #000 } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0, 0, 0, .75); border-radius: 4px } .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path { fill: #fff } .glightbox-clean .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 50px } .glightbox-clean .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 50px } .glightbox-clean .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute } .glightbox-clean .gclose svg { width: 18px; height: auto } .glightbox-clean .gclose:hover { opacity: 1 } .gfadeIn { -webkit-animation: gfadeIn .5s ease; animation: gfadeIn .5s ease } .gfadeOut { -webkit-animation: gfadeOut .5s ease; animation: gfadeOut .5s ease } .gslideOutLeft { -webkit-animation: gslideOutLeft .3s ease; animation: gslideOutLeft .3s ease } .gslideInLeft { -webkit-animation: gslideInLeft .3s ease; animation: gslideInLeft .3s ease } .gslideOutRight { -webkit-animation: gslideOutRight .3s ease; animation: gslideOutRight .3s ease } .gslideInRight { -webkit-animation: gslideInRight .3s ease; animation: gslideInRight .3s ease } .gzoomIn { -webkit-animation: gzoomIn .5s ease; animation: gzoomIn .5s ease } .gzoomOut { -webkit-animation: gzoomOut .5s ease; animation: gzoomOut .5s ease } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes gfadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes gfadeIn { from { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes gfadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes gfadeOut { from { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0) } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0) } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 1 } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 1 } } @-webkit-keyframes gzoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes gzoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @media (min-width: 769px) { .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .glightbox-container .ginner-container.desc-left .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .glightbox-container .ginner-container.desc-left .gslide-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .gslide-image img { max-height: 97vh; max-width: 100% } .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab } .gslide-inline { max-height: 95vh } .gslide-external { max-height: 100vh } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px } .glightbox-open { height: auto } .goverlay { background: rgba(0, 0, 0, .92) } .glightbox-clean .gslide-media { -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65); box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65) } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0, 0, 0, .32) } .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover { background-color: rgba(0, 0, 0, .7) } .glightbox-clean .gprev { top: 45% } .glightbox-clean .gnext { top: 45% } } @media (min-width: 992px) { .glightbox-clean .gclose { opacity: .7; right: 20px } } @media screen and (max-height: 420px) { .goverlay { background: #000 } } /* GAME */ .game { margin-top: 1rem; display: flex; flex-direction: column; align-items: center; border-radius: 3px; border: 1px solid #2b3653; padding: 28px 16px; background-position: center; background-size: cover; } .game > .get-image { margin: 0 0 8px; } .game__title { margin: 0 0 16px; font-weight: 700; font-size: 18px; line-height: 24px; text-align: center; color: #FFFFFF; text-transform: uppercase; } .game__affiliate-link, .game__demo-link { border: none; padding: 12px 24px; font-family: var(--ff-primary); font-weight: 600; line-height: 16px; font-size: 14px; color: #fff; transition: all 0.3s ease-in-out; cursor: pointer; min-width: 200px; } .game__affiliate-link:hover, .game__demo-link:hover { opacity: 0.7; } .game__affiliate-link + .game__demo-link { margin-top: 16px; } .game__affiliate-link { background: #82b031; } .game__demo-link { background-color: #2b3653; } .game__box { position: fixed; display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1200px; padding: 10px; z-index: 1210; } .game__box-header { margin-bottom: -1px; padding: 8px 8px 8px 16px; background: #151b29; border-radius: 3px 3px 0px 0px; display: flex; align-items: center; } .game__box-title { margin: 0 24px 0 0; font-weight: 700; font-size: 20px; line-height: 24px; color: #FFFFFF; } .game__box-close { display: flex; margin-left: auto; border: none; border-radius: 3px; background-color: transparent; transition: all 0.3s ease-in-out; cursor: pointer; } .game__box-close:hover { background-color: rgba(255, 255, 255, 0.2); } .game__iframe { border-radius: 0 0 3px 3px; width: 100%; aspect-ratio: 16 / 9; border: none; overflow: hidden; background-color: #D9D9D9; } @media (max-width: 767px) { .game__box-header { flex-wrap: wrap; } .game__box-title { width: calc(100% - 56px); } .game__box .game__affiliate-link { order: 3; margin: 4px auto 0; } .game__box { top: 30px; left: 12px; bottom: 30px; right: 12px; transform: none; padding: 0; width: calc(100% - 24px); overflow: hidden; } .game__iframe { height: 100%; aspect-ratio: auto; } } .page.scroll-lock-modal { overflow: hidden; position: relative; } .page.scroll-lock-modal:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 1200; } /* GAME */ /* HOW TO */ .onexbetsci-how-to__list { margin: 1rem 0 0; } .onexbetsci-how-to__item { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .onexbetsci-how-to__item:not(:last-child) { margin-bottom: 32px; } .onexbetsci-how-to__item:not(:last-child)::before { content: ""; position: absolute; left: -11px; top: 5px; bottom: -38px; width: 1px; background: #ffff; } .onexbetsci-how-to__item--no-image { grid-template-columns: 1fr; padding-left: 24px; } .onexbetsci-how-to__item-counter { position: absolute; left: -28px; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 36px; height: 36px; font-weight: 900; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #fff; background-color: #1f72ad; border: 1px solid #fff; gap: 10px; } .onexbetsci-how-to__item-image img { overflow: hidden; border-radius: 12px; } .onexbetsci-how-to__content { display: flex; flex-direction: column; justify-content: center; } .onexbetsci-how-to__item-title { margin: 0 0 4px; font-weight: 600; font-size: 1.6rem; line-height: 2.1rem; color: var(--color-title); } .onexbetsci-how-to__item-subtitle > *:first-child { margin-top: 0; } .onexbetsci-how-to__button { display: inline-block; margin: 16px auto 0; border: none; border-radius: 5px; padding: 0.7rem 2rem; width: fit-content; font-weight: 400; font-size: 1.2rem; text-decoration: none; border-radius: 0; font-size: 14px; line-height: 16px; transform-origin: center; background-color: #82b031; color: #fff; transition: 150ms; cursor: pointer; } .onexbetsci-how-to__button:hover { background-color: #658926; } @media (max-width: 767px) { .onexbetsci-how-to__item { grid-template-columns: 1fr; gap: 12px; } .onexbetsci-how-to__item-counter { left: -24px; } .onexbetsci-how-to__item:not(:last-child)::before { left: -13px; } } @media (max-width: 575px) { .onexbetsci-how-to__button { width: 100%; } } /* HOW TO */ /* SLOTS */ .onexbetsci-slots__list { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .onexbetsci-slots__item { border: 1px solid #fff; background-color: #1a5684; } .onexbetsci-slots__title { margin: 8px 0; padding: 0 10px; text-align: center; font-weight: 700; color: #fff; } .onexbetsci-slots__button { border-radius: 0; border: none; padding: 19px 1rem; font-size: 14px; line-height: 16px; font-weight: 400; transition: .3s ease-in-out; background-color: #668a28; border-top: 1px solid #fff; width: 100%; box-shadow: inset 0 50px 25px -25px #84b332; color: #fff; cursor: pointer; } .onexbetsci-slots__button:hover { box-shadow: none; background-color: #84b332; } @media (max-width: 1023px) { .onexbetsci-slots__list { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .onexbetsci-slots__list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .onexbetsci-slots__list { grid-template-columns: 1fr; } } /* SLOTS */ /* RELINK */ .onexbetsci-relink__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; } .onexbetsci-relink__item { padding: 8px; background-color: #0e5d9a; border: 1px solid #fff; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: all 0.3s ease-in-out; box-shadow: inset 0 50px 25px -25px #388ecc; } .onexbetsci-relink__item:hover { box-shadow: none; background-color: #1f72ad; } .onexbetsci-relink .get-image { display: flex; align-items: center; justify-content: center; } .onexbetsci-relink img { max-width: 56px; max-height: 56px; object-fit: contain; } .onexbetsci-relink__content { flex-grow: 1; } .onexbetsci-relink__title { margin: 0; font-size: 16px; line-height: 16px; font-weight: 700; color: #fff; } .onexbetsci-relink__text { margin: 4px 0 0; font-size: 14px; line-height: 1; color: #9aa2af; } @media (max-width: 1023px) { .onexbetsci-relink__list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .onexbetsci-relink__list { grid-template-columns: 1fr; } } /* RELINK */ /* Links image */ .links-image-container { position: relative; } .links-image__slider { width: 100%; overflow: hidden; } .links-image__slider .links-image__wrapper { display: flex; list-style: none; padding-left: 0; width: fit-content; } .links-image__item { display: flex; position: relative; } .links-image__button { position: absolute; bottom: 8px; right: 8px; border-radius: 0; border: none; padding: 19px 1rem; font-size: 14px; line-height: 16px; font-weight: 400; transition: .3s ease-in-out; background-color: #668a28; min-width: 120px; box-shadow: inset 0 50px 25px -25px #84b332; color: #fff; cursor: pointer; } .links-image__button:hover { box-shadow: none; background-color: #84b332; } .links-image__item .get-image { width: 100%; height: 100%; } .links-image__item .get-image img { display: block; min-width: 100%; height: auto; object-fit: cover; } @media (max-width: 550px) { .links-image__button { padding: 12px 1rem; } } /* Links image */ .lang-switch { margin: 0 0 0 12px; border-radius: 4px; padding: 8px; position: relative; background-color: #0c314d; display: flex; z-index: 200; flex-shrink: 0; } .lang-switch__list { margin-top: 0; position: absolute; top: 100%; left: 0; right: 0; list-style: none; display: flex; justify-content: center; flex-direction: column; gap: 12px; padding: 8px; border-radius: 0 0 4px 4px; background-color: #0c314d; opacity: 0; visibility: hidden; pointer-events: none; } .lang-switch__item, .lang-switch__link { display: flex; } .lang-switch:hover { border-radius: 4px 4px 0 0; } .lang-switch:hover .lang-switch__list { opacity: 1; visibility: visible; pointer-events: all; } .lang-switch + .page-header__buttons { margin-left: 20px; } @media (max-width: 1024px) { .lang-switch { margin: 0 20px 0 0; } } /* Promo-code */ * + .promo-code { margin-top: 1rem; } .promo-code { border: 1px solid #fff; padding: 12px; background: #1a5684; display: flex; flex-direction: column; gap: 12px; max-width: 440px; margin-left: auto; margin-right: auto; } .promo-code__text { margin: 0; font-size: 16px; font-weight: 600; line-height: 24px; } .promo-code__text span { color: var(--color-accent); } .promo-code__wrapper { border: 1px solid #fff; padding: 0 0 0 12px; background: var(--color-body); height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .promo-code__input { color: var(--color-accent); font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; border: none; background-color: transparent; } .promo-code__copy-link { position: relative; border: none; background-color: transparent; color: var(--color-accent); display: flex; justify-content: center; align-items: center; padding-right: 6px; transition: all 0.2s ease-in-out; cursor: pointer; outline: none; } .promo-code__copy-link:hover { color: #fff; } .promo-code__copy-link svg { stroke: currentColor; pointer-events: none; } .promo-code__copy-link svg path:first-of-type { fill: currentColor; } .promo-code__tooltip { position: absolute; top: 50%; right: 100%; transform: translateY(-50%); display: none; } .promo-code__copy-link._active .promo-code__tooltip { display: block; position: static; font-size: 14px; font-weight: 400; line-height: 16px; padding: 0; margin-right: 4px; background-color: transparent; transform: none; text-decoration: none; color: #fff; } .promo-code__copy-link._active .promo-code__tooltip:hover { text-decoration: none; } .promo-code__link { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-radius: 3px; border: 2px solid #668a28; padding: 4px 12px; background-color: #668a28; color: #FFF; font-size: 18px; font-weight: 700; line-height: 24px; transition: all 0.2s ease-in-out; cursor: pointer; outline: none; text-align: left; } .promo-code__link:hover { background-color: #84b332; border-color: #84b332; } .promo-code__link svg { fill: currentColor; } .promo-code__link svg .svg-cross { opacity: 0; } .promo-code__link svg .svg-arrow { transform: translateX(-28px); animation: arrow 3s linear infinite; } @media (max-width: 767px) { .promo-code { max-width: 100%; } } @media (max-width: 400px) { .promo-code__wrapper { flex-basis: auto; } } @keyframes arrow { 0% { transform: translateX(-28px); } 10% { transform: translateX(6px); } 90% { transform: translateX(6px); } 100% { transform: translateX(26px); } } /* Promo-code */ .page-id-314 .onexbetsci-wrapper:nth-of-type(1) .onexbetsci-background-block { margin-bottom: 0; /*padding-bottom: 0;*/ } .page-id-524 .onexbetsci-wrapper:nth-of-type(1) .onexbetsci-background-block { margin-bottom: 0; } .page-id-524 .links-image__wrapper { margin-top: 0; } .onexbetsci-relink { margin-top: 2rem; } .onexbetsci-relink__text { color: #ffffffa1; } .onexbetsci-slots__item { display: flex; flex-direction: column; } .onexbetsci-slots__button { margin-top: auto; } @media (max-width: 767px) { .relink { margin: 1rem 0; } } @media (max-width: 575px) { .onexbetsci-slots__list { grid-template-columns: 1fr 1fr; } } /* Responsive header tweaks */ @media (max-width: 768px) { .page-header__container { align-items: center; flex-wrap: wrap; gap: 12px; justify-content: center; } .page-header__logo { order: 1; flex: 0 0 auto; max-width: 140px; /*margin-right: 12px;*/ } .page-header__buttons { order: 2; display: flex; gap: 8px; justify-content: center; align-items: stretch; flex: 1 1 auto; margin: 0 auto; padding: 0; border: none; /*max-width: 300px;*/ } .page-header__button { flex: 1 1 auto; padding: 0.75rem 1rem; font-size: 1rem; line-height: 1.4; border-left: none; /*min-width: 130px;*/ } .page-header__button + .page-header__button { margin-left: 0; } .page-header__burger { order: 3; display: flex; margin-left: auto; padding-left: 12px; } .page-header__nav { order: 4; width: 100%; } .main-nav { position: absolute; top: calc(100% + 8px); left: 0; right: 0; margin: 0 !important; border: 1px solid rgba(255, 255, 255, 0.18); border-left: none; border-right: none; background-color: var(--color-header); opacity: 0; transform: translateY(-10px); pointer-events: none; box-shadow: 0 18px 36px rgba(0, 0, 0, 0.4); z-index: 9999; } .main-nav::before { content: ""; position: absolute; top: -8px; left: 0; right: 0; height: 8px; background: transparent; } .main-nav.active { opacity: 1; transform: translateY(0); pointer-events: auto; } .main-nav__list { flex-direction: column; align-items: stretch; width: 100%; padding: 8px 0; } .main-nav__item { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .main-nav__item:last-child { border-bottom: none; } .main-nav__link { display: block; width: 100%; margin: 0; padding: 12px var(--offsets); font-size: 1rem; line-height: 1.4; text-align: left; color: #ffffff; } .main-nav__link:hover { background-color: rgba(255, 255, 255, 0.08); } .sub-menu { position: static; margin: 0; padding: 0 0 0 16px; border: none; box-shadow: none; background: transparent; width: 100%; } .main-nav__item--has-children.active .sub-menu { display: block; } .sub-menu__link { padding: 10px 0; color: rgba(255, 255, 255, 0.85); } } /* Footer menu styles */ .page-footer__menu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 16px; } .page-footer__menu li { margin: 0.25rem 0; } .page-footer__menu a { color: #fff; text-decoration: none; } .page-footer__menu a:hover { color: var(--color-footer-navigation-link-hover); text-decoration: underline; } .page-footer__row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 10px; } .page-footer__copy { margin-top: 10px; color: var(--color-footer-text); } .page-footer__contact { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-weight: 500; color: var(--color-footer-text); margin-bottom: 0.5em; } .page-footer__contact span { opacity: 0.8; } .page-footer__contact a { color: var(--color-footer-navigation-link-hover); text-decoration: none; } .page-footer__contact a:hover { text-decoration: underline; } @media (max-width: 640px) { .page-footer__row { flex-direction: column; align-items: flex-start; gap: 8px; } .page-footer__copy { align-self: stretch; } } /* ==== xbet header sub-menus (desktop dropdown + mobile accordion) ==== */ .main-nav__item--has-children{position:relative} .main-nav .sub-menu__arrow{display:inline-flex;align-items:center;justify-content:center;position:static;width:14px;height:14px;margin-left:-10px;padding:0;transform:none;flex:none;pointer-events:none;color:var(--color-header-navigation-link)} .main-nav .sub-menu__arrow svg{width:9px;height:9px;max-width:9px;transform:none;transition:transform .25s ease;fill:currentColor} .main-nav .sub-menu{list-style:none;margin:0;padding:0} .main-nav .sub-menu__item{margin:0;padding:0} .main-nav .sub-menu__link{display:block;text-decoration:none;transition:color .2s ease,background-color .2s ease} @media (min-width:1025px){ .main-nav__item--has-children>.main-nav__link{display:inline-flex;align-items:center} .main-nav .sub-menu{position:absolute;top:100%;left:0;z-index:9999;min-width:220px;padding:6px 0;border-top:3px solid var(--color-accent);border-radius:0 0 10px 10px;background-color:var(--color-header);box-shadow:0 20px 40px rgba(0,0,0,.4);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease} .main-nav__item--has-children:last-child .sub-menu{left:auto;right:0} .main-nav__item--has-children:hover .sub-menu,.main-nav__item--has-children:focus-within .sub-menu{opacity:1;transform:translateY(0);pointer-events:auto} .main-nav__item--has-children:hover .sub-menu__arrow svg,.main-nav__item--has-children:focus-within .sub-menu__arrow svg{transform:rotate(180deg)} .main-nav .sub-menu__link{padding:11px 20px;white-space:nowrap;font-size:14px;line-height:1.3;font-weight:500;color:rgba(255,255,255,.85)} .main-nav .sub-menu__link:hover,.main-nav .sub-menu__link--current{color:#fff;background-color:rgba(255,255,255,.08)} } @media (max-width:1024px){ .main-nav__item--has-children{flex-direction:column;align-items:stretch} .main-nav__item--has-children>.main-nav__link{display:block;padding-right:48px} .main-nav .sub-menu__arrow{position:absolute;top:0;right:0;width:46px;height:46px;margin:0;pointer-events:auto;cursor:pointer} .main-nav .sub-menu__arrow svg{width:12px;height:12px;max-width:12px} .main-nav .sub-menu{display:none;width:100%;margin:2px 0 6px;padding:4px 0 4px 14px;border-left:2px solid var(--color-accent);background:rgba(255,255,255,.04)} .main-nav__item--has-children.active>.sub-menu{display:block} .main-nav__item--has-children.active .sub-menu__arrow svg{transform:rotate(180deg)} .main-nav .sub-menu__link{padding:10px 8px;font-size:14px;line-height:1.3;color:rgba(255,255,255,.8)} .main-nav .sub-menu__link:hover{color:#fff} }