.swiper-slide{
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
}
.swiper-slide img{
    margin: 0 auto;
    width: 100%;
    max-width: 1110px;
}
.sliderDescription{
    width: 100%;
    /*background: linear-gradient(90.01deg, #590FB8 0.01%, #680BC1 43.4%, #3F51C5 62.4%, #5DBFF9 79.49%, #70E2E4 100%);*/
    /*background: var(--brand-surface-dark-color);*/
    background: #6501c0;
}
.sliderDescription-text{
    padding: 10px 0;
    /*color: rgba(255, 255, 255, 0.6);*/
    color: #FFF;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
    max-width: 1110px;
    text-align: center;
    margin: 0 auto;
}
.sliderDescription-text a {
    /*color: #EFF90099;*/
    color: #FFFD3D;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.sliderDescription-text a:hover {
    color: #FFFD3D;
    /*color: #EFF90099;*/
    text-decoration: underline;
}
.desktopSlide{display:block;}
.mobileSlide{display:none;}

.paginationHolder{position:absolute;top:0px;left:0px;width:100%;}

.xplevelsSwiperSlide{width:145px;height:200px;background-color:#f6f5f2;}
.xplevelsSwiperSlide:hover{-webkit-transform: none;transform: none;outline: 0; z-index: 3;}
#xplevelsSwiper{margin-bottom:0px;top: 30px;}

.xplevelsSwiperSlide .levelCircleHolder{overflow: hidden;border-radius:50%;position:relative;width:70px;height:70px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;}
.xplevelsSwiperSlide .levelCircle{width:100%;height:100%;background-color:#444444;;border-radius:50%;}
.xplevelsSwiperSlide .requirementsText{text-align:center;font-size:14px;}
.xplevelsSwiperSlide .lpreward{padding-left: 10px;height:25px;background-color:#dde4e6;position:absolute;bottom:10px;left:10px;right:10px;line-height:25px;}
.xplevelsSwiperSlide .lpicon{position: absolute;right: 2px;top: -6px;background-image: url('../Images/lpicon.png');width: 35px;height: 35px;background-size: 100% 100%;}
.xplevelsSwiperSlide .bonusreward{padding-left: 10px;height:25px;background-color:#dde4e6;position:absolute;bottom:48px;left:10px;right:10px;line-height:25px;}
.xplevelsSwiperSlide .bonusicon{position: absolute;right: 2px;top: -6px;background-image: url('../Images/bonusicon.png');width: 35px;height: 35px;background-size: 100% 100%;}
.xplevelsSwiperSlide .xpprogress{width: 70px;height: 0px;background-image: url('../Images/wave.gif');background-repeat: no-repeat;position: absolute;background-size: 100% 100%;background-position: 0px 0px;bottom: 0px;}
.xplevelsSwiperSlide .levelText{line-height:70px;text-align:center;font-size:50px;color:#f6f5f2;position:relative;}

#xplevelsSwiper-container{margin-top:0px;margin-bottom:0px;padding-top: 0px;}

.swiper-button-disabled{
    display:none;
}

.loyaltyshopSwiperSlide{width:145px;height:200px;background-color:#dde4e6;}
.loyaltyshopSwiperSlide:hover{-webkit-transform: none;transform: none;outline: 0; z-index: 3;}
#loyaltyshopSwiper{margin-bottom:0px;top: 0px;}
#loyaltyshopSwiper-container{margin-top:0px;margin-bottom:0px;padding-top: 0px;}
#loyaltyshopSwiper .swiper-wrapper{padding-bottom:0px;}

.loyaltyshopSwiperSlide .top{width:100%;height:120px;}
.loyaltyshopSwiperSlide .center{width:100%;position:absolute;bottom:70px;text-align:center;font-size:14px;}
.loyaltyshopSwiperSlide .bottom{width:100%;height:50px;position:absolute;bottom:0px;}

.loyaltyshopSwiperSlide .button{
    line-height: 39px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    width: 113px;
    height: 39px;
    margin-left: auto;
    margin-right: auto;
    background: #f60a00;
    background: -moz-linear-gradient(top, rgba(227,1,0,0.9) 0%,rgba(227,1,0,0.9) 50%,rgba(186,0,0,0.9) 51%,rgba(186,0,0,0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(227,1,0,0.9) 0%,rgba(227,1,0,0.9) 50%,rgba(186,0,0,0.9) 51%,rgba(186,0,0,0.9) 100%);
    background: linear-gradient(to bottom, rgba(227,1,0,0.9) 0%,rgba(227,1,0,0.9) 50%,rgba(186,0,0,0.9) 51%,rgba(186,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60a00', endColorstr='#c70000',GradientType=0 );
    cursor: pointer;
    z-index: 5;
}
.loyaltyshopSwiperSlide .button:hover{
    background: #c70000;
    background: -moz-linear-gradient(top, rgba(186,0,0,0.9) 0%,rgba(186,0,0,0.9) 50%,rgba(227,1,0,0.9) 51%,rgba(227,1,0,0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(186,0,0,0.9) 0%,rgba(186,0,0,0.9) 50%,rgba(227,1,0,0.9) 51%,rgba(227,1,0,0.9) 100%);
    background: linear-gradient(to bottom, rgba(186,0,0,0.9) 0%,rgba(186,0,0,0.9) 50%,rgba(227,1,0,0.9) 51%,rgba(227,1,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70000', endColorstr='#f60a00',GradientType=0 );
}

.loyaltyshopSwiperSlide  .bonusAmount{
    font-size: 43px;
    color: #444444;
    float: left;
    font-weight: bold;
    margin-top: 12px;
}
.loyaltyshopSwiperSlide .bonusIcon{
    background-image: url('../Images/bonusicon.png');
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

#highlightsSwiper .swiper-slide{width: 150px; height: 260px;margin-bottom:20px;top: 20px;}
#highlightsSwiper .swiper-slide:hover{-webkit-transform: none;transform: none;outline: 0; z-index: 3;}
#highlightsSwiper  .text1{font-size:13px;text-align: center;}
#highlightsSwiper  .text2{font-size:23px;color:#00769c;text-align: center;}
#highlightsSwiper  .text3{font-size:13px;text-align: center;}
#highlightsSwiper .avatar{margin-bottom: 20px;float:none;margin-left: auto;margin-right: auto;}

#avatarSwiper .swiper-slide  input[type="radio"]{display:none;}
#avatarSwiper .swiper-slide:hover{-webkit-transform: none;transform: none;outline: 0; z-index: 3;}
#avatarSwiper{ top: 0px;margin-bottom:0px;}
#avatarSwiper .swiper-wrapper{padding-bottom: 18px;}

#avatarSwiper .xpLevelRequired{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,0.5);
    border-radius: 50%;
}
#avatarSwiper .xpLevelRequired .content{
    position: absolute;
    bottom: 34px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}
#avatarSwiper .xpLevelRequired .lock{
    width: 30px;
    height: 30px;
    background-image: url('../Images/lock.png');
    background-size: 100% 100%;
    position: absolute;
    right: 0px;
}
#avatarSwiper   .selectedAvatar{
   border:8px solid #6ac259;
    outline: 0;
    z-index:3;
    transition: none;
}

.swiper-pagination-bullets{bottom:4px!important;left: 0px; right: 0px;}
.swiper-pagination-bullet{width:15px;height:15px;background-color:#ffffff;opacity:1!important;margin-right:5px;}
.swiper-pagination-bullet-active{background-color:#485096;}

#swiper-container-mobileGameButtons{padding-bottom:2px;}

.swiper-container{width:100%}


#lastPlayedSwiper{

    position:relative;
}

#lastPlayedSwiper .swiper-slide{
    margin-left: 7px;
    margin-right: 7px;
    border-radius:20px;
}

#mobileGameButtons .swiper-container{width: calc(100% - 54px);}

#lastPlayedSwiperLeft, #mobileGameButtonsSwiperLeft{
    width: 23px;
    height: 40px;
    background-image: url('../Images/arrowleft.png');
    position: absolute;
    left: 0px;
    background-size: auto 100%;
    top: 135px;z-index: 5;
    cursor:pointer;
}
#lastPlayedSwiperRight, #mobileGameButtonsSwiperRight{
    width: 23px;
    height: 40px;
    background-image: url('../Images/arrowright.png');
    position: absolute;
    right: 0px;
    background-size: auto 100%;
    top: 135px;z-index: 5;
    cursor:pointer;
}

#lastPlayedSwiperLeft{left:-3px;}
#lastPlayedSwiperRight{right:11px;}
#mobileGameButtonsSwiperLeft, #mobileGameButtonsSwiperRight{top:5px!important;}

#lastPlayedSwiperLeft:hover, #mobileGameButtonsSwiperLeft:hover{background-image: url('../Images/arrowleft_mo.png');}
#lastPlayedSwiperRight:hover, #mobileGameButtonsSwiperRight:hover{background-image: url('../Images/arrowright_mo.png');}


#lastPlayedSwiper  .gameMenu-games-playButton{
    position: absolute;
    top: calc(50% - 24px);
    margin-left: 24px;
}
#lastPlayedSwiper .gameMenu-games-playButton-button, #lastPlayedSwiper .gameMenu-games-playButton-funbutton{
    width:86px;
    font-size: 9px;
    padding-top: 2px;
}
#lastPlayedSwiper .gameMenu-games-playButton-funbutton{top:35px;}

@media screen and (max-width:1120px) {
    .swiper-slide img{
        padding: 0 16px;
    }
    .categories > .container {
        padding: 0 16px;
    }
    .sliderDescription-text{
        padding: 10px 16px;
    }
}

@media screen and (max-width:1100px) {
    #lastPlayedSwiperLeft, #lastPlayedSwiperRight{display:none;}
    #lastPlayedSwiper{width:auto; margin-left: 0px;}
}

@media screen and (max-width:800px) {
    .desktopSlide {
        display: none;
    }
    .mobileSlide {
        display: block;
        width: 100vw;
    }
    .sliderDescription {
        background: #590FB8;
    }
    .sliderDescription-text {
        font-weight: 400;
        font-size: 11px;
    }
    .swiper-pagination-bullets{left:auto;}
    .swiper-slide img{
        padding: 0;
    }
}

#lastPlayedSwiperLeft, #lastPlayedSwiperRight{display:none;}

#lastPlayedSwiperLeft, #rtJackpotsSwiperLeft, #mobileGameButtonsSwiperLeft{width:37px;height:40px;background-image: url('../Images/arrowleft.png');position:absolute;left: 0px;top: 135px;z-index: 5;}
#lastPlayedSwiperRight, #rtJackpotsSwiperRight, #mobileGameButtonsSwiperRight{width:37px;height:40px;background-image: url('../Images/arrowright.png');position:absolute;right: 0px;top: 135px;z-index: 5;}


#lastPlayedSwiperLeft,  #rtJackpotsSwiperLeft{display:none;}

#lastPlayedSwiperLeft,  #rtJackpotsSwiperLeft{left:-3px;}
#lastPlayedSwiperRight, #rtJackpotsSwiperRight{right:14px;}
#mobileGameButtonsSwiperLeft, #mobileGameButtonsSwiperRight{top:6px!important;}

#lastPlayedSwiperLeft:hover,  #rtJackpotsSwiperLeft:hover{cursor:pointer;background-image: url('../Images/arrowleft_mo.png');}
#lastPlayedSwiperRight:hover, #rtJackpotsSwiperRight:hover{cursor:pointer;background-image: url('../Images/arrowright_mo.png');}

.bottom-left {
    border-radius: 0 0 19px 19px;
}