@font-face {
font-family: 'Onest';
src: local('Onest Bold'), local('Onest-Bold'),
url(../fonts/Onest-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: local('Onest SemiBold'), local('Onest-SemiBold'),
url(../fonts/Onest-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: local('Onest Medium'), local('Onest-Medium'),
url(../fonts/Onest-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
body {
font-family: 'Onest', -apple-system, sans-serif;
}
:root {
--main-bg-color: #131A26;
--main-font-color: #FFFFFF;
--second-font-color: #CECECE;
--heading-bg-color: #39246690;
--stroke-color: #293B55;
--block_bg: #152234;
--primary_color: #278AEC;
--header-bg-color: #1F2842;
--header-active-bg-color: #243349;
--table-head-color: #1F2631;
--table-link-color: #3486E3;
--table-link-color-hover: #689BD5;
--header-dark-color: #172132;
--dropdown-bg-color: #2E3746
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, .1) var(--dropdown-bg-color);
scrollbar-color: rgba(255, 255, 255, .1) var(--header-bg-color)
}
html::-webkit-scrollbar {
width: 9px
}
html::-webkit-scrollbar-track {
background: 0 0;
background: var(--header-bg-color)
}
html::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, .1);
border-radius: 20px;
border: transparent
}
body {
min-height: 100vh;
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-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
background-color: #090f1e;
padding-top: 64px;
overflow-x: hidden
}
h2, h3, h4, h5, h6 {
color: var(--main-font-color)
}
img {
max-width: 100%
}
h2 {
font-weight: 700;
font-size: 28px;
line-height: 36px;
text-transform: uppercase
}
h3 {
font-weight: 700;
font-size: 24px;
line-height: 32px
}
h4 {
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.page-main .onewinmd-wrapper:first-child {
margin-top: 0
}
.page-404 {
color: #fff;
text-align: center
}
.onewinmd-wrapper ol:not([class]),
.onewinmd-wrapper p:not([class]),
.onewinmd-wrapper p[class=has-text-align-center],
.onewinmd-wrapper ul:not([class]),
.onewinmd-wrapper .wp-block-list
{
margin-bottom: 12px
}
.onewinmd-wrapper ol:not([class]),
.onewinmd-wrapper ul:not([class]),
.onewinmd-wrapper .wp-block-list
{
padding-left: 25px
}
.onewinmd-wrapper a:not([class]), .page-404 a {
color: #4edb8d
}
.onewinmd-wrapper a:not([class]):hover, .page-404 a:hover {
color: #4ca674
}
.onewinmd-wrapper a:not([class]):focus, .page-404 a:focus {
color: var(--table-link-color)
}
.page-main {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.get-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.preview-block__content {
background-color: var(--main-bg-color)
}
.inner-wrapper, .onewinmd-wrapper {
max-width: 1240px;
margin: 50px auto
}
.header {
position: fixed;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 64px;
background-color: #090f1e;
z-index: 900
}
.header__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 10px 20px 20px
}
.header__logo img {
max-width: 140px
}
.header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
height: 100%
}
.header__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 24px;
border-left: none;
border-right: none
}
.header__btn {
margin-right: 16px
}
.header__btn:last-child {
margin-right: 0
}
.header__lang-block {
height: 100%
}
.header__current-lang {
position: relative;
height: 100%
}
.header__current-lang-list {
height: 100%
}
.header__lang-item {
display: none;
height: 100%;
padding: 16px 20px
}
.header__nav .menu-main-nav_bn-container, .header__nav .menu-main-nav_br-container, .header__nav .menu-main-nav_hi-container, header .header__nav .menu-main-nav-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
header .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
header .menu .menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
background: var(--header-bg-color)
}
header .menu .menu-item > a, header .menu .menu-item > span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-style: normal;
font-weight: 700;
font-size: 14px;
text-decoration: none;
white-space: nowrap;
line-height: 18px;
color: var(--main-font-color);
padding: 20px 10px;
width: 100%;
height: 100%;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
header .menu .menu-item > a > img, header .menu .menu-item > span > img {
margin-right: 4px;
min-width: 24px
}
header .menu .menu-item > a > svg, header .menu .menu-item > span > svg {
max-width: 24px;
margin-right: 4px;
min-width: 24px
}
header .menu .menu-item .sub-menu {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
padding-top: 4px;
list-style: none;
z-index: 900;
background-color: #202158;
}
header .menu .menu-item .sub-menu .menu-item {
min-width: 100%;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
header .menu .menu-item .sub-menu .menu-item > a, header .menu .menu-item .sub-menu .menu-item > span {
display: block;
padding: 10px 12px;
color: var(--second-font-color);
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
header .menu .menu-item.menu-item-has-children > a > svg:last-child, header .menu .menu-item.menu-item-has-children > span > svg:last-child {
transform: rotate(180deg)
}
header .menu .menu-item .sub-menu .menu-item > a:after {
display: none
}
header .menu .menu-item .sub-menu .menu-item:first-child > a, header .menu .menu-item .sub-menu .menu-item:first-child > span {
padding-top: 12px
}
header .menu .menu-item .sub-menu .menu-item:last-child > a {
padding-bottom: 12px
}
.header__burger {
display: none;
background-image: url(../images/burger.svg);
width: 44px;
height: 44px;
min-width: 44px;
cursor: pointer
}
.header__burger-checkbox {
display: none
}
.header__burger-checkbox:checked + .header__burger {
background-image: url(../images/cross.svg)
}
.lang-block {
position: relative;
cursor: pointer
}
.lang-block__sub-menu {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: 100%;
right: 10px;
margin: auto;
max-width: 89px;
padding-top: 4px;
list-style: none
}
.lang-block__list {
list-style: none;
background: var(--header-bg-color);
border-radius: 4px;
overflow: hidden;
z-index: 901
}
.lang-block .lang-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.lang-block .lang-item__name {
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 22px;
text-transform: uppercase;
color: var(--main-font-color);
margin-right: 8px;
min-width: 21px
}
.lang-block .lang-item__image {
width: 32px;
height: 32px;
min-width: 32px;
background-size: contain;
border-radius: 50%;
overflow: hidden;
outline: #6c6c6c solid 1px;
border: 1px solid var(--header-bg-color)
}
.lang-block .lang-item:not(.sub-menu-list__item) {
display: none
}
.lang-block .lang-item:not(.sub-menu-list__item).lang-item_active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.lang-block .lang-item.sub-menu-list__item.lang-item_inactive {
display: none
}
.lang-block .sub-menu-list__item {
cursor: pointer;
padding: 10px 12px;
min-width: 65px;
text-decoration: none
}
.lang-block .sub-menu-list__item:first-child {
padding-top: 12px
}
.lang-block .sub-menu-list__item:last-child {
padding-bottom: 12px
}
.site-section {
overflow: hidden
}
.site-section__header {
padding: 12px 20px
}
.site-section__header ._left {
text-align: left
}
.site-section__header ._center {
text-align: center
}
.site-section__header ._right {
text-align: right
}
.site-section__body {
padding: 24px 20px 32px
}
.site-section__body > :not(:last-child) {
margin-bottom: 20px;
}
.site-section._dis .site-section__header {
background-color: unset;
border-top: unset
}
.site-section._dis .site-section__body {
background-color: unset
}
.site-section.align-center .site-section__body, .site-section.align-right .site-section__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.site-section.align-center .site-section__body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.site-section.align-right .site-section__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.site-section__body .site-section {
margin: 0
}
.site-section__body .site-section__body {
padding: 0
}
.site-section__body p:not([class]), .site-section__body p[class=has-text-align-center] {
margin-bottom: 20px
}
.pros-and-cons__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px
}
.pros-and-cons__body .pros-and-cons-block {
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-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
width: 50%
}
.pros-and-cons__body .pros-and-cons-block__title {
text-align: center;
padding: 12px;
width: 100%;
margin-bottom: 16px
}
.pros-and-cons__body .pros-and-cons-block__title_blue {
background-color: rgba(25, 118, 210, .5)
}
.pros-and-cons__body .pros-and-cons-block__title_red {
background-color: rgba(244, 67, 54, .5)
}
.pros-and-cons__body .pros-and-cons-block .pros-and-cons-list {
padding: 0
}
.pros-and-cons__body .pros-and-cons-block .pros-and-cons-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
background-color: rgba(18, 21, 31, .4);
padding: 12px;
margin-bottom: 16px;
list-style: none;
color: #cecece
}
.pros-and-cons__body .pros-and-cons-block .pros-and-cons-list__item:last-child {
margin-bottom: 0
}
.pros-and-cons__body .pros-and-cons-block .pros-and-cons-list__item:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
padding: 4px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-radius: 4px
}
.pros-and-cons__body .pros-and-cons-block .pros-and-cons-list__item_plus:before {
content: url(../images/plus.svg);
background-color: #1b4a78
}
.pros-and-cons__body .pros-and-cons-block .pros-and-cons-list__item_minus:before {
content: url(../images/minus.svg);
background-color: #89302a
}
.extra-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;
padding: 32px;
color: var(--main-font-color);
background-color: var(--block_bg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover
}
.extra-bonus__title {
text-align: center;
margin-bottom: 12px
}
.extra-bonus__description {
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-align: center;
max-width: 820px
}
.extra-bonus__description .promo-container__text {
color: var(--primary_color)
}
.extra-bonus .proposal-block {
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;
margin-top: 32px;
width: 100%
}
.extra-bonus .proposal-block__description {
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #cecece;
text-align: center;
max-width: 610px;
margin-bottom: 16px
}
.extra-bonus .proposal-block .proposal-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.extra-bonus .proposal-block .proposal-list__item {
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-align: center;
background: rgba(39, 138, 236, .5);
list-style: none;
padding: 11px;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.extra-bonus__btn {
margin-top: 40px;
border: none;
cursor: pointer
}
.extra-bonus__footnote {
font-weight: 500;
font-size: 16px;
line-height: 22px;
margin-top: 12px;
margin-bottom: unset;
color: #cecece
}
.extra-bonus__footnote .promo-container {
font-weight: 700;
color: #fff
}
.extra-bonus__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
margin-top: 40px
}
.extra-bonus__copy-field .promo-container__quote {
display: none
}
.extra-bonus__copy-btn {
width: 140px;
border-radius: 20px !important;
height: 100%
}
.extra-bonus:nth-child(2n) {
margin-top: 28px
}
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
text-align: center;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
border: none;
cursor: pointer
}
.btn:hover {
opacity: .8
}
.btn_blue {
background-color: #1976d2
}
.btn_red {
background-color: #f44336
}
.btn_big {
padding: 16px;
font-weight: 700;
font-size: 15px;
line-height: 24px;
min-width: 300px;
border-radius: 24px
}
.btn_medium {
font-weight: 700;
font-size: 15px;
line-height: 24px;
padding: 10px 24px;
min-width: 108px;
border-radius: 20px;
white-space: nowrap;
text-transform: uppercase
}
.btn_small {
padding: 10px 12px;
font-weight: 600;
font-size: 14px;
line-height: 14px;
border-radius: 12px
}
.btn_android, .btn_ios {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8.5px 32px 8.5px 20px;
border-radius: 24px;
min-width: 220px;
min-height: 68px
}
.btn_android:before, .btn_ios:before {
margin-right: 16px
}
.btn_android:before {
content: url(../images/android.svg)
}
.btn_ios:before {
content: url(../images/ios.svg)
}
.copy-field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #1a2034;
border: 1px solid #363f5b;
border-radius: 20px;
width: 400px;
height: 44px
}
.copy-field__text {
font-weight: 600;
font-size: 18px;
line-height: 24px;
padding: 0 12px
}
.copy-field__copy-btn {
position: absolute;
right: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.text-image-banner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px
}
.text-image-banner__bg-image-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
align-self: center
}
.text-image-banner__title {
font-weight: 700;
font-size: 32px;
line-height: 42px;
text-transform: uppercase;
color: #fff;
margin-bottom: 16px
}
.text-image-banner__title span {
color: var(--primary_color)
}
.text-image-banner__description {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #cecece
}
.text-image-banner__description b, .text-image-banner__description strong {
font-weight: 700;
color: #fff
}
.text-image-banner__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 37px
}
.text-image-banner__btn {
height: 56px;
margin-right: 36px
}
.text-image-banner__license-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.text-image-banner .license-block__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #cecece;
margin-left: 4px
}
.toc__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 8px 8px 20px;
color: var(--main-font-color);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.toc__title {
text-transform: uppercase
}
.toc__btn {
width: 32px;
height: 32px;
background-image: url(../images/dropdown-list_arrow.svg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.toc__body {
display: none;
padding: 24px 20px
}
.toc .toc-body-list {
display: -ms-grid;
display: grid;
grid-template-columns:repeat(6, 1fr);
grid-column-gap: 12px;
grid-row-gap: 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
list-style: none
}
.toc .toc-body-list__item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.toc .toc-body-list__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--main-font-color);
text-decoration: none
}
.toc .toc-body-list__link:hover {
text-decoration: underline
}
.toc .toc-body-list__link svg {
max-width: 24px;
margin-right: 4px;
transform: scale(.7);
}
.toc._active .toc__header .toc__btn {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.toc._active .toc__body {
display: block
}
.about-table, .about-table__body, .wp-block-table {
width: 100%
}
.about-table .site-section__body {
display: flex;
flex-direction: column;
align-items: center
}
.about-table__body {
width: 100%;
overflow-x: auto
}
.about-table__table table, .wp-block-table table {
width: 100%;
min-width: 500px
}
.about-table__table tr td:first-child, .wp-block-table table tr td:first-child {
width: 306px
}
.about-table__btn {
margin-top: 32px
}
.table, .wp-block-table table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
min-width: 600px
}
.table th, .wp-block-table table th {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-align: center;
color: var(--main-font-color);
background-color: var(--table-head-color);
padding: 11.5px;
border-style: solid;
border-color: #2b313c;
border-width: 1px 1px 2px
}
.table td, .wp-block-table table td {
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: left;
word-break: break-word;
padding: 11.5px 15.5px;
color: var(--second-font-color);
border: 1px solid #2b313c
}
.table._dis_bg td, .wp-block-table table._dis_bg td {
background-color: unset
}
.table td:first-child, .wp-block-table table td:first-child {
color: var(--main-font-color)
}
.table td a, .wp-block-table table td a {
color: var(--table-link-color);
text-decoration: none;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.table td a:hover, .wp-block-table table td a:hover {
text-decoration: underline
}
.table td ul, .wp-block-table table td ul {
padding-left: 22px
}
.relink {
width: 100%
}
.relink__string {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 20px;
background-color: var(--header-dark-color);
height: 61px
}
.relink__menu-container {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.relink__menu-container:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 44px;
height: 56px;
background: -webkit-gradient(linear, right top, left top, from(#172132), to(rgba(23, 33, 50, 0)));
background: -o-linear-gradient(right, #172132 0, rgba(23, 33, 50, 0) 100%);
background: linear-gradient(270deg, #172132 0, rgba(23, 33, 50, 0) 100%);
z-index: 2
}
.relink__menu {
position: relative;
width: 100%;
height: 100%;
overflow-x: auto;
scrollbar-width: none
}
.relink__menu::-webkit-scrollbar {
display: none
}
.relink__list {
position: absolute;
left: 0;
right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
list-style: none
}
.relink__dropdown {
overflow: auto;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, .1) var(--dropdown-bg-color)
}
.relink__dropdown::-webkit-scrollbar {
width: 9px
}
.relink__dropdown::-webkit-scrollbar-track {
background: 0 0
}
.relink__dropdown::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, .1);
border-radius: 20px;
border: transparent
}
.relink__dropdown-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 8px;
background: rgba(255, 255, 255, .1);
border: none;
border-radius: 6px;
margin-left: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.relink .relink__dropdown-btn {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--second-font-color);
margin-bottom: 0
}
.relink__dropdown-btn:hover {
opacity: .8
}
.relink__dropdown-btn:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: url(../images/relink-dropdown-arrow.svg);
margin-left: 2px
}
.relink .relink-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
padding: 5px 16px 5px 8px;
background-color: rgba(255, 255, 255, .1);
border-radius: 6px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
border: none;
cursor: pointer
}
.relink .relink-btn:hover {
opacity: .8
}
.relink .relink-btn_hot:before, .relink .relink-btn_popular:before, .relink .relink-btn_top:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 4px
}
.relink .relink-btn_hot:before {
content: url(../images/hot.svg)
}
.relink .relink-btn_top:before {
content: url(../images/top.svg)
}
.relink .relink-btn_popular:before {
content: url(../images/popular.svg)
}
.relink .relink-btn__ico {
width: 32px;
height: 32px;
margin-right: 4px
}
.relink .relink-btn__name {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--second-font-color)
}
.relink .relink-dropdown {
display: none;
background-color: var(--dropdown-bg-color);
padding: 24px;
margin: 0 20px;
border-radius: 6px;
max-height: 284px
}
.relink .relink-dropdown .relink__list {
position: relative;
display: -ms-grid;
display: grid;
grid-template-columns:repeat(6, 1fr);
grid-column-gap: 16px;
grid-row-gap: 21px;
list-style: none;
width: 100%
}
.relink .relink-dropdown .relink-btn {
width: 100%
}
.relink._open .relink-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.relink._open .relink__string .relink__dropdown-btn:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.download-mobile__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.download-mobile__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 735px
}
.download-mobile__description {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #fff;
margin-bottom: 24px
}
.download-mobile__description p:last-child {
margin-bottom: 0
}
.download-mobile__buttons-block {
margin-bottom: 24px;
background-color: var(--heading-bg-color);
padding: 20px
}
.download-mobile__buttons-caption {
display: block;
font-weight: 600;
font-size: 18px;
text-align: center;
line-height: 24px;
color: var(--second-font-color);
margin-bottom: 16px
}
.download-mobile__buttons-caption span {
color: #f44336
}
.download-mobile__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px
}
.download-mobile .wp-block-table tr td, .download-mobile__table tr td {
background-color: transparent
}
.download-mobile .wp-block-table tr td:first-child, .download-mobile__table tr td:first-child {
width: 277px
}
.download-mobile .wp-block-table tr td:nth-child(2), .download-mobile__table tr td:nth-child(2) {
font-weight: 500;
font-size: 14px;
line-height: 20px
}
.download-mobile__image-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.download-mobile__image-container img {
-o-object-fit: contain;
object-fit: contain;
max-width: 370px
}
.welcome-bonus {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
min-height: 300px;
padding: 32px;
width: 100%
}
.welcome-bonus:before {
position: absolute;
content: "";
top: 0;
left: 20px;
width: 216px;
height: 237px;
background-image: url(../images/welcome-bonus_left-gift.webp);
background-size: cover
}
.welcome-bonus:after {
position: absolute;
content: "";
top: 9px;
right: 21px;
width: 218px;
height: 223px;
background-image: url(../images/welcome-bonus_right-gift.webp);
background-size: cover
}
.welcome-bonus__title {
color: var(--main-font-color);
margin-bottom: 20px;
min-width: 283px;
z-index: 2
}
.welcome-bonus__description-block {
text-align: center;
min-width: 991px;
max-width: 100%;
background: rgba(39, 138, 236, .5);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border-radius: 4px;
padding: 16px 40px;
z-index: 2
}
.welcome-bonus__description {
font-style: normal;
font-weight: 800;
font-size: 52px;
line-height: 52px;
color: var(--main-font-color)
}
.welcome-bonus__copy-field {
margin-top: 40px;
min-width: 578px;
height: 56px;
color: var(--main-font-color);
z-index: 2;
background-color: #12151f;
border-color: #12151f;
border-radius: 24px
}
.welcome-bonus__copy-text {
padding: 16px
}
.welcome-bonus__copy-btn {
font-weight: 700;
font-size: 15px;
line-height: 24px;
min-width: 240px;
border-radius: 24px;
text-transform: uppercase
}
.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.tabs__menu {
position: relative;
background: #020216;
padding: 12px 20px;
}
.tabs__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
background: var(--block_bg);
border-radius: 8px;
gap: 8px;
padding: 8px;
max-height: 456px;
overflow: auto;
overflow-x: hidden
}
@media (max-width: 1200px) {
.tabs__list {
max-height: unset;
height: unset
}
}
.tabs__item {
display: block;
padding: 12px;
min-width: 206px;
font-weight: 600;
font-size: 15px;
line-height: 24px;
text-align: center;
cursor: pointer;
color: var(--main-font-color);
border-radius: 6px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.tabs__item._active, .tabs__item:hover {
background-color: var(--header-active-bg-color)
}
.tabs__views {
background-color: var(--block_bg);
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.tabs .tab-view {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tabs .tab-view._active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.tabs .tab-view__header {
background-color: var(--heading-bg-color);
color: var(--main-font-color);
padding: 8px 24px
}
.tabs .tab-view__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
padding: 24px 20px 32px 24px
}
.tabs .tab-view__content {
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: start;
-ms-flex-align: start;
align-items: flex-start;
flex: 1 1
}
.tabs .tab-view__content li, .tabs .tab-view__content p, .tabs .tab-view__content span, .tabs .tab-view__content td {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: white
}
.tabs .tab-view__btn {
height: auto;
margin-top: 10px
}
.tabs .tab-view__image-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-start;
max-width: 56%
}
.tabs .tab-view__image-container img {
max-width: 100%;
max-height: 500px;
border-radius: 4px;
width: 100%;
height: auto;
object-fit: contain
}
.payments-table {
position: relative
}
.payments-table__view {
overflow-x: auto
}
.payments-table__table {
table-layout: fixed;
min-width: 760px
}
.payments-table__table td, .payments-table__table th {
min-width: 240px
}
.payments-table__table td {
width: 100%;
padding: 10px 12px
}
.payments-table__first-cell-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px
}
.payments-table__payment-system-caption {
display: inline-block
}
.payments-table__inner-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-bottom: 12px
}
.payments-table__inner-row:last-child {
margin-bottom: 0
}
.payments-table__prop {
font-weight: 600;
font-size: 16px;
line-height: 22px
}
.payments-table__val {
font-weight: 500;
font-size: 14px;
line-height: 20px
}
.description-table {
position: relative
}
.description-table:after {
display: none;
content: "";
position: absolute;
top: 0;
right: 0;
width: 48px;
height: 100%;
background: -webkit-gradient(linear, right top, left top, from(#172132), to(rgba(23, 33, 50, 0)));
background: -o-linear-gradient(right, #172132 0, rgba(23, 33, 50, 0) 100%);
background: linear-gradient(270deg, #172132 0, rgba(23, 33, 50, 0) 100%);
z-index: 2
}
.description-table__table {
min-width: 760px
}
.description-table__table td {
padding: 10px 12px
}
.description-table__cell {
width: 472.5px;
vertical-align: top
}
.description-table__image-cell {
width: 295px;
vertical-align: middle
}
.description-table__image-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px
}
.description-table__image {
border-radius: 4px
}
.text-image__header {
padding: 8px 20px
}
.text-image__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px
}
.text-image__body._reversed {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.text-image__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--second-font-color);
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
overflow: hidden
}
.text-image__content._middle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.text-image__content._bottom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.text-image__content .btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.text-image__content .wp-block-table:not(:last-of-type) {
margin-bottom: 20px
}
.text-image__content .wp-block-table + p {
margin-top: 20px
}
.text-image__image-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.text-image__image-container._middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.text-image__image-container._bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.text-image__image-container .get-image img {
-o-object-fit: contain;
object-fit: contain;
border-radius: 4px;
max-width: 100%;
max-height: 90vh
}
.faq {
width: 100%
}
.faq__title {
padding: 8px 16px
}
.faq__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
padding: 24px 36px 48px
}
.faq-item {
width: 100%
}
details > summary {
list-style: none
}
details > summary::-webkit-details-marker {
display: none
}
.faq-item .faq-item__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column
}
.faq-item .faq-item__body p:last-child {
margin-bottom: 0
}
.faq-item .faq-item__title-block {
display: flex;
align-items: center;
gap: 12px;
padding: 4px 8px
}
.faq-item__header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #293b55;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.faq-item__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px
}
.faq-item__title-block:after {
content: url(../images/faq-plus.svg);
display: flex;
width: 28px;
height: 28px;
flex: 1 1;
justify-content: flex-end
}
.faq-item .faq-item__header[open] .faq-item__title-block:after {
content: url(../images/faq-cross.svg)
}
.faq-item__body {
display: none;
padding: 16px 20px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #b8bbcb;
background-color: #1a2034;
border: 1px solid #293b55
}
.mobile-popup-offer {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 500px;
border: none;
cursor: pointer
}
.mobile-popup-offer__content {
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: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4px;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.mobile-popup-offer__title {
color: #031a3a;
font-family: Onest;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
text-align: left
}
.mobile-popup-offer__title span {
color: #d9a900
}
.mobile-popup-offer__description {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--second-font-color);
white-space: nowrap
}
.mobile-popup-offer__btn-container {
padding: 6px 0
}
.mobile-popup-offer__btn {
position: relative;
display: flex;
gap: 8px;
width: 100%;
font-family: 'Onest', -apple-system, sans-serif;
color: #fff;
font-size: 14px;
font-weight: 800;
line-height: 18px;
border-radius: 8px;
background: #1aaa5a;
padding: 10px 72px 10px 12px !important;
max-height: unset
}
.mobile-popup-offer._app .mobile-popup-offer__btn {
padding: 10px 52px 10px 12px !important
}
.mobile-popup-offer:not(._app) .mobile-popup-offer__btn:after {
content: url(../images/gift.svg);
position: absolute;
right: 4px
}
.mobile-popup-offer._app .mobile-popup-offer__btn:after {
content: url(../images/phone.png);
position: absolute;
right: 4px
}
.mobile-popup {
display: none;
align-items: center;
position: fixed;
right: 8px;
bottom: 8px;
left: 8px;
margin: auto;
z-index: 999;
border-radius: 12px;
background: #fff;
padding: 8px
}
.scroll-top {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 99
}
.scroll-top__button {
position: relative;
appearance: none;
border: none;
outline: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 44px;
height: 44px;
background-color: #1aaa5a;
border-radius: 50%
}
.scroll-top__button svg {
width: 24px;
height: 24px
}
.how-to__header {
padding: 8px 20px
}
.how-to__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px
}
.how-to__caption {
color: #fff;
font-size: 16px;
line-height: 22px;
text-align: center;
margin-bottom: 24px
}
.how-to .how-to-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.how-to .how-to-item img {
width: auto;
max-height: 450px
}
.how-to .how-to-item:first-child .how-to-item__id:before, .how-to .how-to-item:last-child .how-to-item__id:after {
display: none
}
.how-to .how-to-item__id {
position: relative;
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: 48px;
min-width: 48px;
background-color: var(--primary_color);
color: var(--main-font-color);
font-weight: 700;
font-size: 28px;
line-height: 36px;
text-transform: uppercase
}
.how-to .how-to-item__id:before {
position: absolute;
content: "";
top: 0;
border: 24px solid transparent;
border-top: 12px solid var(--block_bg);
z-index: 2
}
.how-to .how-to-item__id:after {
position: absolute;
content: "";
background-image: url(../images/how-to_chevrone.svg);
width: 88px;
height: 22px;
top: 100%
}
.how-to .how-to-item__body {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
padding: 16px;
background-color: #39246690;
border: 1px solid #6d51aa;
border-radius: 4px;
}
.how-to-item__step{
position: absolute;
top: 5px;
left: 5px;
background-color: #392466;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
font-size: 16px;
line-height: 16px;
padding: 5px;
width: 24px;
height: 24px;
}
.how-to .how-to-item__content {
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-flex: 63;
-ms-flex: 63 1;
flex: 63 1;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.how-to .how-to-item__title {
margin-bottom: 8px
}
.how-to .how-to-item__description {
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.how-to .how-to-item__btn {
margin-top: 10px
}
.how-to .how-to-item__image-container img {
max-width: 100%
}
.how-to._dis .how-to-item__id:before {
border-top-color: var(--main-bg-color)
}
.rate-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.rate-block__title {
font-size: 14px;
line-height: 18px;
color: var(--second-font-color);
margin-right: 2px
}
.rate-block__star {
background-repeat: no-repeat;
background-position: center
}
.rate-block__star._empty {
background-image: url(../images/empty_star.svg)
}
.rate-block__star._fill {
background-image: url(../images/fill_star.svg)
}
.rate-block__star._fill-empty, .rate-block__star._selected {
background-image: url(../images/fill_empty_star.svg)
}
.comments {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.comments__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0;
gap: 20px;
padding-left: 20px;
padding-right: 20px
}
.comment-add-field {
width: 100%;
margin-bottom: 32px
}
.comment-add-field__header {
padding: 8px 20px
}
.comment-add-field__body {
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;
padding: 32px
}
.comment-add-field__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 610px
}
.comment-add-field .comment-add-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.comment-add-field .comment-add-form__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-bottom: 20px
}
.comment-add-field .comment-add-form__name {
width: 373px;
padding: 13px 16px
}
.comment-add-field .comment-add-form__text {
width: 100%;
height: 113px;
padding: 16px
}
.comment-add-field .comment-add-form__rate-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.comment-add-field .comment-add-form__btn {
display: inline-block;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 24px;
color: var(--main-font-color);
padding: 10px 24px;
background: rgba(25, 118, 210, .25);
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
border-radius: 20px;
border: none;
margin-top: 15px;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.comment-add-field .comment-add-form__btn:hover {
opacity: .8
}
.comment-add-field .comment-add-form__alert {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--second-font-color);
margin-top: 15px
}
.comment-add-field .comment-add-form__alert.error {
color: #dc2e2e
}
.comment-add-field .comment-add-form__star {
width: 28px;
height: 28px;
cursor: pointer
}
.comment-add-field .comment-input {
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: var(--main-font-color);
background: var(--main-bg-color);
border: 1px solid var(--stroke-color);
border-radius: 8px
}
.comment-add-field .comment-input::-webkit-input-placeholder {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #898989;
opacity: 1
}
.comment-add-field .comment-input::-moz-placeholder {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #898989;
opacity: 1
}
.comment-add-field .comment-input:-ms-input-placeholder {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #898989;
opacity: 1
}
.comment-add-field .comment-input::-ms-input-placeholder {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #898989;
opacity: 1
}
.comment-add-field .comment-input::placeholder {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #898989;
opacity: 1
}
.comment-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--block_bg);
padding: 16px;
gap: 12px
}
.comment-item__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.comment-item__rate-title {
margin-right: 4px
}
.comment-item__nickname {
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: var(--main-font-color)
}
.comment-item__text {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--second-font-color)
}
.comment-item__date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #898989
}
.comment-item__star {
width: 20px;
height: 20px
}
.comment-item__star._empty {
background-size: contain
}
.video__thumb-container {
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;
position: relative;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.video__thumb-container:hover:after {
opacity: .8
}
.video__thumb-container:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: "";
background-image: url(../images/play.svg);
background-repeat: no-repeat;
background-position: center right;
position: absolute;
width: 80px;
height: 80px;
z-index: 2
}
.video__thumb-container iframe {
width: 100%;
border: none;
aspect-ratio: 16/9
}
.video_loaded .video__thumb, .video_loaded:after {
display: none
}
.video__thumb {
width: 100%
}
.video__description {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--second-font-color);
-webkit-box-flex: 45;
-ms-flex: 45 1;
flex: 45 1
}
.articles {
width: 100%
}
.articles__body {
display: -ms-grid;
display: grid;
grid-template-columns:repeat(4, 1fr);
gap: 20px
}
.articles .article-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--header-active-bg-color);
border-radius: 4px;
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
text-decoration: none;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.articles .article-item:hover {
opacity: .8
}
.articles .article-item__image {
height: 180px;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.articles .article-item__image .get-image {
width: 100%;
height: 100%
}
.articles .article-item__image .get-image img {
width: 100%;
height: auto;
object-fit: cover
}
.articles .article-item__text {
padding: 8px 16px 16px;
color: var(--main-font-color);
background: #243349
}
.footer {
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;
background: #02152e;
padding: 0 20px;
width: 100%
}
.footer__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
min-width: 1240px
}
.footer__bottom {
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
color: var(--second-font-color);
border-top: 1px solid #392466;
padding: 20px 0;
width: 100%
}
.footer__bottom > p {
max-width: 1240px;
margin-right: auto;
margin-left: auto;
}
.footer__bottom > :not(:first-child) {
margin-top: 1rem;
}
.footer__logo-inner {
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;
gap: 30px;
padding: 20px 0
}
.footer__dcma {
width: 89px;
height: 44px
}
.footer__nav-container .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
padding: 16px 0;
gap: 12px
}
.footer__nav-container .menu .menu-item {
display: inline-block;
line-height: 20px
}
.footer__nav-container .menu .menu-item a, .footer__nav-container .menu .menu-item span {
display: inline-block;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--second-font-color);
text-decoration: none;
min-width: 220px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.footer__nav-container .menu .menu-item a:hover {
color: var(--main-font-color)
}
.footer__socials-container {
gap: 24px;
margin: 0 auto 20px auto
}
.footer__socials-container a, .footer__socials-container p {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--second-font-color)
}
.footer__socials-container a {
text-decoration: none
}
.footer__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
height: 44px;
gap: 4px
}
.footer__social {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 44px;
height: 44px;
background-repeat: no-repeat;
background-position: center
}
.footer__second-logo-footnote {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: var(--second-font-color)
}
.footer .footer-top-container {
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;
padding-left: 40px;
padding-right: 40px
}
.footer .footer-top-container:after {
position: absolute;
right: 0;
top: 0;
content: "";
width: 1px;
height: 100%;
background-color: #392466
}
.footer .footer-top-container:first-child {
padding-left: 0
}
.footer .footer-top-container:last-child {
padding-right: 0
}
.footer .footer-top-container:last-child:after {
display: none
}
.sitemap {
width: 100%
}
.sitemap__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px
}
.sitemap__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 13px
}
.sitemap__page-title {
display: inline-block;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: var(--primary_color);
text-decoration: none;
height: auto;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.sitemap__page-title:hover {
text-decoration: underline
}
.sitemap__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.sitemap__list-item {
margin-left: 24px;
margin-bottom: 8px
}
.sitemap__list-item:last-child {
margin-bottom: 0
}
.sitemap__list-item::marker {
color: var(--second-font-color)
}
.sitemap__list-item:hover::marker {
color: var(--main-font-color)
}
.sitemap__parent-link {
display: inline-block;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-decoration: underline;
color: var(--second-font-color);
margin-bottom: 8px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.sitemap__parent-link:hover {
color: var(--main-font-color)
}
.sitemap__parent-link:last-child {
margin-bottom: 0
}
.sitemap__child-link {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-decoration: underline;
color: var(--second-font-color);
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.sitemap__child-link:hover {
color: var(--main-font-color)
}
.slots {
width: 100%
}
.slots__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 20px
}
.slots__header-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2px;
font-weight: 500;
font-size: 15px;
line-height: 24px;
text-decoration: none;
color: var(--main-font-color);
background: rgba(255, 255, 255, .1);
border-radius: 4px;
padding: 4px 12px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
border: none;
cursor: pointer
}
.slots__header-btn:hover {
opacity: .8
}
.slots__header-btn:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: url(../images/slots-btn-arrow.svg);
line-height: 16px;
}
.slots__body {
display: -ms-grid;
display: grid;
grid-template-columns:repeat(6, 1fr);
gap: 20px
}
.slots .slot-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;
width: 100%;
border-radius: 4px;
gap: 4px;
margin-bottom: 0;
background-color: #39246690;
}
.slots .slot-item__image {
position: relative;
width: 100%;
height: 130px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 4px;
overflow: hidden;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.slots .slot-item__image .get-image {
position: absolute;
width: 100%;
height: 100%;
z-index: 0
}
@media (max-width: 850px) {
.slots .slot-item__image .get-image {
position: static
}
}
.slots .slot-item__image .get-image img {
width: 100%;
height: auto;
object-fit: contain
}
@media (min-width: 831px) {
.slots .slot-item__image:hover .slot-item__inner-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
z-index: 1
}
}
.slots .slot-item__inner-block {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
width: 100%;
height: 100%;
background-color: rgba(21, 34, 52, .8);
transition: .2s
}
.slot-item__btn {
font-weight: 600;
font-size: 14px;
line-height: 14px;
height: auto;
padding: 10px 12px;
border-radius: 12px;
cursor: pointer
}
.slots .slot-item__title {
text-align: center;
font-weight: 700;
font-size: 16px;
line-height: 24px;
padding: 10px 5px
}
.slots-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.slots-popup__header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px
}
.slots-popup__title {
color: var(--main-font-color)
}
.slots-popup__header-buttons {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.slots-popup__btn {
font-weight: 700;
font-size: 15px;
line-height: 24px;
padding: 10px 24px;
border-radius: 20px;
cursor: pointer
}
.slots-popup__cross {
padding-top: 16px;
padding-bottom: 16px;
background: unset;
border: none;
}
.slots-popup__body {
position: relative;
width: 100%;
height: 548px
}
.slots-popup__body iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.popup-win {
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 333;
margin-top: 0!important;
background-color: rgba(0, 0, 0, .35)
}
.popup-win_active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.popup-win .popup {
width: 1243px;
background: linear-gradient(356deg, rgb(2, 2, 22) 4%, rgb(0, 31, 71) 62%)
}
.popup-win .popup__header {
padding: 8px 20px;
background: #39246690;
}
.popup-win .popup__cross {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 28px;
height: 28px;
background-image: url(../images/popup-cross.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer
}
.popup-win .popup__body {
}
.breadcrumbs {
width: 100%;
background-color: #202158
}
.breadcrumbs__list {
padding: 10px 0;
max-width: 1240px;
margin: 0 auto;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 1280px) {
.breadcrumbs__list {
margin-left: 20px;
margin-right: 20px
}
}
.breadcrumbs__item {
margin-right: 3px
}
.breadcrumbs__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.breadcrumbs__link > svg {
margin-left: 3px
}
.breadcrumbs__link, .breadcrumbs__link--no-active {
font-weight: 700;
font-size: 14px;
line-height: 20px;
text-decoration: none;
color: #cecece
}
.breadcrumbs__link--no-active {
color: #278aec
}
.custom-gallery {
overflow: auto
}
.custom-gallery__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px
}
.custom-gallery .get-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
min-width: 172px;
max-height: 400px
}
@media (min-width: 1201px) {
header .menu .menu-item .sub-menu .menu-item:hover {
background-color: rgba(255,255,255,.1)
}
header .menu .menu-item:hover .menu-arrow svg {
transform: unset
}
.lang-block:hover .lang-block__sub-menu, header .menu .menu-item:hover .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
max-height: 430px
}
.lang-block .lang-item:hover {
background: var(--header-active-bg-color)
}
}
@media (min-width: 1280px) {
.description-table, .payments-table {
width: 100%
}
}
@media (min-width: 1281px) {
.site-section._dis .site-section__body, .site-section._dis .site-section__header {
padding-left: 0;
padding-right: 0
}
}
@media (max-width: 1280px) {
.onewinmd-wrapper {
margin-left: 20px;
margin-right: 20px
}
.text-image-banner__bg-image-container {
margin-right: -20px
}
.footer {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 16px
}
.footer__top {
min-width: unset
}
.popup-win .popup {
margin-left: 20px;
margin-right: 20px
}
}
@media (max-width: 1279px) {
.text-image-banner {
width: auto
}
}
@media (max-width: 1260px) {
.description-table__cell {
width: auto
}
}
@media (max-width: 1243px) {
.popup-win .popup {
width: 100%
}
}
@media (max-width: 1240px) {
.toc .toc-body-list {
grid-template-columns:repeat(3, 1fr)
}
.relink .relink-dropdown .relink__list {
grid-template-columns:repeat(4, 1fr)
}
}
@media (max-width: 1200px) {
body {
padding-top: 52px
}
.header {
height: 68px;
position: fixed;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.header__logo {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
padding: 17px 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.header__logo img {
max-width: 103px
}
.header__nav {
display: none
}
.header__buttons {
justify-content: flex-end;
padding: 9px 16px;
order: 4;
flex: 1 1 100%
}
.header__btn {
margin-right: 8px
}
.header__lang-block {
justify-content: flex-end;
order: 3
}
.header__lang-item {
padding: 0 20px
}
.header__nav .menu-main-nav_bn-container, .header__nav .menu-main-nav_br-container, .header__nav .menu-main-nav_hi-container, header .header__nav .menu-main-nav-container {
display: none;
width: 100%
}
header .menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding-top: 20px;
overflow: auto
}
header .menu .menu-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;
width: 100%;
height: auto
}
header .menu > .menu-item:not(:last-child):after {
content: '';
width: calc(100% - 32px);
height: 1px;
margin: 0 auto;
background: linear-gradient(90deg, #386cb5 0, rgba(3, 26, 58, 0) 100.75%)
}
header .menu .menu-item > a, header .menu .menu-item > span {
width: 100%;
padding: 10px 16px
}
header .menu .menu-item.menu-item-has-children > a, header .menu .menu-item.menu-item-has-children > span {
display: flex
}
header .menu .menu-item.menu-item-has-children:not(._active) > a svg:last-child, header .menu .menu-item.menu-item-has-children:not(._active) > span svg:last-child {
transform: rotate(180deg)
}
header .menu .menu-item.menu-item-has-children._active > a svg:last-child, header .menu .menu-item.menu-item-has-children._active > span svg:last-child {
transform: unset
}
header .menu .menu-item.menu-item-has-children_active .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
header .menu .menu-item.menu-item-has-children_active > a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
header .menu .menu-item .sub-menu {
position: relative;
top: 0;
padding-top: 0;
background-color: unset;
}
header .menu .menu-item .sub-menu .menu-item > a, header .menu .menu-item .sub-menu .menu-item > span {
padding: 10px 32px
}
header .menu .menu-item .sub-menu .menu-item:first-child > a, header .menu .menu-item .sub-menu .menu-item:first-child > span {
padding-top: 10px;
border-radius: unset
}
header .menu .menu-item .sub-menu .menu-item:last-child > a {
padding-bottom: 10px;
border-radius: unset
}
.header.burger-active {
height: auto;
overflow: auto;
max-height: 100vh
}
.header__burger {
display: block;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.header__burger-checkbox:checked ~ .header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
height: auto;
-ms-flex-order: 5;
order: 5;
margin-top: 20px
}
.header__burger-checkbox:checked ~ .header__nav .menu-main-nav-container, .header__nav .menu-main-nav_bn-container, .header__nav .menu-main-nav_br-container, .header__nav .menu-main-nav_hi-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.header__burger-checkbox:checked ~ .header__lang-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.header__burger-checkbox:checked ~ .header__lang-block .lang-block__sub-menu_active .lang-block__list {
background: var(--main-bg-color)
}
.header__burger-checkbox:checked ~ .header__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
width: 100%;
order: 4
}
.lang-block__sub-menu {
padding-top: 8px
}
.lang-block__sub-menu_active {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.btn_medium {
font-weight: 600;
font-size: 15px;
line-height: 24px;
padding: 10px 12px;
border-radius: 12px;
min-width: auto;
text-transform: none
}
.download-mobile__image-container {
padding: 0 0 0 20px
}
.welcome-bonus__description-block {
min-width: auto
}
.welcome-bonus__copy-btn {
min-width: 240px;
border-radius: 24px;
font-weight: 700;
font-size: 15px;
line-height: 24px;
text-transform: uppercase
}
.tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.tabs__menu {
position: relative;
padding: 16px 0;
height: 76px
}
.tabs__list {
position: absolute;
left: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
min-width: 100%;
padding: 4px 16px;
border-radius: unset;
width: 100%;
overflow: auto
}
.tabs__item {
min-width: unset;
padding: 10px 16px;
white-space: nowrap
}
.tabs__views {
min-height: 200px
}
.tabs .tab-view__header {
padding: 8px 16px
}
.tabs .tab-view__body {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
padding: 24px 16px
}
.tabs .tab-view__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.tabs .tab-view__btn {
font-size: 15px;
line-height: 24px;
width: auto;
padding: 10px 24px;
border-radius: 20px
}
.tabs .tab-view__image-container {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
max-width: 100%
}
.mobile-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media (max-width: 1100px) {
.text-image-banner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 32px
}
.text-image-banner__bg-image-container {
width: 100%;
margin-right: 0
}
.text-image-banner__title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.text-image-banner__description {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: 24px;
font-size: 15px
}
.text-image-banner__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 0
}
.text-image-banner__btn {
width: 300px;
margin-right: 0
}
.text-image-banner__license-block {
margin-top: 8px
}
.articles__body {
grid-template-columns:repeat(3, 1fr)
}
.footer .footer-top-container {
padding-left: 16px;
padding-right: 16px
}
.slots__body {
grid-template-columns:repeat(5, 1fr)
}
.footer__logo-container > * {
margin: 0 auto
}
}
@media (max-width: 1000px) {
.extra-bonus .proposal-block .proposal-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.download-mobile__body {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.download-mobile__content {
max-width: unset
}
.download-mobile__description {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.download-mobile__buttons-block {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 20px 12px
}
.download-mobile .wp-block-table tr td:first-child, .download-mobile__table tr td:first-child {
width: 160px
}
.download-mobile__image-container {
padding: 0
}
.download-mobile__image-container img {
width: 100%;
max-height: 336px
}
.welcome-bonus__title {
min-width: auto
}
.welcome-bonus__description {
font-size: 36px;
line-height: 52px
}
.text-image__header {
padding: 8px 16px
}
.text-image__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px
}
.text-image__body._reversed {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.text-image__content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.text-image__image-container {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.text-image__image-container .get-image img {
max-height: 60vh
}
.footer__nav-container .menu .menu-item a, .footer__nav-container .menu .menu-item span {
min-width: unset
}
}
@media (max-width: 900px) {
.slots__body {
grid-template-columns:repeat(4, 1fr)
}
}
@media (max-width: 850px) {
.footer {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.footer__top {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.footer__logo-container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.footer__logo-inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.footer__nav-container .menu .menu-item a, .footer__nav-container .menu .menu-item span {
min-width: 220px;
line-height: 19px
}
.footer .footer-top-container {
padding: 12px 0;
border-bottom: 1px solid #392466
}
.footer .footer-top-container:last-child {
border-bottom: none
}
.footer .footer-top-container:after {
display: none
}
}
@media (max-width: 850px) and (max-width: 850px) {
.footer .footer-top-container:first-child {
padding-top: 0
}
.footer .footer-top-container:last-child {
padding-bottom: 0
}
}
@media (max-width: 830px) {
.slots__body {
grid-template-columns:repeat(3, 1fr)
}
.slots .slot-item {
border: 1px solid #869dff
}
.slots .slot-item__image {
position: static;
height: unset;
display: contents;
}
.slots .slot-item__inner-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
height: auto;
background-color: unset;
padding: 10px 5px 0 5px;
}
.slot-item__btn {
font-weight: 700;
font-size: 15px;
line-height: 24px;
padding: 10px 24px;
border-radius: 20px
}
}
@media (max-width: 820px) {
.download-mobile__image-container {
margin-bottom: 16px
}
}
@media (max-width: 800px) {
.toc .toc-body-list {
grid-template-columns:repeat(2, 1fr)
}
.relink__string {
padding: 8px 16px
}
.relink .relink-dropdown {
padding: 16px;
margin: 0 16px;
max-height: 552px
}
.relink .relink-dropdown .relink__list {
grid-template-columns:repeat(2, 1fr)
}
.welcome-bonus {
padding: 32px 16px
}
.welcome-bonus:before {
top: 50px;
left: 0;
width: 86px;
height: 94px
}
.welcome-bonus:after {
top: 62px;
right: 0;
width: 106px;
height: 108px
}
.welcome-bonus__description-block {
width: 100%;
padding: 16px
}
.welcome-bonus__copy-field {
margin-top: 24px;
min-width: auto;
width: 100%;
height: 44px
}
.welcome-bonus__copy-btn {
min-width: 120px
}
.articles__body {
grid-template-columns:repeat(2, 1fr)
}
.slots-popup__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px
}
.slots-popup__header h3 {
width: 100%
}
.slots-popup__cross {
position: absolute;
top: 8px;
right: 16px
}
}
@media (max-width: 760px) {
.onewinmd-wrapper {
margin-left: 0;
margin-right: 0
}
.onewinmd-wrapper:has(.faq) {
margin-left: 16px;
margin-right: 16px;
}
.site-section__header {
padding: 12px 16px
}
.site-section__body {
padding: 24px 16px 32px
}
.pros-and-cons__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px
}
.pros-and-cons__body .pros-and-cons-block {
width: 100%
}
.pros-and-cons__body .pros-and-cons-block .pros-and-cons-list__item, .pros-and-cons__body .pros-and-cons-block__title {
margin-bottom: 12px
}
.extra-bonus {
padding: 32px 16px
}
.extra-bonus__description {
text-align: left
}
.extra-bonus .proposal-block .proposal-list {
gap: 16px
}
.extra-bonus .proposal-block .proposal-list__item {
background: rgba(39, 138, 236, .3);
padding: 8px;
border-radius: 4px
}
.extra-bonus__btn {
margin-top: 32px
}
.extra-bonus__buttons {
-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;
margin-top: 32px
}
.copy-field {
width: 100%
}
.about-table__table tr td:first-child, .wp-block-table table tr td:first-child {
width: 131px
}
.download-mobile__buttons {
-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
}
.download-mobile .wp-block-table, .download-mobile__table {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.payments-table {
margin-right: 0
}
.payments-table__table {
table-layout: unset
}
.description-table {
margin-right: 0
}
.description-table:after {
display: block
}
.description-table__cell {
min-width: 230px
}
.description-table__image-cell {
min-width: 140px
}
.text-image__header {
padding: 8px 16px
}
.faq__body {
gap: 16px
}
.faq-item .faq-item__title-block {
padding: 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
flex-wrap: wrap
}
.faq-item .faq-item__title-block:after {
order: 2
}
.faq-item .faq-item__title {
order: 3;
width: 100%
}
.mobile-popup-offer {
gap: 9px 4px;
}
.mobile-popup-offer__title {
font-size: 14px;
line-height: 20px
}
.how-to__header {
padding: 8px 20px 10px
}
.how-to .how-to-item__id {
width: 32px;
min-width: 32px
}
.how-to .how-to-item__id:before {
border: 16px solid transparent;
border-top: 8px solid var(--block_bg)
}
.how-to .how-to-item__id:after {
background-image: url(../images/how-to_chevrone_mobile.svg);
width: 64px;
height: 18px
}
.how-to .how-to-item__body {
gap: 12px;
padding: 34px 12px 34px 12px;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.how-to .how-to-item__step,
.how-to .how-to-item__body:after{
right: 5px;
margin: auto;
}
.how-to .how-to-item__btn {
min-width: unset;
width: 100%
}
.how-to._dis .how-to-item__id:before {
border-top-color: var(--main-bg-color)
}
.comments__list {
padding-left: 16px;
padding-right: 16px
}
.comment-add-field {
margin-bottom: 24px
}
.comment-add-field__header {
padding: 8px 20px 10px
}
.comment-add-field__body {
padding: 32px 16px
}
.comment-add-field .comment-add-form__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.comment-add-field .comment-add-form__name {
width: 100%
}
.comment-add-field .comment-add-form__rate-block {
margin-top: 8px
}
.articles .article-item {
width: 328px
}
.sitemap__header {
padding: 12px 20px
}
.sitemap__body {
padding: 24px 20px 32px
}
.slots__header {
flex-direction: column;
gap: 16px;
padding: 16px
}
.slots__header .slots__header-btn {
width: 100%
}
.slots__body {
grid-template-columns:repeat(2, 1fr);
justify-items: center
}
.popup-win .popup {
margin-left: 16px;
margin-right: 16px
}
}
@media (max-width: 700px) {
.header__buttons {
padding: 9px 6px;
border: none
}
.header__lang-block {
display: none;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1
}
.articles__body {
grid-template-columns:repeat(1, 1fr);
justify-items: center
}
}
@media (max-width: 600px) {
.articles__header {
padding: 12px 24px 12px 16px
}
}
@media (max-width: 500px) {
.toc .toc-body-list {
grid-template-columns:repeat(1, 1fr);
grid-column-gap: 0;
grid-row-gap: 10px
}
.toc .toc-body-list__link {
padding-bottom: 12px
}
.relink .relink-btn_hot:before, .relink .relink-btn_popular:before, .relink .relink-btn_top:before {
display: none
}
.relink .relink-dropdown .relink__list {
grid-template-columns:repeat(1, 1fr);
grid-row-gap: 16px
}
.slots__body {
grid-template-columns:repeat(1, 1fr);
justify-items: center
}
}
@media (max-width: 767px) {
.header__btn {
flex: 1 1 auto
}
}
@media (max-width: 400px) {
.articles .article-item {
width: 100%
}
}
@media (max-width: 359px) {
.header__buttons {
padding: 9px 6px 9px 4px
}
.header__btn {
margin-right: 4px;
padding: 10px 4px
}
.btn_big {
min-width: unset;
width: 100%
}
}
.header__logo img {
height: auto
}
@media (max-width: 1000px) {
header .menu .menu-item._active .sub-menu {
display: flex
}
}
.footer__nav-container .menu .menu-item span, header .menu .menu-item .sub-menu .menu-item > span, header .menu .menu-item.current-menu-item > span {
color: #278aec
}
.text-image__image-container .get-image {
max-width: 100%;
max-height: 90vh
}
.text-image__image-container .get-image img {
max-width: unset;
max-height: unset;
width: 100%;
height: 100%
}
.text-image__image-container {
flex: unset;
max-width: 50%
}
@media (max-width: 1000px) {
.text-image__image-container {
flex: 1 1;
max-width: unset
}
}
.how-to .how-to-item__content {
flex: 1 1
}
@media (max-width: 1000px) {
.how-to .how-to-item__content {
width: 100%
}
}
.how-to-item__image-container {
flex: unset;
max-width: 50%
}
@media (max-width: 1000px) {
.how-to-item__image-container {
flex: 1 1;
max-width: unset
}
}
.how-to .how-to-item img {
height: auto
}
.video + .content-btn-container {
margin-top: 20px
}
.video .get-image, .video .get-image img {
width: 100%;
height: 100%
}
.text-image-banner__bg-image-container img {
height: auto
}
.relink-btn__ico {
min-width: 32px
}
.relink .relink-btn__name {
white-space: nowrap
}
.extra-bonus {
position: relative
}
.extra-bonus._img {
background-color: unset;
overflow: hidden
}
.extra-bonus__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}
.extra-bonus__bg .get-image {
width: 100%;
height: 100%
}
.extra-bonus__bg img {
width: 100%;
height: 100%;
object-fit: cover;
background-color: var(--block_bg)
}
.extra-bonus._img .extra-bonus__bg {
background-color: var(--block_bg)
}
main {
overflow: hidden
}
.screenshot-gallery__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
width: fit-content;
min-width: 100%
}
.screenshot-gallery__item:not(:last-child) {
margin-right: 30px
}
.screenshot-gallery__item p {
margin: 0
}
.gbtn {
transition: all .3s ease-in-out;
background-color: rgba(27, 150, 243, .32) !important
}
@media (hover: hover), screen and (min-width: 0\0
) {
.gbtn:focus, .gbtn:hover {
background-color: rgba(27, 150, 243, 1) !important
}
}
.content-btn-container {
display: flex;
width: 100%
}
.content-btn-container {
justify-content: center
}
.content-btn-container._left {
justify-content: flex-start
}
.content-btn-container._right {
justify-content: flex-end
}
.game {
position: relative;
width: 100%;
overflow: hidden
}
.game:not(:last-of-type) {
margin-bottom: 24px
}
.game .game__content, .game .game__preview:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.game .game__preview:after {
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, .59), rgba(0, 0, 0, .59))
}
.game .game__preview .get-image {
justify-content: center
}
.game .game__preview img {
object-fit: contain;
height: auto
}
.game .game__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
padding: 20px;
z-index: 1
}
.game .game__content .btn {
min-width: unset;
padding: 10px 24px
}
.game-popup {
display: none;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
z-index: 900
}
.game-popup._active {
display: flex
}
.game-popup__window {
display: flex;
flex-direction: column;
width: 1243px
}
.game-popup__header {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
background: var(--stroke-color);
height: 60px;
padding: 8px 20px
}
.game-popup__buttons {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding: 8px 20px
}
.game-popup__buttons .btn {
height: 100%;
padding: 10px 24px
}
.game-popup__cross {
display: flex;
align-items: center;
cursor: pointer;
z-index: 901
}
.game-popup__body {
position: relative;
width: 100%;
height: 548px;
background-color: #000
}
.game-popup__body iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
border: none
}
.game-popup__title {
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 24px;
color: #fff
}
@media (max-width: 767px) {
.game-popup__header {
flex-wrap: wrap;
height: unset;
gap: 16px;
padding: 8px 12px
}
.game-popup__title {
flex: 1 1;
order: 1
}
.game-popup__cross {
justify-content: flex-end;
flex: 1 1;
order: 2
}
.game-popup__buttons {
position: static;
flex: 1 1;
min-width: 100%;
order: 3;
padding: 0
}
}
::-webkit-scrollbar {
width: 6px
}
::-webkit-scrollbar-track {
background: 0 0
}
::-webkit-scrollbar-thumb {
background-color: #cecece;
border-radius: 4px;
border: transparent
}
::-webkit-scrollbar:horizontal {
width: 6px;
height: 6px
}
@media (max-width: 1200px) {
header .menu {
padding-top: 0
}
.page:not(.home) .page-main .onewinmd-wrapper:first-child .download-mobile {
margin-top: 10px
}
}
.text-image-banner {
display: grid;
grid-template-columns:repeat(2, 1fr)
}
.text-image-banner__bg-image-container {
display: flex;
align-items: center;
height: 100%;
grid-column: 2/3;
grid-row: 1/4
}
@media (max-width: 1200px) {
.text-image-banner {
grid-template-columns:1fr;
margin-left: 20px;
margin-right: 20px
}
.text-image-banner__title {
grid-row: 1/2
}
.text-image-banner__description {
grid-row: 3/4
}
.text-image-banner__footer {
grid-row: 4/5
}
.text-image-banner__bg-image-container {
grid-row: 2/3;
grid-column: unset
}
}
@media (min-width: 1201px) {
header .menu .menu-item > a:hover svg, header .menu .menu-item > span:hover svg {
transform: unset
}
}
.menu-arrow {
display: flex;
align-items: center;
width: 100%;
justify-content: flex-end;
height: 100%
}
.btn_android, .btn_ios {
display: grid;
grid-template-columns:auto 1fr;
grid-template-rows:1fr;
max-width: 234px;
font-size: 16px;
text-align: left
}
.btn_android:before, .btn_ios:before {
grid-column: 1/2;
grid-row: 1/3
}
.download-mobile__buttons p {
font-weight: 700;
margin-bottom: 0;
text-align: left
}
.download-mobile__buttons p:first-child {
font-size: 14px;
line-height: 21px;
margin-bottom: 0
}
.download-mobile__buttons p:nth-child(2) {
font-size: 20px;
line-height: 30px;
margin-bottom: 0
}
.site-section__header {
color: #fff;
background-color: #39246690;
}
.download-mobile h1 {
color: #fff
}
h1 {
font-size: 32px;
line-height: 42px
}
h2 {
font-size: 28px;
line-height: 36px
}
.wp-block-columns .wp-block-column > :not(:last-child) {
margin-bottom: 20px
}
.site-section__body p:last-child:not([class]), .site-section__body p:last-child[class=has-text-align-center] {
margin-bottom: 0
}
.onewinmd-wrapper .site-section__body .wp-block-columns:last-child {
margin-bottom: 0
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap !important;
align-items: normal !important
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap !important
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
@media (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
flex-grow: 0
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap !important
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
flex-grow: 0
}
:where(.wp-block-columns.has-background) {
padding: 1.25em 2.375em
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: bottom
}
.wp-block-image img, .wp-block-image.has-custom-border img {
box-sizing: border-box
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
height: auto;
width: 100%
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
display: table
}
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.aligncenter > figcaption, .wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-image .is-style-rounded img, .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-image :where(.has-border-color) {
border-style: solid
}
.wp-block-image :where([style*=border-top-color]) {
border-top-style: solid
}
.wp-block-image :where([style*=border-right-color]) {
border-right-style: solid
}
.wp-block-image :where([style*=border-bottom-color]) {
border-bottom-style: solid
}
.wp-block-image :where([style*=border-left-color]) {
border-left-style: solid
}
.wp-block-image :where([style*=border-width]) {
border-style: solid
}
.wp-block-image :where([style*=border-top-width]) {
border-top-style: solid
}
.wp-block-image :where([style*=border-right-width]) {
border-right-style: solid
}
.wp-block-image :where([style*=border-bottom-width]) {
border-bottom-style: solid
}
.wp-block-image :where([style*=border-left-width]) {
border-left-style: solid
}
.wp-block-image figure {
margin: 0
}
ol, ul {
box-sizing: border-box
}
ol.has-background, ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
direction: ltr;
display: grid;
grid-template-columns:50% 1fr;
grid-template-rows:auto;
box-sizing: border-box
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns:1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
align-self: start
}
.wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
grid-column: 2;
grid-row: 1;
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
grid-column: 2;
grid-row: 1
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
grid-column: 1;
grid-row: 1
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
height: auto;
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
display: block;
height: 100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns:100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2
}
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
border-collapse: collapse;
width: 100%
}
.wp-block-table td, .wp-block-table th {
border: 1px solid;
padding: .5em
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-table .has-border-color td, .wp-block-table .has-border-color th, .wp-block-table .has-border-color tr, .wp-block-table .has-border-color > * {
border-color: inherit
}
.wp-block-table table[style*=border-top-color] tr:first-child, .wp-block-table table[style*=border-top-color] tr:first-child td, .wp-block-table table[style*=border-top-color] tr:first-child th, .wp-block-table table[style*=border-top-color] > *, .wp-block-table table[style*=border-top-color] > * td, .wp-block-table table[style*=border-top-color] > * th {
border-top-color: inherit
}
.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
border-top-color: currentColor
}
.wp-block-table table[style*=border-right-color] td:last-child, .wp-block-table table[style*=border-right-color] th, .wp-block-table table[style*=border-right-color] tr, .wp-block-table table[style*=border-right-color] > * {
border-right-color: inherit
}
.wp-block-table table[style*=border-bottom-color] tr:last-child, .wp-block-table table[style*=border-bottom-color] tr:last-child td, .wp-block-table table[style*=border-bottom-color] tr:last-child th, .wp-block-table table[style*=border-bottom-color] > *, .wp-block-table table[style*=border-bottom-color] > * td, .wp-block-table table[style*=border-bottom-color] > * th {
border-bottom-color: inherit
}
.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
border-bottom-color: currentColor
}
.wp-block-table table[style*=border-left-color] td:first-child, .wp-block-table table[style*=border-left-color] th, .wp-block-table table[style*=border-left-color] tr, .wp-block-table table[style*=border-left-color] > * {
border-left-color: inherit
}
.wp-block-table table[style*=border-style] td, .wp-block-table table[style*=border-style] th, .wp-block-table table[style*=border-style] tr, .wp-block-table table[style*=border-style] > * {
border-style: inherit
}
.wp-block-table table[style*=border-width] td, .wp-block-table table[style*=border-width] th, .wp-block-table table[style*=border-width] tr, .wp-block-table table[style*=border-width] > * {
border-width: inherit;
border-style: inherit
}
.wp-block-text-columns, .wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
.footer__logo-inner img {
width: auto;
max-height: 35px
}
.payments-table table._wd td:first-child {
color: var(--second-font-color)
}
.payments-table__first-cell-content {
color: #fff
}
.payments-table .payments-table__val {
text-align: right
}
.payments-table table._wd tr:not(:first-child) td {
border: none
}
.payments-table table._wd {
border: 1px solid #2b313c
}
.payments-table table._wd tr:nth-child(2n+1) {
border-bottom: 1px solid #2b313c
}
.payments-table table._wd tr:nth-child(2n) td:nth-child(2n+1) {
border-right: 1px solid #2b313c
}
.payments-table table._wd tr:nth-child(2n+1) td:nth-child(2n) {
border-right: 1px solid #2b313c
}
.payments-table table td.payments-table__val {
font-weight: 500;
font-size: 14px;
line-height: 20px
}
.payments-table table td.payments-table__prop {
font-weight: 600;
font-size: 16px;
line-height: 22px
}
.payments-table__table._wd td, .payments-table__table._wd th {
min-width: 120px
}
.header {
position: relative;
flex-wrap: wrap;
height: unset
}
.header__logo {
justify-content: flex-start;
padding-top: 10px;
padding-bottom: 10px
}
@media (max-width: 1024px) {
.header__logo {
order: 1;
padding: 10px 0
}
}
.header__nav {
justify-content: flex-start;
order: 2
}
.menu-main-nav-container {
justify-content: center
}
body {
padding-top: 0
}
.header__burger {
top: 5px
}
.header {
background-color: unset
}
header .menu .menu-item > a, header .menu .menu-item > span {
padding: 12px 15px
}
header .menu .menu-item {
background: unset
}
.faq-item__header, .onewinmd-wrapper > .wp-block-table table th, .payments-table__table th, .site-section__header, .tabs .tab-view__header, .toc__header {
color: #fff
}
.extra-bonus:not(._img) .extra-bonus__title, .faq-item__title, .payments-table table._wd td:first-child, .payments-table__first-cell-content, .site-section__header h1, .site-section__header h2, .site-section__header h3, .site-section__header h4, .site-section__header h5, .slot-item__title, .tabs .tab-view__body, .text-image__content, .toc .toc-body-list__link, .toc__title {
color: #fff
}
.extra-bonus:not(._img), .faq-item, .onewinmd-wrapper > .site-section, .tabs, .toc {
background: linear-gradient(356deg, rgb(2, 2, 22) 4%, rgb(0, 31, 71) 62%);
color: #fff;
border-radius: 12px;
border: 1px solid #6d51aa;
}
.faq__body {
padding: 24px 0 0 0
}
.faq__body.site-section__body {
background-color: unset
}
.faq-item__body {
border: none
}
.how-to .how-to-item__id::before {
border-top: 12px solid #dfe6f7
}
.payments-table__first-cell-content {
white-space: nowrap
}
.payments-table__first-cell-content img {
min-width: 50px;
width: auto;
max-height: 50px;
}
.site-section__header {
text-align: center
}
.breadcrumbs__link {
color: var(--header-bg-color)
}
.breadcrumbs__link--no-active {
color: var(--table-link-color)
}
ol:not([class]) li::marker,
ul:not([class]) li::marker,
.wp-block-list li::marker
{
color: #2fbb68
}
.header__buttons {
order: 3;
justify-content: center
}
@media (max-width: 1024px) {
.header__buttons {
justify-content: center
}
header._burger-active .header__buttons {
background-color: unset
}
}
.btn, .btn.btn_medium {
border-radius: 8px;
padding: 10px
}
.btn.btn_big {
border-radius: 8px
}
.btn.btn_blue {
background-color: #03a9f4
}
.btn.btn_blue:hover {
background-color: #0180c4
}
.btn.btn_red {
background-color: #1aaa5a
}
.btn.btn_red:hover {
background-color: #1ec94e
}
.promo-container__text {
color: #fff
}
.copy-field__copy-btn {
background-image: linear-gradient(70deg, #31bc69 -8%, #089e4e 96%)
}
.extra-bonus__copy-field {
position: relative
}
.extra-bonus__copy-field:after, .extra-bonus__copy-field:before {
content: '';
position: absolute;
left: -2px;
top: -2px;
background: linear-gradient(45deg, #fb0094, #0000ff, #0f0, #ffff00, red, #fb0094, #00f, #00ff00, #ff0, #ff0000);
background-size: 400%;
width: calc(100% + 4px);
height: calc(100% + 4px);
z-index: -1;
animation: steam 20s linear infinite;
border-radius: 20px
}
@keyframes steam {
0% {
background-position: 0 0
}
50% {
background-position: 400% 0
}
100% {
background-position: 0 0
}
}
.extra-bonus__copy-field:after {
filter: blur(50px)
}
:root {
--header-active-bg-color: #DFE6F7;
--second-font-color: #FFF
}
header .menu .menu-item svg {
max-height: 47px
}
header .menu .menu-item .menu-arrow svg {
transform: rotate(180deg)
}
.table td, .wp-block-table table td {
color: var(--header-active-bg-color)
}
.footer__bottom, .footer__nav-container .menu .menu-item a, .footer__nav-container .menu .menu-item span {
color: var(--header-active-bg-color)
}
.tabs__item:not(._active) {
background-color: var(--header-bg-color);
color: var(--header-active-bg-color)
}
.breadcrumbs__link {
color: var(--main-font-color)
}
header .menu .menu-item .sub-menu .menu-item > a, header .menu .menu-item .sub-menu .menu-item > span {
color: var(--main-font-color)
}
@media (max-width: 1200px) {
.header__buttons {
flex-wrap: wrap;
gap: 4px;
order: 4
}
}
.screenshot-gallery__item img {
width: 100%;
height: auto;
object-fit: contain
}
.header__lang {
display: flex;
flex-direction: column;
background-color: #000;
border-radius: 5px;
padding: 10px;
margin: 0 10px;
cursor: pointer;
order: 4
}
.header__current-lang, .header__lang img {
min-width: 23px;
height: 22px
}
.header__current-lang {
cursor: pointer
}
.header__lang .header__lang-list {
position: absolute;
top: 100%;
left: unset;
right: 0;
display: none;
flex-direction: column;
padding-left: 0;
margin-top: 0;
list-style: none;
background-color: #000;
border-radius: 0 0 5px 5px
}
@media (min-width: 901px) {
.header__lang:hover .header__lang-list {
display: flex
}
}
.header__lang._open .header__lang-list {
display: flex
}
.header__lang .header__lang-item {
display: flex;
justify-content: center;
align-items: center;
padding: 10px
}
.header__current-lang, .header__lang img {
width: 33px;
height: 23px;
object-fit: cover
}
@media (max-width: 768px) {
.header__lang, .header__lang .header__lang-item {
padding: 5px
}
}
.header__lang {
position: relative;
display: flex;
flex-direction: column;
background-color: #000;
border-radius: 5px;
padding: 8px 9px;
margin: 0 10px;
cursor: pointer;
z-index: 10000
}
.header__current-lang, .header__lang img {
width: auto;
height: 22px;
object-fit: contain
}
.header__current-lang {
cursor: pointer
}
.header__lang .header__lang-list {
position: absolute;
top: 100%;
left: 0;
display: none;
flex-direction: column;
padding-left: 0;
margin-top: 0;
list-style: none;
background-color: #000;
border-radius: 0 0 5px 5px
}
.header__lang .header__lang-item {
display: flex;
justify-content: center;
align-items: center;
padding: 10px
}
.header__buttons {
margin-left: auto
}
.header__buttons .header__btn {
font-size: 14px;
font-weight: 700;
line-height: 18px;
letter-spacing: -.28px;
padding: 12px 8px;
text-transform: unset
}
.header__wrapper {
flex-grow: 1
}
.page-header__burger {
margin-left: 16px
}
.header__current-lang, .header__lang img {
width: 32px;
height: 22px;
object-fit: cover
}
.header__current-lang {
height: 22px;
width: auto;
object-fit: contain
}
.header__lang img {
height: 22px;
width: auto;
object-fit: contain
}
.header__lang {
flex-direction: row;
align-items: center;
gap: 5px
}
.lang__code {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #fff;
margin: 0
}
.header__lang .header__lang-list {
width: 100%
}
.header__lang .header__lang-list:before {
content: '';
width: 100%;
height: 2px
}
.header__lang .header__lang-item {
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
font-size: 14px;
font-weight: 400;
line-height: 24px
color: #fff;
padding: 0
}
.header__lang .header__lang-list > li {
padding: 8px 9px
}
.header__lang, .header__lang._open {
border-radius: 10px
}
.header__lang img {
width: 32px;
height: 23px;
object-fit: cover
}
.header__lang .header__lang-item p {
margin: 0
}
.header__lang .header__lang-list {
background-color: unset
}
.header__lang .header__lang-list > li {
display: flex;
justify-content: flex-end;
background-color: #1f2841
}
.header__lang .header__lang-list > li:first-child {
border-radius: 10px 10px 0 0
}
.header__lang .header__lang-list > li:last-child {
border-radius: 0 0 10px 10px
}
.header__lang-close, .header__lang-close._show {
display: none
}
.header__lang .header__lang-list > li {
position: relative
}
.header__lang-list .lang__code {
position: absolute;
top: 0;
left: 9px;
bottom: 0;
margin: auto;
pointer-events: none
}
@media (min-width: 901px) {
.header__lang:hover .header__lang-list {
display: flex
}
}
@media (max-width: 900px) {
.header__lang._open {
position: absolute;
top: 100%;
width: 100vw;
margin: 0;
border-radius: 0;
display: flex;
justify-content: space-between;
padding: 12px 10px;
z-index: 999
}
.header__lang._open > svg {
display: none
}
.header__lang._open .header__lang-list {
width: 100%
}
.header__lang._open .header__lang-list::before {
content: unset
}
.header__lang._open .header__lang-list > li {
background-color: #090f1e;
padding: 0;
margin: 0
}
.header__lang._open .header__lang-list > li:first-child {
border-radius: 0
}
.header__lang._open .header__lang-list > li:last-child {
border-radius: 0
}
.header__lang._open .header__lang-list > li:not(:last-child) {
border-bottom: 1px solid #1f2841
}
.header__lang._open .header__lang-item {
padding: 12px 10px
}
.header__lang-close {
display: none;
background: 0 0;
border: none
}
.header__lang-close._show {
display: flex;
order: 3;
z-index: 999
}
.header__lang._open {
padding: 12px 10px
}
.header__lang._open .header__lang-list .lang__code {
left: 10px
}
}
.advantages-block ul {
list-style: none;
padding-left: 0;
}
.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;
text-align: center;
padding: 10px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
border-radius: 10px;
height: 100%;
background-color: #031a3a
}
.advantages__image {
width: 150px;
height: 150px;
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
}
.advantages__title {
margin-top: 1rem;
color: var(--header-bg-color)
}
.columns .columns__container {
display: grid;
gap: 30px
}
.columns.col-1 .columns__container {
grid-template-columns:1fr
}
.columns.col-2 .columns__container {
grid-template-columns:repeat(2, 1fr)
}
.columns.col-3 .columns__container {
grid-template-columns:repeat(3, 1fr)
}
.columns.col-4 .columns__container {
grid-template-columns:repeat(4, 1fr)
}
.columns.col-5 .columns__container {
grid-template-columns:repeat(5, 1fr)
}
@media (max-width: 1200px) {
.columns.col-3 .columns__container {
grid-template-columns:repeat(2, 1fr)
}
.columns.col-4 .columns__container {
grid-template-columns:repeat(3, 1fr)
}
.columns.col-5 .columns__container {
grid-template-columns:repeat(4, 1fr)
}
}
@media (max-width: 767px) {
.columns.col-3 .columns__container, .columns.col-4 .columns__container, .columns.col-5 .columns__container {
grid-template-columns:repeat(1, 1fr)
}
}
.head-bonus {
display: flex;
padding: 20px 40px;
flex-direction: column;
align-items: center;
gap: 24px;
border-radius: 12px;
background: #3d54b7
}
.head-bonus__content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px;
border-radius: 12px;
border: 1px solid #869dff;
background: linear-gradient(0deg, #29397c 0, rgba(41, 57, 124, 0) 21.79%), linear-gradient(180deg, #29397c 0, rgba(41, 57, 124, 0) 28.55%), linear-gradient(0deg, rgba(0, 0, 0, .32) 0, rgba(0, 0, 0, .32) 100%), url(../images/bonus_bg.webp) no-repeat;
width: 100%;
min-height: 304px
}
.head-bonus__content:after, .head-bonus__content:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 280px;
height: 280px;
z-index: 0
}
.head-bonus__content > * {
position: relative;
z-index: 1
}
.head-bonus__content:before {
left: 0;
background-image: url(../images/gift1.webp)
}
.head-bonus__content:after {
right: 0;
background-image: url(../images/gift2.webp)
}
.head-bonus__title {
position: relative;
color: #fff;
font-size: 38px;
font-weight: 600;
line-height: normal;
text-align: center;
text-transform: uppercase;
padding-bottom: 12px
}
.head-bonus__title b, .head-bonus__title span {
color: #ffc700
}
.head-bonus__title:after {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: auto;
width: 100%;
max-width: 360px;
height: 1px;
background: linear-gradient(90deg, rgba(160, 178, 255, 0) 0, #a0b2ff 49.85%, rgba(161, 179, 255, 0) 100.75%)
}
.head-bonus__time-title {
color: #cbcbcb;
font-size: 14px;
font-weight: 600;
line-height: normal;
margin-top: 24px;
margin-bottom: 12px
}
.head-bonus__time {
display: grid;
grid-template-columns:repeat(5, auto);
grid-template-rows:repeat(2, auto);
gap: 0 4px;
margin-bottom: 24px
}
.time {
color: #fff;
text-align: center;
font-size: 36px;
font-weight: 700;
line-height: 42px;
grid-row: 1/2;
align-self: center;
min-width: 68px
}
.time__name {
color: #cbcbcb;
text-align: center;
font-size: 14px;
font-weight: 500;
line-height: normal;
grid-row: 2/3;
align-self: center
}
.time__del {
color: #fff;
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: normal;
grid-row: 1/3
}
@media (max-width: 1200px) {
.head-bonus {
padding: 16px
}
.head-bonus__content:after {
content: none
}
.head-bonus__content:before {
top: 12px;
right: 12px;
left: 12px;
bottom: unset;
width: 180px;
height: 180px
}
.head-bonus__title {
margin-top: 196px
}
}
@media (max-width: 767px) {
.head-bonus__btn {
width: 100%
}
}
header .menu .menu-item > a:hover {
text-decoration: underline;
opacity: .8
}
.content-btn-container .btn.btn_blue {
background-color: #1aaa5a
}
.content-btn-container .btn.btn_blue:hover {
background-color: #1ec94e
}
.wp-block-table table tr th {
background-color: #6d51aa
}
.table td, .wp-block-table table td, .wp-block-table table th {
border: 1px solid #6d51aa;
}
.tabs__menu {
background: #142a51
}
.tabs__item:not(._active) {
background-color: transparent;
border: 1px solid #392466
}
.tabs__item._active, .tabs__item:hover {
background: #392466
}
.tab-view__header, .tabs__list, .tabs__views {
background: linear-gradient(356deg, rgb(2, 2, 22) 4%, rgb(0, 31, 71) 62%)
}
@media (max-width: 1200px) {
.tabs__list {
background-color: transparent
}
.tabs__menu {
padding: 12px 20px
}
}
.how-to .how-to-item:not(:last-child) .how-to-item__body:after {
content: url('data:image/svg+xml,');
position: absolute;
left: 5px;
bottom: 5px;
background-color: #392466;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
}
.how-to .how-to-item__title {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 auto 30px auto
}
.how-to .how-to-item__title:after {
content: '';
width: 100px;
height: 5px;
border-radius: 40px;
background-color: #6d51aa
}
.how-to .how-to-item__description {
margin: 0 auto
}
.faq.site-section {
background-color: unset;
border-radius: unset
}
.faq-item {
border-radius: 4px;
border: 1px solid #6d51aa;
overflow: hidden;
}
.faq-item__header {
background-color: #392466
}
.faq-item__body {
background: linear-gradient(356deg, rgb(2, 2, 22) 4%, rgb(0, 31, 71) 62%)
}
.faq-item .faq-item__title-block {
padding: 4px 20px
}
@media (max-width: 1100px) {
.footer__nav-container .menu .menu-item {
text-align: center
}
}
@media (max-width: 1200px) {
.header__lang {
order: 3
}
}
.content-btn-container._button-wrapper {
flex-direction: column;
align-items: center;
gap: 20px;
border-radius: 12px;
border: 1px solid #869dff;
background: #2b3d9f;
padding: 12px;
text-align: center
}
.content-btn-container._button-wrapper > p {
margin-bottom: 0
}
@media (max-width: 1000px) {
.onewinmd-wrapper:first-child .text-image .text-image__content > :not(._button-wrapper) {
order: inherit
}
.onewinmd-wrapper:first-child .text-image .text-image__content > :last-child {
margin-bottom: 0
}
.onewinmd-wrapper:first-child .text-image .text-image__content > ._button-wrapper {
order: 1;
margin-bottom: 20px
}
.onewinmd-wrapper:first-child .text-image .text-image__content > ._button-wrapper .btn {
width: 100%
}
}
.links__block-title {
text-align: center;
margin-bottom: 20px
}
.links {
display: grid;
grid-template-columns:repeat(5, 1fr);
gap: 8px;
list-style: none
}
@media (max-width: 1200px) {
.links {
grid-template-columns:repeat(4, 1fr)
}
}
@media (max-width: 1024px) {
.links {
grid-template-columns:repeat(2, 1fr)
}
}
@media (max-width: 767px) {
.links {
padding: 0 16px;
grid-template-columns:1fr
}
}
.links .links__item {
display: flex;
align-items: center;
gap: 8px;
padding: 12px;
border-radius: 12px;
background: #3c488c;
text-decoration: none;
transition: .2s
}
.links .links__item:hover {
opacity: .7
}
.links .links__item img {
max-width: 40px
}
.links .links__title {
color: #fff;
font-size: 16px;
font-weight: 800;
line-height: 24px
}
.app-buttons {
display: grid;
grid-template-columns:repeat(2, 1fr);
gap: 12px;
border-radius: 12px;
border: 1px solid #6277da;
background: #2b3d9f;
padding: 12px
}
.app-buttons__text {
text-align: center;
grid-column: span 2
}
.app-buttons__info {
display: flex;
align-items: center;
gap: 16px;
justify-content: center;
grid-column: span 2
}
.app-buttons .app-buttons__button {
display: flex;
align-items: center;
gap: 4px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
width: 100%;
padding: 10px 24px
}
.app-buttons__downloads, .app-buttons__rating {
display: flex;
align-items: center;
gap: 4px;
font-size: 14px;
font-weight: 700;
line-height: 18px
}
@media (max-width: 767px) {
.app-buttons {
display: grid;
grid-template-columns:1fr;
gap: 12px 0
}
.app-buttons__info, .app-buttons__text {
grid-column: span 1
}
.text-image._app .text-image__body .text-image__content {
order: 1
}
.text-image._app .text-image__body .text-image__image-container {
order: 2
}
.text-image._app .text-image__body .text-image__content > .app-buttons {
order: 1;
margin-bottom: 1rem
}
.text-image._app .text-image__body .text-image__content > :not(.app-buttons) {
order: 2
}
}
@media (max-width: 500px) {
.header {
height: unset;
}
.header__buttons {
width: 100%;
justify-content: center;
}
.header__buttons .header__btn {
white-space: normal;
}
.header__burger-checkbox:checked ~ .header__buttons .header__btn:last-child {
margin-right: 0;
}
}
:root {
--header-active-bg-color: #DFE6F7;
--second-font-color: var(--header-bg-color);
}
header .menu .menu-item svg {
max-height: 47px;
}
.welcome-bonus._bg:before,
.welcome-bonus._bg:after {
content: none;
display: none;
}
.gslide-image img {
max-height: 80vh !important;
}
.footer-gallery {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 15px;
width: 100%;
padding: 8px 0;
list-style: none;
padding-left: 0;
}
.footer-gallery:first-of-type{
border-top: 1px solid #392466;
}
.footer-gallery img {
width: auto;
max-height: 44px;
}
.footer-gallery a {
display: flex;
}
.footer__widgets {
color: var(--header-active-bg-color);
padding: 16px 0;
border-right: 1px solid #392466;
}
.menu-header-container {
width: 100%;
}
.glightbox-open {
overflow: unset!important;
}
.gslide-image img {
max-width: 80vw!important;
max-height: 80vh!important;
}