@charset "utf-8";
*,
*:before,
*:after {
	box-sizing: inherit;
}

*,
html * /* override x.xhtml.ru style */ 
{
  scrollbar-width: thin;
 /*  scrollbar-color: rgb(228, 134, 46) orange; */
}

*::-webkit-scrollbar,
html *::-webkit-scrollbar {
  height: 12px;
  width: 4px;
}
*::-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(235 168 46 / 60%), rgb(171 77 98 / 80%) 90% );
}

html {
	box-sizing: border-box;
	height: 100%;
	min-height: 100%;
	/* overflow: hidden; */
}
body {
	margin: 0; 
/* 	background-color: #333541; */
	background-color: #565967;
	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: 'Fira Sans', 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 0 0px;
}
.footer_btn_login
{
	display:flex;
}
.auth-caption.text-center
{
	line-height: 50px;
    width: 50%;
    text-align: center;
}
.reg-caption.text-center {
    line-height: 15px;
    width: 50%;
    text-align: center;
    align-items: self-end;
    align-self: center;
}
.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/bg.jpg');	*/
	/* background-image: url('/assets/img/chars/1/gar2.jpg'); */
}
/* body::after {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background: radial-gradient(circle at top left, rgba(51,53,65,0) 0%, rgba(51,53,65,1) 65%);
	width: 100%;
	z-index: 1;
	height: 100%;
} */
: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: 1280px;
	margin: 0 auto 0;
	position: relative;
	z-index: 4;
	display: flex;
}

.mainpage
{
	overflow: auto;
	justify-content: space-between;
}
.full_content {
	height: calc(100% - 107px);
	box-sizing: border-box;
	z-index: 4;
}
/*************************************************/
/*************************************************/
/***************                    **************/
/***************       HEADER       **************/
/***************                    **************/
/*************************************************/
/*************************************************/
.logo {
	display: block;
	width: 145px;
	height: 40px;
}
header {
	/*height: 150px;*/
	box-sizing: border-box;
	/*padding: 50px 0;*/
	padding: 25px 0;
    z-index: 5;
    position: relative;
}
.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_text {
	font-size: 16px;
	color: #F2F6F7;
	opacity: .5;
	font-weight: 700;
	line-height: 40px;
    margin: 0 0 0 8px;
}
.logo:hover .logo_text {
	opacity: 1;
}
.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 {
	width: 60%;
	max-width: 960px;
}
.header_right_pack {
	width: 40%;
	max-width: 480px;
	margin-left: 32px;
}
.user_photo {
	width: 40px;
	height: 40px;
	-webkit-background-size: 57px;
	background-size: 57px;
	border-radius: 13px;
	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;
}
.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;
	
}

.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;
}

.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: block;
	/* 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: auto;
    padding-right: 72px;
}
.content_right_tiny {
	width: 40%;
	max-width: 480px;
	margin-left: 30px;
	height: fit-content;
	box-sizing: border-box;
	overflow: auto;
	z-index: -1;
    position: relative;
}
.content_right_tiny_island {
	padding: 40px 40px 0 40px;
	width: 100%;
	background-color: rgba(242,246,247, .05);
	border-radius: 15px;
	max-height: calc(100% - 20px);
   /*  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: 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;
}
.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 {
	width: 89%;
}
.search:hover {
	background-color: rgba(242,246,247, .07);
    box-shadow: 0px 7px 15px 0px rgba(15,23,40, .1);
}
/*************************************************/
/*************************************************/
/***************                    **************/
/***************      Персонаж      **************/
/***************                    **************/
/*************************************************/
/*************************************************/
.char_name {
	font-size: 48px;
	color: #f2f6f7;
	font-weight: 900;
	line-height: 48px;
}
.char_name_bio {
	font-size: 12px;
	color: #a9a9b0;
	max-width: 600px;
	margin-top: 16px;
	margin-bottom: 10px;
}
.char_bio {
	padding: 120px 0 24px 0;
}
.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;
}
.char_description_line_title {
	color: #f2f6f7;
	font-size: 12px;
	display: inline-block;
	width: 112px;
	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;
}
.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 20px -7px;
	
}
.char_name_quick_acts_like {
	width: 210px;
	border: 1px solid #a9a9b0;
}
.char_name_quick_act {
	margin: 0 30px 0 0;
	cursor: pointer;
}
.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;
}
.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.liked {
	width: 135px;
	border: 1px solid #8e5b5a;
   border-radius: 6px;
   margin: 0 0 0 7px;
}
.same_but_different_but_still_same {
	margin-top: 40px;
}
.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_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);
}
.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: 28px;
	overflow: hidden;
	text-align: center;
}

.char_list_right_block .same_but_different_but_still_same_name {
	
	text-align: left; 
}

.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;
}

.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;
}
.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: 900;
	color: rgba(242,246,247, .5);
}
.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: 3px solid #f2f6f7;
    padding-bottom: 3px;
}
.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 {
	display: block;
}
.show_serials .serial_tab_content {
	display: block;
}
.show_books .book_tab_content {
	display: block;
}
.content_right_tiny_island_body {
	padding-top: 25px;
	height: 500px;
   overflow: auto;
}
.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%);
}
.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***********/
.char_list_wr_content_filter, .cat_list_wr_content_filter
{
	overflow-y: auto;
}

.char_list_right_block, .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%;
		
}

.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;
}

.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;
    margin: 25px 0;
	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***********************/
.ui-icon[class*=ui-icon-common-]>i
{
	background-color: #494c58;
	border-radius: 16px;
}

.feed-user-avatar
{
	border-radius: 16px;
}

.user_profile_left_block_wr
{
	width: 430px;
}
.user_profile_left_block {
    padding: 0;
    width: 430px;
    margin: 20px 0px;
    float: left;
	background-color: rgba(242,246,247, .05);
	padding: 40px 40px 20px 40px;
	border-radius: 15px; 
}

.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: 40px;
	height:119px;
	width:119px;
	object-fit: cover;
}

.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
{
	overflow-y: auto;
	padding: 40px 60px;
   width: 848px;
   border-radius: 15px;
   box-shadow: 0px 10px 10px 0px rgb(64 64 64 / 10%);
	margin: 20px 0;
   float: left;
}

.user_profile_right_block_title {
    font-size: 16px;
    font-weight: 900;
    color: rgba(242,246,247, .5);
    float: left;
	margin: 9px 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: nowrap;
}

.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
{
	color:#f2f6f7;
}

.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: 4px;
	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;
}

.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;
}
.catalog_page_name
{
	font-size: 40px;
    color: #f2f6f7;
    font-weight: 900;
    line-height: 48px;
}

.catalog_page_image_cover
{
	width: 180px;
    object-fit: cover;
    margin: 124px 20px 0 0;
    border-radius: 5px;
    max-height: 275px;
}

.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;
	margin: 21px -18px 0 -73px;

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

.feed-post-text-block .feed-post-text
{
	padding: 5px 75px 10px;
}

.feed-item-wrap 
{
	background-color: rgba(242,246,247, .05);
	padding: 26px 20px 20px 32px;
	border-radius: 15px; 
	margin: 0px 0 30px;
}

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

.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 62px;
	z-index: 11;
	display: inline-block;
}

.feed-comments-block {
	border-radius: 1px;
	margin: 10px 28px 17px 68px;
	position: relative;
}

.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 #505360 solid;
/*	min-height: 23px;*/
	padding-top: 14px;
	
}

.feed-post-informers .feed-post-time-wrap {
	line-height: 12px;
	padding-left: 14px;
	position: absolute;
	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: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	transition: opacity .5s,transform .5s,height .5s;
	will-change: opacity,transform,height;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}
.feed-com-files-cont
{
	padding: 0;
	/* height: 300px; */  
	width: 100%;
}


.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: 700px;
	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%; 
	/* -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: 100%;  
	width: 100%; 
	margin: 0 15px 0px 0;
}

.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;
}

.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: 37px;
	height: 37px;
	border-radius: 13px;
	
}
.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 6px 0 6px;
	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%);

}

.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;
	
	font-size: 14px;
	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;
}

.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;
	
}

.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;
}

/*********main page*********/
.main_page_left_block{
	width: 25%;
	display: flex;
    flex-wrap: wrap;
}
.main_page_center_block{
	width: 39%;
}
.main_page_right_block{
	width: 30%;
}

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

.bookmark_movie_list
{
	
    
   
}

.bookmark_movie_list_title
{
	font-size: 16px;
    font-weight: 900;
    color: rgba(242,246,247, 1);
    margin: 0px 0 12px;
}

.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;
}

.form_auth_wr
{
	align-items: center;
    justify-content: center;
   /*  height: 100%; */
    box-sizing: border-box;
    z-index: 4;
	overflow: auto;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 0;
    position: relative;
    display: flex;
}
.auth_reg_welcome
{
	width: 282px;
    border-radius: 10px;
    margin: 10px 0;
}
.wr_search_filter input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
}

.auth-form-submit {
    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;
	margin: 8px 0;
}

.auth-form-submit:hover {
    background: rgb(255, 108, 60);
    background: -webkit-linear-gradient(34deg, rgba(255, 108, 60 ,1) 30%, rgba(251, 82, 90,1) 100%);
    background: -o-linear-gradient(34deg, rgba(255, 108, 60,1) 30%, rgba(251, 82, 90,1) 100%);
    background: linear-gradient(124deg, rgb(255, 108, 60) 30%, rgb(251, 82, 90) 100%);
}
.auth_nav
{
	display: flex;
    gap: 5px;
    align-items: center;
    height: 30px;
}
.auth_nav img {
    width: 16px;
    transform: rotateY(180deg);
    display: inline-block;
    /* font-size: 12px; */
    height: 22px;
    opacity: 0.7;
}
.auth_nav span {
	font-size: 12px;
    font-weight: 100;
    /* line-height: 23px; */
    /* margin: 13px 0 6px; */
	color: #b3b3b3;
}
.auth_logo_text img{
	width: 19px;
    transform: rotateY(180deg);
}
.auth_logo_text
{
    font-size: 16px;
    color: #F2F6F7;
    font-weight: 700;
    /* line-height: 40px; */
    margin: 0 0 2px 0px;
}

.form_auth_wr .auth
{
	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;
    
}
/*
*	Checkbox / Radio
*
*/
.bx_filter .bx_filter_input_checkbox{
	position:relative;
	display:block;
	clear:both;
	overflow:hidden;
	min-height:20px;
	padding-top:5px;
	padding-bottom:5px;
}
.bx_filter .bx_filter_input_checkbox input[type=radio],
.bx_filter .bx_filter_input_checkbox input[type=checkbox]{
	position: relative;
	top: -3px;
	float:left;
	display:none;
}

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

#reg_checkbox
{
	display:none;
}

.reg_captcha_img
{
	margin: 10px 0;
}
input[type=checkbox]:checked + .regular_checkbox {
	background-image: url('/local/assets/images/sprite2.png');
	background-position: -242px -139px;
	background-color: rgba(242,246,247, 0);
}

.bx_filter .bx_filter_input_checkbox .bx_filter_param_text{
	display: block;
	line-height: 15px;
	margin-left: 25px;
	text-align: left;
}