@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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     min-height: 100vh;
}
 .clear {
     clear: both;
}
 .menul_box {
     background: #fff;
     border-radius: 4px;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 120;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     border-bottom: 1px solid #6f96b0;
     background-image: -webkit-gradient(linear, left top, right top, from(rgb(122 18 18 / 44%)), to(rgb(40 112 155 / 69%)));
     background-image: -o-linear-gradient(left, rgb(122 18 18 / 44%) 0%, rgb(40 112 155 / 69%) 100%);
     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(../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;
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
}
 .wraper_content {
     width: 1110px;
     float: left;
}
 #footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     margin: 5px 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;
     -webkit-animation: rot5 .85s infinite;
             animation: rot5 .85s infinite;
}
 @-webkit-keyframes rot5 {
     0% {
         -webkit-transform: rotate(0);
                 transform: rotate(0);
    }
     50% {
         -webkit-transform: rotate(180deg);
                 transform: rotate(180deg);
         border-top-color: #8fb5e1;
         border-bottom-color: #8fb5e1;
         border-right-color: transparent;
         border-left-color: transparent;
    }
     100% {
         -webkit-transform: rotate(360deg);
                 transform: rotate(360deg);
    }
}
 @keyframes rot5 {
     0% {
         -webkit-transform: rotate(0);
                 transform: rotate(0);
    }
     50% {
         -webkit-transform: rotate(180deg);
                 transform: rotate(180deg);
         border-top-color: #8fb5e1;
         border-bottom-color: #8fb5e1;
         border-right-color: transparent;
         border-left-color: transparent;
    }
     100% {
         -webkit-transform: rotate(360deg);
                 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;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
     position: relative;
     top: -1px;
}
 .wr_name:after {
     content: "";
     position: absolute;
     right: 0;
     top: 0;
     width: 12px;
     height: 100%;
     background: -o-linear-gradient(right, rgba(255, 255, 255, 0.2), #e7edf2 100%);
     background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(#e7edf2));
     background: -o-linear-gradient(left, 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;
     -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
             transform: translateX(0);
     -webkit-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
     font-weight: 600;
}
 span.makeit:hover {
     width: auto;
     -webkit-transform: translateX(calc(143px - 104.5%));
         -ms-transform: translateX(calc(143px - 104.5%));
             transform: translateX(calc(143px - 104.5%));
}
 div.wr_name.doit:hover:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 12px;
     height: 100%;
     background: -webkit-gradient(linear, left top, right top, from(#e7edf2), to(rgba(255, 255, 255, 0)));
     background: -o-linear-gradient(left, #e7edf2, rgba(255, 255, 255, 0));
     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;
     -webkit-animation: loader-rotate 1s linear infinite;
             animation: loader-rotate 1s linear infinite;
     top: 50%;
     margin: 0 auto;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
}
 .loader01::after {
     content: "";
     width: 3px;
     height: 3px;
     background: #9ab3c9;
     border-radius: 50%;
     position: absolute;
     top: -0;
     left: 13px;
     -webkit-box-sizing: inherit;
             box-sizing: inherit;
}
 @-webkit-keyframes loader-rotate {
     0% {
         -webkit-transform: rotate(0);
                 transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(360deg);
                 transform: rotate(360deg);
    }
}
 @keyframes loader-rotate {
     0% {
         -webkit-transform: rotate(0);
                 transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(360deg);
                 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;
     -o-text-overflow: ellipsis;
        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;
     -ms-flex-item-align: center;
         -ms-grid-row-align: center;
         align-self: center;
}
 .navigat_photo_up {
     display: none;
     position: relative;
     border-radius: 4px 4px 0 0;
     margin: 0 0 2px;
     -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
             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;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             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%;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             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;
     -o-object-fit: cover;
        object-fit: cover;
     -o-object-position: 50% 10%;
        object-position: 50% 10%;
     border-radius: 50%;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             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;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             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;
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.37);
             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;
     -o-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;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     background-color: #6790bf;
     background-image: -o-linear-gradient(227deg, rgb(185 142 144) , rgb(40 112 155 / 18%));
     background-image: linear-gradient(223deg, rgb(185 142 144) , rgb(40 112 155 / 18%));
}
 .dd-button:after {
     content: "";
     position: absolute;
     top: 50%;
     right: 15px;
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             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;
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
             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;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             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;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
 .name {
     font-size: 19px;
     line-height: 25px;
     font-weight: 400;
     margin: -1px 0 -1px -1px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
        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;
     -webkit-box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
             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;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             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;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
}
 .one_friend {
     width: 85px;
     overflow: hidden;
     padding: 6px 0 5px;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-preferred-size: calc(16.66% - 0px);
         flex-basis: calc(16.66% - 0px);
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
 .one_friend:nth-child(7) {
     display: none;
}
 .fr_link {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             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;
     -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.21);
             box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.21);
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     transition: all 0.4s;
}
 .ava_fr:hover {
     -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.21);
             box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.21);
     -webkit-transform: translate(0, -3px);
     -ms-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: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
     background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(#fff));
     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;
     -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
             box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
 .photos {
     position: relative;
     padding: 12px 17px 17px;
     height: auto;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
}
 .modPad {
     padding: 12px 12px 12px 12px;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     width: 100%;
}
 .photkaobj {
     position: relative;
     display: inline-block;
     height: 145px;
     width: calc(33% - 1px);
     margin-left: 2px;
     margin-bottom: 2px;
     -o-object-fit: cover;
        object-fit: cover;
     -o-object-position: 50% 10%;
        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;
     -o-object-fit: cover;
        object-fit: cover;
     -o-object-position: 50% 10%;
        object-position: 50% 10%;
     border-radius: 9px;
     border: 1px solid #e7e7e787;
     -webkit-transition: height .3s;
     -o-transition: height .3s;
     transition: height .3s;
}
 .hp {
     height: 146px;
     width: calc(25% - 6px);
     margin-left: 4px;
     margin-bottom: 4px;
     border-radius: 5px;
}
 .photkaobj.blur {
     -webkit-filter: blur(2px);
             filter: blur(2px);
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-preferred-size: calc(25% - 1px);
         flex-basis: calc(25% - 1px);
     height: 125px;
     margin-left: 1px;
     margin-bottom: 1px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .photka.blur {
     -webkit-filter: blur(2px);
             filter: blur(2px);
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     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);
     -ms-flex-preferred-size: 100%;
         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);
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
}
 .last_photka {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
     -ms-flex-preferred-size: calc(33% - 1px);
         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%;
     -ms-transform: translateX(-50%) translateY(-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;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
     max-width: 100%;
     float: left;
     cursor: pointer;
     color: #000;
}
 .ph_text.rght {
     overflow: hidden;
     -o-text-overflow: ellipsis;
        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;
     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;
     border-radius: 0.8em;
     display: inline-block;
     position: relative;
     top: 0;
     -webkit-transition: all 0.3s ease-in-out;
     -o-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;
     border-radius: 50%;
     left: 0.1em;
     top: 0.1em;
     -webkit-transition: all 0.3s ease-in-out;
     -o-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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: 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;
     -webkit-transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     -o-transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     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;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     position: fixed;
     margin: 0 auto;
     max-width: 75rem;
     border-radius: 3px;
     opacity: 0;
     overflow-y: auto;
     visibility: hidden;
     -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
             box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
         transform: scale(1.2);
     -webkit-transition: all 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     -o-transition: all 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     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);
     -webkit-transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     -o-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);
     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;
     -webkit-transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     -o-transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1);
     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);
     -ms-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);
     -ms-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;
     -o-text-overflow: ellipsis;
        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: -o-linear-gradient(227deg, rgb(185 142 144) , rgb(40 112 155 / 18%));
     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;
     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;
     box-sizing: border-box;
}
 .claim_email:focus {
     outline: none;
     border: 1px solid #b4ceff;
}
 .pure-radiobutton {
     padding: 5px 0;
}
 .pure-radiobutton * {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
}
 .pure-radiobutton:before, .pure-radiobutton:after {
     -webkit-box-sizing: border-box;
             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 {
     -webkit-transition-duration: 0;
          -o-transition-duration: 0;
             transition-duration: 0;
}
 .pure-radiobutton input[type="radio"] + label {
     position: relative;
     padding: 5px 5px 5px 2em;
     vertical-align: middle;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     cursor: pointer;
}
 .pure-radiobutton input[type="radio"] + label:before {
     -webkit-box-sizing: content-box;
             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;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 .pure-radiobutton input[type="radio"] + label:after {
     -webkit-box-sizing: content-box;
             box-sizing: content-box;
     content: "";
     background-color: #5181b8;
     position: absolute;
     top: 50%;
     left: 5px;
     width: 8px;
     height: 8px;
     margin-top: -5px;
     -webkit-transform: scale(0);
         -ms-transform: scale(0);
             transform: scale(0);
     -webkit-transform-origin: 50%;
         -ms-transform-origin: 50%;
             transform-origin: 50%;
     -webkit-transition: -webkit-transform 200ms ease-out;
     transition: -webkit-transform 200ms ease-out;
     -o-transition: transform 200ms ease-out;
     transition: transform 200ms ease-out;
     transition: transform 200ms ease-out, -webkit-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 {
     -webkit-transform: scale(1);
         -ms-transform: scale(1);
             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 {
     -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
             transform: rotate(45deg);
}
 #menu_expand:checked + .menu_btn > span::before {
     top: 0;
     -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
             transform: rotate(0deg);
     background-color: #000;
}
 #menu_expand:checked + .menu_btn > span::after {
     top: 0;
     -webkit-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
             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;
     -webkit-transition-duration: .25s;
          -o-transition-duration: .25s;
             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: -o-linear-gradient(224deg, rgb(122 18 18 / 19%) 0%, rgb(40 112 155 / 47%) 100%);
     background-image: linear-gradient(226deg, rgb(122 18 18 / 19%) 0%, rgb(40 112 155 / 47%) 100%);
     -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
             box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
     z-index: 799;
     -webkit-transition-duration: .25s;
          -o-transition-duration: .25s;
             transition-duration: .25s;
}
 .menu_item {
     display: block;
     padding: 12px 24px;
     color: #333;
     font-size: 20px;
     font-weight: 600;
     text-decoration: none;
     -webkit-transition-duration: .25s;
          -o-transition-duration: .25s;
             transition-duration: .25s;
}
 .menu_item:hover {
     background-color: #CFD8DC;
     -webkit-transform: translate(5px,0);
         -ms-transform: translate(5px,0);
             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;
     -webkit-transition: all .25s;
     -o-transition: all .25s;
     transition: all .25s;
     -webkit-transform: translate(5px,0);
         -ms-transform: translate(5px,0);
             transform: translate(5px,0);
}
 .subt {
     font-size: 15px 
}
 .right_adsWarpper {
     width: 300px;
     float: left;
     margin: 0 0 0 15px;
}
.srch_reqs {
    width: 100%;
    float: left;
    height: 400px;
    background-color: #ffffff;
    margin: 0 0 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
            box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
.srch_titl {
    position: relative;
    text-align: center;
    padding: 10px 10px 3px;
    font-weight: 500;
}
.srch_titl span {
    margin: 0 0 0 0;
}
.srch_titl i {
    --ggs: 0.8;
}
.iSrch {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 0 9px 0 0;
    -webkit-transform: scale(var(--ggs,1));
        -ms-transform: scale(var(--ggs,1));
            transform: scale(var(--ggs,1));
    width: 15px;
    height: 15px;
    border: 2px solid;
    border-radius: 100%;
    top: 2px;
    color: #91919194;
}
.iSrch::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 8px;
    background: currentColor;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 9px;
    left: 11px;
}
.sReqs_layer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-color: #d9d9d9 #fff;
    scrollbar-width: thin;
    height: 340px;
}
.srch_sub {
    padding: 5px 11px 5px 11px;
    background-color: #f8fcff;
    /*background-color: #fafbfc;*/
    margin: 0 13px 6px 15px;
    text-decoration: none;
    cursor: pointer;
    /*white-space: nowrap;
    overflow: hidden;*/
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    /*position: relative;
    height: 19px;*/
    border-radius: 3px;
    border: 1px solid #ededed;
}
.lnk_srch {
    text-decoration: none;
    color: #000;
}
.lnk_srch:hover {
    text-decoration: underline;
    color: #2a5885;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
span.sp_sub {
    /*position: absolute;*/
    /*white-space: nowrap;*/
    /*transform: translateX(0);
    transition: 6s;*/
    font-size: 12px;
    /*font-weight: 500;*/
}
/*span.sp_sub:hover {
     width: auto;
     transform: translateX(calc(247px - 100%));
}*/
.dv {
    margin: 6px 0px 10px;
}
 .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;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: 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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: 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;
     -webkit-transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
     -o-transition: opacity 0.0s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
     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 {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     position: relative;
     display: block;
     -webkit-transform: scale(1.3);
         -ms-transform: scale(1.3);
             transform: scale(1.3);
     width: 22px;
     height: 22px;
     border: 2px solid transparent;
     border-radius: 40px;
     color: #fff;
     -webkit-transition: all .2s;
     -o-transition: all .2s;
     transition: all .2s;
}
 .icon_close::after, .icon_close::before {
     content: "";
     display: block;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     position: absolute;
     width: 16px;
     height: 2px;
     background: currentColor;
     -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
             transform: rotate(45deg);
     border-radius: 5px;
     top: 8px;
     left: 1px 
}
 .icon_close::after {
     -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
             transform: rotate(-45deg) 
}
 .lnkcop {
     color: #000;
     -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
             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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
     background-color: #fff;
     width: 750px;
     height: calc(100vh - 76px);
     border-radius: 6px;
     overflow-y: hidden;
     -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
             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;
     -webkit-transition: all .2s;
     -o-transition: all .2s;
     transition: all .2s;
}
 .uppFrBlock, .uppPhBlock, .uppPhBlock2, .uppAlbBlock {
     height: 55px;
     border-bottom: 1px solid #dfdfdf;
     background-color: #fafbfc;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             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;
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
}
 .middleAlbBlock {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
}
 .middleFrLayer, .middlePhLayer, .middlePhLayer2, .middleAlbLayer, .middleAlbLayer_Blank {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     height: calc(100vh - 195px);
     overflow-y: scroll;
     scrollbar-color: #d9d9d9 #fff;
     scrollbar-width: thin;
}
 .heightFit {
     height: -webkit-fit-content;
     height: -moz-fit-content;
     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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-preferred-size: calc(20% - 0px);
         flex-basis: calc(20% - 0px);
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             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;
     -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
             box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
     border: 2px solid #ffffff;
     outline: 1px solid #ff87192b;
     -webkit-transition: -webkit-transform 0.3s;
     transition: -webkit-transform 0.3s;
     -o-transition: transform 0.3s;
     transition: transform 0.3s;
     transition: transform 0.3s, -webkit-transform 0.3s;
}
 .ava_frModal:hover {
     -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 21%);
             box-shadow: 0 0 5px 1px rgb(0 0 0 / 21%);
     -webkit-transform: translate(0, -3px);
     -ms-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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     background-color: #f2f4f7;
}
 .none_photo, .none_photo.pre {
     width: 38px;
     height: 38px;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
}
 .blocked_user, .none_user {
     width: 42px;
     height: 42px;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             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 {
     -ms-flex-preferred-size: calc(50% - 0px);
         flex-basis: calc(50% - 0px);
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     text-align: unset;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
}
 .hf2 {
     width: 100%;
     margin-left: 14px;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
}
 .hf3 {
     font-size: 13px;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     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;
     -webkit-box-sizing: border-box;
             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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
     -ms-flex-preferred-size: calc(50% - 5px);
         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;
     -o-object-fit: cover;
        object-fit: cover;
     -o-object-position: 50% 10%;
        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;
     -webkit-transition: colos .3s;
     -o-transition: colos .3s;
     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;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     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;
     -webkit-animation-name: none;
             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;
}
.no_dec {
    text-decoration: none;
}
 @-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;
         -webkit-transform: translateX(calc(103px - 104.5%));
             -ms-transform: translateX(calc(103px - 104.5%));
                 transform: translateX(calc(103px - 104.5%));
    }
     .min_ava {
         width: 30px;
         height: 30px;
         top: 1px;
    }
     .right_adsWarpper {
         width: 80.5%;
         margin: 0 0 0 0;
    }
     .r_adv1, .r_adv2 {
         display: none;
    }
    .srch_sub {
        border: 1px dashed #ededed;
    }
    span.sp_sub {
        font-size: 13px;
    }
}
 @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;
         -webkit-transform: none;
             -ms-transform: none;
                 transform: none;
    }
     div.wr_name.doit:hover:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 0;
         height: 0;
         background: -webkit-gradient(linear, left top, right top, from(#e7edf2), to(rgba(255, 255, 255, 0)));
         background: -o-linear-gradient(left, #e7edf2, rgba(255, 255, 255, 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;
    }
     .right_adsWarpper {
         width: 100%;
    }
}
 @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;
         -webkit-transform: translateX(calc(128px - 104.5%));
             -ms-transform: translateX(calc(128px - 104.5%));
                 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: -webkit-gradient(linear, left top, right top, from(#e7edf2), to(rgba(255, 255, 255, 0)));
         background: -o-linear-gradient(left, #e7edf2, rgba(255, 255, 255, 0));
         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 {
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 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 0;
    }
     .wraper_content {
         width: 100%;
    }
     #footer {
         margin: 5px 12px 11px;
    }
     .container_content {
         width: 100%;
         float: left;
    }
     .box1 {
         width: 100%;
         float: none;
         margin-bottom: 15px;
         background-image: -o-linear-gradient(22deg, rgb(122 18 18 / 25%) 0%, rgb(40 112 155 / 55%) 100%);
         background-image: linear-gradient(68deg, rgb(122 18 18 / 25%) 0%, rgb(40 112 155 / 55%) 100%);
         border-radius: 0 0 4px 4px;
         -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
                 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }
     .per-av {
         max-width: 100px;
    }
     .name_lnk {
         font-size: 15px;
    }
     div#wave {
         position: absolute;
         top: 17px;
         right: 17px;
    }
     .avatar_block {
         position: relative;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         background-color: unset;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 justify-content: center;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
    }
     .avatar {
         display: none;
    }
     .avaobj_backgrnd_mob {
         display: block;
         border: 2px solid #fff;
    }
     .block_media_scr {
         overflow: hidden;
         width: 68%;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 justify-content: center;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         padding-right: 0;
    }
     .mob_n {
         margin: 5px 0 0;
         overflow: hidden;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .mob_n:nth-child(1) {
         margin: 7px 0 0;
    }
     .mob_name {
         font-size: 24px;
         font-weight: 600;
         margin: 0 0 0 0;
         padding: 0 0 4px;
         border-bottom: 1px dashed #fff;
         white-space: nowrap;
         overflow: hidden;
         -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
         color: #fff;
    }
     .rtg_a {
         margin: 0 0 0 0;
         color: #fff;
         font-size: 18px;
         white-space: nowrap;
         overflow: hidden;
         -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
    }
     .numb_fr, .numb_ph {
         margin: 0 5px 0 0;
         font-size: 18px;
         color: #fff;
    }
    .numb_ph {
        margin: 0 5px 0 19px;
    }
     .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;
         -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
                 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 {
         -ms-flex-preferred-size: calc(14.28571428571429% - 0px);
             flex-basis: calc(14.28571428571429% - 0px);
    }
     .one_friend:nth-child(7) {
         display: -webkit-box;
         display: -ms-flexbox;
         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 {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-pack: justify;
             -ms-flex-pack: justify;
                 justify-content: space-between;
         margin: 23px 0 0 0;
         width: 100%;
    }
     .upper {
         display: -webkit-box;
         display: -ms-flexbox;
         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;
         -webkit-box-shadow: 0 0 3px 1px #00000045;
                 box-shadow: 0 0 3px 1px #00000045;
         font-weight: 600;
         cursor: pointer;
    }
     .knopkaPh:hover {
         background-color: transparent;
         -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                 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;
         -webkit-box-shadow: 0 0 3px 1px #00000045;
                 box-shadow: 0 0 3px 1px #00000045;
         font-weight: 600;
         cursor: pointer;
    }
     .knopkaFr:hover, .knopkaAlb:hover {
         background-color: transparent;
         -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
                 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: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-pack: justify;
             -ms-flex-pack: justify;
                 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, .numb_ph {
         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 {
         -ms-flex-preferred-size: calc(16.66% - 0px);
             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);
         -webkit-transition: background .2s;
         -o-transition: background .2s;
         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 {
         -ms-flex-preferred-size: calc(100% - 0px);
             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: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .buttns_container {
         margin-left: 0;
         margin-top: 0;
    }
     .box1 {
         background-image: -o-linear-gradient(22deg, rgb(122 18 18 / 25%) 0%, rgb(40 112 155 / 55%) 100%);
         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;
         -webkit-box-shadow: unset;
                 box-shadow: unset;
    }
     .mob_name {
         font-size: 21px;
    }
     .rtg_a {
         font-size: 17px;
    }
     .numb_fr, .numb_ph {
         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 {
         -ms-flex-preferred-size: calc(16.66% - 0px);
             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 {
         -ms-flex-preferred-size: calc(25% - 0px);
             flex-basis: calc(25% - 0px);
    }
     .hf {
         -ms-flex-preferred-size: calc(100% - 0px);
             flex-basis: calc(100% - 0px);
    }
}
 @media only screen and (max-width: 485px) {
     .avaobj_backgrnd_mob, .ava_frBlocked, .ava_frNone {
         width: 130px;
         height: 126px;
    }
     .mob_name {
         font-size: 20px;
    }
     .rtg_a {
         font-size: 16px;
    }
     .numb_fr, .numb_ph {
         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 {
         -ms-flex-preferred-size: calc(50% - 1px);
             flex-basis: calc(50% - 1px);
    }
     .photkaobj {
         width: calc(50% - 2px);
    }
     .last_photka {
         -ms-flex-preferred-size: calc(50% - 2px);
             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);
         -ms-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);
         -ms-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: 112px;
         height: 110px;
    }
     .rtg_a {
         font-size: 15px;
    }
     .numb_fr, .numb_ph {
         font-size: 15px;
    }
     .rtg_b {
         font-size: 15px;
    }
     .knopkaPh, .knopkaFr, .knopkaAlb {
         font-size: 1.25em;
    }
}
 @media only screen and (max-width: 426px) {
     .mob_name {
         font-size: 19px;
    }
     .rtg_a {
         font-size: 14px;
    }
     .numb_fr, .numb_ph {
         font-size: 14px;
    }
     .rtg_b {
         font-size: 14px;
    }
     .one_friend {
         -ms-flex-preferred-size: calc(20% - 0px);
             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 {
         -ms-flex-preferred-size: calc(33% - 0px);
             flex-basis: calc(33% - 0px);
    }
     .hf {
         -ms-flex-preferred-size: calc(100% - 0px);
             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;
    }
     .mob_name {
         font-size: 1.4em;
         margin: 0 0 0 0;
    }
     .rtg_a {
         font-size: 13px;
         margin: 0 0 0 0;
    }
     .numb_fr, .numb_ph {
         font-size: 13px;
    }
     .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);
         -ms-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 {
         top: 14px;
         right: 11px;
    }
     .dot {
         width: 4px;
         height: 4px;
    }
     .logotype_overlay {
         font-size: 24px;
         margin-left: 67px;
         line-height: 48px;
    }
}
 @media only screen and (max-width: 380px) {
     .albWrap {
         -ms-flex-preferred-size: calc(99% - 5px);
             flex-basis: calc(99% - 5px);
    }
}
 @media only screen and (max-width: 320px) {
     .mob_n:nth-child(1) {
         margin: 5px 0 0;
    }
     .mob_name {
         font-size: 1.3em;
    }
     .rtg_a {
         font-size: 1em;
    }
     .numb_fr, .numb_ph {
         font-size: 1em;
    }
     .rtg_b {
         font-size: 1em;
    }
     .fr_row {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: nowrap;
             flex-wrap: nowrap;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-pack: justify;
             -ms-flex-pack: justify;
                 justify-content: space-between;
    }
     .one_friend {
         -ms-flex-preferred-size: calc(20% - 0px);
             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 {
         -ms-flex-preferred-size: calc(50% - 1px);
             flex-basis: calc(50% - 1px);
    }
     .photkaobj {
         width: calc(50% - 1px);
    }
     .last_photka {
         -ms-flex-preferred-size: calc(50% - 1px);
             flex-basis: calc(50% - 1px);
    }
     .more_ph {
         width: 107px;
         height: 52px;
         font-size: 1.4em;
    }
     .knopkaPh, .knopkaFr, .knopkaAlb {
         font-size: 1.1em;
    }
}