div#sl-single-game-popup-blur {
filter: blur(10px);
height: 100vh; 
width: 100vw;
top: 0;
display: none;
margin: 0;
position: fixed;
display: none
}
div#sl-single-game-popup {
display: flex;
justify-content: center; align-items: center; height: 100vh; 
width: 100vw;
top: 0;
display: none;
margin: 0;
position: fixed;
z-index: 999;
}
div#sl-single-game-popup iframe {
max-height: 85vh; 
max-width: 95vw;
text-align: center;
}
.sl-breadcrumbs {
font-size: 0.8em;
width: 100%;
}
.sl-breadcrumbs ol {
list-style: none;
display: flex;
margin: 0;
padding: 0;
}
.sl-breadcrumbs ol li,
.sl-breadcrumbs .sl-separator {
margin: 0 !important;
padding: 0 !important;
margin-right: 10px !important;
list-style: none;
}
.sl-placeholder,.sl-popup {
width: calc( 100% - 10px);
height: calc( 100% - 5px);
left: 5px;
background: #f0f0f0;
position: absolute;
top: 0px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 999;
}
.sl-popup{
padding: 0 20px;
text-align: center;
}
.slaunch-button {
color: #e23940 !important;
text-decoration: none !important;
border-color: #e23940 !important;
box-shadow: none;
padding: 10px 20px;
border: 2px solid;
border-radius: 7px;
font-weight: bold;
font-size: 18px;
margin-top: 15px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
background-color: #f0f0f0 !important;
z-index: 2;
}
.slaunch-button svg {
width: 20px;
height: 20px;
margin-right: 8px;
fill: transparent;
}
.sl-button-solid {
background-color: #e23940 !important;
color: #fff !important;
}
.slaunch-button:hover {
background-color: #fff;
}
.slaunch-button:hover svg{
fill: #e23940 !important;
}
.slaunch-button.sl-button-solid:hover {
background-color: #cf2c3e !important;
color: #fff !important;
border-color: #cf2c3e !important;
}
.slaunch-button.sl-button-solid:hover svg {
fill: #fff !important;
}
.sl-bounce {
-webkit-animation: slbounce .3s infinite alternate;
-moz-animation: slbounce .3s infinite alternate;
animation: slbounce .3s infinite alternate
}
.sl-gamethumb {
position: absolute;
width: 100%;
height: 100%;
max-width: 100%;
filter: blur(5px);
cursor: pointer;
}
.sl-gamethumb:hover{
transform: scale(1.05);
transition: .3s ease-in all;
}
@-webkit-keyframes slbounce {
to {
-webkit-transform: scale(1.1)
}
}
@-moz-keyframes slbounce {
to {
-moz-transform: scale(1.1)
}
}
@keyframes slbounce {
to {
transform: scale(1.1)
}
}
.slaunch-button:disabled {
opacity: .5;
}
.sl-placeholder .sl-powered{
width: 150px;
position: absolute;
bottom: 5px;
right: 10px;
max-width: 25%;
}
.sl-responsive-iframe {
position: absolute;
top:0px;
bottom: 0;
right: 0;
width: calc( 100% - 10px);
height: calc( 100% - 5px);
left: 5px;
border: none;
}
.sl-fullscreen-mobile .sl-responsive-iframe,
.sl-fullscreen-mode .sl-responsive-iframe{
max-height: 100vh;
width: 100%;
height: 100%;
margin: 0;
left: 0px;
}
.sl-container {
background: #ff002f !important;
border-radius: 6px;
width: 100%;
}
.sl-single-game-container {
display: flex;
width: 100% !important;
max-width: 1290px !important;
margin-top: 20px;
flex-wrap: wrap;
container-name: sl-single-game-container;
container-type: inline-size;
margin-left: auto !important;
margin-right: auto !important;
}
.sl-single-game-container * {
box-sizing: border-box;
}
.sl-featured-widget{
margin-top: 30px;
width: 100%;
display: flex;
}
.sl-featured-widget .slotsl-demo-container,
.sl-featured-widget .slotsl-thumb img{
border-radius: 6px;
}
.sl-featured-widget .slotsl-game {
border-radius: 6px !important;
width: 100%;
margin-bottom: 7px;
padding: 5px;
}
.sl-featured-widget .slotsl-game:last-child {
margin: 0 !important;
}
.sl-featured-widget-container {
display: flex;
flex-direction: column;
justify-items: center;
align-items: center;
border-radius: 6px;
padding: 6px;
background: #ff002f !important;
}
.sl-featured-title{
font-size: 0.9em;
font-weight: bold;
color: #fff;
padding: 4px 0px 10px 0;
}
.slotls-header{
display: flex;
align-content: center;
align-items: center;
padding: 4px;
color: #fff;
background: #ff002f;
border: 4px solid #ff002f;
border-radius: 6px;
}
.sl-rating-container {
display: flex;
flex-direction: column;
align-items: flex-end;
align-self: end;
flex: 1;
}
@container sl-single-game-container (min-width: 1290px) {
.sl-basis-9\/12{
flex-basis: 75% !important;
}
.sl-basis-3\/12{
flex-basis: 25% !important;
}
.sl-featured-widget {
padding-left: 10px;
margin-top: 0px;
}
.sl-featured-widget .slotsl-game {
width: 100% !important;
margin-bottom: 7px !important;
}
.sl-widget-games {
display: initial !important;
}
}
.mfp-wrap{
z-index: 999999 !important;
}
.mfp-content{
max-width: 520px;
}
div#report-broken-game {
background: #fff;
width: 100%;
padding: 20px;
margin: auto;
border-radius: 15px;
border: 1px solid #ccc;
}
button#sl-broken-submit {
background: #FF4742;
border: 1px solid #FF4742;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
box-sizing: border-box;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 16px;
min-height: 40px;
outline: 0;
padding: 12px 14px;
text-align: center;
text-rendering: geometricprecision;
text-transform: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
}
.mfp-inline-holder .mfp-content * {
box-sizing: border-box;
}
#report-broken-game p.sl-heading{
font-size: 1.3em;
}
#report-broken-game p {
margin: 1em 0;
}
button#sl-broken-submit:hover,
button#sl-broken-submit:active {
background-color: #e52e2a;
background-position: 0 0;
}
button#sl-broken-submit:active {
opacity: .5;
}
textarea#sl-issue{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: rgb(245,240,232);
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
width: 100%;
height: 150px;
border: none;
border-radius: 5px;
margin-bottom: 30px;
}
a.sl-broken-link, a.sl-fullscreen, a.sl-close-fullscreen {
height: 26px;
width: 26px;
display: flex;
border-radius: 25px;
align-items: center;
justify-content: center;
background: #fff;
color: #000;
}
a.sl-fullscreen {
margin-left: 6px;
background: #fff;
display: flex;
}
a.sl-close-fullscreen {
display: none;
z-index: 9999;
background: #000;
position: absolute;
top: 20px;
right: 20px;
}
a.sl-close-fullscreen svg {
fill: #fff !important;
}
a.sl-broken-link svg,
a.sl-fullscreen svg {
width: 20px;
height: 20px;
fill: #fff !important;
color: #000;
}
a.sl-broken-link:hover,
a.sl-fullscreen:hover {
background: #CCCCCC;
}
a.sl-broken-link svg{
color: #ff002f;
}
span.sl-rating_text {
margin-right: 5px;
font-size: .9em;
font-weight: bold;
}
.sl-rating_stars {
bottom: -2px;
position: relative;
}
.sl-rating_stars svg.jq-star-svg {
width: 100%;
height: 100%;
}
span.sl-rating_votes {
font-size: .7em;
margin-left: 10px;
}
.sl-slots {
position: relative;
overflow: hidden;
width: 100%;
background-color: #ff002f;
min-height: 56.25vh; height: 629px;
border-radius: 6px;
}
.sl-slots.sl-fullscreen-mobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
}
.jq-stars {
display: inline-block;
}
.jq-rating-label {
font-size: 22px;
display: inline-block;
position: relative;
vertical-align: top;
font-family: helvetica, arial, verdana;
}
.jq-star {
width: 100px;
height: 100px;
display: inline-block;
cursor: pointer;
}
.jq-star-svg {
padding-left: 3px;
width: 100%;
height: 100% ;
}
.jq-star-svg path { stroke-linejoin: round;
}
@keyframes sl-scroll {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
} .sl-banner-text {
white-space: nowrap; animation: sl-scroll 20s linear infinite; }
.sl-banner-text a,
.sl-banner-text a:visited{
color: #fff !important;
text-decoration: none !important;
}
.sl-banner-text a:hover{
color: #fff;
text-decoration: underline !important;
} .sl-banner-container {
overflow: hidden; width: 100%; margin: 0 20px;
flex: 1;
display: none;
}
.sl-banner-container.sl-mobile-banner{
display: flex;
} .jq-shadow {
-webkit-filter: drop-shadow( -2px -2px 2px #888 );
filter: drop-shadow( -2px -2px 2px #888 );
} .sl-popup .sl-gamethumb{
max-width: 210px;
position: initial;
max-height: none;
filter: none;
width: auto;
height: auto;
}
.sl-close-popup {
position: absolute;
right: 20px;
top: 20px;
width: 32px;
height: 32px;
opacity: 0.3;
cursor: pointer;
}
.sl-close-popup:hover {
opacity: 1;
}
.sl-close-popup:before, .sl-close-popup:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #333;
}
.sl-close-popup:before {
transform: rotate(45deg);
}
.sl-close-popup:after {
transform: rotate(-45deg);
} .slotsl-container *,
.slotsl-container {
box-sizing: border-box;
}
.slotsl-container {
padding-left: 15px;
padding-right: 15px;
width: 100%;
max-width: 1400px !important;
margin: 35px auto;
}
.slotsl-grid {
gap: 30px;
grid-template-columns: repeat(1,minmax(0,1fr));
display: grid;
}
.slotsl-grid.sl-grid-2 {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.slotsl-grid.sl-grid-3 {
grid-template-columns: repeat(3,minmax(0,1fr));
}
.slotsl-grid.sl-grid-4 {
grid-template-columns: repeat(4,minmax(0,1fr));
}
.slotsl-grid.sl-grid-6 {
grid-template-columns: repeat(6,minmax(0,1fr));
}
.slotsl-thumb{
border-top-left-radius: 5px !important;
position: relative;
border-top-right-radius: 5px !important;
}
.slotsl-thumb img {
width: 100% !important;
height: auto;
display: block;
aspect-ratio: 3/2;
}
.slotsl-game {
position: relative;
visibility: visible;
animation-delay: 0.1s;
animation-name: fadeInUp;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 58, 58, 0.1) 0px 2px 15px 0px;
background-color: #fff;
}
.slotsl-meta{
padding: 20px;
}
.slotsl-meta a.slotsl-provider,
.slotsl-meta span.slotsl-provider{
font-size: 13px !important;
position: absolute !important;
left: 20px;
bottom: 20px;
}
.slotsl-pagination{
margin-top: 30px;
}
.slotsl-meta a.slotsl-provider{
font-size: 14px !important;
text-decoration: none !important;
}
.slotsl-meta  p.slotsl-title{
line-height: 0 !important;
margin-bottom: 20px !important;
text-align: left;
margin-left: 0 !important;
padding-left: 0 !important;
}
.slotsl-meta .slotsl-title span,
.slotsl-meta .slotsl-title a{
font-size: 18px !important;
color: #000;
cursor: pointer;
font-weight: bold;
text-decoration: none !important;
line-height: 1em !important;
}
.slotsl-filters .sl-filter-container {
display: flex;
margin-bottom: 30px !important;
flex-direction: column;
justify-content: space-between;
}
.slotsl-providers-archives .slotsl-filters {
max-width: 300px;
margin-bottom: 30px;
}
.slotsl-providers{
justify-content: flex-end;
display: flex;
margin-bottom: 20px;
align-items: center;
flex-direction: column;
}
.slotsl-providers select {
padding: 10px;
width: 100% !important;
height: 100%;
margin: 0 !important;
-webkit-appearance: auto;
border: 1px solid #ccc !important;
color: #666;
font-size: 15px;
height: 53px;
border-radius: 5px !important;
}
.slotsl-providers select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
padding: 10px;
padding-right: 40px;
border: 1px solid #ccc;
border-radius: 4px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path fill="none" stroke="%23333" stroke-width="1" d="M0 0l5 5 5-5"/></svg>') no-repeat right 10px center;
background-color: #fff;
outline: none;
}
.slotsl-providers select::-ms-expand {
display: none; }
.slotsl-search input {
border-radius: 5px !important;
font-size: 15px;
}
.slotsl-megaways{
font-size: 15px;
color: #666;
}
.slotsl-search input::placeholder {
color: #666 !important;
}
.slotsl-search{
position: relative;
margin-bottom: 20px;
}
.slotsl-search input{
border: 1px solid #ccc !important;
min-height: 53px !important;
height: 100% !important;
padding: 10px !important;
width: 100% !important;
margin: 0 !important;
}
.sl-submit-search svg{
fill: none !important;
}
.slotsl-providers.slotsl-providers-sortby {
position: relative;
}
.sl-mobile-filter-button {
display: flex;
border: 1px solid #ccc;
padding: 10px !important;
margin-bottom: 10px;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.sl-mobile-filter-button.clicked {
background: #efefef;
}
.slotsl-filters .sl-filter-container.sl-mobile-filters{
display: none;
}
.slotsl-filters .sl-filter-container.sl-mobile-filters.sl-mobile-filters.show-filters{
display: flex;
}
span.sl-sortby {
margin-right: 10px;
width: 80px;
}
.slotsl-banner{
display: flex;
justify-content: center;
flex-wrap: wrap;
height: 100%;
align-content: center;
} .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
} .switch input {
opacity: 0;
width: 0;
height: 0;
} .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
} .slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.sl-hide-on-t{
display: none;
}
.sl-filter-icon {
width: 30px;
height: 30px;
justify-content: end;
}
.sl-filter-icon svg{
fill: none !important;
}
.slotsl-demo-container{
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
opacity: 0;
background: rgba(239, 68, 68, 0.5);
transition-property: all !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 500ms !important;
}
.slotsl-demo-container:hover{
opacity: 1;
visibility: visible;
}
.slotsl-demo-wrapper{
position: absolute;
width: 100%;
display: inline-block;
transform: translateY(-50%);
top: 50%;
text-align: center;
left: 0;
}
.slotsl-thumb-url{
background: #f3f2f2;
font-weight: bold;
border-radius: 5px;
padding: 17px 25px;
transition-property: all !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
text-align: center;
color: #000;
cursor: pointer;
}
span.slotsl-url {
cursor: pointer;
}
.slotsl-thumb-url:hover{
color: rgb(153,27,27);
background: #fff;
}
.sl-submit-search{
background-color: transparent !important;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
position: absolute;
-webkit-appearance: button;
background-color: transparent;
background-image: none;
top: 50% !important;
right: 20px !important;
transform: translate(0,-50%);
line-height: 0;
border: none;
}
.slotsl-not-found{
grid-column: span 4 / span 4 !important;
text-align: center;
font-size: 2em;
}
.slotsl-loader{
height: 300px;
background: #fff;
opacity: .6;
display: none;
align-items: center;
width: 100%;
justify-content: center;
}
.slotsl-loader.visible{
display: flex;
}
.slotsl-load-more {
align-items: center;
width: 100%;
justify-content: center;
display: flex;
margin-top: 40px;
}
.slotsl-load-more button{
width: 200px;
padding: 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
border: none;
}
.slotsl-load-more button:focus {
outline: none;
}
.slotsl-load-more button{
background: #fff;
color: black;
border: 2px solid black;
transition: background 400ms ease-out,
color 400ms ease-out,
border 400ms ease-out;
}
.slotsl-load-more button:hover, .slotsl-load-more button.active {
background: rgb(239, 68, 68);
color: #fff;
border: none;
}
.slotsl-load-more button.active:disabled {
opacity: .3;
}
.slotsl-loader svg{
max-width: 200px;
}
span.sl-count {
margin-top: 10px;
line-height: 1;
font-size: 11px;
background: #efefef;
padding: 10px;
border-radius: 20px;
}
.slotsl-providers-meta .slotsl-title {
display: flex;
flex-wrap: wrap;
}
.slotsl-providers-meta .slotsl-title a{
width: 100%;
}
.slotsl-progress{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 40px;
}
.slotsl-progress-bar{
width: 100%;
display: flex;
justify-content: center;
}
.slotsl-progress-bar-line{
width: 25%;
height: 5px;
border-radius: 30px;
background: #CCCCCC;
}
.slotsl-progress-bar-fill{
height: 5px;
border-radius: 30px;
background: rgb(239, 68, 68);
} .slotsl-widget-item{
display: flex;
align-items: center!important;
padding: 4px;
}
.slotsl-widget-thumb{
justify-content: center!important;
align-items: center!important;
display: flex;
flex-direction: column!important;
height: 80px;
width: 100px;
margin-right: 10px;
}
.slotsl-widget-thumb a{
position: relative;
display: block;
}
.slotsl-widget-thumb a img{
display: block;
}
.slotsl-widget-meta {
flex: 1 1 0%!important;
}
.slotsl-widget-meta-title {
font-size: 15px!important;
font-weight: 700!important;
}
.slotsl-widget-meta-provider {
font-size: 11px!important;
color: rgb(75 85 99)
} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
@media (min-width: 415px) {
.slotsl-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.slotsl-meta a.slotsl-provider,
.slotsl-meta span.slotsl-provider{
left: 25px;
bottom: 25px;
}
.slotsl-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.slotsl-game {
border-radius: 20px !important;
}
.slotsl-thumb {
border-top-left-radius: 20px !important;
border-top-right-radius: 20px !important;
}
.slotsl-meta{
padding: 25px;
}
.slotsl-filters .sl-filter-container.sl-mobile-filters{
justify-content: space-between;
}
.slotsl-filters .sl-filter-container.sl-mobile-filters .slotsl-providers:first-child {
margin-right: initial;
}
.slotsl-filters .sl-filter-container.sl-mobile-filters .slotsl-providers:last-child {
margin-left: initial;
}
.sl-featured-widget .slotsl-game {
width: 33%;
margin-bottom: 0px;
}
.sl-widget-games {
display: flex;
align-content: space-around;
justify-content: space-between;
}
.sl-gamethumb{
max-width: 40%;
width: 300px;
height: auto;
margin: 0 30px;
border-radius: 30px;
position: initial;
filter: none;
}
div#sl-single-game-popup iframe {
max-height: 80vh; 
max-width: 80vw;
}
}
@media (min-width: 1200px) {
.slotsl-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sl-rating-container {
justify-content: flex-end;
align-content: center;
align-items: center;
flex-direction: row;
flex: none;
}
.sl-banner-container{
display: flex;
flex: 1;
}
.sl-banner-container.sl-mobile-banner{
display: none;
}
.slotsl-filters .sl-filter-container{
flex-direction: row;
}
.slotsl-search input,
.slotsl-megaways,
.slotsl-providers select {
min-width: 240px;
width: auto;
}
.slotsl-search,
.slotsl-providers {
margin-bottom: 0px;
flex-direction: row;
}
.sl-mobile-filter-button{
display: none;
}
.slotsl-filters .sl-filter-container.sl-mobile-filters{
display: flex;
}
}
@media (min-width: 1400px) {
.sl-hide-on-t {
display: block;
}
.sl-hide-on-xl {
display: none;
}
}