@font-face { font-family: Montserrat;
			 src: url('fonts/Montserrat-Medium.ttf'); }
@font-face { font-family: MontserratLight;
			 src: url('fonts/montserrat_light.ttf'); }
@font-face { font-family: Roboto;
			 src: url('fonts/roboto_medium.ttf'); }

@font-face { font-family: Orbitron;
			 src: url('fonts/Orbitron-Light-Mobicont.ttf'); }
@font-face { font-family: MyriadPro;
			 src: url('fonts/MyriadPro.otf'); }


.color_text {
    /* color_text */
    color: #474C5C;
}

.color_orange {
    /* color_orange */
    color: #F89B36;
}

.color_aqua {
    /* color_aqua */
    color: #58C6B1;
}

.color_err {
    /* color_err */
    color: #be3d42;
}

.color_gray_4 {
    /* color_gray_4 */
    color: #BDBDBD;
}

.color_gray_5 {
    /* color_gray_5 */
    color: #E0E0E0;
}

.color_gray_6 {
    /* color_gray_6 */
    color: #F2F2F2;
}

.color_main_bg {
    /* color_main_bg */
    background-color: #F5F5F5;
}

.menu_dop {
    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;
}

.menu_mini {
    /* menu mini*/
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;
}

.menu_medium {
    /* menu medium */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.menu_light {
    /* menu light */
    font-family: MontserratLight, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.menu_regular {
    /* menu regular */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.font_400_10_12 {
    /* font_400_10_12 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.3px;
}

.font_400_11_13 {
    /* font_400_11_13 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.3px;
}

.font_400_12_15 {
    /* font_400_12_15 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;
}

.font_500_10_12 {
    /* font_500_10_12 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.3px;
}

.font_500_11_13 {
    /* font_500_11_13 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.3px;
}

.font_500_12_15 {
    /* font_500_12_15 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;
}

.font_500_13_15 {
    /* font_500_13_15 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.3px;
}

.font_500_13_18 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.3px;
}

.font_r_500_16_18 {
    /* font_r_500_16_18 */
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
}

.flex_auto {
    flex: auto;
}

*{
    padding:0;
    margin:0;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
    word-wrap:break-word;
    -webkit-font-smoothing: antialiased;
}
html{
    text-align:center;
    background-color:#ffffff;
}
body{
    text-align:left;
    margin:0 auto;
    max-width:640px;
    font-family:arial;
    -webkit-font-smoothing: antialiased;
}

hr {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    border-top: 0.8px solid rgba(102, 98, 99, 0.3);
}

.header{
    padding: 7px;
    background: linear-gradient(180deg, rgba(88, 198, 177, 0.4) 0%, rgba(88, 198, 177, 0) 100%);
}
.header .logos{
    overflow:hidden;
    display: flex;
}
.header a {
    text-decoration: none;
}
.header .title {
    margin-top: 4px;
    margin-bottom: 3px;

    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #666263;
}

.header .points {
    position: relative;
    margin: 2px 3px;
    width: 32px; /*по ширине сердечка*/
    background: url(images/heart_count.svg) no-repeat;

    padding-top: 6px;

    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    text-align: center;

    color: #ffffff;
}
.header .points a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

html,body {
    height:100%;
}
.main{
    /* color_main_bg */
    background-color: #F5F5F5;
    min-height:100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
* html .main {
    height:100%;
}

.page_content {
    flex: auto;
    padding: 0 20px; /* content_padding_h */
    margin-top: 20px;
}

.content_padding_h {
    /* content_padding_h */
    padding: 0 20px;
}

.content_item_margin_top_min {
    margin-top: 16px;
}

.footer {
    overflow:hidden;
    width: 100%;
    height: 50px;
    margin-top: 14px;

    background: linear-gradient(180deg, rgba(88, 198, 177, 0) 0%, rgba(88, 198, 177, 0.4) 100%);

    color:#474C5C;

    /* menu mini*/
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;
}

.footer a{
    color:#57C5B1;
    text-decoration:none !important;
}
.footer .l{
    float:left;
    padding:10px 0 0 20px;
}
.footer .r{
    float:right;
    padding:10px 20px 0 0;
}

a{
    /* color_aqua */
    color: #58C6B1;
}

.page_content a {
    text-decoration-line: underline;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_aqua */
    color: #58C6B1;
}

.text_content_mini, .text_content_mini_plus {
    /* menu mini*/
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.text_content_mini > a {
    /* font_400_11_13 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.3px;
}

.text_content_mini_plus > a {
    /* font_400_12_15 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;
}

.sex_chooser {
    display: flex;
    column-gap: 12px;
    min-height: 40px;
}

.sex_chooser > button, .cat_chooser > button {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sex_chooser > button {
    padding: 10px;

    border-width: 0.5px;
    border-style: solid;
    border-radius: 10px;

    text-transform: uppercase;

    /* font_r_500_16_18 */
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;

    /* color_text */
    color: #474C5C;
    border-color: #474C5C;
}

.sex_chooser > button.selected, .cat_chooser > button.selected {
    /* color_orange */
    border-color: #F89B36;
    color: #FFFFFF;
    /* color_orange */
    background-color: #F89B36;
}

.sex_chooser.err > button {
    border-width: 2px;
    /* color_err */
    border-color: #be3d42;
}


.cat_chooser {
    display: flex;
    column-gap: 5px;
    min-height: 30px;
}

.cat_chooser > button {
    padding: 5px;

    border-width: 1px;
    border-style: solid;
    border-radius: 10px;

    /* button site */
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;

    /* color_orange */
    color: #F89B36;
    border-color: #F89B36;
    /* color_main_bg */
    background-color: #F5F5F5;
}

.button_light {
    /* color_aqua */
    border-color: #58C6B1;
    /* color_aqua */
    color: #58C6B1;
    /* color_main_bg */
    background-color: #F5F5F5;
}

.button_light_orange {
    /* color_orange */
    border-color: #F89B36;
    /* color_orange */
    color: #F89B36;
    /* color_main_bg */
    background-color: #F5F5F5;
}

.button_solid, a.button_solid {
    /* color_aqua */
    border-color: #58C6B1;
    color: #FFFFFF;
    /* color_aqua */
    background-color: #58C6B1;
}

.button_solid:disabled{
    /* color_gray_4 */
    border-color: #BDBDBD;
    /* color_gray_4 */
    background-color: #BDBDBD;
}

.button_solid_orange {
    /* color_orange */
    border-color: #F89B36;
    color: #FFFFFF;
    /* color_orange */
    background-color: #F89B36;
}

.button_light, .button_light_orange, .button_solid_orange {
    padding: 5px 0;
}

.button_solid, a.button_solid {
    padding: 10px 0;
}

.button_light, .button_light_orange, .button_solid, a.button_solid, .button_solid_orange {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;

    text-decoration: none;
    display: inline-block;
    cursor: pointer;

    /* button site */
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}

.buttons_row {
    display: flex;
    column-gap: 15px;
    justify-content: center;
}

.buttons_row>a {
    flex: 1 1 50%;
}

.button_w80px, a.button_w80px {
    flex: 0 1 80px;
}

.button_icon_30, .button_icon_40 {
    position: relative;
    display: flex;
    flex: 1 1 50%;
    align-items: center;
    justify-content: center;

    padding-top: 0;
    padding-bottom: 0;
}

.button_icon_30 {
    column-gap: 7px;
    min-height: 28px; /* 30 - 2 * 1 border*/
}

.button_icon_40 {
    column-gap: 10px;
    min-height: 38px; /* 40 - 2 * 1 border*/
}

.button_icon_40>a, .button_icon_30>a, .button_icon_30>input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.button_icon_30 > input {
    display: block;
    opacity: 0;
    z-index: 100;
}

.button_size_120 {
    width: 118px;
}

.about_menu a{
    text-decoration: none;
    cursor: pointer;
    padding:0 0 16px 0;
    display: block;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.about_content {
    margin-top: 16px;
}

.about_content .title>p {
    /* menu medium */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.4px;

    /* color_orange */
    color: #F89B36;
}

.about_content p, .about_content li, .about_content cite {
    padding:0 0 16px 0;
    text-align: justify;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.about_content li {
    list-style-type: none;
    padding-left: 2em;
    text-indent: -1em;
    text-align: left;
}

.about_content cite {
    text-align: start;
    margin: 15px 0;
    display: block;
    padding:10px 22px;
}

.rules_title_1>p{
    font-weight:600;
    /* color_orange */
    color: #F89B36;
}

.rules_title_2>p{
    font-weight:300;
    padding-bottom: 0;

    /* color_orange */
    color: #F89B36;
}

.content_text {
    margin-top: 12px;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.member_me {
    padding: 8px 0 0 0;
    display: flex;
    /*
    outline: 1px solid #58C6B1;
    border: none !important;
    border-radius: 3px;
    */

    /* menu mini*/
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}
.member_me>input {
    margin: 1px 5px 1px 0;
}

.err_msg{
    padding: 12px 0;
    vertical-align: middle;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_err */
    color: #be3d42;
}

.err_msg > span {
    font-weight: bold;
    color: #ffffff;
    background-color: #be3d42;
    border-radius: 15px;
    padding: 0 3px;
}

.main_menu {
    min-height: 50px;
    display: flex;
    column-gap: 1px;
    padding: 1px;

    /* color_aqua */
    background-color: #58C6B1;
}

.main_menu_item {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;

    /* color_main_bg */
    background-color: #F5F5F5;

    position: relative;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_aqua */
    color: #58C6B1;
}

.main_menu_item a, .found_profile_info a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.main_menu_item.selected {
    /* color_aqua */
    background-color: #58C6B1;
    color: #FFFFFF;
}

.unread_counter {
    position: absolute;
    padding: 24px 0 0 60px;
    /* color_orange */
    color: #F89B36;
}

.feedback_input {
    margin-top: 8px;
    display:block;
    width:100%;
    padding: 11px 14px;
}

.feedback_input, .framed_input {
    /* color_gray_4 */
    border: 0.5px solid #BDBDBD;
    border-radius:10px;
    outline: 0;

    /* color_gray_6 */
    background-color: #F2F2F2;

    /* menu mini*/
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.solid_input {
    border-radius: 10px;
}

.solid_input, .solid_input input {
    outline: 0;
    background-color: #E3E3E5;

    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;

    /* color_text */
    color: #474C5C;
}

.framed_input.err, .solid_input.err {
    /* color_err */
    outline : 1px solid #be3d42;
}

.login_msisdn {
    display: flex;
    padding: 9px 11px;
}

.login_msisdn input {
    flex: auto;
}

.found_profile {
    flex: auto;
    display: flex;
    flex-direction: column;
    padding: 12px 10px 2px 10px;
}

.found_profile_header {
    display: flex;
    column-gap: 3px;
    position: relative;
}

.found_profile_header .top_stamp {
    position: absolute;
    left: 34px;
    top: -12px;
    width: 38px;
}

.found_profile_avatar {
    width: 60px;
    height: 60px;
    border-radius: 5px;
}

.found_profile_info_and_buttons {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.found_profile_info {
    display: flex;
    align-items: center;
    position: relative;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.found_profile_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1;
}

.found_profile_id {
    margin-left: auto;
    padding-left: 7px;
    flex-shrink: 0;
    text-decoration: underline;

    /* font_500_13_15 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_orange */
    color: #F89B36;
}

.found_profile_buttons {
    display: flex;
    margin-left: 7px;
    margin-bottom: 3px;
    column-gap: 10px;
}

.notification_header {
    min-height: 26px;
    padding: 3px 20px;
    display: flex;
    align-items: center;

    /* color_orange */
    background-color: #F89B36;

    /* font_500_12_15 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;

    color: #FFFFFF;
}
.notification_header_button {
    margin: 12px 20px 0 20px;
}

.notification_header_button_between {
    margin: 12px 20px;
}

.abonent_profile_avatar {
    margin-top: 16px;
    margin-bottom: 4px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.abonent_profile_avatar > div {
    position: relative;
}

.abonent_profile_avatar img {
    max-width: 220px;
    max-height: 220px;
    border-radius: 5px;
}

.abonent_profile_avatar .top_stamp {
    position: absolute;
    top: -23px;
    right: -23px;
}

.abonent_profile_complaint_window {
    display: none;
    margin-top: 16px;
}

.chats_abonent {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    padding: 8px 10px 16px 10px;
}

.chats_abonent_selected {
    background: rgba(248, 155, 54, 0.3);
}

.chats_abonent_top_block, .chats_abonent_bottom_block {
    display: flex;
}

.chats_abonent_top_block {
    align-items: center;
}

.chats_abonent_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chats_abonent_top_block>a, .chats_abonent_name>a, .chats_abonent_age>a, .chats_abonent_bottom_block>a {
    margin-left: 7px;
    text-decoration: none !important;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.chats_abonent_age {
    flex-shrink: 0;
}

.chats_abonent_age>a {
    margin-left: 0;
}

.chats_abonent_bottom_block {
}

.chats_avatar {
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

.chats_last_msg_dt {
    margin-left: auto;
    padding-left: 7px;
    flex-shrink: 0;

    /* font_400_10_12 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.abonent_selector {
    display: none;
}

.abonent_selector_btn {
    padding: 6px;
    margin-left: auto;
    margin-right: 4px;
    align-self: center;
    cursor: pointer;
/*    display: inline-block;*/
}

.popup_menu {
    position: absolute;
    top: 145px;
    right: 10px;
    /* color_main_bg */
    background-color: #F5F5F5;
    display: none;
    flex-direction: column;

    /* color_aqua */
    border: 1px solid #58C6B1;
    border-radius: 10px;

    box-sizing: border-box;
    z-index: 999;
}

.popup_menu>a {
    /* color_aqua */
    border-top: 1px solid #58C6B1;

    padding: 8px 15px;

    /* color_text */
    color: #474C5C;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;
}

.msg_history_date {
    margin-top: 16px;
    text-align: center;

    /* color_text */
    color: #474C5C;

    /* font_400_10_12 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.3px;
}

.message_in, .message_out {
    display: flex;
    margin: 16px 10px 0 10px;
    align-items: flex-start;
}

.message_in {
    padding-right: 30px;
}

.message_out {
    justify-content: flex-end;
    padding-left: 30px;
}

.message_in>div, .message_out>div {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    padding: 8px;

    /* menu mini*/
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.message_in>div {
    /* color_gray_5 */
    background-color: #E0E0E0;

    border-top-right-radius: 5px;
}

.message_out>div {
    justify-content: flex-end;
    background-color: #B4D1F5;

    border-top-left-radius: 5px;
}

.parts_to_send {
    margin-top: 8px;
    padding: 4px;
    flex: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.parts_to_send .one_part_container {
    position: relative;
    margin: 4px;
}

.parts_to_send .btn_cancel {
    border: 0;
    cursor: pointer;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
}

.message_in .mms_part_img, .message_out .mms_part_img , .parts_to_send .mms_part_img {
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 100px;
    border: 0;
}

.message_avatar {
    width: 32px;
    height: 32px;
    border-radius: 5px;
}

.message_sent {
    text-align: right;
    margin-right: 10px;

    /* font_400_10_12 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.profile_avatar {
    margin-top: 19px;
    position: relative;
    align-self: center;
}

.profile_avatar .avatar {
    width: 120px;
    height: 120px;
    border-radius: 5px;

    background-color: #d1d2d5; /*убрать лишнее скругление на дефолтах*/
}

.profile_avatar .top_stamp {
    position: absolute;
    left: 78px;
    top: -23px;
}

.profile_avatar_status {
    align-self: center;
    padding: 4px 0 8px 0;
    display: flex;
    align-items: center;

    /* font_400_11_13 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.profile_section_title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.profile_section_title > a {
    width: 24px;
    height: 24px;
}

.profile_section_title > a.closed {
    background: url(images/menu_section_closed.svg) no-repeat;
}

.profile_section_title > a.expanded {
    background: url(images/menu_section_expanded.svg) no-repeat;
}

.profile_section_title,
.profile_single_label {
    padding: 8px 10px 8px 20px;
}

.profile_checkbox_setting {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 0 10px 0 20px;

    /* font_500_11_13 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.profile_checkbox_setting > a {
    width: 40px;
    height: 40px;
    background: url(images/toggle_off.svg) no-repeat;
}

.profile_checkbox_setting > a.checked {
    background: url(images/toggle_on.svg) no-repeat;
}

.profile_section_wrap {
    display: none;
}

.avatar_section_content, .profile_section_content {
    display: flex;
    flex-direction: column;

    padding: 4px 20px 12px 20px;

    /* menu mini*/
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.avatar_section_content {
    text-align: center;
}

.avatar_social_icons {
    margin-top: 14px;

    display: flex;
    column-gap: 20px;
    justify-content: center;
}

.profile_field_label {
    margin-top: 16px;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.birthday_input {
    align-self: flex-start;
    display: flex;
    padding: 7px;
    column-gap: 7px;
}

.birthday_select{
    border: 0.5px dashed #474C5C;
    border-radius: 5px;
    padding:1px 5px;

    /* color_gray_6 */
    background-color: #F2F2F2;

    /* font_500_12_15 */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_text */
    color: #474C5C;
}

.profile_del_confirm {

    /* color_err */
    border: 1px solid #be3d42;
    border-radius: 10px;

    padding: 16px;
    text-align: center;

    /* menu dop */
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.3px;

    /* color_err */
    color: #be3d42;
}

.gallery_row {
    display: flex;
    column-gap: 5px;
    margin-top: 5px;
}

.gallery_row > a {
    flex: 1 1 50%;
}
.gallery_row img {
    width: 100%;
    border-radius: 5px;
}

.clear{
    height:1px;
    line-height:1px;
    font-size:1px;
    clear:both;
    overflow:hidden;
}


.w100{
    width:100%;
}

.blocked{
    color:#be3d42;
    padding:60px 22px;
    text-align:center;
    font-size: 200%;
}
.blocked_info{
    padding:60px 22px;
    text-align:center;
    /* color_text */
    color: #474C5C;
}

.blocked_chat{
    color:#be3d42;
    padding:5px 22px;
    text-align:center;
    font-size: 200%;
}
.blocked_info_chat{
    padding:5px 22px;
    text-align:center;

    /* color_text */
    color: #474C5C;
}

/* end test upload avatar*/

.input_file
{
    color: #ffffff;
    width: 226px;

}

@media only screen and ( max-width: 500px ){
    .input_file
    {
        width: 92%;
    }

    .sn
    {
        padding-top:50px;
    }
}

textarea::-webkit-input-placeholder {
    color: #cfd8dc;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #cfd8dc;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #cfd8dc;
}

textarea:-ms-input-placeholder {
    color: #cfd8dc;
}