@charset "utf-8";
@font-face {
    font-family: 'MyCustomFont'; /* Название шрифта, которое вы будете использовать */
    src: url('../../assets/fonts/ofont.ru_Rounds.ttf') format('truetype'); /* Путь к файлу шрифта */
    font-weight: normal; /* Насыщенность шрифта */
    font-style: normal; /* Стиль шрифта */
}

*,
*:before,
*:after {
	box-sizing: inherit;
}
:root {
  --body-bg: rgb(36 37 42);
  --post-bg: rgb(46 47 52);
  --header-bg: rgba(242,246,247, .05);
  --border-user-avatar: rgba(255, 255, 255,0.2);
  --color-feed-post: #c3cad7;
  
  
  --body-bg: rgb(28 29 35);
  --post-bg: rgb(41 43 51 / 61%);
  --header-bg: rgb(41 43 51 / 61%);
  --border-user-avatar: rgba(255, 255, 255,0.2);
  --color-feed-post: #c3cad7;
}
*,
html * /* override x.xhtml.ru style */ 
{
  scrollbar-width: thin;
  /* scrollbar-color: rgb(228, 134, 46) orange; */
}

*::-webkit-scrollbar,
html *::-webkit-scrollbar {
  height: 12px;
  width: 5px;
}
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
  background: #3f3f49;;
}
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
  /* background-color: #fe7b59; */
  border-radius: 5px;
  /* border: 3px solid orange; */
  /* background-image: linear-gradient( 180deg, rgb(255 165 0 / 63%), rgb(253 93 0 / 65%) 90% ); */
  background-image: linear-gradient( 180deg, rgb(165 165 165 / 60%), rgb(177 177 177 / 80%) 90% );
}

html {
	box-sizing: border-box;
	height: 100%;
	min-height: 100%;
	/* overflow: hidden; */
}
body {
	margin: 0; 
	background-color: var(--body-bg);
	
	/* background: #211927;  */ /* fallback for old browsers */
	/* background: -webkit-linear-gradient(to bottom, #211927, #2c262f);  
	background: linear-gradient(to bottom, #211927, #2c262f);  */



	line-height: 1; 
	text-rendering: optimizeLegibility;
	text-decoration-skip: objects;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: tap;
	/* font-family: 'JetBrains Mono','Fira Sans', sans-serif;
	font-family: 'Inter', sans-serif; */
/* font-family: 'Noto Sans', sans-serif; */
font-family: 'Ubuntu Mono', monospace;
font-family: 'Jost', sans-serif;
	font-weight: 400;
	color: #F2F6F7;
	cursor: default;
	line-height: 1.2;
	position: relative;
	/* height: 100%; */
	font-size: 12px;
	min-height: 100%;
	line-height: 17px;
	padding: 0 10px 50px;
	background-image: linear-gradient(3deg, rgb(5 10 14) 3.5%, rgb(20 22 37) 88.7%) ;
	background-attachment: fixed;
}
footer
{
	width: 550px;
    margin: 0 auto;
    text-align: center;
	display:none;
}
/* body::after
{
background-image: url(images/city.png);
    background-size: cover;
    position: fixed;
    content: ' ';
    width: 100%;
    height: 100%;
    top: 0;
} */
.body_before {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background-position: top left;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	left: 0;
	opacity: 1;
	z-index: 1;
	/****************************************/
	/****************************************/
	/***                                  ***/
	/***  Прочесть комментарий в main.js  ***/
	/***                                  ***/
	/****************************************/
	/****************************************/
	opacity: .3;
	/* background-image: url('/assets/img/chars/1/123.jpg'); */	
	background-image: url('/images/123.jpg');	
	
}

:focus {
	outline: none;
}
p,
dd,
dl,
figure,
blockquote {
	margin: 0;
}
blockquote, 
q {
	quotes: none;
}
ul,
ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}
audio,
video {
	display: block;
}
img {
	display: block;
	border: none;
	/*max-width: 100%;*/
}
iframe {
	border: none;
}
pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: inherit;
}
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}
abbr {
	border: none;
	text-decoration: none;
}
b,
strong {
	font-weight: inherit;
}
i,
em {
	font-style: inherit;
}
dfn {
	font-style: inherit;
}
mark {
	background-color: transparent;
	color: inherit;
}
small {
	font-size: inherit;
}
sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: inherit;
	line-height: 0;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
button,
input,
optgroup,
select,
textarea {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	font: inherit; /* По дефолту, шрифтовые свойства, для этих элементов не наследуются */
	color: inherit;
	letter-spacing: inherit;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-align: left;
	text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
	cursor: pointer;
	-webkit-appearance: none;
}
textarea {
	resize: none;
	overflow-y: auto;
	overflow-x: hidden;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border: none;
	padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: none;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}
[type='search']::-webkit-search-decoration {
  	-webkit-appearance: none;
}
[type='search'] {
	outline: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit; 
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {
	display: none;
}
::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	transition: opacity .3s;
	color: rgba(169,169,176, .7);
	font-style: italic;
}
::-moz-placeholder {
	color: inherit;
	opacity: 1;
	transition: opacity .3s;
	color: rgba(169,169,176, .7);
	font-style: italic;
}
:-moz-placeholder {
	color: inherit;
	opacity: 1;
	transition: opacity .3s;
	color: rgba(169,169,176, .7);
	font-style: italic;
}
:-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	transition: opacity .3s;
	color: rgba(169,169,176, .7);
	font-style: italic;
}
:focus::-webkit-input-placeholder {
	opacity: 0;
}
:focus::-moz-placeholder {
	opacity: 0;
}
:focus:-moz-placeholder {
	opacity: 0;
}
:focus:-ms-input-placeholder {
	opacity: 0;
}
[hidden] {
	display: none;
}
:disabled,
.disabled {
	cursor: not-allowed;
}
::-ms-clear {
	display: none;
}
:-webkit-autofill {
	box-shadow: 0 0 100px #fff inset;
	-webkit-text-fill-color: currentColor;
}
/* .clear:after {
	content: '';
	display: block;
	clear: both;
} */
.fl_l {
	float: left;
}
.fl_r {
	float: right;
}
.sprite {
	background-image: url('/local/assets/images/sprite2.png'); 
	-webkit-background-size: 400px;
	     -o-background-size: 400px;
	        background-size: 400px;
	    background-repeat: no-repeat;
}
.hover {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.hover:hover {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.content {
	width: 100%;
	max-width: 550px;
	margin: 0 auto 0;
	position: relative;
	z-index: 4;
	display: flex;
	/* overflow-y:scroll; */
}

.content_header {
	width: 100%;
	max-width: 550px;
	margin: 0 auto 0;
	position: relative;
	z-index: 4;
	display: flex;
	/* gap: 20px; */
}

.feed-new-message-informer-place .feed-new-message-informer-fixed.new-message-balloon-wrap {
    z-index: 1100;
    background: aliceblue;
	width:550px;
}

.mainpage
{
	/* overflow: auto; */
	justify-content: left;
	flex-direction:row;
	flex-wrap:wrap;
}
.full_content {
	height: calc(100% - 107px);
	box-sizing: border-box;
	z-index: 4;
	/* overflow-x: hidden; */
	margin: 20px auto 0;
	
	font-family: 'Jost', sans-serif;
    font-weight: 200;
    font-size: 20px;
    transition: opacity .5s, transform .5s, height .5s;
    will-change: opacity, transform, height;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    width: 100%;
    /* */
    letter-spacing: 0.01em;
    /* */
	border-radius:16px;
}
.person_page__wr{
	border: 1px solid #dcdcdc08;
    background-color: rgb(38 40 49 / 39%); 
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%); 
}
.content font.errortext {
    color: #eb9a9a !important;
    font-size: 14px;
}
/*************************************************/
/*************************************************/
/***************                    **************/
/***************       HEADER       **************/
/***************                    **************/
/*************************************************/
/*************************************************/
.logo {
    display: block;
    /* width: 145px; */
    height: 40px;
    margin: 0 7px 0 0;
}

header {
	
	box-sizing: border-box;
	
    z-index: 5;
    position: relative;
	
	width: 586px;
	height: 71px;
	margin: 0 auto;
	padding: 18px 40px 20px 23.7px;
	border-radius: 0 0 38px 38px;
	/* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */
	/* background-color: var(--header-bg); */
	/* border: 1px solid #0000005c; */
	background-color: rgb(38 40 49 / 39%);
	box-sizing: border-box;
    z-index: 5;
    position: relative;
    width: 555px;
    margin: 10px auto;
    padding: 17px 43px 20px 23.7px;
    border-radius: 16px 16px;
    /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
    /* background-color: rgb(15 17 26 / 61%); */
    /* border: 2px solid #12121230; */
    box-sizing: border-box;
    /* background: linear-gradient(#1a1c27c2, #10111cd4); */
	border: 1px solid #dddddd10;
	
	/* 
		background: radial-gradient(#e66465, #9198e5); 
	*/
}
.nologin header {
    padding: 18px 28px 20px 23.7px;
}
.user_dropdown header {
    z-index: 5;
}
.logo_img {
	width: 52px;
	height: 41px;
	/* background-position: -14px -3px;
	background-image: url(/local/assets/images/logo_pc.jpg); */
}
.logo_sun
{
		
	width: 12px;
    height: 12px;
    /* background-color: rgb(203 39 39 / 99%); */
   
    /* background: -webkit-linear-gradient(105deg, rgba(42,64,201,53%) 0%, rgba(217,64,103,1) 100%);
    background: -o-linear-gradient(105deg, rgba(42,64,201,53%) 0%, rgba(217,64,103,1) 100%);
    background: linear-gradient(105deg, rgb(42 64 201 / 53%) 0%, rgb(217 64 103, 1) 100%);  */
	
	background: -webkit-linear-gradient(105deg, rgba(42,64,201,53%) 0%, rgba(255,111,96,1) 100%);
    background: -o-linear-gradient(105deg, rgba(42,64,201,53%) 0%, rgba(255,111,96,1) 100%);
    background: linear-gradient(105deg, rgb(42 64 201 / 53%) 0%, rgb(255 111 96, 1) 100%); 
	
    display: inline-block;
    float: left;
    margin: 9px 1px 0 0;
    border-radius: 23px;
    /* opacity: 0.5;*/
}
.logo img:hover{
	/* filter: hue-rotate(0deg) grayscale(0%) drop-shadow(2px 3px 36px black); */
	
}
.div_logo_header{
	width: 78px;
   
    position: relative;
    left: -5px;
    top: 0px;
    background: no-repeat center/100% url(images/my_logo_color.svg);
    
    height: 40px;
	
}.logo img{
	width: 78px;
    border-radius: 8px;
    /* height: 45px; */
    filter: grayscale(25%);
    position: relative;
    left: -5px;
    top: 0px;
    transform: rotate(0deg);
    margin: 0;
	/* filter: hue-rotate(-166deg) grayscale(53%) drop-shadow(2px 3px 6px black); */
}
.logo_text {
	padding: 1px 4px 7px 10px;
}
/* .logo_text .new_logo_line1{
	
	font-size: 14px;
    color: #ffffff;
    opacity: .9;
    font-weight: 900;
    line-height: 8px;
    position: relative;
    top: 5px;
    left: 9px;
    text-shadow: 2px 0 2px #000;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    z-index: 2;
    letter-spacing: -0.2px;
    height: auto;
    width: auto;
} */
.logo_text .logo_line2{
	
	font-weight: 700;
    line-height: 12px;
    position: relative;
    top: 0px;
    left: -9px;
				
}
.logo_text .logo_line2 span{
	
	font-size: 12px;
    
    color: #4b7899;
	color: #894e40;
	color: #fff;
    font-weight: 500;
    line-height: 12px;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    text-shadow: none;
    font-style: italic;
    /* text-transform: lowercase; */
    z-index: 1;
    display: inline-block;
	
	font-optical-sizing: auto;
	
    text-shadow: none;
    font-family: "Exo 2", sans-serif;
}
.logo_text .logo_line2 span.ru{
	
	color: #ffffff;
    position: relative;
    top: 0px;
    left: -8px;
    font-size: 14px;
    display: inline-block;
}

.logo_text .new_logo_line1{
	
	font-weight: 800;
    font-size: 17px;
    line-height: 17px;
    position: relative;
    top: 2px;
    left: -9px;
    z-index: 2;
    height: auto;
    width: auto;
    color: #fff;
    font-style: italic;
    border-bottom: 0px solid #976316;
	font-family: "Exo 2", sans-serif;
}
.logo_text .new_logo_line2{
	
	font-size: 27px;
    color: #d98921;
    opacity: .8;
    font-weight: 900;
    line-height: 12px;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    position: relative;
    top: 1px;
    left: -10px;
    letter-spacing: -0.2px;
    /* font-style: italic; */
    /* text-transform: lowercase; */
    z-index: 1;
    height: auto;
    width: 63px;
}

.logo:hover .logo_text {
	opacity: 1;
	/*
	background: linear-gradient(45deg, #faad48 33%, #fd805c 66%, #fd6f63);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border: 1px solid #fb9353; */
}
.header_auth_icon {
	margin: -10px 0px 0 0;
	width: 50px;
	cursor: pointer;
	position: relative;
    height: 50px;
    background-position: -50px -50px;
	/*box-shadow: 0px 10px 39px 17px rgba(229,120,66, .35),
				0px 0px 30px 30px rgba(229,120,66, .25) inset;
    border-radius: 50%;*/
}
.header_auth_icon:hover .header_auth_icon_text {
	text-shadow: 0px -2px 33px rgba(229,120,66, 1);
    /*box-shadow: 0px 10px 69px 16px rgba(229,120,66, .5),
    			0px -20px 30px 10px rgba(229,120,66, .25) inset;*/
}
.header_auth_icon_text {
	position: absolute;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	width: 100%;
	bottom: -10px;
	text-shadow: 0px -22px 23px rgba(229,120,66, .95);
}
.header_left_pack {
	/* max-width: 40%;
	max-width: 960px; */
	flex:1;
	/* margin: -2px 0 0; */
}
.header_right_pack {
    width: 100%;
    display: flex;
}
.nologin .header_right_pack
{
	justify-content:space-between;
}
.user_photo {
	width: 36px;
	height: 36px;
	-webkit-background-size: 57px;
	background-size: 57px;
	border-radius: 36px;
	background-position: center;
	background-color: rgba(242,246,247, .05);
	/* box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4); */
	cursor: pointer;
	position: relative;
	top: 0;
	transform-style: preserve-3d;
	overflow: hidden;
	padding: 3px;
	object-fit: contain;
	border: solid 1px var(--border-user-avatar);
}
.nologin .user_photo
{
	float:left;
}
.header_right_pack .header_menu
{
	/*  background: no-repeat right 17px center url(images/Menu.svg); */
	
}

.header_right_pack .header_menu .iconmenu
{
	/*  background: no-repeat right 17px center url(images/Menu.svg); */
	background: no-repeat right 17px center url(images/menu_burger2.svg);
	width: 63px;
    height: 38px;
    margin: 0 0 0 21px;
    opacity: 0.5;
}
.header_right_pack .header_menu .iconmenu:hover
{
	opacity: 0.8;
}
.user_photo img {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -42%);
	width: 50%;
	opacity: 0.9; */
	
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
	
}
.header_user_pack .user_photo .no_photo
{
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -42%);
    width: 65%;
    height: 69%;
    object-fit: cover;
}
.top_menu_link {
	font-size: 12px;
	color: #98989e;
    height: 40px;
    line-height: 42px;
    margin-left: 34px;
	display: inline-block;
	position: relative;
}
.top_menu_link.current{
	
	color: #F2F6F7;
	background: #1e1f2426;
    padding: 0 21px;
    border-radius: 13px;
}

.top_menu_link:hover{
	
	color: #F2F6F7;
}
.top_menu_link_second {
	opacity: .5;
}
.top_menu_link:hover .top_menu_link_second {
	opacity: 1;
}
.top_menu_link_icon {
	display: inline-block;
	width: 11px;
	height: 11px;
	background-position: -20px -69px;
}
.current_link_line {
	display: none;
    background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
    position: absolute;
    width: 100%;
    top: 19px;
    height: 0px;
}
.current .current_link_line {
	display: none;
	/* box-shadow: -2px 4px 34px 7px rgb(229 120 66); */
	
	/* box-shadow: -2px 4px 34px 7px rgb(200 211 235 / 40%); */
}

.current_link_line_shadows {
	margin-top: -65px;
}
.current_link_line_shadow {
    width: 10px;
    height: 30px;
    border-radius: 5px;
    background-color: transparent;
    margin: 0 2px 0 2px;
    display: inline-block;
    opacity: .3;
    box-shadow: 0px 40px 27px 4px rgba(229,120,66, 1);
}
.current_link_line_shadow_two,
.current_link_line_shadow_eight {
	margin-bottom: -10px;
}
.current_link_line_shadow_four {
	margin-bottom: -15px;
}
.current_link_line_shadow_five {
	margin-bottom: -20px;
}
.current_link_line_shadow_six {
	margin-bottom: -15px;
}
.content_left_wide {
	width: 60%;
	max-width: 770px;
	height: 100%;
	box-sizing: border-box;
	overflow-y: scroll;
    padding-right: 72px;
}
.main_log_buttons
{
	display: flex;
    width: 525px;
    justify-content: flex-start;
    margin: 0px auto;
    height: 56px;
    border-bottom: 1px solid #c1c1c10f;
    padding: 16px 0px;
    gap: 10px;
}
.main_log_buttons a
{
	width: auto;
    height: 40px;
    /* background: #ccc; */
    font-size: 14px;
    font-weight: 600;
    color: #ffffffbd;
    /* background-color: var(--post-bg); */
    text-align: center;
    line-height: 36px;
    padding: 0 14px;
    text-transform: uppercase;
}

.main_log_buttons .button_all
{
	border-bottom: 2px solid #65819d;
	color:#76a1cd;
	/* background-color: var(--post-bg);
    border: 1px solid #313131; */
}
.main_log_buttons .button_subs,.main_log_buttons.subs .button_all
{
	/* background-color: rgb(24 25 35 / 0%); */
    color: #ffffff6b;
    border: 0px solid #31313191;
}
/* .main_log_buttons.subs .button_all
{
	background-color: rgb(46 47 52 / 66%);
    color: #ffffff6b;
	border: 0;
} */
.main_log_buttons.subs .button_subs
{
	/* background-color: var(--post-bg); */
   /*  border: 1px solid #494949; */
	border-bottom: 2px solid #65819d;
	color:#76a1cd;
}
.cat_elem.content_left_wide
{
	padding-right: 32px;
}
.content_right_tiny {
	/* width: 40%; */
	/* max-width: 480px; */
	/* margin-left: 30px;
	height: 100%; */
	box-sizing: border-box;
	overflow: hidden;
	
    position: relative;
}

.cat_elem
{
	width: 100%;
}

.cat_elem_work .content_right_tiny {
	margin: 20px 0 20px;
	background-color: rgb(38 40 49 / 39%);
    border: 1px solid #dddddd10;
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	border-radius: 15px;
}
.cat_elem_work .content_right_tiny_island
{
	padding: 17px 0px;
}
.cat_elem_personage .content_right_tiny_island 
{
	padding: 17px 0;
	border: 1px solid #dddddd10;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}
.content_right_tiny_island {
	padding: 26px;
	width: 100%;
	/* background-color: rgba(242,246,247, .05); */
	border-radius: 15px;
	max-height: calc(100% - 20px);
	height:100%;
   /*  box-shadow: 0px 10px 10px 0px rgba(0,0,0, .1); */
}
.orange_button_12 {
	color: #f2f6f7;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	position: relative;
	top: 0;
	font-weight: 700;
	display: inline-block;
	padding: 14px 25px;
	box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4);
	text-shadow: 0px 4px 10px rgba(0,0,0, .35);
	background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);
}
.orange_button_12:hover {
	background: rgb(251,176,59);
	background: -webkit-linear-gradient(34deg, rgba(251,176,59,1) 30%, rgba(255,111,96,1) 100%);
	background: -o-linear-gradient(34deg, rgba(251,176,59,1) 30%, rgba(255,111,96,1) 100%);
	background: linear-gradient(124deg, rgba(251,176,59,1) 30%, rgba(255,111,96,1) 100%);
	top: -2px;
	box-shadow: 0px 18px 15px 0px rgba(15,23,40, .24);
}
.orange_button_12:active {
	top: 0px;
	box-shadow: none;
}
.signed_user_actions {
	display: none;
	margin: 0 0 0 16px;
}
.signed .signed_user_actions {
	display: block;
}
.signed_user_action_button {
	width: 32px;
	height: 40px;
	opacity: .5;
	cursor: pointer;
}
.signed_user_action_button:hover {
	opacity: 1;
}
.user_act_button_news {
	background-position: -254px -50px;
}
.user_act_button_messages {
	background-position: -306px -50px;
}
.catalog_breadcrumbs {
	font-size: 12px;
    color: #fff;
    opacity: .5;
    padding-left: 3px;
    max-width: 130px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    top: 4px;
    text-overflow: ellipsis;
}
.add_char_header_ghost_button {
	font-size: 12px;
	padding: 0 16px;
	height: 40px;
	line-height: 38px;
	position: relative;
	top: 1px;
	border: 1px solid rgba(251,176,59, .2);
	border-radius: 13px;
	display: inline-block;
	margin: 0 10px 0 0;
    box-shadow: 
    	0px 1px 0px 0px rgba(251,176,59, .5) inset,
	    1px -1px 0px 0px rgba(255,111,96, .5) inset,
	    -1px 1px 0px 0px rgba(251,176,59, .5) inset,
	    -1px -1px 0px 0px rgba(251,176,59, .2) inset,
	    1px -1px 0px 0px rgba(255,111,96, .23) inset,
	    -1px -1px 0px 0px rgba(255,111,96, .23) inset,
	    0px 1px 0px 0px rgba(251,176,59, .5) inset;
}
.add_char_header_ghost_button:hover .top_menu_link_second {
	opacity: 1;
}
.add_char_header_ghost_button:hover {
	border: 1px solid rgba(255,111,96, .2);
    box-shadow: 
    	0px 1px 0px 0px rgba(251,176,59, .2) inset,
	    0px 1px 0px 0px rgba(251,176,59, .2) inset,
	    -1px 1px 0px 0px rgba(251,176,59, .2) inset,
	    -1px -1px 0px 0px rgba(251,176,59, .5) inset,
	    1px -1px 0px 0px rgba(255,111,96, .5) inset,
	    -1px -1px 0px 0px rgba(255,111,96, .5) inset,
	    0px 1px 0px 0px rgba(251,176,59, .2) inset/*,
	    0px 10px 10px 0px rgba(0,0,0, .1)*/;
}
.search	 {
	/* width: 100%;
	height: 40px;
	background-color: rgba(242,246,247, .05);
   	border-radius: 13px;
	position: relative;
    z-index: 101;
	margin: 0px; */
	width: 214px;
    height: 36px;
    /* margin: 0 16px 0 23.4px; */
    padding: 11px 19px 9px 16px;
    border-radius: 18px;
    box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.24);
    border: solid 1px rgb(255 250 194 / 5%);
    background: no-repeat right 17px center url(images/Search_lens.svg);
  /* background-color: rgb(31, 31, 60); */
}
.search_movies_book	 {
	/* width: 100%;
	height: 40px;
	background-color: rgba(242,246,247, .05);
   	border-radius: 13px;
	position: relative;
    z-index: 101;
	margin: 0px; */
	width: 214px;
    height: 36px;
    /* margin: 0 16px 0 23.4px; */
    padding: 11px 19px 9px 16px;
    border-radius: 18px;
    box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.24);
    border: solid 1px rgb(255 250 194 / 5%);
    background: no-repeat right 17px center url(images/Search_lens.svg);
  /* background-color: rgb(31, 31, 60); */
}					  
				  
			  
					  
						
					  
						  
					
					   
					
												 
 
											  
							 
 
					   
							  
 
.search_dropdown {
	height: 30px;
    line-height: 30px;
    padding: 0 0 0 20px;
    margin: 5px 0 0 0;
    display: inline-block;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    border-left: 1px solid rgba(255,255,255, .1);
}
.search_dropdown:hover .search_dropdown_text {
	color: rgba(242,246,247, 1);
}
.search_dropdown_text {
	color: rgba(242,246,247, .5);
}
.search_dropdown_options {
	background-color: #f2f6f7;
    min-width: 100%;
    border-radius: 5px;
    /*padding: 9px 0px;*/
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 99;
    color: #333541;
    visibility: hidden;
    margin-top: -50px;
    opacity: 0;
}
.signed .search {
	/* max-width: 50%; */
}
.search:hover {
	background-color: rgb(55 55 55 / 3%);
}

.bx-searchtitle .bx-input-group
{
	
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	width: calc(100% - 70px);
    height: 40px;
    background-color: rgba(242,246,247, .05);
    /* box-shadow: 0px 6px 5px -4px rgb(0 0 0 / 10%); */
    border-radius: 13px;
    position: relative;
    z-index: 101;
}
.bx-searchtitle .bx-input-group .bx-form-control
{
	margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
	
	height: 100%;
    padding: 0 0 0 20px;
    width: 89%;
	float: left;
	
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
		
}
div.title-search-result
{
	background-color: #f2f6f7;
    /* min-width: 100%; */
    border-radius: 5px;
    padding: 9px 0px;
    box-sizing: border-box;
    color: #333541;
    height: auto;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	margin-top: 10px;
}
.bx_item_block.all_result .all_result_title {
    display: none;
}
.bx_searche .bx_item_element a {
    margin-top: 10px;
    display: inline-block;
    color: #4788cb;
    font-size: 13px;
    text-decoration: none;
}
/*************************************************/
/*************************************************/
/***************                    **************/
/***************      Персонаж      **************/
/***************                    **************/
/*************************************************/
/*************************************************/

.cat_elem_personage .person_av_name_wr
{
	width:100%;
	display:flex;
	margin: 0 0 20px;
}
.cat_elem_personage .person_avatar_wr
{
	width:29%;
}
.cat_elem_personage .person_name_wr
{
	width:70%;
}
.cat_elem_personage .avatar_personage
{
	width: 96px;
    height: 96px;
    position: relative;
    border-radius: 32px;
    box-shadow: 0px 9px 15px 0px rgb(0 0 0 / 20%);
    overflow: hidden;
    top: 0;
    text-align: center;
}
.cat_elem_personage .char_name {
	font-size: 26px;
	color: #f2f6f7;
	font-weight: 900;
	line-height: 35px;
	/* font-family: 'Ubuntu', sans-serif; */
}

.cat_elem_personage .catalog_page_elem_desc
{
	color: #a9a9b0;
    font-size: 12px;
    margin: 4px 0 12px;   
}

.cat_elem_personage .same_but_different_but_still_same
{
	padding: 26px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
	margin: 20px 0;
	border: 1px solid #dddddd10;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}

.cat_elem_personage .char_bio 
{
	width: 100%;
}
.char_name_bio {
	font-size: 12px;
	color: #a9a9b0;
	max-width: 600px;
	margin-top: 16px;
	margin-bottom: 10px;
}
.char_bio {
	padding: 0px 22px 0px 0;
    position: relative;
}

.cat_elem_work .char_bio
{
	padding: 0;
	width: 100%;
}

.char_tag {
	font-size: 12px;
	color: #f2f6f7;
	display: inline-block;
	cursor: pointer;
	background-color: rgba(242,246,247, .1);
	border-radius: 4px;
	margin-right: 2px;
	margin-top: 6px;
	font-weight: 700;
	padding: 6px 12px;
	position: relative;
	top: 0;
	box-shadow: none;
}
.char_tag:hover {
	background-color: rgba(242,246,247, 1);
	color: #333541;
	top: -2px;
	box-shadow: 0px 10px 10px 0px rgba(15,23,40, .24);
}
.char_tag:active {
	background-color: rgba(242,246,247, 1);
	color: #333541;
	top: 0px;
	box-shadow: none;
}
.char_tags {
	max-width: 600px;
	margin-bottom: 24px;
}
.char_description_line {
	margin-bottom: 17px;
	display:flex;
}
.char_description_line_title {
	color: #f2f6f7;
	font-size: 12px;
	display: inline-block;
	width: 25%;
	vertical-align: top;
	margin: 0 24px 0px 0;
}
.char_description_line_content {
	color: #a9a9b0;
	font-size: 12px;
	display: inline-block;
	max-width: 488px;
	vertical-align: top;
	width:70%;
}

.cat_elem_work .char_description_line_content
{
	font-size: 14px;	
	margin: 10px 0 0;
}
.char_description_line_content_star {
	width: 100px;
	height: 21px;
}
.char_description_line_content_star_live {
	color: #fbb03b;
	font-size: 14px;
	width: 30px;
	height: 21px;
	text-align: center;
}
.char_description_line_content_star_desc {
	height: 21px;
	margin-left: 10px;
}
.rating_line {
	margin-top: 24px;
}
.char_name_quick_acts_img {
	width: 30px;
	height: 30px;
}
.char_name_quick_acts_like .char_name_quick_acts_img {
	background-position: -209px -61px;
}

.char_name_quick_acts_like .char_name_quick_acts_img_no_relation {
	background-position: -209px -160px;
}
.char_name_quick_acts_edit .char_name_quick_acts_img {
	background-position: -160px -61px;
}
.char_name_quick_acts_text {
	height: 30px;
	line-height: 30px;
	color: #a9a9b0;
	opacity: .7;
}
.char_name_quick_acts {
	/* margin: 0 0 10px -7px; */
	
}
.char_name_quick_acts_like {
	width: 210px;
	border: 1px solid #a9a9b0;
}
.char_name_quick_act.active {
	margin: 0px 9px 9px 0;
    cursor: pointer;
    width: auto;
    border-radius: 13px;
    padding: 0 11px 0 5px;
    background: #31303c7a;
    display: flex;
	
}
.char_name_quick_act {
	margin: 0px 9px 9px 0;
    cursor: pointer;
    width: auto;
    border-radius: 13px;
    padding: 0 11px 0 5px;
    
    display: flex;
	background: #f0f8ff00;
    border: 1px solid #dbdbdb36;
}
.char_name_quick_act:hover .char_name_quick_acts_text {
	color: #f9725d;
	opacity: 1;
}
.char_name_quick_acts_like:hover .char_name_quick_acts_img {
	background-position: -209px -110px;
}
.char_name_quick_acts_edit:hover .char_name_quick_acts_img {
	background-position: -160px -161px;
}
.char_name_quick_acts_like.liked .char_name_quick_acts_img {
	background-position: -209px -110px;
}

.action_icons.heart_c
{
	
}
.char_name_quick_acts_like.liked:hover .char_name_quick_acts_img {
	background-position: -209px -161px;
}
.char_name_quick_acts_like.liked .char_name_quick_acts_text {
	color: #f9725d;
	opacity: 1;
}
.char_name_quick_acts_like {
	width: 135px;
	border: 1px solid #616368;
   border-radius: 6px;
   margin: 0 0 0 7px;
}

.char_name_quick_acts_like.liked {
	border: 1px solid #8e5b5a;
}
.same_but_different_but_still_same {
	margin-top: 40px;
}

.char_name_quick_act .text
{
	color: #cfbcbc;
    font-size: 10px;
    line-height: 30px;
    padding: 0 0 0 3px;
}
.char_name_quick_act.active .text
{
	color: #cfbcbc;
    font-size: 10px;
    line-height: 30px;
    padding: 0 0 0 3px;
}
.char_name_quick_act .heart
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/heart_m.svg);
    width: 20px;
    height: 30px;
}

.char_name_quick_act.active .heart
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/heart_c.svg);
    width: 20px;
    height: 30px;
}

.char_name_quick_act .star
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/star_m.svg);
    width: 20px;
    height: 30px;
}

.char_name_quick_act.active .star
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/star_c.svg);
    width: 20px;
    height: 30px;
}

.char_name_quick_act .bookmark
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/bookmark_m.svg);
    width: 18px;
    height: 30px;
}

.char_name_quick_act.active .bookmark
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/bookmark_c.svg);
    width: 18px;
    height: 30px;
}

.left_block_wrap {
	width: 100%;
    /*max-width: 870px;*/
}
.char_bio_block_header_heading {
	font-weight: 900;
	color: rgba(242,246,247, 1);
	font-size: 16px;
	margin-bottom: 5px;
}
.char_bio_block_header_heading_count {
	font-size: 12px;
    color: #f2f6f7;
    font-weight: 400;
    display: inline-block;
    height: 24px;
    background-color: rgba(242,246,247, .1);
    border-radius: 15px;
    text-align: center;
    line-height: 24px;
    position: relative;
    margin-left: 5px;
    padding: 0 6px;
    min-width: 24px
}
.char_bio_block_header_subheading {
	color: #a9a9b0;
	color: rgba(242,246,247, .5);
	font-size: 12px;
	max-width: 320px;
}
.same_but_different_but_still_same_img {
	width: 96px;
	height: 96px;
	position: relative;
	border-radius: 32px;
	/* box-shadow: 0px 9px 15px 0px rgba(0,0,0, .2); */
	overflow: hidden;
	top: 0;
	text-align: center;
}

.same_but_different_but_still_same_img.add_similar_person
{
	border-radius: 39px;
    border: 2px dashed #707070;
    width: 100px;
    height: 100px;
    margin: 0 30px 0 0;
    padding: 38px 33px 0;
    font-size: 64px;
    color: #909197;
    cursor: pointer;
	box-shadow: none;
}
.same_but_different_but_still_same_img_fir {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.same_but_different_but_still_same_item:hover .same_but_different_but_still_same_img {
	/* box-shadow: 0px 25px 26px 10px rgba(0,0,0, .1); */
	box-shadow: none;
}
.liked_char_in_list {
	display: none;
	position: absolute;
	bottom: -16px;
    right: -13px;
    z-index: 2;
	background-position: -200px -250px;
	width: 50px;
	height: 50px;
}
.liked_char_in_list.active {
	display: block;
}
.same_but_different_but_still_same_img_pack {
	position: relative;
	width: 96px;
	height: 96px;
}
.same_but_different_but_still_same_name {
	width: 104px;
	font-size: 12px;
	font-weight: 700;
	color: #a9a9b0;
	margin-top: 22px;
	/* height: 29px; */
	overflow: hidden;
	text-align: center;
}

.char_list_right_block .same_but_different_but_still_same_name {
	
	line-height: 19px;
    margin: 11px 0 0;
    height: 34px;
}

.same_but_different_but_still_same_subname {
	width: 104px;
	font-size: 12px;
	color: #a9a9b0;
	margin: 5px 0;
}

.char_list_right_block .same_but_different_but_still_same_subname {
	width: 104px;
    font-size: 11px;
    color: #9092a1;
    /* margin: -7px 0; */
    /* max-height: 48px; */
    word-break: break-all;
    text-align: center;
    height: 62px;
    overflow: hidden;
}

.same_but_different_but_still_same_bio {
	width: 104px;
	font-size: 10px;
	opacity: .5;
	color: #a9a9b0;
}
.same_but_different_but_still_same_item:hover .same_but_different_but_still_same_name {
	color: #f2f6f7;
}
.same_but_different_but_still_same_item:hover .same_but_different_but_still_same_subname {
	color: #f2f6f7;
}
.same_but_different_but_still_same_item:hover .same_but_different_but_still_same_bio {
	opacity: 1;
}
.same_but_different_but_still_same_line {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: justify;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px;
}
.cat_elem .same_but_different_but_still_same_line{
	margin-bottom: 0px;
}
.same_but_different_but_still_same_pack {
	margin-top: 30px;
	height: auto;
	overflow: auto;
}
.more_than_5 {
	position: relative;
	height: 440px;
	overflow: hidden;
}
.more_than_5_mask {
	width: 100%;
	height: 100%;
	background: rgb(51,53,65);
	background: -webkit-linear-gradient(rgba(51,53,65,0.8) 0%, rgba(51,53,65,1) 80%);
	background: -o-linear-gradient(rgba(51,53,65,0.8) 0%, rgba(51,53,65,1) 80%);
	background: linear-gradient(rgba(51,53,65,0.8) 0%, rgba(51,53,65,1) 80%);
}
.more_than_5_pack {
	width: 100%;
	height: 180px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	display: none;
}
.more_than_5_actions {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.more_than_5_act_text {
	font-size: 14px;
	opacity: .5;
	color: #a9a9b0;
	text-align: center;
}
.more_than_5_act_button {
	margin: 30px 0 10px 0;
}
.more_than_5 .more_than_5_pack {
	display: block;
}
.whoa_this_is_empty {
	width: 130px;
	height: 130px;
}
.content_right_tiny_island_header {
	font-size: 16px;
    font-weight: normal;
    color: rgba(242, 246, 247, .5);
    display: flex;
    border-bottom: 1px solid #c1c1c10f;
    padding: 0 0 0 25px;
    height: 32px;
}
.cat_elem_work .content_right_tiny_island_header {
	font-size: 16px;
    font-weight: normal;
    color: rgba(242, 246, 247, .5);
    display: flex;
    border-bottom: 1px solid #c1c1c10f;
    padding: 0 0 0 25px;
    height: 32px;
	
	
}
.content_right_tiny_island_header_tab {
	margin: 0 10px 0 0;
}
.content_right_tiny_island_header_tabs {
	margin-left: 10px;
	position: relative;
}
.content_right_tiny_island_header_tab {
	color: rgba(242,246,247, .3);
	cursor: pointer;
}
.content_right_tiny_island_header_tab:hover {
	color: rgba(242,246,247, .7);
}
.active_tab {
	color: rgba(242,246,247, 1);
	cursor: default;
	border-bottom: 1px solid #f2f6f7;
    padding-bottom: 0px;
	border-bottom: 1px solid #9b6b42;
    padding-bottom: 14px;
}
.active_tab:hover {
	color: rgba(242,246,247, 1);
}
.content_right_tiny_island_header_tabs_line {
	height: 3px;
    background-color: rgba(242,246,247, 1);
    position: absolute;
    bottom: -10px;
}
.show_movies .content_right_tiny_island_header_tabs_line {
    width: 88px;
    left: 0;
}
.show_serials .content_right_tiny_island_header_tabs_line {
    width: 88px;
    left: 96px;
}
.show_books .content_right_tiny_island_header_tabs_line {
    width: 65px;
    left: 194px;
}
.content_right_tiny_island_subheader {
    color: rgba(242,246,247, .5);
    font-size: 12px;
    max-width: 258px;
    margin-top: 12px;
}
.tab_content {
	display: none;
}
.show_movies .movie_tab_content,
.show_serials .serial_tab_content,
.show_books .book_tab_content,
.show_person .person_tab_content,
.show_all .all_tab_content
{
	display: block;
	padding: 21px 25px;
}

#main_chats .content_right_tiny_island_body {
	padding: 18px 24px;
	height: 100%;
    overflow: auto;
}
/* .content_right_tiny_island_body {
	padding: 18px 24px;
	height: 100%;
    overflow: auto;
} */
#main_chats .cat_cover {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    object-fit: cover;
}
#main_chats .content_right_tiny_island_body
{
	overflow:hidden;
}
#main_chats .tabs_content_row
{
    width: 100%;
    gap: 14px;
    /* background: #ffffff08; */
    padding: 0px;
    border-radius: 15px;

}
#main_chats .row_data {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 0;
	gap: 7px;
}
#main_chats .message {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #ffffffdb;
}
#main_chats span.message {
    background: #ffffff03;
    border-radius: 14px;
    padding: 13px;
}
#main_chats.new_chats .content_new_chats, #main_chats.top_chats .content_top_chats {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
#main_chats .tab_content_item_link{
	color: #65819d;
	font-family: 'Ubuntu Mono', monospace;
	font-size: 16px;
}
.feed-add-post-destination-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNyAxMSI+ICA8cGF0aCBmaWxsPSIjNTM1QzY5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTAuNzUsMTcuMjUgTDE5NiwxNy4yNSBMMTk2LDE5IEwxOTAuNzUsMTkgTDE4OSwxOSBMMTg5LDEyIEwxOTAuNzUsMTIgTDE5MC43NSwxNy4yNSBaIiBvcGFjaXR5PSIuMzI5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDk0LjkyOSA1MC4wNTcpIi8+PC9zdmc+);
    background-position: 3px 3px;
    display: inline-block;
    height: 17px;
    margin: 0 2px;
    position: static;
    vertical-align: middle;
    width: 10px;
    transform: rotate(180deg);
    filter: invert(48%) sepia(94%) saturate(17%) hue-rotate(211deg) brightness(130%) contrast(100%);
}
.tabs_content_row {
    display: flex;
    width: 100%;
    gap: 10px;
}
.main_chats_item_header
{
	width:100%;
}
.tab_content_item_desc_imdb_img {
	width: 44px;
	height: 21px;
	font-size: 12px;
	font-weight: 900;
	text-align: center;
	line-height: 21px;
	border: 1px solid #5e626a;
   color: #959595;
	border-radius: 5px;
}
.tab_content_item_desc_imdb_text {
	color: #dddfe5;
	margin-left: 8px;
}
.tab_content_item_desc_imdb {
	display: inline-block;
	line-height: 21px;
}
.tab_content_item_desc_imdb:hover .tab_content_item_desc_imdb_img {
	color: #333541;
	background-color: #FBB03B;
}
.tab_content_item_desc_name {
	font-size: 12px;
	font-weight: 700;
    color: rgba(242,246,247, .5);
    margin-top: 8px;
    min-height: 27px;
    max-width: 120px;
}
.tab_content_item_desc_engname {
    color: rgba(242,246,247, .5);
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 5px;
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tab_content_item_desc_subtitle {
    color: rgba(242,246,247, .5);
    font-size: 12px;
}
.tab_content_item_desc_year {
    color: rgba(242,246,247, .5);
    font-size: 12px;
    margin-bottom: 8px;
}
.tab_content_item_photo {
	object-fit: cover;
	width: 110px;
	height: 165px;
	border-radius: 5px;
	/* box-shadow: 0px 7px 15px 0px rgba(15,23,40, .4); */
	/* background-color: rgb(74 77 88); */
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	top: 0;
	border: 1px solid rgb(255 255 255 / 8%);
}

.book_cover_universal
{
	border: 0;
}
.tab_flex_pack {
	display: flex;
  	flex-wrap: wrap;
}
.tab_content_item {
	flex: 0 0 33.333333%;
	margin-bottom: 50px;
}
.content_right_tiny .os-scrollbar-vertical {
	right: 20px;
    top: 30px !important;
}
.know_more {
	width: 150px;
	height: 225px;
	border-radius: 5px;
    color: rgba(242,246,247, .5);
    background-color: rgba(242,246,247, .1);
    font-size: 12px;
    padding: 15px;
    position: relative;
    margin-bottom: 50px;
}
.know_more_head {
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0 10px 0;
	color: rgba(242,246,247, .7);
}
.know_more_button {
	display: block;
    font-size: 12px;
    color: rgba(242,246,247, .5);
    border: 1px solid rgba(242,246,247, .5);
    padding: 5px 10px;
    border-radius: 5px;
    width: calc(100% - 30px);
    text-align: center;
    position: absolute;
    bottom: 15px;
}
.know_more_button:hover {
    background-color: rgba(242,246,247, 1);
	color: #333541;
}
.know_more_img {
	width: 42px;
	height: 42px;
	font-size: 23px;
	font-weight: 700;
	border-radius: 15px;
	text-align: center;
	line-height: 42px;
    color: rgba(242,246,247, .5);
    background-color: rgba(242,246,247, .1);
}
.know_more_alt {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	color: rgba(242,246,247, .5);
	font-size: 12px;
}
.know_more_alt .know_more_head {
	margin: 0 0 5px 0;
	color: rgba(242,246,247, .7);
	font-size: 14px;
}
.know_more_pack {
	margin-left: 15px;
}
.know_more_alt_button {
	font-size: 12px;
    background-color: rgba(242,246,247, .1);
    display: inline-block;
    margin-top: 10px;
    border-radius: 15px;
    padding: 4px 10px;
}
.know_more_alt_button:hover {
    background-color: rgba(242,246,247, 1);
	color: #333541;
}

/*********list***********/
.cat_list_wr_content_filter
{
	
	flex-wrap:wrap;
}
.char_list_wr_content_filter{
	flex-wrap: wrap;
    width: 100%;
    max-width: 550px;
    margin: 0 auto 0;
    position: relative;
    z-index: 4;
    display: flex;
   /*  padding: 0px 23.7px;
    border-radius: 16px; */
	background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
    border-radius: 16px 16px;
    border: 1px solid #dddddd10;
	padding: 14px 24px;
}
.person_page__head
{
	width: 550px;
					
    display: flex;
    justify-content: flex-start;
    margin: 0px auto 22px;
    padding: 0px;
    gap: 0px;
    flex-wrap: wrap;
}
.arrow_nav_back
{
	background: no-repeat center url(images/arrow-back.svg);
	width: 20px;
    height: 38px;
    transform: rotate(180deg);
	background-size: 20px;
	cursor:pointer;
}
.bx_filter.bx_blue {
    width: 100%;
    /* display: none; */
}
.person_page__head .page_person_header {
	height: 34px;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    line-height: 30px;
    width: 100%;
    font-optical-sizing: auto;
    font-style: normal;
}
.person_page__head h2
{
	color: #ffffff94;
    font-weight: 300;
    font-size: 14px;
}
.person_page__head h2 span
{
	background: #ffffff1c;
    border-radius: 18px;
    padding: 1px 5px;
    width: 10px;
    display: inline;
    color: aliceblue;
    font-size: 10px;
}
.page_person_header
{
	/* padding: 25px 22px 18px; */
    font-size: 18px;
    font-weight: 400;
}
.char_list_right_block
{
	width: 100%;
	border-radius: 15px;
	/* box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1); */
	margin: 0px 0px 40px 0;
	float: right;
	height: 100%;
}
.cat_list_right_block
{
	/* padding: 40px 60px; */
   width: 100%;
   border-radius: 15px;
   /* box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1); */
	margin: 20px 0px 40px 0;
	float: right;
	height: 100%;
		
}

.my_bookmarks_page .char_list_right_block,.my_bookmarks_page .cat_list_right_block
{
	padding: 0px;
}

.my_bookmarks_page .header
{
	padding: 31px 40px 20px 32px;
    width: 100%;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
	margin: 0px 0 32px;
	display: flex;
	flex-wrap: wrap;
}

.my_bookmarks_page .header .char_list_block_title
{
	width:100%;
}

.my_bookmarks_page .header .filter_block
{
	
	display:flex;
}
.my_bookmarks_page .header .btn_filter.active
{
	color: rgb(242 246 247 / 85%);
    background: #00000029;
}
.my_bookmarks_page .header .btn_filter
{
	font-size: 12px;
    font-weight: 400;
    padding: 10px 14px;
    border-radius: 9px;
    margin: 15px 7px 0 0;
    color: rgb(242 246 247 / 85%);
	border: 1px solid #cccccc17;
}

.char_list_block_title {
    font-size: 16px;
    font-weight: 900;
    color: rgba(242,246,247, .5);
    float: left;
}

.char_block_header_list_count {
    font-size: 16px;
    color: #f2f6f7;
    font-weight: 400;
    display: inline-block;
    height: 30px;
    background-color: rgba(242,246,247, .1);
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    position: relative;
    padding: 0 8px;
    min-width: 30px;
    margin: -6px 0 0px 10px;
}

.same_but_different_but_still_same_img_fir_list
{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
	object-fit: cover;
}

.same_but_different_but_still_same_pack_list {
    margin-top: 30px;
    height: auto;
    overflow: auto;
	
	position: relative;
    
   
    display: block;
    width: 100%;
    float: left;
}

.a_person_list
{
	/*margin: 0 40px 57px 0;*/
    /* background: #00000024; */
    padding: 17px 0;
    display: flex;
    /* width: 100%; */
    flex-direction: column;
    /* height: 215px; */
    align-items: center;
    /* border-radius: 16px; 
    background-color: rgb(38 40 49 / 39%);
    border-bottom: 1px solid #dcdcdc1a;
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%); */
    box-sizing: border-box;
    /* border: 1px solid #dddddd10; */
}

.same_but_different_but_still_same_line_list {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	gap:5px;
	flex-wrap: wrap;
	width: 100%;
}

/* .char_manage_left_block
{
	padding: 50px 50px 0 50px;
    width: 455px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
	height: 314px;
    box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1);
	margin: 26px 0 0 0;
	float: left;
} */
.char_list_left_block {
    padding: 40px 40px 0 40px;
    width: 365px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
    height: 314px;
    box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1);
    margin: 20px 0 0 0;
    float: left;
}

.wr_person_no_avatar
{
	border: 1px solid rgb(133 135 151 / 25%);
   width: 100%;
   height: 100%;
   border-radius: 32px;
}

.person_no_avatar
{
	/* background-color: red;
  -webkit-mask: url(/local/assets/images/no-avatar.svg) no-repeat center;
  mask: url(/local/assets/images/no-avatar.svg) no-repeat center; */
  width: 64%;
  height: 100%;
  fill:rgb(133 135 151 / 30%);
}

.block_info_text_profile
{
	font-size: 13px;
    color: rgb(136 139 150);
    margin: 16px 0 0 0;
    line-height: 14px;
	width: 65%;
}

.char_manage_left_block
{
	padding: 40px 40px 20px 40px;
    width: 365px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
	height: 314px;
    box-shadow: 0px 10px 10px 0px rgba(64, 64, 64, .1);
	margin: 20px 0 0 0;
	float: left;
}

.char_manage_block_title
{
	font-size: 20px;
    font-weight: 900;
    color: rgba(242,246,247, .5);
}

.char_manage_leftblock_menu
{
	margin:16px 0 0 0;
}

.char_manage_leftblock_menu li
{
	margin:14px 0 0 0;
	color: rgb(175 175 175);
    font-size: 14px;
}

.char_manage_leftblock_menu li.active
{
	background: rgb(255, 153, 60);
    background: -webkit-linear-gradient(34deg, rgba(255, 153, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 153, 60,1) 30%, rgba(251, 82, 90,1) 100%);
	background: linear-gradient(124deg, rgb(255, 153, 60) 30%, rgb(251, 82, 90) 100%);
	
	width: 199px;
    padding: 6px 13px;
    color: #fff;
    border-radius: 14px;
    margin: 18px 0 0 -13px;
	
	text-shadow:1px 2px 5px #4e4e4e, 0 0 1em grey
}

.char_manage_leftblock_menu li:hover
{
	color:#fff;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

/* profile***********************/
.user_profile_top_list
{
	height: auto;
}

.user_profile_top_list .bookmark_row
{
	display:flex;
	margin: 9px 0;
    width: 100%;
}

.user_profile_top_list_title
{
	font-size: 16px;
    font-weight: 700;
    color: #f2f6f780;
}
.user_profile_top_list .bookmark_row a
{
	color: aliceblue;
    font-size: 14px;
    margin: 8px 10px 10px;
}
.user_profile_top_list .bookmark_row a .type
{
	font-size: 12px;
    font-weight: 400;
    color: #f2f6f780;
}
.user_profile_top_list .bookmark_row img
{
	position: relative;
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 18px;
    /* margin: 0 18px 0 0; */
    /* filter: grayscale(50%); */
    
    
}	

.ui-icon[class*=ui-icon-common-]>i
{
	background: none;
	border-radius: 12px;
	
}
.feed-com-avatar>i
{
	display: none;
}
.feed-user-avatar
{
	border-radius: 12px;
	width: 37px;
    height: 37px;
}

.title_user_page
{
	font-size: 16px;
    font-weight: 900;
    /* color: rgba(242,246,247, 55%); */
    color: #647c96;
    margin: 0px 0 16px;
}
.user_profile_left_block_wr
{
	width: 100%;
    margin: 0;
	
}
.user_profile_left_block {
    
    /* width: 430px; */
    margin: 20px 0px;
   /*  float: left; */
	background-color: rgba(242,246,247, .05);
	padding: 26px;
	border-radius: 15px; 
}
.user_profile_left_block.manifest{
	padding: 40px 40px 20px 40px;
}

.user_profile_left_block.manifest .manifest_title {
    font-size: 16px;
    font-weight: 900;
    /* color: rgba(242,246,247, 55%); */
    color: #647c96;
    margin: 0px 0 16px;
}

.user_profile_left_block.manifest .manifest_text {
   font-size: 12px;
   font-weight: normal;
   color: #8e929b;
   line-height: 18px;
}

.user_profile_left_block_user_info
{
	width: 100%;
	display: flex;
}

.user_profile_photo
{
/*   background : -moz-radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  background : -webkit-radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  background : -webkit-gradient(radial,71.83% 89.42% ,0 , 71.83% 89.42%, 82.28 ,color-stop(0,rgba(51, 53, 65, 0) ),color-stop(1,rgba(51, 53, 65, 1) ));
  background : -o-radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  background : -ms-radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);"
  background : radial-gradient(71.83% 89.42%, circle farthest-corner, rgba(51, 53, 65, 0) 0%, rgba(51, 53, 65, 1) 100%);
  opacity : 0.5;
  border-radius : 40px;
  -moz-border-radius : 40px;
  -webkit-border-radius : 40px;
  filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
   */
  border-radius: 40px;
  height:119px;
  width:119px; 
}

.user_profile_photo img
{
	border-radius: 50%;
    height: 119px;
    width: 119px;
    object-fit: cover;
    border: solid 1px var(--border-user-avatar);
    box-sizing: border-box;
    padding: 6px;

}

.bx-sonet-profile-field img
{
	border-radius: 40px;
	height:119px;
	width:119px;
	margin: 5px 0;
	object-fit: cover;
}
.user_profile_text_block
{
	margin: 10px 20px;
}

.user_profile_name
{
	font-size: 16px;
    font-weight: 900;
   /*  color: rgba(242,246,247, .5); */
   color: rgba(242,246,247, 1);
	margin: 0px 0 14px;

}

.user_profile_status
{
	font-size: 14px;
	margin:14px 0 0;
    font-weight: 400;
    color: #94969a91;
}
.user_profile_city
{
	font-size: 12px;
	margin: 0 0 5px;
    font-weight: 400;
    color: #94969ad1;
}
.user_profile_online_status
{
	font-size: 12px;
	margin: 0 0 5px;
    font-weight: 400;
    color: #fba93f;
}

.link_color_light
{
	color: #c5c5c5;
	text-decoration: underline;
}

.user_profile_right_block
{
	
	padding: 0px 0px 40px 0px;
	width: 100%;
	border-radius: 15px;
	
	margin: 20px 0;
	float: left;
}

.user_profile_right_block_title {
    font-size: 16px;
    font-weight: 400;
    color: rgba(242, 246, 247, .5);
    float: left;
    margin: 9px 0;
    font-family: 'Ubuntu Mono', monospace;
}

.user_profile_right_block_title.toplist_title
{
	margin:0;
}
/**profile edit**/
.bx-sonet-profile-fieldset-table
{
	border-collapse: separate;
    border-spacing: 10px 15px;
}
.profile_edit_block_title2 {
    font-size: 14px;
    font-weight: 600;
    color: rgba(242,246,247, .5);
    margin: 34px 0 0;
	width: 35%;
}

.bx-sonet-profile-fieldset input[type="text"],
.bx-sonet-profile-fieldset input[type="password"]
{
	height: 40px;
    background-color: rgba(242,246,247, .05);
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
    border-radius: 7px;
    position: relative;
    padding: 4px 20px;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    margin: 0px;

}

.pgh_bx-sonet-profile-edit-buttons {
    clear: both;
    text-align: center;
    margin: 15px 0;
}

.pseudo_ckeckbox_wr
{
	cursor:pointer;
	width: 33%;
    height: 40px;
	display: block;
}

.pseudo_ckeckbox
{
	padding: 7px;
    border-radius: 5px;
    background-color: rgba(242,246,247, .05);
    width: 20px;
    height: 20px;
    float: left;
    margin: -2px 19px 0px 0;
	
}

.origin_checkbox:checked + .pseudo_ckeckbox {
	background-image: url('/local/assets/images/sprite2.png');
	background-position: -242px -139px;
	background-color: rgba(242,246,247, 0);
}

.orange_button {
    cursor: pointer;
    height: 35px;
    width: 133px;
    background: rgb(255, 126, 60);
    background: -webkit-linear-gradient(
34deg, rgba(255, 126, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 126, 60,1) 30%, rgba(251, 82, 90,1) 100%);
    background: linear-gradient(
124deg, rgb(255, 126, 60) 30%, rgb(251, 82, 90) 100%);
    text-align: center;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-shadow: -1px 2px 10px #02010140, 0 0 1em #56565675;
}

.reset_button {
    cursor: pointer;
    outline: none;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 34px;
    display: inline-block;
    height: 36px;
    margin: 10px 0 0 9px;
    /* margin-bottom: 10px; */
    padding: 0 42px;
    /* text-decoration: underline; */
    color: #b3b3b3;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #f2f6f71a;
    text-shadow: 0 1px 0 0 rgba(255,255,255,.75);
    border-radius: 4px;
}

.fileinput
{
	cursor: pointer;
    outline: none;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 34px;
    display: inline-block;
    height: 36px;
    margin: 0px;
    /* margin-bottom: 10px; */
    padding: 0 42px;
    /* text-decoration: underline; */
    color: #b3b3b3;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #f2f6f71a;
    text-shadow: 0 1px 0 0 rgba(255,255,255,.75);
    border-radius: 4px;
}
/********** PEOPLE ***************/
table.sonet-user-profile-friends, table.sonet-user-profile-groups {
    border:0;
    border-collapse: collapse;
	border-bottom: 1px dotted #494c54;
}
table.sonet-user-profile-friends td, table.sonet-user-profile-groups td {
    border: 0px;
    padding: 17px 5px 24px;
}
.filter_people_list
{
	padding: 40px 40px 20px 40px;
    width: 365px;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
    margin: 20px 0 0 0;
    float: left;
}
.filter_people_list_title {
    font-size: 16px;
    font-weight: 900;
    color: rgba(242,246,247, 1);
    margin: 0px 0 12px;
}
.filter_people_list_info_text{
    font-size: 13px;
    color: rgb(136 139 150);
    margin: 0px 0 0 0;
    line-height: 14px;
}

.people_wrapper
{
	display: flex;
	flex-direction: row;
	height: 100%;
	flex-wrap: wrap;
	align-content: flex-start;
}

.people_wrapper .user_profile_left_block_wr .user_profile_left_block
{
	margin: 6px 0px 17px;
	border: 1px solid #dcdcdc1a;
	background-color: rgb(38 40 49 / 39%);
	border: 1px solid #dddddd10;
	box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}

.people_wr_search_filter {
    width: 100%;
    height: 40px;
    background-color: rgba(242,246,247, .05);
    /* box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 10%); */
    border-radius: 13px;
    position: relative;
    z-index: 101;
    margin: 12px 0;
}
.people_wr_search_filter input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.people_search_button {
    cursor: pointer;
    height: 35px;
    width: 133px;
    background: rgb(255, 126, 60);
    background: -webkit-linear-gradient(
34deg, rgba(255, 126, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 126, 60,1) 30%, rgba(251, 82, 90,1) 100%);
    background: linear-gradient(
124deg, rgb(255, 126, 60) 30%, rgb(251, 82, 90) 100%);
    text-align: center;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-shadow: -1px 2px 10px #02010140, 0 0 1em #56565675;
}
.people_search_reset {
    cursor: pointer;
    outline: none;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 34px;
    display: inline-block;
    height: 36px;
    margin: 10px 0 0 9px;
    /* margin-bottom: 10px; */
    width: 49%;
    text-align: center;
    /* text-decoration: underline; */
    color: #b3b3b3;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #61636d;
    text-shadow: 0 1px 0 0 rgba(255,255,255,.75);
    border-radius: 4px;
}
.people_list_right_block {
    padding: 0;
    width: 704px;
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
    margin: 0px 136px 40px 0;
    float: right;
}
.people_list_wr_img {
    width: 96px;
    height: 96px;
    position: relative;
    border-radius: 32px;
    box-shadow: 0px 9px 15px 0px rgb(0 0 0 / 10%);
    overflow: hidden;
    top: 0;
}

.people_list_wr_img img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sonet-cntnr-user-search:hover .people_list_wr_img {
    box-shadow: 0px 25px 26px 10px rgb(0 0 0 / 10%);
}

.people_list_user_name
{
	font-size: 12px;
    font-weight: 700;
    color: #a9a9b0;
}

.sonet-cntnr-user-search:hover .people_list_user_name, 
.sonet-cntnr-user-search:hover .bx-user-properties,
.sonet-cntnr-user-search:hover .people_send_message, 
.people_send_message:hover
{
	color:#f2f6f7bf;
	border: 1px solid #f2f6f780;
}

.bx-user-properties{
	color:#80838e;
}

.bx-icon-addfriend {
    border-left: solid 0px #c4c4c4;
    padding: 5px 0 5px 5px;
    margin: 0;
    margin-bottom: 10px;
   
	
	cursor: pointer;
    height: 35px;
    line-height: 26px;
    background: rgb(255, 126, 60);
    background: -webkit-linear-gradient( 
34deg, rgba(255, 126, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 126, 60,1) 30%, rgba(251, 82, 90,1) 100%);
    background: linear-gradient( 
124deg, rgb(255, 126, 60) 30%, rgb(251, 82, 90) 100%);
    text-align: center;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-shadow: -1px 2px 10px #02010140, 0 0 1em #56565675;
}

.people_send_message
{
	
    cursor: pointer;
    outline: none;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 34px;
    display: inline-block;
    height: 36px;
    margin: 10px 0 0 0px; 
    /* margin-bottom: 10px; */
    
    text-align: center;
    /* text-decoration: underline; */
    color: #81818b;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #61636d;
    text-shadow: 0 1px 0 0 rgba(255,255,255,.75);
    border-radius: 8px;
	padding: 0 15px;
}

/**calalog**/
.catalog_list_item
{
	width: 100%;
    display: flex;
	border-bottom: 1px dotted #4e515d;
    /* margin: 0 0 35px; */
    padding: 18px 0;
}
.catalog_list_photo
{
	border-radius: 5px;
    height: 88px;
    max-width: 95px;
}
.catalog_list_photo img {
    border-radius: 5px;
    height: 88px;
    max-width: 62px;
    object-fit: cover;
}
.catalog_list_info_block
{
	margin: 10px 20px;
}

.cat_list_right_block .mini_review
{
	font-size: 12px;
    color: #898989;
    font-weight: 400;
    line-height: 14px;
    padding: 15px 20px;
    /* background-color: #ffffff; */
    border-radius: 5px;
    height: 87px;
    width: 44%;
    border: 1px solid #ffffff1f;
    margin-left: auto;
	font-style: italic; 
}

.cat_list_right_block .mini_review .mini_review_user
{
	color: #cdcdcd;
}
.catalog_list_info_block_tags
{
	font-size: 12px;
    color: #a9a9b0;
	margin: 10px 0 0;
}

.catalog_list_info_block_rating
{
	display: inline-block;
    line-height: 21px;
	margin: 6px 0;
}

.catalog_page_info_wrapper
{
	display:flex;
	flex-wrap:nowrap;
	border: 1px solid #ffffff2e;
	background-color: rgb(38 40 49 / 39%);
    padding: 26px;
    border-radius: 15px;
	border: 1px solid #dddddd10;
	background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}

.catalog_page_info_wrapper .card_information
{
    position: absolute;
    right: 24px;
    bottom: 0;
}

.catalog_page_info_wrapper .card_information .card_information_icon
{
	background: no-repeat center/80% url(/local/assets/images/information_icon.svg);
    width: 20px;
    height: 33px;
	position: relative;
	top: -2px;
	left: -3px;
}
.catalog_page_info_wrapper .card_information .card_information_icon.show_hint .hint_bubble {
    opacity: 1;
    visibility: visible;
    top: 4px;
    left: -251px;
	box-shadow: 0px 10px 10px 0px rgb(15 23 40 / 24%);
}
.catalog_page_info_wrapper .card_information .card_information_icon.show_hint:hover .hint_bubble {
    opacity: 1;
    visibility: visible;
    top: 4px;
    left: -251px;
}

.catalog_page_info_wrapper .card_information .card_information_icon.show_hint:hover .hint_bubble .title {
	font-weight: 700;
}

.body_background_inserted .catalog_page_info_wrapper
{
	/* background-color: rgba(242,246,247, .05); */
	/* background: linear-gradient(180deg, #34353c45 29%, rgb(55 85 122 / 2%) 100%); */
	/* background: linear-gradient(180deg, #43454eb5 29%, rgb(55 85 122 / 2%) 100%); */
	/* background: linear-gradient(180deg, #43454e63 29%, rgb(55 85 122 / 2%) 100%); */
	background: linear-gradient(180deg, #43454e40 29%, rgb(55 85 122 / 2%) 100%);
}
.catalog_page_name
{
	font-size: 16px;
    color: #f2f6f7;
    font-weight: 700;
    line-height: 26px;
}

.catalog_page_image_cover
{
	height: 166px;
    object-fit: cover;
    margin: 0px 30px 0 0;
    border-radius: 5px;
    max-height: 275px;
	max-width: 118px;
}

.catalog_page_kinopoisk_icon
{
	position: relative;
    top: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    content: '';
    background: url(images/kinopoisk_icon.svg) no-repeat center;
    background-size: cover;
}
.catalog_page_tab_flex_pack
{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.catalog_page_a_person_list
{
	margin: 0 14px 42px;
}

.feed-post-text-block 
{
	/* color: #a0a5ad; */
	color: var(--color-feed-post);
    letter-spacing: -0.01em;
	margin: 7px -18px 0 -73px;

	
	min-height: 47px;
	line-height: 23px;
	overflow: hidden;
	padding: 0px;
	position: relative;
}

.feed-post-text-block .feed-post-text
{
	padding: 5px 74px 25px;
}

.feed-com-add-block .bxhtmled-textarea-cnt .bxhtmled-textarea {
    width: calc(100% - 25px) !important;
    padding: 8px 0 0 13px !important;
    background-color: #fff0 !important;
}

.feed-com-header {
    padding-left: 17px;
    margin: 14px 0 14px 0;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}
.feed-com-all:hover {
    /* border-bottom: 1px solid; */
    color: #aaaeb5;
}
.feed-com-informers-bottom a:hover
{
	color: #a5a5a5;
}
.feed-wrap-empty {
    padding-top: 166px;
    padding-bottom: 95px;
    background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22173%22%20height%3D%22162%22%20viewBox%3D%220%200%20173%20162%22%3E%3Cpath%20fill%3D%22%23979da4%22%20opacity%3D%22.13%22%20fill-rule%3D%22evenodd%22%20d%3D%22M666%2C659H835a2%2C2%2C0%2C0%2C1%2C2%2C2V819a2%2C2%2C0%2C0%2C1-2%2C2H666a2%2C2%2C0%2C0%2C1-2-2V661A2%2C2%2C0%2C0%2C1%2C666%2C659Zm11.276%2C30.208H823.724V807.7H677.276V689.208Zm14.15%2C20.584h118a1%2C1%2C0%2C0%2C1%2C1%2C1v11.452a1%2C1%2C0%2C0%2C1-1%2C1h-118a1%2C1%2C0%2C0%2C1-1-1V710.792A1%2C1%2C0%2C0%2C1%2C691.426%2C709.792Zm0%2C26.924H782.71a1%2C1%2C0%2C0%2C1%2C1%2C1v11.3a1%2C1%2C0%2C0%2C1-1%2C1H691.426a1%2C1%2C0%2C0%2C1-1-1v-11.3A1%2C1%2C0%2C0%2C1%2C691.426%2C736.716Zm0%2C26.609H782.71a1%2C1%2C0%2C0%2C1%2C1%2C1v11.6a1%2C1%2C0%2C0%2C1-1%2C1H691.426a1%2C1%2C0%2C0%2C1-1-1v-11.6A1%2C1%2C0%2C0%2C1%2C691.426%2C763.325Z%22%20transform%3D%22translate%28-664%20-659%29%22/%3E%3C/svg%3E) no-repeat scroll center 28px;
    background-size: 85px 86px;
    margin: 10px;
    font-size: 18px;
}
.bxhtmled-textarea {
    
    color: #a5a5a5 !important;
}
.mainpage .feed-post-text-block .feed-post-text
{
	
	padding: 7px 15px 19px 74px;
}
.mainpage .feed-post-block-new .feed-post-text-block
{
	
	padding: 7px 15px 0px 0px;
}

.feed-post-block-new.feed-post-block-short .feed-post-text-block-inner-inner {
   padding-bottom: 0px; 
}

.feed-item-wrap 
{
	/* background-color: rgba(242,246,247, .05); */
	background-color: var(--post-bg);
	/* padding: 26px 20px 20px 32px; */
	padding: 17px 10px 0px 21px;
	padding: 14px 7px 0px 16px;
	border-radius: 15px; 
	margin: 0px 0 22px;
	border: 1px solid #dcdcdc1a;
}

.user_profile_top_list.feed-item-wrap
{
	padding: 17px 0px 19px 0px;
}
#main_chats.new_chats .tab_new_chats, #main_chats.top_chats .tab_top_chats {
    color: #b9b9b9;
    cursor: default;
    border-bottom: 1px solid #9b6b42;
    padding-bottom: 14px;
}

.feed-com-files {
	margin: 0px 15px 15px 0px;
	padding: 0 0px 0 70px;
	overflow: visible;
}

.feed-post-cont-wrap
{
	margin-bottom: 0px;
   /* padding: 29px 18px 0 19px; */
	padding: 7px 18px 1px 8px;
   position: relative;
   width: 100%;
   box-sizing: border-box;
}

.feed-post-block .feed-user-avatar {
	left: 4px;
	position: absolute;
	top: 6px;
}
.feed-post-title-block {
	position: relative;
	color: #7f7f7f;
	font-size: 14px;
	line-height: 16px;
	min-height: 23px;
	padding: 0px 45px 4px 45px;
	z-index: 11;
	display: inline-block;
	font-family: 'Ubuntu Mono', monospace;
}

.feed-post-time-wrap .feed-time {
    display: inline-block;
    font-size: 12px;
    background: none;
    padding-left: 0;
  /*   color: #ffffff99 !important; */
    color: var(--color-feed-post) !important;
    font-family: 'Jost', sans-serif;
}
.feed-comments-block {
	border-radius: 1px;
	margin: 10px 28px 17px 68px;
	position: relative;
}

.feed-post-block-new .feed-post-informers .feed-post-informers-cont,
.feed-post-block-short .feed-post-informers-cont,
.feed-post-block-separator .feed-post-informers-cont,
.feed-post-informers-cont, .feed-post-block.feed-post-block-pinned .feed-post-informers-cont 
{
	border-top: 1px #c1c1c129 solid;
/*	min-height: 23px;*/
	padding-top: 14px;
	
}

.feed-post-informers .feed-post-time-wrap {
	line-height: 12px;
	padding-left: 14px;
	position: static;
	top: 15px;
}

.feed-inform-ilike .bx-you-like-button a, .feed-inform-ilike .bx-you-like-button a:hover, .feed-post-emoji-control-active .bx-you-like-button a.bx-ilike-text,
.feed-com-informers-bottom .bx-you-like-button a, .feed-com-informers-bottom .bx-you-like-button a:hover
{
	color: #7f8893;
}

.feed-com-block {
	display: flex;
	position: relative;
	margin: 16px 0 7px 61px;
	min-height: 40px;
	border-radius: 29px;
	max-width: calc(100% - 60px);
}
.feed-com-main-content {
    position: relative;
    padding: 7px 21px 7px 15px;
    max-width: 820px;
    border-radius: 23px;
    background-color: #edf1f317;
    box-sizing: border-box;
    overflow: hidden;
}
.feed-post-block-grat, .feed-post-item.feed-post-item-title, .feed-info-block .feed-post-item.feed-post-item-title {
	/* padding-top: 0; */
	/* padding-bottom: 16px; */
	padding: 7px 75px;
}
.feed-com-text {
	clear: both;
	font-size: 13px;
	line-height: 18px;
	margin-right: -21px;
	overflow: hidden;
	position: relative;
	color: #a0a5ad;
}
.feed-post-block.feed-wrap, .feed-item-wrap {
	/* color: #7f7f7f; */
	/* font-family: 'Fira Sans', sans-serif; */
	color: #ffffff96;
    /* letter-spacing: -0.01em; */
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 20px;
	transition: opacity .5s,transform .5s,height .5s;
	will-change: opacity,transform,height;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	width:100%;
	border: 1px solid #dcdcdc08;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}
.page_info {
	/* color: #7f7f7f; */
	/* font-family: 'Fira Sans', sans-serif; */
	color: #ffffff96;
    /* letter-spacing: -0.01em; */
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 20px;
	transition: opacity .5s,transform .5s,height .5s;
	will-change: opacity,transform,height;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	width:100%;
	border: 1px solid #dcdcdc08;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
	background-color: rgba(242, 246, 247, .05); */
    background-color: var(--post-bg);
    padding: 26px;
    border-radius: 15px;
    margin: 0px 0 22px;
    border: 1px solid #dcdcdc1a;
}
.page_info_title{
	font-weight: 900;
    color: rgba(242, 246, 247, 1);
    font-size: 16px;
    margin-bottom: 5px;
	width:100%;
	text-align:center;
}
.page_info_text
{
	margin: 17px 0;
    line-height: 24px;
}
.feed-com-files-cont
{
	padding: 0;
	/* height: 300px; */  
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	overflow: visible;
}

.feed-com-files-cont.feed-com-files-count-2 .feed-com-files-photo{
	width:50%;
}

.feed-com-files-cont.feed-com-files-count-2 .logo-photo-num-1 img{
	border-radius:10px 0 0 10px;
}
.feed-com-files-cont.feed-com-files-count-2 .logo-photo-num-2 img{
	border-radius:0px 10px 10px 0px;
}

.feed-com-files-cont.feed-com-files-count-3 .feed-com-files-photo{
	width:33%;
}
.feed-com-files-cont.feed-com-files-count-3 .logo-photo-num-1 img{
	border-radius:10px 0 0 10px;
}
.feed-com-files-cont.feed-com-files-count-3 .logo-photo-num-2 img{
	border-radius:0px;
}
.feed-com-files-cont.feed-com-files-count-3 .logo-photo-num-3 img{
	border-radius:0px 10px 10px 0px;
}

.feed-com-files-cont.feed-com-files-count-4 .feed-com-files-photo{
	width:50%;
}
.feed-com-files-cont.feed-com-files-count-4 .logo-photo-num-1 img{
	border-radius:10px 0 0 0px;
}
.feed-com-files-cont.feed-com-files-count-4 .logo-photo-num-2 img{
	border-radius:0px 10px 0 0;
}
.feed-com-files-cont.feed-com-files-count-4 .logo-photo-num-3 img{
	border-radius:0px 0px 0px 10px;
}
.feed-com-files-cont.feed-com-files-count-4 .logo-photo-num-4 img{
	border-radius:0px 0px 10px 0px;
}

.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-1{
	border-radius:10px 0 0 0px;
	width:50%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-1 img{
	border-radius:10px 0 0 0px;
	
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-2{
	border-radius:0px 10px 0 0;
	width:50%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-2 img{
	border-radius:0px 10px 0 0;
	
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-3{
	border-radius:0px 0px 0px 10px;
	width:33.3%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-3 img{
	border-radius:0px 0px 0px 10px;
	
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-4{
	border-radius:0px;
	width:33.3%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-4 img{
	border-radius:0px;
	
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-5{
	border-radius:0px 0px 10px 0px;
	width:33.3%;
}
.feed-com-files-cont.feed-com-files-count-5 .logo-photo-num-5 img{
	border-radius:0px 0px 10px 0px;
	
}
.feed-post-text-block-inner {
	min-height: 47px;
	max-height: 750px;
	max-width: 867px;
	overflow: hidden;
	word-wrap: break-word;
}

.feed-post-text-more {
	position: absolute;
	top: 726px;
	left: 0;
	height: 45px;
	width: 100%;
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.5) 10px,rgba(255,255,255,1) 20px);
	background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.5) 10px,rgba(255,255,255,1) 20px);
	z-index: 3;
	cursor: pointer;
}

.feed-post-text-block-inner-inner {
	overflow-x: hidden;
}

.feed-com-files-photo, .feed-post-text-block-inner-inner img {
	border: 0px;
	border-radius: 10px;
	width: 100%;
	object-fit: contain;
	cursor: pointer;
	box-shadow: 0px 2px 12px 1px #00000033;	
	/* filter: grayscale(30%); */
	/* -webkit-box-shadow: 0px 28px 42px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 28px 42px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 28px 42px 10px rgba(0, 0, 0, 0.2); */

}

.feed-com-files-cont .feed-com-files-photo 
{
	height: auto;
    width: 100%;
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.feed-com-files-photo-text
{
	display:none;
	width: 100%;
    height: auto;
    bottom: 0px;
    left: 0%;
    padding: 15px;
    position: absolute;
    font-size: 19px;
    font-weight: 500;
	text-align: center;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
}
.ui-viewer-inner-content {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: baseline;
	justify-content: center;
}
.ui-viewer-inner-content-wr-img
{
	height: auto;
    width: auto;
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
	align-self: center;
	justify-content: center;
}
.ui-viewer-inner-textonimage-full
{
	width: 100%;
    height: auto;
    bottom: 0px;
    left: 0%;
    padding: 15px 50px;
    position: absolute;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    text-wrap: balance;
    line-height: 21px;
}
.feed-post-user-name:link, .feed-post-user-name:visited, .feed-post-user-name:active {
	color: #65819d;
	text-decoration: none;
}

.feed-add-post-form-variants span, .feed-add-post-strings-blocks
{
	display: none;
}

.ui-btn-primary {
	--ui-btn-background: linear-gradient(124deg, rgba(251,176,59,1) 0%, rgba(255,111,96,1) 100%);

	--ui-btn-background-hover: linear-gradient(124deg, rgba(251,176,59,1) 30%, rgba(255,111,96,1) 100%);
	--ui-btn-background-active: #eb4715;
	--ui-btn-border-color: #aba196;
	--ui-btn-border-color-hover: #e76943;
	--ui-btn-border-color-active: #e14d14;
	--ui-btn-color: #fff;
	--ui-btn-color-hover: #fff;
	--ui-btn-color-active: #fff;
}

.feed-post-block-new .feed-post-cont-wrap {
	background-color: #fbfbfb00;
}

.feed-post-item {
	color: #c8cdd4;
	font-size: 12px;
	margin: 0;
	overflow: hidden;
	padding: 12px 0 1px;
	text-shadow: 0 1px 0 rgb(255 255 255 / 0%);
	vertical-align: top;
}

.feed-post-title {
	border-bottom: 1px solid transparent;
	color: #a0a5ad !important;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}
.feed-post-block-pin .feed-post-pin
{
	display: none;
}

.sonet-blog-menu a
{
	display: none;
	
}

.user_profile_one_post_title {
	font-size: 16px;
	font-weight: 900;
	color: rgba(242,246,247, .5);
	float: none; 
	margin: 9px 5px 30px;
	
}

.feed-com-avatar {
	position: absolute;
	top: 2px;
	left: -44px;
	overflow: hidden;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	padding: 3px;
}
.feed-com-add-box-outer .feed-com-avatar img
{
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
}
.feed-com-add-box-outer .feed-com-avatar
{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	padding: 3px;
	border: solid 1px var(--border-user-avatar);
}
.feed-com-block .feed-com-avatar img
{
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
}
.feed-com-block .feed-com-avatar
{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	padding: 3px;
	border: solid 1px var(--border-user-avatar);
}
.feed-add-post-destination-icon {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNyAxMSI+ICA8cGF0aCBmaWxsPSIjNTM1QzY5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTAuNzUsMTcuMjUgTDE5NiwxNy4yNSBMMTk2LDE5IEwxOTAuNzUsMTkgTDE4OSwxOSBMMTg5LDEyIEwxOTAuNzUsMTIgTDE5MC43NSwxNy4yNSBaIiBvcGFjaXR5PSIuMzI5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDk0LjkyOSA1MC4wNTcpIi8+PC9zdmc+);
	background-position: 3px 3px;
	display: inline-block;
	height: 17px;
	margin: 0 2px;
	position: static;
	vertical-align: middle;
	width: 10px;
	transform: rotate(180deg);
	/* background-color: rgba(255, 255, 255, 0.514);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNyAxMSI+ICA8cGF0aCBmaWxsPSIjNTM1QzY5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTAuNzUsMTcuMjUgTDE5NiwxNy4yNSBMMTk2LDE5IEwxOTAuNzUsMTkgTDE4OSwxOSBMMTg5LDEyIEwxOTAuNzUsMTIgTDE5MC43NSwxNy4yNSBaIiBvcGFjaXR5PSIuMzI5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDk0LjkyOSA1MC4wNTcpIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNyAxMSI+ICA8cGF0aCBmaWxsPSIjNTM1QzY5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOTAuNzUsMTcuMjUgTDE5NiwxNy4yNSBMMTk2LDE5IEwxOTAuNzUsMTkgTDE4OSwxOSBMMTg5LDEyIEwxOTAuNzUsMTIgTDE5MC43NSwxNy4yNSBaIiBvcGFjaXR5PSIuMzI5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDk0LjkyOSA1MC4wNTcpIi8+PC9zdmc+);
	 background-repeat: no-repeat; */
	/* filter: invert(48%) sepia(94%) saturate(2476%) hue-rotate(211deg) brightness(139%) contrast(88%); */
	filter: invert(48%) sepia(94%) saturate(17%) hue-rotate(211deg) brightness(130%) contrast(100%);
}

.feed-add-post-destination-new, .feed-post-link-new:link, .feed-add-post-destination-new:link, .feed-post-link-new:visited, .feed-add-post-destination-new:visited, .feed-post-link-new:hover, .feed-post-link-new:active, .feed-add-post-destination-new:active {
	border-bottom: 1px solid transparent;
	color: #65819d;
	line-height:14px;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin: 0;
	text-decoration: none;
	vertical-align: middle;
}
a.feed-add-post-destination-new:hover{
	text-decoration: none;
	border-bottom: 1px solid;
	color: #65819d;
}
.feed-post-user-name,.feed-post-user-name:link, .feed-post-user-name:visited, .feed-post-user-name:active {
	border-bottom: 1px solid transparent;
	color: #7f7f7f;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin: 0 4px 0 0;
	vertical-align: middle;
	line-height: normal;
	border-bottom: 1px solid #ffffff4a;
	text-transform: lowercase;
    line-height: 14px;
	font-family: 'Ubuntu Mono', monospace;
}

a.feed-post-user-name {
	border-bottom: 1px solid #ffffff4a;
}

a.feed-post-user-name:hover {
	border-bottom: 1px solid #ffffffa3;
}

.feed-add-post-form-variants {
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	min-height: 40px;
	padding: 0 10px 0 23px;
	position: relative;
}

.feed-post-informers-cont a:hover {
	color: #a8adb4;
	
}

.feed-post-informers {
    
    padding: 0 16px 1px 85px;
}
.nologin .feed-post-informers {
    
    display:none;
}
.bx-contentview-popup-name-new.contentview-name {
	height: 32px;
	display: block;
	text-decoration: none;
	cursor: auto;
	padding: 10px 0 9px 0;
	/* font: 13px "Helvetica Neue",Arial,Helvetica,sans-serif; */
	color: #525c69;
	border-bottom: 1px solid #d8d8d8;
	margin: 0 8px 9px 8px;
	max-width: 190px;
}
.popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content {
    background: none;
}
#bx-messenger-iframe .popup-window-close-icon:hover, #bx-messenger-command .popup-window-close-icon:hover, #bx-messenger-popup-history .popup-window-close-icon:hover, #bx-messenger-popup-messenger .popup-window-close-icon:hover {
    background-color: #c1c5c8;
    width: 23px;
    height: 23px;
    right: -12px!important;
    top: -12px !important;
    opacity: 1;
}
.popup-window-content
{
	border-radius:5px;
}
/*********main page*********/
.feed-filter-fake-cont
{
	display: none;
    min-height: 0px;
}
.feed-new-message-informer-place {
    height: 22px;
    position: relative;
    z-index: 140;
}
.mainpage .main_page_center_block .bookmarks
{
	display:flex;
	flex-wrap: wrap;
	margin: 40px 0 0;
	padding: 24px 20px 18px
}
.mainpage .main_page_center_block .bookmarks .bookmarks_icon_wr
{
	font-size: 12px;
    background-color: #252b304f;
    padding: 5px 11px;
    border-radius: 6px;
    color: #dddddd;
    font-weight: 700;
    margin: -6px 12px 0px 0;
    display: flex;
    line-height: 28px;
}

.mainpage .main_page_center_block .bookmarks .bookmarks_icon
{
	background: no-repeat center/80% url(/local/assets/images/action_icons/bookmark_c.svg);
    width: 20px;
    height: 30px;
}

.mainpage .main_page_center_block .bookmarks .bookmark_row
{
	display: flex;
    /* width: 100%; */
    height: 30px;
    line-height: 12px;
    font-size: 12px;
    color: #ccc;
}

.mainpage .main_page_center_block .bookmarks .bookmark_row img
{
	width:25px;
	height:25px;
	border-radius: 7px;
    display: inline-block;
	filter: brightness(0.8) sepia(44%) grayscale(33%);
}
.mainpage .main_page_center_block .bookmarks .bookmark_row a
{
	line-height: 22px;
    padding: 3px 5px;
}


.main_page_left_block{
	width: calc(20%);
    margin: 70px 22px 0 0;
}
.main_page_center_block{
	width: calc(100%);
	/* margin: 0px 22px 0 0; */
}
.main_page_right_block{
	width: calc(35%);
	max-width: 442px;
}

.main_page_block_item
{
	padding: 31px 40px 35px 32px;
    width: 100%;
    background-color: rgba(242,246,247, .05);
    border-radius: 15px;
    box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
    margin: 0 0 22px 0;
}

.main_page_block_item.news_list
{
	margin: 69px 0px 0px 0;
    right: 35px;
    /* position: relative; */
}

.main_page_block_item.news_list.idea_block
{
	margin: 22px 0px 0px 0;
    right: 35px;
    /* position: relative; */
}

.main_page_block_item.news_tasks
{
	margin: 40px 0px 0px 0;
    right: 35px;
    position: relative;
}

.main_page_left_block .main_page_block_item
{
	
    /* border: 2px solid #c0cbe917;
	background-color: rgb(242 246 247 / 0%); */
	padding:22px;
   
}

.main_page_left_block .main_page_block_item .tags
{
	display:flex;
	flex-direction: column;
}

.main_page_left_block .main_page_block_item .tags .tag
{
	font-size: 12px;
    line-height: 17px;
    margin: 3px 0px 3px;
    color: #b2b7c3;
    padding: 2px 0px;
    width: auto;
    display: inline;
}

.main_page_left_block .main_page_block_item .tags .tag:hover
{
	color:#c6cee1;
}
.main_page_block_item .bookmark_movie_list_title
{
	font-size: 12px;
    font-weight: 700;
   /*  color: rgba(242,246,247, 55%); */
    color: #babbc5;
    margin: 0px 0 16px;
}

.main_page_block_item .bookmark_movie_list_item 
{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 40px;
	justify-content: space-between;
	align-content: baseline;
	margin: 0 0 13px 0;
}
.main_page_block_item .bookmark_movie_list_item .title
{
	font-size: 11px;
    /* font-weight: 700; */
    /* color: rgba(242,246,247, 55%); */
    color: #babbc5;
    margin: 0px 0 0 7px;
    line-height: 14px;
}
.main_page_block_item .bookmark_movie_list_item .subtitle
{
	font-size: 12px;
    font-weight: 400;
    /* color: rgba(242,246,247, 55%); */
    color: #babbc5;
    margin: 0px 0 0 7px;
}
.all_bookmarks
{
	font-size: 12px;
    font-weight: 400;
    /* color: rgba(242,246,247, 55%); */
    color: #babbc5;
    margin: 18px auto 0;
    text-decoration: underline;
    display: block;
    text-align: center;
    width: 100%;
}
.main_page_block_item .bookmark_movie_list_item .img_wr
{
	height: 100%;
}
.main_page_block_item .bookmark_movie_list_item img
{
	width: 25px;
	border-radius: 3px;
	
	margin-right: 3px;
}

.main_page_block_item .news_list_title
{
	font-size: 16px;
    font-weight: 900;
   /*  color: rgba(242,246,247, 55%); */
    color: #647c96;
    margin: 0px 0 16px;
}
.main_page_block_item .news_list_time img{
	display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    /* line-height: 15px; */
    margin: 2px 6px -7px 0px;
}
.main_page_block_item .news_list_time{
	
	font-size: 12px;
    font-weight: normal;
    color: #b5b5b5;
    margin: 16px 0 5px;
    border-top: 1px #505360b5 solid;
    padding: 9px 0 0;
}
.main_page_block_item .news_list_text
{
	font-size: 12px;
    font-weight: normal;
	color: #8e929b;
    line-height: 18px;
}
.person_top_main
{
	display:flex;
	width:100%;
	height: 66px;
    margin: 0px 0 18px;
    justify-content: space-between;
    overflow: hidden;
}
.person_top_main img
{
	position: relative;
	width: 66px;
	height: 66px;
	margin: 0 15px 6px 0;
	padding: 3px;
	object-fit: cover;
	/* opacity: 0.8; */
	border-radius: 23px;
	/*  box-shadow: inset 0 3px 3px 0 rgba(255, 255, 255, 0.16); */
	/*  border: solid 1px rgb(222, 162, 88); */
	border: solid 1px rgb(251 176 59 / 25%);
}
.person_top_main img:hover, .btn_add_person:hover
{
	filter: grayscale(0%);
    opacity: 100%;
    box-shadow: 0px 15px 20px 10px rgb(15 23 40 / 20%);

}
.person_top_main .open_all_characters p
{
	width: 100%;
    margin: -30px 0 0;
    font-size: 20px;
}
.person_top_main .open_all_characters
{
	
    border: solid 2px rgb(255 255 255 / 8%);
    /* position: relative; */
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 23px;
    color: #ccc;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-wrap: wrap;
    /* padding: 11px 0 0; */
    background: no-repeat right 6px center url(images/main_arrow.svg);
    width: 63px;
    height: 64px;
    background-color: rgb(38 40 49 / 39%);
    opacity: 0.6;
    background-size: 79%;
}
.btn_add_person
{
	/* position: relative;
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 18px;
	border:2px dotted #ccc;
    margin: 0 5px 0 0; 
    opacity: 88%;
    box-shadow: 0px 7px 15px 0px rgb(15 23 40 / 50%);
	cursor: pointer;
    font-size: 38px;
    line-height: 44px;
    text-align: center;
    font-weight: normal; */
	border-radius: 35px;
	width: 60px;
	height: 60px;
	margin: 4px 15px 0 0;
	padding: 21px 20px 20px 21px;
	box-shadow: 0 3px 6px 0 var(--black-16), inset 0 3px 3px 0 rgba(255, 255, 255, 0.16);
	border: solid 2px rgb(255 255 255 / 8%);
	opacity: 0.7;
	position: relative;
	background-color: rgba(255, 255, 255, 0.1);
}
.btn_add_person:before{
   z-index: 1;
    position: absolute;
    left: 17px;
    top: 9px;
    content: ' ';
    opacity: 0.7;
    background: no-repeat right 17px center url(images/Add_person.svg);
    width: 38px;
    height: 39px;
}

/*******messenger***********/
.bx-notifier-panel-doc
{
	position: static;
    -webkit-transform: none;
    transform: none;
	display: inline-block;
	box-shadow: none; 
    max-width: 307px;
    background: none;
	padding: 8px 0;
	
}

.bx-notifier-panel .bx-notifier-panel-center {
    display: inline-block;
    height: 38px;
    /* vertical-align: top; */
    padding-top: 5px;
    /* border: 1px solid #08080821; */
    padding: 4px 9px 2px 20px;
    /* line-height: 2px; */
    border-radius: 12px;
    margin: -10px 0 0px;
   /*  background-color: #0000000a; */
   width: 129px;
}

.bx-messenger-dark .bx-messenger-box-extra {
    background-color: #313131 !important;
	border-radius: 8px 0px 8px 8px;
	background-color: #393c4c !important;
    background: linear-gradient(0deg, #323544 0%, rgb(55 85 122 / 0%) 100%);
}

.bx-messenger-dark.bx-messenger-mark, .popup-window-dark.bx-messenger-mark {
    background: #3d3d3d !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: content-box;
    border-radius: 8px;
}
.popup-window-content-white .popup-window-content {
    background-color: #2c242400;
    border-radius: 3px;
}
#bx-messenger-command, #bx-messenger-iframe, #bx-messenger-popup-history, #bx-messenger-popup-messenger {
    padding: 2px;
    background: #00ffff00;
}
/*список диалогов*/
.bx-messenger-dark .bx-messenger-box-contact {
    background-color: #393c4c !important;
    background: linear-gradient(0deg, #323544 0%, rgb(55 85 122 / 0%) 100%);
	border-right: 2px solid #404040;
	border-radius: 8px 0px 0px 8px;
}
.bx-messenger-custom-scroll div::-webkit-scrollbar {
    width: 4px;
}
.bx-messenger-dark ::-webkit-scrollbar {
    width: 13px;
    background-image: none !important;
    background-color: #56596700!important;
}
.bx-messenger-dark ::-webkit-scrollbar-thumb {
    border-width: 10px 11px 8px 9px;
    background-color: rgb(88 93 104);
	border: 0px;
}
.bx-messenger-dark ::-webkit-scrollbar-thumb:hover {
   /*  background: #3131bf00; */
   border: 0px;
}

.bx-messenger-dark *::-webkit-scrollbar-track {
    background: #3131bf00;
	 border: 0px;
}
.bx-messenger-dark *::-webkit-scrollbar-track:hover {
    background: #3131bf00;
	 border: 0px;
}
.bx-messenger-input-search-create,.bx-messenger-input-search-create-short,
.bx-messenger-chatlist-group-add
{
	display:none;
}

.bx-messenger-dark .bx-messenger-body-bg {
    background: none;
    background-color: #343745  !important;
}
.bx-messenger-dark .bx-messenger-body-dialog {
    background-color: #31313100 !important;
}
.bx-messenger-dark .bx-messenger-box-dialog {
    color: #bdc3c7;
    background-color: #a1515100;
}
.bx-messenger-dark.bx-messenger-mark, .popup-window-dark.bx-messenger-mark {
    background: #353947 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: content-box;
    border-radius: 8px;
}
.bx-messenger-dark.bx-messenger-mark, .popup-window-dark.bx-messenger-mark {
    background: #343747 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: content-box;
}
/*верхняя панель в диалоге с именем юзера*/
.bx-messenger-dark .bx-messenger-box-dialog .bx-messenger-panel {
    color: #c5c5c5;
    border-left: 2px solid rgba(255, 255, 255, 0.03) !important;
    background-color: #31313100 !important;
    border-bottom-color: #505152;
}
/*панель где вводим сообщение*/
.bx-messenger-dark .bx-messenger-textarea, .bx-messenger-dark .bx-messenger-textarea-place {
    background-color: #343746 !important;
    border-top: 1px solid #505152;
    border-radius: 0 0 8px 0;
}
/*скрыть звонки, пригласить в чат*/
.bx-messenger-panel-call-enabled, .bx-messenger-panel-call-disabled {
    display: none;
    height: 30px;
    float: right;
    margin-right: 8px;
    margin-top: 20px;
    position: relative;
}
.bx-messenger-dark .bx-messenger-panel-chat {
    color: #c1c1c1 !important;
    display: none;
}
.bx-messenger-popup-menu .bx-messenger-popup-menu-items .bx-messenger-menu-hr { 
	display:none;
}
/* .bx-messenger-content-item-text-center
{
	font-family: 'Fira Sans', sans-serif;
} */
.bx-messenger-dark .bx-messenger-content-item-content, .bx-messenger-dark .bx-messenger-content-item-ol-output .bx-messenger-content-item-content {
    border-radius: 14px;
}
.popup-window-dark .bx-messenger-content-item-content, .bx-messenger-dark .bx-messenger-content-item-content, .popup-window-dark .bx-messenger-content-item-ol-output .bx-messenger-content-item-content, .bx-messenger-dark .bx-messenger-content-item-ol-output .bx-messenger-content-item-content {
    /* background-color: #7e4152; */
    border: 0px solid #696969;
    color: #dededf;
    background: linear-gradient(121deg, #954a5e 0%, rgb(165 123 66) 100%);
	background: linear-gradient(177deg, #af2c4f 0%, rgb(131 51 99) 100%);
	background: linear-gradient(177deg, #e9441f 0%, rgb(147 27 65) 100%);
	background: linear-gradient(177deg, #af2c4f61 0%, rgb(131 51 99 / 85%) 100%);
    /* background: radial-gradient(circle at top left, rgb(193 56 92) 0%, rgb(149 74 94) 65%); */
}
.popup-window-dark .bx-messenger-content-item-1 .bx-messenger-content-item-content, .bx-messenger-dark .bx-messenger-content-item-1 .bx-messenger-content-item-content {
    background-color: #3e3e3e;
    border: 1px solid #505050;
    color: #bbb0b0;
    background: linear-gradient(177deg, #0a0f20 0%, rgb(48 17 36) 100%);
}
.bx-messenger-panel-button.bx-messenger-panel-menu,.bx-messenger-panel-button.bx-messenger-panel-chat
{
	display:none!important;
}


.bx-messenger-popup-menu-item-icon.bx-messenger-menu-video::parent
{
	display:none;
}
.bx-messenger-dark.bx-messenger-mark .bx-messenger-cl-item:hover, .popup-window-dark.bx-messenger-mark .bx-messenger-cl-item:hover {
    background-color: #58585854 !important;
}

.bx-messenger-settings-tabs [data-name="hardware"]
{
	visibility: hidden;
}
.bx-messenger-cl-avatar-img {
    display: inline-block;
    width: inherit;
    height: inherit;
    border: 0;
    border-radius: 35%;
    background: #fff;
    position: relative;
    z-index: 10;
    background-size: cover;
}
.bx-messenger-panel-avatar-img {
    display: inline-block;
    width: inherit;
    height: inherit;
    border: 0;
    border-radius: 35%;
    transition: box-shadow 1s ease 0s;
    position: relative;
    z-index: 10;
}
.bx-notifier-notify .bx-notifier-indicator-icon{
    
    background: no-repeat center/80% url(images/Notification.svg);
	width: 27px;
    height: 33px;
   /*  -webkit-filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5));
    filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5)); */
	opacity: 0.4;
}
.bx-notifier-notify.bx-notifier-notify-new .bx-notifier-indicator-icon {
    
   /*  background: no-repeat center/80% url(images/Notification.svg);
	width: 27px;
    height: 33px;
    -webkit-filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5));
    filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5)); */
}
.bx-notifier-notify:hover .bx-notifier-indicator-icon {
   background: no-repeat center/80% url(images/Notification.svg);
}
.bx-notifier-indicator .bx-notifier-indicator-count {
    height: 50px;
    color: #ffffff;
   /*  top: 25px;
    left: -14px; */
    position: relative;
}
.bx-notifier-message,.bx-notifier-notify
{
	position:relative;
}
.bx-notifier-message-new::after
{
	position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    /* margin: 5px 30px 21px 44px; */
   /*  border: solid 2px var(--post-bg);
    background-color: rgb(247 166 43);
    border-radius: 50%; */
    background: no-repeat center/80% url(images/indicator2.svg);
    top: 0px;
    left: 14px;
}
.bx-notifier-notify-new::after
{
	position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    /* margin: 5px 30px 21px 44px; */
	/* border: solid 2px var(--post-bg);
    background-color: rgb(247 166 43);
    border-radius: 50%;  */
	background: no-repeat center/80% url(images/indicator2.svg);
    top: -1px;
    left: 12px;
}

.bx-notifier-message.bx-notifier-message-new .bx-notifier-indicator-icon 
{
	/* background: no-repeat center/80% url(/local/assets/images/new_message_icon.svg);
	width: 29px;
    height: 34px;
    -webkit-filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5));
    filter: drop-shadow( 2px 1px 8px rgba(207, 190, 171, .5)); */
}
.bx-notifier-message .bx-notifier-indicator-icon 
{
	background: no-repeat center/80% url(images/Chats.svg);
	width: 29px;
    height: 34px;
	opacity: 0.4;
}
.bx-notifier-message:hover .bx-notifier-indicator-icon 
{
	background: no-repeat center/80% url(images/Chats.svg);
}
.bx-notifier-message-new:hover .bx-notifier-indicator-icon {
   /*  background-position: 2px 10px; */
}

.bx-notifier-indicator .bx-notifier-indicator-count 
{
    padding-left: 1px;
	display:none;
}
.bx-notifier-indicator {
    outline: none;
    display: inline-block;
    text-decoration: none;
    padding-left: 0px; 
    padding-right: 0px; 
    margin-right: 24px;
    height: 21px;
    cursor: pointer;
}

.bx-notifier-indicators .bx-notifier-indicator.bx-notifier-mail.bx-notifier-hide
{
	display:none;
}

.logo_text_mobile
{
	display:none;
}
.ui-viewer-inner
{
	max-width:100%;
}
.ui-viewer-inner-content-wrapper > * {
	display: inline-block !important;
	overflow: auto;
	vertical-align: middle !important;
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height:auto;
}
.feed-buttons-block
{
	height:auto;
}
.feed-add-post-content-message-add-ins
{
	background: #fff;
    padding: 18px;
}
.blog-post-user-fields-text input{
	border-bottom: 1px solid #8f8f8f;
	width: 100%;
}
.blog-post-user-fields-text
{
	color:#000;
	line-height: 23px;
}
.all_bloks_styles
{
	border: 1px solid #dcdcdc08;
    background-color: rgb(38 40 49 / 39%);
    box-shadow: 0px 1px 1px 2px rgb(0 0 0 / 12%);
}
#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 14px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	z-index: 9999;
	gap: 10px;
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
	font-size: 14px;
	line-height: 22px;
}

.cookie_accept{
    width: 81px;
    border: 1px solid #6d6d6d;
    border-radius: 3px;
    color: #000000;
    padding: 0 5px;
    text-align: center;
    background: #a8d2ff;
    font-size: 13px;
    margin: 5px 0px;
    height: 25px;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}
@media all and (max-width: 549px) {
	body{
		padding: 0 3px 50px;
		width: 100%;
	}
	.content_header {
		max-width: none;
	}
	.person_top_main .open_all_characters div
	{
		display:inline-block;
		width:71px;
	}
	.btn_add_person {
		border-radius: 35px;
		width: 60px;
		height: 60px;
		margin: 4px 6px 0 0;
	}
	header 
	{
		padding: 14px 9px 13px;
        width: auto;
        height: 65px;
	}
	.search {
		margin: 0 12px 0 0;
		width:100%;
	}
	.div_logo_header {
		width: 33px;
		/* position: relative; */
		left: -5px;
		top: 0px;
		background: no-repeat left url(images/my_logo_color.svg);
		height: 40px;
		background-size: contain;
		background-size: auto;
		overflow: hidden;
	}
	.logo img {
		width: 45px;
		border-radius: 8px;
		/* height: 45px; */
		/* filter: hue-rotate(-166deg) grayscale(53%) drop-shadow(2px 3px 6px black); */
		position: relative;
		left: -3px;
		top: 2px;
		/* transform: rotate(8deg); */
		margin: 0 5px 0 5px;
	}	
	.logo_text {
		
	}
	.bx-notifier-panel .bx-notifier-panel-center {
		width:auto;
	}
	.bx-notifier-message .bx-notifier-indicator-icon {
		width: 22px;
		height: 34px;
		opacity: 0.4;
	}
	.bx-notifier-message-new::after {
		
		width: 11px;
		height: 17px;
		top: 0px;
		left: 11px;
	}
	.bx-notifier-notify-new::after {
		width: 11px;
		height: 17px;
		top: -1px;
		left: 10px;
	}
	.bx-notifier-notify .bx-notifier-indicator-icon {
		width: 21px;
        height: 32px;
        opacity: 0.4;
        margin: 0px 0 1px;
	}
	.logo_text_mobile
	{
		display:block;
		font-size: 18px;
		color: #F2F6F7;
		opacity: .5;
		font-weight: 900;
		line-height: 38px;
		/* margin: 0 0 0 8px; */
		/* background: linear-gradient(45deg, #faad48 33%, #fd805c 66%, #fd6f63); */
		-webkit-background-clip: text;
		/* -webkit-text-fill-color: transparent; */
		border: 1px solid #9d9d9d;
		padding: 0px 15px;
		border-radius: 11px;
	}
	
	.logo {
		
	}
	.header_right_pack .header_menu .iconmenu {
		
		margin: 0 0 0 0px;
	}
	.header_right_pack .header_menu {
		width:26px;
	}
	.header_right_pack {
		justify-content: center;
		gap: 5px;
	}
	.signed .header_user_pack {
		display: none;
	}
	.bx-notifier-panel .bx-notifier-panel-center
	{
		padding: 4px 7px 2px 9px;
	}
	
	.bx-notifier-indicator 
	{
		margin-right: 5px;
	}
	.bx-notifier-indicator.bx-notifier-notify
	{
		margin-right: 8px;
	}
	
	.person_top_main
	{
		overflow-x: scroll;
		height: 67px;
		width: 100%;
	}
	#main_chats .tabs_content_row {
		width: 100%;
		gap: 14px;
		/* background: #ffffff08; */
		padding: 0px;
		border-radius: 15px;
		display: grid;
		grid-template-columns: 42px auto;
        grid-template-rows: auto 39px;
		height: auto;
	}
	*::-webkit-scrollbar, html *::-webkit-scrollbar {
		height: 0px;
	}
	#main_chats .row_data {
		
		grid-row: 1 / 1;
		grid-column: 2 / 2;
	}
	.person_top_main img 
	{
		margin: 0 5px 0 0;
	}
	.feed-new-message-informer-place 
	{
		height: 7px;
	}
	.bx-notifier-indicator .bx-notifier-indicator-count {
		padding-left: 0px;
		margin: 0 1px 0 -1px;
	}
	.feed-comments-block {
		border-radius: 1px;
		margin: 10px 28px 17px 0px;
		position: relative;
	}
	
	.feed-inform-item.feed-post-time-wrap.feed-inform-contentview
	{
		position: relative;
		top: 1px;
	}
	.feed-post-block-short:not(.feed-imp-post) .feed-post-informers .feed-post-time-wrap, .feed-post-block-separator:not(.feed-imp-post) .feed-post-informers .feed-post-time-wrap,
	.feed-post-informers .feed-post-informers-cont .feed-inform-ilike
	{
		margin: 0px 16px 8px 0px;
		top: 1px;
	}
	.feed-post-block-short:not(.feed-imp-post) .feed-post-informers .feed-post-time-wrap, .feed-post-block-separator:not(.feed-imp-post) .feed-post-informers .feed-post-time-wrap
	{
		display:none;
	}
	.feed-item-wrap {
		padding: 5px 3px 0px 7px;
		margin: 0px 0 14px;
	}
	.feed-com-files-cont .feed-com-files-photo {
		height: 100%;
		width: 100%;
		margin: 0 0px 0px 0;
	}
	.feed-com-files {
		margin: 0px 9px 15px 0px;
		padding: 0 0px 0 70px;
		overflow: hidden;
	}
	.feed-com-files-photo, .feed-post-text-block-inner-inner img {
		/* height: 333px;
		object-fit: cover; */
	}
	
	.user_profile_left_block {
		
		margin: 0 0 20px;
		padding: 15px;
	}
	.people_send_message{
		width:185px;
		grid-row: 2 / 2;
		grid-column: 2 / 2;
		margin:0;
	}
	.user_profile_text_block {
		margin: 10px 15px;
	}
	.user_dropdown_pack {
		right: -9px;
	}
	.main_log_buttons {
		display: flex;
		width: auto;
		justify-content: flex-start;
		margin: 0px 12px 2px;
		height: 56px;
		border-bottom: 1px solid #c1c1c10f;
		padding: 16px 2px;
		gap: 10px;
	}
	
	.people_wrapper .feed-post-text-block .feed-post-text {
		padding: 5px 7px 21px 71px;
	}
	.catalog_page_info_wrapper {
		padding: 12px;
	}
	.cat_elem_personage .person_name_wr
	{
		padding: 0 0 0 15px;
	}
	.char_bio{
		padding: 0;
	}
	.user_profile_right_block_title{
		font-size: 12px;
	}
	.content_right_tiny_island_header
	{
		font-size: 12px;
	}
	.content_right_tiny_island{
		padding:14px;
	}
	/* #bx-messenger-popup-messenger
	{
		width:98%;
	} */
	.bx-notifyManager-item .bx-notifier-item, .im-desktop-popup .bx-notifier-item {
		width: auto;
		padding: 0;
	}  
	.bx-messenger-box.bx-messenger-mark.bx-messenger-global-context-messenger.bx-messenger-custom-scroll.bx-messenger-dark
	{
		width:auto!important;
	}
	/* .bx-messenger-box-contact.bx-messenger-box-contact-normal
	{
		width:57px!important;
	} */
	/* .bx-messenger-box .bx-messenger-box-dialog.bx-messenger-user-admin.bx-messenger-chat-chat,.bx-messenger-box .bx-messenger-box-extra
	{
		margin-left: 52px!important;
		width: auto!important;
	}  */
	.bx-im-notifications-item-content-header-right
	{
		position:static;
	}	
	.bx-im-notifications-item-header-date
	{
		padding:0;
	}
	.bx-im-notifications-item-content-header
	{
		flex-wrap:wrap;
	}
	
	.page_add_person .char_manage_right_block
	{
		padding:20px;
	}
	.page_add_person .char_id_kp_input {
		margin: 0;
		width: 159px;
	}
	.ui-viewer-inner-content-wrapper > * {
		display: inline-block !important;
		overflow: auto;
		vertical-align: middle !important;
		max-width: 100%;
		max-height: 100%;
		width:auto;
		height:auto;
	}
	.ui-viewer-inner
	{
		max-width:100%;
	}
}

@media screen and (min-width: 550px) {
	
}
.main_top 
{
	margin: 20px 0 22px;
}