:root {--bg-color: #131313;--bg-providers: #191919;--hover-providers: linear-gradient(101deg, rgb(255 0 0) 5%, rgb(255 0 0) 15%, rgb(255 0 0) 30%, rgb(255 0 0) 50%, rgb(255 0 0) 70%);--color-white: #fafafa;--color-black: #0a0a0a;--bar-good: #ffc107;--bar-great: #08a52d;--bar-bad: #bc0000;--primary-color: #b90000;--secondary-color: #950000;--third-color: #940b0b;}body {background: url("../img/aditional/background.jpg") var(--bg-color);background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center;}.logo img {width: 12rem;display: block;margin: 2rem auto;}.running-text {background: var(--third-color);text-transform: uppercase;line-height: 1;font-weight: 500;font-size: 1rem;color: var(--color-white);padding: .5rem;}.slider-container {background: linear-gradient(0deg, var(--color-black) 0%, var(--color-black) 100%);height: 100%;}.swiper {padding: 1.5rem;}.swiper img {max-width: 100%;width: 40rem;display: block;margin: 0 auto;}.button-container {background: var(--secondary-color);}.btn-info {position: relative;overflow: hidden;color: var(--color-white);text-align: center;display: block;width: 100%;padding: 14px 0;border: none;background: linear-gradient(to bottom, var(--primary-color) 0, var(--secondary-color) 100%);font-weight: 700;}.btn-info span {position: relative;transition: 0.5s;}.btn-info:hover span {color: #000;}.btn-info::before {content: "";position: absolute;top: 0;left: 0;width: 130%;height: 55px;background: var(--hover-providers);transform: translate(-120%, 0) skew(45deg);transition: 0.3s ease-in;}.btn-info:hover::before {transform: translate(-10%, 0) skew(30deg);}.providers {background: var(--bg-providers);}.providers .col {cursor: pointer;}.providers .col:hover {background: var(--hover-providers);transition: all 0.7s ease-in-out;}.providers a {display: flex;flex-direction: column;justify-content: center;align-items: center;text-transform: uppercase;font-weight: 600;color: var(--color-white);}.rtp-container {background: var(--bg-color);}.rtp-info {color: var(--color-white);}.rtp-card {position: relative;padding: 10px;border-radius: 6px;background: linear-gradient(to bottom, var(--primary-color) 0, var(--secondary-color) 100%);}.rtp-card-img {display: flex;position: relative;overflow: hidden;width: 100%;height: 164px;padding: 12px;justify-items: center;border-radius: 6px;box-shadow: 0px 0px 30px 2px var(--bg-color) inset;cursor: pointer;}.rtp-card-img img {object-fit: cover;display: block;height: auto;width: 100%;border-radius: 6px;}.btn-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;border: none;border-radius: 5px;padding: .3rem;width: 12rem;font-size: .6rem;font-weight: 700;text-transform: capitalize;max-width: 70%;overflow: hidden;background: linear-gradient(to bottom, var(--primary-color) 0, var(--secondary-color) 100%);color: var(--color-white) }.btn-play .text {position: relative;z-index: 20;}.btn-play::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--hover-providers);height: 100%;width: 200px;transform: translate(-150%, -50%) skew(-45deg);transition: 0.3s ease-in;}.btn-play:hover::before {transform: translate(-38%, -50%) skew(30deg);}.pattern-container {background: var(--color-black);padding: .9rem;width: 14rem;max-width: 100%;border-radius: 5px;position: relative;color: var(--color-white);}.pattern-container .clock {font-size: .7rem }.pattern-container i {color: var(--primary-color) }.pattern-container .info {display: flex;justify-content: center;align-items: center;gap: 4px;font-size: 1rem;font-weight: 500;}.info img {width: 24px;}.table-pattern {max-width: 100%;width: 9rem }.table-pattern tr td {text-align: center;font-size: .7rem }.top-game, .hot-game {position: absolute;top: 0;left: 10px;width: 3rem;height: 2.8rem;z-index: 2;background-repeat: no-repeat;}.top-game {background: url(../img/aditional/top.gif);}.hot-game {background: url(../img/aditional/hot.gif);}.percent {height: 19px;margin-top: 10px !important;display: flex;overflow: hidden;font-size: .75rem;background-color: #e9ecef;position: relative;z-index: 1;border-radius: 5px;width: 100%;margin: 0 auto;position: relative }.percent p {z-index: 15;position: absolute;text-align: center;width: 100%;font-size: 13px;top: -15px;font-weight: 700;transform: translateY(14px);color: #000;}.percent-bar {background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-size: 1rem 1rem;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;overflow: hidden;color: var(--color-white);text-align: center;white-space: nowrap;transition: width .6s ease;-webkit-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 1s linear infinite;z-index: 10;}.good {background-color: var(--bar-good);}.great {background-color: var(--bar-great);}.bad {background-color: var(--bar-bad);}.nav-bottom {position: fixed;bottom: 0;display: flex;z-index: 11;overflow: hidden;width: 100%;border-top: 3px solid var(--secondary-color) }.item-nav-bottom {background: linear-gradient(0deg, var(--secondary-color) 0%, var(--primary-color) 100%);color: var(--color-white);font-weight: 700;text-align: center;font-size: .8rem;padding: .3rem;cursor: pointer;}.item-nav-bottom:hover {background: var(--hover-providers);color: var(--color-white);}.item-nav-bottom p {margin: 0;padding: 0;margin-bottom: 0;}.btn-up {display: none;position: fixed;bottom: 3.8rem;right: 0;z-index: 99;font-size: .9rem;background-color: var(--primary-color);}.content-home {padding: 1rem;margin-bottom: 4rem;background: var(--color-white);color: var(--color-black) }@media screen and (max-device-width:480px) {html, body {max-width: 100%;overflow-y: scroll !important;overflow-x: hidden !important }.logo img {width: 8rem !important }.pattern-container {width: 100% !important;padding: .58rem !important }.swiper {width: 100%;height: 100% }.providers .row {flex-wrap: nowrap;overflow-x: scroll;}.rtp-card-img {height: 92px !important;}.item-nav-bottom {font-size: .7rem !important }.pattern-container .info {font-size: 10px !important;}.info img {width: 16px !important;}.table-pattern tr td {font-size: 8px !important;}.pattern-container .clock {font-size: 8px !important;}}@media screen and (max-device-width:850px) and (orientation:landscape) {html, body {max-width: 100%;overflow-y: scroll !important;overflow-x: hidden !important }}