body{
    background-color: #c1dbf2;
    /*background-color: #070707;*/
}
#wrapper{
    overflow-x: hidden;
    min-width: 680px;
    font-family: Nunito, sans-serif;
    font-style: normal;
    font-weight: normal;
}
.ny22__window{
    width: 100%;
    height: 960px;
    overflow: hidden;
    transform-origin: center top;
}
.ny22__window-background{
    /*display: none;*/
    position: absolute;
    width: 1920px;
    height: 960px;
    left: 50%;
    top: 0;
    margin-left: -960px;
    background: url("../img/bg.png") center 0 / 1920px 960px no-repeat;
}
.ny22__branches{
    position: absolute;
    width: 1920px;
    height: 299px;
    left: 0;
    top: 0;
    background: url("../img/fir.png") center 0 / 1920px 299px no-repeat;
    z-index: 4;
}

.ny22__title{
    position: relative;
    width: fit-content;
    margin: 90px auto 0;

    font-family: Niconne, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 76px;
    line-height: 76px;
    color: #FFEFB6;
    text-align: center;
}
.ny22__title span{
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 45px;
}
.ny22__title-ru{
    font-family: Pacifico;
    font-size: 60px;
}
.ny22__title-ja{
    font-size: 42px;
}
.ny22__caption-1{
    position: relative;
    width: 680px;
    margin: 20px auto 0;

    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}
.ny22__caption-2{
    position: relative;
    width: 640px;
    margin: 0 auto;

    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}
.ny22__caption-2-de{
    width: 680px;
}
.ny22__button{
    position: absolute;
    top: 656px;
    left: 799px;
    width: 327px;
    height: 204px;
    background: url("../img/button_step-1.png") 0 0 / 327px 204px no-repeat;
    z-index: 2;

    box-sizing: border-box;
    padding-top: 72px;
    text-align: center;
    color: #FFFFFF;

    font-weight: 800;
    font-size: 24px;
    line-height: 31px;
    text-decoration: underline;
    animation: sparklight 1000ms step-start infinite;
}
@keyframes sparklight {
    0%{
        background-image: url("../img/button_step-1.png");
    }
    50%{
        background-image: url("../img/button_step-2.png");
    }
}
.ny22__button-snow{
    position: absolute;
    top: 799px;
    left: 750px;
    width: 423px;
    height: 75px;
    background: url("../img/button_snow.png") 0 0 / 423px 75px no-repeat;
    z-index: 3;
}
.ny22__caption-3{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    top: 856px;
    width: 360px;
    box-sizing: border-box;
    padding: 0 15px;

    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #4D68A7;
}
.ny22__caption-3-de {
    padding: 0 15px;
}
.ny22__caption-3-es {
    padding: 0 25px;
}
.ny22__caption-3-fr {
    padding: 0 25px;
}
.ny22__arrow{
    position: absolute;
    top: 0;
    width: 17px;
    height: 40px;
    background: url("../img/arrow-left.png") 0 0 / 100% no-repeat;
}

.ny22__fir-shadow{
    position: absolute;
    left: 410px;
    top: 640px;
    width: 383px;
    height: 140px;
    background: url("../img/trees_shadow.svg") 0 0 no-repeat;
}
.ny22__fir{
    position: absolute;
    left: 433px;
    top: 233px;
    width: 300px;
    height: 487px;
    background: url("../img/tree_x1_s1.png") 0 0 no-repeat;
    animation: sparklight_fir 1000ms -500ms step-start infinite;
}
@keyframes sparklight_fir {
    0%{
        background-image: url("../img/tree_x1_s1.png");
    }
    50%{
        background-image: url("../img/tree_x1_s2.png");
    }
}
.ny22__gift-boxes{
    position: absolute;
    left: 401px;
    top: 557px;
    width: 276px;
    height: 219px;
    background: url("../img/gift_boxes.png") 0 0 / 100% no-repeat;
}

.ny22__popup-shadow{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background: /*rgba(0, 13, 47, 0.4);*/ rgba(0, 0, 0, 0.5);
}
.ny22__loader{
    position: relative;
    z-index: 11;
    top: 49%;
    margin: auto;
    width: fit-content;
    height: fit-content;
    background: url('../img/progress-animation.gif') 0 5px no-repeat;
    padding-left: 37px;
    font-size: 15px;
    color: #99a2b2;
}
.ny22__popup{
    display: none;
    position: absolute;
    z-index: 12;
    left: 50%;
    top: 50%;
    width: 651px;
    height: 502px;
    margin: -230px 0 0 -325px;
    background: url("../img/popup-bg.png") 0 0 no-repeat;
}
.ny22__percent-label{
    position: absolute;
    left: 95px;
    top: 102px;
    width: 150px;
    height: 80px;
    background: 0 0 / 100% no-repeat;
}
.ny22__popup-text{
    position: absolute;
    left: 77px;
    top: 218px;
    width: 329px;

    font-size: 18px;
    line-height: 25px;
    color: #2664AC;
}
.ny22__popup-text-de{
    width: 347px;
    font-size: 17px;
}
.ny22__popup-text-es{
    width: 347px;
    font-size: 17px;
}
.ny22__popup-text-fr{
    width: 342px;
    font-size: 16px;
}
.ny22__popup-text-it{
    font-size: 17px;
}
.ny22__popup-button{
    display: block;
    position: absolute;
    /*left: 195px;*/
    right: 243px;
    top: 343px;
    min-width: 213px;
    height: 61px;
    box-sizing: border-box;
    background: #FB4C80;
    box-shadow: 0px 18px 25px -9px rgba(56, 78, 134, 0.46), inset 0px 11px 15px 7px #FF9EBB;
    border-radius: 15px;

    padding: 15px 20px;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    color: #FFFFFF;
    text-decoration: none;
    transition: background-color 270ms linear, top 150ms linear;
}
.ny22__popup-button:hover{
    background: #915EFF;
    box-shadow: 0px 18px 25px -9px rgba(56, 78, 134, 0.46);
}
.ny22__popup-button:active{
    top: 346px;
    background: #733DE7;
    box-shadow: none;
}
.ny22__cross{
    position: absolute;
    left: 508px;
    top: 16px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: #FFFFFF url("../img/cross_blue.png") 8px 8px / 16px 15px no-repeat;
    box-shadow: -1px 3px 0 rgba(148, 165, 209, 0.25);
}
.ny22__cross:hover{
    background: #915EFF url("../img/cross_white.png") 8px 8px / 16px 15px no-repeat;
}
.ny22__cross:active{
    background: #733DE7 url("../img/cross_white.png") 8px 8px / 16px 15px no-repeat;
    top: 18px;
    box-shadow: none;
}

.ny22__snow-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    overflow: hidden;
}
.ny22__snow {
    position: absolute;
    left: -100px;
    top: -100px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #FFF;
    opacity: 0.7;
    box-shadow: 0 0 7px 2px #FFF;
    animation: snowfall 14s infinite linear;
}
@keyframes snowfall {
    0%{
        top: 0;
    }
    100%{
        top: 960px;
    }
}
.ny22__ghost-button{
    display: block;
    z-index: 7;
    position: relative;
    margin: 690px auto 0;
    width: 275px;
    height: 145px;
    box-sizing: border-box;
    cursor: pointer;
    padding-top: 38px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 24px;
    line-height: 31px;
    text-decoration: underline;
    transition: color 270ms linear;
}
.ny22__ghost-button:hover{
    color: #FFE794;
}
.ny22__ghost-button:active{
    color: #FFE072;
}
.ny22__ghost-button-ru{
    padding: 23px;
}