* {
box-sizing:border-box;
}

html,h1,h2,h3,h4,h5,h6,p,blockquote,strong,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,footer,header,menu,nav{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	width:100%;
	font:inherit;
	vertical-align:baseline;
}

img{
	max-width:100%;
	vertical-align:middle;
	height:auto;
	margin: 4px 10px 2px 0px;
}
a{
	text-decoration:none;
	outline:none;
	color:#11489b;
	transition:color .15s linear
}
a:hover{
	color:#f24337
}

.menu.open.nav.menu-footer {
flex-direction:column
}

body {
background-image:linear-gradient(45deg, #161622, #2f1415);
color:#eee;
flex-direction:column;
flex-wrap:nowrap;
font-family:Montserrat,sans-serif;
font-size:16px;
line-height:1.5;
margin:0;
min-width:320px;
padding:0;
width:100%
}

.topnav .menu-icon {
display:none
}

.section-footer {
background-color:var(--producer-color);
padding-top:30px
}

article {
margin-bottom:40px
}

.wrapper {
max-width:1024px;
margin:0 10px;
width:-webkit-fill-available
}
.menu-wrapper {
width:100%;
}

[class^=container-] {
display:flex;
width:-webkit-fill-available;
justify-content:center;
}
.container-producer {
flex-direction:column
}
.container-footer {
flex-direction:column;
align-items:center;
padding-bottom:30px;
}
[class^=section] {
width:100%;
display:flex;
flex-direction:column;
align-items:center
}

.block-header {
width:100%;
align-items:center;
display:flex;
justify-content:space-between
}

.header-logotype {
height:48px;
margin:12px 0
}

.st-content-block {
background-color:#000;
box-sizing:border-box;
display:flex;
justify-content:center;
padding:5px 10px;
width:100%;
margin:10px 0 0;
border-radius:10px
}

.font-style-header-block {
color:#fff;
font-size:13px;
text-align:center
}

.st-template-part {
display:contents;
width:100%
}

.display-two {
display:grid;
gap:30px;
grid-template:1fr/1fr 1fr
}

.hamburger {
cursor:pointer;
display:flex;
flex-direction:column;
height:2rem;
justify-content:space-around;
width:2rem
}

.hamburger span {
background:#333;
border-radius:3px;
height:3px;
transition:all .3s;
width:2rem
}

.menu {
display:none
}

.hamburger span:nth-child(2) {
transform-origin:0 0
}

.menu.open .hamburger span:first-child {
transform:rotate(45deg) translate(0.4rem,0.5rem)
}

.menu.open .hamburger span:nth-child(2) {
opacity:0
}

.menu.open .hamburger span:last-child {
transform:rotate(-45deg) translate(0.4rem,-0.5rem)
}

.product-template {
align-items:center;
display:flex;
height:100%
}

.product-info {
align-items:flex-start;
display:flex;
flex-direction:column;
height:100%;
justify-content:center
}

.product-media.product-template img {
border-radius:10px
}

.product-name {
font-size:22px;
font-weight:700;
color:#fff
}

.product-description {
color:#e0e0e0;
font-size:14px;
text-align:left;
margin:10px 0
}

.header-block {
align-items: center;
border-radius: 10px;
height: auto;
justify-content: center;
padding: 60px 40px;
background-image: var(--header-block-color);
}

.button-group {
display:flex;
gap:15px;
margin:10px 0;
width:100%
}

.btn-header-template {
border-radius:10px;
padding:10px 20px
}

a.btn-header-template.btn-log {
color: #fff;
border: 1px solid #ca68f1;
font-weight: bold;
}

a.btn-header-template.btn-reg {
color: #000;
background-image: linear-gradient(45deg, #ffcc00, #cc9900);
}

.btn-header-template.btn-reg {
position:relative;
overflow:hidden
}

.btn-header-template.btn-reg::before {
content:'';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
transition:left 0.5s ease
}

.btn-header-template.btn-reg:hover::before {
left:100%
}

.logo,body {
align-items:center;
display:flex
}

.logo {
height:68px;
justify-content:center
}

.product-info {
display:flex;
flex-direction:column
}

#product-name,#table-of-contents p {
color:#fff;
font-size:50px;
font-weight:700
}

#table-of-contents p {
font-size:120%;
margin:5px 0 10px
}

.header-button {
align-content:center;
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:20px 0 0
}

figcaption {
text-align:center;
font-size:14px;
color:#6b6b6b;
margin-bottom:10px
}

table {
border-radius:10px;
border-style:solid;
border-width:1px;
font-size:15px;
word-break:break-word;
width:100%
}

tbody {
border-color:#959495
}

td {
color:#c1c1c1
}

.faq details {
background:#272727;
display:block;
margin:7px 0;
overflow:hidden
}

.faq summary {
cursor:pointer;
display:block;
font-weight:700;
padding:10px 15px
}

.faq p {
font-size:90%;
padding:0 15px
}

img {
max-width:100%;
height:auto
}

iframe {
border-radius:10px
}

.menu-footer {
align-items:center;
border-radius:10px;
flex-wrap:wrap;
max-width:100%
}

.menu-footer ul {
flex-wrap:wrap;
gap:10px;
list-style:none;
margin:0;
padding:0
}
.back-menu ul {
list-style:none;
display:flex;
margin:0;
padding:0
}

.menu-footer a {
color:#fff
}

.menu-footer li {
padding:0
}

#button-menu:hover,.back-menu a {
color:#d046d2
}

.menu-footer,.menu-footer ul, {
display:flex;
justify-content:center
}

.back-menu,.copyright {
display:flex;
font-size:12px
}

.copyright {
justify-content:space-between;
margin-top:30px;
width:100%;
color:#fff;
}

.licensed {
color:#979797;
font-size:11px;
text-align:center;
margin-top:30px
}

.back-menu {
flex-wrap:wrap;
align-items:center;
justify-content:center;
text-decoration:none;
margin-top:30px
}

.back-menu a {
color:#b73ddd;
padding:0 5px;
text-decoration:none;
transition:.3s
}

.back-menu a:hover {
color:#fff
}

blockquote {
border-bottom:solid #fff 2px;
border-left:solid #fff 15px;
border-right:solid #fff 2px;
border-top:solid #fff 2px;
margin:0 10px;
padding:10px;
border-radius:10px;
text-align:justify;
margin-inline-start:0;
margin-inline-end:0
}

[class^="comment-box-"] {
background:#30232d;
border-radius:10px;
display:flex;
flex-wrap:nowrap;
margin:10px;
padding:18px 10px
}

.comment-body {
display:flex;
flex-direction:column;
width:100%
}

.comment-body {
padding-left:10px
}

.comment-avatar {
fill:#5a4c67
}

.comment-meta {
align-items:center;
display:flex;
flex-wrap:nowrap
}

.comment-author {
font-size:80%;
font-weight:700
}

.comment-time {
color:#878787;
font-size:80%;
line-height:0;
margin-left:10px
}

.comment-text {
font-size:90%;
padding-top:10px
}

li.active {
color:#c200ff;
}
.menu-footer li.active {
color:#c200ff;
}

.menu-icon svg {
stroke: #fff;
}
/* WIDGET STYLE ONE */
.section-categories {
width:-webkit-fill-available;
gap:10px;
flex-direction:row;
margin:10px;
}
.category-name {
z-index:9;
color:white;
font-size:21px;
font-weight:bold;
}
[class^="category_id"] {
position:relative;
background-color:#1b1f2e;
border-radius:0.62rem;
width:100%;
height:4.8rem;
padding:0 3.75rem;
overflow:hidden;
display:flex;
align-items:center;
}
[class^="category_id"] img {
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
-webkit-transition:.3s ease;
transition:.3s ease;
}
[class^="category_id"]:hover img {
transform:scale(1.05);
}
/* WIDGET STYLE TWO */
.slots {
display:grid;
grid-template-columns:repeat(6, 1fr);
width:-webkit-fill-available;
gap:10px
}
[class^=game--] {
display:flex;
flex-direction:column;
box-sizing:border-box;
height: auto;
overflow:hidden;
position:relative;
transition:.3s;
border-radius: 10px;
}
[class^=game--] img {
width:100%;
height:100%;
margin:0;
transition:.3s;
background-position:center;
background-repeat:no-repeat;
background-size:cover
}
[class^=game--]:hover img {
scale:1.15;
filter:blur(2px);
}
.slots-overlay, [class^=game--]::before {
background:linear-gradient(180deg,rgba(255,0,104,0) 0,#000000ba 84.27%);
left:0;
position:absolute;
top:0;
transition:.3s;
width:100%;
opacity:0;
}
[class^=game--]:hover .game-btn, [class^=game--]:hover .slots-overlay {
opacity:1;
transition:.3s;
}
.slots-overlay svg {
fill:#fff;
width:35px;
transition:.3s;
}
.slots-overlay svg:hover {
filter:drop-shadow(0px 0px 20px white);
scale:1.05;
}
.game-btn {
background-color:#fff;
border:0;
border-radius:3px;
color:#000;
cursor:pointer;
padding:10px 20px;
transition:background-color .3s ease-in-out,color .3s ease-in-out;
transform:skew(-10deg,0);
text-decoration:none;
font-size:14px;
font-weight:700;
opacity:0
}
.game-btn:hover {
box-shadow: 0 0 10px #3f3f3f;
color: #782430;
}
.slots-overlay {
display: flex;
justify-content: space-evenly;
align-items: center;
height: -webkit-fill-available;
flex-direction: column;
}
.slot__name, .slot__provider {
line-height:0;
}
.slot__name {
font-weight:bold;
font-size:14px;
}
.slot__provider {
color:#838383;
font-size:11px;
}
.section-title {
font-size:24px;
font-weight:bold;
margin:10px 0 10px 0
}
.oside {
cursor:pointer
}
/* PRODUCER LIST */
.producer-image {
--image-height: 3.75em;
width: 160px;
height: 60px;
overflow: hidden;
transition: all .5s ease;
}
.producer-image__wrapper {
width: 100em;
height: 100%;
overflow: hidden;
position: relative;
}
.producer-image__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.producer-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
justify-items: center;
gap: 10px;
}
.producer-image__image[data-class="netent"],
.producer-image__image[data-class="netent_"] {
object-position: 0 0;
}
.producer-image__image[data-class="playngo"] {
object-position: -10em 0;
}
.producer-image__image[data-class="yggdrasil"] {
object-position: -20em 0;
}
.producer-image__image[data-class="amatic"] {
object-position: -30em 0;
}
.producer-image__image[data-class="quickspin"],
.producer-image__image[data-class="quickspin_"] {
object-position: -40em 0;
}
.producer-image__image[data-class="habanero"] {
object-position: -50em 0;
}
.producer-image__image[data-class="microgaming"] {
object-position: -60em 0;
}
.producer-image__image[data-class="redtiger"] {
object-position: -70em 0;
}
.producer-image__image[data-class="evolution_gaming"],
.producer-image__image[data-class="evolution"],
.producer-image__image[data-class="evolution-gaming"] {
object-position: -80em 0;
}
.producer-image__image[data-class="ezugi"] {
object-position: -90em 0;
}
.producer-image__image[data-class="booongo"] {
object-position: 0 calc(-1 * var(--image-height));
}
.producer-image__image[data-class="playson"],
.producer-image__image[data-class="playson_"] {
object-position: -10em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="betsoft"] {
object-position: -20em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="pragmatic"],
.producer-image__image[data-class="pragmaticplay"] {
object-position: -30em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="btg"],
.producer-image__image[data-class="bigtimegaming"] {
object-position: -40em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="isoftbet"],
.producer-image__image[data-class="isoftbet_"],
.producer-image__image[data-class="isb"] {
object-position: -50em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="spinomenal"] {
object-position: -60em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="belatra"] {
object-position: -70em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="tomhorn"],
.producer-image__image[data-class="tom-horn"] {
object-position: -80em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="booming_games"],
.producer-image__image[data-class="booming-games"],
.producer-image__image[data-class="booming"] {
object-position: -90em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="wazdan"] {
object-position: 0 calc(-2 * var(--image-height));
}
.producer-image__image[data-class="1x2gaming"] {
object-position: -10em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="1x2irondog"],
.producer-image__image[data-class="irondogstudio"] {
object-position: -20em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="egt"],
.producer-image__image[data-class="amusnet"] {
object-position: -30em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="apollo_games"],
.producer-image__image[data-class="apollo-games"] {
object-position: -40em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="gameart"],
.producer-image__image[data-class="game-art"] {
object-position: -50em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="2by2-gaming"] {
object-position: -60em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="mrslotty"],
.producer-image__image[data-class="mr-slotty"] {
object-position: -70em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="edict"] {
object-position: -80em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="pariplay"],
.producer-image__image[data-class="wizardgames"]{
object-position: -90em calc(-2 * var(--image-height));
}
.producer-image__image[data-class="genesis-gaming"] {
object-position: 0 calc(-3 * var(--image-height));
}
.producer-image__image[data-class="rabcat-productions"] {
object-position: -10em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="bgaming"] {
object-position: -20em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="platipus"] {
object-position: -30em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="nextgen-gaming"] {
object-position: -40em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="endorphina"] {
object-position: -50em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="igrosoft"] {
object-position: -60em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="thunderkick"] {
object-position: -70em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="atronic"] {
object-position: -80em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="bet2tech"] {
object-position: -90em calc(-3 * var(--image-height));
}
.producer-image__image[data-class="cyberslot"] {
object-position: 0 calc(-4 * var(--image-height));
}
.producer-image__image[data-class="globalslots"] {
object-position: -10em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="megajack"] {
object-position: -20em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="novomatic"] {
object-position: -30em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="playtech"] {
object-position: -40em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="unicum"] {
object-position: -50em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="blueprint"] {
object-position: -60em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="elk"] {
object-position: -70em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="fugaso"] {
object-position: -80em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="greentube"] {
object-position: -90em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="nolimit"] {
object-position: 0 calc(-5 * var(--image-height));
}
.producer-image__image[data-class="nolimitcity"] {
object-position: 0 calc(-5 * var(--image-height));
}
.producer-image__image[data-class="pushgaming"] {
object-position: -10em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="relax"] {
object-position: -20em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="relaxgaming"] {
object-position: -20em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="alg"] {
object-position: -30em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="augustgaming"] {
object-position: -40em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="betradar"] {
object-position: -50em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="bsg"] {
object-position: -20em calc(-1 * var(--image-height));
}
.producer-image__image[data-class="fantasma"] {
object-position: -60em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="felixgaming"] {
object-position: -70em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="hacksaw"] {
object-position: -80em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="igtech"] {
object-position: -90em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="kalamba"] {
object-position: 0 calc(-6 * var(--image-height));
}
.producer-image__image[data-class="kiron"] {
object-position: -10em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="leander"] {
object-position: -20em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="reevo"] {
object-position: -30em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="luckystreak"] {
object-position: -40em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="maxwingaming"] {
object-position: -50em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="merkur"] {
object-position: -60em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="nucleus"] {
object-position: -70em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="playreels"] {
object-position: -80em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="sapphire"] {
object-position: -90em calc(-6 * var(--image-height));
}
.producer-image__image[data-class="sthlmgaming"] {
object-position: 0 calc(-7 * var(--image-height));
}
.producer-image__image[data-class="streambet"] {
object-position: -10em calc(-7 * var(--image-height));
}
.producer-image__image[data-class="technology"] {
object-position: -20em calc(-7 * var(--image-height));
}
.producer-image__image[data-class="truelab"] {
object-position: -30em calc(-7 * var(--image-height));
}
.producer-image__image[data-class="tvbet"] {
object-position: -40em calc(-7 * var(--image-height));
}
.producer-image__image[data-class="vivogaming"] {
object-position: -60em calc(-7 * var(--image-height));
}
.producer-image__image[data-class="goldenrace"] {
object-position: -70em calc(-7 * var(--image-height));
}
.producer-image__image[data-class="northernlights"] {
object-position: -80em calc(-7 * var(--image-height));
}
.producer-image__image[data-class="4thePlayer"] {
object-position: -90em calc(-7 * var(--image-height));
}
.producer-image__image[data-class="betgames"] {
object-position: 0 calc(-8 * var(--image-height));
}
.producer-image__image[data-class="rubyplay"] {
object-position: -10em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="caetanocasino"],
.producer-image__image[data-class="caetano"] {
object-position: -20em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="spribe"] {
object-position: -30em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="spadegaming"] {
object-position: -40em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="pocketgamessoft"] {
object-position: -50em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="authenticgaming"],
.producer-image__image[data-class="authentic"] {
object-position: -60em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="5men"] {
object-position: -70em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="mascotgaming"],
.producer-image__image[data-class="mascot"] {
object-position: -80em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="stakelogic"] {
object-position: -90em calc(-8 * var(--image-height));
}
.producer-image__image[data-class="betradar"] {
object-position: 0 calc(-9 * var(--image-height));
}
.producer-image__image[data-class="gamzix"] {
object-position: -10em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="quickfire"] {
object-position: -20em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="pragmaticplaylive"] {
object-position: -30em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="netgame"] {
object-position: -40em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="oryxgaming"],
.producer-image__image[data-class="oryx"] {
object-position: -50em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="kagaming"] {
object-position: -60em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="onlypay"] {
object-position: -70em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="onlyplay"] {
object-position: -70em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="betsolutions"] {
object-position: -80em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="xprogaming"] {
object-position: -90em calc(-9 * var(--image-height));
}
.producer-image__image[data-class="trueplay"] {
object-position: 0 calc(-10 * var(--image-height));
}
.producer-image__image[data-class="3oaks"] {
object-position: -10em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="mancala"] {
object-position: -20em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="gamebeat"] {
object-position: -30em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="zillion"] {
object-position: -40em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="atmosfera"] {
object-position: -50em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="swintt"] {
object-position: -60em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="lucky"] {
object-position: -70em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="redrakegaming"] {
object-position: -80em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="avatarux"] {
object-position: -10em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="1spin4win"] {
object-position: -20em calc(-4 * var(--image-height));
}
.producer-image__image[data-class="slotmill"] {
object-position: -50em calc(-5 * var(--image-height));
}
.producer-image__image[data-class="turbogames"] {
object-position: -90em calc(-10 * var(--image-height));
}
.producer-image__image[data-class="salsa"] {
object-position: 0 calc(-11 * var(--image-height));
}
.producer-image__image[data-class="bluebird"] {
object-position: -10em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="beterlive"] {
object-position: -20em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="greenjadegames"] {
object-position: -30em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="onetouch"] {
object-position: -40em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="barbarabang"] {
object-position: -50em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="amigo"] {
object-position: -60em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="popiplay"] {
object-position: -70em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="aviatrix"] {
object-position: -80em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="smartsoft"] {
object-position: -90em calc(-11 * var(--image-height));
}
.producer-image__image[data-class="playbro"] {
object-position: 0 calc(-12 * var(--image-height));
}
.producer-image__image[data-class="spinthon"] {
object-position: -10em calc(-12 * var(--image-height));
}
.producer-image__image[data-class="evoplay"] {
object-position: -20em calc(-12 * var(--image-height));
}

@media (max-width: 767.99px) {
.menu {
background:#000000ed;
display:block;
height:100%;
left:0;
padding:20px 0;
position:fixed;
top:0;
transform:translateX(-100%);
width:100%;
}

.product-name,.product-description {
text-align:center;
width:100%
}
    
.product-info {
margin-top: 20px
}

.container-btn {
grid-template:1fr 1fr 1fr 1fr/1fr
}

.header-block {
padding:10px
}
    
.news-meta {
padding: 10px 10px 0
}

.button-group {
justify-content:center
}

.menu.open {
transform:translateX(0);
z-index: 4
}

.display-two {
gap:20px;
grid-template:1fr/1fr
}

.news-card img {
width:100%;
height: 200px
}

.benefits {
grid-template:1fr 1fr/1fr
}

.screen {
width:100%
}
    
#product-name {
font-size:250%;
color:#fff
}

#product-bonus {
font-size:80%
}

.menu-container {
grid-template:1fr 1fr 1fr 1fr/1fr
}

.infos {
grid-template:1fr/1fr
}
.section-categories {
flex-wrap:wrap
}
[class^="category_id"] {
padding:1px 1.75rem
}
.topnav {
width: 100%;
overflow: hidden;
position: relative;
}
.topnav .menu-icon {
color: white;
padding: 16px 10px;
text-decoration: none;
font-size: 17px;
display: block !important;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.topnav .menu-icon a:hover {
color: white;
}
li.active {
text-decoration: none;
font-size: 15px;
width: 100%;
padding: 10px 0;
display: flex !important;
justify-content: center;
}
#myLinks {
flex-direction: column;
align-items: center;
background-color: var(--bg-mobile-menu);
margin-bottom: 10px;
border-radius: 10px;
overflow: hidden;
}
#myLinks a {
width: 100%;
text-decoration: none;
font-size: 15px;
padding: 10px 0;
display: flex !important;
justify-content: center;
}
#myLinks ul {
width:100%;
list-style:none;
margin-block-start:10px;
margin-inline-start:0;
padding-inline-start:0;
margin-block-end:10px;
margin-inline-end:0
}
.slots {
grid-template-columns:repeat(2, 1fr)
}
}

@media (min-width: 768px) and (max-width: 1023.99px) {
.hamburger {
display:none
}

.header-block {
padding:20px
}

.container-btn {
grid-template:1fr 1fr/1fr 1fr
}

.menu {
display:block
}

.benefits {
grid-template:1fr/1fr 1fr
}

.screen {
width:100%
}

.topnav {
width: 100%;
overflow: hidden;
position: relative
}
#myLinks {
flex-direction: column;
align-items: center;
background-color: var(--bg-mobile-menu);
margin-bottom: 10px;
border-radius: 10px;
overflow: hidden;
}
#myLinks a {
width:100%;
text-decoration:none;
font-size:15px;
display:flex !important;
justify-content:center
}
#myLinks ul {
width:100%;
list-style:none;
margin-block-start:10px;
margin-inline-start:0;
padding-inline-start:0;
margin-block-end:10px;
margin-inline-end:0
}
#myLinks li {
padding:10px 0
}
.topnav .menu-icon {
color: white;
padding: 16px 10px;
text-decoration: none;
font-size: 17px;
display: block !important;
position: absolute;
right: 0;
top: 0;
cursor: pointer
}
.topnav .menu-icon a:hover {
color: white
}
li.active {
text-decoration: none;
font-size: 15px;
width: 100%;
padding: 10px 0;
display: flex !important;
justify-content: center;
}
.slots {
grid-template-columns:repeat(4, 1fr)
}
}

@media (min-width: 1024px) and (max-width: 1365.99px) {
.hamburger {
display:none
}

.menu {
display:block
}

.screen {
width:100%
}
    
.topnav {
width: 100%;
overflow: hidden;
position: relative;
display: flex;
justify-content: space-between;
}
/* Скрыть ссылки внутри меню навигации ( кроме главной/логотип) */
.topnav #myLinks {
display: flex !important;
flex-direction: row;
}
/* Ссылки меню навигации по стилю */
.topnav .menu-icon {
color: white;
padding: 16px 10px;
text-decoration: none;
font-size: 17px;
display: none;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.topnav .menu-icon a:hover {
color: white;
}
li.active {
text-decoration: none;
font-size: 15px;
display: flex !important;
justify-content: center;
}
#myLinks {
align-items: center;
margin-bottom: 0;
border-radius: 10px;
}
#myLinks a {
width: 100%;
text-decoration: none;
font-size: 15px;
display: flex !important;
justify-content: center;
}
#myLinks ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
}

@media (min-width: 1366px) {
.hamburger {
display:none
}
.menu {
display:block
}
.screen {
width:100%
}
.topnav {
width: 100%;
overflow: hidden;
position: relative;
display: flex;
justify-content: space-between;
}
.topnav #myLinks {
display: flex !important;
flex-direction: row;
}
.topnav .menu-icon {
color: white;
padding: 16px 10px;
text-decoration: none;
font-size: 17px;
display: none;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.topnav .menu-icon a:hover {
color: white;
}
li.active {
text-decoration: none;
font-size: 15px;
display: flex !important;
justify-content: center;
}
#myLinks {
align-items: center;
margin-bottom: 0;
border-radius: 10px;
}
#myLinks a {
width: 100%;
text-decoration: none;
font-size: 15px;
display: flex !important;
justify-content: center;
}
#myLinks ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
}

a {
color:#b04bdd;
text-decoration:none;
transition:.3s
}

a:hover {
color:#d87fff
}

li,p {
text-align:justify
}

h1,h2,h3,h4 {
color:#fff;
font-size:24px;
margin:15px 0 0
}

h2,h3,h4 {
font-size:21px
}

h3,h4 {
font-size:18px;
margin:10px 0 5px
}

h4 {
font-size:16px
}

td,th {
padding: 0 10px
}
td p {
text-align: left
}

:root {
--bg-mobile-menu:#3A2961;
--header-block-color:linear-gradient(45deg, #273051, #650383);
--producer-color:#241f2b;
--border-radius:10px;
--margin:0 10px;
--transition-duration:.3s
}