@font-face {
    font-family: 'Onest-Bold';
    src: url('/fonts/Onest-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Onest-Regular';
    src: url('/fonts/Onest-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Onest-Thin';
    src: url('/fonts/Onest-Thin.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'Onest';
    src: url('/fonts/Onest-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    font: MuseoSansCyrl500;
}
.form-label{
    margin-top: 10px;
}
.acception{
    margin-top: 10px;
}
.logo-blk{
    max-width: 400px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
.logo-blk img{
    width: 100%;
}
#activity_blk{
    margin-top: 32px;
}
.login_frm{
    text-align: center;
    font-size: 100%;
}
.login_frm input[type=phone],
.login_frm input[type=text],
.login_frm input[type=date],
.login_frm input[type=email]{
    text-align: center;
    font-size: inherit;
}
.act_btn{
    width: 100%;
    background: rgba(218, 182, 142, 1);
    border: rgba(218, 182, 142, 1);
    font-size: 120%;
    margin-bottom: 10px;
}
.act_btn:active, .act_btn:hover, .act_btn:focus{
    color: #fff;
    background-color: #c7a37a;
    border-color: #c7a37a;
}
.act_btn:focus, .login_frm input[type=phone]:focus, .login_frm input[type=text]:focus{
    --btn-bg: #c7a37a;
    --btn-bg-active: var(--c-orange-dark);
    box-shadow: 0 30rem 30rem -15rem rgba(168,89,57,.5);

}
.act_btn:focus-visible{
    outline: 2px solid #fff;
}
.stage{
    transition: 1s;
    opacity: 1;
}
.hidden{
    display: none;
    opacity: 0;
}
#inpunPhone-error{
    font-weight: normal;
    font-size: 70%;
    color: #ff9999;
}
#msg_blk{
    margin-top: 10px;
    margin-bottom: 10px;
}
#activity_blk form{
    width: 84%;
    margin: auto;
}
#activity_blk label{
    margin-bottom: 15px;
}
#activity_blk h1{
    font-size: 10px;
}
#activity_blk .rules_txt{
    font-size: 75%;
}

.qr_blk{
    margin-top: 25px;
    margin-bottom: 25px;
    max-width: 328px;
}
.qr_code_main_page{
    border-radius: 32px;
    display: block;
    width: 100%;
    overflow: hidden;
}
.qr_code_main_page img{
    width: 100%;
}
.text_tip{
    margin-top: 25px;
}
.centered_content{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.apple_card{
    max-width: 328px;
    width: 100%;
    cursor: pointer;
    display: block;
}
.google_card{
    max-width: 328px;
    width: 100%;
    cursor: pointer;
}
.apple_card img, .google_card img{
    width: 100%;
}
.error{
    font-size: 70%;
    color: darksalmon;
}
.acception{
    font-size: 70%;
}
.btn_blk{
    width: 80%;
    margin-top: 32px;
}
.app_link{
    font-family: 'OfficinaSerif';
    display: flex;
    text-decoration: none;
    color: black;
    font-size: 63%;
    font-weight: lighter;
    text-align: left;
    margin-bottom: 8px;
    padding: 8px;
    border: 2px solid #777878;
    border-radius: 17px;
}
.app_link .link_desc{
    text-align: justify-all;
    float: left;
    width: 75%;
}
.app_link .link_img{
    width: 25%;
    float: right;
}
.action_descript{
    font-size: 70%;
}