@font-face {
    font-family: "Refrigerator-Deluxe";
    src: url("/css/fonts/Mark-Simonson-Refrigerator-Deluxe-Heavy.ttf")
    format("truetype");
}
body.mobile .center {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
#moreGames {
    border: 1px solid #00EBFF;
    padding: 10px 25px;
    text-align: center;
    margin: 25px auto;
    border-radius: 5px;
    background-color: transparent;
    color: #00EBFF;
    max-width: 160px;
    font-size: 20px;
}

body.desktop .filterContent {
    width: 41px;
    height: 152px;
    background-color: #00EBFF;
    border-radius: 0px 10px 10px 0px;
    position: fixed;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: pointer;
    left: 0px;
    top: 37%;
}

body.desktop .filterContent [class^=icon-], 
body.desktop .filterContent [class*=" icon-"] {
    color: #1d212980;
}

body.desktop .filterContent .filter {
    font-size: 22px;
    color: #232833;
}

body.desktop .filterContent span {
    width: 65px;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    color: #232833;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

body.mobile .filterContent span,
body.tablet .filterContent span {
    color: #00ebff;
    font-size: 12px;
    font-weight: 500;
    margin-right: 8px;
    line-height: 14px;
}

body.desktop .filterContainer {
    position: fixed;
    top: 94px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 337px;
    background-color: #232833;
    -webkit-box-shadow: 0px 3px 6px #00000067;
    box-shadow: 0px 3px 6px #00000067;
    z-index: 99999;
    left: -337px;
    height: calc(100% - 94px);
    overflow-y: auto;
    overflow-x: hidden
}

body.desktop .filterContainer .filterHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 17px 21px 0;
}

body.desktop .filterContainer .filterHeader>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.desktop .filterContainer .filterHeader img {
    width: 21px;
    margin-right: 9px;
}

body.desktop .filterContainer .filterHeader .clear {
    font-size: 14px;
    font-weight: bold;
    color: #e6f1ff4d;
    line-height: 18px;
    cursor: pointer;
}

body.desktop .filterContainer .filterHeader .filterTitle {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    line-height: 18px;
    color: #e6f1ffe6;
}

body.desktop .sectionFilterPopUp .filterContainer .filterProviders {
    margin-bottom: 20px;
}

ul.non-desktop.flexMenu {
    padding-left: var(--grid-margin-l-r);
}

body.mobile .searchContainer {
    width: calc(100% - var(--grid-margin-l-r) * 2);
    margin: auto;
}

body.tablet .searchContainer {
    width: calc(100% - var(--grid-margin-l-r) * 2);
    margin: auto;
}

ul.horizontalMenu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: relative;
} 

ul.flexMenu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    margin: 0;
    position: relative;
}

ul#casinoSectionsMenu, ul.flexMenu {
    position: relative;
    margin-bottom: 12px;
}

ul#casinoSectionsMenu li,ul.flexMenu li {
    margin-right: 8px;
}

ul#casinoSectionsMenu li.luck, ul.flexMenu li.luck {
    background: #0074FA;
    padding: 6px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

ul#casinoSectionsMenu li.line, ul.flexMenu li.line {
    width: 0px;
    padding: 0;
    font-size: 0;
    border: 1px solid #70707066;
}

ul#casinoSectionsMenu li.luck img, ul.flexMenu li.luck img {
    height: 28px;
}

ul#casinoSectionsMenu li.luck a, ul.flexMenu li.luck a {
    font-size: 0;
}

ul#casinoSectionsMenu li.sbmnu.active, ul.flexMenu li.sbmnu.active {
    background-color: var(--primary-text);
    color: #232833;      
}

ul#casinoSectionsMenu li.active span,ul.flexMenu li.active span {
    color: #232833;      
}

ul#casinoSectionsMenu li a span,ul.flexMenu li a span {
    font-size: 14px;
    font-weight: bold;
    color: #e6edf7b3;
    margin: 0px;
    line-height: 20px;
}

ul#casinoSectionsMenu li.sbmnu {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    font-size: 30px;
    padding-bottom: 15px;
    -webkit-user-select:none;
   -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background: #e6f1ff1a 0% 0% no-repeat padding-box;
    text-align: center;
    line-height:25px;
}

ul#casinoSectionsMenu ul.adddr {
    width: 195px;
    height: auto;
    position: absolute;
    z-index: 10;
    top: 49px;
    right: 0px;
    padding: 5px;
    background: #303541 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 4px 6px 15px #00000076;
    box-shadow: 4px 6px 15px #00000076;
    border-radius: 10px;
    opacity: 1;
}

ul#casinoSectionsMenu ul.adddr li a {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    background: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset; 
    margin:5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    border:unset;
}

ul#casinoSectionsMenu ul.adddr li span {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    font-size: 14px;
    color: #e6edf7b3;
}

[slider] {
    width: 300px;
    position: relative;
    height: 5px;
    margin: 13px 0 10px 0;
}

[slider] > div {
    position: absolute;
    left: 13px;
    right: 15px;
    height: 5px;
}

[slider] > div > [inverse-left] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 0 7px;
}

[slider] > div > [inverse-right] {
    position: absolute;
    right: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 0 7px;
}

[slider] > div > [range] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 14px;
    background-color: #00EBFF;
}

[slider] > div > [thumb] {
    position: absolute;
    top: -7px;
    z-index: 0;
    height: 20px;
    width: 20px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    background-color: #FFF;
    border-radius: 50%;
    outline: none;
}

[slider] > input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
    z-index: 3;
    height: 14px;
    top: -12px;
    width: 100% !important;
    opacity: 0;
}

div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
}

div[slider] > input[type=range]:focus {
    outline: none;
}

div[slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
    appearance: none;
}

div[slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
}

div[slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
}

div[slider] > input[type=range]::-ms-tooltip {
    display: none;
}

[slider] > div > [sign] {
    opacity: 0;
    position: absolute;
    margin-left: -11px;
    top: -39px;
    z-index:3;
    background-color: #00EBFF;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

[slider] > div > [sign]:after {
    position: absolute;
    content: '';
    left: 0;
    border-radius: 16px;
    top: 19px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top-width: 16px;
    border-top-style: solid;
    border-top-color: #00EBFF;
}

[slider] > div > [sign] > span {
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    width: inherit;
}

[slider]:hover > div > [sign] {
    opacity: 1;
}

body.desktop .filterContainer .filterVolatility,
body.desktop .filterContainer .filterLines,
body.desktop .filterContainer .filterMaxBet,
body.desktop .filterContainer .filterMinBet,
body.desktop .filterContainer .filterProviders{
    margin: 0 19px;
}

body.mobile .filterContainer .filterProviders {
    margin: 0 21px;
}

body.tablet .filterContainer .filterProviders {
    margin: 0 40px;
}

body.desktop .filterContainer .filterVolatility>div.volatilityList>div {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 11px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 115px; */
}

body.desktop .filterContainer .filterVolatility>div input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    /* height: 20px;
    width: 20px; */
    height: 38px;
    width: 135px;
    z-index: 999;
}

/* Create a custom checkbox */

body.desktop .filterContainer .filterVolatility span.checkmark {
    /* position: unset;
    top: 3px;
    left: 5px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 5px;
    border: 2px solid #e6f1ff99; */
    position: unset;
    height: unset;
    width: unset;
    background-color: transparent;
    border: 2px solid #e6f1ff99;
    min-width: 135px;
}

/* On mouse-over, add a grey background color */

body.desktop .filterContainer .filterVolatility:hover input~.checkmark {
    border-color: #e6f1ff;
}

/* When the checkbox is checked, add a blue background */

body.desktop .filterContainer .filterVolatility input:checked~.checkmark {
    background-color: transparent;
    background-color: #2196F3;
    border-color: #e6f1ff;
}

/* Create the checkmark/indicator (hidden when not checked) */

body.desktop .filterContainer .filterVolatility .checkmark:after {
    /* content: "";
    position: absolute;
    display: none; */
}

/* Show the checkmark when checked */

body.desktop .filterContainer .filterVolatility input:checked~.checkmark:after {
    /* display: block; */
}

/* Style the checkmark/indicator */

body.desktop .filterContainer .filterVolatility .checkmark:after {
    /* width: 13px;
    height: 13px;
    background-color: #2196F3;
    border-radius: 3px;
    -webkit-transform: translate(11%,13%);
    -ms-transform: translate(11%,13%);
    transform: translate(11%,13%); */
}

.betatest .imgCover {
    bottom: 0px;
}

body.desktop .filterContainer .filterVolatility>div .fill {
    width: 10px;
    height: 10px;
    background-color: #E6F1FF;
    border-radius: 50%;
}

body.desktop .filterContainer .filterVolatility>div .not-fill {
    width: 10px;
    height: 10px;
    background-color: #e6f1ff4d;
    border-radius: 50%;
}

body.desktop .filterContainer div span.rangeLabel {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #e6f1ffcc;
    margin: 30px 0 13px 0;
}

body.desktop .filterContainer div input {
    width: 90px;
    height: 30px;
    border: 1px solid #e6f1ff0d;
    border-radius: 5px;
    background: #e6f1ff0d 0% 0% no-repeat padding-box;
    margin: 0;
    text-align: end;
    padding: 0;
    color: #e6edf799;
}

body.desktop .filterContainer div input.value {
    padding-right: 14px;
    -moz-appearance: textfield;
    appearance: textfield;
}

body.desktop .filterContainer div input.value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

body.desktop .filterContainer .filterFooter {
    width: 100%;
    height: 62px;
    min-height:62px;
    background-color: #0074FA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto;  
    display: none;
    pointer-events: none;
}

body.desktop .filterContainer .filterFooter:hover {
    cursor: pointer;
}

body.desktop .filterContainer .filterFooter span {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: var(--primary-text);
}

body.desktop .newJPDisplay[data-name="Baby Palms Peru 2"] {
    margin: auto;
    width: 50%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    z-index:9;
    position:absolute;
}

.newJPDisplay[data-name="EGT_EQ"] > .jplevels[name="I"]{
    margin: 0px;
}

.pageContent .table-games .flex-row,
.pageContent .table-games .flex-row .gamePanel,
.pageContent .table-games .grid-item .gamePanel {
    width: 289px;
    height: 200px;
}

body.mobile .pageContent .table-games .flex-row,
body.mobile .pageContent .table-games .flex-row .gamePanel { 
    width: 170px;
    height: 135px;
}

.pageContent .bingo .flex-row,
.pageContent .bingo .flex-row .gamePanel {
    width: 289px;
    height: 200px;
}

body.mobile .pageContent .bingo .flex-row,
body.mobile .pageContent .bingo .flex-row .gamePanel {
    width: 170px;
    height: 138px;
}

body.desktop .pageContent .bingo .flex-row,
body.desktop .pageContent .bingo .flex-row .gamePanel {
    width: 289px;
    height: 200px;
}

body.desktop .pageContent .bingo .flex-row .gamePanel {
    position: relative;
}

.pageContent .bingo .flex-row .jpOverlayPanel {
    display: none;
}

body.tablet .pageContent .table-games .flex-row .img {
    height: 208px;
    background-size: 288px 208px;
}

body.tablet .pageContent.table-games.active,
body.tablet .pageContent.bingo.active,
body.tablet .pageContent.live-dealer.active {
    margin: 0 0 0 30px;
}

.pageContent .live-dealer .flex-row,
.pageContent .live-dealer .grid-item .gamePanel,
.pageContent .live-dealer .flex-row .gamePanel {
    width: 275px;
    height: 198px;
    position: relative;
}

body.tablet .pageContent .live-dealer .flex-row,
body.tablet .pageContent .live-dealer .grid-item .gamePanel,
body.tablet .pageContent .live-dealer .flex-row .gamePanel {
    width: 215px;
    height: 155px;
}

body.mobile .pageContent .live-dealer .flex-row,
body.mobile .pageContent .live-dealer .grid-item .gamePanel,
body.mobile .pageContent .live-dealer .flex-row .gamePanel {
    width: 154px;
    height: 111px;
}

.pageContent .live-dealer .flex-row .gamePanel .imgCover,
.pageContent .bingo .flex-row .gamePanel .imgCover,
.pageContent .table-games .flex-row .gamePanel .imgCover {
    display: none;
}

body.tablet .pageContent .jackpot {
    height: 317px;
    margin-top: 63px;
}

.pageContent .dekList::-webkit-scrollbar,
.pageContent .jackpot::-webkit-scrollbar,
.pageContent .newest::-webkit-scrollbar,
.pageContent .favorites::-webkit-scrollbar,
#casinoMenu::-webkit-scrollbar,
ul.flexMenu::-webkit-scrollbar,
body.mobile section[data-name] div[listed-jp]::-webkit-scrollbar,
body.tablet section[data-name] div[listed-jp]::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

body.desktop .pageContent .gameList>span {
    width: 36px;
    height: 35px;
    background-color: #00EBFF;
    border-radius: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #00000099;
    font-size: 13px;
    cursor: pointer;
    margin: 0;
    position: relative;
    top: 93px;
}

body.desktop .pageContent .gameList>span[data-direction="left"] {
    left: calc(48% - 21px);
}

body.desktop .pageContent .gameList>span[data-direction="right"] {
    right: calc(47% - 13px);
}

body.desktop .pageContent .seeAll {
    position: absolute;
    right: 0;
    color: var(--primary-text);
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    border-radius: 15px;
    background-color: var(--secondary-main);
    height: 30px;
    padding: 5px 10px;
    bottom: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 104px;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    z-index: 3;
}

body.mobile .pageContent .seeAll {
    position: absolute;
    right: 0;
    color: var(--primary-text);
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    border-radius: 15px 0px 0px 15px;
    background-color: #0074FA;
    height: 30px;
    padding: 6px 8px 7px 11px;
    bottom: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 71px;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    z-index: 3;
}

body.tablet .pageContent .seeAll {
    position: absolute;
    right: 0;
    color: var(--primary-text);
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    border-radius: 15px 0px 0px 15px;
    background-color: #0074FA;
    height: 30px;
    padding: 6px 8px 7px 11px;
    bottom: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 71px;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    z-index: 3;
}

body.tablet .pageContent .listHeader i {
    font-size: 21px;
    margin-right: 7px;
    color: #0B98FF;
}

body.tablet section[data-name="ctgaming"] .dekList {
    padding-top: 90px;
}

body.tablet section.pageContent[data-name="ctgaming"] {
    background-image: url(/images/casino/HotLuck_M.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    height: 400px;
    background-size: 100% auto;
    margin:0px;
}

body.tablet section.pageContent.changedGames[data-name="ctgaming"] {
    background-image: url(/images/casino/HotLuck_M.png);
    background-position: center 42px;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    height: unset;
    background-size: 100% auto;
    margin:0px;
}

body.mobile section[data-name="ctgaming"] {
    background-image: url(/images/casino/HotLuck_S.png);
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    background-size: 100% auto;
}

body.mobile section.pageContent.changedGames[data-name="ctgaming"] {
    background-image: url(/images/casino/HotLuck_S.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    height: unset;
    background-size: 100% auto;
}

body.mobile section[data-name="ctgaming"] div[listed-jp] {
    padding-top: 50px;
    /* overflow:auto hidden; */
    overflow-x: clip;
}

body.desktop .pageContent .jackpot .hotLuckJackpot,
body.desktop .pageContent .jackpot .egtqJackpot,
body.desktop .pageContent .jackpot .egtJackpot {
    width: 100%;
    height: 58px;
    position: relative;
    top: 117px;
} 

body.desktop .pageContent .listHeader>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.filterHeader [class^=icon-] {
    width: 26px;
    font-size: 24px;
    color: #00EBFF;
    margin-right: 15px;
}

body.desktop .pageContent .newest a.seeAll {
    color: var(--primary-text);
}

body.desktop .listTitle {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #E6EDF7;
    line-height: 24px;
    margin-left:13px;
}

.pageContent .listHeader, 
.recommended .listHeader {
    margin-bottom: 26px;
    margin-left: 22px;
}

.pageContent.gameSlider {
    margin-bottom: 80px;
}

body.mobile .pageContent.gameSlider {
    /* margin-bottom: 50px; */
}

body.desktop .pageContent .grid-layout .grid-item {
    cursor: pointer;
    border-radius: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.flex-row {
    -webkit-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.pageContent .grid-layout .grid-item .imgCover {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #232833e6;
    opacity: 0;
}

body.desktop .pageContent .grid-layout .grid-item.span-2:hover .imgCover {
    z-index: 12;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -65%;
    z-index: 99;
    padding-top: 32%;
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
}

body.desktop .pageContent .grid-layout .grid-item.span-2:hover .imgCover>div {
    background: #232833bf 0% 0% no-repeat padding-box;
}

body.desktop .pageContent .grid-layout .grid-item:hover .imgCover {
    opacity: 1;
    margin-top: -65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 99;
    height: 100%;
}

body.desktop .pageContent .flex-row:hover,
body.desktop .pageContent .all .grid-item:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 3;
}

.flex-row .tag {
    display: none;
}

span.twitter-typeahead {
    width: 100%;
    height: 56px;
}

body.desktop #casinoMenu {
    overflow: unset;
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 22px;
    background: #232833 0% 0% no-repeat padding-box;
    padding: 20px;
    margin-top: -70px;
    max-width:1200px;
}

.search-auto {
    position: absolute;
    z-index: 9;
    margin-left: 18px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    pointer-events:none;
}

i.search {
    position: absolute;
    z-index: 9;
    margin-left: -35px;
    font-size: 23px;
    color: #00EBFF;
}

body.tablet i.search {
    position: absolute;
    z-index: 9;
    left:46px;
    bottom: 15px;
}

body.desktop i.search {
    position: absolute;
    z-index: 9;
    margin-left: 97%;
    width: 23px;
    top: 18px;
    right: 17px;
    pointer-events:none;
}

body.mobile .pageContent.provider {
    overflow: auto;
    margin: 76px 13px 34px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: var(--grid-margin-l-r);
    width: 100%;
}

body.tablet .pageContent.provider {
    overflow: auto;
    margin: 39px 34px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: var(--grid-margin-l-r);
    width: 100%;
}

body.mobile .pageContent.provider::-webkit-scrollbar,
body.mobile #casinoMenu .nwBtns::-webkit-scrollbar,
body.tablet #casinoMenu .nwBtns::-webkit-scrollbar,
body.tablet .pageContent.provider::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

body.mobile .pageContent.provider .providerList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px;
    gap: var(--grid-gap-size);
    list-style: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 1;
    padding-left: 12px;
}

.mobile .live-dealer .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

body.tablet .pageContent.provider .providerList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    width: 720px;
    height: auto;
    gap:20px;
}

body.desktop .pageContent.provider {
    margin: 32px auto 32px;
    margin-bottom: 0px;
}

body.desktop .pageContent.provider .providerList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    --flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    height: 45px;
    gap:20px;
}

body.desktop .fill {
    width: 7px;
    height: 7px;
    background-color: #E6F1FF;
    border-radius: 50%;
    margin-left: 3px;
}

body.desktop .not-fill {
    width: 7px;
    height: 7px;
    background-color: var(--surface-overlay-30);
    border-radius: 50%;
    margin-left: 3px;
}

body.desktop .framedcontent .fill,
body.desktop .framedcontent .not-fill {
    width: 7px;
    height: 7px;
}

body.desktop .framedcontent .exitIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #e6f1ff80 0% 0% no-repeat padding-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    right: 11px;
    top: 11px;
}

body.mobile .framedcontent .game-info .fill,
body.tablet .framedcontent .game-info .fill,
.fill {
    width: 10px;
    height: 10px;
    background-color: #E6F1FF;
    border-radius: 50%;
    margin: 0 0 0 4px;
}

body.mobile .framedcontent .game-info .not-fill,
body.tablet .framedcontent .game-info .not-fill,
.not-fill {
    width: 10px;
    height: 10px;
    background-color: var(--surface-overlay-30);
    border-radius: 50%;
    margin: 0 0 0 4px;
}

body.mobile .framedcontent .game-info div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 7px 0;
    font-size: 16px;
    color: #e6edf7b3;
    padding: 0;
    font-weight: 500;
}

body.mobile .framedcontent .game-info div span,
body.tablet .framedcontent .game-info div span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.desktop .framedcontent .exitIcon .exit {
    height: 13px;
    z-index: 99;
    cursor: pointer;
}

body.desktop .formfix .butt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 0px;
}

body.desktop .formfix .butt input {
    width: 50%;
    height: 60px;
    margin: 0;
    cursor: pointer;
    border-radius: 0px
}

body.desktop .framedform[data-content="casino"] .framedcontent {
    max-width: 348px;
    /* height: 498px; */
    height: max-content;
    overflow: hidden;
}

.framedform[data-content="casino"] .framedcontent div[data-field="img_url"] img {
vertical-align: bottom;
}


body.mobile .pageContent .listHeader {
    margin: 0 23px 12px;
    height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

body.tablet .pageContent .listHeader {
    margin: 0 0 13px 38px;
    height: 23px;
}

body.mobile .pageContent .listContent::-webkit-scrollbar,
.recommended .recContent::-webkit-scrollbar,
body.tablet .pageContent .listContent::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.listHeader [class^=icon-],
.casino-title [class^=icon-] {
    color: #0B98FF;
    font-size:21px;
}

body.tablet .listHeader [class^=icon-],
body.tablet .casino-title [class^=icon-] {
    margin-right: 9px;
}

.imgCover .favIcon img {
    height: 26px;
    z-index: 99;
}

.imgCover .favIcon h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    width: 135px;
    -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.imgCover .gameStats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 13px 2px 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.imgCover .gameStats span {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #e6edf7b3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

body.desktop .pageContent .grid-item .imgCover .gameStatsContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    height: 65px;
}

body.desktop .pageContent .grid-item .imgCover .gameFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 41px;
    margin-top: 7px;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

body.desktop .pageContent .grid-item.span-2 .imgCover .gameFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
}

body.desktop .pageContent .grid-item .imgCover .favIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 8px 10px 8px;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    height: 41px;
}

body.desktop .pageContent .grid-item.span-2 .imgCover .favIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 8px 10px 8px;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
}

body.desktop .pageContent.gameSlider .grid-item.span-2 .imgCover .favIcon {
    padding: 10px 8px 10px 8px;
}

.imgCover .gameFooter input {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    border-style: none;
    cursor: pointer;
    padding: 0;
    max-height:41px;
}

.imgCover .gameFooter input.demo {
    border-radius: 0 0 0 10px;
    background: #E6F1FF1a 0% 0% no-repeat padding-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: #e6edf7b3;
    margin: 0px;
}

.imgCover .gameFooter input.play {
    background: #0074FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 10px 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: #E6EDF7;
    margin: 0px;
}

.button[data-field="real"] {
    color: #E6EDF7;
}

.button[data-field="demo"] {
    color: #E6EDF7;
}

body.desktop .row img.empty,
body.desktop .row img.full {
    height: 37px;
    cursor: pointer;
}

body.desktop .game-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #1D2129 0% 0% no-repeat padding-box;
    height: 141px;
    padding: 23px 25px;
}

@-webkit-keyframes playAnimation {
    0%   { width: 0px; }
    50%   { width: 84px; }
    75%   { width: 168px; }
    100% { width: 337px;}
}

@keyframes playAnimation {
    0%   { width: 0px; }
    50%   { width: 84px; }
    75%   { width: 168px; }
    100% { width: 337px;}
}

body.mobile [slider] > div > [inverse-left] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 6px 7px 0;
}

body.mobile [slider] > div > [inverse-right] {
    position: absolute;
    right: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 6px 7px 0;
}   

body.mobile [slider] > div > [range] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 14px;
    background-color: #00EBFF;
    margin-top: 6px;
}

body.mobile [slider] > div > [thumb] {
    position: absolute;
    top: -7px;
    z-index: 0;
    height: 33px;
    width: 33px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 40%);
    box-shadow: 0 3px 8px rgb(0 0 0 / 40%);
    background-color: #FFF;
    border-radius: 50%;
    outline: none;
    color: #23283326;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.mobile [slider] > div > [thumb]::before {
    content: "||";
}

.betatest .flex-row {
    width: 128px;
}

body.mobile .filterContainer {
    position: fixed;
    top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    max-width: 348px;
    background-color: #232833;
    max-height: 723px;
    -webkit-box-shadow: 0px 3px 6px #00000067;
    box-shadow: 0px 3px 6px #00000067;
    z-index: 99999;
    border-radius: 10px;
}

body.mobile .filterContainer .filterHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: sticky;
    padding: 13px 21px;
    width:348px;
    background-color: #333D52;
    z-index: 10;
    top: 0;
}

body.mobile .filterContainer .filterHeader>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.mobile .filterContainer .filterHeader img {
    width: 21px;
    margin-right: 9px;
}

body.mobile .filterContainer .filterHeader .clear {
    font-size: 14px;
    font-weight: bold;
    color: #e6f1ff4d;
    line-height: 18px;
    cursor: pointer;
}

body.mobile .filterContainer .filterHeader .filterTitle {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    line-height: 18px;
    color: #e6f1ffe6;
}

body.mobile .filterContainer .filterVolatility,
body.mobile .filterContainer .filterLines,
body.mobile .filterContainer .filterMaxBet,
body.mobile .filterContainer .filterMinBet {
    margin: 0 21px;
}

body.mobile .filterContainer .filterVolatility>div.volatilityList>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* margin: 0 0 11px 0; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* width: 115px; */
}

body.mobile .filterContainer .filterVolatility>div input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 38px;
    width: 140px;
    z-index: 999;
}

body.mobile .filterContainer .filterVolatility span.checkmark {
    /* position: unset;
    height: 20px;
    width: 20px; */
}

/* Create a custom checkbox */

body.mobile .filterContainer .filterVolatility span.checkmark {
    position: unset;
    /* top: 3px;
    left: 5px; */
    height: unset;
    width: unset;
    background-color: transparent;
    border-radius: 5px;
    border: 2px solid #e6f1ff99;
    min-width: 140px;
    color: #e6f1ffcc;
}

/* On mouse-over, add a grey background color */

body.mobile .filterContainer .filterVolatility:hover input~.checkmark {
    border-color: #e6f1ff;
}

/* When the checkbox is checked, add a blue background */

body.mobile .filterContainer .filterVolatility input:checked~.checkmark {
    background-color: transparent;
    border-color: #e6f1ff;
}

/* Create the checkmark/indicator (hidden when not checked) */

body.mobile .filterContainer .filterVolatility .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

body.mobile .filterContainer .filterVolatility input:checked~.checkmark:after {
    /* display: block; */
}

body.mobile .filterContainer .filterVolatility input:checked~.checkmark {
    background-color: #2196F3;
    border-color: #e6f1ff;
}
/* Style the checkmark/indicator */

body.mobile .filterContainer .filterVolatility .checkmark:after {
    /* width: 13px;
    height: 13px;
    background-color: #2196F3;
    border-radius: 3px;
    -webkit-transform: translate(11%,13%);
    -ms-transform: translate(11%,13%);
    transform: translate(11%,13%); */
}

body.mobile .filterContainer .filterVolatility>div .fill {
    width: 10px;
    height: 10px;
    background-color: #E6F1FF;
    border-radius: 50%;
}

body.mobile .filterContainer .filterVolatility>div .not-fill {
    width: 10px;
    height: 10px;
    background-color: var(--surface-overlay-30);
    border-radius: 50%;
}

body.mobile .filterContainer div span.rangeLabel {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #e6f1ffcc;
    margin: 25px 0 9px 0;
    text-align: left;
}

body.mobile .filterContainer div input {
    width: 100px;
    height: 30px;
    border: 1px solid #e6f1ff0d;
    border-radius: 5px;
    background: #e6f1ff0d 0% 0% no-repeat padding-box;
    margin: 0;
    text-align: end;
    padding: 0;
    color: #e6edf799;
}

body.mobile .filterContainer div input.value {
    padding-right: 22px;
    font-size: 14px;
    color: #e6edf799;
}

body.mobile .filterContainer div input.value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

body.mobile .filterContainer .filterFooter {
    width: 100%;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    position: sticky;
    bottom:0;
    z-index: 10;
}

body.mobile .filterContainer .filterFooter span.submit {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: #E6F1FF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 62px;
    width: 174px;
    background-color: #0074FA;
    border-radius: 0px 0px 10px 0px;
}

body.mobile .filterContainer .filterFooter span {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: var(--primary-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 62px;
    /* width: 174px; */
    width: 100%;
    background-color: #333D52;
    border-radius: 0px 0px 0px 10px;
    margin: 0;
}

.framedform[data-content="casino_filters"] .framedcontent {
    width: 348px;
    margin: 50px auto 20px;
    max-height: calc(100% - 121px);
}

.framedform[data-content="casino_filters"] .framedcontent .filterContainer {
    position: unset;
}

body.mobile .aCGames,
body.tablet .aCGames {
    border-radius: 10px;
    height: 50px;
    padding-left: 55px;
}

body.mobile .aCGames::-webkit-input-placeholder, body.tablet .aCGames::-webkit-input-placeholder {
    color: #e6edf780;
}

body.mobile .aCGames::-moz-placeholder, body.tablet .aCGames::-moz-placeholder {
    color: #e6edf780;
}

body.mobile .aCGames:-ms-input-placeholder, body.tablet .aCGames:-ms-input-placeholder {
    color: #e6edf780;
}

body.mobile .aCGames::-ms-input-placeholder, body.tablet .aCGames::-ms-input-placeholder {
    color: #e6edf780;
}

body.mobile .aCGames::placeholder,
body.tablet .aCGames::placeholder {
    color: #e6edf780;
}

body.desktop .aCGames::-webkit-input-placeholder {
    color: #e6edf780;
    font-size: 14px
}

body.desktop .aCGames::-moz-placeholder {
    color: #e6edf780;
    font-size: 14px
}

body.desktop .aCGames:-ms-input-placeholder {
    color: #e6edf780;
    font-size: 14px
}

body.desktop .aCGames::-ms-input-placeholder {
    color: #e6edf780;
    font-size: 14px
}

body.desktop .aCGames::placeholder {
    color: #e6edf780;
    font-size: 14px
}

body.tablet #casinoMenu {
    margin-top: -7px;
    margin-bottom: 25px;
    width:100%;
}

body.mobile i.search {
    position: absolute;
    left: 18px;
    margin: 0px;
    top:15px;
}

body.mobile span.twitter-typeahead {
    width:  100%;
    line-height: 50px;
    position: absolute !important;
}

body.tablet span.twitter-typeahead {
    width: 100%;
    line-height: 50px;
}

.framedform[data-content="casino"] .framedcontent .row.butt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    /* margin: 12px 12px;
    gap: 12px; */
}

body.desktop .framedform[data-content="casino"] .framedcontent .row.butt {
    /* margin: 0 12px; */
}

.framedform[data-content="casino"] .framedcontent .row.butt input {
    padding: 0;
    height: 60px;
    border-radius: unset;
}

.framedform[data-content="casino"] .framedcontent .row.butt .button[data-field="real"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    font-size: 18px;
    font-weight: 500;
    width: 50%;
    border-radius: 0px 0px 0px 0px !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.searchContainer {
    position: relative;
}

a.startLink {
    display: block;
}

.framedform[data-content="casino"] .framedcontent .exitIcon {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #e6f1ff80 0% 0% no-repeat padding-box;
    border-radius: 50%;
    cursor: pointer;
}

.framedform[data-content="casino"] .framedcontent .game-info {
    background: #232833 0% 0% no-repeat padding-box;
    padding: 25px 23px;
    height: 141px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.framedform[data-content="casino"] .framedcontent div[data-field="name"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 24px;
    font-size: 20px;
    color: #E4EDF8;
    padding: 9px 23px;
    background: #232833 0% 0% no-repeat padding-box;
}

body.mobile .pageContent .listTitle,
body.tablet .pageContent .listTitle {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #E6EDF7;
    line-height: 24px;
    margin-left: 6px;
}

body.mobile .pageContent .listHeader div,
body.tablet .pageContent .listHeader div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.providerGames .list,
.table-games .list,
.bingo .list,
.live-dealer .list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 108px;
    margin-top: 33px;
    gap:10px;
}

.providerGames .grid-layout {
    margin-left: 50px;
}

body.mobile .providerGames .grid-layout {
    margin-left: 0px;
}

body.tablet .providerGames .grid-layout {
    margin-left: 0px;
}

body.tablet .providerGames .list,
body.tablet .table-games .list,
body.tablet .bingo .list,
body.tablet .live-dealer .list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 0px;
    margin-top: 15px;
    width: auto;
}

body.mobile .providerGames .list,
body.mobile .table-games .list,
body.mobile .bingo .list,
body.mobile .live-dealer .list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 13px;
}

body.desktop .providerGames .list .flex-row,
body.desktop .providerGames .grid-layout .grid-item {
    width: 100%;
    height: 100%;
}

.providerGames .grid-layout .grid-item {
    width: 100%;
    height: 100%;
}

body.tablet .grid-item {
    width: 250px;
    height: 170px;
}

body.tablet .pageContent.changedGames .grid-item {
    width: unset;
    height: unset;
}

body.mobile .grid-item {
    width: 220px;
    height: 150px;
}

body.mobile .pageContent.changedGames .grid-item {
    width: unset;
    height: unset;
}

body.tablet .pageContent.provider .providerList img {
    height: 35px;
}

body.tablet [slider] {
    width: 300px;
    position: relative;
    height: 5px;
    margin: 13px 0 10px 0;
}

body.tablet [slider] > div > [inverse-left] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 6px 7px 0;
}

body.tablet [slider] > div > [inverse-right] {
    position: absolute;
    right: 0;
    height: 5px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 6px 7px 0;
}

body.tablet [slider] > div > [range] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 14px;
    background-color: #00EBFF;
    margin-top: 6px;
}

body.tablet [slider] > div > [thumb] {
    position: absolute;
    top: -7px;
    z-index: 0;
    height: 33px;
    width: 33px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 40%);
    box-shadow: 0 3px 8px rgb(0 0 0 / 40%);
    background-color: #FFF;
    border-radius: 50%;
    outline: none;
    color: #23283326;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.tablet [slider] > div > [thumb]::before {
    content: "||";
}

body.tablet .filterContainer {
    position: fixed;
    top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #232833;
    min-height: 723px;
    -webkit-box-shadow: 0px 3px 6px #00000067;
    box-shadow: 0px 3px 6px #00000067;
    z-index: 99999;
    border-radius: 10px;
}

body.tablet .filterContainer .filterHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 28px 40px 10px;
}

body.tablet .filterContainer .filterHeader>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.tablet .filterContainer .filterHeader img {
    width: 21px;
    margin-right: 9px;
}

body.tablet .filterContainer .filterHeader .clear {
    font-size: 14px;
    font-weight: bold;
    color: #e6f1ff4d;
    line-height: 18px;
    cursor: pointer;
}

body.tablet .filterContainer .filterHeader .filterTitle {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    line-height: 18px;
    color: #e6f1ffe6;
}

body.tablet .filterContainer .filterVolatility,
body.tablet .filterContainer .filterLines,
body.tablet .filterContainer .filterMaxBet,
body.tablet .filterContainer .filterMinBet {
    margin: 0 40px;
}

body.tablet .filterContainer .filterVolatility {
    margin: 40px 40px 0;
}

body.tablet .filterVolatility>div {
    text-align: left;
}

body.tablet .filterContainer .filterVolatility>div.volatilityList>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* margin: 0 0 11px 0; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* width: 115px; */
}

body.tablet .filterContainer .filterVolatility>div input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 38px;
    width: 140px;
    z-index: 999;
}

body.tablet .filterContainer .filterVolatility span.checkmark {
    position: unset;
    height: 20px;
    width: 20px;
}

.volatilityList {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px;
    height: 100px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    margin-top: 16px;
    height: auto;
    gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

body.tablet .volatilityList {
    /* height: 70px; */
}

/* Create a custom checkbox */

body.tablet .filterContainer .filterVolatility span.checkmark {
    position: unset;
    /* top: 3px;
    left: 5px; */
    height: unset;
    width: unset;
    background-color: transparent;
    border-radius: 5px;
    border: 2px solid #e6f1ff99;
    min-width: 136px;
    color: #e6f1ffcc;
}

/* On mouse-over, add a grey background color */

body.tablet .filterContainer .filterVolatility:hover input~.checkmark {
    border-color: #e6f1ff;
}

/* When the checkbox is checked, add a blue background */

body.tablet .filterContainer .filterVolatility input:checked~.checkmark {
    background-color: #2196F3;
    border-color: #e6f1ff;
}

/* Create the checkmark/indicator (hidden when not checked) */

body.tablet .filterContainer .filterVolatility .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

body.tablet .filterContainer .filterVolatility input:checked~.checkmark:after {
    /* display: block; */
}

/* Style the checkmark/indicator */

body.tablet .filterContainer .filterVolatility .checkmark:after {
    /* width: 13px;
    height: 13px;
    background-color: #2196F3;
    border-radius: 3px;
    -webkit-transform: translate(11%,13%);
    -ms-transform: translate(11%,13%);
    transform: translate(11%,13%); */
}

body.tablet .filterContainer .filterVolatility>div .fill {
    width: 10px;
    height: 10px;
    background-color: #E6F1FF;
    border-radius: 50%;
}

body.tablet .filterContainer .filterVolatility>div .not-fill {
    width: 10px;
    height: 10px;
    background-color: var(--surface-overlay-30);
    border-radius: 50%;
}

body.tablet .filterContainer div span.rangeLabel {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #e6f1ffcc;
    margin: 33px 0 12px 0;
    text-align: left;
}

body.tablet .filterContainer div input {
    width: 100px;
    height: 30px;
    border: 1px solid #e6f1ff0d;
    border-radius: 5px;
    background: #e6f1ff0d 0% 0% no-repeat padding-box;
    margin: 0;
    text-align: end;
    padding: 0;
    color: #e6edf799;
}

body.tablet .filterContainer div input.value {
    padding-right: 22px;
    font-size: 14px;
    color: #e6edf799;
}

body.tablet .filterContainer div input.value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

body.tablet .filterContainer .filterFooter {
    width: 100%;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 63px;
    position: absolute;
    bottom: 0;
}

body.tablet .filterContainer .filterFooter span.submit {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: var(--primary-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 62px;
    width: 50%;
    background-color: #0074FA;
    border-radius: 0px 0px 10px 0px;
}

body.tablet .filterContainer .filterFooter span {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: var(--primary-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 62px;
    /* width: 50%; */
    width: 100%;
    background-color: #e6f1ff0d;
    border-radius: 0px 0px 0px 10px;
    margin: 0;
}

body.desktop .listContent::-webkit-scrollbar,
.casinoButtonsMenu::-webkit-scrollbar {
    height: 0px;
    width: 0px;
}

.pageContent .live-dealer .flex-row .img {
    height: 198px;
    background-size: cover;
    background-position:center center;
}

body.mobile .pageContent .live-dealer .flex-row .img {
    /* height: 204px; */
    background-size: contain;
    background-position:center top;
}

.pageContent .table-games .flex-row .img {
    height: 208px;
    background-size: 173px 208px;
}

body.mobile .pageContent .table-games .flex-row .img {
    height: 150px;
    background-size: 170px 135px;
}

body.tablet .pageContent .live-dealer .flex-row .img {
    height: 208px;
    background-size: contain;
    background-position:center top;
}

.pageContent .bingo .flex-row .img {
    height: 200px;
    background-size: 289px 200px;
}

body.mobile .pageContent .bingo .flex-row .img {
    height: 138px;
    background-size: 170px 138px;
}

.framedcontent .flex-row {
    margin: 0px
}

body.desktop .dekList {
    overflow-y: visible;
    overflow-x: clip;
    padding: 0;
}

.dekList {
    overflow: auto;
    margin: 0;
    position: relative;
    scrollbar-width: none;
}

.framedform[data-content="freespins"] .framedcontent {
    width: 348px;
    height: 464px;
    overflow: visible;
}

body.desktop .framedform[data-content="freespins"] .framedcontent {
    width: 674px;
    height: 321px;
    overflow: visible;
    margin-top: 205px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

body.desktop .framedform[data-content="freespins"] .framedcontent .freespinsFooter .button.exit {
    background: #e6f1ff1a 0% 0% no-repeat padding-box;
    border-radius: 0;
}

body.desktop .framedform[data-content="freespins"] .framedcontent>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    background-color: var(--surface-surface);
}

.framedform[data-content="freespins"] .framedcontent .logoContent{
    height: 235px;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    -webkit-box-shadow: 0px 3px 6px #00000029;
        box-shadow: 0px 3px 6px #00000029;
    background: transparent -o-radial-gradient(50% 50%, closest-side, #00FFF5 0%, #3F56D6 100%) 0% 0% no-repeat padding-box;
    background: transparent radial-gradient(closest-side at 50% 50%, #00FFF5 0%, #3F56D6 100%) 0% 0% no-repeat padding-box;
    margin: 0;
}

.framedform[data-content="freespins"] .framedcontent .logoContent:after {
    display: block;
    content: '';
    width: 100%;
    height: 35px;
    background: transparent;
    background: -o-radial-gradient(closest-side at 5% 67%, #000000 0%, #0000005D 100%);
    background: transparent -o-radial-gradient(5% 67%, closest-side, #000000 0%, #0000005D 100%);
    background: transparent radial-gradient(closest-side at 5% 67%, #000000 0%, #0000005D 100%);
    -webkit-transform: translateY(-107px);
    -ms-transform: translateY(-107px);
    transform: translateY(-107px);
    -webkit-filter: blur(22px);
    filter: blur(22px);
}

body.desktop .framedform[data-content="freespins"] .framedcontent .logoContent:after {
    display: block;
    content: '';
    width: 100%;
    height: 35px;
    background: transparent;
    background: -o-radial-gradient(closest-side at 5% 67%, #000000 0%, #0000005D 100%);
    background: transparent -o-radial-gradient(5% 67%, closest-side, #000000 0%, #0000005D 100%);
    background: transparent radial-gradient(closest-side at 5% 67%, #000000 0%, #0000005D 100%);
    -webkit-transform: translateY(-107px);
    -ms-transform: translateY(-107px);
    transform: translateY(-31px);
    -webkit-filter: blur(22px);
    filter: blur(22px);
}

body.desktop .framedform[data-content="freespins"] .framedcontent .logoContent img {
    width: 267px;
    -webkit-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    transform: translateY(-18px);
}

.framedform[data-content="freespins"] .framedcontent .logoContent img {
    width: 286px;
    -webkit-transform: translateY(-71px);
    -ms-transform: translateY(-71px);
    transform: translateY(-71px);
}

body.desktop .framedform[data-content="freespins"] .framedcontent .freespinHeader{
    height: 62px;
    width: 354px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px 0 34px;
}

.framedform[data-content="freespins"] .framedcontent .freespinHeader{
    height: 62px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 26px;
}

.framedform[data-content="freespins"] .framedcontent .freespinHeader div {
    font-size: 20px;
    color: #e6edf7cc;
    line-height: 24px;
}

body.desktop .framedform[data-content="freespins"] .framedcontent .freespinHeader .lines {
    font-size: 14px;
    line-height: 18px;
}

.framedform[data-content="freespins"] .framedcontent .freespinHeader .lines {
    font-size: 10px;
    color: #e6edf780;
    margin: 2px 0px 0px 0px;
    line-height: 15px;
    text-align: left;
}

body.desktop .framedform[data-content="freespins"] .framedcontent .freespinsInfo {
    font-size: 16px;
    color: #e6edf780;
    padding: 0 23px 0 34px;
}

.framedform[data-content="freespins"] .framedcontent .freespinsInfo {
    width: 100%;
    height: 105px;
    font-size: 14px;
    color: #e6edf780;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    padding: 0 26px;
}

.framedform[data-content="freespins"] .framedcontent .freespinsFooter {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
    margin: var(--btn-margin);
}

.framedform[data-content="freespins"] .framedcontent .freespinsFooter .button {
    width: 50%;
    height: 100%;
    font-size: 16px;
    color: #e6edf7b3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.framedform[data-content="freespins"] .framedcontent .freespinsFooter .blue-white {
    color: #E6EDF7;
    border-radius: 0 0 10px 0;
}

body.desktop .providerList img {
    height: 50px;
}
body.desktop .providerList .CTINTERACTIVE02 img,
body.desktop .providerList .CT-INTERACTIVE img,
body.desktop .providerList .HOT-LUCK img {
    height: 35px;
}
body.desktop .providerList .CTINTERACTIVE02,
body.desktop .providerList .CT-INTERACTIVE,
body.desktop .providerList .HOT-LUCK {
    padding-top: 10px;
}

.pageContent .casino-title span {
    margin-left: 12px;
}

body.mobile #casinoMenu {
    width: 100%;
}

body .recommended {
    width: 1010px;
    height: 367px;
    margin: 0 auto;
}

body .listArrow .icon-arrow-left,body .listArrow .icon-arrow-right {
    color: #000000;
    font-weight: bold;
}

body .recommended .recContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.tablet .recommended {
    width:100%;
}

body.mobile .recommended {
    padding-top: 8px;
    margin: 0px;
    margin-bottom: 50px;
    width: 100%;
    overflow: hidden;
    height: auto;
}   

body.mobile .recommended span.listArrow {
    border-radius: 18px;
    width: 36px;
    height: 35px;
    -webkit-box-shadow: 3px 6px 12px #00000064;
    box-shadow: 3px 6px 12px #00000064;
    background: #e6f1ff33 0% 0% no-repeat padding-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 6px;
}

body.mobile .recommended span.listArrow [class^=icon-] {
    color: #00EBFF;
    font-weight: bold;
}

body.tablet .recommended .recContent {
    overflow: auto;
}

body .recommended .recList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.mobile .recommended .recList {
    width: 100%;
    padding-left: 0px;
}

body .recommended .recList p {
    font-size: 12px;
    color: #E6EDF7;
    margin: 15px 0 0 58px;
    line-height: 16px;
}

body .recommended .recList>div {
    width: 478px;
    height: 344px;
    margin-right: 34px;
    padding-top: 61px;
}

body.mobile .recommended .recList>div {
    width: 419px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

body.mobile .recommended .recList>div:nth-child(1) {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

body.mobile .recommended .recList>div:nth-child(2) {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

body.mobile .recommended .recList {
    -webkit-transform: translateX(-39px);
    -ms-transform: translateX(-39px);
    transform: translateX(-39px);
}

body .recommended .recList .gameImg {
    width: 100%;
    height: 198px;
    position: relative;
    margin: 55px 0 0 0;
}

body .recommended .recList .gameImg .gameCharacter {
    position: relative;
    margin-top: -56px;
    width: 170px;
    background-size: 182px 272px;
    height: 279px;
    -webkit-transform: translateY(-52px);
    -ms-transform: translateY(-52px);
    transform: translateY(-52px);
    background-repeat: no-repeat;
    z-index: 1;
}

body .recommended .recList .SWEET .gameImg .gameCharacter {
    background-size: 228px 250px;
    width: 195px;
}

body .recommended .recList .gameImg .gameInfo {
    width: 391px;
    height: 65px;
    margin-left: 87px;
    -webkit-transform: translateY(-316px);
    -ms-transform: translateY(-316px);
    transform: translateY(-316px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent -webkit-gradient(linear, left top, right top, from(#000000CC), to(#00000000)) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(left, #000000CC 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #000000CC 0%, #00000000 100%) 0% 0% no-repeat padding-box;
}

body .recommended .recList .gameImg .gameInfo .gameName {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body .recommended .recList .gameImg .gameInfo h3 {
    color: #00EBFF;
    font: normal normal 900 25px/29px Refrigerator-Deluxe;
    padding-left: 55px;
    margin: 0 0 3px 0;
}

body .recommended .recList .gameImg .gameInfo .gameName .volatility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 55px;
}

body .recommended .recList .gameImg .gameInfo .gameName .volatility span {
    font-size: 10px;
    color: #E6EDF7;
    margin-right: 9px;
}

body .recommended .recList .gameImg .gameInfo .buttonPlay {
    width: 80px;
    height: 38px;
    margin-left: 98px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: #00EBFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 3px 6px 10px #00000080;
    box-shadow: 3px 6px 10px #00000080;
}

body.mobile .recommended .recList .gameImg .gameInfo .buttonPlay {
    margin-left: 26px;
}

body .recommended .recList .gameImg .gameInfo .buttonPlay span {
    font-size: 16px;
    color: #15171D;
    cursor: pointer;
}

body .recommended .recList .gameImg .gameLogo {
    position: relative;
    width: 251px;
    height: 170px;
    -webkit-transform: translate(213px, -320px);
    -ms-transform: translate(213px, -320px);
    transform: translate(213px, -320px);
    border-radius: 10px;
    background-size: 251px 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.mobile .recommended .recList .gameImg .gameLogo {
    -webkit-transform: translate(154px, -320px);
    -ms-transform: translate(154px, -320px);
    transform: translate(154px, -320px);
}

body .recommended .recList .gameImg .gameLogo>div {
    width: 67px;
    height: 67px;
    -webkit-box-shadow: 3px 6px 10px #000000b2;
    box-shadow: 3px 6px 10px #000000b2;
    background: transparent -o-radial-gradient(50% 50%, closest-side, #001886cc 0%, #00136bcc 7%, #000d4acc 18%, #00082fcc 30%, #00041acc 43%, #00020bcc 57%, #000002cc 74%, #000000cc 100%) 0% 0% no-repeat padding-box;
    background: transparent radial-gradient(closest-side at 50% 50%, #001886cc 0%, #00136bcc 7%, #000d4acc 18%, #00082fcc 30%, #00041acc 43%, #00020bcc 57%, #000002cc 74%, #000000cc 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

body .recommended .recList .gameImg .gameLogo>div img {
    width: 68px;
    height: 82px;
}

.arrowBtnsWrapper {
    position: absolute;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 72px;
}

.arrowBtnsWrapper.specific, body.desktop .pageContent .seeAll.specific {
    bottom:6px;
}

body.mobile .filterContent {
    min-width: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    position: absolute;
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
    right: 14px;
    z-index: 2;
}

body.tablet .filterContent {
    min-width: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    position: absolute;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    right: 14px;
    bottom: 12px;
    z-index: 2;
}

body.mobile .filterContent .filter {
    vertical-align: middle;
    font-size: 23px;
    color: #00EBFF;
    margin: 0;
}

body.tablet .filterContent .filter {
    vertical-align: middle;
    font-size: 26px;
    color: #00EBFF;
    margin: 0;
}

body.tablet .framedform[data-content="casino_filters"] .framedcontent {
    width: 520px;
    margin: 50px auto 20px;
    max-height: 723px;
    border-radius: 20px;
}

body.desktop .pageContent .table-games .flex-row .img {
    height: 208px;
    background-size: 289px 208px;
}

.pageContent .list .gamePanel .newest {
    display: none;
}

body.mobile .grid-layout {
    gap: 16px;
    grid-gap: 16px;
}  

section:not(.custom-slick-slider, .arena) {
    width: calc(100% - (2 * var(--grid-margin-l-r)));
    margin: 0px auto 80px;
    position: relative;
}
section.arena {
    width: unset;
}

#casinoMenu span.twitter-typeahead .tt-input {
    padding-left: 84px;
    border-radius: 10px;
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 100%;
    color: var(--primary-text);
    border: none;
    cursor:pointer;
}
body .newJPDisplay{

display: flex;

flex-direction: row;
}
body.desktop .newJPDisplay > div{

display: flex;

flex: 1;

position: relative;
}
body.desktop .newJPDisplay[data-name="baby palms peru hot luck"],
body.desktop .newJPDisplay[data-name="Baby Palms Peru 2"] {
    display: -ms-grid;
    margin: 0;
    list-style: none;
    width: auto;
    min-width: 100%;
    max-width: 100%;
}

body.desktop section.pageContent.gameSlider[data-name="egt"] {
    padding-top: 110px;
    background-image: url(/images/casino/BckgrCards3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 150px;
    background-size: 1200px 365px;
}

body .pageContent .grid-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--grid-casino-columns);
    grid-template-columns: var(--grid-casino-columns);
    gap: var(--grid-gap-size);
    grid-gap: var(--grid-gap-size);
    list-style: none;
    width: 100%;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 1;
}

body.mobile .pageContent.changedGames .grid-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--grid-columns);
    grid-template-columns: var(--grid-columns);
    gap: var(--grid-gap-size);
    grid-gap: var(--grid-gap-size);
    list-style: none;
    width: calc(100% - (2 * var(--grid-margin-l-r)));
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 1;
    margin:auto;
}

body.tablet .pageContent.changedGames .grid-layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--grid-columns);
    grid-template-columns: var(--grid-columns);
    gap: var(--grid-gap-size);
    grid-gap: var(--grid-gap-size);
    list-style: none;
    width: calc(100% - (2 * var(--grid-margin-l-r)));
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 1;
    margin:auto;
}

body.tablet .pageContent .listContent .grid-layout.flexDisplay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px;
    gap: var(--grid-gap-size);
    list-style: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 1;
    padding-left: 34px;
}

body.tablet section.pageContent.gameSlider {
     width:unset;
}

@media screen and (min-width: 320px){

    body.mobile section.pageContent.gameSlider {
        width:unset;
    }

    body.mobile section.pageContent.gameSlider[data-name="egt"] {
        padding-top: 80px;
        background-image: url(/images/casino/Bckgr_Cards_S.png);
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        z-index: 2;
        height: 358px;
        background-size: 100% auto;
    }

    body.mobile section.pageContent.gameSlider.changedGames[data-name="egt"] {
        padding-top: 73px;
        background-image: url(/images/casino/Bckgr_Cards_S.png);
        background-position: center top;
        background-repeat: no-repeat;
        position: relative;
        z-index: 2;
        height: unset;
        background-size: 100% auto;
    }

    body.tablet section.pageContent.gameSlider[data-name="egt"] {
        padding-top: 90px;
        background-image: url(/images/casino/Bckgr_Cards_M.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center center;
        height: 300px;
    }

    body.tablet section.pageContent.gameSlider.changedGames[data-name="egt"] {
        padding-top: 90px;
        background-image: url(/images/casino/Bckgr_Cards_M.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center top;
        height: unset;
    }

    body .recommended .recList {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    body.desktop .recommended .recList {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body.mobile .pageContent .listContent .grid-layout.flexDisplay {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0px;
        gap: var(--grid-gap-size);
        list-style: none;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -webkit-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        z-index: 1;
        padding-left: 12px;
    }

    body .pageContent.fullGamesList .grid-layout.gamesCont .grid-item {
        width: 100%;
        height: 100%;
    }

    body.mobile .recommended .listHeader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0px;
    }

    body.tablet .recommended .listHeader {
        margin-bottom: 0px;
    }

    body.mobile section.recommended > div.listHeader > div:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 8px;
    }

    body.mobile #casinoMenu span.twitter-typeahead .tt-input {
        padding-left: 59px;
    }
}

@media screen and (min-width: 768px){
    body.desktop .newJPDisplay .jplevels>.jpValCont {
        left: 33px;
    }
    body.desktop .newJPDisplay > div {
        width: 600px;
    }

    body.tablet section.pageContent.gameSlider {
        width:unset;
    }

    body.tablet .pageContent .listContent .grid-layout.flexDisplay {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0px;
        gap: var(--grid-gap-size);
        list-style: none;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -webkit-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        z-index: 1;
        padding-left: 34px;
    }

    body.tablet #casinoMenu span.twitter-typeahead .tt-input {
        padding-left: 53px;
    }
}

@media screen and (min-width: 1280px) {
    body.desktop .newJPDisplay .jplevels>.jpValCont {
        left: 33px;
    }
    body.desktop .newJPDisplay > div {
        width: 600px;
    }

    body .recommended .recList {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body.desktop section.pageContent.gameSlider[data-name="egt"] {
        padding-top: 110px;
        background-image: url(/images/casino/BckgrCards4.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 150px;
        background-size: 800px 243px;
    }

    body.desktop .pageContent .grid-item .imgCover .favIcon,
    body.desktop .pageContent.gameSlider .grid-item.span-2 .imgCover .favIcon {
        padding: 0px 8px;
    }
}

@media screen and (min-width: 1680px) {
    body.desktop .pageContent .grid-item .imgCover .favIcon,
    body.desktop .pageContent.gameSlider .grid-item.span-2 .imgCover .favIcon {
        padding: 10px 8px;
    }

    body.desktop .pageContent .grid-item .imgCover .gameFooter {
        margin-top: 0px;
    }

    body.desktop section.pageContent.gameSlider[data-name="egt"] {
        padding-top: 110px;
        background-image: url(/images/casino/BckgrCards4.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 150px;
        background-size: 1000px 304px;
    }

    body.desktop .pageContent.provider .providerList {
        gap:40px;
    }
}

@media screen and (min-width: 1920px) {
    :root {
        --grid-margin: 0 auto;
        --max-width: 1680px;
    }

    section:not(.custom-slick-slider, .arena) {
        width: var(--max-width);
        margin: 0px auto 80px;
        position: relative;
    }
    section.arena {
        width: unset;
    }

    body.desktop section.pageContent.gameSlider[data-name="egt"] {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 163px;
        background-size: 1200px 365px;
    }

    body.desktop .pageContent .grid-item .imgCover .gameFooter {
        margin-top: 7px;
    }

    body.desktop .pageContent.provider .providerList {
        gap:50px;
    }
}

@media screen and (max-height: 755px) {
    body.desktop .filterContainer .filterVolatility,
    body.desktop .filterContainer .filterLines,
    body.desktop .filterContainer .filterMaxBet,
    body.desktop .filterContainer .filterMinBet {
        margin: 0 14px;
    }
}

.gamesCont {
    position: relative;
    font-size: 0px;
}

body.nonie .grid-layout .jpOverlay {
    position: absolute;
    width: 60px;
    height: 60px;
    top: unset;
    left: unset;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 3;
    border-radius: 5px;
}

.grid-item>div.gamePanel>.img {
    position: absolute;
    text-align: center;
    background-color: #1C2029;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    background-position: center center;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 12px;
}

body.nonie .grid-item {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

body.mobile .providerList a img {
    height: 25px;
}

.span-2 {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    width: 100%;
    height: 100%;
}

.span-2 .gamePanel .imgCover {
    height: 100%;
}

.grid-item.span-2 .gamePanel .imgCover .gameStatsContent {
    padding-bottom: 12px;
    -webkit-box-flex:2;
    -ms-flex-positive:2;
    flex-grow:2;
}

.grid-item>div.imgCover>.favIcon {
    position: absolute;
    left: -10px;
    bottom: -10px;
    opacity: 0;
    z-index: 5;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.grid-item>div.imgCover>.favIcon.on {
    opacity: 1;
}

.grid-item>div.imgCover>.favIcon.on>i.ic-heart {
    background-image: url(/images/favorite-full.png);
}

body.nonie .grid-layout.empty {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
}

body.nonie .grid-layout.empty>h2 {
    color: var(--primary-white);
    font-size: 16px;
    width: 100%;
    text-align: center;
}

body.ie .grid-item {
    position: relative;
    display: inline-block;
    padding: 8px;
    min-height: 165px;
}

body.ie .grid-item>div.gamePanel {
    min-height: 165px;
}

body.nonie .grid-item.span-2 {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
}

body.tablet .grid-item.span-2 {
    width:250px;
}

.grid-item {
    font-size: 14px;
    position: relative;
    cursor: pointer;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 12px;
}

.grid-item.square::before {
    content: "";
    padding-bottom: 100%;
    display: inline-block;
    vertical-align: top;
}


.grid-item[data-provider="CTINTERACTIVE02"] .jpOverlayPanel,
.grid-item[data-provider="CT-INTERACTIVE"] .jpOverlayPanel {
    height: 30px;
    width: 100%;
    background-color: #061723;
    position: absolute;
    border-radius: 5px;
    top: 50px;
    -webkit-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    display: none;
}

.grid-item[data-provider="CTINTERACTIVE02"] .jpOverlayPanel>img,
.grid-item[data-provider="CT-INTERACTIVE"] .jpOverlayPanel>img {
    position: absolute;
    left: 50%;
    top: -13px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.grid-item[data-provider="hot-luck"] .jpOverlay {
    background-image: url(/images/casino/Hot_luck_big180x180.png);
}
.grid-item[data-provider="CTINTERACTIVE02"] .jpOverlay,
.grid-item[data-provider="CT-INTERACTIVE"] .jpOverlay {
    background-image: url(/images/casino/ct_int_jackpot_big180x180_03d.png);
}

body.nonie .grid-layout .span-2 .jpOverlay {
    width: 100px;
    height: 100px;
    background-size: 100px 100px;
}

html[lang="en"] .grid-item[data-provider="ISOFTBET"] .jpOverlay {
    background-image: url(/images/Tape_Tournament_EN.png);
    left: -5px;
    top: -5px;
    display: none;
}

.grid-item>div.gamePanel>.reaCover {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 0%;
    bottom: 0;
    left: 0;
    border-radius: 12px;
}

.grid-item>div.gamePanel>a {
    opacity: 0;
    display: none;
    position: absolute;
    z-index: 3;
    font-size: 14px;
}

body.nonie .grid-item.span-2>div>a {
    font-size: 20px;
}

.grid-item>div.imgCover>a.Fun {
    left: 75%;
    padding: 20px;
}

.grid-item>div.gamePanel .reaCover>a.Real {
    position: absolute;
    left: 50%;
    top: 30%;
    padding: 2px;
    color: #050707;
    border-radius: 18px;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.grid-item>div.imgCover>a.Fun {
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 5px;
    left: auto;
    padding: 4px 12px;
    border: 1px solid #a3acbb7a;
    color: #a3acbb;
    border-radius: 18px;
    font-weight: bold;
    overflow: hidden;
}

.grid-item>div.gamePanel>.reaCover>a.Real>div {
    padding: 6px 2px;
    border-radius: 16px;
    background: var(--primary-text) 0% 0% no-repeat padding-box;
    border: 1px solid var(--sub-surf);
    background: #00EBFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 0px 6px #00ebffd3;
    box-shadow: 0px 0px 6px #00ebffd3;
    border: 1px solid #232833;
    opacity: 1;
    width: 70px;
}

.grid-item>div.gamePanel>a>div {
    height: 50px;
    line-height: 60px;
    text-transform: capitalize;
    padding: 0 15px;
}

.grid-item.span-2>div>img {
    width: 100%;
}

.grid-item>div.imgCover>a.infoBtn {
    position: absolute;
    top: 0;
    right: auto;
    left: 0px;
    color: #a3acbb;
    font-weight: bold;
    text-transform: lowercase;
    padding: 5px;
    font-size: 12px;
    display: none;
}

.grid-item>div.imgCover>a.infoBtn>div {
    text-transform: lowercase;
    border: 1px solid #a3acbb7a;
    border-radius: 50%;
    height: auto;
    line-height: 18px;
    text-align: center;
    width: 20px;
    height: 20px;
    padding: 0;
}

body .grid-item.span-2[data-provider="SPRIBE"]:nth-child(1) {
    border: none;
}

.tag, div.new { 
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/images/casino/lenta-new.png);
    width: 60px;
    height: 60px;
    z-index: 1;
}

.tag,.span-2 div.new { 
    background-image: url(/images/casino/Lenta_NEW_240x240.png);
    background-size: 120px 120px;
    width: 120px;
    height: 120px;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
}

/* Range Slider Styles */
.rangeSlider {
    width: 100%;
    margin: 16px auto;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
}

.rangeSlider > .rangeLabel {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
}

.rangeSlider > .rangeValueContainer {
    width: 50%;
    display:inline-block;
    font-size: 20px;
}

.rangeSlider > .rangeValueContainer[data-holder="start"] {
    text-align: left;
}

.rangeSlider > .rangeValueContainer[data-holder="end"] {
    text-align: right;
}

.rangeSlider > .rangeValueContainer > .value {
    text-align: center;
    width: 100%;
    max-width: 120px;
    height: 30px;
    display: inherit;
    line-height: 29px;
    border-radius: 5px;
    background-color: silver;
    background: #e6f1ff0d 0% 0% no-repeat padding-box;
    margin-bottom: 20px;
    color: #e6edf799;
    font-weight: 600;
    font-size: 18px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.rangeSlider > .rangeLine {
    width: 100%;
    height: 6px;
    background-color: #CCC;
    border-radius: 3px;
    position: relative;
    z-index: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.rangeSlider > .rangeLineActive {
    bottom: 0;
    height: 6px;
    background-color: #00EBFF;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
}

.rangeSlider > .rangeDot {
    width: 20px;
    height: 20px;
    bottom: 3px;
    background-color: #FFF;
    border-radius: 13px;
    position: absolute;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 3;
    cursor: pointer;
}

.rangeSlider > .rangeValue {
    display: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-size: 10px;
    z-index: 2;
    bottom: -25px;
}   

.rangeSlider > .rangeValue::before {
    content: "";
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -15px;
    width: 1px;
    height: 15px;
    background: #000000;
}

.rangeSlider > .rangeValue:first-child::before {
    content: "";
    display: none;
}

body.desktop .filterContainer .filterVolatility>div.volatilityList>div:nth-child(1) {
    /* margin-right: 55px; */
}

body .pageContent .listContent {
    position: relative;
}

#non-desktopGames {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
}

body.desktop .pageContent.live-dealer .providerImages {
    height: 50px;
    margin-left: 108px;
    margin-top: 15px;
}

body.tablet .pageContent.live-dealer .providerImages {
    height: 35px;
    display: block;
    margin-top: 10px;
}

body.mobile .pageContent.live-dealer .providerImages {
    display: block;
    height: 25px;
    margin-top: 10px;
}

body .providerList a.WAZDAN img {
    height: 59px;
    transform: translate(-10px, -15px);
}

.desktop .providerList a.WAZDAN img {
    height: 90px;
}

li.tornament{
    display: none !important;
}


.iframe-game{
    width: 100%;
    height: 100vh;
    top: -103px;
    z-index: 999999;
    overflow-y: scroll;
    position: relative;
}

.box-iframe-game{
    display: flex !important;
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 9999999999;
}

.box-iframe-game>span:nth-child(1){
    position: fixed;
    top: 20px;
    z-index: 9999999999999;
    right: 20px;
}

.loading-game{
    position: fixed;
    background: #000000a8;
    width: 100%;
    height: 100vh;
    z-index: 99999999999999999999;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

.pageContent.gameSlider[data-name="hot-luck"],.pageContent.gameSlider[data-name="CT-INTERACTIVE"]{
    margin-bottom: -14px;
}

.pageContent.gameSlider[data-name="hot-luck"]{
    margin-top: -56px;
}

body.desktop .newJPDisplay > div {
    /*margin-left: -32%;
    max-width: 66%;*/
}

.infoW{
    z-index: 9999999 !important;
}


body.desktop .newJPDisplay[data-name="baby palms peru hot luck"], body.desktop .newJPDisplay[data-name="Baby Palms Peru 2"]{
    display: flex;
}

body .newJPDisplay>.jpHeader{
    max-width: 26%;
}

body.desktop .newJPDisplay > div{
    display: flex;
    width: 80%;
}

body.desktop .newJPDisplay > div >div{
    width: 33% !important;
}

.providerList a>img{
    width: 40px;
    object-fit: contain;
}

@media(min-width:1900px){
    body .newJPDisplay>.jpHeader {
        max-width: 22%;
    }
}

@media(max-width:1490px){
    body .newJPDisplay>.jpHeader {
        max-width: 30%;
    }
}

@media(max-width:1180px){
    body .newJPDisplay>.jpHeader {
        max-width: 34%;
    }
}

@media(max-width:1028px){
    body .newJPDisplay>.jpHeader {
        max-width: 38%;
    }
}

@media(max-width:600px){
    .iframe-game {
        top: -58px;
    }

    .pageContent.gameSlider[data-name="hot-luck"] {
        margin-top: -52px !important;
        margin-bottom: -44px;
    }

    body.mobile .pageContent.provider .providerList{
        margin-top: 15px;
        padding-right: 26px;
    }

    .infoW{
        z-index: 999999999 !important;
    }

    body.mobile .newJPDisplay {
        z-index: inherit !important;
    }

    .pageContent.gameSlider[data-name="hot-luck"]{
        z-index: 9;
    } 
    .pageContent.gameSlider[data-name="CT-INTERACTIVE"]{
        z-index: 8;
    }

    .newJPDisplay>.jpHeader{
            background-position: left center !important;
    }
    
}