/* progress */
.HeaderWheelContainer.small-mode .progress-content-container {
    width: 290px;
    padding-top: 25px;
}
.small-mode .progress-list {
    font-size: 13px;
}
.small-mode .progress-line {
    padding-left: 0px;
}
.small-mode .progress-list {
    float: left;
    width: calc( (100% - 20px)/5);
}
.small-mode .bottom .progress-list.active:before {
    font-size: 10px;
}
.small-mode .progress div span {
    width: 62px;
    height: 28px;
    line-height: 28px;
    right: -31px;
    top: calc(50% - 14px);
    font-size: 13px;
}
.small-mode .progress-list:nth-child(3) label, 
.small-mode .progress-list:nth-child(4) label {
    margin-right: -12px;
}
.small-mode .progress-list:nth-child(5) label, 
.small-mode .progress-list:nth-child(6) label {
    margin-right: -17px;
}
.small-mode .progress-line span {
    display: none;
}

.small-mode .progress-container.SlotsJackpotWheel-NewMode.sports-progress .progress-list:nth-child(2) label {
    left: -3px;
}


.progress-content-container {
    width: 800px;
    height: 144px;
    position: relative;
    margin: 20px auto;
    border-top: 1px solid #bfbfbf;
    box-sizing: border-box;
}
.progress-line {
    width: 100%;
    height: 60px;
    position: relative;
    line-height: 60px;
    box-sizing: border-box;
    font-size: 12px;
    color: #404040;
    font-family: 'CrystalBetUni-Medium';
    padding-left: 20px;
}
.progress-line span {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
}
.progress-list {
    float: left;
    width: calc( (100% - 40px)/5);
    text-align: right;
    position: relative;
    font-size: 16px;
    color: #000;
}
.progress-list label {
    margin-right: -7px;
}
.nPageContent .SlotsJackpotWheel-NewMode .progress-list label {
    margin-right: -15px;
}


.progress-list:nth-child(3) label,
.progress-list:nth-child(4) label {
    margin-right: -17px;
}
.progress-list:nth-child(5) label,
.progress-list:nth-child(6) label {
    margin-right: -22px;
}


.progress-list:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #B3B3B3;
    position: absolute;
    right: 0px;
    bottom: 5px;
}
.bottom .progress-list:after {
    bottom: initial;
    top: 5px;
}
.bottom .progress-list.active:before {
    content: '\e848';
    position: absolute;
    right: 15px;
    top: 0px;
    font-family: 'cb-mobile-icons';
    font-size: 12px;
    color: #33B52A;
    pointer-events: none;
}

.progress {
    width: 100%;
    background: #D8D8D8;
    border-radius: 10px;
    height: 20px;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
}
.progress:after {
    content: '';
    display: block;
    position: absolute;
    width: 5%;
    height: 100%;
    border-radius: 10px;
    left: 0;
    top: 0;
    background: #33B52A;
    z-index: -1;
}

.progressin {
    width: calc(100% - 60px);

    height: 20px;
    border-radius: 10px;
    left: 20px;
    position: absolute;
}
.small-mode .progressin {
    width: calc(100% - 20px);
    left: 0px
}

.small-mode .progressin div {
    min-width: 11%;
}

.progressin div {
    background: #33B52A;
    border-radius: 10px;
    height: 20px;
    position: relative;
    box-sizing: border-box;
    min-width: 3%;    
}
.progress div span {
    width: 90px;
    height: 38px;
    line-height: 38px;
    background: #169A0D;
    border-radius: 21px;
    position: absolute;
    right: -45px;
    top: calc(50% - 19px);
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
}
/* progress end*/




/*jetx-mode*/
.jetxWhellTop .small-mode .progress-list {
    color: #fff;
}
.jetxWhellTop .small-mode .progress {
    background: #122E6A;
}
.jetxWhellTop .small-mode .progress-list:after {
    background: #122E6A;
}

.jetx-mode .progress-content-container {
    width: 490px;
    border-top: 1px solid #3E445C;
    height: 66px;
}
.jetx-mode .progress {
    height: 12px;
    background: #3E445C;
    border-radius: 6px;
}
.jetx-mode .progressin {
    height: 12px;
    
    border-radius: 6px;
    width: calc(100% - 90px);
    left: 60px;
}
.jetx-mode .percent0 .progressin {
    left: 22px;
}
.jetx-mode .progress.percent0:after {
    width: 0%;;
}

.jetx-mode .progressin div {
    height: 12px;
    min-width: 1%;
}
.jetx-mode .progress.percent100 .progressin div {
    width: 101% !important;
}
.jetx-mode .progress div span {
    width: 54px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    right: -27px;
    top: calc(50% - 22px/2)
}
.jetx-mode .progress-line {
    height: 47px;
    line-height: 47px;
    padding-left: 60px;
}
.jetx-mode .progress-line span {
    height: 47px;
    line-height: 47px;
    font-size: 12px;
    color: #99A3D2;
}
.jetx-mode .progress-list {
    font-size: 14px;
    color: #D4D7E5;
}
.jetx-mode .progress-list font {
    position: relative;
    margin-right: -5px;
}
.jetx-mode .progress-list {
    width: calc( (100% - 30px)/5);
}
.jetx-mode .progress:after {
    width: 16%;
}
.small-mode .jetx-mode .progress:after {
    width: 25%;
}
.small-mode .jetx-mode .progress.percent0:after {
    width: 0%;
}
.jetx-mode .progress-list:after {
    height: 6px;
    background: #626A88;
}


/*SlotsJackpotWheel-mode*/
.jetxWhellTop .small-mode .progress-list {
    color: #fff;
}
.jetxWhellTop .small-mode .progress {
    background: #122E6A;
}
.jetxWhellTop .small-mode .progress-list:after {
    background: #122E6A;
}

.SlotsJackpotWheel-mode .progress-content-container {
    width: 490px;
    border-top: 1px solid rgba(255,255,255,0.2);
    height: 66px;
}
.SlotsJackpotWheel-mode .progress {
    height: 12px;
    background: rgba(0,0,0,0.5);
    border-radius: 6px;
}
.SlotsJackpotWheel-mode .progressin {
    height: 12px;
    
    border-radius: 6px;
    width: calc(100% - 48px);
    left: 19px;
}
.SlotsJackpotWheel-mode .percent0 .progressin {
    left: 0px;
}
.SlotsJackpotWheel-mode .progress.percent0:after {
    width: 0%;;
}

.SlotsJackpotWheel-mode .progressin div {
    height: 12px;
    min-width: 6%;
}


.small-mode .SlotsJackpotWheel-mode .progressin div {
    min-width: 13%;
    max-width: 95%;
}

.SlotsJackpotWheel-mode .progress div span {
    width: 68px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    right: calc(-68px/2);
    top: calc(50% - 22px/2)
}
.small-mode .SlotsJackpotWheel-mode .progress div span {
    right: calc(-68px/2 + 16px);
}

.SlotsJackpotWheel-mode .progress-line {
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
}
.SlotsJackpotWheel-mode .progress-line span {
    height: 47px;
    line-height: 47px;
    font-size: 12px;
    color: rgba(255,255,255,0.6);

}
#body.ru .SlotsJackpotWheel-mode .progress-line span {
    font-size: 9px;
}

.small-mode .slotsWheelContainetTop.SlotsJackpotWheel-mode .progress-content-container {
    padding-top: 56px;
}
.small-mode .slotsWheelContainetTop.SlotsJackpotWheel-mode .progress-list {
    color: #000;
}
.small-mode .slotsWheelContainetTop.SlotsJackpotWheel-mode .progress-list:after {
    background: #B2B2B2;
}
.small-mode .slotsWheelContainetTop.SlotsJackpotWheel-mode .progress {
    height: 20px;
    background: #D8D8D8;
}
.small-mode .slotsWheelContainetTop.SlotsJackpotWheel-mode .progressin div {
    height: 20px;
}
.small-mode .slotsWheelContainetTop.SlotsJackpotWheel-mode .progress div span {
    height: 28px;
    line-height: 28px;
    top: calc(50% - 28px/2);
    font-size: 12px;
}
.small-mode .slotsWheelContainetTop.SlotsJackpotWheel-mode .progress-line span {
    display: block !important;
    color: rgba(32,32,32,0.6);
    font-size: 11px;
}

.small-mode .SlotsJackpotWheel-mode .progress-line {
    padding-left: 0;
}
.small-mode .SlotsJackpotWheel-mode .progress-list {
    font-size: 12px;
    color: #fff;
    width: calc( (100% - 0px)/7);
}

.small-mode .SlotsJackpotWheel-mode .progress-list:nth-child(3) label,
.small-mode .SlotsJackpotWheel-mode .progress-list:nth-child(4) label {
    margin-right: -18px;
}
.small-mode .SlotsJackpotWheel-mode .progress-list:nth-child(5) label,
.small-mode .SlotsJackpotWheel-mode .progress-list:nth-child(6) label,
.small-mode .SlotsJackpotWheel-mode .progress-list:nth-child(7) label {
    margin-right: -20px;
}
.small-mode .SlotsJackpotWheel-mode .progress-list:nth-child(2) label {
    margin-right: -17px !important;
}
.small-mode .SlotsJackpotWheel-mode .progress-list:nth-child(2) {
    width: 23px;
}

.small-mode .SlotsJackpotWheel-mode .bottom .progress-list.active:before {
    right: 9px;
}
.small-mode .SlotsJackpotWheel-mode .progressin{
    left: 0;
    width: 100%;
}

.small-mode .SlotsJackpotWheel-mode .progress-line span {
    height: 47px;
    line-height: 47px;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    width: 100%;
    text-align: center;
    font-size: 11px;
}
.small-mode .SlotsJackpotWheel-mode .progress-line.top span{
    top: -21px;
}
.small-mode .SlotsJackpotWheel-mode .progress-line.bottom span{
    bottom: -21px;
    top: initial;
}

.small-mode .SlotsJackpotWheel-mode  .progress-content-container {
    border-top: none;
    width: 290px;
}

.SlotsJackpotWheel-mode .progress-list {
    font-size: 14px;
    color: #D4D7E5;
}
.SlotsJackpotWheel-mode .progress-list font {
    position: relative;
    margin-right: -5px;
}
.SlotsJackpotWheel-mode .progress-list {
    width: calc( (100% - 30px)/7);
}
.SlotsJackpotWheel-mode .progress-list label {
    margin-right: -25px;
}
.SlotsJackpotWheel-mode .progress:after {
    width: 16%;
}
.small-mode .SlotsJackpotWheel-mode .progress:after {
    width: 11%;
}
.small-mode .SlotsJackpotWheel-mode .progress.percent0:after {
    width: 0%;
}
.SlotsJackpotWheel-mode .progress-list:after {
    height: 6px;
    background: rgba(255,255,255,0.2);
}



.progress-PiggyBank .progress-list font,
.PiggyBankContainetTop .progress-list font {
    color: #ededed;
    width: 24px;
    height: 18px;
    left: 4px;
    position: relative;
}
.progress-PiggyBank .progress-list font:after,
.PiggyBankContainetTop .progress-list font:after {
    content: '';
    background: url(../PiggyBank/small-pig.png);
    width: 24px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

/*SlotsJackpotWheel euro2020*/
.progress-container {
    width: 570px;
    height: 100px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    margin: 15px auto 0 auto;
    position: relative;
    box-sizing: border-box;
}
.nPageContent .progress-container {
    left: -19px;
}

.progress-title {
    width: 130px;
    height: 100px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
    padding-top: 15px;
    float: left;
}

.progress-container.sports-progress .progress-title div {
    width: 42px;
    height: 42px;
    background: url(../SlotsJackpotWheel/sports.svg) center no-repeat;
    background-size: 42px 42px;
    margin: 0 auto 8px auto;
}
.progress-container.slots-progress .progress-title div {
    width: 42px;
    height: 42px;
    background: url(../SlotsJackpotWheel/slots.svg) center no-repeat;
    background-size: 42px 42px;
    margin: 0 auto 8px auto;
}

.SlotsJackpotWheel-NewMode .progress-content-container {
    width: 420px;
    height: 125px;
    float: right;
    margin: 0;
    margin-right: 20px;
    border-top: none;
    padding-top: 6px;
}
.slotsWheelPogress.SlotsJackpotWheel-NewMode .progress-content-container {
    padding-top: 0px;
    top: -5px;
}

.SlotsJackpotWheel-NewMode .progress-line {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
}
.SlotsJackpotWheel-NewMode .progress-line span {
    height: 40px;
    line-height: 40px;
}
.ru .SlotsJackpotWheel-NewMode .progress-line span {
    font-size: 9px;
}
.ru .small-mode .SlotsJackpotWheel-NewMode .progress-line span {
    font-size: 7px;
}
.SlotsJackpotWheel-NewMode .progress-list {
    font-size: 14px;
    color: #fff;
}
.SlotsJackpotWheel-NewMode .progress-list:after {
    background: rgba(255, 255, 255, 0.2);
    bottom: 4px;
    height: 6px;
}
.SlotsJackpotWheel-NewMode .progress {
    background: rgba(255, 255, 255, 0.1);
    height: 12px;
}
#main .SlotsJackpotWheel-NewMode .progress {
    background: rgba(0,0,0,0.5);
}

.SlotsJackpotWheel-NewMode .progress:after {
    width: 7%;
}
.SlotsJackpotWheel-NewMode .progressin {
    height: 12px;
}
.nPageContent .SlotsJackpotWheel-NewMode .progress.percent0 .progressin {
    left: 16px;
}

.SlotsJackpotWheel-NewMode .progressin div {
    height: 12px;
}
.SlotsJackpotWheel-NewMode .progress div span {
    width: max-content;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    right: -33px;
    top: calc(50% - 11px);
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
}
.nPageContent .SlotsJackpotWheel-NewMode.sportsWheelPogress .progress.percent100 div span,
.nPageContent .SlotsJackpotWheel-NewMode.slotsWheelPogress .progress.percent100 div span {
    right: -38.5px !important;
    width: 64px !important;
}

.SlotsJackpotWheel-NewMode .bottom .progress-list:after {
    bottom: initial;
    top: 5px;
}

.small-mode .SlotsJackpotWheel-NewMode.progress-container {
    width: 320px;
    height: 81px;
    margin: 10px auto 0 auto;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-title {
    width: 77px;
    height: 81px;
    font-size: 12px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-title div {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-content-container {
    width: 238px;
    height: 81px;
    margin-right: 5px;
    padding-top: 11px !important;
    top: 0 !important;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-line {
    height: 24px;
    line-height: 24px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-line span {
    height: 24px;
    line-height: 24px;
    left: 0px;
    font-size: 10px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-line.top span {
   top: -9px
}
.small-mode .SlotsJackpotWheel-NewMode .progress-line.bottom span {
    bottom: -9px;
    top: initial;
 }
.small-mode .SlotsJackpotWheel-NewMode .progress-list font {
    position: relative;
    bottom: -8px;
}

.small-mode .SlotsJackpotWheel-NewMode .progress-list {
    font-size: 11px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-list:nth-child(2)  {
    margin-left: 18px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress,
.small-mode .SlotsJackpotWheel-NewMode .progressin,
.small-mode .SlotsJackpotWheel-NewMode .progressin div {
    height: 10px;
    max-width: 96%;
}
.slotsWhellTop .small-mode .SlotsJackpotWheel-NewMode .progress,
.slotsWhellTop .small-mode .SlotsJackpotWheel-NewMode .progressin,
.slotsWhellTop .small-mode .SlotsJackpotWheel-NewMode .progressin div {
    max-width: 96%;
}

.slotsWhellTop .small-mode .SlotsJackpotWheel-NewMode .progressin {
    left: 35px;
}
.slotsWhellTop .small-mode .SlotsJackpotWheel-NewMode .progress.percent100 div span {
    right: -11px !important;
}
.slotsWhellTop .small-mode .SlotsJackpotWheel-NewMode .progress:after {
    width: 18%;
}

.small-mode .SlotsJackpotWheel-NewMode .progress div span {
    width: max-content;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    font-size: 11px;
    top: calc(50% - 15px/2);
    
}
.small-mode .SlotsJackpotWheel-NewMode .progress.percent0 div span {
    right: -16px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-list {
    width: calc( (100% - 38px)/5);
}

.slotsWhellTop .SlotsJackpotWheel-NewMode.progress-container {
    
}
.slotsWhellTop .progress-content-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 13px !important;
}

.slotsWhellTop .small-mode .progress-line span {
    display: block !important;

    
}
.ru .slotsWhellTop .small-mode .progress-line span {
    font-size: 8px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-list label {
    margin-right: -15px;
    position: relative;
    margin-right: -15px;
    top: -9px;
}
.slotsWhellTop .SlotsJackpotWheel-NewMode .progress-list {

}
.slotsWhellTop .SlotsJackpotWheel-NewMode .progress {
    background: rgba(0,0,0,0.5);
}
.sportsWheelPogressTop {
    margin-top: 58px !important;
}
.small-mode .SlotsJackpotWheel-NewMode .bottom .progress-list.active:before {
    right: 4px;
    top: 9px;
}
.slotsWhellTop .small-mode .SlotsJackpotWheel-NewMode .progress-list:after {

    bottom: 5px;
    height: 6px;
}
.small-mode .SlotsJackpotWheel-NewMode  .progressin {
    width: calc(100% - 38px);
    left: 18px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress:after {
    width: 12%;
}
.small-mode .SlotsJackpotWheel-NewMode .progress.percent0:after {
    width: 0;
}
.SlotsJackpotWheel-NewMode .progress.percent0 .progressin div {
    min-width: 0;
}
.small-mode .SlotsJackpotWheel-NewMode .progress.percent0 .progressin {
    left: 14px;
}
.small-mode .SlotsJackpotWheel-NewMode .progress-list.active font {
    right: -7px;
}





/*HeaderWheel bonusProgress*/
.HeaderWheel.bonusProgress .HeaderWheelContainer.small-mode .progress-content-container {
    width: 420px;
    padding-top: 21px;
}
.HeaderWheel.bonusProgress .progress div span {
    width: 70px;
    
    height: 28px;
    line-height: 28px;
    right: -35px !important;
    top: calc(50% - 28px/2);
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
}
.HeaderWheel.bonusProgress .progress.percent0 div span {
    right: -30px !important;
}

.bonusprogress .HeaderWheelContainer.small-mode .HeaderWheelBT {
    background: #FDE053;
    bottom: 17px;
}
.HeaderWheel.bonusProgress .small-mode .progress-line span {
    display: block !important;
    font-size: 12px;
    color: #fff;
    font-family: 'CrystalNU4-Regular';
}
.HeaderWheel.bonusProgress .progress {
    background: rgba(0,0,0,0.5);
}
.HeaderWheel.bonusProgress .HeaderWheelContainer:after {
    border-color: transparent transparent #A70802 transparent;
}
.HeaderWheel.bonusProgress .progress-list {
    color: #fff;
}
.HeaderWheel.bonusProgress .progress-list label {
margin-right: 0px;
    position: relative;
    bottom: -2px;
    display: block;
    width: 100px !important;
    text-align: center;
    right: -25px !important;
}
.HeaderWheel.bonusProgress .small-mode .progress-line {
    padding-left: 40px;
}
.HeaderWheel.bonusProgress .small-mode .progressin {
    width: calc(100% - 58px);
    left: 39px;
}
.HeaderWheel.bonusProgress .progress:after {
    width: 14%;
}
.HeaderWheel.bonusProgress .small-mode .progressin div {
    min-width: 0%;
    max-width: 100%;
}
.HeaderWheel.bonusProgress .progress-list:after {
    background: rgba(255,255,255,0.5);
}
.HeaderWheel.bonusProgress .progress-line.bottom .progress-list font {
    margin-right: 0;
    position: relative;
    width: 50px !important;
    display: block;
    text-align: center;
    right: -45px !important;
}
.HeaderWheel.bonusProgress .progress-line.bottom.lowMode .progress-list font {
    width: max-content;
    margin-right: 0;
    position: relative;
}
.HeaderWheel.bonusProgress .bottom .progress-list.active:before {
    display: none;
}
.HeaderWheel.bonusProgress .bottom .progress-list.active font:before {
    content: '\e848';
    position: relative;
    right: 0px;
    top: 0px;
    font-family: 'cb-mobile-icons';
    font-size: 10px;
    color: #33B52A;
    pointer-events: none;
    margin-right: 2px;
}

.HeaderWheel.bonusProgress .progress-line {
    height: 55px;
    line-height: 55px;
}

.HeaderWheel.bonusProgress .bottom .progress-list.active:before {
    position: relative;
    margin-right: 2px;
    right: initial;
}
.HeaderWheelContainer-info {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 77px;
    font-size: 12px;
    color: #fff;
    font-family: 'CrystalNU4-Bold';
}
.HeaderWheel.bonusProgress .HeaderWheelTitle {
    padding-top: 16px;
    text-align: left;
    padding-left: 27px;
    font-size: 18px;
    color: #fff;
}
.HeaderWheelTimer {
    position: absolute;
    width: max-content;
    height: 26px;
    padding-right: 86px;
    border-radius: 4px;
    background: rgba(0,0,0,0.3);
    right: 16px;
    top: 16px;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    font-family: 'CrystalNU4-Bold';
    padding-left: 7px;
    box-sizing: border-box;
}

.HeaderWheelContainer.gift.long .HeaderWheelTimer  {
    padding-right: 110px;
}
.HeaderWheelContainer.gift.long .HeaderWheelTimer label {
    width: 100px;
    right: -2px;
}

.HeaderWheel.bonusProgress .progress.percent0 .progressin {
    left: 40px;
}
.HeaderWheel.bonusProgress .progress.percent0:after {
    width: 0;
}

.HeaderWheelTimer label {
    font-size: 14px;
    font-family: 'CrystalBetUni-Bold';
    position: absolute;
    right: 6px;
    display: block;
    text-align: left;
    width: 72px;
    top: 0;
}



/*end HeaderWheel bonusProgress*/

/*HeaderWheel bonusProgressOuterInstant*/
.bonusProgressOuterInstant .small-mode .progress-list {
    width: calc((100% - 20px) / 3);
}
.HeaderWheel.bonusProgressOuterInstant .HeaderWheelContainer.small-mode .progress-content-container {
    width: 420px;
    padding-top: 21px;
}
.HeaderWheel.bonusProgressOuterInstant .progress div span {
    width: 85px;
    
    height: 28px;
    line-height: 28px;
    right: -40px !important;
    top: calc(50% - 28px/2);
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
}
.HeaderWheel.bonusProgressOuterInstant .progress.percent0 div span {
    right: -37.5px !important;
}

.bonusProgressOuterInstant .HeaderWheelContainer.small-mode .HeaderWheelBTRules {
    background: #FDE053;
    width: 90px;
    height: 40px;
    font-size: 13px;
    color: #262000;
    font-family: 'CrystalBetUni-Medium';
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.bonusProgressOuterInstant .HeaderWheelContainer.small-mode .HeaderWheelBTUse {
    background: #B3B3B3;
    width: 164px;
    height: 40px;
    font-size: 13px;
    color: #404040;
    font-family: 'CrystalBetUni-Medium';
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.bonusProgressOuterInstant .HeaderWheelContainer.small-mode .HeaderWheelBTUse.active {
    background: #33B52A;
    width: 164px;
    height: 40px;
    font-size: 13px;
    color: #FFF;
    font-family: 'CrystalBetUni-Medium';
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bonusProgressOuterInstant .HeaderWheelContainer.small-mode .HeaderWheelBT-container {
    width: 100%;
    bottom: 20px;
    position: absolute;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.HeaderWheel.bonusProgressOuterInstant .small-mode .progress-line span {
    display: block !important;
    font-size: 12px;
    color: #fff;
    font-family: 'CrystalNU4-Regular';
}
.HeaderWheel.bonusProgressOuterInstant .small-mode .progress-line.bottom span {
    line-height: 55px;
}
.HeaderWheel.bonusProgressOuterInstant .progress {
    background: rgba(0,0,0,0.5);
}
.HeaderWheel.bonusProgressOuterInstant .HeaderWheelContainer:after {
    border-color: transparent transparent #A70802 transparent;
}
.HeaderWheel.bonusProgressOuterInstant .progress-list {
    color: #fff;
}
 
.HeaderWheel.bonusProgressOuterInstant .progress-line.blourprogressone .progress-list:nth-child(1):before {
    contnt:"";
    position: absolute;
    width: 12px;
    height: 9px;
    top: 0px;
    left: 0px;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.7832%201.75874L10.7303%200.72845C10.586%200.587073%2010.4104%200.516357%2010.204%200.516357C9.99744%200.516357%209.82186%200.587073%209.67749%200.72845L4.59871%205.70576L2.32257%203.47087C2.17803%203.32944%202.00256%203.2588%201.79618%203.2588C1.58966%203.2588%201.41419%203.32944%201.26965%203.47087L0.21677%204.50119C0.0722387%204.64259%200%204.81435%200%205.01641C0%205.21831%200.0722387%205.39023%200.21677%205.53161L3.0193%208.27395L4.07227%209.30424C4.21672%209.44572%204.39224%209.51636%204.59871%209.51636C4.80509%209.51636%204.98062%209.44554%205.12515%209.30424L6.17809%208.27395L11.7832%202.78911C11.9276%202.64768%2012%202.47595%2012%202.27389C12.0001%202.07193%2011.9276%201.90017%2011.7832%201.75874Z%22%20fill%3D%22%23B3B3B3%22%2F%3E%3C%2Fsvg%3E);
}
.HeaderWheel.bonusProgressOuterInstant .progress-line.blourprogresstwo .progress-list:nth-child(2):before {
    contnt:"";
    position: absolute;
    width: 12px;
    height: 9px;
    top: 0px;
    left: 0px;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.7832%201.75874L10.7303%200.72845C10.586%200.587073%2010.4104%200.516357%2010.204%200.516357C9.99744%200.516357%209.82186%200.587073%209.67749%200.72845L4.59871%205.70576L2.32257%203.47087C2.17803%203.32944%202.00256%203.2588%201.79618%203.2588C1.58966%203.2588%201.41419%203.32944%201.26965%203.47087L0.21677%204.50119C0.0722387%204.64259%200%204.81435%200%205.01641C0%205.21831%200.0722387%205.39023%200.21677%205.53161L3.0193%208.27395L4.07227%209.30424C4.21672%209.44572%204.39224%209.51636%204.59871%209.51636C4.80509%209.51636%204.98062%209.44554%205.12515%209.30424L6.17809%208.27395L11.7832%202.78911C11.9276%202.64768%2012%202.47595%2012%202.27389C12.0001%202.07193%2011.9276%201.90017%2011.7832%201.75874Z%22%20fill%3D%22%23B3B3B3%22%2F%3E%3C%2Fsvg%3E);
}
.HeaderWheel.bonusProgressOuterInstant .progress-line.blourprogressthree .progress-list:nth-child(3):before {
    contnt:"";
    position: absolute;
    width: 12px;
    height: 9px;
    top: 0px;
    left: 0px;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.7832%201.75874L10.7303%200.72845C10.586%200.587073%2010.4104%200.516357%2010.204%200.516357C9.99744%200.516357%209.82186%200.587073%209.67749%200.72845L4.59871%205.70576L2.32257%203.47087C2.17803%203.32944%202.00256%203.2588%201.79618%203.2588C1.58966%203.2588%201.41419%203.32944%201.26965%203.47087L0.21677%204.50119C0.0722387%204.64259%200%204.81435%200%205.01641C0%205.21831%200.0722387%205.39023%200.21677%205.53161L3.0193%208.27395L4.07227%209.30424C4.21672%209.44572%204.39224%209.51636%204.59871%209.51636C4.80509%209.51636%204.98062%209.44554%205.12515%209.30424L6.17809%208.27395L11.7832%202.78911C11.9276%202.64768%2012%202.47595%2012%202.27389C12.0001%202.07193%2011.9276%201.90017%2011.7832%201.75874Z%22%20fill%3D%22%23B3B3B3%22%2F%3E%3C%2Fsvg%3E);
}
.HeaderWheel.bonusProgressOuterInstant .progress-list label {
    margin-right: 0px;
    position: relative;
    bottom: -3px;
    display: block;
    width: 100px !important;
    text-align: center;
    right: -68px !important;
}
 
.HeaderWheel.bonusProgressOuterInstant .small-mode .progress-line {
    padding-left: 40px;
    margin-bottom: 0px;
}
.HeaderWheel.bonusProgressOuterInstant .small-mode .progressin {
    width: calc(100% - 58px);
    left: 39px;
}
.HeaderWheel.bonusProgressOuterInstant .progress:after {
    width: 14%;
}
.HeaderWheel.bonusProgressOuterInstant .small-mode .progressin div {
    min-width: 0%;
    max-width: 100%;
}
.HeaderWheel.bonusProgressOuterInstant .progress-list:after {
    background: rgba(255,255,255,0.5);
}
.HeaderWheel.bonusProgressOuterInstant .progress-list:nth-child(2):after {
    right: -1px;
    bottom: 5px;
}
.HeaderWheel.bonusProgressOuterInstant .progress-list:nth-child(3):after {
    right: -1px;
    bottom: 5px;
}
.HeaderWheel.bonusProgressOuterInstant .progress-list:nth-child(4):after {
    right: -1px;
    bottom: 5px;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list:nth-child(2):after {
    top: 7px;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list:nth-child(3):after {
    top: 7px;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list:nth-child(4):after {
    top: 7px;
}
.HeaderWheel.bonusProgressOuterInstant .progress-line.bottom .progress-list font {
    margin-right: 0;
    position: relative;
    width: 50px !important;
    display: block;
    text-align: center;
    right: -95px !important;
    font-size: 14px;
}

.HeaderWheel.bonusProgressOuterInstant .progress-line.bottom.lowMode .progress-list font {
    width: max-content;
    margin-right: 0;
    position: relative;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list.active:before {
    display: none;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list.active font:before {
    content: '\e848';
    position: absolute;
    right: 0px;
    top: 1px;
    font-family: 'cb-mobile-icons';
    font-size: 10px;
    color: #33B52A;
    pointer-events: none;
    margin-right: 2px;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list.active:nth-child(2) font:before {
    right: 36px;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list.active:nth-child(3) font:before {
    right: 39px;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list.active:nth-child(4) font:before {
    right: 40px;
}
.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list.active.blour font:before {
    color: rgba(179, 179, 179, 1);
}
.HeaderWheel.bonusProgressOuterInstant .progress-line {
    height: 55px;
    line-height: 55px;
}

.HeaderWheel.bonusProgressOuterInstant .bottom .progress-list.active:before {
    position: relative;
    margin-right: 2px;
    right: initial;
}
.HeaderWheel.bonusProgressOuterInstant .HeaderWheelContainer-info {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 77px;
    font-size: 12px;
    color: #fff;
    font-family: 'CrystalNU4-Bold';
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.HeaderWheel.bonusProgressOuterInstant .HeaderWheelContainer-info > span {
    color: #FC0;
    font-size: 16px;
}
.HeaderWheel.bonusProgressOuterInstant .HeaderWheelTitle {
    padding-top: 16px;
    text-align: left;
    padding-left: 30px;
    font-size: 18px;
    color: #fff;
}
.HeaderWheelTimer {
    position: absolute;
    width: max-content;
    height: 26px;
    padding-right: 86px;
    border-radius: 4px;
    background: rgba(0,0,0,0.3);
    right: 15px;
    top: 16px;
    line-height: 26px;
    color: #fff;
    font-size: 12px;
    font-family: 'CrystalNU4-Bold';
    padding-left: 7px;
    box-sizing: border-box;
}
.HeaderWheelContainer.gift.long .HeaderWheelTimer  {
    padding-right: 103px;
}
.HeaderWheelContainer.gift .HeaderWheelTimer label {
/*    width: 100px;
    right: 0px;
    text-align: right;
    padding-right: 3px;*/
}

.HeaderWheel.bonusProgressOuterInstant .progress.percent0 .progressin {
    left: 40px;
}
.HeaderWheel.bonusProgressOuterInstant .progress.percent0:after {
    width: 0;
}

.HeaderWheelTimer label {
    font-size: 14px;
    font-family: 'CrystalBetUni-Bold';
    position: absolute;
    right: 6px;
    display: block;
    text-align: left;
    width: 72px;
    top: 0;
}



/*end HeaderWheel bonusProgressOuterInstant*/