@font-face {
    font-display: swap;
    font-family: roboto-oh5;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/roboto-regular-webfont.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: roboto-oh5;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/roboto-italic-webfont.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: roboto-oh5;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/roboto-bold-webfont.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: roboto-oh5;
    font-style: italic;
    font-weight: 700;
    src: url(/fonts/roboto-bolditalic-webfont.woff2) format("woff2")
}

::-webkit-input-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

::-ms-input-placeholder {
    color: #666
}

::placeholder {
    color: #666
}

::-moz-selection {
    background-color: #323344;
    color: #fff
}

::selection {
    background-color: #323344;
    color: #fff
}

body {
    background-color: #323344;
    color: #fff;
    font-family: roboto-oh5, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    min-width: 320px;
    overflow-x: hidden;
    position: relative
}

@media screen and (max-width:992px) {
    body {
        font-size: 16px
    }
}

a {
    color: #d7c2ff;
    text-decoration: none
}

ul {
    padding-left: 20px
}

ul li {
    margin-bottom: 15px
}

::-webkit-scrollbar {
    border-radius: 5px;
    width: 5px
}

::-webkit-scrollbar-track {
    background-color: #0b2a30
}

::-webkit-scrollbar-thumb {
    background-color: #7046bf;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.container {
    margin: 0 auto;
    max-width: 1350px;
    padding: 0 15px
}

.site-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 0
}

.site-header,
.site-header__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.site-header__buttons {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}


@media screen and (max-width:576px) {
  .site-header__buttons {
      flex-wrap: nowrap;
    margin: 20px auto 0;
    }
}



.site-header__buttons a {
    border-radius: 10px;
    color: #fff;
    display: block;
    font-weight: bolder;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
}

.site-header__buttons a:first-child {
    background: #ffb749;
    -webkit-box-shadow: 2px 2px 2px #763a87;
    box-shadow: inherit;
}

.site-header__buttons a:last-child {
    background: #8554df;
    -webkit-box-shadow: 2px 2px 2px #c3730c;
    box-shadow: inherit;
    margin-left: 20px;
}

.site-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0
}

.site-nav a {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-decoration: none;
    text-shadow: 2px 2px 2px #763a87;
    text-transform: uppercase
}

.site-footer {
    padding-bottom: 50px
}

.site-footer__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0 20px
}

.site-footer__copyright {
    display: block;
    font-size: 14px;
    margin-top: 10px
}

@media screen and (max-width:1345px) {
    .small-wrapper {
        margin: 0 auto;
        max-width: 920px
    }
}

@media screen and (max-width:580px) {
    .site-header__buttons a:last-child {
      
    }
    .site-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .site-nav a {
        margin-top: 10px
    }
}

.list-of-contents-title {
    font-size: 26px;
    font-weight: bolder
}

.list-of-contents {
    margin-bottom: 20px;
    margin-top: 20px
}

.site-table {
    background: #252738;
    border-radius: .4em;
    color: #fff;
    margin: 1em 0;
    min-width: 300px;
    overflow: hidden;
    width: 100%
}

.site-table tr {
    border-color: #46637f;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.site-table th {
    display: none;
    margin: .5em 1em
}

.site-table td {
    display: block;
    margin: .5em 1em
}

.site-table td:first-child {
    padding-top: .5em
}

.site-table td:last-child {
    padding-bottom: .5em
}

.site-table td:before {
    content: attr(data-th) ": ";
    display: inline-block;
    font-weight: 700;
    margin-right: 20px;
    text-align: left;
    width: 6.5em
}

@media (min-width:768px) {
    .site-table td:before {
        display: none
    }
}

.site-table td {
    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;
    text-align: right
}

.site-table td,
.site-table th {
    background: #2d2f45;
    padding: 10px
}

@media (min-width:768px) {
    .site-table td,
    .site-table th {
        border-radius: 5px;
        display: table-cell;
        padding: 1em !important;
        text-align: center
    }
    .site-table td:first-child,
    .site-table th:first-child {
        padding-left: 0
    }
    .site-table td:last-child,
    .site-table th:last-child {
        padding-right: 0
    }
}

.site-banner {
    background: linear-gradient(91deg, rgba(0, 0, 0, .588), transparent) 0 0/cover, url(/img/banner-bg.webp) 0 0/cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 10px;
    margin-bottom: 25px;
    margin-top: 15px;
    max-width: 100%;
    min-height: 280px;
    padding: 30px
}

.site-banner__title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 30px
}

.site-banner__link {
    background: #8554df;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 8px 30px;
    text-align: center;
}

@media screen and (max-width:895px) {
    .site-banner {
        background-position: 42%
    }
}

.games-wrapper__title {
    font-size: 32px;
    font-weight: bolder
}

.games {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px
}

.game,
.games {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.game {
    margin-bottom: 20px;
    min-height: 180px;
    position: relative;
    width: 19%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

.game__type {
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    left: 8px;
    padding: 5px 10px;
    position: absolute;
    text-transform: uppercase;
    top: 8px;
    z-index: 2
}

.game__type--best {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(171, 2, 58, .8)), to(rgba(65, 100, 177, .97)));
    background: linear-gradient(90deg, rgba(171, 2, 58, .8), rgba(65, 100, 177, .97))
}

.game__type--top {
    background: linear-gradient(-45deg, #f59316, #8f23d5)
}

.game__cover {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.game__title {
    background: linear-gradient(179deg, rgba(18, 59, 68, .15), #423443);
    color: #d7c2ff;
    font-size: 17px;
    font-weight: 500;
    height: 40px;
    line-height: 24px;
    padding: 8px 10px 0 0;
    text-align: right;
    text-shadow: 1px 1px 2px #000;
    width: 100%
}

.game__play-btn {
    background: #7046bf;
    border: 1px solid silver;
    border-radius: 10px;
    color: #fff;
    display: none;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    opacity: .8;
    padding: 8px 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 50%
}

.game:hover .game__play-btn {
    display: block
}

@media screen and (max-width:900px) {
    .game {
        width: 48%
    }
}

.payment-methods-wrapper {
    margin-bottom: 25px;
    margin-top: 25px
}

.payment-methods-wrapper__title {
    display: block;
    font-size: 22px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.payment-methods {
    border-bottom: 1px dotted #c9d8e7;
    border-top: 1px dotted #c9d8e7;
    padding: 5px 0
}

.payment-methods ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none
}

.payment-methods ul li {
    padding: 10px
}

.payment-methods ul li i {
    background-image: url(/img/sprite-payment-systems.webp);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}

.payment-methods ul li:first-child i {
    background-position: -1114px 0;
    height: 60px;
    width: 85px
}

.payment-methods ul li:first-child:hover i {
    background-position: -838px -1039px;
    height: 60px;
    width: 85px
}

.payment-methods ul li:nth-child(2) i {
    background-position: -379px -1039px;
    height: 60px;
    width: 88px
}

.payment-methods ul li:nth-child(2):hover i {
    background-position: -286px -1039px;
    height: 60px;
    width: 88px
}

.payment-methods ul li:nth-child(3) i {
    background-position: -907px -974px;
    height: 60px;
    width: 92px
}

.payment-methods ul li:nth-child(3):hover i {
    background-position: -1004px -974px;
    height: 60px;
    width: 92px
}

.payment-methods ul li:nth-child(4) i {
    background-position: -205px -974px;
    height: 60px;
    width: 97px
}

.payment-methods ul li:nth-child(4):hover i {
    background-position: -103px -974px;
    height: 60px;
    width: 97px
}

.payment-methods ul li:nth-child(5) i {
    background-position: -447px -519px;
    height: 60px;
    width: 142px
}

.payment-methods ul li:nth-child(5):hover i {
    background-position: -294px -584px;
    height: 60px;
    width: 142px
}

.payment-methods ul li:nth-child(6) i {
    background-position: -656px -1039px;
    height: 60px;
    width: 86px
}

.payment-methods ul li:nth-child(6):hover i {
    background-position: -747px -1039px;
    height: 60px;
    width: 86px
}

.payment-methods ul li:nth-child(7) i {
    background-position: 0 -714px;
    height: 60px;
    width: 129px
}

.payment-methods ul li:nth-child(7):hover i {
    background-position: -268px -714px;
    height: 60px;
    width: 129px
}

.payment-methods ul li:nth-child(8) i {
    background-position: -234px -844px;
    height: 60px;
    width: 111px
}

.payment-methods ul li:nth-child(8):hover i {
    background-position: -350px -844px;
    height: 60px;
    width: 111px
}

.providers-wrapper {
    margin-bottom: 25px;
    margin-top: 25px
}

.providers-wrapper__title {
    display: block;
    font-size: 22px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.providers {
    padding: 5px 0
}

.providers ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none
}

.providers ul li {
    padding: 10px
}

.providers ul li i {
    background-image: url(/img/sprite-partners.webp);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}

.providers ul li:first-child i {
    background-position: -175px -390px;
    height: 60px;
    width: 170px
}

.providers ul li:first-child:hover i {
    background-position: 0 -390px;
    height: 60px;
    width: 170px
}

.providers ul li:nth-child(2) i {
    background-position: -931px -65px;
    height: 60px;
    width: 125px
}

.providers ul li:nth-child(2):hover i {
    background-position: -931px -130px;
    height: 60px;
    width: 125px
}

.providers ul li:nth-child(3) i {
    background-position: -619px -325px;
    height: 60px;
    width: 156px
}

.providers ul li:nth-child(3):hover i {
    background-position: -619px -390px;
    height: 60px;
    width: 156px
}

.providers ul li:nth-child(4) i {
    background-position: -436px 0;
    height: 60px;
    width: 178px
}

.providers ul li:nth-child(4):hover i {
    background-position: -436px -65px;
    height: 60px;
    width: 178px
}

.providers ul li:nth-child(5) i {
    background-position: -784px -585px;
    height: 60px;
    width: 134px
}

.providers ul li:nth-child(5):hover i {
    background-position: -784px -520px;
    height: 60px;
    width: 134px
}

.providers ul li:nth-child(6) i {
    background-position: -784px -650px;
    height: 60px;
    width: 134px
}

.providers ul li:nth-child(6):hover i {
    background-position: -784px -715px;
    height: 60px;
    width: 134px
}

.providers ul li:nth-child(7) i {
    background-position: -175px -455px;
    height: 60px;
    width: 165px
}

.providers ul li:nth-child(7):hover i {
    background-position: -345px -455px;
    height: 60px;
    width: 165px
}

.providers ul li:nth-child(8) i {
    background-position: -410px -780px;
    height: 60px;
    width: 131px
}

.providers ul li:nth-child(8):hover i {
    background-position: -274px -780px;
    height: 60px;
    width: 131px
}

.providers ul li:nth-child(9) i {
    background-position: -221px -975px;
    height: 60px;
    width: 103px
}

.providers ul li:nth-child(9):hover i {
    background-position: -113px -975px;
    height: 60px;
    width: 103px
}

.providers ul li:nth-child(10) i {
    background-position: -350px -390px;
    height: 60px;
    width: 170px
}

.providers ul li:nth-child(10):hover i {
    background-position: 0 -455px;
    height: 60px;
    width: 170px
}

.providers ul li:nth-child(11) i {
    background-position: -452px -715px;
    height: 60px;
    width: 145px
}

.providers ul li:nth-child(11):hover i {
    background-position: -302px -715px;
    height: 60px;
    width: 145px
}

.providers ul li:nth-child(12) i {
    background-position: -619px -260px;
    height: 60px;
    width: 159px
}

.providers ul li:nth-child(12):hover i {
    background-position: -619px -195px;
    height: 60px;
    width: 159px
}

.providers ul li:nth-child(13) i {
    background-position: -186px -325px;
    height: 60px;
    width: 181px
}

.providers ul li:nth-child(13):hover i {
    background-position: 0 -325px;
    height: 60px;
    width: 181px
}

.providers ul li:nth-child(14) i {
    background-position: -122px -910px;
    height: 60px;
    width: 117px
}

.providers ul li:nth-child(14):hover i {
    background-position: 0 -910px;
    height: 60px;
    width: 117px
}

.providers ul li:nth-child(15) i {
    background-position: 0 -715px;
    height: 60px;
    width: 146px
}

.providers ul li:nth-child(15):hover i {
    background-position: -151px -715px;
    height: 60px;
    width: 146px
}

.providers ul li:nth-child(16) i {
    background-position: -223px 0;
    height: 60px;
    width: 208px
}

.providers ul li:nth-child(16):hover i {
    background-position: 0 -130px;
    height: 60px;
    width: 208px
}

.providers ul li:nth-child(17) i {
    background-position: 0 -520px;
    height: 60px;
    width: 160px
}

.providers ul li:nth-child(17):hover i {
    background-position: -165px -520px;
    height: 60px;
    width: 160px
}

.providers ul li:nth-child(18) i {
    background-position: -671px -845px;
    height: 60px;
    width: 128px
}

.providers ul li:nth-child(18):hover i {
    background-position: -538px -845px;
    height: 60px;
    width: 128px
}

.providers ul li:nth-child(19) i {
    background-position: -784px -325px;
    height: 60px;
    width: 140px
}

.providers ul li:nth-child(19):hover i {
    background-position: -784px -260px;
    height: 60px;
    width: 140px
}

.providers ul li:nth-child(20) i {
    background-position: 0 -1040px;
    height: 60px;
    width: 56px
}

.providers ul li:nth-child(20):hover i {
    background-position: -525px -390px;
    height: 60px;
    width: 56px
}

.providers ul li:nth-child(21) i {
    background-position: -931px -260px;
    height: 60px;
    width: 124px
}

.providers ul li:nth-child(21):hover i {
    background-position: -931px -325px;
    height: 60px;
    width: 124px
}

.providers ul li:nth-child(22) i {
    background-position: 0 -650px;
    height: 60px;
    width: 149px
}

.providers ul li:nth-child(22):hover i {
    background-position: -628px -585px;
    height: 60px;
    width: 149px
}

.providers ul li:nth-child(23) i {
    background-position: -515px -455px;
    height: 60px;
    width: 98px
}

.providers ul li:nth-child(23):hover i {
    background-position: -753px -975px;
    height: 60px;
    width: 98px
}

.providers ul li:nth-child(24) i {
    background-position: -1061px -910px;
    height: 60px;
    width: 65px
}

.providers ul li:nth-child(24):hover i {
    background-position: -1061px -845px;
    height: 60px;
    width: 65px
}

.providers ul li:nth-child(25) i {
    background-position: -495px -520px;
    height: 60px;
    width: 118px
}

.providers ul li:nth-child(25):hover i {
    background-position: -804px -845px;
    height: 60px;
    width: 118px
}

.providers ul li:nth-child(26) i {
    background-position: -137px -780px;
    height: 60px;
    width: 132px
}

.providers ul li:nth-child(26):hover i {
    background-position: 0 -780px;
    height: 60px;
    width: 132px
}

.providers ul li:nth-child(27) i {
    background-position: -329px -975px;
    height: 60px;
    width: 102px
}

.providers ul li:nth-child(27):hover i {
    background-position: -436px -975px;
    height: 60px;
    width: 102px
}

.providers ul li:nth-child(28) i {
    background-position: -195px -195px;
    height: 60px;
    width: 190px
}

.providers ul li:nth-child(28):hover i {
    background-position: 0 -195px;
    height: 60px;
    width: 190px
}

.providers ul li:nth-child(29) i {
    background-position: -135px -845px;
    height: 60px;
    width: 130px
}

.providers ul li:nth-child(29):hover i {
    background-position: -546px -780px;
    height: 60px;
    width: 130px
}

.providers ul li:nth-child(30) i {
    background-position: -931px -520px;
    height: 60px;
    width: 120px
}

.providers ul li:nth-child(30):hover i {
    background-position: -931px -650px;
    height: 60px;
    width: 120px
}

.providers ul li:nth-child(31) i {
    background-position: -816px -780px;
    height: 60px;
    width: 108px
}

.providers ul li:nth-child(31):hover i {
    background-position: 0 -975px;
    height: 60px;
    width: 108px
}

.providers ul li:nth-child(32) i {
    background-position: -648px -975px;
    height: 60px;
    width: 100px
}

.providers ul li:nth-child(32):hover i {
    background-position: -543px -975px;
    height: 60px;
    width: 100px
}

.providers ul li:nth-child(33) i {
    background-position: -931px -390px;
    height: 60px;
    width: 120px
}

.providers ul li:nth-child(33):hover i {
    background-position: -931px -715px;
    height: 60px;
    width: 120px
}

.providers ul li:nth-child(34) i {
    background-position: -436px -130px;
    height: 60px;
    width: 177px
}

.providers ul li:nth-child(34):hover i {
    background-position: -436px -195px;
    height: 60px;
    width: 177px
}

.providers ul li:nth-child(35) i {
    background-position: -931px -195px;
    height: 60px;
    width: 125px
}

.providers ul li:nth-child(35):hover i {
    background-position: -931px 0;
    height: 60px;
    width: 125px
}

.providers ul li:nth-child(36) i {
    background-position: -784px -390px;
    height: 60px;
    width: 139px
}

.providers ul li:nth-child(36):hover i {
    background-position: -784px -455px;
    height: 60px;
    width: 139px
}

.providers ul li:nth-child(37) i {
    background-position: -154px -650px;
    height: 60px;
    width: 148px
}

.providers ul li:nth-child(37):hover i {
    background-position: -460px -650px;
    height: 60px;
    width: 148px
}

.providers ul li:nth-child(38) i {
    background-position: -619px -520px;
    height: 60px;
    width: 153px
}

.providers ul li:nth-child(38):hover i {
    background-position: -619px -455px;
    height: 60px;
    width: 153px
}

.providers ul li:nth-child(39) i {
    background-position: -606px -910px;
    height: 60px;
    width: 115px
}

.providers ul li:nth-child(39):hover i {
    background-position: -486px -910px;
    height: 60px;
    width: 115px
}

.providers ul li:nth-child(40) i {
    background-position: -365px -910px;
    height: 60px;
    width: 116px
}

.providers ul li:nth-child(40):hover i {
    background-position: -244px -910px;
    height: 60px;
    width: 116px
}

.providers ul li:nth-child(41) i {
    background-position: 0 -260px;
    height: 60px;
    width: 187px
}

.providers ul li:nth-child(41):hover i {
    background-position: -192px -260px;
    height: 60px;
    width: 187px
}

.providers ul li:nth-child(42) i {
    background-position: -931px -780px;
    height: 60px;
    width: 119px
}

.providers ul li:nth-child(42):hover i {
    background-position: -931px -845px;
    height: 60px;
    width: 119px
}

.providers ul li:nth-child(43) i {
    background-position: -1061px -325px;
    height: 60px;
    width: 87px
}

.providers ul li:nth-child(43):hover i {
    background-position: -1061px -390px;
    height: 60px;
    width: 87px
}


nav.site-nav.small-wrapper {
    padding: 0;
}