html { 
	font-size: 62.5%;
	background: #fff;
}

body {
	color: #112;
	font: normal 1.4em sans-serif;
	padding-bottom: 1px;
}

body {
  margin: 0;
}

:not(:root):fullscreen::backdrop {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: black;
}

:root {
	--button-height: 12px;
    --button-color: #edd;
	--color_skeleton_sir_from: #222222;
	--color_skeleton_from: #f0f2f5;
	--color_skeleton_sir_to: #535353;
	--color_skeleton_to: #e7e8ec;
	--skeleton-gradient-width: 300px;
	--skeleton-animation-duration: 1.5s;
	--ui_internal--aspect_ratio: 0.5625;
	--ui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
}

@font-face {
    font-family: 'ckin';
    src: url("ckin.eot?g02cfx");
    src: url("ckin.eot?g02cfx#iefix") format("embedded-opentype"), url("ckin.ttf?g02cfx") format("truetype"), url("ckin.woff?g02cfx") format("woff"), url("ckin.svg?g02cfx#ckin") format("svg");
    font-weight: normal;
    font-style: normal;
}

a {
    font-size: 13px;
    color:#203A55;
    text-decoration:none;
    font-weight: bold;
}

a:hover {
    text-decoration:underline;
    color:#294B6B;
}

.footer_menu_a {
    padding:10px;
}

.footer_menu_a a {
    padding:5px;
	color:#585858;
	text-decoration:none;
}

.footer_menu_a a:hover { 
    background:#f1f1f1;
	padding:3px 5px;
	text-decoration:underline;
}

.class_body_user {
    cursor: pointer;
}

.class_body_user:hover {
    background: #DEE5EB;
}

.delete_class_body_user {
    position: relative;
    display: inline-block;
    width:17px;  
    height:15px;
    background: url("../images/audio_icons.png") -105px -50px no-repeat;
	cursor: pointer;
    opacity: 0.5;
}

.delete_class_body_user:hover {
    opacity: 1;
}

.language-div {
    right: 15px;
    margin-top: -16px;
    color: #585858;
    position: absolute;
}

#fbRefreshBtn {
    position: fixed;
    top: 90px;
    left: 50%;
    transform: translate(-50%, -15px);
    background: #1877f2;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .25);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all .35s ease;
    z-index: 9999999;
}

#fbRefreshBtn.show {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}

.language-span {
    color: #585858;
	font-size: 11pt;
	margin-left: 20px;
}

.id_knopka_child{
    cursor: pointer;
    font-size: 15px;
    color:#203A55;
    text-decoration:none;
    font-weight: bold;
}

.id_knopka_child:hover {
    color:#294B6B; 
	text-decoration:underline; 
}

.id_bloc_child{
    cursor: pointer;
    font-size: 13px;
    color: #36638E;
    text-decoration: none;
    font-weight: bold;
}

.id_bloc_child:hover {
	text-decoration: underline; 
}

.ui_actions_menu_icons {
    background: 0 0;
    float: right;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    opacity: .7;
    color: #99a2ad;
    margin: -35px 7px 0 0;
}

.ui_actions_menu_icons:hover {
    cursor: pointer;
    opacity: 1;
}

.click__knopka{
    color: #203A55;
    cursor: pointer;
    text-decoration:none;
}

.click__knopka:hover {
	text-decoration:underline; 
}

.ava_mini {
    float: left;
    margin-right: 10px;
    width: 50px;
    text-align: center;
    color: #999;
    min-height: 55px;
}

.infowalltext_f {
    padding-top: 5px;
    color: #999;
	font-size: 12px;
	overflow: hidden;
	width:445px;
	word-wrap: break-word;
}

.internet_check {
	position: fixed;
    display: flex;
    top: 55px;
    height: 30px;
    width: 100%;
    background-color: #f55;
    z-index: 9999999;
    align-items: center;
    justify-content: center;
    border: 1px #f55 solid;
    box-shadow: 0 1px 1px #f55;
}

.news_like {
    background: url("../images/index2.png") no-repeat right -234px;
    width: 50px;
    height: 13px;
}

.id_status_child{
    cursor: pointer;
    font-size: 12px;
    color:#fff;
    text-decoration:none;
    font-weight: bold;
}

.id_status_child:hover {
    color:#F1F1F1; 
}

.id_knopka_child_page{
    cursor: pointer;
    font-size:11pt;
    color:#585858;
    text-decoration:none;
}

.id_knopka_child_page:hover {
    text-decoration:underline; 
}

.id_knopka_child_a{
    cursor: pointer;
    font-size:13pt;
    color:#203A55;
    text-decoration:none;
}

.id_knopka_child_a:hover {
    text-decoration:underline; 
}

.child_a {
    color: #2B587A; 
    font-size:9pt;
}

.child_a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.id_child{
    cursor: pointer;
}

.top_panel {
    position:fixed;
	display: flex;
    align-items: center;
	top: 0px;
	left: 0px;
	border-radius: 0 0 0 0;
    background: #62859D;
	box-shadow: 0 3px 4px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.5) inset;
	width: 100%;
	height: 55px;
	z-index: 9999999; 
}

.top_panel_language {
    flex-shrink: 0;
    margin-right: 30px;
    display: flex;
    height: 55px;
    align-items: center;
}

.top_panel_website {
	margin-left: 20px;
}

.top_panel_functions {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.top_panel_profile {
    flex-shrink: 0;
    margin-right: 30px;
    display: flex;
    height: 55px;
    align-items: center;
}

.ts_input_wrap {
	margin-left: 20px;
}

.ts_input_wrap input {
    background: #fff url(/images/inp_se.png) no-repeat 4px center;
    padding: 4px 4px 4px 25px;
    border: 0;
    width: 250;
    border-radius: 4px;
}

.fast_search_chat {
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 6px #999999;
    position: fixed;
    top: 180px;
    left: -250px;
    width: 250px;          
    height: 300px;
    z-index: 999999999;
	overscroll-behavior: contain;
}

.typing-indicator {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 330px;
    font-size: 15px;
    color: #fff;
    padding: 10px 10px;
    display: none;
    font-style: italic;
    bottom: 0;
}

.typing-indicator:after {
    content: '...';
    animation: dots 1.5s infinite;
}

@keyframes dots {
    0% {content:'';}
    33% {content:'.';}
    66% {content:'..';}
    100% {content:'...';}
}

.fb-minimized-dialog {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.fb-minimized-dialog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#dialog-extend-fixed-container{
    position: fixed !important;
    right: 15px !important;
    bottom: 15px !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 8px;
    z-index: 99999 !important;
    pointer-events: auto;
}

#dialog-extend-fixed-container .ui-dialog{
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    float: none !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
    cursor: pointer;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

#dialog-extend-fixed-container .AvatarRich__img{
    object-fit: cover;
    border-radius: 50%;
}

.unread-count-icon.pulse {
    animation: pulseAnim 1s infinite;
}

@keyframes pulseAnim {
    0% { 
	    transform: scale(1);   
		box-shadow: 0 0 0 0 rgba(255,77,77,.7); 
	}
    70% { 
	    transform: scale(1.2); 
		box-shadow: 0 0 0 10px rgba(255,77,77,0); 
	}
    100% { 
	    transform: scale(1);   
		box-shadow: 0 0 0 0 rgba(255,77,77,0); 
	}
}

#dialog-extend-fixed-container{
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    z-index: 9999;
}

.dialog-more{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f0f2f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

.dialog-more-popup{
    position: absolute;
    width: 300px;
    max-height: 350px;
    right: 70px;
    top: 0;
    background: white;
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.chat_no_friends {
	display: flex;
    width: 250px;
    margin-top: 100px;
    justify-content: center;
    color: #626d7a;
}

.chat_friend {
    display: flex;
    padding: 5px;
    cursor: pointer;
    background: #fff;
    height: 38px;
    align-items: center;
}

.chat_friend:hover {
    background: #DAE1E8;
}

.chat_friend .name_str {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
	color: #36638E;
	margin-left: 8px;
}

.chat_friend_dialog .name_dialog {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
	color: #36638E;
	margin-left: 8px;
}

.chat_friend_dialog {
    display: flex;
    background: #fff;
    height: 38px;
    align-items: center;
}

#footer_menu_bottom{
    position:fixed;
    color: #36638E;
    font-weight: bold;
    line-height: 18px;
    font-size: 15px;
	top: 53px;
	left: 0px;
    margin: 0 auto;
    padding: 10 0px;
    background: #B0C4CE;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.5) inset;
	width:100%;
	z-index: 999999; 
}

.profile_profile-demo {
    position: relative;
	margin-top: 15px;
    z-index: 1;
}

.nobold_profile-demo {
    font-weight: normal;
    color: gray;
}

.profile_profile1-demo {
    position: relative;
    z-index: 1;
}

.blur_photo-demo {
    filter: blur(3px);
}

.text_background-demo {
    padding: 15px;
    margin-top: 8px;
    margin-bottom: 10px;
}

.text_background-demo1 {
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.profile_background-demo {
    position: absolute;
    top: 218px;
    bottom: 170;
    right: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left, center right;
    pointer-events: none;
    opacity: .8;
}

.backdropEditor-demo {
    position: absolute;
    width: 1200px;
    height: 650px;
	z-index: 3;
}

.backdropFilePicker-demo {
    position: absolute;
    top: 500px;
    padding: 0 19px;
    margin: 70px;
	width: 1030px;
	z-index: 4;
}

.uiButton__in-demo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: inherit;
    text-align: center;
    width: 37px;
	border: 1px solid #fff;
	padding: 4px;
    border-radius: 4px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.36);
	cursor: pointer;
}

.uiButton__in-demo:hover  {
    background-color: #507597;
}

.ui_tabs_container_audio {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    cursor: default;
    list-style: none;
    box-sizing: border-box;
}

.ui_tabs_container_audio>:not(:last-child) {
    margin-right: 6px;
}

.ui_tab_new_audio {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.ui_tab_new_audio {
    border-radius: 8px;
    color: #818c99;
    box-sizing: border-box;
    padding: 4px 8px;
    height: 28px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    border: .5px solid transparent;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .15s ease;
}

.ui_tab_new_audio.ui_tab_sel_audio, .ui_tab_new_audio.ui_tab_sel_audio:hover, .ui_tab_new_audio.ui_tab_sel_audio:active {
    border-color: #dce1e6;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .04), 0 0 4px rgba(0, 0, 0, .06);
}

.video_handler {
    position: relative;
	width: 300px; 
	height: 200px;	
}	

.video_handler_within {
    position: absolute;
	margin-top: 140px;
	color: #fff;
    font-size: 1.5em;
	z-index: 1;
}

.video_handler_text {
    position: relative;
    text-align: center;
	margin-left: 20px;
}

.VideoPreview-module {
	border-radius: 4px;
    float: left;
    width: 247px;
	margin-top: 5px;
    position: relative;
}

.VideoImage-module {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.VideoTitle-module {
    margin-top: 10px;
	margin-left: 5px;
	color: #000;
    font-weight: 500;
}

.VideoViews-module {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
	margin-left: 5px;
	color: #818c99;
    font-weight: 500;
}

.VideoDuration-module {
    position: absolute;
    bottom: 60px;
    right: 10px;
    padding: 3px 8px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    border-radius: 4px;
    z-index: 3;
}

.profile_delete_videos_img {
    position: relative;
    border: 1px solid #c6d4dc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    height: 150px;
}

.bloc_write_news_comments {
    position: relative;
    margin: 0 auto;
    width: 520px;
}

.birthday-box {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin-bottom: 20px;
}

.birthday-header {
    position: relative;
    height: 180px;
    background: #f7d774;
}

.birthday-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #0077ff, #ffc100);
}

.birthday-avatar {
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 4px solid #fff;
    overflow: hidden;
    background: #fff;
}

.birthday-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.birthday-content {
    padding: 50px 20px 20px;
    text-align: center;
	font-size: 17px;
}

.birthday-content h2 {
    font-size: 20px;
    margin: 0 0 8px;
}

.birthday-content p {
    color: #666;
    font-size: 17px;
    margin-bottom: 15px;
}

.birthday-action {
    display: flex;
    align-items: center;
    background: #f0f2f5;
    border-radius: 20px;
    padding: 8px 12px;
}

.birthday-action input {
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    font-size: 14px;
}

.my-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
}

.history_container_bloc {
    position: fixed;
    display: flex;
    z-index: 999999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #00000078;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.birthday-item {
    display: flex;
    padding: 10px 0;
    border-top: 1px solid #e4e6eb;
}

.birthday-item:first-child {
    border-top: none;
}

.birthday-reminder-avatar img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
	object-fit: cover;
}

.birthday-content-reminder {
    flex: 1;
    margin-left: 10px;
}

.birthday-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.birthday-name {
    font-weight: bold;
    font-size: 14px;
}

.birthday-age {
    font-size: 12px;
    color: #65676b;
}

.birthday-main-text {
    background: #f0f2f5;
    border-radius: 18px;
    padding: 8px 12px;
    font-size: 14px;
    margin-top: 4px;
    display: inline-block;
}

.birthday-templates {
    margin-top: 6px;
}

.birthday-templates span {
    display: inline-block;
    border: 1px solid #ccd0d5;
    border-radius: 18px;
    padding: 4px 10px;
    font-size: 13px;
    margin: 3px 4px 0 0;
    cursor: pointer;
    background: #fff;
}

.birthday-templates span:hover {
    background: #f0f2f5;
}

.birthday-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 6px;
}

.birthday-actions .smile {
    font-size: 18px;
    cursor: pointer;
    color: #65676b;
}

.birthday-actions .send {
    font-size: 20px;
    cursor: pointer;
    color: #1877f2;
}

.birthday-done {
    font-size: 13px;
    color: #42b72a;
    font-weight: bold;
}

.birthday-btn {
    background: #1877f2;
    color: #fff;
    border: none;
    padding: 6px 14px;
    border-radius: 18px;
    cursor: pointer;
    font-size: 13px;
}

.birthday-btn:hover {
    background: #166fe5;
}

.birthday-comment {
    display: flex;
    margin-bottom: 12px;
}

.bc-avatar img {
    width: 50x;
    height: 50px;
    border-radius: 50%;
}

.bc-body {
	display: flex;
    align-items: center;
    background: #f0f2f5;
    padding: 8px 12px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25), 0 0 10px rgba(0, 0, 0, 0.3) inset;
}

.bc-body-top {
	display: flex;
	align-items: center;
    font-size: 17px;
    font-weight: 500;
    background: #fff;
    border-radius: 4px 4px 0 0;
	padding: 8px 12px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25), 0 0 10px rgba(0, 0, 0, 0.3) inset;
}

.bc-name div {
    font-size: 14px;
    margin-left: 10px;
    color: #676161;
	margin-bottom: 5px;
}

.bc-name a {
    font-weight: bold;
    color: #050505;
    text-decoration: none;
    font-size: 14px;
    margin-left: 10px;
}

.birthday-empty {
  padding: 15px;
  text-align: center;
  font-size: 13px;
  color: #8a8a8a;
}

.history_container {
	display: flex;
	position: relative;
    width: 360px;
    height: 640px;
    background: #000;
    overflow: hidden;
    border-radius: 12px;
    font-family: system-ui, Segoe UI, Roboto, Arial;
}

.slide-progress {
    position: absolute;
	left: 8px;
	right: 8px;
	top: 8px;
	display: flex;
	gap: 6px;
	z-index: 40;
}

.slide-progress .bar-inner { 
    flex:1; height: 3px;
	background: rgba(255,255,255,0.25);
	overflow: hidden; border-radius:2px
}

.slide-progress .bar-inner > .fill {
    height: 100%; 
	width: 0%; 
	background: rgba(255,255,255,0.95);
	transition: width linear
}

.slide-playlist {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video_overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
    pointer-events: none;
}

.story-author {
    position: absolute;
    top: 30px;
    left: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 20;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.story-author__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,.8);
}

.story-author__info {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.story-author__name,
.story-author__date {
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

.story-author__date {
    font-size: 12px;
    opacity: 0.85;
}

.story-author__date {
    position: relative;
    cursor: pointer;
}

.story-date-tooltip {
    position: absolute;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,.85);
    color: #fff;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 100;
}

.story-author__date:hover .story-date-tooltip {
    opacity: 1;
}

.spa-story {
    position: absolute;
    top: 0; 
	left: 0;
    width: 100%; 
	height: 100%;
    transition: opacity 0.8s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.spa-story video {
    width: 100%;
    height: 100%;
}

.spa-story img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.attached_audio_story {
	font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}

.post_field_user_link {
    display: block;
    height: 30px;
	width: 30px;
    float: left;
    position: relative;
}

.PostHeader--compact_comments{
    display: flex;
    align-items: center;
}

.post_field_info_comments {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    margin-right: 10px;
	margin-left: 10px;
}

.post_field_user_comments {
    display: block;
    height: 50px;
	width: 50px;
    float: left;
    position: relative;
}

.post_avatar_comments {
    display: block;
	width: 100%;
    position: relative;
}

.PostHeaderActions {
    position: relative;
    display: flex;
    flex: 0 0 auto;
}

.PostHeaderActions_icons {
    color: #aeb7c2;
	cursor: pointer;
	opacity: 0.5;
}

.feed_date_bloc {
    color: #818c99;
    margin-top: 5px;
}

.PostHeaderActions_icons:hover {
    opacity: 1;
}

.post_field_user_ava{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.sticker_img {
    padding: 6px 0 4px;
    overflow: hidden;
}

.wall_module {
    background-color: transparent;
    line-height: 14px;
    padding: 0 20px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    transition: border-color .2s ease;
}

.reply_wrap {
    margin-left: 34px;
    padding: 7px 0;
}

.copy_quote {
    border-left: 2px solid rgba(0, 20, 51, 0.12);
    padding-left: 12px;
    margin: 10px 0 10px 60px;
}

.copy_post_header {
    min-height: 40px;
}

.copy_post_image {
    display: block;
    float: left;
}

.copy_post_header_info {
    margin-left: 52px;
    padding-top: 3px;
}

.copy_post_author {
    color: #818c99;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.copy_post_date {
    font-size: 12.5px;
    padding-top: 3px;
    color: #818c99;
}

.reply_image{
    margin-top: 1px;
    margin-left: -44px;
}

.wall_module .reply_image {
    display: block;
    float: left;
    margin-top: 2px;
}

.AvatarRich__background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.reply_content {
    margin-left: 0;
}

.wall_module .reply_content {
    margin-left: 5px;
    word-wrap: break-word;
    min-height: 34px;
}

.post_actions_wrap {
    margin-top: 2px;
	float: right;
}

.wall_module .reply_author {
    font-size: 14px;
    line-height: 1.36;
    min-height: 1.36em;
}

.wall_module .reply_text {
    padding: 1px 0 0;
}

.wall_module .wall_reply_date {
    word-wrap: break-word;
    overflow: hidden;
	color: #818c99;
    line-height: 1.36;
}

.wall_module .wall_reply_text {
    word-wrap: break-word;
    overflow: hidden;
	color: #000;
    line-height: 1.36;
	font-size: 15px;
}

.public_wall_all_comm {
    margin-top: -9px;
    margin-bottom: -5px;
}

.public_wall_all_comm {
    cursor: pointer;
    padding: 9px;
    text-align: center;
    background: rgb(233, 237, 241);
    color: rgb(106, 121, 137);
}

.public_wall_all_comm:hover {
    background: rgb(223, 226, 229);
}

.wall_load_comments {
    padding: 9px;
    text-align: center;
	margin-top: 10px;
    margin-bottom: 10px;
    background: rgb(233, 237, 241);
}

.emotional_emoticons {
    font-weight: 400;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin-bottom: 10px;
    color: #818c99;
}

.tip_chat_information_window {
    display: inline-block;
    position: absolute;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    height: 0;
    width: 1px;
    background: transparent;
}

.tipbubble_chat_information_window {
    display: none;
    position: absolute;
    z-index: 9998;
	background: #eee;
	border: solid 1px #C3CAD2;
	width:250px;
}

.msg-chat-info-actions {
    position: relative;
    display: block;
}

.msg-chat-alerts-button {
    padding: 8px;
    font-size: 14px;
	white-space: nowrap;
    color: #99a2ad;
    cursor: pointer;
    line-height: 16px;
	display: flex;
    cursor: pointer;
    line-height: 16px;
    -webkit-box-align: center;
    align-items: center;
}

.msg-chat-alerts-button:hover { 
    background-color: #99a2ad57;
}

.msg-chat-alerts-button-icon {
    display: inline-block;
    vertical-align: middle;
    color: #99a2ad;
	width: 16px;
    height: 16px;
    min-width: inherit;
}

.msg-chat-alerts-button-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    color: #99a2ad;
}

.tico_tx-msg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    -webkit-box-flex: 1;
    flex: 1;
    word-break: break-word;
}

.tip_recording_emoji_smile {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    height: 0;
    width: 1px;
    background: transparent;
}

.tipbubble_recording_emoji_smile {
    display: none;
    position: absolute;
    z-index: 9998;
	bottom: 5px;
	left: 150px;
    margin-left: 10px;
    margin-top: -25px;
	overflow: auto;
    padding: 7px;
	background: #eee;
	border: solid 1px #C3CAD2;
	width:255px;
	height:140px;
}

.tipbubble_recording_emoji_smile::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.tipbubble_recording_emoji_smile::-webkit-scrollbar {
    width: 7px;
}

.tipbubble_recording_emoji_smile::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.box_recording_emoji_smile {
    position: fixed;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    height: 0;
    width: 1px;
    background: transparent;
}

.dialog_box_emoji_smile {
    display: none;
    position: absolute;
    z-index: 999999;
    bottom: 25px;
    left: -50px;
    margin-left: 10px;
    margin-top: -25px;
	overflow: auto;
    padding: 7px;
	background: #eee;
	border: solid 1px #C3CAD2;
	width:255px;
	height:140px;
}

.dialog_box_emoji_smile::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.dialog_box_emoji_smile::-webkit-scrollbar {
    width: 7px;
}

.dialog_box_emoji_smile::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.emoji-card{
    width: 280px;
    padding: 6px;
}

.emoji-scroll{
    height: 280px;
    overflow: hidden;
}

.content-emoticons{
    overflow: hidden;
}

.emoji-wrap{
    height: 280px;
    overflow: hidden !important;
}

.emoji-item{
    display: inline-block;
    cursor: pointer;
    padding: 4px;
}

.emoji-item:hover{
    background: #f2f2f2;
    border-radius: 4px;
}

.emoji-item img{
    width: 18px;
    height: 18px;
}

.emoji-item.sticker img{
    width: 70px;
    height: auto;
}

.post-menu-card {
    width:270px;
    padding:6px 0;
    position: fixed;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    z-index: 999999999;
}

.post-menu-card .post-menu-content div{
  padding:8px 12px;
  cursor:pointer;
}

.post-menu-card .post-menu-content div:hover{
  background:#f2f2f2;
}

.no-scroll-drag {
    position: fixed;
    width: 100%;
}

.rc-box{
    width:360px;
    background:#1c1c1c;
    color:white;
    padding:20px;
    border-radius:12px;
    text-align:center;
    margin:40px auto;
}

.rc-circle{
    width:260px;
    height:260px;
    border-radius:50%;
    position:relative;
    margin:20px auto;
    overflow:hidden;
    background:#222;
}

.rc-ring{
    position:absolute;
    border-radius:50%;
    background-size:260px 260px;
    background-repeat:no-repeat;
    cursor:grab;
    user-select:none;
    transition:transform 0.15s;
}

.rc-ring:active{
    cursor:grabbing;
}

.r0{
    width:260px;
    height:260px;
    top:0;
    left:0;
}

.r1{
    width:180px;
    height:180px;
    top:40px;
    left:40px;
}

.r2{
    width:100px;
    height:100px;
    top:80px;
    left:80px;
}

.rc-msg{
    margin-top:10px;
    font-weight:bold;
	font-size: 18px;
}

.rc-ring.r0{
    position:relative;
}

.rc-ring.r0::after{
    content:"";
    position:absolute;
    top:-4px;
    left:50%;
    width:4px;
    height:18px;
    background:linear-gradient(#00ffff,#00aaff);
    border-radius:3px;
    transform:translateX(-50%);
    box-shadow:0 0 8px cyan;
    pointer-events:none;
}


.rc-ring.r0::before{
    content:"▲";
    position:absolute;
    top:-16px;
    left:50%;
    transform:translateX(-50%);
    font-size:12px;
    color:#00ffff;
    text-shadow:0 0 6px cyan;
    pointer-events:none;
}

.rc-done .r0::after,
.rc-done .r0::before{
    opacity:0;
}

.robot{
    width:50px;
    height:38px;
    position:relative;
    animation: float 4s ease-in-out infinite, breathe 3s ease-in-out infinite;
}

.head{
    width:50px;
    height:38px;
    background:linear-gradient(145deg,#5fd0ff,#0070ff);
    border-radius:20px;
    position:relative;
    box-shadow: inset -2px -2px 4px rgba(0,0,0,.25), inset 2px 2px 4px rgba(255,255,255,.3), 0 0 8px rgba(0,160,255,.7);
}

.screen{
    width:38px;
    height:25px;
    background:linear-gradient(#fff,#eaf6ff);
    border-radius:12px;
    position:absolute;
    top:6px;
    left:6px;
}

.ear{
    width:8px;
    height:18px;
    background:linear-gradient(#4bbcff,#0066ff);
    border-radius:6px;
    position:absolute;
    top:10px;
}

.ear.left{ 
    left:-5px; 
}

.ear.right{ 
    right:-5px; 
}

.antenna{
    width:3px;
    height:8px;
    background:#4bbcff;
    position:absolute;
    top:-8px;
    left:50%;
    transform:translateX(-50%);
    border-radius:2px;
}

.antenna::after{
    content:"";
    width:6px;
    height:6px;
    background:#7de3ff;
    position:absolute;
    top:-5px;
    left:50%;
    transform:translateX(-50%);
    border-radius:50%;
}

.eye{
    width:3px;
    height:3px;
    background:#3498ff;
    border-radius:50%;
    position:absolute;
    top:8px;
    animation:blink 6s infinite;
}

.eye.left{ 
    left:10px; 
}

.eye.right{ 
    right:10px; 
}

.mouth{
    width:10px;
    height:3px;
    border-bottom:2px solid #3498ff;
    position:absolute;
    bottom:6px;
    left:50%;
    transform:translateX(-50%);
}

.glow{
    position:absolute;
    bottom:-6px;
    left:50%;
    transform:translateX(-50%);
    width:36px;
    height:8px;
    background:radial-gradient(rgba(0,160,255,.6),transparent);
    filter:blur(4px);
}

@keyframes float{
    0%{ transform:translateY(0); }
    50%{ transform:translateY(-10px); }
    100%{ transform:translateY(0); }
}

@keyframes breathe{
    0%{ transform:scale(1); }
    50%{ transform:scale(1.03); }
    100%{ transform:scale(1); }
}

@keyframes blink{
    0%,95%,100%{ transform:scaleY(1); }
    96%,98%{ transform:scaleY(0.1); }
}

.search-user {
    display: flex;
    align-items: center;
    padding: 8px;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #eee;
}

.search-user:hover {
    background: #f5f5f5;
}

.search-user img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 10px;
}

.no-result {
    padding: 10px;
    color: #888;
    text-align: center;
}

#reactionsCanvas{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 999999999;
}

.reactions-info{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #555;
    margin-left: 10px;
}

.reactions-avatars{
    display: flex;
    margin-right: 6px;
}

.reactions-avatars img{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: -6px;
    background: #eee;
}

.reactions-count {
    display: flex;
    background-color: #fff;
    width: 20;
    height: 20;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	color: #203a55;
	border-radius: 8px;
}

.reactions-count:hover {
	background-color: rgb(0 0 0 / 8%);
}

.tip_recording_emoji_bloc {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    height: 0;
    width: 1px;
    background: transparent;
}

.tipbubble_recording_emoji_bloc {
    display: none;
    position: absolute;
    z-index: 9998;
    bottom: 0px;
    left: 50px;
    margin-left: 10px;
    margin-top: -25px;
	overflow: auto;
    padding: 7px;
	background: #eee;
	border: solid 1px #C3CAD2;
	width:255px;
	height:140px;
}

.tipbubble_recording_emoji_bloc::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.tipbubble_recording_emoji_bloc::-webkit-scrollbar {
    width: 7px;
}

.tipbubble_recording_emoji_bloc::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.tipbubble_recording_like {
    cursor: default;
    text-align: left;
    white-space: normal;
	box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
	background: #fff;
    border: 1px solid #CCC;
    border-radius: 30px;
	width:335px;
    padding:6px 0;
    position: fixed;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
    z-index: 999999999;
}

.smilies_like_post {
    margin-left: 8px;
}

.post_smilies_tooltip { 
    position: relative; 
    display: inline-block;
	cursor: pointer;
}

.post_smilies_tooltip .post_smilies_text { 
    visibility: hidden; 
    background-color: rgba(0,0,0,0.8);
    color: #fff;
	width: 100px;
    text-align: center; 
    border-radius: 6px; 
    padding: 5px 8px 5px 8px;
    position: absolute; 
    z-index: 999999; 
    bottom: 50px; 
    left: -15px; 
    margin-left: -50%; 
}

.post_smilies_tooltip:hover .post_smilies_text { 
    visibility: visible; 
}

.header_right_link {
	color: #818c99c4;
	font-size: 12.5px;
	cursor: pointer;
}

.header_right_link:hover {
    color: #818c99;
	text-decoration: none;
}

.avatar_public_tools {
	display: none;
    position: absolute;
    z-index: 9998;
    cursor: default;
	bottom: 90px;
    right: 170px;
    text-align: left;
    white-space: normal;
	box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
	background: #fff;
    border: 1px solid #CCC;
    width: 230px;
}

.tip_recording_menu {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    height: 0;
    width: 1px;
    background: transparent;
}

.tipbubble_recording_menu {
    display: none;
    position: absolute;
    z-index: 9998;
    cursor: default;
    text-align: left;
    white-space: normal;
	box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
	background: #fff;
    border: 1px solid #CCC;
    width: 230px;
}

.tipbubble_recording_menu {
    bottom: -80px;
}

.tipbubble_recording_menu {
    left: -100px;
    margin-left: 10px;
    margin-top: -25px;
}

.tipbubble_recording_menudd {
    display: none;
    position: absolute;
    z-index: 999999999;
    cursor: default;
    text-align: left;
    white-space: normal;
	box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
	background: #fff;
    border: 1px solid #CCC;
    width: 230px;
}

.tipbubble_recording_menudd{
    bottom: 0px;
}

.tipbubble_recording_menudd {
    left: -100px;
    margin-left: 10px;
    margin-top: -25px;
}

.index_users_wrap.page_block {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.index_users_header {
    font-size: 20px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    line-height: 24px;
    margin-top: 32px;
    margin-left: 32px;
    margin-right: 32px;
}

.index_users_info {
    font-size: 14px;
    color: #626d7a;
    line-height: 18px;
    margin-top: 6px;
    margin-left: 32px;
    margin-right: 32px;
}

.index_users {
    margin-top: 24px;
    margin-bottom: 10px;
}

.index_users {
    overflow-y: visible;
    overflow-x: auto;
    white-space: nowrap;
	width: 663px;
    vertical-align: text-top;
    padding: 0;
    clear: both;
    border-spacing: 5px;
	height: 220px;
}

.index_users::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.index_users::-webkit-scrollbar {
    height: 7px;
}

.index_users::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.index_user_row {
    width: 176px;
    height: 192px;
    padding: 28px 16px 84px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.00), 0 2px 4px rgba(0, 0, 0, 0.00);
    background: 0 0;
    cursor: pointer;
}

.index_user_ph {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
}

.index_user_img {
    vertical-align: top;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.index_user_name {
    padding-top: 16px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.9em;
    display: block;
    white-space: nowrap;
}

.index_users .ui_gallery_item:first-child {
    margin-left: 32px;
}

.index_users .ui_gallery_item {
    margin-right: 16px;
}

.ui_gallery_item {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 12px;
    white-space: normal;
    vertical-align: top;
    transform: translateZ(0);
    transition: opacity .4s ease;
}

.index_user_del_wrap {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 10;
    right: 10px;
    top: 10px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0.5;
    color: #aeb7c2;
    background: 0 0;
    transition: opacity .15s ease;
    border: 0;
    outline: 0;
}

.index_user_row:hover {
    background-color: rgba(174, 183, 194, 0.12);
}

.index_user_del_wrap:hover {
    opacity: 1;
}

.menu_exit_profile_window {
    width: 270px;
    border: 2px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.16);
    border-radius: 5px;
    padding: 0 10px;
}

.menu_exit_profile_window .hint_title {
    color: #2A5779;
    padding-top: 10px;
    font-weight: bold;
    padding-bottom: 6px;
}

.menu_exit_profile_window .hint_description {
    padding-bottom: 10px;
	color: #000;
}

.menu_exit_profile_window .hint_clubs {
    padding-bottom: 10px;
}

.video_thumbnail_display {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    justify-content: center;
}

.video_thumbnail_viewing {
	display: none;
	width: 150px;
    height: 100px;
	position: absolute;
    z-index: 999999;
    bottom: 70px;
	border-radius: 8px;
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.16);
}

.seconds_time {
    position: absolute;
    bottom: 5px;
    left: 55px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 3px 5px;
    border-radius: 4px;
    color: #ffffff;
    text-align: center;
}

.tip_profile_window {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    height: 0;
    width: 1px;
    background: transparent;
}

.music_mini_player_window {
	display: none;
	position: fixed;
    z-index: 99999999;
    width: 180px;
	height: 180px;
	border-radius: 8px;
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.16);
}

.mini-player_change_cover {
	position: absolute;
	top: 10px;
    right: 10px;
	cursor: pointer;
	opacity: .7;
	z-index: 2;
}

.mini-player_change_cover:hover {
    opacity: 1;
}

.music-mini-player_track-add {
	position: absolute;
	top: 10px;
    left: 10px;
	cursor: pointer;
	opacity: .7;
	z-index: 2;
}

.music-mini-player_track-add:hover {
    opacity: 1;
}

.mini-player_buttons {
	cursor: pointer;
	opacity: .7;
}

.mini-player_buttons:hover {
    opacity: 1;
}

.images_jplayer_play {
    background: #F0F1F2;
    position: relative;
	border: 1px solid #ADBAC7;
	padding: 4px;
    border-radius: 4px;
}

#pad_arrow.right {
    position: absolute;
    width: 12px;
    height: 17px;
    right: -11px;
    top: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAArUlEQVR42pWSTQrCQAyFQ4eh4mz8A6uiKAgeXg8guHbjaeYGbQYivkkTxcK3e9880oRyzv31/uyJKAEBqD8QZsxCmDJRcIUVs2Y6kFqRQiUUbo9XkQ7CTqQEbaESQDozJyVNTAGkC3NkNjLbp0ULqmnPLKUlmg3GTCgEVwDprwY9A32bYQt/KbqCEW6rjRvhzgg33qZLcC6LGp+FuqX3GaTRq44Q4UU7bAjNL2EAU9kEmwVnt3EAAAAASUVORK5CYII%3D) no-repeat;
}

.portal_track_feed:after {
    content: "";
    display: table;
    clear: both;
}

.music-card {
    width: 140px;
    margin-right: 12px;
    float: left;
}

.music-card_cover {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #ddd;
	border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .16);
}

.music-card_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.music-media_block {
	margin-left: 140px;
	position: relative;
    margin: 8px 0 0;
}

.m_portal_tracks {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mini-player_controls {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	z-index: 2;
}

.mini-player_footer {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
    color: #fff;
	z-index: 2;
}

.mini-player_name-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mini-player_name {
    font-weight: 700;
	overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-player_artist {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
}

.mini-player_explicit-label {
	display: none;
	color: rgba(46, 47, 51, 0.639);
    height: 12px;
    margin-left: 3px;
}

.mini-player_cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding-right: 0 !important;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    background-color: #bdeff1;
    border-radius: inherit;
    color: #c2c2c2;
}

.mini-player_cover-img {
    width: 100%;
}

.profile_window {
    display: none;
	position: fixed;
    z-index: 99999999;
    width: 270px;
    border: 2px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.16);
	top: 50px;
	right: 20px;
}

.UserPlaceholder__root {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 0;
}

.UserPlaceholder__root_ava {
	width: 56px; 
	height: 56px;
}

.RichAvatar__image {
    position: relative;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.ImageBase__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ImageBase__img {
    visibility: visible;
	object-fit: cover;
	border: 0;
	border-radius: 50%;
    display: block;
}

.ImageBase__border {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ImageBase__border {
	border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    box-sizing: border-box;
    pointer-events: none;
    transform-origin: left top;
}

.UserPlaceholder_header__text {
    margin-top: 10px;
    text-align: center;
    max-width: -webkit-calc(100% - 32px);
    max-width: -moz-calc(100% - 32px);
    max-width: calc(100% - 32px);
	font-size: 14px;
	color: #000000;
	font-weight: 700;
}

.UserPlaceholder_subtitle__text {
    margin-top: 8px;
    color: #818c99;
	font-size: 12px;
}

.UserPlaceholder_info_text {
	margin-left: 10px;
	font-size: 15px;
	color: #000000;
}

.nav_profile_window {
    list-style: none;
    margin: 0 0 0em 0;
}
  
.nav_profile_window li a {
    color:#36638E;
    cursor: pointer;
    font-size:11pt;
    border: 0;
    background: #fff;
    display: block;
    padding: 10px 7px 10px 40px;
}

.nav_profile_window li span {
    float: left;
    margin-top: 8px;
    margin-left: 13px;
}

.nav_profile_window li a:hover, .nav_profile_window li a:hover {
    background: #DAE1E8;
    color:#36638E;
    text-decoration:none;
}

.tip-streaming_window {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    height: 0;
    width: 1px;
    background: transparent;
}

.tip_music_streaming_window {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    height: 0;
    width: 1px;
    background: transparent;
}

.music_streaming_window {
    display: none;
	position: absolute;
    z-index: 999999999;
    width: 270px;
    border: 2px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.16);
    border-radius: 5px;
    padding: 0 10px;
}

.music_streaming_window{
    bottom: -130px;
}

.music_streaming_window {
    margin-left: -412px;
}

.music_streaming_window, .music_streaming_window:after {
    left: 250px;
    background: #fff;
}

.music_streaming_window:after {
    content: '';
    height: 12px;
    width: 12px;
    margin-top: -6px;
    margin-left: -6px;
    background: #fff;
    box-shadow: -1px -1px 0 0 rgba(0,0,0,.04);
    transform: rotate(45deg);
}
.music_streaming_window:after {
    position: absolute;
    top: 0;
}

.music_streaming_window .hint_title {
    color: #2A5779;
    padding-top: 10px;
    font-weight: bold;
    padding-bottom: 6px;
}

.music_streaming_window .hint_description {
    padding-bottom: 6px;
	color: #000;
}

.music_streaming_window .hint_clubs {
    padding-bottom: 6px;
}

.music_streaming_window .checkbox_music_streaming {
    padding: 5px 0px 4px;
    white-space: nowrap;
    height: 13px;
	cursor: pointer;
    line-height: 1.27em;
}

.checkbox_music_streaming div {
    float: left;
    width: 15px;
    margin-right: 5px;
    height: 14px;
    margin-bottom: 2px;
    background: url(../images/check.gif) 0px 0px no-repeat;
}

.checkbox_music_streaming.on div {
    background-position: 0px -14px;
}

.like_cont_post {
    display: flex;
	justify-content: space-between;
    align-items: center;
    position: relative;
}

.like_btns_post {
    display: flex;
    align-items: center;
}

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

.PostBottomAction {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    height: 32px;
    padding: 4px 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

.PostBottomAction--withBg {
    background-color: #f0f2f5;
    border-radius: 32px;
}

.reactions_like_post {
    margin-left: 10px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}

.reactions_like_img {
    width: 27px;
    height: 27px;
    border-radius: 50%;
	margin-right: -8px;
    border: 2px solid #ffffff;
}

.PostBottomAction__icon {
    color: #99a2ad;
}

.PostButtonReactions__title {
    margin-left: 5px;
    color: #626d7a;
}

.nav_menu_subitem_id {
    position: relative;
    width: 270px;
    list-style: none;
    margin: 0 0 0em 0;
    padding: 3px;
}
  
.nav_menu_subitem_id li a {
    color:#36638E;
    cursor: pointer;
    font-size:11pt;
    border: 0;
    background: #fff;
    display: block;
    padding: 10px 7px 10px 10px;
    margin-bottom: 7px;
    margin-top: 7px;
}

.nav_menu_subitem_id li a:hover, .nav_menu_subitem_id li a:hover {
    background: #DAE1E8;
    color:#36638E;
    text-decoration:none;
}

.BookmarksEmptyFeed__content {
    padding: 40px 127px;
    text-align: center;
}

.BookmarksEmptyFeed__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.43;
    color: #626d7a;
}

.listen_to_the_text {
    position: relative;
	width: 25px;
    height: 25px;
	color: #aeb7c2;
	cursor: pointer;
	opacity: 0.5;
}

.listen_to_the_text:hover {
    opacity: 1;
}

.inpst_select {
    border: 1px solid #95afc8;
    padding: 8px 7px 8px 7px;
    border-radius: 2px;
	width: 100%;
    outline: none;
}

.sett_openmenu{
    position:absolute;
    display:none;
    background:#fff;
    border:1px solid #ccc;
    width:200px;
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
    z-index:999;
}

.sett_hover{
    padding:8px 10px;
    cursor:pointer;
}

.sett_hover:hover{
   background:#f0f2f5;
}

.sett_privacy{
    cursor:pointer;
    color:#4a76a8;
    font-size: 17px;
}

.sett_privacy_direct{
    cursor:pointer;
    color:#4a76a8;
    font-size: 17px;
}

.hidden-info {
	display: flex;
    padding: 50px;
    font-size: 17px;
    color: #99a2ad;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

.pp_not_found {
    padding: 30px 10px;
    text-align: center;
    color: #888;
    font-size: 17px;
    line-height: 18px;
}
.pp_not_found b {
    display: block;
    color: #555;
    margin-bottom: 5px;
    font-size: 16px;
}

.pp_menu {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    border-radius: 4px;
    z-index: 9999;
    width: 180px;
}
.pp_item {
    padding: 8px 15px;
    cursor: pointer;
    font-size: 13px;
}
.pp_item:hover { 
    background: #f0f2f5; 
}

#pp_popup_wrapper {
    position: fixed;
    top:0; 
	left:0; 
	width:100%; 
	height:100%;
    background: rgba(0,0,0,0.5);
    display: flex; 
	align-items: center; 
	justify-content: center;
    z-index: 10000;
}
#pp_popup {
    background: #fff;
    width: 400px;
    border-radius: 8px;
    padding: 20px;
    max-height: 90vh;
    overflow-y: auto;
}
.pp_header { 
    display: flex; 
	justify-content: space-between; 
	font-weight: bold; 
	margin-bottom: 15px; 
}

.pp_close { 
    cursor: pointer;
	background-color: #99a2ad;
    padding: 5px;
    border-radius: 8px;
}

#pp_search {
    width: 100%; 
	padding: 8px; 
	margin-bottom: 10px;
    border: 1px solid #ddd; 
	border-radius: 4px; 
	box-sizing: border-box;
}

#pp_list {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #eee;
    margin-bottom: 20px;
    width: 398px;
}

#pp_news_search {
    width: 100%; 
	padding: 8px; 
	margin-bottom: 10px;
    border: 1px solid #ddd; 
	border-radius: 4px; 
	box-sizing: border-box;
}

.pp_friend { display: flex; align-items: center; padding: 5px; cursor: pointer; border-bottom: 1px solid #f9f9f9; }
.pp_friend:hover { background: #f5f5f5; }
.pp_friend img { width: 32px; height: 32px; border-radius: 50%; margin-right: 10px; }

/* Вибрані друзі */
#pp_selected_label { font-size: 12px; color: #777; margin-bottom: 5px; }
#pp_selected { display: flex; flex-wrap: wrap; gap: 5px;}



.pp_footer { text-align: right; pt: 10px; }
#pp_save { background: #5181b8; color: #fff; border: none; padding: 8px 20px; border-radius: 4px; cursor: pointer; }
#pp_save:hover { background: #4a76a8; }


/* Блок, який показується, коли друзів 0 */
#pp_empty_text {
    padding: 20px;
    text-align: center;
    background: #f9f9f9;
    border: 1px dashed #ccc;
    border-radius: 8px;
    margin-bottom: 15px;
    color: #666;
    display: none; /* Спочатку прихований */
}
#pp_empty_text b {
    display: block;
    color: #333;
    margin-bottom: 5px;
}

#pp_selected{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
}


.pp_check_icon {
    display: none; /* Ховаємо за замовчуванням */
    color: #5181b8;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

/* Коли друг вибраний */
.pp_friend.pp_checked {
    background: #f0f7ff;
}

.pp_friend.pp_checked .pp_check_icon {
    display: block;
    position: relative;
    z-index: 9;
    left: 20px;
}

/* Щоб іконка виглядала як справжня галочка через CSS */
.pp_checked .pp_check_icon::after {
    content: '✓';
    font-size: 16px;
}
.pp_check_icon { font-size: 0; }









/* 1. Основний контейнер для скролу та стрілок */
#pp_selected_wrapper {
    position: relative;
    padding: 0 35px;
    margin: 10px 0 15px 0;
    background: #f9f9f9;
    border-radius: 8px;
    min-height: 54px; /* щоб поп-ап не стрибав */
    display: flex;
    align-items: center;
}

/* 2. Сама стрічка з друзями */
#pp_selected {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; /* Важливо: тільки в один ряд */
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 8px;
    padding: 10px 0;
    width: 100%;
    /* Приховуємо скролбар */
    -ms-overflow-style: none; 
    scrollbar-width: none;
}
#pp_selected::-webkit-scrollbar { display: none; }

/* 3. Картка вибраного друга (Овальна) */
.pp_sel {
    position: relative;
    display: flex;
    align-items: center;
    width: 60px;
    flex-shrink: 0;
    transition: background 0.2s;
    flex-direction: column;
}

.pp_sel img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 8px;
    object-fit: cover;
}

.pp_sel .n_name {
    font-size: 13px;
    color: #32608a;
    text-overflow: ellipsis;
    word-break: break-word;
    margin-top: 10px;
    font-weight: 600;
}

.pp_remove {
	position: absolute;
    right: 10px;
    top: 0;
	color: #fff;
}
.pp_remove:hover { 
    cursor: pointer;
    color: #ff5c5c; 
}

.pp_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 10;
    font-size: 18px;
    color: #555;
    user-select: none;
}
.pp_arrow:hover { background: #f0f0f0; color: #000; }
.pp_arrow.left { left: 5px; }
.pp_arrow.right { right: 5px; }

/* 6. Список друзів для вибору та Галочки */

.pp_friend:hover { background: #f9f9f9; }

.pp_friend.pp_checked {
    background: #f0f7ff; /* Блакитний фон для вибраних */
}

.pp_check_icon {
    display: none;
    color: #5181b8;
    font-weight: bold;
    font-size: 16px;
}

.pp_friend.pp_checked .pp_check_icon {
    display: block;
}
.pp_check_icon::after { content: '✓'; }

/* Лічильник */
#pp_selected_count {
    padding: 0 5px;
    font-size: 12px;
    color: #888;
    margin-bottom: 5px;
}














.BookmarksPrivacy {
    position: relative;
	border-radius: 8px;
    font-size: 12.5px;
	background: #e5ebf1;
    padding: 14px 13px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.BookmarksPrivacy__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.BookmarksPrivacy__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #99a2ad;
    margin-right: 8px;
}

.ui_rmenu_subitem {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: #000000;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    border-left: 0;
    border-radius: 0px 8px 8px 0px;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ui_rmenu_extra_label {
    opacity: 0;
    float: right;
    color: #626d7a;
    font-size: 12px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0;
    padding-left: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ui_rmenu_right-icon:not(:last-child) {
    margin-right: 14px;
}

.bookmarks_tag_edit_btn {
    width: 24px;
    height: 24px;
    border: 0;
    background: 0 0;
    cursor: pointer;
    margin: 4px 0 0 0;
    padding: 0;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

.bookmarks_tag_delete_btn {
    width: 24px;
    height: 24px;
    border: 0;
    background: 0 0;
    cursor: pointer;
    margin: 4px 0 0 0;
    padding: 0;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

.ui_rmenu_right-icon svg {
    color: #99a2ad;
}

.bookmarks_tag_delete_btn svg:hover  {
    color: #707B89;
}

.bookmarks_tag_edit_btn svg:hover  {
    color: #707B89;
}

.ui_rmenu_item_label {
    font-size: 13px;
    font-weight: 400;
	width: 180px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
}

.ui_rmenu_item_label span.ui_rmenu_label-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui_delete_item_label {
    font-size: 16px;
    font-weight: 700;
	width: 400px;
    display: flex;
}

.ui_delete_label-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bookmark_tag_name_label {
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

.FlatButtonLabel__content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}

.FlatButtonLabel__in {
    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;
    height: inherit;
}

.FlatButtonLabel--secondary {
    color: #346297;
    background-color: #e5ebf1;
}

.FlatButtonLabel {
    --icon-weight-margin: -4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 13px;
    font-family: inherit;
    border-radius: 8px;
	background-color: #e5ebf1;
}

.FlatButtonLabel:hover  {
    background-color: #BDCCDB;
}

.FlatButtonLabel--wide {
    width: 100%;
	height: 32px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.changed_the_background{
  justify-content: space-between;
  align-items: flex-end;
  width: 400px;
  height:85px;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.4);
}


.complaint_block {
    position: fixed;
	z-index: 999999999;
    width: 450px;
    height:300px;
	left: 50%;
	top: 20%;
    margin-left: -225px;
    background: #fff;
    box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.4);
}

.complaint_box_close {
    background: url(../images/close2.png) no-repeat;
    width: 11px;
    height: 11px;
    float: right;
    cursor: pointer;
    margin-top: 2px;
	opacity: 0.7;
}

.complaint_box_close:hover {
    opacity: 1;
}

.complaint_block_text {
    margin-top: 10px;
	margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    padding: 10px;
}

.complaint_block_menu {
  list-style: none;
  margin: 0 0 0em 0;
}
  
.complaint_block_menu li {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 10px 7px 10px 10px;
  margin-bottom: 7px;
}

.complaint_block_menu li:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

.standard_data_download {
    width: 70px;
    margin: auto;
    background: #000 url(../images/loading.gif) no-repeat center;
    padding: 20px;
    height: 10px;
    opacity: 0.9;
}

.cookies-popup_cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(#fff, #eee);
    box-shadow: inset 0px 1px 0px #bbb, inset 0px 2px 0px #ddd;
    z-index: 999999999;
}

.cookies-popup_cookies .contanier_cookies {
    width: 800px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    height: 100%;
}

.cookies-popup_cookies .contanier_cookies .text_cookies {
    width: 100%;
	font-size: 17px;
}

.cookies-popup_cookies .contanier_cookies .text_cookies a {
    cursor: pointer;
    text-decoration: none;
}

.button_cookies {
    border-radius: 2px;
    border: #595959;
    font-size: 14px;
    outline: none;
    white-space: nowrap;
    background: #595959;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: 0 -16px;
    color: #fff;
    padding: 4px 8px;
    text-shadow: 0 1px 0 #686868;
    cursor: pointer;
    text-decoration: none;
}

.button_cookies:hover  {
    background: #8A8A8A;
}





.captcha-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(#fff, #eee);
    z-index: 999999999;
}

.captcha-popup .contanier_popup {
    width: 60%;
    margin: 10px auto;
    align-items: center;
    height: 100%;
}

.captcha-popup .contanier_popup .title_popup {
	font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}

.captcha-popup .contanier_popup .text_popup {
	font-size: 17px;
	margin-left: 20px;
    color: #62676d;
}


.profile_background {
    position: fixed;
    top: 55px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -100;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left, center right;
    pointer-events: none;
    opacity: .8;
}

.profile_background-dripper {
    width: 800px;
    height: 100%;
    margin: auto;
    background-color: #fff;
    box-shadow: -30px 0px 20px 20px #fff, -50px 0px 20px 20px hsl(0deg 0% 100% / 59%), -70px 0px 20px 20px hsl(0deg 0% 100% / 43%), -90px 0px 20px 20px hsl(0deg 0% 100% / 35%), -110px 0px 20px 20px hsl(0deg 0% 100% / 28%), -130px 0px 20px 20px hsl(0deg 0% 100% / 16%), 30px 0px 20px 20px #fff, 50px 0px 20px 20px hsl(0deg 0% 100% / 59%), 70px 0px 20px 20px hsl(0deg 0% 100% / 43%), 90px 0px 20px 20px hsl(0deg 0% 100% / 35%), 110px 0px 20px 20px hsl(0deg 0% 100% / 28%), 130px 0px 20px 20px hsl(0deg 0% 100% / 16%);
}

#registered_menu_profile_blocked{
	position: relative;
	top: 25px;
	margin: 0 auto;
	width: 935px;
	padding: 0px;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
	border-radius: 0px;
}


.registered_login {
	position: relative;
	top: 75px;
	margin: 0 auto;
	width: 1000px;
	padding: 0px;
	margin-top: 10px;
}

.registered_login_bloc {
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
	border-radius: 8px;
	padding: 20px 0;
}

.registered_menu_lego {
    position: relative;
    width: 300px;
	padding: 8px;
}

.container_login {
    display: flex;
    align-items: flex-start;
	gap: 35px;
}

#side_bar_login {
    width: 300px;
}

#page_body_login {
    flex: 1;
}



#registered_menu_center {
	position: relative;
	top: 0px;
	left: 0px;
	width: 650px;
	padding: 9px;
	
}

.tp-yt-app-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	display: none;
    background: rgba(0, 0, 0, 0.5);
	overflow-y: scroll!important;
	z-index: 99999999;
}

.food_player_app_box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
	z-index: 999999;
}

.menu_list_example {
	position: relative;
	background: #fff;
	border-radius: 0px;
	width:250px;
	height: 100%;
	overflow: auto;
}

#registered_menu_lego_id {
	position:fixed;
	top: 0;
	left: -300px;
	bottom: 0;
	z-index: 999999999; 
}




.menu_video_playlist_bloc {
	position:fixed;
	top: 0;
	left: 0px;
	bottom: 0;
	background: rgba(0,0,0, .9);
	border-radius: 0px;
	width:214px;
	height: 100%;
	z-index: 999999999; 
}

.menu_video_playlist {
	position: relative;
    height: 100%;
	overflow: auto;
}

.play_video_playlist {
    margin: 0px;
    padding: 0px;
    background: #DAE1E8;
}



.video_tip__black {
    position: absolute;
	top: 45px;
    right: 5px;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.72);
    border: 0;
    border-radius: 3px;
	color: #fff;
    font-size: 1.1em;
    line-height: 1.154;
    white-space: nowrap;
}

.svgIcon-menu {
    color: #99a2ad;
    display: flex;
    align-items: center;
    width: 80px;
    justify-content: space-between;
}

.svgIcon-menu-text {
    color: #203A55;
    font-size: 15px;
    font-weight: 600;
}

#registered_menu_page_login{
	position: relative;
	top: 75px;
	left: 350px;
	width: 935px;
	padding: 0px;
	background: #EDEEF0;
}

#registered_menu_page_box{
	position: relative;
	top: 75px;
	margin: 0 auto;
	width: 800px;
	padding: 0px;
}

.profile_article {
    display: block;
    float: left;
    width: 520px;
	height: auto;
}

.ProfileGroupHeader {
	cursor: not-allowed;
	padding: 8px;
	margin-top: 17px;
}

.ProfileGroupHeader__in {
	cursor: pointer;
	padding: 8px;
	margin-top: 17px;
}

.SeparateMutualBlock__in {
    padding: 0 12px 5px;
}

.uiHeader__content {
    align-items: center;
	margin: 6px 5px;
    display: flex;
}

.uiHeadline__sizeYCompact {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
	color: #818c99;
}

.uiHeader__indicator {
	margin-left: 6px;
	color: #818c99;
}

.profile_aside {
    display: block;
    float: right;
	width: 260px;
}

.ClosedProfileBlock__container {
	display: flex;
    width: 100%;
	max-width: 480px;
    padding: 16px 12px;
}

.ClosedProfileBlock__icon {
    padding: 5px 0;
    margin-right: 16px;
    color: #99a2ad;
}

.ClosedProfileBlock__title {
	display: block;
	font-size: 17px;
	font-weight: 600;
	line-height: 22px;
}

.ClosedProfileBlock__text {
    margin-top: 4px;
    color: #818c99;
}

#page_body {
    display: block;
    float: left;
    width: 520px;
}

.sidebar_content {
    display: block;
    float: right;
	width: 260px;
}

.container_profile {
    display: flex;
    gap: 20px;
}

article {
    height: auto;
}
.sticky_page {
    position: fixed;
    z-index: 101;
}
.stop_page {
    position: relative;
    z-index: 101;
}

.menu_center_page {
	position: relative;
	padding: 8px;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
	border-radius: 4px;
	height: 400px;
}

.restricted_access_page {
	position: relative;
	padding: 8px;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
	border-radius: 4px;
	height: 350px;
}

.mutual_friends_avatar {
    position: relative;
    height: 32px;
    width: 32px;
    border: 3px solid #fff;
    border-radius: inherit;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
}

.page_restricted_access-avatar {
    position: absolute;
    height: 150px;
    width: 150px;
    left: 9px;
    bottom: 7px;
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
}

.ProfileInfo__fullInfo-restricted_access {
    position: absolute;
    left: 170px;
    bottom: -70px;
}

.content_from_page {
	position: relative;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
	border-radius: 4px;
}

.content_from_story {
    position: relative;
    border: 1px solid #fff;
	overflow: hidden;
	white-space: nowrap;
}

.page_cover-changed_avatar {
    position: relative;
    display: flex;
	top: -5px;
    align-items: center;
    justify-content: flex-end;
    padding-right: 16px;
    border-top: none;
    border-radius: 0 0 8px 8px;
}

.page_cover-avatar_public {
    position: absolute;
    height: 150px;
    width: 150px;
    right: 9px;
    bottom: 60px;
    border: 3px solid #fff;
	border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);
}

.avatar_public_input_loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
	margin: auto;
	width: 32px;
    height: 8px;
	background: rgba(0, 0, 0, .5) url(../images/loading.gif) no-repeat;
}

.page_cover-avatar {
    position: absolute;
    height: 150px;
    width: 150px;
    left: 9px;
    bottom: 60px;
    border: 3px solid #fff;
	border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);
}

.avatar_tools {
    display: none;
    position: absolute;
    left: 170px;
    bottom: 90px;
    z-index: 999999;
    cursor: default;
    text-align: left;
    white-space: normal;
    box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
    background: #fff;
    border: 1px solid #CCC;
    width: 230px;
}

.nav_avatar_tools_li  {
  position: relative;
  list-style: none;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
  
.nav_avatar_tools_li li span {
  color:#36638E;
  cursor: pointer;
  font-size:10pt;
  border: 0; 
  background: #FFF;
  display: block;
  padding: 5px 3px 5px 6px;
}

.nav_avatar_tools_li  li span:hover,
.nav_avatar_tools_li  li#myprofile span:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}


.page_cover-avatar .avatar_profile_block {
    position: absolute;
	display: flex;
    left: 11px;
    bottom: 11px;
    z-index: 9999;
    padding: 5px;
}

.uiButton__avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: inherit;
    text-align: center;
    width: 100%;
	border: 1px solid #fff;
	padding: 4px;
    border-radius: 4px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.36);
	cursor: pointer;
}

.uiButton__avatar:hover  {
    background-color: rgba(255,255,255,.2);
}

#registered_menu_right {
	position: relative;
	top: 0px;
	left: 0px;
	width: 285px;
	padding: 8px;
	background: #fff;
	color: #3c3c3c;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
	border-radius: 0px;
}

.left_float {
    float: left;
}

.right_float {
    float: right; 
}

#footer_photo_details {
    width:800px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

.audio-history-management {
    width:436px;
    margin: 0px;
    padding: 8px;
    background: #DAE1E8;
}

#footer_uzer_gifts {
    width:600px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

#loading_objects_gifts {
   display: inline-block;
   position: relative; 
   width:600px;
   height:400px;
   border: 1px solid #FFF;
}

#footer_gifts_onegif {
    width:400px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

#footer_audio_messages {
    width:650px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

#footer_photo_vidznachyty_details {
    width:950px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
    filter: alpha(opacity=80);
	opacity: 0.8;

}

.imgareaselect-outer {
    cursor:crosshair;
	background-color: #000;
    filter: alpha(opacity=60);
	opacity: 0.6;
	position:none;
}

.imgareaselect-selection {
}

#friends_block_users_id {
	display:none;
}

#footer_registration_details_block {
    padding: 20px;
}

.dodatu_audio_bloc {
    position: relative;
    width: 650px;
    background: #fff;
}

.dodatu_video_bloc {
   display: inline-block;
   position: relative;
   width:740px;
}

#footer_registration_details_block_id {
    padding: 70px;
}

.like_friends {
    padding: 20px;
}

.comments_page_feed {
	position: relative;
	left: 60px;
}

.right_float_login {
    float:right;
	top:9px;
	margin-right: 30px;
	position:relative;
}

.TopNavBtn__profileImg {
    margin: 0;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.TopNavBtn__icon {
    display: flex;
    height: 55px;
    width: 64px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.TopNavBtn__icon:hover {
    background-color: rgb(0 0 0 / 10%);
}

.TopNavBtnMenu__icon {
    display: flex;
    height: 55px;
    width: 100px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.TopNavBtnMenu__icon:hover {
    background-color: rgb(0 0 0 / 10%);
}

.TopNavBtnMenu__index {
    display: flex;
    height: 55px;
    width: 170px;
    align-items: center;
    justify-content: center;
}

.TopNavBtn__notifyCount {
    border: #ffffff;
    font-size: 10px;
    height: 11px;
    line-height: 12px;
    min-width: 7px;
    top: 6px;
    padding: 1.5px 4.5px 3.5px;
}

.TopNavBtn__notifyCount {
    border-color: #ffffff;
    display: none;
    padding: 1px 4px;
    border-radius: 12px;
    color: #ffffff;
    font-size: 9px;
    height: 11px;
    line-height: 11px;
    min-width: 5px;
    margin-top: 6px;
    margin-left: 12px;
    background-color: #ff3347;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.top_notify_header  {
    padding: 10px 10px 8px;
    border-bottom: 1px solid #dce1e6;
}

.top_notify_cont {
    position: relative;
    overflow: auto;
    border-radius: 8px;
}

.number_downloaded_history {
	margin-top: 5px;
    margin-bottom: 15px;
    font-size: 17px;
    margin-left: 15px;
    color: #fff;
}

.files-counter {
    font-size: 14px;
    font-weight: 600;
    transition: color 0.3s ease, transform 0.3s ease;
}

.files-counter.warn {
    color: #f59e0b;
}

.files-counter.danger {
    color: #dc2626;
}

.files-counter.pulse {
    animation: slideRight 0.7s infinite;
}

@keyframes slideRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}







.top_notify_show_all {
    display: block;
    padding: 10px 0 12px;
    background-color: inherit;
    border-top: 1px solid #dce1e6;
    text-align: center;
    border-radius: 0 0 8px 8px;
	color: #2a5885;
    cursor: pointer;
}

.top_notify_show_all:hover {
    background:#F5F6F8;
	text-decoration: none;
}

.top_notify_empty {
    padding: 45px 50px 44px;
    font-size: 12.5px;
}

.no_rows {
    overflow: hidden;
    color: #818c99;
    padding: 100px 50px;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
}

.bloc-photo_img {
    display: inline-flex;
    width: 200px;
    height: 200px;
    justify-content: center;
}

.photo_img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    object-fit: cover;
}


.settings_separated_row .settings_separated_row_extra {
    float: right;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 56px;
    position: relative;
    top: 0px;
}

.settings_separated_row.settings_separated_row_iconed .settings_separated_row_text, .settings_separated_row .settings_separated_row_text {
    margin-left: 10px;
}

.settings_separated_row .settings_separated_row_text {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    top: 0px;
    padding: 14px 0px;
    height: 56px;
}

.settings_separated_row .settings_separated_row_extra {
    float: right;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 56px;
    position: relative;
    top: 0px;
	left: -10px;
}

.settings_bullet_link::before {
    content: "·";
    color: #818c99;
    padding: 0px 1px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    pointer-events: none;
    position: relative;
    left: -3px;
}

.settings_separated_row .settings_separated_row_text:before {
    content: "";
    height: 28px;
    display: block;
}

.settings_bullet_link {
    margin-left: 7px;
	cursor: pointer;
}

.settings_separated_row .settings_separated_row_text .settings_separated_row_text_inner {
    max-width: 100%;
	margin-left: 10px;
}

.settings_separated_row_email {
    position: relative;
	top: -1px;
}

.settings_separated_row_icons {
    background: #9EA7B2;
    height: 24px;
    width: 24px;
	padding: 3px;
    border-radius: 50%;
}

.settings_separated_row_border {
    border: 1px solid #dce1e6;
	margin-top: 10px;
	width:612px;
}



.settings_row {
    margin-bottom: 15px;
    line-height: 16px;
	margin-left: 10px;
}

.clear_fix_row {
    display: block;
}

.settings_label {
    width: 170px;
}

.settings_label {
    color: #626d7a;
    width: 145px;
    padding: 6px 10px 6px 0;
    float: left;
    line-height: 16px;
}

.settings_labeled {
    margin-left: 200px;
}

.clear_fix_row::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.settings_row_button_notify {
    padding-left: 270px;
}

.__active {
    position: fixed;
    z-index: 999999999;
}

.growl {
    margin: 12px 0 0 -132px;
    width: 470px;
    min-height: 32px;
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.16);
    border-radius: 8px;
    text-align: left;
    color: #333;
    font-size: #000;
    line-height: 1.5;
}

.growl, .growl:after {
    left: 50%;
    background: #fff;
}

.growl:after {
    content: '';
    height: 12px;
    width: 12px;
    margin-top: -6px;
    margin-left: -6px;
    background: #fff;
    box-shadow: -1px -1px 0 0 rgba(0,0,0,.04);
    transform: rotate(45deg);
}
.growl:after {
    position: absolute;
    top: 0;
}

.growl, .growl:after {
    left: 377px;
    background: #fff;
}

.dld_inner  {
    padding: 10px 25px;
	display: none;
}

.dld_inner_text {
	padding-right: 15px;
	color: #818c99;
}

.right_float_blok {
    float:right;
	width:160px;
	top:0px;
	position:relative;
}

.feedback_row_wrap {
    line-height: 14px;
    padding: 0 20px;
    margin-bottom: -1px;
    border-bottom: 1px solid #dce1e6;
    position: relative;
}

.feedback_row {
    padding: 10px 14px;
}

.feedback_row {
    padding: 12px 0px;
}

.feedback_image {
    display: block;
    float: left;
    position: relative;
}

.feedback_img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 0;
    background-color: #f0f2f5;
    position: relative;
    display: inline-block;
}

.feedback_img::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
}

.feedback_img::after {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0f2f5;
}

.feedback_content {
    margin: 0 0 0 52px;
    min-height: 40px;
}

.feedback_content {
    margin: 0px 0px 0px 50px;
    overflow-wrap: break-word;
    font-size: 12.5px;
}

.feedback_header {
    padding: 2px 0 0 0;
    color: #000000;
}

.feedback_footer {
    padding: 2px 0 0;
}

.feedback_footer {
    font-size: 12.5px;
    padding: 10px 0 0 0;
    color: #818c99;
    overflow: hidden;
}

.feedback_date {
    padding-right: 20px;
    line-height: 1.417;
}

.feedback_buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 2px;
}

.feedback_buttons .flat-button {
    margin-top: 8px;
}

.flat-button {
    appearance: none;
    border: 0;
    margin: 0;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 8px;
    font-weight: 14px;
	opacity: 0.7;
	padding: 5px 16px;
    font-size: 14px;
    transition: background-color .15s ease-out, color .15s ease-out, opacity .15s ease-out;
}

.flat-button:hover {
    opacity: 1;
}

.flat-button--blue {
	color: #ffffff;
    background-color: #447bba;
}

.flat-button--gray {
	color: #3770b1;
    background-color: rgb(39 63 92 / 21%);
}

.itUserRichCell__container {
    display: flex;
    align-items: center;
}

.itUserRichCell__richCell {
    flex-grow: 1;
    min-width: 0;
}

.itUserRichCell__after {
    display: flex;
    padding: 8px 12px 8px 0;
}

.uiRichCell__host {
    box-sizing: border-box;
    color: #000000;
    min-height: 64px;
    padding: 8px 12px;
    text-decoration: none;
    display: flex;
}

.uiRichCell__before {
    align-self: center;
	margin-right: 12px;
}

.uiRichCell__in {
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    min-width: 0;
    max-width: 100%;
    display: flex;
}

.uiRichCell__before-avatar {
    position: relative;
    height: 80px;
    width: 80px;
}

.uiRichCell__content {
    word-break: break-word;
}

.uiRichCell__overTitle {
    color: #818c99;
	margin-top: 5px;
}

.uiRichCell__bottom {
    margin-top: 6px;
	display: flex;
    align-items: center;
}

.uiImageBase__children {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.uiAvatarBadge__presetOnline {
	right: 5%;
	bottom: 5%;
	background-color: #ffffff;
	z-index: 2;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
}



textarea{
    outline:none;
    font-family: Verdana, Tahoma; 
    font-size: 15px; 
    background: #FFF;
	padding:3px 25px 3px 3px;
	outline:0;
	border-radius:2px;
	border: 1px solid #C6D4DC; 
    color: #32608A; 
}

input{
    outline:none;
    font-family: Verdana, Tahoma;
    border: 1pt solid #32608A;    
    font-size: 12px; 
    background: #FFF; 
    color: #32608A;  
}

select {
    outline:none;
    font-family: Verdana, Tahoma; 
    font-size: 12px; 
    background: #FFF;
    border: 1pt solid #32608A; 
    color: #32608A;
}

label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	color:#4278AC;
	font-weight: bold;
	padding-left: 25px;
	font-size: 13px;
}

label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 3px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background-color: #C3CAD2;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio label:before {
	border-radius: 8px;
	color: #32608A;
}
label {
	color: #32608A;
	font-size: 14px;
	font-weight:500;
}
.checkbox label {
	margin-bottom: 0px;
}
.checkbox label:before {
    border-radius: 3px;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #32608A;
    font-size: 32px;
    text-align: center;
    line-height: 18px;
}

input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 17px;
	color: #f3f3f3;
	text-align: center;
    line-height: 15px;
}

#autovhod_code_click_id {
	display: none;
}

.register-box{
    display: flex;
	justify-content: center;
	align-items: center;
}

.register-box .register-table{
    background: #fff;
    width: 600px;
    padding: 25px;
    border-radius: 15px;
    border-collapse: separate;
    border-spacing: 0 12px;
}

.register-box .label{
    color: #555;
    font-weight: 600;
    font-size: 16px;
    width: 200px;
}

.register-box .input_text_id{
    width:100%;
    padding:10px 12px;
    border:1px solid #ccc;
    border-radius:8px;
    font-size:14px;
    transition:.3s;
}

.register-box .input_text_id:focus{
    border-color:#667eea;
    box-shadow:0 0 6px rgba(102,126,234,.4);
    outline:none;
}

.input-box .input_text_id{
    width:100%;
    padding:10px 12px;
    border:1px solid #ccc;
    border-radius:8px;
    font-size:14px;
    transition:.3s;
}

.input-box .input_text_id:focus{
    border-color:#667eea;
    box-shadow:0 0 6px rgba(102,126,234,.4);
    outline:none;
}

.register-box .birth{
    display: flex;
    gap: 10px;
}

.register-box .small { 
    width: 90px; 
}

.register-box .medium {
	width: 150px;
}

.register-box .gender label{
    cursor:pointer;
    font-size:14px;
}

.register-box .gender input{
    accent-color:#667eea;
}
.register-box label:before,
.register-box label:after{
    display:none!important;
}

.register-box .gender input {
    display: none;
}

.register-box .gender .custom-radio {
    position: relative;
    padding: 6px 14px 15px 36px;
    display: inline-block;
    width: 120px;
    cursor: pointer;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #fff;
    transition: 0.3s;
}

.register-box .gender .custom-radio .radio-text {
    font-size: 14px;
    position: relative;
    top: 4px;
    left: 5px;
}

.register-box .gender .custom-radio .checkmark {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    background-color: white;
    border: 2px solid #667eea;
    border-radius: 50%;
}

.register-box .gender .custom-radio input:checked ~ .checkmark {
    background-color: #667eea;
}

.register-box .gender .custom-radio input:checked ~ .checkmark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
}

@media(max-width:480px){
    .register-box .register-table{
        width:95%;
    }
    .register-box .birth{
        flex-direction:column;
    }
    .register-box .small,
    .register-box .medium{
        width:100%;
    }
}

.btn-submit {
    position: relative;
    display: inline-block;
    width: 250px;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgba(102, 126, 234, 0.4);
}

.btn-submit:not(.loading):hover {
    background: linear-gradient(135deg, #764ba2, #667eea);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.5);
}
.btn-submit:not(.loading):active {
    box-shadow: 0 4px 10px rgba(102, 126, 234, 0.3);
}

.btn-submit.loading {
    background: #4a4a4a;
    color: #fff;
    cursor: default;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.btn-submit.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.btn-submit.loading .btn-text {
    visibility: hidden;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.like_share_wrap {
    padding: 15px 20px 35px;
    line-height: 1.154;
}

.subheader_text {
    color: #000000;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    margin: 18px 0 12px;
    padding: 0;
    border-bottom: none;
    font-size: inherit;
}

.like_share_send_wrap {
    padding-top: 15px;
	float: right; 
}

.button_loading_none{
	display: none;
}

.button_input_can_not {
	font-size: 12px;
	font-weight: bold;
	cursor: no-drop;
	color: #FFF;
	background: #C0C0C0;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #8C8C8C;
	width: 170px;
}

.button_input_can_not:hover {
    background: #D7D7D7;
}

.button_input_child-no {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #5d525269;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #6383A8;
	width: 170px;
}

.button_input-loading {
	color: #FFF;
	background: #95ADC4;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #6383A8;
	width: 170px;
	height: 26px;
}

.button_input_child {
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	color: #FFF;
	background: #95ADC4;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #6383A8;
	width: 170px;
}

.button_input_child:hover {
    background: #859FBA;
}

.button_input_white {
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	color: #3770b1;
	background: #fff;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #fff;
	width: 170px;
}

.button_input_white:hover {
    opacity: 0.8;
}

.status_audio_bloc {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}

.page_block_header {
    display: block;
    background: #ffffff;
    height: 30px;
    line-height: 20px;
    border-radius: 12px 12px 0 0;
    font-size: 15px;
	font-weight: bold;
    outline: 0;
    color: #000000;
}

.page_block_header_extra {
    position: absolute;
	right: 25px;
	color: #626d7a;
}

.bloc_audio_player {
    position: relative;
    width: 652px;
    padding: 8px 10px 15px 5px;
    margin: 0px;
    background: #eee;
}

.bloc_player_play {
    display: block;
    height: 22px;
    width: 22px;
    float: left;
    position: relative;
}

.bloc_player_class {
    position: relative;
    margin-left: 38px;

}

#bloc_player_play_bar {
	background: #507597;
	width:0px;
	height:100%;
}

#bloc_player_play_bar_value {
	background: #507597;
	width:70px;
	height:5px;
}




.btn-google {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    padding: 12px 0;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgba(102, 126, 234, 0.4);
}

.btn-google:hover {
	background: linear-gradient(135deg, #764ba2, #667eea);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.5);
}

.btn-google svg {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    background: white;
    padding: 3px;
    border-radius: 50%;
}





#layer_stl_bg {
    top: 0;
    left: 0;
    width: 114px;
	cursor: pointer;
    height: 100%;
    background: #000;
    opacity: 0;
}

#layer_stl_bg:hover {
    opacity: 0.5;
}

.fixed {
    position: fixed;
}

#layer_stl_text {
    top: 60px;
    left: 0;
    background: url(../images/layer_toplink.png)no-repeat;
    background-position: left 0;
    height: 15px;
    display: block;
    padding: 0 24px;
    margin-left: 19px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12.5px;
    color: #fff;
    opacity: .5;
}






.button_span_loading {
	position: relative;
    display: inline-block;
	background: #95ADC4;
	padding: 9px;
	border-radius: 0px;
	border: 1px solid #6383A8;
}

.button_span_child {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #95ADC4;
	text-align: center;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #6383A8;
}

.button_span_child:hover {
    background: #859FBA;
}

.button_span_block {
    text-align: center;
    margin-top: 25px;
}

.button_input_child_id {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #95ADC4;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #6383A8;
	width: 200px;
}

.button_input_child_id:hover {
    background: #859FBA;
}

.delete_button_input_child {
	font-size: 12px;
	font-weight: bold;
	color: #8A8A8A;
	background: #EDEDED;
	padding: 5px 15px 5px 15px;
	border-radius: 0px;
	border: 1px solid #B4B4B4;
}

.delete_button_input_child:hover {
    background: #DADADA;
}

.delete_button_input {
	font-size: 12px;
	font-weight: bold;
	color: #8A8A8A;
	background: #EDEDED;
	padding: 6px 15px 5px 15px;
	border-radius: 0px;
	border: 1px solid #B4B4B4;
}

.delete_button_input:hover {
    background: #DADADA;
}




.span_button_input_child {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #95ADC4;
	padding: 5px 15px 5px 15px;
	border-radius: 0px;
	border: 1px solid #6383A8;
}

.span_button_input_child:hover {
    background: #859FBA;
}

.child_knopka:hover {
    cursor: pointer;
}

.button_input_loading {
	position: relative;
    display: inline-block;
	background: #95ADC4;
	padding: 8px;
	text-align:center;
	border-radius: 0px;
	border: 1px solid #6383A8;
	width: 151px;
}

.button_knopka_loading {
	background: url("../images/loading.gif") no-repeat;
	position: relative;
	display: inline-block;
	width:32px;
	height:8px;
}

.button_content_loading {
    display: none;
	background: url("../images/loading.gif") no-repeat;
	position: relative;
	top:4px;
	width:32px;
	height:8px;
}

.button_loading_span {
	background: url("../images/loading.gif") no-repeat;
	position: relative;
	display: inline-block;
	left: 60px;
	width: 32px;
	height: 8px;
}

.button_loading_id {
	background: url("../images/loading.gif") no-repeat;
	position: relative;
	display: inline-block;
	width:32px;
	height:8px;
}

.user_real_page {
	background: url("../images/users.png") no-repeat;
	display: inline-block;
    position: relative;
	width:19px;
	height:19px;
	top:4px;
}

.jp-playlist-audio_hidden {
    margin: 7px;
	position: relative;
    display: block;
    width: 767px;
    border: 1px solid #eee;
}

.jp-playlist-audio_inner_cont {
    white-space: nowrap;
    overflow: hidden;
}




	
.language_id {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
}

.language_id::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 50%;
    width: 3px;
    background-color: #2c6dad;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.language_id::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #336699;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}	
	
	
	
	
	
	
	
	

.button_question_mark{
	position:relative;
	height:14px;
	width:14px;
	cursor:pointer;
	line-height:14px;
	background-color:#ccc;
	text-align:center;
	font-size:12px;
	display:inline-block;
	color:#858585;
    border: 2px solid #858585;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-ms-border-radius:50px;
	-khtml-border-radius:50px;
	-o-border-radius:50px;
}

.block_question_mark {
    display: none;
}

.block_question_number {
    display: none;
}

.ui_gallery__arrow__icon  {
    position: absolute;
	right: 0;
	top: 50px;
    width: 40px;
    height: 40px;
	margin: 13px;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #396895;
    color: #99a2ad;
	z-index: 999;
	opacity: 0.8;
}

.ui_gallery__arrow__icon:hover {
    opacity: 1;
}

._ui_gallery__arrow__icon  {
    position: absolute;
	left: 0;
	top: 50px;
    width: 40px;
    height: 40px;
	margin: 13px;
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #396895;
    color: #99a2ad;
	z-index: 999;
	opacity: 0.8;
}

._ui_gallery__arrow__icon:hover {
    opacity: 1;
}

.mp3_playlist_hidden {
    position: relative;
    display: block;
    width: 775px;
    border: 1px solid #fff;
    margin-bottom: 10px;
	margin-left: 12px;
}

.ui_gallery__inner_cont {
    white-space: nowrap;
	overflow: hidden;
}

.ui_gallery__inner {
    padding-left: 0;
}

.ui_gallery_item {
    margin-right: 0;
}

.audio_pl_item2 {
    display: inline-block;
    width: 120px;
    max-height: 210px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
}

.audio_pl_item2 {
    margin-bottom: 0;
}

.audio_pl_item2 .audio_pl__cover {
    width: 110px;
    height: 110px;
    background-color: rgb(0,28,61,0.08);
    color: #aeb7c2;
    border-radius: 8px;
    position: relative;
    display: block;
    overflow: hidden;
}

.audio_pl_item2 .audio_pl_cover_placeholder {
    padding: 32px;
}

.audio_pl_grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.audio_pl_grid.audio_pl_grid_count_2>div {
    width: 100%;
    height: 100%;
}

.audio_pl_grid .audio_pl_grid_cover {
    position: absolute;
    background-size: cover;
}

.audio_pl__actions_wrap {
    opacity: 0;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.audio_pl__actions_wrap:hover {
    opacity: 1;
}

.audio_pl__actions_wrap-bloc {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.audio_pl__actions_wrap-bloc:hover {
    background-color: rgba(0,0,0,0.5);
}

.audio_pl__actions_btns {
    position: absolute;
    width: 100%;
    left: 5px;
    top: 20px;
    height: 45px;
    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;
}

._audio_pl__actions_btns {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20px;
    height: 45px;
    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;
}

.audio_pl__actions_btn {
    cursor: pointer;
    opacity: 1;
}

.audio_pl_item2 .audio_pl__actions_add {
    color: #fff;
	opacity: 0.5;
}

.audio_pl_item2 .audio_pl__actions_add:hover {
    opacity: 1;
}

.audio_pl_item2 .audio_pl__actions_edit {
    color: #fff;
	opacity: 0.5;
}

.audio_pl_item2 .audio_pl__actions_edit:hover {
    opacity: 1;
}

.audio_pl_item2 .audio_pl__actions_play {
    position: relative;
    left: 5px;
    color: #fff;
	opacity: 0.5;
}

.audio_pl_item2 .audio_pl__actions_play:hover {
    opacity: 1;
}
.audio_pl_item2 .audio_playlist__actions_play {
    position: relative;
    left: -2px;
    color: #fff;
	opacity: 0.5;
}

.audio_pl_item2 .audio_playlist__actions_play:hover {
    opacity: 1;
}

.audio_a__text {
    color: #fff;
	font-size: 15px;
	text-decoration: none;
}

.audio_pl_item2 .audio_pl__actions_delete {
    color: #fff;
	opacity: 0.5;
}

.audio_pl_item2 .audio_pl__actions_delete:hover {
    opacity: 1;
}

.audio_pl_item2 .audio_pl__cover_stats {
    display: block;
    color: #fff;
    position: absolute;
	cursor: pointer;
    bottom: 13px;
    width: 100%;
    text-align: center;
	opacity: 0.5;
}

.audio_pl_item2 .audio_pl__cover_stats:hover {
    opacity: 1;
}

.audio_pl_item2 .audio_pl__info {
    overflow: hidden;
    white-space: nowrap;
    margin-top: 8px;
    text-overflow: ellipsis;
}

.audio_pl_item2 .audio_pl__title {
    display: inline-block;
    position: relative;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.audio_pl_item2 .audio_pl__subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
}

.audio_pl_item2 .audio_pl__subtitle {
    color: #818c99;
    margin-top: 2px;
}

.audio_pl_item2 .audio_pl__subtitle>a {
    color: #818c99;
}

.audio_item__title {
    font-size: 13px;
}

.audio_pl__stats_count {
    content: " ";
    position: relative;
    display: inline-block;
    top: 2px
}

.audio_pl__text_count {
    font-size: 15px;
}

.audio_pl_item2 .audio_pl__title {
    display: inline-block;
    position: relative;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.audio_pl__title {
    overflow: hidden;
    text-overflow: ellipsis;
}

.audio_pl__cover_stats_1 {
    display: block;
    color: #fff;
    position: absolute;
    bottom: 13px;
    width: 100%;
    text-align: center;
	font-size:10pt;
	z-index: 999;
}

.audio_pl__cover_stats_dvd::before {
    content: "\00b7";
    display: inline;
    pointer-events: none;
    padding: 0px 5px;
}

.audio_pl_snippet__body {
    padding: 8px;
    padding-bottom: 4px;
}



.audio_actions_play {
	position: relative;
    width: 40px;
    height: 45px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2042%2048%22%20width%3D%2242%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m15.514776%2038.5872125c-1.3888724.899654-2.514776.2768039-2.514776-1.363785v-26.4438996c0-1.65285169%201.1242033-2.26454039%202.514776-1.36378494l20.757036%2013.44554834c.9721331.6297076.9697008%201.6522408%200%202.2803728z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22193.3%25%22%20width%3D%22216.7%25%22%20x%3D%22-58.3%25%22%20y%3D%22-43.3%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2223%22%20r%3D%2224%22%2F%3E%3Cg%20transform%3D%22translate(-4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.audio_actions_pause {
	position: relative;
    width: 40px;
    height: 45px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2040%2048%22%20width%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m13%2010.5082641c0-.83299127.6764628-1.5082641%201.5063976-1.5082641h5.9872048c.8319604%200%201.5063976.66865487%201.5063976%201.5082641v26.9834718c0%20.8329913-.6764628%201.5082641-1.5063976%201.5082641h-5.9872048c-.8319604%200-1.5063976-.6686549-1.5063976-1.5082641zm13%200c0-.83299127.6764628-1.5082641%201.5063976-1.5082641h5.9872048c.8319604%200%201.5063976.66865487%201.5063976%201.5082641v26.9834718c0%20.8329913-.6764628%201.5082641-1.5063976%201.5082641h-5.9872048c-.8319604%200-1.5063976-.6686549-1.5063976-1.5082641z%22%2F%3E%3Cfilter%20id%3D%22b%22%20height%3D%22193.3%25%22%20width%3D%22227.3%25%22%20x%3D%22-63.6%25%22%20y%3D%22-43.3%25%22%3E%3CfeMorphology%20in%3D%22SourceAlpha%22%20operator%3D%22dilate%22%20radius%3D%220.5%22%20result%3D%22shadowSpreadOuter1%22%2F%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%224%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2223%22%20r%3D%2224%22%2F%3E%3Cg%20transform%3D%22translate(-4%20-1)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23b)%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}







.tip_two:after {
  border-width: 7px 7px 7px 0;
  border-color: transparent #ededed transparent transparent;
  top: 15px;
  left: -7px;
}

.tip_two:before {
  content:"";
  position:absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
}


.tip_two:before {
  border-width: 12px 9px 12px 0;
  border-color: transparent #ccc transparent transparent;
  top: 36px;
  left: -12px;
}


.tip_two{ 
   position: absolute;
   z-index: 9998;
   top: 0;
   left: 100%;
   background: #EDEDED;
   border-radius: 3px;
   border: 3px solid #ccc;
   text-align: left;
   color: #000;
   font: normal 500 14px Arial, sans-serif;
   opacity: .9; 
   cursor: default;
   padding: 7px;
   margin: -15px 0 0 10px;
   width: 300px;
   min-height: 50px; 
  height: auto;
}

.tip_two{ 
   margin: -55px 0 0 10px;
}

.tip_block {
  display: inline-block;
  position: relative;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 1px;
}

.number_tip_two:after {
  border-width: 7px 7px 7px 0;
  border-color: transparent #ededed transparent transparent;
  top: 15px;
  left: -7px;
}

.number_tip_two:before {
  content:"";
  position:absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
}


.number_tip_two:before {
  border-width: 12px 9px 12px 0;
  border-color: transparent #ccc transparent transparent;
  top: 36px;
  left: -12px;
}

.number_tip_two{ 
   position: absolute;
   z-index: 9998;
   top: 0;
   left: 100%;
   background: #EDEDED;
   border-radius: 3px;
   border: 3px solid #ccc;
   text-align: left;
   color: #000;
   font: normal 500 14px Arial, sans-serif;
   opacity: .9; 
   cursor: default;
   padding: 7px;
   margin: -15px 0 0 10px;
   width: 275px;
   min-height: 50px; 
  height: auto;
}

.number_tip_two{ 
   margin: -50px 0 0 267px;
}

.number_tip_block {
  display: inline-block;
  position: relative;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 1px;
}

.page_does_not_create_album{ 
   display: inline-block;
   position: relative;
   margin: 9px;
   background: #F4F7FA;
   border: 2px solid #BFD2E4;
   color: #585858;
   cursor: default;
   padding: 7px;
   width: 490px;
}

.class_text_gifts {
   display: inline-block;
   position: relative;
   color:#585858;
   font-weight:bold;
   font-size:12pt;
   border: 1px solid #FFF;
   width: 500px;
}

.page_does_not_edit{ 
   display: inline-block;
   position: relative;
   margin: 9px;
   background: #F4F7FA;
   border: 2px solid #BFD2E4;
   color: #585858;
   cursor: default;
   padding: 7px;
   width: 465px;
}


.page_does_not_okno { 
   display: inline-block;
   position: relative;
   background: #F4F7FA;
   border: 2px solid #BFD2E4;
   color: #585858;
   cursor: default;
   padding: 7px;
   width: 507px;
}


.page_does_not_edit_okno{ 
   display: inline-block;
   position: relative;
   margin: 9px;
   background: #F4F7FA;
   border: 2px solid #BFD2E4;
   color: #585858;
   cursor: default;
   padding: 7px;
   width: 525px;
}

.page_does_not_exist{ 
   display: inline-block;
   position: relative;
   margin: 9px;
   background: #F4F7FA;
   border: 2px solid #BFD2E4;
   color: #585858;
   cursor: default;
   padding: 7px;
   width: 96%;
}







.page_dzvinok { 
   display: inline-block;
   position: relative;
   margin: 0px;
   background: #859FBA;
   color:#203A55;
   font-weight:bold;
   cursor: pointer;
   padding: 10px;
   width: 92%;
}

.page_dzvinok:hover {
    background: #DAE1E8;
	color:#294B6B; 
}



.icon_video_call {
    position: relative;
    width:20px;  
    height:20px;
	top:4px;
	left:0px;
    background: url("../images/video_call.png") no-repeat;
    display: inline-block;
}

.icon_audio_call {
    position: relative;
    width:20px;  
    height:20px;
	top:4px;
	left:0px;
    background: url("../images/audio_call.png") no-repeat;
    display: inline-block;
}




.some_error_occurred{ 
   display: inline-block;
   position: relative;
   margin: 0px;
   background: #F4F7FA;
   border: 2px solid #BFD2E4;
   color: #585858;
   cursor: default;
   padding: 7px;
   width: 96%;
}



.page_search_for_people{ 
   display: inline-block;
   position: relative;
   margin: 0px;
   background: #FFF;
   border: 1px solid #C6D4DC;
   color: #585858;
   height: 26px;
   cursor: text;
   padding: 0px;
}

.page_search_for_audio{ 
   display: inline-block;
   position: relative;
   width:617px;
   margin: 0px;
   background: #FFF;
   border: 1px solid #C6D4DC;
   color: #585858;
   height: 26px;
   padding: 0px;
}

.blacklist_search_for_people{ 
   display: inline-block;
   position: relative;
   height: 25px;
   top: -6px;
   margin: 0px;
   background: #FFF;
   border: 1px solid #6383A8;
   color: #585858;
   cursor: default;
   padding: 0px;
}

#footer_blacklist {
        color: #36638E;
        font-size: 11px;
		font-weight: bold;
        margin: 0px;
        padding: 10px;
        background: #DAE1E8;
}

.button_search_child {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #95ADC4;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #95ADC4;
	width: 170px;
}

.button_search_child:hover {
    background: #859FBA;
}


.button_search_loading {
    position: relative;
    top: 0px;
	color: #FFF;
	background: #95ADC4;
	padding: 8px;
	border-radius: 0px;
	border: 1px solid #95ADC4;
	width: 152px;
}






#custom_options_select_position_day {
position: absolute;
border: 1px solid #32608A;
margin: -15px 0px 0px 0px;
z-index: 9;
}

#custom_options_select_position_month {
position: absolute;
border: 1px solid #32608A;
margin: -15px 0px 0px -35px;
z-index: 9;
}

#custom_options_select_position_year {
position: absolute;
border: 1px solid #32608A;
margin: -15px 0px 0px -45px;
z-index: 9;
}

#custom_options_select_position {
position: absolute;
border: 1px solid #32608A;
margin: -15px 0px 0px 0px;
}

.custom_options_select_position {
position: absolute;
margin: -15px 0px 0px 0px;
border-radius: 8px;
box-sizing: border-box;
border: 1px solid #dce1e6;
}

#custom_options_select_notify {
position: absolute;
border: 1px solid #32608A;
margin: 0px 0px 0px 0px;
}

#custom_options_select_search {
border: 1px solid #32608A;
margin: 0px 0px 0px 0px;
}

#custom_options_confirmation {
position: absolute;
border: 1px solid #fff;
margin: -15px 0px 0px 0px;
color:#585858;
}

#custom_options_select_position_id {
position: relative;
border: 1px solid #32608A;
left: 96px;
display: inline-block;
}

#input_create_album_id {
position: relative;
border: 1px solid #FFF;
display: inline-block;
height:23px;
}

#custom_input_position {
position: absolute;
border: 1px solid #32608A;
margin: -15px 0px 0px 0px;
}


#custom_options_select {
    position: relative;
    border: 1px solid #32608A;
    margin: -15px 0px 0px 0px;
}

.current_option {
    height: 16px;
    outline:none;
    font-family: Verdana, Tahoma; 
    font-size: 12px; 
    color: #32608A;
	cursor: default;
	padding: 6px;
	border-radius: 0px;
}

.current_option b {
	background: url("../images/audio_icons.png") -234px -48px no-repeat;
    margin: -4px 0px 0px 0px;
	cursor: pointer;
	width:11px;
	height:18px;
    float: right;
}





#audio_options_select {
    position: absolute;
    border: 1px solid #fff;
	width: 135px;
	height: 24px;
	left: 310px;
    cursor: pointer;
}

.current_option_audio {
    position: relative;
    height: 16px;
    outline:none;
    font-family: Verdana, Tahoma; 
    font-size: 12px; 
    color: #32608A;
	cursor: default;
	padding: 6px;
	border-radius: 0px;
}

.current_option_audio b {
	background: url("../images/audio_icons.png") -234px -48px no-repeat;
    margin: 0px 0px 0px 0px;
	width:11px;
	height:18px;
    float: right;
	margin-right:7px;
	cursor: default;
}

.current_option_audio span {
    position: relative;
    top: 4px;
	cursor: pointer;
}

.custom_options_audio {
  width: 100%;
  border: solid 1px #C6D4DC;
  margin-top: 10px;
  background: #FFF;
  display:block;
  position: relative;
  max-height: 170px;
  overflow-y: auto;
  z-index: 9;
}

.custom_options_audio li {
  list-style: none;
  font-family: Verdana, Tahoma; 
  font-size: 12px; 
  height: 16px;
  padding: 6px;
  color: #32608A;
}

.custom_options_audio li:hover {
  background: #d2d2d2;
  cursor: pointer;
}





.custom_options_none {
    display: none;
}

.custom_options {
  width: 100%;
  border-top: solid 1px #32608A;
  background: #FFF;
  display:block;
  position: relative;
  max-height: 170px;
  overflow-y: auto;
  z-index: 9;
}


.custom_options li {
  list-style: none;
  font-family: Verdana, Tahoma; 
  font-size: 12px; 
  height: 16px;
  padding: 6px;
  color: #32608A;
}


.custom_options li:hover {
  background: #d2d2d2;
  cursor: pointer;
}

.custom_options_status {
  width: 100%;
  border-top: solid 1px #32608A;
  background: #FFF;
  display:block;
  position: relative;
  max-height: 170px;
  overflow-y: auto;
  z-index: 9;
}

.search_row {
    cursor: default;
	margin-top:6px;
    margin-bottom: 6px;
    color: #626d7a;
	font-size:11pt;
}

.friends_user_info_actions {
	margin-top:14px;
}

.divider-pixels {
    display: inline-block;
    margin: 0px 6px;
    background-color: #939393;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    vertical-align: middle;
}

.page_friends_search {
    display: inline-block;
    position: relative;
	top: -6px;
	color: #36638E;
    background: #DAE1E8;
    padding: 5px 5px;
	border-radius: 10px;
	text-align: center;
	width: 200px;
}

.page_friends_search_a {
    display: inline-block;
    position: relative;
	top: -6px;
	color: #36638E;
    background: #95ADC4;
    padding: 5px 5px;
	border-radius: 10px;
	text-align: center;
	width: 200px;
}

.page_friends_search_a:hover {
    cursor: pointer;
    background: #859FBA;
}









.page_verified {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.25%206.75%202.25%202.25%205.25-5.25%22%20fill%3D%22none%22%20stroke%3D%22%235c9ce6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")no-repeat 0 center;
}

.page_verified {
    display: inline;
    zoom: 1;
	cursor: default;
    position: relative;
    margin-left: 7px;
    padding: 2px 12px 2px 0;
}

.tip_two_icons_real_search{
	width:0;
	height:0;
	display:inline-block;
	position: absolute;
    z-index: 20;
	border-bottom:10px solid #ced6df;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
    bottom: 20px;
    content: "";
    left: 12px;
	top: -12px;
}

.tip_two_real_user_search{
   display:none;
   position: absolute;
   z-index: 999999;
   top: 0;
   left: 100%;
   background: #f5f5f5;
   border-radius: 3px;
   border: 2px solid #ced6df;
   text-align: left;
   color: #000;
   font: normal 500 14px Arial, sans-serif;
   cursor: default;
   margin: 20px 0 0 -32px;
   padding: 7px;
   width: 300px;
}

.custom_options_status li {
  list-style: none;
  font-family: Verdana, Tahoma; 
  font-size: 12px; 
  height: 34px;
  padding: 6px;
  color: #32608A;
}

.blok_options_select_1 {
    margin: 0 0 0 0;
    padding: 0 0 20px;
}

.blok_options_select_2 {
    margin: 20px 0 0 0;
    padding: 0 0 10px;
}

.blok_options_select_3 {
    margin: 14px 0 0 0;
    padding: 0 0 10px;
}

.blok_options_select_4 {
    margin: 22px 0 0 0;
    padding: 0 0 10px;
}

.blok_options_select_4 {
    width:277px;
	background:transparent;
	border-top:1px solid #DAE1E8;
    margin-bottom: 5px;
}

.blok_options_select_5 {
    margin: 8px 0 0 0;
    padding: 0 0 10px;
}

.blok_options_select_6 {
    margin: 7px 0 0 0;
    padding: 0 0 10px;
}

.blok_options_select_6 {
    width:277px;
	background:transparent;
	border-top:1px solid #DAE1E8;
    margin-bottom: 5px;
}





.search_filter_main {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #626d7a;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.block_left_playlist {
    position: relative;
    margin: 0px 0px 0px -40px;
}

.custom_options_status li:hover {
  background: #d2d2d2;
  cursor: pointer;
}

.foto_avatar_img {
    border-radius: 50%;
}

.ui_ownblock_img {
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 10px;
}

.ui_ownblock_info {
    white-space: nowrap;
    font-size: 12.5px;
    line-height: 16px;
}

.clear_fix::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.ui_ownblock_label {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 8px;
}











.input_kode_cursor {
    cursor: text;
}

.input_kode_id {
    border: solid 1px #FFF; 
    color:#858585;
    position: relative; 
    top: -1px;
}

.input_text_id {
    border: solid 1px #FFF; 
    position: relative; 
    width:100%; 
    top:-1px;
}

.textarea_text_id {
    border: 1px solid #32608A;
	background: #FFF;
    position: relative;
}



.input_text_search{
    border: solid 1px #FFF; 
    color:#858585;
    position: relative; 
    width:100%; 
    top:3px;
}

.TopSearchRoot {
    display: flex;
    align-items: center;
    height: 550px;
}
	
.sirSkeletonIso {
    --skeleton-gradient-width: 300px;
    --skeleton-animation-duration: 1.5s;
    --color-skeleton-sir-from: var(--skeleton-from, var(--color_skeleton_sir_from));
    --color-skeleton-sir-to: var(--skeleton-to, var(--color_skeleton_sir_to));
    background-color: var(--color-skeleton-sir-from, var(--color_skeleton_sir_from));
	border: 0 solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    border-radius: 6px;
    display: inline-flex;
    flex-shrink: 0;
    line-height: 1;
    position: relative;
    overflow: hidden;
    visibility: visible;
    z-index: 1;
}

.sirSkeletonIso::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: calc(100% + var(--skeleton-gradient-width, 300px));
    background-image: linear-gradient(to right, var(--color-skeleton-sir-from, var(--color_skeleton_sir_from)) 0, var(--color-skeleton-sir-to, var(--color_skeleton_sir_to)) calc(var(--skeleton-gradient-width, 300px)* .5), var(--color-skeleton-sir-from, var(--color_skeleton_sir_from)) calc(var(--skeleton-gradient-width, 300px)* .75));
    background-size: var(--skeleton-gradient-width, 300px) 100%;
    background-attachment: fixed;
    animation-name: skeleton-iso;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-duration: var(--skeleton-animation-duration, 1.5s);
    animation-timing-function: ease-in-out;
}	
	
	
	
.SkeletonIso {
    --skeleton-gradient-width: 300px;
    --skeleton-animation-duration: 1.5s;
    --color-skeleton-from: var(--skeleton-from, var(--color_skeleton_from));
    --color-skeleton-to: var(--skeleton-to, var(--color_skeleton_to));
    background-color: var(--color-skeleton-from, var(--color_skeleton_from));
	border: 0 solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    border-radius: 6px;
    display: inline-flex;
    flex-shrink: 0;
    line-height: 1;
    position: relative;
    overflow: hidden;
    visibility: visible;
    z-index: 1;
}

.SkeletonIso::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: calc(100% + var(--skeleton-gradient-width, 300px));
    background-image: linear-gradient(to right, var(--color-skeleton-from, var(--color_skeleton_from)) 0, var(--color-skeleton-to, var(--color_skeleton_to)) calc(var(--skeleton-gradient-width, 300px)* .5), var(--color-skeleton-from, var(--color_skeleton_from)) calc(var(--skeleton-gradient-width, 300px)* .75));
    background-size: var(--skeleton-gradient-width, 300px) 100%;
    background-attachment: fixed;
    animation-name: skeleton-iso;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-duration: var(--skeleton-animation-duration, 1.5s);
    animation-timing-function: ease-in-out;
}

@keyframes skeleton-iso {	
    0% { transform: translateX(calc(var(--skeleton-gradient-width, 300px)* -1)); }
    100% { transform: translateX(0); }
}

.TopNavBtnClips {
    position: fixed;
    display: flex;
    top: 0;
    bottom: 0;
    right: 22px;
    margin-top: 70px;
    margin-bottom: 20px;
    z-index: 99999;
    flex-direction: column;
    justify-content: space-between;
}

.ArticleItemContainer {
    position: relative;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px;
    margin: 0px auto;
    transition-property: margin, width, padding;
    transition-duration: 300ms;
    transition-timing-function: linear;
    overflow: hidden clip;
    scroll-snap-stop: always;
    scroll-snap-align: start center;
	justify-content: center;
}

.BaseGridLayout-DivVerticalGridLayout {
    position: relative;
    transition-duration: 150ms;
    transition-timing-function: linear;
    transition-property: grid, max-width, height;
    transition-delay: 0ms, 0ms, 0ms;
    display: grid;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    align-items: end;
    grid-template:
        ". . . ." [card-content]
        ". card-content . action-bar" 1fr
        ". ad-cta . ." / [dead-space] 64px
        [card-content] 1fr 16px [action-bar] 48px;
    width: 100%;
    max-width: calc(7.25px + 56.25vh);
}

.ContentScrolling--Block {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-top: 80px;
    margin-bottom: 20px;
}

.SectionMediaCardContainer {
    position: relative;
    box-sizing: border-box;
    background-size: cover;
    grid-area: card-content;
    max-height: calc(-92px + 100vh);
}

.SectionActionBarContainer {
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    grid-area: action-bar;
    top: 0;
    bottom: 0;
    flex-direction: column;
	justify-content: space-between;
}

.PlayerContainer-module {
    height: 100%;
    width: 100%;
    background: rgb(0 0 0);
}

.DivAvatarActionItemContainer {
    position: relative;
    margin-top: 20px;
}

.SpanAvatarContainer-StyledAvatar {
    display: inline-block;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-feature-settings: "tnum";
    position: relative;
    overflow: hidden;
    color: rgb(255, 255, 255);
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    border-radius: 50%;
    border-color: rgba(22, 24, 35, 0.12);
    border-width: 0.5px;
    cursor: pointer;
    background-color: rgba(136, 136, 136, 0.5);
}

.StyledViews {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
	cursor: auto;
}

.SpanImgAvatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.SpanStrongTextViews {
	display: flex;
    justify-content: center;
    margin-top: 8px;
}

.SpanStrongText {
    font-size: 12px;
    line-height: 16px;
    color: rgba(22, 24, 35, 0.75);
    text-align: center;
}

.ButtonActionItem {
    border: none;
    background: none;
    outline: none;
    padding: 0px;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    flex-direction: column;
}

.ButtonActionItemTop {
    border: none;
    background: none;
    outline: none;
    padding: 0px;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}

.SpanIconWrapperTop {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 0px;
    border-radius: 50%;
    transition: 200ms ease-in-out;
    width: 48px;
    height: 48px;
    background-color: rgba(22, 24, 35, 0.06);
    margin-top: 8px;
    margin-bottom: 6px;
}

.SpanIconWrapper {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 0px;
    border-radius: 50%;
    transition: 200ms ease-in-out;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-color: rgba(22, 24, 35, 0.06);
    margin-top: 8px;
    margin-bottom: 6px;
}

.SpanIconNewClip {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 72 72' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.3475 7.44071L8.80642 11.8069C3.94448 12.8403 0.840862 17.6194 1.8743 22.4814L9.98285 60.6291C11.0163 65.4911 15.7954 68.5947 20.6574 67.5613L40.8309 63.2732C39.7536 62.2417 38.7029 60.5725 38.7029 58.3511C38.7029 56.0547 39.8258 54.3483 40.9405 53.3263C41.9125 52.4351 42.9629 51.9632 43.5699 51.7215C44.6435 51.2941 45.945 50.9911 46.7678 50.7995L47.0111 50.7427C47.2624 50.6835 47.4969 50.6274 47.7167 50.5732L40.0221 14.3728C38.9886 9.51089 34.2095 6.40727 29.3475 7.44071ZM33.4369 34.6157C34.9743 35.1152 35.3945 37.0918 34.1931 38.1735L23.1879 48.0827C21.9865 49.1644 20.0647 48.5399 19.7286 46.9587L16.6496 32.4733C16.3135 30.892 17.8152 29.5399 19.3526 30.0394L33.4369 34.6157Z' fill='url(%23paint0_linear_803_20140)'/%3E%3Cpath d='M68.9757 32.4262L63.7829 41.4205C63.6584 41.2592 63.5236 41.0977 63.3774 40.9383C62.5048 39.9867 61.1329 39.0287 59.3205 38.7694L62.5713 20.3337C62.6841 19.6936 62.7364 19.0568 62.7323 18.4293L65.6815 20.132C69.9861 22.6173 71.461 28.1216 68.9757 32.4262Z' fill='url(%23paint1_linear_803_20140)'/%3E%3Cpath d='M57.6185 22.5066L54.5558 39.876C54.0748 40.2042 53.6644 40.5719 53.3282 40.9386C52.437 41.9107 51.965 42.961 51.7233 43.568C51.5133 44.0955 51.3333 44.6781 51.1819 45.2318L44.4237 13.4372C44.2351 12.55 43.9634 11.7019 43.6185 10.8992L50.3181 12.0805C55.2131 12.9437 58.4817 17.6116 57.6185 22.5066Z' fill='url(%23paint2_linear_803_20140)'/%3E%3Cpath d='M57.6173 22.5059L54.5546 39.8752C54.0735 40.2035 53.6632 40.5711 53.3269 40.9379C52.4357 41.9099 51.9638 42.9603 51.7221 43.5673C51.5121 44.0948 51.3321 44.6773 51.1806 45.231L44.4225 13.4365C44.2339 12.5493 43.9622 11.7011 43.6172 10.8984L50.3168 12.0798C55.2119 12.9429 58.4804 17.6108 57.6173 22.5059Z' fill='url(%23paint3_linear_803_20140)'/%3E%3Cpath d='M68.9755 32.4266L63.7826 41.4209C63.6582 41.2596 63.5233 41.0981 63.3772 40.9387C62.5045 39.9871 61.1327 39.0291 59.3203 38.7698L62.571 20.3341C62.6839 19.694 62.7362 19.0572 62.7321 18.4297L65.6812 20.1324C69.9859 22.6177 71.4608 28.122 68.9755 32.4266Z' fill='url(%23paint4_linear_803_20140)'/%3E%3Ccircle cx='53.25' cy='53.25' r='18.75' fill='%23F7F7F7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50.8015 42.0039C52.0613 40.6654 54.1887 40.6654 55.4485 42.0039L64.7297 51.8651C65.4543 52.6351 65.4176 53.8467 64.6476 54.5713C63.8777 55.296 62.6661 55.2593 61.9414 54.4893L55.0395 47.156V64.4733C55.0395 65.5306 54.1823 66.3878 53.125 66.3878C52.0677 66.3878 51.2105 65.5306 51.2105 64.4733V47.156L44.3086 54.4893C43.5839 55.2593 42.3723 55.296 41.6024 54.5713C40.8324 53.8467 40.7957 52.6351 41.5204 51.8651L50.8015 42.0039Z' fill='%23000'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_803_20140' x1='41.25' y1='67.5' x2='41.25' y2='0.749999' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BEBEBE'/%3E%3Cstop offset='1' stop-color='%23EDEDED'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_803_20140' x1='41.25' y1='67.5' x2='41.25' y2='0.749999' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BEBEBE'/%3E%3Cstop offset='1' stop-color='%23EDEDED'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_803_20140' x1='41.25' y1='67.5' x2='41.25' y2='0.749999' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BEBEBE'/%3E%3Cstop offset='1' stop-color='%23EDEDED'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_803_20140' x1='20.0973' y1='84.1733' x2='20.0973' y2='-15.504' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23818181'/%3E%3Cstop offset='1' stop-color='%23EDEDED'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_803_20140' x1='41.25' y1='67.499' x2='41.25' y2='0.749021' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235B5B5B'/%3E%3Cstop offset='1' stop-color='%23EDEDED'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_803_20140' x1='0.658659' y1='88.7814' x2='0.65866' y2='23.7834' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235B5B5B'/%3E%3Cstop offset='1' stop-color='%23EDEDED'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: center;
	width: 24px;
    height: 24px;
}

.ControlsLayout-module__root {
    position: absolute;
    display: flex;
    align-items: baseline;
    flex-direction: column;
    justify-content: flex-end;
    top: 0;
    flex-wrap: wrap;
    width: 0;
    gap: 16px;
}

.Group--mode-card {
    background: #ffffff;
    border-radius: 12px;
    position: relative;
	width: 315px;
	padding: 8px;
}

.coment--mode-card {
    background: #ffffff;
	padding: 8px;
	width: 330px;
	height: 442px;
	display: flex;
    flex-direction: column;
    padding: 0px;
}

.coment--mode-card:before {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #dce1e6;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.Group--mode-card:before {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #dce1e6;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.RightMenuItem-module__after {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
}

.PublishButton-module__button {
    margin-right: -8px;
}

.PublishButton-module--button {
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    min-height: 28px;
    min-width: 80px;
    padding: 0;
    position: relative;
    transition: background-color .15s ease-out, color .15s ease-out;
	background-color: rgba(235, 242, 250, 0.99);
	color: #3770b1;
}

.PublishButton-module--button:hover {
	background-color: rgba(235, 242, 250, 0.55);
    cursor: pointer;
}

.Publish-Button__in {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: inherit;
    text-align: center;
    width: 100%;
}

.Publish-Button__before {
    padding-left: 12px;
}

.Publish-Button__content {
    margin-left: 6px;
	padding-right: 16px
}



.RightMenuItem-module__container {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2px;
    padding: 0 12px;
    min-height: 36px;
    font-size: 13px;
    line-height: 16px;
	border-radius: 4px;
    color: #000;
    background:#fff;
}

.RightMenuItem-module__container:hover {
	background: #DAE1E8;
    cursor: pointer;
}

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






.DivMediaCardTop {
    transition: opacity 0.3s;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	z-index: 999;
}

.DivMediaControlsTop {
    padding: 4px;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    transition: opacity 0.3s;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.DivFlexCenter {
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.VolumeControlContainer {
	position: relative;
    background-color: #ffffff47;
	width: 50px;
	border-radius: 14px;
	padding: 14px;
	z-index: 999;
}

.DivVolumeControlContainer {
    position: absolute;
    height: 3px;
    width: 50px;
	margin-top: -2px;
}

.DivVolumeControlContainer.ui-widget-content {
    background: #ffffff;
    border-radius: 10px;
	height: 5px;
	border: none;
}

.DivVolumeControlContainer .ui-slider-range-min {
    height: 5px;
    width: 50px;
    position: absolute;
    background-color: rgb(152 159 167 / 99%);
    border: none;
    border-radius: 10px;
    outline: none;
}

.DivVolumeControlContainer .ui-slider-handle {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: #FFF;
    position: absolute;
    margin-left: -8px;
    margin-top: -3px;
    cursor: pointer;
    outline: none;
}


.DivMuteIconContainer {
    padding: 8px;
	cursor: pointer;
    opacity: 1;
    width: 40px;
    transition: opacity 0.3s;
    filter: drop-shadow(rgba(12, 12, 12, 0.2) 2px 2px 5px);
}

.DivIconWrapper {
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
    transition: opacity 0.3s;
    padding: 8px;
    display: flex;
    color: white;
}

.ClipBadge-module__root--audio {
    display: inline-flex;
    flex-wrap: nowrap;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    background-color: 0 0;
    white-space: nowrap;
    text-decoration: none;
    margin: 0 8px 0 0;
    line-height: 1;
}

.default__controls_audio {
    position: absolute;
	bottom: 30px;
	left: 10px;
}

.ClipBadge-module__root {
    display: inline-flex;
    flex-wrap: nowrap;
    padding: 2px 6px;
    align-items: center;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.20);
    white-space: nowrap;
    text-decoration: none;
    margin: 0 8px 0 0;
    line-height: 1;
}

.ClipBadge-module__before {
    color: #ffffff;
    margin-right: 4px;
}

.ClipBadge-module__label {
    display: block;
    overflow: hidden;
    margin: 1px 0;
    max-height: 16px;
}

.ClipBadge-module__labelIn {
    align-items: center;
    display: inline-block;
	font-weight: 400;
    vertical-align: top;
    color: #ffffff;
}

.default__controls {
    display: -ms-flexbox;
    display: flex;
	padding: 0 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
	height: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
    font-size: 16px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 0 0 5px 5px;
	z-index: 999;
}


.progress {
    display: -ms-flexbox;
    display: flex;
    height: 5px;
	width: 100%;
    transition: height 0.3s;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    border-radius: 4px;
	z-index: 9;
}

.default__controls > * {
    -ms-flex: 1;
    flex: 1;
}

.progress__filled {
    width: 0%;
    background: #e0e9e6;
    -ms-flex: 0;
    flex: 0;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    border-radius: 4px;
}








.RightMenuItem-module__checkbox {
    display: flex;
	position: relative;
    justify-content: flex-start;
    align-items: center;
    right: -330px;
	top: -1px;
}

.video_clip_default {
    border: 0 solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.video_clip_default:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    opacity: 1;
    visibility: visible;
}

.video_clip_overlay:before {
    background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
}
	
.block_video_clip {
    width: 370px;
    height: 550px;
    transform: translateY(0px);
    padding-bottom: 0px;
    padding-right: 0px;
	display: flex;
    align-items: flex-end;
}

.ckin-play:before {
    content: "\ea1c";
}

.ckin-pause:before {
    content: "\ea1d";
}

[class^="ckin-"], [class*=" ckin-"] {
    font-family: 'ckin' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
	
.default__button--big {
    background: none;
    border: 0;
    line-height: 1;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    outline: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    opacity: 1;
    visibility: visible;
    top: 45%;
    left: 46%;
    font-size: 40px;
	z-index: 9;
}

.VerifyAccountBanner {
    display: flex;
	margin-top: 17px;
	margin-bottom: 17px;
}

.VerifyAccountBanner-right {
    float: right;
	cursor: pointer;
    margin-top: -80px;
    color:#FF0000;
    padding: 25px;	
}

.VerifyAccountBanner-right:hover {
    text-decoration:underline;
}

.VerifyAccountBanner-icon {
    padding: 12px;
}

.disable_page_protection {
    display: flex;
    padding: 20px;
    width: 500px;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.VerifyAccountBanner-content {
    padding: 12px 0;
}

.a_gray {
    color:#858585;
    font-size:11pt;
    font-weight: bold;
}

.history_deletion_block {
    position: fixed;
    left: 50%;
    top: -90px;
	margin-left: -160px;
    width: 350px;
    z-index: 999999999;
}

.update_box_history_deletion {
    width: 300px;
    word-wrap: break-word;
    color: #fff;
    background: url(../images/bgbi.png);
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 2px 8px 1px #444;
    -moz-box-shadow: 0px 2px 8px 1px #444;
    -webkit-box-shadow: 0px 2px 8px 1px #444;
    text-shadow: 0px 1px 0px #262626;
    z-index: 100;
    line-height: 15px;
}

.updates_internet_connection {
    position: fixed;
    left: 50%;
    top: -90px;
	margin-left: -160px;
    width: 350px;
    z-index: 999999999;
}

.update_box_internet_connection {
    width: 300px;
    word-wrap: break-word;
    color: #fff;
    background: url(../images/bgbi.png);
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 2px 8px 1px #444;
    -moz-box-shadow: 0px 2px 8px 1px #444;
    -webkit-box-shadow: 0px 2px 8px 1px #444;
    text-shadow: 0px 1px 0px #262626;
    z-index: 100;
    line-height: 15px;
}

.internet_connection_text {
    position: relative; 
    display: flex;
    -ms-flex-align: center;
    align-items: center;
	top: 20px;
	left: 5px;
}

.updates_complaint_block {
    position: fixed;
    left: 50%;
    top: -90px;
	margin-left: -160px;
    width: 350px;
    z-index: 999999999;
}

.update_box_complaint_block {
    width: 300px;
    word-wrap: break-word;
    color: #fff;
    background: url(../images/bgbi.png);
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 2px 8px 1px #444;
    -moz-box-shadow: 0px 2px 8px 1px #444;
    -webkit-box-shadow: 0px 2px 8px 1px #444;
    text-shadow: 0px 1px 0px #262626;
    z-index: 100;
    line-height: 15px;
}

.smilies_like_animate:hover {
    animation: smilies_animate 1.5s infinite;
}

@keyframes smilies_animate {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.profile-user-info_flags {
    display: inline-block;
    white-space: nowrap;
    vertical-align: text-bottom;
	width: 24px;
    height: 24px;
}

.profile-user-info_name {
    margin-top: 40px;
	color:#FFF;
	font-size: 20px;
}

.cover-controls_editing {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 12px 16px;
    background-color: rgba(0,0,0,.3);
	z-index: 9;
}

.progressbar-cover-editing {
    background: #FFF;
    width: 400px;
    position: absolute;
    height: 9px;
	top: 16px;
}

.thumb-cover-editing {
    position: relative;
    left: 0px;
    top: 0px;
    cursor: pointer;
  	width:10px;
	height:9px;
	background: #6383A8;
}

.progressbar_cover_editing {
    margin-left: 420px;
    color: #fff;
}

.OwnerPageBackground__button {
    position: absolute;
    top: 20px;
    right: 200px;
    opacity: 1;
	z-index: 9;
}

.OwnerPageCover__button {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
	z-index: 9;
}

.uiButton__content {
    margin-left: 6px;
}

.uiButton__in {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: inherit;
    text-align: center;
    width: 100%;
	border: 1px solid #fff;
	padding: 4px;
    border-radius: 4px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.36);
	cursor: pointer;
}

.uiButton__in:hover  {
    background-color: rgba(255,255,255,.2);
}


.uiButton__in_menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: inherit;
    text-align: center;
	margin-right: 17px;
	border: 1px solid #ccc;
	padding: 4px;
    border-radius: 4px;
	color: #000;
	background-color: rgba(0, 0, 0, 0.08);
	cursor: pointer;
}

.uiButton__in_menu:hover  {
    background-color: rgba(0, 0, 0, 0.10);
}


.change-cover_window {
    position: absolute;
	background: #FFF;
	border: 1px solid #95ADC4;
	width: 250px;
	right: -20px;
    top: 60px;
	z-index: 99;
	display:none;
}








.entity-avatar {
    top: 82px;
    left: 20px;
    bottom: auto;
    padding: 0;
    border: 2px solid #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-sizing: border-box;
}

.playlist_center_usual_standard {
	position: relative;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
	border-radius: 4px;
}

.playlist_center_page {
	position: relative;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
	border-radius: 4px;
}

.playlist_center_page_mini {
    position: relative;
    display: flex;
}

.AudioPlaylistSnippet__bloc {
	position: relative;
    display: flex;
	padding: 10px;
}

.AudioPlaylistSnippet__covers_bloc {
    position: relative;
    width: 200px;
    height: 200px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h72v72h-72z%22%2F%3E%3Cpath%20d%3D%22m42.5%2018h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm0%2012h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm-33%2015c-.82842712%200-1.5-.6715729-1.5-1.5s.67157288-1.5%201.5-1.5h23c.8284271%200%201.5.6715729%201.5%201.5s-.6715729%201.5-1.5%201.5zm44.5%201.2665767c0%209.0247975-1.7494466%2010.7668864-8.7488058%2011.684387-3.3364518.4373539-7.2511942-1.0769136-7.2511942-6.3234191%200-2.5628074%201.603626-4.996526%204.9222856-5.6324987%202.5344608-.4856924-.1815623.0363869%205.5521446-1.0280794%201.3919505-.2584165%201.5496826-.75646%201.5496826-1.8175819%200-.5328188-.0026365-5.1902877-.0192719-8.3880674v-8.6356283s-.010892-4.116544%200-6.1747951c.0130272-2.4617298%201.3592916-3.3664367%205.3275843-4.1679516%200%200%206.0464225-1.1479356%209.3704503-1.7508398.7355662-.1334152%201.2971245.1403611%201.2971245.9840516%200%200-.0213548%205.2442021%200%208.1086771.0062012.8318081-.3368479%201.208402-1.1799422%201.3580445-3.3633975.596976-9.7298555%201.7207236-9.7298555%201.7207236-.7477585.1836552-1.0902023.7099992-1.0902023%201.4665831z%22%20fill%3D%22%236f98c7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 28, 61, 0.08);
}

.AudioPlaylistSnippet__cover_bloc {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.AudioPlaylistSnippet__title--main_bloc {
    display: inline-block;
    font-size: 18px;
    line-height: 23px;
	width: 480px;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	color: #000000;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin: 0;
}

.CatalogBlock_title_bloc {
	display: inline-block;
	width: 550px;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 14px;
    line-height: 1.38;
    margin-top: 8px;
    color: #818c99;
}

#canvas_tape_audio_player {
    position: absolute;
    bottom: 10px;
	left: 227;
}

#progress_tape_audio_player {
    position: absolute;
	margin-left: -3px;
	bottom: 10px;
    background: rgba(255, 155, 0, 0.5);
    width: 0px;
    height: 50px;
}

.jp-controls_tape_audio {
	position: absolute;
	bottom: -100px;
    left: 227px;
}


.current-time-tape-player {
	position: absolute;
	bottom: -100px;
	margin-bottom: 12px;
    left: 0;
}

.duration-tape-player {
	position: absolute;
	bottom: -100px;
	margin-bottom: 12px;
    right: 0;
}


.AudioPlaylistSnippet {
	position: relative;
    display: flex;
	padding: 10px;
}

.AudioPlaylistSnippet__left {
    width: 200px;
    flex-grow: 0;
    flex-shrink: 0;
}

.AudioPlaylistSnippet__right {
    width: 100%;
    margin: 0 0 0 20px;
    max-width: 555px;
}

.AudioPlaylistSnippet__covers {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 6px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h72v72h-72z%22%2F%3E%3Cpath%20d%3D%22m42.5%2018h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm0%2012h-33c-.82842712%200-1.5.6715729-1.5%201.5s.67157288%201.5%201.5%201.5h33c.8284271%200%201.5-.6715729%201.5-1.5s-.6715729-1.5-1.5-1.5zm-33%2015c-.82842712%200-1.5-.6715729-1.5-1.5s.67157288-1.5%201.5-1.5h23c.8284271%200%201.5.6715729%201.5%201.5s-.6715729%201.5-1.5%201.5zm44.5%201.2665767c0%209.0247975-1.7494466%2010.7668864-8.7488058%2011.684387-3.3364518.4373539-7.2511942-1.0769136-7.2511942-6.3234191%200-2.5628074%201.603626-4.996526%204.9222856-5.6324987%202.5344608-.4856924-.1815623.0363869%205.5521446-1.0280794%201.3919505-.2584165%201.5496826-.75646%201.5496826-1.8175819%200-.5328188-.0026365-5.1902877-.0192719-8.3880674v-8.6356283s-.010892-4.116544%200-6.1747951c.0130272-2.4617298%201.3592916-3.3664367%205.3275843-4.1679516%200%200%206.0464225-1.1479356%209.3704503-1.7508398.7355662-.1334152%201.2971245.1403611%201.2971245.9840516%200%200-.0213548%205.2442021%200%208.1086771.0062012.8318081-.3368479%201.208402-1.1799422%201.3580445-3.3633975.596976-9.7298555%201.7207236-9.7298555%201.7207236-.7477585.1836552-1.0902023.7099992-1.0902023%201.4665831z%22%20fill%3D%22%236f98c7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 28, 61, 0.08);
}

.AudioPlaylistSnippet__equalizer {
	position: absolute;
	border-radius: 6px;
	opacity: 0.7;
	width: 100%;
    height: 100%;
	z-index: 1;
}

.AudioPlaylistSnippet__equalizer_button {
	position: absolute;
	right: 0;
}

.AudioPlaylistSnippet__player_controls {
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 2;
}

.AudioPlaylistSnippet__player_display {
	position: relative;
    display: flex;
}

.AudioPlaylistSnippet__button {
	opacity: 0.5;
}

.AudioPlaylistSnippet__button:hover {
    opacity: 1;
}

.AudioPlaylistSnippet__cover {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.AudioPlaylistSnippet__title {
    margin: 0 0 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.AudioPlaylistSnippet__title--main {
    display: inline-block;
    font-size: 18px;
    line-height: 23px;
	color: #000000;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin: 0;
}

.AudioPlaylistSnippet__info {
    font-size: 14px;
    line-height: 1.38;
    margin-top: 12px;
    color: #818c99;
}

.AudioPlaylistSnippet__body {
    border: 0;
    border-top: solid 1px #dce1e6;
    margin: 12px 0 0 0;
    padding: 8px 0 0 0;
    width: 100%;
}

.ActionButton--shuffle {
    display: flex;
    align-items: center;
}

.AudioPlaylistSnippet .ActionButton--shuffle {
    width: calc(100%);
    height: 40px;
    border-radius: 4px;
    padding: 0 0 0 2px;
    text-align: left;
}

.AudioPlaylistSnippet__actionButton {
    position: relative;
    background-color: transparent;
    border: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    line-height: 16px;
    color: #626d7a;
    cursor: pointer;
    margin: 0 24px 0 0;
    padding: 0;
}

.AudioPlaylistSnippet__actionButton:hover {
    background-color: #DAE1E8;
}

.ActionButton--shuffleIcon {
    opacity: 1;
    margin: 0 12px 0 6px;
    display: inline-block;
    color: #447bba;
}

.AudioPlaylistSnippet .ActionButton--shuffle__text {
    color: #447bba;
}

.CatalogBlock {
    margin-top: 20px;
}

.CatalogBlock_title {
	font-size: 14px;
    line-height: 1.38;
    margin-top: 8px;
    color: #818c99;
}

.MusicOwnerCell {
    display: flex;
    margin: 4px 0;
}

.MusicOwnerCell__before {
    margin-right: 12px;
}

.MusicOwnerCell__avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    box-shadow: inset 0 0 .5px rgba(0, 0, 0, .08);
    background-size: cover;
    background-position: center center;
}

.MusicOwnerCell__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.MusicOwnerCell__text {
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 13px;
    line-height: 16px;
}

.MusicOwnerCell__ownerLink {
    color: #2a5885;
}



.main-content-header_cover {
    position: relative; 
    height: 250px;
	left: 5px;
}

.main-content-header_cover {
    margin: -7px -13px;
    width: 800px;
}

.profile-cover-slider {
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    z-index: 0;
}

.profile-cover-slider, .profile-cover_img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
}

.profile_cover-avatar_info {
    position: absolute;
    left: 170px;
    bottom: -30px;
	width: 615px;
	border: 1px solid #fff;
	overflow: hidden;
    text-overflow: ellipsis;
}

.public_cover-avatar_info {
    position: absolute;
    left: 12px;
    bottom: 130px;
	width: 615px;
	border: 1px solid #fff;
	font-size: 18px;
	overflow: hidden;
    text-overflow: ellipsis;
}

.ProfileInfo__fullInfo {
    position: absolute;
	display: flex;
    left: 170px;
    bottom: -60px;
	width: 615px;
	height: 24px;
	border: 1px solid #fff;
}

.ProfileInfo__fullInfo_admin {
    position: absolute;
    display: flex;
    left: 170px;
    bottom: -90px;
    width: 615px;
    height: 50px;
    border: 1px solid #fff;
	justify-content: space-between;
}

.publicInfo__fullInfo {
    position: absolute;
	display: flex;
	align-items: center;
    left: 12px;
    bottom: 65px;
	width: 615px;
	height: 25px;
	border: 1px solid #fff;
}

.publicHeader__text {
	
}

.publicHeader__actions {
    position: absolute;
    right: 0;
}

.publicHeader__status {
    position: absolute;
    left: 12px;
    bottom: 100px;
	width: 615px;
	font-size: 14px;
	border: 1px solid #fff;
}

.ProfileHeader__actions {
    position: absolute;
	right: 0;
}

.ProfileHeader__actions_admin {
    display: flex;
    align-items: center;
}

.user_real {
    float: right;
	width: 13px;
    height: 13px;
    background: url(../images/profile_icons.gif) no-repeat scroll 0px -73px transparent;
    margin-top: 5px;
    margin-left: 7px;
}

.user_real_search {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/profile_icons.gif) no-repeat scroll 0px -73px transparent;
    margin-left: 7px;
}

.verified_tt_header {
    color: #2a5885;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    margin: 0 0 9px;
}

.verified_tt_text {
    line-height: 17px;
}


.pageButton__content {
    border-radius: 2px;
    border: #3770b1;
    font-size: 14px;
    outline: none;
    white-space: nowrap;
    background: #3770b1;
    font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    background-position: 0 -16px;
    color: #fff;
    padding: 4px 8px;
    text-shadow: 0 1px 0 #686868;
    cursor: pointer;
    text-decoration: none;
}

.pageButton__content:hover  {
    background: #4585C5;
}

.pageButton__content-white {
    border-radius: 2px;
    border: #ffffff;
    font-size: 14px;
    outline: none;
    white-space: nowrap;
    background: #ffffff;
    background-position: 0 -16px;
    color: #626d7abd;
    padding: 4px 8px;
    cursor: pointer;
    text-decoration: none;
}

.pageButton__content-white:hover  {
    color: #626d7a;
}

.pageAccustomed__content {
    border-radius: 2px;
    font-size: 14px;
    outline: none;
    white-space: nowrap;
    background: #858585;
    font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    background-position: 0 -16px;
    color: #fff;
    padding: 4px 8px;
    text-shadow: 0 1px 0 #686868;
    text-decoration: none;
}

.pageButton_content {
    border-radius: 2px;
    border: #EBF2FA;
    font-size: 14px;
    outline: none;
    white-space: nowrap;
    background: #EBF2FA;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    background-position: 0 -16px;
    color: #5489C8;
    padding: 4px 8px;
    text-shadow: 0 1px 0 #686868;
    cursor: pointer;
    text-decoration: none;
}

.pageButton_content:hover  {
    background: #D9E8F4;
}

.page_friends{ 
    border-radius: 2px;
    border: #DAE1E8;
    font-size: 14px;
    outline: none;
    white-space: nowrap;
    background: #DAE1E8;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    background-position: 0 -16px;
    color: #585858;
    padding: 4px 8px;
    text-shadow: 0 1px 0 #686868;
}

.uiButton__in_icon {
    align-items: center;
    display: flex;
}

.uiButton__after {
    background: url(../images/audio_icons.png) -234px -48px no-repeat;
    margin: -4px 0px 0px 6px;
    width: 11px;
    height: 18px;
}

.uiButton__after_delete {
    margin: 1px 0px 0px 6px;
    background: url(../images/audio_icons.png) -105px -50px no-repeat;
    width: 15px;
    height: 18px;
}

.Button__content_window {
    position: absolute;
	background: #FFF;
	border: 1px solid #95ADC4;
	width: 200px;
	right: 100px;
    top: 26px;
	z-index: 99;
	display:none;
}

.page__content_window:hover  .Button__content_window {
    display: block;
}

.ProfileHeader__status {
    position: absolute;
    left: 170px;
    bottom: -95px;
	width: 615px;
}

.profile-user-info_status {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    margin: 6px auto 0 0;
}

.box-modal-read_more {
    position: relative;
    width: 600px;
    padding: 0px;
    background: #fff;
    color: #3c3c3c;
    font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.4) inset;
    border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;
    border-radius: 0px;
}


.InlineShortInfoCell-module__cell--dC2mM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.InlineShortInfoCell-module {
    cursor: pointer;
}

.InlineShortInfoCell-module:hover {
    text-decoration:underline;
}

.InlineShortInfoCell-module__icon--AjXoV {
    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;
}

.InlineShortInfoCell-module__label--t621t {
    margin-left: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile_cover-avatar_info h8 {
    font-size: 18px;
}

.profile_cover-avatar_info h8 {
    color: #000;
}

.profile-cover_img {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    transition: opacity 1s;
    will-change: transform,opacity;
    width: 100%;
}

.profile-cover_img:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 60%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.5) 100%);
}

.miniature_title {
    color: #45688E;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}

.miniature_title-text {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.user-hover-card,
.text-tooltip {
  position: fixed;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,.15);
  z-index: 999999999;
}

.user-hover-card {
    width: 400px;
	min-height: 170px;
}

.text-tooltip {
  background: #333;
  color: #fff;
  padding: 8px 10px;
  font-size: 15px;
}


.arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.top .arrow {
  bottom: -8px;
  left: 20px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}

.bottom .arrow {
    top: -8px;
    left: 20px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.left .arrow {
    right: -8px;
    top: 20px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
}

.right .arrow {
left: -8px;
  top: 20px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
}

.top-menu .arrow {
  bottom: -8px;
  left: 80px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}

.bottom-menu .arrow {
    top: -8px;
    left: 80px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}


.text-tooltip.top .arrow {
  border-top-color: #333;
}
.text-tooltip.bottom .arrow {
  border-bottom-color: #333;
}





 .text-tooltip-anim {
  position: fixed;
width: 300px;
  background: #333;
  color: #fff;

  padding: 8px 12px;
  border-radius: 8px;

  font-size: 15px;

  box-shadow: 0 6px 20px rgba(0,0,0,.18);

  opacity: 0;
  transform: scale(.95);

  transition:
    opacity .2s ease,
    transform .2s ease;

  pointer-events: none;

  z-index: 999999;

  display: none;
}

/* visible */
.text-tooltip-anim.show {
  display: block;
  opacity: 1;
  transform: scale(1);
}

/* arrow */
.text-tooltip-anim .arrow {
  position: absolute;
  width: 0;
  height: 0;
}

/* TOP */
.text-tooltip-anim.top .arrow {
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);

  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #333;
}

/* BOTTOM */
.text-tooltip-anim.bottom .arrow {
  top: -7px;
  left: 50%;
  transform: translateX(-50%);

  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #333;
}








.fb-loader-bloc {
	position: fixed;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.25);
	padding: 2px;
}


.fb-loader {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid rgba(0,0,0,.15);
    border-top-color: rgba(0,0,0,.5);
    animation: fb-spin .8s linear infinite;
    z-index: 999999999;
    background: transparent;
}

@keyframes fb-spin {
    to { 
	    transform: rotate(360deg); 
	}
}




/* skeleton */
.sk-header {
    display: flex;
    gap: 12px;
}

.sk-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #eee;
}

.sk-lines div {
  height: 10px;
  width: 160px;
  background: #eee;
  margin-bottom: 8px;
  border-radius: 4px;
}

.sk-buttons {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.sk-buttons div {
  height: 32px;
  flex: 1;
  background: #eee;
  border-radius: 6px;
  animation: pulse 1.2s infinite;
}

@keyframes pulse {
  0% { opacity: .6 }
  50% { opacity: 1 }
  100% { opacity: .6 }
}

/* content */
.uh-header {
    position: absolute;
    margin-top: -30px;
    margin-left: 10px;
    display: flex;
    gap: 12px;
}

.uh-header img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.card_cover-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
}

.name {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.meta {
	margin-top: 7px;
    font-size: 14px;
    color: #777;
}

.uh-actions {
  display: flex;
  gap: 8px;
  margin: 50px 15px 20px;
  align-items: center;
}

.uh-actions button {
  flex: 1;
  padding: 6px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}

.card-mutual-friends {
  flex: 1;
  padding: 6px;

}

.uh-actions .gray {
  background: #eee;
}









.feed_main-photo-changed {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    border-radius: 8px;
}

.feed_main-photo-changed_photo-link {
    z-index: 1;
    display: block;
    max-width: 250px;
    max-height: 350px;
    border: 2px solid #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);
}

.feed_main-photo-changed_background-wrapper {
    left: 0;
    top: 0;
    bottom: 0;
}

.feed_main-photo-changed_background-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.feed_main-photo-changed_cover {
    display: block;
	height: 200px;
    background-size: cover;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 8px 8px 0 0;
}


.feed_main-photo-changed_body {
    position: relative;
    height: 100px;
}

.url_cover-changed_cover {
    position: relative;
    display: block;
    height: 120px;
    background-size: cover;
}

.url_cover-changed_body {
    position: relative;
	display: block;
    left: 120px;
    top: -50px;
}

.url_cover-changed_info {
    position: absolute;
    bottom: 0;
	width: 100%;
    border-top: 1px solid #dce1e6;
    text-align: center;
}

.PostHeader--compact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.PostHeader--compact_messages {
    padding: 10px 20px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	cursor: pointer;
}

.PostHeader--compact_messages:hover {
    background:#F5F6F8;
}

.feed_cover-changed_cover {
    position: relative;
    display: block;
	cursor: pointer;
    height: 160px;
    background-size: cover;
    border-radius: 8px 8px 0 0;
}

.feed_cover-changed_cover:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 60%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.5) 100%);
}

.user-hover-card_cover {
    position: relative;
    display: block;
    height: 120px;
    background-size: cover;
    border-radius: 8px 8px 0 0;
}

.user-hover-card_cover:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 60%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.5) 100%);
}

.feed_cover-changed_body {
    position: relative;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 16px;
    border-top: none;
    border-radius: 0 0 8px 8px;
}

.feed_cover-changed_avatar {
    position: absolute;
    left: 9px;
    bottom: 9px;
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);
}

.feed_cover-changed_info {
    position: absolute;
    left: 120px;
    bottom: 15px;
}

.feed_cover-changed_info h8 {
    font-size: 18px;
}

.feed_cover-changed_info h8 {
    color: #fff;
}

.login-autocheck {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    margin-top: 20px;
	margin-left: -25px;
}

.login-autocheck input{
    display:none;
}

.login-checkmark{
    width:20px;
    height:20px;
    border-radius:6px;
    border:2px solid #667eea;
    margin-right:8px;
    position:relative;
    transition:all .25s ease;
}

.login-autocheck input:checked + .login-checkmark{
    background:#667eea;
    border-color:#667eea;
}

.login-checkmark:after{
    content:'';
    position:absolute;
    left:6px;
    top:2px;
    width:5px;
    height:10px;
    border:solid white;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
    opacity:0;
}

.login-autocheck input:checked + .login-checkmark:after{
    opacity:1;
}






.vidstup_id_objects{
	margin-top: 17px;
}

.vidstup_id_objects_function{
	margin-top: 40px;
}

.vidstup_id_objects_function_200{
	margin-top: 200px;
}

.vidstup_id_objects_mini{
	margin-top: 7px;
}

.vidstup_id_objects_5{
	margin-top: 5px;
}

.vidstup_id_objects_10{
	margin-top: 10px;
}

.vidstup_id_objects_login{
	margin-top: 25px;
}



.add_history_loadstyle {
    width: 70px;
    margin: auto;
    background: #000 url(../images/loading.gif) no-repeat center;
    padding: 20px;
    height: 10px;
    border-radius: 5px;
    opacity: 0.6;
}

.reload_profile_loadstyle {
    width: 70px;
    margin: auto;
    background: #000 url(../images/loading.gif) no-repeat center;
    padding: 20px;
    height: 10px;
    border-radius: 5px;
    opacity: 0.6;
}

#chat_text_scroll { 
	overflow: auto; 
}

.GoBackClass {
    height: 15px;
	width: 14px;
}

.GoBackClass {
    position: relative; 
    display: inline-block;
    background: url("../images/toplink.gif")  0px -22px no-repeat;
}

.dialog_scripts_uzer:hover {
    background:#7C9BAD;
    cursor: pointer;
}

.dialog_scripts_uzer {
   position: relative; 
   background: #BFD2E4;
   width:270px;
   left: 5px;
   padding: 7px;
}


.CallIconStyle:hover {
    background:#7C9BAD;
    cursor: pointer;
	border-radius: 50%;
}

.message_chat_class {
   position: fixed;
   bottom: 0; 
   padding: 7px;
   background: #BFD2E4;
   width:606px;
   z-index: 9999999;
}

.box-modal-message {
    position: relative;
	width: 612px;
}

.loader-expectation {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  position: relative;
  -webkit-animation: loader-expectation 0.9s 0.35s ease alternate infinite;
  animation: loader-expectation 0.9s 0.35s ease alternate infinite;
  margin: -20px auto 0;
}

.loader-expectation:after,
.loader-expectation:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  animation: loader-expectation 0.9s ease alternate infinite;
  -webkit-animation: loader-expectation 0.9s ease alternate infinite;
}

.loader-expectation:before {
  left: -20px;
  animation-delay: 0.2s;
}

.loader-expectation:after {
  right: -20px;
  animation-delay: 0.5s;
}

@keyframes loader-expectation {
  0% {
    box-shadow: 0 15px 0 -15px #62859D;
  }
  100% {
    box-shadow: 0 15px 0 #62859D;
  }
}

@-webkit-keyframes loader-expectation {
  0% {
    box-shadow: 0 15px 0 -15px #62859D;
  }
  100% {
    box-shadow: 0 15px 0 #62859D;
  }
}

.loader-container-expectation {
    position: relative;
    display: inline-block;
}

.EmptyDialogStubBlok {
    position: fixed;
	margin-top: 8px;
}

.EmptyRestoreStubBlok {
    position: relative;
	margin-top: 20px;
    text-align: center;
}

.loader-expectation-text {
    margin-bottom: 10px;
	color:#585858;
	font-weight:bold;
	font-size:11pt;
}

.CallIconAvatar {
    margin-top: 20px;
    position: relative;
    text-align: center;
}

.CallSnippet--interactive {
    cursor: pointer;
	margin-top: 7px;
}

.CallSnippet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #62859d;
    border-radius: 4px;
}

.CallSnippet__users {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
}

.CallSnippet__users svg {
    display: block;
    color: #447bba;
}

.CallSnippet__users_text {
    position: absolute;
	top: 18px;
	left: 80px;
}

.CallSnippet__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.CallSnippet__title {
    margin: 0;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 12.5px;
    line-height: 16px;
    color: #000;
}

.CallSnippet__desc {
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 16px;
    color: #818c99;
}

.EmptyDialogStub__avatar_call {
    margin-bottom: 40px;
}

.EmptyDialogStub__avatar_call img {
    border-radius: 50%;
}

.EmptyDialogStub__avatar {
    margin-bottom: 10px;
}

.EmptyDialogStub__avatar img {
    border-radius: 50%;
}

.EmptyDialogStub {
    position: relative;
    text-align: center;
    top: 50px;
}


.StepInfo__body {
    align-items: center;
    text-align: center;
    padding: 0 0 20px;
}

.DisplayTitle__demiboldWeight {
    font-weight: 500;
	font-size: 20px;
}

.box-modal-login-foto {
    position: relative;
    width: 800px;
	background-color: #fff;
	padding: 15px;

}

.EmptyDialogStub__avatar_login img {
    border-radius: 50%;
}

.EmptyDialogStub__name_login {
    position: relative;
	width: 475px;
}

.EmptyDialogStub__detali_login {
    position: relative;
	background: transparent;
	margin-top: 10px;
    border-top: 2px solid #DAE1E8;
	width: 623px;
	padding: 13px;
}

.page_top {
    padding: 0 0 15px;
}

.page_top {
    padding: 15px 20px;
    border-bottom: 1px solid #dce1e6;
}

.page_top_information {
    margin-top: 20px;
}

.arcticmodal-overlay-PhotoView  { 
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0;
	background-color: #fff;
	z-index: 999999999;
}

.smartphoto-header-chat {
    display: block;
    position: relative;
    height: 18px;
    padding: 15px;
	border-radius: 0 8px 0 0;
    background-color: #447bba;
}

.modal_content_share {
    position: relative;
	width: 565px;
}

.bloc_share_clip {
	display: flex;
    height: 100%;
    width: 100%;
}

.info_share_clip-left {
    position: relative;
    display: flex;
    margin: 10px;
}

.info_cshare_clip-right {
    position: relative;
    width: 330px;
    flex-shrink: 0;
    border-left: 1px solid #cccccc;
    margin: 10px 0 10;
    height: 300px;
    overflow-y: scroll;
}


.info_cshare_clip-button {
    display: flex;
    justify-content: flex-end;
    padding: 15px;
}

.bloc_live_stream {
    position: fixed;
    left: 0;
    display: flex;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    justify-content: center;
    align-items: center;
}

.mv_info_live_stream {
	background-color: #222222;
    border-radius: 8px;
	display: flex;
    justify-content: space-between;
}

.info_live_stream-right {
    position: relative;
    height: 100%;
    width: 500px;
    flex-shrink: 0;
	border-radius: 0 8px 8px 0;
    z-index: 2;
    background-color: #ffffff;
}

.info_live_stream-left {
    position: relative;
    min-width: 0;
    flex-grow: 1;
    display: flex;
}

.info_live_stream-chat {
    display: block;
    position: relative;
    height: 18px;
    padding: 15px;
	border-radius: 0 8px 0 0;
    background-color: #447bba;
}

.chat_live_stream_block {
    width: 100%;
	border-radius: 0 0 8px 0;
}

.spectators_live_stream {
	overflow: auto;
	height: 200px;
}

.chat_live_stream {
	overflow: auto;
}

.live_stream_block::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.live_stream_block::-webkit-scrollbar {
    width: 7px;
}

.live_stream_block::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.LiveWarning__content {
    align-content: center;
    justify-items: center;
    display: grid;
    row-gap: 20px;
    color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9;
}

.LiveWarning__icon {
    opacity: .4;
}

.LiveWarningMessage {
    display: grid;
    row-gap: 5px;
    text-align: center;
    font-size: 16px;
}

.LiveWarningMessage__title {
    opacity: .4;
}

.broadcast_is_over {
    position: absolute;
    top: 0; 
	left: 0;
    width: 100%; 
	height: 100%;
    background: rgb(0 0 0 / 54%);
    color: white;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	z-index: 20;
}

.static_overlay {
    position: absolute;
	inset: 0;
    background: black; 
	z-index: 10;
}

.static_overlay canvas {
    border-radius: 0 8px 8px 0;
}

.video_live_stream {
	height: 100%;
    width: 100%;
}

.heart_reaction { 
    position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	pointer-events: none; 
	overflow: hidden;
	z-index: 10;
}

.reaction_animation { 
    position: absolute; 
	font-size: 40px; 
	animation: floatUp 4s ease-out forwards; 
}
    
@keyframes floatUp {
    from { 
	    transform: translateY(400px); 
		opacity: 1; 
	}
    to { 
	    transform: translateY(-50%); 
		opacity: 0; 
	}
}

.bloc_live_stream_chat {
	position: absolute;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 360px;
    bottom: 0;
	left: 0;
    background-color: 0 0;
	z-index: 9;
}

.msg_live_stream { 
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 2px;
    background-color: rgba(0, 0, 0, 0.25);
    padding: 5px;
}

.msg_live_stream img { 
    width: 28px; 
	height: 28px; 
	border-radius: 50%; 
	object-fit: cover; 
}

.viewer_card_live { 
    display: inline-block;
    width: 228px;
    align-items: center;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #eee;
    margin-bottom: 6px;
	margin-left: 5px;
    background: #cccccc;
}

.viewer_card_live img { 
    width: 36px; 
	height: 36px; 
	border-radius: 50%; 
	object-fit: cover; 
}

.viewer_card_live div { 
    position: relative;
    float: right;
    width: 170px;
    right: 8px;
    top: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messages_live_scroll {
	color: #fff;
    font-weight: 600;
    overflow: auto;
	height: 100%;
}

.messages_live_scroll::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.messages_live_scroll::-webkit-scrollbar {
    width: 7px;
}

.messages_live_scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.reply_field_wrap_live {
	position: relative;
    margin: 5px 55px 0 0;
}








.bloc_chat_photo {
    position: fixed;
    left: 0;
    display: flex;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    justify-content: center;
    align-items: center;
}

.mv_info_chat_photo {
	background-color: #222222;
    border-radius: 8px;
	display: flex;
    justify-content: space-between;
}

.info_chat_photo-right {
    position: relative;
    height: 100%;
    width: 350px;
    flex-shrink: 0;
	border-radius: 0 8px 8px 0;
    z-index: 2;
    background-color: #ffffff;
}

.info_chat_photo-left {
    position: relative;
    min-width: 0;
    flex-grow: 1;
    display: flex;
	margin: 30px;
    justify-content: center;
    align-items: center;
}

.info_chat_photo-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #222222;
	border-radius: 8px 0 0 8px;
}

.info_chat_photo-overlay_img {
    position: absolute;
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;
    filter: blur(100px);
    will-change: transform;
    opacity: .5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.info_chat_photo-pressed::after {
    position: absolute;
    content: ".";
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: #0000009c url(../images/staticmp3.png) no-repeat -110px -14px;
    z-index: 2;
}

.image-container__chat {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.image-container__chat-position {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-wrap__chat {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    transform-origin: center center;
}

.chat_photo_block {
    width: 350px;
    overflow-y: auto;
    overflow-x: hidden;
	border-radius: 0 0 8px 0;
}

.uiSimpleCell__host {
	color: #000000;
    min-height: 48px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    align-items: center;
    text-decoration: none;
	border-radius: 8px;
    isolation: isolate;
    position: relative;
    display: flex;
}

.uiSimpleCell__host:hover {
    background: #DAE1E8;
	text-decoration: none;
}

.uiImageBase__host {
	width: 36px;
    height: 36px;
	border-radius: 50%;
}

.uiImageBase__imgObjectFitCover {
    object-fit: cover;
	border-radius: inherit;
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.uiSeparator__host {
    background-color: #dce1e6;
    margin: 4px 4px;
    margin-left: 12px;
    margin-right: 12px;
    height: 1px;
}

.itActionsGroupItem__root {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    min-width: 48px;
	color: #2a5885;
    max-width: fit-content;
    overflow: hidden;
	cursor: pointer;
    padding: 3px 4px;
    margin: -3px -4px;
	opacity: .7;
}

.itActionsGroupItem__root:hover{
    opacity: 1;
}

.itActionsGroupItem__in {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


.smartphoto-header {
    display: block;
    box-sizing: border-box;
    position: absolute;
    z-index: 102;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    padding: 15px;
    background-color: rgba(255,255,255,0.2);
}

.smartvideo-header_bottom {
    display: block;
    box-sizing: border-box;
    position: absolute;
    z-index: 102;
    bottom: 0;
    left: 0;
	align-items: center;
    width: 100%;
    padding: 10px 10px 10px 0;
    background-color: rgba(0,0,0,0.5);
}

.smartphoto-header_bottom {
    display: block;
    box-sizing: border-box;
    position: absolute;
    z-index: 102;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    padding: 15px;
    background-color: rgba(255,255,255,0.2);
}

.photo_view_bottom_panel {
	display: flex;
    box-sizing: border-box;
    position: absolute;
    z-index: 105;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    padding: 15px;
    background-color: #000;
}

.photo_view_bottom_statements {
	display: flex;
    box-sizing: border-box;
    position: absolute;
    z-index: 105;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 15px;
    background-color: #dce1e6;
}

.pv_nav_btn_left {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
	z-index: 101;
	width: 100px;
	background-color: 0 0;
}

.block_photo {
    z-index: 2;
}

.block_photo_progress {
    z-index: -1;
}

.pv_nav_btn_right {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    cursor: pointer;
	z-index: 101;
	width: 100px;
	background-color: 0 0;
}

.pv_nav_left_icon {
    position: relative;
    display: inline-block;
	top: 50%;
	left: 25px;
	opacity: 0.7;
}

.pv_nav_right_icon {
    position: relative;
    display: inline-block;
    top: 50%;
	right: -50px;
	opacity: 0.7;
}

.pv_nav_btn_right:hover  .pv_nav_right_icon{
    opacity: 1;
}

.pv_nav_btn_left:hover  .pv_nav_left_icon{
    opacity: 1;
}

#friends_block {
    display: none;
}


.photo_tooltip__content {
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.3);
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.3);
    position: relative;
    display: inline-block;
    width: 240px;
    max-height: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(0,0,0);
}

.photo_tooltip__content::after {
    position: relative;
    top: 9px;
    left: -2px;
}

.photo_tooltip__content::after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 2px;
}

.photo_tooltip__content {
    margin-left: 12px;
}

.photo_tooltip {
    text-align: left;
}

.friends_dropdown__list.show-dropdown {
    border-radius: 8px 8px 0 0;
}

.friends_dropdown__list {
    z-index: 10;
    width: 240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    padding: 0 12px 0 8px;
    background-color: #fff;
    border-radius: 8px;
}

.friends_dropdown__list_input {
    background-size: 24px auto;
}

.friends_dropdown__list_input {
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: 12px 0 11px 26px;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%221284%20207%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1298.5%20222.9c-1%20.7-2.2%201.1-3.5%201.1-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206c0%201.3-.4%202.5-1.1%203.5l2.8%202.7c.3.4.4%201.1%200%201.5-.4.3-1.1.3-1.5%200zm-3.5-.9c2.2%200%204-1.8%204-4s-1.8-4-4-4-4%201.8-4%204%201.8%204%204%204z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E)no-repeat 0 center;
    margin: 0;
}

.friends_dropdown__list.show-dropdown .friends_dropdown__list_dropdown {
    display: block;
}

.friends_dropdown__list_dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: 1px solid #e7e8ec;
    border-radius: 0 0 8px 8px;
    display: none;
}

.friends_dropdown__list_content {
    max-height: 230px;
    background-color: #fff;
}

.ui_scroll_container {
    overflow-y: scroll;
	overflow-x: hidden;
    position: relative;
}

.pv_author_block {
    padding: 13px 20px 10px 15px;
    background-color: #fafbfc;
    white-space: nowrap;
    border-bottom: 1px solid #dce1e6;
}

.pv_author_img {
    float: left;
}

.ow_ava.ow_ava_comm {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.ow_ava {
    background-size: cover;
    -ms-high-contrast-adjust: none;
}

.pv_author_info {
    padding: 0 0 0 10px;
    overflow: hidden;
}

#pv_author_name {
    padding: 0 1px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pv_author_info .mem_link {
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

.pv_date_info_wrap {
    margin-top: 4px;
}

#pv_date_info {
    color: #818c99;
    padding: 0 1px;
}

.rel_date {
    font-size: 17px;
}

.pv_right_block {
    position: relative;
	display: flex;
    margin: 10px 15px;
}

.pv_comments {
	position: relative;
    border-top: 1px solid #dce1e6;
    margin-top: 10px;
	z-index: 1;
}

.pv_comments-DivBrowserModeContainer {
    position: absolute;
    inset: 0px;
    background: rgb(255, 255, 255);
    display: flex;
    flex-direction: row;
	margin-top: 109px;
}


.pv_comments-DivContentContainer {
    flex: 0 0 400px;
    width: 400px;
    display: flex;
    flex-direction: column;
    padding: 0px;
}



.pv_comments_scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
    border-top: none;
    border-bottom: 1px solid rgba(22, 24, 35, 0.2);
    -webkit-box-flex: 1;
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;

}

.pv_reply_form_wrap {
    border-top: 1px solid #dce1e6;
    height: 120px;
    flex: 0 0 auto;
    background-color: rgb(255, 255, 255);
}

.pv_reply_form_wrap_clip {
    border-top: 1px solid #333333;
    height: 120px;
    flex: 0 0 auto;
    background-color: rgba(255, 255, 255, 0.04);
	border-radius: 0 0 0 8px;
}



.pv_cont_uzers {
	margin-left: 10px;
}

.post_field_user_image {
    position: absolute;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.post_field_user_text {
	margin-top: 5px;
}

.submit_post_field_text {
    padding: 9px 12px 10px;
    min-height: 0;
    max-height: none;
    height: auto;
    border-radius: 6px;
    line-height: 15px;
}



.pv_no_commments_placeholder {
    text-align: center;
    font-size: 13px;
    line-height: 140%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
}

.pv_no_commments_placeholder_icon {
    color: #aeb7c2;
    margin-bottom: 15px;
}

.like_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.tag_person_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 21px;
    cursor: pointer;
    text-decoration: none!important;
    height: 24px;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.like_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none!important;
    height: 24px;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.like_btn.like.like .like_button_icon {
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ctitle%3Elike_outline_24%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17%2C2.9A6.43%2C6.43%2C0%2C0%2C1%2C23.4%2C9.33c0%2C3.57-1.43%2C5.36-7.45%2C10l-2.78%2C2.16a1.9%2C1.9%2C0%2C0%2C1-2.33%2C0L8.05%2C19.37C2%2C14.69.6%2C12.9.6%2C9.33A6.43%2C6.43%2C0%2C0%2C1%2C7%2C2.9a6.46%2C6.46%2C0%2C0%2C1%2C5%2C2.54A6.46%2C6.46%2C0%2C0%2C1%2C17%2C2.9ZM7%2C4.7A4.63%2C4.63%2C0%2C0%2C0%2C2.4%2C9.33c0%2C2.82%2C1.15%2C4.26%2C6.76%2C8.63l2.78%2C2.16a.1.1%2C0%2C0%2C0%2C.12%2C0L14.84%2C18c5.61-4.36%2C6.76-5.8%2C6.76-8.63A4.63%2C4.63%2C0%2C0%2C0%2C17%2C4.7c-1.56%2C0-3%2C.88-4.23%2C2.73L12%2C8.5l-.74-1.07C10%2C5.58%2C8.58%2C4.7%2C7%2C4.7Z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E);
    opacity: .7;
}

.like_btn.like.active .like_button_icon {
    position: relative;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E);
    opacity: .7;
}


.like_btn.like.like .like_button_count {
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    margin-left: 6px;
    color: #626d7a;
    white-space: nowrap;
}

.like_btn.like.active .like_button_count {
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    margin-left: 6px;
    color: #e64646;
    white-space: nowrap;
}

.friends_dropdown__list_item {
    cursor: default;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #818c99;
    white-space: normal;
    line-height: 1.5;
}

.add_term_tag {
    color: #2a5885;
    cursor: pointer;
}

.add_term_tag:hover {
    text-decoration:underline;
}

.in_this_photo {
    position: relative;
	display: flex;
	color: #818c99;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
}

.pv_mark_block {
    position: absolute;
	background: #FFF;
	border: 1px solid #95ADC4;
	overflow: auto;
    overflow-x: hidden;
	max-height: 200px;
	width: 400px;
	z-index: 99;
}

.delete_page_mark {
    position: absolute;
	right: 5px;
}

.FCConvoListItemMark {
    display: flex;
    align-items: center;
    padding: 6px 14px 6px 8px;
    cursor: pointer;
    border: 0;
    width: 95%;
    background: #fff;
    text-align: left;
    max-width: 100%;
    overflow: hidden;
    grid-template-columns: auto 1fr auto;
    flex: 0 0 auto;
}

.FCConvoListItemMark:hover, .FCConvoListItemMark[aria-selected='true'] {
    background: #f0f2f5;
    outline: none;
}








.friends_dropdown__list_item {
    padding: 7px 10px;
    background-color: #fff;
    display: block;
}

.divider_pixels_dloc {
    position: relative;
	top: 8px;
	margin-right: 12px;
    margin-left: 12px;
}

.block_photo_function {
    color: #cccccc;
    opacity: 0.5;
    cursor: pointer;
}

.block_photo_function:hover {
    opacity: 1;
}

.left_block-PhotoView {
	width: 100%;
    height: 100%;
    position: relative;
	background-color: #000;
	overflow: hidden;
}

.right_block-PhotoView {
    width: 400px;
    height: 100%;
    background-color: #fff;
    position: relative;
}

.right_block-AudioView {
    display: flex;
    width: 600px;
    height: 100%;
    background-color: #fff;
    position: relative;
    flex-direction: column;
}

.left_block-VideoView {
	width: 100%;
    height: 100%;
    position: relative;
	background-color: #000;
    overflow: auto;
}

.panel-additional_class {
	border-top: 2px solid #ffffff;
}

.player-panel_class {
	overflow: hidden;
}




.technical_problems {
    color: #fff;
    font-size: 25;
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.portrait_centering {
    position: absolute;
    top: 48%;
    right: 50%;
    transform: translate(50%, -50%);
}

.pv_bottom_action {
    float: right;
	display: flex;
}

.pv_right_btn {
    float: right;
	display: flex;
}

.pv_left_btn {
    float: left;
	display: flex;
}



.pv_full_screen_btn {
    opacity: 0.7;
    cursor: pointer;
}

.pv_full_screen_btn:hover {
    opacity: 1;
}

.pv_close_btn {
    position: relative;
    display: inline-block;
    background: url("../images/pv_layer_controls.png") -3px 0 no-repeat;
    width: 16px;
    height: 16px;
	opacity: 0.7;
    cursor: pointer;
}

.pv_close_btn:hover {
    opacity: 1;
}

.pv_minimize_btn {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2272%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h72v40H0z%22%2F%3E%3Cpath%20d%3D%22M48%2018.5a1.5%201.5%200%2001.153%202.992L48%2021.5H24a1.5%201.5%200%2001-.153-2.992L24%2018.5h24z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-position: center;
    background-size: auto;
	position: relative;
    display: inline-block;
    width: 16px;
	opacity: 0.7;
    cursor: pointer;
}

.pv_minimize_btn:hover {
    opacity: 1;
}




.err_red_login {
   display: inline-block;
   position: relative;
   margin-bottom: 10px;
   line-height: 17px;
   margin: 9px;
   background: #faebeb;
   border: 2px solid #d68383;
   color: #585858;
   cursor: default;
   padding: 7px;
   width: 96%;
}

.EmptyDialogStubСalls {
    position: relative;
    top: 70px;
	left: 100px;
}

.EmptyDialogStub__name {
    font-size: 19px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    line-height: 23px;
    color: #000;
	margin-bottom: 5px;
}

.group_box_row {
    padding: 15px 0;
    border-bottom: 1px solid #dce1e6;
    line-height: 21px;
	display: block;
}

.group_clear_fix::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.group_box_image_wrap {
    position: relative;
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 12px;
}

.group_box_image {
    display: table-cell;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.group_box_actions {
    float: right;
    margin-top: 17px;
    line-height: 14px;
}

.group_box_info {
    overflow: hidden;
}

.group_box_name {
    font-weight: 700;
    color: #333333;
    padding-top: 4px;
}

.group_box_desc {
    font-size: 12.5px;
}

.group_box_extra {
    color: #818c99;
}

.group_box_row .group_box_edit, .group_box_row .group_box_delete {
    display: block;
    float: right;
    transition: opacity .2s ease;
    opacity: 0.5;
    background: url(../images/cog_cross.png) no-repeat 1px 1px;
    width: 16px;
    height: 16px;
    margin-left: 11px;
    cursor: pointer;
}

.group_box_row .group_box_delete:hover {
    opacity: 1;
}

.group_box_row .group_box_edit:hover {
    opacity: 1;
}

.group_box_row .group_box_delete {
    background-position: 1px -21px;
}


.modal_box_overlay { 
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0;
	background-color: #fff; 
	opacity: 0.0;
	z-index: 999999999;
}

.modal_box-download {
	position: fixed; 
	top: 45%; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	z-index: 999999999;
}

.modal_box_list {
    position: relative;
    padding: 0 25px;
    height: 350px;
	width: 514px;
    overflow-x: hidden;
	overflow-y: scroll;
}

.modal_content_settings {
    position: relative;
    padding: 0 25px;
	width: 514px;
}

.EmptyDialogStub__online {
    font-size: 14px;
    color: #585858;
}

.arcticmodal-container-messages {
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0; 
    overflow: auto; 
} 

*:first-child+html .arcticmodal-container-messages { 
    height: 100% 
}

.arcticmodal-container-messages_i { 
    height: 100%; 
}

.arcticmodal-overlay, .arcticmodal-container { 
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	z-index: 999999999;
}

.arcticmodal-container { 
    overflow: auto; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	border-collapse: collapse; 
}

.reload_profile-arcticmodal-overlay{ 
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0;
	background-color: #000; 
	opacity: 0.1;
	z-index: 999999999;
}

*:first-child+html .arcticmodal-container { 
    height: 100% 
}

.arcticmodal-container_i { 
    height: 100%; 
	margin: 0 auto; 
}

.arcticmodal-container_i2 { 
    padding: 24px; 
	margin: 0; 
	border: 0; 
	vertical-align: middle; 
}

.arcticmodal-error { 
    padding: 20px; 
	border-radius: 10px; 
	background: #fff; 
	color: #fff; 
}

.arcticmodal-loading { 
    width: 80px; 
	height: 80px; 
	border-radius: 10px; 
	background: #fff url(../images/loading.gif) no-repeat 50% 50%; 
}

.arcticmodal-container-blok { 
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	background: #fff; 
	bottom: 0; 
	z-index: 9999999999; 
}

.search-container { 
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0; 
}

.search-container { 
    overflow: auto; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	border-collapse: collapse; 
}

*:first-child+html .search-container { 
    height: 100% 
}

.audio_pl_snippet__cover {
    float: left;
    width: 150px;
    height: 150px;
    background-color: rgba(0,28,61,0.08);
    color: #aeb7c2;
    border-radius: 2px 0 0 0;
    margin-left: -1px;
    margin-top: -1px;
    overflow: hidden;
    position: relative;
}

.audio_pl_snippet__cover:after {
    content: "";
    height: 100%;
    left: 0;
    outline: solid 1px rgba(0,20,51,.12);
    outline-offset: -1px;
    position: absolute;
    top: 0;
    width: 100%;
}

.audio_pl_snippet__cover_1 {
    opacity: 0;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 9;
}

.audio_pl_snippet__cover_1:hover {
    opacity: 1;
}

.audio_pl__actions_play_1 {
    position: relative;
	top: 10px;
	left: -5px;
    color: #fff;
	opacity: 0.5;
	z-index: 99;
}

.audio_pl__actions_play_1:hover {
    opacity: 1;
}

.audio_pl_snippet__header {
    border-bottom: 1px solid #BACFE4;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.audio_pl_snippet__header_inner {
    height: 149px;
}

.audio_pl_snippet__cover {
    margin: 0;
}

.audio_pl_snippet__cover {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
}

.audio_pl_snippet__cover_placeholder {
    position: relative;
	color: #818c99;
    left: 50px;
    top: 50px;
}

.audio_pl_snippet__info {
    padding: 16px;
    margin-left: 150px;
    height: 149px;
}

.audio_pl_snippet__info_inner {
    width: 100%;
    position: relative;
    z-index: 1;
}

.audio_pl_snippet__info_title_row {
    display: inline-block;
    position: relative;
    width: 450px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audio_pl_snippet__info_title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.audio_pl_snippet__info_line {
    margin-top: 8px;
}

.audio_pl_snippet__info_line {
    color: #818c99;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    position: relative;
}

.audio_pl_snippet__info_line_1 {
    margin-top: 12px;
}

.audio_pl_snippet__info_line_1 {
    color: #585858;
	font-size: 14px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    position: relative;
}

.ap_layer__close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2236%22%20viewBox%3D%22940%20104%2036%2036%22%20width%3D%2236%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m940%20104h36v36h-36z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m968.1%20129.9-18-18c-.6-.5-1.6-.5-2.2%200-.5.6-.5%201.6%200%202.2l18%2018c.6.5%201.6.5%202.2%200%20.5-.6.5-1.6%200-2.2z%22%2F%3E%3Cpath%20d%3D%22m950.1%20132.1%2018-18c.5-.6.5-1.6%200-2.2-.6-.5-1.6-.5-2.2%200l-18%2018c-.5.6-.5%201.6%200%202.2.6.5%201.6.5%202.2%200z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")no-repeat center;
    width: 60px;
    height: 50px;
    opacity: .5;
    -webkit-transition: opacity 60ms linear;
    transition: opacity 60ms linear;
    position: absolute;
    right: -60px;
    top: 0;
    cursor: pointer;
}

.ap_layer__close:hover {
    opacity: 1;
}

.VideoPlaylist_close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2236%22%20viewBox%3D%22940%20104%2036%2036%22%20width%3D%2236%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m940%20104h36v36h-36z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m968.1%20129.9-18-18c-.6-.5-1.6-.5-2.2%200-.5.6-.5%201.6%200%202.2l18%2018c.6.5%201.6.5%202.2%200%20.5-.6.5-1.6%200-2.2z%22%2F%3E%3Cpath%20d%3D%22m950.1%20132.1%2018-18c.5-.6.5-1.6%200-2.2-.6-.5-1.6-.5-2.2%200l-18%2018c-.5.6-.5%201.6%200%202.2.6.5%201.6.5%202.2%200z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")no-repeat center;
    width: 50px;
    height: 50px;
	background-color: rgba(0,0,0,0.7);
    opacity: .7;
    position: absolute;
    left: 100%;
    top: 0;
    cursor: pointer;

}



#preview {
    position: absolute;
    bottom: 36px;
    transform: translateX(-50%);
    display: none;
    pointer-events: none;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 160px;
    height: 90px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    background-color: #000;
}




.VideoPlaylist_close:hover {
    opacity: 1;
}

.box-modal-audio-playlist {
    position: relative;
    width: 630px;
	background-color: #fff;
}

.footer-modal-blok {
    color: #36638E;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 12px;
    background: #DAE1E8;
}

.box-modal-blok {
	position: relative;
	width: 733px;
	padding: 0px;
	background: #fff;
	color: #3c3c3c;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.4) inset;
    border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
	border-radius: 0px;
}

.box-modal-background {
	position: relative;
	width: 1200px;
	padding: 0px;
	background: #fff;
	color: #3c3c3c;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.4) inset;
    border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
	border-radius: 0px;
}

.box-modal-bookmarks {
	position: relative;
	width: 350px;
	padding: 0px;
    background-color: rgba(0, 0, 0, 0.9);
	border-radius: 5px;
	color: #fff;
	border: 3px solid #dce1e6;
}

.top_notify_bookmarks {
    display: block;
    padding: 10px 0 12px;
    background-color: inherit;
    border-top: 1px solid #dce1e6;
    text-align: center;
    border-radius: 0 0 2px 2px;
	color: #2a5885;
    cursor: pointer;
}

.top_notify_bookmarks:hover {
    background:#F5F6F8;
	text-decoration: none;
}

.loading_bookmarks {
    padding: 20px 20px;
}

.box-modal {
	position: relative;
	width: 100%;
	padding: 0px;
	background: #fff;
	color: #3c3c3c;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.4) inset;
    border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
	border-radius: 0px;
}

.box-modal:before {
    position: absolute;
    width: 100%;
    height: 80%;
    border-radius: 10px / 100px;
    z-index: -1;
    top: 20%;
    bottom: 20%;
    content: "";
}

.box-modal-registration {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px;
    background: #fff;
    color: #3c3c3c;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgb(255 255 255);
    border-collapse: separate;
    border-spacing: 0 12px;
    overflow: hidden;
    transition: width 0.4s ease, height 0.4s ease;
}

.captcha-registration {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 50px;
    gap: 15px;
}

.footer_registration_details {
    color: #36638E;
    line-height: 35px;
    margin-left: 20;
    font-size: 17px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

#verify-box {
    width: 100%;
    max-width: 360px;
    margin: 10px auto;
    background: #ffffff;
    border-radius: 15px;
    text-align: center;
    font-family: Arial, sans-serif;
}

#verify-box p {
    font-size: 15px;
    color: #555;
    margin-bottom: 15px;
}

#verify-box #minute_code,
#verify-box #second_code {
    font-weight: bold;
    color: #764ba2;
    font-size: 17px;
}

#verify-box input {
    width: 100%;
    padding: 11px 12px;
    border-radius: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    margin-bottom: 15px;
    transition: .3s;
}

#verify-box input:focus {
    border-color: #764ba2;
    box-shadow: 0 0 0 2px rgba(118,75,162,.15);
}

#verify-box button {
    width: 100%;
    padding: 11px 0;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    margin-bottom: 10px;
}

#verify-box button:first-of-type {
    background: linear-gradient(135deg,#667eea,#764ba2);
    color: #fff;
    box-shadow: 0 4px 12px rgba(102,126,234,.4);
}

#verify-box button:first-of-type:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(102,126,234,.5);
}

#verify-box button:last-of-type {
    background: #f3f4f6;
    color: #555;
}

#verify-box button:last-of-type:hover {
    background: #e7e9ed;
}

#verify-msg {
    margin-top: 10px;
    font-size: 17px;
    min-height: 25px;
    color: #447bba;
    font-weight: 700;
}

#verify-msg.success {
    color: #2ecc71;
}

#verify-msg.error {
    color: #e74c3c;
}

.password-box{
    width:300px;
    margin:30px auto;
    background:#fff;
    border-radius:12px;
    font-family:Arial;
}

.password-box input{
    width:100%;
    padding:10px;
    margin-bottom:12px;
    border:1px solid #ccc;
    border-radius:6px;
    font-size:14px;
}

.password-box button{
    width:100%;
    padding:10px;
    background:#667eea;
    border:none;
    color:#fff;
    font-weight:bold;
    border-radius:6px;
    cursor:pointer;
}

.password-box button:hover{
    background:#5566cc;
}

.progress{
    width:100%;
    height:10px;
    background:#eee;
    border-radius:6px;
    overflow:hidden;
    margin-bottom:10px;
}

.progress-bar{
    height:100%;
    width:0%;
    background:red;
    transition:0.3s;
}

#pass-msg{
	display: flex;
    justify-content: center;
    font-size:17px;
    margin-top:15px;
}

.success{
    color:green;
}

.error{
    color:red;
}

.main_promo_block {
    width: 630px;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    color: #1f2937;
    line-height: 1.7;
	margin: 0 17px;
}

.main_promo_block h8 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 700;
    color: #1e40af;
}

.main_promo_block h10 {
    font-size: 24px;
    margin: 35px 0 20px;
    font-weight: 600;
    color: #1e3a8a;
}

.main_promo_block p {
    font-size: 17px;
    margin-bottom: 18px;
    color: #374151;
}

.promo_list {
    list-style: none;
    padding: 0;
    margin: 35px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
}

.promo_list li {
    background: #ffffff;
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    gap: 10px;
}

.promo_action {
    text-align: center;
}

.promo_action p {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.promo_button {
    display: inline-block;
    padding: 14px 32px;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #ffffff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    border-radius: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35);
}

.promo_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.45);
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

@media (max-width: 768px) {
    .main_promo_block {
        padding: 35px 20px;
        margin: 40px 15px;
    }

    .main_promo_block h2 {
        font-size: 26px;
    }

    .main_promo_block h3 {
        font-size: 20px;
    }

    .main_promo_block p {
        font-size: 16px;
    }
}

.PopupCallWindowPanel {
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    bottom: 0;
}

.CallButton__icon {
    background: #e64646;
	width: 22px;
    height: 22px;
	border-radius: 50%;
    padding: 9px;
	opacity: 0.8;
}

.CallButton__icon:hover {
    cursor: pointer;
    opacity: 1;
}

.WindowDraggingGable{
    z-index: 999999;
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    min-height: 350px;
    min-width: 300px;
    max-height: 500px;
    max-width: 500px;
}

.WindowDraggingGable {
  position: fixed;
}

.PopupCallWindowHeader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #62859D;
  color: #fff;
}

.WindowDraggingGable .resizer-right {
  width: 5px;
  height: 100%;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: e-resize;
}

.WindowDraggingGable .resizer-bottom {
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: n-resize;
}

.WindowDraggingGable .resizer-both {
  width: 5px;
  height: 5px;
  background: transparent;
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: nw-resize;
}

#nav_coment_menu_page {
  list-style: none;
  margin: 0 0 0em 0;
  padding: 3px;
}

#nav_coment_menu_page li a {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 10px 7px 10px 10px;
  margin-bottom: 7px;
}

#nav_coment_menu_page li a:hover, #nav_coment_menu_page li a:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

.image_cover_videos_playlist{
    border: 1px solid #c6d4dc;
    border-radius: 5px;
	display: block;
    float: left;
    width: 70px;
}

.title_videos_playlist{
    position: relative;
	color: #000000;
	margin-left: 80px;
	min-width: 200px;
    max-width: 500px;
	margin-top: 5px;
	display: flex;
    color: #000;
    overflow: hidden;
}

.title_videos_playlist-text {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playlist-add-queue {
    position: relative;
    width: 100%;
	min-height: 350px;
    max-height: 500px;
    list-style: none;
	margin: 0;
	overflow-y: auto;
    overflow-x: hidden;
}

.playlist-add-queue::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.playlist-add-queue::-webkit-scrollbar {
    width: 7px;
}

.playlist-add-queue::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.playlist-add-queue li {
    cursor: pointer;
    font-size:11pt;
    border: 0;
	height: 55px;
    background: #fff;
    display: block;
    padding: 7px 7px 5px 7px;
	border-bottom: 1px solid #EDEDED;
}

.playlist-add-queue li.is-played {
    background-color: rgba(235,226,221,0.949);
}

.videos_is_played {
    font-size: 13pt;
	margin-top: 5px;
	margin-left: 80px;
	color: #32608a;
}

#nav_menu_objects_function {
  position: relative;
  width: 280px;
  list-style: none;
  margin: 0 0 0em 0;
}
  
#nav_menu_objects_function li a {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 7px 7px 5px 7px;
}

#nav_menu_objects_function li a:hover, #nav_menu_objects_function li#myprofile a:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

#nav_menu_objects_function_tekst {
    position: relative;
	top:-14px;
	left:5px;
    display: inline-block;
}

#nav_search_menu_id {
  position: relative;
  width: 270px;
  list-style: none;
  margin: 0 0 0em 0;
  padding: 3px;

}
  
#nav_search_menu_id li a {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 10px 7px 10px 10px;
  margin-bottom: 7px;
  margin-top: -3px;
}

#nav_search_menu_id li a:hover, #nav_search_menu_id li#myprofile a:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

#nav_coment_menu_id {
  position: relative;
  width: 270px;
  list-style: none;
  margin: 0 0 0em 0;
  padding: 3px;

}
  
#nav_coment_menu_id li a {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 10px 7px 10px 10px;
  margin-bottom: 7px;
  margin-top: 7px;
}

#nav_coment_menu_id li a:hover, #nav_coment_menu_id li#myprofile a:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

.nav_feed_menu_a {
  position: relative;
  width: 270px;
  list-style: none;
  margin: 0 0 0em 0;
  padding: 3px;

}
  
.nav_feed_menu_a li a {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 10px 7px 10px 10px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.nav_feed_menu_a li a:hover, .nav_feed_menu_a li#myprofile a:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

.nav_feed_menu {
  position: relative;
  width: 270px;
  list-style: none;
  margin: 0 0 0em 0;
  padding: 3px;

}
  
.nav_feed_menu li span {
  color:#36638E;
  cursor: pointer;
  font-weight:bold;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 10px 7px 10px 10px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.nav_feed_menu li span:hover, .nav_feed_menu li#myprofile span:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

.nav_feed_menu_1 {
  position: relative;
  width: 270px;
  list-style: none;
  margin: 0 0 0em 0;
  padding: 3px;

}
  
.nav_feed_menu_1 li a {
  color:#585858;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 3px 3px 3px 25px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.nav_feed_menu_1 li a:hover, .nav_feed_menu_1 li#myprofile a:hover {
  background: #DAE1E8;
  color:#585858;
  text-decoration:none;
}

.ui_tabs_new {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.ui_tabs_right_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: auto;
    padding-right: 20px;
	padding: 10px 12px
}

.group_contact_wrap {
    padding: 2px 25px 25px;
}

.group_contact_image_wrap {
    background-size: 80px 80px !important;
}

.group_contact_image_wrap {
    float: left;
    margin: 23px 25px 0 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: url("../images/contact.png") no-repeat 0 0;
    overflow: hidden;
}

.group_contact_info {
    overflow: hidden;
}

.group_contact_wrap .subheader {
    margin-bottom: 18px;
	color: #333333;
    font-weight: 500;
    margin: 18px 0 12px;
    padding: 0;
    border-bottom: none;
    font-size: inherit;
}

.group_contact_info_row {
    margin-top: 12px;
}

.group_contact_label {
    float: left;
    color: #818c99;
    width: 94px;
    padding: 6px 0 8px;
    line-height: 16px;
}

.group_contact_labeled {
    overflow: hidden;
}

.group_contact_image_loading {
    position: relative;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
	margin: auto;
	width: 32px;
    height: 8px;
	background: rgba(0, 0, 0, .5) url(../images/loading.gif) no-repeat;
}

.group_contact_image {
    width: 80px;
}

.box_controls_usual {
    padding: 14px 40px 14px 0;
    background-color: #fafbfc;
    height: 25px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 10px rgba(0, 0, 0, 0.4) inset;
}

.groups_list {
    padding: 0 20px;
}

.group_list_row {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 15px 0;
}

.clear_fix_group::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.group_row_photo {
    float: left;
    margin-right: 12px;
}

.AvatarRich {
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    display: block;
}

.AvatarRich__background-group::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.AvatarRich__background-group {
    color: rgba(0, 28, 61, 0.08);
    background: currentColor;
    background-size: cover;
}

.group_row_actions {
    float: right;
}

.group_row_info {
    overflow: hidden;
    color: #626d7a;
    padding-top: 2px;
}

.group_row_labeled {
    padding-top: 6px;
}


.gfg_tooltip_usual .gfg_text_usual{ 
    visibility: hidden; 
    background-color: rgba(0,0,0,0.8);
    color: #fff;
	font-size: 12px;
    text-align: center; 
    border-radius: 6px; 
    padding: 5px 0; 
    position: absolute; 
    z-index: 1; 
    bottom: 115%; 
    left: -150%; 
} 

.gfg_tooltip_usual:hover .gfg_text_usual { 
    visibility: visible; 
}

.post_gfg_tooltip { 
    position: relative; 
    display: inline-block;
	cursor: pointer;
}

.post_gfg_tooltip .post_gfg_text { 
    visibility: hidden; 
    background-color: rgba(0,0,0,0.8);
    color: #fff; 
    text-align: center; 
    border-radius: 6px; 
    padding: 5px 0; 
    position: absolute; 
    z-index: 999999; 
    bottom: 35px; 
    left: 0px; 
    margin-left: -50%; 
} 

.post_gfg_tooltip .post_gfg_text::after { 
    content: ""; 
    position: absolute; 
    top: 100%; 
    left: 20px; 
    margin-left: -5px; 
    border-width: 5px; 
    border-style: solid; 
    border-color: rgba(0,0,0,0.8) transparent transparent transparent; 
} 

.post_gfg_tooltip:hover .post_gfg_text { 
    visibility: visible; 
}




.post_delete_tooltip { 
    position: relative; 
    display: inline-block;
	cursor: pointer;
}

.post_delete_tooltip .post_delete_text { 
    visibility: hidden; 
    background-color: rgba(0,0,0,0.8);
    color: #fff; 
    text-align: center; 
    border-radius: 6px; 
    padding: 5px 0; 
    position: absolute; 
    z-index: 999999; 
    bottom: 20px; 
    left: -40px; 
    margin-left: -50%; 
}

.post_delete_tooltip:hover .post_delete_text { 
    visibility: visible; 
}




.post_delete_tooltip_left { 
    position: relative; 
    display: inline-block;
	cursor: pointer;
}

.post_delete_tooltip_left .post_delete_text_left { 
    visibility: hidden; 
    background-color: rgba(0,0,0,0.8);
    color: #fff; 
    text-align: center; 
    border-radius: 6px; 
    padding: 5px 0; 
    position: absolute; 
    z-index: 999999; 
    bottom: -4px;
    left: -165px;
    margin-left: -50%; 
}

.post_delete_tooltip_left:hover .post_delete_text_left { 
    visibility: visible; 
}






.left_side_of_the_page {
    display: block;
    float: left;
    width: 520px;
}

.right_side_of_the_page {
    display: block;
    float: right;
    width: 260px;
}


.gfg_tooltip { 
    position: relative; 
    display: inline-block;
	cursor: pointer;
    background-color: 0 0;
    padding: 10px; 
    text-align: center; 
    font-size: 16px; 
}

.gfg_tooltip svg { 
    opacity: 0.5;
}

.gfg_tooltip svg:hover  {
    opacity: 1;
}

.gfg_tooltip .gfg_text { 
    visibility: hidden; 
    background-color: rgba(0,0,0,0.8);
    color: #fff; 
    text-align: center; 
    border-radius: 6px; 
    padding: 5px 0; 
    position: absolute; 
    z-index: 999999999; 
    bottom: 115%; 
    left: 50%; 
    margin-left: -50%; 
} 

.gfg_tooltip .gfg_text::after { 
    content: ""; 
    position: absolute; 
    top: 100%; 
    left: 20px; 
    margin-left: -5px; 
    border-width: 5px; 
    border-style: solid; 
    border-color: rgba(0,0,0,0.8) transparent transparent transparent; 
} 

.gfg_tooltip:hover .gfg_text { 
    visibility: visible; 
} 

#nav_selected_content_id {
  position: absolute;
  top: 10px;
  height: 37px;
  display: block;
  border-left: 5px solid #65899E;
}


#nav_menu_photo_span_id {
  width: 240px;
  list-style: none;
  margin: 0 0 0em 0;
  padding: 0px;
}
  
#nav_menu_photo_span_id  li span {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 7px 7px 7px 7px;
  margin-bottom: 5px;
  margin-top: 5px;
}

#nav_menu_photo_span_id  li span:hover, #nav_menu_photo_span_id  li#myprofile span:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}



#nav_menu_page_span_id li a {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 7px 7px 7px 7px;
  margin-bottom: 5px;
  margin-top: 5px;
}

#nav_menu_page_span_id li a:hover, #nav_menu_page_span_id li#myprofile a:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

#nav_coment_menu_page_span {
  width: 100%;
  list-style: none;
  margin: 0 0 0em 0;
  padding: 0px;
}
  
#nav_coment_menu_page_span li span {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 7px 7px 7px 7px;
  margin-bottom: 5px;
  margin-top: 5px;
}

#nav_coment_menu_page_span li span:hover, #nav_coment_menu_page_span li#myprofile span:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

#nav_menu_page_span {
  list-style: none;
  margin: 0 0 0em 0;
  width: 150px;
  padding: 0px;
}
  
#nav_menu_page_span li span {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 7px 7px 7px 7px;
  margin-bottom: 2px;
  margin-top: 2px;
}

#nav_menu_page_span li span:hover, #nav_menu_page_span li#myprofile span:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

#nav_menu_friends {
  list-style: none;
  margin: 0 0 0em 0;
  width: 210px;
  padding: 0px;
}
  
#nav_menu_friends li span {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 7px 7px 7px 7px;
  margin-bottom: 2px;
  margin-top: 2px;
}

#nav_menu_friends li span:hover, #nav_menu_friends li#myprofile span:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

#nav_objects_page_span {
  list-style: none;
  margin: 0 0 0em 0;
  width: 200px;
  padding: 0px;
}
  
#nav_objects_page_span li div {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 2px 2px 2px 2px;
  margin-bottom: 0px;
  margin-top: 0px;
}

#nav_objects_page_span li div:hover, #nav_objects_page_span li#myprofile div:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

#nav_selected_content {
  position: absolute;
  top: 18px;
  height: 36px;
  display: block;
  border-left: 5px solid #65899E;
}

#blok_content_objects {
    border-left: 5px solid #65899E;
}

.blok_content_objects {
    border-left: 5px solid #65899E;
}

.m_gray  {
    color:#585858;
    font-size:11pt;
}

#div-regForm,.summary_of_site{
	padding: 10px;
}


.dialogue_footer {
    position: relative;
    display: inline-block;
    width:615px;  
    border-bottom:2px solid #DAE1E8;

}

.dialogue__footer {
    position: relative;
    display: inline-block;
    width:100%;  
    border-bottom:2px solid #bfd2e4;

}

h5  {
    margin-top: 12px;
    margin-bottom: 10px;
}
h5{
    background:transparent;
    border-bottom:3px solid #DAE1E8;
}

h6  {
    margin-top: 5px;
    margin-bottom: 5px;
}

h6{
    background:transparent;
    border-bottom:1px solid #DAE1E8;
}

h7  {
    margin-top: 5px;
    margin-bottom: 5px;
}

h7{
    background:transparent;
    border-bottom:1px solid #DAE1E8;
	display:block;
	width:458px;
}

.h6 {
    margin-top: 5px;
    margin-bottom: 5px;
	background:transparent;
    border-bottom:1px solid #DAE1E8;
	width:547px;
}

.h11{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px 20px;
}

.h11{
    color: #3A6388;
    background: transparent;
    border-bottom: 2px solid #DAE1E8;
    display: block;
}

.pad_no_fixed_hint {
    position: absolute;    
	z-index: 999999;
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
}

.pad_cont_hint {
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

#footer_block_errors {
    color: #36638E;
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 12px 12px 12px 25px;
    background: #dddddd;
}

#div-regForm,.house_name_info_contacts_the_box{	
	border: solid 1px #FFF;
	display:block;
	position: relative;
	padding:0px 0px 0px 0px;
	width:190px;
}


.search_icon_function {
    position: relative;
    width:25px;  
    height:15px;
	top:4px;
	left:4px;
    background: url("../images/chosen-sprite.png") -32px -22px no-repeat;
    display: inline-block;
}






.AvatarRich__img {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
    object-fit: cover;
}

.friends_photo_wrap {
    position: relative;
    width: 100px;
    height: 100px;
}

.friends_photo_wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.ui_zoom_wrap {
    position: relative;
    overflow: hidden;
}

.ui_zoom_outer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 30px;
}


.friends_photo_wrap .ui_zoom_inner {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: 1;
}

.ui_zoom_inner {
    position: absolute;
    bottom: 0;
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}

.ui_zoom {
    position: absolute;
    bottom: -30px;
    background: #333333;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 0 6px;
}

.ui_zoom_icon {
    opacity: 0.5;
    width: 13px;
    height: 13px;
    margin: 0 auto;
    background: url("../images/zoom_photo.png")no-repeat 0 0;
}

.ui_zoom:hover .ui_zoom_icon  {
    opacity: 1;
}

.avatar_profile_block_on {
    display: block;
    position: absolute;
    z-index: 9999;
    padding: 5px;
    background: rgba(0,0,0,0);
    bottom: 0;
	width: 240px;
	text-align: center;
}

.ProfileHeader__ava {
    position: relative;
    overflow: hidden;
    max-width: 150px;
    height: 100%;
}

.block_avatar__function {
    position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	height: 110px;
}

.block_avatar__text {
    position: relative;
    margin-left: 20px;
	top: 10px;
    margin-bottom: 15px;
}

.block_content__function {
    position: relative;
	display: block;
	overflow: hidden;
}

.block_content__text {
    position: relative;
    margin-left: 20px;
	top: 10px;
    margin-bottom: 15px;
}

.OwnerContent__button {
    display: none;
}

.page_avatar__blok  {
    position: relative;
    margin: 5px;
}

.page_avatar__border  {
    border-radius: 4px;
}

.page_avatar__function:hover .OwnerContent__button  {
    display: block;
}

.playlist_buttons-right-left {
    display: none;
}

.jp-playlist-audio_hidden:hover .playlist_buttons-right-left  {
    display: block;
}


.OwnerContentTabPhotosItem__hideAction svg:hover {
   cursor: pointer;
   fill: #B0C4CE;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.BestFriendsSettingsEntrypointSeparator::before {
    display: inline-block;
    position: relative;
    top: -1px;
    content: "";
    height: 20px;
    width: 2px;
    background-color: #dce1e6;
}

.class_voice_comment {
    color: #818c99;
    opacity: 0.5;
}

.class_voice_comment:hover {
    opacity: 1;
}

.im-audio-message-input {
display: block;
    outline: 0;
    border: 0;
    cursor: pointer;
    float: left;
    padding: 0;
    width: 25px;
    height: 37px;
	margin-right: 7px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%2216%2020%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23828a99%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%3E%3Cpath%20d%3D%22m22.5%2026.5%2011%2011%22%2F%3E%3Cpath%20d%3D%22m33.5%2026.5-11%2011%22%2F%3E%3C%2Fsvg%3E) 1px 50% no-repeat;
    opacity: .7;
}

.im-audio-message-input:hover {
    opacity: 1;
}

.im-send-btn {
    width: 25px;
    height: 25px;
    border: 0;
    background: 0 0;
    padding: 7px 10px;
	margin-right: 7px;
    cursor: pointer;
    display: block;
    opacity: .7;
	color: #818c99;
}

.im-send-btn:hover {
    opacity: 1;
}

.im-audio-message-send-wrapper {
    position: relative;
    float: right;
    border-radius: 50%;
    text-align: center;
}


.audio-message-track {
    float: none;
    overflow: hidden;
    box-sizing: border-box;
    padding: 6px 14px 6px 6px;
    height: 36px;
    border-radius: 18px;
    background-color: #aeb7c2;
}

.audio-msg-track {
    display: flex;
    height: 24px;
}

.audio-msg-track--duration {
    flex-shrink: 0;
    order: 4;
    margin-left: auto;
    line-height: 24px;
    color: #ffffff;
}

.audio-msg-track--wave-wrapper {
    flex-shrink: 0;
    order: 2;
    width: 326px;
    padding: 2px 8px;
}

.audio-msg-track .slider {
    padding: 0;
}

.audio-msg-track--text {
    flex-shrink: 0;
    order: 2;
    width: 407px;
    padding: 2px 8px;
	color: #ffffff;
}



.audio-msg-track-stop {
    flex-shrink: 0;
    order: 1;
    border: 0;
    padding: 0;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    float: left;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%2262%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m74%2024c6.6%200%2012-5.4%2012-12s-5.4-12-12-12-12%205.4-12%2012%205.4%2012%2012%2012z%22%20fill%3D%22none%22%2F%3E%3Crect%20fill%3D%22%23e2593e%22%20height%3D%228%22%20rx%3D%221%22%20width%3D%228%22%20x%3D%2270%22%20y%3D%228%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") #ffffff no-repeat center;
    color: inherit;
}

.audio-msg-track-play {
    flex-shrink: 0;
    order: 1;
    border: 0;
    padding: 0;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    float: left;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20width%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.5.5v9l7-4.5z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") #447bba no-repeat center;
    color: inherit;
}

.audio-msg-track-pause {
    flex-shrink: 0;
    order: 1;
    border: 0;
    padding: 0;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    float: left;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20width%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23aeb7c2%22%20stroke%3D%22%23aeb7c2%22%3E%3Crect%20height%3D%229%22%20rx%3D%22.5%22%20width%3D%222%22%20x%3D%221.5%22%20y%3D%221%22%2F%3E%3Crect%20height%3D%229%22%20rx%3D%22.5%22%20width%3D%222%22%20x%3D%226.5%22%20y%3D%221%22%2F%3E%3C%2Fsvg%3E") #447bba no-repeat center;
    color: inherit;
}


.voice_comment_progress_track {
    width: 340px;
    height: 5px;
	margin: 0;
    position: relative;
    display: block;
    top: 8px;
    cursor: pointer;
	background-color: #CCCCCC;
    -webkit-user-select: none;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.voice_comment_seek_bar {
	background: #CCCCCC;
	width:0px;
	height:100%;
	cursor: pointer;
}

.voice_comment_play_bar {
	background: #507597;
	width:0px;
	height:100%;
}



.audio-player-voice {
    display: flex;
    position: relative;
	align-items: center;
}

.audio-message-icon {
    margin-right: 10px;
	color: #818c99;
}

.audio-msg-track--btn-play {
    flex-shrink: 0;
    order: 1;
    border: 0;
    padding: 0;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    float: left;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20width%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.5.5v9l7-4.5z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") #447bba no-repeat center;
    color: inherit;
}

.audio-msg-track--btn-pause {
    flex-shrink: 0;
    order: 1;
    border: 0;
    padding: 0;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    float: left;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20width%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%3E%3Crect%20height%3D%229%22%20rx%3D%22.5%22%20width%3D%222%22%20x%3D%221.5%22%20y%3D%221%22%2F%3E%3Crect%20height%3D%229%22%20rx%3D%22.5%22%20width%3D%222%22%20x%3D%226.5%22%20y%3D%221%22%2F%3E%3C%2Fsvg%3E") #447bba no-repeat center;
    color: inherit;
}

.audio-message-track-voice {
    float: none;
    overflow: hidden;
    box-sizing: border-box;
    padding: 6px 14px 6px 6px;
    height: 36px;
	width: 467px;
    border-radius: 18px;
    background-color: #aeb7c2;
	display: flex;
    position: relative;
	align-items: center;
}

.audio-message-track-voice-text {
    float: none;
    overflow: hidden;
    box-sizing: border-box;
    padding: 6px 14px 6px 6px;
    height: 36px;
    border-radius: 18px;
    background-color: #aeb7c2;
    display: flex;
    position: relative;
    align-items: center;
}

.comment_progress_track_voice {
    width: 370px;
    height: 5px;
	margin: 0;
    position: relative;
    display: block;
    cursor: pointer;
	background-color: #CCCCCC;
    -webkit-user-select: none;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}






.container_video_window {
    max-width: 720px;
}

.container_video_window {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row_video_window {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col_video_window {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.card_video_window {
    position: relative;
    display: -ms-flexbox;
    display: flex;
	width: 640px;
	height: 480px;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}

.card-header-video-window:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.text--video-window {
    float: left;
}

.close--video-window {
    float: right;
}

#videoBroadcast_start_stop {
    margin-left: 15px;
}

#videoBroadcast_timer {
    position: relative;
	top: 5px;
    margin-right: 10px;
	color: #fff;
}

.video-card_duration-w {
    position: absolute;
	display: block;
	cursor: pointer;
    left: 9px;
    bottom: 60px;
    border: 3px solid #fff;
    padding: 0 8px;
    border-radius: 12px;
	line-height: 24px;
	background-color: #f33;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);
	z-index: 99;
    text-align: center;
    width: 135px;
}

.video-card_duration-w:hover {
    color: #fff;
}

.post-url-block {
	position: relative;
	margin: 16px 0;
	background-color: rgb(255, 255, 255);
    border-radius: 10px;
    color: rgb(0, 0, 0);
}

.post-url-block:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    pointer-events: none;
}

.post-url-cover {
	position: relative;
    padding-bottom: 50%;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.post-url-cover:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1px;
    right: 1px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.08);
}

.post-url-title {
    padding: 12px;
}

.post-url-name {
	font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 32px;
}

.post-url-title_meta {
    margin-top: 5px;
    font-size: 16px;
    line-height: 16px;
    color: rgba(46, 47, 51, 0.64);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 32px;
}

.post-url-title_a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.card-header-video-window {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.card-body-video-window {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
	background: #000;
}

.arcticmodal-container-video-window { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	border-collapse: collapse; 
}

.arcticmodal-container-video-window { 
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	z-index: 999999999;
}

.video-window-header_bottom {
    display: block;
    box-sizing: border-box;
    position: absolute;
    z-index: 102;
    bottom: 0;
    left: 0;
    align-items: center;
    width: 100%;
    padding: 10px 10px 10px 0;
    background-color: rgba(0, 0, 0, 0.5);
}



.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-outer {
    cursor: crosshair;
	background-color: #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-selection {
}

.button_input_selection {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #bcc0c4;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #bcc0c4;
	width: 170px;
}

.page_avatar__function {
    position: relative;
	display: inline-block;
    width:100px; 
    height:100px;
}

.page_avatar__albums {
    position: relative;
	display: inline-block;
    width:95px; 
    height:95px;
}

.OwnerContentTabPhotosItem__hideAction {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px;
    background-color: rgba(0,0,0,.36);
    z-index: 2;
    border-radius: 50%!important;
}

.ape_header {
    background-color: #ffffff;
    border-bottom: 1px solid #dce1e6;
    padding: 24px 24px 13px 24px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.ape_pl_info {
    float: right;
    width: 100%;
    padding-left: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ape_pl_description {
    margin-top: 18px;
}

.ape_pl_stat {
    margin-top: 12px;
    color: #626d7a;
}


.ape_cover_icon {
    width: 100%;
    height: 100%;
    color: #447bba;
    position: absolute;
    padding: 16px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ape_cover_loading {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 34px 22px;
    border-radius: 2px;
    background-size: cover;
    cursor: default;
}

.ape_cover {
    width: 78px;
    height: 78px;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    background-color: rgba(0,28,61,0.08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ape_cover_thumb {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 2px;
    background-size: cover;
    cursor: default;
}

.ape_cover_delete {
    display: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2218%22%20viewBox%3D%2258%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m58%200h15c1.7%200%203%201.4%203%203v15h-15c-1.7%200-3-1.4-3-3z%22%20fill%3D%22%231d2022%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22m67%207.9-2.9-2.9-1.1%201.1%202.9%202.9c-1.5%201.5-2.9%202.9-2.9%202.9l1.1%201.1%202.9-2.9%202.9%202.9%201.1-1.1-2.9-2.9%202.9-2.9-1.1-1.1s-1.9%201.9-2.8%202.8c0%200-.1.1-.1.1z%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 0;
    border: 0;
	opacity: 0.5;
    background-color: #0000000;
}

.ape_cover_thumb:hover .ape_cover_delete  {
    display: block;
}

.ape_cover_delete:hover  {
    opacity: 1;
}

.ape_add_audios_btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 40px 16px 68px;
    cursor: pointer;
    border: 0;
    position: relative;
    border-bottom: 1px solid #dce1e6;
    display: block;
    width: 100%;
    font-size: 13px;
    text-align: left;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    color: #000000;
    line-height: 19px;
    background-color: #ffffff;
}

.ape_add_audios_btn:hover  {
    background-color: #F5F6F8;
}

.ape_add_audios_btn_plus_icon {
    left: 31px;
    top: 13px;
}

.ape_add_audios_btn_plus_icon {
    display: inline-block;
    position: absolute;
    color: #99a2ad;
}

.ape_add_audios_btn_chevron_icon {
    right: 32px;
    top: 13px;
}

.ape_add_audios_btn_chevron_icon {
    display: inline-block;
    position: absolute;
    color: #99a2ad;
}

.ape_cover_title {
    color: #2a5885;
    position: absolute;
    top: 47px;
    font-size: 11px;
    width: 100%;
    text-align: center;
}

.ape_pl_input {
    width: 100%;
	padding: 7px 9px 7px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid #C6D4DC;
	font-size: 14px;
}

.back__icon {
    position: relative;
    vertical-align: -0.5em;
    color: #99a2ad;
    padding-right: 2px;
    pointer-events: none;
	top: 6px;
}

.back__icon_text {
    position: relative;
	top: -6px;
}

.back__icon_none {
	display: none;
}

.child_back__icon  {
    position: absolute;
    width: 120px;
	height: 36px; 
	top: 0px;
    left: 0px;
	cursor: pointer;
}

.child_back__icon:hover  {
	background-color: #C5D1DA;
}

.ape_check {
    position: relative;
    cursor: pointer;
    padding: 12px 0px 0px 10px;
	z-index:9999999;
}




.ape_check_input:focus {
    outline: 1px solid rgba(0, 0, 0, 0.2);
}

.ape_check_input {
    background-color: #DDD;
    border-radius: 2px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    cursor: pointer;



}

.ape_check_input:checked {
    background-color: #409fd6;
    background: #409fd6 url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 3px 3px no-repeat;
}

.gr_add_music_gal {
    background: url(../images/staticmp3.png) no-repeat -110px -14px;
    width: 15px;
    height: 12px;
    margin-top: 2px;
	cursor: pointer;
	opacity: 0.2;
}

.gr_add_music_gal:hover {
    opacity: 1;
}

.gr_add_music_gal-ok {
    opacity: 1;
}

.audio_playlist_duration {
    position: relative;
    margin-left: 15px;
	font-size: 14px;
	top: 5px;
}

#html5_audio_playlist_bar {
	background: #507597;
	width:0px;
	height:100%;
	position: absolute;
	z-index: 9;
}

#html5_audio_playlist_barseek_bar {
	background: #CCCCCC;
	width:0px;
	height:100%;
	cursor: pointer;
}

.audio_onetrack_playlist {
    display: inline-block;
    position: relative;
    background: #fff;
	min-height: 24px;
    border-radius: 7px;
    margin: 5px 10px;
	padding: 10px;
}

.audio_onetrack_playlist:hover {
    background: #DAE1E8;
}

.audio_onetrack_playlist.active {
    background-color: #DAE1E8 !important;
	border-radius: 7px 7px 0 0;
}

.audio_stopic_playlist {
    background: url(../images/transp.png) no-repeat 0px -108px;
	width: 16px;
    height: 16px;
    margin-right: 7px;
    margin-top: -1px;
	cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.audio_playic_playlist {
    background: url(../images/transp.png) no-repeat 0px -92px;
    width: 16px;
    height: 16px;
    margin-right: 7px;
	cursor: pointer;
    margin-top: -1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.audio_onetrack_playlist_gal {
    display: inline-block;
    position: relative;
    background: #fff;
	min-height: 24px;
    border-radius: 7px;
    margin: 5px 0;
	padding: 10px;
	background: #DAE1E8;
}

.audio_playic_playlist_gal {
    background: url("../images/audio.png") no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    margin-top: -1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.gr_add_music_delete {
    background: url(../images/staticmp3.png) no-repeat -90px -13px;
    width: 15px;
    height: 12px;
    margin-top: 2px;
    cursor: pointer;
    opacity: 0.2;
}

.audio_preview_btn {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    border: none;
    border-radius: 10px;
    background: #2d7ef7;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: 0.2s;
}

.audio_preview_btn:hover{
    background: #1b6fe6;
}

.audio_add_btn {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    border: none;
    border-radius: 10px;
    background: #626d7a;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    transition: 0.2s;
}

.audio_add_btn:hover{
    background: #1b6fe6;
}

.audio_icon{
    width: 16px;
    height: 16px;
    margin-right: 7px;
    background-repeat: no-repeat;
}

.audio_text{
    white-space: nowrap;
}















.dvd::before {
    content: "·";
    display: inline;
    pointer-events: none;
    padding: 0 5px;
}

.ss-wrapper {
    overflow: hidden;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}

.ss-content {
    height: 100%;
    width: 100%;
    position: relative;
    right: -18px;
    overflow: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ss-scroll {
    position: relative;
    background: rgba(0, 0, 0, .1);
    width: 9px;
    border-radius: 4px;
	margin-right: -10px;
    top: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.25s linear;
}

.container-scrolling:hover .ss-scroll {
    opacity: 1;
}

.ss-grabbed {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}





.ape_item_list {
    height: 384px;
	width: 565px;
    display: none;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background: #ffffff;
}

.ape_audios_empty {
    height: 250px;
	width: 545px;
    display: none;
	border-bottom: 1px solid #dce1e6;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
	background: #ffffff;
}

.ape_pl_textarea {
    width: 100%;
	padding: 4px 9px 7px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid #C6D4DC;
	height: 30px; 
	font-size: 14px;
	min-height: 30px; 
	max-height: 100px; 
	overflow: hidden; 
	resize: none;
}

.ape_pl_textarea_mail {
    width: 100%;
	padding: 4px 9px 7px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid #C6D4DC;
	height: 210px; 
	font-size: 14px;
	overflow: hidden; 
	resize: none;
}

.ape_audios_empty_list {
    position: relative;
    pointer-events: none;
	background-color: #ffffff;
	border-bottom: 1px solid #dce1e6;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #818c99;
    font-size: 14px;
    line-height: 22px;
	height: 250px;
}

.ape_audios_empty_list_icon {
    display: block;
    color: #aeb7c2;
    width: 60px;
    height: 60px;
}

.ape_error_msg {
    line-height: 21px;
    margin-bottom: 0;
    margin-top: 65px;
	width: 365px;
}

.ComposerBlocked__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
}

.ComposerBlocked__icon {
    margin-left: 2px;
    margin-right: 14px;
}

.error_ape_error_msg {
    background: url("../images/msg_error.png")no-repeat 12px 12px;
	width: 60px;
    height: 60px;
}

.ComposerBlocked__message {
    color: #626d7a;
    letter-spacing: 0.2px;
	font-size: 17px;
}

.box_controls {
    padding: 14px 23px 14px 25px;
    height: 32px;
    background-color: #ffffff;
}

#fil_width {
   width:250px; 
}

avatar_profile img { 
    max-width:250px; 
	max-height:350px; 
}

.blur_photo {
    filter: blur(2px);
}

.messages_foto_img  img { 
    max-width:100px; 
	max-height:125px; 
}

.feed_foto_img  img { 
    max-width:100px; 
	max-height:125px; 
}

.wall_foto_img  img { 
    max-width:100px; 
	max-height:125px;
	margin-right: 10px;
}

.foto_cover_img  img { 
    max-width:900px; 
	max-height:1200px;
}

.attach_photo {
    display: grid;
    grid-template-columns: repeat(auto-fill, 184px);
    gap: 8px;
    margin: 10px 20px;
}

.photo_date_title {
    grid-column: 1 / -1;
    position: -webkit-sticky; 
    position: sticky;
    top: 55px;
    z-index: 100;
    background-color: #ffffff;
    padding: 12px 10px;
    font-weight: bold;
    color: #45688e;
    font-size: 13px;
	width: 740px;
    border-bottom: 1px solid #e7e8ec;
    margin-bottom: 10px;
}

.photo_item {
    width: 184px;
    height: 184px;
    overflow: hidden;
    border-radius: 4px;
    background-color: #f0f2f5;
}

.photo_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s;
}

.photo_item img:hover {
    opacity: 0.7;
    cursor: pointer;
}

.menuItemButton__button {
	color: #99a2ad;
    padding: 6px;
	position: absolute;
    right: 10px;
    top: 13px;
}

.menuItemButton__button:hover {
    cursor: pointer;
	color: #447bba;
}

.pp_modal_mask { 
    position: fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background: rgba(0,0,0,0.6); 
	z-index: 9999; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
}

.pp_modal_content { 
    background: #fff; 
	width: 550px; 
	border-radius: 4px; 
	box-shadow: 0 2px 10px rgba(0,0,0,0.3); 
}

.pp_modal_header { 
    background: #597da3; 
	color: #fff; 
	padding: 10px 15px; 
	font-weight: bold; 
	display: flex; 
	justify-content: space-between; 
	border-radius: 4px 4px 0 0; 
}

.pp_close { 
    cursor: pointer; 
}

.pp_modal_search { 
    padding: 10px; 
	border-bottom: 1px solid #e7e8ec; 
}

.pp_modal_search input { 
    width: 100%; 
	padding: 5px; 
	box-sizing: border-box; 
}

.pp_columns { 
    display: flex; 
	height: 300px; 
}

.pp_col_left, .pp_col_right { 
    width: 50%; 
	overflow-y: auto; 
	padding: 10px; 
	border-right: 1px solid #e7e8ec; 
}

.pp_user_row { 
    padding: 5px; 
	cursor: pointer; 
	display: flex; 
	align-items: center; 
	border-radius: 3px; 
}

.pp_user_row:hover { 
    background: #f0f2f5; 
}

.pp_user_row img { 
    width: 24px; 
	height: 24px; 
	border-radius: 50%; 
	margin-right: 10px; 
}

.pp_user_row.sel { 
    background: #e1e8ee; 
}

.pp_modal_footer { 
    padding: 10px; 
	text-align: right; 
	background: #f7f8fa; 
	border-radius: 0 0 4px 4px; 
}

.update_after_saving {
    position: fixed;
    top: 200px;
    left: 50%;
	transform: translate(-50%, 1px);
    background: #626d7a url(../images/loading.gif) no-repeat center;
    padding: 20px 100px;
    border-radius: 22px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .25);
    z-index: 999999999;
}

.btn_blue { 
    background: #5181b8; 
	color: #fff; 
	border: none; 
	padding: 6px 15px; 
	border-radius: 4px; 
	cursor: pointer;
	opacity: 0.8;
	font-size: 16px;
}

.btn_blue:hover {
	opacity: 1;
}

.btn_blue_close { 
    background: #514d4d; 
	color: #fff; 
	border: none; 
	padding: 6px 15px; 
	border-radius: 4px; 
	cursor: pointer;
	opacity: 0.8;
	font-size: 16px;
}

.btn_blue_close:hover {
	opacity: 1;
}

.content_from_filter {
	color: rgba(0, 0, 0, .5);
    font-weight: 600;
    margin-left: 15px;
}

.pull-refresh-circle {
    position: fixed;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 999999999;
}

.pull-refresh-circle.show {
    transform: translate(-50%, 150px);
}

.spinner {
    width: 24px;
    height: 24px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #1877F2;
    border-radius: 50%;
    animation: spin_spinner 0.8s linear infinite;
}

@keyframes spin_spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.pp_sort_bar {
	font-size: 17px;
    padding: 12px; 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	border-bottom: 1px solid #e7e8ec;
}

#news_sort_container .ios_toggle {
    position: relative;
    display: inline-block;
    width: 36px !important;
    height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    cursor: pointer;
}

#news_sort_container .ios_toggle input {
    position: absolute !important;
    z-index: -1 !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

#news_sort_container .ios_slider {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc !important;
    transition: 0.3s;
    border-radius: 20px !important;
    box-shadow: none !important;
}

#news_sort_container .ios_slider:before {
    position: absolute;
    content: "" !important;
    height: 16px !important;
    width: 16px !important;
    left: 2px !important;
    bottom: 2px !important;
    background-color: white !important;
    transition: 0.3s;
    border-radius: 50% !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
    display: block !important;
}

#news_sort_container input:checked + .ios_slider {
    background-color: #5181b8 !important;
}

#news_sort_container input:checked + .ios_slider:before {
    transform: translateX(16px) !important;
}

#news_sort_container .ios_toggle input:before,
#news_sort_container .ios_toggle input:after {
    content: none !important;
    display: none !important;
}

.pp_modal_body {
	margin-top: -17px;
}

.pp_modal_body p {
    padding: 10px;
    background: #f7f8fa;
    font-size: 17px;
}

.custom_check_label:hover {
	background-color: #cccccc42;
}

.pp_modal_content label:before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
}

.pp_modal_content .checkbox_custom {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #adb5bd;
    border-radius: 3px;
    transition: background 0.2s, border-color 0.2s;
    z-index: 1;
}

.pp_modal_content .checkbox_wrapper input:checked ~ .checkbox_custom {
    background-color: #5181b8 !important;
    border-color: #5181b8 !important;
}

.pp_modal_content .checkbox_custom:after {
    content: "" !important;
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.pp_modal_content .checkbox_wrapper input:checked ~ .checkbox_custom:after {
    display: block !important;
}

.checkbox_wrapper {
    position: absolute;
    right: 40px;
    top: 16px;
}

#pp_news_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 300px;
    overflow: hidden !important;
}

.news_user_item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f2f5;
    cursor: pointer;
}

.news_user_item:last-child {
    border-bottom: none;
}

.user_avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 12px;
    flex-shrink: 0;
}

.user_name {
    font-size: 15px;
    color: #2b2f33;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bd_header_info {
    color: #000;
    font-size: 12.5px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.bd_header_month {
    color: #626d7a;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12.5px;
}

.calendar-item {
	width: 700px;
	display: inline-block;
	vertical-align: top;
	margin: 0 16px 20px;
	font: 14px/1.2 Arial, sans-serif;
}

.calendar-head {
    margin-top: 15px;
	margin-bottom: 20px;
	padding: 5px;
	font-weight: 700;
	font-size: 14px;
}

.calendar-item table {
	border-collapse: collapse;
	width: 100%;
}

.calendar-item th {
	font-size: 12px;
	padding: 6px 7px;
	text-align: center;
	color: #888;
	font-weight: normal;
}

.calendar-item td {
	font-size: 13px;
    width: 100px;
	height: 100px;
	text-align: center;
	border: 1px solid #ddd;
}

.calendar-item tr th:nth-child(6), .calendar-item tr th:nth-child(7),
.calendar-item tr td:nth-child(6), .calendar-item tr td:nth-child(7)  {
	color: #e65a5a;
}	

.calendar-day.last {
	color: #999 !important;
}	

.calendar-day.today {
	font-weight: 900;
}

.calendar-day.event {
	background: #f0f2f5;
	position: relative;
}

.calendar-popup{
   	display: inline;
    position: relative;
	margin: 3px;
}

.calendar-popup:hover:after{
    width: 250;
    background: #333;
	font-size:9pt;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 50px;
    color: #fff;
    content: attr(detali);
    left: -34;
    padding: 5px 15px;
    position: absolute;
    z-index: 20;
}

.calendar-popup:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 45px;
    content: "";
    left: 12px;
    position: absolute;
    z-index: 20;
}

.feed_wall_attach_video {
    display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.feed_wall_attach_video>img {
	margin-top: 1px;
	margin-right: 1px;
	height: 179px;
	flex: 1;
    object-fit: cover;
}

.loaded_photo_mini  {
    display: inline-block;
	position: relative;
	height: 80px;
	width: 125px;
	border-radius: 0px;
	overflow: hidden;
}

.loaded_photo_mini_display  {
    display: inline-block;
	position: relative;
	height: 80px;
	width: 125px;
    border: 1px solid #fff;
}

.messages_name_width {
   position: relative;
   width:525px;
   border: 1px solid #FFF;
}

ima_foto img { 
    max-width:500px; 
	max-height:600px; 
}

h2      {
    display: inline-block;
    width:635px;  
    font-size: 14px;
    margin: 0px;
    padding: 5px; 
}
h2 {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}

.PollOptions-module__votingOptions--rBooP {
    flex: 1 0 auto;
    display: grid;
    align-content: start;
    gap: 8px;
}

.PollOptions-module__votingOptionsWrapper--gGNY8 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
}

.PollOptions-module__votingOptionsOverflowWrapper--J6HmS {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.PollOptions-module__votingOptionWrapper--V8Mdf {
    border-radius: 6px;
    overflow: hidden;
    height: max-content;
}

.PollOptions-module__votingOption--DY45vK {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 9px 12px;
    border-radius: 6px;
    background: rgba(235,242,250,0.99);
    -webkit-tap-highlight-color: transparent;
    color: #000000;
}

.PollOptions-module__votingOptionVotes--CkptY {
    color: #262B2F;
    font-size: 12px;
    line-height: 14px;
}

.PollOptions-module__votingOption--DY4vK {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 9px 12px;
    border-radius: 6px;
    background: rgba(235,242,250,0.99);
    -webkit-tap-highlight-color: transparent;
    color: #000000;
}

.PollOptions-module__votingOption--DY4vK:hover {
    cursor: pointer;
	background: rgb(220, 230, 240, 0.99);
}

.Tappable__stateLayer {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .15s ease-out;
    z-index: 0;
}

.PollOptions-module__votingOptionFill--qIMnP {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #447bba;
    transition: width 0.5s ease 0s;
    width: 0px;
}

.PollOptions-module__votingOptionLeft--Bqbo0 {
    display: flex;
    align-items: center;
	z-index: 1;
}

.PollOptions-module__votingOptionRight--_Lc5k {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    -webkit-font-smoothing: subpixel-antialiased;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 76px;
	z-index: 1;
}

.PollOptions-module__votingOptionTitle--gneaR {
    font-size: 15px;
    word-break: break-word;
    line-height: 20px;
}

.SecondaryAttachment--interactive {
    cursor: pointer;
    position: relative;
}

.SecondaryAttachment {
    display: flex;
    align-items: center;
    white-space: nowrap;
	background: #F9FAFB;
	border-radius: 8px;
    color: #000000;
	padding: 0 8px 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.SecondaryAttachment:hover {
    background: #f0f2f5;
}  

.SecondaryAttachmentAvatar--icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.SecondaryAttachmentAvatar--style-square {
    border-radius: 8px;
}

.SecondaryAttachmentAvatar {
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    margin-right: 8px;
    box-sizing: border-box;
    color: rgba(0,28,61,0.08);
    background-color: currentColor;
    position: relative;
}

.SecondaryAttachmentAvatar__iconContent {
    background-color: #D5DCE3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}


.SecondaryAttachment__main {
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.SecondaryAttachment__content {
    min-width: 0;
}

.SecondaryAttachment__children {
    display: flex;
    align-items: center;
    color: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

.SecondaryAttachment__childrenText {
    flex-shrink: 1;
    min-width: 0;
    overflow: inherit;
    text-overflow: inherit;
}

.SecondaryAttachment__childrenTextAfter {
    display: flex;
    align-items: center;
}

.SecondaryAttachment__description {
    color: #818c99;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px;
}

.SecondaryAttachment__after {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    color: #447bba;
}

.SecondaryAttachment__buttonBase {
    margin-left: 5px;
}

.SecondaryAttachment__chevron {
    display: flex;
    color: #99a2ad;
    transform: translateX(0);
    transition: transform .1s linear;
}


.wall_vote_oneanswe {
    margin-top:10px;
	margin-bottom:7px;
}

.wall_vote_proc {
    height:15px;
	background:#f7f7f7;
	color:#8BA1BC;
	text-align:center;
	width:450px;
	margin-right:5px;
}

.wall_vote_proc_bg{ 
    background:#DAE1E8;
	height:15px;
	text-align:center; 
}

.arcticmodal_container_loader, .arcticmodal_container_loader:before, .arcticmodal_container_loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: arcticmodal_container_bblFadInOut 1.8s infinite ease-in-out;
}
.arcticmodal_container_loader {
  color: #36638E;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
  left: 50%;
  top: 40%;
}
.arcticmodal_container_loader:before,
.arcticmodal_container_loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.arcticmodal_container_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.arcticmodal_container_loader:after {
  left: 3.5em;
}

@keyframes arcticmodal_container_bblFadInOut {
  0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
  40% { box-shadow: 0 2.5em 0 0 }
}

h2_comments  {
    display: inline-block;
    width:509px;  
    font-size: 14px;
    margin: 0px;
    padding: 5px; 
}
h2_comments {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}


h2_comments_page      {
    display: inline-block;
    width:545px;  
    font-size: 14px;
    margin: 0px;
    padding: 5px; 
}
h2_comments_page {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}


h2_komentuvaty      {
    display: inline-block;
    width:412px;  
    font-size: 14px;
    margin: 0px;
    padding: 0px; 
}
h2_komentuvaty {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}


h4      {
position: relative;
    display: inline-block;
    width:800px;  
    font-size: 14px;
    margin: 0px;
    padding: 5px; 
}
h4 {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}

h3      {
    display: inline-block;
    width:405px;  
    font-size: 14px;
    margin: 0px;
    padding: 5px; 
}
h3 {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}

.h2      {
    display: inline-block;
    width: 773px;  
    font-size: 14px;
    margin: 0px;
    padding: 5px; 
}
.h2 {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}

.h9 {
    font-size: 14px;
	font-weight:bold;
    margin: 0px;
    padding: 5px; 
}
.h9 {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}

.id_online {
    color: #818c99;
	font-weight: 500;
	align-items: center;
    font-size: 15px;
	margin-top: 1px;
}

.hidden_input_file{  
      position:absolute;
      overflow: hidden;
      display:block;  
      height:0px;  
      width:0px;  
  }
  
#footer {
    color: #36638E;
    font-size: 13px;
	font-weight: bold;
    margin: 0px;
    padding: 8px;
    background: #DAE1E8;
}

.footer_class {
    color: #36638E;
    font-size: 13px;
	font-weight: bold;
    margin: 0px;
    padding: 8px;
    background: #DAE1E8;
}
  
.footer_block_friends {
    color: #36638E;
    font-size: 13px;
	font-weight: bold;
    margin: 0px;
    padding: 8px;
    background: #dddddd;
	border-radius: 4px 4px 0 0;
}

.flex-container a:active,
.flexslider_wall a:active,
.flex-container a:focus,
.flexslider_wall a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider_wall a img { outline: none; border: none; }

.flexslider_wall {
	margin: 0;
	padding: 0;
}

.flexslider_wall .slides > a {
    display: none; /* Flexslider сам увімкне потрібне */
    -webkit-backface-visibility: hidden;
    width: 100%;
    text-decoration: none;
}

/* Щоб перше фото було видно до завантаження JS */
.flexslider_wall .slides > a:first-child {
    display: block;
}

.flexslider_wall .slides img {
    max-width: 500px; 
    max-height: 300px;
    display: block;
    margin: 0 auto; /* Центрування */
    border-radius: 2px;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.fb-counter-slides {
	position: absolute;
    top: 20px;
    left: 20px;
    background-color: #00000070;
    color: #fff;
    font-family: sans-serif;
    font-size: 17px;
    z-index: 100;
    padding: 10px 20px;
    border-radius: 8px;
}

.fb-next-slides {
	position: absolute; 
	right: 20px; 
	top: 50%; 
	transform: translateY(-50%); 
	color: #fff; 
	font-size: 50px; 
	cursor: pointer; 
	z-index: 100; 
	user-select: none;
}

.fb-prev-slides {
	position: absolute; 
	left: 20px; 
	top: 50%; 
	transform: translateY(-50%); 
	color: #fff; 
	font-size: 50px; 
	cursor: pointer; 
	z-index: 100; 
	user-select: none;
}

.fb-close-slides {
	position: absolute; 
	top: 20px; 
	right: 20px; 
	color: #fff; 
	font-size: 45px; 
	cursor: pointer; 
	z-index: 100;
}

.fb-button-slides {
    opacity: 0.8;
}  

.fb-button-slides:hover {
    opacity: 1;
}

.fb-image-slides {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	transition: opacity 0.3s; 
	display: block;
}

.fb-container-slides {
	position: relative; 
	width: 100%; 
	height: 100%;
}

.fb-main-side-slides {
	position: relative; 
	flex: 1; 
	height: 100%; 
	overflow: hidden;
}

.fb-modal-slides {
	display: none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: rgb(0 0 0 / 80%); 
	z-index: 999999999; 
	overflow: hidden; 
	touch-action: none; 
	user-select: none;
}

.fb-side-panel-slides {
	width: 350px; 
	background: #fff; 
	height: 100%; 
	display: flex; 
	flex-direction: column; 
	box-shadow: -5px 0 20px rgba(0,0,0,0.5); 
	z-index: 101;
}

.fb-comments-slides {
	padding: 20px; 
	border-bottom: 1px solid #eee; 
	font-family: sans-serif; 
	font-weight: bold;
}





#playerMiniVideo{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 400px;
    height: 250px;
    background: #000;
    z-index: 999999999;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,.5);
    min-width: 400px;
    min-height: 250px;
    max-width: 600px;
    max-height: 500px;
}

		#playerMiniVideo,
#player_panel_video,
#jquery_jplayer_video{
  overflow: hidden;
  box-sizing: border-box;
}

#jquery_jplayer_video video{
  width:100% !important;
  height:100% !important;
  object-fit:contain;
}

#playerMiniHeader{
    height: 35px;
    background: #222;
    color: #fff;
    cursor: move;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    font-size: 13px;
}

#playerMiniPlayer{
    width: 100%;
    height: calc(100% - 28px);
}

.resize-handle{
  position:absolute;
  background:transparent;
  z-index:10;
}

.resize-handle.right{
  top:0; right:0;
  width:6px; height:100%;
  cursor:ew-resize;
}

.resize-handle.bottom{
  left:0; bottom:0;
  width:100%; height:6px;
  cursor:ns-resize;
}

.resize-handle.corner{
  right:0; bottom:0;
  width:14px; height:14px;
  cursor:nwse-resize;
}















.flexslider_wall {
	position: relative;
	zoom: 1;
	background: #ffffff;
    text-align: center;

}

.flex-container {
    position: relative;
    text-align: center;
    width: 500px;
}

.flexslider_wall .slides { zoom: 1; }

.flex-direction-nav a {
	display: block;
	position: absolute;
	margin: -17px 0 0 0;
	width: 35px;
	height: 35px;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 9999;
    opacity: 0.5;
	background-color: #447bba;
}

.flex-direction-nav a:hover {
    opacity: 0.9;
}  


.flex-direction-nav .flex-next {
	right: 0px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.flex-direction-nav .flex-next:before {
    background-position: -9px 0;
    left: 15px;
}

.flex-direction-nav .flex-prev:before {
    background-position: 0 0;
}

.flex-direction-nav a:before {
    display: block;
    position: absolute;
    content: '';
    width: 9px;
    height: 13px;
    top: 11px;
    left: 11px;
    background: url(../images/arrows.png) no-repeat;
}

.flex-direction-nav .flex-prev {
	left: 0px;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}










.flexslider_wall .flex-control-nav {
	position: relative;
	width: 100%;
	bottom: -10px;
	text-align: center;
	margin: 0 0 15px -10px;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}

.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	background-color: #b6b6b6 \9;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

	-webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
	-moz-box-shadow: inset 0 0 0 2px #b6b6b6;
	box-shadow: inset 0 0 0 2px #b6b6b6;
}

.flex-control-paging li a.flex-active {
	background-color: #82d344;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#82d344), to(#51af34));
	background-image: -webkit-linear-gradient(top, #82d344, #51af34);
	background-image: -moz-linear-gradient(top, #82d344, #51af34);
	background-image: -o-linear-gradient(top, #82d344, #51af34);
	background-image: linear-gradient(to bottom, #82d344, #51af34);

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



.flexslider_wall .slides p {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 5px;
	margin: 0;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	color: white;

	background-color: #222222;
	background: rgba(0,0,0, .9);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}















.photos_choose_row {
    position: relative;
    background: #edeef0;
    overflow: hidden;
    text-align: center;
	height: 125px;
    width: 175px;
    margin: 5px;
	float: left;
}

.photos_choose_row .photo_row_img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    background-position: center 30%;
    background-size: cover;
    -ms-high-contrast-adjust: none;
    display: block;
}



.footer__feed {
    width:507px;
    margin: 0px;
    padding: 0px;
    background: #fff;
}


.footer_terms {
    color: #585858;
    font-size: 15px;
	font-weight: bold;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px;
    background: #DAE1E8;
	margin-bottom: 10px;
}

.terms_text {
    font-size: 14px;
	margin-bottom: 15px;
	margin-left: 13px;
}

.terms_box_content {
    line-height: 170%;
    padding: 10px;
}

.wikiSubHeader {
    font-size: 16px;
    font-weight: bold;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    margin-bottom: 5px;
}

.wikiSubHeader_text {
    padding: 0px 0 0 20px;
    margin: 0.5em 0 1.571em 1.9em;
    color: white;
    list-style-type: none;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    z-index: 2;
    counter-reset: point;
}

.wikiSubHeader_text li {
    margin-bottom: 10px;
    line-height: 1.5;
    color: black;
    position: relative;
}

.wikiSubHeader_text li:before {
    color: white;
    margin-bottom: 4px;
    counter-increment: point 1;
    line-height: 1.6;
    height: 24px;
    margin-left: -36px;
    left: 0px;
    width: 25px;
    margin-top: 0px;
    background: #0a6187;
    content: counter(point);
    text-align: center;
    position: absolute;
    font-weight: bold;
}

.footer_add_history {
    color: #36638E;
    font-size: 11px;
	font-weight: bold;
    margin: 0px;
    padding: 8px;
    background: #c3d0d7;
}

.dropzone {
    border: 2px dashed #888; 
	padding: 20px;
	text-align: center; 
	background: white;
    border-radius: 12px; 
	cursor: pointer; 
	transition: .2s;
	font-size: 19px;
}

.dropzone.dragover { 
    border-color: #4caf50; 
	background: #eaffea; 
}




#footer_page_koment {
    color: #36638E;
    font-size: 11px;
    margin: 0px;
    padding: 8px;
    background: #EEF2F4;
}

#footer_feed_coment {
    color: #36638E;
    font-size: 11px;
    margin: 0px;
    padding: 8px;
	width:503px;
    background: #EEF2F4;
}

#footer_feed_foto {
    color: #36638E;
    margin: 0px;
    padding: 8px 0 8px 0;
    background: #EEF2F4;
}

.loading_feed_foto {
    background: #EEF2F4;
	cursor: pointer;
	font-size: 14px;
    padding: 10px 8px 8px 8px;
}

.loading_feed_foto:hover {
    background: #eee;
}

#footer_page_search {
        color: #36638E;
        font-size: 11px;
        margin: 0px;
        padding: 5px;
        background: #EEF2F4;
}

#footer_vidznachyty_photo_id {
        color: #36638E;
        font-size: 12px;
        margin: 0px;
		width:252px;
        padding: 8px;
        background: #DAE1E8;
}

#footer_vidznachyty_photo {
        color: #36638E;
        font-size: 12px;
        margin: 0px;
		width:252px;
        padding: 8px;
        background: #EEF2F4;
}


#footer_objects_details {
    padding: 15px;
}



#friends_loading_images {
    position: relative;
	top:4px;
    float: right;
    display: inline-block;
}


.click_nove_knopka {
    position: relative;
    float: right;
    display: inline-block;
}


.photo_nazad{
    position:fixed;
    width:24px;
    height:24px;
	top:300px;
	left:20px;
	background: url("../images/leftDisabled.png") no-repeat;
    display: inline-block;
}
.photo_nazad:hover {
    background: url("../images/left.png") no-repeat;
}

.photo_vpered{
    position:fixed;
    width:24px;
    height:24px;
	top:300px;
	right:20px;
	background: url("../images/rightDisabled.png") no-repeat;
    display: inline-block;
}
.photo_vpered:hover {
    background: url("../images/right.png") no-repeat;
}

#text_avatar_width {
   display: inline-block;
   position: relative; 
   width:530px;
   border: 1px solid #FFF;
}

#text_foto_width {
   display: inline-block;
   position: relative; 
   width:577px;
   border: 1px solid #FFF;
}

#footer_video_messages {
    width:730px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

#footer_dodatu_drawing {
    width:505px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

#footer_dodatu_drawing_wall {
    width: min(100% - 20px, 100%);
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

#footer_dodatu_history {
    width:740px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

#footer_code_pictures {
    width:310px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

.box_conetnt {
    background: #fff;
    border-bottom: 1px solid #d7d7d7;
}

.photo_name_width {
   position: relative;
   margin-left:12px;
   width:770px;
   border: 1px solid #FFF;
}


.pidkazka_code_pictures{
   	display: inline;
    position: relative;
}

.pidkazka_code_pictures:hover:after{
    background: #333;
	font-size:9pt;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 55px;
    color: #fff;
    content: attr(detali);
    left: -30;
	width: 150px;
    padding: 5px 15px;
    position: absolute;
    z-index: 20;
}



.inpst_code_pictures {
    border: 1px solid #c6d4dc;
    padding: 3px 4px;
}

.box_footer {
    background: #f0f0f0;
    padding: 9px;
    border-top: 0px;
	text-align: center;
    height: 30px;
}

#albums_avatar_width {
   position: relative;
   padding: 11px;   
   width: 595px;
}

#new_photos_width {
   display: inline-block;
   position: relative;
   padding: 14px;   
   width:888px;
   border: 1px solid #FFF;
}

.textarea_class {
   position: relative;
   color: #585858;
   margin-left: 35px;
   font-size: 14px;
   padding: 5px;
   cursor: text;
   background: #FFF;
   width: 290px;
   border: 1px solid #fff;
}

.media_preview_position {
    position: relative;
	z-index: 999;
}

.page_add_media {
    float: none;
    position: absolute;
    bottom: 15px;
    right: 11px;
    top: 14px;
}

.page_add_publish {
    display: none;
    float: left;
}

.page_add_media_open {
    float: right;
}

.page_add_textarea_open {
    float: left;   
}

.button_spro_file {
	height: 25px;
}

.buttonsprofileSecond span {
    border: 0px;
    padding: 5px 7px 4px 7px;
}

.buttonsprofileSec {
    background: #2b9eb3;
    color: #fff;
    border-radius: 2px;
}

.button_spro_file span {
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

.button_span_file:hover {
    background: #2b9eb324;
	border-radius: 2px;
	cursor: pointer;
}

.input_length_restricted_top {
    display: flex;
    justify-content: space-between;
	margin-bottom: 20px;
}

.ui_form_item_top {
	color: #6d7885;
	padding-bottom: 8px;
    padding-top: 35px;
}

.input_length_restricted_radio {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.recorded_record_icon {
    width: 13px;
    height: 13px;
    background: url("../images/profile_icons.gif") no-repeat scroll 0px -73px transparent;
    padding: 0px 25px 0px 0px;
    margin-top: 5px;
}

.textarea_class_wall{
   display: inline-block;
   position: relative;
   background: #FFF;
   border: 1px solid #C6D4DC;
}

.textarea__edit_wall {
	display: block;
	background: #FFFFFF;
	color: black;
	font-size: 12pt;
	min-height: 45px;
	max-height: 200px;
	padding: 3px 40px 7px 9px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	outline: 0;
	border-radius: 2px;
	line-height: 150%;
	cursor: text;
	word-wrap: break-word;
	overflow-x: hidden; 
	overflow-y: auto;
}

.textarea__edit_wall::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.textarea__edit_wall::-webkit-scrollbar {
    width: 7px;
}

.textarea__edit_wall::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.wpe_buttons {
    height: 20px;
	padding-top: 10px;
    padding-bottom: 10px;
}

.wpe_buttons>.FlatButton {
    float: right;
}

.textarea__class_wall {
    display: none;
	background: #FFFFFF;
	color: black;
	font-size: 12pt;
	min-height: 45px;
	max-height: 200px;
	padding: 3px 40px 7px 9px;
	outline: 0;
	border-radius: 2px;
	line-height: 150%;
	cursor: text;
	word-wrap: break-word;
	overflow-x: hidden; 
	overflow-y: auto;
}

.emoji_smile_wrap {
    display: none;
    position: absolute;
    top: 12px;
    right: 25px;
}

.post_upload_wrap {
    display: none;
    position: absolute;
    top: 45px;
    right: 25px;
}

.smile_icon_none {
    display: none;
}

.comet_smile_icon {
	position: absolute;
    bottom: 30px;
    right: -20px;
    overflow: auto;
    padding: 7px;
	background: #eee;
	border: solid 1px #C3CAD2;
	width:255px;
	height:140px;
	z-index: 999;
}

.comet_smile_icon::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.comet_smile_icon::-webkit-scrollbar {
    width: 7px;
}

.comet_smile_icon::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}



.ui_tabs_container_1 {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
	cursor: default;
    padding: 5px 20px;
    list-style: none;
    box-sizing: border-box;
}

.ui_tabs_container_1>:not(:last-child) {
    margin-right: 6px;
}

.ui_tab_new {
    border-radius: 8px;
    color: #818c99;
    box-sizing: border-box;
    padding: 4px 8px;
    height: 28px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    border: .5px solid transparent;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .15s ease;
}

.ui_tab_new {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.ui_tab_new.ui_tab_sel, .ui_tab_new.ui_tab_sel:hover, .ui_tab_new.ui_tab_sel:active {
    color: #3770b1;
    background-color: #F5F6F8;
    border-color: #dce1e6;
	cursor: pointer;
    box-shadow: 0 4px 8px rgba(0,0,0,.04), 0 0 4px rgba(0,0,0,.06);
}

.ui_tab_sel:hover {
    
}

.ui_tab_content_new {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
}


.placeholder {
    display: none;
    position: absolute;
	margin-left: 30px;
    z-index: 2;
    cursor: text;
}

.ph_input {
    vertical-align: top;
    overflow: hidden;
    width: 100%;
    min-height: 52px;
    max-height: 52px;
    padding: 16px 20px 16px 12px;
    background-color: transparent;
    border: 0;
    border-radius: 12px;
    line-height: 1.462;
    word-wrap: break-word;
    resize: none;
}

.ph_input {
    padding: 5px 9px 7px;
    border-radius: 8px;
    box-sizing: border-box;
}

.ph_content {
    color: #818c99;
    transition: color .2s ease;
    padding: 1px;
    opacity: 1;
}


.placeholder_comments {
    position: absolute;
    z-index: 2;
    cursor: text;
	top: 5px;
}



.forma_smile_icon {
	position:absolute;
    bottom:40px;
    right:10px;
    overflow: auto;
    padding: 7px;
	background: #eee;
	border: solid 1px #C3CAD2;
	width:273px;
	height:140px;
	z-index: 99999999;
}

.textarea__class_wall::-webkit-scrollbar-track {
    padding: 2px 0;
	background-color: #DDE1E6;
	border-radius: 5px;
}

.textarea__class_wall::-webkit-scrollbar {
    width: 7px;
}

.textarea__class_wall::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.border_bottom_textarea {
    border-bottom: 1px solid #dce1e6;
    margin-bottom: 9px;
	margin-top: 5px;
}

.border_bottom_textarea_min {
    border-bottom: 1px solid #dce1e6;
}

.dropzone_photo_downloads {
	padding: 15px;
    border: 1px dashed #A3B6C9;
	position: relative;
	text-align: center;
}	

.dropzone_photo_downloads.dragover_photo {
    background-color: #E1E7ED;
}

.post_upload_drop_label {
    color: #7F92A5;
    font-size: 1.09em;
    position: relative;
}

.wall_post_media_preview {
    border-top: 1px solid #dce1e6;
    margin-top: 10px;
}

.attach_photo_media {
	flex-wrap: wrap;
	gap: 1rem;
	padding: 8px 0 4px 0;
}

.attach_photo_media span>img {
	margin-top: 1px;
	margin-right: 1px;
	height: 150px;
	flex: 1;
    object-fit: cover;
}

.attach_video_media {
	padding: 8px 0 4px 0;
}

.error_loading_photo {
   display: none;
   position: relative;
   box-shadow: 0 2px 3px rgba(255,0,0,0.25), 0 0 10px rgba(255,0,0,0.3) inset;
   color: #FF0000;
   font-size: 1.2em;
   padding: 7px;
   text-align: center;
   margin-bottom: 5px;
}

.error_loading_clips {
	position: relative;
   box-shadow: 0 2px 3px rgba(255,0,0,0.25), 0 0 10px rgba(255,0,0,0.3) inset;
   color: #FF0000;
   font-size: 1.2em;
   padding: 7px;
   text-align: center;
   margin-top: 15px;
}

.last_column {
    margin-right: 0;
}

.VideoUploadItem {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 0;
}

.VideoUploadItem__aside {
    flex-shrink: 0;
    width: 246px;
    margin-right: 24px;
}

.VideoUploadItem__main {
    flex: 1;
    min-width: 0;
}

.VideoUploadItem__thumbWrap--short {
    height: 432px;
    width: 246px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
}

.VideoUploadItem__thumbWrap {
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    background-color: rgba(0, 28, 61, 0.08);
    margin-right: 18px;
    border-radius: 12px 12px 0 0;
}

.VideoUploadItem__thumbStub {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #aeb7c2;
}

.VideoUploadItem__thumbStubIcon {
    width: 56px;
    height: 56px;
    margin-bottom: 12px;
}

.VideoUploadItem__thumbStubText {
    font-size: 16px;
    line-height: 20px;
    color: #818c99;
}

.VideoUploadItem__thumbWrap--short .VideoUploadItem__thumb {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.VideoUploadItem__thumb {
    position: relative;
    background-position: center;
    background-size: cover;
    border-radius: 8px 8px 0 0;
    height: 100%;
    width: 100%;
}

.VideoUploadItem__row {
    margin-bottom: 26px;
}

.VideoUploadItem__label {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 18px;
    color: #818c99;
}

.VideoUploadItem__textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #cbd1d8;
    border-radius: 6px;
    background-color: #fff;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

.ThumbChooser {
    align-items: center;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
}

.ThumbChooser__item {
    width: 83px;
    height: 126px;
    margin-right: 3px;
    border-radius: 4px;
}

.ThumbChooser__item {
    box-sizing: border-box;
    background-color: rgba(0, 28, 61, 0.08);
    cursor: pointer;
    background-size: cover;
    background-position: center;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-radius: 6px;
}

.ThumbChooser__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    pointer-events: none;
}

.ThumbChooser__itemCheck {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.00);
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 6px;
    pointer-events: none;
    transition: opacity 50ms linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

.textarea_feed_wall {
	background:#FFFFFF;
	color:black;
	font-size:12pt;
	border:1px solid #FFFFFF;
	min-height:45px;
	padding:3px;
	outline:0;
	border-radius:2px;
	line-height:150%;
	cursor:text;
	word-wrap: break-word;
	overflow-x: hidden; 
	overflow-y: auto;
}

#cover_scroll_block {
    position: relative;
}

#progress_cover_scroll_block {
    width: 0;
    height: 0px;
    display: inline-block;
    border-bottom: 10px solid #36638E;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: 107.5px;
}

.VideoUploadItem .VideoUploadItem__addMedia .ms_item {
    display: flex;
    align-items: center;
    height: 48px;
    width: calc(100% + 4px);
    padding: 4px;
    border-radius: 4px;
    margin-left: -4px;
}

.media_selector>.ms_item_audio {
    float: left;
    width: 22px;
    height: 22px;
    padding: 0 0 0 22px;
    margin-right: 10px;
    box-sizing: border-box;
}

.media_selector a {
    color: #2a5885;
    text-decoration: none;
    cursor: pointer;
}

.media_selector a:hover {
	background: #DAE1E8;
}

.media_selector .ms_item_audio {
    position: relative;
    display: block;
    outline: 0;
}

.media_selector::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.VideoUploadItem .VideoUploadItem__addMedia .MediaSelector__mediaIcon {
    position: relative;
    width: 40px;
    height: 40px;
    background: rgba(0, 28, 61, 0.08);
    border-radius: 4px;
    margin-right: 12px;
    opacity: 1;
}

.media_selector>.ms_item .MediaSelector__mediaIcon {
    left: 0;
}

.media_selector .MediaSelector__mediaIcon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 5px;
    color: #818c99;
    content: "";
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .72;
    transition: opacity 0.2s;
}

.blind_label {
    width: auto;
    height: auto;
    opacity: 1;
    clip: auto;
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #447bba;
}

.VideoUploadItem .VideoUploadItem__addMedia svg {
    color: #447bba;
}

.FormItem--withPadding {
    padding: 8px 12px;
}

.uiFormItem__top {
    align-items: flex-end;
    color: #626d7a;
    display: flex;
    padding-bottom: 8px;
    padding-top: 2px;
}

.uiFormItem__top {
    padding-bottom: 6px;
}

.uiFormItemTop__label {
    flex: 1;
}

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

.getColorClass-module__colorTextPrimary {
    color: #000;
}

.uiSeparator--mode-primary {
    color: #dce1e6;
}

.uiSeparator__in {
    background: currentColor;
    border: 0;
    color: inherit;
    height: 1px;
    margin: 0;
    transform-origin: center top;
}

.uiDiv {
    padding-left: 8px;
	padding-right: 8px;
	padding: 12px 12px;
}

.uiSimpleCell--clip {
    align-items: center;
    color: #000000;
    display: flex;
    min-height: 48px;
    padding-left: 0;
    padding-right: 1px;
    text-decoration: none;
    white-space: nowrap;
}

.uiSimpleCell__before--clip {
    align-items: center;
    color: #447bba;
    display: flex;
    padding-bottom: 12px;
    padding-right: 6px;
    padding-top: 12px;
}

.uiSimpleCell__after--clip {
    align-items: center;
    color: #447bba;
    display: flex;
    flex-shrink: 0;
}

.box_controls_bloc {
    padding: 0;
	background-color: #fff;
    border-radius: 0 0 4px 4px;
	white-space: nowrap;
}

.uiSimpleCell__middle--clip {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
}

.a-SimpleCell {
    border-radius: 4px;
	background: #ffffff;
}

.uiImageBase-audio {
	align-items: center;
    background-color: #f0f2f5;
    background-size: cover;
    box-sizing: border-box;
    color: #99a2ad;
    display: flex;
    flex-shrink: 0;
    isolation: isolate;
    justify-content: center;
    position: relative;
}

.uiImageBase-Slider {
	align-items: center;
    background-size: cover;
    box-sizing: border-box;
    color: #99a2ad;
    display: flex;
    flex-shrink: 0;
    isolation: isolate;
    justify-content: center;
    position: relative;
}


.uiImageBase__img {
	border: 0;
    border-radius: inherit;
    display: block;
	color: transparent;
    z-index: -1;
}

.uiImageBase__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.uiIconButton_round {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 9999px;
    box-shadow: none;
    color: currentColor;
    display: block;
    height: 35px;
	width: 35px;
	opacity: 0.7;
    margin: 0;
    padding: 0;
    position: relative;
}

.uiIconButton_round:hover {
	background: #DAE1E8;
	opacity: 1;
}

.uiIconButton_accustomed {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 9999px;
    box-shadow: none;
	cursor: pointer;
    color: currentColor;
    display: block;
	opacity: 0.7;
    margin: 0;
    padding: 0;
    position: relative;
}

.uiIconButton_accustomed:hover {
	opacity: 1;
}

.uiTappable_Button {
    z-index: 1;
}


.progress_video_clip {
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
	
.progress_bar_video_clip.active, .progress_video_clip.active .progress_bar_video_clip {
    -webkit-animation: progress-bar_video_clip 2s linear infinite;
    -o-animation: progress-bar_video_clip 2s linear infinite;
    animation: progress-bar_video_clip 2s linear infinite;
}

.progress_bar_success_video_clip {
    background-color: #5cb85c;
}

.progress_bar_video_clip {
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    width: 0;
}

.progress_bar_striped_video_clip, .progress_bar_video_clip {
    background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-image: -o-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

@keyframes progress-bar_video_clip {
    0% {
        background-position: 40px 0;
    }
    100% {
        background-position: 0 0;
    }
}

.class_history_viewer {
   position: relative;
   background: url("../images/History.jpg") no-repeat; 
   background-size: cover;
   width:300px;
   height:500px;
   border-radius: 4px;
}


.class_history_window_id{
   display: inline-block;
   position: relative;
   background: #9E85FA;
   border: 3px solid #FFF;
   height: 130px;
}

.class_history_window_id img {
   background-size: cover;
   height: 100%;
}

.delete_history_objects {
	position: absolute;
	padding: 8px;
	background: 0 0;
	margin: 0;
	border: 0;
	border-radius: 50%;
	right: 0;
	top: 0;
	cursor: pointer;
}

.delete_history {
	display: inline-block;
	background: url("../images/file_del.png") 0px 0px no-repeat;
	width: 13px;  
    height: 13px;
}

.delete_history_objects:hover .delete_history {
	background: url("../images/file_del.png") 0px -13px no-repeat;
}

#controller_player_history {
	width: 660px;
	font-family: sans-serif; 
}

#controller_player_history .jp-my-playlist {
	margin: 0; 
	padding:0; 
	list-style:none; 
}

#controller_player_history .playlist-audio:last-child {
    border-bottom: 0;
}

#controller_player_history .playlist-audio { 
    display: flex;
    justify-content: space-between;
    padding: 10px; 
	cursor: pointer;
	align-items: center;
	background-color: #fff;
    width: 643px;
	border-bottom: 1px solid #dce1e6;
}

#controller_player_history .playlist-audio.active-mp3 { 
    background: #f0f8ff; 
	font-weight:600; 
}

#controller_player_history .time-player {
	display: flex;
    position: absolute;
    margin-top: -30px;
    margin-left: 100px;
    justify-content: space-between;
    width: 540px;
	font-size: 15px; 
	color: #333; 
}

.selected-audio-block {
	background-color: #fff;
    width: 663px;
}

.jp-progress-audio {
    display: flex;
	position: relative;
	margin-left: 100px;
}

.jp-my-progress {
	position: relative; 
	width: 100%; 
	height: 5px; 
	background: #ddd; 
	cursor: pointer; 
	margin-right: 10px;
}

.jp-my-progress-played {
	width: 0%; 
	height: 100%; 
	background: #507597;
}







.class_history_foto{
    width:28px;  
    height:28px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.697%202c.52%200%20.994.065%201.43.202.458.143.871.364%201.244.665.357.288.673.645.961%201.078l.266.398.134.189c.097.13.162.197.235.258a.767.767%200%2000.281.15c.128.038.258.056.577.06h.218c1.193.052%201.872.216%202.587.599a4.27%204.27%200%20011.771%201.771c.445.831.6%201.631.6%203.245v5.975c0%202.183-.204%203.233-.787%204.324a5.543%205.543%200%2001-2.3%202.3c-1.09.583-2.14.786-4.324.786H9.41c-2.183%200-3.233-.203-4.323-.786a5.543%205.543%200%2001-2.3-2.3c-.553-1.034-.764-2.03-.785-3.988v-6.604c.019-1.421.18-2.172.597-2.952A4.27%204.27%200%20014.37%205.6c.691-.37%201.347-.534%202.452-.583l.088-.012L7%205h.175c.32-.004.45-.022.577-.06a.767.767%200%2000.281-.15c.103-.085.19-.184.37-.447l.265-.398c.289-.433.605-.79.961-1.078a3.739%203.739%200%20011.244-.665c.437-.137.91-.202%201.43-.202h3.394zm0%202h-3.394c-.327%200-.6.037-.832.11a1.74%201.74%200%2000-.585.313c-.19.154-.372.36-.554.632l-.303.452c-.271.392-.466.613-.722.824a2.766%202.766%200%2001-.979.524c-.339.102-.65.14-1.187.145l-.053.006-.27.012c-.753.039-1.11.133-1.504.345-.413.22-.73.538-.951.95-.269.502-.363.99-.363%202.302v5.975c0%201.881.143%202.62.55%203.38.342.641.84%201.138%201.48%201.48.68.365%201.343.517%202.823.545L9.41%2022h9.18l.558-.005c1.48-.028%202.142-.18%202.823-.545a3.544%203.544%200%20001.48-1.48c.364-.68.516-1.343.544-2.822L24%2016.59v-5.975l-.004-.455c-.022-.98-.123-1.407-.358-1.847a2.272%202.272%200%2000-.951-.95c-.43-.23-.82-.325-1.687-.363l-.242-.002c-.476-.008-.768-.047-1.085-.143a2.766%202.766%200%2001-.98-.524c-.255-.21-.45-.432-.721-.824l-.304-.452a2.777%202.777%200%2000-.553-.632%201.741%201.741%200%2000-.585-.313%202.776%202.776%200%2000-.833-.11zM14%208.5A5.25%205.25%200%201114%2019a5.25%205.25%200%20010-10.5zm0%202a3.25%203.25%200%20100%206.5%203.25%203.25%200%20000-6.5z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    opacity: 0.5;
    display: inline-block;
    position: relative;
}

.class_history_foto:hover {
	cursor: pointer;
    opacity: 1;
}


.class_history_photos{
    width:28px;  
    height:28px;
    background: url("../images/photos_icon.png") no-repeat;
    opacity: 0.5;
    display: inline-block;
    position: relative;
}

.class_history_photos:hover {
	cursor: pointer;
    opacity: 1;
}

.class_history_audio{
    width:28px;  
    height:28px;
    background: url("../images/music_icon.png") no-repeat;
    opacity: 0.5;
    display: inline-block;
    position: relative;
}

.class_history_audio:hover {
	cursor: pointer;
    opacity: 1;
}


.play_add_history{
    position: absolute;
    width:24px;  
    height:24px;
    background: url("../images/audio_icons.png") -0px -0px no-repeat;
    opacity: 0.5;
	top: 2px;
	left: 250px;
}

.play_add_history:hover {
	cursor: pointer;
    opacity: 1;
}

.button_save_child {
    position: absolute;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #95ADC4;
	text-align:center;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #6383A8;
	width: 130px;
}

.button_save_child:hover {
    background: #859FBA;
	cursor: pointer;
}

.button_save_child_no {
    position: absolute;
	font-size: 12px;
	font-weight: bold;
	cursor: not-allowed;
	color: #FFF;
	background: #ccc;
	text-align:center;
	padding: 5px;
	border-radius: 0px;
	border: 1px solid #6383A8;
	width: 130px;
}



.class_history_kolir{
    width:28px;  
    height:28px;
    background: url("../images/stories_create_poster_border.png") no-repeat;
    opacity: 0.5;
    display: inline-block;
    position: relative;
}

.class_history_kolir:hover {
	cursor: pointer;
    opacity: 1;
}

.class_foto_delete {
   display: inline-block;
   position: relative;
   background: #C6D4DC;
   border: 2px solid #A3BCC7;
   height: 350px;
   width: 515px;
   color: #789CAB;
   font-weight:bold;
   font-size: 25px;
   text-align: center;
}

.class_foto_delete_mini{
   display: inline-block;
   position: relative;
   background: #C6D4DC;
   border: 2px solid #A3BCC7;
   height: 76px;
   width: 125px;
   color: #789CAB;
   font-weight:bold;
   font-size: 14px;
   text-align: center;
   	border-radius: 0px;
	overflow: hidden;
}

#loading_objects{
   display: inline-block;
   position: relative; 
   width:800px;
   height:400px;
   border: 1px solid #FFF;
}


#loading_objects_audio{
   display: inline-block;
   position: relative; 
   width:650px;
   height:400px;
   border: 1px solid #FFF;
}


#loading_objects_dialogue{
   display: inline-block;
   position: relative; 
   width:500px;
   height:470px;
   border: 1px solid #FFF;
}

 
 .public_wall_like_yes{
background:url("../images/like.gif") no-repeat; 
filter: none; 
 width:11px;
 height:10px;
 float:left; 
 margin: 5px 3px 0 5px;
}

r {
  color: #2B587A;
}

m {
  color:#585858;
}

m_r {
  color: #65879E;
  font-size:11pt;
}

m_v {
  color: #808080;
  font-size:11pt;
}

v_edit {
  color: #585858;
  font-size:12pt;
}

#nav_comments_objects {
   display: inline-block;
   position: relative;
   width:550px;
   border: 1px solid #fff;
}

#nav_comments_objects_wall {
   display: inline-block;
   position: relative;
   width:520px;
   border: 1px solid #fff;
}

#nav_comments_objects_foto {
   display: inline-block;
   position: relative;
   width:406px;
   border: 1px solid #fff;
}

#nav_comments_objects_page {
   display: inline-block;
   position: relative;
   width:460px;
   border: 1px solid #fff;
}

#nav_comments_objects_wall1 {
   display: inline-block;
   position: relative;
   width:430px;
   border: 1px solid #fff;
}

h2_comments_wall {
    display: inline-block;
    width:507px;  
    font-size: 14px;
    margin: 0px;
    padding: 5px; 
}
h2_comments_wall {
  color:#203A55;
  background:transparent;
  border-bottom:2px solid #DAE1E8;
}

#nav_komentuvaty_objects_foto {
   display: inline-block;
   position: relative;
   width:325px;
   border: 1px solid #fff;
}

.delete_page_detali {
    width:17px;  
    height:15px;
    background: url("../images/audio_icons.png") -105px -50px no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.delete_page_detali:hover {
	cursor: pointer;
    opacity: 1;
}

.post_share_icon {
    width: 17px;
    height: 15px;
    background: url(../images/like1.gif) no-repeat;
    background-position: 0 -21px;
	opacity: 0.5;
    display: inline-block;
}

.post_share_icon:hover {
	cursor: pointer;
    opacity: 1;
}





.nav_comments_delete {
display: none;
}

.nav_comments:hover .nav_comments_delete  {
display: block;
}

.nav_videos_play {
    display: none;
}

.nav_video_play_id:hover .nav_videos_play  {
    display: block;
}

.video_onetrack {
    display: inline-block;
    position: relative;
	cursor: pointer;
    background: #fff;
	min-height: 24px;
    border-radius: 7px;
    margin: 5px 0;
	padding: 10px;
}

.video_onetrack:hover {
    background: #DAE1E8;
}

.video_onetrack_photo {
    position: relative;
    background: #edeef0;
    overflow: hidden;
    height: 300px;
    width: 500px;
}

.clips_onetrack_photo {
    position: relative;
    background: #edeef0;
    overflow: hidden;
    height: 300px;
    width: 100%;
	cursor: pointer;
}

.clips_onetrack_photo:hover .play-controls-full {
    opacity: 1;
}

.clips_onetrack_photo .video_photo_img {
    height: 100%;
    width: 100%;
    background-size: cover;
    display: block;
	background-position: 50%;
}

.StatusBanner-module-clips__root {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.video_onetrack_photo .video_photo_img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    background-size: cover;
    display: block;
}

.video_view_block_player {
    position: absolute;
    background: #000000;
    height: 300px;
    width: 500px;
	bottom: 0;
	z-index: 999;
}

#mv_layer_wrap {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none;
}

#mv_layer_wrap.mv_minimized {
    background-color: #222222;
    display: block;
}

.mv_min_header {
    display: none;
    height: 12px;
    padding: 8px 6px 8px 12px;
}

.mv_min_control {
    float: right;
    margin: -8px 0;
    padding: 9px 5px;
    opacity: .6;
    cursor: pointer;
}

.mv_min_control:hover {
    opacity: 1;
}

.mv_min_control_close {
    background: url(../images/videoicon.png) 0 -139px;
    width: 10px;
    height: 10px;
}

.mv_min_control_max {
    background: url(../images/videoicon.png) 0 -119px;
    width: 11px;
    height: 10px;
}

.mv_min_title {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    opacity: .6;
    cursor: pointer;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .2s ease;
}

#mv_layer {
    position: relative;
    min-height: 100%;
}

#mv_container {
    margin: 15px auto;
}

#mv_container {
    position: relative;
    display: table;
    table-layout: fixed;
}

#mv_layer .mv_box {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
}

.drag_window_gable_clip {
	min-height: 200px;
    min-width: 350px;
    max-height: 500px;
    max-width: 800px;
	position: relative;
}

.drag_window_gable_clip .resizer-right {
    position: absolute;

    top: 0;
    right: 0;

    width: 6px;
    height: 100%;

    background: transparent;
    cursor: ew-resize;
    z-index: 1000;
}


/* Нижній край */
.drag_window_gable_clip .resizer-bottom {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 6px;

    background: transparent;
    cursor: ns-resize;
    z-index: 1000;
}


/* Кут */
.drag_window_gable_clip .resizer-both {
    position: absolute;

    right: 0;
    bottom: 0;

    width: 12px;
    height: 12px;

    background: transparent;
    cursor: nwse-resize;
    z-index: 1001;
}

.mv_player {
	background: #000000;
}

#mv_progress_box {
    position: relative;
    margin: 0 auto;
    background: #000000;
    border-radius: 8px;
}

#mv_progress_box .pr {
    position: relative;
    top: 50%;
    opacity: 1;
    text-align: center;
}

#mv_progress_box .pr_bt {
    background: #ffffff;
    width: 8px;
    height: 8px;
    margin-right: 4px;
}

.pr {
    opacity: 0;
    line-height: 0;
    transition: opacity 350ms linear;
}

.pr_bt:nth-child(1) {
    animation-delay: 0ms;
}

.pr_bt:nth-child(2) {
    animation-delay: 180ms;
}

.pr_bt:nth-child(3) {
    animation-delay: 360ms;
}

.pr_bt {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-right: 2px;
    opacity: .2;
    animation-duration: 750ms;
    animation-name: pr_bt_anim;
    animation-iteration-count: infinite;
}

.pr_blue {
    opacity: 1;
    line-height: 0;
    transition: opacity 350ms linear;
	position: relative;
    margin-top: 50%;
    margin-left: 45%;
}

.pr_bt_blue:nth-child(1) {
    animation-delay: 0ms;
}

.pr_bt_blue:nth-child(2) {
    animation-delay: 180ms;
}

.pr_bt_blue:nth-child(3) {
    animation-delay: 360ms;
}

.pr_bt_blue {
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    background-color: #447bba;
    border-radius: 50%;
    margin-right: 8px;
    opacity: .2;
    animation-duration: 750ms;
    animation-name: pr_bt_anim;
    animation-iteration-count: infinite;
}

@keyframes pr_bt_anim {
    0% {
        opacity: .2;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}

.VideoLayerInfo__itemTooltip.tt_w.tt_black.toleft::before {
    right: -12px;
}

.VideoLayerInfo__itemTooltip.tt_w.tt_black.tt_right::before {
    border-left-color: rgba(0, 0, 0, 0.72);
}

.tt__default {
    background: rgba(0, 0, 0, 0.72);
}

.tt__default.tt_right::before {
    border-width: 6px;
    margin: -6px 0;
    border-left-color: rgba(0, 0, 0, 0.72);
}

.tt__default.tt_right::before {
    top: 50%;
}

.tt_w::before {
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
}

.tt_black .tt_text {
    color: #ffffff;
    font-size: 1em;
    padding: 4px 7px 5px;
    line-height: 1.154;
    white-space: nowrap;
}

.mv_info {
    width: 310px;
    background-color: #222222;
    border-top-right-radius: 8px;
}

.mv_info {
    background: #222222;
    display: flex;
    flex-wrap: wrap;
    min-height: 70px;
    position: relative;
    z-index: 10;
    border-radius: 0 8px 8px 0;
}

.VerticalVideoLayerInfo {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.VerticalVideoLayerInfo__author {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.04);
    padding: 12px 15px 15px;
    border-top-right-radius: 8px;
	border-bottom: 1px solid #333333;
}

.VerticalVideoLayerInfo__authorInfo {
    flex-grow: 1;
    margin: 0 12px;
    min-width: 0;
}

.VerticalVideoLayerInfo__authorName {
	color: #e1e3e6;
}

.VerticalVideoLayerInfo__underAuthorNameSubtitle {
    color: #828282;
    margin-top: 4px;
}

.VerticalVideoLayerInfo__date {
    white-space: nowrap;
    min-width: 0;
}

.audio_row {
    position: relative;
    box-sizing: border-box;
    line-height: 1.25;
    outline: 0;
	padding: 5px;
}

.audio_row_content {
    opacity: .4;
    background-color: transparent;
}

.audio_row_content_link {
    opacity: 1;
    background-color: transparent;
}

.short_video_audio_link {
	background-color: transparent;
}

.short_video_audio_link_no {
	background-color: transparent;
}

.short_video_audio_link:hover {
	cursor: pointer;
    background-color: rgba(255, 255, 255, 0.08);
	border-radius: 8px;
}

.audio_row .audio_row__cover {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #656565;
    background-size: cover;
    box-sizing: border-box;
}

.audio_row__cover {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
}

.audio_row .audio__row__inner {
    height: 40px;
    box-sizing: border-box;
    padding-left: 50px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.audio_row .audio_row__performer_title {
    flex-direction: column;
    justify-content: center;
}

.audio_row .audio_row__performer_title {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-shrink: 1;
    flex-grow: 1;
}

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

.audio_row .audio_row__title {
    padding-left: 0;
    font-weight: 500;
    order: -1;
    margin-bottom: 2px;
}

.audio_row .audio_row__title {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.audio_row:not(.audio_claimed) .audio_row__title_inner {
    color: #e1e3e6;
}

.VerticalVideoLayerInfo__audio {
    background-color: #222222;
    padding: 5px 12px 5px;
	border-bottom: 1px solid #333333;
}

.VerticalVideoLayerInfo__scrollWrap {
    flex-grow: 1;
    max-width: 310px;
}

.ui_scroll_overflow {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    width: inherit;
    height: inherit;
    min-height: inherit;
    max-height: inherit;
}

.VerticalVideoLayerInfo__commentsReply {
    bottom: 0;
    position: absolute;
    width: 100%;
}

.VerticalVideoLayerInfo__topControlsWrap {
    position: fixed;
    z-index: 100;
    right: 0;
    top: 0;
}

.mv_top_button {
    position: relative;
    opacity: .4;
    cursor: pointer;
    transition: opacity .15s ease-in-out;
    outline: 0;
    z-index: 1502;
}

.mv_top_button:hover {
    opacity: 1;
}

.mv_close_icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2272%22%20height%3D%2272%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M28.06%2025.94a1.5%201.5%200%2000-2.224%202.007l.103.114%2018%2018a1.5%201.5%200%20002.225-2.008l-.103-.114-18-18z%22%2F%3E%3Cpath%20d%3D%22M43.94%2025.94a1.5%201.5%200%20012.224%202.007l-.103.114-18%2018a1.5%201.5%200%2001-2.225-2.008l.103-.114%2018-18z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-position: center;
    background-size: auto;
    height: 72px;
    width: 72px;
}

.mv_minimize_icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2272%22%20height%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h72v40H0z%22%2F%3E%3Cpath%20d%3D%22M48%2018.5a1.5%201.5%200%2001.153%202.992L48%2021.5H24a1.5%201.5%200%2001-.153-2.992L24%2018.5h24z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-position: center;
    background-size: auto;
    height: 40px;
    margin: 0;
    width: 72px;
}

.history_close_icon {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24.00 24.00' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' stroke='%23CCCCCC' stroke-width='0.384'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M10 12V17' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M14 12V17' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4 7H20' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M6 10V18C6 19.6569 7.34315 21 9 21H15C16.6569 21 18 19.6569 18 18V10' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 40px;
    height: 40px;
}

.jp_interface {
    position: absolute;
    height: 45px;
    width: 500px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.7);
}

.wall_audio_onetrack {
    display: inline-block;
    position: relative;
	cursor: pointer;
    background: #fff;
	min-height: 24px;
    border-radius: 7px;
	padding: 10px;
}

.wall_audio_onetrack:hover {
    background: #DAE1E8;
}

.audio_onetrack {
    display: inline-block;
    position: relative;
	cursor: pointer;
    background: #fff;
	min-height: 24px;
    border-radius: 7px;
    margin: 5px 10px;
	padding: 10px;
}

.audio_onetrack:hover {
    background: #DAE1E8;
}

.audio_row__inner  {
    background: #DAE1E8;
}

.audio_player__place {
    position: relative;
    width: 100%;
    padding: 25px 0 5px 0;
}

.audio_content {
    position: relative;
    margin-left: 25px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audio_fl_r {
    float: right;
}

.audio_stopic {
    background: url(../images/transp.png) no-repeat 0px -108px;
	width: 16px;
    height: 16px;
    margin-right: 7px;
    margin-top: -1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.audio_playic {
    background: url(../images/transp.png) no-repeat 0px -92px;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    margin-top: -1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}



.nav_pleyr_mp3_id:hover {
    font-weight: bold;
    line-height: 21px;
    font-size: 11px;
    margin: 0px;
    padding: 5px;
    background: #DAE1E8;
}


.player_block_details {
    display: none;
	position: absolute;
	right: 0px;
	top: -3px;
	z-index: 999;
}

.player_block_additionally:hover .player_block_objects {
    display: none;
}

.player_block_additionally:hover .player_block_details {
    display: block;
}

.player_actions_icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #aeb7c2;
	opacity: 0.7;
}

.player_actions_icons:hover {
    opacity: 1;
}

.context-menu__player {
    position: absolute;
    background: #fff;
	right: -50px;
	margin-top: -15px;
	width: 200px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
    z-index: 102;
}





.ui_tabs_container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0px 20px;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}





.ui__ownblock {
    display: block;
    width: 200px;
    border-radius: 8px;
	padding: 5px;
	cursor: pointer;
}

.ui__ownblock:hover {
    background-color: #fff;
	text-decoration:none;
}

.ui__ownblock_img {
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 10px;
}

.ui__ownblock_info {
    white-space: nowrap;
    font-size: 12.5px;
    line-height: 16px;
}

.ui__ownblock_label {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2a5885;
    padding-top: 2px;
}

.ui__ownblock_hint {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #626d7a;
}

.clear__fix::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.uiSimpleCell {
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 48px;
    padding-left: 5px;
    padding-right: 12px;
    text-decoration: none;
    white-space: nowrap;
	border-radius:8px;
}

.uiSimpleCell:hover {
    background-color: #F5F5F7;
	text-decoration:none;
}

.uiSimpleCell__before {
    padding-bottom: 4px;
    padding-top: 4px;
}

.uiSimpleCell__before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2688eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 6px;
    padding-right: 12px;
    padding-top: 6px;
}

.uiSimpleCell__middle {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
}

.AvatarRich {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    border-radius: 50%;
    --avatar-rich-stroke-width: 2px;
    --avatar-rich-nft-frame-width: 2px;
}

.uiSimpleCell__content {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
}

.uiSimpleCell__children {
    color: #000;
    font-weight: 400;
    color: inherit;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uiSimpleCell__text {
    padding-top: 3px;
    color: #818c99;
    overflow: hidden;
    text-overflow: ellipsis;
}







.public_likes_user_block {
    position:absolute;
    width:225px;
    color:#FFF;
    background:url('../images/mv_bg.png');
    background:rgba(0, 0, 0, 0.7);
    text-shadow: 0px 1px 0px #262626;
    font-weight:bold;
    font-size:11px;
    padding:8px 9px 8px 9px;
    padding-right:0px;
    margin-top: 105px;
    margin-left: -16px;
    height:52px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);
	z-index: 999;
}

.public_likes_user_block div {
    margin-bottom: 7px;
}

.public_likes_user_block img {
    float:left;
	margin-right:5px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
    box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.public_like_strelka {
    background: url(../images/like_icons_bl.png) no-repeat;
    width: 45px;
    height: 7px;
    position: absolute;
    margin-top: -14px;
    background-position: center -12px;
}

.public_wall_likes_hidden {
    width:220px;
	overflow:hidden;
	margin-top:-6px;
	height:41px;
}
.public_wall_likes_blok {
    width:10000px;
}


.prukriputu_knopka {
    position: relative; 
	display: inline-block;
	cursor: default;
    font-size:11pt;
	margin: 6px 10px 0px 0px;
	z-index: 1;
}

.button_comments_attached_document {
    position: absolute;
    display:block;
	background: #FFF;
	border: 1px solid #95ADC4;
	width: 170px;
	height: 101px;
	margin-left: -53px;
    margin-top: -20px;
	z-index: 99;
}
#footer_comments_attached_document {
    position: relative;
    height: 25px;
    background: #C1D1DD;
}

#nav_span_li  {
  position: relative;
  list-style: none;
  padding: 0;
}
  
#nav_span_li li span {
  color:#36638E;
  cursor: pointer;
  font-size:10pt;
  border: 0; 
  background: #FFF;
  display: block;
  padding: 5px 3px 5px 6px;
}

#nav_span_li  li span:hover,
#nav_span_li  li#myprofile span:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

.nav_select {
  list-style: none;
  padding: 0;
}
  
.nav_select {
  border: 0;
  display: block;
  padding: 4px 4px 4px 6px;
}

.nav_select:hover {
  background: #d2d2d2;
  text-decoration:none;
  cursor: pointer;
}

.nav_page_information {
  list-style: none;
  padding: 0;
}
  
.nav_page_information {
  text-align: center;
  color:#36638E;
  cursor: pointer;
  font-size:12pt;
  border: 0; 
  background: #FFF;
  display: block;
  padding: 7px 0px 7px 0px;
}

.nav_page_information:hover {
  background: #ADBFCB;
  color:#36638E;
  text-decoration:none;
  cursor: pointer;
}

.personal_select {
  	border: solid 1px #dce1e6;
    padding:0px;
	color:#36638E;
    background: #FFF;	
    position: absolute;
	max-height: 170px;
    overflow-y: auto;
    z-index: 9;
    width: 298px;
}

r_page {
  color: #2B587A;
  font-size:10pt;
  font-weight: bold;
}

r_page_red {
  color: #5775B3;
  font-size:8pt;
  float:left;
  margin:3px 0px 0px 0px;
}

.imgareaselect_outer_foto{
    cursor: crosshair;
    background: rgba(0,0,0,0.6);
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: none;
}

.fl_l {
    float:left;
}

.sett_privacy_community { 
    color:#21578b;
	cursor:pointer;
	float:left;
	font-size:11pt;
	margin-top:6px;
}

.sett_privacy_community:hover { 
    text-decoration: underline;
}



.group_edit_row_sep {
    border-bottom: 1px solid #e7e8ec;
    margin: 5px 0 15px;
}



.no_display { 
    display:none;
}

.sett_selected { 
    padding:3px 5px;
	background:#eef2f6;
	cursor:pointer;
}

.sett_hover {
    padding:3px 5px;
	cursor:pointer;
}

.sett_hover:hover {
    padding:2px 5px;
	background:#6d8fb3;
	color:#fff;
	border-top:1px solid #476d96;
	border-bottom:1px solid #476d96;
}

.image_cover_feed {
    display: inline-block;
	position: relative;
	height: 220px;
	width: 355px;
	border-radius: 4px;
	overflow: hidden;
}


.drop_button_cover_feed  {
	display: block;
	position: absolute;
	z-index: 9999;
	padding: 5px;
	width: 100%;
	background: rgba(0,0,0,0.6);
	bottom: 0;
	font-weight: 700;
	color: #FFF;
}

.drop_feed_image  {
    position: absolute;
    display: block;
	z-index: 9999;
	background: rgba(0,0,0,0.6);
	color: #FFF;
	padding:3px;
	right:0; 
	font-weight: 700;
}



.image_cover_album {
	position: relative;
	height: 100px;
	width: 140px;
	border-radius: 4px;
	overflow: hidden;
}

.albums_cover_photo {
    width: 140px;
    height: 100px;
    background: #f0f0f0;
    text-align: center;
    overflow: hidden;
    margin-right: 10px;
}


.image_cover_album_page{
	position: relative;
	height: 170px;
	width: 235px;
	border-radius: 4px;

}

.albums_cover_photo_page {
    width: 235px;
    height: 170px;
    background: #f0f0f0;
}

.drop_button_cover_album  {
	display: block;
	position: absolute;
	z-index: 9999;
	padding: 5px;
	width: 225px;
	background: rgba(0,0,0,0.6);
	bottom: 0;
	font-weight: 700;
	color: #FFF;
}

.image_cover_album_page_iconka {
    display: inline-block;
	background: url("../images/photo.png") no-repeat;
	position: relative;
	width:30px;
	height:27px;
}

.image_cover_album_page_koment {
    display: inline-block;
	background: url("../images/koment.png") no-repeat;
	position: relative;
	width:30px;
	height:27px;
}


.image_cover_smile_icon {
    display: inline-block;
	background: url("../images/smile_icon.png") no-repeat;
	position: relative;
	width:17px;
	height:17px;
	opacity: 0.7;
}

.image_cover_smile_icon:hover {
	cursor: pointer;
    opacity: 1;
}

.image_post_upload_icon {
    display: inline-block;
	background: url("../images/attach_photo.gif") no-repeat;
	position: relative;
	width:17px;
	height:17px;
	opacity: 0.7;
}

.image_post_upload_icon:hover {
	cursor: pointer;
    opacity: 1;
}


.image_cover_smile_delete {
    display: inline-block;
	background: url(../images/audio_icons.png) -105px -50px no-repeat;
	position: relative;
	width:17px;
	height:17px;
	opacity: 0.7;
}

.image_cover_smile_delete:hover {
	cursor: pointer;
    opacity: 1;
}

.input_profile_blocked {
    font-size: 13px;
    position: relative;
    border: 1px solid #6383A8;
	padding: 4.4px;
	border-radius: 0px;
}

.blok_profile_blocked {
    position: relative;
    width:600px;
	margin-top: 10px;
}
 
.profile_blocked_not_еmail{ 
   display: inline-block;
   position: relative;
   background: #F4F7FA;
   border: 2px solid #BFD2E4;
   color: #585858;
   cursor: default;
   padding: 7px;
   width: 582px;
   margin-top: 5px;
} 






.current_option_calendar {
    height: 16px;
    outline:none;
    font-family: Verdana, Tahoma; 
    font-size: 13px;
    position: relative;
    border: 1px solid #fff;
    margin: -15px 0px 0px 0px;
	cursor: pointer;
	padding: 6px;
	border-radius: 0px;
}

.current_option_feed {
    height: 16px;
    outline:none;
    font-family: Verdana, Tahoma; 
    font-size: 13px;
    position: relative;
    border: 1px solid #EEF2F4;
    margin: -15px 0px 0px 0px;
    color: #32608A;
	cursor: pointer;
	padding: 6px;
	border-radius: 0px;
}

.current_option_ShareRecordings {
    height: 16px;
    outline:none;
    font-family: Verdana, Tahoma; 
    font-size: 13px;
    position: relative;
    border: 1px solid #ffffff;
    margin: -15px 0px 0px 0px;
    color: #32608A;
	cursor: pointer;
	padding: 6px;
	border-radius: 0px;
}


.current_option_feed_float {
    display: inline-block;
	background: url("../images/audio_icons.png") -234px -48px no-repeat;
    top:2px;
	left:5px;
	width:11px;
	height:18px;
    position: relative;
}

.current_feed_float {
    display: inline-block;
	background: url("../images/audio_icons.png") -234px -54px no-repeat;
    top:3px;
	width:11px;
	height:10px;
    position: relative;
}



.footer_smile {
    display: inline-block;
    position: relative;
    padding: 3px;
	border-radius: 5px;
    background: #EEF2F4;
}

.footer_smile:hover {
    background: #d2d2d2;
    cursor: pointer;
}




.custom_options_feed_li {
  width: 200px;
  background: #FFF;
  display:block;
  position: absolute;
  top:25px;
  left:5px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
  z-index: 9;
}


.custom_options_feed_li li {
  list-style: none;
  font-family: Verdana, Tahoma; 
  font-size: 12px; 
  height: 16px;
  padding: 6px;
  color: #32608A;
}


.custom_options_feed_li li:hover {
  background: #d2d2d2;
  cursor: pointer;
}








.registered_smile_icon {	
	display: block;
	position: relative;
	z-index: 9999;
	padding: 5px;
	background: #FFF;
	top:-30px;
	left:210px;
	border-top: solid 2px #C3CAD2;
	border-bottom: solid 2px #C3CAD2;
    border-left: solid 2px #C3CAD2;
    border-right: solid 2px #C3CAD2;
	width:200px;
}

.top_smile_icon {
    position: absolute;
    top:7px;
    left:-10px;
	width:0;
	height:0;
	display:inline-block;
	border-bottom:8px solid transparent;
	border-top:8px solid transparent;
	border-right:8px solid #C3CAD2;
	margin-right:8px;
}

.image_cover_videos_page{
	position: relative;
	float: left;
    width: 250px;
    height: 280px;
    margin-top: 5px;
    margin-left: 7px;
}

.image_cover_videos_img{
    border: 1px solid #c6d4dc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.image_delete_videos_img {
    position: relative;
    border: 1px solid #c6d4dc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	width: 100%;
	height: 180px;
}

.drop_inline_video_play  {
    position: absolute;
    display: inline-block;
	width:46px;  
    height:46px;
	z-index: 9999;
	top:50px;
	left:110px;
	background: url('../images/inline_video_play.png');
}

.video_containment_bloc {
    position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	z-index: -9;
}

.min_player_videos  {
	display: block;
	position: absolute;
	z-index: 9999;
    left: 5px;
	top: 5px;
}

.layer_wrap:not(.mv_layer--fullscreen) .videoplayer_media_provider {
    width: 100%;
    object-fit: cover;
}

.drop_button_cover_videos  {
	display: block;
	position: absolute;
	z-index: 9999;
	padding: 5px;
	width: 240px;
	background: rgba(0,0,0,0.0);
	bottom: 100px;
}

.Convo_Title_Views_Date{
    color: #000;
    font-size: 11pt;
	margin-top: 4px;
}

.image_cover_videos_page_id{
	position: relative;
	display: inline-block;
	height: 160px;
	width: 237px;
	background: #f0f0f0;
	border-radius: 5px;

}

.emoji_img {
position: relative;
    width:17px;
	height:17px;
	top:3px;
	margin:0px;
	border:none;

}

.avatar_img {
    border-radius: 20px;
}

.attach_link_bg {
    margin-top: 12px;
	padding: 10px;
}

.medadd_poll_answers {
    margin-top: 5px;
}

.medadd_h {
    font-size: 12.5px;
    line-height: 12.5px;
    color: #333333;
    font-weight: 700;
}


.text_feed_vote {
    color:#666;
    text-align:right;
    font-size:11pt;
}

.textarea_feed_vote {
	background:#FFFFFF;
	color:black;
	font-size:11pt;
	border:1px solid #C0CAD5;
	padding:3px 3px 3px 3px;
	border-radius:2px;
}

.textarea_add_vote {
	background:#FFFFFF;
	color:#818c99;
	font-size:10pt;
	border:1px solid #C0CAD5;
	padding:3px 3px 3px 3px;
	border-radius:2px;
	cursor: text;
    line-height: 16px;
}

.input_style_color {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 30px;
    height: 33px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.input_style_color::-webkit-color-swatch {
    border-radius: 15px;
    border: none;
}

.input_style_color::-moz-color-swatch {
    border-radius: 15px;
    border: none;
}

.poll_answer_remove {
    position: absolute;
    right: 0;
    height: 13px;
	margin-top: -20px;
    margin-right: 18px;
    cursor: pointer;
}

.drop_button_cover_videos_id  {
	display: block;
	position: absolute;
	z-index: 9999;
	padding: 5px;
	width: 227px;
	background: rgba(0,0,0,0.6);
	bottom: 0;
    font-size:10pt;
	color: #FFF;
}

.drop_video_chat_play  {
    position: absolute;
    display: inline-block;
	width:46px;  
    height:46px;
	z-index: 9999;
	top:25px;
	left:65px;
	background: url('../images/inline_video_play.png');
}

.image_cover_videos_chat{
	position: relative;
	display: inline-block;
	height: 125px;
	width: 175px;
	margin: 5px
}

.image_cover_videos{
	position: relative;
	display: inline-block;
	height: 105px;
	width: 155px;
	margin: 5px
}

.image_cover_videos_chat_no{
	position: relative;
	display: inline-block;
	height: 125px;
	width: 175px;
    background-color: #f0f2f5;
	border:1px solid #C0CAD5;
}

.image_video_icon_not  {
    position: absolute;
    display: inline-block;
	width:48px;  
    height:48px;
	z-index: 9999;
	background: url('../images/icon_not_available.png');
}

.dodatu_page_image {
    width: 17px;
    height: 15px;
    background: url(../images/audio_icons.png) -77px -50px no-repeat;
    opacity: 0.5;
    display: inline-block;
}


.resize_me_bloc {
    position: relative;
    border: 1px solid #cbd5e0;
    height: 350px;
    width: 519px;
}

.resizer_ResizeMeBloc {
    position: absolute;
}

.graffiti-resizer-b {
    background: #dce1e6;
    bottom: 0;
    left: 0;
    width: 100%;
}
 
.graffiti_resize {
    position: relative;
    cursor: ns-resize;
	height: 25px;
	width: 100%;
    background: url(../images/graffiti_shutter.png)no-repeat center 8px;
}

.window_dragging_gable_close {
    position: absolute;
    right: 5px;
    margin-top: -17px;
    cursor: pointer;
    opacity: 0.5;
}

.window_dragging_gable_close:hover {
    opacity: 1;
}


.videos_add_yourself{
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m13%2011h7a1%201%200%200%201%200%202h-7v7a1%201%200%200%201%20-2%200v-7h-7a1%201%200%200%201%200-2h7v-7a1%201%200%200%201%202%200z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E');
	position: relative;
	display: inline-block;
	top:-2px;
    background-color: #000;
	width:25px;  
    height:25px;
	border-radius: 2px;
}

.videos_add_yourself:hover {
    background-color: #fff;
}
.videos_delete{
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m4%2012.5%204.9999939%205%2011.5000061-11.5%22%20stroke%3D%22%23828a99%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	position: relative;
	display: inline-block;
	top:-2px;
    background-color: #000;
	width:25px;  
    height:25px;
	border-radius: 2px;
}

.videos_delete:hover {
    background-color: #fff;
}

.videos_collapse{
    background-image: url('../images/videos_collapse.png');
	position: relative;
	display: inline-block;
	top:-2px;
    background-color: #000;
	width:25px;  
    height:25px;
	border-radius: 2px;
}

.videos_collapse:hover {
background-color: #fff;
}



.videos_picture{
    background-image: url('../images/picture_in_picture.png');
	position: relative;
	display: inline-block;
	top:-2px;
    background-color: #000;
	width:25px;  
    height:25px;
	border-radius: 2px;
}

.videos_picture:hover {
background-color: #fff;
}

.videos_output_picture{
    background-image: url('../images/output_picture.png');
	position: relative;
	display: inline-block;
	top:-2px;
    background-color: #000;
	width:25px;  
    height:25px;
	border-radius: 2px;
}

.videos_output_picture:hover {
    background-color: #fff;
}


.drop_video_chat_duration_str  {
    position: absolute;
    display: inline-block;
	z-index: 9999;
	background: rgba(0,0,0,0.6);
	color: #FFF;
	padding:5px;
	border-radius:3px;
	left:10px;
	bottom:5px;
	font-weight: 700;
}




.drop_video_page_play  {
    position: absolute;
    display: inline-block;
	width:32px;  
    height:32px;
	z-index: 9999;
	top:50px;
	left:120px;
	background: url('../images/mini_video_play.png');
}

.drop_video_page_duration_str  {
    position: absolute;
    display: inline-block;
	z-index: 9999;
	background: rgba(0,0,0,0.6);
	color: #FFF;
	padding:5px;
	border-radius:3px;
	left:5px;
	bottom:5px;
	font-size:12px;
}

.image_cover_video_page{
	position: relative;
	display: inline-block;
	height: 150px;
	width: 271.7px;
	border-radius: 4px;
}
	


.drop_inline_video_play_id  {
    position: absolute;
    display: inline-block;
	width:46px;  
    height:46px;
	z-index: 9999;
	top:45px;
	left:97px;
	background: url('../images/inline_video_play.png');
}

.albums_infowalltext {
    padding-left:10px;
	color: #808080;
}

.floater_blok_menu{
    position:fixed;
    top:100px;
}

.newmesnobg_page_id {
	padding:8px;
	border-top:0px;
}

.newmesnobg_page_id {
	border-bottom:0px;
}

.onefriend_page_id {
    float:left;
	overflow:hidden;
	text-align:center; 
	padding: 6px 0; 
	overflow:hidden; 
	width:80px; 
	max-height: 100px;
}

.onefriend_page_id img {
    width:60px;
}

.onefriend_page_id span {
    font-size:12px;
}

.onefriend_page_id div {
    height:60px;
	margin-bottom:5px;
}

.onefriend_page {
    float:left;
	overflow:hidden;
	text-align:center; 
	padding: 6px 0; 
	overflow:hidden; 
	width:60px; 
	max-height: 80px;
	border-radius: 8px;
	background-color: #ffffff;
}

.onefriend_page img {
    width:40px;
}

.onefriend_page div {
    height:40px;
	margin-bottom:5px;
}

.onefriend_page:hover {
    background-color: #F5F5F7;
}

.uiSeparator--padded {
    background: transparent;
    border-bottom: 1px solid #dce1e6;
	margin-left: 20px;
    margin-right: 20px;
	margin-top: 5px;
    margin-bottom: 5px;
}

.PostHeaderActionsUiActionMenuIcon {
    position: relative;
    color: #BCCEE0;
	cursor: pointer;
}

.PostHeaderActionsUiActionMenuIcon:hover {
    color: #799DC1;
}

.onefriend_menu_bookmarks {
    position: absolute;
	margin: 0px 72px;
	z-index: 9;
}

.onefriend_menu_bookmarks .bookmarks_menu_icons {
    width: 20px;
    height: 20px;
	cursor: pointer;
    border-radius: 50%;
    background-color: #828282;
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200H20V20H0z%22%2F%3E%3Cpath%20d%3D%22M5%208.5c-.8%200-1.5.7-1.5%201.5s.7%201.5%201.5%201.5%201.5-.7%201.5-1.5S5.8%208.5%205%208.5zm5%200c-.8%200-1.5.7-1.5%201.5s.7%201.5%201.5%201.5%201.5-.7%201.5-1.5-.7-1.5-1.5-1.5zm5%200c-.8%200-1.5.7-1.5%201.5s.7%201.5%201.5%201.5%201.5-.7%201.5-1.5-.7-1.5-1.5-1.5z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: cover;
    border: 2px solid #ffffff;
}

.onefriend_menu_bookmarks .bookmarks_menu_icons:hover {
    background-color: #6A6A6A;
}

.onefriend_menu_bookmarks {
    display: none;
}

.onefriend_page_bookmarks:hover .onefriend_menu_bookmarks  {
    display: block;
}

.ui_actions_menu::before, .ui_actions_menu::after {
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    bottom: 100%;
    right: 30.5px;
}

.ui_actions_menu::before {
    border-width: 6px;
    margin: 0-6px;
    border-bottom-color: #fff;
}

.ui_actions_menu {
    position: absolute;
	bottom: -48px;
	left: -156px;
    justify-content: space-between;
    align-items: flex-end;
    width: 200px;
    background: #fff;
    box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.4);
    z-index: 999;
    display: none;
}




.ui_actions_menu_delete {
  position: relative;
  list-style: none;
  margin: 0 0 0em 0;
}

.ui_actions_menu_delete li {
  color:#36638E;
  cursor: pointer;
  font-size:11pt;
  border: 0;
  background: #fff;
  display: block;
  padding: 10px 7px 10px 10px;
}

.ui_actions_menu_delete li:hover, .ui_actions_menu_delete li:hover {
  background: #DAE1E8;
  color:#36638E;
  text-decoration:none;
}

.onefriend_page_bookmarks{
    float:left;
	text-align:center; 
	padding: 11px;
	width: 100px; 
	max-height: 130px;
	background: #fff;
}

.onefriend_page_bookmarks img {
    width:100px;
}

.onefriend_page_bookmarks .bookmarks_span {
    font-size:12px;
}

.onefriend_page_bookmarks .bookmarks_div {
    height:100px;
	margin-bottom:5px;
}

.onefriend_bookmarks_text{
    overflow:hidden;
	width:100px;
}









.onefriend_page_like {
    position: relative; 
    display: inline-block;
	overflow:hidden;
	text-align:center; 
	padding: 6px 0; 
	overflow:hidden; 
	width:88px; 
	max-height: 100px;
}

.onefriend_page_like img {
    width:70px;
}

.onefriend_page_likespan {
    font-size:10px;
}

.onefriend_page_like div {
    height:70px;
	margin-bottom:5px;
}








.clear_page_id { 
    clear:both;
}

.albums_cover_photo_img {
    position: relative; 
    display: inline-block;
	cursor: pointer;
    border: 2px solid #FFF;
    padding:5px;
}

.albums_cover_photo_img:hover {
    border: 2px solid #DAE1E8;
}

.distin_del_user {
    opacity:0.5;
	cursor:pointer;
	margin-left:0px;
}

.distin_del_user:hover {
    opacity:1;
}

#updates { 
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 350px;
    height: 0px;
    z-index: 999999999999;
}

.update_box {
    margin-bottom:15px;
	margin-left:15px;
	position:static;
	bottom:0px;
}

.update_box_margin {
    width:300px;
	word-wrap:break-word;
	color:#fff;
	background: url('../images/bgbi.png');
	padding:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 2px 8px 1px #444;
	-moz-box-shadow: 0px 2px 8px 1px #444;
	-webkit-box-shadow: 0px 2px 8px 1px #444;
	text-shadow:0px 1px 0px #262626;
	z-index:100;
	line-height:15px;
}

.update_user_search_pref {
   color:#A6CDEF;
}

.update_user_search_pref:hover {
    color:#A6CDEF;
}

.update_user_lnk {
   cursor: pointer;
   color:#fff;
   font-size:11pt;
   text-decoration:none;
   font-weight: bold;
}

.update_user_lnk:hover {
    color:#fff;
}

.hiddendiv_foto_text {
	display: none;
	white-space: pre-wrap;
	font-family: Arial, sans-serif;
	font-size: 13px;
	overflow: hidden;
	padding: 5px;
	word-wrap: break-word;
}

.hiddendiv_text {
	display: none;
	white-space: pre-wrap;
	font-family: Arial, sans-serif;
	font-size: 13px;
	overflow: hidden;
	padding: 5px;
	word-wrap: break-word;
}

.statys_page_knopka {
    cursor: pointer;
    margin-top: 5px;
    font-size:11pt;
	color:#818c99;
    text-decoration:none;
}

.statys_page_knopka:hover {
    text-decoration:underline;
}

.user_audio_knopka {
    margin-top: 5px;
    font-size:11pt;
	color:#000;
	font-weight: normal;
    text-decoration:none;
}

.user_audio_knopka:hover {
    text-decoration:underline;
}

.user_audios_knopka {
    margin-top: 5px;
    font-size:11pt;
	color:#585858;
	font-weight: normal;
    text-decoration:none;
}

.user_audios_knopka:hover {
    text-decoration:underline;
}

.page_knopka {
    cursor: pointer;
    font-size:12pt;
	color:#203A55;
    text-decoration:none;
}

.page_knopka:hover {
    text-decoration:underline;
}

.statys_page_function_body {
    margin-top: 5px;
    font-size:12pt;
	color:#000;
}

.set_status_bg{
    background:#f5f5f5;
    box-shadow: 0px 1px 1px 1px #e9e9e9;
    -moz-box-shadow: 0px 1px 1px 1px #e9e9e9;
    -webkit-box-shadow: 0px 1px 1px 1px #e9e9e9;
    border:1px solid #ced6df;
    padding:5px;
    position:absolute;
	z-index:999999;
    width: 605px;
	height:65px;
}

#sheet {
    border:1px solid black;
}

.wall_tell_name {
    background: url(../images/reopost.png) no-repeat;
	margin-top: 7px;
	margin-bottom: 5px;
    margin-left: 0px;
    padding-left: 14px;
}

.audio_icon_function_mp3 {
    position: relative;
    width:15px;  
    height:16px;
	top:2px;
	left:0px;
    background: url("../images/audio.png") no-repeat;
    display: inline-block;
}









.nazad_page_class {
    width:17px;  
    height:16px;
    background: url("../images/nazad.png") no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.nazad_page_class:hover {
	cursor: pointer;
    opacity: 1;
}

.delete_page {
    width:17px;  
    height:15px;
    background: url("../images/audio_icons.png") -105px -50px no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.delete_page:hover {
	cursor: pointer;
    opacity: 1;
}

.dodatu_messages_foto {
    width:22px;  
    height:22px;
    background: url("../images/wall_icons.gif") 0px -44px no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.dodatu_messages_foto:hover {
    background: url("../images/wall_icons.gif") 0px -44px no-repeat;
	cursor: pointer;
    opacity: 1;
}

.dodatu_messages_drawing {
    width:22px;  
    height:22px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23818c99%22%3E%3Cpath%20d%3D%22m17.9003%202.96856c-.6127-.541-1.5445-.50815-2.117.07465l-5.7361%205.66381c-.2947.29103-.29771.76589-.0067%201.06064.291.29474.7659.29774%201.0607.00672l5.7408-5.66849.0112-.01128c.006-.00626.0142-.01062.0263-.01108s.021.00328.0279.0094c.0042.0037.0059.00648.0068.0083.0011.00225.0019.00501.0021.00813.0003.00312-.0001.00582-.0008.00791-.0005.00163-.0015.00425-.0048.00819l-.0109.01326-5.0943%206.38668c-.2583.3238-.2051.7957.1187%201.054s.7957.2052%201.054-.1186l5.0898-6.38113c.5234-.63451.4487-1.56678-.1677-2.11111z%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m8.05942%2010.5229c-1.65781%200-2.87762%201.345-2.94785%202.9151-.03461.7739-.37535%201.1681-.68608%201.4284-.08381.0702-.16749.1319-.25321.1933l-.03847.0275c-.06968.0496-.1578.1124-.22775.1697-.04483.0368-.10503.0893-.16265.1553-.05452.0625-.14003.1743-.18926.3329-.05617.181-.05328.3873.03278.5828.07655.1739.1951.285.27654.3481.6311.4893%201.9489%201.1078%203.85259.5131%201.98527-.6201%203.29194-2.0699%203.29194-3.7176%200-1.6284-1.32011-2.9486-2.94858-2.9486zm-1.44935%202.9822c.03829-.856.67865-1.4822%201.44935-1.4822.80004%200%201.4486.6486%201.4486%201.4486%200%20.7809-.6528%201.7903-2.2392%202.2859-.71666.2238-1.2823.2045-1.70251.1008.48759-.4616.9917-1.1891%201.04376-2.3531z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.dodatu_messages_drawing:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22none%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23818c99%22%3E%3Cpath%20d%3D%22m17.9003%202.96856c-.6127-.541-1.5445-.50815-2.117.07465l-5.7361%205.66381c-.2947.29103-.29771.76589-.0067%201.06064.291.29474.7659.29774%201.0607.00672l5.7408-5.66849.0112-.01128c.006-.00626.0142-.01062.0263-.01108s.021.00328.0279.0094c.0042.0037.0059.00648.0068.0083.0011.00225.0019.00501.0021.00813.0003.00312-.0001.00582-.0008.00791-.0005.00163-.0015.00425-.0048.00819l-.0109.01326-5.0943%206.38668c-.2583.3238-.2051.7957.1187%201.054s.7957.2052%201.054-.1186l5.0898-6.38113c.5234-.63451.4487-1.56678-.1677-2.11111z%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m8.05942%2010.5229c-1.65781%200-2.87762%201.345-2.94785%202.9151-.03461.7739-.37535%201.1681-.68608%201.4284-.08381.0702-.16749.1319-.25321.1933l-.03847.0275c-.06968.0496-.1578.1124-.22775.1697-.04483.0368-.10503.0893-.16265.1553-.05452.0625-.14003.1743-.18926.3329-.05617.181-.05328.3873.03278.5828.07655.1739.1951.285.27654.3481.6311.4893%201.9489%201.1078%203.85259.5131%201.98527-.6201%203.29194-2.0699%203.29194-3.7176%200-1.6284-1.32011-2.9486-2.94858-2.9486zm-1.44935%202.9822c.03829-.856.67865-1.4822%201.44935-1.4822.80004%200%201.4486.6486%201.4486%201.4486%200%20.7809-.6528%201.7903-2.2392%202.2859-.71666.2238-1.2823.2045-1.70251.1008.48759-.4616.9917-1.1891%201.04376-2.3531z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
	cursor: pointer;
    opacity: 1;
}

.dodatu_messages_votes {
    width:22px;  
    height:22px;
    background: url("../images/wall_icons.gif") 0px -89px no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.dodatu_messages_votes:hover {
    background: url("../images/wall_icons.gif") 0px -89px no-repeat;
	cursor: pointer;
    opacity: 1;
}

.delete_messages_objects {
    width:13px;  
    height:13px;
    background: url("../images/file_del.png") 0px 0px no-repeat;
    display: inline-block;
}

.delete_messages_objects:hover {
    background: url("../images/file_del.png") 0px -13px no-repeat;
	cursor: pointer;
}


.dodatu_messages_video {
    width:22px;  
    height:22px;
    background: url("../images/wall_icons.gif") 0px -22px no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.dodatu_messages_video:hover {
    background: url("../images/wall_icons.gif") 0px -22px no-repeat;
	cursor: pointer;
    opacity: 1;
}

.dodatu_messages_audio {
    width:22px;  
    height:22px;
	cursor: pointer;
    background: url("../images/wall_icons.gif") 0px -66px no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.dodatu_messages_audio:hover {
    opacity: 1;
}


.delete_messages_function_id {
    width:17px;  
    height:15px;
    background: url("../images/audio_icons.png") -105px -50px no-repeat;
    display: inline-block;
	position:absolute;
	opacity: 0.5;
}

.delete_messages_function_id:hover {
    background: url("../images/audio_icons.png") -105px -50px no-repeat;
	cursor: pointer;
    opacity: 1;
}







.dodatu_page_function_id  {
	cursor: pointer;
    width: 17px;  
    height: 15px;
	display: inline-block;
    position: relative;
    background: url("../images/audio_icons.png") -77px -50px no-repeat;
    opacity: 0.5;
}

.dodatu_page_function_id:hover {
    opacity: 1;
}

.delete_page_function {
    cursor: pointer;
    width: 17px;
    height: 15px;
    background: url(../images/audio_icons.png) -165px -50px no-repeat;
    opacity: 0.5;
    display: inline-block;
	position: relative;
}

.delete_page_function:hover {
    opacity: 1;
}

.delete_page_function_id {
    width:17px;  
    height:15px;
    background: url("../images/audio_icons.png") -105px -50px no-repeat;
	cursor: pointer;
    display: inline-block;
	position: relative;
	opacity: 0.5;
}

.delete_page_function_id:hover  {
    opacity: 1;
}

.edit_page_function_id {
    width:17px;  
    height:15px;
    background: url("../images/audio_icons.png") -134px -50px no-repeat;
	cursor: pointer;
    display: inline-block;
	position: relative;
	opacity: 0.5;
}

.edit_page_function_id:hover  {
    opacity: 1;
}

.video_row_menu {
    position: absolute;
	top: 3px;
	left: 7px;
    border-radius: 2px;
    background-color: #ffffffcc;
    padding: 5px 3px 6px 3px;
}

#pidkazka_video_player{
   	display: inline;
    position: relative;
}

#pidkazka_video_player:hover:after{
    background: #333;
	font-size:10pt;
	bottom:3px;
    border-radius: 5px;
    color: #fff;
	width:150px;
    content: attr(detali);
    left: -190px;
    padding: 5px 15px;
    position: absolute;
    z-index: 20;
}

.right_audio {
    float: right; 
    margin: 0px 30px 0px 0px;
}

.number_unread_messages {
	position: absolute;
	right: 3px;
	background: #447bba;
	color: #585858;
	padding: 3px;
	border-radius: 3px;
}

#text_title_width {
    display: inline-block;
    position: relative; 
    width:330px;
    border: 1px solid #FFF;
}

.nav_page_audio {
    display: none;
}

.nav_page_audio_id:hover .nav_page_audio  {
    display: block;
}

.pidkazka_page_audio{
   	display: inline;
    position: relative;
}

.pidkazka_page_audio:hover:after{
    background: #333;
	font-size:10pt;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(detali);
	width: 160px;
    left: -150;
    padding: 5px 15px;
    position: absolute;
    z-index: 20;
}

.pidkazka_page_audio:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 10%;
    position: absolute;
    z-index: 20;
}

.replies_list {
    margin-top: 10px;
	border-top: 1px solid #e7e8ec;
}

.reply_box_wrap {
    display: flex;
    flex-direction: column;
}

.reply_box_inner_wrap {
    clear: both;
}

.reply_form_user_image {
    position: relative;
}

.post_field_user_link_2 {
    display: block;
    height: 40px;
	width: 40px;
    float: left;
    position: relative;
}

.reply_field_wrap {
    position: relative;
    margin: 0 44px;
}

.reply_field_wrap {
    margin-left: 48px;
}

.reply_field {
    min-height: 34px;
    max-height: none;
    height: auto;
    padding: 7px 90px 7px 13px;
}
.reply_field {
    line-height: 16px;
    border-color: #d3d9de;
}

.submit_post_field {
    border: 1px solid #dce1e6;
    padding: 9px 12px 10px;
    min-height: 0;
    max-height: none;
    height: auto;
    border-radius: 6px;
    line-height: 15px;
}

.submit_post_field_text {
    background: #FFFFFF;
    color: black;
    font-size: 12pt;
	padding: 7px 60px 7px 9px;
    max-height: 100px;
	line-height: 150%;
    outline: 0;
    cursor: text;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
}

.submit_post_field_text::-webkit-scrollbar-track {
    padding: 2px 0;
	background-color: #DDE1E6;
	border-radius: 5px;
}

.submit_post_field_text::-webkit-scrollbar {
    width: 7px;
}

.submit_post_field_text::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.submit_post_field_text_clip {
    background-color: 0 0;
    color: black;
    font-size: 12pt;
	padding: 7px 60px 7px 9px;
    max-height: 100px;
	line-height: 150%;
    outline: 0;
    cursor: text;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
}

.submit_post_field_text_clip::-webkit-scrollbar-track {
    padding: 2px 0;
	background-color: #DDE1E6;
	border-radius: 5px;
}

.submit_post_field_text_clip::-webkit-scrollbar {
    width: 7px;
}

.submit_post_field_text_clip::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.reply_box_photo {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 40px;
    top: 7px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23828a99%22%20stroke-width%3D%221.7%22%3E%3Cpath%20d%3D%22m14.134%203.65c.853%200%201.46.278%201.988.899.017.019.494.61.66.815.228.281.674.536.945.536h.41c2.419%200%203.863%201.563%203.863%204.05v5.85c0%202.241-2%204.2-4.273%204.2h-11.454c-2.267%200-4.223-1.953-4.223-4.2v-5.85c0-2.496%201.4-4.05%203.814-4.05h.409c.271%200%20.717-.255.945-.536.166-.204.643-.796.66-.815.528-.621%201.135-.899%201.988-.899z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.85%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")center no-repeat;
    background-size: 20px;
    cursor: pointer;
    opacity: .7;
    border: 0;
    box-shadow: none;
}


.emoji_smile {
    position: absolute;
    cursor: pointer;
    top: 7px;
    right: 10px;
    opacity: .7;
    z-index: 4;
}

.emoji_smile_icon_vector {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20opacity%3D%22.4%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Cpath%20fill%3D%22%23828A99%22%20fill-rule%3D%22nonzero%22%20d%3D%22M2%2012C2%206.477%206.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010S2%2017.523%202%2012zm18.3%200a8.3%208.3%200%201%200-16.6%200%208.3%208.3%200%200%200%2016.6%200zm-11.05-.5a1.25%201.25%200%201%201%200-2.5%201.25%201.25%200%200%201%200%202.5zm5.5%200a1.25%201.25%200%201%201%200-2.5%201.25%201.25%200%200%201%200%202.5z%22%2F%3E%3Cpath%20stroke%3D%22%23828A99%22%20stroke-width%3D%221.7%22%20d%3D%22M9%2014.85c.833.767%201.833%201.15%203%201.15s2.167-.383%203-1.15%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.reply_send_loading {
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 0;
    top: 7px;
    right: -40px;
    text-align: left;
    border: 0;
    background-color: transparent;
}

.reply_send_button {
    position: absolute;
    width: 34px;
    height: 34px;
    padding: 0;
    top: 3px;
    right: -50px;
    text-align: left;
    border: 0;
    background-color: transparent;
}

.heart_button_for_sending {
    position: absolute;
    width: 34px;
    height: 34px;
    padding: 0;
    top: 3px;
    right: -50px;
    text-align: left;
    border: 0;
    background-color: transparent;
}

.send_chat_button {
    position: absolute;
    width: 34px;
    height: 34px;
    padding: 0;
    top: 3px;
    right: -15px;
    text-align: left;
    border: 0;
    background-color: transparent;
}

.reply_send_button_cursor {
    cursor: pointer;
}

.ReplySendButtonIcon {
    display: flex;
    opacity: .3;
    color: #99a2ad;
}

.ReplySendButton_Icon {
    opacity: .8;
}

.ReplySendButton_Icon:hover{
    opacity: 1;
}


.tip_two_pidkaska_status{ 
   position: absolute;
   z-index: 999999;
   top: 0;
   left: 100%;
   background: #f5f5f5;
   border-radius: 3px;
   border: 2px solid #ced6df;
   text-align: left;
   color: #000;
   font: normal 500 14px Arial, sans-serif;
   cursor: default;
   margin: -37px 0 0 -8px;
   padding: 7px;
   width: 300px;
}

.tip_two_icons_pidkaska_status{
    border: solid;
    border-color: #ced6df transparent;
    border-width: 10px 10px 0 10px;
    bottom: 20px;
    content: "";
    left: 12px;
	top: 32px;
	 display: inline-block;
    position: absolute;
    z-index: 20;
}

.status_block_pidkaska {
  display: inline-block;
  position: absolute;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 1px;
}

.images_jplayer_equalizer {
    
}

.top_link_page_class {
    position: fixed;
	display:none;
    top: 0;
    left: 0;
    width: 70px;
    cursor: pointer;
    height: 100%;
	text-align:center;
    background: #DADCE2;
	opacity: 0.5;
	z-index: 999;
}

.top_link_page_class:hover {
    opacity: 0.9;
}

.stl_bg {
    padding: 120px 0 13px;
}

.message_box_function {
	position: fixed;
	top: 30%;
	left: 37%;
	z-index: 999999999;
	margin: 9px;
    background: #000;
    color: #FFF;
	opacity: 0.8;
	font-size:12pt;
    border-radius: 7px;
    padding: 10px;
}

.message_looked_class {
   padding: 7px;
   background: #BFD2E4;
   width: 300px;
   height: 30px;
}

.message_looked_class:hover .message_text_class {
    text-decoration:underline;
}

.message_looked_class_ok {
   display: inline-block;
   position: relative;
   margin: 5px;
   padding: 7px;
   background: #FFF;
   width:500px;
   cursor: pointer;
}

.message_looked_class_ok:hover .message_text_class {
    text-decoration:underline;
}


.chat_looked_class {
   display: inline-block;
   position: relative;
   width:100%;
}








.chat_text_typing_class{
    width:15px;  
    height:11px;
    background: url("../images/typing.gif") no-repeat;
    display: inline-block;
}


   

.real_user_block {
position: relative;
}

.tip_two_icons_real_user{
	width:0;
	height:0;
	display:inline-block;
	position: absolute;
    z-index: 20;
	border-bottom:10px solid #ced6df;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
    bottom: 20px;
    content: "";
    left: 12px;
	top: -12px;
}

.tip_two_real_user_block{
   display:none;
   position: absolute;
   z-index: 999999;
   top: 0;
   left: 100%;
   background: #f5f5f5;
   border-radius: 3px;
   border: 2px solid #ced6df;
   text-align: left;
   color: #000;
   font: normal 500 14px Arial, sans-serif;
   cursor: default;
   margin: 27px 0 0 -33px;
   padding: 7px;
   width: 300px;
}






.backicon_class {
	width:0;
	height:0;
	display:inline-block;
	border-top:10px solid #36638E;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}

.topicon_class {
	width:0;
	height:0px;
	display:inline-block;
	border-bottom:10px solid #36638E;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}

.button_class_page {
    cursor: pointer;
	background: #DAE1E8;
	padding: 7px;
}

.button_class_page:hover {
    text-decoration:none;
    background: #C3CAD2;
}

.button_class_page_click {
    background: #C3CAD2;
	padding: 7px;
}

.button_class_page_click:hover {
    text-decoration:none;
}

h9 {
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 15px;		
}
h9 {
    color:#585858;
    background:transparent;
    border-bottom:2px solid #DAE1E8;
    font-weight: bold;
    display:block;
    width:100%;
}

.title_edit {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 15px;
	margin-left: 7px;
    color:#585858;
    background:transparent;
    font-weight: bold;	
}


.edit_pedit_row {
    border-top: 1px solid #dce1e6;
	border-bottom: 1px solid #dce1e6;
}

.edit_pedit_row_1 {
    padding: 20px 0px 20px;
}

.pedit_add_row {
    background: url("../images/add_row.png") 0px 50% no-repeat;
    padding-left: 24px;
    margin-left: 160px;
	cursor: pointer;
}



#footer_window_change_the_language {
    color: #585858;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

.page_window_change_the_language{	
	width: 350px;
	padding: 15px;
}

#nav_change_the_language {
  list-style: none;
  margin: 0 0 0em 0;
  padding: 0;
}
  
#nav_change_the_language li span {
  color:#36638E;
  cursor: pointer;
  font-size:10pt;
  border: 0; 
  background: #fff;
  display: block;
  padding: 9px 9px 4px 9px;
}

#nav_change_the_language li span:hover,
#nav_change_the_language li#myprofile span:hover {
    background: #DAE1E8;
    color:#36638E;
    text-decoration:none;
}

.active_selected { 
    color: #447bba;
    font-weight: bold;
    font-size: 16px;
}





.list_of_languages {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 700;
    color: #626d7a;
    gap: 5px;
}

/* Додаємо кому після кожного елемента, крім останнього */
.lang-item:not(:last-child):after {
    content: ",";
    color: #626d7a;
}

.lang-item {
    cursor: pointer;
    transition: color 0.2s;
}

/* Ефект наведення для ВСІХ, крім активної мови */
.lang-item:hover:not(.is_active) {
    text-decoration: underline;
    color: #294B6B;
}

/* Стиль для активної мови (інший колір, без курсору та підкреслення) */
.lang-item.is_active {
    cursor: default; /* Стрілка замість руки */
    color: #294B6B;  /* Ваш колір для виділеної мови */
}

.lang-item.is_active:hover {
    text-decoration: none; /* Прибираємо підкреслення при наведенні */
}
	
	
	
	
	
	
	
	
	
	

a_change_the_language {
	top:-9px;
	left:23px;
	position:relative;
}

.redaguvati_page_click {
    width:17px;  
    height:15px;
    background: url("../images/audio_icons.png") -135px -48px no-repeat;
    opacity: 0.5;
    display: inline-block;
}

.redaguvati_page_click:hover {
    background: url("../images/audio_icons.png") -135px -48px no-repeat;
	cursor: pointer;
    opacity: 1;
}

h11  {
    font-size: 14px;
	font-weight: bold;
    margin-top: 1px;
	margin-bottom: 5px;
    padding:4px;
}
h11 {
    color:#3A6388;
    background:transparent;
    border-bottom:2px solid #DAE1E8;
    display:block;
    width:607px;
}


h12  {
    font-size: 14px;
	font-weight: bold;
    margin-top: 1px;
	margin-bottom: 5px;
    padding:4px;
}

h12 {
    color:#3A6388;
    background:transparent;
    border-bottom:2px solid #DAE1E8;
    display:block;

}

#custom_additional_services {
    position: relative;
    border: 1px solid #FFF;
    display: inline-block;
    width:100px;
}

#custom_additional_services_class {
    position: relative;
    border: 1px solid #FFF;
    display: inline-block;
    width:80px;
}

.checkbox_menu_block {
    display: none;
}

.err_yellow_page { 
    padding:10px;
	background:#f4f7fa;
	border:1px solid #bfd2e4;
	margin-bottom:10px
}

.sett_oneblack:last-child {
    border-bottom: 0;
}

.sett_oneblack {
    padding: 12px 0;
    height: 50px;
    overflow: hidden;
	border-bottom: 1px solid #dce1e6;
}

.set_oneindent:nth-child(1) {
    margin-left: 0;
}

.set_oneindent {
	margin-left: -12px;
}

.settings_bl_list {
    padding: 10px 10px 10px;
}

img.settings_bl_photo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.settings_bl_action {
    padding-top: 16px;
}

.settings_bl_name {
    padding: 16px 11px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.settings_bl_label {
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #818c99;
    padding-left: 4px;
    display: none;
}


.sett_oneblack_video_no {
    text-align:center;
	width: 100%;
    height: 100%;
	border-radius: 5px;
	background-color: #f0f2f5;
}

.sett_oneblack_video {
    position: relative;
    float: left;
    width: 300px;
    height: 300px;
    margin-top: 5px;
	margin-left: 5px;
}

.VideoCard__thumbLink {
    position: relative;
    width: 300px;
    height: 200px;
	border: 1px solid #c6d4dc;
    border-radius: 5px;
}

.VideoCard__info {
    display: flex;
    padding-top: 8px;
    -webkit-box-align: start;
    align-items: flex-start;
}





.VideoCard__avatar--base {
    -ms-flex-item-align: self-start;
    align-self: self-start;
    background-color: rgba(174, 183, 194, 0.16);
    background-size: contain;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    height: 36px;
    width: 36px;
    position: relative;
}

.VideoCard__avatar {
    margin-right: 12px;
}

.VideoCard__avatar--base::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 0.5px solid (0, 0, 0, 0.8);
}

.VideoCard__infoContent {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    min-width: 0px;
}

.Convo_Title_Views {
    color: #808080;
    font-size: 11pt;
	margin-top: 4px;
}

.VideoCard__ownerLink {
    overflow: hidden;
    text-overflow: ellipsis;
	margin-top: 5px;
    color: #808080;
}

.video_image_div {
    width: 100%;
    height: 100%;
    background: #e8e8e8 center center no-repeat;
    background-size: 100%;
    position: relative;
    border-radius: 5px;
}

.video_row_duration {
    position: absolute;
    bottom: -170px;
    right: 5px;
	float: right;
}

.video_row_count {
    position: relative;
    color: #ffffff;
    font-size: 1em;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 3px 6px;
}

.video_play_btn_wrap {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -17px;
}

.video_play_onclick  {
    display: none;
    position: absolute;
	background-color: rgba(0, 0, 0, 0.0);
	width: 100%;
    height: 100%;
	cursor: pointer;
}

.video_play_btn_wrap_icon {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -20px;
}

.drop_video_play_images  {
    position: relative;
    display: inline-block;
	width:46px;  
    height:46px;
	z-index: 9999;
	background: url('../images/inline_video_play.png');
}

.video_play_unfold {
    opacity: 0;
    position: absolute;
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
	top: 5px;
    left: 5px;
	cursor: pointer;
	z-index:9;
}

.video_play_btn {
    position: relative;
    display: inline-block;
	width:32px;
	height:8px;
	background: url('../images/loading.gif');
}

.PlayVideoClass {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
	background-color: #000;
	border-radius: 2px;
}

.video_play_volume {
    position: absolute;
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
	top: 5px;
    right: 5px;
	cursor: pointer;
}

.video_play_timer {
    position: absolute;
    color: #ffffff;
    font-size: 1em;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 3px 6px;
	bottom: 5px;
	right: 5px;
}


.progressbar_video_play {
    cursor: pointer;
    width: 100%;
    position:absolute;
	background: #CCCCCC;
    height: 5px;
	bottom: 0;
}

.progress_video_play {
    background: #507597;
    height: 100%;
    width: 0%;
}





.block_window_podskaska{ 
   position: absolute;
   z-index: 9998;
   top: 0;
   left: 100%;
   background: #EDEDED;
   border-radius: 3px;
   border: 3px solid #ccc;
   text-align: left;
   color: #000;
   font: normal 500 14px Arial, sans-serif;
   opacity: .9; 
   cursor: default;
   padding: 7px;
   margin: -15px 0 0 10px;
   width: 275px;
   min-height: 50px; 
   height: auto;
}

.margin_window_podskaska{ 
   margin: -50px 0 0 267px;
}

.click_coment {
    fill: #bcc0c4;
}
.click_coment:hover{
    cursor: pointer;
    fill: #A3A8AB;
}

.coment_video_description {
    margin: 5px;
	padding: 5px;
}

.coment_video_description {
    position: relative;
    line-height: 1.46em;
}

.coment_video_description {
    border-radius: 2px;
    background: #e5ebf1;
}


.video_layer_info_description {
    margin: 5px;
}

.video_layer_info_description, .can_edit {
    position: relative;
    line-height: 1.46em;
}

.video_layer_info_description:hover  .can_edit {
    cursor: pointer;
    border-radius: 2px;
    background: #e5ebf1;
}

.video_layer_info_description , .can_edit{
    width: 784px;
    padding: 5px;
}

.mv_desc_edit {
    color: #818c99;
	font-size:15px;
}

.video_layer_info_description {
    overflow: hidden;
	word-wrap: break-word;
}

.input_info_text {
    color: #000;
	border: 1px solid #c6d4dc;
	padding: 4px 4px;
	border-radius: 2px;
    background: #FFFFFF;
    color: black;
    border: 1px solid #C0CAD5;
    outline: 0;
    line-height: 150%;
    cursor: text;
}

.placeholder_text {
    position: absolute; 
    color: grey; 
    margin: 5px 0 0 5px;
}



.forma__smile_icon {
	position:absolute;
    bottom:36px;
    right:10px;
    overflow: auto;
    padding: 7px;
	background: #eee;
	border: solid 1px #C3CAD2;
	width:255px;
	height:140px;
	z-index: 99999999;
}

.forma_icon_backicon {
    position:absolute;
	top:-14px;
	left:-2px;
	width:0;
	height:0;
	display:inline-block;
	border-top:10px solid #C3CAD2;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	z-index: 99999999;
}

.forma__smile_icon_wall {
	position:absolute;
    bottom:-168px;
    right:-10px;
    overflow: auto;
    padding: 7px;
	background: #eee;
	border: solid 1px #C3CAD2;
	width:255px;
	height:140px;
	z-index: 99999999;
}

.forma_icon_backicon_wall {
    position:absolute;
	top:20px;
	left:-1px;
	display:inline-block;
	width: 0;
    height: 0;
    border-bottom: 10px solid #C3CAD2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	z-index: 99999999;
}








.video_info_coment {
    margin: 0px;
}

.video_info_coment {
    position: relative;
    line-height: 1.46em;
}

.video_info_coment {
    width: 495px;
}

.video_info_coment {
    overflow: hidden;
	word-wrap: break-word;
}

.left_post_community {
	margin: 0px;
	color: #5f5f5f;
	font-size: 15px;
    position: relative;
    width: 440px;
    margin-left: 60px;
	margin-top: 8px;
	margin-bottom: 8px;
    line-height: 1.46em;
	word-wrap: break-word;
}

.text_info_coment {
    margin: 0px;
    position: relative;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
    line-height: 1.46em;
	word-wrap: break-word;
}

.ColorsBrushCanvas {
    position:relative;
    display:inline-block;
	border: 1px solid #000;
	cursor:pointer;
    width:20px;
    height:20px;
    margin:5px;
}

.ColorsBrushCircle {
    position:relative;
    display:inline-block;
	border: 1px solid #000;
	background:#000000;
    width:1px;
    height:1px;
	border-radius: 100%;
}

.ColorsBrushCircle {
    margin-left: 20px;
}

.FCConvoListItemCanvas {
    display: flex;
    align-items: center;
    border: 0;
    text-align: left;
}

.slider-square {
  -webkit-appearance: none;
  width: 150px;
  height: 10px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}


.slider-square::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  background: #04AA6D;
  cursor: pointer;
}

.slider-square {
    margin-top: 10px;
    margin-bottom: 10px;
	margin-left: 10px;
}

#nav_comments_objects_video {
   display: inline-block;
   position: relative;
   width:470px;
   border: 1px solid #fff;
}

.input_device_windows {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m34%2028h1a1%201%200%200%201%200%202h-30a1%201%200%200%201%200-2h1v-16.436c0-.892.093-1.215.267-1.54.174-.327.43-.583.756-.757s.65-.267%201.54-.267h22.873c.892%200%201.215.093%201.54.267.327.174.583.43.757.756s.267.65.267%201.54zm-2%200v-16.359c0-.223-.023-.304-.067-.385a.454.454%200%200%200%20-.189-.19c-.081-.043-.162-.066-.385-.066h-22.718c-.223%200-.304.023-.385.067a.454.454%200%200%200%20-.19.189c-.043.081-.066.162-.066.385v16.359z%22%20fill%3D%22%235C9CE6%22%2F%3E%3C%2Fsvg%3E") no-repeat;
}

.input_device_mobile {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2032v1.5a.5.5%200%201%201-1%200V32H9.5a.5.5%200%200%201-.5-.5V25h8v6.5a.5.5%200%200%201-.5.5H15v1.5a.5.5%200%201%201-1%200V32h-2zm2.844-10.55l.802-.804a.5.5%200%200%201%20.708.708l-.676.675c.574.518.997%201.2%201.196%201.971H9.126a3.999%203.999%200%200%201%201.196-1.971l-.676-.675a.5.5%200%200%201%20.708-.708l.802.803A3.983%203.983%200%200%201%2013%2021c.665%200%201.292.162%201.844.45zM18.5%2025a.5.5%200%200%201%20.5.5v4a.5.5%200%201%201-1%200v-4a.5.5%200%200%201%20.5-.5zm-11%200a.5.5%200%200%201%20.5.5v4a.5.5%200%201%201-1%200v-4a.5.5%200%200%201%20.5-.5z%22%20fill%3D%22%235C9CE6%22%2F%3E%3Cpath%20d%3D%22M24%2029h2a1%201%200%200%200%201-1V11a1%201%200%200%200-1-1H16a1%201%200%200%200-1%201v5a1%201%200%200%201-2%200v-5.154c0-1.337.14-1.822.4-2.311A2.726%202.726%200%200%201%2014.536%207.4c.489-.262.974-.401%202.31-.401h8.31c1.336%200%201.821.14%202.31.4.49.262.873.646%201.134%201.135.262.489.401.974.401%202.31V28a3%203%200%200%201-3%203h-2a1%201%200%200%201%200-2z%22%20fill%3D%22%235C9CE6%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 center;
}

.input_device_mobile_unknown {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%235C9CE6%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m13%2021a6%206%200%201%201%200%2012%206%206%200%200%201%200-12zm0%208a1%201%200%201%200%200%202%201%201%200%200%200%200-2zm0-1a.75.75%200%200%200%20.75-.75v-3a.75.75%200%201%200%20-1.5%200v3c0%20.414.336.75.75.75z%22%2F%3E%3Cpath%20d%3D%22m24%2029h2a1%201%200%200%200%201-1v-17a1%201%200%200%200%20-1-1h-10a1%201%200%200%200%20-1%201v6a1%201%200%200%201%20-2%200v-6.154c0-1.337.14-1.822.4-2.311a2.726%202.726%200%200%201%201.136-1.135c.489-.262.974-.401%202.31-.401h8.31c1.336%200%201.821.14%202.31.4.49.262.873.646%201.134%201.135.262.489.401.974.401%202.31v17.156a3%203%200%200%201%20-3%203h-3a1%201%200%200%201%200-2h1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 center;
}

.settings_history_separated::before {
    content: '\00b7';
    text-decoration: none;
    display: inline-block;
    pointer-events: none;
    position: relative;
}

.box_msg {
    width: 512px;
    padding: 15px 25px 16px;
    background: 0 0;
    background-color: #fafbfc;
    border-color: #e7e8ec;
}
.box_msg {
    border: 1px solid #dce1e6;
    border-radius: 2px;
}

.pedit_separator {
    margin: 5px auto 20px auto;
    border-top: 1px solid #dce1e6;
}

.pedit_separator {
    width: 100%;
    height: 0;
}

.clear_fix {
    margin-top:10px;
}

.clear_fix::after {
    content:'.';
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
}

.clear_fix::after {
    clear:both;
}

.clear_fix {
    height:5%;
}

.clear_fix {
    display:block;
}

.pedit_row {
    padding-bottom:15px;
}

.pedit_row {
    position:relative;
}

.pedit_row:before {
    content:'';
	position:absolute;
	z-index:-1;
	top:-10px;
	bottom:10px;
	transition:background-color .2s ease;
}

.pedit_row:before {
    right:0;
	left:0;
}

.pedit_row:before {
    left:0;
	right:0;
}

.pedit_row:before {
    background-color:transparent;
}

.settings_line__accustomed {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.pedit_label {
    width: 200px;
	line-height: 16px;
}

.pedit_label {
    padding: 20px 10px 0 0;
	float: left;
	text-align: right;
}

.pedit_label {
    padding: 4px 0 0 0;
	float: right;
	text-align: left;
}

.pedit_labeled {
    line-height:16px;
	font-size: 17px;
}

.pedit_labeled {
    float:left;
}

.pedit_labeled { 
    color: #626d7a;
}

.clear_fix_1 {
    margin-top:15px;
	margin-left:20px;
}

.clear_fix_1::after {
    content:'.';
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
}

.clear_fix_1::after {
    clear:both;
}

.clear_fix_1 {
    height:5%;
}

.clear_fix_1 {
    display:block;
}

.pedit_row_1 {
    padding-bottom:15px;
}

.pedit_row_1 {
    position:relative;
	z-index:0;
}

.pedit_row_1:before {
    content:'';
	position:absolute;
	z-index:-1;
	top:-10px;
	bottom:10px;
	transition:background-color .2s ease;
}

.pedit_row_1:before {
    right:0;
	left:0;
}
.pedit_row_1:before {
    left:0;
	right:0;
}

.pedit_row_1:before {
    background-color:transparent;
}

.pedit_label_1 {
    width:325px;
	line-height:16px;
}

.pedit_label_1 {
    padding:20px 10px 0 0;
	float:left;
	text-align:right;
}

.pedit_label_1 {
    padding:10px 0 0 0;
	float:right;
	text-align:left;
}
 
.pedit_label_2{
    width:325px;
	line-height:0px;
}

.pedit_label_2 {
    padding:20px 10px 0 0;
	float:left;
	text-align:right;
}

.pedit_label_2 {
    padding:10px 0 0 0;
	float:right;
	text-align:left;
}

.pedit_labeled_1{
    line-height:16px;
}

.pedit_labeled_1{
    float:left;
}

.pedit_labeled_1 { 
    color: #626d7a;
}

.emoji_cursor:hover {
    background: #d2d2d2;
    cursor: pointer;
}
.emoji_cursor {
    padding:6px 4px 1px 4px;
	border-radius: 5px;
}

.emoji {
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/emoji.png) no-repeat;
}	

.e1   {background-position: -0px -0px}
.e10  {background-position: -16px -16px}
.e100 {background-position: -48px -192px}
.e101 {background-position: -64px -192px}
.e102 {background-position: -80px -192px}
.e103 {background-position: -96px -192px}
.e104 {background-position: -112px -192px}
.e105 {background-position: -0px -208px}
.e106 {background-position: -16px -208px}
.e107 {background-position: -32px -208px}
.e108 {background-position: -48px -208px}
.e109 {background-position: -64px -208px}
.e11  {background-position: -32px -16px}
.e110 {background-position: -80px -208px}
.e111 {background-position: -96px -208px}
.e112 {background-position: -112px -208px}
.e113 {background-position: -0px -224px}
.e114 {background-position: -16px -224px}
.e115 {background-position: -32px -224px}
.e116 {background-position: -48px -224px}
.e117 {background-position: -64px -224px}
.e118 {background-position: -80px -224px}
.e119 {background-position: -96px -224px}
.e12  {background-position: -48px -16px}
.e120 {background-position: -112px -224px}
.e121 {background-position: -0px -240px}
.e122 {background-position: -16px -240px}
.e123 {background-position: -32px -240px}
.e124 {background-position: -48px -240px}
.e125 {background-position: -64px -240px}
.e126 {background-position: -80px -240px}
.e127 {background-position: -96px -240px}
.e128 {background-position: -112px -240px}
.e129 {background-position: -0px -256px}
.e13  {background-position: -64px -16px}
.e130 {background-position: -16px -256px}
.e131 {background-position: -32px -256px}
.e132 {background-position: -48px -256px}
.e133 {background-position: -64px -256px}
.e134 {background-position: -80px -256px}
.e135 {background-position: -96px -256px}
.e136 {background-position: -112px -256px}
.e137 {background-position: -0px -272px}
.e138 {background-position: -16px -272px}
.e139 {background-position: -32px -272px}
.e14  {background-position: -80px -16px}
.e140 {background-position: -48px -272px}
.e141 {background-position: -64px -272px}
.e142 {background-position: -80px -272px}
.e143 {background-position: -96px -272px}
.e144 {background-position: -112px -272px}
.e145 {background-position: -0px -288px}
.e146 {background-position: -16px -288px}
.e147 {background-position: -32px -288px}
.e148 {background-position: -48px -288px}
.e149 {background-position: -64px -288px}
.e15  {background-position: -96px -16px}
.e150 {background-position: -80px -288px}
.e151 {background-position: -96px -288px}
.e152 {background-position: -112px -288px}
.e153 {background-position: -0px -304px}
.e154 {background-position: -16px -304px}
.e155 {background-position: -32px -304px}
.e156 {background-position: -48px -304px}
.e157 {background-position: -64px -304px}
.e158 {background-position: -80px -304px}
.e159 {background-position: -96px -304px}
.e16  {background-position: -112px -16px}
.e160 {background-position: -112px -304px}
.e161 {background-position: -0px -320px}
.e162 {background-position: -16px -320px}
.e163 {background-position: -32px -320px}
.e164 {background-position: -48px -320px}
.e165 {background-position: -64px -320px}
.e166 {background-position: -80px -320px}
.e167 {background-position: -96px -320px}
.e168 {background-position: -112px -320px}
.e169 {background-position: -0px -336px}
.e17  {background-position: -0px -32px}
.e170 {background-position: -16px -336px}
.e171 {background-position: -32px -336px}
.e172 {background-position: -48px -336px}
.e173 {background-position: -64px -336px}
.e174 {background-position: -80px -336px}
.e175 {background-position: -96px -336px}
.e176 {background-position: -112px -336px}
.e177 {background-position: -0px -352px}
.e178 {background-position: -16px -352px}
.e179 {background-position: -32px -352px}
.e18  {background-position: -16px -32px}
.e180 {background-position: -48px -352px}
.e181 {background-position: -64px -352px}
.e182 {background-position: -80px -352px}
.e183 {background-position: -96px -352px}
.e184 {background-position: -112px -352px}
.e185 {background-position: -0px -368px}
.e186 {background-position: -16px -368px}
.e187 {background-position: -32px -368px}
.e188 {background-position: -48px -368px}
.e189 {background-position: -64px -368px}
.e19  {background-position: -32px -32px}
.e190 {background-position: -80px -368px}
.e191 {background-position: -96px -368px}
.e192 {background-position: -112px -368px}
.e193 {background-position: -0px -384px}
.e194 {background-position: -16px -384px}
.e195 {background-position: -32px -384px}
.e196 {background-position: -48px -384px}
.e197 {background-position: -64px -384px}
.e198 {background-position: -80px -384px}
.e199 {background-position: -96px -384px}
.e2   {background-position: -16px -0px}
.e20  {background-position: -48px -32px}
.e200 {background-position: -112px -384px}
.e201 {background-position: -0px -400px}
.e202 {background-position: -16px -400px}
.e203 {background-position: -32px -400px}
.e204 {background-position: -48px -400px}
.e205 {background-position: -64px -400px}
.e206 {background-position: -80px -400px}
.e207 {background-position: -96px -400px}
.e21  {background-position: -64px -32px}
.e22  {background-position: -80px -32px}
.e23  {background-position: -96px -32px}
.e24  {background-position: -112px -32px}
.e25  {background-position: -0px -48px}
.e26  {background-position: -16px -48px}
.e27  {background-position: -32px -48px}
.e28  {background-position: -48px -48px}
.e29  {background-position: -64px -48px}
.e3   {background-position: -32px -0px}
.e30  {background-position: -80px -48px}
.e31  {background-position: -96px -48px}
.e32  {background-position: -112px -48px}
.e33  {background-position: -0px -64px}
.e34  {background-position: -16px -64px}
.e35  {background-position: -32px -64px}
.e36  {background-position: -48px -64px}
.e37  {background-position: -64px -64px}
.e38  {background-position: -80px -64px}
.e39  {background-position: -96px -64px}
.e4   {background-position: -48px -0px}
.e40  {background-position: -112px -64px}
.e41  {background-position: -0px -80px}
.e42  {background-position: -16px -80px}
.e43  {background-position: -32px -80px}
.e44  {background-position: -48px -80px}
.e45  {background-position: -64px -80px}
.e46  {background-position: -80px -80px}
.e47  {background-position: -96px -80px}
.e48  {background-position: -112px -80px}
.e49  {background-position: -0px -96px}
.e5   {background-position: -64px -0px}
.e50  {background-position: -16px -96px}
.e51  {background-position: -32px -96px}
.e52  {background-position: -48px -96px}
.e53  {background-position: -64px -96px}
.e54  {background-position: -80px -96px}
.e55  {background-position: -96px -96px}
.e56  {background-position: -112px -96px}
.e57  {background-position: -0px -112px}
.e58  {background-position: -16px -112px}
.e59  {background-position: -32px -112px}
.e6   {background-position: -80px -0px}
.e60  {background-position: -48px -112px}
.e61  {background-position: -64px -112px}
.e62  {background-position: -80px -112px}
.e63  {background-position: -96px -112px}
.e64  {background-position: -112px -112px}
.e65  {background-position: -0px -128px}
.e66  {background-position: -16px -128px}
.e67  {background-position: -32px -128px}
.e68  {background-position: -48px -128px}
.e69  {background-position: -64px -128px}
.e7   {background-position: -96px -0px}
.e70  {background-position: -80px -128px}
.e71  {background-position: -96px -128px}
.e72  {background-position: -112px -128px}
.e73  {background-position: -0px -144px}
.e74  {background-position: -16px -144px}
.e75  {background-position: -32px -144px}
.e76  {background-position: -48px -144px}
.e77  {background-position: -64px -144px}
.e78  {background-position: -80px -144px}
.e79  {background-position: -96px -144px}
.e8   {background-position: -112px -0px}
.e80  {background-position: -112px -144px}
.e81  {background-position: -0px -160px}
.e82  {background-position: -16px -160px}
.e83  {background-position: -32px -160px}
.e84  {background-position: -48px -160px}
.e85  {background-position: -64px -160px}
.e86  {background-position: -80px -160px}
.e87  {background-position: -96px -160px}
.e88  {background-position: -112px -160px}
.e89  {background-position: -0px -176px}
.e9   {background-position: -0px -16px}
.e90  {background-position: -16px -176px}
.e91  {background-position: -32px -176px}
.e92  {background-position: -48px -176px}
.e93  {background-position: -64px -176px}
.e94  {background-position: -80px -176px}
.e95  {background-position: -96px -176px}
.e96  {background-position: -112px -176px}
.e97  {background-position: -0px -192px}
.e98  {background-position: -16px -192px}
.e99  {background-position: -32px -192px}	
	

.tooltip { 
    background:url('../images/like_icons_bl.png') no-repeat;
	background-position: center 0px;
	width:17px;
	height:10px;
	margin-top:-2px;
	margin-left:25px;
	opacity: 0.8;
}

.im-action_call_video {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23818C99%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13.96%2013.7c-.04.39-.1.68-.23.94a2.5%202.5%200%2001-1.1%201.09C12.1%2016%2011.4%2016%2010%2016H5c-1.4%200-2.1%200-2.63-.27a2.5%202.5%200%2001-1.1-1.1C1%2014.1%201%2013.4%201%2012V8c0-1.4%200-2.1.27-2.63a2.5%202.5%200%20011.1-1.1C2.9%204%203.6%204%205%204h5c1.4%200%202.1%200%202.63.27.48.24.86.62%201.1%201.1.13.25.2.54.23.92l1.3-.74A2.5%202.5%200%200119%207.72v4.56a2.5%202.5%200%2001-3.74%202.17l-1.3-.74zM5%205.5h5c.72%200%201.18%200%201.52.03.32.03.41.07.43.08a1%201%200%2001.44.44c.01.02.05.1.08.43.03.34.03.8.03%201.52v4c0%20.72%200%201.18-.03%201.52-.03.32-.07.41-.08.43a1%201%200%2001-.44.44c-.02.01-.1.05-.43.08-.34.03-.8.03-1.52.03H5c-.72%200-1.18%200-1.52-.03a1.24%201.24%200%2001-.43-.08%201%201%200%2001-.44-.44%201.23%201.23%200%2001-.08-.43c-.03-.34-.03-.8-.03-1.52V8c0-.72%200-1.18.03-1.52.03-.32.07-.41.08-.43a1%201%200%2001.44-.44c.02-.01.1-.05.43-.08.34-.03.8-.03%201.52-.03zm9%206.5l2%201.14a1%201%200%20001.5-.86V7.72a1%201%200%2000-1.5-.87L14%208m0%200v4-4z%22%2F%3E%3C%2Fsvg%3E');
}

.im-action_call_video {
    position: relative;
	display: inline-block;
	margin: 2px 0px 2px 0px;
    width: 20px;
    height: 20px;
}

.HiddenPostBlank {
	background-color: rgba(0, 28, 61, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 35px 58px 31px 58px;
}

.HiddenPostBlank__icon {
    color: #99a2ad;
    display: flex;
}

.HiddenPostBlank__header {
    margin-top: 16px;
    color: #626d7a;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.Button__im-action_call_video {
    border-radius: 2px;
    border: #3770b1;
    outline: none;
    background: #dce1e6;
    cursor: pointer;
	top: 7px;
    position: relative;
}

.Button__im-action_call_video:hover  {
    background: #d2d7dd;
}

.button_call_icon {
    position: relative;
    display: block;
    padding: 2;
}

.ActivityIndicator::after {
    text-align: left;
    content: ".\a..\a...";
    display: inline-block;
    white-space: pre-wrap;
    animation: ActivityIndicatorAnimation 1s steps(4) infinite;
    transform: translateY(33.33%);
}

.ActivityIndicator {
    overflow: visible;
    -webkit-clip-path: inset(-20% 0);
    clip-path: inset(-20% 0);
}

.ActivityIndicator {
    display: inline-flex;
    align-items: center;
    height: 1em;
    overflow: hidden;
}

.CallNotification {
    display: flex;
    max-width: 444px;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    column-gap: 4px;
    background-color: rgba(255, 255, 255, .9);
    color: #000;
    border: .5px solid rgba(255, 255, 255, .12);
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0,0,0,.08), 0 0 24px rgba(0,0,0,.16);
    border-radius: 8px;
    white-space: break-spaces;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
    z-index: 1;
    font-size: 13px;
}

@keyframes ActivityIndicatorAnimation {
    0% {
        transform: translateY(33.33%);
    }
    24.99% {
        transform: translateY(33.33%);
    }
    25% {
        transform: translateY(0);
    }
    49.99% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-33.33%);
    }
    99.99% {
        transform: translateY(-33.33%);
    }
    100% {
        transform: translateY(33.33%);
    }
}

.HorizontalScroll__host {
    isolation: isolate;
    position: relative;
    overflow-x: hidden;
}

.friends_suggestions_block {
    display: flex;
}

.friends_suggestions_block-items {
    position: relative;
    display: flex;
    padding: 0 10px;
    z-index: 0;
}

.friends_suggestions_block-root--a {
    display: flex;
    width: 140px;
    height: 200px;
    transition: all ease-out 200ms;
    opacity: 1;
    transform: translateZ(0);
    border-radius: 12px;
    overflow: hidden;
}

.ImageBase__host {
    background-color: #f0f2f5;
    box-sizing: border-box;
    color: ##99a2ad;
    isolation: isolate;
    background-size: cover;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
	width: 140px;
}

.uiImageBase-img {
    border-radius: inherit;
    color: transparent;
    text-indent: 10000px;
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
	object-fit: cover;
}

.friends_suggestions_block-main {
	padding: 5px 10px;
    opacity: 1;
    transition: opacity 200ms ease-out;
    width: 100%;
    box-sizing: border-box;
	bottom: 0;
	background-color: #1c1717a8;
	display: flex;
    position: absolute;
}

.flex__directionColumn {
	width: 100%;
    flex-direction: column;
	gap: 12px 12px;
}

.Headline__leve {
	color: #FFF;
    font-size: 15px;
	margin-bottom: 5px;
    font-weight: 500;
    line-height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
}

.Headline__leve-uzer {
    color: #fff;
    display: flex;
    align-items: center;
}

.header_host {
    padding: 1px 0 10px 0;
    padding-left: 10px;
    align-items: flex-start;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    color: #6b6b6b;
}

.users_stack_photos {
    display: flex;
	margin-right: 10;
}


.ImageBase__children {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ImageBase__children {
    align-items: inherit;
    border-radius: inherit;
    display: inherit;
    justify-content: inherit;
}

.IncomingCallHeader {
    position: relative;
    text-align: center;
    padding: 24px;
}

.IncomingCallHeader__title {
    display: -webkit-box;
    margin: 0 0 8px;
    text-shadow: 0 1px 3px rgba(0,0,0,.32);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    color: #ffffff;
}

.IncomingCallHeader__description {
    color: #ffffff;
    opacity: .72;
    text-shadow: 0 1px 3px rgba(0,0,0,.32);
}

.IncomingCall__photo.IncomingCall__photo {
    width: 160px;
    height: 160px;
}

.CallPhoto {
    position: relative;
    border-radius: 50%;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    object-fit: cover;
    width: 35%;
    height: 35%;
    font-size: 36px;
}

.CallPhoto--waves {
    animation: CallsCard__calling 1.1s linear infinite;
}

@keyframes CallsCard__calling {
    0% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(0, 0, 0, 0.04), 0 0 0 0 rgba(0, 0, 0, 0.04);
    }
    50% {
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.03), 0 0 0 10px rgba(0, 0, 0, 0.03), 0 0 0 0 rgba(0, 0, 0, 0.03);
    }
    100% {
        box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.02), 0 0 0 20px rgba(0, 0, 0, 0.02), 0 0 0 20px rgba(0, 0, 0, 0.02);
    }
}

.CallButton--withText {
    width: 72px;
}

.CallButton {
    background: 0 0;
    border: 0;
    padding: 0;
    outline: 0;
    color: rgba(255, 255, 255, .6);
    font: 13px / 16px #ffffff;
    text-align: center;
    cursor: pointer;
    text-shadow: 0 1px 3px rgba(0,0,0,.32);
}

.CallButton--positive .CallButton__icon {
    --icon-background: #3dcc4b;
}

.CallButton--withText .CallButton__icon {
    margin-bottom: 12px;
}

.CallButton__icon {
    --icon-spread: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 50%;
    color: #ffffff;
}

.CallButton--negative .CallButton__icon {
    --icon-background: #e64646;
}

.box-modal-call {
    position: relative;
    width: 300px; 
	height: 400px;
	text-align: center;
	
}

.BlurredBackground {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: flex;
	border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.IncomingCall__footer {
    position: relative;
    padding: 24px 45px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.IncomingCall__footer-centr {
    position: relative;
    padding: 24px 45px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.audio_calls_error {
	position: fixed;
    left: 50%;
    top: 30px;
    margin-left: -160px;
    width: 350px;
    z-index: 999999999;
    color: #fff;
}





.OwnerPageCover__ageMarkContainer {
    position: absolute;
    bottom: 20px;
    right: 20px;
	z-index: 9;
}

.ContentBadge-module__rootOverlay {
    background-color: rgba(44, 45, 46, 0.5);
    color: #ffffff;
    border-color:#ffffff;
	border-radius: 48px;
	padding: 6px;
}

.ContentBadge-module__root{
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 6px;
}


.Call__buttons {
    display: flex;
    justify-content: center;
    pointer-events: auto;
	padding: 15px;
}

.Participant {
    position: relative;
    display: grid;
    grid-template-rows: 40px 1fr 40px;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 0;
    overflow: hidden;
}

.Participant__main {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.CallPhoto {
    position: relative;
    border-radius: 50%;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    object-fit: cover;
    width: 250px;
    height: 250px;
    font-size: 36px;
}

.mctc_navMenu {
    position: absolute;
    bottom: 0;
}

.header_data_nav-private {
    position: relative;
	left: -5px;
    width: 795px;
    border-top: 1px solid rgba(0, 0, 0, .00);
}

.header_data_nav-menu {
    margin: 0 0 10px 0;
    position: relative;
    left: -5px;
    width: 795px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
}

.foto_avatar_round_line {
    border: 3px solid #fff;
}

.OwnerContentTabs__header {
    display: flex;
    align-items: center;
	padding-bottom: 12px;
}


.InternalHorizontalScroll {
    margin-left: 6px;
}

.TabsItem_private-community {
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    max-width: 100%;
    min-height: 32px;
    min-width: 0;
    padding: 4px 12px;
}

.TabsItem {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    max-width: 100%;
    min-height: 32px;
    min-width: 0;
    padding: 4px 12px;
	cursor: pointer;
}

.TabsItem:hover  {
    background: #d2d7dd;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
}

.TabsItem_header {
    box-shadow: 0 2px 3px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.3) inset;
}

.TabsItem__before {
    color: #818c99;
    margin-right: 10px;
}

.TabsItem__before_text {
    font-weight: 500;
	color: #818c99;
}

.content_info_center {
    font-size: 15px;
    color: #999;
    text-align: center;
    padding: 40px 0 40px 0;
}

.content_info_page_left {
    display: block;
    float: left;
    width: 220px;
	border-right-style: solid;
	border-right-color: #ced0d4;
    border-right-width: 1px;
}

.content_info_page_right {
    display: block;
    float: left;
}

.ProfileModalInfoRow {
    padding: 0 16px;
    justify-content: space-between;
    display: flex;
    margin-bottom: 14px;
}

.ProfileModalInfoRow__container {
    display: flex;
}

.ProfileModalInfoRow__label {
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 15px;
    line-height: 16px;
    width: 170px;
    color: #626d7a;
    white-space: normal;
    margin-right: 12px;
    word-break: break-word;
}

.ProfileModalInfoRow__in {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    white-space: normal;
    word-break: break-word;
    font-weight: 500;
	width: 330px;
	color: #2a5885;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 15px;
    line-height: 16px;
}


.tip-friends {
	z-index:1000;
	text-align:left;
	border:1px solid #ccc;
	padding:7px 10px;
	color: #000000;
	min-width:200px;
	max-width:400px;
	background-color:#ffffff;
}

.tip-friends_div {
    position: relative;
    left: 10px;
	top: 20px;
}


.tip-green {
	z-index:1000;
	text-align:left;
	border:1px solid #bdde98;
	padding:7px 10px;
	width:400px;
	color:#860404;
	background-color:#dff6c6;
}

.tip-green .tip-arrow-top {
	margin-top:-10px;
	margin-left:390px;
	top:0;
	left:0;
	width:10px;
	height:10px;
	background:url(../images/tip-green_arrows.gif) no-repeat;
}
.tip-green .tip-arrow-right {

}
.tip-green .tip-arrow-bottom {
	margin-top:0;
	margin-left:390px;
	top:100%;
	left:0;
	width:10px;
	height:10px;
	background:url(../images/tip-green_arrows.gif) no-repeat -20px 0;
}
.tip-green .tip-arrow-left {

}

.tip-twitter {
	opacity:0.8;
	z-index:999999999;
	text-align:left;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:8px 8px;
	max-width:200px;
	color:#fff;
	background-color:#000;
}
.tip-twitter .tip-inner {
	font:bold 14px/14px 'Lucida Grande',sans-serif;
}

.tip-twitter .tip-arrow-top {
	margin-top:-5px;
	margin-left:-5px;
	top:0;
	left:50%;
	width:9px;
	height:5px;
	background:url(../images/tip-twitter_arrows.gif) no-repeat;
}
.tip-twitter .tip-arrow-right {
	margin-top:-4px;
	margin-left:0;
	top:50%;
	left:100%;
	width:5px;
	height:9px;
	background:url(../images/tip-twitter_arrows.gif) no-repeat -9px 0;
}
.tip-twitter .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px;
	top:100%;
	left:50%;
	width:9px;
	height:5px;
	background:url(../images/tip-twitter_arrows.gif) no-repeat -18px 0;
}
.tip-twitter .tip-arrow-left {
	margin-top:-4px;
	margin-left:-5px;
	top:50%;
	left:0;
	width:5px;
	height:9px;
	background:url(../images/tip-twitter_arrows.gif) no-repeat -27px 0;
}

.user_likes_post {
	display: none;
    position: absolute;
	z-index: 999999999;
	text-align: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px 8px;
	max-width: 250px;
	color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
	width: 250px;
    box-shadow: 1px 0 5px 0 rgba(0, 0, 0, .3);
}

.strelka_likes_post::after {
    content: "";
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.5);
    border-left: 0;
}

.like_title {
    margin-bottom: 8px;
    text-align: left;
    cursor: pointer;
}

.like_users {
    overflow: hidden;
    height: 30px;
}

.like_users-post {
    position: relative; 
	display: block; 
	float:left; 
	margin-right: 5px;
}

#easyTooltip {
    color:#fff;
	background:url('../images/mv_bg.png');
	background:rgba(0, 0, 0, 0.7);
	text-shadow: 0px 1px 0px #262626;
	padding:5px 7px 5px 7px;
	border:0px;
	margin-left:-2px;
	font-weight:bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}



.gifts_messages {
    border-radius: 6px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.28),0 1px 2px 0 rgba(0, 0, 0, 0.28);
}



.gifts_onegif {
    cursor: pointer;
    padding:5px;
	text-align:center;
	float:left;
	margin-left:3px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-top-left-radius:5px;
    -moz-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -khtml-border-top-left-radius:5px;
    -khtml-border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    -khtml-border-bottom-right-radius:5px;
}

.gifts_onegif:hover { 
    background:#e7ecf1;
	text-decoration:none;
}





.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;

}
.chosen-container a {
  cursor: pointer;
}




.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 30px;


  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}




.chosen-container-single .chosen-single abbr {
}

.chosen-container-single .chosen-single div b {
}




.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;

  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #fff;

  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-results {
  display: none;
  color: #444;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 0 0 -1px;
  background: #fff;
  padding: 0 0 0 0;
  border: solid 1px #32608A;
  width:300px; 
  max-height: 170px;
  -webkit-overflow-scrolling: touch;
}


.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.highlighted {
  background: #d2d2d2;
}


.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  height: auto !important;
  cursor: text;
}

.chosen-choices {
    width: 300px;
}

.chosen-choices {
    background-color: #fff;
}

.chosen-choices{
    padding: 1px 9px 1px;
	border: 1px solid #dce1e6;
    border-radius: 8px;
    box-sizing: border-box;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}




.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 26px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}












.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 0px;
  right: 1px;
  display: block;
  width:17px;  
  height:15px;
  background: url("../images/audio_icons.png") -105px -48px no-repeat;
  font-size: 1px;
  opacity: 0.5;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover  {
    background: url("../images/audio_icons.png") -105px -48px no-repeat;
    opacity: 1;
}






.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #36638E;
  line-height: 13px;
  cursor: default;
}


.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}



.fa_play {
    width:22px;  
    height:22px;
    background: url("../images/audio_icons.png") -48px -25px no-repeat;
    display: inline-block;
}

.fa_play:hover {
    background: url("../images/audio_icons.png") -24px -25px no-repeat;
	cursor: pointer;
}

.fa_pause {
    width:22px;  
    height:22px;
    background: url("../images/audio_icons.png") -120px -25px no-repeat;
    display: inline-block;
}

.fa_pause:hover {
    background: url("../images/audio_icons.png") -96px -25px no-repeat;
	cursor: pointer;
}

.repeat-controls-full {
    display: none;
    position: absolute;
    top: 40%;
    right: 50%;
    transform: translate(50%, -50%);
	width: 46px;
    height: 46px;
    background: url(../images/repeat1.png) no-repeat;
	cursor: pointer;
	z-index: 9;
}

.pause-controls-full {
    display: none;
    position: absolute;
    top: 40%;
    right: 50%;
    transform: translate(50%, -50%);
	width: 46px;
    height: 46px;
    background: url(../images/inline_video_play.png);
	cursor: pointer;
	z-index: 9;
}

.play-controls-full {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
	width: 46px;
    height: 46px;
    background: url(../images/inline_video_play.png);
	cursor: pointer;
	opacity: 0.7;
	z-index: 9;
}

.play-controls-full:hover {
    opacity: 1;
}

.videoplayer_share_actions {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    overflow: hidden;
    transition-property: transform, visibility, opacity;
    transition-duration: 0.25s;
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    will-change: transform, opacity;
}

.videoplayer_share_action {
    position: relative;
    overflow: hidden;
    float: left;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 24px;
    line-height: 40px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videoplayer_share_action:hover {
    background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
}

.videoplayer_share_action_icon {
    display: flex;
    opacity: .8;
}




.VideoTrack__title {
    color: #ffffff;
    font-size: 13px;
    white-space: nowrap;
	padding-top: 5px;
    overflow: hidden;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.40);
    text-overflow: ellipsis;
}

.VideoTrack__cover {
    flex-shrink: 0;
	float: left;
    position: relative;
	background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/4QBuRXhpZgAASUkqAAgAAAADAA4BAgAkAAAAMgAAABoBBQABAAAAVgAAABsBBQABAAAAXgAAAAAAAABNdXNpYyBub3RlIGljb24uIFZlY3RvciBpbGx1c3RyYXRpb24sAQAAAQAAACwBAAABAAAA/+EFqWh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+Cgk8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgoJCTxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6SXB0YzR4bXBDb3JlPSJodHRwOi8vaXB0Yy5vcmcvc3RkL0lwdGM0eG1wQ29yZS8xLjAveG1sbnMvIiAgIHhtbG5zOkdldHR5SW1hZ2VzR0lGVD0iaHR0cDovL3htcC5nZXR0eWltYWdlcy5jb20vZ2lmdC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBsdXM9Imh0dHA6Ly9ucy51c2VwbHVzLm9yZy9sZGYveG1wLzEuMC8iICB4bWxuczppcHRjRXh0PSJodHRwOi8vaXB0Yy5vcmcvc3RkL0lwdGM0eG1wRXh0LzIwMDgtMDItMjkvIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiBwaG90b3Nob3A6Q3JlZGl0PSJHZXR0eSBJbWFnZXMvaVN0b2NrcGhvdG8iIEdldHR5SW1hZ2VzR0lGVDpBc3NldElEPSIxMTc1NDM1MzYwIiB4bXBSaWdodHM6V2ViU3RhdGVtZW50PSJodHRwczovL3d3dy5pc3RvY2twaG90by5jb20vbGVnYWwvbGljZW5zZS1hZ3JlZW1lbnQ/dXRtX21lZGl1bT1vcmdhbmljJmFtcDt1dG1fc291cmNlPWdvb2dsZSZhbXA7dXRtX2NhbXBhaWduPWlwdGN1cmwiIHBsdXM6RGF0YU1pbmluZz0iaHR0cDovL25zLnVzZXBsdXMub3JnL2xkZi92b2NhYi9ETUktUFJPSElCSVRFRC1FWENFUFRTRUFSQ0hFTkdJTkVJTkRFWElORyIgPgo8ZGM6Y3JlYXRvcj48cmRmOlNlcT48cmRmOmxpPn5Vc2VyYmE5ZmU5YWJfOTMxPC9yZGY6bGk+PC9yZGY6U2VxPjwvZGM6Y3JlYXRvcj48ZGM6ZGVzY3JpcHRpb24+PHJkZjpBbHQ+PHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5NdXNpYyBub3RlIGljb24uIFZlY3RvciBpbGx1c3RyYXRpb248L3JkZjpsaT48L3JkZjpBbHQ+PC9kYzpkZXNjcmlwdGlvbj4KPHBsdXM6TGljZW5zb3I+PHJkZjpTZXE+PHJkZjpsaSByZGY6cGFyc2VUeXBlPSdSZXNvdXJjZSc+PHBsdXM6TGljZW5zb3JVUkw+aHR0cHM6Ly93d3cuaXN0b2NrcGhvdG8uY29tL3Bob3RvL2xpY2Vuc2UtZ20xMTc1NDM1MzYwLT91dG1fbWVkaXVtPW9yZ2FuaWMmYW1wO3V0bV9zb3VyY2U9Z29vZ2xlJmFtcDt1dG1fY2FtcGFpZ249aXB0Y3VybDwvcGx1czpMaWNlbnNvclVSTD48L3JkZjpsaT48L3JkZjpTZXE+PC9wbHVzOkxpY2Vuc29yPgoJCTwvcmRmOkRlc2NyaXB0aW9uPgoJPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0idyI/Pgr/7QB4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAFwcAlAAEX5Vc2VyYmE5ZmU5YWJfOTMxHAJ4ACRNdXNpYyBub3RlIGljb24uIFZlY3RvciBpbGx1c3RyYXRpb24cAm4AGEdldHR5IEltYWdlcy9pU3RvY2twaG90b//bAEMACgcHCAcGCggICAsKCgsOGBAODQ0OHRUWERgjHyUkIh8iISYrNy8mKTQpISIwQTE0OTs+Pj4lLkRJQzxINz0+O//bAEMBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O//CABEIAmQCZAMBEQACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABgcBAgUDBP/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAZmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAc0jhNDIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgrM5Zbh6gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHBK3OkWoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYKtOYC2D7gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARsr03NCZE0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANSqTUskrU1LZPQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEVIGWASY5RWROSUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHmVOe5aZsCHHNLDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIeQksYkABziFligAh5xyxzIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4FTn3lnmQDmkfJkACIkHOySI7h9xkAAAAAAAAAAAAAAAAAAAAAAAAAHkQg4B6EiJiQ0h5Zh2gARU7x9gAPIqY+cA+g6ZJSSmQAAAAAAAAAAAAAAAAAAAAAAACBkVAB2DlnYLKAAPhPuAABDyEn1nVPqNzmHuWGbAAAAAAAAAAAAAAAAAAAAAAAAqk54AALROqAAAAADxKmOgWcZAI8fATAAAAAAAAAAAAAAAAAAAAAAAAFckfAAJEWIAAAAAACGkLLKO4ACKEqMgAAAAAAAAAAAAAAAAAAAAAAHOKwPEA3LTOgAAAAAADwKmOkWcADQ2MgAAAAAAAAAAAAAAAAAAAAAAA+Ehxyz6iYHZAAAAAAABCyGlmHaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4FSnVLMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5nFI8cIlJMwAAAQohxZx2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAeJwiPHCPIA7xZAAAAPnKmOuWUAAAAAAAAAAAAAAAAAAAAAAAAAAAfMcAj5xDQAAHeLIAAAAIQRAs864AAAAAAAAAAAAAAAAAAAAAAAAB8hHiPHHMAAAAHeLIAAAPnIkcI5Z3SyQAAAAAAAAAAAAAAAAAAAAAAAAcwrE8gAAAAAd4sgAAHylYHxAAtE6oAAAAAAAAAAAAAAAAAAAAAAABBCKAAAAAAHeLIAABAyKgAEyJoAAAAAAAAAAAAAAAAAAAAAAAAQAjAAAAB95ICQFeHSLIAABWJxwACekpAAAAAAAAAAAAAAAAAAAAAAAAIARgAAHUJASA6JkFTHRLIAABCiHAA6BaJ6gAAAAAAAAAAAAAAAAAAAAAAAEAIwDJ2CQEgPtAABUx0SyAAAaEHI4ZO8TY+kAAAAAAAAAAAAAAAAAAAAAAAAEAIyT0759IAAABUx0SyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAjhcQAAAABUx0SyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAjhcQAAAABUx0SyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAjhcQAAAABUx0SyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAjhcQAAAPM+c+kqk6JZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIARwuIAAGpCSKGh6mp2yyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAjhcQAAIcQoAA7xZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIARwuIAAFYnHAAO+WOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcs5R9BHTgFxAAAgRFgACYk1AAAAAAAAAAAAAAAAAAAAAAAAAAAAMFfkaAB6FxAAA+YrY5YB2Sxz2AAAAAAAAAAAAAAAAAAAAAAAAAAAAI4V4AAehcQAABqcY+I+87BkAAAAAAAAAAAAAAAAAAAAAAAAAAAAEMIYAAexcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOSVeAASQsIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjZCD5DYkRPD2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABg+U9j1AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgGQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAMGDUwYNTAMAGTJkybGTJkyDIAAAAAAAAAAAAAAAAAAAAAAAAAMGpqaGhoeZoeZoeZoamDY3Nzc9D0Nzc9Dc2NjJkAAAAAAAAAAAAAAAAAAAAAAAAGDU1NDQ0PM8zQ8zQ0NAZNzc9D0Nz0Nzc3NzYyZAAAAAAAAAAAAAAAAAAAAAAAAABgGDUwYNTBgwYBkGTJsZNjJkyDIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/8QALRAAAQMCBQMEAQQDAAAAAAAAAwIEBQABERITIFAUNDUQMDNgBhUhMaAiQHD/2gAIAQEAAQUC/rHvniWQQT17ktfG30qUddU7ENRijTpj+kyzvpmtRxdF/wDSf4qQddW69GZuoafSJl3otqUhSbVAuPpCr2Sl65u6ctG93TlwyC4buWy2pmxrt3CF2Ij6NNu9MNQrTSb0/ZJehIhQiQR87f6KtaRocnU5cMG3VurWwt6TrX/GDVg++izjvBNQ7Tp2vq/TnYQlsZDZMPyhIxkzBPzxipAExVHNGteqd7JBeRhAB/bZOtcyKbyrpvYM8FVCetjcsQiRIdThF3U7cruh86HdrO3xQtJETjvG9RbTpWmyaJddmoLNm2wiElG4Cpuf1Q4MKhS7wdNZoJr8lOOrrNsYSC2SiLUUkS06l1tS1RZzunWuKaA1M5pEI8VVoA9X/HyUeJdgtHSamqrXsq3IP8ev3RzXpGnuFGkojiUA0Y66V3skItDlMM6VZXITQLie7YZprufenWv7VFOupabJQGibkHrRLxuYKwE9UIURbJtZo294okmEYSgGi3XTO9ik2UnkXLQLtB4I6L3jXlrih3hLso0TP/RnWvpFuupafSjCScJRqCWKddM855S0osaYaCo06ddEcnLeFekWT2J1r+9RjrqmnNEKMVjTbYdGm3JKIUhb+sL5H2DhScJRqEWJddO75crgILGnQIo0y7LSlqXfdC+R9mda4KqNddU05MzkLexp4aaNLOzVe9739mF8jvMcbdB56+JpJ04RUQ66d3yT93Zm3IRZl+5C+R3ODobAdOiOy7I5z1TPkZ9V+o92F8junT3Ufb+PqvyU93nshYuT0GAVegxbQFPO8hfI7pbH9S2wQbpbcjPd5uDGuz0GAtQWDUGx53sL5HdOtb5tjNot4YY0iHyM93npa173DEuzUGBHagtG7fe872F8juUlK0u4QibrbmHdDc5LtoQxLgANsPkp7vLWxUGCAihNwgt7LzvYXyPPT3eD+T23newvkeenu8H8ntvO9hfI89Pd4P5Pbed7C+R56e7wfyewpaUW6ttSVJVZ53sL5Hnp7vB/Juve1rPZpV7rWsl6GUglLVda4XyPPT3eD+TdOO7ptthfI89Pd4P5N0te95LbC+R5s8i1b3vPN6HNNF1NkQRyP5N063ulxtgW98eZ/i0jKrOrYP5NxwIcheMDM1erGNK7UIaQj5macXE02j+Tfe1r2LEMy3/QW1Bimgb83+QWvuDbMb6NJNeraXthfZDNLlcfR5CJS5uZqdverJuq7SGMa4hICP6R/NXat70kaEf8exrNWas9Z6z1qVqVqVqVqVqVnrPWes1ZqxrHmcaxrGsazVmrPWetStWtatatWtStSs9ZqzVmrGsax5jCsKwrCstZay1krTrSrRrRrSrTrJWSstZawrCsKw5rCstZayVkrJWnWnWnWnWnWnWnWSslZay1hWH9Af8A/8QAFBEBAAAAAAAAAAAAAAAAAAAAwP/aAAgBAwEBPwE5T//EABQRAQAAAAAAAAAAAAAAAAAAAMD/2gAIAQIBAT8BOU//xAA6EAACAAMDCQUHAwQDAAAAAAABAgADESAhMQQSIkFQUWFxchATMDJgI0JSYoGRsTOSoTSCoLIUQEP/2gAIAQEABj8C/wAY/PIqTgIpPlgKda6oqPRZodBLlhZa4saQqfCKeis1TpzLh2SmOFaei2f3RcvbLmbxf6J7pTpzPx2KWUgNeOPY+TnqX0QWNwENN1auULKGvHlAkkUC+U7oMuZ998JNHumA6moYVHocZOp0nx5dnfsNKZhy7KYOPKYKOKMMYaSf/M3cvQxdjQKKmGmtrhZfu4tyigw7VylReLmgr8SehhkynG9uzPYacy/6WJw+WsV3KbIkSjm3VJhe9mM0sm/OO32mPgohprYsYAPkW9rM4/LSJs7+0WVylfdubsAzs9RqaPay2TlfGhOU8K7WLuaKNcZuTjMX4jjGlPmfujRnv9TWM3KV/uWA6MGU6xAyZThe3YKjTe9rMvJJd7zDWkJKGrGy0tsGFIeU2KmxoTXXkY/Uzx8wjNnDum36tp/8dTopjzskeaWfdhna8samKsNCXebTZQdJzv1W1ylRhc3Ye5TOpjF+YvMxfNlxdPX7RXMzx8kd3NqZX+sVBqDtGdX4zbVfeN7eK0tsGFIaU2KmFJ8jXNZMyWM2b/tByObiPLX8bRz/AHZl9rvWGhL/AD465So4N2AE6aXGzLy+UL1OntEyzcfdO6DLmLRhYCKKk4CFla9fPx2ltgwpDSmxUwKnQe5rJVhUHVtLNmryOsR7FhMH2Mf07xegQb2MZ3nmfEf+iuUqODdgqdNLj6LaU2DCGltippAqdB7jt+rMFHGNFjMPyxSUiyx9zFXmsfrByeYxa6qk+CuUqODdgJ863Ntusxwo4mNCsw8I9nmyxwxisx2Y8TYXpPgtKbBhDS2xU0gAnQmXHbFZsxV5mKSlaYfsI0WEsfLFXYseNtek+EuUqMbm7FJ863NtSs2YFikmWW4m6P1MwbkuipNT4S9J8DPmsFEUyeX9XgpMcZp1U7M0nQmXHaZf3jcogvMbOY+KvSbbTXwH8xnzDyG6yrnzC5tpS01Ba+MvSbayBggqedqcuq47STo8L2cpqb4rPmgcFi6VnHe18TuswvSbc2vD8Wnmn3zdtJOi3oyiBva6Kz5v0WNCUK7zfYndZhek21ylRdg1nMXD3juhZaCiqKDaSdHbQCpj9PMG97orOmFuC3R7OUo4253WYXpNsqwqDiILZNpL8JxijynH0jQlOfpFZ57td2uO7lLQbTTogDfFZrNMP2EUlS1XkPCndZhek7fTohefiTuswvSdvp0QvPxJ3WYXpO306IXn4k7rML0nb6dELz8GrMF5mP6iX+6KqQeUTuswvSdvp0QvO3UmgEFMluHxxV2LHiezOluVPAwXY1JvML0nb6dELztjJlON7Wl6Tt9OiF525teH4tDpO3KPNqdy3xdLmReWTmIlsjBhmYiF52xPGDih52nyg4eUbaqYMqQc2Xv+KyvO2ZUwXGNIVTUwsVpmytbQJaCirtrMXGYafS0vPwKEVEVzMw/KY/UmRXu84/NftyQdV9pANbD0OVXzi9YobPfEaEv8+iO9laEz+DFJssr2UUEnhAad7NP5MCXLFFHoq+RL/bGgiryH+M9//8QALRAAAQIEAwgCAgMBAAAAAAAAAQARITFBUSBx8BAwUGGBkaGxYOHB0UCg8XD/2gAIAQEAAT8h/rHxbsz8ygUmqjoABHBiD8Lmi61coYbtCZYuy7L4U8sOlCp2CmI91h8KJAEksAjBDS+WwFi4Q3mPdV+E8qjlVsD0B0iTZM+iP4+EFRYOSaBEdMWG1ClylFapMlwwpqLqIlQF1NzcIuKhNWkJ8HvBPL9tj16U2XbaLtm2SLNNYCinrlzM+/g0d8gp6xwFhQItERLIAQGAMBtAY0M8UKPSCD4NOu7eg2SCRXKgYBm7+yKOC7YT15bnkgUyoXG5qYcceIMzwo6s4m7P2KylgEfqfdBEBIm3sP4wsIj2VNc9gYjJDfzNMAMXgKb8amHseLAviuSRryQOX6TwI6k/smy8poDa17CDgBwSalPd3QbJQunWGEEkRBamuSp54rmuEZLmEqAQzF8HmsQi8QsOIYeFzn1ogQQ4Lg8SCaw58I4AQYukbhFDigmF51s0GJ/6DBo2GOYJ29DsiRtiIIA4aWiMlsnKYRR5mihodSfxNCpiy0Z5EMjAOCK8RMq7EAElhElBIj3+9Ci7wqLozTiG/wBbCJEGMJZk+uHyEwvxEQCILDzrimAi50b9yRPrOyMl1exwlZANgrz/AAgXD34hCRY3SJypMBBZ7Aqgmao778J93xCFlinO19EcIMATEq8SjgESYIMDYpQxD0A6GtSEELZEERSyt/B0J2Oyd76c/CxiyyGez4mC10ex4+18KkwT6LDGHdPV0Ch1/wCaBxMQOQ1NyxMn1nY81/8AW43zDM0noZcYdyn4ByR+4rmup7BoFtzQdGSAixhKBt0M0PGPICiersIeRYQx7p7wVJzj0C26kYd/Q7HlP3K/FI+XIGZ6J+L8knoRegZoqKJUndaBbcEopvVPgIGqCOdTwHYwtujGh4nDac4FHKTBO90C2M6NkXWRblGQYJJ8nvhxIp1+SP1vtAtjOJKHN9e8WhKfEvF+zuml0VQYdymrkVc900EAUgAGAwHvWgWx+AOzEJBoeQaPEvF+zinJNBKOUQjEnl/kptLdz3nBq91oFscQBmXY4R0LDGyUAABxLxfs7QIokgAmoxNT0mm8vyCmm8jnvj1e60C2MbcdiVR2+dQftOwvM0yMlNDA1hEv0g0Efc58T8X7K50mTVYhHkBTdavdaBbj/i/ZXh95q91oFuP+L9leH3mr3WgW4/4v2V4feavdaBbj/i/ZXh9yxFXYUZouVMItydavdaBbj/i/ZXh8ZGMA5JoofXAkInJOnyr2zmoZpO6m5crQLcf8X7K8PjaHNh2oMWgW4/4v2V4fHYAwdmLVLccLBA84gzFC7D9o+3a/wiN2MRxMrw+MDk8cn1iYbJm340SCEYCZKKBDAhA/TD4fG9I8fNHLj8FA/rABGVYE8kzbjAcaEzM6e2Lw+4IgiTBRg6SrXhRqOY/SDAbVP0kgAAwDDjfSL6xFm4Ad/g5Ab21kQgGImDhE44cG9HwgmKKoKc4maB67BYlUB0IE2z6qICkVgB8JIAMQ4RFyDcihbZBD/jrpn8FIGmpifi5KKFCpUoTRJE0UKZlmQUKCQJA0ECBQgQFPxUhFChUqUJomiaJIoeRZEFCg0CQNBAoUIEATcXZN3Kxl3Qqb+gN//9oADAMBAAIAAwAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQQCQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAACSQAAAAAAAAAAAAAAAAAAAAAAAAACSCQAAAQAACAACAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAACCCAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAACQQAQAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAACCAAQAAAAAAAAAAAAAAAAAAAAAAAAQACAAAAAAASQACQAAAAAAAAAAAAAAAAAAAAAAAAQCAAAAAAAAQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQSACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASAAAAQAAAAQQAAAAAAAAAAAAAAAAAAAAAAAAAQSAAAACAAAACCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAQAAQAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAQAACAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAASACAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAQACQAAAQAAASCAAAAAAAAAAAAAAAAAAAAAAAAACSQAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAACCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAQQQQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQASAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAQCQAQAQSSQAAAAAAAAAAAAAAAAAAAAAAAAAAQSCCC00kwCQCSAAAAAAAAAAAAAAAAAAAAAAAAACCASCk000CCSSQAAAAAAAAAAAAAAAAAAAAAAAAACAQCACQSQQCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASSSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/8QAFBEBAAAAAAAAAAAAAAAAAAAAwP/aAAgBAwEBPxA5T//EABQRAQAAAAAAAAAAAAAAAAAAAMD/2gAIAQIBAT8QOU//xAAuEAEAAQIEBAYCAgIDAAAAAAABEQAhMUFRgWFxkaEQIFBgwfAwsUDh0fFwkKD/2gAIAQEAAT8Q/wDMfgZd4Ws3IM6jmUn5hFZOlBgGAwRz9lYEtT28Ym0HuPYKh9sOk5vAxo0QhrOAT29lYjhhb/4Jjm+CuBI3ILLaZ9lGWBKuAUpZ5YLjuy7+CAkIyJlQjCY4TbuH2TBQhVDfPb4dfCxgWAkSTc8DHEbTsH9uvsgYa+HAStLykz5WD5eK1JsSjyrrp3iiYkg3QgT5M6gm3y5AcKlNRg5G4SUOwQMxJPY9iQbLcXDd2HwsADiLlh1b8o8GF5Um44s+tKuHlSVCFSXisbB6+xidKIyAmpDCXPh22CKhmyRsjHrY3o75QCADA8TxAIjExOTbc0o2NxHERP0+xspShcPkN9jXwgLZSF/7qd+HkOmQNzEO5QoLIbwfPlk9ot7lQDlhia0TFziNtBbkY0ICCJImfr08QuNoHFYN6npKfAyDgEG1K3w1yQ23NuU0AAAAsB5EQiA52v3UQIk9Y8oSaY4dbdsqeAgqBYBoYHWi82bnxp0aIMmgdsaESRkfVZMOFsFFKNgBxYNu5pQ1eGdBiiB0ZjoSKkOO1onHN26VeBCQCsr4hcfhF9zwkNoSF5HYO6+V7xGIQYDwWWkaC23Puus+WFDx4JFCzdSjkbiHfyRkSZGdBihMSxNLch71gSUKQ+mNuNCzAkRkT1JJgQY4xJPITdfKthDoG2heJ4U5dRGatYHgkLfJJPIfMvZZGQZEOXF4+fLyIjFfobbnguZcEBdhMpo0Kl2U72NLWXh+IoM9CCOstYwFMyGw7Ks7wLl14NTpxP8AEWkDgnqLrKyvoMHaPMDJRAGK0AcvHHlsQbflkXsPBMedCdDm6Mk4JDvWsubAFtsYeU0MknkLnlwjgcXHrU3m2Ih+rE39RU7BykQB2HfzYziXlnwbY7Gv58dqMRlnfrc8MNozNwHcO4+WzgHcEgdF3MoDGAk9QWAVafUcGluLCsEyRzHXyECORdNTUiR87F+DgH55iw8CcziN6hJI40YJwSHesPgzNiXsPafKiPQsgckoAACA9RhzJ+iH4bVkBw4XWz1KmVOoDqNSBPEVtktTgYSAhmHJ3/g7dRH2zOnhloE7dg7h3H2XIYQ+GicRh2qdEPEjM4ONYcBnbJew9l9fQY+jhu1DINTLmg6TUqCw/dNu1XqvJLByCxtTny50YTJxIZ4R+HD6jEZ521tjw1mTN1C24jefW1Z9kB3qHZ8PtnIak0eD8EdApLqkIdfy5E9fN1ZJxGHaoV/HiP6rDyEzaTtNuS+sRAcSBC5GLtUOKwZ3m/apBDyDml6RTPG09t3+DlljURgC5zLbFCjIwlFvudBbcQ859UPwxKJ5Qu9Kghdh90CV7VyFA+jem6RKpXd/hZZ1FldaBivApoU2Ly8Qtt2ooCBssyZTia+GHUJG3+Wtv6nDRWdgpi8DF/ulsTK524HD+JlHECximA4rTb0lGcsHzn5BUIwmCVci3PO3Id/Un+pwOKD+n8XJWsAjjgTyh1eaY6wgNGx+OnrktNf602FQQGfeSA6NakWc+jY2KJkAAIAn+DIi+urkseZl0CTOcnq9HrEsFAFXAK/sS5r3dhrigkI+3CpceUXdZlG1BBB4/fa/wZFbKIjEYnOY2NfK6xxBt/ncii4AAyD1WW7QISV2r6Lgf6K1EUWzLK9qOIv/ALVL38/32v8ABk76hMgcqIg7MA4Ith350mDtN3ihDd1x1isWS1g21t3Sr8pGLrqs31SW5DCMtJYqDNYn9RfvURHEKAubi7/i++1+wcpf0Op+T77X7Byl/Q6n5PvtfsHKX9Dqfk++1+wcpf0Op+Hh5lDvQ8fBf30IWcAjqV99r9g5S/odTzuoAtADFWmDFMk5dwOLflTvGsxdXwLD+Y6oxqXg8EJGVt7Byl/Q6nnSVequy+BXb2NlL+h1PPfdfwB5gKoYK+uLaCkIHRixu1GdXBoJcOc3UmoEVQ045X0Op50UpAGARfnDo+aZUE9MUijlAbvrR4DqiADNpRPKfNTicGeenl+h1PPGImJi8g5JUrKyZZDq4O0+Q/WcGjoc3jgUO4U+ny8fWmGvIN4E9Vjd830Op+A2gwOROJQox5C9Unai5W0VsjMvvG1AhAQAQHrcK5CTg3+YMpIOKD2OZxXnj5CnOKTC9AQiZPlXsTgWyxyx6eyGU25IXjGDx660qiTA5coWfBqgQMTsVPWUuEaH7HpXyUWM6vH2S4EmIkjUz2zF/VRoun6U/wCHJKSUlSCkGdIM6TrSdaRrSdajrUdajrQNaDrQNaC50FzoLQlCUB9WXwUpaanp9a1lEzomdOZ0hnTCgaSZ0rnTM6dnTs6dzptafWlpKWig+pp4KU9NT6U2laStNTMqdlSOVSUI0QypjKjZUTKiZU+lPpTU9JS0UD1WCktKUhpDlSHKkaUnSkaUnSo6VCkdKDpQNKBpQdKCZUEoJQCgFR7BioqP+8L/2Q==);
    width: 24px;
    height: 24px;
    border-radius: 3px;
    overflow: hidden;
    margin-right: 8px;
    background-size: cover;
}

.VideoTrack--withOverlay {
	position: absolute;
    left: 14px;
    bottom: 14px;
    right: 14px;
}

.VideoTrackWrapper__overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 110px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #222222 100%);
    opacity: .85;
    pointer-events: none;
}

.VideoTrackWrapper {
    pointer-events: none;
    opacity: 1;
}

.media_desc {
    padding: 12px 12px 0 0;
}

.ShortVideoDescriptionText {
    word-break: break-word;
    margin-bottom: 4px;
}

.ShortVideoDescription__info {
    display: flex;
    color: #818c99;
	align-items: center;
}


.video_content {
    position: absolute;
    margin-left: 60px;
	top: 21px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.VideoRecomsItem__duration {
    position: absolute;
    right: 10px;
    bottom: 22px;
    z-index: 5;
    color: #000;
    font-size: 14px;
    line-height: 14px;
}

.VideoRecomsItem__thumb_wrap {
    background-color: #fafbfc;
    background-image: url(../images/video_s.png);
    background-size: cover;
    background-position: 50%;
    height: 40px;
    width: 50px;
    content-visibility: auto;
    contain-intrinsic-size: 50px 40px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.VideoRecomsItem__thumb {
    height: 40px;
    width: 50px;
    object-fit: cover;
    contain-intrinsic-size: 50px 40px;
    content-visibility: auto;
}



.loader-controls-full {
    display: none;
    position: absolute;
    top: 40%;
    left: 49%;
    transform: translate(-40%,-49%);
	z-index: 9;
}

.context_menu_video {
    display: none;
    position: absolute;
	width: 250px;
    background-color: rgba(150, 150, 150, 0.7);
    margin: 0;
	border: 1px solid #b5aeae;
    border-radius: 4px;
    list-style: none;
    margin: 0 0 0em 0;
    padding: 0px;
	z-index: 999;
}

.context_menu_video li {
    background: none;
    color: #fff;
    margin: 0;
	padding: 10px 7px 10px 10px;
    cursor: pointer;
}

.context_menu_video li:hover {
    background: #595959;
    text-decoration: none;
	border-radius: 4px;
}




.repeat-controls-mini {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 46px;
    height: 46px;
    margin: -25px 0 0 -25px;
    background: url(../images/repeat1.png) no-repeat;
}


.progressbar-audio-history {
    cursor: pointer;
    background: #CCCCCC;
    width: 383px;
    position: relative;
    height: 7px;
	top: -11px;
	left: 47px;
}

.progressbar-start-play {
    background: #fff;
    width: 510px;
    position: relative;
    height: 9px;
    margin-top: -28px;
    margin-left: 100px;
}

.progress-start-play {
    position: relative;
	background: rgba(0,0,0, .5);
	width: 50px;
	border-radius: 3px;
	padding: 4px 5px 3px 5px;
	color: #FFF;
	text-align: center;
	left: -20px;
	margin-top: 0;
}

.volume-controls-mini {
	width: 16px;
	height: 16px;
	background: transparent url(../images/controls.png) -10px 5px no-repeat;
    position:relative;
	float:right;
	top: 6px;
	left: -100px;
}

.progressbar-mini {
    cursor: pointer;
    background: rgb(152,152,152);
    width: 100%;
    position:absolute;
    height: 7px;
	top: -7px;
}

.progressbar-scrolling {
    display:none;
    background: rgba(0,0,0, .7);
    width: 170px;
	height: 120px;
	left: 50%; 
	transform: translateX(-50%);
    position: absolute;
	top: -132px;
	border-radius: 3px;
}

.progressbar-scrolling-timer {
    position: absolute;
	bottom: 8px;
	z-index: 9;
	color: #fff;
    left: 50%; 
	transform: translateX(-50%);
}

.progressbar-history {
    background: rgb(152,152,152);
    width: 100%;
    position:absolute;
    height: 7px;
	top: -7px;
}

.progress-indicator-mini {
    position:absolute;
    background: #507597;
    height: 100%;
    width: 0%;
	z-index: 1;
}

.progress-indicator-progress {
    position:absolute;
    background: rgb(91,91,91);
    height: 100%;
	top: 0;
    width: 0%;
}

.progressbar-volume {
    cursor: pointer;
    background: rgb(152,152,152);
    width: 90px;
    position:relative;
	display: inline-block;
    height: 7px;
    float:right;
    top: 12px;
    left: 10px;
}

.progress-volume-mini {
    background: #507597;
    height: 100%;
    width: 100%;
}



.FCConvoListItem {
    display: flex;
    align-items: center;
    padding: 6px 14px 6px 8px;
    cursor: pointer;
    border: 0;
    width: 328px;
    background: #fff;
    text-align: left;
    max-width: 100%;
    overflow: hidden;
    grid-template-columns: auto 1fr auto;
    flex: 0 0 auto;
}

.FCConvoListItem:hover, .FCConvoListItem[aria-selected='true'] {
    background: #f0f2f5;
    outline: none;
}

.ConvoTitle {
    display: flex;
    align-items: center;
    color: #000;
    flex: 1 1 auto;
    overflow: hidden;
	padding: 0px 0px 0px 8px;
}

.ConvoTitle__title {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FCConvoListItemAudio {
    display: flex;
    align-items: center;
    border: 0;
    text-align: left;
}
.Convo_Title {
    display: flex;
    color: #000;
    overflow: hidden;
}

.Convo_Title_Video {
    color: #000;
    overflow: hidden;
}

.ConvoTitle__Title_Audio {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Convo_Title_Audio {
    display: inline-flex;
	width: 200px;
    color: #000;
    overflow: hidden;
}







.ConvoTitle__Title_Name {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Convo_Title_Name {
    display: inline-flex;
	width: 21px;
    overflow: hidden;
}






.MEAvatar__img {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
}

.MEAvatar__img_online {
    position: absolute;
    background-color: #31a24c;
	border: 1px solid #FFF;
	width: 9px;
	height: 9px;
	bottom: 4px;
	right: 4px;
}

.MEAvatar__img_nove {
    position: absolute;
	color: #e41e3f;
	font-size: 12px;
	right: 0;
	top: -32px;
}



.FCIconButton {
	background: url(../images/audio_icons.png) -103px -48px no-repeat;
    padding: 0;
    margin: 0;
	border: none;
    cursor: pointer;
    display: inline-flex;
    opacity: 0.5;
    width: 15px;
    height: 15px;
}

.FCIconButton:hover {
    opacity: 1.0;
}

.textarea_feed {
	background:#FFFFFF;
	color:black;
	font-size:12pt;
	border:1px solid #C0CAD5;
	min-height:45px;
	padding:3px 25px 3px 3px;
	outline:0;
	border-radius:2px;
	line-height:150%;
	cursor:text;
	word-wrap: break-word;
	overflow-x: hidden; 
	overflow-y: auto;

}

.textarea_feed_comet {
	background:#FFFFFF;
	color:black;
	font-size:12pt;
	border:1px solid #C0CAD5;
	min-height:18px;
	max-height: 81px;
	padding:3px 25px 3px 3px;
	outline:0;
	border-radius:2px;
	line-height:150%;
	cursor:text;
	word-wrap: break-word;
	overflow-x: hidden; 
	overflow-y: auto;

}

.contentedi__table {
    border: 1px solid #fff; 
	background: #FFFFFF;
	padding: 4px 4px; 
	max-height: 81px;
	overflow-x: hidden; 
	overflow-y: auto;
}

.placeholder__text {
    position: absolute; 
    color: grey; 
    margin: 0px 0 0 5px;
}

.addIcon_dialog {
    opacity: 0.7;
}

.addIcon_dialog_messenger:hover .addIcon_dialog  {
    opacity: 1.0;
}

.addIcon_dialog_messenger:hover .dialog_class_text  {
    opacity: 1.0;
}

.addIcon_dialog_messenger {
    cursor: pointer;
}




.dialog_class_text {
   position: relative;
   top: -2px;
   color: #203A55;
   font-size: 13px;
   opacity: 0.7;
}

.window-dialog-messenger {
    position: fixed;
    width: 350px;
	height: 300px;
	background: #fff;
    border: 2px solid #e7e8ec;
    right: 90px;
    bottom: 0;
	z-index: 999999999;
}


.dialog-messenger-header {
    display: flex;
    align-items: center;
    height: 35px;
    border-bottom: 2px solid #e7e8ec;
    border-radius: 8px 8px 0 0;
    flex: 0 0 44px;
}

.search_icon_messenger {
    position: relative;
    width:25px;  
    height:15px;
	top: -1px;
	left: 7px;
    background: url("../images/chosen-sprite.png") -32px -22px no-repeat;
}




.box_x_button_function {
    float: right;
    padding: 0px 10px 10px 10px;
}

.box_x_button_function:hover {
    cursor: pointer;
	color: #555C64;
}

.box_x_button_function {
    width: 15px;
    height: 15px;
    opacity: 75%;
    color: #6f7985;
    outline: 0;
}



.FCPanel {
    --add-height: 36px;
    --collapse-hover-delay: 0.15s;
    --collapse-duration: 0.24s;
    position: fixed;
    right: 26px;
    bottom: 0;
    width: 52px;
    isolation: isolate;
	z-index: 999999999;
}




.addIcon_dialog_messenger {
    border-radius: 8px 8px 0 0;
    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;
    width: 100%;
    height: 50px;
    background: #FFF;
    border: 0;
    position: absolute;
    bottom: 0;
    outline: none;
    color: #818c99;
    cursor: pointer;
    z-index: 0;
}

.addIcon_dialog_messenger_uzeru {
    position: relative;
    top: -60px;
}

.profile_defave_blocked {
    padding-top: 10px;
    text-align: center;
    height: 17px;
}

.profile_blocked {
    margin: 0 auto;
    padding: 20px 0 60px 0;
    width: 600px;
    text-align: center;
    font-size: 1.09em;
    color: #111;
    line-height: 160%;
}

.profile_blocked_delete {
    padding: 20px;
    margin-top: 0;
    border-top: 0;
}
	
.profile_header__in {
	position: relative;
    display: flex;
}

.page_info_wrap {
    padding: 0 20px;
}

.page_top_delete {
    padding: 0 0 15px;
}

.page_top_delete {
	width: 720px;
    border-bottom: 1px solid #dce1e6;
}

.page_name {
    font-size: 19px;
    line-height: 25px;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    margin: -1px 0 -1px -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 1px;
    color: #000000;
}

.page_current_info {
    padding: 3px 0 1px;
}

.profile_deleted_text {
    text-align: center;
    color: #626d7a;
    padding: 25px 0 40px;
    line-height: 165%;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 15px;
    margin: 0;
}

.uiImageBase_loaded {
    border-radius: 50%;
}

.uiImageBase_loaded {
	align-items: center;
    background-color: #f0f2f5;
    background-size: cover;
    box-sizing: border-box;
    color: #99a2ad;
    display: flex;
    flex-shrink: 0;
    isolation: isolate;
    justify-content: center;
    position: relative;
}

.uiImageBase__img-delete {
    border: 0;
    border-radius: inherit;
	object-fit: cover;
    display: block;
    height: 100%;
    width: 100%;
}

.ProfileHeader__wrapper {
	align-items: center;
}

.ProfileHeader__wrapper {
    display: flex;
    width: 100%;
    min-width: 0;
}

.ProfileHeader__main {
    display: flex;
    width: 100%;
    min-width: 0;
    margin-left: 16px;
    margin-bottom: 4px;
}

.OwnerPageName {
    display: inline-block;
    max-width: 100%;
    word-break: keep-all;
    overflow-wrap: break-word;
	font-weight: 600;
	font-size: 21px;
}

.itPlaceholder__container {
	margin: 0 auto;
	padding: 48px 32px;
}

.itPlaceholder__container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.itPlaceholder__container-text {
	font-weight: 600;
	font-size: 16px;
}

.chat_cont_wrap {
    display: flex;
	position: relative;
    height: 350px;
	top: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: space-between;
}

.chat_cont_content {
    position: relative;
    display: flex;
    height: 100%;
	border-top: 3px solid #e7e8ec;
}

.chat_cont_footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    border-top: 1px solid #e7e8ec;
	min-height: 56px;
	max-height: 200px;
}

.ConvoComposer__attaches {
	display: none;
	position: absolute;
	width: 100%;
    z-index: 1;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #dce1e6;
}

.HorizontalScroll {
    position: relative;
    width: 100%;
}

.HorizontalScroll__wrapper {
    display: flex;
    position: relative;
    overflow: hidden;
}

.ComposerAttaches__list {
    display: flex;
    list-style: none;
    padding: 2px 2px 0 0;
    margin: 0;
}

.ComposerAttaches__item {
    position: relative;
    user-select: none;
	margin: 5px;
}

.ComposerAttachPhoto {
    position: relative;
    width: 68px;
    height: 68px;
}

.ComposerAttachPreview {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    border: 0.5px solid rgba(0, 0, 0, 0.08);
    background-color: rgba(0, 28, 61, 0.08);
}

.ComposerAttachPreview__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ComposerAttaches__remove {
    margin: 0;
    padding: 0;
    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;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #99a2ad;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    border: none;
    position: absolute;
    top: -2px;
    right: -2px;
    cursor: pointer;
}


.im_dialog_scroll {
    height: 350px;
	overflow: hidden;
}

.im_dialog_scroll {
    overscroll-behavior: contain;
}

.ConvoComposer__inputPanel {
    display: flex;
    padding: 0 6px;
    height: 100%;
    position: relative;
}

.ConvoComposer__inputWrapper {
    margin: 0 6px;
    align-self: center;
	position: relative;
    width: 218px;
    overflow: auto;
}

.DropdownReforged {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ComposerInput__placeholder {
    position: absolute;
    left: 0;
    top: 0;
    color: #818c99;
    user-select: none;
	padding: 16px 0;
	z-index: 1;
	cursor: text;
}

.ComposerInput__contenteditable {
	display: block;
    position: relative;
    margin: 12px 0;
    min-height: 16px;
    background: #FFFFFF;
    color: black;
    font-size: 12pt;
    max-height: 100px;
    line-height: 150%;
    outline: 0;
	width: 100%;
    cursor: text;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
}

.ConvoComposer__button {
    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;
    position: relative;
    border: 0;
    background: none;
    color: #6f7985;
    cursor: pointer;
    opacity: 0.72;
    height: 36px;
    min-width: 36px;
    width: 36px;
    margin: 4px 0;
}

.ConvoComposer__button:hover {
	opacity: 1;
}

.dialog_send_loading {
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 0;
    right: -20px;
    text-align: left;
    border: 0;
    background-color: transparent;
}

.ConvoComposer__buttonIcon {
    --offset: calc((100% - 30px) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 30px;
    top: var(--offset);
    left: 0;
    right: 0;
    bottom: var(--offset);
}

.DropdownReforged__trigger-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-touch-callout: none;
}

.Clip__input {
    display: none;
}





.ui-front {
	z-index: 100;
}

.ui-dialog {
	overflow: hidden;
	position: fixed;
	z-index: 999999999;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 5px;
	position: relative;
	display: flex;
    align-items: center;
}

.ui-dialog .ui-dialog-title {
	position: relative;
}


.ui-draggable .ui-dialog-titlebar {
	cursor: grab;
}

.ui-draggable .ui-dialog-titlebar:active {
	cursor: grabbing;
}


.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 5px;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	height: 20px;
	border: 0;
    padding: 0;
    background: 0 0;
	font-size: 0 !important;
	opacity: .7;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar-close:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\274c";
    font-size: 15px;
    color: #cccccc;
}

.ui-dialog .ui-dialog-titlebar-default {
	position: absolute;
	right: 30px;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	height: 20px;
	border: 0;
    padding: 0;
    background: 0 0;
	font-size: 0 !important;
	opacity: .7;
}

.ui-dialog .ui-dialog-titlebar-default:hover {
    cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar-default:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "_";
    font-size: 15px;
    font-weight: 700;
    color: #cccccc;
}





.ui-dialog .ui-dialog-titlebar-restore {
	position: absolute;
	right: 30px;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	height: 20px;
	border: 0;
    padding: 0;
    background: 0 0;
	font-size: 0 !important;
	opacity: .7;
}

.ui-dialog .ui-dialog-titlebar-restore:hover {
    cursor: pointer;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar-restore:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    width: 10px;
    height: 10px;
    margin-top: 3.5;
    border: 2px solid #cccccc;
}




.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 0;
	background: none;
	overflow: hidden;
}


.ui-resizable-se {
	cursor: nwse-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}


.ui-widget-content-video {
	background: #000;
    border-radius: 3px;
	border: 1px solid #000;
}



.ui-widget-header-video {
	background: #000;
	color: #FFF;
}






.ui-widget-content {
    background: #fff;
    border-radius: 0px;
	border: 3px solid #e7e8ec;
}



.ui-widget-header {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	background: #fff;
	color: #000;
	height: 32px;
}

.ConvoTitleDialog {
    position: relative;
    top: -10px;
    left: 5px;
}

.FCWindow__footer {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    border-top: 3px solid #e7e8ec;
}

.FCWindow__content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: auto;
    overscroll-behavior: none;
}



.nav_dialog_delete {
display: none;
}

.nav_dialog:hover .nav_dialog_delete  {
display: block;
}

.nav_dialog:hover .nav_number_none  {
display: none;
}

.dialog_delete__uzers {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    position: absolute;
	display: block;
	border: 2px solid #000;
    left: -15px;
}


.mention_tt {
    background-color: #ffffff;
}

.tt_default {
    border: 1px solid #dce1e6;
    background: #ffffff;
}

.box-modal-tt {
    padding: 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 400px;
}

.mention_tt_wrap {
    padding: 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 315px;
    max-width: 400px;
	max-height: 300px;
}

.mention_tt_photo {
    float: left;
    display: block;
    width: 80px;
    height: 80px;
}

.mention_tt_img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.mention_foto_img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.mention_foto_avatar {
	width: 40px;
    height: 40px;
	padding-right: 5px;
}

.wrapped {
    overflow: hidden;
    word-wrap: break-word;
}

.mention_tt_data {
    overflow: hidden;
    padding-left: 12px;
}

.mention_tt_actions {
    padding: 12px 10px;
    border-top: 1px solid #dce1e6;
    white-space: nowrap;
}

.msg_entrance_protection {
    margin: 15px 0;
}

.msg_entrance_protection {
    background-color: #edeef0;
}

.msg_entrance_protection {
    padding: 7px 18px 9px;
    margin: 15px 10px;
	font-size:12pt; 
	text-align:center;
    border: 1px solid #dce1e6;
    border-radius: 2px;
}

.settings_row_button_wrap {
    padding-left: 300px;
}

.settings_row_button_wrap {
    margin: 15px 0 10px 0;
}

.settings_row_button_wrap {
    padding-top: 5px;
}

.settings_cur_session {
    height: 40px;
    line-height: 40px;
    color: #4f8cd1;
	font-size:11pt;
}

.settings_activity_history {
    height: 40px;
    line-height: 40px;
    color: #939393;
	font-size:11pt;
}

.settings_activity_history:hover {
    text-decoration:underline;
    cursor: pointer;
}

.box-modal-window {
    background: #fff;
    height: auto;
    margin-top: 149px;
    margin: 0 auto;
	border-radius: 4px;
}

.arcticmodal-window-video {
    position: absolute;
	left: 22%;
	top: 110px;
    z-index: 999999999;
	display: none;
}

.box-modal-window-video-search {
    background: #fff;
    width: 500px;
    height: auto;
    margin-top: 149px;
    margin: 0 auto;
	border-radius: 4px;
	border: 2px solid #dce1e6;
}

.box-modal-window-like_friends {
    background: #fff;
    width: 500px;
    height: auto;
    margin-top: 149px;
    margin: 0 auto;
	border-radius: 4px;
	border: 2px solid #dce1e6;
}

.box-modal-window-video {
    background: #fff;
    width: 450px;
    height: auto;
    margin-top: 149px;
    margin: 0 auto;
	border-radius: 4px;
	border: 2px solid #dce1e6;
}

.box-modal-history {
    background: #fff;
    width:300px;
    height:500px;
    margin-top: 149px;
    margin: 0 auto;
	border-radius: 4px;
}

.class_history_modal {
   display: inline-block;
   position: relative;
   background: #9E85FA;
   border: 1px solid #C6D4DC;
   width:300px;
   height:500px;
   border-radius: 4px;
}

.box_title_wrap {
    padding: 0;
    background-color: #fafbfc;
    border-bottom: 1px solid #dce1e6;
    border-radius: 4px 4px 0 0;
}

.box_title {
    padding-left: 25px;
}

.box_title {
    font-size: 14px;
    color: #000000;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box_x_button_page {
    position: absolute;
    right: 0;
	top: 0;
    padding: 15px 20px 15px 15px;
}

.box_x_button_page:hover {
    cursor: pointer;
	opacity: 1;
}

.box_x_button_page {
    width: 30px;
    height: 95%;
    opacity: 0.5;
    color: #FFFFFF;
    outline: 0;
}

.box_x_button {
    float: right;
    padding: 15px 20px 15px 15px;
}

.box_x_button:hover {
    cursor: pointer;
	color: #555C64;
}

.box_x_button {
    width: 24px;
    height: 24px;
    opacity: 75%;
    color: #6f7985;
    outline: 0;
}

#web_camera_time {
	position: absolute;
	margin-top: 20px;
	margin-left: 145px;
	color: #ffffff;
	padding: 7px;
    border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.36);
	font-weight: bold;
	font-size: 25px;	
}

.web_camera_bloc {
	position: absolute;
	margin-left: 160px;
	bottom: 10px;
}

.web_camera_shooting_button {
    width: 50px;
    height: 50px;
    opacity: 75%;
    color: #6f7985;
    outline: 0;
	cursor: pointer;
}

.web_camera_shooting_button:hover {
	opacity: 1;
}

.box_usual_button {
    float: right;
    padding: 15px 20px 15px 15px;
}

.box_usual_button:hover {
	opacity: 1;
}

.box_usual_button {
    color: #fff;
	cursor: pointer;
    width: 10px;
    height: 24px;
    opacity: 0.7;
    outline: 0;
}




.Grid-module__root {
    display: flex;
    flex-flow: wrap;
}

.GridItem-module__root {
    padding: 10px;
}

.ClipCard-module__rootRadiusSmall {
	border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.ClipCard-module__root {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    transform: translateZ(0);
}

.uiAspectRatio:before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: calc((1 / var(--ui_internal--aspect_ratio, 1))* 100%);
}

.ClipCard-module__cover {
    width: 100%;
    height: 100%;
}

.ClipContainer-module__gradient.ClipContainer-module__gradient {
    top: auto;
    height: 33%;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--ui--gradient_black)));
    background: linear-gradient(180deg, var(--ui--gradient_black));
}

.video-card_preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 1;
    transition: opacity 0.3s;
    border-radius: 8px;
}

.DivMuteIconContainerBottom {
    position: absolute;
    display: flex;
    width: 178px;
    bottom: 0;
    top: auto;
	z-index: 2;
	cursor: pointer;
    padding: 0 0 15px 0;
    justify-content: space-evenly;
	filter: drop-shadow(rgba(12, 12, 12, 0.2) 2px 2px 5px);
}

.uiAspectRatio>* {
    left: 0;
    position: absolute;
    top: 0;
}

.Overlay-module__root {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ClipContainer-module__content {
	top: auto;
    display: flex;
    align-content: flex-start;
    flex-direction: column;
    padding: 12px 12px;
}

.ClipContainer-module__views {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    opacity: .8;
}

.Typography--normalize {
    display: block;
    margin: 0;
    padding: 0;
}

.ClipContainer-module__actions {
	margin-left: auto;
    display: flex;
    align-items: center;
    position: absolute;
    top: 8px;
    left: auto;
    right: 8px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    padding: 8px;
    border-radius: 6px;
}

.uiTappable {
    border-radius: 8px;
    isolation: isolate;
    position: relative;
	margin-top: 15px;
}

.uiTappable_label {
    align-items: center;
    color: #000000;
    display: flex;
    min-height: 48px;
    text-decoration: none;
    white-space: nowrap;
}

.uiSimpleCell__content--text {
    align-content: flex-start;
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

.StatusBanner-module__root {
    padding: 12px 12px;
    border-radius: 8px;
    background: #f0f2f5;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.StatusBanner-module {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
}

.StatusBanner-module__root--error {
    padding: 12px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
	position: fixed; 
	top: 0; 
	margin-top: 20px; 
	background: #ff4e4e; 
	width: 586px; 
	z-index: 99999999;
}

.container_body_photo:hover:before {
    position: absolute;
	content: "";
	background: rgba(0, 0, 0, 0.4);
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
}

.container_body_photo:hover .container_body_photo_svg { 
    display: block;
}

.container_body_photo_svg {
    position: absolute;
	display: none;
	background: 0 0;
	padding: 5px;
    z-index: 9;
}

.attach_photo_video {
	position: relative;
    width: 191px;
    height: 200px;
}

.attach_photo_video img {
	object-fit: cover;
	width: 100%;
    height: 100%;
}

.box_body_photo {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 5px;
	width: 600px; 
	min-height: 100px; 
	max-height: 400px; 
	overflow-y: auto; 
	overflow-x: hidden;
    background-color: #ffffff;
}

.box_body_photo--info {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
    background-color: #ffffff;
}

.ImageBaseInfo--ClipsPhoto {
    align-items: center;
    background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
    background-size: cover;
    box-sizing: border-box;
    color: #99a2ad;
    display: flex;
    flex-shrink: 0;
    isolation: isolate;
    justify-content: center;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.ImageBaseInfo--ClipsPhoto__img {
    border: 0;
    border-radius: inherit;
    display: block;
    height: 100%;
    width: 100%;
	object-fit: cover;
}

.ImageBaseInfo--ClipsPhoto__children {
    align-items: inherit;
    border-radius: inherit;
    display: inherit;
    justify-content: inherit;
}

.ImageBaseInfo--ClipsPhoto__children {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ImageBaseInfo--ClipsPhoto__Overlay {
    align-items: center;
    border: 0;
    border-radius: inherit;
    box-shadow: inherit;
    box-sizing: border-box;
    display: flex;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.48);
	cursor: pointer;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 0;
}

.ImageBaseInfo--ClipsPhoto__Overlay:hover {
    opacity: 1;
}

.InternalFormItem--ClipsPhoto {
	display: flex;
	white-space: nowrap;
}

.SimpleCell--ClipsPhoto {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
}

.VideoUploadItem--ClipsPhoto__row {
	padding: 8px;
}

.svg-class > svg {
    fill: #292D32;
}

.svg-class-white > svg {
    fill: #ffffff;
}

.svg-class.active-svg svg {
    fill: #ffda16;
}


.box_body {
    line-height: 19px;
}

.box_body {
    font-size: 14px;
    padding: 20px 25px;
    background-color: #ffffff;
}

.box_body_web_camera {
    line-height: 19px;
}

.box_body_web_camera {
    font-size: 14px;
    padding: 20px 25px;
    background-color: #ffffff;
	border-radius: 0 0 4px 4px;
}

.box_controls {
    padding: 14px 23px 14px 25px;
}

.box_controls {
    background-color: #fafbfc;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #dce1e6;
}

.box_controls {
    height: 29px;
    white-space: nowrap;
}

.ObsceneTextSettingsBox__description {
    margin-top: 8px;
    font-size: 14.5px;
    line-height: 17px;
    color: #626d7a;
}

.ObsceneTextSettingsBox__section {
    margin-top: 20px;
}

.ObsceneTextSettingsBox__title {
    color: #000000;
    font-size: 13px;
    line-height: 16px;
}

.ObsceneTextSettingsBox__example {
    margin-top: 12px;
    padding: 16px;
    border: 1px solid #dce1e6;
    border-radius: 4px;
}

.ObsceneTextSettingsBox__photo {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    margin-bottom: 8px;
}

.ObsceneTextSettingsBox__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ObsceneTextSettingsBox__info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 357px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ObsceneTextSettingsBox__name {
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 13px;
    line-height: 16px;
    color: #2a5885;
}

.ObsceneTextSettingsBox__date {
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 12.5px;
    line-height: 15px;
    color: #818c99;
}

.ObsceneTextSettingsBox__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-size: 13px;
    line-height: 19px;
}

.ObsceneTextSettingsBox__simpleText {
    display: contents;
}

.ObsceneTextSettingsBox__badWord {
    color: #818c99;
    display: contents;
}

.i_like_icon {
    position: absolute;
    left: 570px;
}

.svg_like_icon {
    cursor: pointer;
	border: 1px solid #fff;
	border-radius: 50%;
}

.svg_like_icon:hover {
	border: 1px solid #466373;
}

.video_is_not_available {
    display: inline-block;
	display: flex;
    position: relative;
    width: 815px;
    height: 500px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.4) inset;
    border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
	border-radius: 0px;
	-webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.no_is_not_available {
    display: inline-block;
	display: flex;
    position: relative;
	top: 70px;
	-webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.box_controls1 {
    padding: 14px 23px 14px 25px;
}

.box_controls1 {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}

.validation_row {
    margin: 0px auto 10px;
}

.validation_row {
    width: 160px;
}

.box_controls1 {
    white-space: nowrap;
}

.error_window {
    background: #faebeb url(../images/msg_error.png) no-repeat 12px 12px;
    border: 0;
    border-radius: 4px;
}

.error_window {
    margin-left: 0;
    margin-right: 0;
}

.error_window {
    padding: 7px 18px 9px;
}

.error_window {
    min-height: 40px;
    line-height: 38px;
}

.error_text {
    padding-left: 40px;
	padding-top: 9px;
}

.error_text {
    display: inline-block;
    vertical-align: middle;
    line-height: 150%;
}


.error_window_text {
    background: #faebeb url(../images/done1.png) no-repeat 12px 12px;
    border: 0;
    border-radius: 4px;
}

.error_window_text {
    margin-left: 0;
    margin-right: 0;
}

.error_window_text {
    padding: 7px 18px 9px;
}

.error_window_text {
    min-height: 40px;
    line-height: 38px;
}


.pedit_separator_1 {
    margin: 5px auto 0 auto;
    border-top: 1px solid #dce1e6;
}

.pedit_separator_1 {
    width: 100%;
    height: 0;
}


.pedit_row_bloc-settings {
    padding-top: 10px;
}

.pedit_row_bloc {
    padding-bottom: 15px;
}

.power-container {
    background-color: #ffffff;
    width: 300px;
    height: 10px;
    border-radius: 5px;
}

.power-container #power-point {
    background-color: #D73F40;
    width: 0%;
    height: 100%;
    border-radius: 5px;
    transition: 0.5s;
}





.uiRootComponent-action {
	align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;	
}

.uiPlaceholder__icon-action {
    color: #868d97;
    display: inline-block;
    margin-bottom: 12px;
    vertical-align: top;
}

.cua_enter_code_screen_title {
    color: #000000;
	font-size: 15pt;
	font-weight: 500;
}

.uiPlaceholder__text {
	margin-top: 8px;
	font-size: 12pt;
	color: #65707d;
}

.CuaBase_form {
	padding: 12px 16px;
}

.digit-group { 
	text-align: center;
}

.digit-group input[type="text"] {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 2px solid #d5d2d2;
	margin: auto 4px;
    color: #000;
    font-size: 20px;
    outline: none;
    border-radius: 8px;
    background-color: #f5f5f5;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

.digit-group input[type="text"]::-webkit-outer-spin-button,
.digit-group input[type="text"]::-webkit-inner-spin-button {
	display: none;
}

.loading_digit-group {
	padding-bottom: 8px;
	display: none;
}

.timer_for_confirmation {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: inherit;
    text-align: center;
    width: 100%;
}

.CuaTimer_timer {
    color: #818c99;
    text-align: center;
    font-size: 14px;
}

.messagebox-content-header {
    margin: 0;
    padding: 10px 0;
}



.clear_fix_bloc {
    display: block;
}

.clear_fix_bloc::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.pedit_label_bloc {
    color: #626d7a;
    width: 155px;
    padding: 6px 10px 0 0;
    line-height: 16px;
    float: left;
    text-align: right;
}

.pedit_label_bloc-settings {
    color: #32608A;
    width: 250px;
    padding: 6px 10px 0 0;
    line-height: 16px;
    float: left;
}

.pedit_label_bloc-delete_page {
    background: #edf1f5;
    text-align: center;
    padding: 10px;
    color: #7c7c7c;
    font-size: 13px;
    margin: 20px 0px 0px 0px;
    border-radius: 0px 0px 4px 4px;
}

.pedit_labeled_bloc {
    float: left;
    line-height: 16px;
}

.pedit_right_control_bloc {
    float: left;
    padding-left: 7px;
}

.noItems {
	font-size: 17px;
    text-align: center;
    margin: 10px 20px;
    padding: 50px 10px;
    color: gray;
    background: #fff;
}

.pedit_right_control_bloc .pedit_del_icon_bloc {
    margin-top: 5px;
}

.pedit_del_icon_bloc {
    display: block;
    background: url("../images/cross.png") no-repeat center;
    width: 20px;
    height: 20px;
    opacity: .75;
}

.pedit_del_icon_bloc:hover {
	cursor: pointer;
	opacity: 1;
}

.settings_panel {
    margin: 0 20px;
}

.settings_line {
    margin: 0;
    padding: 15px 0 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.settings_line_accustomed {
    padding: 0 0 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.settings_line_security {
    margin: 0;
    padding: 2px 12px 0px;
}

.settings_info_block {
    line-height: 16px;
}

.settings_label {
    color: #626d7a;
    width: 250px;
    padding: 6px 10px 6px 0;
    float: left;
    line-height: 16px;
}

.settings_label_accustomed {
    color: #626d7a;
    padding: 6px 10px 6px 0;
    line-height: 16px;
	font-size: 17px;
}

.settings_labeled_text {
    padding-top: 6px;
    margin: 0 0 8px 260px;
}

.settings_labeled_checkbox {
    padding-top: 10px;
}

.settings_labeled_checkbox_accustomed {
    padding-top: 0;
}

.new_address_loading {
    position: absolute;
    top: 3px;
    right: -30px;
}

input.dark_bloc {
    width: 300px;
}

input.dark_bloc {
    height: 30px;
    background-color: #fff;
}

input.dark_bloc {
    padding: 5px 9px 7px;
    border-radius: 8px;
    box-sizing: border-box;
	border: 1px solid #dce1e6;
}

.prefix_input_wrap {
    position: relative;
    cursor: text;
    height: 27px;
    line-height: 16px;
    border: 1px solid #dce1e6;
    border-radius: 8px;
	width: 300px;
}

.prefix_input_prefix {
    padding: 5px 9px 7px;
    padding-right: 0;
    margin-top: 1px;
    position: relative;
    float: left;
    z-index: 2;
    color: #818c99;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.prefix_input_field {
    overflow: hidden;
    margin-right: 1px;
    white-space: nowrap;
}

input.prefix_input {
    padding: 5px 9px 7px;
    padding-left: 0;
    margin-top: 1px;
    height: 28px;
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    background-color: transparent;
    color: #000000;
}

textarea.dark_bloc {
    width: 300px;
}

textarea.dark_bloc {
    height: 30px;
    background-color: #fff;
}

textarea.dark_bloc {
    padding: 5px 9px 7px;
    border-radius: 8px;
    box-sizing: border-box;
	border: 1px solid #dce1e6;
}

select.dark_bloc {
    width: 300px;
}

select.dark_bloc {
    height: 30px;
    background-color: #fff;
}

select.dark_bloc {
    padding: 5px 9px 7px;
    border-radius: 8px;
    box-sizing: border-box;
	border: 1px solid #dce1e6;
}

select.dark_bloc_select {
    width: 92px;
}

select.dark_bloc_select {
    height: 30px;
    background-color: #fff;
}

select.dark_bloc_select {
    padding: 5px 9px 7px;
    border-radius: 8px;
    box-sizing: border-box;
	border: 1px solid #dce1e6;
}

.custom_options_bloc {
    font-size: 18px;
    background-color: #ffffff;
}
 
.custom_options_bloc:before {
    content: ">";
    font-size: 20px;
    display: none;
    padding-right: 10px;
    padding-left: 5px;
    color: #fff;
}
 
.custom_options_bloc:hover:before {
    display: inline;
}

.inactive_objects{
    background: #DAE1E8;
} 
  
  
  
  
  
  
  
  
  
  
  
#footer_details_block_5 {
    padding: 5px;
}

#footer_protection_page {
    width:800px;
    color: #36638E;
    line-height: 21px;
    font-size: 14px;
    margin: 0px;
    padding: 7px;
    background: #DAE1E8;
}

.box_msg_protection {
    width: 762px;
    padding: 15px 25px 16px;
    background: 0 0;
    background-color: #fafbfc;
    border-color: #e7e8ec;
}

.box_msg_protection {
    border: 1px solid #dce1e6;
    border-radius: 2px;
}
.settings_otp_box_wrap {
    padding: 10px 25px 10px;
}

.clear_fix::after {
    clear: both;
}

.clear_fix::after {
    content: '.';
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.settings_otp_box_step1 {
    background-image: url(../images/authcheck_1ua.png);
}

.settings_otp_box_step2 {
    background-image: url(../images/authcheck_2ua.png);
}

.settings_otp_box_step3 {
    background-image: url(../images/authcheck_3ua.png);
}

.settings_otp_box_pad1 {
    padding: 167px 10px 0 10px;
    text-align: center;
    background: url(../images/authcheck_1ua.png) no-repeat 50% 0;
}

.settings_otp_box_pad2 {
    padding: 167px 10px 0 10px;
    text-align: center;
    background: url(../images/authcheck_2ua.png) no-repeat 50% 0;
}

.settings_otp_box_pad3 {
    padding: 167px 10px 0 10px;
    text-align: center;
    background: url(../images/authcheck_3ua.png) no-repeat 50% 0;
}

.settings_otp_box_pad {
    width: 230px;
    font-size: 14px;
}

.box_controls_protection {
    background-color: #fafbfc;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #dce1e6;
}

.box_controls_protection {
    padding: 14px 23px 14px 25px;
}

.box_controls_protection {
    height: 29px;
    white-space: nowrap;
}

.validation_text {
    margin-top: 0px;
}

.validation_text {
    width: auto;
}

.validation_text {
    text-align: center;
}


.validation_text_window {
    margin-top: 0px;
}

.validation_text_window {
    width: auto;
}

.validation_text_window {
    margin: 5px;
}

.stories_feed_preview_item:first-child {
    margin-left: 20px;
}

.stories_feed_preview_item {
    margin: 0 3px;
    border-radius: 8px;
    background: no-repeat center/cover;
    background-clip: border-box;
}

.stories_feed_preview_item {
    display: inline-block;
    position: relative;
    width: 93.7px;
    height: 167px;
    overflow: hidden;
}

.stories_feed_preview_item::before {
    background-color: var(--black_alpha16);
}

.stories_feed_preview_item::before {
    position: absolute;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    content: '';
}




.stories_feed_preview_item::after {
    background: url(../images/shadow_stories.png) repeat-x left bottom;
}

.stories_feed_preview_item::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px;
    opacity: .48;
    content: '';
}

.stories_feed_preview_item .stories_feed_preview_author {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}



.stories_feed_preview_add {
    border-radius: 50%;
    margin: 0 auto 6px;
    background: #fff url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%2F%3E%3Cpath%20d%3D%22m11%202.5v9.5h-9.5a.5.5%200%201%200%200%201h9.5v9.5a.5.5%200%201%200%201%200v-9.5h9.5a.5.5%200%201%200%200-1h-9.5v-9.5a.5.5%200%201%200%20-1%200z%22%20stroke%3D%22%236290ca%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center/16px;
}

.stories_feed_preview_add {
    position: relative;
    width: 34px;
    height: 34px;
}

.stories_feed_preview_author_name {
    margin-top: 10px;
	margin-bottom: 8px;
    color: #FFF;
    text-align: center;
}





.stories_feed_preview_item .stories_feed_preview_author .stories_feed_preview_authors_wrapper {
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 6px;
    background: no-repeat center/cover;
}

.stories_feed_preview_item .stories_feed_preview_author .stories_feed_preview_authors_wrapper {
    width: 34px;
    height: 34px;
    position: relative;
}

.stories_feed_preview_authors_grid {
    border-radius: 50%;
}

.stories_feed_preview_authors_grid {
    width: 100%;
    height: 100%;
    overflow: hidden;
}



.stories_feed_preview_author_cell:first-child:last-child {
    width: 100%;
    height: 100%;
}

.stories_feed_preview_author_cell {
    float: left;
}

.stories_feed_preview_author_cell {
    background-size: cover;
    background-position: center;
    background-color: #dfe6ed;
}





.stories_feed_preview_item .stories_feed_preview_author .stories_feed_preview_authors_wrapper::after {
    border: 2px solid #dce1e6;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 var #dce1e6;
}

.story_feed_new_item.stories_feed_preview_item .stories_feed_preview_author .stories_feed_preview_authors_wrapper::after {
    border: 2px solid #dce1e6;
}

.stories_feed_preview_item .stories_feed_preview_author .stories_feed_preview_authors_wrapper::after {
    left: -4px;
    right: -4px;
}

.stories_feed_preview_item .stories_feed_preview_author .stories_feed_preview_authors_wrapper::after {
    position: absolute;
    box-sizing: border-box;
    top: -4px;
    bottom: -4px;
    content: '';
}



.thumb-start-play {
    position: relative;
    left: 0px;
    top: 0px;
    cursor: pointer;
  	width:0;
	height:0px;
	border-bottom:9px solid rgba(0,0,0, .5);
	border-left:9px solid transparent;
	border-right:9px solid transparent;
}

.class_history_window {
   display: inline-block;
   position: relative;
   background: url("../images/History.jpg") no-repeat; 
   background-size: cover;
   border: 1px solid #C6D4DC;
   width: 300px;
   height: 500px;
   overflow: hidden;
}

.history_element_text {
    display: inline-block;
    position: relative;
	max-width: 200px;
    font-size: large;
    word-wrap: break-word;
}

div.drag_element_text {
    display: inline-block;
    position: relative;
	max-width: 200px;
    font-size: large;
    word-wrap: break-word;
    cursor: grab;
}

div.drag_element_text:active {
	cursor: grabbing;
}

.sortable-img {
	margin: 0 0 0 0;
	float: left;
}

.forma_history_kolir {
    display:none;
	position:absolute;
	top:40px;
	left:111px;
	background: #eee;
	border-top: solid 1px #C3CAD2;
	border-bottom: solid 1px #C3CAD2;
    border-left: solid 1px #C3CAD2;
    border-right: solid 1px #C3CAD2;
	width:200px;
	z-index: 99999999;
}

.forma_history_kolir_topicon {
    position:absolute;
    top:-10px;
	left:13px;
    width: 0px;
    height: 0px;
    display: inline-block;
    border-bottom: 10px solid #C3CAD2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.colors_add_history {
    position:relative;
	display:inline-block;
	border: 1px solid #000;
	cursor:pointer;
    width:10px;
    height:10px;
    margin:5px;
}









.afatar_browsing_history {
    width: 34px;
    height: 34px;
    position: relative;
    display: inline-block;
	border-radius: 50%;
}

.afatar_browsing_history::after {
    position: absolute;
    box-sizing: border-box;
    top: -4px;
    bottom: -4px;
    content: '';
}

.afatar_browsing_history::after {
    left: -4px;
    right: -4px;
}

.afatar_browsing_history::after {
    border: 2px solid #dce1e6;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 var #dce1e6;
}

.afatar_browsing_history:first-child:last-child {
    width: 100%;
    height: 100%;
}

.afatar_browsing_history {
    background-size: cover;
    background-position: center;
    background-color: #dfe6ed;
}

.afatar_browsing_history {
    float: left;
	right: -12px;
	top: 12px;
}

.text_browsing_history {
    position: absolute;
    padding: 20px 0px 0px 23px;
}

.uiRootComponent {
	display: flex;
    width: 500px;
	justify-content: flex-start;
}

.uiButton--stretched {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    width: 100%;
}

.uiButton-post {
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    min-height: 40px;
    min-width: 50px;
    padding: 0;
    position: relative;
	cursor: pointer;
	opacity: .7;
    background: 0 0;
}

.uiButton-post:hover {
    opacity: 1;
}

.PostingFormBlock__separator {
	height: 54px;
}

.Separator__separatorVertical {
	width: 1px;
    height: 100%;
    background: #dce1e6;
}

.button_create_post-page {
	align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: inherit;
    text-align: center;
    width: 100%;
	color: #3770b1;
	padding: 15px;
	font-size: 17px;
	cursor: pointer;
}

.button_create_post {
	align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: inherit;
    text-align: center;
    width: 100%;
	color: #3770b1;
	padding: 15px;
	font-size: 17px;
	cursor: pointer;
}

.button_create_post:hover {
    background: #DEE5EB;
}

.svg_create_post {
	padding-left: 0;
    padding-right: 0;
}

.content_create_post {
	margin-left: 10px;
}

.ModalDismissButton {
    box-sizing: border-box;
    padding: 20px 20px;
    position: fixed;
	cursor: pointer;
	opacity: .7;
    right: 0;
    top: 0;
}

.ModalDismissButton:hover {
    opacity: 1;
}

.ModalBox__message {
	position: relative;
	width: 500px;
}

.message_box_title_wrap {
    position: relative;
    padding: 0;
    background-color: #fafbfc;
	border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #dce1e6;
}

.message_box_title {
    padding-left: 25px;
    font-size: 14px;
    color: #000000;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message_mail_box_cont {
    padding: 20px 25px;
    background: #ffffff;
    border-radius: 0 0 4px 4px;
}

.message_mail_box_sinlgle_recepient_info {
    width: 385px;
}

.message_mail_box_single_ava {
    display: block;
    float: left;
    margin-right: 13px;
    line-height: 1;
}

.message_mail_box_single_ava_img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 0;
    background-color: #f0f2f5;
    position: relative;
}

.message_mail_box_single_ava_img::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: #fff;
}

.message_mail_box_single_ava_img::after {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f0f2f5;
}

.message_mail_box_label_peer {
    color: #2a5885;
    display: inline-block;
    line-height: 1.27em;
    padding: 6px 0 4px 0;
    font-weight: 700;
}

.message_mail_box_label_info {
    color: #818c99;
	font-size: 14px;
    margin: 0;
    padding: 0;
}

.message_mail_box_text_wrap {
    margin: 13px 0 10px 0;
    position: relative;
}

.message_emoji_smile_wrap {
    position: absolute;
	z-index: 100;
    padding: 5px 5px 0 0;
    cursor: pointer;
    top: 5px;
    right: 3px;
}

.message_mail_box_editable {
    background: #ffffff;
    color: #000000;
    border: 1px solid #dce1e6;
    min-height: 120px;
	max-height: 200px;
    padding: 5px 30px 5px 5px;
    vertical-align: top;
    margin: 0;
    overflow: auto;
    outline: 0;
    line-height: 150%;
    word-wrap: break-word;
    cursor: text;
}

.message_mail_box_editable::-webkit-scrollbar-track {
    padding: 2px 0;
	border-radius: 5px;
	background-color: #DDE1E6;
}

.message_mail_box_editable::-webkit-scrollbar {
    width: 7px;
}

.message_mail_box_editable::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aeb7c2;
}

.message_mail_box_controls {
	padding-top: 16px;
	padding-bottom: 25px;
}

.block_my_messages {
	position: relative;
	margin: 0 auto;
    width: 600px;
    padding: 0px;
}

.block_my_messages_border {
	position: fixed;
	border-left: 2px solid rgba(0, 0, 0, .08);
	border-right: 2px solid rgba(0, 0, 0, .08);
    top: 0;
    bottom: 0;
    width: 597;
}

.block_my_messages_info {
	position: fixed;
	bottom: 0;
    background-color: #F2F2F2;
    border-top: 1px solid rgba(0, 0, 0, .08);
	width: 600px;
}

.info_bloc_position {
	display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: space-between;
}


.info_coment_clips {
    position: relative;
    display: flex;
    height: 100%;
    background-color: #F2F2F2;
}

.info_messages_clips {
    background-color: #F2F2F2;
    border-top: 1px solid rgba(0, 0, 0, .08);
	width: 600px;
}

.im_content_messages {
    position: absolute;
    top: -15px;
    padding: 0px 0px 50px;
}

.create_group_chat {
	display: none;
    position: fixed;
    width: 599;
    top: 55px;
    z-index: 5;
    background: #fff;
    border-left: 1px solid #dce1e6;
    border-right: 1px solid #dce1e6;
}

.friends_list_chat {
	display: none;
	position: absolute;
    top: 0px;
    padding: 200px 0px 50px;
}

.multi-checkbox-select-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 10px;
	background: #fff;
	margin-left: 10px;
    transition: all 0.2s;
	border-radius: 4px;
	width: 560px;
	margin-bottom: 5px;
}

.multi-checkbox-select-wrapper:hover {
	cursor: pointer;
    background-color: #cccccc2e;
}

.multi-checkbox-select-wrapper button svg {
    opacity: 0;
    position: absolute;
    top: -3px;
    left: 3px;
    border-right: none !important;
    transform: scale(1.2);
    z-index: 2;
    transition: all 0.2s;
}

.multi-checkbox-select-wrapper button {
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #46D2C4;
    border-radius: 2px;
    justify-self: center;
    align-self: center;
    position: relative;
    transition: all 0.2s;
}

.multi-checkbox-select-wrapper .button_checked::after {
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
    width: 40%;
    height: 70%;
	border-top: 2px solid #cccccc6b;
    border-right: 2px solid #cccccc6b;
    z-index: 1;
    right: -2px;
    transition: all 0.2s;
}


.MainPanel__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 585;
	color: #203a55;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 48px;
    padding: 0 0 0 16px;
    background-color: #F2F2F2;
}

.MainPanel__title {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
}

.MainPanel__close {
    position: relative;
	top: 3px;
    color: #aeb7c2;
    cursor: pointer;
    background: none;
    border: none;
}

.MainPanel__close::after {
    position: absolute;
    content: '';
    top: -4px;
    right: 0;
    bottom: -10px;
    left: -10px;
}

.uiClickable__host {
    cursor: not-allowed;
	opacity: .5;
}

.ChatCreation__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 14px 32px 20px 16px;
    border-bottom: 1px solid #dce1e6;
	align-items: center;
}

.msg-picker-tokens {
    border-bottom: 1px solid #dce1e6;
    height: 60px;
    overflow: auto;
    padding-left: 12px;
}

pop-in-e animation {
    transform: scale(1);
    opacity: 1;
}

.msg-picker-tokens-item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 4px 0;
    width: 52px;
    animation: pop-in-e 0.2s ease-out forwards;
    transform-origin: 24px 50%;
}

.msg-avatar {
    display: inline-block;
    vertical-align: middle;
	width: 48px;
    height: 48px;
    min-width: 48px;
    line-height: 48px;
}

.msg-avatar-src {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.msg-icon-delete {
    position: absolute;
    top: -2px;
    right: 0;
    width: 10px;
    height: 10px;
    padding: 5px;
    background: #f0f0f0;
    color: #505050;
    border-radius: 12px;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
}

.msg-picker-tokens-item:hover .msg-icon-delete {
    opacity: 1;
}

.msg-icon-delete-svg {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
}

.msg-picker-tokens-item:hover {
    color: #ccc;
	cursor: pointer;
}

@keyframes pop-in-e {	
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
}

.checkbox-select-container-users {
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
}

.checkbox-select-container-avatar {
    width: 35px;
    height: 35px;
    min-width: 35px;
    background-size: 35px;
    font-size: 12px;
    line-height: 35px;
}

.checkbox-select-container-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.checkbox-select-container-name {
    display: block;
    width: 100%;
    flex: 1 1;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 8px;
}

.ChatCreation__image {
    margin-right: 18px;
}

.DropdownReforged {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.DropdownReforged__trigger {
	position: relative;
	width: 72px;
    height: 72px;
}

.AvatarSelector__image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #f5f5f7;
    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;
    color: #aeb7c2;
    background-color: #ffffff;
}

.ReImage {
    position: relative;
}

.ReImage__img {
    position: absolute;
    top: 50%;
    left: 50%;
	background-size: cover;
	object-fit: cover;
	width: 72px;
    height: 72px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms;
}

.AvatarSelector__preview {
    background-color: #ffffff;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.BasicAvatar::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    content: '';
    z-index: 1;
}

.AvatarSelector__button {
    position: absolute;
    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;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background: #95adc4;
    border: none;
    border-radius: 50%;
    color: #ffffff;
    -webkit-transition: opacity linear 0.2s;
    transition: opacity linear 0.2s;
    cursor: pointer;
}

.AvatarSelector__button:hover {
    background: #cccccc;
}

.ChatCreation__fieldset {
	width: 100%;
}

.im_content_messages_list {
    position: absolute;
    top: -20px;
    padding: 0px 0px 80px;
}

.block_my_messages_info_text {
	padding: 13px 10px;
}

.create_chat__icon {
    color: #203A55;
    opacity: .8;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 11px;
}

.create_chat__icon:hover {
	opacity: 1;
}

.im_none {
	position: relative;
    font-size: 1.09em;
    line-height: 160%;
    margin: 0 auto;
	width: 600px;
    padding: 130px 0px;
    text-align: center;
    color: #777;
}

.crp-entry-line:last-child {
    border-bottom: 0;
}

.crp-entry-line {
	border-bottom: 1px solid #dce1e6;
}

.crp-entry {
    display: flex;
    padding: 8px;
    cursor: pointer;
    margin-left: 1px;
    position: relative;
    height: 50px;
	width: 583px;
}

.crp-entry:hover {
    background-color: #F2F2F2;
	text-decoration: none;
}

.crp-entry--image {
    margin-right: 15px;
	position: relative;
    height: 50px;
    width: 50px;
}

.crp-entry--image_img {
    position: relative;
    height: 100%;
	width: 100%;
    border: 0;
    border-radius: inherit;
    object-fit: cover;
}

.crp-entry--info {
    width: 200px;
	text-overflow: ellipsis;
    overflow: hidden;
	margin-right: 15px;
    margin-top: 9px;
}

.crp-entry--info_header{
    grid-area: header;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-weight: 700;
    max-width: 100%;
    overflow: hidden;
}

.crp-entry--header_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    max-width: 100%;
	color: #2b587a;
	align-items: center;
    justify-content: space-between;
}

.crp-entry--header_ConvoTitle {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crp-entry--message {
    padding: 3px;
	margin-top: 7px;
    border-radius: 3px;
}

.crp-entry--message_powder {
    padding: 3px;
    border-radius: 3px;
}

.crp-entry--image_mini {
    margin-right: 15px;
	position: relative;
    height: 30px;
    width: 30px;
}

.crp-entry--message_body {
    margin-top: 7px;
    overflow: hidden;
	display: flex;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crp-entry--message_body div {
    margin-left: 5px;
}

.chat_information_icon {
    position: absolute;
    right: 0;
    margin: 5px;
    background: #efefef;
    padding: 3px;
    color: #818c99;
	cursor: pointer;
	opacity: .7;
    border-radius: 3px;
	z-index: 3;
}

.chat_information_icon:hover {
	opacity: 1;
}

.messenger-app--input {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ConvoStackLine:last-child {
    border-bottom: 0;
}

.ConvoStackLine {
    border-bottom: 1px solid #cccccc;
}

.ConvoStack {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
	cursor: pointer;
}

.ConvoStackAdditional {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.ConvoStackAdditional:hover .gr_add_message_additional {
    opacity: .8;
}

.gr_add_message_additional {
	opacity: 0;
    right: 0.4em;
    background-color: 0 0;
    text-shadow: none;
    color: #fff;
    padding: 5px;
    width: 17px;
    height: 17px;
	cursor: pointer;
}

.gr_add_message_additional li {
    background: none repeat scroll 0 0 #818c99;
    height: 5px;
    width: 5px;
    line-height: 0;
    list-style: none outside none;
    margin-right: 15px;
    margin-top: 1px;
    margin-left: 5px;
    vertical-align: top;
    border-radius: 50%;
    pointer-events: none;
}

.menu_add_message_additional {
    position: fixed;
    z-index: 999999999;
    cursor: default;
    text-align: left;
    white-space: normal;
	box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
	background: #fff;
    border: 1px solid #CCC;
    width: 230px;
}


.ConvoStackChat {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.chat_photo_open {
	position: relative;
	width: 120px; 
	height: 150px; 
	margin-right: 10px;
	cursor: zoom-in;
}

.ConvoStack__content {
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 600px;
    min-width: 0;
}

.ConvoHistory__messageBlock {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1 22px;
    outline: none;
}

.ConvoHistory__selectToggler {
    top: 13px;
    bottom: unset;
    left: -8px;
    border-radius: 50%;
    position: absolute;
}

.ConvoHistory__messageWrapper {
    max-width: 578px;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.ConvoMessageWithoutBubble {
    position: relative;
    width: 560px;
    background: transparent;
    border-radius: 12px;
    color: #000000;
    display: flex;
    padding: 8px 8px;
}

.MEAvatar {
    position: relative;
    text-align: center;
    border-radius: 50%;
    flex: 0 0 auto;
}

.ConvoMessageWithoutBubble__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-left: 15px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.ConvoMessage__actions {
    right: -5px;
    bottom: calc(100% - 6px);
}

.ConvoMessageWithoutBubble__content {
    position: relative;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    width: 100%;
    max-width: 500px;
    min-width: 0;
}

.ConvoMessageWithoutBubble__delete {
	display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 35px;
}

.ConvoMessageWithoutBubble__text {
    display: inline-block;
    max-width: 100%;
}

.reply_field_wrap_message {
	position: relative;
    width: 420px;
	margin-left: -35px;
    margin-top: 5px;
}

.messages_foto_dialogue {
    display: flex;
    flex-wrap: wrap;
    height: 30px;
    align-items: center;
    color: #99a2ad;
    margin-top: -7px;
    position: absolute;
}

.hint_information_user {
	display: none;
    position: absolute;
    width: 300px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.44);
    padding: 3px 5px;
	border-radius: 4px;
    bottom: 60px;
    right: 0px;
    color: rgb(255, 255, 255);
    font-size: 17px;
}

.im_typograf {
    color: #888;
    margin-bottom: 10px;
    margin-left: 80px;
    height: 20px;
    margin-top: 18px;
}

.im_bar_message {
    position: fixed;
    width: 600px;
	height: 47px;
    margin-top: -5;
    background: #0000006b;
    border-bottom: 1px solid #DAE1E8;
    z-index: 1;
}

.im_bar_controls {
    padding: 12px;
}

.im_tab_selected {
	background-color: #597DA3;
	padding: 3px 6px 4px;
	border-radius: 2px;
	color: #ffffff;
}

.gr_add_message_gal {
    background: url(../images/staticmp3.png) no-repeat -110px -14px;
    width: 15px;
    height: 12px;
    margin-top: 9px;
    margin-left: 15px;
	opacity: 0;
}

.ConvoStack:hover .gr_add_message_gal {
    opacity: .5;
}

.gr_add_message_gal-ok {
    background: url(../images/staticmp3.png) no-repeat -110px -14px;
    width: 15px;
    height: 12px;
    margin-top: 9px;
    margin-left: 15px;
	opacity: 1;
}




.ModalBox__container {
	position: relative;
	width: 563px;
	padding: 0 20px 20px 20px;
}

.ModalHeader__container {
	display: flex;
    align-items: center;
	justify-content: center;
    overflow: hidden;
    height: 54px;
    min-height: 54px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #ffffff
}

.PostInputWithEmoji__root {
	position: relative;
	display: flex;
    padding: 0 0 24px 0;
    flex-grow: 1;
}

.PlaceholderSlider {
    display: none;
    position: absolute;
    z-index: 2;
    cursor: text;
}

.phInputSlider {
    border-radius: 8px;
    box-sizing: border-box;
}

.phInputSlider {
    vertical-align: top;
    overflow: hidden;
    width: 100%;
    min-height: 52px;
    max-height: 52px;
    background-color: transparent;
    border: 0;
    border-radius: 12px;
    line-height: 1.462;
    word-wrap: break-word;
    resize: none;
}

@font-face {
    font-family: 'Image Uploader Icons';
    src: url(../fonts/iu.eot);
    src: url(../fonts/iu.eot) format('embedded-opentype'),url(../fonts/iu.ttf) format('truetype'),url(../fonts/iu.woff) format('woff'),url(../fonts/iu.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=iui-],[class^=iui-] {
    font-family: 'Image Uploader Icons'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iui-close:before {
    content: "\e900"
}

.iui-cloud-upload:before {
    content: "\e901"
}

.image-uploader {
    min-height: 10rem;
    border: 1px solid #d9d9d9;
    position: relative
}

.image-uploader.drag-over {
    background-color: #f3f3f3
}

.image-uploader input[type=file] {
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0
}

.image-uploader .upload-text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.image-uploader .upload-text i {
    display: block;
    font-size: 3rem;
    margin-bottom: .5rem;
	padding-top: .5rem;
}

.image-uploader .upload-text span {
    display: block
}

.image-uploader.has-files .upload-text {
    display: none
}

.image-uploader .uploaded {
    padding: .5rem;
    line-height: 0
}

.image-uploader .uploaded .uploaded-image {
    display: inline-block;
    height: 120px;
    position: relative;
    margin: .5rem;
    background: #f3f3f3;
    cursor: default
}

.image-uploader .uploaded .uploaded-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute
}

.image-uploader .uploaded .uploaded-image .delete-image {
    display: none;
    cursor: pointer;
    position: absolute;
    top: .2rem;
    right: .2rem;
    border-radius: 50%;
    padding: .3rem;
    line-height: 1;
    background-color: rgba(0,0,0,.5);
    -webkit-appearance: none;
    border: none
}

.image-uploader .uploaded .uploaded-image:hover .delete-image {
    display: block
}

.image-uploader .uploaded .uploaded-image .delete-image i {
    display: block;
    color: #fff;
    width: 1.4rem;
    height: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.4rem
}

@media screen and (max-width: 1366px) {
    .image-uploader .uploaded .uploaded-image {
        width: 100px;
        padding-bottom: calc(20% - 1rem)
    }
}

@media screen and (max-width: 992px) {
    .image-uploader .uploaded {
        padding:.4rem
    }

    .image-uploader .uploaded .uploaded-image {
        width: calc(25% - .8rem);
        padding-bottom: calc(25% - .4rem);
        margin: .4rem
    }
}

@media screen and (max-width: 786px) {
    .image-uploader .uploaded {
        padding:.3rem
    }

    .image-uploader .uploaded .uploaded-image {
        width: calc(33.3333333333% - .6rem);
        padding-bottom: calc(33.3333333333% - .3rem);
        margin: .3rem
    }
}

@media screen and (max-width: 450px) {
    .image-uploader .uploaded {
        padding:.2rem
    }

    .image-uploader .uploaded .uploaded-image {
        width: calc(50% - .4rem);
        padding-bottom: calc(50% - .4rem);
        margin: .2rem
    }
}

.page-head__ticker {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Arial";
  font-size: 11px;
  font-weight: Bold;
  line-height: 1;
  color: #fff;
  overflow-x: hidden;
  text-transform: uppercase;
}

.on_media_overlay-root {
    display: flex;
	width: 275px;
    background-color: rgba(0, 0, 0, 0.60);
    padding: 2px;
    border-radius: 6px;
}

.photo_audio_slidewrapper {
    position: relative;
    background: #edeef0;
    overflow: hidden;
    height: 300px;
    width: 100%;
}

.viewport {
    width: 500px;
    height: 300px;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

}

.slidewrapper {
    position: relative;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1);
    -o-transition-timing-function: cubic-bezier(.67,.01,.23,1);
    transition-timing-function: cubic-bezier(.67,.01,.23,1);
}

.slidewrapper {
    margin: 0;
    padding: 0;
}

.slide {
    list-style: none;
    display: inline;
    float: left;
}

.slide-img {
	object-fit: cover;
    object-position: center;
    display: block;
    margin: 0 auto;
    width: 500px;
    height: 300px;
}

.carousel-counter {
    position: absolute;
    top: 16px;
    right: 12px;
	color: #ffffff;
	padding: 3px 6px;
    z-index: 1;
	background-color: rgba(0, 0, 0, 0.40);
    border-color: #ffffff;
	border-radius: 48px;
}

.on_media_overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.on_media_overlay-component {
    padding-top: 0px;
    padding-bottom: 12px;
	padding: 12px 12px;
}

.on_media_overlay-display {
    display: flex;
}

.on_media_overlay-flex-fixed {
    flex: 0 0 auto;
}

.on_media_overlay-flex-grow {
    flex: 1 0 auto;
}

.on_media_overlay-root {
    display: flex;
	width: 275px;
    background-color: rgba(0, 0, 0, 0.60);
    padding: 2px;
    border-radius: 6px;
}

.on_media_overlay-image {
    width: 20px;
    height: 20px;
}

.on_media_overlay-image-base {
    border: 0;
    border-radius: inherit;
    display: block;
    height: 100%;
	object-fit: cover;
    width: 100%;
}

.on_media_overlay-justify-end {
    display: flex;
    justify-content: flex-end;
	align-items: flex-end;
}

.multimedia_overlay_controller {
    display: flex;
    align-items: center;
    justify-content: center;
}

.multimedia_overlay_controller {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
}

.multimedia_overlay_IconButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 9999px;
    box-shadow: none;
    color: currentColor;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}

.poll_lst {
    display: flex;
    position: relative;
    margin: 0 -4px;
	list-style: none;
    padding: 0;
}

.poll_lst_li {
    width: 50%;
    padding: 0 4px;
}

.poll_i {
    display: flex;
    height: 100%;
    flex: 1 1 0%;
    flex-direction: column;
}

.poll_i_img-w {
    position: relative;
    padding-bottom: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.poll_i_img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: 50%;
}

.poll-versus-ic {
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -24px;
    margin-top: 25%;
    pointer-events: none;
}

.svg-ic48 {
    width: 48px;
    height: 48px;
}

.svg-ic {
    display: inline-block;
    fill: none;
    stroke: none;
}

.poll_i_img_shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    height: 80px;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6) 100%);

}

.poll_i_percentage {
    position: absolute;
    left: 16px;
    bottom: 16px;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    color: rgb(255, 255, 255);
}

.poll_chart_w {
    position: absolute;
    bottom: 24px;
    right: 16px;
    left: 80px;
    top: auto;
    height: 8px;
    overflow: visible;
    background-color: transparent;
}

.poll_chart {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.poll_chart {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: 0.3s width;
    border-radius: 4px;
}

.poll_i_footer {
    display: flex;
    flex: 1 1 0%;
    margin-top: 0;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

.poll_n_w {
    flex: 1 1 0%;
    margin-top: 0;
    align-items: center;
    padding-right: 8px;
    border-radius: 0 0 4px 4px;
    background-color: rgba(80, 80, 80, 0.12);
}

.poll_n_w {
    display: flex;
    position: relative;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 4px;
    word-break: break-word;
    line-height: 32px;
}





.poll_n__w {
    flex: 1 1 0%;
    margin-top: 0;
    border-radius: 0 0 4px 4px;
}

.poll_n__w {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    word-break: break-word;
    line-height: 32px;
}





.poll_n {
    position: relative;
    flex: 1;
    min-width: 0;
    color: rgb(0, 0, 0);
    font-size: 14px;
    padding: 8px 0;
    line-height: 16px;
}

.poll_i_count {
    position: relative;
    white-space: nowrap;
    font-size: 14px;
    padding: 0 8px;
    margin-right: -8px;
    color: rgb(80, 80, 80);
}


.poll_check-vis {
    position: static;
    display: block;
    margin-right: 8px;
}

.svg-ic16 {
    width: 16px;
    height: 16px;
	fill: none;
    stroke: none;
}

.svg-fill {
    fill: currentColor;
}

.poll_checked {
    display: none;
}


.vScrollbarTrack {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #e3d4f7;
	transition: opacity 0.2s;
}
.vScrollbarRail {
	height: inherit;
	width: inherit;
	overflow: hidden;
	position: relative;
	border-radius: inherit;
}
.arrow {
	background-repeat: no-repeat;
	display: flex;
	position: absolute;
	z-index: 9999;
}
.upArrow {
	width: inherit;
}
.downArrow {
	width: inherit;
}
.leftArrow {
	width: 15px;
	height: inherit;
}
.rightArrow {
	width: 15px;
	height: inherit;
}
.upArrow:hover, .downArrow:hover, .leftArrow:hover, .rightArrow:hover {
	opacity: 1;
}
.vScrollbarHandle {
	background: #c5a8eb;
	position: absolute;
} 
.vScrollbarHandle:hover  {
	background: #e3d4f7;
} 
.hScroll {	
	overflow-x: scroll !important;
}
.vScroll {	
	overflow-y: scroll !important;
}
.noNativeScrollBar {
	-ms-overflow-style: none !important;  /* Internet Explorer 10+ */
    scrollbar-width: none !important;  /* Firefox */
	overflow: -moz-scrollbars-none;
}
.noNativeScrollBar::-webkit-scrollbar { 
    display: none !important;  /* Safari and Chrome */
	width: 0;
    height: 0;
    background: transparent;  /* Optional: just make scrollbar invisible */
    -webkit-overflow-scrolling: touch;
	-webkit-appearance: none;
}
.noNativeScrollBar::-webkit-scrollbar-thumb {
	display: none !important; 
    background: transparent;
	width: 0;
    height: 0;
	-webkit-appearance: none;
}
.noNativeScrollBar::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
	display: none;
}
.noNativeScrollBar::-webkit-scrollbar {
    width: 0;
	height: 0;
    background-color: transparent;
    border-radius: 0;
}
.noNativeScrollBar::-webkit-scrollbar-thumb {
	width: 0;
	height: 0;
    background-color: transparent;
    border-radius: 0;
}

.toolbar-menu{ 
	padding-top: 1rem !important;
}
/* horizontal scrollbar */
.hScrollbarTrack {
	position: absolute;
	left: 0;
	background-color: #e3d4f7;
	transition: opacity 0.2s;
}
.hScrollbarRail {
	height: inherit;
	width: inherit;
	overflow: hidden;
}
.hScrollbarHandle {
	background: #b87e5c;
	position: absolute;
} 
.hScrollbarHandle:hover  {
	background: #815b45;
}










.scrollos-container {
  position: relative;
  width: 350px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

.scrollos-content {
  white-space: nowrap;
  position: relative;
  float: left;
  transition: transform .2s ease-in-out;
}

.scrollos-content:not(.item) {
  font-size: 0;
}

.scrollos-content.-no-transition {
  transition: none;
}

.scrollos-content > .item {
  display: inline-block;
}

.scrollos-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.scrollos-nav__icon {
    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;
    width: 24px;
    height: 24px;
    color: #99a2ad;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 12%), 0 0 10px rgb(0 0 0 / 20%);
    box-shadow: 0 0 2px rgb(0 0 0 / 12%), 0 0 10px rgb(0 0 0 / 20%);
}

.scrollos-nav:focus {
  outline: none;
}

.scrollos-prev {
  left: 5px;
}

.scrollos-next {
    right: 5px;
}

[data-overflowing='both'] ~ .scrollos-prev,
[data-overflowing='both'] ~ .scrollos-next,
[data-overflowing='left'] ~ .scrollos-prev,
[data-overflowing='right'] ~ .scrollos-next {
  opacity: 1;
  visibility: visible;
}