#body {
    background: url(bg.jpg) #212121 top center no-repeat;
}
.nPageContent {
	background: none;
}
.SuitCase-content {
	width: 1000px;
	margin: 0 auto;

	position: relative;
    padding-top: 23px;
    box-sizing: border-box;
}

/*freespin-auth*/
.freespin-auth {
    width: 830px;
    height: 120px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.4);
    border: 2px solid #33B52A;
    border-radius: 90px;
    margin: -7px auto 59px auto;
    position: relative;
    display: none;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
#body.notauthorized .freespin-auth {
    display: flex;
}
.freespin-auth-ico {
    position: relative;
    width: 40px;
    height: 40px;
    left: 53px;
}
.freespin-auth-ico:before {
    content: '\e81c';
    font-family: 'cb-icons';
    font-size: 35px;
    color: #ffffff;
    position: absolute;
}
.freespin-auth-txt {
    width: 380px;
    height: 42px;
    margin: 0 12px 0 68px;
    font-size: 18px;
    line-height: 21px;
    color: #ffffff;
    font-family: 'CrystalNU4-Bold';
    text-align: left;
}
.ru .freespin-auth-txt {
    font-size: 16px;
} 
.freespin-auth-buttons {
    display: flex;
    justify-content: center;
}
.freespin-auth-buttons a {
    display: block;
    height: 58px;
    padding: 0 24px;
    line-height: 58px;
    font-size: 16px;
    font-family: 'CrystalBetUni-Medium';
    border-radius: 30px;
    cursor: pointer;
    text-decoration: none;
}
.freespin-auth-login {
    color: #262000;
    background: #FDE053;
    margin-right: 15px;
}
.freespin-auth-login:hover {
    background: #fcf178;
}
.freespin-auth-register {
    color: #ffffff;
    background: #33B52A
}
.freespin-auth-register:hover {
    background: #26db26;
}
.SuitCase-top-title {
    width: 100%;
    height: 70px;    
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 27px;
    margin-top: 6px;
}
#body.ka .SuitCase-top-title {
    background-image: url(title_ka.png);
}
#body.en .SuitCase-top-title {
    background-image: url(title_en.png);
}
#body.ru .SuitCase-top-title {
    background-image: url(title_ru.png);
    height: 80px;
}
#body.en .SuitCase-content,
#body.ru .SuitCase-content {
    text-transform: uppercase;
}
.SuitCase-ttl1 {
    line-height: 43px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-family: 'CrystalBetUni-Bold';
    margin-bottom: 414px;
}
.SuitCase-ttl1 > div {
    color: #FDE053;
}
.SuitCase-ttl1 > span{
    width: 380px;
    height: 45px;
    background: url(jeep-rubicon.png) no-repeat center;
    display: block;
    margin: 4px auto;
}
.M-mode {
    display: none !important;
}
.SuitCase-ttll1 {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-family: 'FiraGo-Bold';
    color: #fff;
}
.SuitCase-ttll1 span {
    display: block;
    height: 145px;
    margin-top: 20px;
    margin-bottom: 470px;
    background-image: url(top-title.png), url(top-title-2.png);
    background-repeat: no-repeat;
    background-position:  center top, center bottom;
}
.SuitCase-section {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding: 1px 0 0;
    min-height: 863px;
}
.SuitCase-main-container-wrapper {
    width: 960px;
    margin: 0 auto;
}
.SuitCase-ttl2 {
    font-family: 'CrystalNU4-Bold';
    color: #fff;
    text-align: left;
    width: 1000px;
    margin: 0 auto 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 21px;
}
.SuitCase-ttl2::before {
    content: '\E882';
    font-family: 'cb-icons';
    font-size: 16px;
    color: #ffffff;
    margin: 0 5px 0 0;
}
.Train-ttl2 > span{
    padding-left: 56px;
    box-sizing: border-box;
    position: relative;
}
.Train-ttl2 > span:before{
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #FDE053;
    border-radius: 50px;
    font-size: 24px;
    color: #262000;
    text-align: center;
    left: 0;
    top: calc(50% - 20px);
}
.Train-ttl2 > span:nth-child(1){
    width: 200px;
}
.Train-ttl2 > span:nth-child(1):before{
    content: '1';
}
.Train-ttl2 > span:nth-child(2){
    width: 194px;
}
.Train-ttl2 > span:nth-child(2):before{
    content: '2';  
}
.Train-ttl2 > span:nth-child(3){
    width: 393px;
}
.Train-ttl2 > span:nth-child(3):before{
    content: '3';  
}
.Train-ttl3 {
    font-family: 'CrystalBetUni-Bold';
    color: #FDE053;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    margin-top: 41px;
}
.Train-ttl4 {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 21px;
    padding: 8px 0;
    text-align: center;
    font-family: 'CrystalNU4-Bold';
    width: 708px;
    margin: 0 auto;
}
.Train-ttl5 {
    font-family: 'CrystalNU4-Regular';
    color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}
.SuitCase-time-left .SuitCase-btn1 {
    width: 380px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
}
.SuitCase-btn1{
    display: block;
    width: 540px;
    height: 80px;
    line-height: 80px;
    background: #FDE053;
    border-radius: 10px;
    text-decoration: none;
    text-align: center;
    font-size: 26px;
    color: #262000;
    font-family: 'CrystalBetUni-Bold';
    margin: 0px auto 40px auto;
    transition: all 0.1s ease;
    animation: glowTrainBtn 1s infinite alternate;
}
.SuitCase-main-container .SuitCase-btn1{
    margin-top: 30px;
    width: 380px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
}
@keyframes glowTrainBtn {
  from {
    box-shadow: 0 0 10px -10px #fde053bf;
  }
  to {
    box-shadow: 0 0 10px 10px #fde053bf;
  }
}
.SuitCase-btn1:hover {
    background: #fcf178;
}
.notauthorized .SuitCase-btn1,
.halfverified .SuitCase-btn1,
.notverified .SuitCase-btn1 {
    display: none;
}
.lr-feature-content .lr-txt {
    width: 100%;
    min-height: auto;
    font-size: 18px;
    font-family: 'CrystalNU4-Regular';
    line-height: 22px;
    padding: 0 11px 0 24px;
    width: 380px;
    box-sizing: content-box;
    flex: 0 0 380px;
    text-align: left;
}
.lr-feature-content .lr-login{
    margin-left: 0;
    width: 260px;
    font-size: 16px;
    line-height: 60px;
    padding: 0 24px 0 11px;
}
.lr-feature-content .lr-register{
    margin-left: 9.6px;
    width: 260px;
    font-size: 16px;
    line-height: 60px;
}
.Train-not-verified {
    width: 780px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #FDE053;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 416px auto 30px auto; 
}
.Train-verification{
    font-family: 'CrystalNU4-regular';
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    text-align: left;
    width: 460px;
    padding: 0 11px 0 24px;
    box-sizing: content-box;
}
.Train-verification span{
    color: #25EF17;
    display: block;
}
.Train-notverified-btn {
    width: auto;
    border-radius: 30px;
    padding: 0 24px;
    margin: 0 15px 0 0;
    height: 58px;
    line-height: 58px;
    background-color: #3bba32;
    text-decoration: none;
    display: block;
    cursor: pointer;
    font-family: "CrystalBetUni-Bold";
    color: #ffffff;
    text-align: center;
    float: left;
}
.Train-notverified-btn:hover {
    background: #58b052;
}
.Train-notverified-btn:after {
    display: none;
}
.Train-notverified-btn:before {
    font-family: 'cb-icons';
    font-size: 20px;
    color: #262000;
    width: 18px;
    margin-right: 12px;
}
.lr-feature-content {
    margin: 0px 0 36px 0;
    padding: 0 0 24px;
}
.rounded-auth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 830px;
    width: fit-content;
    min-height: 120px;
    background: rgba(0, 0, 0, 0.4);
    border: 2px solid #33B52A;
    box-sizing: border-box;
    border-radius: 90px;
    margin: 0 auto;
    padding: 0 15px 0 53px;
}
.rounded-auth.verification-content {
    border: none;
    min-width: 780px;
    min-height: 116px;
    margin: -28px auto 62px;
}
.rounded-auth .lr-buttons a {
    width: auto;
    border-radius: 30px;
    padding: 0 24px;
    margin: 0 15px 0 0;
    height: 58px;
    line-height: 58px;
}
.rounded-auth::before {
    content: '\e81c';
    font-family: 'cb-icons';
    font-size: 35px;
    color: #ffffff;
}
.rounded-auth.verification-content::before {
    content: '\e80d';
}
.Train-rules-container{
    width: 1000px;
    margin-top: 20px;
    background: #FFFFFF;
    border-radius: 10px 10px;  
}
.Train-rules-ttl{
    height: 70px;
    line-height: 70px;
    background: #FDE053;
    padding: 0 20px;
    border-radius: 10px;
    font-family: 'CrystalBetUni-Bold';
    font-size: 20px;
    color: #262000;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}
.Train-rules-ttl.active{
    border-radius: 10px 10px 0px 0px;  
}
.Train-rules-ttl:before {
    content: '\E823';
    position: absolute;
    right: 24px;
    font-family: 'cb-icons';
    font-size: 10px;
    color: #262000;    
    transition: all 0.2s ease;
}
.Train-rules-ttl.active:before{
    transform: rotate(180deg);
}
.Train-rules{
    padding: 40px 60px;
}

.Train-rule{
    background: #ECF2F7;
    border-radius: 10px;
    margin-bottom: 10px;
    height: 78px;
    display: flex;
    align-items: center;
}
.Train-rule{
    background: #ECF2F7;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0 20px 0 7px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 32px auto;
}
.Train-rule-title-1 {
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 13px;
    font-family: 'CrystalNU4-Regular';
    padding: 30px 0 15px 0;
    display: none;
}
.Train-rule-title-2 {
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 13px;
    font-family: 'CrystalNU4-Regular';
    padding: 15px 0 15px 0;
    display: none;
}
.Train-rule-title-container {
    width: 320px;
    height: 70px;
    background: #FFFFFF;
    border: 1px solid #CCDAE3;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    display: none;
}
.Train-rule-title-container div {
    padding: 0 17px;
    font-family: 'CrystalNU4-Bold';
    color: #333333;
    font-size: 14px;
    box-sizing: border-box;
    position: relative;
    padding-top: 15px;

}
.Train-rule-title-container div:nth-child(2):before {
    content: '';
    width: 1px;
    height: 34px;
    position: absolute;
    background: #CCDAE3;
    left: 0;
    top: calc(50% - 34px/2);
}
.Train-rule-title-container div:nth-child(2):after {
    content: '';
    width: 1px;
    height: 34px;
    position: absolute;
    background: #CCDAE3;
    right: 0;
    top: calc(50% - 34px/2);
}
.Train-rule-title-container div span {
    color: #1088F8;
    display: block;
}
.Train-rule-title-container div span label {
    font-family: 'CrystalBetUni-Bold';
    font-size: 18px;
}
.Train-rule-game{
    font-family: 'CrystalBetUni-Bold';
    font-size: 18px;
    line-height: 24px;
    color: #1A1A1A;
    flex-basis: 160px;
}
.Train-rule > p {
    font-family: 'CrystalNU4-Regular';
    font-size: 16px;
    line-height: 19px;
    color: #333333;
    padding-right: 30px;
    box-sizing: border-box;
    flex-basis: 630px;
}
.Train-rule > p span {
    font-family: 'CrystalNU4-Bold';
}
.Train-rule:before {
    font-family: 'cb-mobile-icons';
    font-size: 40px;
    color: #7F94B1;
    flex-basis: 90px;
    text-align: center;
}
.Train-rule.sport:before {
    content: '\E800';
}
.Train-rule.slots:before {
    content: '\E805';
}
.Train-rule.casino:before {
    content: '\E819';
}
.Train-rule.board-games:before {
    content: '\E804';
}
.Train-rule.jetx {
    margin: 0;
}
.Train-rule.jetx:before {
    content: '\E889';
}
.SuitCase-main-container{
    width: 960px;
    background: none;
    box-sizing: border-box;
    position: relative;
}
.SuitCase-carusel {
    width: 340px;
    height: 56px;
    position: relative;
    z-index: 0;
    left: 0;
    margin: 0 auto;
    float: initial; 
    top: 59px;
}
.SuitCase-carusel .item {
    width: 68px;
    height: 56px;
    background: none;
    display: block;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
    border-radius: 10px;
    box-sizing: border-box;
    border: 2px solid transparent;
}
.SuitCase-carusel .item.disabled {
    color:  rgba(255, 255, 255, 0.6);
}
.SuitCase-carusel .item.selected {
    border: 2px solid #FFCC00;
    color: #FFCC00;
}
.SuitCase-carusel .item div {
    font-size: 21px;
    padding-bottom: 3px;
}
.SuitCase-carusel .item.hasgift div{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px 3px 0;
}
.SuitCase-carusel .item.hasgift div:after{
    content: '';    
    background-image: url('gift.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    margin: 0 0 0 5px;
}
.SuitCase-carusel .item span {
    font-size: 13px;
    line-height: 12px;
    font-family: 'CrystalNU4-Regular';
    display: block;
    padding-top: 0px;
}
.SuitCase-carusel .owl-dots {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    display: none;
}
.SuitCase-carusel .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 7px;
    background: #b3b6b9 !important;
    margin: 0 2.5px;
}
.SuitCase-carusel .owl-dot.active, .SuitCase-carusel .owl-dot:hover {
    background: #ffe142 !important;
}
.SuitCase-carusel .owl-nav {

}
.SuitCase-carusel .owl-next {
    position: absolute;
    right: -81px;
    top: 0;
    width: 80px;
    height: 100%;
    display: block !important;
}
.SuitCase-carusel .owl-prev {
    position: absolute;
    left: -81px;
    top: 0;
    width: 80px;
    height: 100%;
    display: block !important;
}
.SuitCase-carusel .owl-prev:after {
    content: '\e823';
    position: absolute;
    right: 21px;
    top: 22px;
    font-family: 'cb-icons';
    font-size: 10px;
    color: #fff;
    transform: matrix(1, 0, 0, -1, 0, 0);
    pointer-events: none;
    transform: rotate(90deg);
    opacity: 0.6;
}     
.SuitCase-carusel .owl-next:after {
    content: '\e823';
    position: absolute;
    right: 41px;
    top: 22px;
    font-family: 'cb-icons';
    font-size: 10px;
    color: #fff;
    transform: matrix(1, 0, 0, -1, 0, 0);
    pointer-events: none;
    transform: rotate(-90deg);
    opacity: 0.6;
}   
.SuitCase-carusel button {
    outline: none;
}
.SuitCase-carusel .owl-next span,
.SuitCase-carusel .owl-prev span {
    display: none;
}
.SuitCase-carusel .owl-next:hover:after,
.SuitCase-carusel .owl-prev:hover:after {
    background-position: initial !important;
}
.Train-missions{
    margin: 40px 60px 0;
    display: flex;
    justify-content: space-around;
}
.Train-mission{
    font-family: 'CrystalBetUni-Medium';
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}
.Train-mission span{
    font-family: 'CrystalBetUni-Bold';
    color: #1088F8;
    display: block;
}
.Train-amount{
    width: 327px;
    height: 312px;
    background: #EFF3F6;
    border-radius: 10px;
    box-sizing: border-box;
    margin-top: 20px;
    float: left;
    text-align: center;
    position: relative;
}
.Train-amount-ttl{
    font-family: 'CrystalBetUni-Bold';
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
}
.Train-amount-progress{
    display: flex;
    justify-content: space-between;
    margin: 33px auto 0 auto;
    width: 267px;
    font-family: 'CrystalBetUni-Medium';
    font-size: 18px;
    color: #808080;
}
.tap-progressbar{
    width: 100%;
    background: #D8D8D8;
    border-radius: 10px;
    height: 14px;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
    flex-basis: 184px;
    margin-top: 6px;
}
.tap-progress-container{
    width: 100%;
}
.Train-completed-missions .tap-progress-container{
    width: 100%;
}
.tap-progress{
    background: #33B52A;
    border-radius: 10px;
    height: 14px;
    position: relative;
    box-sizing: border-box;
    transition: all 0.7s ease;
    text-align: right;
    max-width: 100%;
}
.tap-progress span{
    padding: 0 9px;
    height: 26px;
    line-height: 26px;
    background: #169A0D;
    border-radius: 21px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
    transition: all 0.7s ease;
    white-space: nowrap;
    display: inline-block;
    margin-top: -6px;
}
.tap-progress.prc0 span{
    left: 0;
}
.Train-amount-deposit-btn{
    display: block;
    width: 267px;
    height: 62px;
    line-height: 62px;
    background: #33B52A;
    border-radius: 6px;
    color: #fff;
    font-family: 'CrystalBetUni-Medium';
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    transition: all 0.1s ease;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 133.5px);
}
.Train-amount-deposit-btn:hover{
    background: #43cd3a;
}
.Train-amount-bage{
    padding: 0 22px;
    border: 1px solid ;
    box-sizing: border-box;
    border-radius: 50px;
    height: 40px;
    line-height: 40px;
    font-family: 'CrystalBetUni-Medium';
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin-top: 38px;
}
.Train-amount-bage.green{
    border-color: #33B52A;
    color: #33B52A;
}
.Train-amount-bage.red{
    border-color: #DC1A1A;
    color: #DC1A1A;
    animation: glowTrainAmountBage 1s infinite alternate;
}

@keyframes glowTrainAmountBage {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.Train-completed-missions{
    width: 593px;
    height: 312px;
    background: #EFF3F6;
    border-radius: 10px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-left: 20px;
    float: left;
}
.Train-completed-missions-ttl{
    font-family: 'CrystalBetUni-Bold';
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-top: 19px;
    margin-bottom: 37px;
}
.tcm-progress {
    display: flex;
    align-items: center;
    margin: 19px auto 0 50px;
    width: 518px;
    font-family: 'CrystalBetUni-Medium';
    font-size: 18px;
    color: #808080;
    position: relative;
    height: 25px;
}
.tcm-progress.complete:before {
    content: '\E82A';
    font-family: 'cb-icons';
    font-size: 7px;
    color: #F0F3F5;
    background: #33b52a;
    position: absolute;
    top: calc(50% - 9px);
    left: -24px;
    width: 18px;
    height: 18px;
    line-height: 19px;
    text-align: center;
    border-radius: 25px;
}
.tcm-progress .tap-from,
.tcm-progress .tap-to {
    font-family: 'CrystalBetUni-Medium';
    font-size: 16px;
    line-height: 22px;
    color: #808080;
    width: 35px;
}
.tcm-progress .tap-to {
    width: 44px;
    text-align: center;
    padding-left: 3px;
    box-sizing: border-box;
}
.tcm-game{
    color: #000000;
    font-size: 14px;
    line-height: 23px;
    flex-basis: 165px;
    padding-left: 34px;
    box-sizing: border-box;
    font-family: 'CrystalBetUni-Bold';
}
.tcm-game:before {
    font-family: 'cb-mobile-icons';
    font-size: 24px;
    color: #7F94B1;
    flex-basis: 90px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: calc(50% - 11px);
}
.tcm-progress.sport .tcm-game:before {
    content: '\E800';
}
.tcm-progress.slots .tcm-game:before {
    content: '\E805';
}
.tcm-progress.casino .tcm-game:before {
    content: '\E819';
}
.tcm-progress.board-games .tcm-game:before {
    content: '\E804';
    left: 3px;
}
.tcm-progress.jetx .tcm-game:before {
    content: '\E889';
}
.Train-completed-missions .tap-progressbar{
    flex-basis: 270px;
    height: 10px;
    margin-left: 3px;
}
.Train-completed-missions .tap-progress{
    height: 10px;
}
.Train-completed-missions .tap-progress span{
    height: 23px;
    line-height: 23px;
    margin-top: -6px;
    font-size: 14px;
}
.SuitCase-time-left {
    width: 910px;
    height: 440px;
    border-radius: 20px;
    display: block;
    font-size: 18px;
    font-family: 'CrystalNU4-Bold';
    color: #fff;
    margin: 0 auto;
}
.SuitCase-time-left .ttl-ttl{
    font-family: 'CrystalNU4-Bold';
    font-size: 24px;
    padding-top: 66px;
    padding-bottom: 21px;
    color: #fff;
    text-align: center;
}
.Promo-time-left {
    width: 910px;
    height: 440px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    display: block;
    color: #fff;
    margin: 0 auto;    
}
.Promo-time-left .ptl-ttl{
    font-family: 'CrystalNU4-Bold';
    font-size: 24px;
    line-height: 54px;
    color: #fff;
    text-align: center;
    padding-top: 124px;
}
/* countdown { */

.SuitCase-time-left .countdown-container{
  margin: 7px auto 0 auto;
  width: 280px;
  height: 50px;
}
.Promo-time-left .countdown-container {
  margin: 11px auto 0 auto;
  width: 433px;
  height: 70px;
}
.SuitCase-time-left .time,
.Promo-time-left .time {
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 38px;
  height: 50px;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.Promo-time-left .time {
    width: 44px;
    height: 70px;   
    margin-right: 1px;
}
.SuitCase-time-left .count,
.Promo-time-left .count {
  background: #404040 url(timebg.png) bottom left repeat-x;
  color: #fff;
  display: block;
  font-family: 'digital7';
  font-size: 50px;
  line-height: 50px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.Promo-time-left .count {
    font-size: 70px;
    line-height: 70px;
}
.SuitCase-time-left .count.top,
.Promo-time-left .count.top {
  border-radius: 4px 4px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.SuitCase-time-left .count.bottom,
.Promo-time-left .count.bottom {
  background: #404040;
  border-radius: 0 0 4px 4px;
  line-height: 0;
  height: 50%;
  top: 50%;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.SuitCase-time-left .separator,
.Promo-time-left .separator{
    display: inline-block;
    position: relative;
    text-align: center;
    width: 5px;
    height: 50px;
    line-height: 50px;
    vertical-align: top;
    color: #333333;
    font-size: 40px;
    font-family: 'digital7';
    font-weight: bold;
}
.Promo-time-left .separator{
    width: 11px; 
    height: 70px;
    line-height: 70px; 
    font-size: 50px;
}
.SuitCase-time-left .label,
.Promo-time-left .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 95px;
  width: 100%;
}
/* Animation start */
.SuitCase-time-left .count.curr.top,
.Promo-time-left .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.SuitCase-time-left .count.next.bottom,
.Promo-time-left .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.SuitCase-time-left .flip .count.curr.top,
.Promo-time-left .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.SuitCase-time-left .flip .count.next.bottom,
.Promo-time-left .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.Promo-time-left .ptl-countdown-labels {
    width: 433px;
    height: 27px;
    display: flex;
    font-family: 'CrystalBetUni-Bold';
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    margin: 10px auto 0 auto;
    justify-content: center;
}
.Promo-time-left .ptl-countdown-labels > div{
    flex-basis: 97px;
    text-align: center;
}
.Promo-time-left .ptl-countdown-labels .ptlcl-hour{
    margin: 0 10px 0 20px;
}
.Promo-time-left .ptl-countdown-labels .ptlcl-minute{
    margin: 0 20px 0 10px;
}


/* countdown } */

.Train-select-prize{
    width: 1000px;
    height: 193px;
    background: #FFFFFF url(train.png)  left top no-repeat;
    margin: 50px 0 0 -30px;
    position: relative;
}
.Train-select-prize .tsp-select-buttons{
    display: flex;
    width: 558px;
    justify-content: space-between;
    position: absolute;
    top: 98px;
    left: 367px;
}

.Train-select-prize .tsp-select-btn{
    line-height: 40px;
    color: #262000;
    font-family: 'CrystalBetUni-Bold';
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    display: block;
    background: #FECA25;
    box-shadow: 0px 2px 0px #dca00f;
    border-radius: 4px;
    width: 110px;
    height: 37px;
}
.Train-select-prize .tsp-selected-prizes{
    display: flex;
    width: 586px;
    justify-content: space-between;
    position: absolute;
    top: 34px;
    left: 353px;
}
.Train-select-prize .tspsp-prize{
    width: 142px;
    height: 89px;
    background: #373733;
    border-radius: 2px;
    color: #ffffff66;
    font-family: 'CrystalBetUni-Bold';
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(gift-bg.svg)
}
.Train-select-prize .tspsp-prize > span{
    display: block; 
    line-height: 24px;
}
.Train-select-prize .tspsp-prize.active{
    background-image: url(gift-bg-green.svg);
    color: #FFFFFF;
}
.Train-select-prize .tspsp-prize::before{
    /* content: ''; */
    width: 56px;
    height: 48px;
    display: block;
    background-size: 56px 48px;
    position: absolute;
    top: 13px;
    left: 13px;
}
.Train-select-prize .tspsp-prize.CarTicket::before{
    background-image: url(gifts/selected-CarTicket.png);
}
.Train-select-prize .tspsp-prize.FreeBet::before{
    background-image: url(gifts/selected-FreeBet.png);
}
.Train-select-prize .tspsp-prize.iPad::before{
    background-image: url(gifts/selected-iPad.png);
}
.Train-select-prize .tspsp-prize.iPhone::before{
    background-image: url(gifts/selected-iPhone.png);
}
.Train-select-prize .tspsp-prize.JetXFreeSpin::before{
    background-image: url(gifts/selected-JetXFreeSpin.png);
}
.Train-select-prize .tspsp-prize.MacBook::before{
    background-image: url(gifts/selected-MacBook.png);
}
.Train-select-prize .tspsp-prize.SlotFreeSpinEGT::before{
    background-image: url(gifts/selected-SlotFreeSpinEGT.png);
}

.tspsp-use-btn{
    width: 310px;
    height: 70px;
    line-height: 70px;
    border-radius: 10px;
    background: #FDE053;
    color: #000;
    font-family: 'CrystalBetUni-Bold';
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 31px;
    left: calc(50% - 155px);
}
.Train-incomplete-mission .tim-ttl{
    width: 865px;
    height: 78px;
    line-height: 78px;
    background: #FFFFFF;
    border: 1px solid #808080;
    box-sizing: border-box;
    border-radius: 10px;
    font-family: 'CrystalBetUni-Bold';
    font-size: 26px;
    text-align: center;
    color: #333333;
    margin: 100px auto 0 auto;
}
.SuitCase-gold-carriage-container{
    width: 900px;
    border-radius: 10px;
    margin: 25px auto 0 auto;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
}

.SuitCase-gold-carriage-container .tgcc-weeks{
    display: flex;
    justify-content: center;
}
.SuitCase-gold-carriage-container .tgcc-week{
    height: 48px;
    display: flex;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'CrystalBetUni-Bold';
    font-size: 20px;
    text-decoration: none;
    transition: all 0.1s ease;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    padding: 0 5px;
    border: 2px solid transparent;
    border-radius: 10px;
    min-width: 82px;
    justify-content: center;
}
.SuitCase-gold-carriage-container .tgcc-week span {
    display: block;
    font-size: 14px;
    font-family: 'CrystalNU4-Bold';
    margin: 0 0 0 3px;
}
.SuitCase-gold-carriage-container .tgcc-week.active{
    color: #FFCC00;
    border: 2px solid #FFCC00;
}
.SuitCase-gold-carriage-container .tgcc-week:hover {
    color: #FFCC00;
}
.SuitCase-gold-carriage-container .tgcc-week.active:before{
    /* content: ''; */
    width: 100%;
    height: 3px;
    background: #FFCC00;
    border-radius: 2px 2px 0px 0px;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.SuitCase-gold-carriage-container .tgcc-days{
    display: flex;
    justify-content: space-around;
    margin: 20px auto 2px auto;
    width: 700px;
    height: 70px;
}
.SuitCase-gold-carriage-container .tgcc-day{
    font-family: 'CrystalNU4-Bold';
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    width: 100px;
    height: 70px;
    position: relative;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.SuitCase-gold-carriage-container .tgcc-day::before {
    content: '';
    width: 86px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 57px;
    bottom: 15px;
    z-index: 1;
}
.SuitCase-gold-carriage-container .tgcc-day:last-child:before  {
    width: 0px;
}
.SuitCase-gold-carriage-container .tgcc-day:after{
    font-family: 'cb-icons';
    font-size: 0px;
    width: 16px;
    height: 16px;
    padding-top: 1px;
    border-radius: 16px;
    border: 2px solid #E6E6E6;
    box-sizing: border-box;
    content: '\E82A';
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px 0 0 0;
    z-index: 2;
}
.SuitCase-gold-carriage-container .tgcc-day.complete:after{
    color: #fff;
    background: #33B52A;
    border: 2px solid #33B52A;
    font-size: 7px;
}
.SuitCase-gold-carriage-container .tgcc-day.incomplete:after{
    content: '\E892';
    color: #fff;
    background: #DC1A1A;
    font-size: 7px;
    border: 2px solid #DC1A1A;
}
.SuitCase-gold-carriage-container .tgcc-day > span{
    font-family: 'CrystalBetUni-Bold';
    font-size: 20px;
    line-height: 16px;
    display: block;
}
.SuitCase-gold-carriage-container .tgcc-gift.CarTicket span:nth-child(1) {
    font-size: 23px;
    line-height: 29px;
}
.SuitCase-gold-carriage-container .tgcc-gift{
    width: 206px;
    height: 175px;
    color: #262000;
    font-family: 'CrystalNU4-Bold';
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    top: 96px;
    left: 368px;
    background-size: contain;
    padding: 0 12px;
}
.SuitCase-gold-carriage-container .tgcc-gift.iPhone span:nth-child(1) {
    font-size: 20px;
}
.SuitCase-gold-carriage-container .tgcc-gift.iPhone:before {
    content: '';
    width: 45px;
    height: 87px;
    background-image: url(gifts/gift1.png);
    background-size: contain;
}
.SuitCase-gold-carriage-container .tgcc-gift.iPad span:nth-child(1) {
    font-size: 20px;
}
.SuitCase-gold-carriage-container .tgcc-gift.iPad:before {
    content: '';
    width: 146px;
    height: 87px;
    background-image: url(gifts/gift2.png);
    background-size: contain;
}
.SuitCase-gold-carriage-container .tgcc-gift.MacBook span:nth-child(1) {
    font-size: 20px;
}
.SuitCase-gold-carriage-container .tgcc-gift.MacBook:before {
    content: '';
    width: 143px;
    height: 92px;
    background-image: url(gifts/gift3.png);
    background-size: contain;
}
.SuitCase-gold-carriage-container .tgcc-gift.PlayStation span:nth-child(1) {
    font-size: 20px;
}
.SuitCase-gold-carriage-container .tgcc-gift.PlayStation:before {
    content: '';
    width: 143px;
    height: 92px;
    background-image: url(gifts/gift6.png);
    background-size: contain;
    margin: 15px 0 0 0px;
    background-repeat: no-repeat;
    background-position: center;
}
.SuitCase-gold-carriage-container .tgcc-gift span:nth-child(1) {
    color: #000000;
    font-size: 46px;
    line-height: 62px;
    font-family: 'CrystalBetUni-Bold';
}
.SuitCase-gold-carriage-container .tgcc-gift span:nth-child(2) {
    width: 100px;
    line-height: 23px;
}
.SuitCase-gold-carriage-container .tgcc-open-btn{
    width: 300px;
    height: 60px;
    line-height: 62px;
    color: #8D8D8D;
    font-family: 'CrystalBetUni-Bold';
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: -19px;
    left: calc(50% - 151px);
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}
.SuitCase-gold-carriage-container .tgcc-open-btn.active{
    background: #FFCC00;
    color: #262000;
}
.SuitCase-gold-carriage-container .tgcc-carriage{
    background: url(golden-case.png) center 64px no-repeat;
    height: 383px;
    margin: 0 -21px;
    position: relative;
    top: -45px;
}
.SuitCase-gold-carriage-container .tgcc-carriage.open{
    background: url(golden-case-open.png) center 64px no-repeat;
    height: 383px;
    margin: 0 -21px;
    position: relative;
    top: -48px;
}
.SuitCase-gold-carriage-container .tgcc-incomplete-mission{
    font-family: 'CrystalNU4-Bold';
    font-size: 18px;
    line-height: 74px;
    color: #fff;
    text-align: center;
    padding: 13px 0 90px 0;
    width: 900px;
    margin: 0 auto;
}
.SuitCase-gold-carriage-gifts-container {
    margin: 26px auto 40px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bgcgc {
    position: relative;
    background-repeat: no-repeat;
    background-position: center 12px;
    height: 130px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 10px;
}
.bgcgc div {
    height: 31px;
    background: #FFFFFF;
    border-radius: 30px;
    font-size: 14px;
    font-family: 'CrystalBetUni-Medium';
    padding: 0 10px;
    line-height: 31px;
    white-space: nowrap;
}
.bgcgc.gift1 {
    background-image: url(gifts/gift1.png);
    background-position: top center;
    min-width: 80px;
}
.bgcgc.gift2 {
    background-image: url(gifts/gift2.png);
    min-width: 164px;
}
.bgcgc.gift3 {
    background-image: url(gifts/gift3.png);
    min-width: 152px;
}
.bgcgc.gift4 {
    background-image: url(gifts/gift4.png);
    min-width: 116px;
    background-position: center 10px;
}
.bgcgc.gift5 {
    background-image: url(gifts/gift5.png);
    min-width: 208px;
    background-position: center 12px;
}
.bgcgc.gift6 {
    background-image: url(gifts/gift6.png);
    min-width: 102px;
    background-position: 3px 12px;
}
.Train-gold-carriage-gifts-container {
    width: 900px;
    height: 140px;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    padding-top: 18px;
    box-sizing: border-box;
}
.Train-gold-carriage-gifts-container .tgcgc-ttl1{
    font-size: 20px;
    line-height: 27px;
    color: #FDE053;
    font-family: 'CrystalBetUni-Bold';
}
.Train-gold-carriage-gifts-container .tgcgc-gifts{
    margin: 6px auto 0;
    display: flex;
    justify-content: space-between;
    width: 790px;
}
.Train-gold-carriage-gifts-container .tgcgc-gift{
    border-radius: 10px;
    width: 150px;
    height: 110px;
    padding-top: 76px;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    box-sizing: border-box;
    font-family: 'CrystalBetUni-Medium';
    background:#FFFFFF no-repeat center 15px;
}
.Train-gold-carriage-gifts-container .tgcgc-gift.gft1{
    background-image: url(gifts/iphone.png);
    background-position: center 9px;
}
.Train-gold-carriage-gifts-container .tgcgc-gift.gft2{
    background-image: url(gifts/ipad.png);
}
.Train-gold-carriage-gifts-container .tgcgc-gift.gft3{
    background-image: url(gifts/macbook.png);
}
.Train-gold-carriage-gifts-container .tgcgc-gift.gft4{
    background-image: url(gifts/freespins.png);
    background-position: center 13px;
}
.Train-gold-carriage-gifts-container .tgcgc-gift.gft5{
    background-image: url(gifts/tickets.png);
    background-position: center 9px;
}
.Train-tickets{
    width: 700px;
    height: 80px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 40px;
    margin: 40px auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Train-tickets .tt-user{
    font-family: 'CrystalBetUni-Bold';
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    position: relative;
    width: 232px;
    height: 60px;
    line-height: 60px;
    margin-left: 10px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50px 0 0 50px;
}
.Train-tickets .tt-user > span{
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.Train-tickets.unauthorized .tt-user{
    width: auto;
    background: transparent;
}
.Train-tickets.unauthorized .tt-user:after{
    display: none;
}
.Train-tickets.unauthorized .tt-login{
    width: 195px;
    height: 50px;
    line-height: 50px;
    background: #FDE053;
    border-radius: 50px;
    font-family: 'CrystalBetUni-Bold';
    font-size: 16px;
    color: #262000;
    text-align: center;
    margin-right: 15px;
    text-decoration: none;
}
.tt-user:before {
    content: '\e81c';
    font-family: 'cb-icons';
    font-size: 16px;
    color: #FDE053;
    width: 18px;
    margin: -49px 20px 0 24px;
    display: inline-block;
    vertical-align: middle;
}
.Train-tickets.unauthorized .tt-user:before {
    margin-top: -2px;
}
.tt-user:after {
    content: '';
    position: absolute;
    right: -28px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 28px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
}
.tt-title{
    font-family: 'CrystalBetUni-Medium';
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-left: 14px;
}
.en .tt-title {
    margin-left: -17px;
}
.tt-tickets{
    font-family: 'CrystalBetUni-Bold';
    font-size: 32px;
    color: #FDE053;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50px;
    width: 160px;
    height: 50px;
    line-height: 50px;
    margin-right: 15px;
    text-align: center;
}
.Train-footer{
    background: url(footerbg.png) 90px 44px no-repeat;
    width: 1180px;
    height: 470px;
    margin: 0 auto;
    position: relative;
}
.Train-footer .tf-ttl{
    font-family: 'CrystalBetUni-Bold';
    font-size: 25px;
    letter-spacing: 0.6px;
    color: #FDE053;
    position: absolute;
    top: 96px;
    left: 700px;
}
.Train-footer .tf-time{
    font-family: 'CrystalBetUni-Bold';
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    position: absolute;
    top: 148px;
    left: 816px;
    letter-spacing: 1.4px;
}
.rules-container{
    margin: 10px auto 60px auto;
    width: 840px;
}
/* modal--train-gifts { */
.modal--train-gifts .modal__close{
    top: 22px;
    right: 20px;
}
.modal--train-gifts .modal__close:before{
    content: '\e818';
    font-family: 'cb-icons';
    font-size: 14px;
    color: #fff;
}
.modal--train-gifts .modal__body{
    background: url(modal-bg.png) no-repeat;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.4));
    width: 770px;
    height: 590px;
}
.modal--train-gifts .modal__content{
    text-align: center;
}
.modal--train-gifts .modal__content--user:before{
    font-family: 'cb-icons';
    content: '\e81c';
    font-size: 41px;
    color: #FDE053;
    position: absolute;
    top: -46px;
    left: calc(50% - 20px);
}
.modal--train-gifts .modal__content--user{
    font-family: 'CrystalBetUni-Bold';  
    font-size: 28px;
    line-height: 38px;
    color: #FDE053;
    margin-top: 150px;
    position: relative;
}
.modal--train-gifts .modal__content--ttl1{
    font-family: 'Heltvetica_Neue_Ltd_Geo_700Bold';
    color: #fff;
    font-size: 22px;
    line-height: 27px;
    margin-top: 51px;
    padding: 0 80px;
}
.modal--train-gifts .modal__content--btn1{
    display: block;
    font-family: 'CrystalBetUni-Medium';
    color: #262000;
    font-size: 18px;
    height: 70px;
    background: linear-gradient(180deg, #FFDC50 0%, #FFCD04 100%);
    border-radius: 10px;
    margin: 58px auto 0;
    border: none;
    padding: 0 30px;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0px 2px 0px #D09400;
}
.modal--train-gifts .modal__content--btn1:hover {
    background: #fcf178;
}
/* modal--train-gifts } */
.train-mission-progress {
    width: 518px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
}
.train-mission-progress p {
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.1px;
    padding: 0px 0 10px;
}
.train-mission-checkpoint {
    position: relative;
    padding: 35px 0 0 0;
}
.train-mission-checkpoint span {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.3px;
}
.train-mission-checkpoint span:last-child {
    color: #1088F8;
}
.train-mission-checkpoint b {
    font-size: 18px;
    line-height: 22px;
    font-family: 'CrystalBetUni-Bold';
}
.train-mission-progress:before {
    content: '';
    position: absolute;
    width: 380px;
    height: 2px;
    background: #CCCCCC;
    top: 65px;
    left: calc(50% - 190px);
    border-radius: 1px;
}
.train-mission-checkpoint:before {
    content: '';
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    left: calc(50% - 19px);
    top: 0;
    border: 10px solid #fff;
    background-image: url(circle.svg);
    background-position: center;
}
.train-mission-checkpoint.mission-completed:before {
    content: '';
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    left: calc(50% - 19px);
    top: 0;
    border: 10px solid #fff;
    background-image: url(completed.svg);
    background-position: center;
}
.mob-mode {
    display: none !important;
}

/**/
@font-face {
    font-family: 'MontHeavy';
    src: url('mont/Mont-HeavyDEMO.otf');
    font-weight: normal;
    font-style: normal;
}
.SuitCase-mission-container-main {
    width: 910px;
    margin: 90px auto 0px auto;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
}
.SuitCase-mission {
    width: 557px;
    height: 200px;
    background: url("./SuitCase-cases/mission-bg.png");
    border-radius: 20px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    margin-top: -17px;
    margin-left: -26px;
    padding-top: 17px;
}



.SuitCase-mission-container-main-white {
    position: relative;
    z-index: 1;
    width: 500px;
    height: 152px;
    border-radius: 20px;
}
.SuitCase-mission-content {
    width: 420px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    height: 78px;
    margin-bottom: 11px;
}
.SuitCase-mission-content-amount {
    color: #fff;
    font-size: 14px;
    font-family: 'HelveticaMedium';
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.SuitCase-mission-content-amount span {
    font-family: 'HelveticaBlack';
    color: #fff;
    font-size: 28px;
}
.SuitCase-mission-content-amount label {
    color: #fff;
    font-size: 28px;
    font-family: 'CrystalBetUni-Bold';
    padding: 0 5px 0 6px;
    position: relative;
}
.SuitCase-mission-content-amount-max {
    color: #fff;
    font-size: 18px;
    position: relative;
    left: -2px;
    top: 1px;
}
.SuitCase-mission-content-amount-max span {
    font-family: 'Heltvetica_Neue_Ltd_Geo';
}
.SuitCase-mission-content-amount-max label {
    font-family: 'CrystalBetUni-Medium';
    left: 1px;
    position: relative;
}
.SuitCase-mission-progress {
    width: 420px;
    height: 24px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
}
.SuitCase-mission-progress div {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 24px;
    background: linear-gradient(270deg, #FFDF61 0%, #FFCC00 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}
.SuitCase-mission-progress-bt.show-mobile {
    display: none;
}
.SuitCase-mission-progress-bt:hover {
    background: #3ED034;
}

.drawn .SuitCase-mission-progress-bt {
    color: #262000;
    background: #FDE053;
}
.drawn .SuitCase-mission-progress-bt:hover {
    background: #fcf178;
}

/*SuitCase-incomplete-mission*/
.SuitCase-incomplete-mission {
    width: 910px;
    height: 168px;
    border-radius: 20px;
    display: flex;
    font-size: 18px;
    font-family: 'CrystalNU4-Bold';
    color: #fff;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.SuitCase-select-prize-step1 {
    width: 910px;
    height: 440px;
    border-radius: 20px;
    display: block;
    color: #fff;
    margin: 0 auto;
}
.SuitCase-select-prize-ttl {
    font-size: 24px;
    color: #fff;
    font-family: 'CrystalNU4-Bold';
    width: 100%;
    text-align: center;
    padding-top: 60px;
}
.SuitCase-select-prize-step1 .tsp-select-buttons {
    display: flex;
    justify-content: space-evenly;
    padding-top: 208px;
}
.SuitCase-select-prize-step1 .tsp-select-btn {
    width: 140px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FECA25;
    border-radius: 6px;
    color: #262000;
    font-size: 16px;
    cursor: pointer;
    font-family: 'CrystalBetUni-Medium';
    text-decoration: none;
}
.SuitCase-select-prize-step1 .tsp-select-btn.bt2 {
    margin: 0 60px;
}
.SuitCase-select-prize-step1 .tsp-select-btn:hover {
    background: #fcf178;
}
.SuitCase--container {
    width: 678px;
    height: 178px;
    background-image: url(SuitCase-close.png);
    background-position: top center;
    background-repeat: no-repeat;
    margin: -41px auto 30px auto;
}
.SuitCase-select-prize-step1 .SuitCase--container {
    margin: 36px auto 0 auto;
    background-image: url(SuitCase-close-active.png);
}
.SuitCase-select-prize-step-2 {
    width: 910px;
    height: 440px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    display: block;
    color: #fff;
    margin: 0 auto;
}
.SuitCase-select-prize-tt {
    font-size: 24px;
    color: #fff;
    font-family: 'CrystalNU4-Bold';
    width: 100%;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 59px;
}
.SuitCase--container.open {
    background-image: url(SuitCase-open.png);
    height: 189px;
    display: flex;
    justify-content: space-around;
    padding-top: 29px;
    margin: -32px auto 30px auto;
}
.SuitCase-select-prize-step-2 .tspsp-prize {
    width: 148px;
    height: 123px;
    background: #CECECE;
    border: 1px solid #CECECE;
    box-sizing: border-box;
    box-shadow: inset 0px -10px 10px -6px rgba(0, 0, 0, 0.6);
    border-radius: 6px 6px 0px 0px;
    color: #666666;
    font-size: 18px;
    line-height: 24px;
    font-family: 'CrystalBetUni-Bold';
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.SuitCase-select-prize-step-2 .tspsp-prize span:nth-child(1) {
    font-size: 30px;
    line-height: 40px;
}
.SuitCase-select-prize-step-2 .tspsp-prize span:nth-child(2) {
    font-size: 16px;
    line-height: 19px;
    width: 100px;
    text-align: center;
}
.SuitCase-select-prize-step-2 .tspsp-prize.pz2 {
    margin: 0 30px;
}
.SuitCase-select-prize-step-2 .tspsp-prize.active {
    background: #33B52A;
    border: 1px solid #4AF33E;
    box-sizing: border-box;
    box-shadow: inset 0px -10px 10px -6px rgba(0, 0, 0, 0.6);
    border-radius: 6px 6px 0px 0px;
    color: #fff;
}
.SuitCase-footer {
    width: 1000px;
    height: 360px;
    margin: 0 auto;
    background: url(footerbg.png) left center no-repeat;
    box-sizing: border-box;
    text-align: left;
    padding: 53px 0 0 611px;
    margin-top: 46px;
}
.tf-ttl {
    font-size: 26px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #FDE053;
    font-family: 'CrystalBetUni-Bold';
}
.tf-time {
    font-size: 26px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
    margin-top: 18px;
}
.tf-logo {
    width: 380px;
    height: 108px;
    background: url(jeep-rubicon.png) left no-repeat;
    background-size: contain;
}
.video-lottery {
    width: 414px;
    height: 350px;
    position: relative;
    background: rgba(0,0,0,0.6);
    border-radius: 20px;
    margin: 80px auto 90px auto;   
}
.video-lottery-title {
    height: 80px;
    display: flex;
    color: #fff;
    font-size: 16px;
    font-family: 'CrystalNU4-Regular';
    justify-content: center;
    align-items: center;
}
.video-lottery-title-iframe-container {
    width: 294px;
    height: 240px;
    background: rgba(0,0,0,0.8);
    border-radius: 10px;
    margin: 0 auto;
}
.video-lottery-title-iframe-container iframe {
    width: 274px;
    height: 154px;
    border-radius: 10px;
    margin: 10px;
}
.video-lottery-title-iframe-title {
    width:  262px;
    margin: 0 auto;
    color: #fff;
    font-family: 'CrystalNU4-Bold';
    font-size: 14px;
}
.SuitCase-final {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 1000px;
    background: url(footerbg.png),linear-gradient(277.28deg, #3D3D3D 29.8%, #252525 91.34%), linear-gradient(277.28deg, #C71117 29.8%, #930404 91.34%);
    background-repeat: no-repeat;
    background-position: right 10px top 22px, 100%;
    box-shadow: 0px 6px 0px rgb(0 0 0 / 25%);
    border-radius: 20px;
    height: 306px;
    font-family: 'FiraGo-Bold';
    margin: 115px auto 90px;
}
.SuitCase-final::after {
    content: '';
    flex: 1;
    height: 283px;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 59px 0 0;
}
.SuitCase-final .SuitCase-info {
    flex: 1;
    color: #ffffff;
    padding: 30px 0 30px 50px;
}
.SuitCase-info p {
    font-family: 'FiraGO-SemiBoldItalic';
    font-size: 32px;
    margin:0;
    padding: 0;
}
.SuitCase-info span {
    font-family: 'FiraGO-SemiBoldItalic';
    font-size: 20px;
    color: #FDE053;
    padding: 10px 0 0 0;
    display: block;
}
.SuitCase-live {
    height: 26px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    background-image: url(live.svg);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0 0 0 76px;
    font-size: 14px;
    margin: 21px 0 27px;
}
.SuitCase-live b {
    font-size: 18px;
    font-family: 'CrystalBetUni-Bold';
}
.SuitCase-live i {
    width: 30px;
    height: 30px;
    background-image: url(cb-logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 10px 0 16px;
}
.SuitCase-prizes {
    display: flex;
    align-items: center;
    font-family: 'FiraGo-Regular';
    font-size: 14px;
}
.SuitCase-prizes b {
    font-family: 'FiraGo-Bold';
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0 13px;
}
.SuitCase-prizes b:first-child {
    padding: 0 13px 0 8px;
    border-left: none;
}
.SuitCase-tickets {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    background: url(tickets.svg), linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.3) 100%);
    border: 1px solid #3E3B3B;
    border-radius: 10px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 29px 10px 52px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 19px 19px, center;
    margin: 20px 0 0 -10px;
    width: 408px;
    font-family: 'CrystalNU4-Bold';
}
.SuitCase-tickets.not-authorized {
    margin: 16px 0 -10px -12px!important;
    width: 410px;
    min-height: 74px;
    background-size: 30px, 100%;
    background-position: 20px 20px, top center;
    padding: 10px 13px 10px 66px;
    margin: 14px auto 3px;
}
.SuitCase-tickets .tt-login {
    font-family: 'CrystalBetUni-Medium';
    font-size: 16px;
    color: #262000;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    padding: 0 24px;
    background: #FDE053;
    border-radius: 6px;
    margin: 0 0 0 50px;
    text-decoration: none;
}
.SuitCase-tickets .tt-login.show-mobile {
    display: none;
}
.SuitCase-tickets div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1px 0 0 0;
    font-family:'CrystalNU4-Bold';
}
.SuitCase-tickets b {
    font-size: 26px;
    font-family: 'CrystalBetUni-Bold';
}
.promo-video-container {
    border-top: 1px solid transparent;
}
.promo-video-container .promo-video-wrapper {
    margin: 8px auto 60px;
}
.SuitCase-cases--container {
    width: 1300px;
    height: 468px;
    box-sizing: border-box;
    position: relative;
    left: calc(50% - 1300px/2);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 1300px 249px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 59px;
}
.SuitCase-cases--container-title-top {
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'HelveticaBold';
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    text-align: center;
}
.SuitCase-cases--container-title-top div {
    font-size: 16px;
    color: #FFFFFF;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    font-family: 'HelveticaMedium';
    padding-top: 17px;
}
.SuitCase-cases--case {
    width: 932px;
    height: 256px;   
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 932px/2);
    bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.SuitCase-cases--case.passive {
    background-image: url('SuitCase-cases/passive.png');
    bottom: 80px;
}
.SuitCase-cases--case.active {
    background-image: url('SuitCase-cases/active.png');
    bottom: 80px;
}
.SuitCase-cases--case.open {
    background-image: url('SuitCase-cases/open.png');
    bottom: 80px;
}
.SuitCase-cases--case-cont {

}
.SuitCase-cases--case-cont-bt {
    display: block;
    text-decoration: none;
    width: 140px;
    height: 50px;
    line-height: 50px;
    color: #262000;
    font-size: 16px;
    font-family: 'CrystalBetUni-Medium';
    background: linear-gradient(180deg, #FFDC50 0%, #FFCD04 100%);
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
    box-shadow: 0px 2px 0px #D09400;
    margin: 38px -12px 0 134px;
}

.SuitCase-cases--case-cont-bt:hover {
    background: #FFD429;
}
.SuitCase-cases--case-cont--open {
    width: 165px;
    height: 160px;
    background-image: url(SuitCase-cases/open-title-passive.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 52px 12px 0 103px;
}
.SuitCase-cases--case-cont--open.active {
    background-image: url('SuitCase-cases/open-title-open.png');
}
.SuitCase-cases--case-cont--open span:nth-child(1) {
    display: block;
    font-size: 40px;
    font-family: 'HelveticaBold';
    padding-top: 24px;
}
.SuitCase-cases--case-cont--open label{
    display: block;
    font-size: 16px;
    font-family: 'HelveticaMedium';
    line-height: 19px;
    padding-top: 4px;
}
.SuitCase-cases--case-main-bt {
    width: 240px;
    height: 64px;
    background: linear-gradient(180deg, #FFDC50 0%, #FFCD04 100%);
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    line-height: 64px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
    text-decoration: none;
    color: #262000;
    font-size: 15px;
    font-family: 'CrystalBetUni-Medium';
    position: absolute;
    left: calc(50% - 240px/2);
    bottom: 4px;
    box-shadow: 0px 2px 0px #D09400;

}

.SuitCase-cases--case-main-bt:hover {
    background: #FFD429;
}
.SuitCase-cases--container-gold {
    width: 1168px;
    height: 946px;
    margin: 30px auto 0 auto;
    background-image: url(SuitCase-cases/case_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    position: relative;
    left: calc(50% - 1168px / 2);
    box-sizing: border-box; 
}
.SuitCase-cases--container-gold-title {
    text-align: center;
    padding-top: 23px;
    position: relative;
}
.SuitCase-cases--container-gold-title div {
    color: #FFEC21;
    font-size: 30px;
    font-family: 'HelveticaBlack';
    font-feature-settings: "case" on;
}
.SuitCase-cases--container-gold-title label {
    font-size: 18px;
    font-family: 'HelveticaMedium';
    color: #ffffff;
    display: block;
    padding-top: 44px;
}
.SuitCase-cases--container-gold-title label span {
    font-weight: bold;
    position: relative;
    left: -4px;
}
.SuitCase-cases--container-gold-title label p {
    margin: 0;
    display: inline;
}
.SuitCase-cases--container-gold-prize-list-container {
    width: 891px;
    margin: 0 auto;
    position: relative;
    margin-top: 38px;
    margin-bottom: 120px;
}
.SuitCase-cases--container-gold-prize-list-container:after {
    content: '';
    position: absolute;
    width: calc(100% + 240px);
    height: 1px;
    left: -120px;
    top: 208px;
    background: linear-gradient(90deg, rgba(159, 74, 204, 0) 0%, #894ACC 49.55%, rgba(159, 74, 204, 0) 100%);
    border-radius: 10px;
}

.SuitCase-cases--container-gold-prize-list-container-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.SuitCase-cases--container-gold-prize-list {
    width: 160px;
    height: 140px;
    position: relative;
    display: flex;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
}
.SuitCase-cases--container-gold-prize-list:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.28) 100%);
    backdrop-filter: blur(5px);
    z-index: -1;
    border-radius: 0px 20px;
}
.SCprizeTitle {
    position: absolute;
    bottom: -48px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    word-spacing:9999px;
    text-align: center;
    z-index: 1;
    font-family: 'HelveticaMedium';
    width: 100%;
    height: 38px;
}
.SCprizeTitle.SCfreespintxt {

}
.SCprize {
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* .SCprize.SCWorldCupTravel {
    background-image: url('SuitCase-cases/prize/ticket.svg');
    width: 90px;
    height: 90px;
} */
.SCprize.SCiPhone {
    background-image: url('SuitCase-cases/prize/iphone.png');
    width: 80px;
    height: 80px;
}
.SuitCase-cases--gold-open .SCprize.SCiPhone{
    width: 91px;
    height: 83px;
    top: -6px;
}
.SuitCase-cases--gold-open label.SCprize.SCiPhone font {
    bottom: -31px;
}
.SCprize.SCPlayStation {
    background-image: url('SuitCase-cases/prize/playstation.png');
    width: 92px;
    height: 92px;
}
.SuitCase-cases--container-gold-prize-list.SCPlayStation .SCprizeTitle {
    word-spacing: initial;
    padding: 0 15px;
    box-sizing: border-box;
}
.SCprize.SCMacBook {
    background-image: url('SuitCase-cases/prize/mackbook.png');
    width: 120px;
    height: 74px;
}
.SuitCase-cases--gold-open .SCprize.SCMacBook{
    width: 128px;
    height: 75px;
    top: -8px;
}
.SCprize.SCiPad {
    background-image: url('SuitCase-cases/prize/ipad.png');
    width: 90px;
    height: 90px;
}
.SCprize.SCfreespin {
    background-image: url('SuitCase-cases/prize/freespin.png');
    width: 78px;
    height: 88px;
}
.SuitCase-cases--gold {
    width: 300px;
    height: 296px;
    background-image: url('SuitCase-cases/gold-inactive.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: calc(50% - 300px/2);
    bottom: 57px;
}
.SuitCase-cases--gold.with-btn{
    background-image: url('SuitCase-cases/gold.png');
}
.SuitCase-cases--gold.open {
    background-image: url('SuitCase-cases/gold-open.png');
    width: 452px;
    height: 390px;
    left: calc(50% - 452px/2);
    bottom: 35px;
}
.SuitCase-cases--gold-open {
    text-align: center;
    color: #fff;
    width: 214px;
    height: 187px;
    margin: 107px auto 0 auto;
}
.SuitCase-cases--gold-open div label {
    display: block;
    margin: 0 auto;
    position: relative;
    top: -12px;
}
.SuitCase-cases--gold-open div label font {
    position: absolute;
    width: 140px;
    left: calc(50% - 140px/2);
    bottom: -35px;
    font-size: 18px;
    font-family: 'HelveticaBold';
}
.SuitCase-cases--gold-open div {
    width: 100%;
    height: 166px;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.SuitCase-cases--gold-open div span:nth-child(1) {
    font-size: 14px;
    font-family: 'HelveticaBold';
    padding-top: 0px;
}
.SuitCase-cases--gold-open div span:nth-child(2) {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-family: 'HelveticaMedium';
    padding: 0 10px;
    text-transform: none;
    margin-top: 5px;
}
.SuitCase-cases--gold-open div .SCMacBook span:nth-child(1){
    display: block;
}
.SuitCase-cases--gold-open div .SCSlotFreeSpinEGT span:nth-child(1),
.SuitCase-cases--gold-open div .SCPragmaticFreeSpin span:nth-child(1) {
    font-size: 50px;
    display: block;
}

.SuitCase-cases--gold-open div label.SCSlotFreeSpinEGT font,
.SuitCase-cases--gold-open div label.SCPragmaticFreeSpin font {
    bottom: -74px;
}
.SuitCase-cases--gold-open-bt-open {
    width: 248px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    background: linear-gradient(180deg, #FFDC50 0%, #FFCD04 100%);
    border-radius: 10px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
    margin: 0px auto 0 auto;
    text-decoration: none;
    display: block;
    color: #262000;
    font-size: 16px;
    font-family: 'CrystalBetUni-Medium';
    position: relative;
    left: calc(50% - 248px/2);
    box-shadow: 0px 2px 0px #D09400;
}
.SuitCase-cases--gold-open-bt-open:hover {
    background: #FFD429;
}
.SuitCase-cases--gold-open-bt {
    width: 270px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    background: #FECA25;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
    margin: 165px auto 0 auto;
    text-decoration: none;
    display: block;
    color: #262000;
    font-size: 16px;
    font-family: 'CrystalBetUni-Medium';
}
.SuitCase-cases--gold-open-bt:hover {
    background: #fcf178;
}
.SuitCase-cases--container-gold-main-container-title {
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    font-family: 'HelveticaBold';
}
.SuitCase-cases--container-gold-main-container-title div {
    font-size: 16px;
    font-family: 'HelveticaMedium';
}
.SuitCase-cases--gold-info {
    width: 451px;
    height: 63px;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    /* Note: backdrop-filter has minimal browser support */
    margin:  152px auto 0 auto;
    text-align: center;
    line-height: 63px;
    position: relative;
    left: calc(50% - 451px/2);
    border-radius: 34px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'CrystalNU4-Bold';
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.en .SuitCase-cases--gold-info {
    font-size: 13px;
}
.SuitCaseGamesListContTitle {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-family: 'HelveticaBold';
    color: #fff;
    margin: 39px 0 20px 0;
}
.SuitCaseGamesListContIn {
    display: flex;
    justify-content: center;
    margin-bottom: 57px;
}
.SuitCaseGamesList {
    display: flex;
    text-decoration: none;
    color: #262000;
    font-size: 14px;
    font-family: 'CrystalNU4-Bold';
    width: 160px;
    height: 70px;
    background: linear-gradient(180deg, #FDE053 0%, #FFCC00 100%);
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}
.SuitCaseGamesList:first-of-type {
   margin-left: -5px;
}
.SuitCaseGamesList:hover {
    filter: drop-shadow( 4px 5px 3px black);
}
.SuitCaseGamesList:before {
    font-family: 'cb-mobile-icons';
    font-size: 24px;
    color: #262000;
}
.SuitCaseGamesList.slots:before {
    content: '\E870';
}
.SuitCaseGamesList.jetx:before {
    content: '\E873';
}
.SuitCaseGamesList.casino:before {
    content: '\E876';
}
.SuitCaseGamesList.boardgames:before {
    content: '\E871';
}
.SuitCaseGamesList.keno:before {
    content: '\E874';
}
.SimpleSuitCaseCountDown {
    width: max-content;
    padding: 0 115px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 0 auto;  
    margin-top: 21px;
}
.SimpleSuitCaseCountDown:before {
    left: initial;
    right: 0;
    transform: rotate(-180deg);
}
.SimpleSuitCaseCountDown div {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    font-family: 'HelveticaBold';
}
.SimpleSuitCaseCountDown div span {
    display: block;
    font-size: 42px;
}
.SimpleSuitCaseCountDownSeparate {    
    display: block;
    width: 22px;
    height: 20px;
    background: url('SuitCase-cases/countdown_inner_ico.svg') center no-repeat;
    margin: 0px 17px;
}

.SuitCase-toprules {
    width: 940px;
    height: 186px;
    background-image: url('SuitCase-cases/toprule.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}
.SuitCase-toprules-top {
    font-size: 18px;
    color: #FDE053;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    font-family: 'HelveticaBold';
    padding-top: 86px;
}
.SuitCase-toprules-bottom {
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    font-family: 'HelveticaMedium';
    color: #FFFFFF;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    padding-top: 11px;
}
.SuitCase-toprules-bottom-modal {
    display: none;
}