html, body {
    iwidth: 100%;
    
    margin: 0;
    padding: 0;
   overflow-x: hidden;
    
}
body {
    background-image: url(/img/back.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: cover;
}
@font-face {
    font-display: block;
    font-family: 'intro1';
    src: url("/fonts/IntroDemo-BlackCAPS.otf");
}
@font-face {
    font-display: block;
    font-family: 'montserat';
    src: url("/fonts/Montserrat-Medium.ttf");
}
.santa {
    position: absolute;
    top: 10%;
    bottom: 0;
    left: calc(100vw * -1.1);
    iwidth: calc(100vh * 1.5);
    width: 200vw;
    z-index: 1;
    overflow: hidden;
}
.back {
    position: absolute;
    padding: calc(100vh * 0.1);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0 ;
  
}
.back_inside {
    height: 100%;
    width: 100%;
    background-image: url(../img/fon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
}
.plants {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0 ;
    overflow: hidden;
    z-index: 3;
}
.plants svg {
    width: 110%;
}
.prize {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0%;
    right: 0;
    z-index: 6;
    overflow: hidden;
}
.prize_hidden {
    display: none;
}
.info {
    position: relative;
    
    z-index: 7;
   padding-top: 420px;
}
.prize_info {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
}
.logo {
    position: absolute;
    
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.prize_info_shadow {
    position: absolute;
    display: none;
    top: 3px;
    left: 3px;
    right: 0;
    z-index: 4;
}
.prize_info_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(40vh);
}
.logo_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(10vh);
}
.logo_inner img{
    width: 50vw;
}
.info_title {
    font-size: 2rem;
    color: #C80000;
    text-align: center;
    font-family: 'intro1';
   
}
.info_text {
    font-size: 1rem;
    color: #50817D;
    text-align: center;
    font-family: 'montserat';
}
.agree_text {
    font-size: 0.5rem;
    color: #1e3331;
    text-align: center;
    font-family: 'montserat';
    padding-top: 5px;
    display: none;
}
.result_text {
    display: none;
    font-size: 1rem;
    color: #50817D;
    text-align: center;
    font-family: 'montserat';
    padding-top: 10px;
    
}
.prize_info_title {
    font-size: 2rem;
    color: #fff;
    text-align: center;
    font-family: 'intro1';
    width: 100%;
}
.prize_info_text {
    font-size: 1rem;
    color: #0e1616;
    text-align: center;
    font-family: 'montserat';
    padding-bottom: 9px;
    opacity: 0;
}
.prize_info_title1 {
    font-size: 2rem;
    color: #C80000;
    text-align: center;
    font-family: 'intro1';
    width: 100%;
}
.prize_info_text1 {
    font-size: 1rem;
    color: #0e1616;
    text-align: center;
    font-family: 'montserat';
    padding-bottom: 9px;
    opacity: 0;
}
.info_btn {
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
.info_btn img {
    height: 60px;
}
.info_form {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    justify-content: center;
}
.hidden {
    display: none;
}
.input_holder {
    padding:5px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #50817D;
}
input {
    font-family: 'montserat';
    font-size: 1rem;
    background: transparent;
    border: none;
    color: #0e1616;
    outline: none;
}
.ok_btn {
    color: #fff;
    font-family: 'montserat';
    font-size: 1rem;
    background-color: #C80000;
    border-radius: 15px;
    padding: 9px 10px 5px 10px;
    text-align: center;
}