html{
    scroll-behavior: smooth;
}

.mob{
    display: none;
}

.main-block{
    margin: auto;
    padding: 0 10px;
    width: 1680px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block-1{
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 140px;
}

.block-1-inner-1{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.block-1 .prizes-image{
    max-width: 764px;
    width: 100%;
    height: 206px;
    background: #FEFEFE;
    position: relative;
    border-radius: 0 0 50px 50px;
}

.block-1 .prizes-image .img-ball{
    max-width: 289px;
    width: 100%;
    position: absolute;
    top: -30px;
    left: -40px;
}

.block-1 .prizes-image .img-t-shirt{
    max-width: 329px;
    width: 100%;
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
}

.block-1 .prizes-image .img-baseball-cap{
    max-width: 334px;
    width: 100%;
    position: absolute;
    top: -5px;
    right: -50px;
}

.block-1-inner-2{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
}

.lays-logo > img{
    max-width: 166px;
    width: 100%;
    padding-bottom: 65px;
}

.slogan{
    /*max-width: 794px;*/
    /*width: 100%;*/
    width: 794px;
    transform: rotate(-10deg);
}

.slogan .text1{
    color: #FF0C1C;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
    line-height: 95.517%;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 20px;
}

.slogan .text2{
    color: #FF0C1C;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 70px;
}

.upload-check-button{
    max-width: 617px;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFF;
    border-radius: 30px 30px 0 0;
    padding-right: 20px;
    transition: 0.2s;
}

.upload-check-button > p{
    max-width: 520px;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FF091A;
    border-radius: 30px 30px 0 0;
    margin: 0;

    color: #FFF;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    text-transform: uppercase;
}

.block-1-inner-2 .text3{
    color: #000;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    padding-top: 24px;
}


.block-2{
    display: flex;
    flex-direction: column;
    padding: 155px 0 0;
}

.block-title{
    color: #FF091A;
    font-family: "Lays Cyr";
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
}

.block-2-inner-up{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 270px 0 190px;
}

.block-2-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.red-block1{
    background: url("/static/img/red-block1.png") no-repeat;
    background-size: contain;
    height: 340px;
    width: 400px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
    gap: 18px;
    justify-content: start;
    padding-top: 105px;
}
.red-block2{
    background: url("/static/img/red-block2.png") no-repeat;
    background-size: contain;
    height: 278px;
    width: 400px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
    gap: 18px;
    justify-content: start;
    padding-top: 75px;
}
.red-block3{
    background: url("/static/img/red-block3.png") no-repeat;
    background-size: contain;
    height: 340px;
    width: 400px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
    gap: 18px;
    justify-content: start;
    padding-top: 105px;
}

.block-2-inner .slide-block{
    position: absolute;
    top: -220px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
}

.block-2-inner .image-check{
    width: 270px;
    position: absolute;
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
}
.block-2-inner .image-coin{
    width: 232px;
    position: absolute;
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
}
.block-2-inner .image-present{
    width: 197px;
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
}

.block-2-inner .number-bottom1{
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
}

.block-2-inner .number-bottom2{
    position: absolute;
    bottom: -110px;
    left: 50%;
    transform: translateX(-50%);
}


.block-2-inner .big-text{
    color: #FFF;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
}

.block-2-inner .small-text{
    color: #FFF;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 262px;
    width: 100%;
    margin: 0;
}






.block-3{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 100px;
}


.block-3 .block-title{
    color: #FF091A;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: auto;
    text-transform: uppercase;
    max-width: 930px;
    width: 100%;
}


.block-3 .coin-text{
    margin-top: 40px;
    color: #000;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.block-3 .prize-text1{
    color: #000;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.block-3 .prize-text{
    margin-top: 15px;
    color: #000;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.block-3 .prize-text > span{
    color: #000;
    font-family: "Lays Cyr";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}






.block-4{
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: end;*/
    /*gap: 32px;*/
    padding-bottom: 270px;
    width: 1625px;
}

.block-4 .red-big-block{
    background: url("/static/img/red-big-block.png") no-repeat center center;
    background-size: contain;
    height: 631px;
    width: 873px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-4 .red-big-block > p{
    color: #FFF;
    font-family: "Lays Cyr";
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    transform: rotate(-10deg);
    text-transform: uppercase;
}



.animate-packs-change-block .circle{
    position: absolute;
    width: 730px;
    height: 161px;
    z-index: -1;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.animate-packs-change-block > img{
    height: 480px;
}

.animate-packs-change-block .up-red-text{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    color: #FF091A;
    text-align: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}

.animate-packs-change-block .packs-text{
    position: absolute;
    top: 530px;
    left: 50%;
    transform: translateX(-50%);
    /*color: #000;*/
    /*font-family: "Lays Cyr";*/
    /*font-size: 32px;*/
    /*font-style: normal;*/
    /*font-weight: 700;*/
    /*line-height: normal;*/
    color: #000;
    text-align: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    width: 400px;
    margin: 0;
    text-align: center;
}

.animate-packs-change-block .packs-text > span{
    color: #000;
    font-family: "Noto Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}







.block-5{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 80px;
    padding-bottom: 188px;
}

.block-5 .upload-check-button{
    margin-left: 140px;
}

.block-5-red-block{
    border-radius: 50px;
    background: #FF091A;
    width: 1660px;
    height: 458px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.block-5-text1{
    color: #FFF;
    font-family: "Lays Cyr";
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    transform: rotate(-10deg);
    text-transform: uppercase;
    margin: 0;
    max-width: 340px;
}

.block-5-text2{
    color: #FFF;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.block-5-red-block > img{
    height: 458px;
}




.block-6{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 160px;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1660px;
    min-height: 680px;
}

.block-6-title{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    gap: 20px;
}

.block-6-title .red-text{
    color: #FF091A;
    font-family: "Lays Cyr";
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
    position: absolute;
    top: -43px;
    left: 57%;
    transform: translateX(-50%);
    max-width: 770px;
    width: 100%;
}

.block-6-title .black-text{
    color: #000;
    font-family: "Lays Cyr";
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
    position: absolute;
    top: 125px;
    left: 57%;
    transform: translateX(-50%);
    max-width: 770px;
    width: 100%;
}

.block-6 > img{
    width: 1414px;
    margin-left: -130px;
}

.main-win-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
}

.main-win-block .black-text2{
    color: #000;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
}

.main-win-block .red-text2{
    color: #FF091A;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
}

.main-win-block .main-win-form{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 2px solid #FF091A;
    background: #FFF;
    width: 400px;
    height: 88px;
    margin: 14px 0;
}

.main-win-block .main-win-form > p{
    color: #000;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
}



.block-7{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 140px;
}

.feedback .black-text3{
    color: #000;
    font-family: "Lays Cyr";
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.feedback .red-text3{
    color: #FF091A;
    font-family: "Lays Cyr";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.block-7 .feedback a > img{
    transition: 0.2s;
}

.block-7 .feedback a > img:hover{
    transition: 0.2s;
    transform: scale(1.1);
}

.block-7-inner2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 48px;
}

.block-7-inner2 > p {
    color: #FF091A;
    font-family: "Lays Cyr";
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
}

.block-7-inner2 > img {
    width: 953px;
}




.footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    padding-bottom: 25px;
}

.footer .upload-check-button{
    margin-right: 62px;
}

.footer-red-block{
    border-radius: 50px;
    background: #FF091A;
    width: 1660px;
    height: 290px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 100px 40px 40px;
}

.footer-red-block > img{
    height: 290px;
}

.footer-red-block-inner > p{
    color: #FFF;
    font-family: "Lays Cyr";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    width: 800px;
    padding-bottom: 16px;
    border-bottom: 2px solid #FFF;
}

.footer-links{
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 14px 0 0 12px;
}

.footer-links > a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-decoration: none;
    transition: 0.2s;
}

.footer-links > a:hover{
    transition: 0.2s;
    transform: scale(1.1);
}

.footer-links > a > p{
    color: #FFF;
    text-align: center;
    font-family: "Lays Cyr";
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    text-decoration: none;
    transition: 0.2s;
}

.footer-links > a > p:hover{
    text-decoration: underline;
}


#block-3,
#faq{
    scroll-margin-top: 160px;
}