@charset "UTF-8";
.modal-wrapper .vertical-alignment-helper {
display: table;
height: 100%;
width: 100%;
pointer-events: none;
/* This makes sure that we can still click outside of the modal to close it */
}
.modal-wrapper .vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events: none;
}
.modal-wrapper .vertical-align-center .modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width: inherit;
height: inherit;
/* To center horizontally */
margin: 0 40px;
pointer-events: all;
background-color: #f1f1f1;
color: #fff;
padding: 24px;
text-align: center;
}
@media (min-width: 768px) {
.modal-wrapper .vertical-align-center .modal-content {
margin: 0 auto;
}
}
.modal-wrapper .vertical-align-center .modal-content .modal-header {
border-bottom: 0;
padding: 0;
font-size: 20px;
}
.modal-wrapper .vertical-align-center .modal-content .modal-header .fa {
margin-right: 4px;
display: block;
font-size: 36px;
}
.modal-wrapper .vertical-align-center .modal-content .modal-body {
padding-left: 0;
padding-right: 0;
padding-bottom: 19px;
font-size: 15px;
line-height: 17px;
color: #fff;
}
.modal-wrapper .vertical-align-center .modal-content .modal-body input {
margin-bottom: 10px;
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer {
padding: 9px 0 0 0;
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn {
color: #ccb67a;
background-color: transparent;
border-color: transparent;
font-size: 18px;
font-weight: bold;
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:focus,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.focus {
color: #ccb67a;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:hover {
color: #ccb67a;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:active,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.active,
.open > .dropdown-toggle.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn {
color: #ccb67a;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:active:hover,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.active:hover,
.open > .dropdown-toggle.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:hover,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:active:focus,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.active:focus,
.open > .dropdown-toggle.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:focus,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:active.focus,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.active.focus,
.open > .dropdown-toggle.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.focus {
color: #ccb67a;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:active,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.active,
.open > .dropdown-toggle.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn {
background-image: none;
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.disabled:hover,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn[disabled]:hover,
fieldset[disabled] .modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:hover,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.disabled:focus,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn[disabled]:focus,
fieldset[disabled] .modal-wrapper .vertical-align-center .modal-content .modal-footer .btn:focus,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.disabled.focus,
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn[disabled].focus,
fieldset[disabled] .modal-wrapper .vertical-align-center .modal-content .modal-footer .btn.focus {
background-color: transparent;
border-color: transparent;
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn .badge {
color: transparent;
background-color: #ccb67a;
}
.modal-wrapper .vertical-align-center .modal-content .modal-footer .btn .fa {
display: none;
}
.modal-wrapper.error .modal-content {
border: none;
}
.modal-wrapper.error .modal-content .modal-header {
color: #fff;
}
.modal-wrapper.error .modal-content .text-danger {
color: #fff;
}
.modal-wrapper.error .modal-content .modal-footer {
border: none;
}
.modal-wrapper.error .modal-content .modal-footer .btn {
color: #bd0202;
background-color: transparent;
border-color: transparent;
}
.modal-wrapper.error .modal-content .modal-footer .btn:focus,
.modal-wrapper.error .modal-content .modal-footer .btn.focus {
color: #bd0202;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.modal-wrapper.error .modal-content .modal-footer .btn:hover {
color: #bd0202;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.modal-wrapper.error .modal-content .modal-footer .btn:active,
.modal-wrapper.error .modal-content .modal-footer .btn.active,
.open > .dropdown-toggle.modal-wrapper.error .modal-content .modal-footer .btn {
color: #bd0202;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.modal-wrapper.error .modal-content .modal-footer .btn:active:hover,
.modal-wrapper.error .modal-content .modal-footer .btn.active:hover,
.open > .dropdown-toggle.modal-wrapper.error .modal-content .modal-footer .btn:hover,
.modal-wrapper.error .modal-content .modal-footer .btn:active:focus,
.modal-wrapper.error .modal-content .modal-footer .btn.active:focus,
.open > .dropdown-toggle.modal-wrapper.error .modal-content .modal-footer .btn:focus,
.modal-wrapper.error .modal-content .modal-footer .btn:active.focus,
.modal-wrapper.error .modal-content .modal-footer .btn.active.focus,
.open > .dropdown-toggle.modal-wrapper.error .modal-content .modal-footer .btn.focus {
color: #bd0202;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.modal-wrapper.error .modal-content .modal-footer .btn:active,
.modal-wrapper.error .modal-content .modal-footer .btn.active,
.open > .dropdown-toggle.modal-wrapper.error .modal-content .modal-footer .btn {
background-image: none;
}
.modal-wrapper.error .modal-content .modal-footer .btn.disabled:hover,
.modal-wrapper.error .modal-content .modal-footer .btn[disabled]:hover,
fieldset[disabled] .modal-wrapper.error .modal-content .modal-footer .btn:hover,
.modal-wrapper.error .modal-content .modal-footer .btn.disabled:focus,
.modal-wrapper.error .modal-content .modal-footer .btn[disabled]:focus,
fieldset[disabled] .modal-wrapper.error .modal-content .modal-footer .btn:focus,
.modal-wrapper.error .modal-content .modal-footer .btn.disabled.focus,
.modal-wrapper.error .modal-content .modal-footer .btn[disabled].focus,
fieldset[disabled] .modal-wrapper.error .modal-content .modal-footer .btn.focus {
background-color: transparent;
border-color: transparent;
}
.modal-wrapper.error .modal-content .modal-footer .btn .badge {
color: transparent;
background-color: #bd0202;
}
.modal-wrapper.info .modal-content {
border: 1px solid #5f7386;
}
.modal-wrapper.info .modal-content .modal-header {
color: #7ec1ff;
}
.modal-wrapper.info .modal-content .modal-footer {
border-color: #5f7386;
}
.modal-wrapper.bonus .modal-dialog {
width: 100%;
padding: 0 40px 0 20px;
}
.modal-wrapper.bonus .modal-content {
margin: 0;
padding: 0;
text-align: center;
}
.modal-wrapper.bonus .modal-content.modal-transparent {
background-color: transparent !important;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.modal-wrapper.bonus .modal-content .modal-body {
padding: 0;
}
.modal-wrapper.bonus .modal-content .modal-body .img-responsive {
max-height: 75vh;
}
.modal-wrapper.bonus .modal-content .modal-body .text {
text-align: left;
position: absolute;
bottom: 16px;
left: 16px;
}
.modal-wrapper.bonus .modal-content .modal-body .text h2 {
background-color: rgba(0, 0, 0, 0.5);
padding: 8px;
font-weight: bold;
display: none;
}
.modal-wrapper.bonus .modal-content .modal-body .text h3 {
background-color: rgba(0, 0, 0, 0.5);
padding: 8px;
margin-top: 0;
margin-bottom: 0;
display: none;
}
.modal-wrapper.bonus .modal-content .modal-body .btns {
top: -26px;
right: -26px;
position: absolute;
width: 30px;
height: 30px;
line-height: 1;
text-align: center;
border: 3px solid rgba(255, 255, 255, 0.5);
border-radius: 15px;
}
.modal-wrapper.bonus .modal-content .modal-body .btns .close {
color: #fff;
font-family: sans-serif;
opacity: 0.6;
float: none;
width: 24px;
height: 24px;
line-height: 22px;
}
.modal-wrapper.bonus .modal-content .modal-body .btns:hover {
border: 3px solid rgba(255, 255, 255, 0.75);
}
.modal-wrapper.bonus .modal-content .modal-body .btns:hover .close {
opacity: 0.75;
}
.modal-wrapper.bonus .modal-content .modal-body .btns:hover .close:hover {
opacity: 0.75;
}
@media (min-width: 768px) {
.modal-game-login .modal-dialog {
width: 385px;
}
}
.modal-game-login .modal-dialog .modal-content {
background-color: #fff;
}
.modal-game-login .modal-dialog .modal-content .modal-header {
border-bottom: 0;
text-align: left;
}
.modal-game-login .modal-dialog .modal-content .modal-header p {
margin: 0;
}
.modal-game-login .modal-dialog .modal-content .modal-body {
padding-top: 0;
}
.modal-game-login .modal-dialog .modal-content .modal-body input[type=text],
.modal-game-login .modal-dialog .modal-content .modal-body input[type=password] {
margin: 0 0 6px 0;
}
.modal-game-login .modal-dialog .modal-content .modal-body .btn {
margin: 12px 0;
color: #fff;
background-color: #ff5722;
border-color: #ff4408;
}
.modal-game-login .modal-dialog .modal-content .modal-body .btn:focus,
.modal-game-login .modal-dialog .modal-content .modal-body .btn.focus {
color: #fff;
background-color: #ee3900;
border-color: #882100;
}
.modal-game-login .modal-dialog .modal-content .modal-body .btn:hover {
color: #fff;
background-color: #ee3900;
border-color: #ca3100;
}
.modal-game-login .modal-dialog .modal-content .modal-body .btn:active,
.modal-game-login .modal-dialog .modal-content .modal-body .btn.active,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body .btn {
color: #fff;
background-color: #ee3900;
border-color: #ca3100;
}
.modal-game-login .modal-dialog .modal-content .modal-body .btn:active:hover,
.modal-game-login .modal-dialog .modal-content .modal-body .btn.active:hover,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body .btn:hover,
.modal-game-login .modal-dialog .modal-content .modal-body .btn:active:focus,
.modal-game-login .modal-dialog .modal-content .modal-body .btn.active:focus,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body .btn:focus,
.modal-game-login .modal-dialog .modal-content .modal-body .btn:active.focus,
.modal-game-login .modal-dialog .modal-content .modal-body .btn.active.focus,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body .btn.focus {
color: #fff;
background-color: #ca3100;
border-color: #882100;
}
.modal-game-login .modal-dialog .modal-content .modal-body .btn:active,
.modal-game-login .modal-dialog .modal-content .modal-body .btn.active,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body .btn {
background-image: none;
}
.modal-game-login .modal-dialog .modal-content .modal-body .btn.disabled:hover,
.modal-game-login .modal-dialog .modal-content .modal-body .btn[disabled]:hover,
fieldset[disabled] .modal-game-login .modal-dialog .modal-content .modal-body .btn:hover,
.modal-game-login .modal-dialog .modal-content .modal-body .btn.disabled:focus,
.modal-game-login .modal-dialog .modal-content .modal-body .btn[disabled]:focus,
fieldset[disabled] .modal-game-login .modal-dialog .modal-content .modal-body .btn:focus,
.modal-game-login .modal-dialog .modal-content .modal-body .btn.disabled.focus,
.modal-game-login .modal-dialog .modal-content .modal-body .btn[disabled].focus,
fieldset[disabled] .modal-game-login .modal-dialog .modal-content .modal-body .btn.focus {
background-color: #ff5722;
border-color: #ff4408;
}
.modal-game-login .modal-dialog .modal-content .modal-body .btn .badge {
color: #ff5722;
background-color: #fff;
}
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun {
display: inline-block;
margin-top: 3px;
margin-bottom: 0;
color: #333;
background-color: #fff;
border-color: #ccc;
}
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:focus,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:active,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.active,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:active:hover,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.active:hover,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:hover,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:active:focus,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.active:focus,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:focus,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:active.focus,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.active.focus,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:active,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.active,
.open > .dropdown-toggle.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun {
background-image: none;
}
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.disabled:hover,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun[disabled]:hover,
fieldset[disabled] .modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:hover,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.disabled:focus,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun[disabled]:focus,
fieldset[disabled] .modal-game-login .modal-dialog .modal-content .modal-body #continueForFun:focus,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.disabled.focus,
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun[disabled].focus,
fieldset[disabled] .modal-game-login .modal-dialog .modal-content .modal-body #continueForFun.focus {
background-color: #fff;
border-color: #ccc;
}
.modal-game-login .modal-dialog .modal-content .modal-body #continueForFun .badge {
color: #fff;
background-color: #333;
}
.modal-game-login .modal-dialog .modal-content .modal-footer {
border-top: 0;
}
@media (min-width: 568px) and (max-width: 767px) {
.modal-game-login .text-right-xsl {
text-align: right;
}
}
/*.jackpot-wrapper {
> div {
position: relative;
height: 455px;
width: 735px;
padding-top: 260px;
margin-left: auto;
margin-right: auto;
background-image: url(/Content/images/jackpot-bg.png);
background-position: center center;
background-repeat: no-repeat;
.winner-name {
text-align: center;
color: white;
font-size: 3em;
text-shadow: 0 0 5px #333;
margin-bottom: 5px;
}
.jackpot-logo {
-webkit-animation: anim-show 1000ms linear both;
-moz-animation: anim-show 1000ms linear both;
-o-animation: anim-show 1000ms linear both;
animation: anim-show 1000ms linear both;
> div {
width: 590px;
height: 200px;
background-image: url(/Content/images/jackpotLogoAnimated.png);
background-position: 0px 0px;
background-repeat: no-repeat;
margin: 0 auto;
}
}
.odometer {
margin-left: auto;
margin-right: auto;
margin-top: 30px;
width: auto;
font-family: @font-family-sans-serif;
text-align: right;
font-weight: bold;
position: relative;
padding: 0 20px;
background-color: rgba(0,0,0,0.5);
border: 1px solid #e6c23c;
box-shadow: rgba(230, 194, 60, 0.5) 0 0 10px, rgba(230, 194, 60, 0.5) 0 0 10px inset;
.odometer-inside {
position: relative;
.odometer-digit,
.odometer-formatting-mark {
vertical-align: top;
font-size: 55px;
background: transparent;
color: #ffed99;
margin-left: 0;
padding: 0 6px;
line-height: 75px;
height: 75px;
display: inline-block;
text-align: center;
}
.odometer-radix-mark,
.odometer-radix-mark + .odometer-digit,
.odometer-radix-mark + .odometer-digit + .odometer-digit {
vertical-align: top;
font-size: 25px;
line-height: 95px;
height: 75px;
overflow: hidden;
.odometer-ribbon {
padding-left: 4px;
}
}
}
}
}
}
@media (min-width: @screen-sm-min) {
.jackpot-wrapper {
> div {
padding-top: 70px;
text-align: center;
}
}
}*/
.iconcasino {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'stechicons' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.swal2-container * {
text-transform: none;
}
@keyframes lazyspinner {
to {
transform: rotate(1turn);
}
}
.jackpot,
.jackpot-generic {
border-width: 1px;
border-style: solid;
border-color: transparent;
line-height: 1px;
font-size: 1px;
}
.jackpot .counter,
.jackpot-generic .counter {
border-width: 1px;
border-style: solid;
border-color: transparent;
position: relative;
padding-right: 8% !important;
padding-left: 45% !important;
}
.jackpot .counter::before,
.jackpot-generic .counter::before {
content: "";
position: absolute;
height: 100%;
width: 45%;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: left center;
}
.jackpot .counter::after,
.jackpot-generic .counter::after {
content: "";
position: absolute;
height: 100%;
width: 6.5%;
top: 0;
right: 0px;
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
border-left-width: 2px;
border-left-style: solid;
}
.jackpot .counter .wrapper,
.jackpot-generic .counter .wrapper {
position: relative;
padding-right: 2%;
padding-left: 0%;
right: 2%;
margin-left: -4%;
}
.jackpot .counter .wrapper::after,
.jackpot-generic .counter .wrapper::after {
content: "";
position: absolute;
top: 0;
right: 3%;
bottom: 0;
width: 25%;
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}
.jackpot .counter .wrapper > canvas,
.jackpot-generic .counter .wrapper > canvas {
max-width: 100%;
width: 100%;
vertical-align: top;
position: relative;
}
.jackpot-generic .counter .wrapper::after,
.jackpot-generic-generic .counter .wrapper::after {
right: 9%;
}
.jackpot.withborderalt .counter,
.jackpot-generic.withborderalt .counter {
border-width: 2px;
border-radius: 3px;
}
.jackpot.withborderanimation.gold .counter,
.jackpot-generic.withborderanimation.gold .counter {
border-color: #f1db7b;
box-shadow: #f1db7b 0 0 10px;
}
.jackpot.withborderanimation.gold .counter:before,
.jackpot-generic.withborderanimation.gold .counter:before {
filter: unset;
}
.jackpot.withborderanimation.silver .counter,
.jackpot-generic.withborderanimation.silver .counter {
border-color: #cbe6ec;
box-shadow: #cbe6ec 0 0 10px;
}
.jackpot.withborderanimation.silver .counter:before,
.jackpot-generic.withborderanimation.silver .counter:before {
filter: unset;
}
.jackpot.withborderanimation.bronze .counter,
.jackpot-generic.withborderanimation.bronze .counter {
border-color: #ffb66e;
box-shadow: #ffb66e 0 0 10px;
}
.jackpot.withborderanimation.bronze .counter:before,
.jackpot-generic.withborderanimation.bronze .counter:before {
filter: unset;
}
.jackpots-all {
padding: 0 !important;
margin: 0;
}
.jackpots-all__wrapper {
padding: 0 !important;
position: relative;
}
.jackpots-all__wrapper::before {
content: "";
display: block;
padding-bottom: 92%;
}
.area--main .jackpots-all__wrapper {
margin-bottom: 6px;
}
@media (min-width: 768px) {
.area--main .jackpots-all__wrapper {
padding: 1% 0.5% 0.7% 0.5% !important;
background-color: transparent;
border-radius: 0;
margin-bottom: 12px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.area--main .jackpots-all__wrapper::before {
content: "";
display: block;
padding-bottom: 11.2%;
}
}
@media (min-width: 1600px) {
.area--main .jackpots-all__wrapper {
padding: 1% 0.5% 0.33% 0.5% !important;
}
}
.jackpots-all__counter {
padding: 0 0.4%;
margin: 0 auto;
width: 100%;
}
@media (min-width: 768px) {
.area--main .jackpots-all__counter {
width: 33.3333%;
float: left;
}
}
.jackpots-all__counter + .jackpots-all__counter {
margin-top: 0;
}
.jackpots-all__counter .counter {
padding-left: 45% !important;
}
.jackpots-all__counter .counter::before {
top: 0;
bottom: auto;
width: 45%;
background-size: cover;
background-position: left center !important;
height: 100%;
}
.jackpots-all__counter .counter::after {
content: '';
position: absolute;
width: 6.5%;
display: inline-block;
height: 100%;
right: 0;
top: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
border-left-width: 2px;
border-left-style: solid;
}
.jackpots-all__counter .counter .wrapper {
padding-right: 2%;
padding-left: 0%;
margin-left: -4%;
}
@media (min-width: 768px) {
.area--main .jackpots-all__counter .counter .wrapper {
right: 2%;
}
}
.jackpots-all__counter--gold .counter {
border-color: #f1db7b;
box-shadow: rgba(241, 219, 123, 0.5) 0 0 10px, rgba(241, 219, 123, 0.5) 0 0 10px inset;
}
.jackpots-all__counter--gold .counter .wrapper::after {
background-image: url('/Content/Images/jackpot/shared/separator-gold.png');
}
.jackpots-all__counter--gold .counter::after {
border-color: #f1db7b;
}
.jackpots-all__counter--silver .counter {
border-color: #cbe6ec;
box-shadow: rgba(203, 230, 236, 0.5) 0 0 10px, rgba(203, 230, 236, 0.5) 0 0 10px inset;
}
.jackpots-all__counter--silver .counter .wrapper::after {
background-image: url('/Content/Images/jackpot/shared/separator-silver.png');
}
.jackpots-all__counter--silver .counter::after {
border-color: #cbe6ec;
}
.jackpots-all__counter--bronze .counter {
border-color: #ffb66e;
box-shadow: rgba(255, 182, 110, 0.5) 0 0 10px, rgba(255, 182, 110, 0.5) 0 0 10px inset;
}
.jackpots-all__counter--bronze .counter .wrapper::after {
background-image: url('/Content/Images/jackpot/shared/separator-bronze.png');
}
.jackpots-all__counter--bronze .counter::after {
border-color: #ffb66e;
}
.jackpots-all__counter--diamond .counter {
border-color: #26f5ee;
box-shadow: rgba(38, 245, 238, 0.5) 0 0 10px, rgba(38, 245, 238, 0.5) 0 0 10px inset;
}
.jackpots-all__counter--diamond .counter .wrapper::after {
background-image: url('/Content/Images/jackpot/shared/separator-diamond.png');
}
.jackpots-all__counter--diamond .counter::after {
border-color: #26f5ee;
}
.jackpots-all__counter--platinum .counter {
border-color: #cce6ec;
box-shadow: rgba(204, 230, 236, 0.5) 0 0 10px, rgba(204, 230, 236, 0.5) 0 0 10px inset;
}
.jackpots-all__counter--platinum .counter .wrapper::after {
background-image: url('/Content/Images/jackpot/shared/separator-platinum.png');
}
.jackpots-all__counter--platinum .counter::after {
border-color: #cce6ec;
}
.jackpots-all__counter .jackpot-generic {
margin-bottom: 4px;
}
@media (min-width: 768px) {
.area--main .jackpots-all__counter .jackpot-generic {
margin-bottom: 2.5%;
}
}
@media (min-width: 768px) {
.area--main .jackpots-all__logo {
padding-bottom: 10.5% !important;
width: 33.3333%;
float: left;
}
}
.jackpots-all__provider {
padding: 0 2.5% !important;
cursor: pointer;
background-size: cover;
background-position: top center;
padding-top: 10%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 9px;
}
@media (min-width: 768px) {
.area--main .jackpots-all__provider {
padding: 0.82% 0.5% !important;
}
}
.jackpots-all__provider .jackpots-all__logo {
padding-bottom: 26%;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.jackpots-all__provider--operator .jackpots-all__counter--gold {
margin-top: 11%;
}
@media (min-width: 768px) {
.area--main .jackpots-all__provider--operator .jackpots-all__counter--gold {
margin-top: 0;
margin-left: 16.5%;
}
}
.jackpots-all-slider .item {
cursor: pointer;
}
.jackpots-all-slider .item .jackpots-all__wrapper {
margin-bottom: 0;
}
.jackpots-all-slider .item.active {
display: none;
}
.jackpots-all-slider .item.active:nth-of-type(1) {
display: block;
}
.jackpots-all-slider .carousel-inner {
overflow: visible;
}
.jackpots-all-slider .blaze-prev.offset,
.jackpots-all-slider .blaze-next.offset {
display: block;
border-radius: 6px;
background: #ff5722;
}
.jackpots-all-slider .blaze-prev.offset::before,
.jackpots-all-slider .blaze-next.offset::before {
color: #ff5722;
}
.jackpots-all-summary__logo {
flex-grow: 1;
flex-direction: column;
justify-content: center;
display: flex;
align-items: center;
order: 1;
}
@media (min-width: 768px) {
.jackpots-all-summary__logo {
flex-grow: 0;
flex-basis: 37%;
height: 51%;
}
}
.jackpots-all-summary__logo img {
width: 70%;
}
@media (min-width: 768px) {
.jackpots-all-summary__logo img {
width: 69%;
}
}
.jackpots-all-summary__wrapper {
overflow: hidden;
}
.jackpots-all-summary__provider {
display: flex;
flex-direction: column;
padding: 10px 0 0 0 !important;
}
@media (min-width: 768px) {
.jackpots-all-summary__provider {
flex-direction: row;
flex-wrap: wrap;
padding: 0.82% 0% !important;
}
}
@media (min-width: 768px) {
.area--main .jackpots-all-summary__provider {
padding: 0.82% 0% !important;
}
}
.jackpots-all-summary__item {
background-size: contain;
width: 40vw;
aspect-ratio: 1.09;
flex-shrink: 0;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding-bottom: 3%;
align-items: center;
border-radius: 6px;
overflow: hidden;
}
@media (min-width: 768px) {
.jackpots-all-summary__item {
height: 84px;
aspect-ratio: 1.0875;
width: auto;
padding-bottom: 10px;
}
}
@media (min-width: 1024px) {
.jackpots-all-summary__item {
height: 76px;
}
}
@media (min-width: 1280px) {
.jackpots-all-summary__item {
height: 105px;
}
}
@media (min-width: 1920px) {
.jackpots-all-summary__item {
height: 164px;
}
}
.jackpots-all-summary__item-logo {
width: 100%;
height: 56%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.jackpots-all-summary__item-tipos {
background-image: url(/Content/images/jackpot/tipos/column_bg-blue.jpg);
}
.jackpots-all-summary__item-tipos-logo {
background-image: url(/Content/images/jackpot/tipos/logo_tipos.png);
}
.jackpots-all-summary__item-doublestarlobby30 {
background-image: url(/Content/images/jackpot/doublestarlobby30/column_bg.jpg);
}
.jackpots-all-summary__item-doublestarlobby30-logo {
background-image: url(/Content/images/jackpot/doublestarlobby30/logo-doublestar.png);
background-size: 76%;
}
.jackpots-all-summary__item-gapalobby30 {
background-image: url(/Content/images/jackpot/gapalobby30/column_bg.jpg);
}
.jackpots-all-summary__item-gapalobby30-logo {
background-image: url(/Content/images/jackpot/gapalobby30/logo-gapa.png);
}
.jackpots-all-summary__item-joker {
background-image: url(/Content/images/jackpot/joker/column_bg.jpg);
}
.jackpots-all-summary__item-joker-logo {
background-image: url(/Content/images/jackpot/joker/logo-joker.png);
}
.jackpots-all-summary__item-maxbetalternate {
background-image: url(/Content/images/jackpot/maxbet2/column_bg.jpg);
}
.jackpots-all-summary__item-maxbetalternate-logo {
background-image: url(/Content/images/jackpot/maxbetalternate/logo-maxbet.png);
}
.jackpots-all-summary__item-slovmaticlobby30 {
background-image: url(/Content/images/jackpot/slovmaticlobby30/column_bg.jpg);
}
.jackpots-all-summary__item-synottip {
background-image: url(/Content/images/jackpot/synottip/column_bg.jpg);
}
.jackpots-all-summary__item-synottip-logo {
background-image: url(/Content/images/jackpot/synottip/logo_synottip.png);
}
.jackpots-all-summary__item-synottipba {
background-image: url(/Content/images/jackpot/synottip/column_bg.jpg);
}
.jackpots-all-summary__item-synottipba-logo {
background-image: url(/Content/images/jackpot/synottip/logo_synottip.png);
}
.jackpots-all-summary__item-synottiplv {
background-image: url(/Content/images/jackpot/synottip/column_bg.jpg);
}
.jackpots-all-summary__item-synottiplv-logo {
background-image: url(/Content/images/jackpot/synottip/logo_synottip.png);
}
.jackpots-all-summary__item-synottipsk {
background-image: url(/Content/images/jackpot/synottip/column_bg.jpg);
}
.jackpots-all-summary__item-synottipsk-logo {
background-image: url(/Content/images/jackpot/synottip/logo_synottip.png);
}
.jackpots-all-summary__item-synot {
background-image: url(/Content/images/jackpot/synot/column_bg.jpg);
}
.jackpots-all-summary__item-synot-logo {
background-image: url(/Content/images/jackpot/synot/logo-synotjackpot.png);
}
.jackpots-all-summary__item-kajot {
background-image: url(/Content/images/jackpot/kajot/bg_column.jpg);
}
.jackpots-all-summary__item-kajot-logo {
background-image: url(/Content/images/jackpot/kajot/logo_kajot.png);
width: 88%;
}
.jackpots-all-summary__item-adell {
background-image: url(/Content/images/jackpot/adell/column_bg.jpg);
}
.jackpots-all-summary__item-adell-logo {
background-image: url(/Content/images/jackpot/adell/logo-adell.png);
}
.jackpots-all-summary__item-apollo {
background-image: url(/Content/images/jackpot/apollo/column_bg.jpg);
}
.jackpots-all-summary__item-apollo-logo {
background-image: url(/Content/images/jackpot/apollo/logo-apollo.png);
}
.jackpots-all-summary__item-egt {
background-image: url(/Content/images/jackpot/egt/bg_column.jpg);
}
.jackpots-all-summary__item-egt-logo {
background-image: url(/Content/images/jackpot/egt/logo_EGT.png);
}
.jackpots-all-summary__item-fazi {
background-image: url(/Content/images/jackpot/fazi/column_bg.jpg);
}
.jackpots-all-summary__item-fazi-logo {
background-image: url(/Content/images/jackpot/fazi/logo-fazi.png);
}
.jackpots-all-summary__item-qlogic {
background-image: url(/Content/images/jackpot/qlogic/bg_column.jpg);
}
.jackpots-all-summary__item-qlogic-logo {
background-image: url(/Content/images/jackpot/qlogic/logo_qlogic.png);
}
.jackpots-all-summary__item-t4b {
background-image: url(/Content/images/jackpot/t4b/column_bg.jpg);
}
.jackpots-all-summary__item-t4b-logo {
background-image: url(/Content/images/jackpot/t4b/logo_royal.png);
}
@media (min-width: 768px) {
.jackpots-all-summary__item .jackpots-all__counter {
width: 100% !important;
margin-left: 0 !important;
}
}
.jackpots-all-summary__carousel {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
padding-top: 10px;
padding-bottom: 10px;
gap: 6px;
padding-left: 6px;
padding-right: 6px;
order: 2;
}
@media (min-width: 768px) {
.jackpots-all-summary__carousel {
padding-left: 12px;
padding-right: 12px;
flex-direction: row;
flex-grow: 1;
flex-basis: 46%;
overflow-x: hidden;
overflow-y: hidden;
padding-top: 0px;
padding-bottom: 0px;
order: 3;
}
}
.jackpots-all-summary__carousel .jackpot-summary,
.jackpots-all-summary__carousel .jackpot-summary-provider {
border-width: 1px;
border-style: solid;
border-color: #f1db7b;
position: relative;
height: 32px;
width: 90%;
margin-left: 5%;
}
@media (min-width: 768px) {
.jackpots-all-summary__carousel .jackpot-summary,
.jackpots-all-summary__carousel .jackpot-summary-provider {
height: 23px;
}
}
@media (min-width: 1920px) {
.jackpots-all-summary__carousel .jackpot-summary,
.jackpots-all-summary__carousel .jackpot-summary-provider {
height: 36px;
}
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-synot,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-synot {
border-color: #26f5ee;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-synot .counter,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-synot .counter {
box-shadow: rgba(38, 245, 238, 0.5) 0 0 10px, rgba(38, 245, 238, 0.5) 0 0 10px inset;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-synot .counter::after,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-synot .counter::after {
border-color: #26f5ee;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-synot .wrapper::after,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-synot .wrapper::after {
background-image: url(/Content/Images/jackpot/synot/separator-diamond.png);
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-kajot,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-kajot {
border-color: #70cff2;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-kajot .counter,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-kajot .counter {
box-shadow: rgba(112, 207, 242, 0.5) 0 0 10px, rgba(112, 207, 242, 0.5) 0 0 10px inset;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-kajot .counter::after,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-kajot .counter::after {
border-color: #70cff2;
background-size: 74%;
background-position: center;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-kajot .wrapper::after,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-kajot .wrapper::after {
background-image: url(/Content/Images/jackpot/kajot/separator-platinum.png);
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-egt,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-egt {
border-color: #bfd582 !important;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-egt .counter,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-egt .counter {
box-shadow: rgba(191, 213, 130, 0.5) 0 0 10px, rgba(191, 213, 130, 0.5) 0 0 10px inset;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-egt .counter::after,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-egt .counter::after {
border-color: #bfd582 !important;
background-size: 74%;
background-position: center;
}
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-egt .wrapper::after,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-egt .wrapper::after {
background-image: url(/Content/Images/jackpot/egt/separator-diamond.png);
bottom: 15% !important;
}
@media (min-width: 768px) {
.jackpots-all-summary__carousel .jackpot-summary.jackpot-summary-egt .wrapper::after,
.jackpots-all-summary__carousel .jackpot-summary-provider.jackpot-summary-egt .wrapper::after {
bottom: 18% !important;
}
}
.jackpots-all-summary__carousel .jackpot-summary.eur .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.eur .counter:after {
background-image: url(/Content/images/jackpot/shared/currency-eur-gold_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.eur.jackpot-summary-synot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.eur.jackpot-summary-synot .counter:after {
background-image: url(/Content/images/jackpot/synot/currency-eur-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.eur.jackpot-summary-kajot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.eur.jackpot-summary-kajot .counter:after {
background-image: url(/Content/images/jackpot/kajot/currency-eur-platinum_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.eur.jackpot-summary-egt .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.eur.jackpot-summary-egt .counter:after {
background-image: url(/Content/images/jackpot/egt/currency-eur-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.czk .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.czk .counter:after {
background-image: url(/Content/images/jackpot/shared/currency-czk-gold_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.czk.jackpot-summary-synot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.czk.jackpot-summary-synot .counter:after {
background-image: url(/Content/images/jackpot/synot/currency-czk-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.czk.jackpot-summary-kajot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.czk.jackpot-summary-kajot .counter:after {
background-image: url(/Content/images/jackpot/kajot/currency-czk-platinum_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.czk.jackpot-summary-egt .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.czk.jackpot-summary-egt .counter:after {
background-image: url(/Content/images/jackpot/egt/currency-czk-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.czk .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.czk .counter:after {
background-image: url(/Content/images/jackpot/shared/currency-czk-gold_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.czk.jackpot-summary-synot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.czk.jackpot-summary-synot .counter:after {
background-image: url(/Content/images/jackpot/synot/currency-czk-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.czk.jackpot-summary-kajot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.czk.jackpot-summary-kajot .counter:after {
background-image: url(/Content/images/jackpot/kajot/currency-czk-platinum_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.czk.jackpot-summary-egt .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.czk.jackpot-summary-egt .counter:after {
background-image: url(/Content/images/jackpot/egt/currency-czk-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.ron .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.ron .counter:after {
background-image: url(/Content/images/jackpot/shared/currency-ron-gold_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.ron.jackpot-summary-synot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.ron.jackpot-summary-synot .counter:after {
background-image: url(/Content/images/jackpot/synot/currency-ron-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.ron.jackpot-summary-kajot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.ron.jackpot-summary-kajot .counter:after {
background-image: url(/Content/images/jackpot/kajot/currency-ron-platinum_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.ron.jackpot-summary-egt .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.ron.jackpot-summary-egt .counter:after {
background-image: url(/Content/images/jackpot/egt/currency-ron-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.rsd .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.rsd .counter:after {
background-image: url(/Content/images/jackpot/shared/currency-rsd-gold_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.rsd.jackpot-summary-synot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.rsd.jackpot-summary-synot .counter:after {
background-image: url(/Content/images/jackpot/synot/currency-rsd-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.rsd.jackpot-summary-kajot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.rsd.jackpot-summary-kajot .counter:after {
background-image: url(/Content/images/jackpot/kajot/currency-rsd-platinum_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.rsd.jackpot-summary-egt .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.rsd.jackpot-summary-egt .counter:after {
background-image: url(/Content/images/jackpot/egt/currency-rsd-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.hrk .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.hrk .counter:after {
background-image: url(/Content/images/jackpot/shared/currency-hrk-gold_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.hrk.jackpot-summary-synot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.hrk.jackpot-summary-synot .counter:after {
background-image: url(/Content/images/jackpot/synot/currency-hrk-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.hrk.jackpot-summary-kajot .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.hrk.jackpot-summary-kajot .counter:after {
background-image: url(/Content/images/jackpot/kajot/currency-hrk-platinum_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary.hrk.jackpot-summary-egt .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider.hrk.jackpot-summary-egt .counter:after {
background-image: url(/Content/images/jackpot/egt/currency-hrk-diamond_v.png);
}
.jackpots-all-summary__carousel .jackpot-summary .counter,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter {
padding-left: 0% !important;
margin-left: 0%;
}
.jackpots-all-summary__carousel .jackpot-summary .counter:after,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter:after {
content: "";
position: absolute;
top: 0;
right: 0%;
bottom: 4px;
width: 11%;
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}
.jackpots-all-summary__carousel .jackpot-summary .counter .wrapper,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter .wrapper {
height: 32px;
position: relative;
margin-left: 0 !important;
margin-right: 13%;
}
@media (min-width: 768px) {
.jackpots-all-summary__carousel .jackpot-summary .counter .wrapper,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter .wrapper {
padding-top: 0%;
margin-right: 10%;
height: 23px;
}
}
@media (min-width: 1920px) {
.jackpots-all-summary__carousel .jackpot-summary .counter .wrapper,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter .wrapper {
height: 36px;
}
}
.jackpots-all-summary__carousel .jackpot-summary .counter .wrapper:after,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter .wrapper:after {
content: "";
position: absolute;
top: 7%;
right: 9%;
bottom: 0;
width: 25%;
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
}
.jackpots-all-summary__carousel .jackpot-summary .counter canvas,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter canvas {
position: relative;
max-width: 100%;
width: 100%;
padding-top: 2%;
height: 32px;
}
@media (min-width: 768px) {
.jackpots-all-summary__carousel .jackpot-summary .counter canvas,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter canvas {
padding-top: 0;
height: 23px;
}
}
@media (min-width: 1920px) {
.jackpots-all-summary__carousel .jackpot-summary .counter canvas,
.jackpots-all-summary__carousel .jackpot-summary-provider .counter canvas {
margin-top: 0;
height: 36px;
}
}
.jackpots-all-summary__counter {
text-align: center;
font-size: 37px;
line-height: 1;
font-weight: 700;
background: -webkit-linear-gradient(#f5e6b1, #cba040, #f5e6b1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (min-width: 768px) {
.jackpots-all-summary__counter {
font-size: 26px;
}
}
@media (min-width: 1920px) {
.jackpots-all-summary__counter {
font-size: 44px;
}
}
.jackpots-all-summary__counter-title {
text-align: center;
color: white;
}
.jackpots-all-summary__counter-wrapper {
flex-grow: 1;
display: flex;
justify-content: center;
flex-direction: column;
order: 3;
}
@media (min-width: 768px) {
.jackpots-all-summary__counter-wrapper {
flex-grow: 0;
order: 3;
flex-basis: 37%;
margin-top: -6%;
}
}
@media (min-width: 1920px) {
.jackpots-all-summary__counter-wrapper {
margin-top: -4%;
}
}
.jackpots-max {
display: flex;
}
.jackpots-max__cover {
overflow: hidden;
width: inherit;
}
.jackpots-max__slider {
display: flex;
gap: 20px;
}
.jackpots-max__slider .item {
height: 112px;
width: 56%;
display: flex;
align-items: center;
flex: 0 0 auto;
}
@media (min-width: 768px) {
.jackpots-max__slider .item {
width: 30%;
}
}
@media (min-width: 1280px) {
.jackpots-max__slider .item {
width: 22%;
}
}
@media (min-width: 1600px) {
.jackpots-max__slider .item {
width: 18%;
}
}
.jackpots-max__img {
flex-basis: 40%;
padding-right: 9px;
}
.jackpots-max__img img {
width: 100%;
}
.jackpots-max__content {
justify-content: center;
flex-basis: 60%;
display: flex;
flex-direction: column;
}
@media (min-width: 1280px) {
.jackpots-max__content {
padding-left: 5px;
}
}
.jackpots-max__value {
font-size: 25px;
line-height: 1.1;
letter-spacing: -2px;
font-style: italic;
background: -webkit-linear-gradient(360deg, #FEDF01, #E7A900);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
white-space: nowrap;
}
@media (min-width: 1024px) {
.jackpots-max__value {
font-size: 33px;
}
}
@media (min-width: 1600px) {
.jackpots-max__value {
font-size: 39px;
}
}
.jackpots-max__provider {
font-family: 'Roboto Condensed';
}
/*@import "../../Scripts/bootstrap-3.3.7/less/variables.less";
@import "../../Scripts/bootstrap-3.3.7/less/mixins.less";*/
/*@grid-gutter-width: 12px;*/
.column {
/*&--new-games {
}
*/
}
.column__headline {
color: #ff5722;
font-size: 20px;
margin-bottom: 15px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
.column-address-box {
padding: 0 15px 15px 15px;
background: #fff;
color: #5b6772;
border-radius: 6px;
}
@media (min-width: 768px) {
.column-address-box {
padding: 0 15px 15px 15px;
}
}
.column-address-box .list-headline {
display: block;
line-height: 50px;
height: 50px;
text-transform: uppercase;
margin: 0 !important;
font-weight: 800;
font-size: 20px;
color: #ff5722 !important;
background: transparent !important;
}
.slider30 {
width: 100%;
overflow: hidden;
aspect-ratio: 2.33333333;
position: relative;
}
@media (min-width: 768px) {
.slider30 {
height: 300px;
margin: 0 auto;
aspect-ratio: auto;
}
.slider30:hover .blaze-prev,
.slider30:hover .blaze-next {
opacity: 1;
}
}
.slider30 > * {
line-height: 0;
}
.slider30_item {
height: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%) !important;
}
@media (min-width: 768px) {
.slider30_item {
height: 300px;
}
}
.slider30__jackpot {
position: relative;
}
.slider30__jackpot .jackpots-all__wrapper {
position: absolute;
right: 2%;
top: 4%;
width: 42.85714286%;
}
@media (min-width: 768px) {
.slider30__jackpot .jackpots-all__wrapper {
right: 40px;
top: 18px;
width: 290px;
}
}
@media (min-width: 1280px) {
.slider30 .slick-active .slider30_item {
animation-name: zoomin;
animation-duration: 6s;
animation-fill-mode: forwards;
}
}
@media (min-width: 1280px) {
.slider30 .slider30_item.active {
animation-name: zoomin;
animation-duration: 6s;
animation-fill-mode: forwards;
}
}
@keyframes zoomin {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}
.slider30__left,
.slider30__right {
position: absolute;
top: -288px;
height: 276px;
width: 300px;
z-index: 1;
border-radius: 6px;
padding: 18px;
display: none;
transform: scale(0.92);
}
@media (min-width: 1280px) {
.slider30__left,
.slider30__right {
display: block;
}
}
.slider30__left {
left: 6px;
background: #fff;
transform-origin: left;
overflow: hidden;
}
.slider30__right {
right: 6px;
background-color: #e5e5e5;
transform-origin: right;
}
.slider30__right .jackpots-all__wrapper {
margin: -18px !important;
}
.slider30__right .jackpots-all__wrapper .jackpots-all__provider {
border: 2px solid rgba(255, 255, 255, 0.5);
background-clip: padding-box;
}
.slider30 .blaze-track > * {
overflow: hidden;
position: relative;
aspect-ratio: 2.33333333;
width: 100%;
cursor: pointer;
}
@media (min-width: 768px) {
.slider30 .blaze-track > * {
height: 300px;
aspect-ratio: auto;
}
}
.slider30 .blaze-prev,
.slider30 .blaze-next {
background-color: #ff5722;
width: 20px;
height: 60px;
line-height: 60px;
border-radius: 6px;
/*border: 2px solid rgba(255,255,255,0.5);*/
background-clip: padding-box;
box-sizing: content-box;
opacity: 0;
transition: all ease 200ms;
}
.slider30 .blaze-prev:before,
.slider30 .blaze-next:before {
font-family: 'FontAwesome';
color: white;
opacity: 1;
line-height: 60px;
text-align: center;
}
.slider30 .blaze-prev:hover,
.slider30 .blaze-next:hover,
.slider30 .blaze-prev:focus,
.slider30 .blaze-next:focus {
background-color: #ee3900;
}
.slider30 .blaze-prev {
left: 12px;
z-index: 2;
}
.slider30 .blaze-prev:before {
content: "\f0d9";
}
.slider30 .blaze-next {
right: 12px;
z-index: 2;
}
.slider30 .blaze-next:before {
content: "\f0da";
}
.slider30 .blaze-pagination {
bottom: 0;
}
.slider30 .blaze-pagination button {
background: transparent;
}
.slider30 .blaze-pagination button.active::before {
color: #fff;
}
.slider30 .blaze-pagination:before {
display: none;
}
.slider30 .blaze-pagination button:before {
content: "•" !important;
color: #fff;
}
.slider30 + .slider30_toggle {
position: relative;
z-index: 998;
cursor: pointer;
}
@media (min-width: 768px) {
.slider30 + .slider30_toggle {
/*max-width: 1920px;*/
margin: 0 auto;
}
}
.slider30 + .slider30_toggle:after {
content: "";
position: absolute;
right: 6px;
bottom: -3px;
width: 40px;
height: 18px;
background-image: url('/Content/Themes/MaxBet-light/Images/slider-button.png');
background-size: contain;
background-position: bottom center;
}
.slider30 + .slider30_toggle.alt:after {
bottom: -15px;
background-image: url('/Content/Themes/MaxBet-light/Images/slider-button-2.png');
}
.game-run {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 59px;
right: 0;
padding: 18px;
z-index: 1010;
}
@media (min-width: 768px) {
.game-run {
bottom: 0;
}
}
.game-run__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.game-run__background {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-position: center center;
background-size: cover;
display: none;
/* @media(min-width: @screen-sm) {
background-color: @brand-primary !important;
background-image: none !important;
}*/
}
@media (min-width: 1024px) {
.game-run__flex {
display: flex;
flex-direction: row;
}
}
.game-run__body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 18px 18px 0 18px;
background-color: #f1f1f1;
}
@media (min-width: 1024px) {
.game-run__body {
top: auto !important;
bottom: 50%;
width: 678px;
left: 50%;
right: auto;
padding: 0;
border-radius: 6px;
transform: translate(-50%, 50%);
overflow: hidden;
}
}
@media (min-width: 1024px) {
.game-run__content {
flex-grow: 1;
padding: 22px 18px 0 18px;
justify-content: space-between;
display: flex;
flex-direction: column;
}
}
.game-run__title {
color: #ff5722;
font-size: 20px;
margin-bottom: 5px;
font-weight: bold;
max-width: calc(100% - 120px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 1024px) {
.game-run__title {
max-width: none;
}
}
.game-run__heading {
display: flex;
align-items: center;
}
.game-run__heading .game-run__info {
margin-right: 3px;
position: relative;
top: 0px;
}
.game-run__meta-data {
display: flex;
flex-wrap: wrap;
}
.game-run__meta-data > div {
width: 33.3%;
margin-bottom: 10px;
}
.game-run__meta-data .game-run__stake-maxprize {
display: none;
justify-content: space-between;
align-items: start;
}
.game-run__meta-data .game-run__stake-maxprize .game-run__maxprize {
position: static;
font-size: 15px;
text-align: right;
}
.game-run__meta-data .row {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.game-run__meta-data .row {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.game-run__meta-data .row:nth-of-type(3) {
margin-bottom: 5px;
}
}
.game-run__meta-data [data-type="category"] .game-run__value,
.game-run__meta-data [data-type="freespins"] .game-run__value {
text-transform: capitalize;
}
.game-run__meta-data [data-type="minmaxstake"] .game-run__label {
text-wrap: nowrap;
}
.game-run__betRange {
margin-top: 12px;
}
.game-run__betRange,
.game-run__playerCount {
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
text-align: center;
}
.game-run__lastresults {
display: none;
justify-content: center;
gap: 9px;
margin-top: 6px;
color: white;
padding: 90px 5px 13px 5px;
border-radius: 0;
position: absolute;
bottom: 0;
width: 100%;
background: linear-gradient(0deg, black, transparent);
}
.game-run__lastresults .lastResult {
text-align: center;
padding: 4px;
background: green;
border-radius: 50%;
width: 28px;
height: 28px;
box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}
.game-run__lastresults .lastResult.red {
background: red;
}
.game-run__lastresults .lastResult.black {
background: black;
}
.game-run__stake,
.game-run__maxprize {
color: white;
z-index: 1;
font-size: 15px;
line-height: 1.4;
}
.game-run__stake span,
.game-run__maxprize span {
font-size: 16px;
font-weight: 600;
line-height: 1;
}
@media (min-width: 480px) {
.game-run__stake span,
.game-run__maxprize span {
font-size: 19px;
}
}
@media (min-width: 568px) {
.game-run__stake span,
.game-run__maxprize span {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.game-run__stake span,
.game-run__maxprize span {
font-size: 24px;
}
}
.game-run__stake .max-prize__name,
.game-run__maxprize .max-prize__name {
display: none;
}
.game-run__img {
width: 113px;
height: 85px;
position: absolute;
right: 18px;
top: -44px;
background-position: center;
background-size: cover;
border-radius: 6px;
}
@media (min-width: 1024px) {
.game-run__img {
position: static !important;
border-radius: 6px 0 0 6px !important;
width: auto !important;
height: 318px !important;
aspect-ratio: 1 !important;
border: none !important;
transform: translateX(0) !important;
margin-bottom: 0 !important;
}
}
.game-run__buttons {
display: flex;
margin: 0 -3px 12px -3px;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.game-run__buttons {
margin: 0 -3px 7px -3px;
}
}
.game-run__buttons a {
flex: 1 1 0px;
margin: 0 3px;
/* &.btn-lg{
padding: 7px 18px;
}*/
}
.game-run__buttons a > i {
position: relative;
top: 2px;
left: -6px;
}
.game-run__buttons a.btn-primary {
order: 2;
padding-left: 0;
padding-right: 0;
}
.game-run__buttons a.btn-secondary {
order: 1;
padding-left: 0;
padding-right: 0;
}
.game-run__buttons a.btn-link {
order: 3;
text-transform: none;
flex: 1 1 100%;
padding-left: 0;
margin-top: 17px;
margin-bottom: 6px;
text-decoration: underline;
}
.game-run__label {
color: #ff5722;
font-size: 0.86em;
}
.game-run__value {
color: #ff5722;
font-weight: bold;
}
.game-run__info {
color: #ff5722;
font-size: 1.5em;
position: absolute;
top: 18px;
right: 0;
}
.game-run__favorites {
text-align: center;
display: block;
}
.game-run__favorites br {
display: none;
}
.game-run__favorites .btn {
margin: 0 auto;
color: #ff5722;
font-size: 15px;
width: 100%;
}
@media (min-width: 768px) {
.game-run__favorites .btn {
width: auto;
}
}
.game-run__favorites .btn .stechicons {
display: inline-block;
font-size: 22px;
vertical-align: top;
position: relative;
top: -3px;
}
.game-run__favorites .btn .stechicons.icon-favorite {
color: #f1c40f;
}
.game-run__close {
position: absolute;
top: 16px;
left: 16px;
color: white;
text-transform: uppercase;
display: flex;
align-items: center;
font-family: "Roboto Condensed";
cursor: pointer;
z-index: 3;
display: none;
}
@media (min-width: 768px) {
.game-run__close {
left: auto;
right: 16px;
}
}
@media (min-width: 768px) {
.game-run__close span {
display: none;
}
}
.game-run__close .icon {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQwSURBVHhe7ZxLchRXEEXlORPMz1NYACOWoQjAH/7BHgg2YE/tOQtiDjYGmzErkKYChZpz6UxCUrSqq7qrquu9uicio0Ld+epl3jMiEOwZY4wxxhhjjDHGGDMnFovFpZOTk9vx46xg95+oW/Hj7gkZr3ke8rwTH88CyWDnj9SnSUg5JSOZjRR2/SZjufZisXMpXH5eRlK9FHY8IyORFOpmtI0Hd18kI6lWCrutlJGMLoU718lIqpPCTo0yklGlcNFt7jxcXr2WaqSwSysZgr5j6tc4OjwKmXtnI4Udusp4FkfHYy5SmH36MpLapTBzOTKSWqUwa3kyktqkMGO5MpIuUug9UH8cnRSMV76MRCEzZ7FSGKseGYlCZt7ipDBOfTIShczcxUhhjHplJAqZ+Scvhevrl5EoZOog9mlEfeqPo6PAtfORkShkanJSuG5+MhKFTE1GCtfMV0aikKmdS+H1lpEoZGpnUnitZZxHIVOjS+F1lnERCpkaTQqvsYx1KGRqcCkct4y2KGRqMCkcs4yuKGSqdym0W8amKGSqNym0Wca2KGRqayl8bRl9oZCpjaXwsWX0jUKmOkvhR8sYCoVMdZGyT1nGkBBaayltsYwt6VOKZfREH1Iso2e2kWIZA7GJFMsYGMLdj6xbQf8fcdT0Dfm2/nPGKYr/pxCThGAl4/9lxp2xlD4hzBtbyEgspQ96kpFYyjb0LCOxlE0IGf9FiI3Qd8zjd6rVr62CpXSBsK53kUE9jXOtf5cYLKUNhLSRjEQh85Wl9AHhSMaHCKsR+iTjSRw9g0KmxVK2gVC6yngcR1eikGm1lE0gjGtUbzIShcwRS+kCIQwiI1HIHG0lhd61v81SNSwvGe8jj0bok4xHcbQTCplXWEoTLN1VxsM4uhEKmVdZyipYVjL+jf0boW9rGYlC5pWWchqW3ImMRCHzaksRLCcZ72LfRuiTjAdxtFcUMtXqbx7Vp/44Wg8s1UkGj9/i6CAoZGqeUlhGMv6J/Rqhb3AZiUKm5iWFXa6ySFsZX3iMIiNRyAp7OUEz6lN/HC0Pdpi0jEQhK+zlJM2oT/1xtByYvZMMarz/MHIFCpmqUwozS8bfy/GboW/nMhKFTNUlhSGvUG1lfKYmISNRyFQdUhiuaBmJQqbKlsJQkvE25myEvsnKSBQyVaYUhukq45c4OmkUMlWWFIb4kWor44gqQkaikKkypHB51TIShUxNWwqXSsabmKMR+oqVkShkappSuPMyF3aR8XMcLRqFTE1PChc9j3sboU8y7sexKlDIVFspf8ax4eGyl3HvSvi+OhkJe62VwvevePwQR8aBS1dK4fNqZSTsd6EUPh9fRsLlZ6Tw8xGPe/F11aySslMZSUqRDOpufDwL2Pe7FJ67l5EwzIu5yUhCyl+TkWGMMcYYY4wxxhhjjJkje3tfAS7T6ZZuiNFlAAAAAElFTkSuQmCC);
color: white;
width: 25px;
height: 25px;
background-size: cover;
background-position: center center;
margin-right: 6px;
}
.game-run__provider {
display: none;
}
@media (min-width: 768px) {
.game-run__provider {
display: none !important;
}
}
.player-logged .game-run__buttons--logged {
display: block;
}
.player-logged .game-run__buttons--anonymous {
display: none;
}
.right-now-winners {
margin-bottom: 5px;
}
.right-now-winners__headline {
color: #ff5722;
font-weight: normal;
line-height: 1.2;
margin-top: 12px;
margin-bottom: 6px;
text-transform: none;
font-size: 24px;
}
@media (max-width: 768px) {
.right-now-winners__headline {
font-size: 18px;
margin-top: 12px;
margin-bottom: 6px;
}
}
.right-now-winners__item {
clear: both;
line-height: 1.18;
margin-bottom: 5px;
}
.right-now-winners__item[data-id=""] a,
.right-now-winners__item[data-guid=""] a {
cursor: auto;
pointer-events: none;
}
.right-now-winners__item[data-id=""] a .right-now-winners__img::after,
.right-now-winners__item[data-guid=""] a .right-now-winners__img::after {
display: none;
}
.right-now-winners__img {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 73px;
height: 54px;
float: left;
border-radius: 6px;
margin-right: 12px;
margin-bottom: 9px;
will-change: transform;
overflow: hidden;
}
.right-now-winners__img:after {
font-family: 'stechicons';
content: "\e95d";
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 54px;
font-size: 27px;
color: white;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0px;
transition: all 300ms;
}
.right-now-winners__img:hover:after {
opacity: 1;
}
.right-now-winners__img.placeholder:after {
display: none;
}
.right-now-winners__name {
font-size: 0.87em;
color: #5b6772;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right-now-winners__game {
color: #ff5722;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 85px);
display: block;
margin-top: 1px;
}
.right-now-winners__win-info {
display: flex;
justify-content: space-between;
}
.right-now-winners__amount {
margin-top: 2px;
color: #00a752;
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.right-now-winners__amount.position {
text-transform: uppercase;
font-weight: 800;
letter-spacing: 3px;
margin-right: 10px;
}
.right-now-winners__amount.position.gold {
color: #eacb7d;
}
.right-now-winners__amount.position.silver {
color: #e1dddf;
}
.right-now-winners__amount.position.bronze {
color: #e0ad91;
}
.right-now-winners--swiper .action-run {
width: 240px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #ff5722;
padding-right: 6px;
}
@media (min-width: 768px) {
.right-now-winners--swiper .action-run {
width: auto;
}
}
@media (min-width: 1024px) {
.right-now-winners--swiper .action-run {
width: 235px;
}
}
@media (min-width: 1280px) {
.right-now-winners--swiper .action-run {
width: 243px;
}
}
.right-now-winners--swiper .action-run span {
line-height: 23px;
font-size: 17px;
}
.right-now-winners--swiper .right-now-winners {
margin-right: -15px;
}
@media (min-width: 768px) {
.right-now-winners--swiper .right-now-winners {
margin-right: 0;
}
}
@media (min-width: 1280px) {
.right-now-winners--swiper .right-now-winners {
overflow: hidden;
}
}
@media (max-width: 1280px) {
.right-now-winners--swiper .right-now-winners {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.right-now-winners--swiper .right-now-winners__item {
text-overflow: ellipsis;
margin-bottom: 0 !important;
min-width: 250px;
}
@media (min-width: 768px) {
.right-now-winners--swiper .right-now-winners__item {
width: auto;
}
}
@media (min-width: 1280px) {
.right-now-winners--swiper .right-now-winners__item {
width: 19%;
margin-bottom: 3px;
display: inline-block;
}
}
.right-now-winners--swiper .right-now-winners__headline {
color: #ff5722;
font-weight: normal;
line-height: 1.2;
margin-top: 12px;
margin-bottom: 6px;
text-transform: none;
font-size: 24px;
}
@media (max-width: 768px) {
.right-now-winners--swiper .right-now-winners__headline {
font-size: 18px;
margin-top: 12px;
margin-bottom: 6px;
}
}
.right-now-winners--swiper .right-now-winners__amount {
margin-top: 0px !important;
}
.right-now-winners--swiper .right-now-winners__name {
font-size: 17px !important;
}
@media (min-width: 1280px) {
.right-now-winners--swiper .right-now-winners__name {
font-size: 20px !important;
}
}
.right-now-winners--swiper .right-now-winners__game {
width: auto;
}
.right-now-winners--swiper .right-now-winners__img {
width: 92px;
height: 70px;
margin-bottom: 9px;
}
.right-now-winners--swiper .right-now-winners__img:after {
line-height: 67px;
}
.right-now-winners--swiper .right-now-winners__grid {
display: flex;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
overflow-y: hidden;
}
@media (max-width: 768px) {
.right-now-winners--swiper .right-now-winners__grid {
margin-left: -6px;
padding-left: 6px;
}
}
@media (min-width: 768px) {
.right-now-winners--swiper .right-now-winners__grid {
margin-top: 12px;
}
}
@media (min-width: 1024px) {
.right-now-winners--swiper .right-now-winners__grid {
padding-left: 0px;
padding-right: 0px;
margin-top: 12px;
justify-content: space-between;
}
}
@media (min-width: 1600px) {
.right-now-winners--swiper .right-now-winners__grid {
overflow-x: hidden;
}
}
.area--right .right-now-winners__headline {
margin-top: 0;
font-weight: 800;
font-size: 20px;
color: #ff5722;
}
.slider30__left .right-now-winners__headline {
color: #ff5722;
font-size: 20px;
margin-bottom: 15px;
margin-top: 0;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
.slider30__left .right-now-winners__name,
.slider30__left .right-now-winners__game,
.slider30__left .right-now-winners__amount {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 115px);
}
.slider30__left .right-now-winners .right-now-winners__game {
font-size: 15px;
}
.slider30__left .right-now-winners .right-now-winners__items {
transform: scale(1.145);
transform-origin: top left;
}
.slider30__left .right-now-winners .carousel-inner {
height: 207px;
}
@media (max-width: 768px) {
.area--main .right-now-winners--swiper .providers__grid {
margin-bottom: -15px;
}
}
.area--main .right-now-winners--swiper .feature-wrapper .right-now-winners {
margin-bottom: -2px;
}
@media (max-width: 768px) {
.area--main .right-now-winners--swiper .feature-wrapper .right-now-winners {
margin-bottom: -6px;
}
}
@media (max-width: 768px) {
.area--main .right-now-winners--swiper .feature-wrapper .right-now-winners__grid {
margin-left: -21px;
padding-left: 21px;
}
}
@media (max-width: 768px) {
.area--main .right-now-winners--swiper .grid-simple.grid-cols-2.grid--name-normal {
margin-bottom: -5px;
}
}
.jackpot-winners {
margin-bottom: 5px;
}
.jackpot-winners__headline {
color: #ff5722;
font-weight: normal;
line-height: 1.2;
margin-top: 12px;
margin-bottom: 6px;
text-transform: none;
font-size: 24px;
}
@media (max-width: 768px) {
.jackpot-winners__headline {
font-size: 18px;
margin-top: 12px;
margin-bottom: 6px;
}
}
.jackpot-winners__item {
clear: both;
line-height: 1.18;
margin-bottom: 5px;
}
.jackpot-winners__img {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 73px;
height: 54px;
float: left;
border-radius: 6px;
margin-right: 12px;
margin-bottom: 9px;
will-change: transform;
}
.jackpot-winners__img:after {
font-family: 'stechicons';
content: "\e95d";
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 54px;
font-size: 27px;
color: white;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 6px;
transition: all 300ms;
}
.jackpot-winners__img:hover:after {
opacity: 1;
}
.jackpot-winners__name {
font-size: 0.87em;
color: #5b6772;
}
.jackpot-winners__game {
color: #ff5722;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 85px);
}
.jackpot-winners__amount {
margin-top: 1px;
color: #00a752;
}
.jackpot-winners__position {
text-transform: uppercase;
font-weight: 900;
margin-right: 14px;
letter-spacing: 4px;
}
.area--main .column-jackpot-winners {
margin-bottom: 22px;
}
.area--main .column-jackpot-winners .right-now-winners__headline {
color: #ff5722;
}
@media (min-width: 768px) {
.area--main .column-jackpot-winners .list-unstyled {
margin-top: 12px;
}
}
.area--main .column-jackpot-winners .right-now-winners__item {
padding-right: 18px !important;
}
.area--main .column-jackpot-winners .right-now-winners__img {
margin-bottom: 1px !important;
}
.area--main .column-jackpot-winners .right-now-winners__amount.position {
display: none;
}
@media (min-width: 768px) {
.area--main .column-jackpot-winners .right-now-winners__amount.position {
display: inline;
margin-right: 28px;
}
}
@media (min-width: 768px) {
.area--main .column-jackpot-winners .right-now-winners__win-info {
justify-content: normal;
}
}
.area--main .column-jackpot-winners .slick-slide > div:first-of-type {
display: flex;
}
.area--main .column-jackpot-winners .slick-dots button:before {
content: "•";
}
.tournaments-column {
margin: 0 -15px -15px -15px;
}
.tournaments-column__headline {
color: #ff5722;
font-size: 20px;
margin-bottom: 15px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
.tournaments-column__items {
clear: both;
line-height: 1.18;
}
.tournaments-column__item {
padding-bottom: 21px;
overflow: hidden;
}
.tournaments-column__item + .tournaments-column__item {
border-top: 1px solid rgba(141, 162, 182, 0.15);
}
.tournaments-column__title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
margin-bottom: 3px;
}
.tournaments-column__name {
display: inline-block;
color: rgba(91, 103, 114, 0.4);
}
.tournaments-column__name .iconcasino {
color: #fba10d;
font-size: 24px;
top: 4px;
margin-right: 6px;
position: relative;
}
.tournaments-column__amount {
color: #00a752;
}
.tournaments-column__amount--prize-pool {
color: #5b6772;
}
.tournaments-column__amount--prize {
color: #ff5722;
}
.tournaments-column__amount--score {
color: #ff5722;
}
.tournaments-column .panel,
.tournaments-column .panel-heading,
.tournaments-column .panel-body,
.tournaments-column .list-group-item {
padding: 0;
box-shadow: none;
border: 0;
margin: 0;
}
.tournaments-column .panel-heading,
.tournaments-column .panel-body {
padding: 0 15px 15px 15px;
}
.tournaments-column .panel-heading {
padding-bottom: 21px;
}
.tournaments-column__table {
margin: 0 -15px 10px -15px;
border-top: 1px solid rgba(141, 162, 182, 0.15);
}
.tournaments-column__table table {
margin-bottom: 6px;
background-color: transparent;
border-radius: 0;
}
@media (min-width: 768px) {
.tournaments-column__table table {
margin-bottom: 12px;
}
}
.tournaments-column__table table thead tr td,
.tournaments-column__table table thead:first-child tr td,
.tournaments-column__table table thead tr:first-child td,
.tournaments-column__table table thead:first-child tr:first-child td,
.tournaments-column__table table thead tr th,
.tournaments-column__table table thead:first-child tr th,
.tournaments-column__table table thead tr:first-child th,
.tournaments-column__table table thead:first-child tr:first-child th {
background-color: transparent;
color: #89939e;
border-bottom: none;
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}
.tournaments-column__table table thead tr td:first-child,
.tournaments-column__table table thead:first-child tr td:first-child,
.tournaments-column__table table thead tr:first-child td:first-child,
.tournaments-column__table table thead:first-child tr:first-child td:first-child,
.tournaments-column__table table thead tr th:first-child,
.tournaments-column__table table thead:first-child tr th:first-child,
.tournaments-column__table table thead tr:first-child th:first-child,
.tournaments-column__table table thead:first-child tr:first-child th:first-child {
padding-left: 16px;
width: 60px;
}
.tournaments-column__table table thead tr td:last-child,
.tournaments-column__table table thead:first-child tr td:last-child,
.tournaments-column__table table thead tr:first-child td:last-child,
.tournaments-column__table table thead:first-child tr:first-child td:last-child,
.tournaments-column__table table thead tr th:last-child,
.tournaments-column__table table thead:first-child tr th:last-child,
.tournaments-column__table table thead tr:first-child th:last-child,
.tournaments-column__table table thead:first-child tr:first-child th:last-child {
padding-right: 16px;
}
.tournaments-column__table table tbody tr td,
.tournaments-column__table table tbody tr th {
border-top: none;
}
.tournaments-column__table table tbody tr td .fa,
.tournaments-column__table table tbody tr th .fa {
font-size: 10px;
top: -1px;
position: relative;
}
.tournaments-column__table table tbody tr td:first-child,
.tournaments-column__table table tbody tr th:first-child {
padding-left: 16px;
}
.tournaments-column__table table tbody tr td:last-child,
.tournaments-column__table table tbody tr th:last-child {
padding-right: 16px;
}
.tournaments-column__table table tbody tr th {
width: 20px;
font-weight: normal;
}
.tournaments-column__table table tbody tr.highlighted {
color: #fba10d;
}
.tournaments-column__table table tbody tr.topline {
border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.tournaments-column .btn-primary {
display: block;
}
.column-jackpots__headline {
color: #ff5722;
font-size: 20px;
margin-bottom: 15px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
.column-jackpots .jackpot {
margin-bottom: 6px;
}
.slider30__right .theme-tipos .wrapper:after {
background-image: url(/Content/Images/jackpot/tipos/separator-blue.png) !important;
}
/* Slider */
.slick-loading .slick-list {
background: #fff /*url('../Less/@{slick-loader-path}ajax-loader.gif') center center no-repeat*/;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: none !important;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
@media (min-width: 1024px) {
.slick-prev,
.slick-next {
display: unset !important;
}
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Icons */
}
@font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('/Scripts/Lobby30/Slick/fonts/slick.eot');
src: url('/Scripts/Lobby30/Slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/Scripts/Lobby30/Slick/fonts/slick.woff') format('woff'), url('/Scripts/Lobby30/Slick/fonts/slick.ttf') format('truetype'), url('/Scripts/Lobby30/Slick/fonts/slick.svg#slick') format('svg');
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -18px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
left: 0;
right: 6px;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
/* &:after {
display: block;
content: "";
position: absolute;
bottom: 10px;
left: 0;
right: 0;
width: 100%;
height: 1px;
background-color: @horizontalmenu-input-bg;
}*/
}
@media (min-width: 768px) {
.slick-dots {
right: 12px;
}
}
.slick-dots:before {
display: block;
content: "";
position: absolute;
bottom: 10px;
left: 0;
right: 0;
width: 100%;
height: 1px;
background-color: #e5e5e5;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: auto;
margin: 0;
padding: 0;
cursor: pointer;
background-color: #f1f1f1;
}
.slick-dots li:first-child {
padding-left: 6px;
}
.slick-dots li:last-child {
padding-right: 6px;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: auto;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
cursor: pointer;
padding: 0 2px 0 1px;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
@media (min-width: 768px) {
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
}
.slick-dots li button:before {
vertical-align: top;
content: "• • •";
height: 20px;
font-family: "slick";
font-size: 5px;
line-height: 20px;
text-align: center;
color: #6B6F82;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: 1px;
}
@media (min-width: 568px) {
.slick-dots li button:before {
content: "• • • • •";
}
}
@media (min-width: 768px) {
.slick-dots li button:before {
content: "• • • •";
}
}
@media (min-width: 1024px) {
.slick-dots li button:before {
content: "• • • • •";
}
}
@media (min-width: 1280px) {
.slick-dots li button:before {
content: "• • • • • •";
}
}
.slick-dots li.slick-active button:before {
color: #6B6F82;
opacity: 0.75;
}
.one-dot .slick-dots button {
padding: 0 3px;
}
.one-dot .slick-dots button::before {
content: "•" !important;
}
@media (min-width: 568px) {
.one-dot .slick-dots button::before {
content: "•";
}
}
@media (min-width: 768px) {
.one-dot .slick-dots button::before {
content: "•";
}
}
@media (min-width: 1024px) {
.one-dot .slick-dots button::before {
content: "•";
}
}
@media (min-width: 1280px) {
.one-dot .slick-dots button::before {
content: "•";
}
}
.settings {
display: none;
}
.settings .noUi-horizontal {
height: 4px;
}
.settings .noUi-horizontal .noUi-handle {
width: 20px;
height: 20px;
top: -10px;
border-radius: 50%;
background: #ff5722;
box-shadow: none;
}
.settings .noUi-horizontal .noUi-handle:before {
display: none;
}
.settings .noUi-horizontal .noUi-handle:after {
display: none;
}
.area--main .new-games.main {
display: block;
}
.area--main .new-games.column {
display: none;
}
.area--main .new-games .column__headline {
color: #5b6772;
display: flex;
justify-content: space-between;
font-weight: normal;
line-height: 1.2;
margin-top: 12px;
margin-bottom: 6px;
text-transform: none;
font-size: 24px;
}
@media (max-width: 768px) {
.area--main .new-games .column__headline {
font-size: 18px;
margin-top: 12px;
margin-bottom: 6px;
}
}
.area--main .new-games .column__headline .show-more {
font-size: 14px;
color: #ff5722;
font-weight: normal;
text-transform: none;
cursor: pointer;
}
@media (max-width: 1024px) {
.area--main .new-games .i1x1 {
width: 50% !important;
}
}
@media (max-width: 1024px) {
.area--main .new-games .i1x1 {
display: none;
}
}
@media (max-width: 1024px) {
.area--main .new-games .i1x1:nth-of-type(1) {
display: block;
}
}
@media (max-width: 1024px) {
.area--main .new-games .i1x1:nth-of-type(2) {
display: block;
}
}
@media (max-width: 1024px) {
.area--main .new-games .i1x1:nth-of-type(3) {
display: block;
}
}
@media (max-width: 1024px) {
.area--main .new-games .i1x1:nth-of-type(4) {
display: block;
}
}
.area--main .new-games--swiper .providers-grid {
height: 66px !important;
}
.area--main .new-games--swiper .wrap {
width: 40vw;
}
@media (min-width: 1024px) {
.area--main .new-games--swiper .wrap {
width: calc(100vw/6);
}
}
.area--main .new-games--swiper .i1x1 {
min-width: 40vw;
}
@media (min-width: 1024px) {
.area--main .new-games--swiper .i1x1 {
min-width: auto;
}
}
.area--main .new-games--swiper .i1x1 .overlay .icons {
display: inline-block;
}
.area--main .new-games--swiper .i1x1 .buttons td {
display: inline-grid;
justify-content: center;
align-items: center;
}
.area--main .new-games--swiper .i1x1 .buttons td a {
height: fit-content;
}
.area--main .new-games--swiper .grid-simple.grid-cols-2.grid--name-normal {
display: flex;
gap: 6px;
flex-wrap: nowrap;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 6px;
margin-bottom: 0px;
padding-right: 6px;
padding-left: 6px;
margin-top: 0 !important;
}
@media (min-width: 1024px) {
.area--main .new-games--swiper .grid-simple.grid-cols-2.grid--name-normal {
margin-bottom: 5px;
padding-right: 0px;
padding-left: 6px;
}
}
.area--main .new-games--swiper .games {
margin-left: -6px;
margin-right: -6px;
padding-bottom: 0 !important;
overflow-x: hidden;
overflow-y: hidden;
padding-right: 6px;
}
@media (min-width: 1024px) {
.area--main .new-games--swiper .games {
margin-top: 12px;
}
}
.area--main .new-games--swiper .games .grid-simple.grid-cols-2 .i1x1 {
width: 40vw;
}
@media (min-width: 1024px) {
.area--main .new-games--swiper .games .grid-simple.grid-cols-2 .i1x1 {
overflow: hidden;
}
}
@media (min-width: 1024px) {
.area--main .new-games--swiper .games .grid-simple.grid-cols-2 .i1x1 .wrap {
width: 100%;
height: 100%;
}
}
@media (min-width: 768px) {
.area--main .new-games--swiper .grid-simple.grid-cols-2.grid--name-normal {
gap: 12px;
}
}
@media (max-width: 768px) {
.area--main .new-games--swiper .new-games .i1x1:nth-of-type(5) {
display: block;
}
.area--main .new-games--swiper .new-games .i1x1:nth-of-type(6) {
display: block;
}
}
.area--right .new-games.main,
.slider30__left .new-games.main,
.slider30__right .new-games.main {
display: none;
}
.area--right .new-games .column__headline,
.slider30__left .new-games .column__headline,
.slider30__right .new-games .column__headline {
display: flex !important;
justify-content: space-between;
max-width: none !important;
}
.area--right .new-games .column__headline .show-more,
.slider30__left .new-games .column__headline .show-more,
.slider30__right .new-games .column__headline .show-more {
font-size: 14px;
font-weight: normal;
text-transform: none;
cursor: pointer;
}
.area--right .new-games .i1x1,
.slider30__left .new-games .i1x1,
.slider30__right .new-games .i1x1 {
display: none;
}
.area--right .new-games .i1x1:nth-of-type(1),
.slider30__left .new-games .i1x1:nth-of-type(1),
.slider30__right .new-games .i1x1:nth-of-type(1) {
display: block;
}
.area--right .new-games .i1x1:nth-of-type(2),
.slider30__left .new-games .i1x1:nth-of-type(2),
.slider30__right .new-games .i1x1:nth-of-type(2) {
display: block;
}
.area--right .new-games .i1x1:nth-of-type(3),
.slider30__left .new-games .i1x1:nth-of-type(3),
.slider30__right .new-games .i1x1:nth-of-type(3) {
display: block;
}
.area--right .new-games .i1x1:nth-of-type(4),
.slider30__left .new-games .i1x1:nth-of-type(4),
.slider30__right .new-games .i1x1:nth-of-type(4) {
display: block;
}
.providers--swiper {
overflow: clip;
margin: 0 -6px;
}
@media (min-width: 768px) {
.providers--swiper {
margin: 0;
}
}
.providers--swiper .list-headline {
color: #ff5722;
font-weight: normal;
line-height: 1.2;
margin-top: 12px;
margin-bottom: 6px;
margin-left: 6px;
text-transform: none;
font-size: 24px;
}
@media (max-width: 768px) {
.providers--swiper .list-headline {
font-size: 18px;
margin-top: 12px;
margin-bottom: 6px;
}
}
@media (min-width: 768px) {
.providers--swiper .list-headline {
margin-left: 0;
}
}
.providers--swiper .providers-grid {
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 5px;
height: 66px;
cursor: pointer;
color: rgba(0, 0, 0, 0);
transition: color 0.5s ease;
}
@media (min-width: 768px) {
.providers--swiper .providers-grid {
scrollbar-color: transparent transparent;
scrollbar-width: thin;
}
.providers--swiper .providers-grid::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
border-radius: 6px;
background-color: transparent;
}
.providers--swiper .providers-grid::-webkit-scrollbar {
width: 6px;
height: 4.8px;
background-color: transparent;
}
.providers--swiper .providers-grid::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: rgba(229, 229, 229, 0);
box-shadow: inset 0 0 0 100px;
}
}
.providers--swiper .providers-grid:active {
color: rgba(229, 229, 229, 0.8);
}
.providers--swiper .list-unstyled {
display: inline-flex;
gap: 6px;
flex-wrap: nowrap;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 12px;
margin-bottom: 0;
margin-left: 6px;
margin-right: 6px;
}
@media (min-width: 768px) {
.providers--swiper .list-unstyled {
gap: 12px;
margin-right: 0;
margin-left: 0;
}
}
.providers--swiper .list-unstyled li {
width: 118px;
height: 54px;
padding: 10px;
background: #e1e3e5;
/*#e1e3e5;*/
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
}
.providers--swiper .list-unstyled li .gameproviders_checkbox {
display: none;
}
.providers--swiper .list-unstyled li span > img,
.providers--swiper .list-unstyled li span > span {
display: none;
}
.providers--swiper .list-unstyled li i {
height: 39px;
}
.providers--swiper .list-unstyled li i:before {
font-size: 116px;
position: relative;
top: 36px;
left: -10px;
color: #333 !important;
}
.providers--swiper .grabbing * {
cursor: grabbing !important;
cursor: -webkit-grabbing !important;
}
.providers--swiper-slick .list-headline {
color: #ff5722;
font-weight: normal;
line-height: 1.2;
margin-top: 12px;
margin-bottom: 6px;
text-transform: none;
font-size: 24px;
}
@media (max-width: 768px) {
.providers--swiper-slick .list-headline {
font-size: 18px;
margin-top: 12px;
margin-bottom: 6px;
}
}
.providers--swiper-slick .list-headline {
margin-left: 0;
}
.providers--swiper-slick .providers-grid {
overflow-x: auto;
overflow-y: hidden;
margin-right: 0;
margin-left: 0;
padding-bottom: 10px;
scrollbar-width: none;
}
.providers--swiper-slick .providers-grid::-webkit-scrollbar {
display: none;
}
.providers--swiper-slick .cbxGameProvider2 {
display: inline-block;
margin-bottom: 6px;
}
@media (min-width: 768px) {
.providers--swiper-slick .cbxGameProvider2 {
cursor: pointer;
}
}
.providers--swiper-slick .cbxGameProvider2 .gameproviders_checkbox {
display: none;
}
.providers--swiper-slick .list-unstyled li > div {
width: auto;
height: 54px;
padding: 10px;
background: #e1e3e5;
border-radius: 6px;
justify-content: center;
align-items: center;
overflow: hidden;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media (max-width: 768px) {
.providers--swiper-slick .list-unstyled li > div {
width: auto;
position: relative;
}
}
.providers--swiper-slick .list-unstyled li > div span > img,
.providers--swiper-slick .list-unstyled li > div span > span {
display: none;
}
.providers--swiper-slick .list-unstyled li > div i {
height: 39px;
}
.providers--swiper-slick .list-unstyled li > div i:before {
font-size: 116px;
color: #333 !important;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -18%);
}
@media (min-width: 1719px) {
.providers--swiper-slick .list-unstyled li > div i:before {
font-size: 87px;
}
}
@media (min-width: 1919px) {
.providers--swiper-slick .list-unstyled li > div i:before {
font-size: 116px;
}
}
.providers--swiper-slick .blaze-pagination {
position: absolute;
bottom: -6px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
left: 0;
right: 6px;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
.providers--blaze .item {
height: 54px;
padding: 6px 20px;
background: #e1e3e5;
border-radius: 6px;
cursor: pointer;
display: flex;
align-items: flex-start;
justify-content: center;
margin-bottom: 25px;
}
.providers--blaze .item img {
width: 116px;
height: auto;
flex-shrink: 0;
}
.providers--blaze .item i {
width: 116px;
font-size: 116px;
flex-shrink: 0;
}
.providers--blaze .list-headline {
color: #ff5722;
font-weight: normal;
line-height: 1.2;
margin-top: 12px;
margin-bottom: 6px;
text-transform: none;
font-size: 24px;
}
@media (max-width: 768px) {
.providers--blaze .list-headline {
font-size: 18px;
margin-top: 12px;
margin-bottom: 6px;
}
}
.providers--swiper .providers--blaze-color .blaze-track,
.providers--swiper .providers--blaze-vector .blaze-track {
display: flex;
overflow: scroll;
flex-wrap: nowrap;
width: auto;
gap: 12px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
touch-action: pan-x;
}
@media (min-width: 768px) {
.providers--swiper .providers--blaze-color .blaze-track,
.providers--swiper .providers--blaze-vector .blaze-track {
overflow: hidden;
padding: 0;
}
}
.providers--swiper .providers--blaze-color .item,
.providers--swiper .providers--blaze-vector .item {
aspect-ratio: 2.5;
flex-shrink: 0;
height: 47px;
padding-top: 2px;
}
.providers--swiper .providers--blaze-color .item:first-child,
.providers--swiper .providers--blaze-vector .item:first-child {
margin-left: 12px;
}
@media (min-width: 768px) {
.providers--swiper .providers--blaze-color .item:first-child,
.providers--swiper .providers--blaze-vector .item:first-child {
margin-left: 0;
}
}
.providers--swiper .providers--blaze-color .item:last-child,
.providers--swiper .providers--blaze-vector .item:last-child {
margin-right: 12px;
}
@media (min-width: 768px) {
.providers--swiper .providers--blaze-color .item:last-child,
.providers--swiper .providers--blaze-vector .item:last-child {
margin-right: 0;
}
}
.column__list-wrapper {
padding-bottom: 0 !important;
}
.column__list-wrapper .list-headline {
display: flex;
line-height: 1;
height: auto;
text-transform: uppercase;
margin-top: 18px !important;
margin-bottom: 18px;
font-weight: 800;
font-size: 19px;
color: #ff5722 !important;
background: transparent !important;
}
.column__list-wrapper .list-headline-content {
display: flex;
flex-grow: 1;
}
.column__list-wrapper .heading {
margin-left: 10px;
display: inline-block;
flex-basis: 100%;
}
.column__list-wrapper .heading-text {
margin-top: 6px;
}
.column__list-wrapper .fa {
opacity: 0.3;
font-size: 45px;
}
.column__list-wrapper span {
color: white;
}
.column__list-wrapper img {
width: 53px;
height: 53px;
flex-shrink: 0;
}
.column__list-wrapper .qrcode {
margin-top: 25px !important;
padding-bottom: 0px !important;
}
.column__list-wrapper .qrcode img {
width: 150px;
height: 150px;
}
.mobile_qr .list-text {
background: transparent !important;
}
.column-mobile-app {
background-image: url('../../Images/mobile_app.png');
padding: 0px !important;
margin-top: 6px;
margin-bottom: 6px !important;
background-size: cover;
aspect-ratio: 0.822;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
position: relative;
}
.column-mobile-app a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bonuses-overview__slider {
display: flex;
flex-direction: column;
gap: 8px;
height: 202px;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
border-radius: 6px;
}
@media (min-width: 768px) {
.bonuses-overview__slider {
height: auto;
aspect-ratio: 0.657;
}
}
.bonuses-overview__slider::-webkit-scrollbar {
display: none;
}
.bonuses-overview__box {
display: flex;
justify-content: space-between;
align-items: center;
height: 62px;
border-radius: 6px;
flex-shrink: 0;
}
.bonuses-overview__box--spins {
background: linear-gradient(90deg, #3A83A6, #1B3D4D);
}
.bonuses-overview__box--money {
background: linear-gradient(90deg, #8C8941, #1B3D4D);
}
.bonuses-overview__condition {
font-family: 'Roboto Condensed', Arial, sans-serif;
padding-right: 16px;
font-size: 12px;
}
@media (min-width: 1024px) {
.bonuses-overview__condition {
padding-right: 8px;
}
}
@media (min-width: 1600px) {
.bonuses-overview__condition {
padding-right: 16px;
}
}
.bonuses-overview__prize {
font-style: italic;
text-transform: uppercase;
padding-left: 16px;
font-size: 15px;
}
@media (min-width: 1024px) {
.bonuses-overview__prize {
padding-left: 8px;
font-size: 13px;
}
}
@media (min-width: 1600px) {
.bonuses-overview__prize {
padding-left: 16px;
font-size: 15px;
}
}
.bonuses-overview__banner {
height: 144px;
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
.bonuses-overview__banner {
width: 100%;
height: auto;
aspect-ratio: 0.657;
}
}
.winners-summary {
width: 100%;
aspect-ratio: 0.765;
background: radial-gradient(#5068F8, transparent, transparent);
background-size: 200% 130%;
background-position: center;
background-repeat: no-repeat;
padding: 30px 0;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.winners-summary {
aspect-ratio: 2.112;
width: 100vw;
}
}
@media (min-width: 1024px) {
.winners-summary {
aspect-ratio: 2.358;
}
}
@media (min-width: 1280px) {
.winners-summary {
aspect-ratio: 3.25;
background-size: 140% 130%;
}
}
@media (min-width: 1600px) {
.winners-summary {
aspect-ratio: 3.95;
background-size: 84% 138%;
padding-top: 57px;
background-position-x: center;
background-position-y: 46%;
}
}
.winners-summary__headline {
text-align: center;
position: relative;
}
.winners-summary__headline-value {
font-size: 50px;
font-style: italic;
margin-bottom: 29px;
text-shadow: 0 0 19px rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
.winners-summary__headline-value {
line-height: 1;
}
}
@media (min-width: 1024px) {
.winners-summary__headline-value {
font-size: 77px;
letter-spacing: -2px;
}
}
@media (min-width: 1600px) {
.winners-summary__headline-value {
font-size: 85px;
}
}
@media (min-width: 768px) {
.winners-summary__title {
margin-bottom: 6px;
}
}
.winners-summary__title img {
height: 25px;
margin-right: 5px;
}
.winners-summary__coin {
display: none;
position: absolute;
}
@media (min-width: 768px) {
.winners-summary__coin {
display: block;
}
}
.winners-summary__coin-one {
left: 1%;
top: 46%;
}
@media (min-width: 1024px) {
.winners-summary__coin-one {
left: 6%;
}
}
@media (min-width: 1280px) {
.winners-summary__coin-one {
left: 21%;
top: 38%;
}
}
@media (min-width: 1600px) {
.winners-summary__coin-one {
left: 28%;
top: 30%;
}
}
.winners-summary__coin-two {
left: 10%;
top: -55%;
}
@media (min-width: 1024px) {
.winners-summary__coin-two {
left: 14%;
}
}
@media (min-width: 1280px) {
.winners-summary__coin-two {
left: 24%;
}
}
@media (min-width: 1600px) {
.winners-summary__coin-two {
left: 30%;
}
}
.winners-summary__coin-three {
right: -7%;
top: 26%;
}
@media (min-width: 1024px) {
.winners-summary__coin-three {
right: 2%;
top: 16%;
}
}
@media (min-width: 1280px) {
.winners-summary__coin-three {
right: 16%;
}
}
@media (min-width: 1600px) {
.winners-summary__coin-three {
right: 23%;
top: 7%;
}
}
.winners-summary__coin-four {
right: 4%;
top: -73%;
}
@media (min-width: 1024px) {
.winners-summary__coin-four {
right: 9%;
top: -64%;
}
}
@media (min-width: 1280px) {
.winners-summary__coin-four {
right: 21%;
}
}
@media (min-width: 1600px) {
.winners-summary__coin-four {
right: 27%;
top: -73%;
}
}
.winners-summary__top-winners {
background: rgba(0, 0, 0, 0.4);
width: 90%;
aspect-ratio: 1.86;
margin: 0 auto;
border-radius: 9px;
padding: 12px;
display: flex;
gap: 7px;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.winners-summary__top-winners {
position: absolute;
z-index: 1;
width: 51.7%;
left: 50%;
transform: translateX(-50%);
aspect-ratio: 2.17;
bottom: 8%;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.winners-summary__top-winners {
width: 39.2%;
bottom: 14%;
}
}
@media (min-width: 1280px) {
.winners-summary__top-winners {
width: 27.8%;
bottom: 16%;
}
}
@media (min-width: 1600px) {
.winners-summary__top-winners {
width: 21%;
bottom: 10%;
padding: 20px;
aspect-ratio: 2;
}
}
.winners-summary__top-winners .game {
aspect-ratio: 1;
background: darkgrey;
border-radius: 6px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
.winners-summary__top-winners .game {
aspect-ratio: auto;
height: 100%;
flex-basis: 50%;
}
}
.winners-summary__slider {
display: flex;
flex-direction: column;
gap: 7px;
width: max-content;
overflow: visible;
position: relative;
width: 100%;
}
@media (min-width: 768px) {
.winners-summary__slider {
position: absolute;
bottom: 16%;
}
}
@media (min-width: 1024px) {
.winners-summary__slider {
bottom: 22%;
}
}
@media (min-width: 1280px) {
.winners-summary__slider {
bottom: 21%;
}
}
@media (min-width: 1600px) {
.winners-summary__slider {
bottom: 15%;
}
}
.winners-summary__slider-row {
display: flex;
gap: 7px;
white-space: nowrap;
transition: none;
}
.winners-summary__slider-row:nth-of-type(2) .winners-summary__item {
position: relative;
left: -103.5px;
}
.winners-summary__item {
background: rgba(0, 0, 0, 0.4);
border-radius: 6px;
padding: 10px 8px;
flex: 0 0 auto;
height: 56px;
width: 200px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
transition: transform 0.2s;
}
@media (min-width: 768px) {
.winners-summary__item:hover {
transform: scale(1.03);
}
}
@media (min-width: 1280px) {
.winners-summary__item {
height: 64px;
width: 240px;
padding: 12px;
}
}
@media (min-width: 1600px) {
.winners-summary__item {
height: 72px;
width: 280px;
padding: 16px;
}
}
.winners-summary__item-game {
width: 40px;
aspect-ratio: 1;
background: darkgrey;
border-radius: 6px;
/* @media(min-width: @screen-sm) {
width: auto;
height: 100%;
}*/
}
.winners-summary__item-title {
font-size: 12px;
font-family: 'Roboto Condensed', Arial, sans-serif;
}
.winners-summary__item-value {
font-size: 16px;
font-style: italic;
}
@media (min-width: 1280px) {
.winners-summary__item-value {
font-size: 21px;
}
}
@media (min-width: 1600px) {
.winners-summary__item-value {
font-size: 25px;
}
}
.all-games-with-filter .grid {
display: flow-root;
}
.all-games-with-filter__headline {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 1024px) {
.all-games-with-filter__headline {
justify-content: left;
}
}
.all-games-with-filter__title {
display: flex;
align-items: center;
}
.all-games-with-filter__number {
border: 1px solid #112D3D;
padding: 5px 10px;
border-radius: 9px;
margin-left: 10px;
}
@media (min-width: 1024px) {
.all-games-with-filter__number {
padding: 6px 10px;
}
}
@media (min-width: 1600px) {
.all-games-with-filter__number {
padding: 8px 10px;
}
}
.all-games-with-filter__buttons {
display: flex;
gap: 4px;
}
@media (min-width: 1024px) {
.all-games-with-filter__buttons {
order: 1;
}
}
.all-games-with-filter__select:has(.all-games-with-filter__button-filtering) {
display: none;
}
@media (min-width: 1024px) {
.all-games-with-filter__select:has(.all-games-with-filter__button-filtering) {
display: flex;
}
}
.all-games-with-filter__button {
background: #112D3D;
border-radius: 6px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
font-family: 'Roboto Condensed', Arial, sans-serif;
text-transform: uppercase;
font-size: 13px;
padding: 0 10px;
}
@media (min-width: 1024px) {
.all-games-with-filter__button {
padding: 0 20px;
font-size: 14px;
}
}
@media (min-width: 1024px) {
.all-games-with-filter__button img {
margin-left: 13px;
}
}
.all-games-with-filter__button-filtering {
pointer-events: none;
}
.all-games-with-filter__button-filtering img {
margin-left: 0;
margin-right: 12px;
}
.all-games-with-filter__togglemenu {
flex-basis: 100%;
transition: max-height 0.3s ease-out;
max-height: 0;
overflow: hidden;
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 4px;
}
@media (min-width: 1024px) {
.all-games-with-filter__togglemenu {
flex-basis: auto;
margin-top: 0;
max-height: fit-content;
overflow: visible;
flex-grow: 1;
justify-content: end;
}
}
.all-games-with-filter__togglemenu > div:not(.all-games-with-filter__dropdown) {
flex-basis: calc(33.33% - 4px - (119px / 3));
aspect-ratio: auto;
height: 32px;
position: relative;
}
@media (min-width: 1024px) {
.all-games-with-filter__togglemenu > div:not(.all-games-with-filter__dropdown) {
flex-basis: auto;
height: 36px;
}
}
@media (min-width: 1600px) {
.all-games-with-filter__togglemenu > div:not(.all-games-with-filter__dropdown) {
height: 40px;
}
}
.all-games-with-filter__togglemenu > div:not(.all-games-with-filter__dropdown) img {
margin-left: 5px;
flex-shrink: 0;
width: 10px;
}
@media (min-width: 768px) {
.all-games-with-filter__togglemenu > div:not(.all-games-with-filter__dropdown) img {
width: 16px;
}
}
.all-games-with-filter__togglemenu .all-games-with-filter__select:has(.all-games-with-filter__button-provider) {
flex-basis: 119px;
}
@media (min-width: 1024px) {
.all-games-with-filter__togglemenu .all-games-with-filter__select:has(.all-games-with-filter__button-provider) {
flex-basis: auto;
}
}
.all-games-with-filter__dropdown {
position: absolute;
z-index: 2;
top: 40px;
background: #112D3D;
border-radius: 6px;
width: fit-content;
min-width: 100%;
padding: 5px 5px;
display: flex;
flex-direction: column;
gap: 5px;
display: none;
}
@media (min-width: 1024px) {
.all-games-with-filter__dropdown {
padding: 10px 10px;
}
}
@media (min-width: 1600px) {
.all-games-with-filter__dropdown {
top: 44px;
}
}
.all-games-with-filter__dropdown label {
width: 100%;
text-align: left;
margin-bottom: 0;
border-radius: 6px;
padding: 5px 5px;
cursor: pointer;
font-family: 'Roboto Condensed', Arial, sans-serif;
font-size: 14px;
font-weight: 500;
white-space: nowrap;
display: flex;
align-items: center;
}
@media (min-width: 1024px) {
.all-games-with-filter__dropdown label {
padding: 5px 10px;
}
}
.all-games-with-filter__dropdown label i {
margin-right: 7px;
}
.all-games-with-filter__dropdown label span {
margin-right: 7px;
}
.all-games-with-filter__dropdown label:hover {
background: #1c4a65;
}
.all-games-with-filter__dropdown label.active {
background: #1c4a65;
}
.all-games-with-filter__dropdown input {
position: absolute;
width: 1px;
height: 1px;
visibility: hidden;
}
.all-games-with-filter__sort,
.all-games-with-filter__filter {
width: 32px;
aspect-ratio: 1;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
background: #112D3D;
}
@media (min-width: 1024px) {
.all-games-with-filter__sort,
.all-games-with-filter__filter {
width: 36px;
}
}
@media (min-width: 1600px) {
.all-games-with-filter__sort,
.all-games-with-filter__filter {
width: 40px;
}
}
@media (min-width: 1024px) {
.all-games-with-filter__filter {
display: none;
}
}
.all-games-with-filter__sort {
display: none;
}
.all-games-with-filter__pills {
display: flex;
flex-wrap: wrap;
}
.all-games-with-filter__pill {
height: 32px;
background: #112D3D;
padding: 0 10px;
display: flex;
align-items: center;
margin: 4px 4px 0 0;
font-family: 'Roboto Condensed', Arial, sans-serif;
font-weight: 100;
text-transform: uppercase;
font-size: 13px;
border-radius: 6px;
cursor: pointer;
}
@media (min-width: 1024px) {
.all-games-with-filter__pill {
height: 36px;
padding-left: 20px;
}
}
@media (min-width: 1600px) {
.all-games-with-filter__pill {
height: 40px;
}
}
.all-games-with-filter__pill img {
margin-right: 7px;
}
.all-games-with-filter__pill i {
width: 24px;
aspect-ratio: 1;
position: relative;
transition: 0.3s ease-in-out;
}
@media (min-width: 1024px) {
.all-games-with-filter__pill i {
margin-left: 7px;
}
}
.all-games-with-filter__pill i:before,
.all-games-with-filter__pill i:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 13px;
height: 1px;
background-color: white;
transform-origin: center;
}
.all-games-with-filter__pill i:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.all-games-with-filter__pill i:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
@media (min-width: 768px) {
.all-games-with-filter__pill:hover i {
transform: rotateZ(90deg);
}
}
.ad__wrapper {
height: 70px;
background-color: #00a752;
align-items: center;
display: none;
justify-content: space-between;
padding: 0 8px;
margin: 6px -6px;
}
.ad__wrapper button {
border: none;
background: none;
cursor: pointer;
color: #bbbbbb;
font-size: 27px;
font-weight: 400;
padding: 0;
}
.ad__wrapper h5 {
color: white;
margin-top: 2px;
margin-bottom: 2px;
font-size: 14px;
font-weight: 600;
}
.ad__wrapper span {
display: block;
font-size: 10px;
color: grey;
}
.ad__wrapper img {
margin-left: 8px;
width: 50px;
height: 50px;
border-radius: 50%;
}
.ad__wrapper i {
color: #b4c833;
display: block;
font-size: 40px;
margin: 0 0 0 10px;
}
.ad__wrapper__right-column a {
text-decoration: none;
background: #b4c833;
color: white;
padding: 5px 10px;
border-radius: 5px;
}
.ad__wrapper__left-column {
display: flex;
}
.ad__wrapper__left-column div {
margin-left: 11px;
}
.list-wrapper-live-game {
padding-bottom: 0 !important;
}
.list-wrapper-live-game .list-headline {
display: block;
line-height: 50px;
height: 50px;
text-transform: uppercase;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px !important;
padding-right: 15px !important;
padding: 0 15px !important;
font-weight: 800;
font-size: 20px;
color: #ff5722 !important;
background: transparent !important;
}
.list-wrapper-live-game .list-text {
background: transparent !important;
}
.poker-closest-tournaments {
padding: 0 !important;
height: 423px;
}
table.dataTable thead .sorting a {
text-decoration: none;
color: white;
position: relative;
display: block;
}
table.dataTable thead .sorting a::after {
font-family: 'Glyphicons Halflings';
content: "\e150";
opacity: 0.2;
position: absolute;
right: 6px;
top: 1px;
}
table.dataTable thead .sorting_desc a {
text-decoration: none;
color: white;
position: relative;
display: block;
}
table.dataTable thead .sorting_desc a::after {
font-family: 'Glyphicons Halflings';
content: "\e156";
opacity: 0.2;
position: absolute;
right: 6px;
top: 1px;
}
table.dataTable thead .sorting_asc a {
text-decoration: none;
color: white;
position: relative;
display: block;
}
table.dataTable thead .sorting_asc a::after {
font-family: 'Glyphicons Halflings';
content: "\e155";
opacity: 0.2;
position: absolute;
right: 6px;
top: 1px;
}
table.dataTable thead .text-sm-right {
text-align: left !important;
}
@media (max-width: 767px) {
.body-lobby20 .table-filter > input,
.body-lobby20 .table-filter > div {
width: 100% !important;
}
}
.custom-file {
position: relative;
border: 1px solid;
display: inline-block;
width: 100%;
height: 37px;
margin-bottom: 0;
border: 1px solid #ccc;
border-radius: 6px;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: 37px;
margin: 0;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #444444;
box-shadow: 0;
}
.custom-file-input:disabled ~ .custom-file-label {
background-color: #444444;
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse);
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 37px;
padding: 6px 12px;
font-weight: 400;
line-height: 1.5;
border: 0 solid #242424;
border-radius: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #555555;
}
.custom-file-label::after {
position: absolute;
top: -1px;
right: -1px;
bottom: 0;
z-index: 3;
display: block;
height: 37px;
padding: 6px 12px;
line-height: 1.5;
content: attr(data-custom-file-label);
border-left: inherit;
border-radius: 0 6px 6px 0;
border: 1px solid #ccc;
background-color: white;
}
.body-lobby20 .promotions__wrapper {
width: 100%;
background-color: #fff;
margin: -56px 0;
color: #ff5722;
padding: 32px 0;
}
@media (max-width: 767px) {
.body-lobby20 .promotions__wrapper {
margin: 0;
padding: 0 6px;
}
}
.body-lobby20 .promotions__wrapper--detail {
padding-top: 0;
}
@media (max-width: 767px) {
.body-lobby20 .promotions__wrapper--detail {
padding: 0;
}
}
@media (max-width: 767px) {
.body-lobby20 .promotions__inner-wrapper {
padding: 12px 32px;
}
}
.body-lobby20 .promotions__promoitem-container--disabled {
opacity: 0.6;
pointer-events: none;
}
.body-lobby20 .promotions__promoitem {
background-color: #E5E5E5;
border-radius: 8px;
margin-bottom: 12px;
opacity: 0;
}
.body-lobby20 .promotions__promoitem--detail {
border-radius: 0;
}
.body-lobby20 .promotions__promoitem > .body {
padding: 12px 24px;
height: 243px;
overflow: hidden;
position: relative;
}
.body-lobby20 .promotions__promoitem > .body:after {
content: "";
display: block;
height: 45px;
width: 100%;
background: linear-gradient(0deg, #E5E5E5 0%, #E5E5E5 40%, rgba(255, 255, 255, 0) 100%);
position: absolute;
bottom: 0;
}
.body-lobby20 .promotions__promoitem > .body--disabled {
min-height: 319px;
}
.body-lobby20 .promotions__promoitem > .body--disabled:after {
display: none;
}
.body-lobby20 .promotions__promoitem > .body h2 {
margin: 0;
margin-bottom: 12px;
text-align: center;
font-size: 20px;
}
.body-lobby20 .promotions__promoitem > .body p {
margin: 0;
}
.body-lobby20 .promotions__select {
background-color: #E5E5E5;
border: none;
color: #ff5722;
-webkit-box-shadow: none;
box-shadow: none;
}
.body-lobby20 .promotions__select:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.body-lobby20 .promotions__img-container {
width: 100%;
position: relative;
}
.body-lobby20 .promotions__img {
width: 100%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.body-lobby20 .promotions__img--detail {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@media (min-width: 768px) {
.body-lobby20 .promotions__img--desktop {
display: block;
}
}
@media (max-width: 767px) {
.body-lobby20 .promotions__img--desktop {
display: none;
}
}
@media (max-width: 767px) {
.body-lobby20 .promotions__img--mobile {
display: block;
}
}
@media (min-width: 768px) {
.body-lobby20 .promotions__img--mobile {
display: none;
}
}
.body-lobby20 .promotions__validity {
color: #fff;
text-align: center;
margin-bottom: 6px;
}
.body-lobby20 .promotions__btns {
padding: 24px;
padding-top: 0;
position: relative;
}
.body-lobby20 .promotions__btns .btn {
margin-bottom: 6px;
}
.body-lobby20 .promotions__btn-moreinfo {
color: #4a69ff;
text-transform: none;
display: block;
padding-bottom: 0;
margin-bottom: 0;
}
.body-lobby20 .promotions__starting-text {
text-align: center;
}
.body-lobby20 .promotions__timer-start {
text-align: center;
}
.body-lobby20 .promotions__countdown {
display: block;
text-align: center;
}
.body-lobby20 .payment-method-selector-outer {
background-color: #E6E6E6;
border: 1px solid white;
width: 100%;
padding: 12px;
color: #222222;
display: flex;
flex-direction: row;
}
.body-lobby20 .payment-method-selector-outer input,
.body-lobby20 .payment-method-selector-outer label {
margin: 0;
padding: 0;
}
.body-lobby20 .payment-method-selector-outer input[type="radio"] {
align-self: center;
}
.body-lobby20 .payment-method-selector-outer label {
background-size: contain;
background-repeat: no-repeat;
height: 20px;
width: 100%;
image-rendering: -webkit-optimize-contrast;
}
.body-lobby20 .payment-method-selector-inner {
background-color: rgba(0, 0, 0, 0.4);
}
.body-lobby20 .payment-method-selector-inner h3 {
margin: 0;
font-weight: bold;
font-size: 21px;
line-height: 1;
}
.body-lobby20 #accordion .panel {
border: none;
margin: 12px 0;
box-shadow: none;
-webkit-box-shadow: none;
background-color: #FFF;
}
.body-lobby20 #accordion .list-item-header {
font-weight: bold;
align-items: center;
}
.body-lobby20 #accordion .list-item-header:hover {
cursor: pointer;
}
.body-lobby20 #accordion .list-item-header .fa {
margin: 0 6px;
}
.body-lobby20 #accordion .list-item-header input[type="radio"] {
margin: 0;
}
.body-lobby20 .dropzone,
.body-lobby20 .dropzone * {
box-sizing: border-box;
}
.body-lobby20 .dropzone {
position: relative;
float: none;
}
.body-lobby20 .dropzone-previews {
min-height: 170px;
width: 100%;
position: relative;
}
@include media-breakpoint-up(sm) {
min-height: 250px;
}
@include media-breakpoint-up(lg) {
min-height: 250px;
}
.body-lobby20 .dz-message {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
border: 1px dashed #777777;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.body-lobby20 .dz-image {
height: 170px;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
}
@include media-breakpoint-up(sm) {
height: 250px;
}
.body-lobby20 .dz-image img {
height: 100%;
width: auto;
}
.body-lobby20 .dz-image:after {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
position: absolute;
top: 0;
left: 0;
}
.body-lobby20 .dz-error-mark {
display: none !important;
}
.body-lobby20 .dz-error-message {
margin-top: 6px;
font-size: 12px;
color: #bd0202;
display: none;
}
.body-lobby20 .dz-info {
line-height: 12px;
color: #eeeeee;
margin-bottom: 0;
margin-top: 6px;
}
.body-lobby20 .dz-container {
height: 100%;
margin-bottom: 6px;
position: relative;
}
.body-lobby20 .dz-meta-data {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.body-lobby20 .dz-details {
max-width: 80%;
color: #FFF;
}
.body-lobby20 .dz-size {
font-size: 12px;
}
.body-lobby20 .dz-remove {
font-size: 18px;
color: white;
transition: all 150ms ease-in-out;
}
.body-lobby20 .dz-remove:hover {
color: #bd0202;
}
.body-lobby20 .dz-filename {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.body-lobby20 .dz-preview {
position: relative;
display: inline-block;
margin: 0;
height: 100%;
width: 100%;
}
.body-lobby20 .dz-progress {
display: none;
/* do not show progressbar until form is sent */
border: 0;
background-color: #333333;
height: 20px;
margin-bottom: 6px;
}
.body-lobby20 .form-disabled:not(.no-progressbar) .dz-progress {
display: block;
}
.body-lobby20 .dz-upload {
display: block;
height: 100%;
width: 0;
background-color: #5cb85c;
}
.body-lobby20 .dropzone .dz-preview .dz-preview-preparing {
display: none;
}
.body-lobby20 .dropzone .dz-preview.dz-file-preview .dz-preview-preparing {
display: block;
}
.body-lobby20 .dropzone .dz-preview.dz-error .dz-progress .dz-upload {
background-color: #bd0202;
}
.body-lobby20 .dropzone .dz-preview.dz-error .dz-size {
color: #bd0202;
font-weight: 700;
}
.body-lobby20 .dropzone .dz-preview.dz-error .dz-error-message,
.body-lobby20 .dropzone .dz-preview.dz-error .dz-error-mark {
display: block;
}
.body-lobby20 .dropzone .dz-preview.dz-success .dz-success-mark {
display: block;
}
.body-lobby20 .dropzone .dz-preview .dz-error-mark,
.body-lobby20 .dropzone .dz-preview .dz-success-mark {
font-size: 24px;
color: #5cb85c;
display: none;
}
.body-lobby20 .horizontal-menu {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}
.body-lobby20 .horizontal-menu__list {
position: relative;
padding: 0;
margin-bottom: 0;
white-space: nowrap;
height: 60px;
}
@media (max-width: 1280px) {
.body-lobby20 .horizontal-menu__list {
animation: scroll 1.25s 1 ease-in-out;
-moz-animation: scroll 1.25s 1 ease-in-out;
-webkit-animation: scroll 1.25s 1 ease-in-out;
-o-animation: scroll 1.25s 1 ease-in-out;
animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
}
}
.body-lobby20 .horizontal-menu__list-item {
list-style: none;
background-color: #FFF;
width: 60px;
height: 60px;
display: inline-block;
margin-right: 1px;
position: relative;
}
.body-lobby20 .horizontal-menu__list-item--disabled {
opacity: 0.6;
cursor: not-allowed;
}
.body-lobby20 .horizontal-menu__list-item--disabled a {
pointer-events: none;
}
.body-lobby20 .horizontal-menu__list-item:before {
content: "";
width: 100%;
height: 3px;
background-color: #222B57;
position: absolute;
bottom: 2px;
display: none;
}
.body-lobby20 .horizontal-menu__list-item:active:before,
.body-lobby20 .horizontal-menu__list-item:focus:before,
.body-lobby20 .horizontal-menu__list-item:hover:before {
display: block;
}
.body-lobby20 .horizontal-menu__link {
width: 100%;
height: 100%;
color: #222B57;
text-transform: uppercase;
text-align: center;
display: flex;
flex-direction: column;
position: relative;
line-height: 1;
}
.body-lobby20 .horizontal-menu__link:active,
.body-lobby20 .horizontal-menu__link:focus,
.body-lobby20 .horizontal-menu__link:hover {
text-decoration: none;
}
.body-lobby20 .horizontal-menu__link--active {
position: relative;
}
.body-lobby20 .horizontal-menu__link--active:before {
content: "";
width: 100%;
height: 3px;
background-color: #222B57;
position: absolute;
bottom: 2px;
border-radius: 9px;
}
.body-lobby20 .horizontal-menu__link span {
white-space: normal;
position: absolute;
bottom: 6px;
left: 50%;
transform: translateX(-50%);
height: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.body-lobby20 .horizontal-menu__link-inner {
height: 100%;
width: 100%;
}
.body-lobby20 .horizontal-menu__link-inner > i.fa.font-size-16 {
font-size: 20px !important;
position: relative;
top: 12px;
}
.body-lobby20 .horizontal-menu ~ h1,
.body-lobby20 .horizontal-menu ~ h2,
.body-lobby20 .horizontal-menu ~ h3,
.body-lobby20 .horizontal-menu ~ h4,
.body-lobby20 .horizontal-menu ~ h5,
.body-lobby20 .horizontal-menu ~ h6 {
margin-bottom: 0;
}
.body-lobby20 .horizontal-menu__badge {
position: absolute;
right: 3px;
top: 3px;
left: auto !important;
bottom: auto !important;
transform: none !important;
height: auto !important;
border-radius: 30px;
color: #fff;
background-color: #bd0202;
font-size: 11px;
font-weight: 700;
line-height: initial;
width: 14px;
height: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
}
@keyframes scroll {
0%,
50%,
100% {
left: 0px;
}
25%,
75% {
left: -30px;
}
}
.body-lobby20 .promoaction {
background-color: #E5E5E5;
border-top: 4px solid #ff5722;
padding: 18px;
border-radius: 8px;
}
.body-lobby20 .promoaction--acquisition {
border-top: 2px solid #777777;
background-color: #ededed;
}
.body-lobby20 .promoaction__header {
display: flex;
justify-content: space-between;
}
.body-lobby20 .promoaction__header p {
color: #FFF;
font-weight: bold;
white-space: nowrap;
margin-left: 18px;
}
.body-lobby20 .promoaction h3 {
margin: 0;
margin-bottom: 12px;
}
.body-lobby20 .promoaction__progress {
position: relative;
}
.body-lobby20 .promoaction .progress {
background-color: #FFF;
}
.body-lobby20 .promoaction .progress-bar {
box-shadow: none;
}
.body-lobby20 .promoaction__price {
position: absolute;
margin-bottom: 0;
}
@media (max-width: 768px) {
.body-lobby20 .promoaction__price {
font-size: 10px;
}
}
.body-lobby20 .promoaction__price:nth-child(1) {
position: relative;
left: 0;
}
.body-lobby20 .promoaction__price:nth-child(2) {
left: 25%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction__price:nth-child(3) {
left: 50%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction__price:nth-child(4) {
left: 75%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction__price:nth-child(5) {
right: 0;
}
.body-lobby20 .promoaction__price--reached {
color: #ff5722;
}
.body-lobby20 .promoaction__prices {
position: relative;
}
.body-lobby20 .promoaction__caret {
width: 100%;
}
.body-lobby20 .promoaction__caret-down {
position: absolute;
margin-top: -9px;
color: #777777;
}
.body-lobby20 .promoaction__caret-down:nth-child(1) {
left: 25%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction__caret-down:nth-child(2) {
left: 50%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction__caret-down:nth-child(3) {
left: 75%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction__caret-down--reached {
color: #ff5722;
}
.body-lobby20 .promoaction--5-columns .promoaction__price {
position: absolute;
margin-bottom: 0;
}
@media (max-width: 768px) {
.body-lobby20 .promoaction--5-columns .promoaction__price {
font-size: 10px;
}
}
.body-lobby20 .promoaction--5-columns .promoaction__price:nth-child(1) {
position: relative;
left: 0;
}
.body-lobby20 .promoaction--5-columns .promoaction__price:nth-child(2) {
left: 20%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--5-columns .promoaction__price:nth-child(3) {
left: 40%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--5-columns .promoaction__price:nth-child(4) {
left: 60%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--5-columns .promoaction__price:nth-child(5) {
left: 80%;
right: auto;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--5-columns .promoaction__price:nth-child(6) {
right: 0;
}
.body-lobby20 .promoaction--5-columns .promoaction__price--reached {
color: #ff5722;
}
.body-lobby20 .promoaction--5-columns .promoaction__caret-down {
position: absolute;
margin-top: -9px;
color: #222222;
}
.body-lobby20 .promoaction--5-columns .promoaction__caret-down:nth-child(1) {
left: 20%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--5-columns .promoaction__caret-down:nth-child(2) {
left: 40%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--5-columns .promoaction__caret-down:nth-child(3) {
left: 60%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--5-columns .promoaction__caret-down:nth-child(4) {
left: 80%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--5-columns .promoaction__caret-down--reached {
color: #ff5722;
}
.body-lobby20 .promoaction--4-columns .promoaction__price {
position: absolute;
margin-bottom: 0;
}
@media (max-width: 768px) {
.body-lobby20 .promoaction--4-columns .promoaction__price {
font-size: 10px;
}
}
.body-lobby20 .promoaction--4-columns .promoaction__price:nth-child(1) {
position: relative;
left: 0;
}
.body-lobby20 .promoaction--4-columns .promoaction__price:nth-child(2) {
left: 25%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--4-columns .promoaction__price:nth-child(3) {
left: 50%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--4-columns .promoaction__price:nth-child(4) {
left: 75%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--4-columns .promoaction__price:nth-child(5) {
right: 0;
}
.body-lobby20 .promoaction--4-columns .promoaction__price--reached {
color: #ff5722;
}
.body-lobby20 .promoaction--4-columns .promoaction__caret-down {
position: absolute;
margin-top: -9px;
color: #222222;
}
.body-lobby20 .promoaction--4-columns .promoaction__caret-down:nth-child(1) {
left: 25%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--4-columns .promoaction__caret-down:nth-child(2) {
left: 50%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--4-columns .promoaction__caret-down:nth-child(3) {
left: 75%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--4-columns .promoaction__caret-down--reached {
color: #ff5722;
}
.body-lobby20 .promoaction--3-columns .promoaction__price {
position: absolute;
margin-bottom: 0;
}
@media (max-width: 768px) {
.body-lobby20 .promoaction--3-columns .promoaction__price {
font-size: 10px;
}
}
.body-lobby20 .promoaction--3-columns .promoaction__price:nth-child(1) {
position: relative !important;
left: 0 !important;
}
.body-lobby20 .promoaction--3-columns .promoaction__price:nth-child(2) {
left: 33.3% !important;
transform: translateX(-50%) !important;
}
.body-lobby20 .promoaction--3-columns .promoaction__price:nth-child(3) {
left: 66.6% !important;
transform: translateX(-50%) !important;
}
.body-lobby20 .promoaction--3-columns .promoaction__price:nth-child(4) {
left: auto !important;
right: 0 !important;
transform: none !important;
}
.body-lobby20 .promoaction--3-columns .promoaction__price--reached {
color: #ff5722;
}
.body-lobby20 .promoaction--3-columns .promoaction__caret-down {
position: absolute;
margin-top: -9px;
color: #222222;
}
.body-lobby20 .promoaction--3-columns .promoaction__caret-down:nth-child(1) {
left: 33.3%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--3-columns .promoaction__caret-down:nth-child(2) {
left: 66.6%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--3-columns .promoaction__caret-down--reached {
color: #ff5722;
}
.body-lobby20 .promoaction--2-columns .promoaction__price {
position: absolute;
margin-bottom: 0;
}
@media (max-width: 768px) {
.body-lobby20 .promoaction--2-columns .promoaction__price {
font-size: 10px;
}
}
.body-lobby20 .promoaction--2-columns .promoaction__price:nth-child(1) {
position: relative;
left: 0;
}
.body-lobby20 .promoaction--2-columns .promoaction__price:nth-child(2) {
left: 50%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--2-columns .promoaction__price:nth-child(3) {
right: 0 !important;
left: auto !important;
transform: none !important;
}
.body-lobby20 .promoaction--2-columns .promoaction__price--reached {
color: #ff5722;
}
.body-lobby20 .promoaction--2-columns .promoaction__caret-down {
position: absolute;
margin-top: -9px;
color: #222222;
}
.body-lobby20 .promoaction--2-columns .promoaction__caret-down:nth-child(1) {
left: 50%;
transform: translateX(-50%);
}
.body-lobby20 .promoaction--2-columns .promoaction__caret-down--reached {
color: #ff5722;
}
.body-lobby20 .pTransactionList > h1 {
font-size: 2.5em;
}
.body-lobby20 .pTransactionList > span {
color: #a7a7a7;
position: relative;
display: block;
margin-bottom: 12px;
}
.body-lobby20 .pTransactionList .table-wrapper > span {
color: #777777;
}
.body-lobby20 .pTransactionList .transactionFilter {
background-color: #FFF;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items {
padding: 9px 0;
margin-bottom: 9px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .span {
float: left;
margin: 0;
vertical-align: top;
width: 50px;
margin-top: 4px;
width: 115px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-2 label {
left: 19px;
}
@media (max-width: 1023px) {
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-2 label {
left: 13px;
}
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-3 label {
left: 19px;
}
@media (max-width: 1023px) {
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-3 label {
left: 13px;
}
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-3 > div {
width: 100% !important;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper {
position: relative;
display: block;
vertical-align: top;
margin-bottom: 7px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper:before {
background: none;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper label {
font-weight: normal;
margin: 0;
float: left;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper .form-control {
float: left;
width: 100%;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper .fa.fa-calendar {
position: absolute;
right: 8px;
top: 11px;
color: #474747;
font-size: 14px;
cursor: pointer;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper .select2 {
min-width: 100%;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper.d-block.d-sm-none {
padding: 0 6px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper.d-block.d-sm-none > label {
top: 2px;
font-size: 12px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper.d-block.d-sm-none #mobileSort2 {
padding: 6px 12px 6px 8px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .btn {
width: 100%;
display: block;
}
@media (min-width: 768px) {
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-1 {
margin-left: 50%;
padding-left: 6px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-2 {
margin-left: -100%;
padding-right: 6px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-3 {
padding-right: 6px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-last {
padding-left: 6px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper {
float: left;
width: 50%;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .txtWrapper .fa {
right: 14px;
}
}
@media (min-width: 1024px) {
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-1 {
margin-left: 0;
padding-left: 0;
padding-right: 6px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-2 {
margin-left: 0;
padding-left: 6px;
padding-right: 6px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .item-3 {
padding-left: 6px;
padding-right: 6px;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .txtWrapper {
float: left;
width: 25%;
}
.body-lobby20 .pTransactionList .transactionFilter .transactionFilterContent .items .txtWrapper .fa {
right: 14px;
}
}
.body-lobby20 .pTransactionList .transactionList {
clear: both;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow {
padding: 7px 0;
line-height: 1.4em;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow .divTableCol {
padding: 0 12px;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow .col-0 {
width: 20%;
font-size: 0.85em;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow .col-1 {
width: 55%;
font-size: 0.85em;
text-align: left;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow .col-2 {
width: 25%;
clear: none;
text-align: right;
}
@media (min-width: 768px) {
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow .col-0 {
width: 150px;
font-size: 1em;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow .col-1 {
width: 480px;
font-size: 1em;
text-align: left;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow .col-2 {
width: auto;
display: inline;
clear: none;
}
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow a {
color: #ff5722;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow.head {
background-color: rgba(0, 0, 0, 0.2);
color: white;
font-size: 0.85714286em;
}
.body-lobby20 .pTransactionList .transactionList .divTable .divTableRow:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.4);
}
.body-lobby20 .pTransactionList .accountList {
clear: both;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow {
padding: 7px 0;
line-height: 1.4em;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow .divTableCol {
padding: 0 12px;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow .col-0 {
width: 35%;
font-size: 0.85em;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow .col-1 {
width: 35%;
font-size: 0.85em;
text-align: right;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow .col-2 {
width: 30%;
clear: none;
text-align: right;
}
@media (min-width: 768px) {
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow .col-0 {
width: 15%;
font-size: 1em;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow .col-1 {
width: 30%;
font-size: 1em;
text-align: left;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow .col-2 {
width: auto;
display: inline;
clear: none;
}
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow a {
color: #ffffff;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow.head {
background-color: rgba(0, 0, 0, 0.4);
color: white;
font-size: 0.85714286em;
}
.body-lobby20 .pTransactionList .accountList .divTable .divTableRow:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.2);
}
.body-lobby20 .pTransactionList .accountList .divTable:nth-child(1n) {
background-color: rgba(0, 0, 0, 0.4);
}
.body-lobby20 .pTransactionList .transactionList {
background-color: rgba(0, 0, 0, 0.2);
}
.body-lobby20 .pTransactionList .transactionList table tr th {
table-layout: fixed;
}
.body-lobby20 .pTransactionList .transactionList table tr th a {
color: #a7a7a7;
}
.body-lobby20 .pTransactionList .transactionList table tr th img {
margin-left: 5px;
}
.body-lobby20 .wizard__row {
margin-bottom: 36px;
display: flex;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
flex-wrap: nowrap;
}
.body-lobby20 .wizard__row--active .wizard__label {
color: #ff5722;
}
.body-lobby20 .wizard__row--active .wizard__count {
color: white;
border-color: #ff5722 !important;
background-color: #ff5722;
}
.body-lobby20 .wizard__row--disabled .wizard__label {
color: #b7b7b7;
}
.body-lobby20 .wizard__row--disabled .wizard__count {
color: #b7b7b7;
border: 4px solid #b7b7b7;
}
.body-lobby20 .wizard__row--disabled .wizard__info {
color: #b7b7b7;
}
.body-lobby20 .wizard__column--left {
margin-right: 36px;
}
.body-lobby20 .wizard__column--right {
width: 290px;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
}
@include media-breakpoint-up(sm) {
width: 365px;
}
.body-lobby20 .wizard__header {
position: relative;
z-index: 1;
}
.body-lobby20 .wizard__header:after {
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1;
}
.body-lobby20 .wizard__count {
font-size: 47.88px;
color: #b7b7b7;
border: 4px solid #b7b7b7;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.body-lobby20 .wizard__label {
margin-top: 0;
margin-bottom: 0;
color: #b7b7b7;
text-transform: none;
}
.body-lobby20 .wizard__info {
color: #b7b7b7;
font-size: 16px;
margin-top: 3px;
margin-bottom: 0 !important;
}
.body-lobby20 .wizard--small .wizard__count {
font-size: 21px;
border: 2px solid #b7b7b7;
width: 40px;
height: 40px;
}
.body-lobby20 .wizard--small .wizard__row {
display: flex;
justify-content: flex-end;
}
.body-lobby20 .wizard--small .wizard__row--disabled .wizard__label {
color: #b7b7b7;
}
.body-lobby20 .wizard--small .wizard__row--disabled .wizard__count {
color: #b7b7b7;
border: 2px solid #b7b7b7;
}
.body-lobby20 .wizard--small .wizard__row--disabled .wizard__info {
color: #b7b7b7;
}
.body-lobby20 .wizard--small .wizard__info {
font-size: 14px;
}
@media (min-width: 0) {
.body-lobby20 .d-none {
display: none !important;
}
}
@media (min-width: 0) {
.body-lobby20 .d-inline {
display: inline !important;
}
}
@media (min-width: 0) {
.body-lobby20 .d-inline-block {
display: inline-block !important;
}
}
@media (min-width: 0) {
.body-lobby20 .d-block {
display: block !important;
}
}
@media (min-width: 0) {
.body-lobby20 .d-flex {
display: flex !important;
}
}
@media (min-width: 0) {
.body-lobby20 .d-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .d-sm-none {
display: none !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .d-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .d-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .d-sm-block {
display: block !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .d-sm-flex {
display: flex !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .d-md-none {
display: none !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .d-md-inline {
display: inline !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .d-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .d-md-block {
display: block !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .d-md-flex {
display: flex !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .d-lg-none {
display: none !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .d-lg-inline {
display: inline !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .d-lg-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .d-lg-block {
display: block !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .d-lg-flex {
display: flex !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .d-lg-inline-flex {
display: inline-flex !important;
}
}
.body-lobby20 .flex-row {
flex-direction: row !important;
}
.body-lobby20 .flex-column {
flex-direction: column !important;
}
.body-lobby20 .flex-row-reverse {
flex-direction: row-reverse !important;
}
.body-lobby20 .flex-column-reverse {
flex-direction: column-reverse !important;
}
.body-lobby20 .flex-wrap {
flex-wrap: wrap !important;
}
.body-lobby20 .flex-nowrap {
flex-wrap: nowrap !important;
}
.body-lobby20 .flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.body-lobby20 .flex-fill {
flex: 1 1 auto !important;
}
.body-lobby20 .flex-grow-0 {
flex-grow: 0 !important;
}
.body-lobby20 .flex-grow-1 {
flex-grow: 1 !important;
}
.body-lobby20 .flex-shrink-0 {
flex-shrink: 0 !important;
}
.body-lobby20 .flex-shrink-1 {
flex-shrink: 1 !important;
}
.body-lobby20 .flex-shrink-high {
flex-shrink: 150 !important;
}
.body-lobby20 .justify-content-start {
justify-content: flex-start !important;
}
.body-lobby20 .justify-content-end {
justify-content: flex-end !important;
}
.body-lobby20 .justify-content-center {
justify-content: center !important;
}
.body-lobby20 .justify-content-between {
justify-content: space-between !important;
}
.body-lobby20 .justify-content-around {
justify-content: space-around !important;
}
.body-lobby20 .align-items-start {
align-items: flex-start !important;
}
.body-lobby20 .align-items-end {
align-items: flex-end !important;
}
.body-lobby20 .align-items-center {
align-items: center !important;
}
.body-lobby20 .align-items-baseline {
align-items: baseline !important;
}
.body-lobby20 .align-items-stretch {
align-items: stretch !important;
}
.body-lobby20 .align-content-start {
align-content: flex-start !important;
}
.body-lobby20 .align-content-end {
align-content: flex-end !important;
}
.body-lobby20 .align-content-center {
align-content: center !important;
}
.body-lobby20 .align-content-between {
align-content: space-between !important;
}
.body-lobby20 .align-content-around {
align-content: space-around !important;
}
.body-lobby20 .align-content-stretch {
align-content: stretch !important;
}
.body-lobby20 .align-self-auto {
align-self: auto !important;
}
.body-lobby20 .align-self-start {
align-self: flex-start !important;
}
.body-lobby20 .align-self-end {
align-self: flex-end !important;
}
.body-lobby20 .align-self-center {
align-self: center !important;
}
.body-lobby20 .align-self-baseline {
align-self: baseline !important;
}
.body-lobby20 .align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 480px) {
.body-lobby20 .m-xs-0 {
margin: 0 !important;
}
.body-lobby20 .m-xs-1 {
margin: 3px !important;
}
.body-lobby20 .m-xs-2 {
margin: 6px !important;
}
.body-lobby20 .m-xs-3 {
margin: 12px !important;
}
.body-lobby20 .m-xs-4 {
margin: 18px !important;
}
.body-lobby20 .m-xs-5 {
margin: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .m-sm-0 {
margin: 0 !important;
}
.body-lobby20 .m-sm-1 {
margin: 3px !important;
}
.body-lobby20 .m-sm-2 {
margin: 6px !important;
}
.body-lobby20 .m-sm-3 {
margin: 12px !important;
}
.body-lobby20 .m-sm-4 {
margin: 18px !important;
}
.body-lobby20 .m-sm-5 {
margin: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .m-md-0 {
margin: 0 !important;
}
.body-lobby20 .m-md-1 {
margin: 3px !important;
}
.body-lobby20 .m-md-2 {
margin: 6px !important;
}
.body-lobby20 .m-md-3 {
margin: 12px !important;
}
.body-lobby20 .m-md-4 {
margin: 18px !important;
}
.body-lobby20 .m-md-5 {
margin: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .m-lg-0 {
margin: 0 !important;
}
.body-lobby20 .m-lg-1 {
margin: 3px !important;
}
.body-lobby20 .m-lg-2 {
margin: 6px !important;
}
.body-lobby20 .m-lg-3 {
margin: 12px !important;
}
.body-lobby20 .m-lg-4 {
margin: 18px !important;
}
.body-lobby20 .m-lg-5 {
margin: 36px !important;
}
}
.body-lobby20 .m-0 {
margin: 0 !important;
}
.body-lobby20 .m-1 {
margin: 3px !important;
}
.body-lobby20 .m-2 {
margin: 6px !important;
}
.body-lobby20 .m-3 {
margin: 12px !important;
}
.body-lobby20 .m-4 {
margin: 18px !important;
}
.body-lobby20 .m-5 {
margin: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .mr-xs-0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-xs-1 {
margin-right: 3px !important;
}
.body-lobby20 .mr-xs-2 {
margin-right: 6px !important;
}
.body-lobby20 .mr-xs-3 {
margin-right: 12px !important;
}
.body-lobby20 .mr-xs-4 {
margin-right: 18px !important;
}
.body-lobby20 .mr-xs-5 {
margin-right: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .mr-sm-0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-sm-1 {
margin-right: 3px !important;
}
.body-lobby20 .mr-sm-2 {
margin-right: 6px !important;
}
.body-lobby20 .mr-sm-3 {
margin-right: 12px !important;
}
.body-lobby20 .mr-sm-4 {
margin-right: 18px !important;
}
.body-lobby20 .mr-sm-5 {
margin-right: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .mr-md-0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-md-1 {
margin-right: 3px !important;
}
.body-lobby20 .mr-md-2 {
margin-right: 6px !important;
}
.body-lobby20 .mr-md-3 {
margin-right: 12px !important;
}
.body-lobby20 .mr-md-4 {
margin-right: 18px !important;
}
.body-lobby20 .mr-md-5 {
margin-right: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .mr-lg-0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-lg-1 {
margin-right: 3px !important;
}
.body-lobby20 .mr-lg-2 {
margin-right: 6px !important;
}
.body-lobby20 .mr-lg-3 {
margin-right: 12px !important;
}
.body-lobby20 .mr-lg-4 {
margin-right: 18px !important;
}
.body-lobby20 .mr-lg-5 {
margin-right: 36px !important;
}
}
.body-lobby20 .mr-0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-1 {
margin-right: 3px !important;
}
.body-lobby20 .mr-2 {
margin-right: 6px !important;
}
.body-lobby20 .mr-3 {
margin-right: 12px !important;
}
.body-lobby20 .mr-4 {
margin-right: 18px !important;
}
.body-lobby20 .mr-5 {
margin-right: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .ml-xs-0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-xs-1 {
margin-left: 3px !important;
}
.body-lobby20 .ml-xs-2 {
margin-left: 6px !important;
}
.body-lobby20 .ml-xs-3 {
margin-left: 12px !important;
}
.body-lobby20 .ml-xs-4 {
margin-left: 18px !important;
}
.body-lobby20 .ml-xs-5 {
margin-left: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .ml-sm-0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-sm-1 {
margin-left: 3px !important;
}
.body-lobby20 .ml-sm-2 {
margin-left: 6px !important;
}
.body-lobby20 .ml-sm-3 {
margin-left: 12px !important;
}
.body-lobby20 .ml-sm-4 {
margin-left: 18px !important;
}
.body-lobby20 .ml-sm-5 {
margin-left: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .ml-md-0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-md-1 {
margin-left: 3px !important;
}
.body-lobby20 .ml-md-2 {
margin-left: 6px !important;
}
.body-lobby20 .ml-md-3 {
margin-left: 12px !important;
}
.body-lobby20 .ml-md-4 {
margin-left: 18px !important;
}
.body-lobby20 .ml-md-5 {
margin-left: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .ml-lg-0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-lg-1 {
margin-left: 3px !important;
}
.body-lobby20 .ml-lg-2 {
margin-left: 6px !important;
}
.body-lobby20 .ml-lg-3 {
margin-left: 12px !important;
}
.body-lobby20 .ml-lg-4 {
margin-left: 18px !important;
}
.body-lobby20 .ml-lg-5 {
margin-left: 36px !important;
}
}
.body-lobby20 .ml-0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-1 {
margin-left: 3px !important;
}
.body-lobby20 .ml-2 {
margin-left: 6px !important;
}
.body-lobby20 .ml-3 {
margin-left: 12px !important;
}
.body-lobby20 .ml-4 {
margin-left: 18px !important;
}
.body-lobby20 .ml-5 {
margin-left: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .mt-xs-0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-xs-1 {
margin-top: 3px !important;
}
.body-lobby20 .mt-xs-2 {
margin-top: 6px !important;
}
.body-lobby20 .mt-xs-3 {
margin-top: 12px !important;
}
.body-lobby20 .mt-xs-4 {
margin-top: 18px !important;
}
.body-lobby20 .mt-xs-5 {
margin-top: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .mt-sm-0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-sm-1 {
margin-top: 3px !important;
}
.body-lobby20 .mt-sm-2 {
margin-top: 6px !important;
}
.body-lobby20 .mt-sm-3 {
margin-top: 12px !important;
}
.body-lobby20 .mt-sm-4 {
margin-top: 18px !important;
}
.body-lobby20 .mt-sm-5 {
margin-top: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .mt-md-0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-md-1 {
margin-top: 3px !important;
}
.body-lobby20 .mt-md-2 {
margin-top: 6px !important;
}
.body-lobby20 .mt-md-3 {
margin-top: 12px !important;
}
.body-lobby20 .mt-md-4 {
margin-top: 18px !important;
}
.body-lobby20 .mt-md-5 {
margin-top: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .mt-lg-0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-lg-1 {
margin-top: 3px !important;
}
.body-lobby20 .mt-lg-2 {
margin-top: 6px !important;
}
.body-lobby20 .mt-lg-3 {
margin-top: 12px !important;
}
.body-lobby20 .mt-lg-4 {
margin-top: 18px !important;
}
.body-lobby20 .mt-lg-5 {
margin-top: 36px !important;
}
}
.body-lobby20 .mt-0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-1 {
margin-top: 3px !important;
}
.body-lobby20 .mt-2 {
margin-top: 6px !important;
}
.body-lobby20 .mt-3 {
margin-top: 12px !important;
}
.body-lobby20 .mt-4 {
margin-top: 18px !important;
}
.body-lobby20 .mt-5 {
margin-top: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .mb-xs-0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-xs-1 {
margin-bottom: 3px !important;
}
.body-lobby20 .mb-xs-2 {
margin-bottom: 6px !important;
}
.body-lobby20 .mb-xs-3 {
margin-bottom: 12px !important;
}
.body-lobby20 .mb-xs-4 {
margin-bottom: 18px !important;
}
.body-lobby20 .mb-xs-5 {
margin-bottom: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .mb-sm-0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-sm-1 {
margin-bottom: 3px !important;
}
.body-lobby20 .mb-sm-2 {
margin-bottom: 6px !important;
}
.body-lobby20 .mb-sm-3 {
margin-bottom: 12px !important;
}
.body-lobby20 .mb-sm-4 {
margin-bottom: 18px !important;
}
.body-lobby20 .mb-sm-5 {
margin-bottom: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .mb-md-0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-md-1 {
margin-bottom: 3px !important;
}
.body-lobby20 .mb-md-2 {
margin-bottom: 6px !important;
}
.body-lobby20 .mb-md-3 {
margin-bottom: 12px !important;
}
.body-lobby20 .mb-md-4 {
margin-bottom: 18px !important;
}
.body-lobby20 .mb-md-5 {
margin-bottom: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .mb-lg-0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-lg-1 {
margin-bottom: 3px !important;
}
.body-lobby20 .mb-lg-2 {
margin-bottom: 6px !important;
}
.body-lobby20 .mb-lg-3 {
margin-bottom: 12px !important;
}
.body-lobby20 .mb-lg-4 {
margin-bottom: 18px !important;
}
.body-lobby20 .mb-lg-5 {
margin-bottom: 36px !important;
}
}
.body-lobby20 .mb-0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-1 {
margin-bottom: 3px !important;
}
.body-lobby20 .mb-2 {
margin-bottom: 6px !important;
}
.body-lobby20 .mb-3 {
margin-bottom: 12px !important;
}
.body-lobby20 .mb-4 {
margin-bottom: 18px !important;
}
.body-lobby20 .mb-5 {
margin-bottom: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .m-xs-n0 {
margin: 0 !important;
}
.body-lobby20 .m-xs-n1 {
margin: -3px !important;
}
.body-lobby20 .m-xs-n2 {
margin: -6px !important;
}
.body-lobby20 .m-xs-n3 {
margin: -12px !important;
}
.body-lobby20 .m-xs-n4 {
margin: -18px !important;
}
.body-lobby20 .m-xs-n5 {
margin: -36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .m-sm-n0 {
margin: 0 !important;
}
.body-lobby20 .m-sm-n1 {
margin: -3px !important;
}
.body-lobby20 .m-sm-n2 {
margin: -6px !important;
}
.body-lobby20 .m-sm-n3 {
margin: -12px !important;
}
.body-lobby20 .m-sm-n4 {
margin: -18px !important;
}
.body-lobby20 .m-sm-n5 {
margin: -36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .m-md-n0 {
margin: 0 !important;
}
.body-lobby20 .m-md-n1 {
margin: -3px !important;
}
.body-lobby20 .m-md-n2 {
margin: -6px !important;
}
.body-lobby20 .m-md-n3 {
margin: -12px !important;
}
.body-lobby20 .m-md-n4 {
margin: -18px !important;
}
.body-lobby20 .m-md-n5 {
margin: -36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .m-lg-n0 {
margin: 0 !important;
}
.body-lobby20 .m-lg-n1 {
margin: -3px !important;
}
.body-lobby20 .m-lg-n2 {
margin: -6px !important;
}
.body-lobby20 .m-lg-n3 {
margin: -12px !important;
}
.body-lobby20 .m-lg-n4 {
margin: -18px !important;
}
.body-lobby20 .m-lg-n5 {
margin: -36px !important;
}
}
.body-lobby20 .m-n0 {
margin: 0;
}
.body-lobby20 .m-n1 {
margin: -3px;
}
.body-lobby20 .m-n2 {
margin: -6px;
}
.body-lobby20 .m-n3 {
margin: -12px;
}
.body-lobby20 .m-n4 {
margin: -18px;
}
.body-lobby20 .m-n5 {
margin: -36px;
}
@media (min-width: 480px) {
.body-lobby20 .mr-xs-n0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-xs-n1 {
margin-right: -3px !important;
}
.body-lobby20 .mr-xs-n2 {
margin-right: -6px !important;
}
.body-lobby20 .mr-xs-n3 {
margin-right: -12px !important;
}
.body-lobby20 .mr-xs-n4 {
margin-right: -18px !important;
}
.body-lobby20 .mr-xs-n5 {
margin-right: -36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .mr-sm-n0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-sm-n1 {
margin-right: -3px !important;
}
.body-lobby20 .mr-sm-n2 {
margin-right: -6px !important;
}
.body-lobby20 .mr-sm-n3 {
margin-right: -12px !important;
}
.body-lobby20 .mr-sm-n4 {
margin-right: -18px !important;
}
.body-lobby20 .mr-sm-n5 {
margin-right: -36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .mr-md-n0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-md-n1 {
margin-right: -3px !important;
}
.body-lobby20 .mr-md-n2 {
margin-right: -6px !important;
}
.body-lobby20 .mr-md-n3 {
margin-right: -12px !important;
}
.body-lobby20 .mr-md-n4 {
margin-right: -18px !important;
}
.body-lobby20 .mr-md-n5 {
margin-right: -36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .mr-lg-n0 {
margin-right: 0 !important;
}
.body-lobby20 .mr-lg-n1 {
margin-right: -3px !important;
}
.body-lobby20 .mr-lg-n2 {
margin-right: -6px !important;
}
.body-lobby20 .mr-lg-n3 {
margin-right: -12px !important;
}
.body-lobby20 .mr-lg-n4 {
margin-right: -18px !important;
}
.body-lobby20 .mr-lg-n5 {
margin-right: -36px !important;
}
}
.body-lobby20 .mr-n0 {
margin-right: 0;
}
.body-lobby20 .mr-n1 {
margin-right: -3px;
}
.body-lobby20 .mr-n2 {
margin-right: -6px;
}
.body-lobby20 .mr-n3 {
margin-right: -12px;
}
.body-lobby20 .mr-n4 {
margin-right: -18px;
}
.body-lobby20 .mr-n5 {
margin-right: -36px;
}
@media (min-width: 480px) {
.body-lobby20 .ml-xs-n0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-xs-n1 {
margin-left: -3px !important;
}
.body-lobby20 .ml-xs-n2 {
margin-left: -6px !important;
}
.body-lobby20 .ml-xs-n3 {
margin-left: -12px !important;
}
.body-lobby20 .ml-xs-n4 {
margin-left: -18px !important;
}
.body-lobby20 .ml-xs-n5 {
margin-left: -36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .ml-sm-n0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-sm-n1 {
margin-left: -3px !important;
}
.body-lobby20 .ml-sm-n2 {
margin-left: -6px !important;
}
.body-lobby20 .ml-sm-n3 {
margin-left: -12px !important;
}
.body-lobby20 .ml-sm-n4 {
margin-left: -18px !important;
}
.body-lobby20 .ml-sm-n5 {
margin-left: -36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .ml-md-n0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-md-n1 {
margin-left: -3px !important;
}
.body-lobby20 .ml-md-n2 {
margin-left: -6px !important;
}
.body-lobby20 .ml-md-n3 {
margin-left: -12px !important;
}
.body-lobby20 .ml-md-n4 {
margin-left: -18px !important;
}
.body-lobby20 .ml-md-n5 {
margin-left: -36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .ml-lg-n0 {
margin-left: 0 !important;
}
.body-lobby20 .ml-lg-n1 {
margin-left: -3px !important;
}
.body-lobby20 .ml-lg-n2 {
margin-left: -6px !important;
}
.body-lobby20 .ml-lg-n3 {
margin-left: -12px !important;
}
.body-lobby20 .ml-lg-n4 {
margin-left: -18px !important;
}
.body-lobby20 .ml-lg-n5 {
margin-left: -36px !important;
}
}
.body-lobby20 .ml-n0 {
margin-left: 0;
}
.body-lobby20 .ml-n1 {
margin-left: -3px;
}
.body-lobby20 .ml-n2 {
margin-left: -6px;
}
.body-lobby20 .ml-n3 {
margin-left: -12px;
}
.body-lobby20 .ml-n4 {
margin-left: -18px;
}
.body-lobby20 .ml-n5 {
margin-left: -36px;
}
@media (min-width: 480px) {
.body-lobby20 .mt-xs-n0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-xs-n1 {
margin-top: -3px !important;
}
.body-lobby20 .mt-xs-n2 {
margin-top: -6px !important;
}
.body-lobby20 .mt-xs-n3 {
margin-top: -12px !important;
}
.body-lobby20 .mt-xs-n4 {
margin-top: -18px !important;
}
.body-lobby20 .mt-xs-n5 {
margin-top: -36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .mt-sm-n0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-sm-n1 {
margin-top: -3px !important;
}
.body-lobby20 .mt-sm-n2 {
margin-top: -6px !important;
}
.body-lobby20 .mt-sm-n3 {
margin-top: -12px !important;
}
.body-lobby20 .mt-sm-n4 {
margin-top: -18px !important;
}
.body-lobby20 .mt-sm-n5 {
margin-top: -36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .mt-md-n0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-md-n1 {
margin-top: -3px !important;
}
.body-lobby20 .mt-md-n2 {
margin-top: -6px !important;
}
.body-lobby20 .mt-md-n3 {
margin-top: -12px !important;
}
.body-lobby20 .mt-md-n4 {
margin-top: -18px !important;
}
.body-lobby20 .mt-md-n5 {
margin-top: -36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .mt-lg-n0 {
margin-top: 0 !important;
}
.body-lobby20 .mt-lg-n1 {
margin-top: -3px !important;
}
.body-lobby20 .mt-lg-n2 {
margin-top: -6px !important;
}
.body-lobby20 .mt-lg-n3 {
margin-top: -12px !important;
}
.body-lobby20 .mt-lg-n4 {
margin-top: -18px !important;
}
.body-lobby20 .mt-lg-n5 {
margin-top: -36px !important;
}
}
.body-lobby20 .mt-n0 {
margin-top: 0;
}
.body-lobby20 .mt-n1 {
margin-top: -3px;
}
.body-lobby20 .mt-n2 {
margin-top: -6px;
}
.body-lobby20 .mt-n3 {
margin-top: -12px;
}
.body-lobby20 .mt-n4 {
margin-top: -18px;
}
.body-lobby20 .mt-n5 {
margin-top: -36px;
}
@media (min-width: 480px) {
.body-lobby20 .mb-xs-n0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-xs-n1 {
margin-bottom: -3px !important;
}
.body-lobby20 .mb-xs-n2 {
margin-bottom: -6px !important;
}
.body-lobby20 .mb-xs-n3 {
margin-bottom: -12px !important;
}
.body-lobby20 .mb-xs-n4 {
margin-bottom: -18px !important;
}
.body-lobby20 .mb-xs-n5 {
margin-bottom: -36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .mb-sm-n0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-sm-n1 {
margin-bottom: -3px !important;
}
.body-lobby20 .mb-sm-n2 {
margin-bottom: -6px !important;
}
.body-lobby20 .mb-sm-n3 {
margin-bottom: -12px !important;
}
.body-lobby20 .mb-sm-n4 {
margin-bottom: -18px !important;
}
.body-lobby20 .mb-sm-n5 {
margin-bottom: -36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .mb-md-n0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-md-n1 {
margin-bottom: -3px !important;
}
.body-lobby20 .mb-md-n2 {
margin-bottom: -6px !important;
}
.body-lobby20 .mb-md-n3 {
margin-bottom: -12px !important;
}
.body-lobby20 .mb-md-n4 {
margin-bottom: -18px !important;
}
.body-lobby20 .mb-md-n5 {
margin-bottom: -36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .mb-lg-n0 {
margin-bottom: 0 !important;
}
.body-lobby20 .mb-lg-n1 {
margin-bottom: -3px !important;
}
.body-lobby20 .mb-lg-n2 {
margin-bottom: -6px !important;
}
.body-lobby20 .mb-lg-n3 {
margin-bottom: -12px !important;
}
.body-lobby20 .mb-lg-n4 {
margin-bottom: -18px !important;
}
.body-lobby20 .mb-lg-n5 {
margin-bottom: -36px !important;
}
}
.body-lobby20 .mb-n0 {
margin-bottom: 0;
}
.body-lobby20 .mb-n1 {
margin-bottom: -3px;
}
.body-lobby20 .mb-n2 {
margin-bottom: -6px;
}
.body-lobby20 .mb-n3 {
margin-bottom: -12px;
}
.body-lobby20 .mb-n4 {
margin-bottom: -18px;
}
.body-lobby20 .mb-n5 {
margin-bottom: -36px;
}
@media (min-width: 480px) {
.body-lobby20 .p-xs-0 {
Padding: 0 !important;
}
.body-lobby20 .p-xs-1 {
Padding: 3px !important;
}
.body-lobby20 .p-xs-2 {
Padding: 6px !important;
}
.body-lobby20 .p-xs-3 {
Padding: 12px !important;
}
.body-lobby20 .p-xs-4 {
Padding: 18px !important;
}
.body-lobby20 .p-xs-5 {
Padding: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .p-sm-0 {
Padding: 0 !important;
}
.body-lobby20 .p-sm-1 {
Padding: 3px !important;
}
.body-lobby20 .p-sm-2 {
Padding: 6px !important;
}
.body-lobby20 .p-sm-3 {
Padding: 12px !important;
}
.body-lobby20 .p-sm-4 {
Padding: 18px !important;
}
.body-lobby20 .p-sm-5 {
Padding: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .p-md-0 {
Padding: 0 !important;
}
.body-lobby20 .p-md-1 {
Padding: 3px !important;
}
.body-lobby20 .p-md-2 {
Padding: 6px !important;
}
.body-lobby20 .p-md-3 {
Padding: 12px !important;
}
.body-lobby20 .p-md-4 {
Padding: 18px !important;
}
.body-lobby20 .p-md-5 {
Padding: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .p-lg-0 {
Padding: 0 !important;
}
.body-lobby20 .p-lg-1 {
Padding: 3px !important;
}
.body-lobby20 .p-lg-2 {
Padding: 6px !important;
}
.body-lobby20 .p-lg-3 {
Padding: 12px !important;
}
.body-lobby20 .p-lg-4 {
Padding: 18px !important;
}
.body-lobby20 .p-lg-5 {
Padding: 36px !important;
}
}
.body-lobby20 .p-0 {
padding: 0 !important;
}
.body-lobby20 .p-1 {
padding: 3px !important;
}
.body-lobby20 .p-2 {
padding: 6px !important;
}
.body-lobby20 .p-3 {
padding: 12px !important;
}
.body-lobby20 .p-4 {
padding: 18px !important;
}
.body-lobby20 .p-5 {
padding: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .pr-xs-0 {
Padding-right: 0 !important;
}
.body-lobby20 .pr-xs-1 {
Padding-right: 3px !important;
}
.body-lobby20 .pr-xs-2 {
Padding-right: 6px !important;
}
.body-lobby20 .pr-xs-3 {
Padding-right: 12px !important;
}
.body-lobby20 .pr-xs-4 {
Padding-right: 18px !important;
}
.body-lobby20 .pr-xs-5 {
Padding-right: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .pr-sm-0 {
Padding-right: 0 !important;
}
.body-lobby20 .pr-sm-1 {
Padding-right: 3px !important;
}
.body-lobby20 .pr-sm-2 {
Padding-right: 6px !important;
}
.body-lobby20 .pr-sm-3 {
Padding-right: 12px !important;
}
.body-lobby20 .pr-sm-4 {
Padding-right: 18px !important;
}
.body-lobby20 .pr-sm-5 {
Padding-right: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .pr-md-0 {
Padding-right: 0 !important;
}
.body-lobby20 .pr-md-1 {
Padding-right: 3px !important;
}
.body-lobby20 .pr-md-2 {
Padding-right: 6px !important;
}
.body-lobby20 .pr-md-3 {
Padding-right: 12px !important;
}
.body-lobby20 .pr-md-4 {
Padding-right: 18px !important;
}
.body-lobby20 .pr-md-5 {
Padding-right: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .pr-lg-0 {
Padding-right: 0 !important;
}
.body-lobby20 .pr-lg-1 {
Padding-right: 3px !important;
}
.body-lobby20 .pr-lg-2 {
Padding-right: 6px !important;
}
.body-lobby20 .pr-lg-3 {
Padding-right: 12px !important;
}
.body-lobby20 .pr-lg-4 {
Padding-right: 18px !important;
}
.body-lobby20 .pr-lg-5 {
Padding-right: 36px !important;
}
}
.body-lobby20 .pr-0 {
padding-right: 0 !important;
}
.body-lobby20 .pr-1 {
padding-right: 3px !important;
}
.body-lobby20 .pr-2 {
padding-right: 6px !important;
}
.body-lobby20 .pr-3 {
padding-right: 12px !important;
}
.body-lobby20 .pr-4 {
padding-right: 18px !important;
}
.body-lobby20 .pr-5 {
padding-right: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .pl-xs-0 {
Padding-left: 0 !important;
}
.body-lobby20 .pl-xs-1 {
Padding-left: 3px !important;
}
.body-lobby20 .pl-xs-2 {
Padding-left: 6px !important;
}
.body-lobby20 .pl-xs-3 {
Padding-left: 12px !important;
}
.body-lobby20 .pl-xs-4 {
Padding-left: 18px !important;
}
.body-lobby20 .pl-xs-5 {
Padding-left: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .pl-sm-0 {
Padding-left: 0 !important;
}
.body-lobby20 .pl-sm-1 {
Padding-left: 3px !important;
}
.body-lobby20 .pl-sm-2 {
Padding-left: 6px !important;
}
.body-lobby20 .pl-sm-3 {
Padding-left: 12px !important;
}
.body-lobby20 .pl-sm-4 {
Padding-left: 18px !important;
}
.body-lobby20 .pl-sm-5 {
Padding-left: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .pl-md-0 {
Padding-left: 0 !important;
}
.body-lobby20 .pl-md-1 {
Padding-left: 3px !important;
}
.body-lobby20 .pl-md-2 {
Padding-left: 6px !important;
}
.body-lobby20 .pl-md-3 {
Padding-left: 12px !important;
}
.body-lobby20 .pl-md-4 {
Padding-left: 18px !important;
}
.body-lobby20 .pl-md-5 {
Padding-left: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .pl-lg-0 {
Padding-left: 0 !important;
}
.body-lobby20 .pl-lg-1 {
Padding-left: 3px !important;
}
.body-lobby20 .pl-lg-2 {
Padding-left: 6px !important;
}
.body-lobby20 .pl-lg-3 {
Padding-left: 12px !important;
}
.body-lobby20 .pl-lg-4 {
Padding-left: 18px !important;
}
.body-lobby20 .pl-lg-5 {
Padding-left: 36px !important;
}
}
.body-lobby20 .pl-0 {
padding-left: 0 !important;
}
.body-lobby20 .pl-1 {
padding-left: 3px !important;
}
.body-lobby20 .pl-2 {
padding-left: 6px !important;
}
.body-lobby20 .pl-3 {
padding-left: 12px !important;
}
.body-lobby20 .pl-4 {
padding-left: 18px !important;
}
.body-lobby20 .pl-5 {
padding-left: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .pt-xs-0 {
Padding-top: 0 !important;
}
.body-lobby20 .pt-xs-1 {
Padding-top: 3px !important;
}
.body-lobby20 .pt-xs-2 {
Padding-top: 6px !important;
}
.body-lobby20 .pt-xs-3 {
Padding-top: 12px !important;
}
.body-lobby20 .pt-xs-4 {
Padding-top: 18px !important;
}
.body-lobby20 .pt-xs-5 {
Padding-top: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .pt-sm-0 {
Padding-top: 0 !important;
}
.body-lobby20 .pt-sm-1 {
Padding-top: 3px !important;
}
.body-lobby20 .pt-sm-2 {
Padding-top: 6px !important;
}
.body-lobby20 .pt-sm-3 {
Padding-top: 12px !important;
}
.body-lobby20 .pt-sm-4 {
Padding-top: 18px !important;
}
.body-lobby20 .pt-sm-5 {
Padding-top: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .pt-md-0 {
Padding-top: 0 !important;
}
.body-lobby20 .pt-md-1 {
Padding-top: 3px !important;
}
.body-lobby20 .pt-md-2 {
Padding-top: 6px !important;
}
.body-lobby20 .pt-md-3 {
Padding-top: 12px !important;
}
.body-lobby20 .pt-md-4 {
Padding-top: 18px !important;
}
.body-lobby20 .pt-md-5 {
Padding-top: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .pt-lg-0 {
Padding-top: 0 !important;
}
.body-lobby20 .pt-lg-1 {
Padding-top: 3px !important;
}
.body-lobby20 .pt-lg-2 {
Padding-top: 6px !important;
}
.body-lobby20 .pt-lg-3 {
Padding-top: 12px !important;
}
.body-lobby20 .pt-lg-4 {
Padding-top: 18px !important;
}
.body-lobby20 .pt-lg-5 {
Padding-top: 36px !important;
}
}
.body-lobby20 .pt-0 {
padding-top: 0 !important;
}
.body-lobby20 .pt-1 {
padding-top: 3px !important;
}
.body-lobby20 .pt-2 {
padding-top: 6px !important;
}
.body-lobby20 .pt-3 {
padding-top: 12px !important;
}
.body-lobby20 .pt-4 {
padding-top: 18px !important;
}
.body-lobby20 .pt-5 {
padding-top: 36px !important;
}
@media (min-width: 480px) {
.body-lobby20 .pb-xs-0 {
Padding-bottom: 0 !important;
}
.body-lobby20 .pb-xs-1 {
Padding-bottom: 3px !important;
}
.body-lobby20 .pb-xs-2 {
Padding-bottom: 6px !important;
}
.body-lobby20 .pb-xs-3 {
Padding-bottom: 12px !important;
}
.body-lobby20 .pb-xs-4 {
Padding-bottom: 18px !important;
}
.body-lobby20 .pb-xs-5 {
Padding-bottom: 36px !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .pb-sm-0 {
Padding-bottom: 0 !important;
}
.body-lobby20 .pb-sm-1 {
Padding-bottom: 3px !important;
}
.body-lobby20 .pb-sm-2 {
Padding-bottom: 6px !important;
}
.body-lobby20 .pb-sm-3 {
Padding-bottom: 12px !important;
}
.body-lobby20 .pb-sm-4 {
Padding-bottom: 18px !important;
}
.body-lobby20 .pb-sm-5 {
Padding-bottom: 36px !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .pb-md-0 {
Padding-bottom: 0 !important;
}
.body-lobby20 .pb-md-1 {
Padding-bottom: 3px !important;
}
.body-lobby20 .pb-md-2 {
Padding-bottom: 6px !important;
}
.body-lobby20 .pb-md-3 {
Padding-bottom: 12px !important;
}
.body-lobby20 .pb-md-4 {
Padding-bottom: 18px !important;
}
.body-lobby20 .pb-md-5 {
Padding-bottom: 36px !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .pb-lg-0 {
Padding-bottom: 0 !important;
}
.body-lobby20 .pb-lg-1 {
Padding-bottom: 3px !important;
}
.body-lobby20 .pb-lg-2 {
Padding-bottom: 6px !important;
}
.body-lobby20 .pb-lg-3 {
Padding-bottom: 12px !important;
}
.body-lobby20 .pb-lg-4 {
Padding-bottom: 18px !important;
}
.body-lobby20 .pb-lg-5 {
Padding-bottom: 36px !important;
}
}
.body-lobby20 .pb-0 {
padding-bottom: 0 !important;
}
.body-lobby20 .pb-1 {
padding-bottom: 3px !important;
}
.body-lobby20 .pb-2 {
padding-bottom: 6px !important;
}
.body-lobby20 .pb-3 {
padding-bottom: 12px !important;
}
.body-lobby20 .pb-4 {
padding-bottom: 18px !important;
}
.body-lobby20 .pb-5 {
padding-bottom: 36px !important;
}
.body-lobby20 .position-absolute {
position: absolute !important;
}
.body-lobby20 .position-relative {
position: relative !important;
}
.body-lobby20 .text-initial {
text-transform: initial;
}
@media (min-width: 0) {
.body-lobby20 .text-left {
text-align: left !important;
}
}
@media (min-width: 0) {
.body-lobby20 .text-center {
text-align: center !important;
}
}
@media (min-width: 0) {
.body-lobby20 .text-right {
text-align: right !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .text-sm-left {
text-align: left !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.body-lobby20 .text-sm-right {
text-align: right !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .text-md-left {
text-align: left !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .text-md-center {
text-align: center !important;
}
}
@media (min-width: 1024px) {
.body-lobby20 .text-md-right {
text-align: right !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .text-lg-left {
text-align: left !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1280px) {
.body-lobby20 .text-lg-right {
text-align: right !important;
}
}
.body-lobby20 h1,
.body-lobby20 h2,
.body-lobby20 h3 {
text-transform: uppercase;
}
.body-lobby20 h1 small,
.body-lobby20 h2 small,
.body-lobby20 h3 small,
.body-lobby20 h4 small,
.body-lobby20 h5 small,
.body-lobby20 h6 small {
color: #bfbfbf;
}
.body-lobby20 .heading--info-subtitle {
line-height: 1;
}
.body-lobby20 .heading__info-subtitle {
margin-top: 12px;
display: block;
font-size: 16px;
text-transform: none;
line-height: 20px;
color: #9a9a9a;
}
.body-lobby20 .text-muted {
color: #9a9a9a;
}
.body-lobby20 .font-weight-bold {
font-weight: bold;
}
.body-lobby20 .font-size-10 {
font-size: 10px !important;
}
.body-lobby20 .font-size-12 {
font-size: 12px !important;
}
.body-lobby20 .font-size-16 {
font-size: 16px !important;
}
.body-lobby20 .fas i,
.body-lobby20 .far i {
font-style: normal;
}
.body-lobby20 .fas:before,
.body-lobby20 .far:before {
font-family: FontAwesome;
font-style: normal;
line-height: normal;
}
.body-lobby20 .fa-clock:before {
content: "\f017";
}
.body-lobby20 .fa-cloud-upload-alt:before {
content: "\f0ee";
}
.body-lobby20 .fa-trash-alt:before {
content: "\f1f8";
}
.body-lobby20 .fa-circle-notch:before {
content: "\f1ce";
}
.body-lobby20 .form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.body-lobby20 .form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
.body-lobby20 .input-group {
display: flex !important;
flex-wrap: wrap;
}
.body-lobby20 .input-group .form-control {
flex: 1 1 auto;
-webkit-box-flex: 1;
width: 1%;
}
.body-lobby20 .input-group .invalid-feedback,
.body-lobby20 .input-group .valid-feedback {
width: 100%;
}
.body-lobby20 .form-inline .input-group {
display: inline-flex !important;
}
.body-lobby20 .input-group-append,
.body-lobby20 .input-group-prepend {
background: #eeeeee;
border-color: #ccc;
color: #333333;
padding: 5px 10px;
white-space: nowrap;
}
.body-lobby20 .form-row > .invalid-feedback,
.body-lobby20 .form-row > .valid-feedback {
padding-left: 5px;
padding-right: 5px;
}
.body-lobby20 .valid-feedback {
margin-top: 6px;
color: #b5dfb5;
}
.body-lobby20 .invalid-feedback {
margin-top: 6px;
display: none;
color: #fd4242;
}
.body-lobby20 .invalid-feedback.field-validation-error {
display: block;
}
.body-lobby20 .is-invalid ~ .invalid-feedback {
display: block;
}
.body-lobby20 .field-validation-error ~ .form-text {
margin-top: 0;
}
.body-lobby20 input.is-valid {
border: 1px solid #5cb85c;
}
.body-lobby20 input.is-invalid {
border: 1px solid #fd4242;
}
.body-lobby20 input.pending {
animation: pulsing 0.6s ease-in-out infinite;
border-bottom: 4px solid rgba(0, 0, 0, 0.1);
}
@keyframes pulsing {
0% {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
50% {
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
100% {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
}
.body-lobby20 .form-text {
margin-top: 6px;
display: block;
}
.body-lobby20 .custom-control.custom-checkbox {
display: flex;
flex-direction: column;
}
.body-lobby20 .custom-control.custom-checkbox > .custom-control-input {
position: absolute;
}
.body-lobby20 .custom-control.custom-checkbox > .custom-control-label {
width: 100%;
padding-left: 18px;
}
.body-lobby20 input::-ms-clear,
.body-lobby20 input::-ms-reveal {
display: none;
}
.body-lobby20 .form-group.form-group--label-inside {
position: relative;
}
.body-lobby20 .form-group.form-group--label-inside label {
position: absolute;
top: 8px;
left: 13px;
font-weight: normal;
color: #777777;
transition: all 0.25s ease;
z-index: 4;
pointer-events: none;
}
.body-lobby20 .form-group.form-group--label-inside label.label--select {
visibility: hidden;
}
.body-lobby20 .form-group.form-group--label-inside .input-group .input-group-append {
background-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: 0 6px 6px 0;
border-left: none;
z-index: 3;
}
.body-lobby20 .form-group.form-group--label-inside .form-control {
position: relative;
z-index: 3;
background-color: #FFF;
}
.body-lobby20 .form-group.form-group--label-inside select {
padding-left: 8px;
}
.body-lobby20 .form-group.form-group--label-inside:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 37px;
border-radius: 6px;
pointer-events: none;
}
.body-lobby20 .form-group.form-group--label-inside.focused label,
.body-lobby20 .form-group.form-group--label-inside.filled label {
font-size: 12px;
top: 2px;
}
.body-lobby20 .form-group.form-group--label-inside.focused label.label--select,
.body-lobby20 .form-group.form-group--label-inside.filled label.label--select {
visibility: visible;
}
.body-lobby20 .form-group.form-group--label-inside.focused .form-control,
.body-lobby20 .form-group.form-group--label-inside.filled .form-control {
padding-top: 12px;
padding-bottom: 0px;
}
.body-lobby20 .form-group.form-group--label-inside .select2-selection__rendered {
padding-top: 6px;
}
.body-lobby20 .form-group.form-group--label-inside .select2-selection__rendered .fa {
margin-top: -6px;
}
.body-lobby20 .content {
background: none;
padding: 0;
max-width: 100%;
margin: auto;
margin-bottom: 12px;
}
.body-lobby20 .content > .container {
background-color: #FFF;
border-radius: 8px;
color: #222B57;
}
.body-lobby20 .col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.body-lobby20 .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.body-lobby20 .col-24 {
flex: 0 0 100%;
}
.body-lobby20 .col-23 {
flex: 0 0 95.83333333333334%;
}
.body-lobby20 .col-22 {
flex: 0 0 91.66666666666667%;
}
.body-lobby20 .col-21 {
flex: 0 0 87.5%;
}
.body-lobby20 .col-20 {
flex: 0 0 83.33333333333334%;
}
.body-lobby20 .col-19 {
flex: 0 0 79.16666666666667%;
}
.body-lobby20 .col-18 {
flex: 0 0 75%;
}
.body-lobby20 .col-17 {
flex: 0 0 70.83333333333333%;
}
.body-lobby20 .col-16 {
flex: 0 0 66.66666666666667%;
}
.body-lobby20 .col-15 {
flex: 0 0 62.5%;
}
.body-lobby20 .col-14 {
flex: 0 0 58.333333333333336%;
}
.body-lobby20 .col-13 {
flex: 0 0 54.166666666666664%;
}
.body-lobby20 .col-12 {
flex: 0 0 50%;
}
.body-lobby20 .col-11 {
flex: 0 0 45.833333333333336%;
}
.body-lobby20 .col-10 {
flex: 0 0 41.66666666666667%;
}
.body-lobby20 .col-9 {
flex: 0 0 37.5%;
}
.body-lobby20 .col-8 {
flex: 0 0 33.333333333333336%;
}
.body-lobby20 .col-7 {
flex: 0 0 29.166666666666668%;
}
.body-lobby20 .col-6 {
flex: 0 0 25%;
}
.body-lobby20 .col-5 {
flex: 0 0 20.833333333333336%;
}
.body-lobby20 .col-4 {
flex: 0 0 16.666666666666668%;
}
.body-lobby20 .col-3 {
flex: 0 0 12.5%;
}
.body-lobby20 .col-2 {
flex: 0 0 8.333333333333334%;
}
.body-lobby20 .col-1 {
flex: 0 0 4.166666666666667%;
}
.body-lobby20 .content {
background-color: #E5E5E5;
padding: 56px 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.body-lobby20 .content {
padding: 0;
}
}
.body-lobby20 .progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.body-lobby20 .progress-bar-animated {
animation: none;
}
}
.body-lobby20 .bg-dark {
background-color: rgba(0, 0, 0, 0.1);
}
.body-lobby20 .btn-loading {
position: relative;
cursor: not-allowed !important;
pointer-events: none;
opacity: 0.7;
}
.body-lobby20 .btn-loading:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
background-color: rgba(255, 255, 255, 0.35);
height: 2px;
animation: infinite ease-in-out 900ms button-loading;
cursor: not-allowed !important;
}
@keyframes button-loading {
0% {
width: 0;
opacity: 1;
}
75% {
opacity: 1;
}
100% {
width: 100%;
opacity: 0.3;
}
}
.body-lobby20 .bg-success {
background-color: #5cb85c !important;
}
.body-lobby20 .w-100 {
width: 100% !important;
}
@media (max-width: 767px) {
.body-lobby20 .toprow .user-info {
width: 100%;
margin-top: 0;
}
}
.body-lobby20 .user-menu-wrapper > .nav.navbar-nav > .dropdown > a.caret.dropdown-toggle,
.body-lobby20 .user-menu-wrapper > .nav.navbar-nav-alt > .dropdown > a.caret.dropdown-toggle {
display: none;
}
.body-lobby20 .btn-info {
color: #222222 !important;
}
.body-lobby20 .profile-hr {
border-top: 1px solid #949494;
margin: 0;
margin-bottom: 12px;
}
.body-lobby20 .breadcrumb {
background-color: rgba(0, 0, 0, 0.1);
}
.body-lobby20 .summary-card {
border: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.body-lobby20 .summary-card__header {
border: 0;
}
.body-lobby20 .summary-card__footer {
border: 0;
}
.body-lobby20 .card-disabled {
opacity: 0.65;
cursor: not-allowed;
}
.body-lobby20 .card-disabled a {
pointer-events: none;
}
.body-lobby20 .card-icon {
font-size: 16px;
width: 22px;
position: relative;
}
.body-lobby20 .card-icon:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.body-lobby20 .card-text {
margin-bottom: 0;
}
.body-lobby20 .card-text-small {
font-size: 12px;
line-height: 12px;
}
.body-lobby20 .card-body {
flex: 1 1 auto;
}
.body-lobby20 .progress {
background-color: #FFF;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
/*&-bar {
background-color: @progress-bar-active-bg;
}*/
}
.body-lobby20 .vip-club__container {
border-top: 4px solid #ff5722;
border-radius: 8px;
background-color: #E5E5E5;
}
.body-lobby20 .vip-club__progress-level {
background-color: #FFF;
border-radius: 8px;
}
.body-lobby20 .vip-club__progress-level--large {
height: 32px;
}
.body-lobby20 .vip-club__progress-goal {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.body-lobby20 .vip-club__hr {
margin: 1rem 0;
border-top: 1px solid #D2D2D2;
}
.body-lobby20 .pagination li a {
background-color: rgba(0, 0, 0, 0.1);
color: #ff5722;
border: 0;
margin: 0 3px;
margin-bottom: 3px;
border-radius: 8px;
}
.body-lobby20 .pagination li a:focus,
.body-lobby20 .pagination li a:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.body-lobby20 .pagination li.active a {
background-color: #00a752;
color: #FFF;
width: auto;
padding: 6px;
}
.body-lobby20 .btn .fa {
margin-right: 0;
}
.body-lobby20 .content > .container > .row.bg-dark {
background-color: rgba(0, 0, 0, 0.025);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.body-lobby20 dl dd,
.body-lobby20 dl dt,
.body-lobby20 dl a {
font-weight: bold;
}
.body-lobby20 dl dd > span {
color: #ff5722;
}
.body-lobby20 dl dt {
color: rgba(255, 87, 34, 0.5);
}
.body-lobby20 dl .font-size-12,
.body-lobby20 dl .font-size-10 {
font-size: 14px !important;
font-weight: bold;
}
.body-lobby20 .mb-2.d-flex.justify-content-between .font-size-12,
.body-lobby20 .mb-2.d-flex.justify-content-between .font-size-10 {
font-size: 14px !important;
font-weight: bold;
}
.body-lobby20 .identity-type__container {
border-radius: 8px;
}
.body-lobby20 .identity-type__text {
min-height: 150px !important;
}
.body-lobby20 .detail-table {
padding: 12px;
}
.body-lobby20 .validation-summary-errors ul {
padding: 0;
list-style-type: none;
}
.body-lobby20 .datepicker table tr td.day:hover,
.body-lobby20 .datepicker table tr td.focused {
background: #4A69FF;
}
.body-lobby20 .alert.alert-warning a {
color: #000;
}
.body-lobby20 .input-group .input-group-append:not(:last-child) {
border-radius: 0 !important;
}
.body-lobby20 table {
border-radius: 6px;
-moz-border-radius: 6px;
}
.body-lobby20 table thead tr th:first-of-type {
border-top-left-radius: 6px;
-moz-border-top-left-radius: 6px;
}
.body-lobby20 table thead tr th:last-of-type {
border-top-right-radius: 6px;
-moz-border-top-right-radius: 6px;
}
.body-lobby20 .custom-switch label {
position: relative;
padding-left: 42px;
}
.body-lobby20 .custom-switch label:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 3px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
height: 17px;
width: 30px;
cursor: pointer;
border-radius: 17px;
}
.body-lobby20 .custom-switch label:after {
content: "";
display: block;
position: absolute;
left: 2px;
top: 5px;
background-color: #ff5722;
height: 13px;
width: 13px;
border-radius: 50%;
cursor: pointer;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.body-lobby20 .custom-switch input {
width: 0;
opacity: 0;
}
.body-lobby20 .custom-switch input:checked + label:after {
transform: translateX(13px);
}
.body-lobby20 .custom-switch input:disabled + label {
opacity: 0.6;
}
html body .content {
padding: 18px;
margin-bottom: 12px;
background-color: #f1f1f1;
color: #ff5722;
border-radius: 9px;
margin-top: 24px;
}
html body.background {
background-image: url(../../Images/login-bg.jpg);
background-size: cover;
}
html body.background .logo {
display: block;
}
html body.background .modal-backdrop {
display: block !important;
}
.header {
background: #f1f1f1;
position: relative;
z-index: 1003;
}
.header > .overlay {
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
display: none;
}
.header__icon {
position: relative;
display: inline-block;
padding: 7px 12px;
line-height: 1.5;
vertical-align: middle;
border: 1px solid transparent;
}
.header__icon--shaking .fa {
animation-name: icon-swivel;
animation-duration: 0.5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.header__icon--disabled a {
cursor: default;
}
.header__icon--disabled .fa {
color: #999999;
animation: none !important;
margin-right: 4px;
}
.header__icon--disabled .header__icon-dot {
display: none;
}
.header__icon-dot {
position: absolute;
background-color: #bd0202;
width: 10px;
height: 10px;
border-radius: 50%;
right: 10px;
top: 5px;
}
.header__menu-btn-dot {
position: absolute;
background-color: #bd0202;
width: 8px;
height: 8px;
border-radius: 50%;
right: 20px;
top: 5px;
z-index: 3;
animation-name: icon-flashing;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.login-time__mobile {
font-weight: bold;
color: #ff5722;
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
padding: 3px 6px;
margin: 6px;
}
@media (min-width: 1023px) {
.login-time__mobile {
display: none;
}
}
.logo {
text-align: center;
}
@media (min-width: 1024px) {
.logo {
position: absolute;
left: 6px;
top: 0;
z-index: 1001;
}
}
.logo a {
display: inline-block;
height: 74px;
width: 146px;
background: url('/Content/Themes/MaxBet-light/Images/logo.png') no-repeat center center, url('/Content/Themes/MaxBet-light/Images/logo.svg') no-repeat center center;
background-size: 100%;
vertical-align: top;
position: relative;
top: -16px;
}
@media (min-width: 1024px) {
.logo a {
height: 58px;
width: 146px;
top: -63px;
}
}
.loginform {
color: #5b6772;
font-family: 'Roboto Condensed';
}
@media (min-width: 1024px) {
.loginform {
background-color: rgba(255, 255, 255, 0.9);
display: none;
}
}
.loginform .navbar-collapse {
background-color: #f1f1f1;
}
.loginform .navbar-collapse > form {
padding: 12px 18px;
padding-bottom: 0;
}
.loginform .navbar-collapse.in {
border-bottom: 1px solid #CDCDCD;
}
.loginform .headline {
font-size: 1.2em;
padding: 0.5em 0;
border-bottom: 1px solid #06123a;
font-weight: bold;
margin-bottom: 12px;
}
.loginform input[type=text] {
margin: 6px 0;
}
.loginform input[type=password] {
margin-bottom: 6px;
}
.loginform .btn {
margin: 12px 0;
color: #fff;
background-color: #ff5722;
border-color: #ff4408;
}
.loginform .btn:focus,
.loginform .btn.focus {
color: #fff;
background-color: #ee3900;
border-color: #882100;
}
.loginform .btn:hover {
color: #fff;
background-color: #ee3900;
border-color: #ca3100;
}
.loginform .btn:active,
.loginform .btn.active,
.open > .dropdown-toggle.loginform .btn {
color: #fff;
background-color: #ee3900;
border-color: #ca3100;
}
.loginform .btn:active:hover,
.loginform .btn.active:hover,
.open > .dropdown-toggle.loginform .btn:hover,
.loginform .btn:active:focus,
.loginform .btn.active:focus,
.open > .dropdown-toggle.loginform .btn:focus,
.loginform .btn:active.focus,
.loginform .btn.active.focus,
.open > .dropdown-toggle.loginform .btn.focus {
color: #fff;
background-color: #ca3100;
border-color: #882100;
}
.loginform .btn:active,
.loginform .btn.active,
.open > .dropdown-toggle.loginform .btn {
background-image: none;
}
.loginform .btn.disabled:hover,
.loginform .btn[disabled]:hover,
fieldset[disabled] .loginform .btn:hover,
.loginform .btn.disabled:focus,
.loginform .btn[disabled]:focus,
fieldset[disabled] .loginform .btn:focus,
.loginform .btn.disabled.focus,
.loginform .btn[disabled].focus,
fieldset[disabled] .loginform .btn.focus {
background-color: #ff5722;
border-color: #ff4408;
}
.loginform .btn .badge {
color: #ff5722;
background-color: #fff;
}
.loginform .register {
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.loginform.opened {
width: 320px;
top: 0;
right: 6px;
display: block;
position: absolute;
z-index: 1010;
border: none;
border-radius: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
overflow: hidden;
}
}
.loginform.opened .navbar-collapse {
border-bottom: 0;
}
.loginform.opened .navbar-collapse > form {
padding-bottom: 12px;
text-align: left;
}
.loginform.opened .register {
margin-bottom: 0;
}
.top-row {
text-align: right;
display: none;
padding: 6px 0;
}
@media (min-width: 1024px) {
.top-row {
display: block;
padding: 6px 6px;
}
}
.top-row > div {
display: inline-block;
}
.top-row > .btn {
margin-left: 6px;
}
.top-row__language img,
.top-row__themes img {
position: relative;
top: -1px;
margin-right: 3px;
height: 32px;
width: 32px;
}
.top-row__language .btn-link,
.top-row__themes .btn-link {
color: #ff5722;
}
.top-row__language a.dropdown-item,
.top-row__themes a.dropdown-item {
display: block;
padding: 0 12px;
color: #ff5722;
}
.top-row__language a.dropdown-item.disabled,
.top-row__themes a.dropdown-item.disabled {
opacity: 0.6;
cursor: auto;
}
.top-row__language .dropdown-menu,
.top-row__themes .dropdown-menu {
min-width: 100px;
}
.top-row__theme {
font-size: 30px;
vertical-align: top;
position: relative;
top: 2px;
cursor: pointer;
width: 30px;
}
.top-row__theme .icon:before {
content: "\e941";
color: #ff5722;
}
.navbar-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
color: #ff5722;
margin-bottom: 0 !important;
border-top: 1px solid #e5e5e5;
}
@media (min-width: 1024px) {
.navbar-bottom {
position: relative;
background-color: #ff5722;
line-height: 1;
border-top: none;
}
}
.navbar-bottom:after {
height: 0;
}
.navbar-bottom .navbar-brand {
display: none;
}
.navbar-bottom .navbar-toggle .stechicons,
.navbar-bottom .navbar-link .stechicons {
font-size: 32px;
line-height: 1;
margin: -15px 0;
}
.navbar-bottom .navbar-toggle .stechicons:before,
.navbar-bottom .navbar-link .stechicons:before {
position: relative;
top: 10px;
}
.navbar-bottom .navbar-toggle.active .icon-login-o:before,
.navbar-bottom .navbar-link.active .icon-login-o:before {
content: "\e957";
}
.navbar-bottom .navbar-toggle.active .icon-register-o:before,
.navbar-bottom .navbar-link.active .icon-register-o:before {
content: "\e95f";
}
.navbar-bottom .navbar-toggle > div,
.navbar-bottom .navbar-link > div {
height: 12px;
margin-top: 4px;
display: block;
vertical-align: middle;
text-align: center;
white-space: normal;
line-height: 1;
text-transform: none;
font-size: 11px;
font-weight: bold;
}
.navbar-bottom .navbar-toggle .fa-bars,
.navbar-bottom .navbar-link .fa-bars {
line-height: 40px;
width: 36px;
}
.navbar-bottom #bs-menu-main,
.navbar-bottom #bs-menu-user {
border-bottom: 1px solid #e5e5e5;
max-height: calc(100vh - 58px);
overflow-y: auto;
}
@media (min-width: 1024px) {
.navbar-bottom #bs-menu-main,
.navbar-bottom #bs-menu-user {
border-bottom: 0;
text-align: center;
}
}
.navbar-bottom #bs-menu-main .nav.navbar-nav,
.navbar-bottom #bs-menu-user .nav.navbar-nav,
.navbar-bottom #bs-menu-main .nav.navbar-nav-alt,
.navbar-bottom #bs-menu-user .nav.navbar-nav-alt {
padding: 6px 12px;
}
@media (min-width: 1024px) {
.navbar-bottom #bs-menu-main .nav.navbar-nav,
.navbar-bottom #bs-menu-user .nav.navbar-nav,
.navbar-bottom #bs-menu-main .nav.navbar-nav-alt,
.navbar-bottom #bs-menu-user .nav.navbar-nav-alt {
display: inline-block;
float: none;
margin: 0 auto;
padding: 0;
}
}
.navbar-bottom #bs-menu-main .nav.navbar-nav > li > a,
.navbar-bottom #bs-menu-user .nav.navbar-nav > li > a,
.navbar-bottom #bs-menu-main .nav.navbar-nav-alt > li > a,
.navbar-bottom #bs-menu-user .nav.navbar-nav-alt > li > a {
line-height: 24px;
font-size: 18px;
padding-top: 12px;
padding-bottom: 8px;
font-weight: bold;
padding-right: 45px;
}
@media (min-width: 1024px) {
.navbar-bottom #bs-menu-main .nav.navbar-nav > li > a,
.navbar-bottom #bs-menu-user .nav.navbar-nav > li > a,
.navbar-bottom #bs-menu-main .nav.navbar-nav-alt > li > a,
.navbar-bottom #bs-menu-user .nav.navbar-nav-alt > li > a {
color: #fff;
font-weight: normal;
}
}
.navbar-bottom #bs-menu-main .nav.navbar-nav > li > a[href="#"],
.navbar-bottom #bs-menu-user .nav.navbar-nav > li > a[href="#"],
.navbar-bottom #bs-menu-main .nav.navbar-nav-alt > li > a[href="#"],
.navbar-bottom #bs-menu-user .nav.navbar-nav-alt > li > a[href="#"] {
color: rgba(255, 255, 255, 0.5);
}
.navbar-bottom #bs-menu-main .nav.navbar-nav > li > a .caret,
.navbar-bottom #bs-menu-user .nav.navbar-nav > li > a .caret,
.navbar-bottom #bs-menu-main .nav.navbar-nav-alt > li > a .caret,
.navbar-bottom #bs-menu-user .nav.navbar-nav-alt > li > a .caret {
line-height: 44px;
display: block !important;
}
@media (min-width: 1024px) {
.navbar-bottom #bs-menu-main .nav.navbar-nav > li.active > a,
.navbar-bottom #bs-menu-user .nav.navbar-nav > li.active > a,
.navbar-bottom #bs-menu-main .nav.navbar-nav-alt > li.active > a,
.navbar-bottom #bs-menu-user .nav.navbar-nav-alt > li.active > a,
.navbar-bottom #bs-menu-main .nav.navbar-nav > li:hover > a,
.navbar-bottom #bs-menu-user .nav.navbar-nav > li:hover > a,
.navbar-bottom #bs-menu-main .nav.navbar-nav-alt > li:hover > a,
.navbar-bottom #bs-menu-user .nav.navbar-nav-alt > li:hover > a {
color: #e83337;
/*font-weight: bold;*/
}
}
.navbar-bottom #bs-menu-main .theme,
.navbar-bottom #bs-menu-user .theme {
line-height: 32px;
font-size: 18px;
font-weight: bold;
margin-right: 18px;
padding-top: 18px;
}
.navbar-bottom #bs-menu-main .theme div,
.navbar-bottom #bs-menu-user .theme div {
display: inline;
}
.navbar-bottom #bs-menu-main .theme .stechicons,
.navbar-bottom #bs-menu-user .theme .stechicons {
font-size: 32px;
display: inline-block;
vertical-align: top;
margin-left: 6px;
}
.navbar-bottom #bs-menu-main .theme .icon:before,
.navbar-bottom #bs-menu-user .theme .icon:before {
content: "\e941";
color: #ff5722;
}
.navbar-bottom #bs-menu-main .language,
.navbar-bottom #bs-menu-user .language,
.navbar-bottom #bs-menu-main .themes,
.navbar-bottom #bs-menu-user .themes {
margin-left: 18px;
font-size: 18px;
font-weight: bold;
padding-top: 18px;
}
.navbar-bottom #bs-menu-main .language div,
.navbar-bottom #bs-menu-user .language div,
.navbar-bottom #bs-menu-main .themes div,
.navbar-bottom #bs-menu-user .themes div {
display: inline;
}
.navbar-bottom #bs-menu-main .language img,
.navbar-bottom #bs-menu-user .language img,
.navbar-bottom #bs-menu-main .themes img,
.navbar-bottom #bs-menu-user .themes img {
position: relative;
top: -1px;
margin-left: 6px;
height: 32px;
width: 32px;
}
.navbar-bottom #bs-menu-main .language span,
.navbar-bottom #bs-menu-user .language span,
.navbar-bottom #bs-menu-main .themes span,
.navbar-bottom #bs-menu-user .themes span {
font-weight: normal;
}
.navbar-bottom #bs-menu-main .user-menu-wrapper .nav.navbar-nav-alt li a,
.navbar-bottom #bs-menu-user .user-menu-wrapper .nav.navbar-nav-alt li a {
color: #ff5722;
text-transform: uppercase;
}
.navbar-bottom #bs-menu-main .user-menu-wrapper .nav.navbar-nav-alt li a:hover,
.navbar-bottom #bs-menu-user .user-menu-wrapper .nav.navbar-nav-alt li a:hover {
background-color: #d8d8d8;
border-radius: 6px;
}
.navbar-bottom #bs-menu-main .user-menu-wrapper .nav.navbar-nav-alt li.dropdown a,
.navbar-bottom #bs-menu-user .user-menu-wrapper .nav.navbar-nav-alt li.dropdown a {
border-radius: 6px;
color: #ff5722;
background-color: #e5e5e5;
}
.navbar-bottom #bs-menu-main .user-menu-wrapper .nav.navbar-nav-alt li.dropdown a:hover,
.navbar-bottom #bs-menu-user .user-menu-wrapper .nav.navbar-nav-alt li.dropdown a:hover {
background-color: #d8d8d8;
}
.navbar-bottom #bs-menu-main .user-menu-wrapper .nav.navbar-nav-alt li.dropdown ul.dropdown-menu,
.navbar-bottom #bs-menu-user .user-menu-wrapper .nav.navbar-nav-alt li.dropdown ul.dropdown-menu {
padding-top: 0;
padding-bottom: 0;
background-color: #e5e5e5;
}
.navbar-bottom #bs-menu-main .user-menu-wrapper .nav.navbar-nav-alt li.dropdown ul.dropdown-menu a,
.navbar-bottom #bs-menu-user .user-menu-wrapper .nav.navbar-nav-alt li.dropdown ul.dropdown-menu a {
color: #ff5722;
text-transform: none;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
}
.navbar-bottom #bs-menu-main .user-menu-wrapper .nav.navbar-nav-alt li.dropdown.open a.dropdown-toggle,
.navbar-bottom #bs-menu-user .user-menu-wrapper .nav.navbar-nav-alt li.dropdown.open a.dropdown-toggle {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.navbar-bottom #bs-menu-main .user-menu-wrapper .nav.navbar-nav-alt li.dropdown:hover a.dropdown-toggle,
.navbar-bottom #bs-menu-user .user-menu-wrapper .nav.navbar-nav-alt li.dropdown:hover a.dropdown-toggle {
border-radius: 6px;
}
.navbar-bottom #bs-menu-main .btn.btn-link.logout,
.navbar-bottom #bs-menu-user .btn.btn-link.logout {
line-height: 24px;
font-size: 18px;
font-weight: bold;
color: #ff5722;
position: relative;
top: -8px;
right: 15px;
}
.navbar-bottom .subnav {
position: absolute;
right: 6px;
top: 0;
display: none;
}
@media (min-width: 1024px) {
.navbar-bottom .subnav {
display: block;
}
}
.navbar-bottom .subnav > .nav.navbar-nav,
.navbar-bottom .subnav > .nav.navbar-nav-alt {
padding: 6px 12px;
}
.navbar-bottom .subnav > .nav.navbar-nav > li > a,
.navbar-bottom .subnav > .nav.navbar-nav-alt > li > a {
line-height: 24px;
font-size: 18px;
padding-top: 12px;
padding-bottom: 8px;
font-weight: bold;
}
@media (min-width: 1024px) {
.navbar-bottom .subnav > .nav.navbar-nav > li > a,
.navbar-bottom .subnav > .nav.navbar-nav-alt > li > a {
color: #fff;
font-weight: normal;
}
}
.navbar-bottom .subnav > .nav.navbar-nav > li > a[href="#"],
.navbar-bottom .subnav > .nav.navbar-nav-alt > li > a[href="#"] {
color: #9095ab;
}
.navbar-bottom .subnav > .nav.navbar-nav > li > a .caret,
.navbar-bottom .subnav > .nav.navbar-nav-alt > li > a .caret {
line-height: 44px;
display: block !important;
}
.navbar-bottom .subnav > .nav.navbar-nav > li.dropdown > a,
.navbar-bottom .subnav > .nav.navbar-nav-alt > li.dropdown > a {
color: #9095ab;
}
@media (min-width: 1024px) {
.navbar-bottom .subnav > .nav.navbar-nav > li.active > a,
.navbar-bottom .subnav > .nav.navbar-nav-alt > li.active > a,
.navbar-bottom .subnav > .nav.navbar-nav > li:hover > a,
.navbar-bottom .subnav > .nav.navbar-nav-alt > li:hover > a {
color: #e83337;
}
}
.navbar-bottom .subnav > div {
float: left;
text-align: right;
color: #fff;
line-height: 20px;
margin-top: 6px;
font-size: 14px;
}
.navbar-bottom .subnav > div > a {
color: #cacaca;
margin-right: 6px;
padding-right: 12px;
border-right: 1px solid #cacaca;
}
.navbar-bottom .subnav > div > a:last-child {
margin: 0;
padding: 0;
border: 0;
}
.navbar-bottom .subnav > .nav {
position: relative;
top: 5px;
padding-right: 3px !important;
}
.social-icon {
padding: 0px 0px 0px 8px !important;
display: inline-block;
color: white;
font-weight: normal !important;
}
@media (min-width: 1024px) {
.social-icon {
padding: 6px 0px 0px 12px !important;
}
}
.social-icon.social-icon-grey {
-webkit-filter: grayscale(100%);
/* Safari 6.0 - 9.0 */
filter: grayscale(100%);
opacity: 0.75;
}
.social-icon:hover {
color: #ffffff;
text-decoration: none;
}
.social-icon:after {
display: block;
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-size: contain;
content: "";
}
.social-icon.yt:after {
background-image: url(../../../../Images/header/soc_yt.png);
}
.social-icon.fb:after {
background-image: url(../../../../Images/header/soc_fb.png);
}
.social-icon.ig:after {
background-image: url(../../../../Images/header/soc_ig.png);
}
.social-icon.tw:after {
background-image: url(../../../../Images/header/soc_tw.png);
}
.social-icon.social-icon-fa:after {
background: none;
font-family: FontAwesome;
font-size: 25px;
width: 22px;
line-height: 30px;
text-align: center;
}
.social-icon.social-icon-fa.ig:after {
content: "\f16d";
}
.social-icon.social-icon-fa.fb:after {
content: "\f082";
}
.social-icon.social-icon-fa.tw:after {
content: "\f081";
}
.social-icon.social-icon-fa.yt:after {
content: "\f167";
}
.accounts-overview-wrapper {
padding: 0px 34px;
margin-top: 26px;
text-align: left;
}
.accounts-overview-wrapper h4 {
color: #ff5722;
}
.accounts-overview-wrapper table {
background-color: transparent;
margin-bottom: 8px;
}
.accounts-overview-wrapper table tr td {
font-weight: bold;
line-height: 1.5;
font-size: 18px;
color: #222b57;
}
.accounts-overview-wrapper table tr td:first-child {
color: #9095ab;
width: 100px;
white-space: nowrap;
padding-right: 6px;
}
.accounts-overview-wrapper table tr td.bronze {
color: saddlebrown;
}
.accounts-overview-wrapper table tr td.silver {
color: silver;
}
.accounts-overview-wrapper table tr td.gold {
color: darkgoldenrod;
}
@media (min-width: 1024px) {
.usermenu .user-menu-wrapper {
display: none;
}
}
.usermenu .user-menu-wrapper.opened {
display: block;
}
@media (min-width: 1024px) {
.usermenu {
background-color: #fff;
display: none;
}
.usermenu .navbar-collapse {
min-width: 360px;
}
.usermenu.opened {
width: auto;
top: 0;
right: 6px;
display: block;
position: absolute;
z-index: 1010;
padding: 15px;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
padding: 0;
}
.usermenu.opened .navbar-nav-alt {
width: 100%;
margin-top: 12px !important;
clear: both;
padding: 0 6px !important;
}
.usermenu.opened .navbar-nav-alt > li {
text-align: left;
font-weight: bold !important;
}
.usermenu.opened .navbar-nav-alt > li > a {
font-weight: bold !important;
}
.usermenu.opened .navbar-nav-alt + div {
margin-top: 10px;
}
}
.usermenu .notifications {
display: flex;
flex-wrap: wrap;
margin: 18px;
margin-bottom: 0 !important;
gap: 6px;
}
@media (min-width: 1024px) {
.usermenu .notifications {
display: none;
}
}
.usermenu .notifications__tile {
width: 100%;
color: #ff5722;
background-color: #e5e5e5;
border-radius: 6px;
padding: 12px 15px 8px 15px;
cursor: pointer;
}
.usermenu .notifications__tile:hover {
color: #ff5722;
text-decoration: none;
}
.usermenu .notifications__tile-icon {
position: relative;
}
.usermenu .notifications__tile-icon-dot {
position: absolute;
background-color: #bd0202;
width: 12px;
height: 12px;
border-radius: 50%;
right: -5px;
bottom: -3px;
z-index: 3;
}
.usermenu .notifications__tile-icon-dot::after {
content: attr(data-count);
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 7px;
font-weight: bold;
}
.usermenu .notifications--halved {
flex-wrap: nowrap;
}
.usermenu111 {
color: #fff;
font-family: 'Roboto Condensed';
}
.usermenu111 .deposit {
color: #fff;
background-color: #ff5722;
border-color: #ff5722;
margin-top: 16px;
border: 0;
display: block;
width: 100%;
text-align: left;
line-height: 24px;
font-size: 18px;
padding-top: 11px;
padding-bottom: 9px;
}
.usermenu111 .deposit:focus,
.usermenu111 .deposit.focus {
color: #fff;
background-color: #ee3900;
border-color: #a22700;
}
.usermenu111 .deposit:hover {
color: #fff;
background-color: #ee3900;
border-color: #e43700;
}
.usermenu111 .deposit:active,
.usermenu111 .deposit.active,
.open > .dropdown-toggle.usermenu111 .deposit {
color: #fff;
background-color: #ee3900;
border-color: #e43700;
}
.usermenu111 .deposit:active:hover,
.usermenu111 .deposit.active:hover,
.open > .dropdown-toggle.usermenu111 .deposit:hover,
.usermenu111 .deposit:active:focus,
.usermenu111 .deposit.active:focus,
.open > .dropdown-toggle.usermenu111 .deposit:focus,
.usermenu111 .deposit:active.focus,
.usermenu111 .deposit.active.focus,
.open > .dropdown-toggle.usermenu111 .deposit.focus {
color: #fff;
background-color: #ca3100;
border-color: #a22700;
}
.usermenu111 .deposit:active,
.usermenu111 .deposit.active,
.open > .dropdown-toggle.usermenu111 .deposit {
background-image: none;
}
.usermenu111 .deposit.disabled:hover,
.usermenu111 .deposit[disabled]:hover,
fieldset[disabled] .usermenu111 .deposit:hover,
.usermenu111 .deposit.disabled:focus,
.usermenu111 .deposit[disabled]:focus,
fieldset[disabled] .usermenu111 .deposit:focus,
.usermenu111 .deposit.disabled.focus,
.usermenu111 .deposit[disabled].focus,
fieldset[disabled] .usermenu111 .deposit.focus {
background-color: #ff5722;
border-color: #ff5722;
}
.usermenu111 .deposit .badge {
color: #ff5722;
background-color: #fff;
}
@media (min-width: 1024px) {
.usermenu111 .deposit.bonusProgressVisible {
margin-top: 55px;
}
}
.usermenu111 .deposit:hover {
color: #fff;
}
.usermenu111 .deposit .fa {
float: right;
margin-top: 4px;
}
.usermenu111 .name {
color: #ff5722;
margin-top: 12px;
margin-left: -6px;
margin-right: -6px;
margin-bottom: -6px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 0;
text-align: center;
display: block;
}
@media (min-width: 1024px) {
.usermenu111 .name {
display: none;
}
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper {
display: none;
}
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper .accounts-overview > a {
display: none;
}
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div {
display: none;
padding: 0 15px 10px 15px;
color: white;
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper .accounts-overview > div {
color: #142a69;
display: block;
padding: 0;
}
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account {
clear: both;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .text {
text-transform: uppercase;
font-size: 1.2em;
line-height: 26px;
font-weight: bold;
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .text {
color: #ff5722;
}
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .amount {
float: right;
font-size: 1.2em;
line-height: 26px;
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .amount {
color: #ff5722;
}
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .fa {
float: right;
width: 26px;
height: 26px;
line-height: 26px;
text-align: right;
cursor: pointer;
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .fa {
color: #ff5722;
}
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .details {
display: none;
margin-bottom: 12px;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .details .text {
float: left;
clear: both;
margin-left: 12px;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account > .details .amount {
float: right;
margin-right: 26px;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account.disabled > .text,
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account.disabled > .amount,
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account.disabled > .fa,
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account.disabled > .details {
color: #9fa3b9;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account.opened > .details {
display: block;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div > .account.opened > .fa:before {
content: "\f056";
}
.usermenu111 .accounts-overview-wrapper .accounts-overview > div hr {
margin-left: -21px;
margin-right: -21px;
margin-bottom: 15px;
margin-top: 15px;
border-top-color: #fff;
opacity: 0.5;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview.opened > div {
display: block;
overflow: hidden;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview.opened > a > .caret:before {
content: "\f078";
}
.usermenu111 .accounts-overview-wrapper .accounts-overview.loading > div {
min-height: 75px;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview.loading > div > div,
.usermenu111 .accounts-overview-wrapper .accounts-overview.loading > div > hr {
opacity: 0.33;
}
.usermenu111 .accounts-overview-wrapper .accounts-overview.loading > div::after {
font-family: "FontAwesome";
content: "\f1ce";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 50px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -12px;
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper .accounts-overview.loading > div::after {
margin-top: -25px;
}
}
.usermenu111 .accounts-overview-wrapper.opened {
display: block;
min-width: 300px;
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper.opened > ul {
float: none;
margin: 0;
width: 100%;
}
}
@media (min-width: 1024px) {
.usermenu111 .accounts-overview-wrapper.opened > ul > li.accounts-overview {
width: 100%;
}
}
@media (min-width: 1024px) {
.usermenu111 .user-menu-wrapper {
display: none;
}
}
.usermenu111 .user-menu-wrapper.opened {
display: block;
}
.usermenu111 .bonus {
padding: 0 6px;
}
@media (max-width: 1023px) {
.usermenu111 .bonus {
width: 100% !important;
}
}
.usermenu111 .bonus .h4 {
color: white;
}
.usermenu111 .bonus .progress {
border-width: 0;
margin-bottom: 8px;
}
.usermenu111 .bonus .progress .progress-bar {
line-height: 21px;
}
.usermenu111 .bonus .progress.last {
margin-bottom: 6px;
}
.usermenu111 .bonus .desc {
color: #abd1fe;
margin-top: 1px;
display: inline-block;
}
@media (min-width: 1024px) {
.usermenu111 {
background-color: rgba(255, 255, 255, 0.9);
display: none;
}
.usermenu111 .navbar-collapse {
background-color: transparent;
}
.usermenu111.opened {
width: auto;
top: 0;
right: 6px;
display: block;
position: absolute;
z-index: 1010;
padding: 15px;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 6px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.usermenu111.opened .navbar-nav > li {
border-left: 1px solid #ccc;
margin-left: 24px;
padding-left: 24px;
}
.usermenu111.opened .navbar-nav > li > a {
color: #00a752;
font-size: 16px;
font-weight: bold;
padding: 0;
margin-bottom: 6px;
cursor: default;
pointer-events: none;
}
.usermenu111.opened .navbar-nav > li .dropdown-menu {
display: block;
position: relative;
top: 0;
left: 0;
border: 0;
box-shadow: none;
min-width: 0;
}
.usermenu111.opened .navbar-nav > li .dropdown-menu li {
background-color: transparent;
}
.usermenu111.opened .navbar-nav > li .dropdown-menu li a {
color: #000;
padding: 0;
margin: 2px 0;
background-color: transparent;
font-size: 14px;
display: block;
}
.usermenu111.opened .navbar-nav > li .dropdown-menu li a:hover {
text-decoration: none;
}
.usermenu111.opened .navbar-nav > li .dropdown-menu li a.logout {
font-weight: bold;
}
.usermenu111.opened .navbar-nav > li .logOut {
margin-top: 60px;
}
.usermenu111.opened .navbar-nav > li .logOut .fa {
margin: 1px 0 0 10px;
}
.usermenu111.opened .navbar-nav > li .logOut:hover {
color: #fff;
}
.usermenu111.opened .navbar-nav > li:nth-child(3) .dropdown-menu {
column-count: 2;
}
.usermenu111.opened .navbar-nav > li:last-of-type {
clear: both;
float: left;
border-left: 0;
margin-left: 0;
padding-left: 0;
}
.usermenu111.opened .navbar-nav > li:first-of-type {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
.usermenu111.opened .bonus {
position: absolute;
bottom: 10px;
right: 15px;
width: 294px;
}
.usermenu111.opened .bonus .h4 {
color: #132577;
}
.usermenu111.opened .bonus .desc {
color: #132577;
white-space: nowrap;
}
.usermenu111.opened .bonus .progress {
border-width: 1px;
}
.usermenu111.opened .bonus .progress .progress-bar {
line-height: 19px;
}
}
.user-info {
margin-right: 6px;
}
.user-info > span {
color: #ff5722;
font-weight: bold;
margin-right: 12px;
}
.user-info > span span {
padding-left: 12px;
margin-left: 12px;
border-left: 1px solid #ececec;
display: inline-block;
}
.user-info > span span:first-child {
padding-left: 0;
margin-left: 0;
border-left: 0;
}
@keyframes icon-swivel {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
50% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
75% {
-moz-transform: rotate(7deg);
-ms-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes icon-flashing {
0% {
transform: scale(1);
}
50% {
transform: scale(1.25);
}
100% {
transform: scale(1);
}
}
.footer {
background-color: #E5E5E5;
color: #666666;
padding: 24px 0;
font-size: 12px;
line-height: 1.25;
padding-bottom: 58px;
}
@media (min-width: 1024px) {
.footer {
padding-bottom: 0;
}
}
.footer .icons {
text-align: justify;
text-align-last: center;
margin: 0 -12px;
}
.footer .icons img {
display: inline-block;
margin: 0 12px 12px 12px;
}
.footer .text {
text-align: center;
}
.footer .text img {
display: inline-block;
max-height: 25px;
}
.footer .text p {
display: inline-block;
}
.footer .text p a {
color: #ff5722;
}
.footer .links {
text-align: center;
}
.footer .links li {
display: inline-block;
vertical-align: top;
padding-left: 12px;
margin-left: 12px;
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.footer .links li:first-child {
padding-left: 0;
margin-left: 0;
border-left: 0;
}
.footer .payment {
text-align: center;
}
.footer .payment li {
display: inline-block;
vertical-align: top;
}
.footer .payment li:first-child {
margin-left: 0;
border-left: 0;
}
.footer .payment li img {
max-height: 36px;
width: auto;
max-width: 93px;
opacity: 0.55;
transition-duration: 0.5s;
filter: invert(0);
}
.footer .social {
margin: 12px 0;
filter: none;
}
.footer .social img {
height: 28px;
margin: 0 2px;
}
.footer .social a {
color: #666666;
}
.footer-menu {
margin-bottom: 24px;
}
@media (max-width: 1024px) {
.footer-menu {
text-align: left !important;
}
}
.footer-menu__list-item {
border-right: 1px solid #666666;
padding: 0 12px;
margin: 0;
margin-left: 0 !important;
}
@media (max-width: 1024px) {
.footer-menu__list-item {
display: inline-block;
width: 49%;
text-align: left;
border-right: none;
padding-left: 0;
margin-bottom: 12px;
}
}
.footer-menu__list-item:first-of-type {
padding-left: 0;
}
.footer-menu__list-item:last-of-type {
border-right: none;
padding-right: 0;
}
.footer-menu__link {
color: #ff5722;
}
.footer-container {
display: flex;
justify-content: center;
}
@media (max-width: 1024px) {
.footer-container {
flex-direction: column;
}
}
.footer-payment {
margin-bottom: 24px;
margin-right: 12px;
text-align: left;
width: auto;
flex: 1 1 50%;
}
@media (max-width: 1024px) {
.footer-payment {
margin-right: 0;
}
}
.footer-payment__item {
background-color: #D6D6D6;
border-radius: 8px;
margin-bottom: 6px;
margin-right: 6px;
width: 113px;
height: 50px;
}
.footer-payment__item:hover {
background-color: #c9c9c9;
}
.footer-payment__link {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.footer-payment__list {
text-align: left !important;
margin-bottom: 0;
}
.footer-payment__label {
display: block;
text-align: left;
margin-bottom: 4px;
}
.footer-trust {
margin-bottom: 24px;
text-align: left;
width: auto;
}
.footer-trust__item {
background-color: #D6D6D6;
border-radius: 8px;
margin-bottom: 6px;
margin-right: 6px;
width: 113px;
height: 50px;
}
.footer-trust__item:hover {
background-color: #c9c9c9;
}
.footer-trust__link {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.footer-trust__list {
text-align: left !important;
margin-bottom: 0;
}
.footer-trust__label {
display: block;
text-align: left;
margin-bottom: 4px;
}
.bottom-messages {
position: fixed;
z-index: 1003;
bottom: 58px;
left: 0;
right: 0;
font-family: "Roboto";
font-size: 14px;
line-height: 1.5;
/* Cookies policy pro CZ/SK */
}
@media (min-width: 1024px) {
.bottom-messages {
bottom: 0;
}
}
.bottom-messages .newcasino-toggle .enable,
.bottom-messages .newcasino-toggle .disable {
display: none;
padding: 6px;
padding-top: 7px;
background-color: #fff;
color: #000;
font-size: 0.7857em;
}
@media (min-width: 768px) {
.bottom-messages .newcasino-toggle .enable,
.bottom-messages .newcasino-toggle .disable {
text-align: center;
font-size: 1em;
}
}
.bottom-messages .newcasino-toggle .enable .content,
.bottom-messages .newcasino-toggle .disable .content {
padding: 0;
margin-bottom: 0;
background-color: transparent;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.bottom-messages .newcasino-toggle .enable .btn,
.bottom-messages .newcasino-toggle .disable .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
font-family: "Roboto Condensed";
text-align: center;
text-transform: uppercase;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 7px 12px;
font-size: 14px;
line-height: 1.5;
border-radius: 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
top: -1px;
margin-left: 6px;
float: right;
clear: right;
}
.bottom-messages .newcasino-toggle .enable .btn:focus,
.bottom-messages .newcasino-toggle .disable .btn:focus,
.bottom-messages .newcasino-toggle .enable .btn:active:focus,
.bottom-messages .newcasino-toggle .disable .btn:active:focus,
.bottom-messages .newcasino-toggle .enable .btn.active:focus,
.bottom-messages .newcasino-toggle .disable .btn.active:focus,
.bottom-messages .newcasino-toggle .enable .btn.focus,
.bottom-messages .newcasino-toggle .disable .btn.focus,
.bottom-messages .newcasino-toggle .enable .btn:active.focus,
.bottom-messages .newcasino-toggle .disable .btn:active.focus,
.bottom-messages .newcasino-toggle .enable .btn.active.focus,
.bottom-messages .newcasino-toggle .disable .btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.bottom-messages .newcasino-toggle .enable .btn:hover,
.bottom-messages .newcasino-toggle .disable .btn:hover,
.bottom-messages .newcasino-toggle .enable .btn:focus,
.bottom-messages .newcasino-toggle .disable .btn:focus,
.bottom-messages .newcasino-toggle .enable .btn.focus,
.bottom-messages .newcasino-toggle .disable .btn.focus {
color: #333;
text-decoration: none;
}
.bottom-messages .newcasino-toggle .enable .btn:active,
.bottom-messages .newcasino-toggle .disable .btn:active,
.bottom-messages .newcasino-toggle .enable .btn.active,
.bottom-messages .newcasino-toggle .disable .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bottom-messages .newcasino-toggle .enable .btn.disabled,
.bottom-messages .newcasino-toggle .disable .btn.disabled,
.bottom-messages .newcasino-toggle .enable .btn[disabled],
.bottom-messages .newcasino-toggle .disable .btn[disabled],
fieldset[disabled] .bottom-messages .newcasino-toggle .enable .btn,
fieldset[disabled] .bottom-messages .newcasino-toggle .disable .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.bottom-messages .newcasino-toggle .enable .btn.disabled,
a.bottom-messages .newcasino-toggle .disable .btn.disabled,
fieldset[disabled] a.bottom-messages .newcasino-toggle .enable .btn,
fieldset[disabled] a.bottom-messages .newcasino-toggle .disable .btn {
pointer-events: none;
}
.bottom-messages .newcasino-toggle .enable .btn .fa,
.bottom-messages .newcasino-toggle .disable .btn .fa {
position: relative;
top: -1px;
margin-right: 4px;
}
.bottom-messages .newcasino-toggle .enable .btn.btn-static,
.bottom-messages .newcasino-toggle .disable .btn.btn-static {
display: none;
}
@media (min-width: 568px) {
.bottom-messages .newcasino-toggle .enable .btn,
.bottom-messages .newcasino-toggle .disable .btn {
clear: none;
margin-top: 2px;
}
}
@media (min-width: 768px) {
.bottom-messages .newcasino-toggle .enable .btn,
.bottom-messages .newcasino-toggle .disable .btn {
margin-top: 5px;
}
}
@media (min-width: 1280px) {
.bottom-messages .newcasino-toggle .enable .btn.btn-static,
.bottom-messages .newcasino-toggle .disable .btn.btn-static {
display: inline-block;
margin-top: 0;
float: none;
}
.bottom-messages .newcasino-toggle .enable .btn.btn-float,
.bottom-messages .newcasino-toggle .disable .btn.btn-float {
display: none;
}
}
.bottom-messages .newcasino-toggle .enable .btn-sm,
.bottom-messages .newcasino-toggle .disable .btn-sm {
padding: 4px 9px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.bottom-messages .newcasino-toggle .enable .btn-success,
.bottom-messages .newcasino-toggle .disable .btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.bottom-messages .newcasino-toggle .enable .btn-success:focus,
.bottom-messages .newcasino-toggle .disable .btn-success:focus,
.bottom-messages .newcasino-toggle .enable .btn-success.focus,
.bottom-messages .newcasino-toggle .disable .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.bottom-messages .newcasino-toggle .enable .btn-success:hover,
.bottom-messages .newcasino-toggle .disable .btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.bottom-messages .newcasino-toggle .enable .btn-success:active,
.bottom-messages .newcasino-toggle .disable .btn-success:active,
.bottom-messages .newcasino-toggle .enable .btn-success.active,
.bottom-messages .newcasino-toggle .disable .btn-success.active,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .enable .btn-success,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .disable .btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.bottom-messages .newcasino-toggle .enable .btn-success:active:hover,
.bottom-messages .newcasino-toggle .disable .btn-success:active:hover,
.bottom-messages .newcasino-toggle .enable .btn-success.active:hover,
.bottom-messages .newcasino-toggle .disable .btn-success.active:hover,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .enable .btn-success:hover,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .disable .btn-success:hover,
.bottom-messages .newcasino-toggle .enable .btn-success:active:focus,
.bottom-messages .newcasino-toggle .disable .btn-success:active:focus,
.bottom-messages .newcasino-toggle .enable .btn-success.active:focus,
.bottom-messages .newcasino-toggle .disable .btn-success.active:focus,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .enable .btn-success:focus,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .disable .btn-success:focus,
.bottom-messages .newcasino-toggle .enable .btn-success:active.focus,
.bottom-messages .newcasino-toggle .disable .btn-success:active.focus,
.bottom-messages .newcasino-toggle .enable .btn-success.active.focus,
.bottom-messages .newcasino-toggle .disable .btn-success.active.focus,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .enable .btn-success.focus,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .disable .btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.bottom-messages .newcasino-toggle .enable .btn-success:active,
.bottom-messages .newcasino-toggle .disable .btn-success:active,
.bottom-messages .newcasino-toggle .enable .btn-success.active,
.bottom-messages .newcasino-toggle .disable .btn-success.active,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .enable .btn-success,
.open > .dropdown-toggle.bottom-messages .newcasino-toggle .disable .btn-success {
background-image: none;
}
.bottom-messages .newcasino-toggle .enable .btn-success.disabled:hover,
.bottom-messages .newcasino-toggle .disable .btn-success.disabled:hover,
.bottom-messages .newcasino-toggle .enable .btn-success[disabled]:hover,
.bottom-messages .newcasino-toggle .disable .btn-success[disabled]:hover,
fieldset[disabled] .bottom-messages .newcasino-toggle .enable .btn-success:hover,
fieldset[disabled] .bottom-messages .newcasino-toggle .disable .btn-success:hover,
.bottom-messages .newcasino-toggle .enable .btn-success.disabled:focus,
.bottom-messages .newcasino-toggle .disable .btn-success.disabled:focus,
.bottom-messages .newcasino-toggle .enable .btn-success[disabled]:focus,
.bottom-messages .newcasino-toggle .disable .btn-success[disabled]:focus,
fieldset[disabled] .bottom-messages .newcasino-toggle .enable .btn-success:focus,
fieldset[disabled] .bottom-messages .newcasino-toggle .disable .btn-success:focus,
.bottom-messages .newcasino-toggle .enable .btn-success.disabled.focus,
.bottom-messages .newcasino-toggle .disable .btn-success.disabled.focus,
.bottom-messages .newcasino-toggle .enable .btn-success[disabled].focus,
.bottom-messages .newcasino-toggle .disable .btn-success[disabled].focus,
fieldset[disabled] .bottom-messages .newcasino-toggle .enable .btn-success.focus,
fieldset[disabled] .bottom-messages .newcasino-toggle .disable .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.bottom-messages .newcasino-toggle .enable .btn-success .badge,
.bottom-messages .newcasino-toggle .disable .btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.bottom-messages .newcasino-toggle .enable .fa-times,
.bottom-messages .newcasino-toggle .disable .fa-times {
cursor: pointer;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
opacity: 0.5;
vertical-align: top;
margin-left: 30px;
}
@media (min-width: 568px) {
.bottom-messages .newcasino-toggle .enable .fa-times,
.bottom-messages .newcasino-toggle .disable .fa-times {
margin-left: 0px;
margin-top: 2px;
}
}
@media (min-width: 768px) {
.bottom-messages .newcasino-toggle .enable .fa-times,
.bottom-messages .newcasino-toggle .disable .fa-times {
margin-top: 5px;
}
}
@media (min-width: 1280px) {
.bottom-messages .newcasino-toggle .enable .fa-times,
.bottom-messages .newcasino-toggle .disable .fa-times {
margin-top: 0;
}
}
.bottom-messages .newcasino-toggle .enable .fa-times:after,
.bottom-messages .newcasino-toggle .disable .fa-times:after,
.bottom-messages .newcasino-toggle .enable .fa-times:before,
.bottom-messages .newcasino-toggle .disable .fa-times:before {
line-height: 28px;
vertical-align: top;
}
.bottom-messages .newcasino-toggle .enable .fa-times:hover,
.bottom-messages .newcasino-toggle .disable .fa-times:hover {
opacity: 0.66;
}
.bottom-messages .cookies-policy {
display: none;
padding: 6px;
padding-top: 7px;
background-color: #fff;
color: #000;
font-size: 0.7857em;
background-color: #3a3a3a;
color: #fff;
}
@media (min-width: 768px) {
.bottom-messages .cookies-policy {
text-align: center;
font-size: 1em;
}
}
.bottom-messages .cookies-policy .content {
padding: 0;
margin-bottom: 0;
background-color: transparent;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.bottom-messages .cookies-policy .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
font-family: "Roboto Condensed";
text-align: center;
text-transform: uppercase;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 7px 12px;
font-size: 14px;
line-height: 1.5;
border-radius: 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
top: -1px;
margin-left: 6px;
float: right;
clear: right;
}
.bottom-messages .cookies-policy .btn:focus,
.bottom-messages .cookies-policy .btn:active:focus,
.bottom-messages .cookies-policy .btn.active:focus,
.bottom-messages .cookies-policy .btn.focus,
.bottom-messages .cookies-policy .btn:active.focus,
.bottom-messages .cookies-policy .btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.bottom-messages .cookies-policy .btn:hover,
.bottom-messages .cookies-policy .btn:focus,
.bottom-messages .cookies-policy .btn.focus {
color: #333;
text-decoration: none;
}
.bottom-messages .cookies-policy .btn:active,
.bottom-messages .cookies-policy .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bottom-messages .cookies-policy .btn.disabled,
.bottom-messages .cookies-policy .btn[disabled],
fieldset[disabled] .bottom-messages .cookies-policy .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.bottom-messages .cookies-policy .btn.disabled,
fieldset[disabled] a.bottom-messages .cookies-policy .btn {
pointer-events: none;
}
.bottom-messages .cookies-policy .btn .fa {
position: relative;
top: -1px;
margin-right: 4px;
}
.bottom-messages .cookies-policy .btn.btn-static {
display: none;
}
@media (min-width: 568px) {
.bottom-messages .cookies-policy .btn {
clear: none;
margin-top: 2px;
}
}
@media (min-width: 768px) {
.bottom-messages .cookies-policy .btn {
margin-top: 5px;
}
}
@media (min-width: 1280px) {
.bottom-messages .cookies-policy .btn.btn-static {
display: inline-block;
margin-top: 0;
float: none;
}
.bottom-messages .cookies-policy .btn.btn-float {
display: none;
}
}
.bottom-messages .cookies-policy .btn-sm {
padding: 4px 9px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.bottom-messages .cookies-policy .btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.bottom-messages .cookies-policy .btn-success:focus,
.bottom-messages .cookies-policy .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.bottom-messages .cookies-policy .btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.bottom-messages .cookies-policy .btn-success:active,
.bottom-messages .cookies-policy .btn-success.active,
.open > .dropdown-toggle.bottom-messages .cookies-policy .btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.bottom-messages .cookies-policy .btn-success:active:hover,
.bottom-messages .cookies-policy .btn-success.active:hover,
.open > .dropdown-toggle.bottom-messages .cookies-policy .btn-success:hover,
.bottom-messages .cookies-policy .btn-success:active:focus,
.bottom-messages .cookies-policy .btn-success.active:focus,
.open > .dropdown-toggle.bottom-messages .cookies-policy .btn-success:focus,
.bottom-messages .cookies-policy .btn-success:active.focus,
.bottom-messages .cookies-policy .btn-success.active.focus,
.open > .dropdown-toggle.bottom-messages .cookies-policy .btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.bottom-messages .cookies-policy .btn-success:active,
.bottom-messages .cookies-policy .btn-success.active,
.open > .dropdown-toggle.bottom-messages .cookies-policy .btn-success {
background-image: none;
}
.bottom-messages .cookies-policy .btn-success.disabled:hover,
.bottom-messages .cookies-policy .btn-success[disabled]:hover,
fieldset[disabled] .bottom-messages .cookies-policy .btn-success:hover,
.bottom-messages .cookies-policy .btn-success.disabled:focus,
.bottom-messages .cookies-policy .btn-success[disabled]:focus,
fieldset[disabled] .bottom-messages .cookies-policy .btn-success:focus,
.bottom-messages .cookies-policy .btn-success.disabled.focus,
.bottom-messages .cookies-policy .btn-success[disabled].focus,
fieldset[disabled] .bottom-messages .cookies-policy .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.bottom-messages .cookies-policy .btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.bottom-messages .cookies-policy .fa-times {
cursor: pointer;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
opacity: 0.5;
vertical-align: top;
margin-left: 30px;
}
@media (min-width: 568px) {
.bottom-messages .cookies-policy .fa-times {
margin-left: 0px;
margin-top: 2px;
}
}
@media (min-width: 768px) {
.bottom-messages .cookies-policy .fa-times {
margin-top: 5px;
}
}
@media (min-width: 1280px) {
.bottom-messages .cookies-policy .fa-times {
margin-top: 0;
}
}
.bottom-messages .cookies-policy .fa-times:after,
.bottom-messages .cookies-policy .fa-times:before {
line-height: 28px;
vertical-align: top;
}
.bottom-messages .cookies-policy .fa-times:hover {
opacity: 0.66;
}
.bottom-messages .cookies-policy .content a {
color: #ff5722;
}
.bottom-messages .cookies-policy .content {
color: #fff;
margin-top: 0;
}
div#easitZhhAfterLoginInfo {
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
border: none;
box-shadow: rgba(0, 0, 0, 0.25) 0 0 10px;
color: #fff;
width: 100%;
z-index: 2147483647;
/* @media only screen and (max-width: 1023px) {
bottom: 58px !important;
}*/
}
div#easitZhhAfterLoginInfo .zhh__container {
text-align: center;
}
div#easitZhhAfterLoginInfo .zhh__progress-bar {
display: block;
height: 4px;
width: 100%;
margin-bottom: 4px;
}
div#easitZhhAfterLoginInfo .zhh__content {
margin: 0 4px 0 4px;
}
div#easitZhhAfterLoginInfo .zhh__value-label {
display: block;
margin: 0;
font-size: 14px;
}
div#easitZhhAfterLoginInfo .zhh__warning-text {
margin: 0 4px 4px 4px;
font-size: 12px;
color: #999;
}
div#easitZhhAfterLoginInfo .zhh__btn {
margin: 4px 0;
color: white !important;
}
div#easitZhhAfterLoginInfo .zhh__value {
display: block;
}
@media only screen and (min-width: 768px) {
div#easitZhhAfterLoginInfo .zhh__container {
text-align: left;
}
div#easitZhhAfterLoginInfo .zhh__content,
div#easitZhhAfterLoginInfo .zhh__warning-text {
margin: 0 4px 4px 4px;
}
div#easitZhhAfterLoginInfo .zhh__content,
div#easitZhhAfterLoginInfo .zhh__value {
display: inline-block;
}
div#easitZhhAfterLoginInfo .zhh__btn {
vertical-align: top;
margin-left: 8px;
}
}
@keyframes zhh-closing-animation {
from {
width: 0;
}
to {
width: 100%;
}
}
.footer.footer--customizable {
background-color: #3e0002;
padding: 0;
}
.footer.footer--customizable a {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
}
.footer.footer--customizable a:hover {
text-decoration: underline;
}
.footer.footer--customizable .col-24 {
flex: auto;
}
@media (min-width: 1279px) {
.footer.footer--customizable .text-lg-right {
text-align: right;
}
}
.footer.footer--customizable .footer__section {
border-bottom: 1px solid #784d4e;
padding-top: 36px;
padding-bottom: 36px;
}
.footer.footer--customizable .footer__section:last-of-type {
border: none;
}
@media (max-width: 1023px) {
.footer.footer--customizable .footer__section {
padding-left: 12px;
padding-right: 12px;
}
}
.footer.footer--customizable .footer__paragraph {
margin-bottom: 0;
}
.footer.footer--customizable .footer__paragraph {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
}
.footer.footer--customizable .footer__menu {
display: inline-flex;
justify-content: space-between;
width: 77%;
}
@media (max-width: 1279px) {
.footer.footer--customizable .footer__menu {
width: 100%;
display: flex;
flex-wrap: wrap;
}
}
@media (max-width: 1023px) {
.footer.footer--customizable .footer__menu-section {
flex: 46%;
}
}
@media (min-width: 1023px) and (max-width: 1279px) {
.footer.footer--customizable .footer__menu-section {
flex: 23%;
}
}
.footer.footer--customizable .footer__menu-header {
font-weight: bold;
color: #fff;
font-size: 14px;
}
.footer.footer--customizable .footer__payment-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 50px;
grid-row-gap: 40px;
}
@media (max-width: 1023px) {
.footer.footer--customizable .footer__payment-grid {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
}
@media (min-width: 1023px) and (max-width: 1599px) {
.footer.footer--customizable .footer__payment-grid {
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
}
.footer.footer--customizable .footer__payment-grid-li {
position: relative;
height: 60px;
border-radius: 16px;
background-color: #4e1011;
}
@media (max-width: 1279px) {
.footer.footer--customizable .footer__payment-grid-li {
height: 40px;
border-radius: 12px;
}
}
.footer.footer--customizable .footer__payment-grid-li:hover .footer__payment-grid-img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
}
.footer.footer--customizable .footer__payment-grid-img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
filter: grayscale(100%) brightness(200%) contrast(250%);
-webkit-filter: grayscale(100%) brightness(200%) contrast(250%);
-moz-filter: grayscale(100%) brightness(200%) contrast(250%);
height: 30px;
transition: all 200ms ease-in-out;
}
@media (max-width: 1279px) {
.footer.footer--customizable .footer__payment-grid-img {
height: 20px;
}
}
.footer.footer--customizable .footer__social-section {
text-align: right;
}
@media (max-width: 1279px) {
.footer.footer--customizable .footer__social-section {
text-align: left;
display: flex;
align-items: center;
}
}
.footer.footer--customizable .footer__social-section--mobile {
margin-top: 24px;
}
@media (min-width: 1279px) {
.footer.footer--customizable .footer__social-section--mobile {
display: none;
}
}
@media (max-width: 1279px) {
.footer.footer--customizable .footer__social-section--desktop {
display: none;
}
}
.footer.footer--customizable .footer__social-section-paragraph {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
font-weight: bold;
display: inline-block;
margin-bottom: 0;
}
@media (max-width: 1279px) {
.footer.footer--customizable .footer__social-section-paragraph {
display: block;
margin-bottom: 12px;
}
}
.footer.footer--customizable .footer__social-section-logo {
width: auto;
}
@media (max-width: 1279px) {
.footer.footer--customizable .footer__social-section-logo {
width: 190px;
}
}
.footer.footer--customizable .footer__social-section-logo-anchor {
display: inline-block;
}
.footer.footer--customizable .footer__social-section-icon-container {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 12px;
}
@media (max-width: 1279px) {
.footer.footer--customizable .footer__social-section-icon-container {
display: inline-block;
margin-top: 0;
margin-left: 18px;
}
}
.banners {
position: relative;
z-index: 2;
overflow: hidden;
width: 100%;
margin-top: -12px;
/*@media (min-width: @screen-sm) {
max-height: @container-sm / @banner-width * @banner-heigth;
.item {
height: @container-sm / @banner-width * @banner-heigth;
padding-bottom: 0;
background-size: auto (@container-sm / @banner-width * @banner-heigth);
.jackpot {
@width: 275px;
&.gold {
width: @width;
margin-top: 0%;
}
&.silver {
width: @width - 20px;
margin-top: 1%;
margin-bottom: 1%;
}
&.bronze {
width: @width - 40px;
}
}
}
}*/
}
@media (max-width: 767px) {
.banners {
margin-top: -6px;
}
}
.banners .inner {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.banners::after {
content: " ";
padding-bottom: 2.33333333;
display: block;
}
.banners .item {
text-align: center;
padding-bottom: 2.33333333;
background-size: auto 100%;
background-position: 50% top;
display: block;
background-color: black;
background-repeat: no-repeat;
}
.banners .item > .container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banners .item > .container > table {
height: 100%;
width: 100%;
}
.banners .item > .container > table > tr > td {
height: 100%;
width: 100%;
vertical-align: middle;
}
.banners .item .jackpot {
float: right;
clear: right;
margin-bottom: 0;
line-height: 1px;
}
.banners .item .jackpot.gold {
width: 54.6%;
margin-top: 1.5%;
}
.banners .item .jackpot.silver {
width: 52%;
margin-top: 0.5%;
margin-bottom: 0.5%;
}
.banners .item .jackpot.bronze {
width: 49.4%;
}
.banners .item .info {
float: right;
}
@media (min-width: 1280px) {
.banners .item .info {
margin-right: 50px;
}
}
@media (min-width: 1600px) {
.banners .item .info {
margin-right: 230px;
}
}
.banners .item .info .h1 {
color: #fff;
text-transform: uppercase;
margin-top: 25px;
letter-spacing: normal;
font-size: 36px;
margin-bottom: 5px;
}
.banners .item .info .h2 {
color: #00a752;
text-transform: uppercase;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 8px;
font-weight: normal;
font-size: 24px;
}
.banners .item .info .h4 {
text-transform: uppercase;
letter-spacing: normal;
margin-top: 0;
font-weight: normal;
font-size: 18px;
}
.banners .item .info .btn {
padding: 9px 36px;
font-size: 22.5px;
line-height: 1.3333333;
border-radius: 9px;
margin-bottom: 12px;
}
.banners .item .info .btn .fa {
margin-left: 12px;
}
.banners .item .info p {
color: white;
line-height: 1.2;
margin-bottom: 24px;
}
@media (min-width: 1024px) {
.banners {
max-height: 196.84579439px;
}
.banners .item {
height: 196.84579439px;
padding-bottom: 0;
background-size: auto 196.84579439px;
}
.banners .item .jackpot.gold {
width: 350px;
}
.banners .item .jackpot.silver {
width: 330px;
}
.banners .item .jackpot.bronze {
width: 310px;
}
}
@media (min-width: 1280px) {
.banners {
max-height: 250px;
}
.banners .item {
height: 250px;
background-position: 50% top;
background-size: auto 250px;
}
.banners .item .jackpot.gold {
width: 440px;
}
.banners .item .jackpot.silver {
width: 420px;
}
.banners .item .jackpot.bronze {
width: 400px;
}
}
@media (min-width: 1600px) {
.banners .item .jackpot {
margin-right: 160px;
}
}
.banners .bx-controls-direction {
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.banners .bx-controls-direction .bx-prev,
.banners .bx-controls-direction .bx-next {
position: absolute;
width: 17px;
height: 56px;
top: 50%;
margin-top: -28px;
left: 12px;
text-indent: -999em;
background-image: url('/Content/Images/arrow-left.png');
}
.banners .bx-controls-direction .bx-prev:after,
.banners .bx-controls-direction .bx-next:after {
content: "";
position: absolute;
width: 17px;
height: 56px;
top: 0;
left: 0;
background-image: url('/Content/Images/arrow-left.png');
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.banners .bx-controls-direction .bx-prev:hover:after,
.banners .bx-controls-direction .bx-next:hover:after {
opacity: 1;
}
.banners .bx-controls-direction .bx-next {
left: auto;
right: 12px;
background-image: url('/Content/Images/arrow-right.png');
}
.banners .bx-controls-direction .bx-next:after {
background-image: url('/Content/Images/arrow-right.png');
}
.banners:hover .bx-controls-direction {
opacity: 1;
}
.banners .bx-pager {
position: absolute;
bottom: 0;
width: 100%;
z-index: 999;
text-align: center;
}
.banners .bx-pager .bx-pager-item {
width: 16px;
height: 16px;
margin-left: 4px;
display: inline-block;
vertical-align: top;
}
.banners .bx-pager .bx-pager-item a {
display: block;
width: 6px;
height: 6px;
overflow: hidden;
position: relative;
text-indent: -999em;
font-size: 1px;
line-height: 1px;
background-color: rgba(212, 212, 212, 0.6);
border-radius: 100%;
vertical-align: top;
}
.banners .bx-pager .bx-pager-item a.active {
width: 8px;
height: 8px;
background-color: #fff;
position: relative;
top: -1px;
}
@media (max-width: 767px) {
.banners .bx-pager {
transform: scale(0.5);
}
}
@media (min-width: 768px) {
.banners .item {
text-align: left;
}
.banners .item .h1 {
margin-top: 25px;
font-size: 50px;
}
.banners .item .h2 {
font-size: 30px;
}
.banners .item .h4 {
font-size: 16px;
}
}
* {
min-height: 0;
min-width: 0;
}
.tab-content.lobby {
border: 0;
padding: 0;
background-color: transparent;
border-radius: 0;
}
@media (min-width: 768px) {
.tab-content.lobby {
min-height: 0;
}
}
@media (min-width: 768px) {
.games .show-more {
margin-top: 6px;
}
}
.games .h3 {
color: #ff5722;
font-weight: normal;
font-size: 18px;
letter-spacing: -0.5px;
margin-bottom: 6px;
margin-top: 12px;
}
@media (min-width: 768px) {
.games .h3 {
font-size: 24px;
}
}
.games > div:first-child .h3 {
margin-top: 6px;
}
.games .grid,
.games .grid-simple {
margin-top: 0;
margin-bottom: 12px;
margin-right: -6px;
margin-bottom: -6px;
margin-top: 6px;
}
.games .grid > .game,
.games .grid-simple > .game {
float: left;
position: relative;
padding: 0;
cursor: pointer;
overflow: hidden;
}
@media (min-width: 768px) {
.games .grid > .game,
.games .grid-simple > .game {
cursor: auto;
}
}
.games .grid > .game .game-order,
.games .grid-simple > .game .game-order {
display: none;
position: absolute;
top: 48%;
transform: translateY(-50%);
font-size: 105px;
left: -7px;
justify-content: end;
align-items: center;
width: 60px;
color: white;
font-weight: 600;
letter-spacing: -7px;
padding-right: 2px;
-webkit-text-stroke: 2px #ff5722;
color: transparent;
background: transparent;
}
@media (min-width: 768px) {
.games .grid > .game .game-order,
.games .grid-simple > .game .game-order {
top: 50%;
font-size: 72px;
left: -34px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
@media (min-width: 1600px) {
.games .grid > .game .game-order,
.games .grid-simple > .game .game-order {
top: 50%;
font-size: 184px;
left: -16px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
.games .grid > .game .game-order-large,
.games .grid-simple > .game .game-order-large {
letter-spacing: -13px;
font-size: 77px;
left: -15px;
}
@media (min-width: 768px) {
.games .grid > .game .game-order-large,
.games .grid-simple > .game .game-order-large {
font-size: 112px;
left: -32px;
letter-spacing: -17px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.i1x2 .games .grid > .game .game-order,
.i1x2 .games .grid-simple > .game .game-order {
font-size: 136px !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.i1x2 .games .grid > .game .game-order,
.i1x2 .games .grid-simple > .game .game-order {
font-size: 136px !important;
}
}
.games .grid > .game .wrap,
.games .grid-simple > .game .wrap {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 6px;
}
.games .grid > .game .wrap::before,
.games .grid-simple > .game .wrap::before {
content: attr(data-name);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
width: 100%;
z-index: 1;
position: absolute;
left: 0;
right: 6px;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
@media (min-width: 768px) {
.games .grid > .game .wrap::before,
.games .grid-simple > .game .wrap::before {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
}
}
.games .grid > .game .wrap .img,
.games .grid-simple > .game .wrap .img {
position: absolute;
top: 0;
bottom: 0;
left: 0%;
right: 0%;
background-size: cover;
background-position: center center;
transition: all 0.5s;
}
.games .grid > .game .wrap .img.blocked,
.games .grid-simple > .game .wrap .img.blocked {
opacity: 0.15;
}
.games .grid > .game .wrap .img.scheduled,
.games .grid-simple > .game .wrap .img.scheduled {
opacity: 0.15;
}
.games .grid > .game .wrap .img.game-hidden,
.games .grid-simple > .game .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .grid > .game .wrap .dealer-name,
.games .grid-simple > .game .wrap .dealer-name {
position: absolute;
right: 0;
top: 2%;
background: rgba(0, 0, 0, 0.3);
color: white;
padding: 2px 5px;
opacity: 1;
transition: all 0.3s;
}
.games .grid > .game .wrap .overlay,
.games .grid-simple > .game .wrap .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
overflow: hidden;
visibility: hidden;
}
.games .grid > .game .wrap .overlay .icons,
.games .grid-simple > .game .wrap .overlay .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
cursor: pointer;
}
.games .grid > .game .wrap .overlay .icons .stechicons,
.games .grid-simple > .game .wrap .overlay .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.games .grid > .game .wrap .overlay .icons .stechicons,
.games .grid-simple > .game .wrap .overlay .icons .stechicons {
font-size: 18px;
}
}
.games .grid > .game .wrap .overlay .icons a,
.games .grid-simple > .game .wrap .overlay .icons a {
margin-left: 1px;
}
.games .grid > .game .wrap .overlay .icons a:hover .fa,
.games .grid-simple > .game .wrap .overlay .icons a:hover .fa {
color: #ffffff;
}
.games .grid > .game .wrap .overlay .icons .fa,
.games .grid-simple > .game .wrap .overlay .icons .fa {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.games .grid > .game .wrap .overlay .icons .fa,
.games .grid-simple > .game .wrap .overlay .icons .fa {
font-size: 18px;
}
}
.games .grid > .game .wrap .overlay .icons .fa.fa-mobile,
.games .grid-simple > .game .wrap .overlay .icons .fa.fa-mobile {
font-size: 23px;
position: relative;
top: -3px;
}
.games .grid > .game .wrap .overlay .icons .fa.fa-star,
.games .grid-simple > .game .wrap .overlay .icons .fa.fa-star {
cursor: pointer;
}
.games .grid > .game .wrap .overlay .icons .fa.fa-star:before,
.games .grid-simple > .game .wrap .overlay .icons .fa.fa-star:before {
content: "\f006";
}
@media (min-width: 1024px) {
.games .grid > .game .wrap .overlay .icons .fa.fa-star:hover:before,
.games .grid-simple > .game .wrap .overlay .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
}
.games .grid > .game .wrap .overlay .icons .fa.fa-star.selected:before,
.games .grid-simple > .game .wrap .overlay .icons .fa.fa-star.selected:before {
color: #fbc103 !important;
content: "\f005" !important;
}
.games .grid > .game .wrap .overlay .provider,
.games .grid-simple > .game .wrap .overlay .provider {
display: none;
display: block;
color: white;
font-size: 128px;
text-align: center;
position: relative;
top: -50px;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.games .grid > .game .wrap .overlay .buttons,
.games .grid-simple > .game .wrap .overlay .buttons {
position: absolute;
width: 100%;
top: 120%;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: -18.5px;
}
.games .grid > .game .wrap .overlay .buttons .btn,
.games .grid-simple > .game .wrap .overlay .buttons .btn {
margin-bottom: 2px;
width: 95%;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
}
@media (min-width: 768px) {
.games .grid > .game .wrap .overlay .buttons .btn,
.games .grid-simple > .game .wrap .overlay .buttons .btn {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.games .grid > .game .wrap .overlay .buttons .btn,
.games .grid-simple > .game .wrap .overlay .buttons .btn {
margin-bottom: 3px;
width: 120px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
line-height: 24px;
padding-left: 0;
padding-right: 0;
}
}
.games .grid > .game .wrap .overlay .buttons .btn-link,
.games .grid-simple > .game .wrap .overlay .buttons .btn-link {
display: inline-block;
color: #fff;
}
.games .grid > .game .wrap .overlay .buttons .btn-link:hover,
.games .grid-simple > .game .wrap .overlay .buttons .btn-link:hover {
text-decoration: underline;
}
.games .grid > .game .wrap .overlay .buttons .btn-link--play,
.games .grid-simple > .game .wrap .overlay .buttons .btn-link--play {
font-size: 36px;
line-height: 72px;
}
.games .grid > .game .wrap .overlay .buttons .btn-link--play:hover,
.games .grid-simple > .game .wrap .overlay .buttons .btn-link--play:hover {
text-decoration: none;
}
.games .grid > .game .wrap > div.blocked,
.games .grid-simple > .game .wrap > div.blocked {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
text-align: center;
}
.games .grid > .game .wrap > div.blocked span,
.games .grid-simple > .game .wrap > div.blocked span {
display: inline-block;
position: relative;
top: 50%;
margin-top: -32px;
font-size: 16px;
text-align: center;
}
.games .grid > .game .wrap > div.blocked span .fa,
.games .grid-simple > .game .wrap > div.blocked span .fa {
font-size: 45px;
}
.games .grid > .game .wrap .scheduled:not(.img),
.games .grid-simple > .game .wrap .scheduled:not(.img) {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.games .grid > .game .wrap .scheduled:not(.img) span,
.games .grid-simple > .game .wrap .scheduled:not(.img) span {
padding: 5px 10px;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1920px) {
.games .grid > .game .wrap .scheduled:not(.img) span,
.games .grid-simple > .game .wrap .scheduled:not(.img) span {
font-size: 16px;
}
}
.games .grid > .game .wrap .scheduled:not(.img) span i,
.games .grid-simple > .game .wrap .scheduled:not(.img) span i {
margin-bottom: 11px;
font-size: 80px;
}
.games .grid > .game .game-metadata,
.games .grid-simple > .game .game-metadata {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
width: 100%;
font-size: 10px;
}
@media (min-width: 768px) {
.games .grid > .game .game-metadata,
.games .grid-simple > .game .game-metadata {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
padding-top: 8px;
}
}
.games .grid > .game .game-metadata .lastResults,
.games .grid-simple > .game .game-metadata .lastResults {
display: flex;
justify-content: start;
margin-bottom: 0px;
flex-wrap: wrap;
}
@media (min-width: 1920px) {
.games .grid > .game .game-metadata .lastResults,
.games .grid-simple > .game .game-metadata .lastResults {
justify-content: space-between;
}
}
.games .grid > .game .game-metadata .lastResults .lastResult,
.games .grid-simple > .game .game-metadata .lastResults .lastResult {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background: green;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
font-size: 8px;
margin-bottom: 5px;
position: relative;
}
@media (min-width: 768px) {
.games .grid > .game .game-metadata .lastResults .lastResult,
.games .grid-simple > .game .game-metadata .lastResults .lastResult {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.games .grid > .game .game-metadata .lastResults .lastResult,
.games .grid-simple > .game .game-metadata .lastResults .lastResult {
width: 13.286%;
margin-bottom: 5px;
}
}
.games .grid > .game .game-metadata .lastResults .lastResult:first-of-type,
.games .grid-simple > .game .game-metadata .lastResults .lastResult:first-of-type {
border: 2px solid #ffffff;
}
.games .grid > .game .game-metadata .lastResults .lastResult.red,
.games .grid-simple > .game .game-metadata .lastResults .lastResult.red {
background: red;
}
.games .grid > .game .game-metadata .lastResults .lastResult.black,
.games .grid-simple > .game .game-metadata .lastResults .lastResult.black {
background: black;
}
.games .grid > .game .game-metadata .seats,
.games .grid-simple > .game .game-metadata .seats {
display: flex;
justify-content: space-between;
}
.games .grid > .game .game-metadata .seats .seat,
.games .grid-simple > .game .game-metadata .seats .seat {
text-align: center;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
background: black;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
position: relative;
overflow: hidden;
border: 3px solid black;
margin-bottom: 5px;
}
@media (min-width: 1920px) {
.games .grid > .game .game-metadata .seats .seat,
.games .grid-simple > .game .game-metadata .seats .seat {
width: 13.286%;
border: 4px solid black;
}
}
.games .grid > .game .game-metadata .seats .seat.occupied::before,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::before,
.games .grid > .game .game-metadata .seats .seat.occupied::after,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 4px;
background-color: red;
transform-origin: center;
}
@media (min-width: 1024px) {
.games .grid > .game .game-metadata .seats .seat.occupied::before,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::before,
.games .grid > .game .game-metadata .seats .seat.occupied::after,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::after {
height: 2px;
}
}
@media (min-width: 1280px) {
.games .grid > .game .game-metadata .seats .seat.occupied::before,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::before,
.games .grid > .game .game-metadata .seats .seat.occupied::after,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::after {
height: 4px;
}
}
@media (min-width: 1920px) {
.games .grid > .game .game-metadata .seats .seat.occupied::before,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::before,
.games .grid > .game .game-metadata .seats .seat.occupied::after,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::after {
height: 7px;
}
}
.games .grid > .game .game-metadata .seats .seat.occupied::before,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.games .grid > .game .game-metadata .seats .seat.occupied::after,
.games .grid-simple > .game .game-metadata .seats .seat.occupied::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.games .grid > .game .game-metadata .seats .seat.empty::before,
.games .grid-simple > .game .game-metadata .seats .seat.empty::before {
color: white;
position: absolute;
top: -8%;
left: 50%;
transform: translateX(-50%);
font-size: 155%;
}
@media (min-width: 1024px) {
.games .grid > .game .game-metadata .seats .seat.empty::before,
.games .grid-simple > .game .game-metadata .seats .seat.empty::before {
font-size: 91%;
}
}
@media (min-width: 1280px) {
.games .grid > .game .game-metadata .seats .seat.empty::before,
.games .grid-simple > .game .game-metadata .seats .seat.empty::before {
font-size: 120%;
}
}
@media (min-width: 1920px) {
.games .grid > .game .game-metadata .seats .seat.empty::before,
.games .grid-simple > .game .game-metadata .seats .seat.empty::before {
font-size: 210%;
}
}
.games .grid > .game .tags,
.games .grid-simple > .game .tags {
position: absolute;
top: -1px;
left: -1px;
background-size: cover;
background-position: top left;
width: 33px;
height: 33px;
}
@media (min-width: 768px) {
.games .grid > .game .tags,
.games .grid-simple > .game .tags {
width: 50px;
height: 50px;
}
}
.games .grid > .game .tags--new,
.games .grid-simple > .game .tags--new {
background-image: url(/Content/Images/New.png);
}
.games .grid > .game .tags--top,
.games .grid-simple > .game .tags--top {
background-image: url(/Content/Images/Top.png);
}
.games .grid > .game .tags-jackpot,
.games .grid-simple > .game .tags-jackpot {
position: absolute;
top: 4%;
left: 50%;
transform: translateX(-50%);
width: 50%;
transition: all 0.5s;
}
.games .grid > .game:not(.noblur):hover .wrap::before,
.games .grid-simple > .game:not(.noblur):hover .wrap::before,
.games .grid > .game:not(.noblur).hover .wrap::before,
.games .grid-simple > .game:not(.noblur).hover .wrap::before {
bottom: 7px;
}
.games .grid > .game:not(.noblur):hover .wrap .img,
.games .grid-simple > .game:not(.noblur):hover .wrap .img,
.games .grid > .game:not(.noblur).hover .wrap .img,
.games .grid-simple > .game:not(.noblur).hover .wrap .img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
@media (min-width: 768px) {
.games .grid > .game:not(.noblur):hover .wrap .img,
.games .grid-simple > .game:not(.noblur):hover .wrap .img,
.games .grid > .game:not(.noblur).hover .wrap .img,
.games .grid-simple > .game:not(.noblur).hover .wrap .img {
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
.games .grid > .game:not(.noblur):hover .wrap .img.game-hidden,
.games .grid-simple > .game:not(.noblur):hover .wrap .img.game-hidden,
.games .grid > .game:not(.noblur).hover .wrap .img.game-hidden,
.games .grid-simple > .game:not(.noblur).hover .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .grid > .game:not(.noblur):hover .wrap .dealer-name,
.games .grid-simple > .game:not(.noblur):hover .wrap .dealer-name,
.games .grid > .game:not(.noblur).hover .wrap .dealer-name,
.games .grid-simple > .game:not(.noblur).hover .wrap .dealer-name {
-webkit-filter: blur(6px);
filter: blur(6px);
opacity: 0;
}
@media (min-width: 768px) {
.games .grid > .game:not(.noblur):hover .wrap .overlay,
.games .grid-simple > .game:not(.noblur):hover .wrap .overlay,
.games .grid > .game:not(.noblur).hover .wrap .overlay,
.games .grid-simple > .game:not(.noblur).hover .wrap .overlay {
visibility: visible;
opacity: 1;
}
.games .grid > .game:not(.noblur):hover .wrap .overlay .buttons,
.games .grid-simple > .game:not(.noblur):hover .wrap .overlay .buttons,
.games .grid > .game:not(.noblur).hover .wrap .overlay .buttons,
.games .grid-simple > .game:not(.noblur).hover .wrap .overlay .buttons {
margin-top: 3px;
top: 50%;
transform: translate(0, -50%);
}
.games .grid > .game:not(.noblur):hover .wrap .overlay .provider,
.games .grid-simple > .game:not(.noblur):hover .wrap .overlay .provider,
.games .grid > .game:not(.noblur).hover .wrap .overlay .provider,
.games .grid-simple > .game:not(.noblur).hover .wrap .overlay .provider {
top: 0;
}
}
.games .grid > .game:not(.noblur):hover .wrap .tags-jackpot,
.games .grid-simple > .game:not(.noblur):hover .wrap .tags-jackpot,
.games .grid > .game:not(.noblur).hover .wrap .tags-jackpot,
.games .grid-simple > .game:not(.noblur).hover .wrap .tags-jackpot {
filter: blur(6px);
}
@media (min-width: 768px) {
.games .grid > .game:not(.noblur):hover .game-metadata,
.games .grid-simple > .game:not(.noblur):hover .game-metadata,
.games .grid > .game:not(.noblur).hover .game-metadata,
.games .grid-simple > .game:not(.noblur).hover .game-metadata {
bottom: 8px;
}
}
.games .grid > .game:not(.noblur):hover::before,
.games .grid-simple > .game:not(.noblur):hover::before,
.games .grid > .game:not(.noblur).hover::before,
.games .grid-simple > .game:not(.noblur).hover::before {
bottom: 8px;
}
.games .grid > .game-hidden,
.games .grid-simple > .game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .grid > .game.game--live-table:hover .buttons,
.games .grid-simple > .game.game--live-table:hover .buttons {
top: 43% !important;
transform: translate(0, -47%) scale(0.9) !important;
}
@media (min-width: 1024px) {
.games .grid > .game.game--live-table:hover .buttons,
.games .grid-simple > .game.game--live-table:hover .buttons {
top: 31% !important;
transform: translate(0, -47%) !important;
}
}
@media (min-width: 1920px) {
.games .grid > .game.game--live-table:hover .buttons,
.games .grid-simple > .game.game--live-table:hover .buttons {
top: 50% !important;
transform: translate(0, -50%) !important;
}
}
.games .grid > .game.i2x2 .wrap .overlay,
.games .grid-simple > .game.i2x2 .wrap .overlay {
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#80000000', GradientType=0);
}
.games .grid > .game.i2x2 .wrap .overlay .buttons,
.games .grid-simple > .game.i2x2 .wrap .overlay .buttons {
bottom: -20%;
top: auto;
height: 40px;
}
.games .grid > .game.i2x2 .wrap .overlay .buttons br,
.games .grid-simple > .game.i2x2 .wrap .overlay .buttons br {
display: none;
}
.games .grid > .game.i2x2:hover .wrap .overlay .buttons,
.games .grid-simple > .game.i2x2:hover .wrap .overlay .buttons {
bottom: 40px;
top: auto;
}
.games .grid > .game.game--live-table .game-metadata,
.games .grid-simple > .game.game--live-table .game-metadata {
bottom: 0;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding-bottom: 4px;
}
@media (min-width: 768px) {
.games .grid > .game.game--live-table .game-metadata,
.games .grid-simple > .game.game--live-table .game-metadata {
padding-bottom: 8px;
bottom: -25px;
}
}
.games .grid > .game.game--live-table .game-metadata small div,
.games .grid-simple > .game.game--live-table .game-metadata small div {
margin-top: 3px;
}
@media (min-width: 768px) {
.games .grid > .game.game--live-table .game-metadata:has(.seat),
.games .grid-simple > .game.game--live-table .game-metadata:has(.seat) {
bottom: -46px;
}
}
@media (min-width: 768px) {
.games .grid > .game.game--live-table:not(.noblur):hover .game-metadata,
.games .grid-simple > .game.game--live-table:not(.noblur):hover .game-metadata,
.games .grid > .game.game--live-table:not(.noblur).hover .game-metadata,
.games .grid-simple > .game.game--live-table:not(.noblur).hover .game-metadata {
bottom: 0;
}
}
@media (min-width: 768px) {
.games .grid > .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.games .grid-simple > .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.games .grid > .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat),
.games .grid-simple > .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat) {
bottom: 0px;
}
}
.games .grid > .game.game-simplified,
.games .grid-simple > .game.game-simplified {
transition: all 0.3s;
}
.games .grid > .game.game-simplified .wrap,
.games .grid-simple > .game.game-simplified .wrap {
cursor: pointer;
}
.games .grid > .game.game-simplified .wrap:before,
.games .grid-simple > .game.game-simplified .wrap:before {
bottom: 10px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
@media (min-width: 768px) {
.games .grid > .game.game-simplified .wrap:before,
.games .grid-simple > .game.game-simplified .wrap:before {
bottom: 11px;
}
}
.games .grid > .game.game-simplified .wrap .img::after,
.games .grid-simple > .game.game-simplified .wrap .img::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid white;
mix-blend-mode: overlay;
border-radius: 6px;
}
@media (min-width: 768px) {
.games .grid > .game.game-simplified:not(.noblur):hover,
.games .grid-simple > .game.game-simplified:not(.noblur):hover,
.games .grid > .game.game-simplified:not(.noblur).hover,
.games .grid-simple > .game.game-simplified:not(.noblur).hover {
transform: scale(1.05);
}
}
.games .grid > .game.game-simplified:not(.noblur):hover .wrap::before,
.games .grid-simple > .game.game-simplified:not(.noblur):hover .wrap::before,
.games .grid > .game.game-simplified:not(.noblur).hover .wrap::before,
.games .grid-simple > .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 10px;
}
@media (min-width: 768px) {
.games .grid > .game.game-simplified:not(.noblur):hover .wrap::before,
.games .grid-simple > .game.game-simplified:not(.noblur):hover .wrap::before,
.games .grid > .game.game-simplified:not(.noblur).hover .wrap::before,
.games .grid-simple > .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 11px;
}
}
.games .grid > .game.game-simplified:not(.noblur):hover .img,
.games .grid-simple > .game.game-simplified:not(.noblur):hover .img,
.games .grid > .game.game-simplified:not(.noblur).hover .img,
.games .grid-simple > .game.game-simplified:not(.noblur).hover .img {
-webkit-filter: none !important;
filter: none !important;
}
@media (min-width: 768px) {
.games .grid > .game.game-simplified.i1x2:not(.noblur):hover,
.games .grid-simple > .game.game-simplified.i1x2:not(.noblur):hover,
.games .grid > .game.game-simplified.i2x1:not(.noblur):hover,
.games .grid-simple > .game.game-simplified.i2x1:not(.noblur):hover,
.games .grid > .game.game-simplified.i2x2:not(.noblur):hover,
.games .grid-simple > .game.game-simplified.i2x2:not(.noblur):hover,
.games .grid > .game.game-simplified.i1x2:not(.noblur).hover,
.games .grid-simple > .game.game-simplified.i1x2:not(.noblur).hover,
.games .grid > .game.game-simplified.i2x1:not(.noblur).hover,
.games .grid-simple > .game.game-simplified.i2x1:not(.noblur).hover,
.games .grid > .game.game-simplified.i2x2:not(.noblur).hover,
.games .grid-simple > .game.game-simplified.i2x2:not(.noblur).hover {
transform: scale(1.02);
}
}
.games .grid .sizer,
.games .grid-simple .sizer {
width: 33.33333333%;
padding: 0 !important;
}
.games .grid > div .wrap,
.games .grid-simple > div .wrap {
bottom: 6px;
right: 6px;
}
.games .grid.grid--name-alt > div .wrap,
.games .grid-simple.grid--name-alt > div .wrap {
bottom: 24px;
}
.games .grid.grid--name-normal > div .wrap,
.games .grid-simple.grid--name-normal > div .wrap {
bottom: 6px;
}
.games .grid .bootstrap:after,
.games .grid-simple .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid .bootstrap-1x2:after,
.games .grid-simple .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid .bootstrap-2x1:after,
.games .grid-simple .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid .i1x1,
.games .grid-simple .i1x1 {
width: 33.33333333%;
}
.games .grid .i1x1:after,
.games .grid-simple .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i1x1:after,
.games .grid-simple.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid--name-normal .i1x1:after,
.games .grid-simple.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid .i1x2,
.games .grid-simple .i1x2 {
width: 33.33333333%;
}
.games .grid .i1x2:after,
.games .grid-simple .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid--name-alt .i1x2:after,
.games .grid-simple.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid--name-normal .i1x2:after,
.games .grid-simple.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid .i1x3,
.games .grid-simple .i1x3 {
width: 33.33333333%;
}
.games .grid .i1x3:after,
.games .grid-simple .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid--name-alt .i1x3:after,
.games .grid-simple.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid--name-normal .i1x3:after,
.games .grid-simple.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid .i2x1,
.games .grid-simple .i2x1 {
width: 66.66666667%;
}
.games .grid .i2x1:after,
.games .grid-simple .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid--name-alt .i2x1:after,
.games .grid-simple.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid--name-normal .i2x1:after,
.games .grid-simple.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid .i2x2,
.games .grid-simple .i2x2 {
width: 66.66666667%;
}
.games .grid .i2x2:after,
.games .grid-simple .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i2x2:after,
.games .grid-simple.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid--name-normal .i2x2:after,
.games .grid-simple.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid .i2x3,
.games .grid-simple .i2x3 {
width: 66.66666667%;
}
.games .grid .i2x3:after,
.games .grid-simple .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid--name-alt .i2x3:after,
.games .grid-simple.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid--name-normal .i2x3:after,
.games .grid-simple.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid .i3x1,
.games .grid-simple .i3x1 {
width: 100%;
}
.games .grid .i3x1:after,
.games .grid-simple .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid--name-alt .i3x1:after,
.games .grid-simple.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid--name-normal .i3x1:after,
.games .grid-simple.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid .i3x2,
.games .grid-simple .i3x2 {
width: 100%;
}
.games .grid .i3x2:after,
.games .grid-simple .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid--name-alt .i3x2:after,
.games .grid-simple.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid--name-normal .i3x2:after,
.games .grid-simple.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid .i3x3,
.games .grid-simple .i3x3 {
width: 100%;
}
.games .grid .i3x3:after,
.games .grid-simple .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i3x3:after,
.games .grid-simple.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid--name-normal .i3x3:after,
.games .grid-simple.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
.games .grid .iatyp-tournament,
.games .grid-simple .iatyp-tournament {
width: 100%;
}
.games .grid .iatyp-tournament > .wrap,
.games .grid-simple .iatyp-tournament > .wrap {
bottom: 0;
}
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
content: " ";
display: block;
padding-bottom: 36%;
}
@media (min-width: 768px) {
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
padding-bottom: 26.25%;
}
}
.games .grid.grid--name-alt .iatyp-tournament:after,
.games .grid-simple.grid--name-alt .iatyp-tournament:after {
padding-bottom: calc(26.250000000000004% + 18.900000000000002px);
}
.games .grid.grid--name-normal .iatyp-tournament:after,
.games .grid-simple.grid--name-normal .iatyp-tournament:after {
padding-bottom: 26.25%;
}
@media (min-width: 568px) {
.games .grid,
.games .grid-simple {
margin-right: -6px;
margin-bottom: -6px;
margin-top: 6px;
}
.games .grid .sizer,
.games .grid-simple .sizer {
width: 20%;
padding: 0 !important;
}
.games .grid > div .wrap,
.games .grid-simple > div .wrap {
bottom: 6px;
right: 6px;
}
.games .grid.grid--name-alt > div .wrap,
.games .grid-simple.grid--name-alt > div .wrap {
bottom: 24px;
}
.games .grid.grid--name-normal > div .wrap,
.games .grid-simple.grid--name-normal > div .wrap {
bottom: 6px;
}
.games .grid .bootstrap:after,
.games .grid-simple .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid .bootstrap-1x2:after,
.games .grid-simple .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid .bootstrap-2x1:after,
.games .grid-simple .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid .i1x1,
.games .grid-simple .i1x1 {
width: 20%;
}
.games .grid .i1x1:after,
.games .grid-simple .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i1x1:after,
.games .grid-simple.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid--name-normal .i1x1:after,
.games .grid-simple.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid .i1x2,
.games .grid-simple .i1x2 {
width: 20%;
}
.games .grid .i1x2:after,
.games .grid-simple .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid--name-alt .i1x2:after,
.games .grid-simple.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid--name-normal .i1x2:after,
.games .grid-simple.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid .i1x3,
.games .grid-simple .i1x3 {
width: 20%;
}
.games .grid .i1x3:after,
.games .grid-simple .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid--name-alt .i1x3:after,
.games .grid-simple.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid--name-normal .i1x3:after,
.games .grid-simple.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid .i2x1,
.games .grid-simple .i2x1 {
width: 40%;
}
.games .grid .i2x1:after,
.games .grid-simple .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid--name-alt .i2x1:after,
.games .grid-simple.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid--name-normal .i2x1:after,
.games .grid-simple.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid .i2x2,
.games .grid-simple .i2x2 {
width: 40%;
}
.games .grid .i2x2:after,
.games .grid-simple .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i2x2:after,
.games .grid-simple.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid--name-normal .i2x2:after,
.games .grid-simple.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid .i2x3,
.games .grid-simple .i2x3 {
width: 40%;
}
.games .grid .i2x3:after,
.games .grid-simple .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid--name-alt .i2x3:after,
.games .grid-simple.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid--name-normal .i2x3:after,
.games .grid-simple.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid .i3x1,
.games .grid-simple .i3x1 {
width: 60%;
}
.games .grid .i3x1:after,
.games .grid-simple .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid--name-alt .i3x1:after,
.games .grid-simple.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid--name-normal .i3x1:after,
.games .grid-simple.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid .i3x2,
.games .grid-simple .i3x2 {
width: 60%;
}
.games .grid .i3x2:after,
.games .grid-simple .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid--name-alt .i3x2:after,
.games .grid-simple.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid--name-normal .i3x2:after,
.games .grid-simple.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid .i3x3,
.games .grid-simple .i3x3 {
width: 60%;
}
.games .grid .i3x3:after,
.games .grid-simple .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i3x3:after,
.games .grid-simple.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid--name-normal .i3x3:after,
.games .grid-simple.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
.games .grid .iatyp-tournament,
.games .grid-simple .iatyp-tournament {
width: 60%;
}
.games .grid .iatyp-tournament > .wrap,
.games .grid-simple .iatyp-tournament > .wrap {
bottom: 0;
}
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
content: " ";
display: block;
padding-bottom: 36%;
}
.games .grid.grid--name-alt .iatyp-tournament:after,
.games .grid-simple.grid--name-alt .iatyp-tournament:after {
padding-bottom: calc(26.250000000000004% + 18.900000000000002px);
}
.games .grid.grid--name-normal .iatyp-tournament:after,
.games .grid-simple.grid--name-normal .iatyp-tournament:after {
padding-bottom: 26.25%;
}
}
@media (min-width: 568px) and (min-width: 768px) {
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
padding-bottom: 26.25%;
}
}
@media (min-width: 768px) {
.games .grid,
.games .grid-simple {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid .sizer,
.games .grid-simple .sizer {
width: 25%;
padding: 0 !important;
}
.games .grid > div .wrap,
.games .grid-simple > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid--name-alt > div .wrap,
.games .grid-simple.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid--name-normal > div .wrap,
.games .grid-simple.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid .bootstrap:after,
.games .grid-simple .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid .bootstrap-1x2:after,
.games .grid-simple .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid .bootstrap-2x1:after,
.games .grid-simple .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid .i1x1,
.games .grid-simple .i1x1 {
width: 25%;
}
.games .grid .i1x1:after,
.games .grid-simple .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i1x1:after,
.games .grid-simple.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid--name-normal .i1x1:after,
.games .grid-simple.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid .i1x2,
.games .grid-simple .i1x2 {
width: 25%;
}
.games .grid .i1x2:after,
.games .grid-simple .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid--name-alt .i1x2:after,
.games .grid-simple.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid--name-normal .i1x2:after,
.games .grid-simple.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid .i1x3,
.games .grid-simple .i1x3 {
width: 25%;
}
.games .grid .i1x3:after,
.games .grid-simple .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid--name-alt .i1x3:after,
.games .grid-simple.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid--name-normal .i1x3:after,
.games .grid-simple.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid .i2x1,
.games .grid-simple .i2x1 {
width: 50%;
}
.games .grid .i2x1:after,
.games .grid-simple .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid--name-alt .i2x1:after,
.games .grid-simple.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid--name-normal .i2x1:after,
.games .grid-simple.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid .i2x2,
.games .grid-simple .i2x2 {
width: 50%;
}
.games .grid .i2x2:after,
.games .grid-simple .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i2x2:after,
.games .grid-simple.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid--name-normal .i2x2:after,
.games .grid-simple.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid .i2x3,
.games .grid-simple .i2x3 {
width: 50%;
}
.games .grid .i2x3:after,
.games .grid-simple .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid--name-alt .i2x3:after,
.games .grid-simple.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid--name-normal .i2x3:after,
.games .grid-simple.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid .i3x1,
.games .grid-simple .i3x1 {
width: 75%;
}
.games .grid .i3x1:after,
.games .grid-simple .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid--name-alt .i3x1:after,
.games .grid-simple.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid--name-normal .i3x1:after,
.games .grid-simple.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid .i3x2,
.games .grid-simple .i3x2 {
width: 75%;
}
.games .grid .i3x2:after,
.games .grid-simple .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid--name-alt .i3x2:after,
.games .grid-simple.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid--name-normal .i3x2:after,
.games .grid-simple.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid .i3x3,
.games .grid-simple .i3x3 {
width: 75%;
}
.games .grid .i3x3:after,
.games .grid-simple .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i3x3:after,
.games .grid-simple.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid--name-normal .i3x3:after,
.games .grid-simple.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
.games .grid .iatyp-tournament,
.games .grid-simple .iatyp-tournament {
width: 50%;
}
.games .grid .iatyp-tournament > .wrap,
.games .grid-simple .iatyp-tournament > .wrap {
bottom: 0;
}
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
content: " ";
display: block;
padding-bottom: 36%;
}
.games .grid.grid--name-alt .iatyp-tournament:after,
.games .grid-simple.grid--name-alt .iatyp-tournament:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid--name-normal .iatyp-tournament:after,
.games .grid-simple.grid--name-normal .iatyp-tournament:after {
padding-bottom: 37.5%;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
padding-bottom: 37.5%;
}
}
@media (min-width: 1024px) {
.games .grid,
.games .grid-simple {
margin-right: -11px;
margin-bottom: -11px;
margin-top: 11px;
}
.games .grid .sizer,
.games .grid-simple .sizer {
width: 20%;
padding: 0 !important;
}
.games .grid > div .wrap,
.games .grid-simple > div .wrap {
bottom: 11px;
right: 11px;
}
.games .grid.grid--name-alt > div .wrap,
.games .grid-simple.grid--name-alt > div .wrap {
bottom: 29px;
}
.games .grid.grid--name-normal > div .wrap,
.games .grid-simple.grid--name-normal > div .wrap {
bottom: 11px;
}
.games .grid .bootstrap:after,
.games .grid-simple .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid .bootstrap-1x2:after,
.games .grid-simple .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid .bootstrap-2x1:after,
.games .grid-simple .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid .i1x1,
.games .grid-simple .i1x1 {
width: 20%;
}
.games .grid .i1x1:after,
.games .grid-simple .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i1x1:after,
.games .grid-simple.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid--name-normal .i1x1:after,
.games .grid-simple.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid .i1x2,
.games .grid-simple .i1x2 {
width: 20%;
}
.games .grid .i1x2:after,
.games .grid-simple .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid--name-alt .i1x2:after,
.games .grid-simple.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid--name-normal .i1x2:after,
.games .grid-simple.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid .i1x3,
.games .grid-simple .i1x3 {
width: 20%;
}
.games .grid .i1x3:after,
.games .grid-simple .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid--name-alt .i1x3:after,
.games .grid-simple.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid--name-normal .i1x3:after,
.games .grid-simple.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid .i2x1,
.games .grid-simple .i2x1 {
width: 40%;
}
.games .grid .i2x1:after,
.games .grid-simple .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid--name-alt .i2x1:after,
.games .grid-simple.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid--name-normal .i2x1:after,
.games .grid-simple.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid .i2x2,
.games .grid-simple .i2x2 {
width: 40%;
}
.games .grid .i2x2:after,
.games .grid-simple .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i2x2:after,
.games .grid-simple.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid--name-normal .i2x2:after,
.games .grid-simple.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid .i2x3,
.games .grid-simple .i2x3 {
width: 40%;
}
.games .grid .i2x3:after,
.games .grid-simple .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid--name-alt .i2x3:after,
.games .grid-simple.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid--name-normal .i2x3:after,
.games .grid-simple.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid .i3x1,
.games .grid-simple .i3x1 {
width: 60%;
}
.games .grid .i3x1:after,
.games .grid-simple .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid--name-alt .i3x1:after,
.games .grid-simple.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid--name-normal .i3x1:after,
.games .grid-simple.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid .i3x2,
.games .grid-simple .i3x2 {
width: 60%;
}
.games .grid .i3x2:after,
.games .grid-simple .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid--name-alt .i3x2:after,
.games .grid-simple.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid--name-normal .i3x2:after,
.games .grid-simple.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid .i3x3,
.games .grid-simple .i3x3 {
width: 60%;
}
.games .grid .i3x3:after,
.games .grid-simple .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i3x3:after,
.games .grid-simple.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid--name-normal .i3x3:after,
.games .grid-simple.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
.games .grid .iatyp-tournament,
.games .grid-simple .iatyp-tournament {
width: 40%;
}
.games .grid .iatyp-tournament > .wrap,
.games .grid-simple .iatyp-tournament > .wrap {
bottom: 0;
}
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
content: " ";
display: block;
padding-bottom: 36%;
}
.games .grid.grid--name-alt .iatyp-tournament:after,
.games .grid-simple.grid--name-alt .iatyp-tournament:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid--name-normal .iatyp-tournament:after,
.games .grid-simple.grid--name-normal .iatyp-tournament:after {
padding-bottom: 37.5%;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
padding-bottom: 37.5%;
}
}
@media (min-width: 1280px) {
.games .grid,
.games .grid-simple {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid .sizer,
.games .grid-simple .sizer {
width: 16.66666667%;
padding: 0 !important;
}
.games .grid > div .wrap,
.games .grid-simple > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid--name-alt > div .wrap,
.games .grid-simple.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid--name-normal > div .wrap,
.games .grid-simple.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid .bootstrap:after,
.games .grid-simple .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid .bootstrap-1x2:after,
.games .grid-simple .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid .bootstrap-2x1:after,
.games .grid-simple .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid .i1x1,
.games .grid-simple .i1x1 {
width: 16.66666667%;
}
.games .grid .i1x1:after,
.games .grid-simple .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i1x1:after,
.games .grid-simple.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid--name-normal .i1x1:after,
.games .grid-simple.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid .i1x2,
.games .grid-simple .i1x2 {
width: 16.66666667%;
}
.games .grid .i1x2:after,
.games .grid-simple .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid--name-alt .i1x2:after,
.games .grid-simple.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid--name-normal .i1x2:after,
.games .grid-simple.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid .i1x3,
.games .grid-simple .i1x3 {
width: 16.66666667%;
}
.games .grid .i1x3:after,
.games .grid-simple .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid--name-alt .i1x3:after,
.games .grid-simple.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid--name-normal .i1x3:after,
.games .grid-simple.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid .i2x1,
.games .grid-simple .i2x1 {
width: 33.33333333%;
}
.games .grid .i2x1:after,
.games .grid-simple .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid--name-alt .i2x1:after,
.games .grid-simple.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid--name-normal .i2x1:after,
.games .grid-simple.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid .i2x2,
.games .grid-simple .i2x2 {
width: 33.33333333%;
}
.games .grid .i2x2:after,
.games .grid-simple .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i2x2:after,
.games .grid-simple.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid--name-normal .i2x2:after,
.games .grid-simple.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid .i2x3,
.games .grid-simple .i2x3 {
width: 33.33333333%;
}
.games .grid .i2x3:after,
.games .grid-simple .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid--name-alt .i2x3:after,
.games .grid-simple.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid--name-normal .i2x3:after,
.games .grid-simple.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid .i3x1,
.games .grid-simple .i3x1 {
width: 50%;
}
.games .grid .i3x1:after,
.games .grid-simple .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid--name-alt .i3x1:after,
.games .grid-simple.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid--name-normal .i3x1:after,
.games .grid-simple.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid .i3x2,
.games .grid-simple .i3x2 {
width: 50%;
}
.games .grid .i3x2:after,
.games .grid-simple .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid--name-alt .i3x2:after,
.games .grid-simple.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid--name-normal .i3x2:after,
.games .grid-simple.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid .i3x3,
.games .grid-simple .i3x3 {
width: 50%;
}
.games .grid .i3x3:after,
.games .grid-simple .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid--name-alt .i3x3:after,
.games .grid-simple.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid--name-normal .i3x3:after,
.games .grid-simple.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
.games .grid .iatyp-tournament,
.games .grid-simple .iatyp-tournament {
width: 33.33333333%;
}
.games .grid .iatyp-tournament > .wrap,
.games .grid-simple .iatyp-tournament > .wrap {
bottom: 0;
}
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
content: " ";
display: block;
padding-bottom: 36%;
}
.games .grid.grid--name-alt .iatyp-tournament:after,
.games .grid-simple.grid--name-alt .iatyp-tournament:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid--name-normal .iatyp-tournament:after,
.games .grid-simple.grid--name-normal .iatyp-tournament:after {
padding-bottom: 37.5%;
}
}
@media (min-width: 1280px) and (min-width: 768px) {
.games .grid .iatyp-tournament:after,
.games .grid-simple .iatyp-tournament:after {
padding-bottom: 37.5%;
}
}
@media (max-width: 768px) {
.games .grid .iatyp-tournament.i1x1::after,
.games .grid-simple .iatyp-tournament.i1x1::after,
.games .grid .iatyp-tournament.i2x1::after,
.games .grid-simple .iatyp-tournament.i2x1::after,
.games .grid .iatyp-tournament.i3x1::after,
.games .grid-simple .iatyp-tournament.i3x1::after {
padding-bottom: 26.66%;
}
}
@media (min-width: 768px) {
.games .grid .iatyp-tournament.i3x1,
.games .grid-simple .iatyp-tournament.i3x1 {
width: 75%;
}
}
@media (min-width: 1024px) {
.games .grid .iatyp-tournament.i3x1,
.games .grid-simple .iatyp-tournament.i3x1 {
width: 60%;
}
}
@media (min-width: 1280px) {
.games .grid .iatyp-tournament.i3x1,
.games .grid-simple .iatyp-tournament.i3x1 {
width: 50%;
}
}
.games .grid .iatyp-tournament.i3x1::after,
.games .grid-simple .iatyp-tournament.i3x1::after {
padding-bottom: 26.7%;
}
.games .grid.grid-cols-2,
.games .grid-simple.grid-cols-2 {
margin-bottom: 0;
}
@media (min-width: 768px) {
.games .grid.grid-cols-2,
.games .grid-simple.grid-cols-2 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-2 .sizer,
.games .grid-simple.grid-cols-2 .sizer {
width: 50%;
padding: 0 !important;
}
.games .grid.grid-cols-2 > div .wrap,
.games .grid-simple.grid-cols-2 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-2.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-2.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-2.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-2.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-2 .bootstrap:after,
.games .grid-simple.grid-cols-2 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-2 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-2 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-2 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-2 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-2 .i1x1,
.games .grid-simple.grid-cols-2 .i1x1 {
width: 50%;
}
.games .grid.grid-cols-2 .i1x1:after,
.games .grid-simple.grid-cols-2 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-2.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-2.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-2 .i1x2,
.games .grid-simple.grid-cols-2 .i1x2 {
width: 50%;
}
.games .grid.grid-cols-2 .i1x2:after,
.games .grid-simple.grid-cols-2 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-2.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-2.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-2 .i1x3,
.games .grid-simple.grid-cols-2 .i1x3 {
width: 50%;
}
.games .grid.grid-cols-2 .i1x3:after,
.games .grid-simple.grid-cols-2 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-2.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-2.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-2 .i2x1,
.games .grid-simple.grid-cols-2 .i2x1 {
width: 100%;
}
.games .grid.grid-cols-2 .i2x1:after,
.games .grid-simple.grid-cols-2 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-2.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-2.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-2 .i2x2,
.games .grid-simple.grid-cols-2 .i2x2 {
width: 100%;
}
.games .grid.grid-cols-2 .i2x2:after,
.games .grid-simple.grid-cols-2 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-2.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-2.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-2 .i2x3,
.games .grid-simple.grid-cols-2 .i2x3 {
width: 100%;
}
.games .grid.grid-cols-2 .i2x3:after,
.games .grid-simple.grid-cols-2 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-2.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-2.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-2 .i3x1,
.games .grid-simple.grid-cols-2 .i3x1 {
width: 150%;
}
.games .grid.grid-cols-2 .i3x1:after,
.games .grid-simple.grid-cols-2 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-2.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-2.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-2 .i3x2,
.games .grid-simple.grid-cols-2 .i3x2 {
width: 150%;
}
.games .grid.grid-cols-2 .i3x2:after,
.games .grid-simple.grid-cols-2 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-2.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-2.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-2 .i3x3,
.games .grid-simple.grid-cols-2 .i3x3 {
width: 150%;
}
.games .grid.grid-cols-2 .i3x3:after,
.games .grid-simple.grid-cols-2 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-2.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-2.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-2.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-2.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 768px) {
.games .grid.grid-cols-4,
.games .grid-simple.grid-cols-4 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-4 .sizer,
.games .grid-simple.grid-cols-4 .sizer {
width: 50%;
padding: 0 !important;
}
.games .grid.grid-cols-4 > div .wrap,
.games .grid-simple.grid-cols-4 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-4.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-4.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-4.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-4.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-4 .bootstrap:after,
.games .grid-simple.grid-cols-4 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-4 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-4 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-4 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-4 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-4 .i1x1,
.games .grid-simple.grid-cols-4 .i1x1 {
width: 50%;
}
.games .grid.grid-cols-4 .i1x1:after,
.games .grid-simple.grid-cols-4 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-4 .i1x2,
.games .grid-simple.grid-cols-4 .i1x2 {
width: 50%;
}
.games .grid.grid-cols-4 .i1x2:after,
.games .grid-simple.grid-cols-4 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-4 .i1x3,
.games .grid-simple.grid-cols-4 .i1x3 {
width: 50%;
}
.games .grid.grid-cols-4 .i1x3:after,
.games .grid-simple.grid-cols-4 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-4 .i2x1,
.games .grid-simple.grid-cols-4 .i2x1 {
width: 100%;
}
.games .grid.grid-cols-4 .i2x1:after,
.games .grid-simple.grid-cols-4 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-4 .i2x2,
.games .grid-simple.grid-cols-4 .i2x2 {
width: 100%;
}
.games .grid.grid-cols-4 .i2x2:after,
.games .grid-simple.grid-cols-4 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-4 .i2x3,
.games .grid-simple.grid-cols-4 .i2x3 {
width: 100%;
}
.games .grid.grid-cols-4 .i2x3:after,
.games .grid-simple.grid-cols-4 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-4 .i3x1,
.games .grid-simple.grid-cols-4 .i3x1 {
width: 150%;
}
.games .grid.grid-cols-4 .i3x1:after,
.games .grid-simple.grid-cols-4 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-4 .i3x2,
.games .grid-simple.grid-cols-4 .i3x2 {
width: 150%;
}
.games .grid.grid-cols-4 .i3x2:after,
.games .grid-simple.grid-cols-4 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-4 .i3x3,
.games .grid-simple.grid-cols-4 .i3x3 {
width: 150%;
}
.games .grid.grid-cols-4 .i3x3:after,
.games .grid-simple.grid-cols-4 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1024px) {
.games .grid.grid-cols-4,
.games .grid-simple.grid-cols-4 {
margin-right: -11px;
margin-bottom: -11px;
margin-top: 11px;
}
.games .grid.grid-cols-4 .sizer,
.games .grid-simple.grid-cols-4 .sizer {
width: 33.33333333%;
padding: 0 !important;
}
.games .grid.grid-cols-4 > div .wrap,
.games .grid-simple.grid-cols-4 > div .wrap {
bottom: 11px;
right: 11px;
}
.games .grid.grid-cols-4.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-4.grid--name-alt > div .wrap {
bottom: 29px;
}
.games .grid.grid-cols-4.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-4.grid--name-normal > div .wrap {
bottom: 11px;
}
.games .grid.grid-cols-4 .bootstrap:after,
.games .grid-simple.grid-cols-4 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-4 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-4 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-4 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-4 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-4 .i1x1,
.games .grid-simple.grid-cols-4 .i1x1 {
width: 33.33333333%;
}
.games .grid.grid-cols-4 .i1x1:after,
.games .grid-simple.grid-cols-4 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-4 .i1x2,
.games .grid-simple.grid-cols-4 .i1x2 {
width: 33.33333333%;
}
.games .grid.grid-cols-4 .i1x2:after,
.games .grid-simple.grid-cols-4 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-4 .i1x3,
.games .grid-simple.grid-cols-4 .i1x3 {
width: 33.33333333%;
}
.games .grid.grid-cols-4 .i1x3:after,
.games .grid-simple.grid-cols-4 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-4 .i2x1,
.games .grid-simple.grid-cols-4 .i2x1 {
width: 66.66666667%;
}
.games .grid.grid-cols-4 .i2x1:after,
.games .grid-simple.grid-cols-4 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-4 .i2x2,
.games .grid-simple.grid-cols-4 .i2x2 {
width: 66.66666667%;
}
.games .grid.grid-cols-4 .i2x2:after,
.games .grid-simple.grid-cols-4 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-4 .i2x3,
.games .grid-simple.grid-cols-4 .i2x3 {
width: 66.66666667%;
}
.games .grid.grid-cols-4 .i2x3:after,
.games .grid-simple.grid-cols-4 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-4 .i3x1,
.games .grid-simple.grid-cols-4 .i3x1 {
width: 100%;
}
.games .grid.grid-cols-4 .i3x1:after,
.games .grid-simple.grid-cols-4 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-4 .i3x2,
.games .grid-simple.grid-cols-4 .i3x2 {
width: 100%;
}
.games .grid.grid-cols-4 .i3x2:after,
.games .grid-simple.grid-cols-4 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-4 .i3x3,
.games .grid-simple.grid-cols-4 .i3x3 {
width: 100%;
}
.games .grid.grid-cols-4 .i3x3:after,
.games .grid-simple.grid-cols-4 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1280px) {
.games .grid.grid-cols-4,
.games .grid-simple.grid-cols-4 {
margin-bottom: 0;
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-4 .sizer,
.games .grid-simple.grid-cols-4 .sizer {
width: 25%;
padding: 0 !important;
}
.games .grid.grid-cols-4 > div .wrap,
.games .grid-simple.grid-cols-4 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-4.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-4.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-4.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-4.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-4 .bootstrap:after,
.games .grid-simple.grid-cols-4 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-4 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-4 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-4 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-4 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-4 .i1x1,
.games .grid-simple.grid-cols-4 .i1x1 {
width: 25%;
}
.games .grid.grid-cols-4 .i1x1:after,
.games .grid-simple.grid-cols-4 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-4 .i1x2,
.games .grid-simple.grid-cols-4 .i1x2 {
width: 25%;
}
.games .grid.grid-cols-4 .i1x2:after,
.games .grid-simple.grid-cols-4 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-4 .i1x3,
.games .grid-simple.grid-cols-4 .i1x3 {
width: 25%;
}
.games .grid.grid-cols-4 .i1x3:after,
.games .grid-simple.grid-cols-4 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-4.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-4 .i2x1,
.games .grid-simple.grid-cols-4 .i2x1 {
width: 50%;
}
.games .grid.grid-cols-4 .i2x1:after,
.games .grid-simple.grid-cols-4 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-4 .i2x2,
.games .grid-simple.grid-cols-4 .i2x2 {
width: 50%;
}
.games .grid.grid-cols-4 .i2x2:after,
.games .grid-simple.grid-cols-4 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-4 .i2x3,
.games .grid-simple.grid-cols-4 .i2x3 {
width: 50%;
}
.games .grid.grid-cols-4 .i2x3:after,
.games .grid-simple.grid-cols-4 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-4.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-4 .i3x1,
.games .grid-simple.grid-cols-4 .i3x1 {
width: 75%;
}
.games .grid.grid-cols-4 .i3x1:after,
.games .grid-simple.grid-cols-4 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-4 .i3x2,
.games .grid-simple.grid-cols-4 .i3x2 {
width: 75%;
}
.games .grid.grid-cols-4 .i3x2:after,
.games .grid-simple.grid-cols-4 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-4 .i3x3,
.games .grid-simple.grid-cols-4 .i3x3 {
width: 75%;
}
.games .grid.grid-cols-4 .i3x3:after,
.games .grid-simple.grid-cols-4 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-4.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-4.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-4.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-4.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
.games .grid.grid-cols-5,
.games .grid-simple.grid-cols-5 {
margin-bottom: 0;
}
@media (min-width: 768px) {
.games .grid.grid-cols-5,
.games .grid-simple.grid-cols-5 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-5 .sizer,
.games .grid-simple.grid-cols-5 .sizer {
width: 33.33333333%;
padding: 0 !important;
}
.games .grid.grid-cols-5 > div .wrap,
.games .grid-simple.grid-cols-5 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-5.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-5.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-5.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-5.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-5 .bootstrap:after,
.games .grid-simple.grid-cols-5 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-5 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-5 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-5 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-5 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-5 .i1x1,
.games .grid-simple.grid-cols-5 .i1x1 {
width: 33.33333333%;
}
.games .grid.grid-cols-5 .i1x1:after,
.games .grid-simple.grid-cols-5 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-5 .i1x2,
.games .grid-simple.grid-cols-5 .i1x2 {
width: 33.33333333%;
}
.games .grid.grid-cols-5 .i1x2:after,
.games .grid-simple.grid-cols-5 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-5 .i1x3,
.games .grid-simple.grid-cols-5 .i1x3 {
width: 33.33333333%;
}
.games .grid.grid-cols-5 .i1x3:after,
.games .grid-simple.grid-cols-5 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-5 .i2x1,
.games .grid-simple.grid-cols-5 .i2x1 {
width: 66.66666667%;
}
.games .grid.grid-cols-5 .i2x1:after,
.games .grid-simple.grid-cols-5 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-5 .i2x2,
.games .grid-simple.grid-cols-5 .i2x2 {
width: 66.66666667%;
}
.games .grid.grid-cols-5 .i2x2:after,
.games .grid-simple.grid-cols-5 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-5 .i2x3,
.games .grid-simple.grid-cols-5 .i2x3 {
width: 66.66666667%;
}
.games .grid.grid-cols-5 .i2x3:after,
.games .grid-simple.grid-cols-5 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-5 .i3x1,
.games .grid-simple.grid-cols-5 .i3x1 {
width: 100%;
}
.games .grid.grid-cols-5 .i3x1:after,
.games .grid-simple.grid-cols-5 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-5 .i3x2,
.games .grid-simple.grid-cols-5 .i3x2 {
width: 100%;
}
.games .grid.grid-cols-5 .i3x2:after,
.games .grid-simple.grid-cols-5 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-5 .i3x3,
.games .grid-simple.grid-cols-5 .i3x3 {
width: 100%;
}
.games .grid.grid-cols-5 .i3x3:after,
.games .grid-simple.grid-cols-5 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1024px) {
.games .grid.grid-cols-5,
.games .grid-simple.grid-cols-5 {
margin-right: -11px;
margin-bottom: -11px;
margin-top: 11px;
}
.games .grid.grid-cols-5 .sizer,
.games .grid-simple.grid-cols-5 .sizer {
width: 25%;
padding: 0 !important;
}
.games .grid.grid-cols-5 > div .wrap,
.games .grid-simple.grid-cols-5 > div .wrap {
bottom: 11px;
right: 11px;
}
.games .grid.grid-cols-5.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-5.grid--name-alt > div .wrap {
bottom: 29px;
}
.games .grid.grid-cols-5.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-5.grid--name-normal > div .wrap {
bottom: 11px;
}
.games .grid.grid-cols-5 .bootstrap:after,
.games .grid-simple.grid-cols-5 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-5 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-5 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-5 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-5 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-5 .i1x1,
.games .grid-simple.grid-cols-5 .i1x1 {
width: 25%;
}
.games .grid.grid-cols-5 .i1x1:after,
.games .grid-simple.grid-cols-5 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-5 .i1x2,
.games .grid-simple.grid-cols-5 .i1x2 {
width: 25%;
}
.games .grid.grid-cols-5 .i1x2:after,
.games .grid-simple.grid-cols-5 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-5 .i1x3,
.games .grid-simple.grid-cols-5 .i1x3 {
width: 25%;
}
.games .grid.grid-cols-5 .i1x3:after,
.games .grid-simple.grid-cols-5 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-5 .i2x1,
.games .grid-simple.grid-cols-5 .i2x1 {
width: 50%;
}
.games .grid.grid-cols-5 .i2x1:after,
.games .grid-simple.grid-cols-5 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-5 .i2x2,
.games .grid-simple.grid-cols-5 .i2x2 {
width: 50%;
}
.games .grid.grid-cols-5 .i2x2:after,
.games .grid-simple.grid-cols-5 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-5 .i2x3,
.games .grid-simple.grid-cols-5 .i2x3 {
width: 50%;
}
.games .grid.grid-cols-5 .i2x3:after,
.games .grid-simple.grid-cols-5 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-5 .i3x1,
.games .grid-simple.grid-cols-5 .i3x1 {
width: 75%;
}
.games .grid.grid-cols-5 .i3x1:after,
.games .grid-simple.grid-cols-5 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-5 .i3x2,
.games .grid-simple.grid-cols-5 .i3x2 {
width: 75%;
}
.games .grid.grid-cols-5 .i3x2:after,
.games .grid-simple.grid-cols-5 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-5 .i3x3,
.games .grid-simple.grid-cols-5 .i3x3 {
width: 75%;
}
.games .grid.grid-cols-5 .i3x3:after,
.games .grid-simple.grid-cols-5 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1280px) {
.games .grid.grid-cols-5,
.games .grid-simple.grid-cols-5 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-5 .sizer,
.games .grid-simple.grid-cols-5 .sizer {
width: 20%;
padding: 0 !important;
}
.games .grid.grid-cols-5 > div .wrap,
.games .grid-simple.grid-cols-5 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-5.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-5.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-5.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-5.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-5 .bootstrap:after,
.games .grid-simple.grid-cols-5 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-5 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-5 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-5 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-5 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-5 .i1x1,
.games .grid-simple.grid-cols-5 .i1x1 {
width: 20%;
}
.games .grid.grid-cols-5 .i1x1:after,
.games .grid-simple.grid-cols-5 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-5 .i1x2,
.games .grid-simple.grid-cols-5 .i1x2 {
width: 20%;
}
.games .grid.grid-cols-5 .i1x2:after,
.games .grid-simple.grid-cols-5 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-5 .i1x3,
.games .grid-simple.grid-cols-5 .i1x3 {
width: 20%;
}
.games .grid.grid-cols-5 .i1x3:after,
.games .grid-simple.grid-cols-5 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-5.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-5 .i2x1,
.games .grid-simple.grid-cols-5 .i2x1 {
width: 40%;
}
.games .grid.grid-cols-5 .i2x1:after,
.games .grid-simple.grid-cols-5 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-5 .i2x2,
.games .grid-simple.grid-cols-5 .i2x2 {
width: 40%;
}
.games .grid.grid-cols-5 .i2x2:after,
.games .grid-simple.grid-cols-5 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-5 .i2x3,
.games .grid-simple.grid-cols-5 .i2x3 {
width: 40%;
}
.games .grid.grid-cols-5 .i2x3:after,
.games .grid-simple.grid-cols-5 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-5.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-5 .i3x1,
.games .grid-simple.grid-cols-5 .i3x1 {
width: 60%;
}
.games .grid.grid-cols-5 .i3x1:after,
.games .grid-simple.grid-cols-5 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-5 .i3x2,
.games .grid-simple.grid-cols-5 .i3x2 {
width: 60%;
}
.games .grid.grid-cols-5 .i3x2:after,
.games .grid-simple.grid-cols-5 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-5 .i3x3,
.games .grid-simple.grid-cols-5 .i3x3 {
width: 60%;
}
.games .grid.grid-cols-5 .i3x3:after,
.games .grid-simple.grid-cols-5 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-5.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-5.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-5.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-5.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 768px) {
.games .grid.grid-cols-5 .iatyp-tournament.i1x1,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i1x1,
.games .grid.grid-cols-5 .iatyp-tournament.i2x1,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i2x1 {
width: 66.66%;
}
}
@media (min-width: 1024px) {
.games .grid.grid-cols-5 .iatyp-tournament.i1x1,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i1x1,
.games .grid.grid-cols-5 .iatyp-tournament.i2x1,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i2x1 {
width: 50%;
}
}
@media (min-width: 1280px) {
.games .grid.grid-cols-5 .iatyp-tournament.i1x1,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i1x1,
.games .grid.grid-cols-5 .iatyp-tournament.i2x1,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i2x1 {
width: 40%;
}
}
.games .grid.grid-cols-5 .iatyp-tournament.i1x1 .promotion-slider .promotion_img2,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i1x1 .promotion-slider .promotion_img2,
.games .grid.grid-cols-5 .iatyp-tournament.i2x1 .promotion-slider .promotion_img2,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i2x1 .promotion-slider .promotion_img2 {
bottom: 0;
}
.games .grid.grid-cols-5 .iatyp-tournament.i1x1 .promotion-slider .overlay,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i1x1 .promotion-slider .overlay,
.games .grid.grid-cols-5 .iatyp-tournament.i2x1 .promotion-slider .overlay,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i2x1 .promotion-slider .overlay {
bottom: 0;
}
.games .grid.grid-cols-5 .iatyp-tournament.i1x1::after,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i1x1::after,
.games .grid.grid-cols-5 .iatyp-tournament.i2x1::after,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i2x1::after {
padding-bottom: 40%;
}
.games .grid.grid-cols-5 .iatyp-tournament.i3x1 .promotion_img2,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i3x1 .promotion_img2 {
bottom: 0;
}
.games .grid.grid-cols-5 .iatyp-tournament.i3x1 .promotion-slider .overlay,
.games .grid-simple.grid-cols-5 .iatyp-tournament.i3x1 .promotion-slider .overlay {
bottom: 0;
}
.games .grid.grid-cols-6,
.games .grid-simple.grid-cols-6 {
margin-bottom: 0;
}
@media (min-width: 768px) {
.games .grid.grid-cols-6,
.games .grid-simple.grid-cols-6 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-6 .sizer,
.games .grid-simple.grid-cols-6 .sizer {
width: 25%;
padding: 0 !important;
}
.games .grid.grid-cols-6 > div .wrap,
.games .grid-simple.grid-cols-6 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-6.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-6.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-6.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-6.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-6 .bootstrap:after,
.games .grid-simple.grid-cols-6 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-6 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-6 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-6 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-6 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-6 .i1x1,
.games .grid-simple.grid-cols-6 .i1x1 {
width: 25%;
}
.games .grid.grid-cols-6 .i1x1:after,
.games .grid-simple.grid-cols-6 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-6 .i1x2,
.games .grid-simple.grid-cols-6 .i1x2 {
width: 25%;
}
.games .grid.grid-cols-6 .i1x2:after,
.games .grid-simple.grid-cols-6 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-6 .i1x3,
.games .grid-simple.grid-cols-6 .i1x3 {
width: 25%;
}
.games .grid.grid-cols-6 .i1x3:after,
.games .grid-simple.grid-cols-6 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-6 .i2x1,
.games .grid-simple.grid-cols-6 .i2x1 {
width: 50%;
}
.games .grid.grid-cols-6 .i2x1:after,
.games .grid-simple.grid-cols-6 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-6 .i2x2,
.games .grid-simple.grid-cols-6 .i2x2 {
width: 50%;
}
.games .grid.grid-cols-6 .i2x2:after,
.games .grid-simple.grid-cols-6 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-6 .i2x3,
.games .grid-simple.grid-cols-6 .i2x3 {
width: 50%;
}
.games .grid.grid-cols-6 .i2x3:after,
.games .grid-simple.grid-cols-6 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-6 .i3x1,
.games .grid-simple.grid-cols-6 .i3x1 {
width: 75%;
}
.games .grid.grid-cols-6 .i3x1:after,
.games .grid-simple.grid-cols-6 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-6 .i3x2,
.games .grid-simple.grid-cols-6 .i3x2 {
width: 75%;
}
.games .grid.grid-cols-6 .i3x2:after,
.games .grid-simple.grid-cols-6 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-6 .i3x3,
.games .grid-simple.grid-cols-6 .i3x3 {
width: 75%;
}
.games .grid.grid-cols-6 .i3x3:after,
.games .grid-simple.grid-cols-6 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1024px) {
.games .grid.grid-cols-6,
.games .grid-simple.grid-cols-6 {
margin-right: -11px;
margin-bottom: -11px;
margin-top: 11px;
}
.games .grid.grid-cols-6 .sizer,
.games .grid-simple.grid-cols-6 .sizer {
width: 20%;
padding: 0 !important;
}
.games .grid.grid-cols-6 > div .wrap,
.games .grid-simple.grid-cols-6 > div .wrap {
bottom: 11px;
right: 11px;
}
.games .grid.grid-cols-6.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-6.grid--name-alt > div .wrap {
bottom: 29px;
}
.games .grid.grid-cols-6.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-6.grid--name-normal > div .wrap {
bottom: 11px;
}
.games .grid.grid-cols-6 .bootstrap:after,
.games .grid-simple.grid-cols-6 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-6 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-6 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-6 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-6 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-6 .i1x1,
.games .grid-simple.grid-cols-6 .i1x1 {
width: 20%;
}
.games .grid.grid-cols-6 .i1x1:after,
.games .grid-simple.grid-cols-6 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-6 .i1x2,
.games .grid-simple.grid-cols-6 .i1x2 {
width: 20%;
}
.games .grid.grid-cols-6 .i1x2:after,
.games .grid-simple.grid-cols-6 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-6 .i1x3,
.games .grid-simple.grid-cols-6 .i1x3 {
width: 20%;
}
.games .grid.grid-cols-6 .i1x3:after,
.games .grid-simple.grid-cols-6 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-6 .i2x1,
.games .grid-simple.grid-cols-6 .i2x1 {
width: 40%;
}
.games .grid.grid-cols-6 .i2x1:after,
.games .grid-simple.grid-cols-6 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-6 .i2x2,
.games .grid-simple.grid-cols-6 .i2x2 {
width: 40%;
}
.games .grid.grid-cols-6 .i2x2:after,
.games .grid-simple.grid-cols-6 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-6 .i2x3,
.games .grid-simple.grid-cols-6 .i2x3 {
width: 40%;
}
.games .grid.grid-cols-6 .i2x3:after,
.games .grid-simple.grid-cols-6 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-6 .i3x1,
.games .grid-simple.grid-cols-6 .i3x1 {
width: 60%;
}
.games .grid.grid-cols-6 .i3x1:after,
.games .grid-simple.grid-cols-6 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-6 .i3x2,
.games .grid-simple.grid-cols-6 .i3x2 {
width: 60%;
}
.games .grid.grid-cols-6 .i3x2:after,
.games .grid-simple.grid-cols-6 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-6 .i3x3,
.games .grid-simple.grid-cols-6 .i3x3 {
width: 60%;
}
.games .grid.grid-cols-6 .i3x3:after,
.games .grid-simple.grid-cols-6 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1280px) {
.games .grid.grid-cols-6,
.games .grid-simple.grid-cols-6 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-6 .sizer,
.games .grid-simple.grid-cols-6 .sizer {
width: 16.66666667%;
padding: 0 !important;
}
.games .grid.grid-cols-6 > div .wrap,
.games .grid-simple.grid-cols-6 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-6.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-6.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-6.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-6.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-6 .bootstrap:after,
.games .grid-simple.grid-cols-6 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-6 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-6 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-6 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-6 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-6 .i1x1,
.games .grid-simple.grid-cols-6 .i1x1 {
width: 16.66666667%;
}
.games .grid.grid-cols-6 .i1x1:after,
.games .grid-simple.grid-cols-6 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-6 .i1x2,
.games .grid-simple.grid-cols-6 .i1x2 {
width: 16.66666667%;
}
.games .grid.grid-cols-6 .i1x2:after,
.games .grid-simple.grid-cols-6 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-6 .i1x3,
.games .grid-simple.grid-cols-6 .i1x3 {
width: 16.66666667%;
}
.games .grid.grid-cols-6 .i1x3:after,
.games .grid-simple.grid-cols-6 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-6.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-6 .i2x1,
.games .grid-simple.grid-cols-6 .i2x1 {
width: 33.33333333%;
}
.games .grid.grid-cols-6 .i2x1:after,
.games .grid-simple.grid-cols-6 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-6 .i2x2,
.games .grid-simple.grid-cols-6 .i2x2 {
width: 33.33333333%;
}
.games .grid.grid-cols-6 .i2x2:after,
.games .grid-simple.grid-cols-6 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-6 .i2x3,
.games .grid-simple.grid-cols-6 .i2x3 {
width: 33.33333333%;
}
.games .grid.grid-cols-6 .i2x3:after,
.games .grid-simple.grid-cols-6 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-6.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-6 .i3x1,
.games .grid-simple.grid-cols-6 .i3x1 {
width: 50%;
}
.games .grid.grid-cols-6 .i3x1:after,
.games .grid-simple.grid-cols-6 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-6 .i3x2,
.games .grid-simple.grid-cols-6 .i3x2 {
width: 50%;
}
.games .grid.grid-cols-6 .i3x2:after,
.games .grid-simple.grid-cols-6 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-6 .i3x3,
.games .grid-simple.grid-cols-6 .i3x3 {
width: 50%;
}
.games .grid.grid-cols-6 .i3x3:after,
.games .grid-simple.grid-cols-6 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-6.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-6.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-6.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-6.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
.games .grid.grid-cols-6 .iatyp-tournament.i1x1 .promotion-slider .promotion_img2,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i1x1 .promotion-slider .promotion_img2,
.games .grid.grid-cols-6 .iatyp-tournament.i2x1 .promotion-slider .promotion_img2,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i2x1 .promotion-slider .promotion_img2 {
bottom: 0;
}
.games .grid.grid-cols-6 .iatyp-tournament.i1x1 .promotion-slider .overlay,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i1x1 .promotion-slider .overlay,
.games .grid.grid-cols-6 .iatyp-tournament.i2x1 .promotion-slider .overlay,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i2x1 .promotion-slider .overlay {
bottom: 0;
}
.games .grid.grid-cols-6 .iatyp-tournament.i1x1::after,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i1x1::after,
.games .grid.grid-cols-6 .iatyp-tournament.i2x1::after,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i2x1::after {
padding-bottom: 40%;
}
@media (min-width: 768px) {
.games .grid.grid-cols-6 .iatyp-tournament.i3x1,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i3x1 {
width: 75%;
}
}
@media (min-width: 1024px) {
.games .grid.grid-cols-6 .iatyp-tournament.i3x1,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i3x1 {
width: 60%;
}
}
@media (min-width: 1280px) {
.games .grid.grid-cols-6 .iatyp-tournament.i3x1,
.games .grid-simple.grid-cols-6 .iatyp-tournament.i3x1 {
width: 50%;
}
}
.games .grid.grid-cols-7,
.games .grid-simple.grid-cols-7 {
margin-bottom: 0;
}
@media (min-width: 768px) {
.games .grid.grid-cols-7,
.games .grid-simple.grid-cols-7 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-7 .sizer,
.games .grid-simple.grid-cols-7 .sizer {
width: 20%;
padding: 0 !important;
}
.games .grid.grid-cols-7 > div .wrap,
.games .grid-simple.grid-cols-7 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-7.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-7.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-7.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-7.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-7 .bootstrap:after,
.games .grid-simple.grid-cols-7 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-7 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-7 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-7 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-7 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-7 .i1x1,
.games .grid-simple.grid-cols-7 .i1x1 {
width: 20%;
}
.games .grid.grid-cols-7 .i1x1:after,
.games .grid-simple.grid-cols-7 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-7 .i1x2,
.games .grid-simple.grid-cols-7 .i1x2 {
width: 20%;
}
.games .grid.grid-cols-7 .i1x2:after,
.games .grid-simple.grid-cols-7 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-7 .i1x3,
.games .grid-simple.grid-cols-7 .i1x3 {
width: 20%;
}
.games .grid.grid-cols-7 .i1x3:after,
.games .grid-simple.grid-cols-7 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-7 .i2x1,
.games .grid-simple.grid-cols-7 .i2x1 {
width: 40%;
}
.games .grid.grid-cols-7 .i2x1:after,
.games .grid-simple.grid-cols-7 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-7 .i2x2,
.games .grid-simple.grid-cols-7 .i2x2 {
width: 40%;
}
.games .grid.grid-cols-7 .i2x2:after,
.games .grid-simple.grid-cols-7 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-7 .i2x3,
.games .grid-simple.grid-cols-7 .i2x3 {
width: 40%;
}
.games .grid.grid-cols-7 .i2x3:after,
.games .grid-simple.grid-cols-7 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-7 .i3x1,
.games .grid-simple.grid-cols-7 .i3x1 {
width: 60%;
}
.games .grid.grid-cols-7 .i3x1:after,
.games .grid-simple.grid-cols-7 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-7 .i3x2,
.games .grid-simple.grid-cols-7 .i3x2 {
width: 60%;
}
.games .grid.grid-cols-7 .i3x2:after,
.games .grid-simple.grid-cols-7 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-7 .i3x3,
.games .grid-simple.grid-cols-7 .i3x3 {
width: 60%;
}
.games .grid.grid-cols-7 .i3x3:after,
.games .grid-simple.grid-cols-7 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1024px) {
.games .grid.grid-cols-7,
.games .grid-simple.grid-cols-7 {
margin-right: -11px;
margin-bottom: -11px;
margin-top: 11px;
}
.games .grid.grid-cols-7 .sizer,
.games .grid-simple.grid-cols-7 .sizer {
width: 16.66666667%;
padding: 0 !important;
}
.games .grid.grid-cols-7 > div .wrap,
.games .grid-simple.grid-cols-7 > div .wrap {
bottom: 11px;
right: 11px;
}
.games .grid.grid-cols-7.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-7.grid--name-alt > div .wrap {
bottom: 29px;
}
.games .grid.grid-cols-7.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-7.grid--name-normal > div .wrap {
bottom: 11px;
}
.games .grid.grid-cols-7 .bootstrap:after,
.games .grid-simple.grid-cols-7 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-7 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-7 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-7 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-7 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-7 .i1x1,
.games .grid-simple.grid-cols-7 .i1x1 {
width: 16.66666667%;
}
.games .grid.grid-cols-7 .i1x1:after,
.games .grid-simple.grid-cols-7 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-7 .i1x2,
.games .grid-simple.grid-cols-7 .i1x2 {
width: 16.66666667%;
}
.games .grid.grid-cols-7 .i1x2:after,
.games .grid-simple.grid-cols-7 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-7 .i1x3,
.games .grid-simple.grid-cols-7 .i1x3 {
width: 16.66666667%;
}
.games .grid.grid-cols-7 .i1x3:after,
.games .grid-simple.grid-cols-7 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-7 .i2x1,
.games .grid-simple.grid-cols-7 .i2x1 {
width: 33.33333333%;
}
.games .grid.grid-cols-7 .i2x1:after,
.games .grid-simple.grid-cols-7 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-7 .i2x2,
.games .grid-simple.grid-cols-7 .i2x2 {
width: 33.33333333%;
}
.games .grid.grid-cols-7 .i2x2:after,
.games .grid-simple.grid-cols-7 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-7 .i2x3,
.games .grid-simple.grid-cols-7 .i2x3 {
width: 33.33333333%;
}
.games .grid.grid-cols-7 .i2x3:after,
.games .grid-simple.grid-cols-7 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-7 .i3x1,
.games .grid-simple.grid-cols-7 .i3x1 {
width: 50%;
}
.games .grid.grid-cols-7 .i3x1:after,
.games .grid-simple.grid-cols-7 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-7 .i3x2,
.games .grid-simple.grid-cols-7 .i3x2 {
width: 50%;
}
.games .grid.grid-cols-7 .i3x2:after,
.games .grid-simple.grid-cols-7 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-7 .i3x3,
.games .grid-simple.grid-cols-7 .i3x3 {
width: 50%;
}
.games .grid.grid-cols-7 .i3x3:after,
.games .grid-simple.grid-cols-7 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1280px) {
.games .grid.grid-cols-7,
.games .grid-simple.grid-cols-7 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-7 .sizer,
.games .grid-simple.grid-cols-7 .sizer {
width: 14.28571429%;
padding: 0 !important;
}
.games .grid.grid-cols-7 > div .wrap,
.games .grid-simple.grid-cols-7 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-7.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-7.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-7.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-7.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-7 .bootstrap:after,
.games .grid-simple.grid-cols-7 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-7 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-7 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-7 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-7 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-7 .i1x1,
.games .grid-simple.grid-cols-7 .i1x1 {
width: 14.28571429%;
}
.games .grid.grid-cols-7 .i1x1:after,
.games .grid-simple.grid-cols-7 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-7 .i1x2,
.games .grid-simple.grid-cols-7 .i1x2 {
width: 14.28571429%;
}
.games .grid.grid-cols-7 .i1x2:after,
.games .grid-simple.grid-cols-7 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-7 .i1x3,
.games .grid-simple.grid-cols-7 .i1x3 {
width: 14.28571429%;
}
.games .grid.grid-cols-7 .i1x3:after,
.games .grid-simple.grid-cols-7 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-7.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-7 .i2x1,
.games .grid-simple.grid-cols-7 .i2x1 {
width: 28.57142857%;
}
.games .grid.grid-cols-7 .i2x1:after,
.games .grid-simple.grid-cols-7 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-7 .i2x2,
.games .grid-simple.grid-cols-7 .i2x2 {
width: 28.57142857%;
}
.games .grid.grid-cols-7 .i2x2:after,
.games .grid-simple.grid-cols-7 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-7 .i2x3,
.games .grid-simple.grid-cols-7 .i2x3 {
width: 28.57142857%;
}
.games .grid.grid-cols-7 .i2x3:after,
.games .grid-simple.grid-cols-7 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-7.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-7 .i3x1,
.games .grid-simple.grid-cols-7 .i3x1 {
width: 42.85714286%;
}
.games .grid.grid-cols-7 .i3x1:after,
.games .grid-simple.grid-cols-7 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-7 .i3x2,
.games .grid-simple.grid-cols-7 .i3x2 {
width: 42.85714286%;
}
.games .grid.grid-cols-7 .i3x2:after,
.games .grid-simple.grid-cols-7 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-7 .i3x3,
.games .grid-simple.grid-cols-7 .i3x3 {
width: 42.85714286%;
}
.games .grid.grid-cols-7 .i3x3:after,
.games .grid-simple.grid-cols-7 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-7.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-7.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-7.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-7.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 768px) {
.games .grid.grid-cols-7 .iatyp-tournament.i1x1,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i1x1,
.games .grid.grid-cols-7 .iatyp-tournament.i2x1,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i2x1 {
width: 40%;
}
}
@media (min-width: 1024px) {
.games .grid.grid-cols-7 .iatyp-tournament.i1x1,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i1x1,
.games .grid.grid-cols-7 .iatyp-tournament.i2x1,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i2x1 {
width: 33.33%;
}
}
@media (min-width: 1280px) {
.games .grid.grid-cols-7 .iatyp-tournament.i1x1,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i1x1,
.games .grid.grid-cols-7 .iatyp-tournament.i2x1,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i2x1 {
width: 28.57%;
}
}
.games .grid.grid-cols-7 .iatyp-tournament.i1x1 .promotion-slider .promotion_img2,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i1x1 .promotion-slider .promotion_img2,
.games .grid.grid-cols-7 .iatyp-tournament.i2x1 .promotion-slider .promotion_img2,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i2x1 .promotion-slider .promotion_img2 {
bottom: 0;
}
.games .grid.grid-cols-7 .iatyp-tournament.i1x1 .promotion-slider .overlay,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i1x1 .promotion-slider .overlay,
.games .grid.grid-cols-7 .iatyp-tournament.i2x1 .promotion-slider .overlay,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i2x1 .promotion-slider .overlay {
bottom: 0;
}
.games .grid.grid-cols-7 .iatyp-tournament.i1x1::after,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i1x1::after,
.games .grid.grid-cols-7 .iatyp-tournament.i2x1::after,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i2x1::after {
padding-bottom: 40%;
}
.games .grid.grid-cols-7 .iatyp-tournament.i3x1 .promotion_img2,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i3x1 .promotion_img2 {
bottom: 0;
}
.games .grid.grid-cols-7 .iatyp-tournament.i3x1 .promotion-slider .overlay,
.games .grid-simple.grid-cols-7 .iatyp-tournament.i3x1 .promotion-slider .overlay {
bottom: 0;
}
.games .grid.grid-cols-10,
.games .grid-simple.grid-cols-10 {
margin-bottom: 0;
}
@media (min-width: 768px) {
.games .grid.grid-cols-10,
.games .grid-simple.grid-cols-10 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-10 .sizer,
.games .grid-simple.grid-cols-10 .sizer {
width: 16.66666667%;
padding: 0 !important;
}
.games .grid.grid-cols-10 > div .wrap,
.games .grid-simple.grid-cols-10 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-10.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-10.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-10.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-10.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-10 .bootstrap:after,
.games .grid-simple.grid-cols-10 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-10 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-10 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-10 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-10 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-10 .i1x1,
.games .grid-simple.grid-cols-10 .i1x1 {
width: 16.66666667%;
}
.games .grid.grid-cols-10 .i1x1:after,
.games .grid-simple.grid-cols-10 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-10 .i1x2,
.games .grid-simple.grid-cols-10 .i1x2 {
width: 16.66666667%;
}
.games .grid.grid-cols-10 .i1x2:after,
.games .grid-simple.grid-cols-10 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-10 .i1x3,
.games .grid-simple.grid-cols-10 .i1x3 {
width: 16.66666667%;
}
.games .grid.grid-cols-10 .i1x3:after,
.games .grid-simple.grid-cols-10 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-10 .i2x1,
.games .grid-simple.grid-cols-10 .i2x1 {
width: 33.33333333%;
}
.games .grid.grid-cols-10 .i2x1:after,
.games .grid-simple.grid-cols-10 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-10 .i2x2,
.games .grid-simple.grid-cols-10 .i2x2 {
width: 33.33333333%;
}
.games .grid.grid-cols-10 .i2x2:after,
.games .grid-simple.grid-cols-10 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-10 .i2x3,
.games .grid-simple.grid-cols-10 .i2x3 {
width: 33.33333333%;
}
.games .grid.grid-cols-10 .i2x3:after,
.games .grid-simple.grid-cols-10 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-10 .i3x1,
.games .grid-simple.grid-cols-10 .i3x1 {
width: 50%;
}
.games .grid.grid-cols-10 .i3x1:after,
.games .grid-simple.grid-cols-10 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-10 .i3x2,
.games .grid-simple.grid-cols-10 .i3x2 {
width: 50%;
}
.games .grid.grid-cols-10 .i3x2:after,
.games .grid-simple.grid-cols-10 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-10 .i3x3,
.games .grid-simple.grid-cols-10 .i3x3 {
width: 50%;
}
.games .grid.grid-cols-10 .i3x3:after,
.games .grid-simple.grid-cols-10 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1024px) {
.games .grid.grid-cols-10,
.games .grid-simple.grid-cols-10 {
margin-right: -11px;
margin-bottom: -11px;
margin-top: 11px;
}
.games .grid.grid-cols-10 .sizer,
.games .grid-simple.grid-cols-10 .sizer {
width: 12.5%;
padding: 0 !important;
}
.games .grid.grid-cols-10 > div .wrap,
.games .grid-simple.grid-cols-10 > div .wrap {
bottom: 11px;
right: 11px;
}
.games .grid.grid-cols-10.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-10.grid--name-alt > div .wrap {
bottom: 29px;
}
.games .grid.grid-cols-10.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-10.grid--name-normal > div .wrap {
bottom: 11px;
}
.games .grid.grid-cols-10 .bootstrap:after,
.games .grid-simple.grid-cols-10 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-10 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-10 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-10 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-10 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-10 .i1x1,
.games .grid-simple.grid-cols-10 .i1x1 {
width: 12.5%;
}
.games .grid.grid-cols-10 .i1x1:after,
.games .grid-simple.grid-cols-10 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-10 .i1x2,
.games .grid-simple.grid-cols-10 .i1x2 {
width: 12.5%;
}
.games .grid.grid-cols-10 .i1x2:after,
.games .grid-simple.grid-cols-10 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-10 .i1x3,
.games .grid-simple.grid-cols-10 .i1x3 {
width: 12.5%;
}
.games .grid.grid-cols-10 .i1x3:after,
.games .grid-simple.grid-cols-10 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-10 .i2x1,
.games .grid-simple.grid-cols-10 .i2x1 {
width: 25%;
}
.games .grid.grid-cols-10 .i2x1:after,
.games .grid-simple.grid-cols-10 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-10 .i2x2,
.games .grid-simple.grid-cols-10 .i2x2 {
width: 25%;
}
.games .grid.grid-cols-10 .i2x2:after,
.games .grid-simple.grid-cols-10 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-10 .i2x3,
.games .grid-simple.grid-cols-10 .i2x3 {
width: 25%;
}
.games .grid.grid-cols-10 .i2x3:after,
.games .grid-simple.grid-cols-10 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-10 .i3x1,
.games .grid-simple.grid-cols-10 .i3x1 {
width: 37.5%;
}
.games .grid.grid-cols-10 .i3x1:after,
.games .grid-simple.grid-cols-10 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-10 .i3x2,
.games .grid-simple.grid-cols-10 .i3x2 {
width: 37.5%;
}
.games .grid.grid-cols-10 .i3x2:after,
.games .grid-simple.grid-cols-10 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-10 .i3x3,
.games .grid-simple.grid-cols-10 .i3x3 {
width: 37.5%;
}
.games .grid.grid-cols-10 .i3x3:after,
.games .grid-simple.grid-cols-10 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 1280px) {
.games .grid.grid-cols-10,
.games .grid-simple.grid-cols-10 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-10 .sizer,
.games .grid-simple.grid-cols-10 .sizer {
width: 10%;
padding: 0 !important;
}
.games .grid.grid-cols-10 > div .wrap,
.games .grid-simple.grid-cols-10 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-10.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-10.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-10.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-10.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-10 .bootstrap:after,
.games .grid-simple.grid-cols-10 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-10 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-10 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-10 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-10 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-10 .i1x1,
.games .grid-simple.grid-cols-10 .i1x1 {
width: 10%;
}
.games .grid.grid-cols-10 .i1x1:after,
.games .grid-simple.grid-cols-10 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-10 .i1x2,
.games .grid-simple.grid-cols-10 .i1x2 {
width: 10%;
}
.games .grid.grid-cols-10 .i1x2:after,
.games .grid-simple.grid-cols-10 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-10 .i1x3,
.games .grid-simple.grid-cols-10 .i1x3 {
width: 10%;
}
.games .grid.grid-cols-10 .i1x3:after,
.games .grid-simple.grid-cols-10 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-10 .i2x1,
.games .grid-simple.grid-cols-10 .i2x1 {
width: 20%;
}
.games .grid.grid-cols-10 .i2x1:after,
.games .grid-simple.grid-cols-10 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-10 .i2x2,
.games .grid-simple.grid-cols-10 .i2x2 {
width: 20%;
}
.games .grid.grid-cols-10 .i2x2:after,
.games .grid-simple.grid-cols-10 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-10 .i2x3,
.games .grid-simple.grid-cols-10 .i2x3 {
width: 20%;
}
.games .grid.grid-cols-10 .i2x3:after,
.games .grid-simple.grid-cols-10 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-10 .i3x1,
.games .grid-simple.grid-cols-10 .i3x1 {
width: 30%;
}
.games .grid.grid-cols-10 .i3x1:after,
.games .grid-simple.grid-cols-10 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-10 .i3x2,
.games .grid-simple.grid-cols-10 .i3x2 {
width: 30%;
}
.games .grid.grid-cols-10 .i3x2:after,
.games .grid-simple.grid-cols-10 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-10 .i3x3,
.games .grid-simple.grid-cols-10 .i3x3 {
width: 30%;
}
.games .grid.grid-cols-10 .i3x3:after,
.games .grid-simple.grid-cols-10 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
@media (min-width: 2201px) {
.games .grid.grid-cols-10,
.games .grid-simple.grid-cols-10 {
margin-right: -12px;
margin-bottom: -12px;
margin-top: 12px;
}
.games .grid.grid-cols-10 .sizer,
.games .grid-simple.grid-cols-10 .sizer {
width: 8.33333333%;
padding: 0 !important;
}
.games .grid.grid-cols-10 > div .wrap,
.games .grid-simple.grid-cols-10 > div .wrap {
bottom: 12px;
right: 12px;
}
.games .grid.grid-cols-10.grid--name-alt > div .wrap,
.games .grid-simple.grid-cols-10.grid--name-alt > div .wrap {
bottom: 30px;
}
.games .grid.grid-cols-10.grid--name-normal > div .wrap,
.games .grid-simple.grid-cols-10.grid--name-normal > div .wrap {
bottom: 12px;
}
.games .grid.grid-cols-10 .bootstrap:after,
.games .grid-simple.grid-cols-10 .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.games .grid.grid-cols-10 .bootstrap-1x2:after,
.games .grid-simple.grid-cols-10 .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-10 .bootstrap-2x1:after,
.games .grid-simple.grid-cols-10 .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.games .grid.grid-cols-10 .i1x1,
.games .grid-simple.grid-cols-10 .i1x1 {
width: 8.33333333%;
}
.games .grid.grid-cols-10 .i1x1:after,
.games .grid-simple.grid-cols-10 .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x1:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-10 .i1x2,
.games .grid-simple.grid-cols-10 .i1x2 {
width: 8.33333333%;
}
.games .grid.grid-cols-10 .i1x2:after,
.games .grid-simple.grid-cols-10 .i1x2:after {
content: " ";
display: block;
padding-bottom: 150%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x2:after {
padding-bottom: calc(150% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x2:after {
padding-bottom: 150%;
}
.games .grid.grid-cols-10 .i1x3,
.games .grid-simple.grid-cols-10 .i1x3 {
width: 8.33333333%;
}
.games .grid.grid-cols-10 .i1x3:after,
.games .grid-simple.grid-cols-10 .i1x3:after {
content: " ";
display: block;
padding-bottom: 225%;
}
.games .grid.grid-cols-10.grid--name-alt .i1x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i1x3:after {
padding-bottom: calc(225% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i1x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i1x3:after {
padding-bottom: 225%;
}
.games .grid.grid-cols-10 .i2x1,
.games .grid-simple.grid-cols-10 .i2x1 {
width: 16.66666667%;
}
.games .grid.grid-cols-10 .i2x1:after,
.games .grid-simple.grid-cols-10 .i2x1:after {
content: " ";
display: block;
padding-bottom: 37.5%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x1:after {
padding-bottom: calc(37.5% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x1:after {
padding-bottom: 37.5%;
}
.games .grid.grid-cols-10 .i2x2,
.games .grid-simple.grid-cols-10 .i2x2 {
width: 16.66666667%;
}
.games .grid.grid-cols-10 .i2x2:after,
.games .grid-simple.grid-cols-10 .i2x2:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x2:after {
padding-bottom: calc(75% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x2:after {
padding-bottom: 75%;
}
.games .grid.grid-cols-10 .i2x3,
.games .grid-simple.grid-cols-10 .i2x3 {
width: 16.66666667%;
}
.games .grid.grid-cols-10 .i2x3:after,
.games .grid-simple.grid-cols-10 .i2x3:after {
content: " ";
display: block;
padding-bottom: 112.5%;
}
.games .grid.grid-cols-10.grid--name-alt .i2x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i2x3:after {
padding-bottom: calc(112.5% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i2x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i2x3:after {
padding-bottom: 112.5%;
}
.games .grid.grid-cols-10 .i3x1,
.games .grid-simple.grid-cols-10 .i3x1 {
width: 25%;
}
.games .grid.grid-cols-10 .i3x1:after,
.games .grid-simple.grid-cols-10 .i3x1:after {
content: " ";
display: block;
padding-bottom: 25%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x1:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x1:after {
padding-bottom: calc(25% + 18px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x1:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x1:after {
padding-bottom: 25%;
}
.games .grid.grid-cols-10 .i3x2,
.games .grid-simple.grid-cols-10 .i3x2 {
width: 25%;
}
.games .grid.grid-cols-10 .i3x2:after,
.games .grid-simple.grid-cols-10 .i3x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x2:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x2:after {
padding-bottom: calc(50% + 36px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x2:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x2:after {
padding-bottom: 50%;
}
.games .grid.grid-cols-10 .i3x3,
.games .grid-simple.grid-cols-10 .i3x3 {
width: 25%;
}
.games .grid.grid-cols-10 .i3x3:after,
.games .grid-simple.grid-cols-10 .i3x3:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid.grid-cols-10.grid--name-alt .i3x3:after,
.games .grid-simple.grid-cols-10.grid--name-alt .i3x3:after {
padding-bottom: calc(75% + 54px);
}
.games .grid.grid-cols-10.grid--name-normal .i3x3:after,
.games .grid-simple.grid-cols-10.grid--name-normal .i3x3:after {
padding-bottom: 75%;
}
}
.games .grid.grid-small .game,
.games .grid-simple.grid-small .game {
aspect-ratio: 1;
}
.games .grid.grid-two-columns .i1x1,
.games .grid-simple.grid-two-columns .i1x1,
.games .grid.grid-two-columns .i1x2,
.games .grid-simple.grid-two-columns .i1x2,
.games .grid.grid-two-columns .i2x1,
.games .grid-simple.grid-two-columns .i2x1,
.games .grid.grid-two-columns .i2x2,
.games .grid-simple.grid-two-columns .i2x2,
.games .grid.grid-two-columns .i3x1,
.games .grid-simple.grid-two-columns .i3x1 {
width: 50%;
}
.games .grid.grid-two-columns .iatyp-tournament,
.games .grid-simple.grid-two-columns .iatyp-tournament {
width: 100%;
}
.games .grid-slider,
.games .grid-simple-slider {
max-height: 150px;
overflow: hidden;
margin-bottom: 29px !important;
/* Arrows */
}
.games .grid-slider.slick-initialized,
.games .grid-simple-slider.slick-initialized {
max-height: unset;
overflow: unset;
}
.games .grid-slider.slick-initialized.slick-dotted,
.games .grid-simple-slider.slick-initialized.slick-dotted {
margin-bottom: 30px !important;
}
.games .grid-slider .slick-prev,
.games .grid-simple-slider .slick-prev,
.games .grid-slider .slick-next,
.games .grid-simple-slider .slick-next {
background-color: #ff5722;
height: 60px;
width: 20px;
top: 50%;
border-radius: 6px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
@media (min-width: 1024px) {
.games .grid-slider .slick-prev,
.games .grid-simple-slider .slick-prev,
.games .grid-slider .slick-next,
.games .grid-simple-slider .slick-next {
display: unset !important;
}
}
.games .grid-slider .slick-prev:hover,
.games .grid-simple-slider .slick-prev:hover,
.games .grid-slider .slick-next:hover,
.games .grid-simple-slider .slick-next:hover,
.games .grid-slider .slick-prev:focus,
.games .grid-simple-slider .slick-prev:focus,
.games .grid-slider .slick-next:focus,
.games .grid-simple-slider .slick-next:focus {
outline: none;
background-color: #ee3900;
color: transparent;
}
.games .grid-slider .slick-prev.slick-disabled,
.games .grid-simple-slider .slick-prev.slick-disabled,
.games .grid-slider .slick-next.slick-disabled,
.games .grid-simple-slider .slick-next.slick-disabled {
display: none !important;
}
.games .grid-slider .slick-prev.slick-disabled:before,
.games .grid-simple-slider .slick-prev.slick-disabled:before,
.games .grid-slider .slick-next.slick-disabled:before,
.games .grid-simple-slider .slick-next.slick-disabled:before {
opacity: 0.25;
}
.games .grid-slider .slick-prev:before,
.games .grid-simple-slider .slick-prev:before,
.games .grid-slider .slick-next:before,
.games .grid-simple-slider .slick-next:before {
font-family: 'FontAwesome';
color: white;
opacity: 1;
line-height: 60px;
text-align: center;
}
.games .grid-slider .slick-prev,
.games .grid-simple-slider .slick-prev {
left: 6px;
z-index: 1;
}
.games .grid-slider .slick-prev:before,
.games .grid-simple-slider .slick-prev:before {
content: "\f0d9";
}
.games .grid-slider .slick-next,
.games .grid-simple-slider .slick-next {
right: 18px;
}
.games .grid-slider .slick-next:before,
.games .grid-simple-slider .slick-next:before {
content: "\f0da";
}
@media (min-width: 768px) {
.games .grid-slider-rankings,
.games .grid-simple-slider-rankings {
padding-top: 17px;
padding-bottom: 16px;
}
}
.games .grid-slider-rankings .game,
.games .grid-simple-slider-rankings .game {
display: flex;
}
.games .grid-slider-rankings .game .wrap .overlay .buttons .btn,
.games .grid-simple-slider-rankings .game .wrap .overlay .buttons .btn {
width: 100% !important;
font-size: 19px !important;
}
@media (min-width: 1280px) {
.games .grid-slider-rankings .game .wrap .overlay .buttons .btn,
.games .grid-simple-slider-rankings .game .wrap .overlay .buttons .btn {
font-size: 36px !important;
}
}
.games .grid-slider-rankings .game .game-order,
.games .grid-simple-slider-rankings .game .game-order {
display: flex !important;
}
.games .grid-slider-rankings .game .tags,
.games .grid-simple-slider-rankings .game .tags {
left: 26px !important;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game .tags,
.games .grid-simple-slider-rankings .game .tags {
margin-left: 33px;
}
}
.games .grid-slider-rankings .game .provider,
.games .grid-simple-slider-rankings .game .provider {
font-size: 64px !important;
top: 5px !important;
}
.games .grid-slider-rankings .game .icons i,
.games .grid-simple-slider-rankings .game .icons i {
font-size: 14px !important;
}
.games .grid-slider-rankings .game .icons i.fa-star,
.games .grid-simple-slider-rankings .game .icons i.fa-star {
margin-left: 0 !important;
}
.games .grid-slider-rankings .game .name,
.games .grid-simple-slider-rankings .game .name {
font-size: 13px !important;
}
.games .grid-slider-rankings .game.i1x1 .wrap,
.games .grid-simple-slider-rankings .game.i1x1 .wrap,
.games .grid-slider-rankings .game.i1x1 .name--alt,
.games .grid-simple-slider-rankings .game.i1x1 .name--alt {
margin-left: 27px;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x1 .wrap,
.games .grid-simple-slider-rankings .game.i1x1 .wrap,
.games .grid-slider-rankings .game.i1x1 .name--alt,
.games .grid-simple-slider-rankings .game.i1x1 .name--alt {
margin-left: 60px;
}
}
.games .grid-slider-rankings .game.i1x1::after,
.games .grid-simple-slider-rankings .game.i1x1::after {
padding-bottom: calc(75% - 27px) !important;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x1::after,
.games .grid-simple-slider-rankings .game.i1x1::after {
padding-bottom: calc(75% - 60px) !important;
}
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x1 .game-order-large.game-order-large-twenty,
.games .grid-simple-slider-rankings .game.i1x1 .game-order-large.game-order-large-twenty {
font-size: 78px !important;
left: -20px !important;
letter-spacing: -5px !important;
}
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.49), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.49), (min-width: 768px) and (min-device-pixel-ratio: 1.49) {
.games .grid-slider-rankings .game.i1x2,
.games .grid-simple-slider-rankings .game.i1x2 {
zoom: 100%;
}
}
.games .grid-slider-rankings .game.i1x2 .wrap,
.games .grid-simple-slider-rankings .game.i1x2 .wrap,
.games .grid-slider-rankings .game.i1x2 .name--alt,
.games .grid-simple-slider-rankings .game.i1x2 .name--alt {
margin-left: 127px;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2 .wrap,
.games .grid-simple-slider-rankings .game.i1x2 .wrap,
.games .grid-slider-rankings .game.i1x2 .name--alt,
.games .grid-simple-slider-rankings .game.i1x2 .name--alt {
margin-left: 90px;
}
}
@media (min-width: 1600px) {
.games .grid-slider-rankings .game.i1x2 .wrap,
.games .grid-simple-slider-rankings .game.i1x2 .wrap,
.games .grid-slider-rankings .game.i1x2 .name--alt,
.games .grid-simple-slider-rankings .game.i1x2 .name--alt {
margin-left: 122px;
}
}
.games .grid-slider-rankings .game.i1x2::after,
.games .grid-simple-slider-rankings .game.i1x2::after {
padding-bottom: calc(2*75% - 37px) !important;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2::after,
.games .grid-simple-slider-rankings .game.i1x2::after {
padding-bottom: calc(80%*2 - 131px) !important;
}
}
.games .grid-slider-rankings .game.i1x2 .game-order,
.games .grid-simple-slider-rankings .game.i1x2 .game-order {
top: 51%;
font-size: 360px !important;
left: 8px !important;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2 .game-order,
.games .grid-simple-slider-rankings .game.i1x2 .game-order {
font-size: 150px !important;
}
}
@media (min-width: 1600px) {
.games .grid-slider-rankings .game.i1x2 .game-order,
.games .grid-simple-slider-rankings .game.i1x2 .game-order {
font-size: 360px !important;
}
}
.games .grid-slider-rankings .game.i1x2 .game-order-large,
.games .grid-simple-slider-rankings .game.i1x2 .game-order-large {
letter-spacing: -40px !important;
font-size: 262px !important;
left: -22px !important;
}
.games .grid-slider-rankings .game.i1x2 .tags,
.games .grid-simple-slider-rankings .game.i1x2 .tags {
margin-left: 95px;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2 .tags,
.games .grid-simple-slider-rankings .game.i1x2 .tags {
margin-left: 65px;
}
}
@media (min-width: 1600px) {
.games .grid-slider-rankings .game.i1x2 .tags,
.games .grid-simple-slider-rankings .game.i1x2 .tags {
margin-left: 95px;
}
}
.games .grid-slider-rankings .game.i1x2 .icons i,
.games .grid-simple-slider-rankings .game.i1x2 .icons i {
font-size: 14px !important;
}
.games .grid-slider-rankings .game.i1x2 .icons i.fa-star,
.games .grid-simple-slider-rankings .game.i1x2 .icons i.fa-star {
margin-left: 0 !important;
}
.games .grid-slider-rankings .game.i1x2 .provider,
.games .grid-simple-slider-rankings .game.i1x2 .provider {
top: 5px !important;
font-size: 83px !important;
}
.games .grid-slider-rankings .game.i2x1 .wrap,
.games .grid-simple-slider-rankings .game.i2x1 .wrap,
.games .grid-slider-rankings .game.i2x1 .name--alt,
.games .grid-simple-slider-rankings .game.i2x1 .name--alt {
margin-left: 27px;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i2x1 .wrap,
.games .grid-simple-slider-rankings .game.i2x1 .wrap,
.games .grid-slider-rankings .game.i2x1 .name--alt,
.games .grid-simple-slider-rankings .game.i2x1 .name--alt {
margin-left: 60px;
}
}
.games .grid-slider-rankings .game.i2x1::after,
.games .grid-simple-slider-rankings .game.i2x1::after {
padding-bottom: calc(75%/2 - 27px) !important;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i2x1::after,
.games .grid-simple-slider-rankings .game.i2x1::after {
padding-bottom: calc(75%/2 - 60px) !important;
}
}
.games .grid--swipe,
.games .grid-simple--swipe {
display: grid;
grid-auto-flow: column;
overflow-x: scroll;
overflow-y: hidden;
margin-left: -6px;
padding-left: 6px;
}
.games .grid--swipe .i1x1,
.games .grid-simple--swipe .i1x1,
.games .grid--swipe .i1x2,
.games .grid-simple--swipe .i1x2 {
width: 40vw;
width: calc(100vw / 2.5 - (12px / 2) / 2.5);
}
@media (min-width: 568px) {
.games .grid--swipe .i1x1,
.games .grid-simple--swipe .i1x1,
.games .grid--swipe .i1x2,
.games .grid-simple--swipe .i1x2 {
width: 16.5vw;
}
}
@media (min-width: 1024px) {
.games .grid--swipe .i1x1,
.games .grid-simple--swipe .i1x1,
.games .grid--swipe .i1x2,
.games .grid-simple--swipe .i1x2 {
width: 33.33vw;
}
}
.games .grid--swipe .i2x2,
.games .grid-simple--swipe .i2x2,
.games .grid--swipe .i2x1,
.games .grid-simple--swipe .i2x1 {
width: calc(2*(100vw / 2.5 - (12px / 2) / 2.5));
}
@media (min-width: 1024px) {
.games .grid--swipe .i2x2,
.games .grid-simple--swipe .i2x2,
.games .grid--swipe .i2x1,
.games .grid-simple--swipe .i2x1 {
width: 66.66vw;
}
}
.games .grid--swipe .i3x1,
.games .grid-simple--swipe .i3x1 {
width: calc(3*(100vw / 2.5 - (12px / 2) / 2.5));
}
@media (min-width: 1024px) {
.games .grid--swipe .i3x1,
.games .grid-simple--swipe .i3x1 {
width: 66.66vw;
}
}
.games .grid--swipe .grid-most-played,
.games .grid-simple--swipe .grid-most-played {
display: grid;
grid-auto-flow: column;
overflow-x: scroll;
margin-left: -10px;
padding-left: 10px;
}
.games .grid--swipe-rankings,
.games .grid-simple--swipe-rankings {
padding-top: 5px;
padding-bottom: 3px;
}
@media (min-width: 768px) {
.games .grid--swipe-rankings,
.games .grid-simple--swipe-rankings {
padding-top: 17px;
padding-bottom: 16px;
}
}
.games .grid--swipe-rankings .game,
.games .grid-simple--swipe-rankings .game {
display: flex;
}
.games .grid--swipe-rankings .game.i1x1 .wrap,
.games .grid-simple--swipe-rankings .game.i1x1 .wrap,
.games .grid--swipe-rankings .game.i1x1 .name--alt,
.games .grid-simple--swipe-rankings .game.i1x1 .name--alt {
margin-left: 40px;
}
@media (min-width: 768px) {
.games .grid--swipe-rankings .game.i1x1 .wrap,
.games .grid-simple--swipe-rankings .game.i1x1 .wrap,
.games .grid--swipe-rankings .game.i1x1 .name--alt,
.games .grid-simple--swipe-rankings .game.i1x1 .name--alt {
margin-left: 80px;
}
}
.games .grid--swipe-rankings .game.i1x1::after,
.games .grid-simple--swipe-rankings .game.i1x1::after {
padding-bottom: calc(75% - 40px) !important;
}
@media (min-width: 768px) {
.games .grid--swipe-rankings .game.i1x1::after,
.games .grid-simple--swipe-rankings .game.i1x1::after {
padding-bottom: calc(75% - 80px) !important;
}
}
.games .grid--swipe-rankings .game.i1x2 .wrap,
.games .grid-simple--swipe-rankings .game.i1x2 .wrap,
.games .grid--swipe-rankings .game.i1x2 .name--alt,
.games .grid-simple--swipe-rankings .game.i1x2 .name--alt {
margin-left: 40px;
}
@media (min-width: 768px) {
.games .grid--swipe-rankings .game.i1x2 .wrap,
.games .grid-simple--swipe-rankings .game.i1x2 .wrap,
.games .grid--swipe-rankings .game.i1x2 .name--alt,
.games .grid-simple--swipe-rankings .game.i1x2 .name--alt {
margin-left: 80px;
}
}
.games .grid--swipe-rankings .game.i1x2::after,
.games .grid-simple--swipe-rankings .game.i1x2::after {
padding-bottom: calc(2*75% - 40px) !important;
}
@media (min-width: 768px) {
.games .grid--swipe-rankings .game.i1x2::after,
.games .grid-simple--swipe-rankings .game.i1x2::after {
padding-bottom: calc(75%*2 - 80px) !important;
}
}
.games .grid--swipe-rankings .game.i2x1 .wrap,
.games .grid-simple--swipe-rankings .game.i2x1 .wrap,
.games .grid--swipe-rankings .game.i2x1 .name--alt,
.games .grid-simple--swipe-rankings .game.i2x1 .name--alt {
margin-left: 40px;
}
@media (min-width: 768px) {
.games .grid--swipe-rankings .game.i2x1 .wrap,
.games .grid-simple--swipe-rankings .game.i2x1 .wrap,
.games .grid--swipe-rankings .game.i2x1 .name--alt,
.games .grid-simple--swipe-rankings .game.i2x1 .name--alt {
margin-left: 80px;
}
}
.games .grid--swipe-rankings .game.i2x1::after,
.games .grid-simple--swipe-rankings .game.i2x1::after {
padding-bottom: calc(75%/2 - 40px) !important;
}
@media (min-width: 768px) {
.games .grid--swipe-rankings .game.i2x1::after,
.games .grid-simple--swipe-rankings .game.i2x1::after {
padding-bottom: calc(75%/2 - 80px) !important;
}
}
.games .grid--swipe-rankings .game .tags,
.games .grid-simple--swipe-rankings .game .tags {
left: 39px !important;
}
@media (min-width: 768px) {
.games .grid--swipe-rankings .game .tags,
.games .grid-simple--swipe-rankings .game .tags {
margin-left: 53px;
}
}
.games .grid--swipe-rankings .game .game-order,
.games .grid-simple--swipe-rankings .game .game-order {
display: flex !important;
}
.games .grid--swipe-two-rows,
.games .grid-simple--swipe-two-rows {
display: grid;
grid-template-rows: auto auto;
grid-auto-flow: column;
overflow-x: scroll;
}
@media (max-width: 768px) {
.games .grid--swipe-two-rows,
.games .grid-simple--swipe-two-rows {
margin-left: -6px;
padding-left: 6px;
}
}
.games .grid--swipe-two-rows .i1x1,
.games .grid-simple--swipe-two-rows .i1x1 {
width: calc(100vw / 2.5 - (12px / 2) / 2.5);
}
@media (min-width: 1024px) {
.games .grid--swipe-two-rows .i1x1,
.games .grid-simple--swipe-two-rows .i1x1 {
width: 33.33vw;
}
}
.games .grid--swipe-two-rows .i1x2,
.games .grid-simple--swipe-two-rows .i1x2 {
width: calc(2*(100vw / 2.5 - (12px / 2) / 2.5));
}
@media (min-width: 1024px) {
.games .grid--swipe-two-rows .i1x2,
.games .grid-simple--swipe-two-rows .i1x2 {
width: 66.66vw;
}
}
.games .grid.grid-11 .i1x1:after,
.games .grid-simple.grid-11 .i1x1:after {
padding-bottom: 100% !important;
}
.games .grid.grid-11.grid--name-alt .i1x1:after,
.games .grid-simple.grid-11.grid--name-alt .i1x1:after {
padding-bottom: calc(100% + 18px) !important;
}
.games .grid.grid-43 .i1x1:after,
.games .grid-simple.grid-43 .i1x1:after {
padding-bottom: 75% !important;
}
.games .grid.grid-43.grid--name-alt .i1x1:after,
.games .grid-simple.grid-43.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px) !important;
}
.games .grid.grid-54 .i1x1:after,
.games .grid-simple.grid-54 .i1x1:after {
padding-bottom: 80% !important;
}
.games .grid.grid-54.grid--name-alt .i1x1:after,
.games .grid-simple.grid-54.grid--name-alt .i1x1:after {
padding-bottom: calc(80% + 18px) !important;
}
.games .grid.grid--name-alt .i1x1:after,
.games .grid-simple.grid--name-alt .i1x1:after {
padding-bottom: calc(75% + 18px);
}
.games .grid.grid--name-alt .i1x2:after,
.games .grid-simple.grid--name-alt .i1x2:after {
padding-bottom: calc((75% * 2) + 36px);
}
.games .grid.grid--name-alt .wrap .overlay .name,
.games .grid-simple.grid--name-alt .wrap .overlay .name {
display: none;
}
.games .grid.grid--name-alt .name--alt,
.games .grid-simple.grid--name-alt .name--alt {
display: block !important;
}
.games .grid.grid--name-normal .i1x1:after,
.games .grid-simple.grid--name-normal .i1x1:after {
padding-bottom: calc(75%);
}
.games .grid.grid--name-normal .i1x2:after,
.games .grid-simple.grid--name-normal .i1x2:after {
padding-bottom: calc(75% * 2);
}
.games .grid.grid--name-normal .wrap .overlay .name,
.games .grid-simple.grid--name-normal .wrap .overlay .name {
display: block !important;
}
.games .grid.grid--name-normal .name--alt,
.games .grid-simple.grid--name-normal .name--alt {
display: none !important;
}
.games .grid.grid-wrapper-big-items,
.games .grid-simple.grid-wrapper-big-items {
margin-bottom: 0;
}
.games .grid-wrapper.grid-small .game,
.games .grid-simple-wrapper.grid-small .game {
aspect-ratio: 1;
}
.games .grid-wrapper:has(.grid-wrapper__background),
.games .grid-simple-wrapper:has(.grid-wrapper__background) {
display: flex;
position: relative;
height: 270px;
justify-content: normal;
align-items: flex-end;
margin-bottom: 18px;
margin-top: 12px;
}
.games .grid-wrapper--banner:has(.h3),
.games .grid-simple-wrapper--banner:has(.h3) {
margin-top: 36px !important;
}
@media (min-width: 768px) {
.games .grid-wrapper--banner:has(.h3),
.games .grid-simple-wrapper--banner:has(.h3) {
margin-top: 54px !important;
}
}
.games .grid-wrapper--banner .h3,
.games .grid-simple-wrapper--banner .h3 {
position: absolute;
bottom: 270px;
left: 0;
}
.games .grid-wrapper--banner .game::before,
.games .grid-simple-wrapper--banner .game::before {
display: none;
}
.games .grid-wrapper__background,
.games .grid-simple-wrapper__background {
height: 270px;
margin-top: 24px;
width: 100%;
position: absolute;
}
.games .grid-wrapper__background .img,
.games .grid-simple-wrapper__background .img {
height: 100%;
background-size: cover;
background-position: center;
border-radius: 6px;
}
.games .grid-wrapper .blaze-slider--banner,
.games .grid-simple-wrapper .blaze-slider--banner {
width: 80%;
margin-left: 10%;
margin-bottom: 0;
}
@media (min-width: 768px) {
.games .grid-wrapper .blaze-slider--banner,
.games .grid-simple-wrapper .blaze-slider--banner {
width: 80%;
margin-left: 10%;
margin-top: calc(-143px * 75 / 100 - 12px);
margin-bottom: 12px;
}
}
@media (min-width: 1300px) {
.games .grid-wrapper .blaze-slider--banner,
.games .grid-simple-wrapper .blaze-slider--banner {
width: 60%;
margin-left: 20%;
margin-top: calc(-143px * 75 / 100 - 12px);
margin-bottom: 12px;
}
}
.games .grid-wrapper .blaze-slider--banner .blaze-next,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-next,
.games .grid-wrapper .blaze-slider--banner .blaze-prev,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-prev {
display: none;
top: 50%;
}
@media (min-width: 768px) {
.games .grid-wrapper .blaze-slider--banner .blaze-next,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-next,
.games .grid-wrapper .blaze-slider--banner .blaze-prev,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-prev {
top: 50%;
display: block;
opacity: 1;
}
}
.games .grid-wrapper .blaze-slider--banner .blaze-next,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-next {
right: -26px;
}
@media (min-width: 768px) {
.games .grid-wrapper .blaze-slider--banner .blaze-next,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-next {
right: -32px;
}
}
.games .grid-wrapper .blaze-slider--banner .blaze-prev,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-prev {
left: -26px;
}
@media (min-width: 768px) {
.games .grid-wrapper .blaze-slider--banner .blaze-prev,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-prev {
left: -32px;
}
}
@media (min-width: 768px) {
.games .grid-wrapper .blaze-slider--banner .blaze-pagination,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-pagination {
display: none;
}
}
.games .grid-wrapper .blaze-slider--banner .blaze-pagination button:before,
.games .grid-simple-wrapper .blaze-slider--banner .blaze-pagination button:before {
line-height: 20px;
}
.games .grid-wrapper .blaze-slider--banner .game .wrap,
.games .grid-simple-wrapper .blaze-slider--banner .game .wrap {
bottom: 0 !important;
}
.games .grid-wrapper .blaze-slider--banner .game .wrap .overlay .buttons .btn,
.games .grid-simple-wrapper .blaze-slider--banner .game .wrap .overlay .buttons .btn {
width: 100%;
font-size: 30px !important;
line-height: 30px !important;
}
@media (min-width: 1300px) {
.games .grid-wrapper .blaze-slider--banner .game .wrap .overlay .buttons .btn,
.games .grid-simple-wrapper .blaze-slider--banner .game .wrap .overlay .buttons .btn {
width: 100%;
font-size: 35px !important;
line-height: 35px !important;
}
}
.games .grid-wrapper .blaze-slider--banner .game:after,
.games .grid-simple-wrapper .blaze-slider--banner .game:after {
padding-bottom: 75% !important;
}
.games .grid-wrapper .blaze-slider--banner .game:hover .wrap .overlay .name,
.games .grid-simple-wrapper .blaze-slider--banner .game:hover .wrap .overlay .name {
bottom: 2px !important;
}
.games .grid-wrapper .blaze-slider--banner .game .name--alt,
.games .grid-simple-wrapper .blaze-slider--banner .game .name--alt {
display: none !important;
}
@media (min-width: 768px) {
.games .grid-wrapper:has(.grid--swipe-banner),
.games .grid-simple-wrapper:has(.grid--swipe-banner) {
position: relative;
overflow: hidden;
}
}
.games .slick-slide > div > .game {
float: left;
position: relative;
padding: 0;
cursor: pointer;
overflow: hidden;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game {
cursor: auto;
}
}
.games .slick-slide > div > .game .game-order {
display: none;
position: absolute;
top: 48%;
transform: translateY(-50%);
font-size: 105px;
left: -7px;
justify-content: end;
align-items: center;
width: 60px;
color: white;
font-weight: 600;
letter-spacing: -7px;
padding-right: 2px;
-webkit-text-stroke: 2px #ff5722;
color: transparent;
background: transparent;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .game-order {
top: 50%;
font-size: 72px;
left: -34px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
@media (min-width: 1600px) {
.games .slick-slide > div > .game .game-order {
top: 50%;
font-size: 184px;
left: -16px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
.games .slick-slide > div > .game .game-order-large {
letter-spacing: -13px;
font-size: 77px;
left: -15px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .game-order-large {
font-size: 112px;
left: -32px;
letter-spacing: -17px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.i1x2 .games .slick-slide > div > .game .game-order {
font-size: 136px !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.i1x2 .games .slick-slide > div > .game .game-order {
font-size: 136px !important;
}
}
.games .slick-slide > div > .game .wrap {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 6px;
}
.games .slick-slide > div > .game .wrap::before {
content: attr(data-name);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
width: 100%;
z-index: 1;
position: absolute;
left: 0;
right: 6px;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .wrap::before {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
}
}
.games .slick-slide > div > .game .wrap .img {
position: absolute;
top: 0;
bottom: 0;
left: 0%;
right: 0%;
background-size: cover;
background-position: center center;
transition: all 0.5s;
}
.games .slick-slide > div > .game .wrap .img.blocked {
opacity: 0.15;
}
.games .slick-slide > div > .game .wrap .img.scheduled {
opacity: 0.15;
}
.games .slick-slide > div > .game .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .slick-slide > div > .game .wrap .dealer-name {
position: absolute;
right: 0;
top: 2%;
background: rgba(0, 0, 0, 0.3);
color: white;
padding: 2px 5px;
opacity: 1;
transition: all 0.3s;
}
.games .slick-slide > div > .game .wrap .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
overflow: hidden;
visibility: hidden;
}
.games .slick-slide > div > .game .wrap .overlay .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
cursor: pointer;
}
.games .slick-slide > div > .game .wrap .overlay .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .wrap .overlay .icons .stechicons {
font-size: 18px;
}
}
.games .slick-slide > div > .game .wrap .overlay .icons a {
margin-left: 1px;
}
.games .slick-slide > div > .game .wrap .overlay .icons a:hover .fa {
color: #ffffff;
}
.games .slick-slide > div > .game .wrap .overlay .icons .fa {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .wrap .overlay .icons .fa {
font-size: 18px;
}
}
.games .slick-slide > div > .game .wrap .overlay .icons .fa.fa-mobile {
font-size: 23px;
position: relative;
top: -3px;
}
.games .slick-slide > div > .game .wrap .overlay .icons .fa.fa-star {
cursor: pointer;
}
.games .slick-slide > div > .game .wrap .overlay .icons .fa.fa-star:before {
content: "\f006";
}
@media (min-width: 1024px) {
.games .slick-slide > div > .game .wrap .overlay .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
}
.games .slick-slide > div > .game .wrap .overlay .icons .fa.fa-star.selected:before {
color: #fbc103 !important;
content: "\f005" !important;
}
.games .slick-slide > div > .game .wrap .overlay .provider {
display: none;
display: block;
color: white;
font-size: 128px;
text-align: center;
position: relative;
top: -50px;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.games .slick-slide > div > .game .wrap .overlay .buttons {
position: absolute;
width: 100%;
top: 120%;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: -18.5px;
}
.games .slick-slide > div > .game .wrap .overlay .buttons .btn {
margin-bottom: 2px;
width: 95%;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .wrap .overlay .buttons .btn {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.games .slick-slide > div > .game .wrap .overlay .buttons .btn {
margin-bottom: 3px;
width: 120px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
line-height: 24px;
padding-left: 0;
padding-right: 0;
}
}
.games .slick-slide > div > .game .wrap .overlay .buttons .btn-link {
display: inline-block;
color: #fff;
}
.games .slick-slide > div > .game .wrap .overlay .buttons .btn-link:hover {
text-decoration: underline;
}
.games .slick-slide > div > .game .wrap .overlay .buttons .btn-link--play {
font-size: 36px;
line-height: 72px;
}
.games .slick-slide > div > .game .wrap .overlay .buttons .btn-link--play:hover {
text-decoration: none;
}
.games .slick-slide > div > .game .wrap > div.blocked {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
text-align: center;
}
.games .slick-slide > div > .game .wrap > div.blocked span {
display: inline-block;
position: relative;
top: 50%;
margin-top: -32px;
font-size: 16px;
text-align: center;
}
.games .slick-slide > div > .game .wrap > div.blocked span .fa {
font-size: 45px;
}
.games .slick-slide > div > .game .wrap .scheduled:not(.img) {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.games .slick-slide > div > .game .wrap .scheduled:not(.img) span {
padding: 5px 10px;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1920px) {
.games .slick-slide > div > .game .wrap .scheduled:not(.img) span {
font-size: 16px;
}
}
.games .slick-slide > div > .game .wrap .scheduled:not(.img) span i {
margin-bottom: 11px;
font-size: 80px;
}
.games .slick-slide > div > .game .game-metadata {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
width: 100%;
font-size: 10px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .game-metadata {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
padding-top: 8px;
}
}
.games .slick-slide > div > .game .game-metadata .lastResults {
display: flex;
justify-content: start;
margin-bottom: 0px;
flex-wrap: wrap;
}
@media (min-width: 1920px) {
.games .slick-slide > div > .game .game-metadata .lastResults {
justify-content: space-between;
}
}
.games .slick-slide > div > .game .game-metadata .lastResults .lastResult {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background: green;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
font-size: 8px;
margin-bottom: 5px;
position: relative;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .game-metadata .lastResults .lastResult {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.games .slick-slide > div > .game .game-metadata .lastResults .lastResult {
width: 13.286%;
margin-bottom: 5px;
}
}
.games .slick-slide > div > .game .game-metadata .lastResults .lastResult:first-of-type {
border: 2px solid #ffffff;
}
.games .slick-slide > div > .game .game-metadata .lastResults .lastResult.red {
background: red;
}
.games .slick-slide > div > .game .game-metadata .lastResults .lastResult.black {
background: black;
}
.games .slick-slide > div > .game .game-metadata .seats {
display: flex;
justify-content: space-between;
}
.games .slick-slide > div > .game .game-metadata .seats .seat {
text-align: center;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
background: black;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
position: relative;
overflow: hidden;
border: 3px solid black;
margin-bottom: 5px;
}
@media (min-width: 1920px) {
.games .slick-slide > div > .game .game-metadata .seats .seat {
width: 13.286%;
border: 4px solid black;
}
}
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::before,
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 4px;
background-color: red;
transform-origin: center;
}
@media (min-width: 1024px) {
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::before,
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::after {
height: 2px;
}
}
@media (min-width: 1280px) {
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::before,
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::after {
height: 4px;
}
}
@media (min-width: 1920px) {
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::before,
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::after {
height: 7px;
}
}
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.games .slick-slide > div > .game .game-metadata .seats .seat.occupied::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.games .slick-slide > div > .game .game-metadata .seats .seat.empty::before {
color: white;
position: absolute;
top: -8%;
left: 50%;
transform: translateX(-50%);
font-size: 155%;
}
@media (min-width: 1024px) {
.games .slick-slide > div > .game .game-metadata .seats .seat.empty::before {
font-size: 91%;
}
}
@media (min-width: 1280px) {
.games .slick-slide > div > .game .game-metadata .seats .seat.empty::before {
font-size: 120%;
}
}
@media (min-width: 1920px) {
.games .slick-slide > div > .game .game-metadata .seats .seat.empty::before {
font-size: 210%;
}
}
.games .slick-slide > div > .game .tags {
position: absolute;
top: -1px;
left: -1px;
background-size: cover;
background-position: top left;
width: 33px;
height: 33px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game .tags {
width: 50px;
height: 50px;
}
}
.games .slick-slide > div > .game .tags--new {
background-image: url(/Content/Images/New.png);
}
.games .slick-slide > div > .game .tags--top {
background-image: url(/Content/Images/Top.png);
}
.games .slick-slide > div > .game .tags-jackpot {
position: absolute;
top: 4%;
left: 50%;
transform: translateX(-50%);
width: 50%;
transition: all 0.5s;
}
.games .slick-slide > div > .game:not(.noblur):hover .wrap::before,
.games .slick-slide > div > .game:not(.noblur).hover .wrap::before {
bottom: 7px;
}
.games .slick-slide > div > .game:not(.noblur):hover .wrap .img,
.games .slick-slide > div > .game:not(.noblur).hover .wrap .img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
@media (min-width: 768px) {
.games .slick-slide > div > .game:not(.noblur):hover .wrap .img,
.games .slick-slide > div > .game:not(.noblur).hover .wrap .img {
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
.games .slick-slide > div > .game:not(.noblur):hover .wrap .img.game-hidden,
.games .slick-slide > div > .game:not(.noblur).hover .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .slick-slide > div > .game:not(.noblur):hover .wrap .dealer-name,
.games .slick-slide > div > .game:not(.noblur).hover .wrap .dealer-name {
-webkit-filter: blur(6px);
filter: blur(6px);
opacity: 0;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game:not(.noblur):hover .wrap .overlay,
.games .slick-slide > div > .game:not(.noblur).hover .wrap .overlay {
visibility: visible;
opacity: 1;
}
.games .slick-slide > div > .game:not(.noblur):hover .wrap .overlay .buttons,
.games .slick-slide > div > .game:not(.noblur).hover .wrap .overlay .buttons {
margin-top: 3px;
top: 50%;
transform: translate(0, -50%);
}
.games .slick-slide > div > .game:not(.noblur):hover .wrap .overlay .provider,
.games .slick-slide > div > .game:not(.noblur).hover .wrap .overlay .provider {
top: 0;
}
}
.games .slick-slide > div > .game:not(.noblur):hover .wrap .tags-jackpot,
.games .slick-slide > div > .game:not(.noblur).hover .wrap .tags-jackpot {
filter: blur(6px);
}
@media (min-width: 768px) {
.games .slick-slide > div > .game:not(.noblur):hover .game-metadata,
.games .slick-slide > div > .game:not(.noblur).hover .game-metadata {
bottom: 8px;
}
}
.games .slick-slide > div > .game:not(.noblur):hover::before,
.games .slick-slide > div > .game:not(.noblur).hover::before {
bottom: 8px;
}
.games .slick-slide > div > .game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .slick-slide > div > .game.game--live-table:hover .buttons {
top: 43% !important;
transform: translate(0, -47%) scale(0.9) !important;
}
@media (min-width: 1024px) {
.games .slick-slide > div > .game.game--live-table:hover .buttons {
top: 31% !important;
transform: translate(0, -47%) !important;
}
}
@media (min-width: 1920px) {
.games .slick-slide > div > .game.game--live-table:hover .buttons {
top: 50% !important;
transform: translate(0, -50%) !important;
}
}
.games .slick-slide > div > .game.i2x2 .wrap .overlay {
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#80000000', GradientType=0);
}
.games .slick-slide > div > .game.i2x2 .wrap .overlay .buttons {
bottom: -20%;
top: auto;
height: 40px;
}
.games .slick-slide > div > .game.i2x2 .wrap .overlay .buttons br {
display: none;
}
.games .slick-slide > div > .game.i2x2:hover .wrap .overlay .buttons {
bottom: 40px;
top: auto;
}
.games .slick-slide > div > .game.game--live-table .game-metadata {
bottom: 0;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding-bottom: 4px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.game--live-table .game-metadata {
padding-bottom: 8px;
bottom: -25px;
}
}
.games .slick-slide > div > .game.game--live-table .game-metadata small div {
margin-top: 3px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.game--live-table .game-metadata:has(.seat) {
bottom: -46px;
}
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.game--live-table:not(.noblur):hover .game-metadata,
.games .slick-slide > div > .game.game--live-table:not(.noblur).hover .game-metadata {
bottom: 0;
}
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.games .slick-slide > div > .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat) {
bottom: 0px;
}
}
.games .slick-slide > div > .game.game-simplified {
transition: all 0.3s;
}
.games .slick-slide > div > .game.game-simplified .wrap {
cursor: pointer;
}
.games .slick-slide > div > .game.game-simplified .wrap:before {
bottom: 10px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.game-simplified .wrap:before {
bottom: 11px;
}
}
.games .slick-slide > div > .game.game-simplified .wrap .img::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid white;
mix-blend-mode: overlay;
border-radius: 6px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.game-simplified:not(.noblur):hover,
.games .slick-slide > div > .game.game-simplified:not(.noblur).hover {
transform: scale(1.05);
}
}
.games .slick-slide > div > .game.game-simplified:not(.noblur):hover .wrap::before,
.games .slick-slide > div > .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 10px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.game-simplified:not(.noblur):hover .wrap::before,
.games .slick-slide > div > .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 11px;
}
}
.games .slick-slide > div > .game.game-simplified:not(.noblur):hover .img,
.games .slick-slide > div > .game.game-simplified:not(.noblur).hover .img {
-webkit-filter: none !important;
filter: none !important;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.game-simplified.i1x2:not(.noblur):hover,
.games .slick-slide > div > .game.game-simplified.i2x1:not(.noblur):hover,
.games .slick-slide > div > .game.game-simplified.i2x2:not(.noblur):hover,
.games .slick-slide > div > .game.game-simplified.i1x2:not(.noblur).hover,
.games .slick-slide > div > .game.game-simplified.i2x1:not(.noblur).hover,
.games .slick-slide > div > .game.game-simplified.i2x2:not(.noblur).hover {
transform: scale(1.02);
}
}
.games .slick-slide > div > .game.scratchcard .wrap .img {
right: 68%;
}
.games .slick-slide > div > .game.scratchcard .wrap .text {
position: absolute;
left: 34.5%;
right: 0;
top: 0;
bottom: 0;
color: #fff;
}
.games .slick-slide > div > .game.scratchcard .wrap .text > table {
width: 100%;
height: 100%;
}
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td {
height: 100%;
}
@media (min-width: 1024px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td {
font-size: 0.95em;
}
}
@media (min-width: 1280px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td {
font-size: 1em;
}
}
@media (min-width: 1600px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td {
font-size: 1.15em;
padding-left: 6px;
}
}
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .headline {
font-size: 1.2em;
margin-bottom: 3px;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .headline {
font-size: 1.4em;
}
}
@media (min-width: 1280px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .headline {
font-size: 1.5em;
margin-bottom: 12px;
}
}
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr td {
font-size: 0.9em;
width: 57.5%;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr td {
font-size: 1em;
}
}
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr.price {
font-weight: bold;
}
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr.price td {
vertical-align: bottom;
}
@media (min-width: 568px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr.price td {
padding-top: 12px;
}
}
@media (min-width: 568px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr.price td {
padding-top: 0;
}
}
@media (min-width: 1280px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr.price td {
padding-top: 12px;
}
}
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr.price td + td {
color: #41ff9e;
}
@media (min-width: 768px) {
.games .slick-slide > div > .game.scratchcard .wrap .text > table > tbody > tr > td .info > table tr.price td + td {
font-size: 1.2em;
}
}
.games .slick-slide > div > .game.scratchcard .wrap .overlay .buttons .btn {
width: 50%;
}
@media (min-width: 1280px) {
.games .slick-slide > div > .game.scratchcard .wrap .overlay .buttons .btn {
width: 33.333%;
}
}
.games .blaze-track .game {
float: left;
position: relative;
padding: 0;
cursor: pointer;
overflow: hidden;
float: none;
}
@media (min-width: 768px) {
.games .blaze-track .game {
cursor: auto;
}
}
.games .blaze-track .game .game-order {
display: none;
position: absolute;
top: 48%;
transform: translateY(-50%);
font-size: 105px;
left: -7px;
justify-content: end;
align-items: center;
width: 60px;
color: white;
font-weight: 600;
letter-spacing: -7px;
padding-right: 2px;
-webkit-text-stroke: 2px #ff5722;
color: transparent;
background: transparent;
}
@media (min-width: 768px) {
.games .blaze-track .game .game-order {
top: 50%;
font-size: 72px;
left: -34px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
@media (min-width: 1600px) {
.games .blaze-track .game .game-order {
top: 50%;
font-size: 184px;
left: -16px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
.games .blaze-track .game .game-order-large {
letter-spacing: -13px;
font-size: 77px;
left: -15px;
}
@media (min-width: 768px) {
.games .blaze-track .game .game-order-large {
font-size: 112px;
left: -32px;
letter-spacing: -17px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.i1x2 .games .blaze-track .game .game-order {
font-size: 136px !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.i1x2 .games .blaze-track .game .game-order {
font-size: 136px !important;
}
}
.games .blaze-track .game .wrap {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 6px;
}
.games .blaze-track .game .wrap::before {
content: attr(data-name);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
width: 100%;
z-index: 1;
position: absolute;
left: 0;
right: 6px;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
@media (min-width: 768px) {
.games .blaze-track .game .wrap::before {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
}
}
.games .blaze-track .game .wrap .img {
position: absolute;
top: 0;
bottom: 0;
left: 0%;
right: 0%;
background-size: cover;
background-position: center center;
transition: all 0.5s;
}
.games .blaze-track .game .wrap .img.blocked {
opacity: 0.15;
}
.games .blaze-track .game .wrap .img.scheduled {
opacity: 0.15;
}
.games .blaze-track .game .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .blaze-track .game .wrap .dealer-name {
position: absolute;
right: 0;
top: 2%;
background: rgba(0, 0, 0, 0.3);
color: white;
padding: 2px 5px;
opacity: 1;
transition: all 0.3s;
}
.games .blaze-track .game .wrap .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
overflow: hidden;
visibility: hidden;
}
.games .blaze-track .game .wrap .overlay .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
cursor: pointer;
}
.games .blaze-track .game .wrap .overlay .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.games .blaze-track .game .wrap .overlay .icons .stechicons {
font-size: 18px;
}
}
.games .blaze-track .game .wrap .overlay .icons a {
margin-left: 1px;
}
.games .blaze-track .game .wrap .overlay .icons a:hover .fa {
color: #ffffff;
}
.games .blaze-track .game .wrap .overlay .icons .fa {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.games .blaze-track .game .wrap .overlay .icons .fa {
font-size: 18px;
}
}
.games .blaze-track .game .wrap .overlay .icons .fa.fa-mobile {
font-size: 23px;
position: relative;
top: -3px;
}
.games .blaze-track .game .wrap .overlay .icons .fa.fa-star {
cursor: pointer;
}
.games .blaze-track .game .wrap .overlay .icons .fa.fa-star:before {
content: "\f006";
}
@media (min-width: 1024px) {
.games .blaze-track .game .wrap .overlay .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
}
.games .blaze-track .game .wrap .overlay .icons .fa.fa-star.selected:before {
color: #fbc103 !important;
content: "\f005" !important;
}
.games .blaze-track .game .wrap .overlay .provider {
display: none;
display: block;
color: white;
font-size: 128px;
text-align: center;
position: relative;
top: -50px;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.games .blaze-track .game .wrap .overlay .buttons {
position: absolute;
width: 100%;
top: 120%;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: -18.5px;
}
.games .blaze-track .game .wrap .overlay .buttons .btn {
margin-bottom: 2px;
width: 95%;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
}
@media (min-width: 768px) {
.games .blaze-track .game .wrap .overlay .buttons .btn {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.games .blaze-track .game .wrap .overlay .buttons .btn {
margin-bottom: 3px;
width: 120px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
line-height: 24px;
padding-left: 0;
padding-right: 0;
}
}
.games .blaze-track .game .wrap .overlay .buttons .btn-link {
display: inline-block;
color: #fff;
}
.games .blaze-track .game .wrap .overlay .buttons .btn-link:hover {
text-decoration: underline;
}
.games .blaze-track .game .wrap .overlay .buttons .btn-link--play {
font-size: 36px;
line-height: 72px;
}
.games .blaze-track .game .wrap .overlay .buttons .btn-link--play:hover {
text-decoration: none;
}
.games .blaze-track .game .wrap > div.blocked {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
text-align: center;
}
.games .blaze-track .game .wrap > div.blocked span {
display: inline-block;
position: relative;
top: 50%;
margin-top: -32px;
font-size: 16px;
text-align: center;
}
.games .blaze-track .game .wrap > div.blocked span .fa {
font-size: 45px;
}
.games .blaze-track .game .wrap .scheduled:not(.img) {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.games .blaze-track .game .wrap .scheduled:not(.img) span {
padding: 5px 10px;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1920px) {
.games .blaze-track .game .wrap .scheduled:not(.img) span {
font-size: 16px;
}
}
.games .blaze-track .game .wrap .scheduled:not(.img) span i {
margin-bottom: 11px;
font-size: 80px;
}
.games .blaze-track .game .game-metadata {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
width: 100%;
font-size: 10px;
}
@media (min-width: 768px) {
.games .blaze-track .game .game-metadata {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
padding-top: 8px;
}
}
.games .blaze-track .game .game-metadata .lastResults {
display: flex;
justify-content: start;
margin-bottom: 0px;
flex-wrap: wrap;
}
@media (min-width: 1920px) {
.games .blaze-track .game .game-metadata .lastResults {
justify-content: space-between;
}
}
.games .blaze-track .game .game-metadata .lastResults .lastResult {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background: green;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
font-size: 8px;
margin-bottom: 5px;
position: relative;
}
@media (min-width: 768px) {
.games .blaze-track .game .game-metadata .lastResults .lastResult {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.games .blaze-track .game .game-metadata .lastResults .lastResult {
width: 13.286%;
margin-bottom: 5px;
}
}
.games .blaze-track .game .game-metadata .lastResults .lastResult:first-of-type {
border: 2px solid #ffffff;
}
.games .blaze-track .game .game-metadata .lastResults .lastResult.red {
background: red;
}
.games .blaze-track .game .game-metadata .lastResults .lastResult.black {
background: black;
}
.games .blaze-track .game .game-metadata .seats {
display: flex;
justify-content: space-between;
}
.games .blaze-track .game .game-metadata .seats .seat {
text-align: center;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
background: black;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
position: relative;
overflow: hidden;
border: 3px solid black;
margin-bottom: 5px;
}
@media (min-width: 1920px) {
.games .blaze-track .game .game-metadata .seats .seat {
width: 13.286%;
border: 4px solid black;
}
}
.games .blaze-track .game .game-metadata .seats .seat.occupied::before,
.games .blaze-track .game .game-metadata .seats .seat.occupied::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 4px;
background-color: red;
transform-origin: center;
}
@media (min-width: 1024px) {
.games .blaze-track .game .game-metadata .seats .seat.occupied::before,
.games .blaze-track .game .game-metadata .seats .seat.occupied::after {
height: 2px;
}
}
@media (min-width: 1280px) {
.games .blaze-track .game .game-metadata .seats .seat.occupied::before,
.games .blaze-track .game .game-metadata .seats .seat.occupied::after {
height: 4px;
}
}
@media (min-width: 1920px) {
.games .blaze-track .game .game-metadata .seats .seat.occupied::before,
.games .blaze-track .game .game-metadata .seats .seat.occupied::after {
height: 7px;
}
}
.games .blaze-track .game .game-metadata .seats .seat.occupied::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.games .blaze-track .game .game-metadata .seats .seat.occupied::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.games .blaze-track .game .game-metadata .seats .seat.empty::before {
color: white;
position: absolute;
top: -8%;
left: 50%;
transform: translateX(-50%);
font-size: 155%;
}
@media (min-width: 1024px) {
.games .blaze-track .game .game-metadata .seats .seat.empty::before {
font-size: 91%;
}
}
@media (min-width: 1280px) {
.games .blaze-track .game .game-metadata .seats .seat.empty::before {
font-size: 120%;
}
}
@media (min-width: 1920px) {
.games .blaze-track .game .game-metadata .seats .seat.empty::before {
font-size: 210%;
}
}
.games .blaze-track .game .tags {
position: absolute;
top: -1px;
left: -1px;
background-size: cover;
background-position: top left;
width: 33px;
height: 33px;
}
@media (min-width: 768px) {
.games .blaze-track .game .tags {
width: 50px;
height: 50px;
}
}
.games .blaze-track .game .tags--new {
background-image: url(/Content/Images/New.png);
}
.games .blaze-track .game .tags--top {
background-image: url(/Content/Images/Top.png);
}
.games .blaze-track .game .tags-jackpot {
position: absolute;
top: 4%;
left: 50%;
transform: translateX(-50%);
width: 50%;
transition: all 0.5s;
}
.games .blaze-track .game:not(.noblur):hover .wrap::before,
.games .blaze-track .game:not(.noblur).hover .wrap::before {
bottom: 7px;
}
.games .blaze-track .game:not(.noblur):hover .wrap .img,
.games .blaze-track .game:not(.noblur).hover .wrap .img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
@media (min-width: 768px) {
.games .blaze-track .game:not(.noblur):hover .wrap .img,
.games .blaze-track .game:not(.noblur).hover .wrap .img {
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
.games .blaze-track .game:not(.noblur):hover .wrap .img.game-hidden,
.games .blaze-track .game:not(.noblur).hover .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .blaze-track .game:not(.noblur):hover .wrap .dealer-name,
.games .blaze-track .game:not(.noblur).hover .wrap .dealer-name {
-webkit-filter: blur(6px);
filter: blur(6px);
opacity: 0;
}
@media (min-width: 768px) {
.games .blaze-track .game:not(.noblur):hover .wrap .overlay,
.games .blaze-track .game:not(.noblur).hover .wrap .overlay {
visibility: visible;
opacity: 1;
}
.games .blaze-track .game:not(.noblur):hover .wrap .overlay .buttons,
.games .blaze-track .game:not(.noblur).hover .wrap .overlay .buttons {
margin-top: 3px;
top: 50%;
transform: translate(0, -50%);
}
.games .blaze-track .game:not(.noblur):hover .wrap .overlay .provider,
.games .blaze-track .game:not(.noblur).hover .wrap .overlay .provider {
top: 0;
}
}
.games .blaze-track .game:not(.noblur):hover .wrap .tags-jackpot,
.games .blaze-track .game:not(.noblur).hover .wrap .tags-jackpot {
filter: blur(6px);
}
@media (min-width: 768px) {
.games .blaze-track .game:not(.noblur):hover .game-metadata,
.games .blaze-track .game:not(.noblur).hover .game-metadata {
bottom: 8px;
}
}
.games .blaze-track .game:not(.noblur):hover::before,
.games .blaze-track .game:not(.noblur).hover::before {
bottom: 8px;
}
.games .blaze-track .game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.games .blaze-track .game.game--live-table:hover .buttons {
top: 43% !important;
transform: translate(0, -47%) scale(0.9) !important;
}
@media (min-width: 1024px) {
.games .blaze-track .game.game--live-table:hover .buttons {
top: 31% !important;
transform: translate(0, -47%) !important;
}
}
@media (min-width: 1920px) {
.games .blaze-track .game.game--live-table:hover .buttons {
top: 50% !important;
transform: translate(0, -50%) !important;
}
}
.games .blaze-track .game.i2x2 .wrap .overlay {
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#80000000', GradientType=0);
}
.games .blaze-track .game.i2x2 .wrap .overlay .buttons {
bottom: -20%;
top: auto;
height: 40px;
}
.games .blaze-track .game.i2x2 .wrap .overlay .buttons br {
display: none;
}
.games .blaze-track .game.i2x2:hover .wrap .overlay .buttons {
bottom: 40px;
top: auto;
}
.games .blaze-track .game.game--live-table .game-metadata {
bottom: 0;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding-bottom: 4px;
}
@media (min-width: 768px) {
.games .blaze-track .game.game--live-table .game-metadata {
padding-bottom: 8px;
bottom: -25px;
}
}
.games .blaze-track .game.game--live-table .game-metadata small div {
margin-top: 3px;
}
@media (min-width: 768px) {
.games .blaze-track .game.game--live-table .game-metadata:has(.seat) {
bottom: -46px;
}
}
@media (min-width: 768px) {
.games .blaze-track .game.game--live-table:not(.noblur):hover .game-metadata,
.games .blaze-track .game.game--live-table:not(.noblur).hover .game-metadata {
bottom: 0;
}
}
@media (min-width: 768px) {
.games .blaze-track .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.games .blaze-track .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat) {
bottom: 0px;
}
}
.games .blaze-track .game.game-simplified {
transition: all 0.3s;
}
.games .blaze-track .game.game-simplified .wrap {
cursor: pointer;
}
.games .blaze-track .game.game-simplified .wrap:before {
bottom: 10px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
@media (min-width: 768px) {
.games .blaze-track .game.game-simplified .wrap:before {
bottom: 11px;
}
}
.games .blaze-track .game.game-simplified .wrap .img::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid white;
mix-blend-mode: overlay;
border-radius: 6px;
}
@media (min-width: 768px) {
.games .blaze-track .game.game-simplified:not(.noblur):hover,
.games .blaze-track .game.game-simplified:not(.noblur).hover {
transform: scale(1.05);
}
}
.games .blaze-track .game.game-simplified:not(.noblur):hover .wrap::before,
.games .blaze-track .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 10px;
}
@media (min-width: 768px) {
.games .blaze-track .game.game-simplified:not(.noblur):hover .wrap::before,
.games .blaze-track .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 11px;
}
}
.games .blaze-track .game.game-simplified:not(.noblur):hover .img,
.games .blaze-track .game.game-simplified:not(.noblur).hover .img {
-webkit-filter: none !important;
filter: none !important;
}
@media (min-width: 768px) {
.games .blaze-track .game.game-simplified.i1x2:not(.noblur):hover,
.games .blaze-track .game.game-simplified.i2x1:not(.noblur):hover,
.games .blaze-track .game.game-simplified.i2x2:not(.noblur):hover,
.games .blaze-track .game.game-simplified.i1x2:not(.noblur).hover,
.games .blaze-track .game.game-simplified.i2x1:not(.noblur).hover,
.games .blaze-track .game.game-simplified.i2x2:not(.noblur).hover {
transform: scale(1.02);
}
}
.games .blaze-track .game .wrap {
bottom: 0;
right: 0;
}
.games .blaze-track .game:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.games .grid {
margin-bottom: 0;
}
.games .swiper-slider--banner {
margin-bottom: 6px;
}
@media (min-width: 768px) {
.games .swiper-slider--banner {
margin-bottom: 12px;
}
}
.games .swiper-slider--banner .blaze-track {
overflow-x: scroll;
touch-action: manipulation;
overflow-y: hidden;
gap: 6px;
padding-left: 6px;
}
@media (min-width: 768px) {
.games .swiper-slider--banner .blaze-track {
gap: 12px;
padding-left: 12px;
}
}
@media (min-width: 768px) {
.games .swiper-slider--banner .blaze-track::-webkit-scrollbar {
display: none;
}
}
.games .swiper-slider--banner .blaze-next,
.games .swiper-slider--banner .blaze-prev {
display: none !important;
}
.games .swiper-slider--banner .game.noblur {
width: calc(100vw - 12px);
aspect-ratio: 1.34;
position: absolute;
margin-left: -6px !important;
}
@media (min-width: 768px) {
.games .swiper-slider--banner .game.noblur {
width: 100%;
height: 270px;
}
}
.games .swiper-slider--banner .game.noblur .wrap.transparent {
bottom: 0;
right: 0;
}
.games .swiper-slider--banner .game.noblur .wrap.transparent .img {
border-radius: 6px;
}
.games .swiper-slider--banner .game.i {
aspect-ratio: 1.33333333;
width: 26.35vw;
}
@media (min-width: 768px) {
.games .swiper-slider--banner .game.i {
width: 7.4vw;
}
}
.games .swiper-slider--banner .game.i:last-of-type {
margin-right: 6px;
}
@media (min-width: 768px) {
.games .swiper-slider--banner .game.i:last-of-type {
margin-right: 12px;
}
}
.games .swiper-slider--banner .game.i .wrap {
bottom: 0 !important;
}
.games .swiper-slider--banner .game.i:after {
padding-bottom: 75% !important;
}
.games .swiper-slider--banner .game .name--alt {
display: none !important;
}
.game-wrapper {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
}
.game-wrapper-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.75);
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
filter: blur(5px) brightness(75%);
}
@media (min-width: 1600px) {
.game-wrapper-overlay {
background-size: cover;
}
}
.game-wrapper-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.game-wrapper-content-header {
height: 70px;
width: 100%;
background-color: transparent;
overflow: visible;
display: table;
table-layout: fixed;
}
.game-wrapper-content-header > .table-row {
/*display: table-row;*/
display: flex;
flex-wrap: wrap;
}
.game-wrapper-content-header > .table-row > .cell {
display: table-cell;
vertical-align: top;
}
.game-wrapper-content-header > .table-row > .cell-logo {
width: 8px;
display: none;
vertical-align: middle;
}
.game-wrapper-content-header > .table-row > .cell-logo img {
position: absolute;
top: 20px;
left: 20px;
height: 50px;
width: auto;
}
@media (min-width: 1280px) {
.game-wrapper-content-header > .table-row > .cell-logo {
display: table-cell;
}
}
.game-wrapper-content-header > .table-row > .cell-controls {
padding-right: 12px;
padding-top: 22px;
text-align: right;
white-space: nowrap;
}
.game-wrapper-content-header > .table-row .icon {
margin-left: 5px;
height: 25px;
cursor: pointer;
display: inline-block;
width: 25px;
background-size: contain;
user-select: none;
vertical-align: top;
}
.game-wrapper-content-header > .table-row .icon.resize {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANeSURBVHhe7Z3NbRRBEIU3E9LgZo6+cODmRCwgAkiBAIiCo1PwxRdC2eU9qVrCq9VO/1VP1eh90pO9s91dVf0hOHiFT0IIIYQQQgghhBBCHJXz+fwR+bown630MDzr6mzvPFhpPy6XyzdkGRjqt5UehmfZsUtAvR9W2g/UkZBKJGQDCZmAhGyAOhJSSTghaOgV+TOY71Z6GJ51dXZPXm28TbA2nJC/yAfbmh7OwplsvE3CCSFHkdIqg4QUQrJL6ZFBwgohWaX0yiC7CkHxt63G+T6SRgp7rZzpzV6+A893FfKC1A4QXkrLLMiLPXoHnu8rhO9bg6mltM6Ar3GFEDaKpJTS0zu+jy2EsGEklZTenvE6vhDCxpEUUkZ6xbMcQggHQEJLGe0Rz/MIIRwECSllRm94L5cQwoGQUFJm9YT38wkhHAwJIWVmL1iTUwjhgMiuUmb3gHV5hRAOiuwixaM21uYWQjgwslSKV02szy+EcHBkiRTPWthzDCGEF4C4SvGugX3HEUJ4EYjXn94Vwo8lhPBCkKkX53HmLbB/PyEo8oj8upFnW9INzph2gTPP2gJnPCO37uSLLckLhhi+yBlniP8YudCRveIOPRfbs0c00HLBLWvteNFDw0VLxip4kVsXfg/JcKBXimQ40ipFMhZQK0UyFiEhgaiVUZAUR1plFCTFgV4ZBUmZSI0Mu/CaNZIyAi+w9qJb1trxooWeC+7ZIyoYudiRveIGMy50xhlpwBD6Ee4VOGO/H+FiDn3I4Qrs18eAavE8u4C9+qBcC941sO8YQngBiPtfKcSzFvbkF8LBkSUyCl41sT63EA6MLJVR8KiNtXmFcFBkFxmF2T1gXU4hHBDZVUZhZi9Yk08IB0NCyCjM6gnv5xLCgZBQMgozesN7eYRwECSkjMJoj3ieQwgHQELLKIz0imfxhbBxJIWMQm/PeB1bCBtGUsko9PSO7+MKYaNIShmF1hnwNaYQNoikllFomQUJKUT/CeYVeL6fkC2s8TQyCuyZvdsYTYQVklVGoVdKSCHZZRR6pIQTchQZhVYpEYXo11V4gzpd/6j3gqH0C13ugToSUomEbCAhE5CQDVBHQipZJeQT8nNVMNSTlR6GZ92q4RXUe7TSQgghhBBCCCGEEEIcjNPpH+EEFatyX7y/AAAAAElFTkSuQmCC');
}
.game-wrapper-content-header > .table-row .icon.favorites {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAjFSURBVHhe7Z1JqBxVGIVjFIkTGAxEDYiIKBqICbqQLCSCggsVxQnUSHAANQSVCFmoC6eFGImIgjjgQhQHEHUhKoIRRzSIoK4ETYJEQXDEiZjE73SdtKlXc3VXdVV5P/ip6nvPvff8f7/X9aq7qt+8QCAQCAQCgUAgnT179hyo8MPArNm9e/dVCj8MzBqejE8VfhiYJbxUrSL2ssrNgVnBb8bLfjL2aN/NgVnAE3A8scvPh56QXWpzd6BtKP5Dfi7GqM3dgTah9odT/N+ip+E/3Ha4ZYG2oPC3Rk9BEvVZFmgDan4ARd8WlT+J+w6wPNA0FPyqqPTZSGN5oGko9qeueybSWB5oEmq974lgEeFEsWn4yR+fCBYhrYcFmoACx04Ei5BWYzw8MG0o7iOudWk0xsMD04TaLqK4f0RljkP7hwo/jOExizxNYFpQ2NujEieh70KFHybQWE8TmAbU9ECKuiMqbxzav2IzX+H9BB4bPlGcFhQ080SQvnWWSbfOzQk0h2WBSaGYqSeCtP/E5lDL9Jt0qNsSaA7LApNAIc92TRPQd79lY9Tm7gSay7JAXSji665nDNp3sjnGsjFqc18CzWVZoA4U8GRit+sZg+bnLUugPstiaC442bJAVSjeY65lAvpOtyyB+ixLoDktC1SB2uWeCFqWiTSWx/Cc4USxKhQu70TwUssykcbyBJrbskAZKNhBxA+uXwzaS30aKI21CTS31rA0UATFus61S0Bf6c/LpfWwBFrDskAW1Gl/CnU08WVUtji0V7qiRFqPSaA1tBa7+1v+/4LED6YAJ7JdxXY1sYF4iHiJ+Ij4lvhHxcpCek9XGo3x8FS0pteWB3mRJ3lbTbe8yvPBnq4fYHoxsYI4l7ieuJN4inid+IJIfTujCsyhk73jvGRpNMZjJ0I5OBflpNyUo3JVzsp9sZdsDnzoJWQJsZL9S9jeTGwiniPeI74h/h45bhjWyTwRLEJjPU2jqBauiWqjGqlWN9Ol2q0klrBf/SXSExS+hLQJXjJPBIvQWE8zc1RT1ZbdS2yvHAy6iSj9+XWT4OMD26qN5vB0M0U1VW1tqxqM12/Kn9FU7cK6Own9lr7Pw7NsqTaaQ3N5zomPKXVgXdWy2m/GXJjkDOLHaMrpoPkIHSDfIHSAvIu4kTifOI04Ctl8W5g6mltreC2tqbXlQV7kSd6ayPkMW5gMJlpKbPfcmaDR6+PooMbDF9g+SKwnriD0xJ5A9OYMWV7tWd6Vg3J50Lnt/aOm8DiLZjux1NNOBybUX1ufe41U6Be3eMjgUa5K2OmnQvfnxBIPmS7Mv5DJ342WygbNRjb7edjgUG7OMRfXaqGHNQOL6Nf4lWjJbNA8zWZwV3ooJ+eWi2qkWnlYs7CeThifiJbOBs0bbMYXIfQd5eKccnFt2n2PjAX1a3vPyEEOaD4hmn9boWGUg3JxWpm4JrN7ucbAWqLoTUFdwFb5faiuIO/OIRPVQLXwkNmCkYuJv+wtFfq/Z3Oqh/QGebb3TJS7auAh3QBDZxK/2GMq9P/KZuKz7raQV3vORDkrdw/pFvhbjrnvIqvp0K93RC/3kM4ij/Jq26k41+Ue0k0wWOb1VnT2BFLeZNB2U6G7P8dFzC7G7JaR8xzQdeoEUl7sqYgtytHD+gGGDyPedAKZoOnECaQ82Esuykm5eVi/wL+SfCZKJRs0Mz2B1Nr2kItz6fe7DySgl4FNo4xyQPMxcYSHtYbW1Nq2kYlzGM77cySkKzmKDpSvWd4aWtPLpyLPsMHyYUF+a0gu89M6+h61tDW0ppdPYK9rLB0mJHlZlG4qrSevNaOlk8irZcOFJPPuiDrJstbQml4+gbxaNlxI8g7nO5eficY+R89Ca3rtBPJq2XAhyVedbwza37KkdbS2bcSQV0uGC0mmvnNK+72WtI7Wto0Y8mrJMCHHY6NUU7nAstbR2pGFVI61bHjwE3exk0zjSMtaR2tHFpLIs2XDg+QecJ4xaN9uycyQB9uJIc+WDA+Se8d5xqD9RUtqwXhdhXiUH9ZCHmwnhjxbMizITVeq/B6lGYf2Wl/rylDdR6jP9HXvhmKt2txdCXkYmZkD7fI8vLusSOyUKMUk9FW+5pVhurvpi2iG/3Bb5e9alIdohiTybtlwIKlrnV8M2nW1xiGWFYJWX/P3kodnIo20HlaIPBCpV8/Qfq1lw4GkUi+so/0zS3JBqhs4NxKl79iSVmPYLXWjqLxEI+PQ/oQlwyEn2cctSQWJjhO6XSD1vvUyaKzmYDf3+CIv0Yg4tJf6oekNJJT3cnCNZQnoTj1O1MVzZR5f5CVSxpF3ovTLauchmbwD5jLLxtBW6jixF7S626r0XVGaW2t4uTG0LbMkAX3TudmmC5DMeucVg3bd1D/+k5L9OseJt9ksV3i/FFpDa7E7Pr6wrz/Ns75oYL1l/YdkUk+6YLP62VY+TqDdRlw4WmAf1KY+ywrRmsT4+MJ286hjDmgmOnntFCSz1XnFoP0+NpWOE2h/I24jMu+9UJ81qT/taaAdHV/YylMC2rd6+n5DLnlv3H3t3ULQimeJ0reHSesxuRdX7AvSPE8zewN0apDgeU6mNsyhe0wm+uIAzeHpaqNcPGV/IYm7nU9lGLuDuJrdiT/a1RyaS3OOJq+BcvF0/YUkCi8nnQtj9v4FNPWrGTWn5tYao8UqoFw8TT8hB121WOkGfPS6WbLxfzGhNbSWly2Fc+nv1YskoO+aKgVafaHYOR7aGlpTa9tGIcrJQ/sH5q90Hpmg0ecY+gqjmf1XNa0tD/IyMpWDcvKw/oH5h51HAvr0rTj6By2d+cpWeZEneRuZTEE5Wd4/MJ96VTntbxMrLOsc8iaPthtDOVnWL/C+APOxv2R4rLc7LrKk88irPNv+COe0wJL+gPHxt7ixX/h2R1eRZ3sfvw3Dfu2T1JmB6dE30hFPEhNdEdIFlINzqf+NcLME0zcQnT1O1EU5KTc/DAQCgUAgEAgEAoGeM2/evzDDwqyHEY1mAAAAAElFTkSuQmCC');
position: relative;
top: -1px;
/* margin-right: 10px;*/
margin-right: 0px;
}
.game-wrapper-content-header > .table-row .icon.favorites.active,
.game-wrapper-content-header > .table-row .icon.favorites:hover {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAgFSURBVHhe7Z17iFRVHMend+nOOTOKPe0N9qQoiDKKiqQHRUFkD4sgg6jEsj8iKrOkCAtCE8GCEku3MIJeJmbp4pwZH7SihkVoaUpi6rozd3Y1U3P6/u78fOzsb3fncWf2nrvnA190ds495/x+557XveeciTkcjqhSWBc7MZdWH+bSeq+XVj/kjE7yV47+AIUxyUvrwmEZPZm/cjSaQiF2LGrF5i4FklZb6O8cxNFIUDtu61oYReUy6nYO4mgkaJ4+kwoEmsdBHI0it0wNKXbk3QvE//vK+FAO6mgEaK7GS4VxSPQ9B3U0As+o1VJBHJFaw0Ed9Sab0VfJhdBV2aX6ar7EUU/g7Bmlzu9BM/gSR70otMROxuhql+B8QaqdwvOljnqAOcZDsvNl5VLqYb7UUQ/g5EWlTu9Di/hSR9C0ZxLn5oz+T3B6j6Lw2eX6PI7CESTdHiSWKVz3GkfhCAr/QaJRmySH9ylc5x44Bkw2pW8VnV2m0HSN4qgcQQCnNpc6uUI1c1SOWqG3gDmj9ghOLlu5tP7HvU0MCHTKT0tOrlQo1HEcpaMW4MzWUudWJ7WKo3RUS3sqcYXs3OrUbhJXctSOakBzNU1ybNUyejpH7agUf4mP0W2iY6sUxXdwQewkTsJRCXDeaMmptQqd+wOchKMSMFRdIDm0Zhm9kJNwlEvbiiHDUUMqepBYrijeXUuTZ3NSjnJAZ/6K5MyghGZrIifl6ItCIXYMmpXfJUcGJ7WR0uEkHb2RNfpm2YnBKpvWt3CSjt5AZ/6J5MCghb5kDifp6Al05sozarfkwKBFDyzbW5Oak3bQSyPcpUl6NduRSV7umfh1cNRbpY6rs5BefCSlz6+Ik1a9zKKO0HeiSZ7TYZKXean4tfg8ChrtZfTjXib+LI+QpkDvQ824E7/GXb8E/29FZ70BYf9Gp9qJz5KDQiLV6ecT+cVn5Fst8e0ovpchu6b4dsJehBlL9pMfyB/kF/IPPlPhVj5woIXJiHQCJYJ/Z0JzkfhXyMRiygza9PXQNmSyA5+FzDv1LtVB/iM/4jMV7uKif/Vc399Fv084vEAcH1Z2jcCpX2T0T8UCkb506hdtbxnWhAJRLdKXTo0VmrQVfg3Z2nrGIFSXnnYjOTVC6DZ2Lxtyll8gBI0Gsin1IkrpgHiBU92E0drsHheFYy5wJ5qwrHShU7DCzb+fRlfs+p7BWHoExtC/SpE4BSP4t40W/7HL+4YeYaAqfSNF5lSr1FoUyAXs6vKhRwiI4A1cfLB7pE5Vyagv/KFtLWQz+n43S69NdFOjxZlU1aMUieL6KPWHlJhTHzIqn08n7mVXBof/zCutfhQTdZJl9IZ8qulSdmHwYLx8PKreVDFxp64yeiGaqsYs8KZH7RhHi0dbOFGfod4pfB47jt3VGOiFEhLeKmVooAr+2AONYRc1nt3poWeipiyXMjfwpLaE4vQIWiuLu2KWnMmBIdif6sgMPpVdEg7Q2Y/3n88IGY60jJ5ZaI2dwG4IF7TWCYWyU8x4xIQR1D7oSTY9vNBGfbSnayQjoiIUxHZM9m5kk8PPtu9PG4yMzys1JBpSq6xcrF1cMqRewt1Ul1Xs/aTmg8uGn8Im2omXid/lGZUTjLNG6BfpTeoLbJL9eOn4Ragpv5UaaodUeySPnsWk6XzZ4HALw/kH2YRogRpSlz2D9Rb6wbfZhGiBqv+BZHDoZdRqNiFaoEA2igaHXDRKzKeahrEZ0QDt8IWSsbaIznpkU6IBCuQpyVBbhPx/xKZEA1ptIRlqj9RmNsV+6M0ZjeVlQy1SKj6CTbIbtL/XiAZaplxKPcMm2Q3a35clA20T7PiSTbIbNFfR2H9iVK7hCxeChvaeRGt1Snwkm2Ynxe0NkmF2KmfUq2yancCAdyXDbBUtZmDT7AT9x1rJMFuVM3pfzavX+4vOlkGnw4DobWVIxe9mE+0Cw8RHRIPqIBR8oGcz9ibYNY1NtAtkfLZkUJCiERza9Ym0Lgr/jsHnHVK4IAW71rGJdgEH/SUZFJTgGJPPNF3MyfnQY3LUljlS+CDVZQuzDdCeCMmQQGSUh8IeR1vuOLlu+MNto/4Urw9CJvEYJ2UH/ik5kiE1Cnf/fDogk5PpFRoNeUZPxzWBL0OiWsjJ2AHa8m8lQ6oVHLC92pdENLumdl+Kt1rBvm2B7ResN9TBornIS4ZUIzjz41p/25ZOyUZteR0F+6+URjWiQ884+nCTN8kbJAMqllGbgl4PRYeL4e4Oaj/L8xxtuKE7Uch82aI2H7ViKq0P5igDhQYDiH+8V+NWb+TzO44y3CCjGcmAcoTR0890TB5HVVdolT5qSw3HmatOago5unBCp3zCyIo37eCavbhrJ/WHgej0H0X6Ve1pyacSN3E04cRLJ+6RMt6bqEbllzddwlH0CzShRF4q/+Exo9/kKMIJMlnuLzlTp53va4LXaPh4qs1ifgWhZhVPgQsruNvLWuGOcPPpKFW+LFTsTA+NlzuhRIEcQLhw/vob7SqSMn20YMAOegjIl4QaLxO/Hvn9RbLjaGWNvo8vCRe4q8ZKGT4k3Elzap3gNRqeUE5G3nueUBo9k4OHC2Tu026Z9TOMCV5K3cHBrIRm5agt4oQSf1/PwcIFHE/HiR/JKE3wjH7P2leeJdDgwzOJ50onlCiQ/RwkXOSNfuJIJtU6OguFv4oU/rZvoxcettWoWfxV+KAnq/SuYCD8NB09Z6MNrWEatjscDkdDicX+B8InGvu6qD9dAAAAAElFTkSuQmCC');
}
.game-wrapper-content-header > .table-row .icon.home {
color: white;
line-height: 27px;
width: auto;
white-space: nowrap;
margin-right: 12px;
margin-top: 6px;
text-transform: uppercase;
font-size: 0.87em;
}
.game-wrapper-content-header > .table-row .icon.home .icon-home {
height: 27px;
width: 27px;
line-height: 26px;
display: inline-block;
font-size: 24px;
vertical-align: top;
}
.game-wrapper-content-header > .table-row .icon.game-plan i {
font-size: 32px;
color: white;
position: relative;
top: -4px;
left: -4px;
}
.game-wrapper-content-header > .table-row .icon.dismiss {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQwSURBVHhe7ZxLchRXEEXlORPMz1NYACOWoQjAH/7BHgg2YE/tOQtiDjYGmzErkKYChZpz6UxCUrSqq7qrquu9uicio0Ld+epl3jMiEOwZY4wxxhhjjDHGGDMnFovFpZOTk9vx46xg95+oW/Hj7gkZr3ke8rwTH88CyWDnj9SnSUg5JSOZjRR2/SZjufZisXMpXH5eRlK9FHY8IyORFOpmtI0Hd18kI6lWCrutlJGMLoU718lIqpPCTo0yklGlcNFt7jxcXr2WaqSwSysZgr5j6tc4OjwKmXtnI4Udusp4FkfHYy5SmH36MpLapTBzOTKSWqUwa3kyktqkMGO5MpIuUug9UH8cnRSMV76MRCEzZ7FSGKseGYlCZt7ipDBOfTIShczcxUhhjHplJAqZ+Scvhevrl5EoZOog9mlEfeqPo6PAtfORkShkanJSuG5+MhKFTE1GCtfMV0aikKmdS+H1lpEoZGpnUnitZZxHIVOjS+F1lnERCpkaTQqvsYx1KGRqcCkct4y2KGRqMCkcs4yuKGSqdym0W8amKGSqNym0Wca2KGRqayl8bRl9oZCpjaXwsWX0jUKmOkvhR8sYCoVMdZGyT1nGkBBaayltsYwt6VOKZfREH1Iso2e2kWIZA7GJFMsYGMLdj6xbQf8fcdT0Dfm2/nPGKYr/pxCThGAl4/9lxp2xlD4hzBtbyEgspQ96kpFYyjb0LCOxlE0IGf9FiI3Qd8zjd6rVr62CpXSBsK53kUE9jXOtf5cYLKUNhLSRjEQh85Wl9AHhSMaHCKsR+iTjSRw9g0KmxVK2gVC6yngcR1eikGm1lE0gjGtUbzIShcwRS+kCIQwiI1HIHG0lhd61v81SNSwvGe8jj0bok4xHcbQTCplXWEoTLN1VxsM4uhEKmVdZyipYVjL+jf0boW9rGYlC5pWWchqW3ImMRCHzaksRLCcZ72LfRuiTjAdxtFcUMtXqbx7Vp/44Wg8s1UkGj9/i6CAoZGqeUlhGMv6J/Rqhb3AZiUKm5iWFXa6ySFsZX3iMIiNRyAp7OUEz6lN/HC0Pdpi0jEQhK+zlJM2oT/1xtByYvZMMarz/MHIFCpmqUwozS8bfy/GboW/nMhKFTNUlhSGvUG1lfKYmISNRyFQdUhiuaBmJQqbKlsJQkvE25myEvsnKSBQyVaYUhukq45c4OmkUMlWWFIb4kWor44gqQkaikKkypHB51TIShUxNWwqXSsabmKMR+oqVkShkappSuPMyF3aR8XMcLRqFTE1PChc9j3sboU8y7sexKlDIVFspf8ax4eGyl3HvSvi+OhkJe62VwvevePwQR8aBS1dK4fNqZSTsd6EUPh9fRsLlZ6Tw8xGPe/F11aySslMZSUqRDOpufDwL2Pe7FJ67l5EwzIu5yUhCyl+TkWGMMcYYY4wxxhhjjJkje3tfAS7T6ZZuiNFlAAAAAElFTkSuQmCC');
color: white;
text-transform: uppercase;
font-size: 0.87em;
line-height: 27px;
padding-right: 30px;
background-position: right center;
background-repeat: no-repeat;
width: auto;
}
.game-wrapper-content-header > .table-row .icon.shield {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwQ0ZBRjYxMzVDRjExRTlBNzJCRDdENkQ1REFBODI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwQ0ZBRjYyMzVDRjExRTlBNzJCRDdENkQ1REFBODI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjBDRkFGNUYzNUNGMTFFOUE3MkJEN0Q2RDVEQUE4MjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjBDRkFGNjAzNUNGMTFFOUE3MkJEN0Q2RDVEQUE4MjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz45I42uAAADWUlEQVR42tyaW0gVQRyHz2qZQWViJQSJpRV0IQwLo6KHSLpAPmQXsIQeogcLC9+LiB7Col7ysYewEMEwJAjpdEGDHjK7QBFkJEIntSzTsjLbfiO/E8vpODvrmT07pz98zNmzt/l2Zmd3Z8aybTvkQ1SCGrAUTAO94BW4Dq6Bfu1nFCIaOQQ+2PIYBmfBHJ3n1nWgg6Bfkvl5YA+4BX7zvy/gNMg2QeQw6LXdw7lPMWhxrBukUE6yRTJALTOgGvGOswbcjKlydWCZ3yJloB38sr2H7LhFoAmMcVtR9cKgEmTpEJkKDoBWMGInFiqZWciSdjYW30EzqAC5sv2tmOZ3B9gPNoL5wNLUOHo5znSwE+wF29l8jzew4AUIgzugDQz8PUGMiC8PlQQuSBYoA6VkrmOdeB5VRBfSQmbHILjCWpILVoNGx7rQRCK2wVIib53gCZe/pqpINGapiIylgEgW02//i8iQTGQkBURymPbKRPpSQKSA6WuZSLfhElNAPn+/kYm8NFwknzIRMCwTeWy4yBKmXbErYkVaDRcpZtrpJvLe8JZrPdN2N5F/WgODIh2s4+82FZH7hoqsAjN5f0RURK4aKrKN6d14K+OJPDT0PtnFtElVRMQDwyQWgSJ+EYa9iJwzTKScaTMYjfsJKukyFdUrM+BP3ejFFt2thWALuO2lRETcMOgmL3R0PIS8itQY8sV4lOlFWX4sl974Dn7wB1W1ipiHjyBP1pq69aIcD7g0zvAiXHB7JFgK4yPPwYoASmQDX0XegcWx3+heS0TEvgDulXSWgogTbhLjodgvG05C36+Tau73FKSr7GMpDr1l8xU/IwlVawGbWvEMK+HNrvSwUYlPoDpJVaoezODbRYfynh6L/JHPVesUt38GMr3kzfI4qjsb9PCK6a5aYihBjPqKrtC1fC0J+VUighLH6JKuElnJoTcR5ckcDD2iUaQA9HC7k0GM6p7XIJIH3nKbuiCHpxsSEFkOurm+UfV54eeEgcuTENkMPnNdQ6ISOmc+1HoQEbMkfvD/SzokdIoIdoOfEhExZl7P5VFQZeJcFGcLFG9SzVbHTT0ASjWfV7tIdIpHywQlc48TA0KpIBJlE+ijwBA4BtL8Op/XV5TJRBVfPSJ+nuSPAAMAQyribP3vZAcAAAAASUVORK5CYII=');
}
.game-wrapper-content-header > .table-row .icon.wallet i {
font-size: 31px;
position: relative;
top: -4px;
left: -2px;
color: white;
}
.game-wrapper-content-header > .table-row > .cell-name {
font-size: 24px;
white-space: nowrap;
color: white;
line-height: 70px;
padding-left: 12px;
padding-right: 18px;
}
.game-wrapper-content-header > .table-row > .cell-name span {
max-width: 100%;
display: none;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 1024px) {
.game-wrapper-content-header > .table-row > .cell-name {
padding-right: 36px;
}
}
.game-wrapper-content-header > .table-row > .cell-info {
color: white;
vertical-align: middle;
padding-right: 12px;
width: 440px;
}
@media (min-width: 1024px) {
.game-wrapper-content-header > .table-row > .cell-info {
padding-right: 24px;
width: 452px;
}
}
.game-wrapper-content-header > .table-row > .cell-info > table {
width: 100%;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account {
display: none;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit {
white-space: nowrap;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance .xs,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit .xs {
display: inline-block;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance .xsl,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit .xsl,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance .md,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit .md {
display: none;
}
@media (min-device-width: 568px) {
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance .xs,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit .xs {
display: none;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance .xsl,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit .xsl {
display: inline-block;
}
}
@media (min-device-width: 1024px) {
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance .xsl,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit .xsl {
display: none;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance .md,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit .md {
display: inline-block;
}
}
@media (min-width: 1280px) {
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .balance,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit {
display: inline-block;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit {
padding-left: 12px;
margin-left: 12px;
position: relative;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .account .limit:before {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 20px;
background: white;
content: "";
}
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .logo img {
max-height: 22px;
margin-top: 2px;
margin-bottom: 2px;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .game-jackpot {
width: 300px;
float: right;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus {
width: 70px;
text-align: right;
float: right;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus .headline {
white-space: nowrap;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus .value .amount {
display: inline-block;
position: relative;
top: 0px;
width: 29px;
text-align: center;
color: #41ff9e;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus .value .progress {
display: inline-block;
width: 41px;
float: right;
margin-bottom: 0;
border: 0;
height: 12px;
margin-top: 3px;
}
@media (min-width: 768px) {
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus {
width: 90px;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus .value .amount {
display: inline-block;
position: relative;
top: 0px;
width: 38px;
text-align: center;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus .value .progress {
display: inline-block;
width: 52px;
}
}
@media (min-width: 1280px) {
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus {
width: auto;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus .headline,
.game-wrapper-content-header > .table-row > .cell-info > table tr td .bonus .value {
display: inline-block;
}
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .button {
float: right;
cursor: pointer;
}
.game-wrapper-content-header > .table-row > .cell-info > table tr td .button img {
height: 20px;
margin: 3px 0 0 6px;
}
.game-wrapper-content-header > .table-row > .cell-search {
padding-top: 22px;
display: flex;
flex-grow: 1;
align-items: baseline;
}
.game-wrapper-content-header > .table-row > .cell-search > * {
flex-shrink: 0;
}
.game-wrapper-content-header > .table-row > .cell-search #search-wrapper {
margin-right: 24px;
}
.game-wrapper-content-header > .table-row > .cell-search .input-with-icon {
width: 200px;
display: inline-block;
vertical-align: top;
}
.game-wrapper-content-header > .table-row > .cell-search .fa-search {
right: 10px !important;
top: 10px !important;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead {
width: 100%;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead .tt-input {
background-color: transparent !important;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead .tt-hint {
color: #999999;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead .tt-menu {
background-color: rgba(0, 0, 0, 0.8);
border: 0;
border-top: 0;
padding: 0;
width: 100%;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead .tt-suggestion {
width: 100%;
color: #fff;
padding: 6px 12px;
margin-bottom: 0px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead .tt-suggestion:first-child {
border-top: 0;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead .tt-suggestion.tt-cursor {
background-color: #000000;
color: #fff;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead .tt-suggestion.tt-is-under-cursor {
color: #FFF;
}
.game-wrapper-content-header > .table-row > .cell-search .twitter-typeahead .tt-suggestion p {
margin: 0;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-mode-toggle {
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
height: fit-content;
min-width: 156px;
margin-right: 24px;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-mode-toggle span {
color: white;
font-size: 0.87em;
text-transform: uppercase;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-mode-toggle-switch {
position: relative;
display: inline-block;
width: 30px;
height: 20px;
border: 2px solid white;
border-radius: 30px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 0;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-mode-toggle-switch input {
display: none;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-mode-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-mode-toggle-slider:before {
border-radius: 50%;
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 1px;
bottom: 1px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-mode-toggle input:checked + .game-wrapper-mode-toggle-slider:before {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-game-plan {
margin-right: 24px;
cursor: pointer;
white-space: nowrap;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-game-plan i {
color: white;
font-size: 25px;
position: relative;
top: 5px;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-game-plan span {
font-size: 15px;
text-transform: uppercase;
color: white;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-benefit-points label {
position: relative;
top: 5px;
cursor: pointer;
color: white;
font-size: 0.87em;
text-transform: uppercase;
font-weight: normal;
white-space: nowrap;
gap: 8px;
display: flex;
align-items: center;
margin: 0;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-benefit-points label input {
display: none;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-benefit-points label .checkmark {
width: 18px;
height: 18px;
border: 2px solid white;
display: inline-block;
box-sizing: border-box;
border-radius: 2px;
position: relative;
top: 0px;
}
.game-wrapper-content-header > .table-row > .cell-search .game-wrapper-benefit-points label input:checked + .checkmark::after {
content: "";
position: absolute;
left: 4px;
top: 0px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.game-wrapper-content-main {
display: table;
table-layout: fixed;
height: calc(100% - 126px);
width: 100%;
}
.game-wrapper-content-main > .table-row {
display: flex;
flex-direction: column;
position: relative;
}
.game-wrapper-content-main > .table-row > .cell-left,
.game-wrapper-content-main > .table-row > .cell-game,
.game-wrapper-content-main > .table-row > .cell-right {
display: block;
vertical-align: middle;
text-align: center;
}
.game-wrapper-content-main > .table-row > .cell-left .headline,
.game-wrapper-content-main > .table-row > .cell-game .headline,
.game-wrapper-content-main > .table-row > .cell-right .headline {
color: white;
font-size: 16px;
text-align: left;
display: block;
margin-bottom: 0;
padding: 9px;
position: relative;
height: 0;
z-index: 1;
top: 17px;
cursor: pointer;
}
.game-wrapper-content-main > .table-row > .cell-left .headline .fa,
.game-wrapper-content-main > .table-row > .cell-game .headline .fa,
.game-wrapper-content-main > .table-row > .cell-right .headline .fa {
margin: 0 3px;
display: none;
}
.game-wrapper-content-main > .table-row > .cell-left,
.game-wrapper-content-main > .table-row > .cell-right {
margin: 20px 0;
}
.game-wrapper-content-main > .table-row > .cell-left .headline,
.game-wrapper-content-main > .table-row > .cell-right .headline {
pointer-events: none;
}
.game-wrapper-content-main > .table-row > .cell-left .items,
.game-wrapper-content-main > .table-row > .cell-right .items {
background-color: #191919;
max-height: 100%;
overflow: hidden;
display: inline-block;
padding: 27px 9px 9px 9px;
border-radius: 9px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game {
float: left;
position: relative;
padding: 0;
cursor: pointer;
overflow: hidden;
width: 135px;
margin-top: 9px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game {
cursor: auto;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-order,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-order {
display: none;
position: absolute;
top: 48%;
transform: translateY(-50%);
font-size: 105px;
left: -7px;
justify-content: end;
align-items: center;
width: 60px;
color: white;
font-weight: 600;
letter-spacing: -7px;
padding-right: 2px;
-webkit-text-stroke: 2px #ff5722;
color: transparent;
background: transparent;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-order,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-order {
top: 50%;
font-size: 72px;
left: -34px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
@media (min-width: 1600px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-order,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-order {
top: 50%;
font-size: 184px;
left: -16px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-order-large,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-order-large {
letter-spacing: -13px;
font-size: 77px;
left: -15px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-order-large,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-order-large {
font-size: 112px;
left: -32px;
letter-spacing: -17px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.i1x2 .game-wrapper-content-main > .table-row > .cell-left .items .game .game-order,
.i1x2 .game-wrapper-content-main > .table-row > .cell-right .items .game .game-order {
font-size: 136px !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.i1x2 .game-wrapper-content-main > .table-row > .cell-left .items .game .game-order,
.i1x2 .game-wrapper-content-main > .table-row > .cell-right .items .game .game-order {
font-size: 136px !important;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 6px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap::before {
content: attr(data-name);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
width: 100%;
z-index: 1;
position: absolute;
left: 0;
right: 6px;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap::before {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .img,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .img {
position: absolute;
top: 0;
bottom: 0;
left: 0%;
right: 0%;
background-size: cover;
background-position: center center;
transition: all 0.5s;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .img.blocked,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .img.blocked {
opacity: 0.15;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .img.scheduled,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .img.scheduled {
opacity: 0.15;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .img.game-hidden,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .dealer-name,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .dealer-name {
position: absolute;
right: 0;
top: 2%;
background: rgba(0, 0, 0, 0.3);
color: white;
padding: 2px 5px;
opacity: 1;
transition: all 0.3s;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
overflow: hidden;
visibility: hidden;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
cursor: pointer;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .stechicons,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .stechicons,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .stechicons {
font-size: 18px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons a,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons a {
margin-left: 1px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons a:hover .fa,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons a:hover .fa {
color: #ffffff;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .fa,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .fa {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .fa,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .fa {
font-size: 18px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .fa.fa-mobile,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .fa.fa-mobile {
font-size: 23px;
position: relative;
top: -3px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .fa.fa-star,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .fa.fa-star {
cursor: pointer;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .fa.fa-star:before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .fa.fa-star:before {
content: "\f006";
}
@media (min-width: 1024px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .fa.fa-star:hover:before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .icons .fa.fa-star.selected:before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .icons .fa.fa-star.selected:before {
color: #fbc103 !important;
content: "\f005" !important;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .provider,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .provider {
display: none;
display: block;
color: white;
font-size: 128px;
text-align: center;
position: relative;
top: -50px;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .buttons,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .buttons {
position: absolute;
width: 100%;
top: 120%;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: -18.5px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .buttons .btn,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .buttons .btn {
margin-bottom: 2px;
width: 95%;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .buttons .btn,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .buttons .btn {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .buttons .btn,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .buttons .btn {
margin-bottom: 3px;
width: 120px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
line-height: 24px;
padding-left: 0;
padding-right: 0;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .buttons .btn-link,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .buttons .btn-link {
display: inline-block;
color: #fff;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .buttons .btn-link:hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .buttons .btn-link:hover {
text-decoration: underline;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .buttons .btn-link--play,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .buttons .btn-link--play {
font-size: 36px;
line-height: 72px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .overlay .buttons .btn-link--play:hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .overlay .buttons .btn-link--play:hover {
text-decoration: none;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap > div.blocked,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap > div.blocked {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
text-align: center;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap > div.blocked span,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap > div.blocked span {
display: inline-block;
position: relative;
top: 50%;
margin-top: -32px;
font-size: 16px;
text-align: center;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap > div.blocked span .fa,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap > div.blocked span .fa {
font-size: 45px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .scheduled:not(.img),
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .scheduled:not(.img) {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .scheduled:not(.img) span,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .scheduled:not(.img) span {
padding: 5px 10px;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1920px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .scheduled:not(.img) span,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .scheduled:not(.img) span {
font-size: 16px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .scheduled:not(.img) span i,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .scheduled:not(.img) span i {
margin-bottom: 11px;
font-size: 80px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
width: 100%;
font-size: 10px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
padding-top: 8px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .lastResults,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .lastResults {
display: flex;
justify-content: start;
margin-bottom: 0px;
flex-wrap: wrap;
}
@media (min-width: 1920px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .lastResults,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .lastResults {
justify-content: space-between;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .lastResults .lastResult,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .lastResults .lastResult {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background: green;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
font-size: 8px;
margin-bottom: 5px;
position: relative;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .lastResults .lastResult,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .lastResults .lastResult {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .lastResults .lastResult,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .lastResults .lastResult {
width: 13.286%;
margin-bottom: 5px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .lastResults .lastResult:first-of-type,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .lastResults .lastResult:first-of-type {
border: 2px solid #ffffff;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .lastResults .lastResult.red,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .lastResults .lastResult.red {
background: red;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .lastResults .lastResult.black,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .lastResults .lastResult.black {
background: black;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats {
display: flex;
justify-content: space-between;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat {
text-align: center;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
background: black;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
position: relative;
overflow: hidden;
border: 3px solid black;
margin-bottom: 5px;
}
@media (min-width: 1920px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat {
width: 13.286%;
border: 4px solid black;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::after,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 4px;
background-color: red;
transform-origin: center;
}
@media (min-width: 1024px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::after,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::after {
height: 2px;
}
}
@media (min-width: 1280px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::after,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::after {
height: 4px;
}
}
@media (min-width: 1920px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::after,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::after {
height: 7px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.occupied::after,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.occupied::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.empty::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.empty::before {
color: white;
position: absolute;
top: -8%;
left: 50%;
transform: translateX(-50%);
font-size: 155%;
}
@media (min-width: 1024px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.empty::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.empty::before {
font-size: 91%;
}
}
@media (min-width: 1280px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.empty::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.empty::before {
font-size: 120%;
}
}
@media (min-width: 1920px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .game-metadata .seats .seat.empty::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .game-metadata .seats .seat.empty::before {
font-size: 210%;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .tags,
.game-wrapper-content-main > .table-row > .cell-right .items .game .tags {
position: absolute;
top: -1px;
left: -1px;
background-size: cover;
background-position: top left;
width: 33px;
height: 33px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game .tags,
.game-wrapper-content-main > .table-row > .cell-right .items .game .tags {
width: 50px;
height: 50px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .tags--new,
.game-wrapper-content-main > .table-row > .cell-right .items .game .tags--new {
background-image: url(/Content/Images/New.png);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .tags--top,
.game-wrapper-content-main > .table-row > .cell-right .items .game .tags--top {
background-image: url(/Content/Images/Top.png);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .tags-jackpot,
.game-wrapper-content-main > .table-row > .cell-right .items .game .tags-jackpot {
position: absolute;
top: 4%;
left: 50%;
transform: translateX(-50%);
width: 50%;
transition: all 0.5s;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap::before {
bottom: 7px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap .img,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap .img,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap .img,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap .img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap .img,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap .img,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap .img,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap .img {
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap .img.game-hidden,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap .img.game-hidden,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap .img.game-hidden,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap .dealer-name,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap .dealer-name,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap .dealer-name,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap .dealer-name {
-webkit-filter: blur(6px);
filter: blur(6px);
opacity: 0;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap .overlay,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap .overlay,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap .overlay,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap .overlay {
visibility: visible;
opacity: 1;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap .overlay .buttons,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap .overlay .buttons,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap .overlay .buttons,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap .overlay .buttons {
margin-top: 3px;
top: 50%;
transform: translate(0, -50%);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap .overlay .provider,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap .overlay .provider,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap .overlay .provider,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap .overlay .provider {
top: 0;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .wrap .tags-jackpot,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .wrap .tags-jackpot,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .wrap .tags-jackpot,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .wrap .tags-jackpot {
filter: blur(6px);
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover .game-metadata,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover .game-metadata,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover .game-metadata,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover .game-metadata {
bottom: 8px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur):hover::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur):hover::before,
.game-wrapper-content-main > .table-row > .cell-left .items .game:not(.noblur).hover::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game:not(.noblur).hover::before {
bottom: 8px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game-hidden,
.game-wrapper-content-main > .table-row > .cell-right .items .game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table:hover .buttons,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table:hover .buttons {
top: 43% !important;
transform: translate(0, -47%) scale(0.9) !important;
}
@media (min-width: 1024px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table:hover .buttons,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table:hover .buttons {
top: 31% !important;
transform: translate(0, -47%) !important;
}
}
@media (min-width: 1920px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table:hover .buttons,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table:hover .buttons {
top: 50% !important;
transform: translate(0, -50%) !important;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.i2x2 .wrap .overlay,
.game-wrapper-content-main > .table-row > .cell-right .items .game.i2x2 .wrap .overlay {
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#80000000', GradientType=0);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.i2x2 .wrap .overlay .buttons,
.game-wrapper-content-main > .table-row > .cell-right .items .game.i2x2 .wrap .overlay .buttons {
bottom: -20%;
top: auto;
height: 40px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.i2x2 .wrap .overlay .buttons br,
.game-wrapper-content-main > .table-row > .cell-right .items .game.i2x2 .wrap .overlay .buttons br {
display: none;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.i2x2:hover .wrap .overlay .buttons,
.game-wrapper-content-main > .table-row > .cell-right .items .game.i2x2:hover .wrap .overlay .buttons {
bottom: 40px;
top: auto;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table .game-metadata,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table .game-metadata {
bottom: 0;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding-bottom: 4px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table .game-metadata,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table .game-metadata {
padding-bottom: 8px;
bottom: -25px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table .game-metadata small div,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table .game-metadata small div {
margin-top: 3px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table .game-metadata:has(.seat),
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table .game-metadata:has(.seat) {
bottom: -46px;
}
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table:not(.noblur):hover .game-metadata,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table:not(.noblur):hover .game-metadata,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table:not(.noblur).hover .game-metadata,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table:not(.noblur).hover .game-metadata {
bottom: 0;
}
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.game-wrapper-content-main > .table-row > .cell-left .items .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat),
.game-wrapper-content-main > .table-row > .cell-right .items .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat) {
bottom: 0px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified {
transition: all 0.3s;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified .wrap,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified .wrap {
cursor: pointer;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified .wrap:before,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified .wrap:before {
bottom: 10px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified .wrap:before,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified .wrap:before {
bottom: 11px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified .wrap .img::after,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified .wrap .img::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid white;
mix-blend-mode: overlay;
border-radius: 6px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified:not(.noblur):hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified:not(.noblur):hover,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified:not(.noblur).hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified:not(.noblur).hover {
transform: scale(1.05);
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified:not(.noblur):hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified:not(.noblur):hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified:not(.noblur).hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 10px;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified:not(.noblur):hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified:not(.noblur):hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified:not(.noblur).hover .wrap::before,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 11px;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified:not(.noblur):hover .img,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified:not(.noblur):hover .img,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified:not(.noblur).hover .img,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified:not(.noblur).hover .img {
-webkit-filter: none !important;
filter: none !important;
}
@media (min-width: 768px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified.i1x2:not(.noblur):hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified.i1x2:not(.noblur):hover,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified.i2x1:not(.noblur):hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified.i2x1:not(.noblur):hover,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified.i2x2:not(.noblur):hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified.i2x2:not(.noblur):hover,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified.i1x2:not(.noblur).hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified.i1x2:not(.noblur).hover,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified.i2x1:not(.noblur).hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified.i2x1:not(.noblur).hover,
.game-wrapper-content-main > .table-row > .cell-left .items .game.game-simplified.i2x2:not(.noblur).hover,
.game-wrapper-content-main > .table-row > .cell-right .items .game.game-simplified.i2x2:not(.noblur).hover {
transform: scale(1.02);
}
}
.game-wrapper-content-main > .table-row > .cell-left .items .game::after,
.game-wrapper-content-main > .table-row > .cell-right .items .game::after {
content: '';
display: block;
padding-bottom: 75%;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .name,
.game-wrapper-content-main > .table-row > .cell-right .items .game .name {
display: none !important;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:hover .wrap .icons,
.game-wrapper-content-main > .table-row > .cell-right .items .game:hover .wrap .icons {
opacity: 1;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:hover .wrap .overlay,
.game-wrapper-content-main > .table-row > .cell-right .items .game:hover .wrap .overlay {
visibility: visible;
background-color: transparent;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:hover .wrap .overlay:after,
.game-wrapper-content-main > .table-row > .cell-right .items .game:hover .wrap .overlay:after {
opacity: 1;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game:hover .wrap .img,
.game-wrapper-content-main > .table-row > .cell-right .items .game:hover .wrap .img {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .overlay,
.game-wrapper-content-main > .table-row > .cell-right .items .game .overlay {
opacity: 1 !important;
visibility: visible !important;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .overlay:after,
.game-wrapper-content-main > .table-row > .cell-right .items .game .overlay:after {
font-family: 'stechicons';
content: "\e95d";
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 100px;
font-size: 27px;
color: white;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 6px;
transition: all 300ms;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap {
bottom: 0;
right: 0;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .icons,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
cursor: pointer;
opacity: 0;
transition: all 300ms;
font-size: 18px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .icons .stechicons,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .icons a,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .icons a {
margin-left: 1px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .icons .fa,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .icons .fa {
vertical-align: top;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .icons .fa.fa-star,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .icons .fa.fa-star {
cursor: pointer;
color: rgba(255, 255, 255, 0.6);
margin-left: 2px;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .icons .fa.fa-star.selected:before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .icons .fa.fa-star.selected:before {
color: #fbc103;
content: "\f005" !important;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .icons .fa.fa-star:before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .icons .fa.fa-star:before {
content: "\f006";
}
.game-wrapper-content-main > .table-row > .cell-left .items .game .wrap .icons .fa.fa-star:hover:before,
.game-wrapper-content-main > .table-row > .cell-right .items .game .wrap .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
.game-wrapper-content-main > .table-row > .cell-left .items .game + .game + .game + .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game + .game + .game + .game {
display: none;
}
@media (min-height: 645px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game + .game + .game + .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game + .game + .game + .game {
display: block;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game + .game + .game + .game + .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game + .game + .game + .game + .game {
display: none;
}
}
@media (min-height: 780px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game + .game + .game + .game + .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game + .game + .game + .game + .game {
display: block;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game + .game + .game + .game + .game + .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game + .game + .game + .game + .game + .game {
display: none;
}
}
@media (min-height: 915px) {
.game-wrapper-content-main > .table-row > .cell-left .items .game + .game + .game + .game + .game + .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game + .game + .game + .game + .game + .game {
display: block;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game + .game + .game + .game + .game + .game + .game,
.game-wrapper-content-main > .table-row > .cell-right .items .game + .game + .game + .game + .game + .game + .game {
display: none;
}
}
.game-wrapper-content-main > .table-row > .cell-left .items:before,
.game-wrapper-content-main > .table-row > .cell-right .items:before,
.game-wrapper-content-main > .table-row > .cell-left .items:after,
.game-wrapper-content-main > .table-row > .cell-right .items:after {
content: " ";
display: table;
}
.game-wrapper-content-main > .table-row > .cell-left .items:after,
.game-wrapper-content-main > .table-row > .cell-right .items:after {
clear: both;
}
.game-wrapper-content-main > .table-row > .cell-left {
width: 100%;
padding-right: 0;
position: relative;
top: 57vw;
}
.game-wrapper-content-main > .table-row > .cell-left .items {
position: relative;
left: 0;
transition: all 300ms;
}
.game-wrapper-content-main > .table-row > .cell-left .items .game::before {
display: none;
}
.game-wrapper-content-main > .table-row > .cell-left .headline {
text-align: center;
}
.game-wrapper-content-main > .table-row > .cell-left .headline .fa {
transition: all 300ms;
}
.game-wrapper-content-main > .table-row > .cell-left.away .items {
left: -160px;
}
.game-wrapper-content-main > .table-row > .cell-left.away .headline .fa {
transform: rotate(-180deg);
}
.game-wrapper-content-main > .table-row > .cell-game {
padding-left: 16px;
padding-right: 16px;
position: relative;
top: -190px;
}
.game-wrapper-content-main > .table-row > .cell-game .item {
max-width: 156.25vh;
margin: 0 auto;
}
.game-wrapper-content-main > .table-row > .cell-game .item .inner {
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
border-radius: 9px;
}
.game-wrapper-content-main > .table-row > .cell-game .item .inner .frame {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 0;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
width: 0;
border: 0;
overflow: hidden;
}
.game-wrapper-content-main > .table-row > .cell-left[style*="display:none"] + .cell-game,
.game-wrapper-content-main > .table-row > .cell-left[style*="display: none"] + .cell-game {
top: 13px;
margin-bottom: 43px;
}
.game-wrapper-content-main > .table-row > .cell-right {
width: 100%;
padding-right: 0;
}
.game-wrapper-content-main > .table-row > .cell-right .items {
position: relative;
right: 0;
transition: all 300ms;
}
.game-wrapper-content-main > .table-row > .cell-right .items .game::before {
display: none;
}
.game-wrapper-content-main > .table-row > .cell-right .headline {
text-align: center;
}
.game-wrapper-content-main > .table-row > .cell-right .headline .fa {
transition: all 300ms;
}
.game-wrapper-content-main > .table-row > .cell-right.away .items {
right: -160px;
}
.game-wrapper-content-main > .table-row > .cell-right.away .headline .fa {
transform: rotate(-180deg);
}
@media (min-width: 1024px) and (orientation: landscape) {
.game-wrapper-content-main {
height: calc(100% - 106px);
}
.game-wrapper-content-main > .table-row {
display: table-row;
position: relative;
top: auto;
margin-top: auto;
}
.game-wrapper-content-main > .table-row > .cell-left,
.game-wrapper-content-main > .table-row > .cell-game,
.game-wrapper-content-main > .table-row > .cell-right {
display: table-cell;
vertical-align: middle;
}
.game-wrapper-content-main > .table-row > .cell-left .headline .fa,
.game-wrapper-content-main > .table-row > .cell-game .headline .fa,
.game-wrapper-content-main > .table-row > .cell-right .headline .fa {
display: inline-block;
}
.game-wrapper-content-main > .table-row > .cell-left .headline,
.game-wrapper-content-main > .table-row > .cell-right .headline {
pointer-events: auto;
}
.game-wrapper-content-main > .table-row > .cell-left {
width: 184px;
padding-right: 32px;
top: 0;
}
.game-wrapper-content-main > .table-row > .cell-left .headline {
text-align: left;
}
.game-wrapper-content-main > .table-row > .cell-game {
padding-left: 32px;
padding-right: 32px;
top: 0;
}
.game-wrapper-content-main > .table-row > .cell-right {
width: 184px;
padding-left: 32px;
}
.game-wrapper-content-main > .table-row > .cell-right .headline {
text-align: right;
}
.game-wrapper-content-main.fullscreen {
height: calc(100% - 70px);
}
.game-wrapper-content-main.fullscreen > .table-row {
display: table-row;
}
.game-wrapper-content-main.fullscreen > .table-row > .cell-left,
.game-wrapper-content-main.fullscreen > .table-row > .cell-right {
display: none !important;
}
.game-wrapper-content-main.fullscreen > .table-row > .cell-game {
padding: 0;
top: 0 !important;
}
.game-wrapper-content-main.fullscreen > .table-row > .cell-game > .item {
position: static;
}
.game-wrapper-content-main.fullscreen > .table-row > .cell-game > .item > .inner {
position: static;
}
}
.game-wrapper-content-footer {
height: 56px;
padding: 8px;
vertical-align: top;
width: 100%;
background-color: black;
color: #ffa588;
text-align: center;
}
.game-wrapper-content-footer .white {
color: white;
display: block;
}
@media (min-width: 1024px) {
.game-wrapper-content-footer {
height: 36px;
}
.game-wrapper-content-footer .white {
display: inline-block;
}
}
.game-wrapper.fullscreen .cell-controls .icon.resize {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABLCAYAAADakmGTAAACQklEQVR4nO3cDWuDUAyF4WvZ/9b+ckeHpc75kZPkmDjzwoWNCmufSsact904jm1RP337XD5ws9YdXmCz1Y+f+sVjd1qbDltYqwcr114Z34Rdh72DvNAYYKw34dDh6CAPtKuAiRwerbVOMMuH2RD8j/XTazyqe+sOAl3tmZb9DJOcWeNk9Gvos9Ayg0FYSzAWWlYwGGsNjIGWEUyFtQXmjZYNTI21B+aJlgnMhHUE5oWWBcyMJQHzQMsA5oIlBbOiRYO5YSFgFrRIMFcsFEyLFgXmjqUB06BFgFGwtGAo2tlgNKzXWrtELc3jCobkSsla6ic99RRenfjTw/BDh4te91djNSNYuyCaCesnwxzRzLQzZpjrzPIa+l5oZ4G5YK0NfeswRYsa+urnap1ht6vAwAoMrMDACgyswMC+Fodrf82fXdjzrDMMrMDACgyswMAKDKzAwAoMrMDACgyswMAKDKzAwOZ/fIddJ1cU9r+HOsPACgyswMAKDKzAwAoMbA7WGZftrhhug/G1fXK6SUN611/UzSij15bsSKyzwVzQrDNMujEzS+bbTC1gV8N6Z0LTgkmxIm7nlPxMPRpxZg2CecOYYY25JZuNFQVGQ2NjRYJR0NhY0WDuaGysDGCuaGysLGBuaGysTGAuaGysbGBmNDZWRjATGhsrK5gajY2VGUyFxsbKDgajsbGuAAahST9wzb4xM3fSjbKiD1yz7jW8whkmdjg62G1jpvNigR067B2cFeuMtemw3DozbHx9t9YdWmvfwlZbOw6d2k0AAAAASUVORK5CYII=');
transform: scale(0.85);
}
.game-wrapper.fullscreen .cell-logo img {
max-height: 40px;
}
.horizontalmenu {
position: relative;
margin-top: 6px;
margin-left: -6px;
margin-right: -6px;
margin-bottom: -6px;
z-index: 4;
}
@media (min-width: 768px) {
.horizontalmenu {
margin-left: 0;
margin-right: 0;
}
}
.horizontalmenu .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
}
@media (min-width: 768px) {
.horizontalmenu .inner {
overflow-x: clip;
}
}
.horizontalmenu .inner .scroll {
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
overflow-y: hidden;
color: rgba(0, 0, 0, 0);
transition: color 0.5s ease;
}
@media (min-width: 1024px) {
.horizontalmenu .inner .scroll {
scrollbar-color: transparent transparent;
scrollbar-width: thin;
}
.horizontalmenu .inner .scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
border-radius: 6px;
background-color: transparent;
}
.horizontalmenu .inner .scroll::-webkit-scrollbar {
width: 6px;
height: 4.8px;
background-color: transparent;
}
.horizontalmenu .inner .scroll::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: rgba(229, 229, 229, 0);
box-shadow: inset 0 0 0 100px;
}
.horizontalmenu .inner .scroll--disabled {
overflow: visible;
}
}
.horizontalmenu .inner .scroll > .list-group {
margin-bottom: 0;
position: relative;
animation: scroll 1.25s 1 ease-in-out;
-moz-animation: scroll 1.25s 1 ease-in-out;
-webkit-animation: scroll 1.25s 1 ease-in-out;
-o-animation: scroll 1.25s 1 ease-in-out;
animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item {
position: relative;
display: inline-block;
border: none;
vertical-align: top;
min-width: 60px;
max-width: 90px;
color: #ff5722;
text-align: center;
margin-top: 6px;
margin-right: 6px;
margin-bottom: 6px;
padding: 5px 6px;
border-radius: 6px 6px 6px 6px;
}
@media (min-width: 768px) {
.horizontalmenu .inner .scroll > .list-group .list-group-item {
max-width: none;
}
}
.horizontalmenu .inner .scroll > .list-group .list-group-item:has(.invisible) {
display: none;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item:first-child,
.horizontalmenu .inner .scroll > .list-group .list-group-item:nth-child(2) {
margin-left: 6px;
}
@media (min-width: 768px) {
.horizontalmenu .inner .scroll > .list-group .list-group-item:first-child,
.horizontalmenu .inner .scroll > .list-group .list-group-item:nth-child(2) {
margin-left: 0;
}
}
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg {
background-color: #e5e5e5;
}
@media (min-width: 768px) {
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg {
margin-right: 12px;
}
}
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg a {
text-decoration: none !important;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg:hover {
background-color: #f2f2f2;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg:hover:after {
display: none;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg.active2 a {
color: #00a752;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg #search {
margin: -4px -6px;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg #search i {
color: #ff5722;
font-size: 18px;
top: 4px !important;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item-bg #search input[type=text] {
background: none;
border: none;
box-shadow: none;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item a {
color: #ff5722;
display: block;
-webkit-user-drag: none;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item a:hover,
.horizontalmenu .inner .scroll > .list-group .list-group-item a:active {
text-decoration: none;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item a.active {
color: #ff5722;
}
@media (min-width: 768px) {
.horizontalmenu .inner .scroll > .list-group .list-group-item:hover:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
border-radius: 4px;
background-color: #ff6a3c;
}
}
.horizontalmenu .inner .scroll > .list-group .list-group-item.active {
background-color: transparent;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item.active:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
border-radius: 4px;
background-color: #ff5722;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item i {
font-size: 26px;
line-height: 32px;
height: 32px;
display: inline-block;
overflow: hidden;
vertical-align: top;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item i::before {
line-height: 26px;
height: 26px;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item i.iconcasino {
font-size: 28px;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item i.iconcasinopng {
width: 28px;
height: 28px;
line-height: 28px;
margin-right: 0;
vertical-align: top;
background-position: center center;
background-size: contain;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item i.iconcasinopng.novomatic {
background-image: url(../../../../Styles/images/casinoicons/novomatic.png);
}
.horizontalmenu .inner .scroll > .list-group .list-group-item a > div {
height: 20px;
display: block;
}
@media (min-width: 768px) {
.horizontalmenu .inner .scroll > .list-group .list-group-item a > div {
margin-top: 2px;
display: inline-block;
vertical-align: top;
height: 28px;
}
}
.horizontalmenu .inner .scroll > .list-group .list-group-item a > div table {
width: 100%;
height: 100%;
background-color: transparent;
}
.horizontalmenu .inner .scroll > .list-group .list-group-item a > div table tr {
display: flex;
height: 100%;
align-items: center;
}
@media (min-width: 768px) {
.horizontalmenu .inner .scroll > .list-group .list-group-item a > div table tr {
display: table-row;
}
}
.horizontalmenu .inner .scroll > .list-group .list-group-item a > div table tr td {
width: 100%;
height: fit-content;
vertical-align: middle;
text-align: center;
white-space: normal;
text-transform: uppercase;
font-size: 10px;
line-height: 1.1;
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
}
@media (min-width: 768px) {
.horizontalmenu .inner .scroll > .list-group .list-group-item a > div table tr td {
font-size: 14px;
display: table-cell;
height: 100%;
line-height: 1;
}
}
.horizontalmenu .inner .scroll:active {
color: rgba(229, 229, 229, 0.8);
}
@media (min-width: 1024px) {
.horizontalmenu .inner .scroll.active::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0 10px;
}
}
.horizontalmenu .inner .scroll-providers {
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
.horizontalmenu .inner .scroll-providers .providers-mobile {
margin-bottom: 0;
position: relative;
}
.horizontalmenu .inner .scroll-providers .providers-mobile .list-group-item {
position: relative;
display: inline-block;
background-color: rgba(0, 0, 0, 0.4);
border: none;
vertical-align: top;
min-width: 60px;
color: white;
text-align: center;
margin-top: 6px;
margin-right: 6px;
margin-bottom: 6px;
padding: 4px 6px;
}
.horizontalmenu .inner .scroll-providers .providers-mobile .list-group-item a {
color: white;
display: block;
}
.horizontalmenu .inner .scroll-providers .providers-mobile .list-group-item a:hover,
.horizontalmenu .inner .scroll-providers .providers-mobile .list-group-item a:active {
text-decoration: none;
}
.horizontalmenu .inner .scroll-providers .providers-mobile .list-group-item a > * {
opacity: 0.6;
}
.horizontalmenu .inner .scroll-providers .providers-mobile .list-group-item .fa {
display: none;
}
.horizontalmenu .inner .scroll-providers .providers-mobile .list-group-item span {
vertical-align: top;
line-height: 23px;
}
.horizontalmenu .inner .scroll-providers .providers-mobile .list-group-item.active {
background-color: rgba(0, 0, 0, 0.5);
}
.horizontalmenu .inner #search-mobile-h .fa {
color: #ff5722;
font-size: 18px;
top: 0px !important;
z-index: 1500;
padding-right: 45px;
padding-top: 6px;
padding-bottom: 10px;
}
.horizontalmenu .inner #search-mobile-h .fa::before {
line-height: 26px;
height: 26px;
}
.horizontalmenu.fixed .inner {
position: fixed;
top: 0;
padding: 6px;
padding-bottom: 0;
padding-top: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 2;
left: 0;
right: 0;
}
.horizontalmenu .grabbing * {
cursor: grabbing !important;
}
.horizontalmenu .holder {
height: 1px;
margin-bottom: -1px;
}
@keyframes scroll {
0% {
left: 0px;
}
25% {
left: -30px;
}
50% {
left: 0px;
}
75% {
left: -30px;
}
100% {
left: 0px;
}
}
.horizontalmenu_overlay {
z-index: 1003;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
display: none;
}
@media (min-width: 768px) {
.horizontalmenu_overlay {
display: none !important;
}
}
.horizontalmenu_filter,
.language-menu,
.theme-menu {
z-index: 1004;
position: fixed;
top: 0;
bottom: 59px;
/*59px;*/
left: 0;
width: 300px;
background-color: #f1f1f1;
display: none;
padding: 12px;
overflow: auto;
}
@media (min-width: 768px) {
.horizontalmenu_filter,
.language-menu,
.theme-menu {
position: relative;
bottom: auto;
left: auto;
width: auto;
padding: 0;
margin: 10px -6px 0;
z-index: 3;
padding-bottom: 15px;
}
}
.horizontalmenu_filter_list,
.language-menu_list,
.theme-menu_list {
/* display: none;*/
margin: 0 6px;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list,
.language-menu_list,
.theme-menu_list {
display: block;
float: left;
width: 20%;
}
}
.horizontalmenu_filter_list--additional,
.language-menu_list--additional,
.theme-menu_list--additional {
flex: 0 0 auto;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list--additional,
.language-menu_list--additional,
.theme-menu_list--additional {
display: flex;
flex-direction: column;
width: calc(50% - 12px/2);
}
}
@media (min-width: 1280px) {
.horizontalmenu_filter_list--additional,
.language-menu_list--additional,
.theme-menu_list--additional {
flex-direction: row;
}
}
.horizontalmenu_filter_list-index,
.language-menu_list-index,
.theme-menu_list-index {
display: block;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-index,
.language-menu_list-index,
.theme-menu_list-index {
display: none !important;
}
}
.horizontalmenu_filter_list > span,
.language-menu_list > span,
.theme-menu_list > span {
font-size: 16px;
color: #ff5722;
opacity: 0.5;
font-weight: bold;
text-transform: uppercase;
line-height: 2;
}
.horizontalmenu_filter_list ul.list-group,
.language-menu_list ul.list-group,
.theme-menu_list ul.list-group {
margin-bottom: 0;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item,
.language-menu_list ul.list-group li.list-group-item,
.theme-menu_list ul.list-group li.list-group-item {
margin-bottom: 6px;
border-radius: 9px;
background-color: #e5e5e5;
border-color: #e5e5e5;
padding: 0;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a,
.language-menu_list ul.list-group li.list-group-item > a,
.theme-menu_list ul.list-group li.list-group-item > a,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label,
.language-menu_list ul.list-group li.list-group-item > label,
.theme-menu_list ul.list-group li.list-group-item > label,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div,
.language-menu_list ul.list-group li.list-group-item > div,
.theme-menu_list ul.list-group li.list-group-item > div {
color: #ff5722;
font-size: 16px;
font-weight: bold;
display: block;
padding: 11px 15px 9px;
position: relative;
margin: 0;
cursor: pointer;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a .img,
.language-menu_list ul.list-group li.list-group-item > a .img,
.theme-menu_list ul.list-group li.list-group-item > a .img,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label .img,
.language-menu_list ul.list-group li.list-group-item > label .img,
.theme-menu_list ul.list-group li.list-group-item > label .img,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div .img,
.language-menu_list ul.list-group li.list-group-item > div .img,
.theme-menu_list ul.list-group li.list-group-item > div .img {
margin-right: 6px;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a i,
.language-menu_list ul.list-group li.list-group-item > a i,
.theme-menu_list ul.list-group li.list-group-item > a i,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label i,
.language-menu_list ul.list-group li.list-group-item > label i,
.theme-menu_list ul.list-group li.list-group-item > label i,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div i,
.language-menu_list ul.list-group li.list-group-item > div i,
.theme-menu_list ul.list-group li.list-group-item > div i {
position: absolute;
top: 0;
right: 6px;
font-size: 18px;
line-height: 46px;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a input,
.language-menu_list ul.list-group li.list-group-item > a input,
.theme-menu_list ul.list-group li.list-group-item > a input,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label input,
.language-menu_list ul.list-group li.list-group-item > label input,
.theme-menu_list ul.list-group li.list-group-item > label input,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div input,
.language-menu_list ul.list-group li.list-group-item > div input,
.theme-menu_list ul.list-group li.list-group-item > div input {
display: none;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a .list-group-item_checkbox,
.language-menu_list ul.list-group li.list-group-item > a .list-group-item_checkbox,
.theme-menu_list ul.list-group li.list-group-item > a .list-group-item_checkbox,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label .list-group-item_checkbox,
.language-menu_list ul.list-group li.list-group-item > label .list-group-item_checkbox,
.theme-menu_list ul.list-group li.list-group-item > label .list-group-item_checkbox,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div .list-group-item_checkbox,
.language-menu_list ul.list-group li.list-group-item > div .list-group-item_checkbox,
.theme-menu_list ul.list-group li.list-group-item > div .list-group-item_checkbox {
display: block !important;
color: white;
position: absolute !important;
right: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
padding: 0 !important;
pointer-events: none;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a .list-group-item_checkbox > div,
.language-menu_list ul.list-group li.list-group-item > a .list-group-item_checkbox > div,
.theme-menu_list ul.list-group li.list-group-item > a .list-group-item_checkbox > div,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label .list-group-item_checkbox > div,
.language-menu_list ul.list-group li.list-group-item > label .list-group-item_checkbox > div,
.theme-menu_list ul.list-group li.list-group-item > label .list-group-item_checkbox > div,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div .list-group-item_checkbox > div,
.language-menu_list ul.list-group li.list-group-item > div .list-group-item_checkbox > div,
.theme-menu_list ul.list-group li.list-group-item > div .list-group-item_checkbox > div {
padding: 0 !important;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a input[id^="checkboxprovider"],
.language-menu_list ul.list-group li.list-group-item > a input[id^="checkboxprovider"],
.theme-menu_list ul.list-group li.list-group-item > a input[id^="checkboxprovider"],
.horizontalmenu_filter_list ul.list-group li.list-group-item > label input[id^="checkboxprovider"],
.language-menu_list ul.list-group li.list-group-item > label input[id^="checkboxprovider"],
.theme-menu_list ul.list-group li.list-group-item > label input[id^="checkboxprovider"],
.horizontalmenu_filter_list ul.list-group li.list-group-item > div input[id^="checkboxprovider"],
.language-menu_list ul.list-group li.list-group-item > div input[id^="checkboxprovider"],
.theme-menu_list ul.list-group li.list-group-item > div input[id^="checkboxprovider"] {
display: none;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a .listGroupIemCheckboxCustom,
.language-menu_list ul.list-group li.list-group-item > a .listGroupIemCheckboxCustom,
.theme-menu_list ul.list-group li.list-group-item > a .listGroupIemCheckboxCustom,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label .listGroupIemCheckboxCustom,
.language-menu_list ul.list-group li.list-group-item > label .listGroupIemCheckboxCustom,
.theme-menu_list ul.list-group li.list-group-item > label .listGroupIemCheckboxCustom,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div .listGroupIemCheckboxCustom,
.language-menu_list ul.list-group li.list-group-item > div .listGroupIemCheckboxCustom,
.theme-menu_list ul.list-group li.list-group-item > div .listGroupIemCheckboxCustom {
width: 10px;
height: 10px;
background: transparent;
display: inline-block;
margin-right: 8px;
position: relative;
border-radius: 1px;
border: 1px solid rgba(255, 87, 34, 0.5);
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a.active,
.language-menu_list ul.list-group li.list-group-item > a.active,
.theme-menu_list ul.list-group li.list-group-item > a.active,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label.active,
.language-menu_list ul.list-group li.list-group-item > label.active,
.theme-menu_list ul.list-group li.list-group-item > label.active,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div.active,
.language-menu_list ul.list-group li.list-group-item > div.active,
.theme-menu_list ul.list-group li.list-group-item > div.active {
color: #ff5722;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after,
.language-menu_list ul.list-group li.list-group-item > a.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after,
.theme-menu_list ul.list-group li.list-group-item > a.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after,
.language-menu_list ul.list-group li.list-group-item > label.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after,
.theme-menu_list ul.list-group li.list-group-item > label.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after,
.language-menu_list ul.list-group li.list-group-item > div.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after,
.theme-menu_list ul.list-group li.list-group-item > div.active .list-group-item_checkbox .listGroupIemCheckboxCustom::after {
position: absolute;
top: -3px;
left: 1px;
content: '';
transform: rotate(45deg);
height: 12px;
width: 7px;
border-bottom: 3px solid #ff5722;
border-right: 3px solid #ff5722;
}
.horizontalmenu_filter_list ul.list-group li.list-group-item > a.active .list-group-item_checkbox .listGroupIemCheckboxCustom,
.language-menu_list ul.list-group li.list-group-item > a.active .list-group-item_checkbox .listGroupIemCheckboxCustom,
.theme-menu_list ul.list-group li.list-group-item > a.active .list-group-item_checkbox .listGroupIemCheckboxCustom,
.horizontalmenu_filter_list ul.list-group li.list-group-item > label.active .list-group-item_checkbox .listGroupIemCheckboxCustom,
.language-menu_list ul.list-group li.list-group-item > label.active .list-group-item_checkbox .listGroupIemCheckboxCustom,
.theme-menu_list ul.list-group li.list-group-item > label.active .list-group-item_checkbox .listGroupIemCheckboxCustom,
.horizontalmenu_filter_list ul.list-group li.list-group-item > div.active .list-group-item_checkbox .listGroupIemCheckboxCustom,
.language-menu_list ul.list-group li.list-group-item > div.active .list-group-item_checkbox .listGroupIemCheckboxCustom,
.theme-menu_list ul.list-group li.list-group-item > div.active .list-group-item_checkbox .listGroupIemCheckboxCustom {
background: transparent;
border-color: transparent;
}
.horizontalmenu_filter_list-columns3,
.language-menu_list-columns3,
.theme-menu_list-columns3 {
position: relative;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-columns3,
.language-menu_list-columns3,
.theme-menu_list-columns3 {
overflow: hidden;
}
}
.horizontalmenu_filter_list-columns3 > div:has(.list-group),
.language-menu_list-columns3 > div:has(.list-group),
.theme-menu_list-columns3 > div:has(.list-group) {
position: relative;
overflow-y: scroll;
height: calc(100% - 48px);
}
@media (min-width: 568px) {
.horizontalmenu_filter_list-columns3 > div:has(.list-group),
.language-menu_list-columns3 > div:has(.list-group),
.theme-menu_list-columns3 > div:has(.list-group) {
height: auto;
overflow: hidden;
}
}
.horizontalmenu_filter_list-columns3 > span,
.language-menu_list-columns3 > span,
.theme-menu_list-columns3 > span {
line-height: 2;
}
.horizontalmenu_filter_list-columns3 ul,
.language-menu_list-columns3 ul,
.theme-menu_list-columns3 ul {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 0;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-columns3 ul,
.language-menu_list-columns3 ul,
.theme-menu_list-columns3 ul {
overflow: hidden;
height: auto;
gap: 12px;
}
}
.horizontalmenu_filter_list-columns3 ul li,
.language-menu_list-columns3 ul li,
.theme-menu_list-columns3 ul li {
margin-bottom: 0 !important;
display: flex;
height: 40px;
width: calc(50% - 12px/4);
overflow: hidden;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-columns3 ul li,
.language-menu_list-columns3 ul li,
.theme-menu_list-columns3 ul li {
display: block;
margin-right: 0 !important;
height: 44px;
width: calc(50% - 12px) !important;
}
}
@media (min-width: 1024px) {
.horizontalmenu_filter_list-columns3 ul li,
.language-menu_list-columns3 ul li,
.theme-menu_list-columns3 ul li {
width: calc(50% - 12px/2) !important;
}
}
@media (min-width: 1280px) {
.horizontalmenu_filter_list-columns3 ul li,
.language-menu_list-columns3 ul li,
.theme-menu_list-columns3 ul li {
width: calc(33.334% - 12px) !important;
}
}
.horizontalmenu_filter_list-columns3 ul li:has(.list-group-item_checkbox),
.language-menu_list-columns3 ul li:has(.list-group-item_checkbox),
.theme-menu_list-columns3 ul li:has(.list-group-item_checkbox) {
width: 100%;
}
@media (min-width: 1024px) {
.horizontalmenu_filter_list-columns3 ul li:has(.list-group-item_checkbox),
.language-menu_list-columns3 ul li:has(.list-group-item_checkbox),
.theme-menu_list-columns3 ul li:has(.list-group-item_checkbox) {
width: calc(50% - 12px/2) !important;
}
}
@media (min-width: 1280px) {
.horizontalmenu_filter_list-columns3 ul li:has(.list-group-item_checkbox),
.language-menu_list-columns3 ul li:has(.list-group-item_checkbox),
.theme-menu_list-columns3 ul li:has(.list-group-item_checkbox) {
width: calc(33.334% - 12px) !important;
}
}
.horizontalmenu_filter_list-columns3 ul li > div,
.language-menu_list-columns3 ul li > div,
.theme-menu_list-columns3 ul li > div {
width: 100%;
height: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px !important;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-columns3 ul li > div,
.language-menu_list-columns3 ul li > div,
.theme-menu_list-columns3 ul li > div {
font-size: 16px !important;
}
}
.horizontalmenu_filter_list-columns3 ul li div,
.language-menu_list-columns3 ul li div,
.theme-menu_list-columns3 ul li div {
padding: 9px 6px 7px !important;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-columns3 ul li div,
.language-menu_list-columns3 ul li div,
.theme-menu_list-columns3 ul li div {
padding: 9px 15px 9px !important;
}
}
.horizontalmenu_filter_list-columns3 ul li div .stechicons,
.language-menu_list-columns3 ul li div .stechicons,
.theme-menu_list-columns3 ul li div .stechicons {
font-size: 35vw !important;
left: 50%;
transform: translateX(-50%);
right: auto !important;
top: 10.2vw !important;
}
@media (min-width: 568px) {
.horizontalmenu_filter_list-columns3 ul li div .stechicons,
.language-menu_list-columns3 ul li div .stechicons,
.theme-menu_list-columns3 ul li div .stechicons {
font-size: 150px !important;
top: 44px !important;
}
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-columns3 ul li div .stechicons,
.language-menu_list-columns3 ul li div .stechicons,
.theme-menu_list-columns3 ul li div .stechicons {
font-size: 6vw !important;
top: 39px !important;
}
}
@media (min-width: 1024px) {
.horizontalmenu_filter_list-columns3,
.language-menu_list-columns3,
.theme-menu_list-columns3 {
width: 57%;
}
.horizontalmenu_filter_list-columns3 ul.list-group li.list-group-item,
.language-menu_list-columns3 ul.list-group li.list-group-item,
.theme-menu_list-columns3 ul.list-group li.list-group-item {
float: left;
width: calc(33.333% - 12px);
margin-right: 12px;
}
}
.horizontalmenu_filter_list-gametype,
.language-menu_list-gametype,
.theme-menu_list-gametype {
position: relative;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-gametype,
.language-menu_list-gametype,
.theme-menu_list-gametype {
width: 100% !important;
padding-left: 2%;
}
}
@media (min-width: 1280px) {
.horizontalmenu_filter_list-gametype,
.language-menu_list-gametype,
.theme-menu_list-gametype {
padding-left: calc(50px - 12px);
}
}
.horizontalmenu_filter_list-gametype > div,
.language-menu_list-gametype > div,
.theme-menu_list-gametype > div {
position: relative;
}
.horizontalmenu_filter_list-gametype > span,
.language-menu_list-gametype > span,
.theme-menu_list-gametype > span {
line-height: 2;
}
.horizontalmenu_filter_list-gametype ul,
.language-menu_list-gametype ul,
.theme-menu_list-gametype ul {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-gametype ul,
.language-menu_list-gametype ul,
.theme-menu_list-gametype ul {
overflow: hidden;
display: flex;
max-height: none;
gap: 12px;
}
}
.horizontalmenu_filter_list-gametype ul li,
.language-menu_list-gametype ul li,
.theme-menu_list-gametype ul li {
margin-bottom: 0 !important;
display: flex;
height: 55px;
width: calc(20% - 12px*2 / 5);
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-gametype ul li,
.language-menu_list-gametype ul li,
.theme-menu_list-gametype ul li {
display: block;
width: calc(50% - 12px / 2);
height: 44px;
}
}
@media (min-width: 1280px) {
.horizontalmenu_filter_list-gametype ul li,
.language-menu_list-gametype ul li,
.theme-menu_list-gametype ul li {
width: calc(33.334% - 12px*2 / 3);
}
}
.horizontalmenu_filter_list-gametype ul li div,
.language-menu_list-gametype ul li div,
.theme-menu_list-gametype ul li div {
padding: 6px 2px 4px 2px !important;
display: flex !important;
width: 100%;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-gametype ul li div,
.language-menu_list-gametype ul li div,
.theme-menu_list-gametype ul li div {
padding: 7px 8px 9px 12px !important;
flex-direction: row;
justify-content: start;
gap: 10px;
}
}
.horizontalmenu_filter_list-gametype ul li div i,
.language-menu_list-gametype ul li div i,
.theme-menu_list-gametype ul li div i {
position: static !important;
}
.horizontalmenu_filter_list-gametype ul li div .stechicons,
.language-menu_list-gametype ul li div .stechicons,
.theme-menu_list-gametype ul li div .stechicons {
font-size: 8vw !important;
line-height: 1 !important;
}
@media (min-width: 568px) {
.horizontalmenu_filter_list-gametype ul li div .stechicons,
.language-menu_list-gametype ul li div .stechicons,
.theme-menu_list-gametype ul li div .stechicons {
font-size: 28px !important;
}
}
.horizontalmenu_filter_list-gametype ul li div span,
.language-menu_list-gametype ul li div span,
.theme-menu_list-gametype ul li div span {
font-weight: 200;
font-size: 8px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
top: 4px;
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-gametype ul li div span,
.language-menu_list-gametype ul li div span,
.theme-menu_list-gametype ul li div span {
font-size: 16px;
}
}
.horizontalmenu_filter_headline,
.language-menu_headline,
.theme-menu_headline {
position: relative;
}
.horizontalmenu_filter_headline > span,
.language-menu_headline > span,
.theme-menu_headline > span {
color: #ff5722;
font-size: 20px;
text-align: left;
display: block;
font-weight: bold;
line-height: 1.5;
}
.horizontalmenu_filter_headline > span.back,
.language-menu_headline > span.back,
.theme-menu_headline > span.back {
text-align: left;
}
.horizontalmenu_filter_headline > span.back a,
.language-menu_headline > span.back a,
.theme-menu_headline > span.back a {
text-decoration: none !important;
}
.horizontalmenu_filter_headline > span.back i,
.language-menu_headline > span.back i,
.theme-menu_headline > span.back i {
font-size: 18px;
line-height: 46px;
margin-right: 6px;
}
.horizontalmenu_filter_headline > a,
.language-menu_headline > a,
.theme-menu_headline > a {
position: absolute;
right: -4px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
@media (min-width: 768px) {
.horizontalmenu_filter_headline > a,
.language-menu_headline > a,
.theme-menu_headline > a {
display: none;
}
}
.horizontalmenu_filter_sliders,
.language-menu_sliders,
.theme-menu_sliders {
width: 100%;
display: flex;
flex-direction: column;
height: auto;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 768px) {
.horizontalmenu_filter_sliders,
.language-menu_sliders,
.theme-menu_sliders {
flex-direction: column;
width: 100% !important;
flex-basis: 58%;
margin-top: 2px;
margin-bottom: 0;
padding-left: 3%;
}
}
@media (min-width: 1280px) {
.horizontalmenu_filter_sliders,
.language-menu_sliders,
.theme-menu_sliders {
padding-left: 52px;
padding-right: 15px;
}
}
.horizontalmenu_filter_sliders div > span,
.language-menu_sliders div > span,
.theme-menu_sliders div > span {
margin-bottom: 0px;
}
.horizontalmenu_filter_slider.noUi-horizontal,
.language-menu_slider.noUi-horizontal,
.theme-menu_slider.noUi-horizontal {
height: 50%;
width: 68.7%;
margin-left: 10%;
margin-right: 0;
background: none;
box-shadow: none;
border: none;
}
@media (min-width: 768px) {
.horizontalmenu_filter_slider.noUi-horizontal,
.language-menu_slider.noUi-horizontal,
.theme-menu_slider.noUi-horizontal {
width: 94%;
margin-left: 0;
margin-bottom: 26px;
}
}
.horizontalmenu_filter_slider-cover,
.language-menu_slider-cover,
.theme-menu_slider-cover {
width: 100%;
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.horizontalmenu_filter_slider-cover,
.language-menu_slider-cover,
.theme-menu_slider-cover {
flex-direction: column;
}
}
.horizontalmenu_filter_slider-headline,
.language-menu_slider-headline,
.theme-menu_slider-headline {
display: flex;
justify-content: space-between;
flex-basis: 12%;
}
@media (min-width: 768px) {
.horizontalmenu_filter_slider-headline,
.language-menu_slider-headline,
.theme-menu_slider-headline {
padding-right: 20px;
margin-bottom: 13px;
flex-basis: 100%;
width: 100%;
}
}
.horizontalmenu_filter_slider-headline span,
.language-menu_slider-headline span,
.theme-menu_slider-headline span {
color: #ff5722;
font-weight: bold;
line-height: 2;
}
.horizontalmenu_filter_slider p,
.language-menu_slider p,
.theme-menu_slider p {
margin-bottom: 40px;
}
.horizontalmenu_filter_slider .noUi-handle,
.language-menu_slider .noUi-handle,
.theme-menu_slider .noUi-handle {
background: #ff5722;
box-shadow: none;
border-radius: 50%;
border: none;
width: 24px !important;
height: 24px !important;
top: -3px !important;
cursor: pointer;
font-size: 9px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
}
.horizontalmenu_filter_slider .noUi-handle:before,
.language-menu_slider .noUi-handle:before,
.theme-menu_slider .noUi-handle:before,
.horizontalmenu_filter_slider .noUi-handle:after,
.language-menu_slider .noUi-handle:after,
.theme-menu_slider .noUi-handle:after {
display: none;
}
.horizontalmenu_filter_slider .noUi-target,
.language-menu_slider .noUi-target,
.theme-menu_slider .noUi-target {
background-color: red;
}
.horizontalmenu_filter_slider .noUi-base,
.language-menu_slider .noUi-base,
.theme-menu_slider .noUi-base {
height: 19px;
width: 105%;
}
@media (min-width: 768px) {
.horizontalmenu_filter_slider .noUi-base,
.language-menu_slider .noUi-base,
.theme-menu_slider .noUi-base {
width: 94%;
}
}
.horizontalmenu_filter_slider .noUi-connects,
.language-menu_slider .noUi-connects,
.theme-menu_slider .noUi-connects {
background: #fff;
border-radius: 60px;
width: 105%;
}
@media (min-width: 768px) {
.horizontalmenu_filter_slider .noUi-connects,
.language-menu_slider .noUi-connects,
.theme-menu_slider .noUi-connects {
background: #fff;
box-shadow: none;
}
}
.horizontalmenu_filter_slider .noUi-connect,
.language-menu_slider .noUi-connect,
.theme-menu_slider .noUi-connect {
background: transparent;
}
.horizontalmenu_filter_slider .noUi-tooltip,
.language-menu_slider .noUi-tooltip,
.theme-menu_slider .noUi-tooltip {
display: none;
position: absolute;
border: 1px solid #ff5722;
border-radius: 3px;
background: transparent;
color: #ff5722;
padding: 0 5px;
text-align: center;
white-space: nowrap;
font-size: 16px;
}
@media (min-width: 768px) {
.horizontalmenu_filter_slider .noUi-tooltip,
.language-menu_slider .noUi-tooltip,
.theme-menu_slider .noUi-tooltip {
display: block;
}
}
.horizontalmenu_filter {
overflow: hidden;
padding: 0 12px;
height: 100%;
flex-direction: column;
}
@media (min-width: 568px) {
.horizontalmenu_filter {
height: auto;
}
}
@media (min-width: 768px) {
.horizontalmenu_filter {
flex-direction: row;
}
}
@media (min-width: 768px) {
.horizontalmenu_filter_list-providers {
width: 50% !important;
}
}
.horizontalmenu_filter_headline {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.horizontalmenu_filter_headline span {
font-weight: normal;
line-height: 1.2;
margin-top: 12px;
margin-bottom: 12px !important;
}
.language-menu_list ul.list-group li.list-group-item > a img,
.theme-menu_list ul.list-group li.list-group-item > a img,
.language-menu_list ul.list-group li.list-group-item > label img,
.theme-menu_list ul.list-group li.list-group-item > label img,
.language-menu_list ul.list-group li.list-group-item > div img,
.theme-menu_list ul.list-group li.list-group-item > div img {
width: 32px;
height: 32px;
margin-right: 6px;
margin-top: -5px;
margin-bottom: -3px;
}
.vertical-menu {
background: none !important;
padding: 0 !important;
margin-bottom: 0px !important;
}
.vertical-menu__search {
position: relative;
padding: 12px 6px 6px 6px;
border-bottom: 1px solid rgba(158, 169, 180, 0.2);
}
.vertical-menu__search > i {
position: absolute;
left: 5px;
line-height: 37px;
margin-left: 15px;
}
.vertical-menu__search .fa-times {
cursor: pointer;
}
.vertical-menu__search > input {
border: 1px solid rgba(158, 169, 180, 0.3);
background-color: rgba(158, 169, 180, 0.1);
position: relative;
display: inline-block;
height: 42px;
font-size: 14px;
padding-left: 64px;
}
.vertical-menu__search .form-control.tt-input,
.vertical-menu__search .form-control.tt-hint {
padding-left: 52px !important;
font-size: 13px;
box-shadow: none;
}
.vertical-menu__categories {
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid rgba(158, 169, 180, 0.2);
}
.vertical-menu__categories > ul {
margin-bottom: 0;
}
.vertical-menu__categories > ul > li > a {
padding: 0 10px 0 60px;
color: #5b6772;
font-size: 11px;
text-transform: uppercase;
height: 42px;
line-height: 42px;
display: block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vertical-menu__categories > ul > li > a:hover {
background-color: rgba(255, 87, 34, 0.18);
color: #ff5722;
}
.vertical-menu__categories > ul > li > a > i {
font-size: 21px;
position: absolute;
top: 10px;
left: 15px;
}
.vertical-menu__categories > ul > li.active a {
background-color: rgba(255, 87, 34, 0.12);
color: #ff5722;
}
.vertical-menu__providers,
.vertical-menu__reels,
.vertical-menu__lines {
padding: 6px;
border-bottom: 1px solid rgba(158, 169, 180, 0.2);
}
.vertical-menu__providers .list-headline,
.vertical-menu__reels .list-headline,
.vertical-menu__lines .list-headline {
display: none;
}
.vertical-menu__providers ul,
.vertical-menu__reels ul,
.vertical-menu__lines ul {
margin-bottom: 0;
border-radius: 6px !important;
background-color: rgba(158, 169, 180, 0.2);
padding: 4px;
}
.vertical-menu__providers ul > li,
.vertical-menu__reels ul > li,
.vertical-menu__lines ul > li {
border-radius: 3px !important;
background: none !important;
border: 0 !important;
padding: 0 !important;
position: relative;
}
.vertical-menu__providers ul > li .gameproviders_checkbox,
.vertical-menu__reels ul > li .gameproviders_checkbox,
.vertical-menu__lines ul > li .gameproviders_checkbox {
display: block !important;
color: white;
position: absolute !important;
right: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
pointer-events: none;
}
.vertical-menu__providers ul > li input[id^="checkboxprovider"],
.vertical-menu__reels ul > li input[id^="checkboxprovider"],
.vertical-menu__lines ul > li input[id^="checkboxprovider"] {
display: none;
}
.vertical-menu__providers ul > li .listGroupIemCheckboxCustom,
.vertical-menu__reels ul > li .listGroupIemCheckboxCustom,
.vertical-menu__lines ul > li .listGroupIemCheckboxCustom {
width: 10px;
height: 10px;
background: transparent;
display: inline-block;
margin-right: 0;
margin-bottom: 0;
position: relative;
border-radius: 1px !important;
padding: 0 !important;
border: 1px solid rgba(91, 103, 114, 0.5);
}
.vertical-menu__providers ul > li span,
.vertical-menu__reels ul > li span,
.vertical-menu__lines ul > li span {
border-radius: 3px !important;
padding: 0 10px 0 46px;
margin-bottom: 4px;
color: #5b6772;
font-size: 11px;
text-transform: uppercase;
height: 36px;
line-height: 36px;
display: block;
position: relative;
}
.vertical-menu__providers ul > li span > i,
.vertical-menu__reels ul > li span > i,
.vertical-menu__lines ul > li span > i {
font-size: 21px;
position: absolute;
top: 8px;
left: 14px;
}
.vertical-menu__providers ul > li span > .img,
.vertical-menu__reels ul > li span > .img,
.vertical-menu__lines ul > li span > .img {
position: absolute;
top: 6px;
left: 14px;
filter: grayscale(1);
transition: all ease 0.25s;
}
.vertical-menu__providers ul > li span > span,
.vertical-menu__reels ul > li span > span,
.vertical-menu__lines ul > li span > span {
padding-left: 10px;
}
.vertical-menu__providers ul > li span:hover,
.vertical-menu__reels ul > li span:hover,
.vertical-menu__lines ul > li span:hover {
color: #353c44;
background-color: rgba(137, 148, 158, 0.4);
cursor: pointer;
}
.vertical-menu__providers ul > li span:hover > img,
.vertical-menu__reels ul > li span:hover > img,
.vertical-menu__lines ul > li span:hover > img {
filter: unset;
}
.vertical-menu__providers ul > li span:hover span,
.vertical-menu__reels ul > li span:hover span,
.vertical-menu__lines ul > li span:hover span {
background-color: transparent;
}
.vertical-menu__providers ul > li span input,
.vertical-menu__reels ul > li span input,
.vertical-menu__lines ul > li span input {
display: none;
}
.vertical-menu__providers ul > li.active span,
.vertical-menu__reels ul > li.active span,
.vertical-menu__lines ul > li.active span {
color: #fff;
background-color: #ff5722;
}
.vertical-menu__providers ul > li.active span:hover,
.vertical-menu__reels ul > li.active span:hover,
.vertical-menu__lines ul > li.active span:hover {
background-color: #ee3900;
}
.vertical-menu__providers ul > li.active span:hover span,
.vertical-menu__reels ul > li.active span:hover span,
.vertical-menu__lines ul > li.active span:hover span {
background-color: transparent;
}
.vertical-menu__providers ul > li.active span .img,
.vertical-menu__reels ul > li.active span .img,
.vertical-menu__lines ul > li.active span .img {
filter: drop-shadow(0px 0px 2px #ffffff);
}
.vertical-menu__providers ul > li.active span span,
.vertical-menu__reels ul > li.active span span,
.vertical-menu__lines ul > li.active span span {
background-color: transparent;
}
.vertical-menu__providers ul > li.active .gameproviders_checkbox .listGroupIemCheckboxCustom::after,
.vertical-menu__reels ul > li.active .gameproviders_checkbox .listGroupIemCheckboxCustom::after,
.vertical-menu__lines ul > li.active .gameproviders_checkbox .listGroupIemCheckboxCustom::after {
position: absolute;
top: -3px;
left: 1px;
content: '';
transform: rotate(45deg);
height: 12px;
width: 7px;
border-bottom: 3px solid #ff5722;
border-right: 3px solid #ff5722;
}
.vertical-menu__providers ul > li.active .gameproviders_checkbox .listGroupIemCheckboxCustom,
.vertical-menu__reels ul > li.active .gameproviders_checkbox .listGroupIemCheckboxCustom,
.vertical-menu__lines ul > li.active .gameproviders_checkbox .listGroupIemCheckboxCustom {
background: transparent;
border-color: transparent;
}
.vertical-menu__providers span i {
display: none;
}
.vertical-menu__reels ul > li,
.vertical-menu__lines ul > li {
display: inline-block;
}
.vertical-menu__reels ul > li span,
.vertical-menu__lines ul > li span {
display: inline-block;
padding: 0 9px;
}
.maxpower-wrapper {
position: static;
}
.maxpower-wrapper iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.gamesfilter span {
display: inline-block;
background-color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
padding: 5px 25px 5px 5px;
position: relative;
cursor: pointer;
margin-bottom: 12px;
}
.gamesfilter span img {
margin: -7px 3px -6px 0;
}
.gamesfilter span:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.gamesfilter span::after {
position: absolute !important;
color: #777777;
right: 7px !important;
top: 7px !important;
content: "\f00d";
font: normal normal normal 14px/1 FontAwesome;
}
.area {
display: flex;
flex-wrap: wrap;
}
.area--top,
.area--bottom {
flex: 0 0 100%;
}
.area--bottom {
display: none;
}
.area--main {
margin-top: 12px;
flex: 1 1 50%;
}
@media (min-width: 1024px) {
.area--main {
margin-top: 18px;
}
}
.area--right,
.area--left {
display: none;
margin-top: 18px;
clear: both;
flex: 0 0 100%;
}
@media (min-width: 768px) {
.area--right,
.area--left {
clear: none;
flex: 0 0 324px;
width: 324px;
padding-left: 18px;
display: block;
}
}
.area--right > div,
.area--left > div {
background-color: #e5e5e5;
border-radius: 6px;
padding: 18px;
margin-bottom: 18px;
}
@media (min-width: 768px) {
.area--left {
padding-left: 0;
padding-right: 18px;
}
}
@media (-webkit-device-pixel-ratio: 1.5) {
.area--slider {
zoom: 0.667;
}
}
@media (min-width: 768px) {
.container.container-fluid {
width: calc(100% - 76px);
}
}
.flex-wrap {
flex-wrap: wrap !important;
}
@keyframes blur-in {
from {
filter: blur(3px);
}
to {
filter: blur(0px);
}
}
.lazy-loaded .grid-wrapper .grid,
.lazy-loaded .grid-wrapper .blaze-container {
animation: blur-in 0.3s ease-out;
}
.sitemap {
margin-bottom: 12px;
}
.sitemap > div {
background-color: rgba(0, 0, 0, 0.75);
padding: 20px 30px 0 30px;
}
.sitemap > div ul {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.sitemap > div ul {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
}
@media (min-width: 1280px) {
.sitemap > div ul {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
}
.sitemap > div ul li {
margin: 4px 0 0 0;
display: inline-block;
width: 100%;
position: relative;
}
.sitemap > div ul li a {
display: inline-block;
color: #fff;
padding-left: 14px;
}
.sitemap > div ul li:before {
content: "";
border-color: transparent #00a752;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: inline-block;
height: 10px;
width: 10px;
left: 0;
top: 4px;
position: absolute;
}
.sitemap > div ul li:hover {
text-decoration: underline;
cursor: pointer;
}
.sitemap > div > div {
color: #00a752;
font-size: 1.25em;
white-space: nowrap;
}
.sitemap > div > div img {
height: 29px;
margin-left: -10px;
margin-top: -3px;
}
.promotions .nav.nav-pills {
margin-bottom: 10px;
}
.promotions .nav.nav-pills li a {
font-size: 11px;
padding: 10px 15px 9px;
border-radius: 16px;
text-transform: uppercase;
line-height: 1;
border: 2px solid #b6bbc0;
background-color: transparent;
color: #7a838c;
}
.promotions .nav.nav-pills li a > * {
opacity: 0.6;
}
.promotions .nav.nav-pills li a .iconcasino {
position: relative;
top: -2px;
margin-right: 2px;
font-size: 15px;
margin: 0 6px -6px 0;
display: inline-block;
vertical-align: top;
}
.promotions .nav.nav-pills li a .fa {
position: relative;
top: -2px;
margin: 0 6px -6px 0;
font-size: 14px;
display: inline-block;
vertical-align: top;
}
.promotions .nav.nav-pills li:hover > a {
border: 2px solid #ff5722;
color: #7a838c !important;
}
.promotions .nav.nav-pills li:hover > a > * {
opacity: 1;
}
.promotions .nav.nav-pills li.active > a {
border: 2px solid #ff5722;
background-color: #ff5722;
color: white;
}
.promotions .nav.nav-pills li.active > a > * {
opacity: 1;
}
.promotions .tab-content {
padding: 0;
border: 0;
background-color: transparent;
}
.promotion {
margin-bottom: 12px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: left;
}
@media (min-width: 768px) {
.promotion {
margin-bottom: 12px;
}
}
.promotion .moregames.progress-loading {
cursor: progress;
}
.promotion[data-status="waiting"] .promotion_img > div > div,
.promotion[data-status="waiting"] .promotion_img2 > div > div {
display: block;
}
.promotion[data-status="waiting"] .promotion_ranking .btn-loginform {
display: none;
}
.promotion[data-status="ended"] .promotion_ranking .btn-loginform {
display: none;
}
.promotion[data-status="ended"] .promotion_timer > span > span {
display: none;
}
.promotion[data-status="ended"] .promotion_timer > span > span + span {
display: inline;
}
.promotion-popup {
margin: 0;
}
.promotion-slider {
cursor: pointer;
margin: 0;
background-color: transparent !important;
}
.promotion-slider .promotion_quickinfo {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 62px;
}
@media (min-width: 768px) {
.promotion-slider .promotion_quickinfo {
height: 72px;
}
}
@media (min-width: 1024px) {
.promotion-slider .promotion_quickinfo {
height: 36px;
}
}
@media (max-width: 1024px) {
.promotion-slider .promotion_quickinfo .row {
display: flex;
justify-content: space-between;
background: #f1f1f1;
border-radius: 0 0 6px 6px;
position: absolute;
bottom: 9px;
width: 100%;
padding: 3px 6px;
}
}
@media (max-width: 1024px) {
.promotion-slider .promotion_quickinfo .row div {
padding: 0 !important;
}
}
@media (max-width: 1024px) {
.promotion-slider .promotion_quickinfo .row div:nth-of-type(2) {
text-align: right;
}
}
.promotion-slider .promotion_quickinfo .amount + .amount:before {
content: " + ";
display: inline;
}
.promotion-slider .promotion_img2 {
position: absolute;
top: 0;
bottom: 6px;
left: 0;
right: 0;
border-radius: 6px;
overflow: hidden;
}
@media (min-width: 768px) {
.promotion-slider .promotion_img2 {
bottom: 12px;
}
}
.promotion-slider .promotion_img2 > div {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.promotion-slider .promotion_img2 > div > div {
display: none;
position: absolute;
top: 50%;
text-align: center;
color: white;
background-color: rgba(0, 0, 0, 0.8);
left: 5%;
font-size: 16px;
width: 90%;
margin-left: 0;
margin-top: -31px;
padding: 6px 0;
}
.promotion-slider .promotion_img2 > div > div > span {
font-size: 1.25em;
}
.promotion-slider .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
bottom: 12px;
right: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
overflow: hidden;
visibility: hidden;
border-radius: 6px;
}
.promotion-slider .overlay .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
}
.promotion-slider .overlay .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.promotion-slider .overlay .icons .stechicons {
font-size: 18px;
}
}
.promotion-slider .overlay .icons a {
margin-left: 1px;
}
.promotion-slider .overlay .icons a:hover .fa {
color: #ffffff;
}
.promotion-slider .overlay .icons .fa {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.promotion-slider .overlay .icons .fa {
font-size: 18px;
}
}
.promotion-slider .overlay .icons .fa.fa-mobile {
font-size: 23px;
position: relative;
top: -3px;
}
.promotion-slider .overlay .icons .fa.fa-star {
cursor: pointer;
}
.promotion-slider .overlay .icons .fa.fa-star:before {
content: "\f006";
}
@media (min-width: 1024px) {
.promotion-slider .overlay .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
}
.promotion-slider .overlay .icons .fa.fa-star.selected:before {
color: #fbc103 !important;
content: "\f005" !important;
}
.promotion-slider .overlay .buttons {
position: absolute;
width: 100%;
height: 80px;
top: 120%;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: -18.5px;
}
.promotion-slider .overlay .buttons table {
height: 100%;
width: 100%;
background-color: transparent;
}
.promotion-slider .overlay .buttons table tr td {
vertical-align: middle;
height: 100%;
width: 100%;
border: 0;
}
.promotion-slider .overlay .buttons table tr td .btn {
margin-bottom: 2px;
width: 95%;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
}
@media (min-width: 768px) {
.promotion-slider .overlay .buttons table tr td .btn {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.promotion-slider .overlay .buttons table tr td .btn {
margin-bottom: 3px;
width: 200px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
line-height: 24px;
padding-left: 0;
padding-right: 0;
}
}
.promotion-slider .overlay .buttons table tr td .btn-link {
display: inline-block;
color: #fff;
}
.promotion-slider .overlay .buttons table tr td .btn-link:hover {
text-decoration: underline;
}
.promotion-slider .overlay .buttons table tr td .btn-link--play {
font-size: 36px;
line-height: 72px;
}
.promotion-slider .overlay .buttons table tr td .btn-link--play:hover {
text-decoration: none;
}
.promotion-slider .overlay .name {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 6px;
width: calc(100% - 12px);
font-size: 10px;
width: 100%;
justify-content: space-between;
display: flex;
}
@media (min-width: 768px) {
.promotion-slider .overlay .name {
left: 12px;
width: calc(100% - 12px*2);
font-size: 14px;
}
}
.promotion-slider .overlay .name .iconcasino {
font-size: 18px;
position: relative;
top: 2px;
}
.promotion-slider .overlay .name .iconcasino.icon-prize-pool {
color: #fba10d;
}
.promotion-slider:hover .promotion_img2 > div,
.promotion-slider.hover .promotion_img2 > div {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
@media (min-width: 768px) {
.promotion-slider:hover .promotion_img2 > div,
.promotion-slider.hover .promotion_img2 > div {
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
@media (min-width: 1024px) {
.promotion-slider:hover .overlay,
.promotion-slider.hover .overlay {
visibility: visible;
opacity: 1;
}
.promotion-slider:hover .overlay .buttons,
.promotion-slider.hover .overlay .buttons {
top: 60%;
margin-top: -37px;
top: 50%;
}
.promotion-slider:hover .overlay .name,
.promotion-slider.hover .overlay .name {
bottom: 8px;
}
}
.promotion-wrapper {
width: auto !important;
max-width: 100%;
height: 20px;
position: relative;
line-height: 21px;
background-color: transparent;
margin: 0 auto;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
@media (min-width: 768px) {
.promotion-wrapper {
text-align: right;
padding-right: 30px;
}
}
.promotion-wrapper > div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
display: inline-block;
}
.promotion-wrapper .icon-tournaments,
.promotion-wrapper .icon-bonus {
color: white;
position: relative;
top: 0px;
}
@media (min-width: 1024px) {
.promotion-wrapper .icon-tournaments,
.promotion-wrapper .icon-bonus {
font-size: 22px;
margin-right: 2px;
vertical-align: sub;
}
}
.promotion-wrapper .icon-timer2 {
font-size: 11px;
margin-left: 6px;
opacity: 0.6;
}
@media (min-width: 1024px) {
.promotion-wrapper .icon-timer2 {
margin-left: 13px;
}
}
.promotion-wrapper .promotion_timer {
opacity: 0.6;
}
.promotion-wrapper .promotion_timer + span {
opacity: 0.6;
}
.promotion-wrapper .icon-podium {
font-size: 12px;
margin-left: 6px;
position: relative;
top: 1px;
opacity: 0.6;
}
@media (min-width: 1024px) {
.promotion-wrapper .icon-podium {
font-size: 18px;
position: relative;
top: 3px;
}
}
.promotion-wrapper .promotion_sequence {
opacity: 0.6;
}
.promotion-wrapper .promotion_arrow-up {
position: absolute;
top: 1px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 0;
border-color: transparent #00ff00 transparent transparent;
}
@media (min-width: 1024px) {
.promotion-wrapper .promotion_arrow-up {
border-width: 0 10px 10px 0;
top: 6px;
}
}
.promotion-wrapper .promotion_arrow-down {
position: absolute;
bottom: 1px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 6px 6px;
border-color: transparent transparent #ff0000 transparent;
}
@media (min-width: 1024px) {
.promotion-wrapper .promotion_arrow-down {
border-width: 0 0 10px 10px;
bottom: 6px;
}
}
.promotion-wrapper .promotion_arrow-spacer {
display: inline-block;
width: 2px;
}
@media (min-width: 1024px) {
.promotion-wrapper .promotion_arrow-spacer {
width: 6px;
}
}
.promotion-wrapper .progress {
position: relative;
display: inline-block;
width: 125px;
height: 6px;
background-color: #f1f1f1;
margin: 0 0 0 9px;
}
@media (min-width: 1024px) {
.promotion-wrapper .progress {
margin: 0 0 0 9px;
height: 12px;
top: 1px;
}
}
.promotion-wrapper .progress .progress-bar-primary {
background-color: #ff5722;
}
.promotion_box {
background-color: #f1f1f1;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
padding: 0 12px 0 12px;
margin-bottom: 16px;
border-radius: 9px;
overflow: hidden;
}
.promotion_box > .inner {
overflow: hidden;
margin: 0 -12px;
}
.promotion_box > .inner > .text {
padding: 12px;
}
.promotion_box-toggle {
cursor: pointer;
}
.promotion_box .moregames {
cursor: pointer !important;
}
.promotion_header {
position: relative;
font-family: "Roboto", sans-serif;
display: block;
line-height: 62px;
height: 62px;
color: #5b6772;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
margin-left: -12px;
margin-right: -12px;
padding-left: 12px;
padding-right: 12px;
margin-bottom: -12px;
margin-top: -12px;
display: flex;
}
@media (min-width: 768px) {
.promotion_header {
padding: 0 12px;
}
}
.promotion_title {
order: 1;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.promotion_title .iconcasino {
font-size: 120px;
position: absolute;
top: 5px;
left: -5px;
color: rgba(91, 103, 114, 0.05);
transform: rotate(22.5deg);
}
.promotion_ranking,
.promotion_progress {
order: 2;
white-space: nowrap;
}
.promotion_ranking .iconcasino,
.promotion_progress .iconcasino {
color: #fba10d;
font-size: 24px;
top: 4px;
position: relative;
}
.promotion_ranking .iconcasino.icon-bonus,
.promotion_progress .iconcasino.icon-bonus {
top: 3px;
}
.promotion_progress .progress {
display: none;
}
@media (min-width: 768px) {
.promotion_progress .progress {
display: inline-block;
width: 50px;
height: 16px;
position: relative;
top: 2px;
margin-bottom: 0;
}
}
.promotion_img {
position: relative;
margin-left: -12px;
margin-right: -12px;
}
.promotion_img > img {
width: 100%;
}
.promotion_img > div {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.promotion_img > div:before {
content: "";
display: block;
padding-bottom: 35%;
}
@media (min-width: 768px) {
.promotion_img > div:before {
padding-bottom: 25%;
}
}
.promotion_img > div > div {
display: none;
position: absolute;
top: 50%;
text-align: center;
color: white;
background-color: rgba(0, 0, 0, 0.8);
left: 5%;
font-size: 16px;
width: 90%;
margin-left: 0;
margin-top: -30px;
padding: 6px 0;
}
@media (min-width: 768px) {
.promotion_img > div > div {
left: 50%;
font-size: 20px;
width: 300px;
margin-left: -150px;
margin-top: -41px;
}
}
.promotion_img > div > div > span {
font-size: 1.5em;
}
.promotion_img-cover {
padding-bottom: 122px;
background-position: center center;
background-size: cover;
margin-bottom: 6px;
}
.promotion_timer {
position: relative;
display: inline-block;
vertical-align: top;
}
.promotion_timer > span > span + span {
display: none;
}
.promotion_timer > div {
position: absolute;
width: 12px;
height: 12px;
top: 9px;
left: 4px;
border-radius: 50%;
}
@media (min-width: 768px) {
.promotion_timer > div {
width: 14px;
height: 14px;
top: 12px;
left: 4px;
}
}
.promotion_quickinfo {
height: 30px;
line-height: 31px;
padding: 0;
border-bottom: 2px solid rgba(141, 162, 182, 0.15);
}
@media (min-width: 768px) {
.promotion_quickinfo {
margin-left: -12px;
margin-right: -12px;
}
}
.promotion_quickinfo .row > div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.promotion_quickinfo .iconcasino {
font-size: 21px;
position: relative;
top: 3px;
}
.promotion_quickinfo .iconcasino.icon-prize-pool,
.promotion_quickinfo .iconcasino.icon-win-rules,
.promotion_quickinfo .iconcasino.icon-minimum-bet {
color: #fba10d;
}
@media (min-width: 768px) {
.promotion_quickinfo {
height: 36px;
line-height: 36px;
padding: 0 12px;
}
.promotion_quickinfo .iconcasino {
font-size: 24px;
top: 5px;
margin-right: 6px;
}
}
.promotion_extended {
display: none;
}
.promotion_extended .iconcasino {
font-size: 21px;
position: relative;
top: 3px;
}
.promotion_extended .iconcasino.icon-win-rules,
.promotion_extended .iconcasino.icon-minimum-bet {
color: #fba10d;
}
.promotion_extended .nav-tabs {
border: 0;
width: 100%;
margin-top: 6px;
margin-bottom: 1px;
}
@media (min-width: 1024px) {
.promotion_extended .nav-tabs {
display: none;
}
}
.promotion_extended .nav-tabs > li {
width: 50%;
}
.promotion_extended .nav-tabs > li a,
.promotion_extended .nav-tabs > li a:active,
.promotion_extended .nav-tabs > li a:hover,
.promotion_extended .nav-tabs > li a:visited,
.promotion_extended .nav-tabs > li a:focus {
border: 0;
margin: 0 !important;
text-align: center;
color: rgba(255, 255, 255, 0.66);
background-color: rgba(0, 0, 0, 0.8);
text-transform: uppercase;
}
.promotion_extended .nav-tabs > li.active a,
.promotion_extended .nav-tabs > li.active a:hover {
background-color: rgba(0, 0, 0, 0.4);
color: white;
}
.promotion_extended .tab-content {
background-color: transparent;
border: 0;
padding: 0;
}
.promotion_extended .tab-content .tab_header {
position: relative;
font-family: "Roboto", sans-serif;
display: block;
line-height: 62px;
height: 62px;
color: #5b6772;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
padding-left: 12px;
padding-right: 12px;
margin-bottom: -12px;
margin-top: 0 !important;
}
@media (min-width: 768px) {
.promotion_extended .tab-content .tab_header {
padding: 0 12px;
}
}
.promotion_extended .tab-content .tab_header .iconcasino {
font-size: 120px;
position: absolute;
top: 5px;
left: -5px;
color: rgba(91, 103, 114, 0.05);
transform: rotate(22.5deg);
}
.promotion_extended .tab-content .tab_header .iconcasino.icon-podium {
top: -12px;
left: -10px;
}
.promotion_extended .tab-content .tab_header .iconcasino.icon-info {
top: -7px;
left: -35px;
}
@media (min-width: 1024px) {
.promotion_extended .tab-content > .tab-pane {
display: block;
}
}
@media (min-width: 1024px) {
.promotion_extended .tab-content > .tab-pane {
width: 50%;
float: left;
}
}
.promotion_extended .tab-content > .tab-pane > div.inner {
padding: 6px;
}
.promotion_extended .tab-content > .tab-pane > div.inner table {
width: 100%;
max-width: 100%;
margin-bottom: 21px;
margin: 0 -12px;
background-color: #fff;
}
.promotion_extended .tab-content > .tab-pane > div.inner table > thead > tr > th,
.promotion_extended .tab-content > .tab-pane > div.inner table > tbody > tr > th,
.promotion_extended .tab-content > .tab-pane > div.inner table > tfoot > tr > th,
.promotion_extended .tab-content > .tab-pane > div.inner table > thead > tr > td,
.promotion_extended .tab-content > .tab-pane > div.inner table > tbody > tr > td,
.promotion_extended .tab-content > .tab-pane > div.inner table > tfoot > tr > td {
padding: 8px;
line-height: 1.5;
vertical-align: top;
}
.promotion_extended .tab-content > .tab-pane > div.inner table > thead > tr > th {
vertical-align: bottom;
border-bottom: 1px solid rgba(0, 0, 0, 0);
font-size: 11px;
text-transform: uppercase;
color: #89939e;
}
.promotion_extended .tab-content > .tab-pane > div.inner table > thead > tr > th,
.promotion_extended .tab-content > .tab-pane > div.inner table > tbody > tr > th,
.promotion_extended .tab-content > .tab-pane > div.inner table > tfoot > tr > th,
.promotion_extended .tab-content > .tab-pane > div.inner table > thead > tr > td,
.promotion_extended .tab-content > .tab-pane > div.inner table > tbody > tr > td,
.promotion_extended .tab-content > .tab-pane > div.inner table > tfoot > tr > td {
padding: 5px 8px;
}
.promotion_extended .tab-content > .tab-pane > div.inner table > thead > tr > th .btn.btn-xs,
.promotion_extended .tab-content > .tab-pane > div.inner table > tbody > tr > th .btn.btn-xs,
.promotion_extended .tab-content > .tab-pane > div.inner table > tfoot > tr > th .btn.btn-xs,
.promotion_extended .tab-content > .tab-pane > div.inner table > thead > tr > td .btn.btn-xs,
.promotion_extended .tab-content > .tab-pane > div.inner table > tbody > tr > td .btn.btn-xs,
.promotion_extended .tab-content > .tab-pane > div.inner table > tfoot > tr > td .btn.btn-xs {
margin-top: -2px;
margin-bottom: -1px;
}
.promotion_extended .tab-content > .tab-pane > div.inner table > tbody > tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
.promotion_extended .tab-content > .tab-pane > div.inner table > tbody > tr:nth-of-type(odd) {
background-color: #f4f4f4;
}
}
.promotion_moregames {
font-size: 2em;
line-height: 1;
text-align: center;
position: relative;
top: 50%;
margin-top: -28px;
}
.promotion_tabs {
width: 100%;
border: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media (max-width: 768px) {
.promotion_tabs {
left: 24px;
right: 24px;
bottom: 18px;
width: auto;
}
}
.promotion_tabs > li {
width: 33.33333%;
float: left;
overflow: hidden;
}
.promotion_tabs > li a {
display: block;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.75);
background-color: #ff4408;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
height: 32px;
line-height: 32px !important;
}
@media (max-width: 768px) {
.promotion_tabs > li a {
border-radius: 6px;
}
}
.promotion_tabs > li.active a,
.promotion_tabs > li:focus a,
.promotion_tabs > li:hover a {
border: 0 !important;
background-color: #ff5722 !important;
color: #fff !important;
}
.promotion_overlay {
padding: 6px 0 6px 6px;
background-image: url('/Content/Themes/MaxBet-light/Images/tournaments-wrapper-bg.jpg');
background-position: top center;
background-size: cover;
overflow: hidden;
position: absolute;
vertical-align: top;
top: 0;
left: 0;
right: 0;
touch-action: manipulation;
background-repeat: no-repeat;
background-color: #333333;
z-index: 1;
/*@media (max-width: @screen-sm) {
height: 293px;
padding: 18px 24px 18px 24px;
background-image: url(../../../../Content/Images/wrapper/bg1@2x_mobile.png);
}*/
/*@media (min-width: 568px) {
right: auto;
width: @overlaywidth;
bottom: 0;
height: 100%;
}*/
}
@media (min-width: 768px) {
.promotion_overlay {
background-size: contain;
display: none;
}
}
@media (max-width: 768px) {
.promotion_overlay {
display: none;
}
}
.promotion_overlay * {
touch-action: manipulation;
}
.promotion_overlay .tab-content {
max-height: 228px;
overflow: hidden;
padding: 0;
border: 0;
background: transparent;
}
.promotion_overlay .tab-content .tab-pane {
display: none;
}
.promotion_overlay .tab-content .tab-pane.active {
display: block;
}
.promotion_overlay .tab-content .tab-pane.active#tournamentLeaderboard {
position: absolute;
top: 6px;
left: 6px;
padding-right: 12px;
bottom: 32px;
margin-bottom: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 568px) {
.promotion_overlay .tab-content .tab-pane.active#tournamentLeaderboard {
bottom: 0px;
left: 0px;
top: 0px;
padding-right: 6px;
padding-top: 6px;
}
}
@media (max-width: 768px) {
.promotion_overlay .tab-content .tab-pane.active#tournamentLeaderboard {
padding: 18px 24px 38px 24px;
}
}
@media (min-width: 568px) {
.promotion_overlay .tab-content {
max-height: none;
position: absolute;
top: 6px;
left: 6px;
right: 0;
bottom: 32px;
}
.promotion_overlay .tab-content table tbody tr td {
vertical-align: middle;
}
}
@media (min-width: 568px) {
.promotion_overlay + table {
margin-left: 356px;
width: calc(100vw - 356px) !important;
}
}
.promotion_overlay + table td {
padding-top: 0%;
}
@media (min-width: 568px) {
.promotion_overlay + table td {
padding-top: 0%;
}
}
.promotion_overlay .promotion {
background: none;
padding-right: 6px;
width: 100%;
align-self: flex-start;
}
.promotion_overlay table.leaderboard {
table-layout: auto !important;
height: 1px !important;
}
.promotion_overlay table.leaderboard tr td {
white-space: nowrap;
}
.promotion_overlay .loading {
position: absolute;
top: 115px;
left: 50%;
margin-left: -30px;
opacity: 0.5;
color: white;
}
@media (max-width: 768px) {
.promotion_overlay .loading {
top: 88px;
}
}
@media (min-width: 568px) {
.promotion_overlay-lobby {
width: 356px;
}
}
.promotion_overlay-lobby .col-xs-5 {
width: 41.66666667% !important;
}
.promotion_overlay-lobby .col-xs-7 {
width: 58.33333333% !important;
}
.promotion_overlay-lobby .col-xs-7.text-right {
text-align: right !important;
}
.promotion_overlay-lobby .col-xs-12 {
width: 100% !important;
}
.promotion_overlay-lobby .hidden-xs {
display: none !important;
}
.promotion_overlay-lobby .tab-content {
top: 280px;
left: 6px;
right: 0;
bottom: 0;
background-color: transparent;
border: 0 !important;
}
.promotion_overlay-lobby .promotion_tabs {
position: absolute;
top: 248px;
bottom: auto;
left: 0;
right: 0;
border: 0;
}
.promotion_overlay-lobby .promotion_games,
.promotion_overlay-lobby .promotion_games-desktop {
position: absolute;
left: 0;
top: 6px;
right: -6px;
bottom: 0;
overflow-x: visible;
overflow-y: auto;
}
.promotion_overlay-lobby .promotion_games .game,
.promotion_overlay-lobby .promotion_games-desktop .game {
clear: none;
}
.promotion_overlay-lobby .promotion_games::-webkit-scrollbar,
.promotion_overlay-lobby .promotion_games-desktop::-webkit-scrollbar {
width: 0px;
display: none;
}
.promotion_overlay-lobby #tournamentLeaderboard,
.promotion_overlay-lobby #tournamentRules {
overflow-x: visible;
overflow-y: auto;
}
.promotion_overlay-lobby #tournamentLeaderboard::-webkit-scrollbar,
.promotion_overlay-lobby #tournamentRules::-webkit-scrollbar {
width: 0px;
display: none;
}
.promotion_overlay-lobby #tournamentRules {
bottom: 0px;
left: 6px;
top: 12px;
padding-right: 12px;
text-align: left;
color: white;
position: absolute;
}
.promotion_overlay-lobby #tournamentRules img {
max-width: 100% !important;
}
.promotion_overlay-lobby #tournamentRules table {
width: 100%;
max-width: 100%;
margin-bottom: 21px;
}
.promotion_overlay-lobby #tournamentRules table > thead > tr > th,
.promotion_overlay-lobby #tournamentRules table > tbody > tr > th,
.promotion_overlay-lobby #tournamentRules table > tfoot > tr > th,
.promotion_overlay-lobby #tournamentRules table > thead > tr > td,
.promotion_overlay-lobby #tournamentRules table > tbody > tr > td,
.promotion_overlay-lobby #tournamentRules table > tfoot > tr > td {
padding: 8px;
line-height: 1.5;
vertical-align: top;
}
.promotion_overlay-lobby #tournamentRules table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.promotion_overlay-lobby #tournamentRules table > thead > tr > th,
.promotion_overlay-lobby #tournamentRules table > tbody > tr > th,
.promotion_overlay-lobby #tournamentRules table > tfoot > tr > th,
.promotion_overlay-lobby #tournamentRules table > thead > tr > td,
.promotion_overlay-lobby #tournamentRules table > tbody > tr > td,
.promotion_overlay-lobby #tournamentRules table > tfoot > tr > td {
padding: 5px 8px;
}
.promotion_overlay-lobby #tournamentRules table > thead > tr > th .btn.btn-xs,
.promotion_overlay-lobby #tournamentRules table > tbody > tr > th .btn.btn-xs,
.promotion_overlay-lobby #tournamentRules table > tfoot > tr > th .btn.btn-xs,
.promotion_overlay-lobby #tournamentRules table > thead > tr > td .btn.btn-xs,
.promotion_overlay-lobby #tournamentRules table > tbody > tr > td .btn.btn-xs,
.promotion_overlay-lobby #tournamentRules table > tfoot > tr > td .btn.btn-xs {
margin-top: -2px;
margin-bottom: -1px;
}
.promotion_overlay-lobby #tournamentRules table > tbody > tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
.promotion_overlay-lobby #tournamentRules table > tbody > tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.25);
}
}
.promotion_games .scroll {
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch;
max-width: calc(100% - 7px);
}
@media (min-width: 568px) {
.promotion_games .scroll {
max-width: 349px;
}
}
.promotion_games .scroll.start > div {
position: relative;
animation: scroll 1.25s 1 ease-in-out;
-moz-animation: scroll 1.25s 1 ease-in-out;
-webkit-animation: scroll 1.25s 1 ease-in-out;
-o-animation: scroll 1.25s 1 ease-in-out;
animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
}
.promotion_games .scroll.start > div > div {
vertical-align: top;
}
.promotion_games .game {
width: 117px;
height: 117px;
float: left;
position: relative;
padding: 0;
cursor: pointer;
overflow: hidden;
clear: left;
}
@media (max-width: 768px) {
.promotion_games .game {
width: 136px;
height: 100px;
}
.promotion_games .game .tags {
left: -10px !important;
}
}
@media (min-width: 768px) {
.promotion_games .game {
cursor: auto;
}
}
.promotion_games .game .game-order {
display: none;
position: absolute;
top: 48%;
transform: translateY(-50%);
font-size: 105px;
left: -7px;
justify-content: end;
align-items: center;
width: 60px;
color: white;
font-weight: 600;
letter-spacing: -7px;
padding-right: 2px;
-webkit-text-stroke: 2px #ff5722;
color: transparent;
background: transparent;
}
@media (min-width: 768px) {
.promotion_games .game .game-order {
top: 50%;
font-size: 72px;
left: -34px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
@media (min-width: 1600px) {
.promotion_games .game .game-order {
top: 50%;
font-size: 184px;
left: -16px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
.promotion_games .game .game-order-large {
letter-spacing: -13px;
font-size: 77px;
left: -15px;
}
@media (min-width: 768px) {
.promotion_games .game .game-order-large {
font-size: 112px;
left: -32px;
letter-spacing: -17px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.i1x2 .promotion_games .game .game-order {
font-size: 136px !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.i1x2 .promotion_games .game .game-order {
font-size: 136px !important;
}
}
.promotion_games .game .wrap {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 6px;
}
.promotion_games .game .wrap::before {
content: attr(data-name);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
width: 100%;
z-index: 1;
position: absolute;
left: 0;
right: 6px;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
@media (min-width: 768px) {
.promotion_games .game .wrap::before {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
}
}
.promotion_games .game .wrap .img {
position: absolute;
top: 0;
bottom: 0;
left: 0%;
right: 0%;
background-size: cover;
background-position: center center;
transition: all 0.5s;
}
.promotion_games .game .wrap .img.blocked {
opacity: 0.15;
}
.promotion_games .game .wrap .img.scheduled {
opacity: 0.15;
}
.promotion_games .game .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion_games .game .wrap .dealer-name {
position: absolute;
right: 0;
top: 2%;
background: rgba(0, 0, 0, 0.3);
color: white;
padding: 2px 5px;
opacity: 1;
transition: all 0.3s;
}
.promotion_games .game .wrap .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
overflow: hidden;
visibility: hidden;
}
.promotion_games .game .wrap .overlay .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
cursor: pointer;
}
.promotion_games .game .wrap .overlay .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.promotion_games .game .wrap .overlay .icons .stechicons {
font-size: 18px;
}
}
.promotion_games .game .wrap .overlay .icons a {
margin-left: 1px;
}
.promotion_games .game .wrap .overlay .icons a:hover .fa {
color: #ffffff;
}
.promotion_games .game .wrap .overlay .icons .fa {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.promotion_games .game .wrap .overlay .icons .fa {
font-size: 18px;
}
}
.promotion_games .game .wrap .overlay .icons .fa.fa-mobile {
font-size: 23px;
position: relative;
top: -3px;
}
.promotion_games .game .wrap .overlay .icons .fa.fa-star {
cursor: pointer;
}
.promotion_games .game .wrap .overlay .icons .fa.fa-star:before {
content: "\f006";
}
@media (min-width: 1024px) {
.promotion_games .game .wrap .overlay .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
}
.promotion_games .game .wrap .overlay .icons .fa.fa-star.selected:before {
color: #fbc103 !important;
content: "\f005" !important;
}
.promotion_games .game .wrap .overlay .provider {
display: none;
display: block;
color: white;
font-size: 128px;
text-align: center;
position: relative;
top: -50px;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.promotion_games .game .wrap .overlay .buttons {
position: absolute;
width: 100%;
top: 120%;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: -18.5px;
}
.promotion_games .game .wrap .overlay .buttons .btn {
margin-bottom: 2px;
width: 95%;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
}
@media (min-width: 768px) {
.promotion_games .game .wrap .overlay .buttons .btn {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.promotion_games .game .wrap .overlay .buttons .btn {
margin-bottom: 3px;
width: 120px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
line-height: 24px;
padding-left: 0;
padding-right: 0;
}
}
.promotion_games .game .wrap .overlay .buttons .btn-link {
display: inline-block;
color: #fff;
}
.promotion_games .game .wrap .overlay .buttons .btn-link:hover {
text-decoration: underline;
}
.promotion_games .game .wrap .overlay .buttons .btn-link--play {
font-size: 36px;
line-height: 72px;
}
.promotion_games .game .wrap .overlay .buttons .btn-link--play:hover {
text-decoration: none;
}
.promotion_games .game .wrap > div.blocked {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
text-align: center;
}
.promotion_games .game .wrap > div.blocked span {
display: inline-block;
position: relative;
top: 50%;
margin-top: -32px;
font-size: 16px;
text-align: center;
}
.promotion_games .game .wrap > div.blocked span .fa {
font-size: 45px;
}
.promotion_games .game .wrap .scheduled:not(.img) {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.promotion_games .game .wrap .scheduled:not(.img) span {
padding: 5px 10px;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1920px) {
.promotion_games .game .wrap .scheduled:not(.img) span {
font-size: 16px;
}
}
.promotion_games .game .wrap .scheduled:not(.img) span i {
margin-bottom: 11px;
font-size: 80px;
}
.promotion_games .game .game-metadata {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
width: 100%;
font-size: 10px;
}
@media (min-width: 768px) {
.promotion_games .game .game-metadata {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
padding-top: 8px;
}
}
.promotion_games .game .game-metadata .lastResults {
display: flex;
justify-content: start;
margin-bottom: 0px;
flex-wrap: wrap;
}
@media (min-width: 1920px) {
.promotion_games .game .game-metadata .lastResults {
justify-content: space-between;
}
}
.promotion_games .game .game-metadata .lastResults .lastResult {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background: green;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
font-size: 8px;
margin-bottom: 5px;
position: relative;
}
@media (min-width: 768px) {
.promotion_games .game .game-metadata .lastResults .lastResult {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.promotion_games .game .game-metadata .lastResults .lastResult {
width: 13.286%;
margin-bottom: 5px;
}
}
.promotion_games .game .game-metadata .lastResults .lastResult:first-of-type {
border: 2px solid #ffffff;
}
.promotion_games .game .game-metadata .lastResults .lastResult.red {
background: red;
}
.promotion_games .game .game-metadata .lastResults .lastResult.black {
background: black;
}
.promotion_games .game .game-metadata .seats {
display: flex;
justify-content: space-between;
}
.promotion_games .game .game-metadata .seats .seat {
text-align: center;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
background: black;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
position: relative;
overflow: hidden;
border: 3px solid black;
margin-bottom: 5px;
}
@media (min-width: 1920px) {
.promotion_games .game .game-metadata .seats .seat {
width: 13.286%;
border: 4px solid black;
}
}
.promotion_games .game .game-metadata .seats .seat.occupied::before,
.promotion_games .game .game-metadata .seats .seat.occupied::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 4px;
background-color: red;
transform-origin: center;
}
@media (min-width: 1024px) {
.promotion_games .game .game-metadata .seats .seat.occupied::before,
.promotion_games .game .game-metadata .seats .seat.occupied::after {
height: 2px;
}
}
@media (min-width: 1280px) {
.promotion_games .game .game-metadata .seats .seat.occupied::before,
.promotion_games .game .game-metadata .seats .seat.occupied::after {
height: 4px;
}
}
@media (min-width: 1920px) {
.promotion_games .game .game-metadata .seats .seat.occupied::before,
.promotion_games .game .game-metadata .seats .seat.occupied::after {
height: 7px;
}
}
.promotion_games .game .game-metadata .seats .seat.occupied::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.promotion_games .game .game-metadata .seats .seat.occupied::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.promotion_games .game .game-metadata .seats .seat.empty::before {
color: white;
position: absolute;
top: -8%;
left: 50%;
transform: translateX(-50%);
font-size: 155%;
}
@media (min-width: 1024px) {
.promotion_games .game .game-metadata .seats .seat.empty::before {
font-size: 91%;
}
}
@media (min-width: 1280px) {
.promotion_games .game .game-metadata .seats .seat.empty::before {
font-size: 120%;
}
}
@media (min-width: 1920px) {
.promotion_games .game .game-metadata .seats .seat.empty::before {
font-size: 210%;
}
}
.promotion_games .game .tags {
position: absolute;
top: -1px;
left: -1px;
background-size: cover;
background-position: top left;
width: 33px;
height: 33px;
}
@media (min-width: 768px) {
.promotion_games .game .tags {
width: 50px;
height: 50px;
}
}
.promotion_games .game .tags--new {
background-image: url(/Content/Images/New.png);
}
.promotion_games .game .tags--top {
background-image: url(/Content/Images/Top.png);
}
.promotion_games .game .tags-jackpot {
position: absolute;
top: 4%;
left: 50%;
transform: translateX(-50%);
width: 50%;
transition: all 0.5s;
}
.promotion_games .game:not(.noblur):hover .wrap::before,
.promotion_games .game:not(.noblur).hover .wrap::before {
bottom: 7px;
}
.promotion_games .game:not(.noblur):hover .wrap .img,
.promotion_games .game:not(.noblur).hover .wrap .img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
@media (min-width: 768px) {
.promotion_games .game:not(.noblur):hover .wrap .img,
.promotion_games .game:not(.noblur).hover .wrap .img {
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
.promotion_games .game:not(.noblur):hover .wrap .img.game-hidden,
.promotion_games .game:not(.noblur).hover .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion_games .game:not(.noblur):hover .wrap .dealer-name,
.promotion_games .game:not(.noblur).hover .wrap .dealer-name {
-webkit-filter: blur(6px);
filter: blur(6px);
opacity: 0;
}
@media (min-width: 768px) {
.promotion_games .game:not(.noblur):hover .wrap .overlay,
.promotion_games .game:not(.noblur).hover .wrap .overlay {
visibility: visible;
opacity: 1;
}
.promotion_games .game:not(.noblur):hover .wrap .overlay .buttons,
.promotion_games .game:not(.noblur).hover .wrap .overlay .buttons {
margin-top: 3px;
top: 50%;
transform: translate(0, -50%);
}
.promotion_games .game:not(.noblur):hover .wrap .overlay .provider,
.promotion_games .game:not(.noblur).hover .wrap .overlay .provider {
top: 0;
}
}
.promotion_games .game:not(.noblur):hover .wrap .tags-jackpot,
.promotion_games .game:not(.noblur).hover .wrap .tags-jackpot {
filter: blur(6px);
}
@media (min-width: 768px) {
.promotion_games .game:not(.noblur):hover .game-metadata,
.promotion_games .game:not(.noblur).hover .game-metadata {
bottom: 8px;
}
}
.promotion_games .game:not(.noblur):hover::before,
.promotion_games .game:not(.noblur).hover::before {
bottom: 8px;
}
.promotion_games .game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion_games .game.game--live-table:hover .buttons {
top: 43% !important;
transform: translate(0, -47%) scale(0.9) !important;
}
@media (min-width: 1024px) {
.promotion_games .game.game--live-table:hover .buttons {
top: 31% !important;
transform: translate(0, -47%) !important;
}
}
@media (min-width: 1920px) {
.promotion_games .game.game--live-table:hover .buttons {
top: 50% !important;
transform: translate(0, -50%) !important;
}
}
.promotion_games .game.i2x2 .wrap .overlay {
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#80000000', GradientType=0);
}
.promotion_games .game.i2x2 .wrap .overlay .buttons {
bottom: -20%;
top: auto;
height: 40px;
}
.promotion_games .game.i2x2 .wrap .overlay .buttons br {
display: none;
}
.promotion_games .game.i2x2:hover .wrap .overlay .buttons {
bottom: 40px;
top: auto;
}
.promotion_games .game.game--live-table .game-metadata {
bottom: 0;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding-bottom: 4px;
}
@media (min-width: 768px) {
.promotion_games .game.game--live-table .game-metadata {
padding-bottom: 8px;
bottom: -25px;
}
}
.promotion_games .game.game--live-table .game-metadata small div {
margin-top: 3px;
}
@media (min-width: 768px) {
.promotion_games .game.game--live-table .game-metadata:has(.seat) {
bottom: -46px;
}
}
@media (min-width: 768px) {
.promotion_games .game.game--live-table:not(.noblur):hover .game-metadata,
.promotion_games .game.game--live-table:not(.noblur).hover .game-metadata {
bottom: 0;
}
}
@media (min-width: 768px) {
.promotion_games .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.promotion_games .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat) {
bottom: 0px;
}
}
.promotion_games .game.game-simplified {
transition: all 0.3s;
}
.promotion_games .game.game-simplified .wrap {
cursor: pointer;
}
.promotion_games .game.game-simplified .wrap:before {
bottom: 10px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
@media (min-width: 768px) {
.promotion_games .game.game-simplified .wrap:before {
bottom: 11px;
}
}
.promotion_games .game.game-simplified .wrap .img::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid white;
mix-blend-mode: overlay;
border-radius: 6px;
}
@media (min-width: 768px) {
.promotion_games .game.game-simplified:not(.noblur):hover,
.promotion_games .game.game-simplified:not(.noblur).hover {
transform: scale(1.05);
}
}
.promotion_games .game.game-simplified:not(.noblur):hover .wrap::before,
.promotion_games .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 10px;
}
@media (min-width: 768px) {
.promotion_games .game.game-simplified:not(.noblur):hover .wrap::before,
.promotion_games .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 11px;
}
}
.promotion_games .game.game-simplified:not(.noblur):hover .img,
.promotion_games .game.game-simplified:not(.noblur).hover .img {
-webkit-filter: none !important;
filter: none !important;
}
@media (min-width: 768px) {
.promotion_games .game.game-simplified.i1x2:not(.noblur):hover,
.promotion_games .game.game-simplified.i2x1:not(.noblur):hover,
.promotion_games .game.game-simplified.i2x2:not(.noblur):hover,
.promotion_games .game.game-simplified.i1x2:not(.noblur).hover,
.promotion_games .game.game-simplified.i2x1:not(.noblur).hover,
.promotion_games .game.game-simplified.i2x2:not(.noblur).hover {
transform: scale(1.02);
}
}
.promotion_games .game .icons {
display: none;
}
.promotion_games .game .name {
display: none !important;
}
.promotion_games .game .buttons {
text-align: center;
}
.promotion_games .game .buttons a {
display: block;
margin: 0 auto;
margin-bottom: 2px !important;
width: 95% !important;
font-size: 11px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
line-height: 14px !important;
}
.promotion_games .game > div {
bottom: 6px;
right: 6px;
}
.promotion_games .game:hover .wrap .overlay {
visibility: hidden;
opacity: 0;
}
.promotion_games .game.hover .wrap .overlay {
visibility: visible !important;
opacity: 1 !important;
}
.promotion_games-desktop .game {
width: 117px;
height: 117px;
float: left;
position: relative;
padding: 0;
cursor: pointer;
overflow: hidden;
clear: left;
}
@media (min-width: 768px) {
.promotion_games-desktop .game {
cursor: auto;
}
}
.promotion_games-desktop .game .game-order {
display: none;
position: absolute;
top: 48%;
transform: translateY(-50%);
font-size: 105px;
left: -7px;
justify-content: end;
align-items: center;
width: 60px;
color: white;
font-weight: 600;
letter-spacing: -7px;
padding-right: 2px;
-webkit-text-stroke: 2px #ff5722;
color: transparent;
background: transparent;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .game-order {
top: 50%;
font-size: 72px;
left: -34px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
@media (min-width: 1600px) {
.promotion_games-desktop .game .game-order {
top: 50%;
font-size: 184px;
left: -16px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
.promotion_games-desktop .game .game-order-large {
letter-spacing: -13px;
font-size: 77px;
left: -15px;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .game-order-large {
font-size: 112px;
left: -32px;
letter-spacing: -17px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.i1x2 .promotion_games-desktop .game .game-order {
font-size: 136px !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.i1x2 .promotion_games-desktop .game .game-order {
font-size: 136px !important;
}
}
.promotion_games-desktop .game .wrap {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 6px;
}
.promotion_games-desktop .game .wrap::before {
content: attr(data-name);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
width: 100%;
z-index: 1;
position: absolute;
left: 0;
right: 6px;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .wrap::before {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
}
}
.promotion_games-desktop .game .wrap .img {
position: absolute;
top: 0;
bottom: 0;
left: 0%;
right: 0%;
background-size: cover;
background-position: center center;
transition: all 0.5s;
}
.promotion_games-desktop .game .wrap .img.blocked {
opacity: 0.15;
}
.promotion_games-desktop .game .wrap .img.scheduled {
opacity: 0.15;
}
.promotion_games-desktop .game .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion_games-desktop .game .wrap .dealer-name {
position: absolute;
right: 0;
top: 2%;
background: rgba(0, 0, 0, 0.3);
color: white;
padding: 2px 5px;
opacity: 1;
transition: all 0.3s;
}
.promotion_games-desktop .game .wrap .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
overflow: hidden;
visibility: hidden;
}
.promotion_games-desktop .game .wrap .overlay .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
cursor: pointer;
}
.promotion_games-desktop .game .wrap .overlay .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .wrap .overlay .icons .stechicons {
font-size: 18px;
}
}
.promotion_games-desktop .game .wrap .overlay .icons a {
margin-left: 1px;
}
.promotion_games-desktop .game .wrap .overlay .icons a:hover .fa {
color: #ffffff;
}
.promotion_games-desktop .game .wrap .overlay .icons .fa {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .wrap .overlay .icons .fa {
font-size: 18px;
}
}
.promotion_games-desktop .game .wrap .overlay .icons .fa.fa-mobile {
font-size: 23px;
position: relative;
top: -3px;
}
.promotion_games-desktop .game .wrap .overlay .icons .fa.fa-star {
cursor: pointer;
}
.promotion_games-desktop .game .wrap .overlay .icons .fa.fa-star:before {
content: "\f006";
}
@media (min-width: 1024px) {
.promotion_games-desktop .game .wrap .overlay .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
}
.promotion_games-desktop .game .wrap .overlay .icons .fa.fa-star.selected:before {
color: #fbc103 !important;
content: "\f005" !important;
}
.promotion_games-desktop .game .wrap .overlay .provider {
display: none;
display: block;
color: white;
font-size: 128px;
text-align: center;
position: relative;
top: -50px;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.promotion_games-desktop .game .wrap .overlay .buttons {
position: absolute;
width: 100%;
top: 120%;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: -18.5px;
}
.promotion_games-desktop .game .wrap .overlay .buttons .btn {
margin-bottom: 2px;
width: 95%;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .wrap .overlay .buttons .btn {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.promotion_games-desktop .game .wrap .overlay .buttons .btn {
margin-bottom: 3px;
width: 120px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
line-height: 24px;
padding-left: 0;
padding-right: 0;
}
}
.promotion_games-desktop .game .wrap .overlay .buttons .btn-link {
display: inline-block;
color: #fff;
}
.promotion_games-desktop .game .wrap .overlay .buttons .btn-link:hover {
text-decoration: underline;
}
.promotion_games-desktop .game .wrap .overlay .buttons .btn-link--play {
font-size: 36px;
line-height: 72px;
}
.promotion_games-desktop .game .wrap .overlay .buttons .btn-link--play:hover {
text-decoration: none;
}
.promotion_games-desktop .game .wrap > div.blocked {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
text-align: center;
}
.promotion_games-desktop .game .wrap > div.blocked span {
display: inline-block;
position: relative;
top: 50%;
margin-top: -32px;
font-size: 16px;
text-align: center;
}
.promotion_games-desktop .game .wrap > div.blocked span .fa {
font-size: 45px;
}
.promotion_games-desktop .game .wrap .scheduled:not(.img) {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.promotion_games-desktop .game .wrap .scheduled:not(.img) span {
padding: 5px 10px;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1920px) {
.promotion_games-desktop .game .wrap .scheduled:not(.img) span {
font-size: 16px;
}
}
.promotion_games-desktop .game .wrap .scheduled:not(.img) span i {
margin-bottom: 11px;
font-size: 80px;
}
.promotion_games-desktop .game .game-metadata {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
width: 100%;
font-size: 10px;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .game-metadata {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
padding-top: 8px;
}
}
.promotion_games-desktop .game .game-metadata .lastResults {
display: flex;
justify-content: start;
margin-bottom: 0px;
flex-wrap: wrap;
}
@media (min-width: 1920px) {
.promotion_games-desktop .game .game-metadata .lastResults {
justify-content: space-between;
}
}
.promotion_games-desktop .game .game-metadata .lastResults .lastResult {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background: green;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
font-size: 8px;
margin-bottom: 5px;
position: relative;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .game-metadata .lastResults .lastResult {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.promotion_games-desktop .game .game-metadata .lastResults .lastResult {
width: 13.286%;
margin-bottom: 5px;
}
}
.promotion_games-desktop .game .game-metadata .lastResults .lastResult:first-of-type {
border: 2px solid #ffffff;
}
.promotion_games-desktop .game .game-metadata .lastResults .lastResult.red {
background: red;
}
.promotion_games-desktop .game .game-metadata .lastResults .lastResult.black {
background: black;
}
.promotion_games-desktop .game .game-metadata .seats {
display: flex;
justify-content: space-between;
}
.promotion_games-desktop .game .game-metadata .seats .seat {
text-align: center;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
background: black;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
position: relative;
overflow: hidden;
border: 3px solid black;
margin-bottom: 5px;
}
@media (min-width: 1920px) {
.promotion_games-desktop .game .game-metadata .seats .seat {
width: 13.286%;
border: 4px solid black;
}
}
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::before,
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 4px;
background-color: red;
transform-origin: center;
}
@media (min-width: 1024px) {
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::before,
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::after {
height: 2px;
}
}
@media (min-width: 1280px) {
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::before,
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::after {
height: 4px;
}
}
@media (min-width: 1920px) {
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::before,
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::after {
height: 7px;
}
}
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.promotion_games-desktop .game .game-metadata .seats .seat.occupied::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.promotion_games-desktop .game .game-metadata .seats .seat.empty::before {
color: white;
position: absolute;
top: -8%;
left: 50%;
transform: translateX(-50%);
font-size: 155%;
}
@media (min-width: 1024px) {
.promotion_games-desktop .game .game-metadata .seats .seat.empty::before {
font-size: 91%;
}
}
@media (min-width: 1280px) {
.promotion_games-desktop .game .game-metadata .seats .seat.empty::before {
font-size: 120%;
}
}
@media (min-width: 1920px) {
.promotion_games-desktop .game .game-metadata .seats .seat.empty::before {
font-size: 210%;
}
}
.promotion_games-desktop .game .tags {
position: absolute;
top: -1px;
left: -1px;
background-size: cover;
background-position: top left;
width: 33px;
height: 33px;
}
@media (min-width: 768px) {
.promotion_games-desktop .game .tags {
width: 50px;
height: 50px;
}
}
.promotion_games-desktop .game .tags--new {
background-image: url(/Content/Images/New.png);
}
.promotion_games-desktop .game .tags--top {
background-image: url(/Content/Images/Top.png);
}
.promotion_games-desktop .game .tags-jackpot {
position: absolute;
top: 4%;
left: 50%;
transform: translateX(-50%);
width: 50%;
transition: all 0.5s;
}
.promotion_games-desktop .game:not(.noblur):hover .wrap::before,
.promotion_games-desktop .game:not(.noblur).hover .wrap::before {
bottom: 7px;
}
.promotion_games-desktop .game:not(.noblur):hover .wrap .img,
.promotion_games-desktop .game:not(.noblur).hover .wrap .img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
@media (min-width: 768px) {
.promotion_games-desktop .game:not(.noblur):hover .wrap .img,
.promotion_games-desktop .game:not(.noblur).hover .wrap .img {
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
.promotion_games-desktop .game:not(.noblur):hover .wrap .img.game-hidden,
.promotion_games-desktop .game:not(.noblur).hover .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion_games-desktop .game:not(.noblur):hover .wrap .dealer-name,
.promotion_games-desktop .game:not(.noblur).hover .wrap .dealer-name {
-webkit-filter: blur(6px);
filter: blur(6px);
opacity: 0;
}
@media (min-width: 768px) {
.promotion_games-desktop .game:not(.noblur):hover .wrap .overlay,
.promotion_games-desktop .game:not(.noblur).hover .wrap .overlay {
visibility: visible;
opacity: 1;
}
.promotion_games-desktop .game:not(.noblur):hover .wrap .overlay .buttons,
.promotion_games-desktop .game:not(.noblur).hover .wrap .overlay .buttons {
margin-top: 3px;
top: 50%;
transform: translate(0, -50%);
}
.promotion_games-desktop .game:not(.noblur):hover .wrap .overlay .provider,
.promotion_games-desktop .game:not(.noblur).hover .wrap .overlay .provider {
top: 0;
}
}
.promotion_games-desktop .game:not(.noblur):hover .wrap .tags-jackpot,
.promotion_games-desktop .game:not(.noblur).hover .wrap .tags-jackpot {
filter: blur(6px);
}
@media (min-width: 768px) {
.promotion_games-desktop .game:not(.noblur):hover .game-metadata,
.promotion_games-desktop .game:not(.noblur).hover .game-metadata {
bottom: 8px;
}
}
.promotion_games-desktop .game:not(.noblur):hover::before,
.promotion_games-desktop .game:not(.noblur).hover::before {
bottom: 8px;
}
.promotion_games-desktop .game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion_games-desktop .game.game--live-table:hover .buttons {
top: 43% !important;
transform: translate(0, -47%) scale(0.9) !important;
}
@media (min-width: 1024px) {
.promotion_games-desktop .game.game--live-table:hover .buttons {
top: 31% !important;
transform: translate(0, -47%) !important;
}
}
@media (min-width: 1920px) {
.promotion_games-desktop .game.game--live-table:hover .buttons {
top: 50% !important;
transform: translate(0, -50%) !important;
}
}
.promotion_games-desktop .game.i2x2 .wrap .overlay {
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#80000000', GradientType=0);
}
.promotion_games-desktop .game.i2x2 .wrap .overlay .buttons {
bottom: -20%;
top: auto;
height: 40px;
}
.promotion_games-desktop .game.i2x2 .wrap .overlay .buttons br {
display: none;
}
.promotion_games-desktop .game.i2x2:hover .wrap .overlay .buttons {
bottom: 40px;
top: auto;
}
.promotion_games-desktop .game.game--live-table .game-metadata {
bottom: 0;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding-bottom: 4px;
}
@media (min-width: 768px) {
.promotion_games-desktop .game.game--live-table .game-metadata {
padding-bottom: 8px;
bottom: -25px;
}
}
.promotion_games-desktop .game.game--live-table .game-metadata small div {
margin-top: 3px;
}
@media (min-width: 768px) {
.promotion_games-desktop .game.game--live-table .game-metadata:has(.seat) {
bottom: -46px;
}
}
@media (min-width: 768px) {
.promotion_games-desktop .game.game--live-table:not(.noblur):hover .game-metadata,
.promotion_games-desktop .game.game--live-table:not(.noblur).hover .game-metadata {
bottom: 0;
}
}
@media (min-width: 768px) {
.promotion_games-desktop .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.promotion_games-desktop .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat) {
bottom: 0px;
}
}
.promotion_games-desktop .game.game-simplified {
transition: all 0.3s;
}
.promotion_games-desktop .game.game-simplified .wrap {
cursor: pointer;
}
.promotion_games-desktop .game.game-simplified .wrap:before {
bottom: 10px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
@media (min-width: 768px) {
.promotion_games-desktop .game.game-simplified .wrap:before {
bottom: 11px;
}
}
.promotion_games-desktop .game.game-simplified .wrap .img::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid white;
mix-blend-mode: overlay;
border-radius: 6px;
}
@media (min-width: 768px) {
.promotion_games-desktop .game.game-simplified:not(.noblur):hover,
.promotion_games-desktop .game.game-simplified:not(.noblur).hover {
transform: scale(1.05);
}
}
.promotion_games-desktop .game.game-simplified:not(.noblur):hover .wrap::before,
.promotion_games-desktop .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 10px;
}
@media (min-width: 768px) {
.promotion_games-desktop .game.game-simplified:not(.noblur):hover .wrap::before,
.promotion_games-desktop .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 11px;
}
}
.promotion_games-desktop .game.game-simplified:not(.noblur):hover .img,
.promotion_games-desktop .game.game-simplified:not(.noblur).hover .img {
-webkit-filter: none !important;
filter: none !important;
}
@media (min-width: 768px) {
.promotion_games-desktop .game.game-simplified.i1x2:not(.noblur):hover,
.promotion_games-desktop .game.game-simplified.i2x1:not(.noblur):hover,
.promotion_games-desktop .game.game-simplified.i2x2:not(.noblur):hover,
.promotion_games-desktop .game.game-simplified.i1x2:not(.noblur).hover,
.promotion_games-desktop .game.game-simplified.i2x1:not(.noblur).hover,
.promotion_games-desktop .game.game-simplified.i2x2:not(.noblur).hover {
transform: scale(1.02);
}
}
.promotion_games-desktop .game .icons {
display: none;
}
.promotion_games-desktop .game .name {
display: none !important;
}
.promotion_games-desktop .game .buttons {
text-align: center;
}
.promotion_games-desktop .game .buttons a {
display: block;
margin: 0 auto;
margin-bottom: 2px !important;
width: 95% !important;
font-size: 11px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
line-height: 14px !important;
}
.promotion_games-desktop .game > div {
bottom: 6px;
right: 6px;
}
@media (min-width: 768px) {
.promotion_leaderboard {
padding-right: 8px;
}
}
@media (min-width: 768px) {
.promotion_rules {
padding-left: 8px;
}
}
.promotion_rules-promotions {
padding-left: 0px;
width: 100% !important;
}
.promotion table tbody tr.highlighted {
color: #fba10d;
}
.promotion table.table-striped > tbody > tr > td .amount,
.promotion table.table-striped > tbody > tr th .amount {
white-space: nowrap;
}
.promotion.open .promotion_extended {
display: block;
}
.promotion > .promotion_box:first-child {
border-radius: 6px;
}
.alt .promotion-wrapper {
width: auto !important;
max-width: calc(100vw - 155px);
}
@media (min-width: 768px) {
.alt .promotion-wrapper {
max-width: calc(50vw - 160px);
}
}
@media (min-width: 1024px) {
.alt .promotion-wrapper {
height: 40px;
line-height: 41px;
}
}
.promotionslider {
position: relative;
float: left;
}
.promotionslider > .wrap {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.promotionslider.iatyp-tournament .promotion_header {
margin-top: 0 !important;
display: block;
z-index: 100;
}
.promotionslider.iatyp-tournament .promotion_title {
color: white;
padding-left: 6px;
position: relative;
top: -6px;
}
.promotionslider.iatyp-tournament .promotion_quickinfo {
border-bottom: none !important;
}
.promotionslider.iatyp-tournament .promotion_img2 {
background-size: cover;
background-position-x: center;
border-radius: 6px;
}
.promotion-wrapper-slider {
display: flex;
justify-content: end;
flex-wrap: nowrap;
background-color: transparent;
margin-bottom: 0;
font-size: 16px;
margin: 0 0 0 auto;
pointer-events: none;
}
@media (min-width: 1024px) {
.promotion-wrapper-slider {
font-size: 20px;
/* max-width: 400px;*/
pointer-events: auto;
}
}
.promotion-wrapper-slider__detail {
/*flex: 1 1 auto;*/
cursor: pointer;
white-space: nowrap;
}
.promotion-wrapper-slider__detail .iconcasino {
font-size: 20px;
position: relative;
top: 3px;
margin-right: 2px;
}
@media (min-width: 1024px) {
.promotion-wrapper-slider__detail .iconcasino {
font-size: 24px;
top: 2px;
}
}
.promotion-wrapper-slider__detail--title {
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 568px) {
.promotion-wrapper-slider__detail--title {
text-align: right;
max-width: 240px;
}
}
.promotion-wrapper-slider__detail--timer {
flex: 0 0 105px;
text-align: right;
white-space: nowrap;
margin-left: 6px;
}
.promotion-wrapper-slider__detail--timer .iconcasino {
font-size: 19px;
top: 2px;
}
.promotion-wrapper-slider__detail--timer .promotion_timer > div {
width: 12px;
height: 12px;
top: 6.5px;
left: -21.5px;
}
@media (min-width: 1024px) {
.promotion-wrapper-slider__detail--timer .promotion_timer > div {
top: 28px;
left: -23px;
}
}
.promotion-wrapper-slider__detail--timer .promotion_timer + span {
color: #ff5722;
}
.promotion-wrapper-slider__detail--progress {
flex: 0 0 105px;
text-align: right;
display: flex;
}
.promotion-wrapper-slider__detail--progress > .value {
flex: 1 1 20px;
color: #ff5722;
font-weight: bold;
margin-top: 5px;
margin-bottom: -1px;
}
@media (min-width: 1024px) {
.promotion-wrapper-slider__detail--progress > .value {
margin-top: 0px;
margin-bottom: 0px;
}
}
.promotion-wrapper-slider__detail--progress > .progress {
flex: 0 0 55px;
margin-bottom: 0;
margin-top: 8px;
margin-left: 6px;
height: 12px;
border: 0;
background-color: #424242;
border-radius: 6px !important;
}
@media (min-width: 1024px) {
.promotion-wrapper-slider__detail--progress > .progress {
margin-top: 26px;
}
}
.promotion-wrapper-slider__detail--progress > .progress > div {
border-radius: 6px;
}
.promotion-wrapper-slider__detail--ranking {
padding-left: 12px;
}
.promotion-wrapper-popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup-overlay.shown {
display: none;
}
}
.promotion-wrapper-popup {
position: absolute;
margin-bottom: 0;
font-size: 16px;
border-radius: 9px;
display: none;
width: 100%;
height: auto;
background-image: url(../../../../Images/wrapper/bg1@2x.jpg);
background-size: cover;
background-position: center bottom;
overflow: hidden;
z-index: 20;
right: 0;
}
.promotion-wrapper-popup:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(../../../../Images/leaderboard_gradient.png);
background-repeat: no-repeat;
z-index: -2;
}
@media (min-width: 568px) {
.promotion-wrapper-popup {
width: 375px;
}
}
@media (min-width: 1024px) {
.promotion-wrapper-popup {
margin: 0 0 0 auto;
top: 0px;
font-size: 20px;
width: 475px;
}
}
.promotion-wrapper-popup > .promotion {
overflow: visible;
display: none;
padding: 6px 12px 50px;
}
@media (min-width: 568px) {
.promotion-wrapper-popup > .promotion {
height: 100%;
}
}
@media (min-width: 1024px) {
.promotion-wrapper-popup > .promotion {
bottom: 48px;
padding: 0 24px 24px;
height: auto;
}
}
.promotion-wrapper-popup__leaderboard-table {
background: transparent !important;
}
.promotion-wrapper-popup__leaderboard-table thead th {
background: transparent !important;
}
.promotion-wrapper-popup__leaderboard-table .amount {
text-wrap: nowrap;
}
.promotion-wrapper-popup__header {
display: flex;
justify-content: end;
flex-wrap: nowrap;
cursor: pointer;
margin-bottom: 24px;
pointer-events: none;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__header {
margin-bottom: 0px;
pointer-events: auto;
}
}
.promotion-wrapper-popup__header__detail {
white-space: nowrap;
}
.promotion-wrapper-popup__header__detail .iconcasino {
font-size: 20px;
position: relative;
top: 3px;
margin-right: 2px;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__header__detail .iconcasino {
font-size: 24px;
top: 2px;
}
}
.promotion-wrapper-popup__header__detail--title {
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 568px) {
.promotion-wrapper-popup__header__detail--title {
text-align: right;
}
}
.promotion-wrapper-popup__header__detail--timer {
flex: 0 0 105px;
text-align: right;
white-space: nowrap;
margin-left: 6px;
}
.promotion-wrapper-popup__header__detail--timer .iconcasino {
font-size: 19px;
top: 2px;
}
.promotion-wrapper-popup__header__detail--timer .promotion_timer > div {
width: 12px;
height: 12px;
top: 6.5px;
left: -21.5px;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__header__detail--timer .promotion_timer > div {
top: 28px;
left: -23px;
}
}
.promotion-wrapper-popup__header__detail--timer .promotion_timer + span {
color: #ff5722;
}
.promotion-wrapper-popup__header__detail--ranking {
padding-left: 12px;
}
.promotion-wrapper-popup__header__detail--progress {
flex: 0 0 105px;
text-align: right;
display: flex;
}
.promotion-wrapper-popup__header__detail--progress > .value {
flex: 1 1 20px;
color: #ff5722;
font-weight: bold;
margin-top: 2px;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__header__detail--progress > .value {
margin-top: 0px;
}
}
.promotion-wrapper-popup__header__detail--progress > .progress {
flex: 0 0 55px;
margin-bottom: 0;
margin-left: 6px;
height: 12px;
border: 0;
background-color: #424242;
border-radius: 6px !important;
align-self: center;
}
.promotion-wrapper-popup__header__detail--progress > .progress > div {
border-radius: 6px;
}
.promotion-wrapper-popup__header__detail--ranking {
padding-left: 12px;
}
.promotion-wrapper-popup__leaderboard-player {
display: flex;
justify-content: center;
color: #ff9f00;
margin-top: -17px;
flex-direction: column;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 19%;
}
.promotion-wrapper-popup__leaderboard-player > div {
margin-left: 3px;
margin-right: 3px;
display: flex;
gap: 5px;
justify-content: center;
}
.promotion-wrapper-popup__leaderboard-player > div:nth-of-type(1) {
margin-bottom: 14px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__leaderboard-player > div:nth-of-type(1) {
margin-bottom: 18px;
}
}
@media (min-width: 1280px) {
.promotion-wrapper-popup__leaderboard-player > div:nth-of-type(1) {
margin-bottom: 5px;
font-size: 13px;
}
}
.promotion-wrapper-popup__leaderboard-player .promotion-wrapper-popup__leaderboard-toggle {
margin-top: -17px !important;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__leaderboard-player .promotion-wrapper-popup__leaderboard-toggle {
margin-top: -5px !important;
}
}
@keyframes promotion-wrapper-popup__header {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
.promotion-wrapper-popup .promotion-wrapper-table {
display: block;
height: 250px;
overflow-y: scroll;
scrollbar-color: #ff5722;
}
@media (max-width: 768px) {
.promotion-wrapper-popup .promotion-wrapper-table {
height: 222px;
}
}
.promotion-wrapper-popup .promotion-wrapper-table-scroller {
overflow-y: scroll !important;
scrollbar-color: #ff5722;
}
.promotion-wrapper-popup .promotion-wrapper-table-scroller p {
white-space: pre-line;
}
.promotion-wrapper-popup .promotion-wrapper-table::-webkit-scrollbar-track,
.promotion-wrapper-popup .promotion-wrapper-table-scroller::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: transparent;
}
.promotion-wrapper-popup .promotion-wrapper-table::-webkit-scrollbar,
.promotion-wrapper-popup .promotion-wrapper-table-scroller::-webkit-scrollbar {
width: 6px;
background-color: transparent;
}
.promotion-wrapper-popup .promotion-wrapper-table::-webkit-scrollbar-thumb,
.promotion-wrapper-popup .promotion-wrapper-table-scroller::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f1f1f1;
}
.promotion-wrapper-popup .promotion-wrapper-popup__leaderboard-toggle {
font-size: 15px;
text-decoration: underline;
color: white;
display: block;
text-align: center;
margin-top: -29px;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup .promotion-wrapper-popup__leaderboard-toggle {
margin-top: -14px;
}
}
.promotion-wrapper-popup__img {
width: 100%;
padding-bottom: 35%;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 6px;
margin-bottom: 12px;
position: relative;
background-size: cover;
background-position: center;
}
.promotion-wrapper-popup__img > .fa {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 30px;
background-color: rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.promotion-wrapper-popup__img > .fa:before {
width: 30px;
height: 30px;
line-height: 30px;
margin-top: -15px;
position: absolute;
top: 50%;
text-align: center;
}
.promotion-wrapper-popup__img > .fa.fa-caret-right {
left: auto;
right: 0;
}
.promotion-wrapper-popup__infos {
display: flex;
flex-wrap: wrap;
line-height: 24px;
font-size: 15px;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__infos {
line-height: 30px;
font-size: 18px;
margin-bottom: 12px;
}
}
.promotion-wrapper-popup__info {
flex: 1 1 50%;
}
.promotion-wrapper-popup__info--win-rules {
flex: 1 1 40%;
}
.promotion-wrapper-popup__info--price-pool {
flex: 1 1 60%;
}
.promotion-wrapper-popup__info .iconcasino {
color: #fba10d;
font-size: 20px;
top: 2px;
position: relative;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__info .iconcasino {
font-size: 18px;
top: 2px;
}
}
.promotion-wrapper-popup__info--timer .iconcasino {
color: white;
font-size: 19px;
}
.promotion-wrapper-popup__info--timer .promotion_timer > div {
width: 12px;
height: 12px;
top: 7px;
left: -19px;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__info--timer .promotion_timer > div {
top: 10px;
left: -20px;
}
}
.promotion-wrapper-popup__info__detail--ranking {
padding-left: 6px;
}
.promotion-wrapper-popup__info--price-pool {
text-align: right;
}
.promotion-wrapper-popup__info--minimum-bet {
text-align: right;
}
.promotion-wrapper-popup__games .grid {
margin-top: 0 !important;
position: relative;
margin-right: -9px;
margin-bottom: -9px;
margin-top: 9px;
}
.promotion-wrapper-popup__games .grid .sizer {
width: 33.33333333%;
padding: 0 !important;
}
.promotion-wrapper-popup__games .grid > div .wrap {
bottom: 9px;
right: 9px;
}
.promotion-wrapper-popup__games .grid .bootstrap:after {
content: " ";
display: block;
padding-bottom: 100%;
}
.promotion-wrapper-popup__games .grid .bootstrap-1x2:after {
content: " ";
display: block;
padding-bottom: 50%;
}
.promotion-wrapper-popup__games .grid .bootstrap-2x1:after {
content: " ";
display: block;
padding-bottom: 200%;
}
.promotion-wrapper-popup__games .grid .i1x1 {
width: 33.33333333%;
}
.promotion-wrapper-popup__games .grid .i1x1:after {
content: " ";
display: block;
padding-bottom: 75%;
}
.promotion-wrapper-popup__games .grid > .game {
float: left;
position: relative;
padding: 0;
cursor: pointer;
overflow: hidden;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game {
cursor: auto;
}
}
.promotion-wrapper-popup__games .grid > .game .game-order {
display: none;
position: absolute;
top: 48%;
transform: translateY(-50%);
font-size: 105px;
left: -7px;
justify-content: end;
align-items: center;
width: 60px;
color: white;
font-weight: 600;
letter-spacing: -7px;
padding-right: 2px;
-webkit-text-stroke: 2px #ff5722;
color: transparent;
background: transparent;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .game-order {
top: 50%;
font-size: 72px;
left: -34px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
@media (min-width: 1600px) {
.promotion-wrapper-popup__games .grid > .game .game-order {
top: 50%;
font-size: 184px;
left: -16px;
justify-content: end;
align-items: center;
width: 100px;
letter-spacing: -10px;
}
}
.promotion-wrapper-popup__games .grid > .game .game-order-large {
letter-spacing: -13px;
font-size: 77px;
left: -15px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .game-order-large {
font-size: 112px;
left: -32px;
letter-spacing: -17px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.i1x2 .promotion-wrapper-popup__games .grid > .game .game-order {
font-size: 136px !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.i1x2 .promotion-wrapper-popup__games .grid > .game .game-order {
font-size: 136px !important;
}
}
.promotion-wrapper-popup__games .grid > .game .wrap {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 6px;
}
.promotion-wrapper-popup__games .grid > .game .wrap::before {
content: attr(data-name);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
width: 100%;
z-index: 1;
position: absolute;
left: 0;
right: 6px;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .wrap::before {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
}
}
.promotion-wrapper-popup__games .grid > .game .wrap .img {
position: absolute;
top: 0;
bottom: 0;
left: 0%;
right: 0%;
background-size: cover;
background-position: center center;
transition: all 0.5s;
}
.promotion-wrapper-popup__games .grid > .game .wrap .img.blocked {
opacity: 0.15;
}
.promotion-wrapper-popup__games .grid > .game .wrap .img.scheduled {
opacity: 0.15;
}
.promotion-wrapper-popup__games .grid > .game .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion-wrapper-popup__games .grid > .game .wrap .dealer-name {
position: absolute;
right: 0;
top: 2%;
background: rgba(0, 0, 0, 0.3);
color: white;
padding: 2px 5px;
opacity: 1;
transition: all 0.3s;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
overflow: hidden;
visibility: hidden;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
cursor: pointer;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .stechicons {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .stechicons {
font-size: 18px;
}
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons a {
margin-left: 1px;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons a:hover .fa {
color: #ffffff;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .fa {
vertical-align: top;
margin-left: 3px;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .fa {
font-size: 18px;
}
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .fa.fa-mobile {
font-size: 23px;
position: relative;
top: -3px;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .fa.fa-star {
cursor: pointer;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .fa.fa-star:before {
content: "\f006";
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .fa.fa-star:hover:before {
color: #fbc103;
content: "\f005";
}
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .icons .fa.fa-star.selected:before {
color: #fbc103 !important;
content: "\f005" !important;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .provider {
display: none;
display: block;
color: white;
font-size: 128px;
text-align: center;
position: relative;
top: -50px;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .buttons {
position: absolute;
width: 100%;
top: 120%;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
margin-top: -18.5px;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .buttons .btn {
margin-bottom: 2px;
width: 95%;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .buttons .btn {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .buttons .btn {
margin-bottom: 3px;
width: 120px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
line-height: 24px;
padding-left: 0;
padding-right: 0;
}
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .buttons .btn-link {
display: inline-block;
color: #fff;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .buttons .btn-link:hover {
text-decoration: underline;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .buttons .btn-link--play {
font-size: 36px;
line-height: 72px;
}
.promotion-wrapper-popup__games .grid > .game .wrap .overlay .buttons .btn-link--play:hover {
text-decoration: none;
}
.promotion-wrapper-popup__games .grid > .game .wrap > div.blocked {
color: #fff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
text-align: center;
}
.promotion-wrapper-popup__games .grid > .game .wrap > div.blocked span {
display: inline-block;
position: relative;
top: 50%;
margin-top: -32px;
font-size: 16px;
text-align: center;
}
.promotion-wrapper-popup__games .grid > .game .wrap > div.blocked span .fa {
font-size: 45px;
}
.promotion-wrapper-popup__games .grid > .game .wrap .scheduled:not(.img) {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.promotion-wrapper-popup__games .grid > .game .wrap .scheduled:not(.img) span {
padding: 5px 10px;
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1920px) {
.promotion-wrapper-popup__games .grid > .game .wrap .scheduled:not(.img) span {
font-size: 16px;
}
}
.promotion-wrapper-popup__games .grid > .game .wrap .scheduled:not(.img) span i {
margin-bottom: 11px;
font-size: 80px;
}
.promotion-wrapper-popup__games .grid > .game .game-metadata {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
color: #fff;
bottom: -50px;
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
width: 100%;
font-size: 10px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata {
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
padding-top: 8px;
}
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .lastResults {
display: flex;
justify-content: start;
margin-bottom: 0px;
flex-wrap: wrap;
}
@media (min-width: 1920px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .lastResults {
justify-content: space-between;
}
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .lastResults .lastResult {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background: green;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
font-size: 8px;
margin-bottom: 5px;
position: relative;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .lastResults .lastResult {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .lastResults .lastResult {
width: 13.286%;
margin-bottom: 5px;
}
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .lastResults .lastResult:first-of-type {
border: 2px solid #ffffff;
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .lastResults .lastResult.red {
background: red;
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .lastResults .lastResult.black {
background: black;
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats {
display: flex;
justify-content: space-between;
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat {
text-align: center;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
background: black;
border-radius: 50%;
width: 20%;
aspect-ratio: 1;
position: relative;
overflow: hidden;
border: 3px solid black;
margin-bottom: 5px;
}
@media (min-width: 1920px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat {
width: 13.286%;
border: 4px solid black;
}
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::before,
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 4px;
background-color: red;
transform-origin: center;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::before,
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::after {
height: 2px;
}
}
@media (min-width: 1280px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::before,
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::after {
height: 4px;
}
}
@media (min-width: 1920px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::before,
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::after {
height: 7px;
}
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.occupied::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.empty::before {
color: white;
position: absolute;
top: -8%;
left: 50%;
transform: translateX(-50%);
font-size: 155%;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.empty::before {
font-size: 91%;
}
}
@media (min-width: 1280px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.empty::before {
font-size: 120%;
}
}
@media (min-width: 1920px) {
.promotion-wrapper-popup__games .grid > .game .game-metadata .seats .seat.empty::before {
font-size: 210%;
}
}
.promotion-wrapper-popup__games .grid > .game .tags {
position: absolute;
top: -1px;
left: -1px;
background-size: cover;
background-position: top left;
width: 33px;
height: 33px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game .tags {
width: 50px;
height: 50px;
}
}
.promotion-wrapper-popup__games .grid > .game .tags--new {
background-image: url(/Content/Images/New.png);
}
.promotion-wrapper-popup__games .grid > .game .tags--top {
background-image: url(/Content/Images/Top.png);
}
.promotion-wrapper-popup__games .grid > .game .tags-jackpot {
position: absolute;
top: 4%;
left: 50%;
transform: translateX(-50%);
width: 50%;
transition: all 0.5s;
}
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap::before,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap::before {
bottom: 7px;
}
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap .img,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap .img {
-webkit-filter: saturate(200%);
filter: saturate(200%);
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap .img,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap .img {
-webkit-filter: blur(6px);
filter: blur(6px);
}
}
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap .img.game-hidden,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap .img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap .dealer-name,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap .dealer-name {
-webkit-filter: blur(6px);
filter: blur(6px);
opacity: 0;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap .overlay,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap .overlay {
visibility: visible;
opacity: 1;
}
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap .overlay .buttons,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap .overlay .buttons {
margin-top: 3px;
top: 50%;
transform: translate(0, -50%);
}
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap .overlay .provider,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap .overlay .provider {
top: 0;
}
}
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .wrap .tags-jackpot,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .wrap .tags-jackpot {
filter: blur(6px);
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover .game-metadata,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover .game-metadata {
bottom: 8px;
}
}
.promotion-wrapper-popup__games .grid > .game:not(.noblur):hover::before,
.promotion-wrapper-popup__games .grid > .game:not(.noblur).hover::before {
bottom: 8px;
}
.promotion-wrapper-popup__games .grid > .game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.promotion-wrapper-popup__games .grid > .game.game--live-table:hover .buttons {
top: 43% !important;
transform: translate(0, -47%) scale(0.9) !important;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__games .grid > .game.game--live-table:hover .buttons {
top: 31% !important;
transform: translate(0, -47%) !important;
}
}
@media (min-width: 1920px) {
.promotion-wrapper-popup__games .grid > .game.game--live-table:hover .buttons {
top: 50% !important;
transform: translate(0, -50%) !important;
}
}
.promotion-wrapper-popup__games .grid > .game.i2x2 .wrap .overlay {
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#80000000', GradientType=0);
}
.promotion-wrapper-popup__games .grid > .game.i2x2 .wrap .overlay .buttons {
bottom: -20%;
top: auto;
height: 40px;
}
.promotion-wrapper-popup__games .grid > .game.i2x2 .wrap .overlay .buttons br {
display: none;
}
.promotion-wrapper-popup__games .grid > .game.i2x2:hover .wrap .overlay .buttons {
bottom: 40px;
top: auto;
}
.promotion-wrapper-popup__games .grid > .game.game--live-table .game-metadata {
bottom: 0;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding-bottom: 4px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game.game--live-table .game-metadata {
padding-bottom: 8px;
bottom: -25px;
}
}
.promotion-wrapper-popup__games .grid > .game.game--live-table .game-metadata small div {
margin-top: 3px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game.game--live-table .game-metadata:has(.seat) {
bottom: -46px;
}
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game.game--live-table:not(.noblur):hover .game-metadata,
.promotion-wrapper-popup__games .grid > .game.game--live-table:not(.noblur).hover .game-metadata {
bottom: 0;
}
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game.game--live-table:not(.noblur):hover .game-metadata:has(.seat),
.promotion-wrapper-popup__games .grid > .game.game--live-table:not(.noblur).hover .game-metadata:has(.seat) {
bottom: 0px;
}
}
.promotion-wrapper-popup__games .grid > .game.game-simplified {
transition: all 0.3s;
}
.promotion-wrapper-popup__games .grid > .game.game-simplified .wrap {
cursor: pointer;
}
.promotion-wrapper-popup__games .grid > .game.game-simplified .wrap:before {
bottom: 10px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game.game-simplified .wrap:before {
bottom: 11px;
}
}
.promotion-wrapper-popup__games .grid > .game.game-simplified .wrap .img::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid white;
mix-blend-mode: overlay;
border-radius: 6px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game.game-simplified:not(.noblur):hover,
.promotion-wrapper-popup__games .grid > .game.game-simplified:not(.noblur).hover {
transform: scale(1.05);
}
}
.promotion-wrapper-popup__games .grid > .game.game-simplified:not(.noblur):hover .wrap::before,
.promotion-wrapper-popup__games .grid > .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 10px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game.game-simplified:not(.noblur):hover .wrap::before,
.promotion-wrapper-popup__games .grid > .game.game-simplified:not(.noblur).hover .wrap::before {
bottom: 11px;
}
}
.promotion-wrapper-popup__games .grid > .game.game-simplified:not(.noblur):hover .img,
.promotion-wrapper-popup__games .grid > .game.game-simplified:not(.noblur).hover .img {
-webkit-filter: none !important;
filter: none !important;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__games .grid > .game.game-simplified.i1x2:not(.noblur):hover,
.promotion-wrapper-popup__games .grid > .game.game-simplified.i2x1:not(.noblur):hover,
.promotion-wrapper-popup__games .grid > .game.game-simplified.i2x2:not(.noblur):hover,
.promotion-wrapper-popup__games .grid > .game.game-simplified.i1x2:not(.noblur).hover,
.promotion-wrapper-popup__games .grid > .game.game-simplified.i2x1:not(.noblur).hover,
.promotion-wrapper-popup__games .grid > .game.game-simplified.i2x2:not(.noblur).hover {
transform: scale(1.02);
}
}
.promotion-wrapper-popup__games .grid > .game .overlay .icons,
.promotion-wrapper-popup__games .grid > .game .overlay .name {
display: none !important;
}
.promotion-wrapper-popup__games .grid > .game .overlay .buttons a[data-mode="true"] {
color: white;
text-indent: -9999px;
background-color: transparent;
border-color: transparent;
position: relative;
}
.promotion-wrapper-popup__games .grid > .game .overlay .buttons a[data-mode="true"] i {
position: absolute;
top: 0;
left: 50%;
text-indent: 0;
width: 32px;
height: 32px;
margin-left: -16px;
line-height: 32px;
}
.promotion-wrapper-popup__games .grid > .game .overlay .buttons a[data-mode="false"] {
display: none !important;
}
.promotion-wrapper-popup__games .grid > .game .tags {
display: none !important;
}
.promotion-wrapper-popup__games .grid .slick-dots {
z-index: 1;
position: relative;
left: auto;
right: auto;
bottom: auto;
top: 0px;
padding: 0;
margin: 0;
}
.promotion-wrapper-popup__games .grid .slick-dots li.slick-active button:before {
opacity: 1;
color: #9d9d9d;
}
.promotion-wrapper-popup__games .grid .slick-dots li button:before {
font-size: 7px;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__games .grid .slick-dots {
top: -5px;
}
}
.promotion-wrapper-popup__games .grid .slick-dots::-webkit-scrollbar {
display: none;
}
.promotion-wrapper-popup__games .grid .slick-dots:before {
background: transparent;
}
.promotion-wrapper-popup__games .grid .slick-dots:after {
bottom: 17px;
width: 35%;
right: 0;
left: auto;
background: #3a3a3a;
}
@media (max-width: 768px) {
.promotion-wrapper-popup__games .grid .slick-dots:after {
width: 33%;
}
}
.promotion-wrapper-popup__games .grid .slick-dots li {
overflow: hidden;
background-color: transparent;
}
.promotion-wrapper-popup__games .grid .slick-dots li button:before {
content: "•";
}
.promotion-wrapper-popup__games .grid .slick-prev,
.promotion-wrapper-popup__games .grid .slick-next {
position: absolute;
top: 0;
left: 0;
right: 9px;
width: 30px;
height: auto;
bottom: 36px;
background-color: rgba(0, 0, 0, 0.25);
cursor: pointer;
transform: none;
border-radius: 6px;
display: block !important;
z-index: 101;
}
.promotion-wrapper-popup__games .grid .slick-prev:before,
.promotion-wrapper-popup__games .grid .slick-next:before {
width: 30px;
height: 30px;
line-height: 30px;
margin-top: -15px;
position: absolute;
top: 50%;
text-align: center;
font-family: 'FontAwesome';
color: white;
opacity: 1;
}
.promotion-wrapper-popup__games .grid .slick-prev {
right: auto;
z-index: 1;
}
.promotion-wrapper-popup__games .grid .slick-prev:before {
content: "\f0d9";
}
.promotion-wrapper-popup__games .grid .slick-next {
left: auto;
}
.promotion-wrapper-popup__games .grid .slick-next:before {
content: "\f0da";
}
.promotion-wrapper-popup__leaderboard-item {
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center 50px;
width: 26%;
min-height: 200px;
text-align: center;
color: white;
padding-top: 128px;
margin-top: -40px;
}
@media (min-width: 389px) {
.promotion-wrapper-popup__leaderboard-item {
padding-top: 138px;
margin-top: -26px;
}
}
.promotion-wrapper-popup__leaderboard-item .promotion-item-header {
padding-top: 18px;
justify-content: center;
}
@media (max-width: 1024px) {
.promotion-wrapper-popup__leaderboard-item .promotion-item-header {
padding-top: 0;
}
}
.promotion-wrapper-popup__leaderboard-item .promotion-item-header .prize span {
text-wrap: nowrap;
}
.promotion-wrapper-popup__leaderboard-item > div:nth-child(1) {
/* sequence */
font-size: 20px;
display: none;
}
.promotion-wrapper-popup__leaderboard-item > div:nth-child(2) {
/* name */
font-size: 18px;
line-height: 1;
margin-top: 13px;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__leaderboard-item > div:nth-child(2) {
margin-top: 4px;
}
}
.promotion-wrapper-popup__leaderboard-item > div:nth-child(3) {
/* value */
font-size: 14px;
line-height: 14px;
}
.promotion-wrapper-popup__leaderboard-item > div:nth-child(4) {
/* prize */
font-size: 12px;
}
.promotion-wrapper-popup__leaderboard-item .prize {
font-size: 12px !important;
margin: 4px 0;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__leaderboard-item .prize {
font-size: 15px !important;
}
}
.promotion-wrapper-popup__leaderboard-item .promotion-wrapper-popup__leaderboard-player-value {
font-size: 15px !important;
}
.promotion-wrapper-popup__leaderboard-item .promotion-wrapper-popup__leaderboard-player-name {
font-size: 14px !important;
text-wrap: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.promotion-wrapper-popup__leaderboard-item .promotion-wrapper-popup__leaderboard-player-name {
font-size: 18px !important;
}
}
.promotion-wrapper-popup__leaderboard-item--1 {
order: 2;
background-image: url(../../../../Images/wrapper/gold@2x.png);
background-position: center top;
padding-top: 89px;
width: 34%;
margin-top: -11px;
}
@media (min-width: 389px) {
.promotion-wrapper-popup__leaderboard-item--1 {
padding-top: 100px;
}
}
@media (min-width: 768px) {
.promotion-wrapper-popup__leaderboard-item--1 {
padding-top: 110px;
margin-top: -17px;
}
}
@media (min-width: 1024px) {
.promotion-wrapper-popup__leaderboard-item--1 {
padding-top: 110px;
}
}
@media (min-width: 1280px) {
.promotion-wrapper-popup__leaderboard-item--1 {
padding-top: 107px;
}
}
.promotion-wrapper-popup__leaderboard-item--1 .prize {
color: #ffbc00;
}
.promotion-wrapper-popup__leaderboard-item--2 {
order: 1;
/* margin-top: 7px;*/
background-image: url(../../../../Images/wrapper/silver@2x.png);
}
.promotion-wrapper-popup__leaderboard-item--2 .prize {
color: #aeb2c4;
}
.promotion-wrapper-popup__leaderboard-item--3 {
order: 3;
/* margin-top: 7px;*/
background-image: url(../../../../Images/wrapper/bronze@2x.png);
}
.promotion-wrapper-popup__leaderboard-item--3 .prize {
color: #f76a0a;
}
.promotion-wrapper-popup__leaderboard-item--player {
color: aqua;
}
.promotion-wrapper-popup .fa-spinner {
top: 50%;
position: absolute;
left: 50%;
font-size: 32px;
margin-left: -16px;
margin-top: -16px;
}
.promotion-wrapper-popup .tab-content {
width: 100%;
border: 0;
padding: 0;
background-color: transparent;
height: 100%;
}
@media (min-width: 768px) {
.promotion-wrapper-popup .tab-content {
height: auto;
}
}
.promotion-wrapper-popup .tab-content > .tab-pane {
height: calc((100vw - 24px) * 0.59 - 12px);
overflow: hidden;
font-size: 12px;
line-height: 1.5;
}
@media (min-width: 568px) {
.promotion-wrapper-popup .tab-content > .tab-pane {
height: calc((375px - 24px) * 0.42 + 12px + 52px);
}
}
@media (min-width: 1024px) {
.promotion-wrapper-popup .tab-content > .tab-pane {
height: 263px;
}
}
.promotion-wrapper-popup .tab-content > .tab-pane table tr {
background-color: transparent;
}
.promotion-wrapper-popup .tab-content > .tab-pane table tr th {
border: 0 !important;
}
.promotion-wrapper-popup .tab-content > .tab-pane table tr td {
font-size: 14px;
border: 0;
color: #fff;
}
.promotion-wrapper-popup .tab-content > .tab-pane table tr td:first-child {
width: 30px;
}
.promotion-wrapper-popup .tab-content > .tab-pane table tr.lowlighted td {
color: #878787;
}
.promotion-wrapper-popup .tab-content > .tab-pane table tr.highlighted td {
color: #fba10d;
}
.promotion-wrapper-popup .promotion_tabs {
position: absolute;
bottom: 12px;
left: 0px;
right: 0px;
width: auto;
background: #000000;
border-radius: 6px;
height: 40px;
left: 12px;
right: 12px;
}
@media (min-width: 1024px) {
.promotion-wrapper-popup .promotion_tabs {
left: 24px;
right: 24px;
bottom: 24px;
}
}
.promotion-wrapper-popup .promotion_tabs li a {
border-radius: 6px;
background-color: transparent;
font-size: 15px;
height: 40px;
line-height: 40px !important;
}
@media (min-width: 568px) {
.promotion-wrapper-popup + table {
width: calc(100vw - 375px) !important;
height: 100% !important;
}
}
.force-hidden {
display: none !important;
}
.text-right {
text-align: right;
}
@media (min-width: 768px) {
.col-sm-text-left {
text-align: left;
}
}
@media (min-width: 568px) {
.promotion-fgo-content {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
}
@media (min-width: 1280px) {
.promotion-fgo-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: row;
}
}
.promotion-fgo {
display: flex;
flex-direction: column;
border-radius: 6px;
overflow: hidden;
background: #fff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
margin-bottom: 6px;
height: fit-content;
}
@media (min-width: 568px) {
.promotion-fgo {
width: calc(50% - 12px / 2);
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.promotion-fgo {
width: calc(33.33% - 2 * 12px / 3);
}
}
@media (min-width: 1280px) {
.promotion-fgo {
width: 100%;
}
}
.promotion-fgo > div {
text-align: center;
}
.promotion-fgo-header {
padding: 5px 10px 0 10px;
background: #fff;
color: #5b6772;
position: relative;
}
@media (min-width: 768px) {
.promotion-fgo-header {
padding: 0px 10px 0 10px;
}
}
.promotion-fgo-header::after {
content: '';
position: absolute;
top: calc(100% - 1px);
left: -8px;
right: -8px;
padding-bottom: 10%;
background: #fff;
z-index: 1;
clip-path: polygon(0% 0%, 100% 0%, 50% 60%);
}
.promotion-fgo-provider {
width: 90%;
aspect-ratio: 4.5;
margin-left: auto;
margin-right: auto;
margin-top: -5px;
border-radius: 30px;
margin-bottom: 0px;
padding-bottom: 29%;
}
@media (min-width: 1280px) {
.promotion-fgo-provider {
margin-top: -14px;
margin-bottom: -3px;
}
}
.promotion-fgo-provider img {
max-width: 100%;
top: -7px;
position: relative;
/*max-height: 300%;*/
}
@media (min-width: 768px) {
.promotion-fgo-provider img {
top: -1px;
}
}
.promotion-fgo-title {
font-size: 21px;
line-height: 25px;
font-weight: 700;
margin-bottom: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.promotion-fgo-title {
font-size: 24px;
}
}
.promotion-fgo-description {
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.promotion-fgo-spins {
padding: 2px 20px 3px 20px;
font-size: 21px;
line-height: 28px;
font-weight: 700;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.promotion-fgo-spins {
font-size: 24px;
}
}
.promotion-fgo-spins > span {
color: #5b6772;
padding: 4px 20px 7px 20px;
border-radius: 6px;
position: relative;
z-index: 10;
white-space: nowrap;
}
.promotion-fgo-slider {
padding-bottom: 0px;
position: relative;
}
.promotion-fgo-slider::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: linear-gradient(0deg, transparent, #ff5722);
opacity: 0.7;
}
.promotion-fgo-slider::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background: linear-gradient(180deg, transparent, #ff5722);
opacity: 0.7;
}
.promotion-fgo-slider .grid {
display: flex;
justify-content: center;
padding: 31px 6px 0px 6px;
margin-right: -6px;
position: relative;
z-index: 1;
cursor: pointer;
}
.promotion-fgo-slider .grid::-webkit-scrollbar {
display: none;
}
.promotion-fgo-slider .grid.promotion-fgo-slider-slider {
display: grid;
grid-auto-flow: column;
overflow-x: scroll;
justify-content: start;
}
@media (min-width: 768px) {
.promotion-fgo-slider .grid {
padding: 50px 6px 0px 12px;
}
}
.promotion-fgo-slider .grid .game {
cursor: pointer;
}
.promotion-fgo-slider .grid .game .wrap .overlay .btn::after {
display: none;
}
.promotion-fgo-slider .grid .game .wrap .overlay .btn i {
color: white;
font-size: 26px;
}
.promotion-fgo-slider .grid .game .wrap .overlay .name {
display: none;
}
.promotion-fgo-slider .grid .game .wrap .overlay .provider {
display: none;
}
.promotion-fgo-slider .grid .game .wrap .overlay .icons {
display: none;
}
.promotion-fgo-slider .grid .i1x1 {
width: calc(40vw - 10px);
z-index: 1;
}
@media (min-width: 568px) {
.promotion-fgo-slider .grid .i1x1 {
width: 40%;
}
}
@media (min-width: 768px) {
.promotion-fgo-slider .grid .i1x1 {
width: 145px;
}
}
@media (min-width: 1024px) {
.promotion-fgo-slider .grid .i1x1 {
width: 128px;
}
}
@media (min-width: 1600px) {
.promotion-fgo-slider .grid .i1x1 {
width: 139px;
}
}
.promotion-fgo-slider .grid .i1x1 .tags {
left: -10px;
}
@media (min-width: 768px) {
.promotion-fgo-slider .grid .i1x1 .tags {
left: -1px;
}
}
.promotion-fgo-slider .grid.open {
display: flex !important;
flex-wrap: wrap;
overflow-x: auto;
}
.promotion-fgo-slider .grid.open .i1x1 {
width: 33%;
}
.promotion-fgo-date {
padding: 10px;
background: #fff;
color: #5b6772;
}
.promotion-fgo .show-all-games {
position: relative;
display: inline-block;
margin-top: 0px;
margin-bottom: 6px;
z-index: 10;
cursor: pointer;
background: #fff;
border-radius: 6px;
padding: 4px 10px 3px 10px;
}
.mobile-wrapper {
/*Mobile Adjustements*/
}
.mobile-wrapper .mobile-sidebar {
width: 44px;
height: calc(100% - 59px);
position: fixed;
top: 59px;
left: 0;
display: none;
}
.mobile-wrapper .mobile-sidebar .dropdown {
position: initial;
}
.mobile-wrapper .mobile-sidebar .dropdown .icon {
color: white;
font-size: 24px;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
display: block;
}
.mobile-wrapper .mobile-sidebar .dropdown .icon > img {
vertical-align: sub;
height: 25px;
width: 25px;
}
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-backdrop {
display: none;
}
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-menu {
top: 4px;
left: calc(100% + 6px);
padding: 0;
background-color: rgba(0, 0, 0, 0.7);
width: 200px;
max-height: calc(100% - 12px);
overflow-y: auto;
}
@media (min-width: 568px) {
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-menu {
width: 400px;
}
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-menu .list-group {
column-count: 2;
column-gap: 0;
}
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-menu .list-group .list-group-item {
min-height: 32px;
}
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-menu.list-onecol {
width: 200px;
}
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-menu.list-onecol .list-group {
column-count: 1;
}
}
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-menu.list-overflow-visible {
overflow: visible;
}
.mobile-wrapper .mobile-sidebar .dropdown .dropdown-menu .list-wrapper .list-headline {
background-color: #000000;
}
.mobile-wrapper .mobile-sidebar .dropdown.open .icon {
background-color: #370505;
position: relative;
}
.mobile-wrapper .mobile-sidebar .dropdown.open .icon:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
right: -7px;
top: 16px;
border-right: 6px solid #000000;
}
@media (max-width: 767px) {
.mobile-wrapper .mobile-sidebar {
display: block;
}
}
.player-logged .mobile-wrapper .mobile-sidebar {
height: calc(100% - 83px);
top: 83px;
}
#search .twitter-typeahead,
#search-mobile .twitter-typeahead,
#search-mobile-h .twitter-typeahead {
width: 100%;
}
#search .twitter-typeahead .tt-hint,
#search-mobile .twitter-typeahead .tt-hint,
#search-mobile-h .twitter-typeahead .tt-hint {
color: #999999;
}
#search .twitter-typeahead .tt-menu,
#search-mobile .twitter-typeahead .tt-menu,
#search-mobile-h .twitter-typeahead .tt-menu {
background-color: rgba(0, 0, 0, 0.8);
border: 0;
border-top: 0;
padding: 0;
width: 100%;
}
#search .twitter-typeahead .tt-suggestion,
#search-mobile .twitter-typeahead .tt-suggestion,
#search-mobile-h .twitter-typeahead .tt-suggestion {
width: 100%;
color: #fff;
padding: 6px 12px;
margin-bottom: 0px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
#search .twitter-typeahead .tt-suggestion:first-child,
#search-mobile .twitter-typeahead .tt-suggestion:first-child,
#search-mobile-h .twitter-typeahead .tt-suggestion:first-child {
border-top: 0;
}
#search .twitter-typeahead .tt-suggestion.tt-cursor,
#search-mobile .twitter-typeahead .tt-suggestion.tt-cursor,
#search-mobile-h .twitter-typeahead .tt-suggestion.tt-cursor {
background-color: #000000;
color: #fff;
}
#search .twitter-typeahead .tt-suggestion.tt-is-under-cursor,
#search-mobile .twitter-typeahead .tt-suggestion.tt-is-under-cursor,
#search-mobile-h .twitter-typeahead .tt-suggestion.tt-is-under-cursor {
color: #FFF;
}
#search .twitter-typeahead .tt-suggestion p,
#search-mobile .twitter-typeahead .tt-suggestion p,
#search-mobile-h .twitter-typeahead .tt-suggestion p {
margin: 0;
}
#search-mobile {
margin-bottom: 6px;
}
.list-wrapper .list-headline {
background-color: rgba(0, 0, 0, 0.6);
padding: 6px 12px;
text-transform: uppercase;
color: #fff;
}
.list-wrapper .list-headline a {
color: #fff;
text-transform: none;
font-size: 0.9em;
line-height: 20px;
}
.list-wrapper .list-text {
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
padding: 6px 12px;
}
.list-wrapper .list-text a.bullet {
padding-left: 13px;
color: white;
position: relative;
}
.list-wrapper .list-text a.bullet:before {
content: "";
border-color: transparent #ae1b30;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: inline-block;
height: 0;
width: 0;
left: 1px;
top: 4px;
position: absolute;
}
.list-wrapper .list-items {
margin-bottom: 0;
}
.list-wrapper .list-items .list-group-item {
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
border: 0;
padding: 6px 12px;
margin-bottom: 0;
}
.list-wrapper .list-items .list-group-item a {
color: #fff;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-wrapper .list-items .list-group-item a:hover {
color: #fff;
text-decoration: none;
}
.list-wrapper .list-items .list-group-item .fa {
position: relative;
width: 20px;
height: 20px;
line-height: 20px;
margin-right: 3px;
vertical-align: top;
}
.list-wrapper .list-items .list-group-item .progress {
float: right;
width: 35%;
height: 6px;
position: relative;
top: 6px;
border-color: transparent;
background-color: rgba(0, 0, 0, 0.3);
margin-bottom: 0;
}
.list-wrapper .list-items .list-group-item img {
height: 40px;
margin: -6px 3px -6px 0;
}
.list-wrapper .list-items .list-group-item img.game-hidden {
opacity: 0.5;
filter: saturate(0);
}
.list-wrapper .list-items .list-group-item .checkbox {
margin: 0;
}
.list-wrapper .list-items .list-group-item .checkbox label {
margin: 0;
}
.list-wrapper .list-items .list-group-item .checkbox label img {
height: 23px;
}
.list-wrapper .list-items .list-group-item.text-yellow {
color: #ffe34e;
}
a.list-wrapper .list-items .list-group-item.text-yellow:hover,
a.list-wrapper .list-items .list-group-item.text-yellow:focus {
color: #ffdb1b;
}
.list-wrapper .list-items .list-group-item.text-blue {
color: #6cd0ff;
}
a.list-wrapper .list-items .list-group-item.text-blue:hover,
a.list-wrapper .list-items .list-group-item.text-blue:focus {
color: #39c0ff;
}
.list-wrapper .list-items .list-group-item:hover,
.list-wrapper .list-items .list-group-item.active {
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.list-wrapper .list-items .list-group-item:hover a,
.list-wrapper .list-items .list-group-item.active a {
text-decoration: none;
}
.list-wrapper .list-items .list-group-item.game {
overflow: hidden;
}
.list-wrapper .list-items .list-group-item.game.blocked a {
opacity: 0.25;
}
.list-wrapper .list-items .list-group-item.game.blocked::before {
content: "\f023";
font-family: FontAwesome;
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
margin-left: 4px;
z-index: 1;
}
.list-wrapper .list-items .list-group-item.game.blocked-big::before {
font-size: 20px;
margin-left: 12px;
}
.list-wrapper.list-winners .list-items .list-group-item {
margin-bottom: 1px;
}
.list-wrapper.list-winners .list-items .list-group-item img {
float: left;
height: 65px;
margin: -6px 3px -6px -6px;
}
.list-wrapper.list-winners .list-items .list-group-item .name {
font-size: 0.8em;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-wrapper.list-winners .list-items .list-group-item .game {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-wrapper.list-winners .list-items .list-group-item .amount {
display: block;
color: #ff454b;
}
.list-wrapper.list-winners .list-items .list-group-item .amount.blue {
color: #4fc6f6;
}
.list-wrapper.list-winners .list-items .list-group-item .amount.yellow {
color: #ecce49;
}
.list-wrapper.list-winners .list-items .list-group-item .amount.green {
color: #46be22;
}
.page-general {
background-color: #f1f1f1;
}
.page-general .h3 .btn-link.pull-right {
position: relative;
top: -1px;
left: 12px;
}
.page-general .h4 .btn-link.pull-right {
position: relative;
top: -4px;
left: 12px;
}
.page-stakes .game-select {
width: 217px;
}
@media (min-width: 1024px) {
.page-stakes .game-select {
width: 343px;
}
}
.page-stakes .table-wrapper {
position: relative;
}
.page-stakes .table-wrapper table {
margin-top: 6px;
margin-bottom: 6px;
clear: both;
}
.page-stakes .table-wrapper table tr th {
position: relative;
}
@media (min-width: 1024px) {
.page-stakes .table-wrapper table tr th:nth-child(1) {
width: 100px;
}
.page-stakes .table-wrapper table tr th:nth-child(2) {
width: 150px;
}
.page-stakes .table-wrapper table tr th:nth-child(3) {
width: auto;
}
.page-stakes .table-wrapper table tr th:nth-child(4) {
width: 120px;
}
.page-stakes .table-wrapper table tr th:nth-child(5) {
width: 100px;
padding-right: 8px;
}
.page-stakes .table-wrapper table tr td {
padding-top: 20px;
}
.page-stakes .table-wrapper table tr td:nth-child(3) {
padding-top: 5px;
}
}
.page-stakes .table-wrapper.loading {
min-height: 88px;
}
.page-stakes .table-wrapper.loading > * {
opacity: 0.33;
}
.page-stakes .table-wrapper.loading::after {
font-family: "FontAwesome";
content: "\f1ce";
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 50px;
position: absolute;
left: 50%;
top: 24px;
margin-left: -25px;
margin-top: 0px;
z-index: 2;
}
@media (min-width: 768px) {
.page-stakes .table-wrapper.loading::after {
top: 50%;
}
}
.page-stakes #no-records {
display: none;
margin-top: 12px;
padding: 0 12px;
}
.page-stakes #no-records .alert {
margin-bottom: 0;
}
.page-stakes a span.img {
width: 72px;
height: 55px;
border-radius: 6px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: none;
}
@media (min-width: 1024px) {
.page-stakes a span.img {
display: inline-block;
}
}
.page-stakes a span.img .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
text-align: center;
line-height: 55px;
visibility: hidden;
}
.page-stakes a span.img .overlay .icon-play {
visibility: hidden;
color: #fff;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.page-stakes a:hover span.img .overlay {
visibility: visible;
background: rgba(0, 0, 0, 0.4);
}
.page-stakes a:hover span.img .overlay .icon-play {
visibility: visible;
}
.page-stakes .pagination li a {
min-width: 30px;
width: auto;
}
.page-stakes .pagination li.disabled span:hover {
cursor: default;
border-color: none;
}
.page-cms {
background-color: rgba(255, 255, 255, 0.8);
padding: 24px;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.col-sm-pull-right {
float: right;
}
.col-sm-clear-left {
clear: left;
}
}
@media (min-width: 1024px) {
.col-md-pull-right {
float: right;
}
.col-md-clear-left {
clear: left;
}
}
@media (min-width: 1280px) {
.col-lg-pull-right {
float: right;
}
.col-lg-clear-left {
clear: left;
}
}
@media (min-width: 1600px) {
.col-xl-pull-left {
float: left;
}
.col-xl-clear-none {
clear: none;
}
}
.carousel.height100 {
height: 100%;
}
.carousel.height100 > div {
height: 100%;
}
.carousel.height100 > div > div {
height: 100%;
}
.carousel.height100 {
height: 100%;
}
.carousel.height100 > div {
height: 100%;
}
.carousel.height100 > div > div {
height: 100%;
}
.input-with-icon {
position: relative;
}
.input-with-icon .fa {
position: absolute !important;
color: #777777;
right: 7px !important;
top: 7px !important;
cursor: pointer;
}
.col-separator {
position: absolute;
width: 100%;
text-align: center;
line-height: 37px;
}
.pointer-events-none {
pointer-events: none;
}
.form-margin-bottom {
margin-bottom: 12px;
}
.margin-bottom-grid-gutter-width {
margin-bottom: 6px;
}
@media (min-width: 768px) {
.margin-bottom-grid-gutter-width {
margin-bottom: 12px;
}
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
background: red;
cursor: inherit;
display: block;
}
.btn-link {
letter-spacing: normal;
}
.modal .vertical-alignment-helper {
display: table;
height: 100%;
width: 100%;
pointer-events: none;
/* This makes sure that we can still click outside of the modal to close it */
}
.modal .vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events: none;
}
.modal .vertical-align-center .modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width: inherit;
height: inherit;
/* To center horizontally */
margin: 0 auto;
pointer-events: all;
}
@media (max-width: 767px) {
.alert {
margin-left: -12px;
margin-right: -12px;
}
.content {
margin-left: -12px;
margin-right: -12px;
padding: 12px;
}
.type-datatable-wrapper {
overflow: hidden;
}
.table-responsive-colsasrows > thead > tr > th:nth-child(1),
.table-responsive-colsasrows > tbody > tr > td:nth-child(1) {
font-weight: bold;
padding-bottom: 0;
border-bottom: 0;
}
.table-responsive-colsasrows > thead > tr > th:nth-child(n+2),
.table-responsive-colsasrows > tbody > tr > td:nth-child(n+2) {
border-top: 0;
padding-top: 0;
font-weight: normal;
}
.table-responsive-colsasrows th,
.table-responsive-colsasrows td {
display: block;
width: 100%;
}
.table-responsive-colsasrowslabels {
overflow: hidden;
}
.table-responsive-colsasrowslabels > tbody > tr > td:nth-child(1) {
font-weight: bold;
padding-bottom: 0;
border-bottom: 0;
}
.table-responsive-colsasrowslabels > tbody > tr > td:nth-child(n+2) {
border-top: 0;
padding-bottom: 0;
padding-top: 0;
font-weight: bold;
}
.table-responsive-colsasrowslabels > tbody > tr > td:last-child {
padding-bottom: 5px;
}
.table-responsive-colsasrowslabels thead {
display: none;
}
.table-responsive-colsasrowslabels thead th {
display: none;
width: 100% !important;
pointer-events: none;
}
.table-responsive-colsasrowslabels thead th:first-child {
display: block;
color: #ff5722 !important;
font-size: 1px;
line-height: 1px;
}
.table-responsive-colsasrowslabels tbody td {
display: block;
}
.table-responsive-colsasrowslabels tbody td > div {
width: 60%;
float: left;
}
.table-responsive-colsasrowslabels tbody td > div .btn.btn-xs {
margin-top: 0;
margin-bottom: 2px;
}
.table-responsive-colsasrowslabels tbody td:before,
.table-responsive-colsasrowslabels tbody td:after {
content: " ";
display: table;
}
.table-responsive-colsasrowslabels tbody td:after {
clear: both;
}
.table-responsive-colsasrowslabels tbody td:before {
content: attr(data-th);
float: left;
text-align: left;
font-weight: normal;
width: 40%;
}
.table-responsive-colsasrowslabels-firstcol tbody td:first-child:before {
content: "";
width: 0;
}
.table-responsive-colsasrowslabels-firstcol > tbody > tr > td:nth-child(1) {
font-weight: bold;
padding-bottom: 0;
border-bottom: 0;
}
.table-responsive-colsasrowslabels-firstcol > tbody > tr > td:nth-child(n+2) {
border-top: 0;
padding-bottom: 0;
padding-top: 0;
font-weight: normal;
}
.table-responsive-colsasrowslabels-firstcol > tbody > tr > td:last-child {
padding-bottom: 5px;
}
.table-responsive-colsasrowslabels-firstcol thead th {
display: none;
width: 100% !important;
pointer-events: none;
}
.table-responsive-colsasrowslabels-firstcol thead th:first-child {
display: block;
color: #ff5722 !important;
font-size: 1px;
line-height: 1px;
}
.table-responsive-colsasrowslabels-firstcol tbody td {
display: block;
}
.table-responsive-colsasrowslabels-firstcol tbody td > div {
width: 60%;
float: left;
}
.table-responsive-colsasrowslabels-firstcol tbody td > div .btn.btn-xs {
margin-top: 0;
margin-bottom: 2px;
}
.table-responsive-colsasrowslabels-firstcol tbody td:before,
.table-responsive-colsasrowslabels-firstcol tbody td:after {
content: " ";
display: table;
}
.table-responsive-colsasrowslabels-firstcol tbody td:after {
clear: both;
}
.table-responsive-colsasrowslabels-firstcol tbody td:before {
content: attr(data-th);
float: left;
text-align: left;
font-weight: bold;
width: 40%;
}
.table-responsive-colsasrowslabels-firstcol tbody td:first-child:before {
display: none;
}
.control-label {
margin-top: 8px;
margin-bottom: 0;
}
.table-filter > .control-label {
width: 40%;
float: left;
}
.table-filter > input,
.table-filter > div {
width: 100% !important;
float: left;
margin-bottom: 4px;
}
.table-filter .checkbox {
margin-left: 40%;
margin-bottom: 8px;
}
.table-filter:before,
.table-filter:after {
content: " ";
display: table;
}
.table-filter:after {
clear: both;
}
.text-left-xs {
text-align: left;
}
.text-bold-xs {
font-weight: bold;
}
}
html.touchevents .navbar-nav li.dropdown:hover .dropdown-menu {
display: none;
}
html.touchevents .navbar-nav li.dropdown.open .dropdown-menu {
display: block;
}
html.touchevents .navbar-nav > li > a .caret {
display: block;
}
@media (min-width: 1024px) {
.usermenu .navbar-nav li.dropdown:hover .dropdown-menu {
display: block !important;
}
.usermenu .navbar-nav > li > a .caret {
display: none !important;
}
}
@media print {
.header,
.footer {
display: none;
}
body {
margin: 0;
padding: 0 !important;
min-width: 1024px;
}
.container {
width: auto;
min-width: 1024px;
}
body .col-sm-1,
body .col-sm-2,
body .col-sm-3,
body .col-sm-4,
body .col-sm-5,
body .col-sm-6,
body .col-sm-7,
body .col-sm-8,
body .col-sm-9,
body .col-sm-10,
body .col-sm-11,
body .col-sm-12,
body .col-sm-13,
body .col-sm-14,
body .col-sm-15,
body .col-sm-16,
body .col-sm-17,
body .col-sm-18,
body .col-sm-19,
body .col-sm-20,
body .col-sm-21,
body .col-sm-22,
body .col-sm-23,
body .col-sm-24 {
float: left;
}
body .col-sm-24 {
width: 100%;
}
body .col-sm-23 {
width: 95.83333333%;
}
body .col-sm-22 {
width: 91.66666667%;
}
body .col-sm-21 {
width: 87.5%;
}
body .col-sm-20 {
width: 83.33333333%;
}
body .col-sm-19 {
width: 79.16666667%;
}
body .col-sm-18 {
width: 75%;
}
body .col-sm-17 {
width: 70.83333333%;
}
body .col-sm-16 {
width: 66.66666667%;
}
body .col-sm-15 {
width: 62.5%;
}
body .col-sm-14 {
width: 58.33333333%;
}
body .col-sm-13 {
width: 54.16666667%;
}
body .col-sm-12 {
width: 50%;
}
body .col-sm-11 {
width: 45.83333333%;
}
body .col-sm-10 {
width: 41.66666667%;
}
body .col-sm-9 {
width: 37.5%;
}
body .col-sm-8 {
width: 33.33333333%;
}
body .col-sm-7 {
width: 29.16666667%;
}
body .col-sm-6 {
width: 25%;
}
body .col-sm-5 {
width: 20.83333333%;
}
body .col-sm-4 {
width: 16.66666667%;
}
body .col-sm-3 {
width: 12.5%;
}
body .col-sm-2 {
width: 8.33333333%;
}
body .col-sm-1 {
width: 4.16666667%;
}
body .col-sm-pull-24 {
right: 100%;
}
body .col-sm-pull-23 {
right: 95.83333333%;
}
body .col-sm-pull-22 {
right: 91.66666667%;
}
body .col-sm-pull-21 {
right: 87.5%;
}
body .col-sm-pull-20 {
right: 83.33333333%;
}
body .col-sm-pull-19 {
right: 79.16666667%;
}
body .col-sm-pull-18 {
right: 75%;
}
body .col-sm-pull-17 {
right: 70.83333333%;
}
body .col-sm-pull-16 {
right: 66.66666667%;
}
body .col-sm-pull-15 {
right: 62.5%;
}
body .col-sm-pull-14 {
right: 58.33333333%;
}
body .col-sm-pull-13 {
right: 54.16666667%;
}
body .col-sm-pull-12 {
right: 50%;
}
body .col-sm-pull-11 {
right: 45.83333333%;
}
body .col-sm-pull-10 {
right: 41.66666667%;
}
body .col-sm-pull-9 {
right: 37.5%;
}
body .col-sm-pull-8 {
right: 33.33333333%;
}
body .col-sm-pull-7 {
right: 29.16666667%;
}
body .col-sm-pull-6 {
right: 25%;
}
body .col-sm-pull-5 {
right: 20.83333333%;
}
body .col-sm-pull-4 {
right: 16.66666667%;
}
body .col-sm-pull-3 {
right: 12.5%;
}
body .col-sm-pull-2 {
right: 8.33333333%;
}
body .col-sm-pull-1 {
right: 4.16666667%;
}
body .col-sm-pull-0 {
right: auto;
}
body .col-sm-push-24 {
left: 100%;
}
body .col-sm-push-23 {
left: 95.83333333%;
}
body .col-sm-push-22 {
left: 91.66666667%;
}
body .col-sm-push-21 {
left: 87.5%;
}
body .col-sm-push-20 {
left: 83.33333333%;
}
body .col-sm-push-19 {
left: 79.16666667%;
}
body .col-sm-push-18 {
left: 75%;
}
body .col-sm-push-17 {
left: 70.83333333%;
}
body .col-sm-push-16 {
left: 66.66666667%;
}
body .col-sm-push-15 {
left: 62.5%;
}
body .col-sm-push-14 {
left: 58.33333333%;
}
body .col-sm-push-13 {
left: 54.16666667%;
}
body .col-sm-push-12 {
left: 50%;
}
body .col-sm-push-11 {
left: 45.83333333%;
}
body .col-sm-push-10 {
left: 41.66666667%;
}
body .col-sm-push-9 {
left: 37.5%;
}
body .col-sm-push-8 {
left: 33.33333333%;
}
body .col-sm-push-7 {
left: 29.16666667%;
}
body .col-sm-push-6 {
left: 25%;
}
body .col-sm-push-5 {
left: 20.83333333%;
}
body .col-sm-push-4 {
left: 16.66666667%;
}
body .col-sm-push-3 {
left: 12.5%;
}
body .col-sm-push-2 {
left: 8.33333333%;
}
body .col-sm-push-1 {
left: 4.16666667%;
}
body .col-sm-push-0 {
left: auto;
}
body .col-sm-offset-24 {
margin-left: 100%;
}
body .col-sm-offset-23 {
margin-left: 95.83333333%;
}
body .col-sm-offset-22 {
margin-left: 91.66666667%;
}
body .col-sm-offset-21 {
margin-left: 87.5%;
}
body .col-sm-offset-20 {
margin-left: 83.33333333%;
}
body .col-sm-offset-19 {
margin-left: 79.16666667%;
}
body .col-sm-offset-18 {
margin-left: 75%;
}
body .col-sm-offset-17 {
margin-left: 70.83333333%;
}
body .col-sm-offset-16 {
margin-left: 66.66666667%;
}
body .col-sm-offset-15 {
margin-left: 62.5%;
}
body .col-sm-offset-14 {
margin-left: 58.33333333%;
}
body .col-sm-offset-13 {
margin-left: 54.16666667%;
}
body .col-sm-offset-12 {
margin-left: 50%;
}
body .col-sm-offset-11 {
margin-left: 45.83333333%;
}
body .col-sm-offset-10 {
margin-left: 41.66666667%;
}
body .col-sm-offset-9 {
margin-left: 37.5%;
}
body .col-sm-offset-8 {
margin-left: 33.33333333%;
}
body .col-sm-offset-7 {
margin-left: 29.16666667%;
}
body .col-sm-offset-6 {
margin-left: 25%;
}
body .col-sm-offset-5 {
margin-left: 20.83333333%;
}
body .col-sm-offset-4 {
margin-left: 16.66666667%;
}
body .col-sm-offset-3 {
margin-left: 12.5%;
}
body .col-sm-offset-2 {
margin-left: 8.33333333%;
}
body .col-sm-offset-1 {
margin-left: 4.16666667%;
}
body .col-sm-offset-0 {
margin-left: 0%;
}
}
.listpage .filter .content {
padding: 0;
margin-bottom: 0;
}
.listpage .filter .content .items {
padding: 9px 12px 3px 12px;
border: 0;
margin-bottom: 9px;
}
.listpage .filter .content .items .span {
float: left;
margin: 0;
vertical-align: top;
width: 50px;
margin-top: 4px;
width: 115px;
}
.listpage .filter .content .txtWrapper {
position: relative;
vertical-align: top;
margin-bottom: 7px;
}
.listpage .filter .content .txtWrapper label {
font-weight: normal;
line-height: 37px;
margin: 0;
float: left;
width: 30%;
}
.listpage .filter .content .txtWrapper .form-control {
float: left;
width: 70%;
}
.listpage .filter .content .txtWrapper .fa {
position: absolute;
right: 24px;
top: 8px;
color: #474747;
font-size: 14px;
cursor: pointer;
}
.listpage .filter .content .txtWrapper select {
float: none !important;
width: 100% !important;
}
.listpage .list {
clear: both;
background-color: #2b2b2b;
color: #fff;
border: 1px solid #4d4d4d;
}
.listpage .list .divTableRow {
padding: 7px 0;
line-height: 1.4em;
border-bottom: 1px solid #4c4c4c;
}
.listpage .list .divTableRow .divTableCol {
padding: 0 12px;
}
.listpage .list .divTableRow a {
color: #ffffff;
}
.listpage .list .divTableRow.head {
background-color: #1b1b1b;
border-bottom: 1px solid #4c4c4c;
color: #999;
font-size: 0.85714286em;
}
.listpage .list .divTableRow:nth-child(2n) {
background-color: #1b1b1b;
}
@media (min-width: 768px) {
.accountHistory .filter .content .items .item-1 {
padding-left: 6px;
}
.accountHistory .filter .content .items .item-2 {
padding-right: 6px;
}
.accountHistory .filter .content .items .item-3 {
padding-right: 6px;
}
.accountHistory .filter .content .items .item-4 {
padding-left: 6px;
}
.accountHistory .filter .content .txtWrapper .fa {
right: 14px;
}
}
@media (min-width: 1024px) {
.accountHistory .filter .content .items .item-1 {
padding-left: 15px;
padding-right: 6px;
}
.accountHistory .filter .content .items .item-2 {
padding-left: 6px;
padding-right: 6px;
}
.accountHistory .filter .content .items .item-3 {
padding-left: 6px;
padding-right: 6px;
}
.accountHistory .filter .content .items .item-4 {
padding-left: 6px;
float: right !important;
padding-left: 0;
}
.accountHistory .filter .content .items .txtWrapper .fa {
right: 14px;
}
}
@media (min-width: 1280px) {
.accountHistory .filter .content .items .item-4 {
max-width: 200px;
}
}
.accountHistory .list .divTable .divTableRow .col-1 {
width: 100%;
font-size: 0.85em;
}
.accountHistory .list .divTable .divTableRow .col-2 {
width: 72%;
clear: both;
float: left;
}
.accountHistory .list .divTable .divTableRow .col-3 {
width: 28%;
text-align: right;
white-space: nowrap;
}
@media (min-width: 768px) {
.accountHistory .list .divTable .divTableRow .col-1 {
width: 150px;
font-size: 1em;
}
.accountHistory .list .divTable .divTableRow .col-2 {
display: inline;
float: none;
clear: none;
}
.accountHistory .list .divTable .divTableRow .col-3 {
width: 110px;
text-align: right;
}
}
.accountDetail .list .divTable .divTableRow .col-1 {
width: 40%;
float: left;
}
.accountDetail .list .divTable .divTableRow .col-2 {
width: 40%;
text-align: right;
float: left;
}
.accountDetail .list .divTable .divTableRow .col-3 {
width: 20%;
float: right;
text-align: right;
white-space: nowrap;
}
@media (min-width: 768px) {
.accountDetail .list .divTable .divTableRow .col-1 {
display: inline;
float: none;
clear: none;
width: auto;
}
.accountDetail .list .divTable .divTableRow .col-2 {
width: 140px;
text-align: right;
float: right;
margin-left: -140px;
position: relative;
left: -110px;
}
.accountDetail .list .divTable .divTableRow .col-3 {
width: 110px;
text-align: right;
}
}
#filter-pills .label {
display: inline-block;
padding-top: 7px;
padding-bottom: 7px;
position: relative;
height: 37px;
width: 100px;
cursor: pointer;
text-align: left;
margin-bottom: 12px;
margin-right: 12px;
border-radius: 6px;
overflow: hidden;
}
#filter-pills .label::before {
font-size: 91px;
position: absolute;
left: -1%;
top: 8%;
}
#filter-pills .label span {
position: relative;
top: 7px;
font-size: 15px;
line-height: 12px;
margin-left: 4px;
}
#filter-pills .label.filter-pills-lines,
#filter-pills .label.filter-pills-reels {
width: 115px;
}
#filter-pills .label.filter-pills-provider span {
display: none;
font-family: "Roboto";
font-size: 14px;
position: relative;
top: 1px;
font-weight: 600;
}
#filter-pills .label.filter-pills-gametype {
width: auto;
padding-left: 10px;
}
#filter-pills .label.filter-pills-gametype span {
margin-left: 0;
margin-right: 8px;
}
#filter-pills .label i {
position: absolute;
right: 5%;
top: 48%;
transform: translateY(-50%);
font-size: 13px;
}
#filter-pills .label img {
display: none;
margin-left: -6px;
}
.majorityCheckbox {
display: none;
}
.confirmAgeCheckbox {
padding-top: 15px;
display: block !important;
color: white;
padding-bottom: 4px;
}
input#confirmAgeCheckbox[type="checkbox"] {
display: none;
}
input#confirmAgeCheckbox[type="checkbox"]:checked + label #confirmAgeCheckboxCustom::after {
position: absolute;
top: -3px;
left: 1px;
content: '';
transform: rotate(45deg);
height: 12px;
width: 7px;
border-bottom: 3px solid white;
border-right: 3px solid white;
}
input#confirmAgeCheckbox[type="checkbox"]:checked + label #confirmAgeCheckboxCustom {
background: #191919;
}
.confirmAgeCheckbox label {
cursor: pointer;
}
#confirmAgeCheckboxCustom {
width: 10px;
height: 10px;
background: white;
display: inline-block;
margin-right: 8px;
position: relative;
border-radius: 1px;
}
#limit-notification--modal .modal-footer {
padding-bottom: 3px;
}
#limit-notification--modal .modal-footer button {
margin-bottom: 12px;
}
.floating-menu-items {
position: fixed;
right: 10px;
top: -40px;
z-index: 998;
gap: 10px;
display: flex;
}
.floating-menu-items .floating-menu-item {
background: #ff5722;
color: #ff5722;
padding: 5px;
border-radius: 6px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.floating-menu-items .floating-menu-item i {
font-size: 25px;
position: relative;
top: 2px;
left: 1px;
}
.blaze-slider .blaze-prev,
.blaze-slider .blaze-next {
background: #ff5722;
border-radius: 6px;
}
.blaze-slider .blaze-prev:hover,
.blaze-slider .blaze-next:hover {
background-color: #ee3900;
}
.blaze-track > div .game:nth-child(2) {
margin-top: 6px;
}
.blink {
-webkit-animation: blink 1s infinite;
-moz-animation: blink 1s infinite;
-ms-animation: blink 1s infinite;
-o-animation: blink 1s infinite;
animation: blink 1s infinite;
}
/* Blink Animation */
@-webkit-keyframes blink {
from {
color: #878787;
}
to {
color: #fe485f;
}
}
@-moz-keyframes blink {
from {
color: #878787;
}
to {
color: #fe485f;
}
}
@-ms-keyframes blink {
from {
color: #878787;
}
to {
color: #fe485f;
}
}
@-o-keyframes blink {
from {
color: #878787;
}
to {
color: #fe485f;
}
}
@keyframes blink {
from {
color: #878787;
}
to {
color: #fe485f;
}
}
.modal-game-login .input-group {
display: flex;
overflow: hidden;
margin-bottom: 6px;
}
.modal-game-login .input-group input {
margin: 0 !important;
border-radius: 6px !important;
}
.modal-game-login .input-group .input-group-append {
width: 47px;
background: #000;
color: #ff5722;
border: none;
cursor: pointer;
}
.providers--swiper .feature-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.providers--swiper .feature-wrapper .list-headline {
padding-left: 15px;
}
.providers--swiper .feature-wrapper .list-unstyled {
padding-left: 15px;
padding-right: 15px;
}
.providers--swiper-slick .feature-wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
.providers--swiper-slick .feature-wrapper .list-headline {
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.providers--swiper-slick .feature-wrapper .list-headline {
line-height: 62px !important;
}
}
.providers--swiper-slick .feature-wrapper .providers--swiper-slick .list-unstyled li div {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (min-width: 1280px) {
.providers--swiper-slick .feature-wrapper {
padding-right: 0 !important;
margin-left: 0px;
margin-right: 0px;
}
}
@media (max-width: 768px) {
.providers--swiper-slick .feature-wrapper .slick-initialized .slick-slide {
padding: 0 12px;
}
}
@media (min-width: 1024px) {
.providers--swiper-slick .feature-wrapper .slick-initialized .slick-slide {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1280px) {
.providers--swiper-slick .feature-wrapper .slick-initialized .slick-slide div {
padding: 0 9px;
}
}
@media (min-width: 1280px) {
.providers--swiper-slick .feature-wrapper .slick-track .slick-active {
padding-left: 0;
padding-right: 0;
}
}
.providers--swiper-slick .feature-wrapper .slick-dots {
margin-left: 12px;
}
@media (max-width: 768px) {
.providers--swiper-slick .feature-wrapper .slick-dots {
margin-left: 0;
}
}
.providers--swiper-slick .feature-wrapper .slick-dots li {
background-color: white;
}
.providers--swiper-slick .feature-wrapper .providers-grid {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
@media (min-width: 1280px) {
.providers--swiper-slick .feature-wrapper .providers-grid ul {
padding: 0;
}
}
.area--main .feature-wrapper {
padding: 0 15px 3px 15px;
background: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
@media (min-width: 768px) {
.area--main .feature-wrapper {
margin-bottom: 15px;
border-radius: 9px;
}
}
.area--main .feature-wrapper .column__headline {
font-size: 18px !important;
color: #353c44;
font-weight: 800 !important;
text-transform: uppercase;
line-height: 42px;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.area--main .feature-wrapper .column__headline {
line-height: 62px;
}
}
.area--main .feature-wrapper .right-now-winners {
margin-bottom: 15px;
}
@media (max-width: 768px) {
.area--main .feature-wrapper .right-now-winners {
margin-bottom: 9px;
}
}
.area--main .feature-wrapper .right-now-winners .right-now-winners__headline {
font-size: 18px !important;
font-weight: 800 !important;
text-transform: uppercase;
color: #353c44;
line-height: 42px;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.area--main .feature-wrapper .right-now-winners .right-now-winners__headline {
line-height: 62px !important;
}
}
.area--main .feature-wrapper .list-headline {
font-size: 18px !important;
color: #353c44;
font-weight: 800 !important;
text-transform: uppercase;
line-height: 42px;
}
.area--main .feature-wrapper .grid-simple.grid-cols-2.grid--name-normal {
margin-top: 0;
padding-bottom: 6px;
}
.area--main .feature-wrapper .right-now-winners__grid {
margin-top: 0;
}
.area--main .providers--swiper-slick .feature-wrapper .list-headline {
margin-left: 15px;
}
.area--main .new-games--swiper .tab-content .feature-wrapper .games {
margin-top: 0;
margin-left: -15px;
margin-right: -15px;
padding-right: 0;
}
.area--main .new-games--swiper .tab-content .feature-wrapper .grid-simple {
padding-left: 15px !important;
padding-right: 15px !important;
}
.area--main .new-games--swiper .tab-content .feature-wrapper .providers-grid {
margin-right: 0;
}
.area--main .tab-content .feature-wrapper {
padding: 0 15px 3px 15px;
background: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
@media (min-width: 768px) {
.area--main .tab-content .feature-wrapper {
margin-bottom: 15px;
border-radius: 9px;
}
}
.area--main .tab-content .feature-wrapper .new-games .games {
margin-top: 0;
margin-left: -15px;
margin-right: -15px;
padding-right: 0;
}
.area--main .tab-content .feature-wrapper .new-games .grid-simple.grid-cols-2.grid--name-normal {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 768px) {
.area--main .tab-content .new-games--swiper .feature-wrapper .new-games {
margin-bottom: -6px;
}
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
/* overrides*/
.cookies-policy {
display: none !important;
}
.container {
width: 100% !important;
}
.area--top {
display: block;
}
.area--top a {
color: #353c44 !important;
}
@media (min-width: 568px) {
.area--top {
display: none;
}
}
.area--right {
flex: 0 0 340px;
width: 340px;
padding: 20px 14px 20px 10px;
border-left: 1px solid rgba(158, 169, 180, 0.2);
margin-top: 0;
}
.area--right > div:not(.jackpots-all) {
border-radius: 0;
margin-bottom: 20px;
padding: 0 15px;
background: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
@media (min-width: 768px) {
.area--right > div:not(.jackpots-all) {
border-radius: 9px;
}
}
.area--right > div:not(.jackpots-all) .column__headline,
.area--right > div:not(.jackpots-all) .column-jackpots__headline,
.area--right > div:not(.jackpots-all) .right-now-winners__headline,
.area--right > div:not(.jackpots-all) .tournaments-column__title {
font-family: "Roboto", sans-serif;
display: block;
line-height: 50px;
height: 50px;
color: #79838d;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: -15px;
/*border-bottom: 1px solid rgba(141,162,182,.15);*/
}
.area--right > div:not(.jackpots-all) .column__headline .iconcasino,
.area--right > div:not(.jackpots-all) .column-jackpots__headline .iconcasino,
.area--right > div:not(.jackpots-all) .right-now-winners__headline .iconcasino,
.area--right > div:not(.jackpots-all) .tournaments-column__title .iconcasino {
font-size: 120px;
position: absolute;
top: 5px;
left: -5px;
color: rgba(91, 103, 114, 0.1);
transform: rotate(22.5deg);
}
.area--right > div:not(.jackpots-all) .right-now-winners__headline {
margin-bottom: 0px;
}
.area--left {
width: 256px;
flex: 0 0 256px;
padding: 0px 0 4px 0;
margin-top: 0;
margin-left: -6px;
border-right: 1px solid rgba(158, 169, 180, 0.2);
}
.area--main {
padding: 0px 0px 0 0px;
}
@media (min-width: 568px) {
.area--main {
padding: 12px 10px 0 10px;
}
}
@media (min-width: 768px) {
.area--main {
margin-top: 0;
}
}
.area--main .grid-wrapper,
.area--right .grid-wrapper {
padding: 0 15px;
background: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
@media (min-width: 768px) {
.area--main .grid-wrapper,
.area--right .grid-wrapper {
margin-bottom: 15px;
border-radius: 9px;
}
}
.area--main .grid-wrapper .grid,
.area--right .grid-wrapper .grid {
padding-top: 15px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.area--main .grid-wrapper .h3,
.area--right .grid-wrapper .h3 {
font-family: "Roboto", sans-serif;
display: block;
line-height: 42px;
height: 42px;
color: #353c44;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
margin-top: 0 !important;
margin-bottom: -15px;
}
@media (min-width: 568px) {
.area--main .grid-wrapper .h3,
.area--right .grid-wrapper .h3 {
line-height: 62px;
height: 62px;
}
}
.area--main .grid-wrapper .show-more,
.area--right .grid-wrapper .show-more {
position: relative;
top: 12px;
}
@media (min-width: 768px) {
.area--main .grid-wrapper .show-more,
.area--right .grid-wrapper .show-more {
top: 16px;
}
}
.game-run {
bottom: 0 !important;
}
#filter-pills {
margin-bottom: 17px;
}
body {
overflow: hidden;
}
.game-run__provider {
text-align: center;
color: white;
font-size: 128px;
line-height: 36px;
overflow: hidden;
height: 48px;
}
.game-run__provider i {
line-height: 1;
}
.game-run__provider i:before {
line-height: 1;
}
.game-run__body {
top: 0;
display: flex;
align-items: center;
z-index: 1;
}
.game-run__background {
background: rgba(0, 0, 0, 0.75);
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
filter: blur(5px) brightness(75%);
display: block;
}
.game-run__title {
font-size: 20px;
margin-bottom: 8px;
font-weight: bold;
max-width: 100%;
text-align: center;
color: white;
}
.game-run__img {
width: 100%;
height: calc(75vw - 36px);
position: relative;
right: auto;
top: auto;
border: 3px solid white;
border-radius: 9px;
margin-bottom: 9px;
}
@media (min-width: 568px) {
.game-run__img {
width: 254.25px;
height: 52vh;
left: 50%;
transform: translateX(-50%);
}
}
@media (min-width: 1024px) {
.game-run__img {
width: 100%;
height: calc(75vw - 36px);
}
}
.game-run__img.liveTable {
height: calc(75vw - 10px);
width: 50%;
right: -25%;
}
.game-run__flex {
flex: auto;
z-index: 2;
margin-bottom: 30px;
}
.game-run__meta-data {
display: none;
}
.game-run__buttons {
flex-direction: row-reverse;
}
.game-run__label {
color: #fff;
}
.game-run__close {
display: block;
}
.game-run__favorites .btn {
color: white;
}
.game-run__favorites .btn .stechicons .icon-favorite {
color: #f1c40f;
}
.game-run__provider {
display: block;
}
.tournaments-column__table {
margin: 0 -15px 10px -15px;
border-top: 1px solid rgba(141, 162, 182, 0.15);
}
.tournaments-column__table table {
margin-bottom: 6px;
background-color: transparent;
border-radius: 0;
}
@media (min-width: 768px) {
.tournaments-column__table table {
margin-bottom: 12px;
}
}
.tournaments-column__table table thead tr td,
.tournaments-column__table table thead:first-child tr td,
.tournaments-column__table table thead tr:first-child td,
.tournaments-column__table table thead:first-child tr:first-child td,
.tournaments-column__table table thead tr th,
.tournaments-column__table table thead:first-child tr th,
.tournaments-column__table table thead tr:first-child th,
.tournaments-column__table table thead:first-child tr:first-child th {
background-color: transparent;
color: #89939e;
border-bottom: 1px solid #eef1f4;
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}
.tournaments-column__table table thead tr td:first-child,
.tournaments-column__table table thead:first-child tr td:first-child,
.tournaments-column__table table thead tr:first-child td:first-child,
.tournaments-column__table table thead:first-child tr:first-child td:first-child,
.tournaments-column__table table thead tr th:first-child,
.tournaments-column__table table thead:first-child tr th:first-child,
.tournaments-column__table table thead tr:first-child th:first-child,
.tournaments-column__table table thead:first-child tr:first-child th:first-child {
padding-left: 16px;
width: 60px;
}
.tournaments-column__table table thead tr td:last-child,
.tournaments-column__table table thead:first-child tr td:last-child,
.tournaments-column__table table thead tr:first-child td:last-child,
.tournaments-column__table table thead:first-child tr:first-child td:last-child,
.tournaments-column__table table thead tr th:last-child,
.tournaments-column__table table thead:first-child tr th:last-child,
.tournaments-column__table table thead tr:first-child th:last-child,
.tournaments-column__table table thead:first-child tr:first-child th:last-child {
padding-right: 16px;
}
.tournaments-column__table table tbody tr td,
.tournaments-column__table table tbody tr th {
border-top: 1px solid #eef1f4;
}
.tournaments-column__table table tbody tr td .fa,
.tournaments-column__table table tbody tr th .fa {
font-size: 10px;
top: -1px;
position: relative;
}
.tournaments-column__table table tbody tr td:first-child,
.tournaments-column__table table tbody tr th:first-child {
padding-left: 16px;
}
.tournaments-column__table table tbody tr td:last-child,
.tournaments-column__table table tbody tr th:last-child {
padding-right: 16px;
}
.tournaments-column__table table tbody tr th {
width: 20px;
font-weight: normal;
}
.tournaments-column__table table tbody tr.highlighted {
color: #fba10d;
}
.tournaments-column__table table tbody tr.topline {
border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.tournaments-column__table table.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f4f4f4;
}
.tournaments-column__table table.table-striped > tbody > tr:nth-of-type(even) {
background-color: #ffff;
}
.tournaments-column__table table.table-striped > tbody > tr > td,
.tournaments-column__table table.table-striped > tbody > tr th {
border-top: 1px solid #eef1f4;
}
.tournaments-column__table table.table-striped > tbody > tr > td .amount,
.tournaments-column__table table.table-striped > tbody > tr th .amount {
white-space: nowrap;
}
.tournaments-column .btn-primary {
margin-bottom: 15px;
}
.horizontalmenu_filter,
.language-menu,
.theme-menu {
bottom: 0;
}
.area--main table,
.area--right table {
margin-bottom: 6px;
background-color: transparent;
border-radius: 0;
}
@media (min-width: 768px) {
.area--main table,
.area--right table {
margin-bottom: 12px;
}
}
.area--main table thead tr td,
.area--right table thead tr td,
.area--main table thead:first-child tr td,
.area--right table thead:first-child tr td,
.area--main table thead tr:first-child td,
.area--right table thead tr:first-child td,
.area--main table thead:first-child tr:first-child td,
.area--right table thead:first-child tr:first-child td,
.area--main table thead tr th,
.area--right table thead tr th,
.area--main table thead:first-child tr th,
.area--right table thead:first-child tr th,
.area--main table thead tr:first-child th,
.area--right table thead tr:first-child th,
.area--main table thead:first-child tr:first-child th,
.area--right table thead:first-child tr:first-child th {
background-color: transparent;
color: #89939e;
border-bottom: 1px solid #eef1f4;
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}
.area--main table tbody tr td,
.area--right table tbody tr td,
.area--main table tbody tr th,
.area--right table tbody tr th {
border-top: 1px solid #eef1f4;
}
.area--main table tbody tr td .fa,
.area--right table tbody tr td .fa,
.area--main table tbody tr th .fa,
.area--right table tbody tr th .fa {
font-size: 10px;
top: -1px;
position: relative;
}
.area--main table tbody tr th,
.area--right table tbody tr th {
width: 20px;
font-weight: normal;
}
.area--main table tbody tr.highlighted,
.area--right table tbody tr.highlighted {
color: #fba10d;
}
.area--main table tbody tr.topline,
.area--right table tbody tr.topline {
border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.area--main table.table-striped > tbody > tr:nth-of-type(odd),
.area--right table.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f4f4f4;
}
.area--main table.table-striped > tbody > tr:nth-of-type(even),
.area--right table.table-striped > tbody > tr:nth-of-type(even) {
background-color: #ffff;
}
@media (max-width: 768px) {
.area--main table.table-striped > tbody > tr:nth-of-type(odd),
.area--right table.table-striped > tbody > tr:nth-of-type(odd) {
background-color: transparent;
}
.area--main table.table-striped > tbody > tr:nth-of-type(even),
.area--right table.table-striped > tbody > tr:nth-of-type(even) {
background-color: transparent;
}
}
.area--main table.table-striped > tbody > tr > td,
.area--right table.table-striped > tbody > tr > td,
.area--main table.table-striped > tbody > tr th,
.area--right table.table-striped > tbody > tr th {
border-top: 1px solid #eef1f4;
}
.area--main table.table-striped > tbody > tr > td .amount,
.area--right table.table-striped > tbody > tr > td .amount,
.area--main table.table-striped > tbody > tr th .amount,
.area--right table.table-striped > tbody > tr th .amount {
white-space: nowrap;
}
.vertical-menu__reels {
display: none !important;
}
.vertical-menu__search input {
font-size: 13px;
height: 37px;
padding-left: 52px;
}
.vertical-menu__search .fa-times {
cursor: pointer;
}
/* bootstrap overrides */
.label {
font-size: 11px;
background-color: #ff5722;
padding: 9px 15px 10px;
border-radius: 16px;
}
.label img {
filter: drop-shadow(0px 0px 2px #ffffff);
height: 23px;
margin-left: 8px;
margin-right: 4px;
}
@media (max-width: 567px) {
.container {
padding: 0;
}
}
.majorityCheckbox {
display: block !important;
}
#filter-pills {
margin-top: 6px;
margin-left: 12px;
}
@media (min-width: 768px) {
#filter-pills {
margin-top: 0;
margin-left: 0;
}
}
.promotionslider.iatyp-tournament:after {
padding-bottom: 37.5% !important;
/*@media(min-width:@screen-lg) {
padding-bottom: 37.7% !important;
}*/
}
.promotion-fgo-slider {
background: #f1f1f1;
}
.promotion-fgo-slider::before {
display: none;
}
.promotion-fgo-slider::after {
display: none;
}
.promotion-fgo .show-all-games {
background: #ff5722;
color: white;
}
@media (min-width: 768px) {
.providers--blaze .blaze-track {
margin-left: 12px;
margin-right: 12px;
}
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2 .wrap {
margin-left: 48px;
}
}
@media (min-width: 1280px) {
.games .grid-slider-rankings .game.i1x2 .wrap {
margin-left: 39px;
}
}
@media (min-width: 1600px) {
.games .grid-slider-rankings .game.i1x2 .wrap {
margin-left: 55px;
}
}
@media (min-width: 1920px) {
.games .grid-slider-rankings .game.i1x2 .wrap {
margin-left: 68px;
}
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2 .tags {
margin-left: 21px;
}
}
@media (min-width: 1920px) {
.games .grid-slider-rankings .game.i1x2 .tags {
margin-left: 40px;
}
}
.games .grid-slider-rankings .game.i1x2 .game-order {
font-size: 316px !important;
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2 .game-order {
font-size: 119px !important;
left: -42px !important;
}
}
@media (min-width: 1280px) {
.games .grid-slider-rankings .game.i1x2 .game-order {
font-size: 90px !important;
left: -62px !important;
}
}
@media (min-width: 1600px) {
.games .grid-slider-rankings .game.i1x2 .game-order {
font-size: 143px !important;
left: -26px !important;
}
}
@media (min-width: 1920px) {
.games .grid-slider-rankings .game.i1x2 .game-order {
font-size: 203px !important;
left: -13px !important;
}
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2 .game-order.game-order-large {
left: -43px !important;
font-size: 78px !important;
letter-spacing: -11px !important;
}
}
@media (min-width: 1920px) {
.games .grid-slider-rankings .game.i1x2 .game-order.game-order-large {
left: -23px !important;
font-size: 96px !important;
}
}
@media (min-width: 768px) {
.games .grid-slider-rankings .game.i1x2:after {
padding-bottom: calc(80%*2 - 84px) !important;
}
}
@media (min-width: 1280px) {
.games .grid-slider-rankings .game.i1x2:after {
padding-bottom: calc(2*75% - 40px) !important;
}
}
@media (min-width: 1600px) {
.games .grid-slider-rankings .game.i1x2:after {
padding-bottom: calc(2*75% - 73px) !important;
}
}
@media (min-width: 1920px) {
.games .grid-slider-rankings .game.i1x2:after {
padding-bottom: calc(2*75% - 81px) !important;
}
}
.games .grid--swipe-rankings {
padding-bottom: 13px;
}
.wrapper .games .grid-wrapper--banner {
padding-bottom: 15px;
height: 285px !important;
margin-top: 62px !important;
border-radius: 0 0 9px 9px;
}
.wrapper .games .grid-wrapper--banner .h3 {
margin-bottom: 15px;
width: 100%;
background: white;
border-radius: 9px 9px 0 0;
margin-left: 0px;
}
.wrapper .games .grid-wrapper--banner .grid-wrapper__background {
width: calc(100% - 30px);
}
.wrapper .games .recently-played {
padding: 15px;
border-radius: 9px;
background: white;
padding-top: 0;
padding-bottom: 9px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.wrapper .games .recently-played {
margin-bottom: 18px;
padding-bottom: 3px;
}
}
.wrapper .games .recently-played .grid {
display: flow-root;
margin-top: 0;
}
.wrapper .games .recently-played .h3 {
font-family: "Roboto", sans-serif;
display: block;
line-height: 42px;
height: 42px;
color: #353c44;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
margin-top: 0 !important;
margin-bottom: 0px;
}
@media (min-width: 568px) {
.wrapper .games .recently-played .h3 {
line-height: 62px;
height: 62px;
}
}