@-webkit-keyframes rotate-e5iyal4 {
0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotate-e5iyal4 {
0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

.spin-anim { width: 100%; height: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.spin-anim .img-spinbg { position: absolute; left: 50%; width: 1.9375rem; height: 1.9375rem; z-index: 1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); /* top: 10%; */ }
.spin-anim .img-turntable { width: 2rem; height: 2rem; z-index: 2; }
.spin-anim .img-pointer { position: absolute; bottom: 24%; left: 49%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translate(-50%); width: 1.125rem; height: auto; z-index: 3; }

.active .img-turntable { -webkit-animation: rotate-e5iyal4 2s infinite linear; animation: rotate-e5iyal4 2s infinite linear; }

.li-spin { background: linear-gradient(52.78deg, rgba(175, 13, 132, .511772) -2.57%, rgba(175, 13, 132, .04) 54.35%), rgba(216, 216, 216, .05); transition: all .2s linear; }

.btn-spins{ border: none!important; box-shadow: none!important; background: linear-gradient(to bottom left, #1fd700, #00b527, #00c50f)!important; }
.btn.btn-spins:hover{ background-image: linear-gradient(to top left, #1fd700, #00b527, #00c50f)!important; background: linear-gradient(to top left, #1fd700, #00b527, #00c50f)!important; }

.close-md{ position: absolute; right: 0px; top: 0px; color: #fff; font-size: 1.4em; cursor: pointer; }

#cassino{

font-family: Poppins, sans-serif;

.menu-suspenso{ background-color: #2a2a3e; width: 180px; top: 55px; right: 0px; text-align: right; z-index: 9999; }
.menu-suspenso:after{ content: ''; position: absolute; top: -10px; right: 8px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #2a2a3e; }
.menu-suspenso .opcao{ background-color: #303045; cursor: pointer; color: #bbd4d2; }
.menu-suspenso .opcao i { width: 22px; text-align: center; }
.menu-suspenso .opcao:hover{ background-color: #1e1e2f; }

.deslogado, .logado{ transition: all .2s linear; }

.load-menu { animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8;
background: linear-gradient(to right, #3a3a4e 8%, #313143 18%, #363648 33%); background-size: 500px 270px; width: 100px; height: 44px; position: relative; overflow: hidden; }

.foto.foto-perfil{ display: none; max-height: 50px; border-radius: 100%; min-width: 30px; width: 30px; height: 30px; background-position: center center; background-size: cover; margin-left: 10px; border: 2px solid #494969; box-sizing: content-box;
cursor: pointer; }

.mw-1200 { max-width: 1300px; }
.fa-medio { font-size: 1.5em; }
.pointer { cursor: pointer; }

.text-bloc { color: #fff; }
.btn-menu { cursor: pointer; min-width: 44px; min-height: 44px; width: 44px; height: 44px; font-size: 1.1em; display: flex; align-items: center; justify-content: center; background-color: #2c2c3f; color: #797994; }

#left-menu { background-color: #222236; height: 100%; display: flex; align-items: flex-start; justify-content: center; align-content: flex-start; padding-bottom: 60px; }
#left-menu:after { content: ""; position: absolute; left: 100%; top: 0; width: 0.75rem; height: 100%; pointer-events: none; background-image: linear-gradient(to right, #191928, rgba(17, 20, 21, 0)); opacity: .3; }

.y-color { color: #ffbf39; }

.light-color { color: #98a7b5; }

.drop-menu { color: white; background-color: #1e1e2f; transition: all .2s linear;}

.drop-menu.open-color{ padding-bottom: 10px; }

.drop-menu .btn { color: white!important; }
.drop-menu.menu-ind{ background-color: #29293e; }

.open-color { background-color: #191928!important; }

.bonus-item { border-radius: 2px; margin-top: 8px; width: 100%; height: 45px; border-radius: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center;
-ms-flex-align: center; align-items: center; overflow: hidden; cursor: pointer; position: relative; }
.bonus-item-btn { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; -webkit-flex: none; -ms-flex: none; flex: none; }

.bonus-text { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 100%; left: 0; top: 0; padding-left: 48px; }
.bonus-text .d { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1px; color: #656e78; }
.bonus-text p { margin: 0; font-size: 12px; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; height: 12px; line-height: 12px; }
.bonus-text .t { color: #fff; font-weight: 700; white-space: nowrap; }

.btn-create.btn { font-size: 0.9em; background-color: #16171a; background-color: rgba(87, 87, 87, 0.25); background-image: none!important; border-radius: 2px; color: #fff; }
.btn-create.btn:active { border: none; }

.btn-create.btn.ativo { background-color: #565c67; }
.btn-create.btn:not(.next-prev-games):hover { transform: none!important; background-color: #2d3035!important; background-image: none!important; }
.btn-create.btn.next-prev-games:hover { background-image: none!important; }

.menu-topo { background-color: #252538!important; position: relative; }
.menu-topo:after { position: absolute; pointer-events: none; content: ""; width: 100%; height: 0.75rem; bottom: -0.75rem; margin-top: 15px; background-image: linear-gradient(to bottom, #1e1e2f, rgba(17, 20, 21, 0)); opacity: .3; }
.menu-topo .btn { font-size: 0.9em; background-color: #1e1e2f; background-image: none!important; height: 44px; }
.menu-topo .btn.ativo { background-color: #42425a!important; background-image: none; }
.menu-topo .btn-tem { background-color: #2d2d46; }
.menu-topo .btn:hover { transform: none!important; background-color: #17191b!important; background-image: none!important; }
.menu-topo .btn-registrar { color: #fff; background-color: #3bc117; background-image: conic-gradient(from 0.63turn, #6ACF15, #209B44)!important; height: 44px; }
.menu-topo .btn-tem:hover { background-color: #fff!important; color: #17191b; }
.menu-topo .btn-registrar:hover { background-color: #176e26!important; }

body.dark .menu-topo.menu-type .btn-tem.theme-dark{ background-color: #42425a; }
body.white .menu-topo.menu-type .btn-tem.theme-white{ background-color: #d5d5d5; }

.lateral-menu{ max-width: 340px; background: #222236; }

.corpo { max-width: calc(100% - 250px); }

.slider { height: fit-content; }

.swiper-slide { max-width: 100%; height: fit-content!important; }

.menu-topo .btn { border-radius: 2px; }

.bloco-busca #busca { background: #17191b!important; box-sizing: border-box; margin: 0px; font-family: inherit; overflow: visible; display: block; height: 45px; padding: 0.375rem 0.75rem; padding-left: 5px; font-size: 1rem; line-height: 1.5;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; position: relative; flex: 1 1 auto; color: rgb(255, 255, 255); border: none; background: rgb(26, 33, 42); border-radius: 0px; }

.bloco-busca .input-group-append { border: none!important; }
.bloco-busca .input-group-text { background-color: #17191b; color: antiquewhite; border: none; padding: 0.375rem 1rem!important; }

.game-winner { background-color: #17191b!important; }
.game-winner img { border-radius: 0!important; }
.game-winner .game-win span { white-space: nowrap; padding: 0 0.375rem; font-size: 0.9rem; background: rgba(69, 217, 30, 0.1); border-radius: 1px; color: #3bc117; }
.game-winner .game-title { color: #fff; }

.game { background-color: #17191b!important; background-color: rgba(255, 255, 255, 0.05)!important; border-radius: 2px; overflow: hidden; }
.game .game-image { cursor: pointer; }
.game .game-image:active { cursor: grabbing; }
.game img { border-radius: 0!important; }
.game .game-win span { white-space: nowrap; padding: 0 0.375rem; font-size: 0.9rem; background: rgba(69, 217, 30, 0.1); border-radius: 1px; color: #3bc117; }
.game .game-title { color: #fff; cursor: pointer!important; font-size: 0.9em; }
.game .game-title:active { cursor: grabbing!important; }

.block-dark { background-color: #1b1b2d; }

.slick-slide { height: fit-content!important; margin-right: 15px; cursor: grab; }
.slick-slide:active { cursor: grabbing!important; }

#game-area { width: 100%; min-height: 700px; }

.modal-backdrop.show{ opacity: 0.8; }
.modal-backdrop{ background: #000; }

.ln1-2{ line-height: 1.2; }
.ln1-4{ line-height: 1.4; }

.btn.set-language.active{ box-shadow: none!important; background-color: #171722!important; background-image: none!important; }

#game-chat{ position: fixed; right: 365px; bottom: 30px; cursor: pointer; border-radius: 20%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; user-select: none; transition: 0.3s all ease; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
#game-chat.closed{ right: 30px; background-color: rgba(0, 0, 0, 0.2); }
#game-chat .open_close_chat i{ color: #fff; }
#game-chat .chat-msgs{ background-color: #a30000; color: #fff; width: 17px; height: 18px; font-size: 0.6em; position: absolute; right: -5px; z-index: 9999; display: flex; align-items: center; justify-content: center; top: -5px; }

#chat{ display: block; width: 350px; position: fixed; right: 0; top: 0; background-color: #17191b; height: 100%; transition: 0.3s all ease; z-index: 99999; }
#chat.closed{ width: 0; }

.menu-hidden .menu-type .btn{ width: 100%; }
.menu-hidden .menu-type .mr-hidden{ margin: 0!important; }

#game-area[data-games="2"]{ display: flex; }
#game-area[data-games="2"] #bloco-games{ display: none; }

#game-area[data-games="2"]{
& iframe:first-child{ width: 50% !important; }
& iframe:last-child{ width: 50%!important; left: auto!important; right: 0!important; }
}

.iframe-game{ min-height: 800px; }

.close-game{ position: absolute; right: 8px; top: 8px; color: #fff; z-index: 990; display: flex; align-items: center; justify-content: center; font-size: 1.5em; cursor: pointer; width: 30px; height: 30px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; }

.close-game.close{ position: relative; right: inherit; top: inherit; border-radius: 5px; }

@media screen and (max-width: 768px){

.close-game{ width: 25px; height: 25px; right: 10px; top: 5px; font-size: 1.2em; }

.logo-system img { width: 95%; height: auto; }
.corpo { max-width: 100%; }

#menu-games { overflow-x: auto; }

#menu-games::-webkit-scrollbar { height: 2px; }
#menu-games .btn-create { min-width: 150px; }

.btn-create.btn { font-size: 0.9em; padding: 12px 8px!important; }

.menu-topo .btn { font-size: 0.8em; padding: 2px 12px!important; }
.menu-topo .btn { height: 38px; }

.game-winner .game-title { font-size: 0.8em; }
.game-winner .game-win span { font-size: 0.8rem; }

.game .game-title { font-size: 0.8em; }
.game .game-win span { font-size: 0.8rem; }

.slick-slide .slide { margin-bottom: 15px; }

.lateral-menu{ width: 100%; z-index: 99999; height: 100%; position: absolute; overflow-y: auto; overflow-x: hidden; }
.lateral-menu::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.lateral-menu::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); background-color: #707070!important; }
.lateral-menu::-webkit-scrollbar-track { background-color: #333349; }

#game-chat{ right: 15px; bottom: 15px; background-color: rgba(0, 0, 0); }
#chat{ width: 100%; }

/* #game-slider{ padding: 18px!important; } */

#game-area[data-games="2"]{ overflow-x: scroll!important; }

}

}