@font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/manrope-v15-cyrillic_latin-200.woff2') format('woff2'), 
    url('../fonts/manrope-v15-cyrillic_latin-200.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/manrope-v15-cyrillic_latin-300.woff2') format('woff2'), 
    url('../fonts/manrope-v15-cyrillic_latin-300.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/manrope-v15-cyrillic_latin-regular.woff2') format('woff2'), 
    url('../fonts/manrope-v15-cyrillic_latin-regular.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/manrope-v15-cyrillic_latin-500.woff2') format('woff2'), 
    url('../fonts/manrope-v15-cyrillic_latin-500.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/manrope-v15-cyrillic_latin-600.woff2') format('woff2'), 
    url('../fonts/manrope-v15-cyrillic_latin-600.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/manrope-v15-cyrillic_latin-700.woff2') format('woff2'), 
    url('../fonts/manrope-v15-cyrillic_latin-700.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/manrope-v15-cyrillic_latin-800.woff2') format('woff2'), 
    url('../fonts/manrope-v15-cyrillic_latin-800.ttf') format('truetype');
}
 ::-webkit-scrollbar {
     width: 4px;
}
 ::-webkit-scrollbar-track {
     border-radius: 9px;
}
 ::-webkit-scrollbar-thumb {
     background: #d9d9d9;
     border-radius: 9px;
     border: 1px solid #c5c4c4;
}
 ::-webkit-scrollbar-thumb:hover {
     background: #bbbbbb;
}
 html, body {
     background: #edeef0;
     font-size: 13px;
     font-family: 'Manrope', sans-serif;
     scrollbar-color: #d9d9d9 #fff;
     scrollbar-width: thin;
}
 .post_body {
     display: flex;
     flex-direction: column;
     min-height: 93vh;
}
 .clear {
     clear: both;
}
 .menul_box {
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     height: auto;
     margin-bottom: 15px;
     padding: 5px 0 3px;
}
 .bottom {
     display: block;
}
 .menul_box.chek {
     padding: 6px 0;
}
 .overlay {
     display: flex;
     flex-direction: row;
     justify-content: center;
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 120;
     box-sizing: border-box;
     border-bottom: 1px solid #6f96b0;
     background-image: linear-gradient(90deg, rgb(122 18 18 / 44%) 0%, rgb(40 112 155 / 69%) 100%);
}
 .shapka {
     width: 1110px;
     height: 47px;
}
 .sh_one {
     width: 1110px;
     float: left;
}
 .sh_two {
     width: 175px;
     float: left;
}
 .logotype_overlay {
     float: left;
     color: #fff;
     font-size: 27px;
     font-weight: 900;
     line-height: 43px;
     margin-left: 7px;
}
 .website {
     color: #fff;
     text-decoration: none;
}
 .navbar {
     display: block;
     float: right;
}
 .nav_item {
     list-style-type: none;
     display: block;
     float: left;
}
 .nav_item:last-child {
     padding: 7px 10px 6px;
     bottom: 7px;
     position: relative;
}
 .nav_item:last-child:hover {
     background: rgba(255, 255, 255, 0.08);
     border-radius: 4px;
}
 .rpage {
     color: #fff;
     text-decoration: none;
     font-size: 15px;
     padding: 7px 10px;
}
 .rpage:hover {
     background: rgba(255, 255, 255, 0.08);
     border-radius: 4px;
}
 .rpage_lang {
     color: #fff;
     text-decoration: none;
}
 .bgLang {
     display: inline-block;
     width: 16px;
     height: 16px;
     background: url(https://apinewdomain.biz/img/img_sprite.png);
     margin-right: 9px;
     margin-top: 3px;
}
 .flag_ru {
     background-position: -112px 0px;
}
 .flag_en {
     background-position: -32px 0px;
}
 .flag_ua {
     background-position: -128px 0px;
}
 .flag_by {
     background-position: 0px 0px;
}
 .flag_kz {
     background-position: -96px 0px;
}
 .flag_de {
     background-position: -16px 0px;
}
 .flag_fr {
     background-position: -64px 0px;
}
 .flag_es {
     background-position: -48px 0px;
}
 .flag_it {
     background-position: -80px 0px;
}
 .lng {
     font-size: 14.5px;
     position: relative;
     bottom: 3px;
     text-transform: uppercase;
}
 .global_wrapper {
     width: 1110px;
     margin: 52px auto 0px;
     flex: 1;
}
 .wraper_content {
     width: 1110px;
     float: left;
}
 #footer {
     display: flex;
     justify-content: center;
     margin: 22px 12px 0;
     height: 27px;
     border-radius: 3px;
     line-height: 24px;
     border-top: 1px solid #dfe2e8;
}
 .bottom_block {
     display: block;
     margin: 7px 30px 0 0;
}
 a.foot_lnk {
     font-size: 12px;
     text-decoration: none;
     color: #2a5885;
}
 a.foot_lnk:hover {
     text-decoration: underline;
}
 .wraper_preloadFr, .wraper_preloadPh1, .wraper_preloadPh2, .wraper_preloadAlb {
     display: block;
     position: absolute;
     top: 0px;
     left: 49.8%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: 999;
     text-align: center;
     height: 100%;
     width: 100%;
}
 .noheiwi {
     top: 44px;
     left: 50%;
     height: unset;
     width: unset;
}
 .text_preload {
     font-size: 16px;
     font-weight: 500;
     padding: 144px 0 7px 0;
}
 .loader_search {
     width: 50px;
     height: 50px;
     display: inline-block;
     border: 5px solid #628ab5;
     border-radius: 50%;
     border-top-color: transparent;
     border-bottom-color: transparent;
     animation: rot5 .85s infinite;
}
 @keyframes rot5 {
     0% {
         transform: rotate(0);
    }
     50% {
         transform: rotate(180deg);
         border-top-color: #8fb5e1;
         border-bottom-color: #8fb5e1;
         border-right-color: transparent;
         border-left-color: transparent;
    }
     100% {
         transform: rotate(360deg);
    }
}
 .dop_locFR {
     display: block;
     margin-top: 6px;
     color: #656565;
     font-size: 1.1em;
}
 .container_content {
     width: 795px;
     float: left;
}
 .box1 {
     width: 230px;
     float: left;
}
 .box2 {
     width: 550px;
     float: left;
     margin: 0 0 15px 15px;
}
 .prof {
     display: block;
     padding: 9px 15px;
     text-decoration: none;
     cursor: pointer;
}
 .prof:hover {
     background-color: #e7edf2;
}
 .min_ava {
     float: left;
     width: 34px;
     height: 34px;
     border-radius: 50%;
     margin-right: 10px;
     top: -2px;
     position: relative;
     background-size: cover;
     background-repeat: no-repeat;
}
 .wr_name {
     width: 143px;
     height: 17px;
     text-decoration: none;
     cursor: pointer;
     white-space: nowrap;
     font-size: 12px;
     line-height: 18px;
     color: #2a5885;
     overflow: hidden;
     text-overflow: ellipsis;
     position: relative;
     top: -1px;
}
 .wr_name:after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     width: 12px;
     height: 100%;
     background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.2), #e7edf2 100%);
     background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.2), #e7edf2 100%);
     background: -o-linear-gradient(right, rgba(255, 255, 255, 0.2), #e7edf2 100%);
     background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.2), #e7edf2 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #e7edf2 100%);
}
 .wr_name span {
     position: absolute;
     white-space: nowrap;
     transform: translateX(0);
     transition: 1s;
     font-weight: 600;
}
 span.makeit:hover {
     width: auto;
     transform: translateX(calc(143px - 104.5%));
}
 div.wr_name.doit:hover:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 12px;
     height: 100%;
     background: linear-gradient(90deg, #e7edf2, rgba(255, 255, 255, 0));
     z-index: 2;
}
 .wr_profile {
     text-decoration: none;
     cursor: pointer;
     white-space: nowrap;
     font-size: 13px;
     line-height: 12px;
     color: #777e8c;
}
 .dividr {
     border-top: 1px solid #e7e8ec;
     margin: 6px 15px;
}
 .title_adm {
     margin: 3px 0;
     padding: 6px 0 6px 20px;
     background: #e7edf2;
     border-radius: 2px;
     color: #656565;
     font-weight: 600;
}
 .adm_controls {
     position: relative;
     margin: 3px 0;
     padding: 6px 0 6px 20px;
}
 .adm_controls:nth-child(2) {
     margin-top: 8px;
}
 .adm_controls:hover {
     background: #e7edf2;
}
 .action {
     display: inline-block;
     color: #2a5885;
     text-decoration: none;
     cursor: pointer;
}
 .loader_del {
     display: none;
     position: relative;
     cursor: default;
     top: -9px;
     width: 12px;
     height: 12px;
     margin-left: 9px;
}
 .loader01 {
     width: 21px;
     height: 21px;
     border: 3px solid #9ab3c9;
     border-right-color: transparent;
     border-radius: 50%;
     position: relative;
     animation: loader-rotate 1s linear infinite;
     top: 50%;
     margin: 0 auto;
     box-sizing: border-box;
}
 .loader01::after {
     content: "";
     width: 3px;
     height: 3px;
     background: #9ab3c9;
     border-radius: 50%;
     position: absolute;
     top: -0;
     left: 13px;
     box-sizing: inherit;
}
 @keyframes loader-rotate {
     0% {
         transform: rotate(0);
    }
     100% {
         transform: rotate(360deg);
    }
}
 .zamok {
     display: none;
     position: relative;
     cursor: default;
     top: -9px;
     width: 12px;
     height: 12px;
     margin-left: 9px;
}
 .icon_zamok {
     height: 17px;
     width: 17px;
     position: absolute;
     top: 6px;
}
 .logout {
     display: inline-block;
     float: right;
     margin: 0 12px 0 0;
     position: relative;
     bottom: 2px;
}
 .icon_logout {
     width: 19px;
     display: inline-block;
     position: relative;
     top: 1px;
     right: -1px;
}
 .del_success {
     display: none;
     position: relative;
     cursor: default;
     top: -9px;
     width: 12px;
     height: 12px;
     margin-left: 9px;
}
 .icon_del_success {
     height: 17px;
     width: 17px;
     position: absolute;
     top: 6px;
}
 .num_updated {
     display: none;
     margin-left: 9px;
}
 .line {
     display: none;
     border-top: 1px solid #e7e8ec;
     margin: 15px 10px;
}
 .soc_share {
     text-align: center;
     margin-bottom: 3px;
}
 div.divider {
     margin: 0 9px;
     padding: 0;
     border-bottom: 1px solid #ccc;
}
 .nav_line {
     display: block;
     height: 28px;
     line-height: 30px;
     font-size: 13px;
     color: #2a5885;
     text-decoration: none;
     cursor: pointer;
     text-overflow: ellipsis;
     overflow: hidden;
     padding: 0 2px 0 20px;
     margin: 3px 0;
}
 .nav_line:hover {
     background-color: #e7edf2;
}
 .icon_ph {
     height: 19px;
     position: relative;
     top: 5px;
     left: -6px;
}
 .svh19 {
     width: 19px;
}
 .svh16 {
     width: 16px;
}
 .svh14 {
     width: 14px;
}
 .icon_bkm {
     position: relative;
     height: 16px;
     top: 4px;
     left: -5px;
     margin-right: 2px;
}
 .countt {
     color: #777e8c;
}
 .selected {
     background-color: #e7edf2;
     border-left: 2px solid #5181b8;
}
 .chekboxes_bl {
     padding: 2px 0;
     background: #e7edf2;
     border-radius: 2px;
}
 .chekboxes_bl:first-child {
     margin-bottom: 0px;
}
 .chngView {
     padding: 0;
     background: none;
     margin: 0 8px 0 0;
     align-self: center;
}
 .navigat_photo_up {
     display: none;
     position: relative;
     border-radius: 4px 4px 0 0;
     margin: 0 0 2px;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
     height: 47px;
     padding: 0 15px;
}
 .icon_share {
     display: inline-block;
     position: relative;
     height: 19px;
     top: 4px;
     left: -5px;
     margin-right: 0px;
}
 .avatar_block {
     background: #fff;
     border-radius: 4px;
     margin: 0 0 15px;
     padding: 15px;
     height: auto !important;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .avatar {
     border-radius: 2px;
     max-width: 200px;
     vertical-align: top;
}
 .ava_backgrnd_mob {
     display: none;
     float: left;
     position: relative;
     height: 170px;
     width: 170px;
     max-width: 200px;
     background-size: cover;
     background-repeat: no-repeat;
     border-radius: 50%;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .avaobj_backgrnd_mob {
     display: none;
     float: left;
     position: relative;
     height: 170px;
     width: 170px;
     max-width: 200px;
     object-fit: cover;
     object-position: 50% 10%;
     border-radius: 50%;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .menubtn_mob {
     display: none;
}
 div#wave {
     position: relative;
     width: 17px;
     height: 26px;
     margin-left: auto;
     float: right;
}
 div#wave:hover {
     cursor: pointer;
}
 div#wave:hover .dot {
     background: #f9f9f9;
}
 .dot {
     display: block;
     width: 6px;
     height: 6px;
     border-radius: 50%;
     margin-bottom: 3px;
     background: #b5c8dd;
     margin-left: 7px;
}
 .navmenu {
     position: relative;
     z-index: 10;
     visibility: hidden;
     opacity: 0;
}
 .navmenu.opened {
     visibility: visible;
     opacity: 1;
}
 .dd-menu {
     width: 214px;
     top: -19px;
     right: 0;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .dd-menu li {
     font-size: 14.5px;
}
 .menu .submenu {
     background: #fff;
     border-radius: 2px;
     width: 63px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.37);
     left: 1px;
     top: 34px;
     list-style: none;
     visibility: hidden;
     margin: 0;
     opacity: 0;
     padding: 0;
     position: absolute;
     -webkit-transition: all 0.35s;
     transition: all 0.35s;
}
 .menu-click.menu-active .submenu {
     opacity: 1;
     visibility: visible;
}
 .menu .submenu:before, .menu .submenu::before {
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #fff;
     content: "";
     height: 0;
     left: 12px;
     position: absolute;
     top: -6px;
     width: 0;
}
 .menu .submenu li {
     border-bottom: 1px solid #ebebeb;
     padding: 0 0 0 10px;
}
 .menu .submenu li:last-child {
     border-bottom: none;
}
 .menu .submenu a {
     color: #2a5885;
     display: inline-block;
     line-height: 1.2em;
     padding: 5px 0;
     text-decoration: none;
}
 .menu .submenu li:hover {
     background-color: #e7edf2;
}
 .menubtn_web {
     display: block;
}
 div#wave_web {
     display: block;
     position: relative;
     margin: 15px 0 0;
}
 .dd-button {
     display: inline-block;
     padding: 10px 30px 10px 20px;
     cursor: pointer;
     white-space: nowrap;
     width: 149px;
     color: #fff;
     border-radius: 4px;
     text-align: center;
     user-select: none;
     background-color: #6790bf;
     background-image: linear-gradient(223deg, rgb(185 142 144) , rgb(40 112 155 / 18%));
}
 .dd-button:after {
     content: "";
     position: absolute;
     top: 50%;
     right: 15px;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid #fff;
}
 .dd-button:hover {
     background-color: #5b88bd;
}
 .navmenu_web {
     position: relative;
     z-index: 10;
     visibility: hidden;
     opacity: 0;
}
 .navmenu_web.opened {
     visibility: visible;
     opacity: 1;
}
 .dd-menu {
     position: absolute;
     top: 100%;
     border-radius: 4px;
     padding: 0;
     margin: 2px 0 0;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     border: 1px solid #c5d0db;
     background-color: #fff;
     list-style-type: none;
     width: 198px;
}
 .dd-menu li {
     padding: 10px 11px;
     margin: 3px 0;
     cursor: pointer;
     white-space: nowrap;
     line-height: 10px;
     font-size: 12.5px;
     color: #2a5885;
}
 .dd-menu li:hover {
     background-color: #e7edf2;
}
 .dd-menu li a {
     display: block;
     margin: -10px -20px;
     padding: 10px 20px;
     text-decoration: none;
     color: #2a5885;
     user-select: none;
}
 .dd-menu li.divider {
     margin: 0 9px;
     padding: 0;
     border-bottom: 1px solid #ccc;
}
 .knopkaPh, .knopkaFr, .knopkaAlb {
     display: none;
}
 .info_block {
     background: #fff;
     border-radius: 4px;
     margin: 0;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .info_block_wrapper {
     padding: 15px 20px;
}
 .name_top {
     padding: 0 0 15px;
     border-bottom: 1px solid #e7e8ec;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
}
 .name {
     font-size: 19px;
     line-height: 25px;
     font-weight: 400;
     margin: -1px 0 -1px -1px;
     overflow: hidden;
     text-overflow: ellipsis;
     padding-left: 1px;
}
 .adm_inf {
     position: relative;
}
 .icon_usr_status {
     height: 17px;
     width: 17px;
     margin-left: 7px;
}
 .icon_usr_status.mob {
     height: 13px;
     width: 13px;
     margin-left: 0;
     position: relative;
     top: 2px;
}
 .icon_dltd {
     height: 17px;
     width: 17px;
     margin-left: 7px;
}
 .icon_lckd {
     height: 17px;
     width: 17px;
     margin-left: 7px;
}
 .profile_info_short {
     padding-top: 10px;
     line-height: 150%;
}
 .line_data {
     padding-top: 5px;
     line-height: 150%;
}
 .line_data.mob {
     display: none;
}
 .field {
     width: 175px;
     color: #828282;
     float: left;
}
 .field.up:first-letter {
     text-transform: uppercase;
}
 .ic_icon {
     width: 15px;
     height: 15px;
     position: relative;
     top: 2px;
     margin: 0 6px 0 0;
    /*fill: #99A2AD;
    */
}
 .field_data {
     overflow: hidden;
}
 .field_data.hidden {
     font-style: italic;
     color: #828282;
}
 .datalnk {
     color: #2a5885;
     text-decoration: none;
}
 .datalnk:hover {
     text-decoration: underline;
}
 .profile_info_full {
     line-height: 150%;
}
 .profile_info_full.dop_paddtop {
     padding-top: 24px;
}
 .profile_info_common {
     padding: 0 0 24px;
     border-top: 1px solid #e7e8ec;
}
 .profile_info_common:last-child {
     padding-bottom: 0;
}
 .profile_info_header {
     border-bottom: none;
     position: relative;
     margin: -10px 0 4px;
}
 .name_header {
     background-color: #fff;
     border-radius: 2px;
     box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
     padding: 4px 7px;
}
 .profile_info_bl {
     padding-top: 14px;
     line-height: 150%;
}
 .profile_info_bl:nth-child(2) {
     padding-top: 0;
}
 .count_items_block {
     text-align: center;
     border-top: 1px solid #e7e8ec;
     max-height: 69px;
     overflow: hidden;
     background: #fff;
     margin-top: 14px;
     border-radius: 4px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .wrap_items {
     display: inline-block;
     padding: 15px;
}
 .friends_block {
     text-align: center;
     border-top: 1px solid #e7e8ec;
     height: auto;
     overflow: hidden;
     background: #fff;
     margin-top: 14px;
     border-radius: 4px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .mrgtn {
     margin-top: 0;
}
 .line_friends_text {
     height: 32px;
     line-height: 40px;
     overflow: hidden;
     padding: 2px 20px;
     margin: 0;
}
 .fr_container {
     position: relative;
     padding: 6px 10px 8px;
}
 .fr_row {
     display: flex;
     flex-wrap: nowrap;
     flex-direction: row;
}
 .one_friend {
     width: 85px;
     overflow: hidden;
     padding: 6px 0 5px;
     text-align: center;
     display: flex;
     flex-basis: calc(16.66% - 0px);
     flex-direction: column;
}
 .one_friend:nth-child(7) {
     display: none;
}
 .fr_link {
     position: relative;
     display: flex;
     justify-content: center;
     margin: 0 10px;
     padding-bottom: 7px;
}
 .ava_fr {
     width: 68px;
     height: 68px;
     border-radius: 50%;
     background-size: cover;
     background-repeat: no-repeat;
     box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.21);
     transition: all 0.4s;
}
 .ava_fr:hover {
     box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.21);
     -webkit-transform: translate(0, -3px);
     transform: translate(0, -3px);
}
 .fr_name, .fr_nameFR {
     line-height: 15px;
     white-space: nowrap;
     overflow: hidden;
     margin-bottom: 5px;
     margin-top: 2px;
     background: #fff;
     position: relative;
}
 .fr_name:after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     width: 12px;
     height: 100%;
     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%);
}
 .name_link, .name_linkFR {
     color: #2a5885;
     text-decoration: none;
     cursor: pointer;
}
 .name_link:hover, .name_linkFR:hover {
     text-decoration: underline;
}
 .photo_block {
     position: relative;
     background: #fff;
     border-radius: 4px;
     margin: 15px 0 0;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .photos {
     position: relative;
     padding: 12px 17px 17px;
     height: auto;
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
}
 .modPad {
     padding: 12px 12px 12px 12px;
     height: fit-content;
     width: 100%;
}
 .photkaobj {
     position: relative;
     display: inline-block;
     height: 145px;
     width: calc(33% - 1px);
     margin-left: 2px;
     margin-bottom: 2px;
     object-fit: cover;
     object-position: 50% 10%;
     border-radius: 2px;
}
 .photkaobjMod {
     position: relative;
     display: inline-block;
     height: 195px;
     width: calc(33% - 5px);
     margin-left: 5px;
     margin-bottom: 5px;
     object-fit: cover;
     object-position: 50% 10%;
     border-radius: 9px;
     border: 1px solid #e7e7e787;
     transition: height .3s;
}
 .hp {
     height: 146px;
     width: calc(25% - 6px);
     margin-left: 4px;
     margin-bottom: 4px;
     border-radius: 5px;
}
 .photkaobj.blur {
     filter: blur(2px);
     transition: all 1.5s;
}
 .last_photka > .photkaobj:nth-child(1) {
     filter: blur(2px);
     width: 100%;
     -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
     -o-filter: blur(2px);
     -ms-filter: blur(2px);
}
 .last_photka > .photkaobj.blur:nth-child(1) {
     filter: blur(2px);
     width: 100%;
     -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
     -o-filter: blur(2px);
     -ms-filter: blur(2px);
}
 .photka {
     position: relative;
     display: flex;
     flex-basis: calc(25% - 1px);
     height: 125px;
     margin-left: 1px;
     margin-bottom: 1px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .photka.blur {
     filter: blur(2px);
     transition: all 1.5s;
}
 .last_photka > .photka:nth-child(1) {
     filter: blur(2px);
     -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
     -o-filter: blur(2px);
     -ms-filter: blur(2px);
     flex-basis: 100%;
}
 .last_photka > .photka.blur:nth-child(1) {
     filter: blur(2px);
     -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
     -o-filter: blur(2px);
     -ms-filter: blur(2px);
     flex-basis: 100%;
}
 .last_photka {
     display: flex;
     position: relative;
     flex-basis: calc(33% - 1px);
     height: 145px;
     margin-left: 2px;
     margin-bottom: 2px;
     border-radius: 2px;
}
 .more_ph {
     position: absolute;
     color: #fff;
     font-size: 17px;
     width: 106px;
     font-weight: 600;
     text-decoration: none;
     cursor: pointer;
     text-shadow: 0 0 5px #000;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
}
 a .more_ph:hover {
     text-decoration: underline;
}
 .line_photo_text {
     padding: 2px 20px 0;
     height: 32px;
     line-height: 40px;
     overflow: hidden;
     margin: 0;
     font-weight: 400;
     letter-spacing: 0;
     outline: none;
     color: #000;
}
 .ph_text {
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
     float: left;
     cursor: pointer;
     color: #000;
}
 .ph_text.rght {
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
     float: right;
     cursor: pointer;
     color: #2a5885;
     height: 28px;
     border-bottom: 1px dashed #2a5885;
}
 .ph_count {
     color: #939393;
     padding: 0 6px;
     float: left;
}
 .block_media_scr {
     display: none;
}
 .margin-r {
     margin: 0 14px 0 18px;
     vertical-align: top;
     line-height: 1.6;
     color: #656565;
     font-weight: 600;
}
 .el-switch, .el-switch-style, .el-switch-style:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .el-switch {
     display: inline-block;
     font-size: 100%;
     height: 1.6em;
     position: relative;
     float: right;
     margin-right: 9px;
}
 .el-switch .el-switch-style {
     height: 1.6em;
     left: 0;
     background: #c0ccda;
     -webkit-border-radius: 0.8em;
     border-radius: 0.8em;
     display: inline-block;
     position: relative;
     top: 0;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     width: 3em;
     cursor: pointer;
}
 .el-switch .el-switch-style:before {
     display: block;
     content: "";
     height: 1.4em;
     position: absolute;
     width: 1.4em;
     background-color: #fff;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     left: 0.1em;
     top: 0.1em;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .el-switch > input[type="checkbox"] {
     display: none;
}
 .el-switch > input[type="checkbox"][disabled] + .el-switch-style {
     cursor: not-allowed;
     background-color: #d3dce6;
}
 .el-switch > input[type="checkbox"]:checked + .el-switch-style {
     background-color: #5181b8;
}
 .el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
     left: 50%;
}
 .el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {
     background-color: #b0d7f5;
}
 .modal-overlay, .modal-overlay_claim {
     display: flex;
     align-items: center;
     justify-content: center;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1005;
     background-color: rgba(0, 0, 0, 0.6);
     opacity: 0;
     visibility: hidden;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.0s cubic-bezier(0.55, 0, 0.1, 1);
}
 .modal-overlay.active, .modal-overlay_claim.active {
     opacity: 1;
     visibility: visible;
}
 .modal, .modal_claim {
     display: block;
     align-items: flex-start;
     justify-content: center;
     position: fixed;
     margin: 0 auto;
     max-width: 75rem;
     border-radius: 3px;
     opacity: 0;
     overflow-y: auto;
     visibility: hidden;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
     transition: all 0.0s cubic-bezier(0.55, 0, 0.1, 1);
}
 .lnkCopy {
     width: 377px;
}
 .pageInfo {
     width: 585px;
}
 .modal.claim, .modal_claim.claim {
     width: 480px;
}
 .modal .close-modal, .modal_claim .close-modal {
     position: absolute;
     cursor: pointer;
     top: 5px;
     right: 15px;
     opacity: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), transform 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), transform 0.0s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.0s cubic-bezier(0.55, 0, 0.1, 1);
}
 .modal .modal-content, .modal_claim .modal-content {
     opacity: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1);
}
 .modal.active, .modal_claim.active {
     visibility: visible;
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .modal.active .modal-content, .modal_claim.active .modal-content {
     opacity: 1;
}
 .modal.active .close-modal, .modal_claim.active .close-modal {
     -webkit-transform: translateY(10px);
     transform: translateY(10px);
     opacity: 1;
}
 .modal_header {
     position: relative;
     padding: 0;
     background-color: #5b88bd;
     border-radius: 4px 4px 0 0;
     border-bottom: 1px solid #dfdfdf;
     background-color: #fafbfc;
}
 .m_title {
     padding-left: 25px;
     font-size: 14px;
     font-weight: 500;
     color: #303030;
     height: 54px;
     line-height: 54px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .modal-content {
     padding: 20px 25px;
     background-color: #fff;
     line-height: 19px;
     display: block;
     max-height: 600px;
     overflow: auto;
}
 .modal_footer {
     position: relative;
     text-align: center;
     color: #fff;
     border-radius: 0 0 4px 4px;
     padding: 14px 23px 14px 25px;
     height: 31px;
     background-color: #fafbfc;
     border-top: 1px solid #e7e8ec;
     white-space: nowrap;
}
 .button_modal {
     float: right;
     padding: 7px 16px;
     margin: 0;
     font-size: 12.5px;
     font-family: 'Manrope', sans-serif;
     display: inline-block;
     cursor: pointer;
     white-space: nowrap;
     vertical-align: top;
     line-height: 15px;
     text-align: center;
     text-decoration: none;
     background: none;
     color: #fff;
     border: 0;
     border-radius: 4px;
     background-color: #6790bf;
     background-image: linear-gradient(223deg, rgb(185 142 144) , rgb(40 112 155 / 18%));
}
 .button_modal:hover {
     background-color: #5786bc;
}
.button_modal.cancel {
    color: #2a5885;
    background-color: transparent;
    background-image: none;
    margin: 0 13px 0 0;
}
.button_modal.cancel:hover {
    background-color: #e5ebf1;
}
.popup {
    display: block;
    background-color: #fff;
    opacity: 1;
    padding: 25px;
}
 .claim_box {
     display: block;
}
 .claim_box.good {
     background: #1d9c2b1a;
     padding: 9px 13px;
     border-radius: 3px;
     border: 1px solid #c2eac6;
}
 .claim_box.error {
     background: #ffefe9;
     padding: 9px 13px;
     border-radius: 3px;
     border: 1px solid #f2ab99;
}
 .lnk_claim {
     text-decoration: none;
     color: #2a5885;
}
 .lnk_claim:hover {
     text-decoration: underline;
}
 .lnk_jump {
     text-decoration: underline;
     color: #2a5885;
     font-weight: 600;
}
 .lnk_jump:hover {
     text-decoration: underline;
}
 .tblDisbl {
     background: #d5d5d559;
     color: #a9acaf;
}
 .lnkDisbl {
     color: #a9acaf;
}
 .rad_blk {
     margin: 11px 0;
}
 .box_area {
     display: block;
     width: 100%;
}
 .comm {
     font-weight: 600;
}
 .claim_txtarea {
     display: block;
     width: 100%;
     height: 70px;
     margin: 6px 0 11px;
     padding: 5px 8px 7px;
     overflow: hidden;
     resize: none;
     border: 1px solid #dfdfdf;
     font-size: 13px;
     font-family: 'Manrope', sans-serif;
     border-radius: 3px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .claim_txtarea:focus {
     outline: none;
     border: 1px solid #b4ceff;
}
 .claim_email {
     display: block;
     border: 1px solid #dfdfdf;
     margin: 6px 0 0;
     height: 25px;
     width: 300px;
     padding: 4px 8px;
     font-size: 13px;
     font-family: 'Manrope', sans-serif;
     border-radius: 3px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .claim_email:focus {
     outline: none;
     border: 1px solid #b4ceff;
}
 .pure-radiobutton {
     padding: 5px 0;
}
 .pure-radiobutton * {
     box-sizing: border-box;
}
 .pure-radiobutton:before, .pure-radiobutton:after {
     box-sizing: border-box;
}
 .pure-radiobutton input[type="checkbox"], .pure-radiobutton input[type="radio"] {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}
 .pure-radiobutton input[type="radio"]:focus + label:before, .pure-radiobutton input[type="radio"]:hover + label:before {
     border-color: #dfdfdf;
     background-color: #f2f4f8;
}
 .pure-radiobutton input[type="radio"]:active + label:before {
     transition-duration: 0;
}
 .pure-radiobutton input[type="radio"] + label {
     position: relative;
     padding: 5px 5px 5px 2em;
     vertical-align: middle;
     user-select: none;
     cursor: pointer;
}
 .pure-radiobutton input[type="radio"] + label:before {
     box-sizing: content-box;
     content: "";
     color: #dfdfdf;
     position: absolute;
     top: 50%;
     left: 0;
     width: 14px;
     height: 14px;
     margin-top: -10px;
     border: 2px solid #dfdfdf;
     text-align: center;
     transition: all 0.4s ease;
}
 .pure-radiobutton input[type="radio"] + label:after {
     box-sizing: content-box;
     content: "";
     background-color: #5181b8;
     position: absolute;
     top: 50%;
     left: 5px;
     width: 8px;
     height: 8px;
     margin-top: -5px;
     transform: scale(0);
     transform-origin: 50%;
     transition: transform 200ms ease-out;
}
 .pure-radiobutton input[type="radio"]:disabled + label:before {
     border-color: #ccc;
}
 .pure-radiobutton input[type="radio"]:disabled:focus + label:before, .pure-radiobutton input[type="radio"]:disabled:hover + label:before {
     background-color: inherit;
}
 .pure-radiobutton input[type="radio"]:disabled:checked + label:before {
     background-color: #ccc;
}
 .pure-radiobutton input[type="radio"]:checked + label:before {
     background-color: #fff;
}
 .pure-radiobutton input[type="radio"]:checked + label:after {
     transform: scale(1);
}
 .pure-radiobutton input[type="radio"]:checked + label:before {
     color: #5181b8;
     border: 2px solid #5181b8;
}
 .pure-radiobutton input[type="radio"] + label:before, .pure-radiobutton input[type="radio"] + label:after {
     border-radius: 50%;
}
 .mobile_menuLayer {
     display: none;
     position: absolute;
     z-index: 1003;
}
 #menu_expand {
     opacity: 0;
}
 #menu_expand:checked + .menu_btn > span {
     transform: rotate(45deg);
}
 #menu_expand:checked + .menu_btn > span::before {
     top: 0;
     transform: rotate(0deg);
     background-color: #000;
}
 #menu_expand:checked + .menu_btn > span::after {
     top: 0;
     transform: rotate(90deg);
     background-color: #000;
}
 #menu_expand:checked ~ .menu_box {
     left: 0 !important;
}
 .menu_btn {
     position: absolute;
     top: 23px;
     left: 16px;
     width: 26px;
     height: 26px;
     cursor: pointer;
     z-index: 800;
}
 .menu_btn > span, .menu_btn > span::before, .menu_btn > span::after {
     display: block;
     position: absolute;
     width: 100%;
     height: 3px;
     border-radius: 2px;
     background-color: #fff;
     transition-duration: .25s;
}
 .menu_btn > span::before {
     content: '';
     top: -8px;
}
 .menu_btn > span::after {
     content: '';
     top: 8px;
}
 .menu_box {
     display: block;
     position: fixed;
     top: 0;
     left: -100%;
     width: 282px;
     height: 100%;
     margin: 0;
     padding: 55px 0;
     list-style: none;
     background-color: #fff;
     background-image: linear-gradient(226deg, rgb(122 18 18 / 19%) 0%, rgb(40 112 155 / 47%) 100%);
     box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
     z-index: 799;
     transition-duration: .25s;
}
 .menu_item {
     display: block;
     padding: 12px 24px;
     color: #333;
     font-size: 20px;
     font-weight: 600;
     text-decoration: none;
     transition-duration: .25s;
}
 .menu_item:hover {
     background-color: #CFD8DC;
     transform: translate(5px,0);
     margin-right: 6px;
}
 .li_divide {
     height: 0;
     padding: 1px 0 0 0;
     margin: 12px 0 12px 0;
     background: #b3b3b3;
}
 .siteTitle {
     font-size: 28px;
     color: #fff;
     font-weight: 800;
}
 .siteTitle:hover {
     background-color: unset;
     color: #f7f7f7;
     transition: all .25s;
     transform: translate(5px,0);
}
 .subt {
     font-size: 15px 
}
 .right_adsWarpper {
     width: 300px;
     float: left;
     margin: 0 0 0 15px;
}
 .r_adv1, .r_adv2 {
     width: 100%;
     float: left;
     height: 400px;
     background-color: #fff9f0;
     margin: 0 0 15px 0;
}
 .backShadow {
     opacity: 1;
     visibility: visible;
     top: 0;
     display: none;
     align-items: center;
     justify-content: center;
     position: fixed;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1000;
     background-color: rgba(0, 0, 0, 0.4);
}
 .modal_friendsZoomContaner, .modal_photosZoomContaner, .modal_photosZoomContaner2, .modal_AlbumZoomContaner {
     display: flex;
     align-items: center;
     justify-content: center;
     position: fixed;
     top: 979px;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1005;
     background-color: rgba(0, 0, 0, 0.82);
     opacity: 0;
     visibility: hidden;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
 .modal_friendsZoomContaner.active, .modal_photosZoomContaner.active, .modal_photosZoomContaner2.active, .modal_AlbumZoomContaner.active {
     opacity: 1;
     visibility: visible;
     top: 0;
}
 .modal_overlayFr, .modal_overlayPh, .modal_overlayPh2, .modal_overlayAlb {
     position: relative;
}
 .closeLayerFr, .closeLayerPh, .closeLayerPh2, .closeLayerAlb {
     position: absolute;
     top: -11px;
     right: -27px;
     cursor: pointer;
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .closeLayerFr:hover > .icon_close, .closeLayerPh:hover > .icon_close, .closeLayerPh2:hover > .icon_close, .closeLayerAlb:hover > .icon_close {
     color: #cdcdcd;
}
 .icon_close {
     box-sizing: border-box;
     position: relative;
     display: block;
     transform: scale(1.3);
     width: 22px;
     height: 22px;
     border: 2px solid transparent;
     border-radius: 40px;
     color: #fff;
     transition: all .2s;
}
 .icon_close::after, .icon_close::before {
     content: "";
     display: block;
     box-sizing: border-box;
     position: absolute;
     width: 16px;
     height: 2px;
     background: currentColor;
     transform: rotate(45deg);
     border-radius: 5px;
     top: 8px;
     left: 1px 
}
 .icon_close::after {
     transform: rotate(-45deg) 
}
 .lnkcop {
     color: #000;
     transform: scale(1.1);
}
 .icon_close.lnkcop::after, .icon_close.lnkcop::before {
     height: 1px;
}
 .modal_FrflexLayer, .modal_PhflexLayer, .modal_PhflexLayer2, .modal_AlbflexLayer {
     position: relative;
     top: 0;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     background-color: #fff;
     width: 750px;
     height: calc(100vh - 76px);
     border-radius: 6px;
     overflow-y: hidden;
     box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
     opacity: 0;
     visibility: hidden;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .modal_FrflexLayer.active, .modal_PhflexLayer.active, .modal_PhflexLayer2.active, .modal_AlbflexLayer.active {
     opacity: 1;
     visibility: visible;
     transition: all .2s;
}
 .uppFrBlock, .uppPhBlock, .uppPhBlock2, .uppAlbBlock {
     height: 55px;
     border-bottom: 1px solid #dfdfdf;
     background-color: #fafbfc;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
}
 .uppFrLayer, .uppPhLayer, .uppPhLayer2, .uppAlbLayer {
     margin: 18px 0 0 21px;
}
 .uppFrSpan, .uppPhSpan, .uppPhSpan2, .uppAlbSpan {
     font-weight: 500;
}
 .uppSpanNumbrFr, .uppSpanNumbrPh, .uppSpanNumbrPh2 {
     color: #2a5885;
     font-weight: 500;
}
 .uppSpanNumbrAlb {
     color: #000;
     font-weight: 500;
}
 .middleFrBlock, .middlePhBlock, .middlePhBlock2, .middleAlbBlock {
     padding: 7px 7px;
     flex: 1;
}
 .middleAlbBlock {
     flex: 1;
}
 .middleFrLayer, .middlePhLayer, .middlePhLayer2, .middleAlbLayer, .middleAlbLayer_Blank {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     height: calc(100vh - 195px);
     overflow-y: scroll;
     scrollbar-color: #d9d9d9 #fff;
     scrollbar-width: thin;
}
 .heightFit {
     height: fit-content;
}
 .bottomFrBlock, .bottomPhBlock, .bottomPhBlock2, .bottomAlbBlock {
     height: 46px;
     border-top: 1px solid #dfdfdf;
     background-color: #fafbfc;
}
 .bottomFrLayer, .bottomPhLayer, .bottomPhLayer2, .bottomAlbLayer {
     margin: 13px 0 13px 0;
     text-align: center;
}
 .bottomFrSpan, .bottomPhSpan, .bottomPhSpan2, .bottomAlbSpan {
     font-weight: 500;
     cursor: pointer;
     color: #2a5885;
}
 .bottomFrSpanEnd, .bottomPhSpanEnd, .bottomPhSpan2End, .bottomAlbSpanEnd {
     display: none;
}
 .bottomFrSpan:hover, .bottomPhSpan:hover, .bottomPhSpan2:hover, .bottomAlbSpan:hover {
     text-decoration: underline;
}
 .one_friendModal {
     position: relative;
     width: 100px;
     overflow: hidden;
     padding: 6px 0 5px;
     text-align: center;
     display: flex;
     flex-basis: calc(20% - 0px);
     flex-direction: column;
}
 .one_friendModal.hf:after {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     border-top: 1px solid #e7e8ec;
     margin: 0px 10px;
     width: 94.5%;
}
 .one_friendModal.hf:nth-child(2n):after {
     width: 92%;
}
 .contNone:after {
     content:none!important;
}
 .vert_line {
     display: none;
     border-left: 1px solid #e7e8ec;
     height: 115px;
     float: left;
     margin-right: 10px;
     position: relative;
     top: -3px;
}
 .one_friendModal.hf:nth-child(2n) .vert_line{
     display:block;
}
 .ava_frModal {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background-size: cover;
     background-repeat: no-repeat;
     box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
     border: 2px solid #ffffff;
     outline: 1px solid #ff87192b;
     transition: transform 0.3s;
}
 .ava_frModal:hover {
     box-shadow: 0 0 5px 1px rgb(0 0 0 / 21%);
     -webkit-transform: translate(0, -3px);
     transform: translate(0, -3px);
}
 .ava_frBlocked, .ava_frNone {
     width: 200px;
     height: 200px;
}
 .ava_frModal.bgNone, .ava_fr.bgNone, .ava_frBlocked.bgNone, .ava_frNone.bgNone {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #f2f4f7;
}
 .none_photo, .none_photo.pre {
     width: 38px;
     height: 38px;
     user-select: none;
}
 .blocked_user, .none_user {
     width: 42px;
     height: 42px;
     user-select: none;
}
 .minBlocked, .minNone {
     position: relative;
     float: left;
     width: 34px;
     height: 34px;
     border-radius: 50%;
     margin-right: 10px;
     top: -2px;
}
 .n58 {
     width: 58px;
     height: 58px;
}
 .n15 {
     width: 15px;
     height: 15px;
}
 .n38 {
     display: block;
}
 .n25 {
     display: none;
}
 .hf {
     flex-basis: calc(50% - 0px);
     flex-direction: row;
     text-align: unset;
     transition: all .3s;
}
 .hf2 {
     width: 100%;
     margin-left: 14px;
     transition: all .3s;
}
 .hf3 {
     font-size: 13px;
     transition: all .3s;
}
 .hf4 {
     font-weight: 600;
}
 .errAlb_load {
     margin: 0 auto;
     font-size: 14px;
}
 .inptLink {
     padding: 7px;
     border: 1px solid #dfdfdf;
     border-radius: 3px;
     box-sizing: border-box;
     resize: vertical;
     width: 100%;
     font-family: 'Manrope', sans-serif;
}
 .inptLink:focus {
     outline: none;
     border: 1px solid #b4ceff;
}
 @-webkit-keyframes fadeInUpBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 979px, 0);
         transform: translate3d(0, 979px, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes fadeInUpBig {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 979px, 0);
         transform: translate3d(0, 979px, 0);
    }
     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @-webkit-keyframes fadeOutDownBig {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 1000px, 0);
         transform: translate3d(0, 1000px, 0);
    }
}
 @keyframes fadeOutDownBig {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 1000px, 0);
         transform: translate3d(0, 1000px, 0);
    }
}
 .none, .noneFR {
     display: none;
}
 .albWrap {
     display: flex;
     position: relative;
     flex-basis: calc(50% - 5px);
     height: 150px;
     margin-left: 4px;
     margin-bottom: 5px;
}
 .linkAlbum {
     display: block;
     width: 100%;
     cursor: pointer;
}
 .imgCover {
     position: relative;
     display: inline-block;
     height: 150px;
     width: 100%;
     margin-left: 1px;
     margin-bottom: 1px;
     object-fit: cover;
     object-position: 50% 10%;
     border-radius: 5px;
}
 .albNumberTxt {
     position: absolute;
     top: 7px;
     right: 20px;
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     text-shadow: 0 0 5px #000;
     transition: colos .3s;
}
 .albNumberTxt:hover {
     cursor: pointer;
     color: #efefef;
}
 .albNameTxt {
     position: absolute;
     color: #fff;
     font-size: 14px;
     font-weight: 600;
     text-decoration: none;
     text-align: left;
     cursor: pointer;
     text-shadow: 0 0 5px #000;
     bottom: 7px;
     left: 12px;
}
 .albDescrTxt {
     display: none;
     font-size: 13px;
     font-weight: 500;
     padding: 0 11px 0 0;
     transition: all .3s;
     overflow: hidden;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
}
 .albWrap:hover .albDescrTxt {
     display: -webkit-box;
}
 .albNameTxt:hover .albDescrTxt {
     display: -webkit-box;
}
 .albumTitle {
     font-weight: 600;
     color: #2a5885;
}
 .company, .position {
     font-weight: 500;
     color: #2a5885;
}
 .divLock {
     background-color:#edeef0;
     padding:11px 0;
     border-radius:3px;
     border: 1px solid #f3f3f3;
}
 .imgLock {
     width: 103px;
     height: 103px;
     position: relative;
     top: 2px;
}
 .icon_refresh {
     display: block;
     float: right;
     animation-name: none;
     width: 14px;
     height: 14px;
     margin: 3px 16px 0 0;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-animation: none 1.4s linear infinite;
     animation: none 1.4s linear infinite;
}
 @-webkit-keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
    }
}
 @keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
         transform:rotate(360deg);
    }
}
 @media only screen and (max-width: 1229px) {
     .global_wrapper, .shapka {
         width: 1115px;
    }
     .rads2_wrapper, .sh_two {
         width: 86px;
         margin: 0 auto;
    }
     .block_media_scr {
         display: none;
    }
}
 @media only screen and (max-width: 1180px) {
     .global_wrapper, .shapka {
         width: 1062px;
    }
     .wraper_content {
         width: 1062px;
    }
     .sh_one {
         width: 1062px;
    }
     .right_adsWarpper {
         width: 250px;
    }
}
 @media only screen and (max-width: 1147px) {
     .sh_two {
         display: none;
    }
}
 @media only screen and (max-width: 1060px) {
     .global_wrapper, .shapka {
         width: 989px;
    }
     .wraper_content {
         width: 989px;
    }
     .sh_one {
         width: 986px;
    }
     .wr_name {
         width: 103px;
    }
     span.makeit:hover {
         width: auto;
         transform: translateX(calc(103px - 104.5%));
    }
     .min_ava {
         width: 30px;
         height: 30px;
         top: 1px;
    }
     .right_adsWarpper {
         display: none;
    }
}
 @media only screen and (max-width: 1024px) {
     .global_wrapper, .shapka {
         width: 881px;
    }
     .wraper_content, .sh_one {
         width: 795px;
    }
     .bottom {
         display: block;
         margin-right: 0;
    }
     .wr_name {
         width: 152px;
    }
     span.makeit:hover {
         width: auto;
         transform: none;
    }
     div.wr_name.doit:hover:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 0;
         height: 0;
         background: linear-gradient(90deg, #e7edf2, rgba(255, 255, 255, 0));
         z-index: 0;
    }
     .min_ava {
         width: 34px;
         height: 34px;
         top: -2px;
    }
     .icon_ph, .icon_bkm {
         display: inline-block;
    }
}
 @media only screen and (max-width: 913px) {
     .global_wrapper, .shapka {
         width: 795px;
    }
     .sh_one {
         width: 790px;
    }
     .wraper_content {
         width: 795px;
         float: left;
    }
}
 @media only screen and (max-width: 825px) {
     .global_wrapper, .shapka {
         width: 738px;
    }
     .wraper_content {
         width: 738px;
    }
     .sh_one {
         width: 733px;
    }
     .container_content {
         width: 738px;
         float: left;
    }
     .box1 {
         width: 200px;
    }
     .avatar {
         max-width: 170px;
    }
     .dd-button {
         padding: 10px 30px 10px 13px;
         width: 125px;
         font-size: 11.5px;
         line-height: 10px;
    }
     .dd-button:after {
         right: 12px;
    }
     .dd-menu {
         width: 167px;
    }
     .dd-menu li {
         font-size: 11.5px;
    }
     .box2 {
         width: 522px;
    }
     .one_friend {
         width: 80px;
    }
     .photka {
         height: 116px;
    }
     .photkaobj {
         height: 128px;
    }
     .last_photka {
         height: 128px;
    }
     .wr_name {
         width: 128px;
    }
     span.makeit:hover {
         width: auto;
         transform: translateX(calc(128px - 104.5%));
    }
     .min_ava {
         width: 30px;
         height: 30px;
         top: 1px;
    }
     .more_ph {
         bottom: 50px;
         right: 27px;
    }
     div#btm:hover:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 12px;
         height: 100%;
         background: linear-gradient(90deg, #e7edf2, rgba(255, 255, 255, 0));
         z-index: 2;
    }
     .ava_frBlocked, .ava_frNone {
         width: 170px;
         height: 170px;
    }
     .minBlocked, .minNone {
         width: 30px;
         height: 30px;
         top: 1px;
    }
}
 @media only screen and (max-width: 802px) {
     .modPad {
         justify-content: center;
         padding: 12px 6px 12px 6px;
    }
     .closeLayerFr, .closeLayerPh, .closeLayerPh2, .closeLayerAlb {
         top: -25px;
         right: 4px;
    }
     .modal_FrflexLayer, .modal_PhflexLayer, .modal_PhflexLayer2, .modal_AlbflexLayer {
         width: 98%;
         margin-left: 6px;
         margin-right: 6px;
    }
}
 @media only screen and (max-width: 768px) {
     body {
         font-size: 1em;
         margin: 0;
    }
     .overlay {
         border-bottom: unset;
         background-image: unset;
    }
     .global_wrapper {
         width: 100%;
         margin: 0 auto 20px;
    }
     .wraper_content {
         width: 100%;
    }
     #footer {
         margin: 22px 12px 11px;
    }
     .container_content {
         width: 100%;
         float: left;
    }
     .box1 {
         width: 100%;
         float: none;
         margin-bottom: 15px;
         background-image: linear-gradient(68deg, rgb(122 18 18 / 25%) 0%, rgb(40 112 155 / 55%) 100%);
         border-radius: 0 0 4px 4px;
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }
     .per-av {
         max-width: 100px;
    }
     .name_lnk {
         font-size: 15px;
    }
     div#wave {
         top: 0;
         right: 0;
    }
     .avatar_block {
         position: relative;
         display: flex;
         background-color: unset;
    }
     .avatar {
         display: none;
    }
     .avaobj_backgrnd_mob {
         display: block;
         border: 2px solid #fff;
    }
     .block_media_scr {
         display: block;
         float: left;
         overflow: hidden;
         width: 68%;
         padding-right: 15px;
    }
     .mob_n {
         margin: 5px 0 0;
         overflow: hidden;
         display: flex;
    }
     .mob_n:nth-child(1) {
         margin: 7px 0 0;
    }
     .mob_name {
         font-size: 24px;
         font-weight: 600;
         margin: 0 0 0 23px;
         padding: 0 0 9px;
         border-bottom: 1px solid #fff;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         color: #fff;
    }
     .rtg_a {
         margin: 0 0 0 23px;
         color: #fff;
         font-size: 18px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
    }
     .numb_fr {
         margin: 0 5px 0 23px;
         font-size: 18px;
         color: #fff;
    }
     .rtg_b {
         margin: 0;
         color: #fff;
         font-size: 18px;
    }
     .bottom {
         display: none;
    }
     .dot {
         background: #fff;
    }
     .menubtn_mob {
         display: block;
    }
     div#wave_web {
         display: none;
    }
     .dd-menu {
         width: 196px;
         top: -32px;
         right: -1px;
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }
     .dd-menu li {
         font-size: 13px;
         line-height: 7px;
    }
     .box2 {
         width: 100%;
         float: none;
         margin-left: 0;
         font-size: 1em;
    }
     .name_top {
         display: none;
    }
     .profile_info_short {
         padding-top: 0;
    }
     .profile_info_short .line_data:nth-child(1) {
         padding-top: 0;
    }
     .line_data.mob {
         display: block;
    }
     .one_friend {
         flex-basis: calc(14.28571428571429% - 0px);
    }
     .one_friend:nth-child(7) {
         display: flex;
    }
     .one_friend {
         width: 115px;
    }
     .ava_fr {
         width: 75px;
         height: 75px;
    }
     .photka {
         height: 171px;
    }
     .photkaobj {
         height: 171px;
    }
     .last_photka {
         height: 171px;
    }
     .more_ph {
         width: 106px;
         height: 43px;
         bottom: 69px;
         right: 51px;
         font-size: 1.4em;
    }
     .buttns_container {
         flex-direction: row;
         justify-content: space-between;
         margin-left: 23px;
         margin-top: 36px;
         margin-bottom: 3px;
    }
     .upper {
         display: flex;
    }
     .down {
         display: none;
    }
     .knopkaPh {
         border: 1px solid #fff;
         padding: 9px 22px;
         font-size: 1.25em;
         border-radius: 6px;
         color: #fff;
         width: 50%;
         text-align: center;
         background-color: transparent;
         margin-right: 8px;
         box-shadow: 0 0 3px 1px #00000045;
         font-weight: 600;
         cursor: pointer;
    }
     .knopkaPh:hover {
         background-color: transparent;
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
     .long {
         display: inline-block;
    }
     .short {
         display: none;
    }
     .knopkaFr, .knopkaAlb {
         display: inline-block;
         border: 1px solid #fff;
         padding: 9px 22px;
         font-size: 1.25em;
         border-radius: 6px;
         color: #fff;
         width: 50%;
         text-align: center;
         background-color: transparent;
         box-shadow: 0 0 3px 1px #00000045;
         font-weight: 600;
         cursor: pointer;
    }
     .knopkaFr:hover, .knopkaAlb:hover {
         background-color: transparent;
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
     .navigat_photo_up {
         display: block;
    }
     .aBtn {
         color: #fff;
         text-decoration: none;
         display: block;
         width: 100%;
    }
     .mrgnright8 {
         margin-right: 8px;
    }
     .icon_dltd {
         height: 15px;
         width: 15px;
         margin-left: 1px;
         margin-top: 2px;
    }
     .albWrap, .imgCover {
         height: 219px;
    }
     .albDescrTxt {
         -webkit-line-clamp: 8;
    }
     .shapka {
         width: 98%;
    }
     .sh_one {
         width: 98%;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
    }
     .logotype_overlay {
         margin-left: 13px;
    }
     .navbar {
         margin-right: -12px;
    }
     .navigat_photo_up {
         height: 48px;
    }
     .ava_frBlocked, .ava_frNone {
         border-radius: 50%;
         border: 2px solid #fff;
    }
}
 @media only screen and (max-width: 690px) {
     .one_friendModal, .one_friendModal.hf:nth-child(2n) {
         padding: 15px 0 0 0;
    }
     .ava_frModal {
         width: 75px;
         height: 75px;
    }
     .vert_line {
         height: 90px;
    }
     .hf {
         height: 99px;
    }
     .one_friendModal.hf:after {
         width: 93.5%;
    }
}
 @media only screen and (min-width: 577px) and (max-width: 673px) {
     .avaobj_backgrnd_mob, .ava_frBlocked, .ava_frNone {
         width: 153px;
         height: 150px;
    }
     .mob_name {
         font-size: 21px;
    }
     .rtg_a {
         font-size: 16px;
    }
     .numb_fr {
         font-size: 16px;
    }
     .rtg_b {
         font-size: 16px;
    }
     .long {
         display: none;
    }
     .short {
         display: inline-block;
    }
     .dot {
         width: 5px;
         height: 5px;
    }
     .dd-menu {
         top: -29px;
         right: -1px;
    }
     .one_friend {
         flex-basis: calc(16.66% - 0px);
    }
     .one_friend:nth-child(7) {
         display: none;
    }
     .ava_fr {
         width: 65px;
         height: 65px;
    }
     .buttns_container {
         margin-top: 31px;
    }
     .navigat_photo_up {
         display: block;
    }
     .ava_frBlocked, .ava_frNone {
         width: 153px;
         height: 150px;
    }
}
 @media only screen and (max-width: 650px) {
     .photkaobjMod {
         width: calc(32% - 0px);
         border-radius: 5px;
         margin-left: 3px;
         margin-bottom: 3px;
    }
     .hp {
         height: 146px;
         width: calc(25% - 6px);
    }
}
 @media only screen and (max-width: 638px) {
     .mobile_menuLayer {
         display: block;
    }
     .logotype_overlay {
         margin-left: 78px;
         line-height: 45px;
    }
     .sTitle {
         display: none;
    }
     .sLang {
         background: rgba(255, 255, 255, 0.08);
         border-radius: 4px;
         margin-right: 7px;
    }
     .nav_item:last-child {
         padding: 4px 10px 4px 10px;
         bottom: 4px;
    }
     .nav_item:last-child:hover {
         background: rgba(255, 255, 255, 0.12);
         transition: background .2s;
    }
}
 @media only screen and (max-width: 602px) {
     .modal, .modal_claim, .pageInfo {
         width: 100%;
    }
     .lnkCopy {
         width: 377px;
    }
     .modal_footer.info {
         text-align: center;
    }
     .button_modal.info {
         float: none;
    }
     .hf {
         flex-basis: calc(100% - 0px);
    }
     .one_friendModal.hf:nth-child(2n) .vert_line {
         display: none;
    }
     .one_friendModal.hf:after, .one_friendModal.hf:nth-child(2n):after {
         width: 96.5%;
    }
}
 @media only screen and (max-width: 577px) {
     .modal_FrflexLayer, .modal_PhflexLayer, .modal_PhflexLayer2, .modal_AlbflexLayer {
         height: calc(100vh - 76px);
    }
     .middleFrLayer, .middlePhLayer, .middlePhLayer2, .middleAlbLayer, .middleAlbLayer_Blank {
         height: calc(100vh - 195px);
    }
     .photkaobjMod {
         width: calc(31% - 0px);
         height: 163px;
    }
     .hp {
         height: 141px;
         width: calc(25% - 6px);
    }
     .modal_FrflexLayer, .modal_PhflexLayer, .modal_PhflexLayer2, .modal_AlbflexLayer {
         border-radius: 12px;
    }
     .photkaobjMod {
         border-radius: 4px;
    }
}
 @media only screen and (max-width: 576px) {
     .avaobj_backgrnd_mob, .ava_frBlocked, .ava_frNone {
         width: 130px;
         height: 126px;
    }
     .mob_n:nth-child(1) {
         margin: 9px 0 0;
    }
     .long {
         display: none;
    }
     .short {
         display: inline-block;
    }
     .upper {
         display: none;
    }
     .down {
         display: flex;
    }
     .buttns_container {
         margin-left: 0;
         margin-top: 0;
    }
     .box1 {
         background-image: linear-gradient(68deg, rgb(122 18 18 / 25%) 0%, rgb(40 112 155 / 55%) 100%);
         border-radius: 0 0 4px 4px;
         padding-bottom: 15px;
    }
     .avatar_block {
         background-image: unset;
         background: unset;
         border-radius: unset;
         margin: 0;
         box-shadow: unset;
    }
     .mob_name {
         font-size: 19px;
    }
     .rtg_a {
         font-size: 17px;
    }
     .numb_fr {
         font-size: 17px;
    }
     .rtg_b {
         font-size: 17px;
    }
     .knopkaPh {
         margin-left: 15px;
    }
     .knopkaFr, .knopkaAlb {
         margin-right: 15px;
    }
     .mrgnright8 {
         margin-right: 8px;
    }
     .dot {
         width: 5px;
         height: 5px;
    }
     .dd-menu {
         top: -28px;
         right: -1px;
    }
     .one_friend {
         flex-basis: calc(16.66% - 0px);
    }
     .one_friend:nth-child(7) {
         display: none;
    }
     .ava_fr {
         width: 65px;
         height: 65px;
    }
}
 @media only screen and (max-width: 523px) {
     .one_friendModal {
         flex-basis: calc(25% - 0px);
    }
     .hf {
         flex-basis: calc(100% - 0px);
    }
}
 @media only screen and (max-width: 485px) {
     .avaobj_backgrnd_mob, .ava_frBlocked, .ava_frNone {
         width: 120px;
         height: 115px;
    }
     .mob_name {
         font-size: 17px;
    }
     .rtg_a {
         font-size: 16px;
    }
     .numb_fr {
         font-size: 16px;
    }
     .rtg_b {
         font-size: 16px;
    }
     .dd-menu {
         width: 197px;
    }
     .dd-menu li {
         font-size: 1em;
         line-height: 4px;
    }
     .ava_fr {
         width: 51px;
         height: 51px;
    }
     .photka {
         flex-basis: calc(50% - 1px);
    }
     .photkaobj {
         width: calc(50% - 2px);
    }
     .last_photka {
         flex-basis: calc(50% - 2px);
    }
     .last_photka:last-child {
         margin-left: 1px !important;
    }
     .more_ph {
         width: 107px;
         height: 52px;
         font-size: 1.4em;
    }
     .knopkaPh, .knopkaFr, .knopkaAlb {
         padding: 5px 7px;
         border-radius: 4px;
    }
     .modal.active.claim, .modal_claim.active.claim {
         visibility: visible;
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     .modal.claim, .modal_claim.claim {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         -webkit-overflow-scrolling: touch;
         border-radius: 0;
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         padding: 0 !important;
    }
     .claim_email {
         width: 100%;
    }
     .check_ok {
         right: 110px;
    }
     .photkaobjMod {
         width: calc(48% - 0px);
    }
     .hp {
         height: 130px;
         width: calc(32% - 1px);
    }
     .frChkeckBox, .phChkeckBox {
         display: none;
    }
     .none_photo.pre {
         width: 25px;
         height: 26px;
    }
     .n38 {
         display: none;
    }
     .n25 {
         display: block;
    }
}
 @media only screen and (max-width: 459px) {
     .avaobj_backgrnd_mob, .ava_frBlocked, .ava_frNone {
         width: 100px;
         height: 98px;
    }
     .rtg_a {
         font-size: 15px;
    }
     .numb_fr {
         font-size: 15px;
    }
     .rtg_b {
         font-size: 15px;
    }
     .knopkaPh, .knopkaFr, .knopkaAlb {
         font-size: 1.25em;
    }
}
 @media only screen and (max-width: 426px) {
     .avaobj_backgrnd_mob, .ava_frBlocked, .ava_frNone {
         width: 95px;
         height: 91px;
    }
     .mob_name {
         font-size: 17px;
    }
     .rtg_a {
         font-size: 14px;
    }
     .numb_fr {
         font-size: 14px;
    }
     .rtg_b {
         font-size: 14px;
    }
     .one_friend {
         flex-basis: calc(20% - 0px);
    }
     .one_friend:nth-child(7) {
         display: none;
    }
     .one_friend:nth-child(6) {
         display: none;
    }
     .ava_fr {
         width: 46px;
         height: 46px;
    }
     .knopkaPh, .knopkaFr, .knopkaAlb {
         font-size: 1.15em;
    }
     .icon_share {
         display: none;
    }
}
 @media only screen and (max-width: 422px) {
     .one_friendModal {
         flex-basis: calc(33% - 0px);
    }
     .hf {
         flex-basis: calc(100% - 0px);
    }
}
 @media only screen and (max-width: 387px) {
     body {
         margin: 0;
    }
     .box1 {
         border-radius: 0 0 4px 4px;
    }
     .field {
         float: none;
    }
     .field_data {
         margin: 0 0 0 21px;
    }
     .avaobj_backgrnd_mob, .ava_frBlocked, .ava_frNone {
         width: 85px;
         height: 81px;
    }
     .mob_name {
         font-size: 1.1em;
         margin: 0 0 0 16px;
    }
     .rtg_a {
         font-size: 13px;
         margin: 0 0 0 16px;
    }
     .numb_fr {
         font-size: 13px;
         margin: 0 5px 0 16px;
    }
     .rtg_b {
         font-size: 13px;
    }
     .modal, .modal_claim {
         position: fixed;
         top: 52px;
         margin: 0 8px 0 8px;
         left: 0;
         width: 96%;
         height: 100%;
         -webkit-overflow-scrolling: touch;
         border-radius: 0;
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         padding: 0 !important;
    }
    .modal_claim {
          margin: 0;
    }
     .lnkCopy, .pageInfo {
         width: 96%;
    }
     .close-modal {
         right: 20px !important;
    }
     div#wave {
         right: -5px;
    }
     .dot {
         width: 4px;
         height: 4px;
    }
     .logotype_overlay {
         font-size: 24px;
         margin-left: 67px;
         line-height: 48px;
    }
}
 @media only screen and (max-width: 380px) {
     .albWrap {
         flex-basis: calc(99% - 5px);
    }
}
 @media only screen and (max-width: 320px) {
     .avaobj_backgrnd_mob, .ava_frBlocked, .ava_frNone {
         width: 75px;
         height: 70px;
    }
     .mob_n:nth-child(1) {
         margin: 5px 0 0;
    }
     .mob_name {
         font-size: 1.1em;
    }
     .rtg_a {
         font-size: 1em;
    }
     .numb_fr {
         font-size: 1em;
    }
     .rtg_b {
         font-size: 1em;
    }
     .fr_row {
         display: flex;
         flex-wrap: nowrap;
         flex-direction: row;
         justify-content: space-between;
    }
     .one_friend {
         flex-basis: calc(20% - 0px);
    }
     .one_friend:nth-child(7) {
         display: none;
    }
     .one_friend:nth-child(6) {
         display: none;
    }
     .ava_fr {
         width: 46px;
         height: 46px;
    }
     .photka {
         flex-basis: calc(50% - 1px);
    }
     .photkaobj {
         width: calc(50% - 1px);
    }
     .last_photka {
         flex-basis: calc(50% - 1px);
    }
     .more_ph {
         width: 107px;
         height: 52px;
         font-size: 1.4em;
    }
     .knopkaPh, .knopkaFr, .knopkaAlb {
         font-size: 1.1em;
    }
}