.WelcomeBonus21-d-m {
    display: none;
}
.WelcomeBonus21-d-m.WelcomeBonus21-d {
    display: block;
}
.WelcomeBonus21-d-m.WelcomeBonus21-m {
    display: none;
}

#main .WelcomeBonus21-d-m.WelcomeBonus21-d {
    display: none;
}
#main .WelcomeBonus21-d-m.WelcomeBonus21-m {
    display: block;
}

.WelcomeBonus21-popup {
    width: 885px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    padding-bottom: 25px;
}
#main .WelcomeBonus21-popup {
    width: 360px;
    
}
.WelcomeBonus21-popup.WelcomeBonus21-popup-step3 {
    padding-top: 25px;
}

#main .client-popup-container.PersonVerificationPopupControl .cp-header {
    background: #FFCC00 !important;
}

#main .WelcomeBonus22-popup-step1-title {
    font-size: 13px;
    line-height: 15px;
    padding-bottom: 16px;
}
#main .WelcomeBonus22-popup-step1-title1 {
    width: 163px;
    margin-right: 0;
}
#main .WelcomeBonus22-popup-step1-title2 {
    width: 172px;
    left: 3px;
}
#main .WelcomeBonus21-popup-info-bt-text {
    font-size: 11px;
    padding-top: 11px;
}

#main .WelcomeBonus21-popup-info div {
    font-size: 28px;
    margin-bottom: 4px;
}


.WelcomeBonus22-M  {
    display:  none;
}
#main .WelcomeBonus22-M {
    display:  block;
}
#main .WelcomeBonus22-D {
    display:  none;
}


#main .WelcomeBonus21-popup-step1-title,
#main .WelcomeBonus21-popup-step1-title div {
    /*
    font-family: 'CrystalBetUni-Medium';
    font-size: 14px;
    line-height: 19px;
    */
    font-size: 12px;
    line-height: 14px;
    font-family: 'CrystalNU4-Bold';
}
#main .WelcomeBonus21-popup-step1-title div {
    display: initial;
}
#main .WelcomeBonus21-popup-step1-title {
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 10px;
}
#main .WelcomeBonus21-popup-info {
    width: 120px;
    height: 71px;
    margin: 0 5px;
}
#main .WelcomeBonus21-popup-info-plus {
    margin: 0;
}

#main .WelcomeBonus21-popup-info span {
    position: relative;
    top: -5px;
    font-size: 14px;
}
#main .WelcomeBonus21-popup-info:after {
    width: 24px;
    height: 24px;
    line-height: 24px;
    left: calc(50% - 24px/2);
    top: -12px;
    font-size: 14px;
}

#main .WelcomeBonus21-popup-step2-title {
    font-size: 15px;
    font-family: 'CrystalBetUni-Medium';
}

#main .WelcomeBonus21-popup-info-step3 {
    width: 340px;
    height: 272px;
    box-sizing: border-box;
}
#main .WelcomeBonus21-popup-step3-title {
    font-size: 15px;
}
#main .WelcomeBonus21-popup-step3-title div {
    font-size: 20px;
}
#main .WelcomeBonus21-popup-step3-title-use-bt {
    margin: 8px auto 12px auto;
}
#main .WelcomeBonus21-popup-info-step3-title {
    font-size: 15px;
    font-family: 'CrystalBetUni-Medium';
    padding-bottom: 24px;
}
#main .WelcomeBonus21-popup-info-step3-title div {
    font-size: 14px;
    width: 215px;
    margin: 0 auto;
}
#main .WelcomeBonus21-popup-info-step3 .WelcomeBonus21-popup-info {
    width: 120px;
    height: 90px;
}
#main .WelcomeBonus21-popup-info-step3 .WelcomeBonus21-popup-info div {
    margin-top: 20px;
}
#main .WelcomeBonus21-popup-info-or {
    font-size: 18px;
    top: -38px;
}

.WelcomeBonus21-popup-step2 {
    padding-top: 20px;
}

/*step1*/
.WelcomeBonus21-popup-step1-title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 27px;
    color: #1A1A1A;
    font-family: 'CrystalBetUni-Bold';
    margin-bottom: 20px;
    margin-top: 28px;
}
.WelcomeBonus21-popup-step1-title div {
    font-family: 'CrystalBetUni-Medium';
}

/*info*/
.WelcomeBonus22-popup-step1-title {
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: #0E356A;
    font-family: 'CrystalNU4-Bold';
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 23px;
}
.ru .WelcomeBonus22-popup-step1-title {
    font-size: 14px;
}
.WelcomeBonus22-popup-step1-title1 {
    display: inline-block;
    margin-right: 22px;
    width: 190px;
}
.WelcomeBonus22-popup-step1-title2 {
    display: inline-block;
    position: relative;
    width: 256px;
    left: 29px;
}
.WelcomeBonus21-popup-info-bt-text {
    color: #666666;
    font-size: 13px;
    font-family: 'CrystalNU4-Regular';
    width: 100%;
    text-align: center;
    padding-top: 19px;
}
.WelcomeBonus21-popup-info-or {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: -30px;
    color: #1A1A1A;
    font-family: 'CrystalBetUni-Medium';
    margin: 0 6px;
    position: relative;
    top: -18px;
}
.WelcomeBonus21-popup-info-plus {
    display: inline-block;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    background-image: url('plus.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px 29px 0px 29px;
    top: -17px;
    position: relative;
}
.WelcomeBonus21-popup-info {
    width: 152px;
    height: 85px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    margin: 0 10px;   
    position: relative;

    background: linear-gradient(101.39deg, #165DC8 0%, #1B8FFB 100%);
    box-shadow: 0px 5px 0px #45A2FF;
    border-radius: 15px;
}
.WelcomeBonus21-popup-info:after {
    content: '\E870';
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #2E91F0;
    position: absolute;
    left: calc(50% - 30px/2);
    top: -15px;
    border-radius: 30px;
    font-family: 'cb-mobile-icons';
    font-size: 20px;
}

.WelcomeBonus21-popup-info label {
    font-family: 'CrystalBetUni-Medium';
    padding-top: 12px;
    color: rgba(255, 255, 255, 0.8);
    padding-top: 12px;
    display: block;
}
.WelcomeBonus21-popup-info div {
    color: #FDE053;
    font-size: 36px;
    font-family: 'CrystalBetUni-Bold';
    margin-top: 8px;
    margin-bottom: -4px;
}
.WelcomeBonus21-popup-info span {
    font-size: 16px;
    font-family: 'CrystalBetUni-Bold';
    color: #fff;
    display: block;
}

.WelcomeBonus21-popup-info a {
    display: block;
    width: 100%;
    height: 46px;
    background: #FFCC00;
    border-radius: 10px;
    text-decoration: none;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    color: #262000;
    font-size: 16px;
    font-family: 'CrystalBetUni-Medium';
    position: absolute;
    left: 0;
    bottom: -60px;
}
.WelcomeBonus21-popup-info a:hover {
    background: #fcf178;
}

/*step2*/
.WelcomeBonus21-popup-step2-title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: 'CrystalBetUni-Medium';
    color: #1A1A1A;
    margin-bottom: 20px;
}

/*step3*/
.WelcomeBonus21-popup-step3-title {
    width: 100%;
    text-align: center;
    color: #1A1A1A;
    font-size: 22px;
    font-family: 'CrystalBetUni-Medium';
}
.WelcomeBonus21-popup-step3-title label {
    display: inline-block;
    font-family: 'CrystalBetUni-Bold';
    font-size: 24px;
}
.WelcomeBonus21-popup-step3-title-use-bt {
    display: block;
    width: 152px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    background: #FFCC00;
    border-radius: 10px;
    color: #262000;
    font-family: 'CrystalBetUni-Medium';
    margin: 20px auto 28px auto;
    text-decoration: none;
    font-size: 16px;
}
.WelcomeBonus21-popup-step3-title-use-bt:hover {
    background: #fcf178;
}

.WelcomeBonus21-popup-info-step3 {
    width: 720px;
    height: 299px;
    background: linear-gradient(0deg, #F0F3F5, #F0F3F5);
    border-radius: 20px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 21px;
}
.WelcomeBonus21-popup-info-step3-title {
    font-size: 20px;
    line-height: 23px;
    font-family: 'CrystalNU4-Bold';
    color: #0E356A;
    padding-bottom: 29px;
}
.WelcomeBonus21-popup-info-step3-title div {
    font-size: 18px;
    font-family: 'CrystalNU4-Bold';
}

.WelcomeBonus21-popup-step3-title-more-bt {
    display: block;
    width: 152px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    background: #FFCC00;
    border-radius: 10px;
    color: #262000;
    font-family: 'CrystalBetUni-Medium';
    margin: 30px auto 0 auto;
    text-decoration: none;
    font-size: 16px;
}
.WelcomeBonus21-popup-step3-title-more-bt:hover {
    background: #fcf178;
}

.WelcomeBonus21-play-bt-use {
    display: none;
}
.WelcomeBonus21-play-bt.use .WelcomeBonus21-play-bt-use {
    display: block;
}
.WelcomeBonus21-play-bt.use .WelcomeBonus21-play-bt-choose {
    display: none;
}



.WelcomeBonus21-2popup-container {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.WelcomeBonus21-2popup-user {
    width: 100%;
    font-size: 20px;
    color: #000;
    font-family: 'CrystalBetUni-Bold';
    padding: 10px 0 20px 0;
}

.WelcomeBonus21-2popup-container .WelcomeBonus21-popup-info-step3-title {
    font-size: 16px;
    padding-bottom: 44px;
}
.WelcomeBonus21-2popup-container .WelcomeBonus21-popup-info-step3-title div {
    font-size: 16px;
    font-family: 'CrystalNU4-Regular';
}
#main .WelcomeBonus21-2popup-container .WelcomeBonus21-popup-info-step3-title,
#main .WelcomeBonus21-2popup-container .WelcomeBonus21-popup-info-step3-title div {
    font-size: 14px;
    line-height: 22px;
}
#main .client-popup.WelcomeBonusNotificationPopupUserControl .WelcomeBonus21-popup-step3-title-more-bt {
    margin: 60px auto 0 auto;
}

.client-popup.WelcomeBonusNotificationPopupUserControl {
    width: 700px;
    height: 540px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}
.client-popup.WelcomeBonusNotificationPopupUserControl .cp-header {
    background: #fff;
    border-radius: 20px;
}
.client-popup.WelcomeBonusNotificationPopupUserControl .WelcomeBonus21-popup-step3-title-more-bt {
    margin: 83px auto 0 auto;
    width: 200px;
    height: 60px;
    line-height: 60px;
}
.client-popup.WelcomeBonusNotificationPopupUserControl .cp-close:before {
    collor: #B3B3B3;
}
#main .client-popup.WelcomeBonusNotificationPopupUserControl .cp-header {
    background: #F2F2F2;
}

#main .client-popup.WelcomeBonusNotificationPopupUserControl .cp-close:before, 
#main .client-popup.WelcomeBonusNotificationPopupUserControl .cp-close2:before {
    color: #B3B3B3 !important;
}

#main .client-popup.WelcomeBonusNotificationPopupUserControl {
    width: 340px;
    height: 470px;
    background: #F2F2F2;
    top: 50px;
    left: calc(50% - 340px/2);
}
#main.horizontal .client-popup.WelcomeBonusNotificationPopupUserControl {
    width: 340px;
    height: calc(100% - 50px);
    background: #F2F2F2;
    top: 50px;
    left: calc(50% - 340px/2);
}

#main .WelcomeBonus21-2popup-container .WelcomeBonus21-popup-info {
    width: 124px;
}
#main .WelcomeBonus21-2popup-user {
    font-size: 16px;
}