*{margin: 0px; padding: 0px; outline: 0;}
a{text-decoration: none;cursor: pointer; color: #000;}

@media screen and (min-width: 531px) { /* 377 */

body{
    min-width: 1444px;
    font-family: 'Roboto', sans-serif;
    background: #FAF1E0;
}

.content{
    min-width: 1416px;
    width: 1416px;
    height: inherit;
    margin: 0 auto;
}
.header{
	height: 140px;
	width: 100%;
}
.footer{
    height: 129px;
    width: 100%;
}
.conteiner{
	height: 700px;
	width: 100%;
	background: #fff;
}
.main_logo{
    display: inline-block;
    padding: 30px 0px 0px 0px;
    margin: 0px 16px 0px 0px;
}
.head_text{
    display: inline-block;
}
.main_head_text{
    color: #8B1F15;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 0px 0 6px 0;
} 

/* !!!!!!!!!! */
.twink_head_text{
    color: #000;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.nerf_img{
    width: 90px;
    height: 90px;
}
.right_cont{
    float:right;
}
.head_first_adress{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    margin: 30px 40px 0 0;

}
.head_second_adress{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    margin: 0 20px 0px 0px;
}
.original_content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_content{
    height: 630px;
    width: 1200px;
}
.certificate{
    background: #FAF1E0;
    border-radius: 20px;
    width: 360px;
    height: 210px;
    margin-left: auto;
    margin-right: auto;
}
.certificate_logo{
    padding: 20px 0px 0px 20px;
    display: inline-block;
}
.certificate_img{
    width: 60px;
    height: 60px;
}
.certificate_main_text{
    color: #8B1F15;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 34px 0px 0px 6px;
    display: inline-block;
    vertical-align: top;
}
.certificate_text{
    color: #8B1F15;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 65px 0px 0px 20px;
    letter-spacing: 3px;
    line-height: 22px;
}
.certificate_price{
    float: right;
    display: inline-block;
    background: rgba(0,0,0, .3);
    border-radius: 6px;
    width: 100px;
    margin: -45px 24px 0 0px;
    height: 40px;
}
.certificate_heading{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    width: 201px;
}
h2{
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.certificate_choose_price{
    display: flex;
}
.certificate_btn{
    width: 150px;
    height: 60px;
    background: rgba(30,30,30, .1);
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 30px 0 30px;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid #1e1e1e;
}
.certificate_btn-reforge{
    text-align: center;
    padding-top: 20px;
}
.certificate_btn_first{
    margin-left: 105px;
}
.certificate_btn_last{
    margin-right: 105px;
}
.certificate_btn_active{
    background: rgba(255,0,0, 0.6);
    color: #fff;
}


.certificate_input_main{
    align-items: center;
    display: flex;
    margin-top: 40px;
    justify-content: center;
    font-size: 16px;
    position: relative;
}
.certificate_user_price{
    align-items: center;
    cursor: text;
    background-color: rgb(234,234,234);
    color: rgb(30,30,30);
    padding: 13px 19px 13px 19px;
    border-radius: 6px;
    border: 1px solid;
    display: flex;
   
}
.certificate_user_price_spb{
    background-color: rgba(89,89,89,.9);
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .3px;
    padding: 14px 18px 16px;
    transform: translate(-50%, -100%);
    top: -10px;
    transition: all .4s;
    text-align: center;
    width: 252px;
    z-index: 999;
    text-transform: none;
}
.certificate_user_price_spb_nerf{
    visibility: hidden;
    opacity: 0;
}
.certificate_user_price_spb:after{
    top:100%;
    margin-top: -2px;
    content: "";
    height: 0;
    width: 0;
    border: 4px solid rgba(0,0,0,0);
    border-top-color: rgba(89,89,89,.9);
    margin-left: -4px;
}
.certificate_user_price_spb, .certificate_user_price_spb:after{
    left: 50%;
    position: absolute;
    pointer-events: none;
}

.certificate_user_price_kln{
    background-color: rgba(0,0,0,0);
    border: none;
    color: #1e1e1e;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    height: 20px;
    letter-spacing: .5px;
    padding: 0;
    width: 124px;
    min-width: 180px;
}
.plus{
    width:20px;
    height:20px;
}
.btn_next_cont{
    position: relative;
    float: right;
    width: 120px;
    height: 40px;
    background: #B70E00;
    top: 100px;
    color: #fff;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 2px 6px 2px 6px;
}
.btn_back_cont{
    position: relative;
    float: left;
    width: 120px;
    height: 40px;
    background: #717172;
    top: 100px;
    color: #fff;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 0px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
}
.btn_next{
    color: #fff;
}
.larrow{
    transform: rotate(180deg);
    margin: 0px 10px 0 0px !important;
}
.arrow{
    width: 25px;
    margin: 0px 0px 0 10px;
    height: 25px;
    fill: #fff;
}
.tick{
    width: 22px;
    margin: 0px 0px 4px 6px;
    height: 22px;
    fill: #fff;
}
.main_back_btn{
    float: left;
    width: 180px;
    height: 40px;
    background: #B70E00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid;
    border-radius: 6px;
    padding: 2px 6px 2px 6px;
    margin-top: 48px;
    cursor: pointer;
}
.back_btn{
    color: #fff;
}
.ul{
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 54px 20px 0px 0;
}
.text_footer{
    cursor: pointer;
    margin-left: 0px;
    letter-spacing: 1px;
}
.progress_bar_block{
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    position: relative;
    top: 130px;
}
.progress_bar{
    background-color: #eee;
    margin-right: 12px;
    width: 98px;
}
.progress{
    box-shadow: 0 20px 30px 0 rgba(27,28,30,.1);
}
.progress, .progress-bar{
    border-radius: 3px;
    height: 6px;
}
.steps{
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
}
.stepses{
    margin: -1px 0 0 0;
}
.step2_progress{
    width: 20%;
    background-color: rgb(42, 44, 48);
}
.step3_progress{
    width: 40%;
    background-color: rgb(42, 44, 48);
}
.step4_progress{
    width: 60%;
    background-color: rgb(42, 44, 48);
}
.step5_progress{
    width: 80%;
    background-color: rgb(42, 44, 48);
}
.step6_progress{
    width: 100%;
    background-color: rgb(42, 44, 48);
}
.step {
    color: #1e1e1e;
}
.certificate_price_user{
    display: flex;
    position: relative;
    align-items: center;
    text-align: center;
    padding-top: 11px;
    justify-content: center;
}
.inviz{
    display: none;
}
.suggestions_area {
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 600px;
    height: 192px;
}
.textarea_global_block{
    background-color: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid rgba(31,31,34,.12);
    border-radius: 0;
    display: block;
    font-family: 'Roboto', sans-serif;
    resize: none;
    width: 100%;
    margin-bottom: 4px;
    user-select: text;
    box-sizing: border-box;
    white-space: normal;
    min-height: 45px;
    font-size: 22px;
    font-weight: 100;
    text-align: center;
    line-height: 33px;
    color: #1f1f22;
    padding-bottom: 16px;
    height: 52px;
    max-height: 169px;
}
.count_span{
    color: rgb(143, 143, 143);
    font-size: 12px;
    text-align: right;
    width: 100px;
}
.stels_input{
    display: none;
}
.count_nerf{
    width: 188px;
    text-align: right;
    display: inline-block;
}
.count_span2{
    color: rgb(143, 143, 143);
    font-size: 12px;
    margin: 4px 8px 0px 1px;
    font-family: 'Roboto', sans-serif;
    float: right;
    text-align: right;
}
.lk_left_block{
    float: right;
}
.whysarea{
    margin-top: 55px;
    margin-bottom: 94px;
}
.title_text{
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 24px;
    text-align: center;
}
.center_main_block{
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.choose_btn{
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    min-width: 216px;
    padding: 13px 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.text_choose{
    color: #fff;
    letter-spacing: 1px;
}
.active_choose_btn{
    background-color: rgb(42, 44, 48);
    color: rgb(255, 255, 255);
    margin-left: 6px;
    margin-right: 6px;
}
.choose_btn:hover{
    background-color: rgba(30,30,30,.06);
}
.active_choose_btn:hover{
    background-color: rgb(21 22 24);
}
.certificate_btn:hover{
    background: rgba(30,30,30, .2);
}
.certificate_btn_active:hover{
    background: rgba(255,0,0, 0.8);
}
.btn_next_cont:hover, .main_back_btn:hover{
    background: #a30d01;
    cursor: pointer;
}
.btn_back_cont:hover{
    background: #616164;
}
.text_footer:hover{
    color: #B70E00;
}
.WhosAreaBlock, .Whos_text_h{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 0 0;
}
.Choose-option{
    border-radius: 18px;
    display: inline-block;
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 1;
    padding: 10px 20px 10px;
    background-color: rgba(42, 44, 48, 0.2);
    color: rgb(42, 44, 48);
    font-family: 'Roboto', sans-serif;
}
.Whos_text_h h2{
     font-family: 'Roboto', sans-serif;
}
.input_user_info{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0px 27px 0px;
}
.user_fio{

}
.user_fio_input, .user_phone_input, .user_email_input{
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1.5px solid rgba(31,31,34,.12);
    padding: 6px 10px 6px 10px;
    width: 300px;
    font-size: 18px;
    color: #a6a6a6;
    font-weight: 400;
    cursor: text;
    font-family: 'Roboto', sans-serif;
}
.user_fio_input:hover, .user_phone_input:hover, .user_email_input:hover{
     border-bottom: .5px solid rgba(0,0,0,1);
}

.user_fio, .user_phone, .user_email{
    margin: 0px 15px 0 15px;
}
.main_input_content{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 1px;
}
.left_content_block{
    float: left;
    margin: 0 40px 0 0;
}
.right_content_block{
    float: right;
    margin: 0 0 0 40px;
}
.user_fio_placeholder,.user_email_placeholder,.user_phone_placeholder,.user_fio_placeholder-2,.user_email_placeholder-2,.user_phone_placeholder-2,.user_fio_placeholder-3,.user_email_placeholder-3,.user_phone_placeholder-3{
    position: absolute;
    margin: 8px 0px 0 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #969696;
}
.text_h_block{
    margin: 0 0 25px 0;
}
.user_email_block,.user_phone_block,.user_fio_block{
    margin-top: 30px;
}
.progress_bar_block_nerf{
    top:67px !important;
}
.btn_all_cont_nerf{
    top: 37px !important;
}
.user_fio_nerf,.user_email_nerf,.user_phone_nerf{
    margin: 34px 0 0 0;
}
.transform{
    transform: translate(0px, -26px);
}
.object{
    position: absolute;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.5s ease-in-out; /** Firefox **/
    -o-transition: all 0.5s ease-in-out; /** Opera **/
}
.last_info_h{
    display: flex;
    justify-content: center;
    margin: 30px 0 30px 0;
}
.all_input_block{
    display: flex;
    justify-content: center;
}
.fromwhom_block{
    float: left;
    margin: 0 40px 0 0;
}
.text_i_main{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #6d6d6d;
    margin: 0px 0px 10px 0px;
}
.towhom_block{
    float: right;
    margin: 0 0 0 40px;
}
.span_block_info{
    margin-left: 6px;
}
.all_info_block{
    height: 218px;
}
.lookfor{
    display: none;
}
.newarrow{
    margin-top: 2px !important;
}
.btn_finish{
    background: #08a652;
}
.btn_finish:hover{
    background: #2cba6f;
}
.blackout{
    background: rgba(0,0,0,.7);
    z-index: 3;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
.modal, .help_information{
    position: fixed;
    top: 35%;
    left: 50%;
    margin-top: -200px;
    margin-left: -440px;
    width: 800px;
    min-height: 400px;
    height: max-content;
    display: none;
    z-index: 5;
    padding: 40px 40px;
    background: #FFFCFC;
    border-radius: 20px;
    border: 1px solid #000;
    box-shadow: rgba(0, 0, 0, 0.8) 10px 10px 50px 1px;
    height: 420px;
    cursor: default;
}
.close{ 
    display: inline-block;
    width: 22px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.modal .close:after, .modal .close:before, .help_information .close:after, .help_information .close:before{
    background: #999;
    height: 26px;
    left: 10px;
    top: -3px;
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modal .close:before, .help_information .close:before{
    transform: rotate(45deg);
}
.preinfo{
    text-align: center;
}

.certificate_main_info{
    position: absolute;
    margin: 15px 0px 0 154px;
    color: #8B1F15;
    font-size: 18px;
    font-weight: 800;
}
.end_user_href{
    text-align: center;
    text-decoration: underline;
}
.end_href{
    text-align: center;
}
.ccfhi{
    text-align: right;
    padding-top: 30px;
    padding-right: 40px;
}
.cont_fix{
    height: 30px;
}
.help_info:hover{
    text-decoration: underline;
    cursor: pointer;
}
.sber_png{
    width: 130px;
    position: absolute;
    top: 161px;
    left: 220px;
}
.help_information{
    display: none;
    font-size: 14px;
}
.href_footer{
    margin-right: 30px;
}
.img_pay_m{
    height: 40px;
    width: 160px;
    position: absolute;
    margin: -7px 0px 0px -180px;
}
}























@media screen and (max-width: 530px) { 

    body{
        width: 414px;
        font-family: 'Roboto', sans-serif;
        background: #FAF1E0;

        /* overflow: hidden; */
    }

    .content{
        min-width: 414px;
        width: 414px;
        margin: 0 auto;
    }

    .header{
        height: 235px;
        width: 100%;
    }
    .footer{
        height: 200px;
        width: 100%;
    }
    .conteiner{
        /* height: 194px; */
        width: 100%;
        background: #fff;
    }
    .main_logo{
        display: inline-block;
        padding: 30px 0px 0px 64px;
        margin: 0px 16px 0px 0px;
    }
    .head_text{
        display: inline-block;
    }
    .main_head_text{
        color: #8B1F15;
        font-size: 22px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        padding: 0px 0 6px 0;
    }
    /* !!!!!!!!!! */
    .twink_head_text{
        color: #000;
        font-size: 17px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }
    .nerf_img{
        width: 90px;
        height: 90px;
    }
    .right_cont{
        float:right;
    }
    .head_first_adress{
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 12px;
        margin: 16px 40px 0 100px;

    }
    .head_second_adress{
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
            font-size: 12px;
            margin: 14px 20px 0px 84px;
    }
    .original_content{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main_content{
        /* height: 630px; */
        width: 414px;
        padding-bottom: 40px;
    }
    .certificate{
        background: #FAF1E0;
        border-radius: 20px;
        width: 360px;
        height: 210px;
        margin-left: auto;
        margin-right: auto;
    }
    .certificate_logo{
        padding: 20px 0px 0px 20px;
        display: inline-block;
    }
    .certificate_img{
        width: 60px;
        height: 60px;
    }
    .certificate_main_text{
        color: #8B1F15;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        padding: 34px 0px 0px 6px;
        display: inline-block;
        vertical-align: top;
    }
    .certificate_text{
        color: #8B1F15;
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        padding: 65px 0px 0px 20px;
        letter-spacing: 3px;
        line-height: 22px;
    }
    .certificate_price{
        float: right;
        display: inline-block;
        background: rgba(0,0,0, .3);
        border-radius: 6px;
        width: 100px;
        margin: -45px 24px 0 0px;
        height: 40px;
    }
    .certificate_heading{
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 19px;
        width: 166px;
    }
    h2{
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
    }
    .certificate_choose_price{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .certificate_btn{
        width: 114px;
        height: 42px;
        background: rgba(30,30,30, .1);
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0 10px 0 10px;
        border-radius: 12px;
        cursor: pointer;
        border: 1px solid #1e1e1e;
        margin: 10px 20px 10px 20px;
    }
    .certificate_btn-reforge{
        text-align: center;
        padding-top: 10px;
    }
    .certificate_btn_first{
        /* margin-left: 105px; */
    }
    .certificate_btn_last{
        margin-right: 20px;
    }
    .certificate_btn_active{
        background: rgba(255,0,0, 0.6);
        color: #fff;
    }


    .certificate_input_main{
        align-items: center;
        display: flex;
        margin-top: 18px;
        justify-content: center;
        font-size: 16px;
        position: relative;
    }
    .certificate_user_price{
        align-items: center;
        cursor: text;
        background-color: rgb(234,234,234);
        color: rgb(30,30,30);
        padding: 13px 19px 13px 19px;
        border-radius: 6px;
        border: 1px solid;
        display: flex;
       
    }
    .certificate_user_price_spb{
        background-color: rgba(89,89,89,.9);
        border-radius: 6px;
        color: #fff;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: .3px;
        padding: 14px 18px 16px;
        transform: translate(-50%, -100%);
        top: -10px;
        transition: all .4s;
        text-align: center;
        width: 252px;
        z-index: 999;
        text-transform: none;
    }
    .certificate_user_price_spb_nerf{
        visibility: hidden;
        opacity: 0;
    }
    .certificate_user_price_spb:after{
        top:100%;
        margin-top: -2px;
        content: "";
        height: 0;
        width: 0;
        border: 4px solid rgba(0,0,0,0);
        border-top-color: rgba(89,89,89,.9);
        margin-left: -4px;
    }
    .certificate_user_price_spb, .certificate_user_price_spb:after{
        left: 50%;
        position: absolute;
        pointer-events: none;
    }

    .certificate_user_price_kln{
        background-color: rgba(0,0,0,0);
        border: none;
        color: #1e1e1e;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        height: 20px;
        letter-spacing: .5px;
        padding: 0;
        width: 124px;
        min-width: 180px;
    }
    .plus{
        width:20px;
        height:20px;
    }
    .btn_next_cont{
        position: relative;
        float: right;
        width: 120px;
        height: 40px;
        background: #B70E00;
        top: -5px;
        color: #fff;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 10px 0px 0px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        border: 1px solid #000;
        border-radius: 6px;
        padding: 2px 6px 2px 6px;
    }
    .btn_back_cont{
        position: relative;
        float: left;
        width: 120px;
        height: 40px;
        background: #717172;
        top: -5px;
        color: #fff;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 0px 0px 10px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        border: 1px solid #000;
        border-radius: 6px;
        padding: 2px 6px 2px 6px;
        cursor: pointer;
    }
    .btn_next{
        color: #fff;
    }
    .larrow{
        transform: rotate(180deg);
        margin: 0px 10px 0 0px !important;
    }
    .arrow{
        width: 25px;
        margin: 0px 0px 0 10px;
        height: 25px;
        fill: #fff;
    }
    .tick{
        width: 22px;
        margin: 0px 0px 4px 6px;
        height: 22px;
        fill: #fff;
    }
    .main_back_btn{
        float: left;
        width: 180px;
        height: 40px;
        background: #B70E00;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 400;
        border: 1px solid;
        border-radius: 6px;
        padding: 2px 6px 2px 6px;
        /* margin-top: 18px; */
        margin: 12px;
        cursor: pointer;
    }
    .back_btn{
        color: #fff;
    }
    .ul{
        float: left;
        display: flex;
        flex-direction: column;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 400;
        margin: 4px 0px 0px 0;
    }
    .text_footer{
        cursor: pointer;
        margin-left: 0px;
        letter-spacing: 1px;
        margin: 14px 0px 0px 82px;
    }
    .progress_bar_block{
        align-items: center;
        display: flex;
        justify-content: center;
        font-size: 16px;
        position: relative;
        top: 70px;
    }
    .progress_bar{
        background-color: #eee;
        margin-right: 12px;
        width: 98px;
    }
    .progress{
        box-shadow: 0 20px 30px 0 rgba(27,28,30,.1);
    }
    .progress, .progress-bar{
        border-radius: 3px;
        height: 6px;
    }
    .steps{
        color: #7d7d7d;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .4px;
    }
    .stepses{
        margin: -1px 0 0 0;
    }
    .step2_progress{
        width: 20%;
        background-color: rgb(42, 44, 48);
    }
    .step3_progress{
        width: 40%;
        background-color: rgb(42, 44, 48);
    }
    .step4_progress{
        width: 60%;
        background-color: rgb(42, 44, 48);
    }
    .step5_progress{
        width: 80%;
        background-color: rgb(42, 44, 48);
    }
    .step6_progress{
        width: 100%;
        background-color: rgb(42, 44, 48);
    }
    .step {
        color: #1e1e1e;
    }
    .certificate_price_user{
        display: flex;
        position: relative;
        align-items: center;
        text-align: center;
        padding-top: 11px;
        justify-content: center;
    }
    .inviz{
        display: none;
    }
    .suggestions_area {
        margin-top: 34px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 350px;
        height: 192px;
    }
    .textarea_global_block{
        background-color: rgba(0,0,0,0);
        border: none;
        border-bottom: 1px solid rgba(31,31,34,.12);
        border-radius: 0;
        display: block;
        font-family: 'Roboto', sans-serif;
        resize: none;
        width: 100%;
        margin-bottom: 4px;
        user-select: text;
        box-sizing: border-box;
        white-space: normal;
        min-height: 45px;
        font-size: 22px;
        font-weight: 100;
        text-align: center;
        line-height: 33px;
        color: #1f1f22;
        padding-bottom: 16px;
        height: 52px;
        max-height: 169px;
        height: 160px;
    }
    .count_span{
        color: rgb(143, 143, 143);
        font-size: 12px;
        text-align: right;
        width: 100px;
    }
    .stels_input{
        display: none;
    }
    .count_nerf{
        width: 188px;
        text-align: right;
        display: inline-block;
    }
    .count_span2{
        color: rgb(143, 143, 143);
        font-size: 12px;
        margin: 4px 8px 0px 1px;
        font-family: 'Roboto', sans-serif;
        float: right;
        text-align: right;
    }
    .lk_left_block{
        float: right;
    }
    .whysarea{
        margin-top: 55px;
        margin-bottom: 94px;
    }
    .title_text{
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 24px;
        text-align: center;
    }
    .center_main_block{
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
    }
    .choose_btn{
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        min-width: 170px;
        padding: 13px 0;
        text-align: center;
        font-family: 'Roboto', sans-serif;
    }
    .text_choose{
        color: #fff;
        letter-spacing: 1px;
    }
    .active_choose_btn{
        background-color: rgb(42, 44, 48);
        color: rgb(255, 255, 255);
        margin-left: 6px;
        margin-right: 6px;
    }
    .choose_btn:hover{
        background-color: rgba(30,30,30,.06);
    }
    .active_choose_btn:hover{
        background-color: rgb(21 22 24);
    }
    .certificate_btn:hover{
        background: rgba(30,30,30, .2);
    }
    .certificate_btn_active:hover{
        background: rgba(255,0,0, 0.8);
    }
    .btn_next_cont:hover, .main_back_btn:hover{
        background: #a30d01;
        cursor: pointer;
    }
    .btn_back_cont:hover{
        background: #616164;
    }
    .text_footer:hover{
        color: #B70E00;
    }
    .WhosAreaBlock, .Whos_text_h{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px 0 0 0;
    }
    .Choose-option{
        border-radius: 18px;
        display: inline-block;
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 1;
        padding: 10px 20px 10px;
        background-color: rgba(42, 44, 48, 0.2);
        color: rgb(42, 44, 48);
        font-family: 'Roboto', sans-serif;
    }
    .Whos_text_h h2{
         font-family: 'Roboto', sans-serif;
    }
    .input_user_info{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 32px 0px 27px 0px;
    }
    .user_fio{

    }
    .user_fio_input, .user_phone_input, .user_email_input{
        border-right: none;
        border-left: none;
        border-top: none;
        border-bottom: 1.5px solid rgba(31,31,34,.12);
        padding: 6px 10px 6px 10px;
        width: 300px;
        font-size: 18px;
        color: #a6a6a6;
        font-weight: 400;
        cursor: text;
        font-family: 'Roboto', sans-serif;
    }
    .user_fio_input:hover, .user_phone_input:hover, .user_email_input:hover{
         border-bottom: .5px solid rgba(0,0,0,1);
    }

    .user_fio, .user_phone, .user_email{
        margin: 0px 15px 0 15px;
    }
    .main_input_content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 1px;
    }
    .left_content_block{
        /* float: left; */
        margin: 0 0px 0 40px;
    }
    .right_content_block{
        float: right;
        margin: 40px 0px 0px 40px;
    }
    .user_fio_placeholder,.user_email_placeholder,.user_phone_placeholder,.user_fio_placeholder-2,.user_email_placeholder-2,.user_phone_placeholder-2,.user_fio_placeholder-3,.user_email_placeholder-3,.user_phone_placeholder-3{
        position: absolute;
        margin: 8px 0px 0 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #969696;
    }
    .text_h_block{
        margin: 0 0 25px 0;
    }
    .user_email_block,.user_phone_block,.user_fio_block{
        margin-top: 30px;
    }
    .progress_bar_block_nerf{
        top: 78px !important;
    }
    .btn_all_cont_nerf{
        top: 8px !important;
    }
    .user_fio_nerf,.user_email_nerf,.user_phone_nerf{
        margin: 34px 0 0 0;
    }
    .transform{
        transform: translate(0px, -26px);
    }
    .object{
        position: absolute;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out; /** Chrome & Safari **/
        -moz-transition: all 0.5s ease-in-out; /** Firefox **/
        -o-transition: all 0.5s ease-in-out; /** Opera **/
    }
    .last_info_h{
        display: flex;
        justify-content: center;
        margin: 30px 0 30px 0;
    }
    .all_input_block{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .fromwhom_block{
        float: left;
        margin: 10px 40px 0 40px;
    }
    .text_i_main{
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #6d6d6d;
        margin: 0px 0px 10px 0px;
    }
    .towhom_block{
        float: right;
        margin: 0 0 0 40px;
    }
    .span_block_info{
        margin-left: 6px;
    }
    .all_info_block{
        /* height: 218px; */
    }
    .lookfor{
        display: none;
    }
    .newarrow{
        margin-top: 2px !important;
    }
    .btn_finish{
        background: #08a652;
    }
    .btn_finish:hover{
        background: #2cba6f;
    }
    .blackout{
        background: rgba(0,0,0,.7);
        z-index: 3;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
        display: none;
    }
    .modal, .help_information{
        position: fixed;
        /* top: 35%; */
        /* left: 0%; */
        /* margin-top: -200px; */
        /* margin-left: -440px; */
        width: 333px;
        min-height: 400px;
        height: max-content;
        display: none;
        z-index: 5;
        padding: 40px 40px;
        background: #FFFCFC;
        border-radius: 20px;
        border: 1px solid #000;
        box-shadow: rgba(0, 0, 0, 0.8) 10px 10px 50px 1px;
        height: 500px;
        cursor: default;
        overflow-y: scroll;
    }
    .close{ 
        display: inline-block;
        width: 22px;
        height: 20px;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }
    .modal .close:after, .modal .close:before, .help_information .close:after, .help_information .close:before{
        background: #999;
        height: 26px;
        left: 10px;
        top: -3px;
        content: '';
        position: absolute;
        display: block;
        width: 2px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .modal .close:before, .help_information .close:before{
        transform: rotate(45deg);
    }
    .preinfo{
        text-align: center;
    }

    .certificate_main_info{
        position: absolute;
        margin: 15px 0px 0 154px;
        color: #8B1F15;
        font-size: 18px;
        font-weight: 800;
    }
    .end_user_href{
        text-align: center;
        text-decoration: underline;
    }
    .end_href{
        text-align: center;
    }
    .ccfhi{
        text-align: right;
        padding-top: 11px;
        padding-right: 13px;
        font-size: 13px;
    }
    .cont_fix{
        height: 42px;
    }
    .help_info:hover{
        text-decoration: underline;
        cursor: pointer;
    }
    .sber_png{
        width: 130px;
        position: absolute;
        top: 231px;
        left: 220px;
    }
    .help_information{
        display: none;
        font-size: 14px;
    }
    .href_footer{
        margin: 14px 0px 0px 82px;
    }
    .img_pay_m{
        height: 40px;
        width: 160px;
        position: absolute;
        margin: -57px 0px 0px 250px;
    }

 }
 
 
 
 
 .footer-content {
	 display: flex;
	 justify-content: space-between;
	 align-items:center;
 }
 .main_back_btn, .ul {
	 margin:0
 }
 
 @media screen and (max-width: 767px) { 
	.footer-content { 
		flex-direction: column;
		padding:15px;
		gap:15px;
	}
	.href_footer, .text_footer {
		display: block;
		margin:15px 0;
		text-align: center;
	}
 }