@keyframes floating {
    0% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(5px);
    }
}



.promo-container.ru .promo-authorized.not .promo-auth-title{
    font-size: 16px;
}
.promo-bg {
    width: 100%;
    height: 2243px;
    position: absolute;
    left: 0;
    top: 113px;
    background: url(bg.jpg) no-repeat center top;
}
.promo-container{
    padding-bottom: 218px;
    padding-top: 45px;    
}
.promo-verification{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(253, 224, 83);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.4);

    width: 784px;
    height: 234px;
    margin:0 auto;
}
.promo-verify-title:before{
    content: '';
    background: url(exclamation.png) no-repeat;
    width: 33px;
    height: 32px;
    position: absolute;
    left: calc(50% - 16px);
    top: 30px;
}
.promo-verify-title{
    font-family: "CrystalBetUni-Medium";
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 80px;
}
.promo-verify-btn{
    border-radius: 4px;
    background-color: rgb(253, 224, 83);
    width: 301px;
    height: 61px;
    font-family: "CrystalBetUni-Bold";
    color: #1f1a02;
    text-align: center;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    line-height: 61px;
    margin-top: 25px;
}
.promo-verify-btn:before {
    content: '';
    background: url(not-verified-icon.png) no-repeat;
    width: 20px;
    height: 25px;
    display: inline-block;
    margin-right: 14px;
    vertical-align: middle; 
    margin-top: -3px;    
}
.promo-verify-btn:hover{
    background-color: #ffe87a;
}
.promo-content {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}
.promo-tl1 {
    font-family: "CrystalBetUni-Bold";
    color: #fde053;
    text-align: center;
    font-size: 50px;
    margin-top: -12px;
}
.promo-img1 {
    background: url(percent.png) no-repeat;
    width: 507px;
    height: 183px;
    position: absolute;
    left: calc(50% - 251px);
    top: 161px;
    z-index: 0; 
    animation: floating 5s ease-in-out infinite;    
}
.promo-tl2{
    font-family: "CrystalBetUni-Bold";
    color: #fff;
    line-height: 46px;
    text-align: center;
    font-size: 36px;
    margin-top: -2px;
    z-index: 1;
}
.promo-tl3 {
    font-family: "CrystalBetUni-Bold";
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin-top: 285px;
}
.promo-tl4 {
    font-family: "CrystalBetUni-Bold";
    color: #fde053;
    text-align: center;
    font-size: 36px;
    margin-top: -2px;
}
.promo-tl5 {
    font-family: "CrystalBetUni-Bold";
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin-top: 46px;
}
.promo-terms {
    background-color: #fff;
    width: 845px;
    height: 130px;
    margin: 20px auto 0 auto;
    border-radius: 80px;
}
.promo-terms .term {
    float: left;
    width: 300px;
    height: 80px;
    margin-right: 1px;
    font-family: "CrystalBetUni-Bold";    
    line-height: 27px;
    font-size: 20px;
    color: #000000;
    padding-top: 24px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    position: relative;
}
.promo-terms .term:before{
    content: '';
    background: url(check.png);
    width: 16px;
    height: 16px;
    position: absolute;
    top: 31px;
    left: -30px;
}
.promo-terms .term > span {
    display: block;
    float: left;
    font-size: 36px;    
    width: 57px;    
}
.promo-terms .term > div {
    font-family: "CrystalBetUni-Medium";   
    float: left;
    width: calc(100% - 57px);
    color: #858585;
    font-size: 14px;
    margin-top: -3px;       
}
.promo-terms > div:not(:nth-of-type(4)) > div {
    line-height: 33px; 
}
.promo-terms .term > div > span { 
    font-size: 16px;
    display: block;
}
.promo-terms .term.tm1 {
    margin-left: 100px;
}
.promo-terms .term.tm2 {
    margin-top: 50px;
    margin-left: -301px;
}
.promo-terms .term.tm3 {
    margin-left: 110px;
}
.promo-terms .term.tm3 > span {
    width: 33px;
}
.promo-terms .term.tm4 > span {
    width: 42px;
}
.promo-terms .term.tm4 {
    margin-left: 511px;
    margin-top: -30px;
    line-height: 19px;
}
.promo-terms .term.tm4 > div span {
    font-family: "CrystalBetUni-Bold"; 
    font-size: 15px;
    color: #000;
    width: 100%;    
}
.promo-cards {
    width: 700px;
    height: 405px;
    margin: 12px auto 0 auto;
}
.promo-cards .card {
    width: 220px;
    height: 115px;
    margin-top: 20px;
    margin-left: 20px;
    font-family: "CrystalBetUni-Medium";
    color: #fff;
    font-size: 16px;    
    float: left;   
    text-align: center;  
    background-color: rgba(0, 0, 0, 0.65);
    box-sizing: border-box; 
    position: relative;   
    border-radius: 58px; 
}
.promo-cards .card span{
    height: 75px;
    line-height: 77px;    
    font-family: "CrystalBetUni-Bold";
    color: #fde053;
    text-align: center;
    font-size: 54px;
    display: block;
}
.promo-cards .card span:after{
        content: '';
        background: url('separator.png');
        width: 34px;
        height: 2px;
        position: absolute;
        top: 69px;
        right: calc( 50% - 17px );
}
.promo-cards .card .card-amount{
    font-family: "CrystalBetUni-Bold";  
    font-size: 45px;   
    color: #fde053;
    height: 60px;
}
.promo-cards .card:nth-child(1){
    margin-left: 0;
}
.promo-cards .card:nth-child(2) span:after{
    width: 46px;
    right: calc(50% - 46px/2);
}
.promo-cards .card:nth-child(3) span:after{
    width: 58px;
    right: calc(50% - 58px/2);
}
.promo-cards .card:nth-child(4) span:after{
    width: 70px;
    right: calc(50% - 70px/2);
}
.promo-cards .card:nth-child(5) span:after{
    width: 82px;
    right: calc(50% - 82px/2);
}
.promo-cards .card:nth-child(6) span:after{
    width: 94px;
    right: calc(50% - 94px/2);
}
.promo-cards .card:nth-child(7) span:after{
    width: 106px;
    right: calc(50% - 106px/2);
}
.promo-cards .card:nth-child(8) span:after{
    width: 118px;
    right: calc(50% - 118px/2);
}
.promo-cards .card:nth-child(9) span:after{
    width: 130px;
    right: calc(50% - 130px/2);
}
.promo-cards .card:nth-child(10) span:after{
    width: 142px;
    right: calc(50% - 142px/2);
}
.promo-cards .card:nth-child(11) span:after{
    width: 154px;
    right: calc(50% - 154px/2);
}

.promo-cards .card:nth-child(4),.promo-cards .card:nth-child(7){
    margin-left: 0;
}
.promo-tl6 {
    font-family: "CrystalBetUni-Bold";
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin-top: 65px;
}
.promo-btn1 {
    width: 180px;
    height: 66px;
    display: block;
    box-sizing: border-box;
    margin: 59px auto 0 auto;
    background: #29cb19;
    border-radius: 33px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-family: 'CrystalBetUni-Bold';
    text-align: center;
    line-height: 66px;
    position: relative;
    cursor: pointer;
    transition: all .2s ease;
}
.promo-btn1:hover {
    background: #29dd17;
}
.promo-rules {
    margin-top: 199px;
}
.promo-rules-title {
    background: url(../Common/rules-title.png) top center;
    width: 1305px;
    height: 83px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    line-height: 82px;
    font-size: 20px;
    color: #fee459;
    font-family: 'CrystalBetUni-Bold';
    padding-left: 50px;
    /*margin: 80px auto 50px auto;*/
    position: absolute;
    left: calc(50% - 652px);    
    margin-top: -130px;    
}

.rating-ticket-rules-new-list {
    position: relative;
    width: 790px;
    margin: 0 auto 13px auto;
    text-align: left;
}

.rating-ticket-rules-new-list-title {
    position: relative;
    width: 100%;
    min-height: 68px;
    border: 1px solid rgba(255, 255, 255, 0.3);;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 20px 50px 20px 32px;
    font-size: 18px;
    color: #ffffff;
    font-family: 'CrystalBetUni-Bold';
    text-transform: uppercase;
}

    .rating-ticket-rules-new-list-title:hover {
        color: #fde054;
    }

    .rating-ticket-rules-new-list-title:after {
        content: '';
        background: url('../../../Images/RatingTicket/rule-arrows.png');
        background-position: -0px -0px;
        width: 21px;
        height: 21px;
        position: absolute;
        right: 20px;
        top: calc( 50% - 10.5px );
    }

    .rating-ticket-rules-new-list-title.active {
        color: #0f0f0f;
        background: #fde054;
    }

        .rating-ticket-rules-new-list-title.active:after {
            background-position: -0px -21px;
        }

.rating-ticket-rules-new-list-text {
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 32px;
    font-family: 'CrystalNU4-Regular';
    font-size: 16px;
    display: none;
}

    .rating-ticket-rules-new-list-text p {
        padding-bottom: 15px;
        text-transform: initial;
        line-height: 24px;
    }

.yellow-disclaimer {
    font-size: 18px;
    color: #fee459;
    font-family: 'CrystalBetUni-Regular';
    text-align: center;
    margin-top: 50px;
}


/*lang*/
.promo-container.ka .promo-img1 {
}
.promo-container.en .promo-img1 {
}
.promo-container.ru .promo-img1 {  
}