/*!
Theme Name: level
Theme URI: level
Author: level
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: level
*/

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-Bold.ttf");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-Medium.ttf");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Poppins;
    src: url("fonts/Poppins-Regular.ttf");
    font-weight: 400;
    font-display: swap;
}

:root {
    --green: #43DC81;
    --grey: #24292D;
    --blue: #4885ED;
    --purple: #864AD1;
    --yellow: #FFAC30;
    --orange: #FD7E14;
    --red: #D84658;
    --pink: #D758E2;
    --lightgrey: #F0F0F0;
    --light: #7e7e7e;
    --dark: #1b1b1b;
    --white: #ffffff;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    transition: all .5s ease;
}
a {
    text-decoration: none;
}
ul{
    border-left: 8px solid var(--green);
    padding-left: 10px;
}
li {
    list-style-position: inside;
    font-weight: 500;
    color: var(--blue);
    font-size: 16px;
    margin: 7px 0;
}
img {
    vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}
.content h1{
    font-size: 34px;
    line-height: 42px;
    color: var(--grey);
    padding: 5px 0;
    margin: 5px 0; 
    border-bottom: 1px solid var(--lightgrey);
}
.content h2{
    font-size: 30px;
    line-height: 36px;
    color: var(--grey);
    padding: 5px 0;
    margin: 5px 0;    
    border-top: 1px solid var(--lightgrey);
}
.content h3{
    font-size: 26px;
    line-height: 32px;
    color: var(--grey);
    padding: 5px 0;
    margin: 5px 0; 
    border-top: 1px solid var(--lightgrey);
}
.content h4{
    font-size: 22px;
    line-height: 28px;
    color: var(--grey);
    padding: 5px 0;
    margin: 5px 0; 
    border-top: 1px solid var(--lightgrey);
}
.content p{
    font-size: 15px;
    line-height: 24px;
    padding: 5px 0;
    margin: 5px 0;
}
.content ul
.content li{
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.6;
}
html,
body {
    height: 100%;
    background-color: #EFEEF3;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 14px;
    min-width: 320px;
}
body._lock {
    overflow: hidden;
}

.shb{
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.4);
}

.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
    background: #53DE8B;
}

.logo{
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.logo i{
    font-style: normal;
    display: none;
}

.logo span{
    color: var(--white);
    font-weight: 700;
    border-radius: 4px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.logo span:nth-child(1){
    background: var(--red);
}

.logo span:nth-child(3){
    background: var(--orange);
}

.logo span:nth-child(5){
    background: var(--purple);
}

.header_menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_btn{
    background: var(--white);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
}

.header_btn:hover{
    background: var(--lightgrey);
    box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1);
}

.cheesburger{
    width: 45px;
    height: 45px;
    padding: 10px;
    position: relative;
    margin-left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.cheesburger._active span{
    width: 15px;
    height: 2px;
    position: absolute;
    left: 15px;
}

.cheesburger._active span:nth-child(1){
    transform: rotate(-45deg);
}
.cheesburger._active span:nth-child(3){
    transform: rotate(45deg);
}

.cheesburger._active span:nth-child(2){
    display: none;
}

.cheesburger span{
    background: var(--purple);
    width: 7px;
    height: 7px;
    border-radius: 10em;
}

.header_nav{
    position: absolute;
    background-color: rgba(255,255,255,.85);
    width: 85%;
    max-width: 290px;
    height: calc(100% - 20px);
    left: -50%;
    top: 8px;
    border-radius: 0 25px 0 0;
    padding: 7px 5px 15px 5px;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
}

.header_nav._active{
    opacity: 1;
    visibility: visible;
    left: 5px;
}

.lock_bg{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.4);
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
}

.lock_bg._active{
    display: block;
}

.header_nav form{
    position: relative;
}

.header_nav input{
    width: 100%;
    background: var(--white);
    padding: 14px;
    border-radius: 35px;
    font-size: 15px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.25);
}

.header_nav button{
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: none;
    background-image: url("svg/menu/search.svg");
    background-size: cover;
    transform: scale(-1, 1);
    position: absolute;
    top: 5px;
    right: 5px;
}

.main_nav{
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.main_nav a{
    display: flex;
    align-items: center;
    font-weight: 500;
    margin: 10px;
    color: var(--dark);
}

.main_nav img{
    width: 35px;
    height: 35px;
    padding: 8px;
    border-radius: 7px;
    background: var(--blue);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.35);
    margin-right: 9px;
}

.main_nav a:nth-child(1) img{
    background: var(--red);
}
.main_nav a:nth-child(2) img{
    background: var(--green);
}
.main_nav a:nth-child(3) img{
    background: var(--blue);
}
.main_nav a:nth-child(4) img{
    background: var(--purple);
}
.main_nav a:nth-child(5) img{
    background: var(--yellow);
}
.main_nav a:nth-child(6) img{
    background: var(--pink);
}

.welcome{
    position: relative;
    background-color: #80BB01;
    background-color: #008459;
    background-color: var(--green);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23629f00' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(".")' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(".")' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23008459' cx='50' cy='0' r='50'/%3E%3Cg fill='%23058758' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%230c8a56' cx='50' cy='100' r='50'/%3E%3Cg fill='%23128d55' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23199053' cx='50' cy='200' r='50'/%3E%3Cg fill='%231f9351' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%2325964f' cx='50' cy='300' r='50'/%3E%3Cg fill='%232b994c' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23319c4a' cx='50' cy='400' r='50'/%3E%3Cg fill='%23379f47' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%233da243' cx='50' cy='500' r='50'/%3E%3Cg fill='%2344a440' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%234aa73c' cx='50' cy='600' r='50'/%3E%3Cg fill='%2350aa38' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%2357ac34' cx='50' cy='700' r='50'/%3E%3Cg fill='%235daf2f' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%2364b129' cx='50' cy='800' r='50'/%3E%3Cg fill='%236bb423' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%2372b61c' cx='50' cy='900' r='50'/%3E%3Cg fill='%2379b911' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%2380BB01' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: contain;
}

.welcome_cnt{
    text-align: center;
    color: var(--white);
    text-shadow: 1px 1px rgba(0,0,0,.6);
    overflow: hidden;
    height: 300px;
}

.welcome_cnt._active{
    height: auto;
    padding-bottom: 30px;
}

.welcome_bonus{
    display: block;
    margin: 15px auto;
    text-align: center;
}

.welcome_bonus img{
    max-width: 100%;
    border-radius: 15px;
}

.welcome_bonus:hover img{
    transform: scale(1.05);
}

.welcome_pages{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.welcome_pages a{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--grey);
    font-weight: 500;
}

.welcome_pages a img{
    background: #FFF;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.35);
    border-radius: 10px;
    padding: 15px;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
}

.welcome__open{
    background: linear-gradient(to top, rgba(20,107,63, 1), rgba(20,107,63, 0));
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.welcome__open span{
    width: 8px;
    height: 8px;
    border-radius: 10em;
    background: #FFF;
    display: block;
    margin: 7px 3px 0 3px;
}

.nav_pages{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--light);
    border-bottom: 1px solid var(--light);
    margin: 10px;
    padding: 18px 0 13px 0;
}

.nav_pages a{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: var(--light);
}


.nav_pages img{
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 7px;
    background: var(--blue);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.35);
    margin-bottom: 5px;
}

.nav_pages a:nth-child(1) img{
    background: var(--red);
}
.nav_pages a:nth-child(2) img{
    background: var(--green);
}
.nav_pagesa:nth-child(3) img{
    background: var(--blue);
}

.nav_copy{
    text-align: center;
    color: var(--light);
    font-weight: 500;
    bottom: 5px;
    position: absolute;
    width: 100%;
}

.wrp{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 15px 20px 15px;
}

.tab {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #EDEDED;
  padding: 5px;
  border-radius: 10em;
}

.tab button {
  width: 30%;
  transition: 0.3s;
  color: var(--text);
  font-family: Poppins;
  font-weight: 500;
  font-size: 13px;
  border-radius: 10em;
  padding: 5px 0 6px 0;
  cursor: pointer;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background: var(--blue);
  color: var(--white);
}

.tabcontent{
  display: none;
  animation: fadeEffect 1s;
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.tabcontent a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid var(--lightgrey);
}

.tabcontent img{
    width: 45px;
    height: 45px;
    border-radius: 10px;
    margin-right: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.35);
}

.tabcontent span{
    font-size: 12px;
    display: flex;
    flex-direction: column;
    color: var(--light);
}

.tabcontent span b{
    font-size: 16px;
    color: var(--grey);
}

.tab_name{
    width: calc(100% - 145px);
}

.tab_value{
    width: 90px;
    text-align: center;
}

.tabcontent a:nth-child(1) .tab_value b{
    color: var(--red) !important;
}

.tabcontent a:nth-child(2) .tab_value b{
    color: var(--green) !important;
}

.tabcontent a:nth-child(3) .tab_value b{
    color: var(--blue) !important;
}

.tabcontent a:nth-child(4) .tab_value b{
    color: var(--orange) !important;
}

.tabcontent a:nth-child(5) .tab_value b{
    color: var(--pink) !important;
}

.slot-cnt iframe{
    width: 100%;
    height: 300px;
}

@media screen and (max-height: 560px) {
    .nav_pages{padding: 8px 0 3px 0;}
    .main_nav a{margin: 6px 10px 6px 10px;}
}

@media screen and (max-height: 560px){
    .nav_copy{display: none;}
}

.content{
    background: var(--white);
    border-radius: 15px;
    padding: 15px;
}

.casino_item{
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #EEE;
    align-items: center;
    padding-top: 15px;
    margin-bottom: 10px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.4);
    background: rgba(50,50,50,.03);
}

.casino_item img{
    border-radius: 10px;
    width: 90px;
}

.casino_item-title{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    color: var(--light);
    margin: 10px 0;
    text-align: center;
}

.casino_item-bonus{
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding: 0 8px;
    display: block;
}

.casino_item-play,
.slot_btn{
    color: #FFF;
    background: var(--red);
    margin: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    width: 110px;
    height: 32px;
}

.casino_item-play::before{
    content: ' ';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16' fill='%23FFF' viewBox='0 0 163.861 163.861' style='enable-background:new 0 0 163.861 163.861;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M34.857,3.613C20.084-4.861,8.107,2.081,8.107,19.106v125.637c0,17.042,11.977,23.975,26.75,15.509L144.67,97.275 c14.778-8.477,14.778-22.211,0-30.686L34.857,3.613z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    display: flex;
    margin-right: 8px;
}

.casino_item:hover{
    background: rgba(50,50,50,.05);
    box-shadow: none;
}

.casino_item:hover .casino_item-title{
    color: var(--blue);
}

.casino_item:hover .casino_item-bonus{
    color: var(--red);
}

.casino_item:hover .casino_item-play,
.slot_btn:hover{
    background: var(--green);
}

.casino_item-rating{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-top: 1px solid #EEE;
    padding: 15px;
    color: var(--yellow);
    font-weight: 700;
    font-size: 16px;
}

.star-rating{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='13px' viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 53.1 (72631) - # --%3E%3Ctitle%3EStar%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cfilter x='-31.3%25' y='-107.1%25' width='158.4%25' height='304.7%25' filterUnits='objectBoundingBox' id='filter-1'%3E%3CfeOffset dx='0' dy='30' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='50' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0' type='matrix' in='shadowBlurOuter1' result='shadowMatrixOuter1'%3E%3C/feColorMatrix%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'%3E%3C/feMergeNode%3E%3CfeMergeNode in='SourceGraphic'%3E%3C/feMergeNode%3E%3C/feMerge%3E%3C/filter%3E%3Crect id='path-2' x='0' y='0' width='175' height='252' rx='12'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Desktop-Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Main-Page' transform='translate(-89.000000, -1125.000000)'%3E%3Cg id='%232' transform='translate(40.000000, 724.000000)'%3E%3Crect id='Background' x='0' y='0' width='1360' height='4166' rx='18'%3E%3C/rect%3E%3Cg id='Best-Casinos' transform='translate(27.000000, 53.000000)'%3E%3Cg id='Items' filter='url(".")' transform='translate(0.000000, 120.000000)'%3E%3Cg id='Item-1' transform='translate(3.000000, 3.000000)'%3E%3Cmask id='mask-3' fill='white'%3E%3Cuse xlink:href='%23path-2'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Rectangle' xlink:href='%23path-2'%3E%3C/use%3E%3Cg id='Rating' mask='url(".")'%3E%3Cg transform='translate(18.000000, 224.265487)' id='Stars'%3E%3Cg%3E%3Cg id='Star-2' transform='translate(0.334853, 0.146999)' fill='%23ededed'%3E%3Cpolygon id='Star' points='8.67192265 11.3229888 4.65051404 13.4496415 5.41853475 8.94531888 2.16514684 5.7553399 6.66121835 5.09816809 8.67192265 1 10.682627 5.09816809 15.1786985 5.7553399 11.9253106 8.94531888 12.6933313 13.4496415'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: flex;
    background-repeat: repeat-x;
    background-position: top left;
    width: 80px;
    height: 13px;
    background-size: 16px 13px;
    position: relative;
}

.star-rating::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 13px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='13px' viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 53.1 (72631) - # --%3E%3Ctitle%3EStar%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cfilter x='-31.3%25' y='-107.1%25' width='158.4%25' height='304.7%25' filterUnits='objectBoundingBox' id='filter-1'%3E%3CfeOffset dx='0' dy='30' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='50' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0' type='matrix' in='shadowBlurOuter1' result='shadowMatrixOuter1'%3E%3C/feColorMatrix%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'%3E%3C/feMergeNode%3E%3CfeMergeNode in='SourceGraphic'%3E%3C/feMergeNode%3E%3C/feMerge%3E%3C/filter%3E%3Crect id='path-2' x='0' y='0' width='175' height='252' rx='12'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Desktop-Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Main-Page' transform='translate(-89.000000, -1125.000000)'%3E%3Cg id='%232' transform='translate(40.000000, 724.000000)'%3E%3Crect id='Background' x='0' y='0' width='1360' height='4166' rx='18'%3E%3C/rect%3E%3Cg id='Best-Casinos' transform='translate(27.000000, 53.000000)'%3E%3Cg id='Items' filter='url(".")' transform='translate(0.000000, 120.000000)'%3E%3Cg id='Item-1' transform='translate(3.000000, 3.000000)'%3E%3Cmask id='mask-3' fill='white'%3E%3Cuse xlink:href='%23path-2'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Rectangle' xlink:href='%23path-2'%3E%3C/use%3E%3Cg id='Rating' mask='url(".")'%3E%3Cg transform='translate(18.000000, 224.265487)' id='Stars'%3E%3Cg%3E%3Cg id='Star-2' transform='translate(0.334853, 0.146999)' fill='%23F5A001'%3E%3Cpolygon id='Star' points='8.67192265 11.3229888 4.65051404 13.4496415 5.41853475 8.94531888 2.16514684 5.7553399 6.66121835 5.09816809 8.67192265 1 10.682627 5.09816809 15.1786985 5.7553399 11.9253106 8.94531888 12.6933313 13.4496415'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: auto;
    background-size: 16px 13px;
}

.stars-5::before {
    width: 100%;
}

.stars-4::before {
    width: 80%;
}

.stars-3::before{
    width: 60%;
}

.stars-2::before{
    width: 40%;
}

.home_bonus{
    background: #FFF;
    padding: 10px;
    box-shadow: rgba(0,0,0,.03) 0 20px 25px -5px,rgba(0,0,0,.02) 0 10px 10px -5px;
    border-radius: 22px;
    margin-top: 15px;
}

.slots_item{
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 15px;
    flex-direction: column;
}

.slots_item:nth-child(odd){
    background: #FAFAFA;

}

.slot_logo{
    width: 58%;
    height: 58%;
    box-shadow: 0 16px 30px rgba(0,0,0,.08);
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}

.slot_title{
    font-size: 14px;
    font-weight: 500;
    color: var(--light);
}

.slot_rating{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    color: var(--light);
}

.rating_txt{
    margin-top: 5px;
    text-transform: none;
    display: none;
}

.slot_bonus{
    font-weight: 700;
    font-size: 16px;
    color: var(--grey);
}

/* __________ __________*/

.welcome_cnt.review{
    text-align: left;
    padding: 15px !important;
}

.review__single{
    display: flex;
    flex-direction: column;
    padding: 15px;
    background: rgba(255,255,255,.5);
    border-radius: 10px;
}

.review__logo{
    overflow: hidden;
    text-align: center;
}

.review__logo img{
    width: 100%;
    border-radius: 8px;
    max-width: 200px;
}

.review .slot_btn{
    width: 100%;
    height: 52px;
}

.review__info{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*width: calc(100% - 221px);
    margin-left: 20px;*/
    width: 100%;
}

.review__rating{
    display: flex;
    flex-direction: column;
    /*width: calc(25% - 20px);*/
    width: 100%;
}

.rr__title{
    font-weight: 700;
    background: rgba(0,0,0,.5);
    border-radius: 4px;
    padding: 10px;
    text-align: center;
}

.rr__item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.25);
    padding: 5px;
}

.rr__item a{
    font-weight: 700;
    color: #000;
    text-shadow: none;
}



.accept{
    background-color: var(--blue);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='12px' height='12px' fill='%23FFF'%3E%3Cpath d='M480.1 128.1l-272 272C204.3 405.7 198.2 408 192 408s-12.28-2.344-16.97-7.031l-144-144c-9.375-9.375-9.375-24.56 0-33.94s24.56-9.375 33.94 0L192 350.1l255-255c9.375-9.375 24.56-9.375 33.94 0S490.3 119.6 480.1 128.1z'%3E%3C/path%3E%3C/svg%3E");    width: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    width: 20px;
    border-radius: 3px;

}

.decline{
    background-color: var(--red);
    background-image: url("data:image/svg+xml,%3Csvg class='block float-right text-white fill-current bg-danger w-4.5 h-4.5 p-1 rounded-full mt-1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' width='12px' height='12px' fill='%23FFF'%3E%3Cpath d='M378.4 440.6c8.531 10.16 7.203 25.28-2.938 33.81C370.9 478.2 365.5 480 360 480c-6.844 0-13.64-2.906-18.39-8.562L192 293.3l-149.6 178.1C37.63 477.1 30.83 480 23.98 480c-5.453 0-10.92-1.844-15.42-5.625c-10.14-8.531-11.47-23.66-2.938-33.81L160.7 256L5.625 71.44C-2.906 61.28-1.578 46.16 8.563 37.63C18.69 29.08 33.84 30.39 42.38 40.56L192 218.7l149.6-178.1c8.547-10.17 23.67-11.47 33.81-2.938s11.47 23.66 2.938 33.81L223.3 256L378.4 440.6z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    width: 20px;
    border-radius: 3px;
}


footer{
    text-align: center;
    margin-top: 15px;
}

.slots_list2{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}

._slot{
    text-align: center;
    margin-bottom: 15px;
}

._slot img{
    display: block;
    margin: auto;
    max-width: 100%;
}

._slot span{
    display: block;
    color: #000;
}
 
@media screen and (min-width: 500px) {
    .casino_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .casino_item{
        width: calc(50% - 5px);
        justify-content: space-between;
    }
    .slot-cnt iframe{
        height: 350px;
    }
}

@media screen and (min-width: 768px) {
    .logo i{
        display: block;
    }
    .welcome_cnt{
        height: auto;
    }
    .welcome__open{
        display: none;
    }

    .casino_item{
        width: calc(25% - 7px);
        justify-content: space-between;
    }

    .slots_item{
        flex-direction: row;
        text-align: left;
    }

    .slot_logo{
        width: 58px;
        height: 58px;
    }

    .slot_rating{
    width: 80px;
    margin-right: 40px;
    }

    .rating_txt{
        display: block;
    }

    .slot_cnt{
        width: calc(100% - 300px);
        margin-left: 12px;
    }
    .review__info{
        flex-direction: row;
        flex-wrap: wrap;
    }

    .review__rating{
        width: calc(50% - 10px);
    }
    .slot-cnt iframe{
        height: 400px;
    }
    .slots_list2{
        flex-direction: row;
    }
    ._slot{
        width: 50%;
    }
}

@media screen and (min-width: 1024px) {
    .casino_item{
        width: calc(25% - 10px);
        justify-content: space-between;
    }
    .slot-cnt iframe{
        height: 450px;
    }
}

@media screen and (min-width: 1180px) {
    .main{
        display: flex;
        justify-content: space-between;
    }

    .content{
        width: calc(100% - 315px);
    }

    .home_bonus{
        margin-top: 0;
    }

    .sidebar{
        width: 300px;
    }

    .casino_item{
        width: calc(20% - 5px);
    }

    .casino_item-title{
        font-size: 14px;
    }
    .casino_item-bonus,
    .casino_item-play{
        font-size: 15px;
    }

    .review__single{
        flex-direction: row;
    }

    .review__info{
        width: calc(100% - 221px);
        margin-left: 20px;
    }

    .review__rating{
        width: calc(25% - 20px);
    }
    .slot-cnt iframe{
        height: 600px;
    }

}
.clearfix::after{content:"";display:table;clear:both}