.rightBtn.scrollX {
    position: fixed;
    bottom: 150px
}

.rightBtn {
    position: absolute;
    top: 150px;
    right: 0;
    z-index: 50
}

.customerServ {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 400px;
    background-color: rgb(0 0 0 / .3)
}

.customerServ div:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.customerServ>ul {
    display: flex;
    flex-direction: column;
    height: 100%
}

.Sevli {
    position: relative;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    line-height: 1em;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.icon_rTG,.icon_rLiveService,.icon_rCallBack,.icon_rComputerHelp,.icon_rComplaint,.icon_rViber {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_indexImg.png) no-repeat;
    width: 40px;
    height: 40px;
    margin: 0 auto 2px
}

.icon_rLiveService {
    background-position: -2px -744px
}

.icon_rTG {
    background-position: -251px -746px
}

.icon_rViber {
    background-position: -201px -746px
}

.icon_rCallBack {
    background-position: -51px -745px
}

.icon_rComputerHelp {
    background-position: -101px -746px
}

.icon_rComplaint {
    background-position: -151px -746px
}

.customerServDiv {
    position: absolute;
    right: 100px;
    background-color: rgb(255 255 255 / .7);
    top: 0;
    width: 170px;
    display: none;
    text-align: center
}

.Sevli .txt_maintain {
    width: 270%;
    left: -270%
}

.txt_maintain {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 101;
    display: none
}

.Sevli .txt_maintain p {
    right: 8px;
    white-space: normal
}

.Sevli:not(.off):hover {
    background-color: rgb(255 255 255 / .3)
}

.Sevli+.Sevli:after {
    content: "";
    width: 76px;
    height: 1px;
    background-color: rgb(255 255 255 / .3);
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    margin: auto
}

.txt_maintain p {
    position: absolute;
    background-color: #f90;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / .3);
    margin: 0;
    line-height: 22px;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    white-space: nowrap
}

.custom-homepage-title {
    animation: Color 4s linear infinite;
    -webkit-animation: Color 4s ease-in-out infinite;
    text-align: center
}

@keyframes Color {
    0% {
        color: #a0d468
    }

    20% {
        color: #4fc1e9
    }

    40% {
        color: #ffce54
    }

    60% {
        color: #fc6e51
    }

    80% {
        color: #ed5565
    }

    100% {
        color: #ac92ec
    }
}

.footer-1 .widget-title {
    color: #fff;
    font-size: 13px;
    font-family: Arial,Microsoft JhengHei,Helvetica,sans-serif
}

.footer-1 .textwidget,.footer-1 .textwidget a {
    color: #ccc;
    font-size: 13px;
    font-family: Arial,Microsoft JhengHei,Helvetica,sans-serif
}

.footer-1 .widget .is-divider {
    background-color: #ccc;
    display: block;
    height: 1px;
    margin: 5px 0 10px 0;
    max-width: 100%;
    width: 100%
}

.footer-list-brand {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_indexImg.png) no-repeat left -858px;
    width: 1000px;
    margin: 0 auto;
    height: 45px
}

.transMsg {
    margin-top: 15%;
    height: 100%
}

.transMsg img {
    margin: 0 auto;
    width: 20%;
    display: block
}

.transMsg span {
    display: table;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    vertical-align: middle;
    font-size: 20px;
    line-height: 30px
}

.homepage-list-game-mobile-only {
    display: none
}

.GameList .swiper-wrapper {
    height: auto!important
}

.GameList {
    display: flex;
    width: 100%;
    padding: 0 8px;
    height: calc(100vh - 200px)
}

.GameList .GameList_L,.GameList .GameList_R {
    padding-top: 8px
}

.GameList .GameList_L {
    transform: initial !important;
}

.GameList_L {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    padding-right: 2%;
    flex: 19%
}

.GameList_L [class*="btn_GL"].on {
    border: 1px solid #3281d0
}

.GameList_RBox>.swiper-wrapper {
    flex-direction: column
}

.btn_GL {
    height: calc((100% - 70px) / 8);
    min-height: 48px;
    width: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1px;
    background-color: #e7f1fb;
    margin-bottom: 8px
}

.btn-GL-title {
    margin: .2vh 0 0;
    font-size: 11px;
    text-align: center;
    color: #535867;
    line-height: 1em;
    font-weight: 700
}

.GameList_L [class*="ic_GL"] {
    min-height: 18px;
    min-width: 18px;
    width: 3vh;
    height: 3vh
}

.ic_GLhot {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_hot-.svg) no-repeat;
    background-size: 100% auto
}

.ic_GLlive {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_live.svg) no-repeat;
    background-size: 75% auto
}

.ic_GLloto {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_loto.svg) no-repeat;
    background-size: 75% auto
}

.ic_GLsport {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_sport.svg) no-repeat;
    background-size: 75% auto
}

.ic_GLslot {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_slot.svg) no-repeat;
    background-size: 75% auto
}

.ic_GLchess {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_chess.svg) no-repeat;
    background-size: 75% auto
}

.ic_GLfish {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_fish.svg) no-repeat;
    background-size: 75% auto
}

.ic_GLesport {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_esport.svg) no-repeat;
    background-size: 75% auto
}

.GameList_RBox {
    flex: 82%
}

.GameList_R {
    height: 408px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between
}

.GameList_R [class*="btn_GLhot"] {
    height: calc(35% - 10px)
}

.GameList_R [class*="btn_GL"],.boxGL {
    width: calc(50% - 4px)
}

.GameList_R [class*="btn_GL"] {
    border-radius: 10px;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat
}

.btn_GLhotLive {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_liveHotBG.png);
    background-size: cover
}

[class*="btn_GL"] {
    margin-bottom: 8px
}

.t_GL {
    margin: 10px 15px
}

.btn_GLhotCool .t_GL {
    display: flex;
    align-items: flex-start;
    text-align: center;
    flex-direction: column
}

.GameList_R [class*="btn_GLhot"] .img_GL:after {
    background-size: 100% auto
}

.GameList_R .img_GL {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    border-radius: 10px
}

.GameList_R .img_GL::after {
    content: "";
    background-position: 1em -1px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto
}

.btn_GLhotLive .GL_jackpot {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_superGold.svg);
    background-size: cover;
    width: 47px;
    height: 42px;
    position: absolute;
    top: 10px;
    right: 1px;
    z-index: 2
}

.GameList_R .btn_GLhotLive .img_GL::after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotLive.png)!important
}

.GameList_R .btn_GLhotLoto .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotLoto.webp)!important
}

.GameList_R [class*="btn_GLhot"] .img_GL:after {
    width: 148px;
    height: 100px
}

.btn_GLhotLoto {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_lotoHotBG.png);
    background-size: cover
}

.GameList_R_title {
    font-size: 1em;
    color: #535867;
    line-height: 1em;
    margin: 0;
    position: relative;
    z-index: 1;
    font-weight: 700
}

.GameList_R .t_GL img {
    height: 47px;
    margin-top: -3px;
    width: auto;
    display: block;
    position: relative;
    z-index: 1
}

.btn_GLhotLoto .img_GL:after,.btn_GLhotLive .img_GL:after {
    height: 100%;
    background-position-y: bottom
}

.logo_CAO {
    display: flex;
    width: calc(47px + 0.5vw);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.GameList_R .logo_CAO .tb-spanish {
    height: 28px;
    margin-top: -10px
}

.btn_GLhotSport {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_sportHotBG.png);
    background-size: cover
}

.GameList_R [class*="btn_GLhot"] .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotOT.webp)
}

.btn_GLhotSlot {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_slotHotBG.png);
    background-size: cover
}

.btn_GLhotSlot .img_GL:after {
    background-position-y: 22%
}

.btn_GLhotCool {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotBG.png);
    background-size: cover
}

.GameList_R .btn_GLhotCool .t_GL img {
    margin-top: 2px;
    height: 20px
}

.aniTxt {
    margin-top: 4px;
    position: relative;
    z-index: 1
}

.aniTxt:before {
    content: "";
    border: 2px solid #d9b442;
    background-color: #000;
    box-sizing: border-box;
    border-radius: 100px;
    width: 52px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7;
    z-index: -1
}

.aniTxt:after {
    width: 62px;
    height: 24px;
    content: "";
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_CI.svg) no-repeat left top;
    animation: aniCI 3s step-end infinite;
    -webkit-animation: aniCI 3s step-end infinite;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.btn_GLhotCool .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotOT_CI.webp)!important;
    animation: aniCI 3s step-end infinite;
    -webkit-animation: aniCI 3s step-end infinite
}

.btn_GLhotCool,.boxGL {
    height: calc(30% - 10px)!important;
    min-height: 93px!important
}

.btn_GLhotStudio,.btn_GLhotCAO {
    background: linear-gradient(135deg,#e3ebff 0%,#daddfe 50%,#ccbef7 100%);
    height: calc(50% - 4px)!important;
    width: 100%!important
}

.boxGL .t_GL .GameList_R_title {
    min-width: 81px
}

.boxGL .t_GL {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    text-align: center;
    height: 100%
}

.GameList_R .boxGL .t_GL img {
    max-height: 60%;
    height: 9vw;
    margin: auto
}

.btn_GLlotoKU,.btn_GLlotoBBIN {
    background: #b2d2ed
}

.GL_hot,.GL_new {
    width: 52px;
    height: 52px;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.GL_hot {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_hot.png)
}

.GL_new {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_new.png)
}

.btn_GLlotoKU {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_lotoKUBG.png);
    background-size: 100% 100%
}

.glr-loto .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_lotoOT.png);
    background-size: 100% auto
}

.glr-loto .img_GL:after,.glr-chess .img_GL:after {
    width: 55.7vw;
    height: 100%;
    max-height: 54vw
}

.btn_GLlotoBBIN .img_GL:after {
    background-position-y: 50%
}

.glr-loto .btn_GLlotoKU .img_GL:after {
    background-position: 0 0;
    height: 225px;
    width: 230px
}

.glr-loto .btn_GLlotoBBIN .img_GL:after {
    background-position: 0 -208px;
    height: 199px;
    width: 208px
}

.GameList_R.cls-title-center .t_GL {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 0 0;
    width: 35%
}

.GameList .GameList_R .w100 {
    width: 100%;
    display: flex;
    align-items: center
}

[class*="btn_GL"].on [class*="ic_GL"] {
    position: relative;
    background: none
}

[class*="btn_GL"].on [class*="ic_GL"]:before {
    display: block;
    content: "";
    width: 3.8vh;
    height: 3.8vh;
    margin: auto;
    position: absolute;
    left: calc(50% - 1.9vh);
    z-index: 2;
    animation: aniGame 0.8s ease-out infinite;
    -webkit-animation: aniGame 0.8s ease-out infinite
}

[class*="btn_GL"].on .ic_GLslot:before {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_slot_on.png);
    background-size: 100% auto;
    width: 5vh;
    height: 3.5vh;
    left: -35%
}

[class*="btn_GL"].on [class*="ic_GL"]:after {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/ic_GLshadow.png) no-repeat center;
    background-size: 100% auto;
    display: block;
    content: "";
    width: 4vh;
    height: 4vh;
    margin: auto;
    position: absolute;
    left: calc(50% - 2vh);
    bottom: -2vh;
    z-index: 2;
    animation: aniShadow 0.8s ease-out infinite;
    -webkit-animation: aniShadow 0.8s ease-out infinite
}

[class*="btn_GL"].on .ic_GLhot:before {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_hot_on.svg);
    background-size: 100% auto
}

[class*="btn_GL"].on .ic_GLlive:before {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_live_on.svg);
    background-size: 100% auto
}

[class*="btn_GL"].on .ic_GLloto:before {
    background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_loto_on.png);
    background-size: 100% auto
}

[class*="btn_GL"].on .ic_GLsport:before {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_sport_on.png);
    background-size: 100% auto
}

.glr-common .t_GL {
    display: flex;
    flex-direction: column;
    align-items: center
}

.glr-common .img_GL:after {
    height: 100%
}

.w50-all .t_GL {
    width: 40%
}

.w50-all .img_GL:after {
    width: 20vh;
    height: 15.5vh;
    max-height: 105px;
    max-width: 200px
}

.btn_GLliveKU:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_liveKUBG.png);
    background-size: 100% auto;
    content: ""
}

.w50-all .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_liveOT.webp);
    background-size: 100% auto
}

.btn_GLliveDG .img_GL:after {
    background-position-y: 33%
}

.btn_GLliveAES .img_GL:after {
    background-position-y: 44%
}

.btn_GLliveEVO .img_GL:after {
    background-position-y: 11%
}

.btn_GLliveWM .img_GL:after {
    background-position-y: 66%
}

.btn_GLliveAG .img_GL:after {
    background-position-y: 22%
}

.btn_GLliveSA .img_GL:after {
    background-position-y: 77%
}

.btn_GLliveGPI .img_GL:after {
    background-position-y: 88%
}

.btn_GLliveXG .img_GL:after {
    background-position-y: 55%
}

.btn_GLliveOB .img_GL:after {
    background-position-y: 99%
}

.glr-common [class*="btn_GL"] {
    background: linear-gradient(to bottom,#b2d2ed 0%,#d1e6f6 100%)
}

.glr-sports .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_sportOT.webp);
    background-size: 100% auto
}

.glr-sports .img_GL:after,.glr-fish .img_GL:after {
    width: 22vh;
    height: 15vh;
    max-height: 105px;
    max-width: 200px
}

.btn_GLsportKU .logo_CAO {
    width: calc(100px + 0.5vw)
}

.btn_GLsportKU .img_GL:after,.btn_GLfish3D .img_GL:after {
    right: 20%
}

.btn_GLsportJZ .img_GL:after {
    background-position-y: 11%
}

.btn_GLsportSB .img_GL:after {
    background-position-y: 33%
}

.btn_GLsportCMD .img_GL:after {
    background-position-y: 55%
}

.btn_GLsportAI .img_GL:after {
    background-position-y: 66%
}

.btn_GLsportAG .img_GL:after {
    background-position-y: 44%
}

.btn_GLsportOB .img_GL:after {
    background-position-y: 88%
}

.glr-sports .t_GL,.glr-games .t_GL {
    width: 30%;
    margin-top: 15px
}

.glr-live-casino [class*="btn_GL"],.glr-games [class*="btn_GL"] {
    height: calc((100% - 40px) / 5)
}

.glr-games .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_slotOT.webp);
    background-size: 100% auto;
    height: 15.5vh;
    width: 22vh;
    max-height: 105px;
    max-width: 200px
}

.btn_GLslot3D .img_GL:after {
    background-position-y: 66%
}

.btn_GLslotPG .img_GL:after {
    background-position-y: 12%
}

.btn_GLslotFC .img_GL:after {
    background-position-y: 99%
}

.btn_GLslotBNG .img_GL:after {
    background-position-y: 23%
}

.btn_GLslotCQ9 .img_GL:after {
    background-position-y: 33%
}

.btn_GLslotDS .img_GL:after {
    background-position-y: 44%
}

.btn_GLslotPLS .img_GL:after {
    background-position-y: 88%
}

.btn_GLslotKA .img_GL:after {
    background-position-y: 55%
}

.btn_GLslotRK5 .img_GL:after {
    background-position-y: 77%
}

.btn_GLslot3D .img_GL:after,.btn_GLslotFC .img_GL:after {
    background-position-x: .1em
}

[class*="btn_GL"].on .ic_GLchess:before {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_chess_on.png);
    background-size: 100% auto
}

[class*="btn_GL"].on .ic_GLfish:before {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_fish_on.png);
    background-size: 100% auto
}

[class*="btn_GL"].on .ic_GLesport:before {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_esport_on.png);
    background-size: 100% auto
}

.glr-chess .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_chessOT.webp);
    background-size: 100% auto
}

.GameList_R [class*="btn_GLchess"] .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_chessOT.png);
    background-size: 100% auto
}

.glr-chess .img_GL:after,.btn_GLfish3D .img_GL:after {
    background-position-x: right
}

.GameList_R [class*="btn_GLchess"].btn_GLchess3D .img_GL:after {
    background-position: 0 0;
    height: 225px;
    width: 230px
}

.GameList_R [class*="btn_GLchess"].btn_GLchessV8 .img_GL:after {
    background-position: 0 -225px;
    height: 225px;
    width: 230px
}

.btn_GLchessV8 .img_GL:after {
    background-position-y: 50%
}

.glr-fish .t_GL {
    width: 30%
}

.glr-fish .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_fishOT.webp);
    background-size: 100% auto
}

.glr-esports .t_GL {
    width: 40%
}

.glr-esports .img_GL:after {
    background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_esportsOT.webp);
    background-size: 100% auto;
    width: 55vw
}

.btn_GLesportSB .img_GL:after {
    background-position-y: 88%
}

.btn_GLesportOB .img_GL:after {
    background-position-y: 44%
}

.glr-esports .btn_GLesportIM .img_GL:after {
    background-position: 0 0;
    height: 160px;
    width: 164px
}

.glr-esports .btn_GLesportSB .img_GL:after {
    background-position: 0 -160px;
    height: 160px;
    width: 164px
}

.glr-esports .btn_GLesportOB .img_GL:after {
    background-position: 0 -320px;
    height: 160px;
    width: 164px
}

.btn_GLfishDS .img_GL:after {
    background-position-y: 33%
}

.btn_GLfishAG .img_GL:after {
    background-position-y: 22%
}

.btn_GLfishKA .img_GL:after {
    background-position-y: 55%
}

.btn_GLfishKS .img_GL:after {
    background-position-y: 11%
}

.btn_GLfishCQ9 .img_GL:after {
    background-position-y: 77%
}

.btn_GLfishV8 .img_GL:after {
    background-position-y: 88%
}

@media (max-width: 768px) {
    body {
        margin-bottom:60px!important
    }

    .homepage-list-game-mobile-only {
        display: block
    }

    .mobile-hidden {
        display: none
    }

    .header-topbar-registration a {
        text-decoration: none;
        cursor: pointer;
        font-size: 14px;
        padding: 0 8px 0 26px;
        background-position: 6px center;
        background-repeat: no-repeat;
        display: flex;
        align-self: center;
        justify-content: center;
        border-radius: 100px;
        color: #fff;
        line-height: 23px;
        background-size: 15px auto;
        margin-right: 2vw;
        height: unset!important
    }

    .header-topbar-register a {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/btn_join.svg);
        background-color: #ffa84d
    }

    .header-topbar-login a {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/btn_login.svg);
        background-color: #399fda
    }

    .footer-menu-custom {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #e1e1e2;
        height: 42px;
        z-index: 3
    }

    .footer_list {
        position: relative
    }

    .footer_list {
        float: left;
        text-decoration: none;
        width: 20%;
        height: 100%;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
        position: relative;
        z-index: 1;
        background-color: #fff
    }

    .footer_list span {
        padding: 0;
        margin: 0;
        color: #000;
        font-size: .65em;
        line-height: 8px;
        font-weight: 400;
        display: block
    }

    .footer_list:before {
        content: "";
        display: block;
        margin: 0 auto;
        width: 20px;
        height: 20px;
        margin-bottom: 3px
    }

    .btn_footer_serv:before {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_footer_service.svg) no-repeat top;
        background-size: 100% auto
    }

    .btn_footer_gift:before {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_footer_gift.png) no-repeat center;
        background-size: auto 100%;
        height: 41px;
        width: 64px;
        margin-top: -13px;
        margin-bottom: -5px
    }

    .btn_footer_DW:before {
        background: #fff0
    }

    .btn_footer_DW:after {
        content: "";
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 23px;
        margin: auto;
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_footer_DW.svg) no-repeat top;
        background-size: 100% 200%
    }

    .btn_footer_tradeRec:before {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_footer_tradeRec.svg) no-repeat top;
        background-size: 100% auto
    }

    .btn_footer_menu:before {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_footer_member.svg) no-repeat top;
        background-size: 100% auto
    }
}

@media (min-width: 350px) {
    .footer_list {
        padding-top:6px
    }

    .footer_list:before {
        width: 22px;
        height: 22px
    }

    .btn_footer_DW:after {
        width: 39px;
        height: 39px;
        bottom: 14px
    }

    .btn_footer_gift:before {
        height: 46px;
        width: 72px;
        margin-top: -16px
    }
}

@keyframes aniCI {
    from {
        background-position-y: top
    }

    33% {
        background-position-y: 11.11%
    }

    66% {
        background-position-y: 22.22%
    }

    to {
        background-position-y: top
    }
}

@keyframes aniGame {
    0% {
        bottom: -.1vh
    }

    50% {
        bottom: .75vh
    }

    100% {
        bottom: -.1vh
    }
}

@keyframes aniShadow {
    0% {
        width: 3.6vh;
        left: calc(50% - 1.8vh)
    }

    50% {
        width: 1.4vh;
        left: calc(50% - 0.7vh);
        opacity: .5
    }

    100% {
        width: 3.6vh;
        left: calc(50% - 1.8vh)
    }
}

.GameList_R [class*="btn_GL"] {
    border-radius: 10px;
    position: relative;
    min-height: 75px
}

@media only screen and (max-width: 849px) {
    .GameList .swiper-wrapper {
        height:auto!important
    }

    .GameList {
        display: flex;
        width: 100%;
        padding: 0 8px;
        height: calc(100vh - 300px)
    }

    .GameList .GameList_L,.GameList .GameList_R {
        padding-top: 8px
    }

    .GameList .GameList_L {
        transform: initial
    }

    .GameList_L {
        display: flex;
        flex-wrap: wrap;
        overflow: auto;
        padding-right: 2%;
        flex: 19%
    }

    .GameList_L [class*="btn_GL"].on {
        border: 1px solid #3281d0
    }

    .GameList_RBox>.swiper-wrapper {
        flex-direction: column
    }

    .btn_GL {
        height: calc((100% - 70px) / 8);
        min-height: 48px;
        width: 65px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 1px;
        background-color: #e7f1fb;
        margin-bottom: 8px
    }

    .btn-GL-title {
        margin: .2vh 0 0;
        font-size: 11px;
        text-align: center;
        color: #535867;
        line-height: 1em;
        font-weight: 700
    }

    .GameList_L [class*="ic_GL"] {
        min-height: 18px;
        min-width: 18px;
        width: 3vh;
        height: 3vh
    }

    .ic_GLhot {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_hot-.svg) no-repeat;
        background-size: 100% auto
    }

    .ic_GLlive {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_live.svg) no-repeat;
        background-size: 75% auto
    }

    .ic_GLloto {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_loto.svg) no-repeat;
        background-size: 75% auto
    }

    .ic_GLsport {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_sport.svg) no-repeat;
        background-size: 75% auto
    }

    .ic_GLslot {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_slot.svg) no-repeat;
        background-size: 75% auto
    }

    .ic_GLchess {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_chess.svg) no-repeat;
        background-size: 75% auto
    }

    .ic_GLfish {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_fish.svg) no-repeat;
        background-size: 75% auto
    }

    .ic_GLesport {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_esport.svg) no-repeat;
        background-size: 75% auto
    }

    .GameList_RBox {
        flex: 82%
    }

    .GameList_R {
        height: 408px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .GameList_R [class*="btn_GLhot"] {
        height: calc(35% - 10px)
    }

    .GameList_R [class*="btn_GL"],.boxGL {
        width: calc(50% - 4px)
    }

    .GameList_R [class*="btn_GL"] {
        border-radius: 10px;
        position: relative;
        background-position: center top;
        background-repeat: no-repeat
    }

    .btn_GLhotLive {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_liveHotBG.png);
        background-size: cover
    }

    [class*="btn_GL"] {
        margin-bottom: 8px
    }

    .t_GL {
        margin: 10px 15px
    }

    .btn_GLhotCool .t_GL {
        display: flex;
        align-items: flex-start;
        text-align: center;
        flex-direction: column
    }

    .GameList_R [class*="btn_GLhot"] .img_GL:after {
        background-size: 100% auto
    }

    .GameList_R .img_GL {
        position: absolute;
        overflow: hidden;
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        border-radius: 10px
    }

    .GameList_R .img_GL::after {
        content: "";
        background-position: 1em -1px;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: auto
    }

    .btn_GLhotLive .GL_jackpot {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_superGold.svg);
        background-size: cover;
        width: 47px;
        height: 42px;
        position: absolute;
        top: 10px;
        right: 1px;
        z-index: 2
    }

    .GameList_R .btn_GLhotLive .img_GL::after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotLive.png)!important
    }

    .GameList_R .btn_GLhotLoto .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotLoto.webp)!important
    }

    .GameList_R [class*="btn_GLhot"] .img_GL:after {
        width: 148px;
        height: 100px
    }

    .btn_GLhotLoto {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_lotoHotBG.png);
        background-size: cover
    }

    .GameList_R_title {
        font-size: 1em;
        color: #535867;
        line-height: 1em;
        margin: 0;
        position: relative;
        z-index: 1;
        font-weight: 700
    }

    .GameList_R .t_GL img {
        height: 47px;
        margin-top: -3px;
        width: auto;
        display: block;
        position: relative;
        z-index: 1
    }

    .btn_GLhotLoto .img_GL:after,.btn_GLhotLive .img_GL:after {
        height: 100%;
        background-position-y: bottom
    }

    .logo_CAO {
        display: flex;
        width: calc(47px + 0.5vw);
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .GameList_R .logo_CAO .tb-spanish {
        height: 28px;
        margin-top: -10px
    }

    .btn_GLhotSport {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_sportHotBG.png);
        background-size: cover
    }

    .GameList_R [class*="btn_GLhot"] .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotOT.webp)
    }

    .btn_GLhotSlot {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_slotHotBG.png);
        background-size: cover
    }

    .btn_GLhotSlot .img_GL:after {
        background-position-y: 22%
    }

    .btn_GLhotCool {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotBG.png);
        background-size: cover
    }

    .GameList_R .btn_GLhotCool .t_GL img {
        margin-top: 2px;
        height: 20px
    }

    .aniTxt {
        margin-top: 4px;
        position: relative;
        z-index: 1
    }

    .aniTxt:before {
        content: "";
        border: 2px solid #d9b442;
        background-color: #000;
        box-sizing: border-box;
        border-radius: 100px;
        width: 52px;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: .7;
        z-index: -1
    }

    .aniTxt:after {
        width: 62px;
        height: 24px;
        content: "";
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_CI.svg) no-repeat left top;
        animation: aniCI 3s step-end infinite;
        -webkit-animation: aniCI 3s step-end infinite;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }

    .btn_GLhotCool .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_hotOT_CI.webp)!important;
        animation: aniCI 3s step-end infinite;
        -webkit-animation: aniCI 3s step-end infinite
    }

    .btn_GLhotCool,.boxGL {
        height: calc(30% - 10px)!important;
        min-height: 93px!important
    }

    .btn_GLhotStudio,.btn_GLhotCAO {
        background: linear-gradient(135deg,#e3ebff 0%,#daddfe 50%,#ccbef7 100%);
        height: calc(50% - 4px)!important;
        width: 100%!important
    }

    .boxGL .t_GL .GameList_R_title {
        min-width: 81px
    }

    .boxGL .t_GL {
        display: flex;
        align-items: center;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        text-align: center;
        height: 100%
    }

    .GameList_R .boxGL .t_GL img {
        max-height: 60%;
        height: 9vw;
        margin: auto
    }

    .btn_GLlotoKU,.btn_GLlotoBBIN {
        background: #b2d2ed
    }

    .GL_hot,.GL_new {
        width: 52px;
        height: 52px;
        background-size: cover;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .GL_hot {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_hot.png)
    }

    .GL_new {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_new.png)
    }

    .btn_GLlotoKU {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_lotoKUBG.png);
        background-size: 100% 100%
    }

    .glr-loto .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_lotoOT.png);
        background-size: 100% auto
    }

    .glr-loto .img_GL:after,.glr-chess .img_GL:after {
        width: 55.7vw;
        height: 100%;
        max-height: 54vw
    }

    .btn_GLlotoBBIN .img_GL:after {
        background-position-y: 50%
    }

    .GameList_R.cls-title-center .t_GL {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 10px 0 0 0;
        width: 35%
    }

    .GameList .GameList_R .w100 {
        width: 100%;
        display: flex;
        align-items: center
    }

    [class*="btn_GL"].on [class*="ic_GL"] {
        position: relative;
        background: none
    }

    [class*="btn_GL"].on [class*="ic_GL"]:before {
        display: block;
        content: "";
        width: 3.8vh;
        height: 3.8vh;
        margin: auto;
        position: absolute;
        left: calc(50% - 1.9vh);
        z-index: 2;
        animation: aniGame 0.8s ease-out infinite;
        -webkit-animation: aniGame 0.8s ease-out infinite
    }

    [class*="btn_GL"].on .ic_GLslot:before {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_slot_on.png);
        background-size: 100% auto;
        width: 5vh;
        height: 3.5vh;
        left: -35%
    }

    [class*="btn_GL"].on [class*="ic_GL"]:after {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/ic_GLshadow.png) no-repeat center;
        background-size: 100% auto;
        display: block;
        content: "";
        width: 4vh;
        height: 4vh;
        margin: auto;
        position: absolute;
        left: calc(50% - 2vh);
        bottom: -2vh;
        z-index: 2;
        animation: aniShadow 0.8s ease-out infinite;
        -webkit-animation: aniShadow 0.8s ease-out infinite
    }

    [class*="btn_GL"].on .ic_GLhot:before {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_hot_on.svg);
        background-size: 100% auto
    }

    [class*="btn_GL"].on .ic_GLlive:before {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_live_on.svg);
        background-size: 100% auto
    }

    [class*="btn_GL"].on .ic_GLloto:before {
        background: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_loto_on.png);
        background-size: 100% auto
    }

    [class*="btn_GL"].on .ic_GLsport:before {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_sport_on.png);
        background-size: 100% auto
    }

    .glr-common .t_GL {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .glr-common .img_GL:after {
        height: 100%
    }

    .w50-all .t_GL {
        width: 40%
    }

    .w50-all .img_GL:after {
        width: 20vh;
        height: 15.5vh;
        max-height: 105px;
        max-width: 200px
    }

    .btn_GLliveKU:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_liveKUBG.png);
        background-size: 100% auto;
        content: ""
    }

    .w50-all .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_liveOT.webp);
        background-size: 100% auto
    }

    .btn_GLliveDG .img_GL:after {
        background-position-y: 33%
    }

    .btn_GLliveAES .img_GL:after {
        background-position-y: 44%
    }

    .btn_GLliveEVO .img_GL:after {
        background-position-y: 11%
    }

    .btn_GLliveWM .img_GL:after {
        background-position-y: 66%
    }

    .btn_GLliveAG .img_GL:after {
        background-position-y: 22%
    }

    .btn_GLliveSA .img_GL:after {
        background-position-y: 77%
    }

    .btn_GLliveGPI .img_GL:after {
        background-position-y: 88%
    }

    .btn_GLliveXG .img_GL:after {
        background-position-y: 55%
    }

    .btn_GLliveOB .img_GL:after {
        background-position-y: 99%
    }

    .glr-common [class*="btn_GL"] {
        background: linear-gradient(to bottom,#b2d2ed 0%,#d1e6f6 100%)
    }

    .glr-sports .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_sportOT.webp);
        background-size: 100% auto
    }

    .glr-sports .img_GL:after,.glr-fish .img_GL:after {
        width: 22vh;
        height: 15vh;
        max-height: 105px;
        max-width: 200px
    }

    .btn_GLsportKU .logo_CAO {
        width: calc(100px + 0.5vw)
    }

    .btn_GLsportKU .img_GL:after,.btn_GLfish3D .img_GL:after {
        right: 20%
    }

    .btn_GLsportJZ .img_GL:after {
        background-position-y: 11%
    }

    .btn_GLsportSB .img_GL:after {
        background-position-y: 33%
    }

    .btn_GLsportCMD .img_GL:after {
        background-position-y: 55%
    }

    .btn_GLsportAI .img_GL:after {
        background-position-y: 66%
    }

    .btn_GLsportAG .img_GL:after {
        background-position-y: 44%
    }

    .btn_GLsportOB .img_GL:after {
        background-position-y: 88%
    }

    .glr-sports .t_GL,.glr-games .t_GL {
        width: 30%;
        margin-top: 15px
    }

    .glr-live-casino [class*="btn_GL"],.glr-games [class*="btn_GL"] {
        height: calc((100% - 40px) / 5)
    }

    .glr-games .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_slotOT.webp);
        background-size: 100% auto;
        height: 15.5vh;
        width: 22vh;
        max-height: 105px;
        max-width: 200px
    }

    .btn_GLslot3D .img_GL:after {
        background-position-y: 66%
    }

    .btn_GLslotPG .img_GL:after {
        background-position-y: 12%
    }

    .btn_GLslotFC .img_GL:after {
        background-position-y: 99%
    }

    .btn_GLslotBNG .img_GL:after {
        background-position-y: 23%
    }

    .btn_GLslotCQ9 .img_GL:after {
        background-position-y: 33%
    }

    .btn_GLslotDS .img_GL:after {
        background-position-y: 44%
    }

    .btn_GLslotPLS .img_GL:after {
        background-position-y: 88%
    }

    .btn_GLslotKA .img_GL:after {
        background-position-y: 55%
    }

    .btn_GLslotRK5 .img_GL:after {
        background-position-y: 77%
    }

    .btn_GLslot3D .img_GL:after,.btn_GLslotFC .img_GL:after {
        background-position-x: .1em
    }

    [class*="btn_GL"].on .ic_GLchess:before {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_chess_on.png);
        background-size: 100% auto
    }

    [class*="btn_GL"].on .ic_GLfish:before {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_fish_on.png);
        background-size: 100% auto
    }

    [class*="btn_GL"].on .ic_GLesport:before {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/icon_esport_on.png);
        background-size: 100% auto
    }

    .glr-chess .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_chessOT.webp);
        background-size: 100% auto
    }

    .glr-chess .img_GL:after,.btn_GLfish3D .img_GL:after {
        background-position-x: right
    }

    .btn_GLchessV8 .img_GL:after {
        background-position-y: 50%
    }

    .glr-fish .t_GL {
        width: 30%
    }

    .glr-fish .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_fishOT.webp);
        background-size: 100% auto
    }

    .glr-esports .t_GL {
        width: 40%
    }

    .glr-esports .img_GL:after {
        background-image: url(/wp-content/themes/flatsome/assets/img/kebet_images/img_esportsOT.webp);
        background-size: 100% auto;
        width: 55vw
    }

    .btn_GLesportSB .img_GL:after {
        background-position-y: 88%
    }

    .btn_GLesportOB .img_GL:after {
        background-position-y: 44%
    }

    .btn_GLfishDS .img_GL:after {
        background-position-y: 33%
    }

    .btn_GLfishAG .img_GL:after {
        background-position-y: 22%
    }

    .btn_GLfishKA .img_GL:after {
        background-position-y: 55%
    }

    .btn_GLfishKS .img_GL:after {
        background-position-y: 11%
    }

    .btn_GLfishCQ9 .img_GL:after {
        background-position-y: 77%
    }

    .btn_GLfishV8 .img_GL:after {
        background-position-y: 88%
    }
}