@font-face {font-family: Noto Sans Thai;src: url('/fonts/noto-sans-thai/NotoSansThai-ExtraBold.woff2') format('woff2'), url("/fonts/noto-sans-thai/NotoSansThai-ExtraBold.ttf") format("truetype");font-weight:800;font-style:bold;font-display:swap;}@font-face {font-family: Noto Sans Thai Regular;src: url('/fonts/noto-sans-thai/NotoSansThai-Regular.woff2') format('woff2'), url("/fonts/noto-sans-thai/NotoSansThai-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}@font-face {font-family: Montserrat;src: url('/fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'), url("/fonts/montserrat/Montserrat-ExtraBold.ttf") format("truetype");font-weight:800;font-style:bold;font-display:swap;}
:root{
    --close-banner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' version='1.2'%3E%3Cpath d='M195.2 195.2c5.9-5.9 13-10.7 20.8-13.9 7.7-3.2 16-4.8 24.4-4.8 8.5 0 16.8 1.6 24.5 4.8 7.8 3.2 14.9 8 20.8 13.9L512 421.5l226.3-226.3c12.1-11.7 28.2-18.1 45-18 16.8.2 32.9 6.9 44.7 18.8 11.9 11.8 18.6 27.9 18.8 44.7.1 16.8-6.3 32.9-18 45L602.5 512l226.3 226.3c11.7 12.1 18.1 28.2 18 45-.2 16.8-6.9 32.9-18.8 44.7-11.8 11.9-27.9 18.6-44.7 18.8-16.8.1-32.9-6.3-45-18L512 602.5 285.7 828.8c-12.1 11.7-28.2 18.1-45 18-16.8-.2-32.9-6.9-44.7-18.8-11.9-11.8-18.6-27.9-18.8-44.7-.1-16.8 6.3-32.9 18-45L421.5 512 195.2 285.7c-5.9-5.9-10.7-13-13.9-20.8-3.2-7.7-4.8-16-4.8-24.5 0-8.4 1.6-16.7 4.8-24.4 3.2-7.8 8-14.9 13.9-20.8z' style='fill:%23fff'/%3E%3C/svg%3E");
}
body{
    overflow-x: hidden;
}
footer{
    position: relative;
}
footer:has(.banner){
    padding-top: 65px;
}
footer:has(.banner.hidden){
    padding-top: 0;
}
.banner:not(.sidebar-banner){
    display: block;
    z-index: 99;
    width: 100vw;
    min-width: 320px;
}
.banner a>div{
    height: 90px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 30px;
    overflow: hidden;
}
.banner a>div div{
    flex: 1%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner a{
    position: relative;
    text-decoration: none;
}
.banner a:hover{
    text-decoration: none;
}
.banner .close{
    position: absolute;
    top: -21px;
    right: 30px;
    width: 23px;
    height: 22px;
    background: var(--close-banner);
    background-size: 23px 23px;
    border-radius: 2px;
    background-color: #000;
    cursor: pointer;
    z-index: 9999;
}
.banner:has(.banner-bc-game) .close{background-color: #2D1B4F;}
.banner:has(.banner-live-casino-house) .close{background-color: #590616;}
.banner:has(.banner-fun88) .close{background-color: #93278f;}
.logo.part2.bc-game.logo-nobg, .logo.part2.live-casino-house.logo-nobg, .logo.part2.k9win.logo-nobg, .logo.part2.m88.logo-nobg, .logo.part2.fun88.logo-nobg{
    background-color: transparent;
    width: 145px;
}
.banner .top-geo-el__offer{
    color: #fff;
    border: none;
}
.banner .top-geo-el__offer{
    font-size: 20px;
    letter-spacing: 1px;
    line-height: normal; 
    font-family: 'Noto Sans Thai';
    animation: hithere 1.5s cubic-bezier(0.64, 0.04, 0.28, 1.01) infinite;
}
/*    BC.GAME   */
.banner .banner-bc-game{
    background-color: #2D1B4F;
}
.banner a>div div:has(.logo){
    justify-content: flex-end;
}
.banner a>div div:has(#button){
    justify-content: flex-start;
}
.banner-bc-game .top-geo-el__offer{
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 35px;
    font-family: 'Noto Sans Thai' ;
    animation: hithere 1.5s cubic-bezier(0.64, 0.04, 0.28, 1.01) infinite;
}
.banner a>div div{
    position: relative;
}
.banner-bc-game .top-geo-el__offer .big{
    color: #45D91E;
    font-size: 30px;
    font-weight: 800;
    margin-left: 5px;
}
.banner-bc-game .girl1-bc-game{
    background-image: url(/images/banners/girl1-bc-game.webp);
    background-size: cover;
    height: 90px;
    width: 128px;
    animation: bounce-in 2s ease infinite;
    animation-delay: 1s;
    z-index: 999;
}
.banner-bc-game .girl2-bc-game{
    background-image: url(/images/banners/girl2-bc-game.webp);
    background-size: cover;
    height: 90px;
    width: 51px;
    animation: bounce-in-2 2s ease infinite;
    z-index: 999;
}
.banner #button{
    font-family: 'Noto Sans Thai';
    background-color: #ed1c24;
    color: #fff;
    font-size: 20px;
    width: 260px;
    border-radius: 10px;
    padding: 5px 0;
    text-align: center;
    font-weight: 800;
    border: none;
    cursor: pointer;
    translate: -70px 0;
    animation: gelatine 0.5s ease infinite;
}

/*  BC.GAME COINS  */
.banner-bc-game .logo.bc-game:before{
    content:"";
    background-image: url(/images/banners/coin1-bc-game.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 52px;
    height: 42px;
    left: 87px;
    top: -7px;
    transform: rotate(265deg);
    animation: pulse 1s infinite ease-in-out alternate;
}
.banner a:has(.banner-bc-game):after{
    content:"";
    background-image: url(/images/banners/coin2-bc-game.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 52px;
    height: 42px;
    right: 60px;
    top: 22px;
}
.banner-bc-game .girl-1:before{
    content:"";
    background-image: url(/images/banners/coin1-bc-game.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 49px;
    height: 40px;
    left: 40px;
    bottom: 22px;
}
.banner-bc-game .girl-1:after{
    content:"";
    background-image: url(/images/banners/coin3-bc-game.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 38px;
    height: 30px;
    right: 40px;
    bottom: 10px;
}
.banner-bc-game .bonus:after{
    content:"";
    background-image: url(/images/banners/coin2-bc-game.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 46px;
    height: 45px;
    right: -48px;
    bottom: 7px;
    transform: rotate(265deg);
}
.banner-bc-game .girl-2:before{
    content:"";
    background-image: url(/images/banners/coin4-bc-game.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 29px;
    height: 30px;
    left: 94px;
    top: 22px;
    transform: rotate(182deg);
}
.banner-bc-game #button:before,
.banner-live-casino-house #button:before,
.banner-k9win #button:before{
    content:"";
    background-image: url(/images/banners/coin5-bc-game.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    left: -18px;
    top: -12px;
}
.banner-bc-game #button:after,
.banner-live-casino-house #button:after,
.banner-k9win #button:after{
    content:"";
    background-image: url(/images/banners/coin2-bc-game.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    left: 238px;
    bottom: -14px;
    transform: rotate(266deg);
}

/*  LIVE CASINO HOUSE  */
.banner-live-casino-house{
    background-image: url(/images/banners/live-casino-house-bg.webp);
}
.banner-live-casino-house .top-geo-el__offer, .banner-live-casino-house .top-geo-el__offer .big{
    display: block;
}
.banner-live-casino-house .top-geo-el__offer .big{
    white-space: nowrap;
    font-size: 30px;
}
.banner-live-casino-house .girl-1{
    justify-content: flex-end;
}
.banner-live-casino-house .girl1-live-casino-house{
    background-image: url(/images/banners/girl1-live-casino-house.webp);
    background-size: cover;
    margin-right: 40px;
    height: 90px;
    width: 62px;
    animation: bounce-in 2s ease infinite;
    animation-delay: 1s;
    z-index: 999;
}
.banner-live-casino-house .girl2-live-casino-house{
    background-image: url(/images/banners/girl2-live-casino-house.webp);
    background-size: cover;
    margin-right: 25px;
    height: 90px;
    width: 57px;
    animation: bounce-in-2 2s ease infinite;
    z-index: 999;
}
/*  LIVE CASINO HOUSE COINS  */

.banner a:has(.banner-live-casino-house):before{
    content:"";
    background-image: url(/images/banners/coin1-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 27px;
    height: 25px;
    left: 40px;
    top: 16px;
    transform: rotate(-62deg);
    filter: brightness(1.1);
}
.banner a:has(.banner-live-casino-house):after{
    content:"";
    background-image: url(/images/banners/coin1-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 52px;
    height: 42px;
    right: 42px;
    top: 22px;
}
.banner-live-casino-house .logo.live-casino-house:before{
    content:"";
    background-image: url(/images/banners/coin1-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 38px;
    height: 34px;
    left: 90px;
    top: 3px;
    filter: brightness(1.1);
    animation: pulse 1s infinite ease-in-out alternate;
}
.banner-live-casino-house .logo.live-casino-house:after{
    content:"";
    background-image: url(/images/banners/coin1-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 25px;
    height: 23px;
    right: -80px;
    top: -8px;
    transform: rotate(362deg);
    filter: brightness(.9);
}
.banner-live-casino-house .girl-1:before{
    content:"";
    background-image: url(/images/banners/coin2-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 40px;
    height: 37px;
    left: 130px;
    bottom: 13px;
}
.banner-live-casino-house .bonus:before{
    content:"";
    background-image: url(/images/banners/coin1-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 32px;
    height: 29px;
    right: -42px;
    top: 8px;
    z-index: 1;
}
.banner-live-casino-house .bonus:after{
    content:"";
    background-image: url(/images/banners/red-card-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 82px;
    height: 67px;
    right: -99px;
}
.banner-live-casino-house .girl-2:before{
    content:"";
    background-image: url(/images/banners/coin2-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 26px;
    height: 25px;
    left: 77px;
    bottom: 11px;
}
.banner-live-casino-house>div:last-of-type:before{
    content:"";
    background-image: url(/images/banners/black-card-lch.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 53px;
    height: 61px;
    left: -141px;
    top: -9px;
}
.banner-live-casino-house #button:before{
    background-image: url(/images/banners/coin2-lch.svg);
    width: 33px;
    height: 31px;
    left: -13px;
    top: -14px;
    transform: rotate(21deg);
}
.banner-live-casino-house #button:after{
    background-image: url(/images/banners/coin1-lch.svg);
    width: 33px;
    height: 31px;
    transform: rotate(0);
}

/*   K9WIN   */
.banner-k9win{
    background-color: #161616;
    align-content: center;
}
.banner-k9win .top-geo-el__offer{
    color: #7ED3F1;
    justify-content: flex-start;
}
.banner-k9win .top-geo-el__offer .big{
    display: block;
    font-size: 35px;
    letter-spacing: normal;
    margin-left: 5px;
    white-space: nowrap;
}
.banner-k9win .girl1-k9win{
    background-image: url(/images/banners/girl1-k9win.webp);
    background-size: cover;
    height: 120px;
    width: 63px;
    animation: bounce-in-bigger 2s ease infinite;
}
.banner-k9win .girl2-k9win{
    background-image: url(/images/banners/girl2-k9win.webp);
    background-size: cover;
    height: 120px;
    width: 58px;
    animation: bounce-in-2-bigger 2s ease infinite;
    animation-delay: -0.5s;
}
.banner-k9win .top-geo-el__offer .big .small-size{
    font-size: 22px;
}
.banner-k9win #button{
    background-color: #9B0013;
    border-radius: 3px;
    padding: 8px 0;
}
.banner .logo.k9win{
    position: relative;
}
/*   K9WIN COINS   */
.banner .banner-k9win:before{
    content: "";
    background-image: url(/images/banners/coin1-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    left: 14px;
    top: 31px;
}
.banner .banner-k9win:after{
    content: "";
    background-image: url(/images/banners/coin1-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    right: 53px;
    top: 17px;
    transform: rotate(73deg);
}
.banner .logo.k9win:before{
    content: "";
    background-image: url(/images/banners/coin3-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 44px;
    height: 45px;
    right: 178px;
    top: -3px;
    animation: pulse 1s infinite ease-in-out alternate;
}
.banner .logo.k9win:after{
    content: "";
    background-image: url(/images/banners/coin2-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 35px;
    height: 25px;
    left: -24px;
    top: 0px;
}
.banner .banner-k9win div:has(.logo):after{
    content: "";
    background-image: url(/images/banners/coin2-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 32px;
    height: 24px;
    right: -38px;
    top: 18px;
    transform: rotate(223deg);
}
.banner-k9win .girl-1:before{
    content:"";
    background-image: url(/images/banners/coin3-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 24px;
    height: 23px;
    left: 90px;
    top: 27px;
    transform: rotate(80deg);
}
.banner-k9win .girl-1:after{
    content:"";
    background-image: url(/images/banners/coin2-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 28px;
    height: 20px;
    right: 90px;
    top: 29px;
    transform: scaleX(-1);
}
.banner-k9win .bonus:after{
    content:"";
    background-image: url(/images/banners/coin4-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 19px;
    height: 20px;
    right: -8px;
    top: -13px;
}
.banner-k9win .girl-2:before{
    content:"";
    background-image: url(/images/banners/coin3-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 36px;
    height: 34px;
    left: 60px;
    top: 30px;
    animation: pulse 1s infinite ease-in-out alternate;
    animation-delay: 1s;
}
.banner-k9win .girl-2:after{
    content:"";
    background-image: url(/images/banners/coin2-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 29px;
    height: 21px;
    right: 99px;
    top: 27px;
    transform: rotate(28deg);
}
.banner-k9win div:has(#button):after {
    content: "";
    background-image: url(/images/banners/coin3-k9win.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 36px;
    height: 34px;
    left: 233px;
    top: 26px;
}
.banner-k9win #button:before{
    background-image: url(/images/banners/coin2-k9win.svg);
    transform: scaleX(-1) rotate(21deg);
    top: unset;
    bottom: -12px;
}
.banner-k9win #button:after{
    background-image: url(/images/banners/coin2-k9win.svg);
    top: -12px;
    transform: rotate(10deg);
}

/*  M88  */
.banner-m88{
    background-color: #161616;
    align-content: center;
}
.banner-m88 .top-geo-el__offer, .banner #button.button-m88{
    font-family: 'Montserrat';
    align-items: baseline;
    white-space: nowrap;
    line-height: 1;
}
.banner #button.button-m88{
    background-color: #C72227;
    border-radius: 2px;
}
.banner-m88 .top-geo-el__offer .big{
    font-size: 42px;
    margin-left: 5px;
}
.banner-m88 .girl1-m88{
    background-image: url(/images/banners/girl1-m88.webp);
    background-size: cover;
    width: 66px;
    height: 120px;
    animation: bounce-in-bigger 2s ease infinite;
}
.banner-m88 .girl2-m88{
    background-image: url(/images/banners/girl2-m88.webp);
    background-size: cover;
    width: 73px;
    height: 120px;
    animation: bounce-in-2-bigger 2s ease infinite;
    animation-delay: -0.5s;
}
/*   M88 COINS  */
.banner .banner-m88:before{
    content: "";
    background-image: url(/images/banners/coin1-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 44px;
    height: 40px;
    left: 22px;
    top: 25px;
    animation: pulse 1s infinite ease-in-out alternate;
}
.banner .banner-m88:after{
    content: "";
    background-image: url(/images/banners/coin1-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 44px;
    height: 40px;
    right: 27px;
    top: 30px;
    transform: scaleX(-1);
}
.banner-m88 div:has(.logo):after{
    content: "";
    background-image: url(/images/banners/coin1-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 40px;
    height: 37px;
    right: -50px;
    top: 21px;
}
.banner-m88 .logo.m88:before{
    content: "";
    background-image: url(/images/banners/coin1-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 44px;
    height: 45px;
    left: 152px;
    top: 10px;
    transform: scaleX(-1);
}
.banner-m88 .logo.m88:after{
    content: "";
    background-image: url(/images/banners/coin2-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    left: 105px;
    top: 0px;
}
.banner-m88 .girl-1:after{
    content: "";
    background-image: url(/images/banners/coin2-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 23px;
    height: 23px;
    right: 68px;
    top: 32px;
}
.banner-m88 .bonus:after{
    content: "";
    background-image: url(/images/banners/coin4-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 37px;
    height: 35px;
    right: -49px;
    top: -9px;
    transform: scaleX(-1);
}
.banner-m88 .girl-2:before{
    content: "";
    background-image: url(/images/banners/coin2-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 23px;
    height: 23px;
    left: 66px;
    bottom: 32px;
}
.banner-m88 .girl-2:after{
    content: "";
    background-image: url(/images/banners/coin3-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 23px;
    height: 23px;
    right: 79px;
    bottom: 45px;
}
.banner-m88 #button.button-m88:before{
    content: "";
    background-image: url(/images/banners/coin4-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 43px;
    height: 39px;
    left: -21px;
    top: -14px;
    transform: scaleX(-1);
}
.banner-m88 #button.button-m88:after{
    content: "";
    background-image: url(/images/banners/coin1-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 43px;
    height: 39px;
    right: -21px;
    bottom: -14px;
}
.banner-m88 div:has(#button):after{
    content: "";
    background-image: url(/images/banners/coin2-m88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    right: 44px;
    top: -15px;
    animation: pulse 1s infinite ease-in-out alternate;
}
/*   FUN88   */
.banner-fun88{
    background-color: #93278F;
    align-content: center;
}
.banner-fun88 .top-geo-el__offer{
    color: #39b54a;
    -webkit-text-stroke: 2px #fff;
    paint-order: stroke fill;
    font-family: 'Montserrat';
    white-space: nowrap;
}
.banner-fun88 .top-geo-el__offer .big{
    font-size: 45px;
    margin-left: 10px;
}
.banner-fun88 .girl1-fun88{
    background-image: url(/images/banners/girl1-fun88.webp);
    background-size: cover;
    height: 120px;
    width: 92px;
    animation: bounce-in-bigger 2s ease infinite alternate;
}
.banner-fun88 .girl2-fun88{
    background-image: url(/images/banners/girl2-fun88.webp);
    background-size: cover;
    height: 120px;
    width: 70px;
    animation: bounce-in-2-bigger 2s ease infinite alternate;
    animation-delay: -0.5s;
    margin-right: 100px;
}
.banner-fun88 #button{
    background-color: #f45424;
    border-radius: 35px;
    box-shadow: 1px 1px 13px #00000069;
    font-family: 'Montserrat';
    text-transform: uppercase;
}
/*  FUN88 COINS  */
.banner .banner-fun88:before{
    content: "";
    background-image: url(/images/banners/coin1-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 35px;
    height: 25px;
    left: 27px;
    top: 25px;
    animation: pulse 1s infinite ease-in-out alternate;
}
.banner .banner-fun88:after{
    content: "";
    background-image: url(/images/banners/coin2-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 33px;
    height: 28px;
    right: 27px;
    top: 33px;
}
.banner .banner-fun88 .logo:before{
    content: "";
    background-image: url(/images/banners/coin1-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 42px;
    height: 31px;
    left: 77px;
    top: 16px;
    transform: rotate(63deg);
}
.banner .banner-fun88 .logo:after{
    content: "";
    background-image: url(/images/banners/coin2-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 26px;
    height: 22px;
    right: -34px;
    top: 20px;
    transform: rotate(212deg);
}
.banner .banner-fun88 .girl-1:before{
    content: "";
    background-image: url(/images/banners/coin1-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 42px;
    height: 31px;
    left: 49px;
    top: 48px;
    transform: rotate(63deg);
}
.banner .banner-fun88 .girl-1:after{
    content: "";
    background-image: url(/images/banners/coin1-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 36px;
    height: 26px;
    right: 44px;
    top: 47px;
    animation: pulse 0.8s infinite ease-in-out alternate;
}
.banner .banner-fun88 .bonus:after{
    content: "";
    background-image: url(/images/banners/coin1-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 36px;
    height: 26px;
    right: -49px;
    top: 0;
    transform: rotate(341deg);
}
.banner .banner-fun88 .girl-2:after{
    content: "";
    background-image: url(/images/banners/coin2-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 26px;
    height: 21px;
    right: 124px;
    top: 50px;
    transform: rotate(257deg);
    filter: brightness(1.4);
}
.banner .banner-fun88 div:has(#button):before{
    content: "";
    background-image: url(/images/banners/coin2-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 36px;
    height: 26px;
    left: -119px;
    top: 8px;
    transform: rotate(155deg);
    filter: brightness(0.95);
}
.banner .banner-fun88 div:has(#button):after{
    content: "";
    background-image: url(/images/banners/coin1-fun88.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 36px;
    height: 26px;
    left: 196px;
    top: -9px;
    transform: rotate(54deg);
}
/* SIDEBAR BANNER LIVE CASINO HOUSE */
.sidebar-banner{
    display: block;
    width: 170px;
    height: 190px;
    margin: 0 auto;
}
.sidebar-banner .banner-live-casino-house{
    background-image: url(/images/banners/sidebar-background.jpg); 
    background-position: center center;
    background-size: cover;   
    width: 170px;
    height: 190px;
    padding: 0;
    margin: 0 auto;
    display: grid;
    justify-items: center;
    grid-template-columns: 50% 50%;
    grid-template-rows: 120px 70px;
    padding: 0;
}
.sidebar-banner .logo.part2.live-casino-house.logo-nobg{
    width: 100px;    
    translate: 49% -70%;
}
.sidebar-banner #button.button-live-casino-house{
    width: 127px;
    height: 20px;
    padding: 0;
    font-size: 12px;
    translate: -32% 80%;
    border-radius: 4px;
    animation: horisontal-shake 0.35s infinite;
}
.sidebar-banner div.bonus{
    order: 2;
    width: 110px;
    translate: -15% 45%;
}
.sidebar-banner div.girl-2{
    order: 3;
    translate: -17% -21%;
    transform: scaleX(-1);
}
.sidebar-banner .banner-live-casino-house div:has(#button){
    order: 4;
}
.sidebar-banner .banner-live-casino-house div:has(.logo){
    order: 1;
}
.sidebar-banner .banner-live-casino-house .top-geo-el__offer{
    font-size: 12px;
    line-height: 1.3;
}
.sidebar-banner .banner-live-casino-house .top-geo-el__offer .big{
    font-size: 18px;
    white-space: normal;
}
.sidebar-banner .banner-live-casino-house .top-geo-el__offer .big>span{
    font-size: 12px;
}
.sidebar-banner .banner-live-casino-house .girl2-live-casino-house{
    height: 120px;
    width: 76px;
    animation: change-live-casino-house 5s infinite;
}
/* SIDEBAR BANNER COINS */
.sidebar-banner.banner a:has(.banner-live-casino-house):before, .sidebar-banner.banner a:has(.banner-live-casino-house):after, .sidebar-banner .girl-1, .sidebar-banner .banner-live-casino-house .bonus:after, .sidebar-banner .banner-live-casino-house>div:last-of-type:before, .sidebar-banner .banner-live-casino-house #button:before, .sidebar-banner .banner-live-casino-house .girl-2:before{
    display: none;
}
.sidebar-banner.banner .banner-live-casino-house .logo.live-casino-house:after{
    width: 26px;
    right: -25px;
    top: 34px;
    animation: crazy-coin 0.7s infinite;
}
.sidebar-banner.banner .banner-live-casino-house .logo.live-casino-house:before {
    background-image: url(/images/banners/coin2-lch.svg);
    width: 23px;
    height: 22px;
    left: -25px;
    top: 28px;
    animation: crazy-coin 0.5s infinite;
    animation-delay: 0.2s;
}
.sidebar-banner .banner-live-casino-house #button:after{
    background-image: url(/images/banners/coin1-lch.svg);
    width: 29px;
    height: 26px;
    left: unset;
    right: -9px;
    bottom: 6px;
    animation: crazy-coin 0.7s infinite;
}
.sidebar-banner .banner-live-casino-house .bonus:before{
    background-image: url(/images/banners/coin2-lch.svg);
    right: 56px;
    top: 70px;
    width: 24px;
    height: 22px;
    animation: crazy-coin 0.5s infinite;
    animation-delay: 0.5s;
}

/*  MEDIA  */
@media only screen and (max-width: 1399px){
    .banner a>div div:has(.logo){
        justify-content: flex-start;
    }
    .banner-bc-game .logo.bc-game:before,.banner-bc-game .girl-1:after, .banner-bc-game .bonus:after, .banner a:has(.banner-bc-game):after, .banner a:has(.banner-live-casino-house):before, .banner:not(.sidebar-banner) .banner-live-casino-house .logo.live-casino-house:before, .banner-live-casino-house .girl-1:before, .banner a:has(.banner-live-casino-house):after, .banner .banner-k9win:before, .banner .logo.k9win:before, .banner .logo.k9win:after, .banner-k9win .girl-2:before, .banner .banner-k9win:after,.banner-k9win div:has(#button):after, .banner .banner-m88:before, .banner-m88 .logo.m88:before, .banner-m88 .logo.m88:after, .banner-m88 div:has(.logo):after, .banner-m88 div:has(#button):after, .banner .banner-m88:after, .banner-m88 .girl-2:before, .banner-m88 .bonus:after, .banner .banner-fun88:before, .banner .banner-fun88 .girl-1:before, .banner .banner-fun88 .girl-1:after, .banner .banner-fun88 .bonus:after, .banner .banner-fun88:after{
        display: none;
    }
    .banner-bc-game .girl-1:before{
        background-image: url(/images/banners/coin5-bc-game.svg);
        width: 30px;
        height: 30px;
        left: -20px;
        bottom: 9px;
    }
    .banner-bc-game .girl-2:before{
        left: unset;
        right: 20px;
        top: 43px;
    }
    .banner #button.button-bc-game{
        width: 230px;
        padding: 2px 0;
        translate: none;
    }
    .banner-bc-game #button:after{
        left: 210px;
    }
    .banner-live-casino-house .logo.live-casino-house:after{
        right: -15px;
    }
    .banner-live-casino-house .girl-1{
        justify-content: flex-start;
    }
    .banner-live-casino-house .bonus{
        translate: -84px;
    }
    .banner-live-casino-house .girl-2:before{
        left: 0;
    }
    .banner:not(.sidebar-banner) #button.button-live-casino-house{
        width: 180px;
        font-size: 18px;
    }
    .banner-live-casino-house #button:after{
        left: 160px;
    }
    .banner:not(.sidebar-banner) #button.button-live-casino-house, .banner #button.button-m88{
        translate: 0;
    }
    .banner-live-casino-house>div:last-of-type:before{
        width: 46px;
        height: 53px;
        left: -75px;
        top: -9px;
    }
    .banner .banner-k9win div:has(.logo):after{
        right: 9px;
    }
    .banner-k9win .girl-1:before{
        left: 32px;
    }
    .banner-k9win .girl-1:after{
        right: 15px;
    }
    .banner-k9win .top-geo-el__offer{
        display: block;
    }
    .banner-m88 .top-geo-el__offer .big{
        font-size: 35px;
    }
    .banner-k9win .bonus:after{
        right: -23px;
        top: 5px;
    }
    .banner .girl-2:after, .banner-m88 .girl-1:after{
        right: 42px;
    }
    .banner-k9win #button{
        width: 200px;
        font-size: 16px;
        translate: -34px;
    }
    .banner-k9win #button:after{
        left: 178px;
    }
    .banner #button.button-m88{
        width: 200px;
    }
    .banner-fun88 .top-geo-el__offer{
        display: block;
    }
    .banner-fun88 .top-geo-el__offer .big{
        font-size: 35px;
        display: block;
    }
    .banner-fun88 .girl2-fun88{
        margin-right: 0;
        z-index: 1;
    }
    .banner-fun88 #button{
        width: 220px;
        translate: 0;
        font-size: 18px;
    }
    .banner .banner-fun88 .logo:before{
        left: 122px;
        top: 32px;
        width: 32px;
        height: 23px;
        transform: rotate(157deg);
    }
    .banner .banner-fun88 .logo:after{
        width: 18px;
        height: 15px;
        right: unset;
        left: 182px;
        top: -8px;
        transform: rotate(231deg);    
    }
    .banner .banner-fun88 .girl-2:after{
        width: 22px;
        height: 19px;
        top: 38px;
        right: 18px;
    }
    .banner .banner-fun88 div:has(#button):before{
        width: 36px;
        height: 26px;
        left: -7px;
        top: 14px;
        transform: none;
        filter: brightness(0.95);
        z-index: 1;
    }
    .banner .banner-fun88 div:has(#button):after{
        background-image: url(/images/banners/coin2-fun88.svg);
        width: 21px;
        height: 18px;
        left: 195px;
        top: -19px;
        transform: rotate(54deg);
    }
}
@media only screen and (max-width: 991px){
    .logo.part2.bc-game.logo-nobg, .logo.part2.live-casino-house.logo-nobg{
        width: 110px;
    }
    .banner-bc-game .girl-1:before{
        width: 27px;
        height: 26px;
        bottom: 8px;
    }
    .banner-bc-game div.bonus{
        translate: 10px 0; 
    }
    .banner-bc-game .girl-2:before{
        right: -9px;
        top: 63px;
        width: 20px;
        height: 20px;
    }
    .banner #button.button-bc-game{
        width: 190px;
        font-size: 16px;
        padding: 2px 0px;
    }
    .banner-bc-game #button:before{
        width: 29px;
        height: 27px;
        left: -12px;
    }
    .banner-bc-game #button:after{
        left: 174px;
        width: 30px;
        height: 30px;
    }
    .banner-live-casino-house .bonus{
        translate: 0;
    }
    .banner-live-casino-house .girl-1{
        justify-content: center;
    }
    .banner-live-casino-house .girl-2:before{
        left: 43px;
        width: 20px;
        height: 18px;
    }
    .banner-live-casino-house .top-geo-el__offer .big{
        font-size: 25px;
        line-height: 1;
        inline-size: 160px;
        white-space: normal;
    }
    .banner-live-casino-house .bonus:after{
        width: 67px;
        height: 53px;
        right: -77px;    
    }
    .banner-live-casino-house>div:last-of-type:before, .banner-k9win .girl-1:before, .banner-m88 #button.button-m88:after{
        display: none;
    }
    .banner .banner-k9win div:has(.logo):after{
        transform: scaleX(-1) rotate(310deg);
        width: 22px;
        height: 15px;
        top: 4px;
        right: -7px;
    }
    .banner a>div.banner-k9win, .banner a>div.banner-m88{
        padding-right: 10px;
    }
    .logo.part2.k9win.logo-nobg{
        width: 110px;
    }
    .banner-k9win .girl-1:after{
        background-image: url(/images/banners/coin3-k9win.svg);
        top: 25px;
        right: 0;
    }
    .banner-k9win .bonus:after{
        width: 17px;
        height: 18px;
        right: -9px;
    }
    .banner-k9win .top-geo-el__offer{
        font-size: 18px;
    }
    .banner-k9win .top-geo-el__offer .big{
        font-size: 30px;
    }
    .banner-k9win .girl-2:after{
        top: 23px;
        right: 2px;
        width: 26px;
        height: 18px;
    }
    .banner-k9win #button{
        width: 140px;
        translate: 0;
        padding: 4px 0;
    }
    .banner-k9win #button:before{
        width: 29px;
        height: 20px;
        left: -8px;
        bottom: -7px;
    }
    .banner-k9win #button:after{
        width: 27px;
        height: 19px;
        left: 120px;
        top: -8px;
    }
    .banner-m88 .top-geo-el__offer, .banner-m88 .top-geo-el__offer .big{
        display: block;
    }
    .banner-m88 .top-geo-el__offer .big{
        font-size: 30px;
    }
    .banner-m88 .girl-2:after{
        width: 16px;
        height: 21px;
        right: 4px;
        bottom: 28px;
    }
    .banner-m88 #button.button-m88:before{
        width: 28px;
        height: 28px;
        left: -9px;
        top: -11px;
    }
    .banner-m88 #button.button-m88{
        font-size: 16px;
        width: 130px;
    }
    .logo.part2.fun88.logo-nobg{
        width: 120px;
    }
    .banner-fun88 #button{
        width: 180px;
        font-size: 16px;
    }
    .banner .banner-fun88 .logo:before{
        left: 89px;
        top: 35px; 
    }
    .banner .banner-fun88 .logo:after{
        left: 120px;
    }
    .banner .banner-fun88 .girl-2:after{
        top: 23px;
        right: -9px;
    }
    .banner .banner-fun88 div:has(#button):after{
        left: 180px;
        top: -14px;
    }
}
@media only screen and (max-width: 575px){
    footer:has(.banner){
        padding-top: 115px;
    }
    .banner .banner-bc-game, .banner .banner-live-casino-house, .banner .banner-k9win, .banner .banner-m88, .banner .banner-fun88{
        display: grid;
        justify-items: center;
        grid-template-columns: 50% 50%;
        grid-template-rows: 120px 40px;
        padding: 0;
    }
    .banner-bc-game div.bonus, .banner-live-casino-house div.bonus{
        order: 3;
    }
    .banner-bc-game div.girl-2, .banner-live-casino-house div.girl-2{
        order: 2;
        translate: 0 10px;
    }
    .banner-bc-game div:has(#button), .banner-live-casino-house div:has(#button){
        order: 4;
    }
    .banner-bc-game div:has(.logo), .banner-live-casino-house div:has(.logo){
        order: 1;
        height: 120px;
    }
    .banner-k9win div:has(.logo), .banner-m88 div:has(.logo), .banner-fun88 div:has(.logo){
        width: -webkit-fill-available;
        height: 120px;
        padding-top: 15px;
    }
    .banner a>div div{
        align-items: flex-start;
    }
    .logo.part2.bc-game.logo-nobg{
        width: 170px;
    }
    .banner-bc-game div.bonus, .banner-live-casino-house div.bonus{
        translate: 0 -40px;
    }
    .banner-bc-game .top-geo-el__offer{
        inline-size: 144px;
        display: block;
    }
    .banner-bc-game .top-geo-el__offer .big{
        display: block;
    }
    .banner .close{
        right: 10px;
    }
    .banner-bc-game>div:has(.logo){
        padding-left: 15px;
    }
    .banner-bc-game .girl2-bc-game{
        height: 120px;
        width: 67px;
        animation: change-bc-game 5s infinite;
    }
    .banner #button.button-bc-game{
        width: 140px;
    }
    .banner-bc-game .logo.bc-game:after{
        content:"";
        background-image: url(/images/banners/coin2-bc-game.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 20px;
        height: 21px;
        right: -40px;
        top: 17px;
        transform: rotate(290deg);
    }
    .banner-bc-game .bonus:before{
        content:"";
        background-image: url(/images/banners/coin2-bc-game.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 25px;
        height: 26px;
        left: -12px;
        bottom: 4px;
    }
    .banner-bc-game div:has(#button):before{
        content:"";
        background-image: url(/images/banners/coin3-bc-game.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 17px;
        height: 15px;
        right: 21px;
        top: -108px;
        transform: rotate(15deg);
    }
    .banner-bc-game div:has(#button):after{
        content:"";
        background-image: url(/images/banners/coin1-bc-game.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 35px;
        height: 28px;
        right: -13px;
        bottom: 41px;
        transform: rotate(15deg);
    }
    .banner a>div{
        min-width: 320px;
        height: 160px;
    }
    .banner-bc-game .girl-2:before,.banner-bc-game #button:after, .banner-live-casino-house .bonus:before, .banner-live-casino-house .bonus:after, .banner-live-casino-house #button:after, .banner-live-casino-house .girl-2:before, .banner-k9win .girl-2:after, .banner #button.button-m88:before, .banner-m88 .girl-2:after, .banner .banner-fun88 .girl-2:after{
        display: none;
    }
    .banner-live-casino-house .logo.live-casino-house:before{
        content: "";
        background-image: url(/images/banners/coin2-lch.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 15px;
        height: 15px;
        left: -21px;
        top: 28px;
    }
    .banner-live-casino-house .logo.live-casino-house:after{
        content: "";
        background-image: url(/images/banners/coin1-lch.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 32px;
        height: 30px;
        right: -84px;
        top: 7px;
        transform: rotate(85deg);
    }
    .banner-live-casino-house .bonus:after{
        content: "";
        background-image: url(/images/banners/coin1-lch.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 25px;
        height: 23px;
        right: -33px;
        bottom: 52px;
    }
    .banner-live-casino-house .girl2-live-casino-house{
        height: 120px;
        width: 76px;
        animation: change-live-casino-house 5s infinite;
    }
    .banner #button.button-live-casino-house{
        font-size: 16px;
        padding: 2px 0;
        width: 130px;
    }
    .banner a>div.banner-k9win, .banner a>div.banner-m88{
        padding-right: 0;
    }
    .banner .banner-k9win div:has(.logo):before{
        content: "";
        background-image: url(/images/banners/coin3-k9win.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 19px;
        height: 18px;
        left: 11px;
        bottom: 27px;
    }
    .banner .banner-k9win .logo:before{
        content: "";
        background-image: url(/images/banners/coin1-k9win.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        left: 28px;
        top: unset;
        bottom: -81px;
    }
    .banner .banner-k9win div:has(.logo):after{
        transform: rotate(293deg);
        width: 29px;
        height: 29px;
        bottom: 9px;
        left: 73px;
        top: unset;
    }
    .banner-k9win .top-geo-el__offer .big .small-size{
        display: block;
    }
    .banner-k9win .bonus:before{
        content: "";
        background-image: url(/images/banners/coin2-k9win.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 21px;
        height: 24px;
        left: -12px;
        top: 0;
        transform: rotate(10deg);
    }
    .banner-k9win .bonus:after{
        background-image: url(/images/banners/coin2-k9win.svg);
        transform: scaleX(-1) rotate(21deg);
        right: 10px;
    }
    .banner-k9win .girl-2, .banner-m88 .girl-2{
        translate: 53px -59px;
    }
    .banner-k9win .girl2-k9win{
        height: 160px;
        width: 78px;
        animation: change-k9win 5s infinite;
    }
    .banner-k9win #button:before{
        bottom: unset;
        top: -7px;
    }
    .banner-m88 .logo.part2.m88.logo-nobg{
        width: 107px;
    }
    .banner-m88 .girl2-m88{
        height: 160px;
        width: 78px;
        animation: change-m88 5s infinite;
    }
    .banner-m88 .top-geo-el__offer .big{
        white-space: normal;
        inline-size: 105px;
    }
    .banner-m88 .bonus:before{
        content: "";
        background-image: url(/images/banners/coin4-m88.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 25px;
        height: 25px;
        left: -30px;
        top: 0;
        transform: scaleX(-1);
    }
    .banner-m88 .logo.m88:before{
        content: "";
        background-image: url(/images/banners/coin4-m88.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        left: 10px;
        top: 103px;
        transform: scaleX(-1);
    }
    .banner-m88 .logo.m88:after{
        content: "";
        background-image: url(/images/banners/coin3-m88.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 20px;
        height: 26px;
        left: 51px;
        top: 86px;
    }
    .banner-m88 div:has(.logo.m88):after{
        content: "";
        background-image: url(/images/banners/coin2-m88.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        width: 24px;
        height: 24px;
        left: 65px;
        top: 121px;
        animation: pulse 1s infinite ease-in-out alternate;
    }
    .banner-fun88 #button{
        margin-bottom: 15px;
    }
    .banner .banner-fun88:before{
        content: "";
        background-image: url(/images/banners/coin2-fun88.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        left: 10px;
        top: 58px;
        width: 34px;
        height: 24px;
        animation: none;
        transform: rotate(258deg);
    }
    .banner .banner-fun88 .logo:before{
        left: 42px;
        top: 109px;
        width: 40px;
        height: 29px;
        transform: rotate(316deg);
        animation: pulse 1s infinite ease-in-out alternate;
    }
    .banner .banner-fun88 .logo:after{
        left: 93px;
        top: 87px;
        transform: rotate(82deg);
    }
    .banner-fun88 .top-geo-el__offer{
        font-size: 16px;
        z-index: 2;
    }
    .banner-fun88 .top-geo-el__offer .big{
        font-size: 30px;
    }
    .banner-fun88 #button{
        width: 140px;
    }
    .banner .banner-fun88 div:has(#button):before{
        left: unset;
        right: -12px;
        top: 10px;
    }
    .banner .banner-fun88 div:has(#button):after{
        left: unset;
        right: -6px;
        top: -92px;
        transform: rotate(161deg);
    }
    .banner-fun88 .girl2-fun88{
        height: 160px;
        width: 94px;
        animation: change-fun88 5s infinite;
    }
    .banner-fun88 .girl-2{
        translate: 64px -59px;
    }
}


/*  ANIMATIONS  */ 
@keyframes hithere {30% { transform: scale(1.05); }40%, 60% { transform: rotate(-7deg) scale(1.05); }50% { transform: rotate(7deg) scale(1.05); }70% { transform: rotate(0deg) scale(1.05); }100% { transform: scale(1);}}@keyframes bounce-in {0% {opacity: 0;transform: translateY(50px);}100% { transform: translateY(0px); }}@keyframes bounce-in-2 {0% {opacity: 0;transform: translateY(0px) scale(0.5);}100% { transform: translateY(0px) scale(1); }}@keyframes gelatine{from, to{transform:scale(1, 1);}25%{transform:scale(1, 1.05);}50%{transform:scale(1, 0.95);}75%{transform:scale(0.95, 1.05);}}@keyframes pulse{0%{transform:translateY(30%);}100%{transform:translateY(0%);}}@keyframes bounce-in-bigger {0% {opacity: 0;transform: translateY(70px);}100% { transform: translateY(20px); }}@keyframes bounce-in-2-bigger {0% {opacity: 0;transform: translateY(20px) scale(0.5);}100% { transform: translateY(20px) scale(1); }} @keyframes crazy-coin{0%{transform:translate(-1px,-1px)}25%{transform:translate(1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,1px)}100%{transform:translate(-1px,-1px)}} @keyframes horisontal-shake{0%,100%{transform:translateX(1px)}25%{transform:translateX(-1px)}50%{transform:translateX(1px)}75%{transform:translateX(-1px)}}
@keyframes change-k9win {
    0% {opacity: 0; background-image: url(/images/banners/girl1-k9win.webp);width: 84px;}
    1% {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl1-k9win.webp);width: 84px;}
    49% {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl1-k9win.webp);width: 84px;}
    50%  {opacity: 0; background-image: url(/images/banners/girl2-k9win.webp);width: 78px;}
    51%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-k9win.webp);width: 78px;}
    99%  {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl2-k9win.webp);width: 78px;}
    100%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-k9win.webp);width: 78px;}
}
@keyframes change-live-casino-house {
    0% {opacity: 0; background-image: url(/images/banners/girl1-live-casino-house.webp);width: 82px;}
    1% {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl1-live-casino-house.webp);width: 82px;}
    49% {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl1-live-casino-house.webp);width: 82px;}
    50%  {opacity: 0; background-image: url(/images/banners/girl2-live-casino-house.webp);width: 76px;}
    51%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-live-casino-house.webp);width: 76px;}
    99%  {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl2-live-casino-house.webp);width: 76px;}
    100%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-live-casino-house.webp);width: 76px;}
}
@keyframes change-bc-game {
    0% {opacity: 0; background-image: url(/images/banners/girl1-bc-game.webp);width: 170px;}
    1% {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl1-bc-game.webp);width: 170px;}
    49% {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl1-bc-game.webp);width: 170px;}
    50%  {opacity: 0; background-image: url(/images/banners/girl2-bc-game.webp);width: 67px;}
    51%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-bc-game.webp);width: 67px;}
    99%  {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl2-bc-game.webp);width: 67px;}
    100%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-bc-game.webp);width: 67px;}
}
@keyframes change-m88 {
    0% {opacity: 0; background-image: url(/images/banners/girl1-m88.webp);width: 90px;}
    1% {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl1-m88.webp);width: 90px;}
    49% {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl1-m88.webp);width: 90px;}
    50%  {opacity: 0; background-image: url(/images/banners/girl2-m88.webp);width: 107px;}
    51%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-m88.webp);width: 107px;}
    99%  {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl2-m88.webp);width: 107px;}
    100%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-m88.webp);width: 107px;}
}
@keyframes change-fun88 {
    0% {opacity: 0; background-image: url(/images/banners/girl1-fun88.webp);width: 122px;}
    1% {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl1-fun88.webp);width: 122px;}
    49% {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl1-fun88.webp);width: 122px;}
    50%  {opacity: 0; background-image: url(/images/banners/girl2-fun88.webp);width: 94px;}
    51%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-fun88.webp);width: 94px;}
    99%  {opacity: 1;transform: translateY(0px); background-image: url(/images/banners/girl2-fun88.webp);width: 94px;}
    100%  {opacity: 0;transform: translateY(200px); background-image: url(/images/banners/girl2-fun88.webp);width: 94px;}
}