/* Fonts */
@font-face {font-display: swap;font-family:"Muller";font-style:normal;font-weight:400;src:local("MullerRegular"), url("../fonts/MullerRegular.woff2") format("woff2"), url("../fonts/MullerRegular.woff") format("woff"), url("../fonts/MullerRegular.eot") format("eot"), url("../fonts/MullerRegular.ttf") format("ttf");}
@font-face {font-display: swap;font-family:"MullerBold";font-style:normal;font-weight:700;src:local("MullerBold"), url("../fonts/MullerBold.woff2") format("woff2"), url("../fonts/MullerBold.woff") format("woff"), url("../fonts/MullerBold.eot") format("eot"), url("../fonts/MullerBold.ttf") format("ttf");}
@font-face {font-display: swap;font-family:"MullerBlack";font-style:normal;font-weight:900;src: local("MullerBlack"), url("../fonts/MullerBlack.woff2") format("woff2"), url("../fonts/MullerBlack.woff") format("woff"), url("../fonts/MullerBlack.eot") format("eot"), url("../fonts/MullerBlack.ttf") format("ttf");}
/* Main Styles */
* {margin:0;padding:0;}
html {width:100%;background:#242136;}
body {width:100%;height:100vh;font-family: "Muller";padding-top:130px;}
.container {margin:0 auto;display:flex;justify-content:space-between;}
main {background:url(../images/wided.svg);background-size:contain;background-repeat:repeat-y;box-shadow:0 5px 10px #000;padding:8px;}
/* Header Styles */
header {width:100%;height:110px;padding:10px 15px;display:flex;border:0;position:fixed;top:0;z-index:1000;background:#242136;transition:.8s;}
header .container {flex-direction:column;}
.header__top {display:block;width:100%;margin-bottom:20px;}
.header__bottom .links{display:flex;justify-content:space-between;align-items:center;}
header .logotype{width:200px;height:30px;margin:5px auto;}
.login {font-family:"MullerBold";color:#fff;text-transform:uppercase;font-size:18px;margin-right:25px;line-height:30px;}
.registration {background:#ff234a;color:#fff;text-transform:uppercase;font-size:18px;font-family:"MullerBlack";line-height:30px;padding:6px 30px;border-radius:15px;border-bottom:4px solid #910c20;text-decoration:none;}
/* Menu Styles */
.navigation {height:75px;background: linear-gradient(#0f1018 30%, #2c3148);background-image:url(../images/body.svg);box-shadow:inset 0 5px 25px 0 rgba(0,0,0,.8);}
.main__menu {width:100%;max-width:1200px;display:flex;height:75px;margin:0;align-items:center;}
.main__menu li {height:55px;list-style-type:none;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end;}
.main__menu li:hover {box-shadow:inset 0 0 0 38px #ffffff0d;border-radius:10px;}
.main__menu li a {text-decoration:none;font-size:10px;text-transform:uppercase;font-family:"MullerBlack";}
.main__menu li i {margin-bottom:10px;}
.main__menu li.slots a{color:#00ebda;margin-top:3px;}
.slots:after, .live:after, .tables:after{background-color:#313047;content: "";display:block;height:45px;position:absolute;top:6px;width:1px;right:0;}
.slots__icon {width:45px;height:31px;display:flex;}
.main__menu li.live a{color:#fe583a;margin-top:3px;}
.live__icon {width:37px;height:29px;display:flex;}
.main__menu li.tables a{color:#00f866;margin-top:3px;}
.tables__icon {width:31px;height:29px;display:flex;}
.main__menu li.tournaments a{color:#e8ce3a;margin-top:3px;}
.tournaments__icon {width:30px;height:27px;display:flex;}
/* Slots Section Styles */
.games {width:100%;max-width:1200px;}
.games .container {width:auto;max-width:1200px;}
.slotsi {width: 100%;display: flex;flex-wrap: wrap;gap: 15px;justify-content: space-between;}
.game__card {position: relative;background: #0e0e22;border: 1px solid #363751;border-radius: 10px;height: auto;overflow: hidden;box-shadow: 0 5px 5px #111;flex: 1 1 calc(20% - 10px);max-width: calc(20% - 10px);margin: 0;}
.game__card img.slot-ava {width:100%;height:auto;}
.game__card:hover {transform:scale(1.1);transition:.5s}
.game__card:hover .play {display:flex;transition:.4s}
.game__name {height:40px;display:flex;}
.game__name p {color:#fff;font-family:"Muller";text-align:center;line-height:22px;font-size:14px;margin:auto;}
.game__flags {position:absolute;top:0;left:10px;display:flex;}
.flag__pre, .flag__new {margin:0 5px;}
.play {position:absolute;top:0;left:0;display:flex;width:100%;height:137px;background-color:rgba(0, 0, 0, 0.8);opacity:0;flex-direction:column;align-items:center;justify-content:center;}
.game__card:hover .play {transition:.8s;opacity:1;}
.play a:hover {opacity:0.7;}
.play a.to-play {display:block;width:90px;margin:5px auto;background:#00c326;color:#fff;font-size:12px;text-transform:uppercase;text-decoration:none;padding:5px 0 3px 0;border-radius:5px;font-weight:700;border-bottom:3px solid #146e26;box-shadow:0 4px 6px #000;text-align:center;clear:both;}
.play a.to-demo {display:block;width:90px;margin:5px auto;background:#313048;color:#fff;font-size:12px;text-transform:uppercase;text-decoration:none;padding:5px 0 3px 0;border-radius:5px;font-weight:700;border-bottom:3px solid #191826;box-shadow:0 4px 6px #000;text-align:center;clear:both;}
/* Breadcrumbs Styles */
.breadcrumbs {position: relative;display:flex;justify-content:flex-end}
.breadcrumbs ul {display:flex;margin:-30px 0 0 0;padding:0;justify-content:flex-start;}
.breadcrumbs ul li {list-style:none;margin:5px;color:#ccc;font-size:14px;line-height:30px;white-space: nowrap;}
.breadcrumbs ul li a {color:#00ebda;}
.breadcrumbs-line {width:100%;height:1px;background-color:#00ebda;margin-top:-10px;}  
/* Text Styles */
article h1 {font-size: 1.7rem;}
article.text {margin-top:15px;padding:0;width:100%;max-width:1200px;}
.bonuses .container, article.text .container {background-color:#1c2240;padding:8px;color:#fff;background-image:url(../images/noise.webp);border-radius:10px;box-shadow:0 4px 6px #000;}
article.text .container {flex-direction:column;}
h1, h2, h3, h4, h5, h6 {text-transform:uppercase;font-family:"MullerBlack";padding-bottom:8px;border-bottom:1px solid #4d5a85;margin-bottom:15px;}
h1 {color:#fff;border:none;}
h2, h3, h4, h5, h6 {margin-top:15px;}
.bonuses p, article p {font-family:"Muller";line-height:2em;font-size:16px;margin-top:15px;}
article figure {max-width:100%;background:#161626;padding:10px;box-shadow:0 4px 6px #000;border-radius:10px;margin:15px auto;}
figcaption {color:#4d5a85;text-align:center;font-size:14px;line-height:30px;}
article figure img {width:100%;border:1px solid #4d5a85;}
article table {background:#161626;box-shadow:0 4px 6px #000;border-radius:10px;width:100%;border:1px solid #4d5a85;border-collapse:collapse;}
article table tbody {width:100%;display:table;}
article table.stats tr:last-child td:first-child {border-bottom:none;}
article table.stats tr:last-child td:last-child {border-bottom:none;}
article table.stats tr td {padding:14px;border-bottom:1px solid #4d5a85;line-height:1.8em;}
article table.stats tr td:first-child {text-align:right;width:40%;border-right:1px solid #4d5a85;}
article table.stats tr td:last-child {text-align:left;color:#4d5a85;}
article table tr th {text-transform:uppercase;color:#4d5a85}
article table tr th, article table tr td {padding:10px;text-align:center;border:1px solid #4d5a85}
article a {color:#ff234a;text-decoration:underline;}
article a:hover {opacity:0.7;}
article ul, article ol {margin:25px 0 25px 35px;}
article ul li, article ol li {line-height:2em;font-size:16px;}
article b {color:#ccc;font-weight:bold;}
.table-wrapper {width: 100%;overflow-x: auto;}
/*FAQ Styles*/
details {background:#0a0a14;margin:8px 0;padding:15px;border-radius:10px;border:1px solid #4d5a85;box-shadow:0 4px 6px #000;}
details summary {color:#4d5a85;font-weight:700;font-family:"MullerBold";text-transform:uppercase;}
.answer {margin-top:10px;color:#fff;display:block;line-height:2em;}
/*Reviews Styles*/
.comments-heading {display:block;margin-top:15px;text-transform:uppercase;font-family:"MullerBlack";padding-bottom:8px;border-bottom:1px solid #4d5a85;margin-bottom:15px;}
.comm_text {position:relative;background:#0a0a14;margin:15px 0;padding:15px 15px 15px 150px;border-radius:10px;border: 1px solid #e1536d;box-shadow: 0 4px 6px #000;}
.comm_text .name {color:#4d5a85;font-weight:700;font-family:"MullerBold";text-transform:uppercase;}
.comm_text:before {left:20px;top:calc(50% - 50px);display:block;content:"";position:absolute;width:100px;height:100px;background-image:url(../images/user.webp);z-index:9998;}
/*Footer Styles*/
footer {background:#0a0a14;}
footer .container {flex-direction:column;position:relative;}
.footer__navigation {border-bottom:2px dotted #888b97;}
.footer__navigation .bottom_menu {display:flex;flex-direction:column;}
.footer__navigation .bottom_menu li {list-style-type:none;margin:10px;text-align:center;}
.footer__navigation .bottom_menu li a {text-decoration:none;color:#fff;}
.attentions {display:flex;flex-direction:column;margin:15px 0;padding:15px;justify-content:space-between;}
.warning, .eighteen {display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.warning p, .eighteen p {color:#646a87;margin-left:15px;font-size:14px;line-height:1.5em;}
.payments {border-bottom: 2px dotted #888b97;padding-bottom:20px;}
.payments__methods{display:flex;flex-wrap:wrap;flex-direction:row;}
.payments li {align-items:center;background-color:hsla(0,0%,100%,.03);border-radius:5px;display:flex;flex-grow:1;height:40px;justify-content:center;margin:0 10px 10px 0;min-width:80px;padding:10px;width:auto;}
.languages {padding:20px;}
/* scrollTopBtn */
#scrollTopBtn {position:fixed;bottom:25px;right:25px;z-index:100;display:none;background-color:#2a2e48;color:white;border:none;outline:none;padding:12px 16px;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:opacity 0.3s ease;}
#scrollTopBtn:hover {background-color:#161626;}

/*PC Styles*/
@media(min-width:768px) {
body {padding-top:0;}
.container {width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;}
main {background:url(../images/wided.svg);background-size:contain;box-shadow:0 5px 10px #000;padding:15px 15px 25px 15px;}
/* Header Styles */
header {width:calc(100% - 50px);height:50px;padding:10px 25px;display:flex;border-bottom:2px solid #353246;position:relative;}
header .container {flex-direction:row;}
.header__top {display:flex;width:auto;}
header .logotype {width:200px;height:30px;}
.login {font-family:"MullerBold";color:#fff;text-transform:uppercase;font-size:18px;margin-right:25px;line-height:30px;}
.registration {background:#ff234a;color:#fff;text-transform:uppercase;font-size:18px;font-family:"MullerBlack";line-height:30px;padding:6px 30px;border-radius:15px;border-bottom:4px solid #910c20;text-decoration:none;}
.links a:hover {opacity:0.99;transform:scale(1.1);border-radius:15px;}
/* Menu Styles */
.navigation {height:55px;background: linear-gradient(#0f1018 30%, #2c3148);background-image:url(../images/body.svg);box-shadow:inset 0 5px 25px 0 rgba(0,0,0,.8);}
.main__menu {max-width:1200px;display:flex;padding:0;height:55px;margin:0 auto;flex-direction:row}
.main__menu li {list-style-type:none;width:25%;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;padding-left:0;}
.main__menu li:hover {border-radius:10px 10px 0 0;}
.main__menu li a {text-decoration:none;font-size:16px;text-transform:uppercase;font-family:"MullerBlack";line-height:55px;}
.main__menu li i {margin-bottom:0;}
.main__menu li.slots a{color:#00ebda;margin-top:3px;}
.slots__icon {width:51px;height:25px;display:flex;margin-right:10px;}
.main__menu li.live a{color:#fe583a;margin-top:3px;}
.live__icon {width:42px;height:32px;display:flex;margin-right:10px;}
.main__menu li.tables a{color:#00f866;margin-top:3px;}
.tables__icon {width:32px;height:32px;display:flex;margin-right:10px;}
.main__menu li.tournaments a{color:#e8ce3a;margin-top:3px;}
.tournaments__icon {width:32px;height:32px;display:flex;margin-right:10px;}
.slots:after, .live:after, .tables:after {height:32px;top:12.5px}
/* Slots Section Styles */
.games {margin:10px auto 30px;}
.games .container {display:flex;padding:0;}
.slotsi {width: 100%;display: flex;flex-wrap: wrap;gap: 7px;justify-content: space-between;}
.game__card {position: relative;background: #0e0e22;border: 1px solid #363751;border-radius: 10px;height: auto;overflow: hidden;box-shadow: 0 5px 5px #111;flex: 1 1 calc(20% - 10px);max-width: calc(20% - 10px);margin-bottom: 20px;}
.game__card:hover {transform:scale(1.1);}
.game__card:hover .play {display:block;}
.game__name {height:50px;display:flex;}
.game__name p {color:#fff;font-family:"Muller";text-align:center;line-height:22px;font-size:14px;margin:auto;}
.game__flags {position:absolute;top:0;left:10px;display:flex;}
.flag__pre, .flag__new {margin:0 5px;}
.play {height:165px;}
.game__card:hover .play {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.play a:hover {opacity:0.7;}
.play a.to-play {display:block;width:90px;margin:5px auto;background:#00c326;color:#fff;font-size:12px;text-transform:uppercase;text-decoration:none;padding:5px 0 3px 0;border-radius:5px;font-weight:700;border-bottom:3px solid #146e26;box-shadow:0 4px 6px #000;text-align:center;clear:both;}
.play a.to-demo {display:block;width:90px;margin:5px auto;background:#313048;color:#fff;font-size:12px;text-transform:uppercase;text-decoration:none;padding:5px 0 3px 0;border-radius:5px;font-weight:700;border-bottom:3px solid #191826;box-shadow:0 4px 6px #000;text-align:center;clear:both;}
/* Breadcrumbs Styles */

/* Text Styles */
article.text {margin:15px auto;max-width:100%;}
article.text .container {flex-direction:column;display:flex;background-color:#1c2240;padding:15px 30px;color:#fff;background-image:url(../images/noise.webp);border-radius:10px;box-shadow:0 4px 6px #000;box-sizing: border-box;}
article p {font-family:"Muller";line-height:2em;font-size:16px;margin-top:15px;}
article figure {max-width:100%;background:#161626;padding:10px;box-shadow:0 4px 6px #000;border-radius:10px;margin:15px auto;}
figcaption {color:#4d5a85;text-align:center;font-size:14px;line-height:30px;}
article figure img {max-width:100%;border:1px solid #4d5a85;}
article table {background:#161626;box-shadow:0 4px 6px #000;border-radius:10px;border:1px solid #4d5a85;border-collapse:collapse;}
article table tbody {width:100%;display:table;}
article table.stats tr:last-child td:first-child {border-bottom:none;}
article table.stats tr:last-child td:last-child {border-bottom:none;}
article table.stats tr td {padding:14px;border-bottom:1px solid #4d5a85;line-height:1.8em;}
article table.stats tr td:first-child {text-align:right;width:40%;border-right:1px solid #4d5a85;}
article table.stats tr td:last-child {text-align:left;color:#4d5a85;}
article table tr th {text-transform:uppercase;color:#4d5a85}
article table tr th, article table tr td {padding:10px;text-align:center;border:1px solid #4d5a85}
article table.stats tr td ol {padding:0;margin:0}
article table.stats tr td ol li {list-style-type:none;}
article a {color:#ff234a;text-decoration:underline;}
article a:hover {opacity:0.7;}
article ul, article ol {margin:25px 0 25px 35px;}
article ul li, article ol li {line-height:2em;font-size:16px;}
article b {color:#ccc;font-weight:bold;}
/*FAQ Styles*/
details {background:#0a0a14;margin:8px 0;padding:15px;border-radius:10px;border:1px solid #4d5a85;box-shadow:0 4px 6px #000;}
details summary {color:#4d5a85;font-weight:700;font-family:"MullerBold";text-transform:uppercase;}
.answer {margin-top:10px;color:#fff;display:block;line-height:2em;}
/*Reviews Styles*/
.comments-heading {display:block;margin-top:15px;text-transform:uppercase;font-family:"MullerBlack";padding-bottom:8px;border-bottom:1px solid #4d5a85;margin-bottom:15px;}
.comm_text {position:relative;background:#0a0a14;margin:15px 0;padding:15px 15px 15px 150px;border-radius:10px;border: 1px solid #e1536d;box-shadow: 0 4px 6px #000;}
.comm_text .name {color:#4d5a85;font-weight:700;font-family:"MullerBold";text-transform:uppercase;}
.comm_text:before {left:20px;top:calc(50% - 50px);display:block;content:"";position:absolute;width:100px;height:100px;background-image:url(../images/user.webp);z-index:9998;}
/*Footer Styles*/
footer {background:#0a0a14;}
footer .container {flex-direction:column;position:relative;}
.footer__navigation {border-bottom:2px dotted #888b97;}
.footer__navigation .bottom_menu {display:flex;flex-direction:row;}
.footer__navigation .bottom_menu li {list-style-type:none;margin:35px 20px;}
.footer__navigation .bottom_menu li a {text-decoration:none;color:#fff;}
.attentions {flex-direction:row;}
.warning, .eighteen {width:45%;}
#scrollTopBtn {padding:12px 20px;}
}
@media (max-width: 768px) {.game__card {flex: 1 1 calc(50% - 10px);max-width: calc(50% - 10px);}}