*{
padding:0;
margin:0;
border:0
}
*,::after,::before{
/*-webkit-box-sizing:border-box;*/
box-sizing:border-box
}
a,a:link,a:visited{
color:inherit
}
a,a:hover,a:link,a:visited{
text-decoration:none;
color:white;
}
aside,footer,header,legend,main,nav,section{
display:block
}
h1,h2,h3,h4,h5,h6,p{
font-size:inherit;
font-weight:inherit
}
ul,ul li{
list-style:none
}
img{
vertical-align:top
}
img,svg{
max-width:100%;
height:auto
}
address{
font-style:normal
}
input,select,textarea{
background-color:transparent
}
button,input,select,textarea{
font-family:inherit;
font-size:inherit;
color:inherit
}
/*input::-ms-clear{
display:none
}*/
button,input[type=submit]{
display:inline-block;
/*-webkit-box-shadow:none;*/
box-shadow:none;
background-color:transparent;
background:0 0;
cursor:pointer
}
button:active,button:focus,input:active,input:focus{
outline:0
}
/*button::-moz-focus-inner{
padding:0;
border:0
}*/
label{
cursor:pointer
}
:root{
--primary-color:#110d0e;
--bg-color:var(--primary-color);
--accent-color:#c9051d;
--accent-grad:linear-gradient(180deg, #d1021b, #a71023);
--secondary-color:#F5C66B;
--secondary-grad:linear-gradient(0deg, #fffc, #fffc), linear-gradient(180deg, #fff, #dadada);
--surface-grad:linear-gradient(180deg, rgba(166, 3, 22, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%), #1F1A1B;
--surface-navbar:linear-gradient(0deg,#000000b3,#000000b3),linear-gradient(180deg,#c8c8c8b3,#1f1a1b00);
--white-color:#fff;
--black-color:#000;
--text-color:#d1d1d1;
--text-color-alt:var(--white-color);
--font-main:"Arial", sans-serif;
--transition-duration:.2s;
--container-width:1240px;
--container-padding-x:15px
}
body,html{
scroll-behavior:smooth;
scroll-margin-top:5rem;
height:100%
}
html{
font-size:100%
}
body{
/*font-family:var(--font-main);*/
color:var(--text-color);
background-color:var(--bg-color);
overflow-x:hidden
}
ol{
margin-left:2rem;
font-size:1.25rem
}
li:not(:last-child){
margin-bottom:.5rem
}
.container{
max-width:1182px;
width:100%;
padding:0 15px;
margin-left:auto;
margin-right:auto
}
.mobile-scroll{
overflow-x:scroll;
/*-ms-overflow-style:none;*/
scrollbar-width:none
}
.icon-24{
width:1.5rem;
height:1.5rem;
max-width:1.5rem;
max-height:1.5rem
}
.base-section{
margin-bottom:3rem
}
h1,h2,h3,h4{
line-height:120%
}
p{
line-height:140%;
font-size:1rem
}
h1{
font-size:3rem
}
h2{
font-size:2.25rem
}
h3{
font-size:1.6rem
}
.heading{
font-weight:700;
/*color:var(--text);*/
margin-bottom:1rem
}
.heading::first-letter{
text-transform:uppercase
}
.heading--icon{
/*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
}
.heading--grey{
color:#c4c4c4
}
.heading__text{
margin-left:.5rem
}
.heading--center{
text-align:center
}
.simple-text{
font-size:1.25rem;
/*color:var(--text)*/
}
.simple-text--center{
text-align:center
}
.simple-text--s{
font-size:1rem
}
.page{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex;
/*-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;*/
flex-direction:column;
height:100%
}
.main{
padding-top:4.5rem;
/*-webkit-box-flex:1;
-ms-flex:1 0 auto;*/
flex:1 0 auto;
padding-bottom:6rem
}
.footer{
margin-top:2rem;
/*-webkit-box-flex:0;
-ms-flex:0 0 auto;*/
flex:0 0 auto
}
.game-gallery{
padding-top:1rem;
padding-left:1rem;
padding-right:1rem
}
.game-gallery__row{
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:.5rem;
min-width:100%
}
.game-gallery__title{
font-size:1.25rem;
font-weight:700
}
.game-gallery__title::after{
content:"";
border-bottom:1px solid var(--text-color);
border-left:1px solid var(--text-color);
display:inline-block;
margin-left:6px;
height:6px;
/*-webkit-transform:rotate(-135deg) translateY(.2rem);
-ms-transform:rotate(-135deg) translateY(.2rem);*/
transform:rotate(-135deg) translateY(.2rem);
width:6px
}
.game-gallery__top{
padding-bottom:1rem;
display:none
}
.game-card{
/*display:-webkit-inline-box;
display:-ms-inline-flexbox;*/
display:inline-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
}
.game-card__img,.game-card__thumb{
border-radius:10px;
max-width:132px;
max-height:132px
}
.game-card__thumb{
position:relative;
min-width:132px;
min-height:132px;
overflow-y:hidden
}
.game-card__img{
width:100%;
height:100%;
aspect-ratio:1/1;
/*-o-object-fit:cover;*/
object-fit:cover
}
.game-card__overlay{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
display:none;
/*-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;*/
flex-direction:column;
/*-webkit-box-pack:justify;
-ms-flex-pack:justify;*/
justify-content:space-between;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center;
padding:.5rem 0;
background-color:rgba(0,0,0,.5);
z-index:4
}
.game-card__thumb:hover .game-card__overlay{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex
}
.game-card__title{
font-size:.8rem;
color:var(--text-color);
text-align:center;
margin-top:.2rem;
max-width:70%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.game-card__btn{
font-size:.8rem
}
.game-card__badge{
display:inline-block;
position:absolute;
top:0;
left:0;
z-index:2;
color:var(--black-color);
padding:5px .5rem;
text-transform:uppercase;
font-weight:500;
font-size:.8rem;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
background-color:var(--white-color)
}
.intro{
width:100%;
height:40vh;
max-height:22rem;
overflow:hidden;
margin-bottom:.5rem
}
.intro__inner{
height:100%;
position:relative
}
.intro__img{
width:100%;
height:100%;
position:absolute;
z-index:1;
/*-o-object-fit:cover;*/
object-fit:cover
}
.intro__content-inner{
height:100%;
position:absolute;
z-index:2;
color:var(--black-color);
/*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-pack:center;
-ms-flex-pack:center;*/
justify-content:center;
/*-webkit-box-align:start;
-ms-flex-align:start;*/
align-items:flex-start
}
.intro__title{
text-shadow:1px 1px 1px #1e225d,1px -1px 1px #1e225d,-1px 1px 1px #1e225d,-1px -1px 1px #1e225d,0 0 1px #1e225d;
color:#fff;
font-size:1.625rem;
font-weight:700;
margin:0 0 8px
}
.intro__sub{
font-size:1.5rem;
font-weight:400
}
.intro__btn{
margin-top:.5rem
}
.header{
position:fixed;
top:0;
z-index:900;
display:block;
width:100%;
height:4.5rem;
max-height:4.5rem;
padding:.8rem 0;
background-color:var(--primary-color);
/*-webkit-box-shadow:0 2px 4px 0 rgba(38,38,38,.3019607843);*/
box-shadow:0 2px 4px 0 rgba(38,38,38,.3019607843)
}
.header__btn-group,.header__inner{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex
}
.header__inner{
/*-webkit-box-pack:justify;
-ms-flex-pack:justify;*/
justify-content:space-between;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center;
height:100%
}
.header__btn-group{
color:#fff;
gap:1rem
}
.header__login{
color:var(--white-color)
}
.btn{
display:inline-block;
text-align:center;
font-weight:700;
color:var(--black-color);
/*background:var(--secondary-grad);*/
border-radius:10px;
padding:1em 2em
}
.btn::first-letter{
text-transform:uppercase
}
.btn:hover{
background:var(--white-color)
}
.btn--accent{
background:var(--accent-grad)
}
.btn--accent:hover{
background:var(--accent-color)
}
.btn--accent,.btn--accent:visited{
color:var(--white-color)
}
.jackpot__inner{
padding:.5rem 0;
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex;
/*-webkit-box-pack:justify;
-ms-flex-pack:justify;*/
justify-content:space-between;
min-height:3.375rem;
max-height:3.375rem
}
.jackpot__control{
color:var(--white-color);
width:15rem
}
.jackpot__btn{
display:block;
width:100%
}
.jackpot__title{
color:#f00;
background:linear-gradient(358.88deg,#e4c47e -101.79%,#f9d380 -69.74%,#fff5a4 -33.32%,#f7eb76 -4.16%,#d5a857 31.07%,#fff9c7 60.89%,#f0c358 89.74%);
/*-webkit-background-clip:text;
background-clip:text;*/
font-size:2.25rem;
font-weight:800;
text-transform:uppercase;
position:relative
}
.jackpot__title::after{
background:radial-gradient(50% 50% at 50% 50%,#fdf6b0 0,rgba(253,245,171,0) 100%);
border:0;
border-radius:50%;
bottom:0;
/*-webkit-box-shadow:0 0 12px 0 #9b2033;*/
box-shadow:0 0 12px 0 #9b2033;
content:"";
height:4px;
left:-38px;
position:absolute;
width:70%
}
.main-nav{
/*background:var(--surface-grad);*/
padding:0 2rem;
margin-top:1rem;
border-radius:10px;
color:var(--text-color);
min-height:4.5rem;
max-height:3.375rem;
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex
}
.main-nav__link{
display:inline-block;
padding:1.5rem 1rem;
font-weight:700;
/*-webkit-transition:var(--transition-duration);*/
transition:var(--transition-duration)
}
.main-nav__link:hover{
color:var(--accent-color)
}
.main-nav__link--active{
color:var(--accent-color)!important;
border-bottom:2px solid var(--accent-color)
}
.main-nav__icon,.main-nav__text{
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center
}
.main-nav__text{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex
}
.main-nav__text svg{
margin-left:5px
}
.main-nav__icon{
/*-webkit-backdrop-filter:blur(8px);*/
backdrop-filter:blur(8px);
background:rgba(131,131,131,.2);
border-radius:10px;
/*-webkit-box-shadow:inset 12.5868px -12.5868px 12.5868px rgba(194,194,194,.031372549),inset -12.5868px 12.5868px 12.5868px rgba(255,255,255,.031372549);*/
box-shadow:inset 12.5868px -12.5868px 12.5868px rgba(194,194,194,.031372549),inset -12.5868px 12.5868px 12.5868px rgba(255,255,255,.031372549);
height:48px;
/*-webkit-box-pack:center;
-ms-flex-pack:center;*/
justify-content:center;
margin:0 auto;
overflow:hidden;
position:relative;
width:48px
}
.main-nav__icon,.main-nav__row{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex
}
@media screen and (min-width:769px){
.desktop-hidden{
display:none
}

}
@media screen and (max-width:1200px){
.container{
max-width:1030px
}

}
@media screen and (max-width:1024px){
.container{
max-width:940px
}
.game-gallery__row{
min-width:150%
}
.game-gallery__row--s{
grid-template-columns:repeat(6,minmax(0,1fr))
}
.game-gallery__top{
display:block
}

}
@media screen and (max-width:992px){
h1{
font-size:2.5rem
}
h2{
font-size:2rem
}
h3{
font-size:1.5rem
}
p{
font-size:1rem
}

}
@media screen and (max-width:768px){
.mobile-hidden{
display:none
}
.game-gallery__row{
min-width:200%
}
.main-nav{
background:0 0;
padding:0
}
.main-nav__link{
/*display:-webkit-box;
display:-ms-flexbox;*/
display:flex;
/*-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;*/
flex-direction:column;
/*-webkit-box-align:center;
-ms-flex-align:center;*/
align-items:center;
/*-webkit-box-pack:center;
-ms-flex-pack:center;*/
justify-content:center;
font-size:.875rem;
padding:5px;
white-space:nowrap
}

}
@media screen and (max-width:576px){
.container{
max-width:100%
}
h1{
font-size:2rem
}
h2{
font-size:1.8rem
}
h3{
font-size:1.2rem
}
p{
font-size:1rem
}

}
@media screen and (max-width:510px){
.game-gallery__row{
min-width:250%
}

}
@media screen and (max-width:454px){
.game-gallery__row{
min-width:380%
}

}