@import url(_sprite-svgcss.css);
@import url(_sprite-svgstack.css);

/*  Html, body */
html, body { height: 100%; }
html, body, div, h1, h2, h3, h4, h5, h6, form, p, textarea { padding: 0; margin: 0; }
body, input, select, textarea, button { font: var(--size-base)/20px var(--regular); color: var(--color-base); }
body { background: #f4f7f9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img { border: none; }
table, table td { padding: 0; border: none; border-collapse: collapse; }

* { word-wrap: break-word; box-sizing: border-box; }

/* Title */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: var(--color-base); }
h1 {font-size: var(--size-xxxl); line-height:30px; margin-bottom:11px}
h2 {font-size: var(--size-xl); margin-bottom:12px}
h3 {font-size: var(--size-lg); margin-bottom:12px}
h4 {font-size: var(--size-lg)}
h5 {font-size: var(--size-md);}
h6 {font-size: var(--size-md); font-family: var(--bold); letter-spacing: var(--spacing); }

code {display:block; color:#232629; font-size: var(--size-md); margin:20px 0 23px}
p {margin-bottom:10px}
img {vertical-align:middle}

/* List */
ul, ol {padding-left:30px; margin:3px 0 4px}
ul li, ol li {padding-bottom:10px}
ol li {list-style-type:decimal !important}

/* Textarea */
textarea, .textarea, .form_sel, .lp14_textarea {width:100%; color: var(--color-base); padding:4px 9px 4px; border:solid 1px var(--color-input); background:#fff}
textarea:hover, .textarea:hover, .lp14_textarea:hover {border-color:#c3c3c3}
textarea:focus, .textarea:focus, .lp14_textarea:focus {border-color:#41aaed}
textarea {resize:none}

input {margin:0}
:focus, :active, div, input,
textarea, button {outline:none}

/* Checkbox & radio */
.checkbox_line br {display:none}
.checkbox_line label {margin-right:10px}

/* Link */
a, span.span_link { color: var(--color-primary); text-decoration: none; outline: none; cursor: pointer; }
a:hover, span.span_link:hover { text-decoration: underline; }

.bbdashed a, .bbdasheda {text-decoration:none; cursor:pointer; border-bottom:dashed 1px var(--color-primary);}
.bbdashed a:hover, .bbdasheda:hover {text-decoration:none; border-bottom:none}

/* Border top, bottom */
.bdrt {border-top:solid 1px #e0e0e0}
.bdrb {border-bottom:solid 1px #e0e0e0}

/* Transition */
.head_menu .icon-stack, .head_elite.no img, .dm_box_link li a, .notify, .user_stats li a, .navp a, .buser_list li, .buser_list li .bbox, .user_list li, .rubric li, .rubric li a, .prof_smpt_edit::before, .prof_smpt_edit::after, .list_rub li, .dropzone, .smile_list img, .flash_notify_close, .wb_close, .sup_search_inp, .prof_edit_btn, .gallery_myprev .gallery_myprev_photo, .stream_trend, .stream_viewers, .stream_count_gifts, .stream_gifts_list li, .purse_control button, .audience_list_info .ctrl, .head_user .icon-stack { transition:all 0.2s ease}

.gallery_but img, .user_list.journal > li .blue_g, .user_list.news > li .blue_g, .jpost > li .blue_g, .comm_control, .comm_block, .comm_del, .comm_edit, .album_photo_list li .album_photo_comm, .showpassword img, .signin_soc_list li img, .refresh_but, .up_contents, .head_user_arr, .head_user_prof, .head-elite, .head-purse, .head-purse-gray, .head-vip, .head-vip-blue, .album_photo_list li .img_show, .album_photo_list li .img_hide, .buser_list li .buser_clear img, .gifts_container .closser { transition:opacity 0.2s ease}

/* Opacity */
.opct0, .prof_smpt_edit:hover::before, .prof_smpt_edit::after, .comm_control, .album_photo_list li .album_photo_comm, .dropzone input.input-file, .flash_notify_box .flash_notify_close, .album_photo_list li .img_show, .album_photo_list li .img_hide, .gallery_myprev .gallery_myprev_photo { opacity: 0; }

.opct, .head_menu .notify, .head_elite.no img:hover, .head_menu a:hover .icon-stack, .gallery_but:hover img, .gallery_but:active img, .user_list.journal > li:hover .blue_g, .user_list.news > li:hover .blue_g, .jpost > li:hover .blue_g, .prof_smpt_edit::before, .prof_smpt_edit:hover::after, .hover_area:hover .comm_control, .comm_block:hover, .comm_del:hover, .comm_edit:hover, .album_photo_list li:hover .album_photo_comm, .showpassword:hover img, .up_contents:hover, .head_user:hover .head_user_arr, .head_elite_box:hover .head-elite.no, .head_purse_box:hover .head-purse, .head_purse_box:hover .head-purse-gray, .head_purse_box:hover .head-purse-blue, .head_vip_box:hover .head-vip.no, .head_vip_box:hover .head-vip-blue.no, .flash_notify_box:hover .flash_notify_close, .album_photo_list li:hover .img_show, .album_photo_list li:hover .img_hide, .prof_edit_btn:hover, .gallery_myprev:hover .gallery_myprev_photo { opacity: 1.0; }

.opct:hover, .head_menu .icon-stack, .showpassword img, .signin_soc_list li img:hover, .refresh_but:hover, .head_user_arr, .head-purse, .head-purse-blue, .head-purse-gray, .head-vip, .smile_list img:hover { opacity: 0.8; }
.leader_head div { opacity: 0.7; }
.head-vip-blue.no, .head-elite.no { opacity: 0.6; }

.journal > li .blue_g, .news > li .blue_g, .jpost > li .blue_g, .comm_block, .comm_del, .comm_edit, .up_contents { opacity: 0.6; }

.steps_box .step1, .prof_verify_list li.no, .prof_edit_btn { opacity: 0.5; }

/* ------------------------------
	Transform
------------------------------ */
.prof_smpt_edit:hover::before { transform:rotate(45deg)}
.prof_smpt_edit:hover::after { transform:rotate(-180deg)}

/* ------------------------------
	Radius
------------------------------ */
.rds0, .warning_box_reg .warning_box, .warning_box_yel .warning_box {border-radius:0}
.rds3t {border-radius:3px 3px 0 0}
.rds3b {border-radius:0 0 3px 3px}
.rds3rtb {border-radius:0 3px 3px 0}
.rds4t {border-radius:4px 4px 0 0}
.rds4b, .acc_setup {border-radius:0 0 4px 4px}
.rds4l {border-radius:4px 0 0 4px !important}
.rds4r {border-radius:0 4px 4px 0 !important}
.rds4tl {border-radius:4px 0 0 0 !important}
.rds4tr {border-radius:0 4px 0 0 !important}
.rds10l {border-radius:10px 0 0 10px !important}
.rds10tl {border-radius:10px 0 0 0 !important}
.rds10tr {border-radius:0 10px 0 0 !important}
.navp a, .navp .search_nav {border-radius:5px}
.prof_tag_list > div {border-radius:20px}

/* ------------------------------
	Margin, padding
------------------------------ */
.p19 {padding:19px}
.p19t13 {padding:13px 19px 19px}
.p19t0b15 {padding:0 19px 15px}
.p19t18b10 {padding:8px 19px 10px}
.p19t13b15 {padding:13px 19px 15px}
.p19b14 {padding:16px 16px 14px}
.p19lr0 {padding:19px 0}
.p20 {padding:20px}

.pb0, .li_pb0 > li {padding-bottom:0 !important}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb19 {padding-bottom:19px}

.pl19 {padding-left:19px}

.pr19 {padding-right:19px}

.pt3 {padding-top:3px}
.pt5 {padding-top:5px}
.pt8 {padding-top:8px}
.pt13 {padding-top:13px}

.closer {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-lg); position:absolute; right:12px; top:10px; opacity:0.6; transition:all .2s ease; cursor:pointer}
.closer:hover {opacity:0.85}
.close { opacity: .55; transition: var(--transition); cursor: pointer; }
.close:hover { opacity: 1; }

/* ------------------------------
	Wrapper
------------------------------ */
.height_full {min-height:100%}
.wrap {width:1140px; text-align:left; margin:0 auto}

/* ------------------------------
	Notify
------------------------------ */
.notify {height:18px; color:#fff; line-height:16px; padding:0 8px; background:#ff5e57; border-radius:100px !important}
.notify:hover {background:#ff4f71}
.notify.no, .notify.no:hover {color:#274c68; background:transparent}

/* ------------------------------
	Dialog modal
------------------------------ */
.dialog_modal {width:100%; height:100%; overflow-y:auto; left:0; top:0; position:fixed; z-index:100; background: rgba(0, 0, 0, .75)}

/* ------------------------------
	Service icons
------------------------------ */
.svc_icon_elite_b {width:50px; height:50px; background:url('svc_icon_b.png?place-for-version') 0 0 no-repeat}
/*.icon-css {margin-left:5px}*/

/* ------------------------------
	Userpic
------------------------------ */
.userpic {width:30px; height:30px; display:table-cell; text-align:center; vertical-align:middle}
.userpic img {max-width:30px; max-height:30px}

/* ------------------------------
	Smiles
------------------------------ */
.smiles_box .dm_box_black {width:200px; padding:8px 10px !important}
.smile_list li {position:relative; margin:4px 5px}
.smile_list img {position:relative; margin:4px 5px; width:20px; height:20px}

/* ------------------------------
	Button add image
------------------------------ */
.add_img_field {width:20px; height:15px; right:10px; top:11px; z-index:2}
	.add_img_field.dm_hover, .smiles_box.dm_hover {position:absolute}
	.add_img_field .file_add_img-button {height:15px; background:url('sprite.png?place-for-version') no-repeat -274px -234px; cursor:pointer}
	.add_img_field .file_add_img-label {width:180px; height:30px; color:#fff; line-height:28px; display:none; padding:0 10px; position:absolute; right:-80px; top:-40px; background:url('../../imgstc/bg_black80.png') repeat; border-radius:3px}
	.add_img_field .file_add_img-label div {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	.add_img_field .file_add_img-label::before {width:16px; height:8px; content:''; left:50%; bottom:-8px; position:absolute; margin-left:-8px; background:url('../../imgstc/gnl_sprite.png?place-for-version') no-repeat 39px 0}

.add_img_but .file_add_img-button {float:left; cursor:pointer; padding:0 15px}
.add_img_but .file_add_img-label {max-width:240px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:4px 0 0 15px}


/* ------------------------------
	Head
------------------------------ */
.head {min-width:1140px; height:60px; border-bottom: 1px solid var(--color-border); background:#fff; position:-webkit-sticky; position:sticky; top:0px; z-index:30}
.head_new_year {background:url('bg_head_new_year.svg?place-for-version') #cfe4f6 repeat-x center top}
 	.head_new_year .logo {width:171px; height:51px; position: relative; top: -3px; background:url('new_year_logo.svg?place-for-version') 0 0 no-repeat}
.head_new_year .logo_box img {display:none}

.head_user_row {margin-left:auto}
	.head_user_row > div + div { margin-left: 20px; }
	.head_user_row a, .head_user_row i {display:block}

	/* ------------------------------
		Logo
	------------------------------ */
	.logo_box { width: 240px; height: 60px; overflow: hidden; padding-bottom: 4px; }
		.logo_box img { max-width: 100%; height: auto; }
	.logo { width: 170px; height: 30px; display: inline-block; }

	/* ------------------------------
		Menu
	------------------------------ */
	.head_menu li:not(:first-child) { margin-left: 27px; }
	.head_menu li:first-child { margin-left: 20px; }
	.head_menu a { color: var(--color-base); text-decoration: none; }
	.head_menu .icon-stack { margin-right: 9px; }
	.head_menu .notify { display: none; margin-left: 10px; background: var(--color-danger); color: #fff; }
	.head_menu .notify:hover { background: #ff4f71; }
		.head_menu .messagenew .notify { display: block; }
	.head_menu .notify_sream, .head_menu .notify_sream:hover { font-size: var(--size-sm); background: #6dda1e; }

	.head_user_row .dm_pad { padding-top: 15px; }
	.head_user_row .dm_box_elite, .head_user_row .dm_box_purse, .head_user_row .dm_box_vip { padding: 15px 20px 20px; }

	/* Elite */
	.head_elite_box .dm_pad { width: 296px; left: -136px; }
	.head_elite_box .dm_box {color:var(--color-base)}

	/*Purse*/
	.head_purse_box .dm_pad {width:240px; left:-110px; }

	.icon_purse_b {width:36px; height:43px; background:url('sprite.png?place-for-version') -270px -555px no-repeat}

	/* VIP status */
	.head_vip_box {margin-top:4px}
		.head_vip_box .dm_pad { width: 242px; left: -109px; }

	/* ------------------------------
		User
	------------------------------ */
	.head_user { width: 136px; height: 38px; padding: 3px 4px; border: 1px solid var(--color-border); border-radius: 20px; }
	.head_new_year .head_user { border-color: #fff; }
		.head_user .icon-stack { margin-left: 6px; position: relative; top: 1px; }
		.head_user .dm_hover:hover .icon-stack { transform: rotate(180deg); }
	.head_user_photo {position:relative}
	.head_user_photo::after {width:23px; height:12px; display:none; content:''; bottom:-16px; left:3px; position:absolute; z-index:31; background:url('../../imgstc/gnl_sprite.png?place-for-version') no-repeat}
	.dm_hover:hover .head_user_photo::after {display:block}

	.head_user_prof { font-family: var(--bold); letter-spacing: var(--spacing); color: var(--color-base); opacity: 1; }
	.head_user_prof:hover { text-decoration: none; }

	.head_user .dm_pad {width:188px; right:0}
	.head_user .dm_box.top::before {display:none}
	.head_user .dm_box_link {padding:14px 0 10px}

/* ------------------------------
	Gallery
------------------------------ */
.gallery_box { min-width: 1140px; height: 130px; }

.gallery_myprev {min-width:103px; height:110px; left:0; top:10px; position:absolute; z-index:22}
	.gallery_myprev a {height:110px; display:block}

.gallery_but {width:102px; height:110px; display:flex; align-items:center; justify-content:center; left:0; top:0; position:absolute; z-index:2; background:url('sprite.button.css.svg?place-for-version') 0 0}
	.gallery_but span {display:inline-block; font-size: var(--size-xl); line-height:25px; color:#fff; text-align:center; padding-right:7px}
.gallery_but:hover {background-position:100% 0}
.gallery_but:active {background-position:50% 0}

.gallery_myprev_photo {left:12px; top:0; position:absolute; z-index:1}
	.gallery_myprev:hover .gallery_myprev_photo {left:92px}

.gallery_list { left: 92px; gap: 2px; flex-wrap: nowrap; top: 10px; z-index: 21; }
		.gallery_list li a { display: block; }
			.gallery_list li a .gallery_photo { width: 103px; height: 110px; }
		.gallery_list li .dm_box { width: 190px; margin-left: -44px; }
	.gallery_list li:nth-child(10) .dm_box { margin-left: -88px; }
	.gallery_list li:nth-child(10) .dm_box.top::before { left: auto; right: 39px; margin-left: 0; }

.gallery_photo img { width: 103px; height: 110px; border-radius: 10px;}
.dm_box_gallery {padding:15px 20px 18px}
.dm_box_gallery .to_els {max-width:86px}
/* .dm_box_gallery span {display:inline-block; float:left} */
.dm_box_gallery span { display: block; float: left; }
.dm_box_gallery .img_clr {width:110px; height:150px}

.gallery_list_no {width:100%; height:100px; left:80px; top:10px; padding-top:38px; background:#f4f7f9}
.greeting_text { font: 13px/20px var(--regular-italic); }

/* ------------------------------
	Breadcrumb
------------------------------ */

.breadcrumb {margin-top:-5px; padding-bottom:13px}
	.breadcrumb li {display:inline-block; color:#838893}
	.breadcrumb li + li::before {content:'»'; padding:0 5px}


/* ------------------------------
	Content
------------------------------ */
.col_left, .col_right {width:240px; float:left}
.col_center {width:620px; float:left; margin-left:20px}
.col_right {float:right; margin-left:20px}
.col_right2 {width:880px; float:right}
.col-main {width:880px}

.h1 {height:50px; display:flex; align-items:center; font-size: var(--size-lg); line-height:18px; color:#e9690b; padding:0 20px; border-bottom:solid 1px #d0d5da}
.title_page {height:50px; line-height:48px; padding:0 20px}
.title_page_news {height:54px}
	.title_page_news .table_cell h1 {line-height:20px; margin-bottom:0}

/* ------------------------------
	Block
------------------------------ */
.bbox { border: 1px solid var(--color-border); background: #fff; }

.bbtabs_box {height:31px; border-bottom:solid 1px var(--color-input)}
	.bbtabs_box li.current a {height:30px}
	.bbtabs_box .bdrr {border-right:solid 1px #E5E6E6}
	.bbtabs_box .current.bdrr {border-right:solid 1px var(--color-input)}

.btabs.btabs_bt > li {border-top:solid 1px #E5E6E6}
.btabs.btabs_bt > li.current {border-top:solid 1px var(--color-input)}

.yel_box, .warning_box_yel .warning_box {color:#393133; background:#f7eecc; border:solid 1px #dacb95}
	.yel_box:not(.invisible_box) a {color:#393133; text-decoration:underline}
	.yel_box a:hover {text-decoration:none}

.warning_box_gray {color:#2c3442; padding:13px 19px 15px; border:solid 1px #d6d9de; background:#f5f7f9}

/* ------------------------------
	Warning box
------------------------------ */
.warning_box {color:#6d2317; padding:13px 19px 15px; background:#ffe1dc; border:solid 1px #ffb8ac}
	.warning_box a {color:#6d2317; text-decoration:underline}
	.warning_box a:hover {text-decoration:none}
.warning_box_reg .warning_box {color:#6d2317; padding:14px 19px 15px; background:#ffe1dc; border:none; border-bottom:solid 1px #ffb8ac}
.warning_box.wb_head {height:40px; line-height:40px; border:none; padding:0}
.wb_close {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-lg); line-height:0; color:#aa9a9d !important; text-decoration:none !important; position:absolute; right:5px; top:20px}
.wb_close:hover {color:#6d2317 !important}

/* ------------------------------
	Bookmarks
------------------------------ */
.bookmarks_box {padding:24px 19px 14px}
	.bookmarks_box.bookmarks_feed {padding:15px 0 0}
.bookmarks li {height:21px}
	.bookmarks li a, .bookmarks li span {display:block; height:21px; line-height:20px; color:var(--color-base); text-decoration:none; margin-right:5px; padding:0 12px}
	.bookmarks li.current a, .bookmarks li.current span {color:#fff; background:var(--color-base); border-radius:2px}

/* ------------------------------
	List line
------------------------------ */
.line li {margin-top:20px; overflow:hidden}
.line li:first-child {margin-top:0}
	.line li > label {text-align:right; float:left; position:relative; top:4px}

/* ------------------------------
	City icon
------------------------------ */
.city_sm, .city_sm_blue {padding-left:14px; background:url('map.png?place-for-version') 0 5px no-repeat}
.city_sm_blue {padding-left:14px; background-position:0 -20px}

/* ------------------------------
	User stats
------------------------------ */
.user_stats { padding: 9px 0 9px; margin-bottom: 14px; border-bottom: 1px solid var(--color-border); }
	.user_stats li a, .user_stats .more_link  {height:30px; color:var(--color-base); padding:0 19px 0; cursor:pointer}
	.user_stats li a:hover, .user_stats .more_link:hover {background:rgba(39,76,104,0.03)}
	.user_stats .no {margin-top:2px}
	.dm_hover.user_stats_dm .dm_pad {padding-top:11px; left:50%; margin-left:-95px}
	.dm_hover.user_stats_dm .dm_pad ul li { width: 190px; }

	.user_stats .down-gray { margin-right: 6px; transition: var(--transition); }
		.user_stats .rotate180 .down-gray { transform: rotate(180deg); }
	.user_stats .more_link_item {margin-top:9px; padding-top:7px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
	.user_stats .more_link_item::before {height:1px; display:block; content:''; position:absolute; left:19px; right:19px; top:0; background:#e6e6e6}
.add_link_box li {padding-bottom:0}

/* ------------------------------
	User list
------------------------------ */
.user_list > li {position:relative; padding:20px 20px 17px; border-top:solid 1px #e0e0e0; overflow:hidden}
	.user_list > li:first-child {border-top:none}
		.user_list.bdrt_li > li:first-child {border-top:solid 1px #e0e0e0}
	.user_list.h120 > li {height:120px}
.user_list > li:hover {background:#f9f9f9}
.user_list > li.elite_box {margin:0 -1px; border:solid 1px #fceabf; background:#fffdf8}
	.user_list.h120 > li.elite_box {height:121px}
.user_list > li.elite_box:hover {background:#fff9ed}
	.user_list.h120 > li.elite_box + li {height:119px; border-top:none}
	.user_list > li > div {float:left; position:relative; z-index:2}
.user_list .horoscope a, .feed_list .horoscope a { color: var(--color-gray); }

.last_visit_box {bottom:0}

.msg_user_bgmsg {width:100%; height:121px; left:0; top:0; z-index:1}
.msg_user_cbox {width:20px}
	.msg_user_cbox > div {position:relative; left:0; top:30px}
.msg_user_info {height:90px; top:-6px}
	.msg_user_info.del {top:15px}
.msg_user_photo img {width:60px; height:auto}
.msg_user_photo a, .msg_user_photo img {display:block}

.new_msg_count {float:right !important; top:29px}
	.new_msg_count a {text-decoration:none}

.service_name {top:35px}

/* ------------------------------
	Message folder
------------------------------ */
.act_folder > li:not(:first-child) { margin-left:10px; }
	/* .act_folder li:first-child input {width:240px} */
.add_tabs {background:url('sprite_y_sm.png?place-for-version') no-repeat 84px -106px}

.dm_add_tabs.dm_pad {width:206px; left:50%; padding-top:6px; margin-left:-103px}

.edit_folder {margin:13px 19px 16px}

.move_folder {height:50px; padding:9px 19px; border-top:solid 1px #e0e0e0}
	.move_folder button {margin:2px 0 0 10px}
	.msg_folder_tabs.perc20 > li, .perc20 > li {width:20%}
	.msg_folder_tabs.perc25 > li {width:25%}
	.li_w206 > li {width:206px}
.msg_title_link li {line-height:20px; padding-left:17px; background:url('sprite_y_sm.png?place-for-version') no-repeat}
	.msg_title_link li.edit {background-position:0 -204px}
	.msg_title_link li.messfilter {background-position:0 -256px}
	.msg_title_link li.region {background-position:0 -372px}
	.msg_title_link li.sbcmess {background-position:0 -230px}

.navp_mess {padding:20px 19px}

/* ------------------------------
	Leader
------------------------------ */
.leader_head, .leader_cont {color:#fff; padding:4px 10px 6px; background:var(--color-primary);}
.leader_head a { color: #fff; }
.leader_cont::before {width:0; height:0; content:''; left:140px; top:-20px; position:absolute; border-width:10px; border-style:solid; border-color:transparent transparent var(--color-primary) var(--color-primary);}
.leader_photo {width:200px; height:270px; background:#f0f0f0}
	.leader_photo img {width:200px; height:auto}
.leader_bg_but {background:#f0f8ea}

/* ------------------------------
	Elite status
------------------------------ */
.elite_status_list li {margin-bottom:10px; position:relative}
.elite_status {width:190px; position:relative; padding:3px 9px 5px}
.elite_status::before {width:9px; height:15px; content:''; left:-8px; top:7px; position:absolute; background:url('sprite.png?place-for-version') 0 -102px no-repeat}

/* ------------------------------
	Search
------------------------------ */
.srh_box .btabs {margin:-1px -1px 0}
.srh_box .btabs li {width:30%}
.srh_box .btabs li a, .srh_box .btabs li div {height:29px; line-height:28px}
.srh_box .btabs li.brn {width:40%}
.srh_box .checkbox-row label { margin-bottom: 0; }

.srh_gmap.dm_hover .dm_pad {width:230px; bottom:-110px; left:-107px; padding-top:16px}
.srh_gmap .dm_box {padding:14px 20px 16px}

.srh_seeking {width:90px; white-space:nowrap}

.srh_tags_box { padding: 13px 19px 7px; margin: 0 -19px 13px; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }

.expsearch, .expsearch_close { display: block; position: relative; padding-right: 17px; cursor: pointer; }
.expsearch::after, .expsearch_close::after { width: 10px; height:6px; content: ''; position: absolute; top: 7px; right: 0px; z-index: 1; background: url('sprite.stack.svg?place-for-version#down-gray') no-repeat 50% / cover; }
.expsearch_close::after { transform: rotate(180deg); }

.age-slider-box { width: 181px; }

.srh_open { flex-shrink: 0; padding-left: 20px; background: url('sprite_y_sm.png?place-for-version') 0 -176px no-repeat; }

.noresult_box {width:100%; margin-top:24px; padding:20px 0 30px}
.buser_list .noresult_box {width:620px; float:none; margin:20px 0 0 10px; padding:20px 0 30px}
.noresult_box:hover, .buser_list .noresult_box:hover {background:#fff}
.noresult_box .smile {width:30px; height:30px; display:block; margin:0 auto 14px; background:url('sprite.png?place-for-version') no-repeat -240px -610px}
.noresult_box button {width:180px}

.add_srh > div { margin-top: 14px; }
.add_srh [type="checkbox"] + label { width: 180px; margin-bottom: 9px; }

.srh_bottom_list > li {width:calc((100% - 20px) / 3)}

.srch_company label { background-color:#eeffe2; padding-right: 4px; }
.srch_company .icon-fir { width:14px; height: 11px; display: block; margin-left: 4px; background:url('../../imgstc/promo/new_year_2015/fir.svg?place-for-version') no-repeat; }

/* ------------------------------
	Block user list
------------------------------ */
.buser_list { flex-wrap: wrap; justify-content: space-between; margin-top: 21px; }
	.buser_list li { width: 305px; position: relative; margin-bottom: 10px; }
	.buser_list li.clr { width: 100%; padding: 0; margin: 0; }

.buser_usinfo { width: 141px; margin-top: -5px; }
.buser_usheight { height: 125px; }

.buser_list .buser_photo {width:110px; height:150px}
.buser_list li .horoscope a {color:var(--color-base)}
.buser_list li:hover {background:#e7ecf0}
.buser_list li:hover .bbox {border-color:#b5bbc1; border-bottom-color:#a1a6ac; border-top-color:#bdc3ca}
.buser_list li.elite {background:#fceabf}
.buser_list li.elite .bbox {border-color:#d7c9a5; border-bottom-color:#b7ad91; border-top-color:#e4d4ad}
.buser_list li.elite:hover .bbox {border-color:#c7b890; border-bottom-color:#aaa081; border-top-color:#d4c399}
.buser_list li.elite .buser_usname {color:#e9690b}

	/* ------------------------------
		Photo
	------------------------------ */
	.buser_photo_info, .album_photo_comm, .album_photo_rating { max-width: 74px; height: 16px; color: #fff; line-height: 15px; bottom: 5px; right: 5px; z-index: 2; padding: 0 7px; background: rgba(0, 0, 0, 0.5); }
	.buser_photo_info div {padding-left:16px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.996 4.515c0 .83-.669 1.503-1.494 1.503a1.498 1.498 0 0 1-1.495-1.503c0-.83.669-1.502 1.495-1.502.825 0 1.494.672 1.494 1.502m-4-.014A2.501 2.501 0 0 0 5.502 7 2.5 2.5 0 0 0 8.006 4.5c0-1.316-1.026-2.38-2.323-2.475h-.359A2.49 2.49 0 0 0 2.996 4.5M10.28 8H.722C.323 8 0 7.691 0 7.31V2.658c0-.381.323-.64.722-.64h1.782s.52-.788.95-1.617c.224-.43.855-.39.855-.39h2.52s.521-.115.834.385c.369.59.676 1.598.97 1.621h1.646c.399 0 .721.309.721.69V7.31c0 .381-.322.69-.72.69'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position-y:4px}

	.buser-photo-row { width: 100%; left: 0; bottom: 5px; padding: 0 5px; }
	.buser-photo-row .buser_photo_info { margin-left: auto; }
		.buser-photo-row .like-delete { width: 24px; height: 24px; background: rgba(0, 0, 0, 0.5); margin: 0 0 0 auto; cursor: pointer; }
			.buser-photo-row .like-delete .icon-stack { margin: auto; opacity: .8; transition: opacity .2s ease-out; }
			.buser-photo-row:hover .like-delete .icon-stack { opacity: 1; }
	.album_photo_rating {left:5px; top:5px; bottom:auto; right:auto; background-image:url('../../imgstc/bg_black75.png')}

	/* ------------------------------
		Bottom info
	------------------------------ */
	.buser_binfo {padding:4px 15px; margin:5px -19px -14px; border-top:1px solid #d0d5da; background:#fafbfc}

	/* ------------------------------
		Clear
	------------------------------ */
	.buser_list li .buser_clear img {width:12px; height:14px; display:block; cursor:pointer; right:15px; top:15px; position:absolute; background:url('../newchat/chat_icons.png?place-for-version') no-repeat 0 -130px}

	/* ------------------------------
		Clear hover effect
	------------------------------ */
	.buser_list li .buser_clear img {opacity:0}
	.buser_list li:hover .buser_clear img {opacity:0.35}
	.buser_list li:hover .buser_clear:hover img {opacity:0.5}

.intim_photo {left:0; top:0; z-index:1}

/* ------------------------------
	Block stream list
------------------------------ */
.stream_viewers::before, .playing_video:hover::before, .stream_headline .arrow_down, .stream_headline .icon::before, .stream_data .favorlist::before, .stream_count_gifts::before, .stream_btn_like, .stream_btn_gift, .icon_award, .stream_lider_list .count_gifts::before, .stream_invitation .title::before, .stream_give_gifts::before, .purse_control .icon_purse, .translation_count li::before, .audience_list_info .ctrl::before, .new_audience::before {background:url(sprite_stream.png?place-for-version) no-repeat}

.stream_list {margin-left:-20px}
	.stream_list li {width:300px; height:300px; position:relative; margin:20px 0 0 20px}
	.stream_list .usname_box {width:100%; height:60px; position:absolute; left:0; bottom:0; z-index:1; padding:30px 0 0 16px; border-radius:0 0 5px 5px; background:url('usname_box_gradient.png') no-repeat center bottom}
	.stream_list .stream_usname {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-md); color:#fff; text-decoration:none; position:absolute; left:16px; top:267px; z-index:10}
	.stream_list .stream_usname:hover {border-bottom:solid 1px #fff}
	.stream_list .noresult_box {width:620px; height:202px; padding-top:30px}

.stream_trend, .stream_viewers {height:18px; color:#fff; line-height:16px; position:absolute; left:11px; top:11px}
.stream_trend {padding:0 8px; border-radius:9px 0 0 9px; background-color:#e81864}
.stream_viewers {padding:0 8px 0 26px; border-radius:9px; background-color:rgba(0,0,0,0.5); cursor:pointer}
.stream_viewers:hover {background-color:rgba(0,0,0,0.7)}
.stream_viewers::before {width:14px; height:8px; display:block; content:''; position:absolute; left:8px; top:5px; background-position:0 -170px}
.stream_viewers_trend {left:63px; border-radius:0 9px 9px 0}

.playing_video {position:absolute; left:0; right:0; top:0; bottom:0; z-index:5; cursor:default}
.playing_video:hover::before {width:80px; height:80px; display:block; content:''; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; background-position:0 -240px; cursor:pointer}

/* ------------------------------
	Visit status
------------------------------ */
.online a, .online span {color:#68c42b}
.online i {position:relative; margin-right:5px}
.online .web {top:1px}
.online .android {top:2px}

/* ------------------------------
	Pagination
------------------------------ */
/*navigation page*/
.navp a, .navp .search_nav {display:inline-block; color:var(--color-base); padding:4px 9px 6px; margin-left:5px}
.navp a:hover {background:#fff}
.navp .search_nav {color:#fff; font-family: var(--bold); letter-spacing: var(--spacing); cursor:default; background:var(--color-base)}
.non {display:none !important}

/* ------------------------------
	Sympathy
------------------------------ */

.third_place { left: 0; bottom: -80px; }

.btn-secondary { color: var(--color-base); background: #f4f7f9; }
.btn-secondary:hover { background: #e9eff3; }
.btn-secondary:active { background: #dfe6eb; }
.btn-big { font-family: var(--regular); font-size: var(--size-md); }

/* ------------------------------
	User profile
------------------------------ */
.userpage-container {padding:25px}
.user-info_left {width:290px}
.user-info_right {width:515px; padding-top:12px}

.count-photo {height:23px; color:#fff; position:absolute; padding:0 6px 0 7px; border-radius: 5px; background:rgba(0, 0, 0, .5)}
.prof-photo {width: 100%; -webkit-clip-path:inset(0 round 5px); clip-path:inset(0 round 5px)}
	.prof-photo img { width: 100%; height: auto; border-radius: 5px; }
	.prof-photo .count-photo {left:12px; bottom:12px;}
.camera-white {margin-right:4px}
.frame-elite .count-photo {left:20px; bottom:20px}
	.frame-elite::before {width:96px; height:96px; display:block; content:''; position:absolute; right:-45px; bottom:-47px; z-index:5; border-radius:100%; background:#f8d549}
	.frame-elite::after {width:25px; height:25px; display:block; content:''; position:absolute; right:8px; bottom:8px; z-index:6; background:url('sprite.stack.svg?place-for-version#star-white') no-repeat 50% / cover}
	.frame-elite img {border:8px solid #f8d549}
.thumbs-item + .thumbs-item {margin-left:5px}
	.thumbs-item img {width:54px; height:54px; border-radius:5px}

.geo-link { cursor: pointer; }
.geo-link:hover { text-decoration: underline; }
.geo-link .geo-blue { margin: 0 1px -2px 5px; }
.visit-row { line-height: 21px; }
.visit-row .blue_bm { color: var(--color-gray) !important; }

.mutual-symp {width:155px; height:60px; padding:0 17px 0 14px; border-radius:30px; border:1px solid var(--color-input); cursor:pointer; transition:all 0.2s}
	.mutual-symp:hover {border-color:#ff5e57}
	.mutual-symp .close {opacity:.5}

.prof-status { font-family: var(--regular-italic); line-height: 22px; padding: 15px; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15); background: #fff; }

.prof-btn-row .btn:not(.more) {width:229px}
.prof-btn-row .more {width:40px; padding:3px 0 0}
.prof-btn-row .dm_box.top::before {left:auto; right:18px}

.premium-access { height: 70px; color: #fff; -webkit-clip-path:inset(0 round 10px); clip-path:inset(0 round 10px); }
.premium-access_male {background:url('premium_access_male.jpg') no-repeat 50% / cover}
.premium-access_female {background:url('premium_access_female.jpg') no-repeat 50% / cover}
.add-gifts-box {width:65px; height:70px}
.add-gifts {width:42px; height:47px; display:block; background:url('add_gift.png') no-repeat 50% / cover}
.add-gifts .add-gift {right:-15px; top:28px}
.prof_gifts_txt { flex-grow:1}

.list_info li > label {width:150px}
.prof_tag_list.user div {line-height:22px;}

/* ------------------------------
	My profile
------------------------------ */
.person-info-row { justify-content:space-between; align-items:center; margin-bottom:7px}
	.person-info-row h1 {margin-bottom:0}

	/* ------------------------------
		Status
	------------------------------ */
	.prof_status {padding:14px 15px 16px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.3)}
	.prof_status.user { min-height: 40px; color: #838893; font-family: var(--regular-italic); padding:10px 20px; }
	.prof_status::before {width:34px; height:41px; content:''; left:58px; bottom:-42px; position:absolute; z-index:3; background:url('sprite.png?place-for-version') -170px -150px no-repeat}

	.prof_status .status_area {min-height:30px; height:auto; overflow:visible; white-space:normal; border:dashed 1px #D5D5D5; box-shadow:none}
	.prof_status .status_area.h50 {height:50px}

	/* ------------------------------
		Button list
	------------------------------ */


	.prof_user_more .dm_pad {width:205px; right:-10px}
	.prof_but_list .dm_box.top::before {left:0; margin-left:156px}

	/* ------------------------------
		Sympathy
	------------------------------ */
	.prof_smpt_list li:first-child {margin-left:0}
	.prof_smpt_list li {margin-left:9px}

	.prof_smpt_box {padding:17px 14px; border-radius:12px; border:1px solid #e9e9e9; background:#fff}
		.prof_smpt_box.ptb14 {padding:14px 0}
		.prof_smpt_box .btn {width:calc(50% - 5px)}

	.prof_smpt_title {width:140px; left:50%; top:-12px; z-index:1; margin-left:-70px; background:#fff}
	.prof_smpt_list {margin-left:29px}
	.icon_heart {width:26px; height:22px; display:inline-block; position:relative; left:5px; margin-right:17px; background:url('sprite.png?place-for-version') no-repeat}
	.heart-like {background-position:-307px -211px}
	.heart-nolike {background-position:-343px -211px}
	.heart-mutual {width:31px; background-position:-307px -180px}
	.edit_like_cross {width:14px; height:14px; display:inline-block; position:relative; right:9px; top:0; background:url('sprite.png?place-for-version') no-repeat; background-position:-380px -560px; cursor:pointer}

/* ------------------------------
	Pop-up task execution
------------------------------ */
.task_execution, .task_execution .table_box {width:410px}
	.task_execution .headline::before {width:28px; height:32px; display:block; content:''; position:absolute; left:16px; top:17px; background:url('sprite_task_execution.png?place-for-version') no-repeat 0 0}
.task_execution .dlg_gnl_body {height:540px; overflow-y:auto}
.task_execution_list li {width:100%; height:60px}
.task_execution_list li + li {border-top:solid 1px #e9ebed}
.task_execution_list a {width:100%; height:60px; display:table; line-height:16px; color:#1c354a; text-decoration:none; background:#fff}
.task_execution_list a:hover {text-decoration:none; background:#f5f8fa}
	.task_execution_list a > span {display:table-cell; vertical-align:middle}
.task_execution_list .app_icon {width:66px; padding-left:10px}
	.task_execution_list .app_icon img {width:40px; height:40px; display:block}
.task_execution_list .reward, .select_task_list .reward {width:140px; position:relative; padding-left:40px}
.reward_icons::before {width:25px; height:25px; display:block; content:''; position:absolute; left:0; top:50%; margin-top:-13px; background:url('sprite_task_execution.png?place-for-version')}
.reward_icons_elite::before {background-position:0 -90px}
.reward_icons_purse::before {background-position:0 -120px}
.reward_icons_up::before {background-position:0 -150px}

/* ----------------------------------
	Pop-up notice add list ignor
---------------------------------- */
.notice_ignore_box {height:600px; text-align:center}
	.notice_ignore_box.inbuilt {height:300px}
	.notice_ignore_box > div {position:relative; left:50%; top:50%; transform:translate(-50%, -50%)}
.notice_ignore_box .notice_row {font-size: var(--size-xl); color:#ff5e57; padding-top:3px}


/* ------------------------------
	App install
------------------------------ */
.bbox_app_inst {border-radius:6px 6px 4px 4px}
.app_inst_banner {width:618px; height:74px; display:block; border-radius:4px 4px 0 0}
.app_inst_container {padding:15px 17px 37px}
	.app_inst_container .btn_mark {display:inline-block; padding-left:42px; position:relative}
		.app_inst_container .btn_mark::before {width:0; height:0; content:''; position:absolute; left:25px; top:13px; border-width:6px 8px; border-style:solid; border-color:transparent transparent transparent #fff}
.app_logo_box {height:80px; font-size: var(--size-lg); line-height:50px; padding:15px; background:#ecf2f5}
	.app_logo_box img {width:50px; height:50px; margin-right:15px}
.app_inst_manual {padding:0 0 24px 20px}
	.app_inst_manual li {font-size: var(--size-md); margin-top:18px; overflow:hidden}
		.app_inst_manual li label {font-family: var(--bold); letter-spacing: var(--spacing); float:left}
		.app_inst_manual li div {margin-left:30px}
	.app_inst_manual .logo_sm {width:28px; height:28px; display:inline-block}

.not_app_instal {width:240px; height:105px; text-decoration:none; display:block; background:url('../app_install/not_app_install.gif') no-repeat left top}

.app_headline {height:80px; font-size: var(--size-lg); line-height:23px; position:relative; padding-top:16px; background:#ecf2f5}
.app_headline::before {width:34px; height:39px; display:block; content:''; position:absolute; left:18px; top:18px; background:url('sprite_task_execution.png?place-for-version') no-repeat 0 -40px}

.select_task_list li {width:100%; height:60px; display:table; border-top:solid 1px #e9ebed}
	.select_task_list li > span {display:table-cell; line-height:15px; vertical-align:middle}
.select_task_list .app_icon {width:70px; text-align:center}
	.select_task_list .app_icon img {width:40px; height:40px; display:inline-block; border-radius:3px}
.select_task_list .app_name {width:278px}
.select_task_list .app_status {width:107px; position:relative; padding-left:25px}
.app_status_icons::before {width:15px; height:15px; display:block; content:''; position:absolute; left:0; top:50%; background:url('sprite_task_execution.png?place-for-version') no-repeat}
.app_status_work::before {margin-top:-7px; background-position:0 -180px}
.app_status_succes::before {margin-top:-7px; background-position:0 -200px}
.app_status_fails::before {margin-top:-7px; background-position:0 -220px}

/* ------------------------------
	Visitors count
------------------------------ */
.visitors_count {cursor:default; padding-left:15px !important; background:url('sprite_y_sm.png?place-for-version') 0px -1430px no-repeat}

/* ------------------------------
	Info list
------------------------------ */
.info_list > li:first-child {margin-top:0 !important}
.info_list > li {overflow:hidden; margin-top:10px}
.info_list > li.ovv {overflow:visible}
	.info_list > li > div.value {float:left; color:#838893; padding-right:20px}
	.info_list > li > div.data {float:left}

.info_list.li_mt20 > li.mt25 {margin-top:25px}
.info_list.li_mt20 > li.mt40 {margin-top:40px}

.w170_410 div.value {width:170px}
.w170_410 div.data {width:410px}
.w190_390 div.value {width:190px}
.w190_390 div.data {width:390px}

.w140_0 div.value {width:140px}
.w140_0 div.data {width:250px}
.w160_0 div.value {width:160px}
.w160_0 div.data {margin-left:160px}

/* ------------------------------
	List info
------------------------------ */
.list_info li > label {width:180px}
.list_info li > div { flex-grow: 1; flex-wrap: wrap; font-size: var(--size-base); margin-left: 20px; }
.list_info.show li > label { flex-shrink: 0; color:#838893}

.list_info_edit {margin-top:13px}
	.list_info_edit li:first-child {margin-top:4px}
	.list_info_edit.fli_mt0 li:first-child {margin-top:0}
	.list_info_edit li { margin-top: 20px; }
		.list_info_edit li > label {font-family: var(--bold); letter-spacing: var(--spacing); margin-top:4px}

	.list_info_edit.main_prof li > label {width:100px; font-family: var(--regular); color:#838893; }
	/*.list_info_edit.main_prof li > div {margin-left:120px}*/
	.list_info_edit.main_prof li > div.checkbox_line {padding-top:4px}

/* -----------------------------------
	Profile protection & Not elite
----------------------------------- */
.protection_box {width:240px; height:150px; padding:34px 20px 19px; border-radius: 10px; background:url('../bg_profile_protection.png') no-repeat}
	.protection_box .text { color: #fff; line-height: 22px; }
.protection_box .btn {width:200px;}
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {
	.protection_box {background:url('../bg_profile_protection@2x.png') no-repeat; background-size:cover}
}

.not-elite1 { background:url('bl_prem1.svg?place-for-version') no-repeat; }
	.not-elite1 .text span { font-size: var(--size-xl); }

.not-elite2 { border: 1px solid #efdaa3; border-radius: 10px; background:url('bl_prem2.png?place-for-version') no-repeat 50% / cover }
	.not-elite2 .text { color: #48515f; padding-left: 77px; }

/* ------------------------------
	Profile gifts
------------------------------ */
.prof_gifts_box {margin:3px 0 23px}
.prof_gifts_list > li, .prof_gifts_prev {width:70px; height:70px}
.prof_gifts_del {width:10px; height:10px; cursor:pointer; bottom:-10px; left:30px; z-index:1; background:url('sprite.png?place-for-version') -40px -177px no-repeat}
.prof_gifts_del:hover {background-position:-52px -177px}
.prof_gifts_more {width:60px; height:50px; font-family: var(--bold); letter-spacing: var(--spacing); border:solid 1px #d9eefb}

.prof_gifts_no {height:70px; background:#f7f7f7}

.dm_prof_gifts {width:300px; left:50%; bottom:60px; padding-bottom:10px; margin-left:-150px}
	.dm_prof_gifts .dm_box {padding:14px 20px 16px}
.dm_prof_gifts_private {left:-10px; top:-10px; z-index:2}
.dm_prof_gifts_photo {margin:6px 20px 6px 0}
.dm_prof_gifts_photo a img {width:60px; height:auto}
.dm_prof_gifts_list {width:180px}
.dm_prof_gifts.anonym {width:270px; margin-left:-135px}
.dm_prof_gifts.anonym .dm_prof_gifts_photo {margin:12px 27px 0 0}
.dm_prof_gifts.anonym .dm_prof_gifts_list {width:160px}

/* ------------------------------
	Profile verify
------------------------------ */
.prof_verify_list {margin:16px 0 29px -15px}
.prof_verify_list li {width:100px; line-height:16px; text-align:center; cursor:default; padding-bottom:2px}

.prof_verify_list span {width:34px; height:34px; display:block; position:relative; margin:0 auto 6px; background:url("sprite_y_m.png?place-for-version") no-repeat}
.prof_verify_list span::before {width:16px; height:16px; display:none; content:''; position:absolute; right:-4px; bottom:-4px; background:url('sprite.png?place-for-version') no-repeat -370px -240px}
.prof_verify_list .prof_verify_mob span {background-position:0 -48px}
.prof_verify_list .prof_verify_photo span {background-position:0 -264px}
.prof_verify_list .prof_verify_fb span {background-position:0 -102px}
.prof_verify_list .prof_verify_vk span {background-position:0 -156px}
.prof_verify_list .prof_verify_ok span {background-position:0 -210px}

.prof_verify_info, .prof_verify_get {display:none; color: var(--color-gray); font-size: var(--size-sm); margin-top:1px}
.prof_verify_get {display:block}
.prof_verify_icon {width:11px; height:8px; display:none; background:url('sprite_y_sm.png?place-for-version') no-repeat 0 -1412px}

.prof_verify_list .yes .prof_verify_info {display:block}
.prof_verify_list .yes .prof_verify_get {display:none}
.prof_verify_list .yes span::before {display:block}


/* ------------------------------
	New acquaintance
------------------------------ */
.modal-content-acquaintance {width:400px}
	.modal-content-acquaintance .modal-body {height:232px; flex-direction:column; align-items:center; font-size: var(--size-md); color:#fff; text-align:center; padding-top:33px; border-radius:5px 5px 0 0; background-color:#3095d4}
	.modal-content-acquaintance .photo-row { align-items:center; position:relative; margin-bottom:17px}
	.modal-content-acquaintance .photo-box {width:91px; height:91px}
		.modal-content-acquaintance .photo-box img {width:100%; height:auto; border:solid 2px #fff; border-radius:100%}
	.modal-content-acquaintance .like {width:55px; height:55px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url('../popup/like.svg?place-for-version') no-repeat}
	.modal-content-acquaintance .title {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-xl); margin-bottom:9px}
	.modal-content-acquaintance p {color:rgba(255, 255, 255, 0.8)}

	.modal-content-acquaintance .modal-footer {height:94px; flex-direction:column; justify-content:center; align-items:center; background-color:#fff}
	.modal-content-acquaintance .modal-footer .btn {width:248px; margin-bottom:10px}
	.modal-content-acquaintance .modal-footer .link {line-height:1; color:#3095d4; border-bottom:solid 1px #3095d4; cursor:pointer; transition:border-color 0.2s ease}
		.modal-content-acquaintance .modal-footer .link:hover {border-bottom-color:#fff}

/* ------------------------------
	User tags
------------------------------ */

/* Search tags */
.tag-dropdown { position: relative; }
.search-tags-box { padding: 13px 19px 19px; margin: 0 -19px 13px; border: 1px solid var(--color-border); border-width: 1px 0; }
	.search-tags-box .tag-input, .search-tags-box .scroll-container { width: 186px; }

/* Profile tags */
.prof-tag-box { margin-bottom: 26px; }
	.prof-tag-box .tag-input { width: 100%; padding-right: 230px; }
.tag-howadd { right: 9px; top: 5px; position: absolute; z-index: 15; }

/* Tags */
.tag-container { flex-wrap: wrap; }

.user-tag { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 25px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin: 13px 10px 0 0; padding: 0 10px; border: solid 1px var(--color-input); border-radius: 20px; background: #fff; cursor: default; transition: var(--transition); }
	.user-tag a { color: var(--color-base); }
	.user-tag .remove-tag { width: 10px; height: 10px; font-size: 14px; color: var(--color-base); font-family: var(--bold); line-height: 11px; letter-spacing: var(--spacing); text-align: center; text-decoration: none; margin-left: 5px; cursor: pointer; }

.allowed { border-color: var(--color-input); }
.allowed:hover { border-color: #c3c3c3; }
.allowed:active { border-color: #41aaed; }
.declined { border-color: #f94848; background: #ffefef; }
	.declined, .declined a { color:#f94848; }
.not-moderated { border-color: #d3d3d3; }
	.not-moderated a { color: var(--color-gray); }

/* ------------------------------
	Profile info box
------------------------------ */
.prof_info_box {margin:7px 0 29px}

/* ------------------------------
	Profile edit
------------------------------ */
.prof_edit_btn, .prof_edit_btn_active {float:left; font-family: var(--bold); font-size: var(--size-sm); letter-spacing: var(--spacing); cursor:pointer; text-indent:34px; position:relative; margin:0 0 0 5px; border:1px solid #fff}
.prof_edit_btn:hover {text-indent:24px; border:solid 1px var(--color-input); background-color:#f7f7f7; border-radius:4px}
	.prof_edit_btn div, .prof_edit_btn_active div {min-width:20px; width:20px; height:22px; overflow:hidden; cursor:pointer; margin:0 5px; background:url('sprite_y_sm.png?place-for-version') 4px -1507px no-repeat}
	.prof_edit_btn:hover div, .prof_edit_btn_active div {width:auto; padding:1px 4px 0 0px}

.prof_edit_btn_active {text-indent:24px; border:1px solid #c3c3c3; border-radius:4px; background-color:#eee}
.prof_edit_btn_active:hover {border:solid 1px var(--color-input); background-color:#f7f7f7}

.prof_edit_btn_active::before,
.prof_edit_btn_active::after {width:0; height:0; content:''; left:38px; bottom:-14px; position:absolute; z-index:1; border-width:8px; border-style:solid; border-color:transparent transparent #e2e5e6 transparent}
.prof_edit_btn_active::after {bottom:-15px; z-index:2; border-width:8px; border-color:transparent transparent #fafbfb transparent}
.prof_edit_btn_active.no_ba::before,
.prof_edit_btn_active.no_ba::after {left:0; bottom:0; z-index:1; border:none}

.prof_edit_block {padding:19px; border:1px solid #e2e5e6; background:#fafbfb}
	.prof_edit_block li:not(.full li) { display: flex; }
.prof_edit_block.full { border-left:none; border-right:none; margin-left:-19px; margin-right:-19px; }
.prof_edit_block.pt13 {padding-top:13px}

.prof_edit_border::before {height: 1px; display: block; content: ''; position: absolute; left: -19px; right: -19px; bottom: 0; background: #e2e5e6;}
#lang_block_1.mt14 {margin-top: 0 !important;}

_:-moz-tree-row(hover), .info_list.mtm20 {margin-top:-20px}

.w120_230 div.value {width:120px}
.w120_230 div.data {width:230px}

.end_edit_tags_btn {text-align:center; margin:23px 0 -5px}

/* ------------------------------
	Top navigation page
------------------------------ */
.topnav_page {width:580px}
	.topnav_page li:first-child {width:194px}
	.topnav_page li {width:193px}

/* ------------------------------
	Navigation next & back
------------------------------ */
.go_back {padding-left:12px; background:url('sprite_y_sm.png?place-for-version') no-repeat 0 -496px}
.go_next {padding-right:12px; background:url('sprite_y_sm.png?place-for-version') no-repeat 0 -520px}
.go_next.album {background-position:121px -520px}
.go_next.goprof {background-position:120px -520px}

/* ------------------------------
	Albums
------------------------------ */
.album_list {width:605px; margin:2px 0 -20px -20px}
	.album_list li {width:280px; height:190px; position:relative; text-align:center; margin:0 0 20px 20px; background:#000}
		.album_list li a {width:280px; height:190px; position:relative}
	.album_list li.cb {padding:0; margin:0}

.album_overlay {display:block; font-family: var(--regular); color:#a4a4a4; text-align:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding-top:120px; background:url('../../imgstc/bg_black70.png') repeat}
.album_overlay::before {width:40px; height:41px; display:block; content:''; position:absolute; left:121px; top:75px; background:url('sprite.png?place-for-version') no-repeat}
.album_lock::before {background-position:0 -610px}
.album_intim::before {background-position:-50px -610px}
.album_justforme::before {background-position:-100px -610px}
.album_addphoto {background-color:var(--color-primary);}
.album_addphoto::before {background-position:-150px -610px}

.album_info {width:280px; height:30px; color:#fff; font-family: var(--bold); letter-spacing: var(--spacing); line-height:28px; text-align:left !important; position:absolute; bottom:0; overflow:hidden; padding:0 10px; background:url('../../imgstc/bg_black50.png') repeat; z-index:5}
	.album_info .album_info_photo {float:right; font-size: var(--size-sm); color:#fff; font-family: var(--regular); padding-left:16px; background:url('sprite_y_sm.png?place-for-version') no-repeat 0 -147px}

.album_photo_list { gap: 10px; flex-wrap: wrap; margin-top: 16px; }
	.album_photo_list li { min-height: 100px; position: relative; background: rgba(0,0,0,1)}
	.album_photo_list li.bgnone {background:none}
	.album_photo_list li .tdbox {width:auto; height:100px}
	.album_photo_list.size2 li .tdbox {width:auto; height:225px}
	.album_photo_list.size3 li .tdbox {width:auto; height:350px}
	.album_photo_list li .img_show, .album_photo_list li .img_hide {width:20px; height:20px; top:0; right:0; position:absolute; z-index:10; background:url('sprite.png?place-for-version') no-repeat -180px 0}
	.album_photo_list li .img_hide {background-position:-210px 0}
	.album_photo_list li .img_show img, .album_photo_list li .img_hide img {width:20px; height:20px}
	.album_photo_list li .photo_style {width:100%; height:100%; display:none; position:absolute; z-index:9; background:#fff; opacity:0.65}
.album_photo_comm a {color:#fff; padding-left:15px; background:url('sprite_y_sm.png?place-for-version') no-repeat 0 -543px}
.album_photo_move li {margin-bottom:36px}
.album_photo_cbox { left: 50%; bottom: -26px; transform: translateX(-50%); z-index: 1; }
	.album_photo_cbox label { margin-bottom: 0; padding-left: 18px; }
.del-photo-row { height: 30px; margin: 6px 0 4px; }
	.del-photo-row label { margin-bottom: 0; }

.album_photo_size li { display: flex; margin-left: 5px; }
	.album_photo_size li a { flex-shrink: 0; align-self: flex-end; display: block; border: 1px solid #d2d3d5; border-radius: 2px; transition: var(--transition); }
	.album_photo_size li a:hover, .album_photo_s1_cur, .album_photo_s2_cur, .album_photo_s3_cur { background: #d2d3d5; }
.album_photo_s1, .album_photo_s1_cur { width: 10px; height: 10px; }
.album_photo_s2, .album_photo_s2_cur { width: 11px; height: 11px; }
.album_photo_s3, .album_photo_s3_cur { width: 12px; height: 12px; }

.album_locked {height:180px; padding-top:50px}
.album_locked.pt36 {padding-top:36px}
	.album_locked .inp_grd {top:1px}

.album_action_list {border-bottom:1px solid #e2e5e6}

/* ------------------------------
	Edit photo
------------------------------ */
.edit_photo {padding-left:20px; background:url('sprite_y_sm.png?place-for-version') no-repeat}
.edit_photo.turn_left {background-position:0 -670px}
.edit_photo.turn_right {background-position:0 -696px}
.edit_photo.turn_180 {background-position:0 -723px}
.edit_photo.flip_horizontal {background-position:0 -750px}
.edit_photo.flip_vertical {background-position:0 -777px}

/* ------------------------------
	Dropzone
------------------------------ */
.dropzone {padding:21px 0 22px; border:2px dashed var(--color-primary);}
.dropzone:hover {background:#F9FCFE}
.dropzone .input-file {width:100%; height:100%; cursor:pointer; left:0; top:0; position:absolute; z-index:1}
.dropzone p {height:33px; display:inline-block; color:var(--color-primary); font-size: var(--size-md); padding:7px 0 0 65px; margin:0; background:url('sprite.png?place-for-version') -340px -510px no-repeat}
.dropzone.dover .drop_instruction, .dropzone .drop_readiness {display:none}
.dropzone.dover .drop_readiness {display:inline-block}

.dlg_multiupload {width:540px}
.dlg_multiupload_info {height:80px; padding:20px}
	.dlg_multiupload_info #upload_stat {max-width:300px}
.dlg_multiupload_cont.container {padding:0}
.dlg_multiupload_item:first-child {border-top:none}
.dlg_multiupload_item {padding:13px 20px 20px; border-top:1px solid #e0e0e0}
	.dlg_multiupload_item .tdbox {width:100px; height:100px; background:#000}
		.dlg_multiupload_item .tdbox img {max-width:100px; max-height:100px}
.dlg_multiupload_item_info {text-align:left !important; margin-left:120px}
.dlg_multiupload_error {color: var(--color-danger)}
.dlg_multiupload_dz {padding:23px 0; border:none}
.dlg_multiupload_dz:hover {background:#e7f5f9}

#upload_bar {height:20px; overflow:hidden; padding:1px; border:1px solid #dddddd; background:#f0f0f0}
#upload_progress {width:0; height:16px; background:#68c42b}

/* ------------------------------
	Account setup
------------------------------ */
/* .acc_setup { background: #f4f7f9; } */
.blacklist .col_r {margin-left:255px; padding-left:5px}
.but_white {width:90px; height:24px; border:solid 1px #E0E0E0; background:url('sprite_y_sm.png?place-for-version') #fff no-repeat 70px -279px; border-radius:13px; cursor:pointer}
	.but_white div {height:24px; line-height:18px; margin-right:10px}
	.but_white.return {background-position:15px -345px}
		.but_white.return div {color:#BCBCBC; margin:0 0 0 10px}

.change_pass input {width:240px}
.change_pass li {margin-bottom:15px}
.change_pass p {margin-bottom:5px}

.form_sel {height:150px}

.general_settings li {margin-top:27px}
	.general_settings li:first-child {margin-top:0}

.invisible_box {height:70px; padding:0 20px; color:#393133}
	.invisible_box div {top:-1px}

.switch {width:50px;height:29px;display:inline-block;cursor:pointer;position: relative;margin: 0 23px;}
	.switch input {display:none !important}
	.switch .slider {position:absolute; left:0; right:0; top:0; bottom:0; background-color:var(--color-input); border-radius:29px; transition:all .3s ease-out}
	.switch .slider::before {height:25px; width:25px; display:block; content:''; position:absolute; left:2px; top:2px; border-radius:50%; background-color:#fff; transition:all .3s ease-out}
	.switch input:checked + .slider {background-color:var(--color-success)}
	.switch input:checked + .slider::before {transform:translateX(21px)}

.payment_menu {margin:0 -28px}
	.payment_menu li {width:123px}

.sel_country_box .col_1, .setup_menu_box.w230 {width:230px}
.sel_country_box .col_2 {margin:0 230px; padding-top:69px}
.setup_menu_box { min-width: 220px; background: #f4f7f9; }
.setup_menu { padding: 21px 27px 20px 20px; }
	.setup_menu li {position:relative; margin-bottom:2px}
	.setup_menu li, .setup_menu li a {height:28px; display:block; color:var(--color-base); line-height:12px}
	.setup_menu li a { display:flex; align-items:center; padding:0 7px 0 9px}
	.setup_menu li.mb12 {margin-bottom:12px}
	.setup_menu li.current { display:flex; align-items:center; color:#fff; padding:0 9px; background:var(--color-base); border-radius:3px 0 0 3px}
	.setup_menu li.current::after {width:8px; height:28px; content:' '; position:absolute; right:-8px; top:0; background:url('sprite.png?place-for-version') no-repeat -104px -150px}
.setup_cont { min-height: 340px; padding: 25px 28px; flex: 1 }
	.setup_cont.w908 {width:908px}
	.setup_cont.w938 {width:938px}
	.setup_cont .list_network li {margin-bottom:10px; padding-left:30px; background:url('sprite_soc_network.png?place-for-version') no-repeat}
	.setup_cont .list_network li.vk {width:100%; height:15px; background-position:0 5px}
	.setup_cont .list_network li.fb {width:100%; height:18px; margin-bottom:7px; background-position:5px -24px}
	.setup_cont .list_network li.yt {width:100%; height:17px; background-position:0 -53px}
	.setup_cont .conditions_title { margin: 0 0 20px; }
	.setup_cont .conditions_list { padding-left: 30px; }

.txt_change_pass {width:340px; height:170px; padding:14px 19px 20px}
	.txt_change_pass li {padding-bottom:0}
	.txt_change_pass ul {margin:0; padding:0 0 0 15px}

.reason_list li + li {margin-top:7px}

.promocode-row .inp_grd { width: 142px; margin-right: 8px; }
.promo-error-row { font-size: val(--size-sm); color: val(--color-danger) }

/* ------------------------------
	Journal
------------------------------ */
.add_comm {padding:20px; background:#F9FBFC}
	.add_comm .form_box {margin-left:40px}
.add_comm_box {padding:9px 0 11px; border:solid 1px #E0E0E0; border-width:1px 0; background:#F9FBFC}
.add_comm_box_projects {border:0; background:transparent}
	.add_comm_box .add_comm {padding:12px 19px 8px}

.back_link {margin:15px 0 5px 20px}

.edit_geo { padding: 10px 19px 9px; }

.jpost > li {padding:15px 20px 14px; border-top:solid 1px #E0E0E0}
.jpost > li:hover {background:#F9F9F9}
	.jpost .blue_g a, .jpost.blue_g a {color: var(--color-gray);}
.jpost_img {max-width:150px; max-height:150px; margin:2px 15px 0 0}
.jpreview {float:none !important; margin-left:80px}
	.jpreview .name_row {position:relative; top:-3px}
	.jpreview .comm_control {margin-left:auto}

.lj_box {padding:0 19px 20px}
	.lj_box .smiles_box {right:30px}

.mess_area {height:70px; padding-right:67px}
.mess_edit_area {height:280px; padding-right:45px}

.one_ljpost {padding:0 20px 15px}
.one_jpost_img {margin:2px 15px 0 0}
	.one_jpost_img img {max-width:200px; max-height:200px}

.rubric {margin:5px 20px 10px 10px}
	.rubric li {height:21px; margin-bottom:4px; padding:0 10px}
	.rubric li:hover, .rubric .current {background:var(--color-base); border-radius:2px}
		.rubric li a {color:var(--color-base); text-decoration:none}
		.rubric li:hover a, .rubric .current a {color:#fff}
.rubric_ico {width:10px; height:10px; margin-right:5px; background:url('sprite_y_sm.png?place-for-version') no-repeat 0 -475px}

.user_list.journal li.elite_box + li {border-top:none}

.rubric_sream {margin:13px 20px 10px 20px}
	.rubric_sream li + li {margin-left:8px}

.total_comm, .total_note, .total_quote {padding-left:15px !important; background:url('sprite_y_sm.png?place-for-version') no-repeat}
.total_comm {background-position:0 -419px}
.total_note {background-position:0 -396px}
.total_quote {padding-left:20px !important; background-position:0 -444px}
.total_comm_box {padding:0 20px}

	/* ------------------------------
		List comments
	------------------------------ */
	.comm_box {padding:20px; border-top:solid 1px #E0E0E0}
	.comm_box:first-child {border-top:none}
		.comm_box.child:first-child {border-top:solid 1px #E0E0E0}
	.comm_block, .comm_del, .comm_edit {width:11px; height:11px; margin:5px 0 0 10px !important}
		.comm_block a, .comm_del a, .comm_edit a {height:11px; display:block; background:url('sprite.png?place-for-version') no-repeat}
		.comm_block a {background-position:-378px -93px}
		.comm_del a {background-position:-390px -21px}
		.comm_edit a {background-position:-390px 0}

	.ljcmm .add_comm {margin-bottom:-1px; padding:21px 19px 19px; border:solid 1px #DCE1E5; border-width:1px 0}

	.add_comm_box_projects .comm_box {padding:10px 20px; border-top:0}
	.add_comm_box_projects .add_comm {background:transparent}
	.add_comm_box_projects .add_comm .form_box {margin-left:80px}

	/* ------------------------------
		Rubric
	------------------------------ */
	.edit_rub_box {padding:0 19px 15px}

	.list_rub li {height:50px; line-height:48px; padding:0 20px; border-top:solid 1px #E0E0E0}
	.list_rub li:hover {background:#F9F9F9}

/* ------------------------------
	Share block
------------------------------ */
.share_list {margin-top:15px}
	.share_list li {margin-left:6px}
.shareblock {width:24px; height:24px; cursor:pointer; background:url('sprite.png?place-for-version') no-repeat}
.shre_fb {background-position:-303px -275px}
.shre_mr {background-position:-361px -275px}
.shre_od {background-position:-332px -275px}
.shre_vk {background-position:-274px -275px}

/* ------------------------------
	Captcha
------------------------------ */
.captcha_box a {padding-left:16px; background:url('sprite_y_sm.png?place-for-version') no-repeat 0 -569px}

/* ------------------------------
	Friend feed
------------------------------ */
.bookmarks_feed .bookmarks {margin-right:-6px}

.feed_content_photo img {float:left; margin:5px 10px 5px 0}
.feed_date_box {height:36px; margin:9px -20px 20px; padding-left:20px}
.feed_item {cursor:pointer}
.feed_list > li {position:relative; padding:3px 20px 17px; overflow:hidden}
	.feed_list > li:first-child {padding-top:4px}
		.feed_list > li:first-child .feed_date_box {margin-top:0}
.feed_list .msg_user_photo {float:left; margin-right:20px}

/* ------------------------------
	Setting smschat
------------------------------ */
.phone_num_box {height:33px}
	.phone_num_box button {top:-1px}
	.phone_num_box input[type="text"] { font-family: var(--bold); letter-spacing: var(--spacing); }
	.phone_num_box .phone_num {padding-right:15px}

.set_smschat .line_time {height:28px; background:url('sms_slider.png?place-for-version') no-repeat}
	.set_smschat .line_time .period {height:6px; position:relative; top:15px; margin-left:4px; border-radius:2px}
		.set_smschat .line_time .period.night {background:#68C42B}

.set_smschat .time_slider {margin:0 43px 0 31px}
	.set_smschat .time_slider .slider {width:10px; height:40px; text-decoration:none; position:absolute; top:25px; background:url('../../imgstc/xforms/lp14/xforms.png?place-for-version') -35px 0 no-repeat; z-index:5; cursor:pointer}
	.set_smschat .time_slider .slider:hover {background-position:-50px 0}
		.set_smschat .time_slider .slider span {min-width:28px; font-size: var(--size-sm); color:#2B5574; display:block; position:relative; left:-9px; top:13px}
.set_smschat .time_slider .slider_left {margin-left:15px}

/* ------------------------------
	Sign in
------------------------------ */
.showpassword {right:10px; top:10px}
.showpassword img {width:18px; height:11px; display:block; cursor:pointer; background:url('sprite.png?place-for-version') -144px -150px no-repeat}
.showpassword.active img {background-position:-120px -150px}

.bt_top_form {margin-left:auto}
	.bt_top_form .showpassword {display:none}
	.bt_top_form .btn-light { min-width: 90px; }

.login-col-left { width: 340px; border-right: 1px solid var(--color-border); padding: 30px 65px 22px 45px; }
	.login-col-left .btn-social-row { margin-bottom: 9px; }
	.login-col-left li + li { margin-top: 15px; }
	.login-col-left .xcheckbox { margin-bottom: 0; }
	.login-col-left .text { line-height: 18px; padding-top: 16px; }
.login-col-right { width: 310px; padding: 25px 50px 22px 40px; }

/* social buttons SVG */
/*.btn-social-reg {width:160px}*/
.btn-social-reg li {position:relative}
.btn-social-reg li:nth-child(1) {z-index:4}
.btn-social-reg li:nth-child(2) {z-index:3}
.btn-social-reg li:nth-child(3) {z-index:2}
.btn-social-reg li + li {margin-top:10px}
.btn-social-reg a { color: var(--color-base); }
.btn-social-reg .icon-stack { display: block; margin-right: 12px; }

.btn-social-auth {width:293px;}
.btn-social-auth-bl {width:100%; margin-left:0}

.btn-social-reg_v2 {width:100%}
	.btn-social-reg_v2 li { display:flex; align-items:center}
	.btn-social-reg_v2 li + li {margin-top:10px}
	.btn-social-reg_v2 .btn {margin-right:10px}
	.btn-social-reg_v2 a { color: var(--color-base); text-decoration: none; }

.btn-social-row { width: 100%; justify-content:space-between; }
.btn-social-reg.btn-social-row { width: 82px; }

.google-off { cursor: not-allowed; }
.google-warning { display: none; line-height: 15px; color: var(--color-danger); margin-bottom: 20px; }

.login_row { align-items:center; flex-wrap:wrap}
.login_row .btn {margin-bottom:4px}
.login_row .outer-link {margin:0 auto 4px}

.img-friends { width: 160px; height: 60px; margin: 0 auto 14px; }

/* ------------------------------
	Registration
------------------------------ */
.reg_title {margin:33px 0 21px}
.reg_title2 {margin:33px 0 41px}
.reg_wrap {width:900px}
.reg_wrap .mr45 {margin-right:45px !important}
.reg_form_box {width:636px}
.reg_form {padding-right:45px; border-right:1px solid #E9EBED}
.reg_form .xpopup-tab-container {width:280px}
.reg_block {width:264px; padding-left:44px}
.reg_soc_arr {width:16px; height:14px; margin:18px 12px 0; background:url('sprite.png?place-for-version') -144px -171px no-repeat}

.reg_warning .warning_box {text-align:center; /*margin:27px 0 14px*/}

.refresh_but {width:14px; height:14px; background:url('sprite.png?place-for-version') -120px -171px no-repeat}

.w310_280 div.value {width:310px; color:var(--color-base); text-align:right; padding-right:30px}
.w310_280 div.data {width:280px}
.w220_310 div.value {width:240px; color:var(--color-base); text-align:right; padding-right:20px}
.w220_310 div.data {width:310px}

	/* ------------------------------
		Valid error form
	------------------------------ */
	.valid_error input, .valid_error .xselect-container .xselect-input, .valid_error .consum {border:1px solid #f13a5d !important}
	.valid_error .xselect-container .xselect-input input {border:none !important}
	.errorMessage {color:#f13a5d}

/* ------------------------------
	Registration new
------------------------------ */
.reg_body, .reg_body input, .reg_body textarea, .reg_body button { font-family: var(--regular); }
.reg_body .reg_title { font-size: var(--size-xxl); margin: 37px 0 32px 240px; }
.reg_body .inp_st {height:32px; padding:5px 9px; border:1px solid #c5c9ce; background:#fff; border-radius:1px}
.reg_body .reg_form_box {width:611px}
.reg_body .reg_form {padding-right:60px; border-right:1px solid #e9ebed}
	.reg_body .reg_form .xpopup-tab-container {width:280px}
	.reg_body .reg_form > li:first-child {margin-top:0}
	.reg_body .reg_form > li {margin-top:18px}

	/* ------------------------------
		Input grd
	------------------------------ */
	.flat_form .inp_grd {height:32px; padding:5px 9px; border:1px solid #c5c9ce; background:#fff; border-radius:1px; box-shadow:none}
	.flat_form .inp_grd:hover {border:solid 1px #b1b6bd}
	.flat_form .inp_grd:focus {border:solid 1px var(--color-primary);}
	.flat_form input::-webkit-input-placeholder {color: var(--color-base); opacity:1}
	.flat_form input::-moz-placeholder {color: var(--color-base); opacity:1}
	.flat_form input:-moz-placeholder {color: var(--color-base); opacity:1}
	.flat_form input:-ms-input-placeholder {color: var(--color-base); opacity:1}

	.pref7 {color: var(--color-base); text-align:center !important; left:2px; top:2px; position:absolute; z-index:1; padding:4px 6px 0 5px; background:rgba(70,81,96,0.05)}
		.flat_form .pref7 {width:30px; height:28px; padding-top:4px}
	.pref7_inp {padding-left:38px !important}

	/* ------------------------------
		Select
	------------------------------ */
	.flat_form .xselect-container .xselect-input {display:block; overflow:hidden; line-height:20px; cursor:pointer;border:1px solid #c5c9ce; background:#fff !important; box-shadow:none; border-radius:1px}
	.flat_form .xselect-container .xselect-input:hover {border:1px solid #b1b6bd; background:#fff !important}
	.flat_form .xselect-container.active .xselect-input {border:solid 1px var(--color-primary);}

		.flat_form .xselect-container .xselect-input input {width:100%; height:32px; cursor:pointer; white-space:nowrap; padding:7px 30px 5px 9px; margin-top:-2px; border:none; background:transparent}
		.flat_form .xselect-container .xselect-input div {height:30px; line-height:20px; text-align:left !important; cursor:pointer; white-space:nowrap; padding:5px 19px 5px 9px}

	.flat_form .xselect-container .xselect-button,
	.flat_form .xselect-container.disabled .xselect-button,
	.flat_form .xselect-container.disabled .xselect-button:hover {height:30px !important; right:1px; top:1px; background-position:-66px 10px}

	.flat_form .xselect-clear-button {top:12px; opacity:0.5}

		/* ------------------------------
			Drop
		------------------------------ */
		.flat_form .xselect-container .xselect-drop {top:31px; border:1px solid #c5c9ce; border-radius:1px}
			.flat_form .xselect-container .xselect-drop li {padding:5px 9px}
			.flat_form .xselect-container .xselect-drop li[data-action] {border-top:1px dashed var(--color-primary);}
			.flat_form .xselect-container .xselect-drop li[data-action]:first-child {border-top:none}
			.flat_form .xselect-container .xselect-drop li.active {background:#f8f8f8}
			.flat_form .xselect-container .xselect-drop li.xselect-selected {color:var(--color-base); background:#e0e4ea}

.reg_body .reg_block {width:289px; padding:0 60px 0 59px}

	/* ------------------------------
		Social icons
	------------------------------ */
	.soc_icon_list {height:40px; display:inline-block; color:var(--color-base); font-family: var(--bold); letter-spacing: var(--spacing); padding:10px 0 0 55px; background:url('sprite_y_soc_m.png?place-for-version') 0 0 no-repeat}
	.soc_icon_list.vk {background-position:0 0}
	.soc_icon_list.ok {background-position:0 -60px}
	.soc_icon_list.mail {background-position:0 -120px}
	.soc_icon_list.fb {background-position:0 -180px}

/* ------------------------------
	Registration 3 steps
------------------------------ */

::-webkit-input-placeholder {color:#949494}
::-moz-placeholder          {color:#949494}
:-moz-placeholder           {color:#949494}
:-ms-input-placeholder      {color:#949494}

.register_box .reg_form_box {width:280px; position:relative; left:309px}
.register_box .reg_form_box::after {width:1px; height:390px; display:block; content:''; position:absolute; top:130px; right:-45px; background:#eaecee}
.register_box h1 { font-size: 26px; margin: 31px 0 33px; }
.register_box .reg_block { padding-top: 84px; }
.register_box .title { font-size: var(--size-lg); margin-bottom: 19px; }
.register_box .text_conditions, .reg_container .text_conditions, .reg_container_v2 .text_conditions {color:#b8babf; text-align:center; padding:21px 0 16px}
.register_box .text_conditions { padding-top: 11px; }
.reg_container .text_conditions, .reg_container_v2 .text_conditions {margin:0 -20px; padding-top:13px}
	.register_box .text_conditions a, .reg_container .text_conditions a, .reg_container_v2 .text_conditions a {color:#b8babf; text-decoration:none; border-bottom:solid 1px #b8babf; transition:all .2s linear}
	.register_box .text_conditions a:hover, .reg_container .text_conditions a:hover, .reg_container_v2 .text_conditions a:hover {border-bottom:transparent}

.consum::before {background:url('sprite_register_step.png?place-for-version') transparent no-repeat}

.progress-bar { justify-content: center; margin-bottom:31px}
	.progress-bar li {width:90px; height:4px; float:left; border-radius:3px; background-color:#e3e3e5}
	.progress-bar li + li {margin-left:5px}
	.progress-bar .active {background-color:#24d842}

.reg_list > li {position:relative}
.reg_list > li + li {margin-top:24px}
	.reg_list .item_consum_box {margin-top:11px}
	.reg_list li > label {display:inline-block; font-family: var(--bold); letter-spacing: var(--spacing); margin-bottom:7px}
.reg_list .find {margin-bottom:17px}
.reg_list .errorMessage {display:inline-block}
	.reg_list .consum_box .errorMessage {bottom:-14px}
	.reg_list .captcha_box .errorMessage {top:90px}

.reg-attention-row { font-size: 12px; line-height: 1; color: #000; padding-top: 25px; }
	.reg-attention-row .icon-stack { margin-right: 5px; }

.checkpol-row label:nth-child(2) { margin-right: 20px; }

.consum_box label::after { display: none; }

.consum { width: 135px; height: 100px; display: block; line-height: 14px; text-align: center; position: relative; padding: 69px 0 0; border: solid 1px #c8c7cc; border-radius: 5px; cursor: pointer; }
.consum::before { width: 43px; height: 46px; display: block; content: ''; position: absolute; left: 50%; top: 16px; margin-left: -21px; border: none; }

.icon_male::before { background-position: 0 -207px; }
.icon_female::before { background-position: 0 -257px; }

.item_consum_box .target-list { width: 280px; height: 210px; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; }

.icon_romantic, .icon_sex {padding-top:61px}
.icon_search::before {background-position:0 -58px}
.icon_romantic::before {background-position:0 -108px}
.icon_family::before {background-position:0 -163px}
.icon_sex::before { top: 12px; background-position: 0 0; }

:checked + .consum { padding-top: 68px; border: solid 2px #178cf9; }
:checked + .consum::before { top: 15px; }
:checked + .icon_romantic, :checked + .icon_sex { padding-top: 60px; }

:checked + .icon_male::before { background-position: -50px -207px; }
:checked + .icon_female::before { background-position: -50px -257px; }
:checked + .icon_search::before { background-position: -50px -58px; }
:checked + .icon_romantic::before { background-position: -50px -108px; }
:checked + .icon_family::before { background-position: -50px -163px; }
:checked + .icon_sex::before { top: 11px; background-position: -50px 0; }

.reg_list .captcha_box a { font-size: var(--size-md); }

/* ------------------------------
	Registration 4 steps
------------------------------ */
.warning_box_row {width:442px; display:none; margin:0 auto; text-align:center; padding:20px 0}
.reg_container {min-height:484px; background-color:#fff}
.reg_lbox {width:378px; padding:30px 57px 0 50px; border-right:solid 1px #ddd}
	.reg_lbox .title {font-size: var(--size-xl); color:var(--color-base); text-align:center; margin-bottom:21px; justify-content:center; align-items:center}
	.reg_lbox .emoji {width:26px; height:26px; display:inline-block; margin-left:5px}
	.reg_lbox .emoji_1 {background:url('../lp14/registration/emoji_1.jpg') no-repeat 0 / cover}
	.reg_lbox .emoji_2 {background:url('../lp14/registration/emoji_2.jpg') no-repeat 0 / cover}
	.reg_lbox .emoji_3 {background:url('../lp14/registration/emoji_3.jpg') no-repeat 0 / cover}
	.reg_lbox .emoji_4 {background:url('../lp14/registration/emoji_4.jpg') no-repeat 0 / cover}
.progress_row { justify-content:space-between; margin-bottom:29px}
	.progress_row span {width:65px; height:3px; border-radius:3px; background-color:#e3e3e5}
	.progress_row .active {background-color:#77d137}

.reg_content .errorMessage {position:absolute; left:0; bottom:-20px}
.reg_content li {position:relative}
.reg_content li:not(:first-child) {margin-top:14px}
.reg_content li > label {display:block; font-family: var(--bold); letter-spacing: var(--spacing); margin-bottom:7px}
.reg_content .prop_castom label {margin:0 33px 0 0; padding:0}
.reg_content .prop_castom label::before {display:none}

.gender_row, .gender_row label { align-items:center}
.gender_row:first-child {margin-right:37px}
.gender_row .xradio {display:none}
.gender_row label span {position:relative}
.gender_row span {width:36px; height:36px; display:inline-block; margin:0 11px 0 0; border:solid 1px var(--color-input); border-radius:100%; cursor:pointer}
.gender_row span:hover {border-color:#c3c3c3}
.gender_row svg {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.gender_row path {fill:#40abed}
.gender_row .xradio.checked + label span {border-color:#40abed; background-color:#40abed}
.gender_row .xradio.checked + label path {fill:#fff}

.reg_dropzone {width:152px; height:152px; position:relative; margin:0 auto 10px; border:dashed 2px #40abed; border-radius:100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='140' height='140' viewBox='0 0 140 140'%3E%3Cdefs%3E%3Ccircle id='prefix__a' cx='70' cy='70' r='70'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='prefix__b' fill='%23fff'%3E%3Cuse xlink:href='%23prefix__a'/%3E%3C/mask%3E%3Cuse fill='%23D9D9D9' xlink:href='%23prefix__a'/%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M62.8 49L58 53.778h-7.2c-2.644 0-4.8 2.146-4.8 4.778v28.666C46 89.854 48.156 92 50.8 92h38.4c2.644 0 4.8-2.146 4.8-4.778V58.556c0-2.632-2.156-4.778-4.8-4.778H82L77.2 49H62.8zM70 60.944c6.722 0 12 5.254 12 11.945 0 6.69-5.278 11.944-12 11.944S58 79.58 58 72.89c0-6.69 5.278-11.945 12-11.945zm0 3.584c-4.64 0-8.4 3.742-8.4 8.36 0 4.62 3.76 8.362 8.4 8.362 4.64 0 8.4-3.742 8.4-8.361 0-4.62-3.76-8.361-8.4-8.361z' mask='url(%23prefix__b)'/%3E%3Cpath fill='%23fff' stroke='%23D9D9D9' stroke-width='2' d='M106.8 50.282c-2.434 0-4.72-.943-6.438-2.656-1.717-1.712-2.662-3.993-2.662-6.421 0-.666-.538-1.205-1.2-1.205-.662 0-1.2.54-1.2 1.205 0 2.428-.945 4.709-2.662 6.42-1.718 1.714-4.004 2.657-6.438 2.657-.663 0-1.2.54-1.2 1.205s.537 1.205 1.2 1.205c5.018 0 9.1 4.083 9.1 9.103 0 .666.538 1.205 1.2 1.205.662 0 1.2-.54 1.2-1.205 0-5.02 4.082-9.103 9.1-9.103.663 0 1.2-.54 1.2-1.205 0-.666-.537-1.205-1.2-1.205h0z' mask='url(%23prefix__b)'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position:50%; background-repeat:no-repeat}
	.reg_dropzone .input-file {width:152px; height:152px; position:absolute; left:0; top:0; z-index:1; cursor:pointer; opacity:0}
	.reg_dropzone img {width:140px; height:140px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:100%}
.drop_addfile_instruction span {color:#3095d4; cursor:pointer}

.reg_rbox {width:272px; padding:28px 46px 0 36px}

/* ------------------------------
	Registration V2
------------------------------ */
.reg_container_v2 {padding:30px 45px 7px; background:#fff; border-radius: 0px 0px 10px 10px;}
	.reg_container_v2 .text_conditions {line-height:16px}
.gender_line div:first-child {margin-right:30px}
.gender_line [type="radio"] + label {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; padding-left: 0;}
.gender_line [type="radio"] + label::before, .gender_line [type="radio"] + label::after { display: none; }
.gender_line .icon_stack {width:30px; height:30px; display:block; margin-right:8px; background-position: 50%; background-size:cover; cursor:pointer}
.gender_line .icon_man {background-image:url('sprite.stack.svg?place-for-version#man')}
.gender_line .icon_woman {background-image:url('sprite.stack.svg?place-for-version#woman')}
.gender_line [type="radio"]:checked + label > .icon_stack { background-image:url('sprite.stack.svg?place-for-version#check'); }
.gender_line [type="radio"]:checked + label::before,
.gender_line [type="radio"]:checked + label::after { display: none; }
.gender_line .label_title { -ms-grid-row-align: center; align-self: center; padding-bottom: 3px; cursor: pointer }

/* ------------------------------
	Registration looking for
------------------------------ */
.reg_looking_for {width:316px; right:-336px; top:-140px; position:absolute; z-index:1; padding:13px 20px 15px}
.reg_looking_for::before, .reg_looking_for::after {width:0; height:0; content:''; left:-21px; top:144px; position:absolute; border-width:10px; border-style:solid; border-color:transparent #dacb95 transparent transparent}
.reg_looking_for::after {left:-20px; border-color:transparent #f7eecc transparent transparent}

/* ------------------------------
	Check email after registration
------------------------------ */
.headline_check_mail .title::before, .check_mail .icon_mail::before, .check_mail .icon_phone::before {display:block; content:''; position:absolute; background:url('sprite_check_mail.png?place-for-version') no-repeat}
.headline_check_mail {height:195px; font-size: var(--size-md); line-height:22px; margin-bottom:59px; padding-top:71px; background-color:#f1f7fb}
	.headline_check_mail .title {font-size: var(--size-xxl); line-height:0.63; position:relative}
	.headline_check_mail .title::before {width:72px; height:58px; left:-83px; top:-20px; background-position:0 0}

.check_mail_btn {margin:-25px 0 30px}
	.check_mail_btn .btn {width:270px; display:block; margin:0 auto 10px}
	.check_mail_btn .btn-outline-success { border-radius: 5px; }

.check_mail {width:480px; position:relative; margin:0 auto}
	.check_mail .yel_box {color:#393133; padding:13px 19px 5px; margin:16px 0 14px}
	.check_mail .bbdasheda {border-bottom-color:var(--color-base); color:var(--color-base)}
	.check_mail .icon_mail, .check_mail .icon_phone {position:relative; padding:0 0 10px 32px}
	.check_mail .icon_mail::before {width:18px; height:15px; left:0; top:3px; background-position:-80px 0}
	.check_mail .icon_phone::before {width:14px; height:20px; left:0; top:0; background-position:-80px -20px}
.check_mail_box {width:410px; margin-left:32px; padding-top:10px}

/* ------------------------------
	News
------------------------------ */
.news_img img {width:auto; height:auto; max-width:100px; max-height:100px}
.news .blue_g a {color: var(--color-gray);}
.npreview {float:none !important; margin-left:120px}

.opros_news_but {width:125px}

.opros-variant li:not(:last-child) { margin-bottom: 10px; }
.opros-variant label { margin-bottom: 0; }

.result_opros {height:15px; line-height:15px}
.rusult_opros_bg {width:530px; height:15px; margin-right:10px; background:#F4F7F9}
.result_opros_act {height:15px; background:var(--color-primary);}

.news_more {border-top:1px solid #d3d7dc; padding:13px 19px 0px; margin:16px -19px 0px}

.news_more_list {margin-top:19px}
	.news_more_list li {width:50%}
		.news_more_list li a {display:block}

.news_more_img {width:110px; height:85px; float:left; margin:0px 20px 0px 0px; background:rgba(0,0,0,0.1)}
.news_more_title {font-family: var(--bold); letter-spacing: var(--spacing); padding-top:11px}

.cmm_like_row .cmm-like {margin:1px 7px 0 0; opacity:.7; cursor:pointer; transition:opacity .2s linear}
.cmm_like_row .cmm-like:hover, .cmm_like_row .cmm-like-active {opacity:1}
.cmm-like-active + span {color:#ff5e57}

.news_announcement {padding:14px 20px}
	.news_announcement li {padding:14px 0 15px; border-bottom:solid 1px var(--color-border);}
		.news_announcement li a {color:var(--color-base)}
		.news_announcement li a:hover {text-decoration:none; border-bottom:solid 1px var(--color-base)}
	.news_announcement .news_date {color: var(--color-gray);}

/* ------------------------------
	Special projects
------------------------------ */
.title_projects {font-size: var(--size-xxl); color:#5477a1; margin-bottom:20px}

.projects_list li {border-top:solid 1px #d3d7dc}
.projects_list li:first-child {border-top:none}
.projects_list a {width:100%; height:auto; display:block; color:var(--color-base); text-decoration:none; padding:24px 19px 30px}
	.projects_list a > span {display:block}
.project_title { font-size: var(--size-lg); color: #e9690b; word-wrap: break-word; margin-bottom: 11px; }

.project_img, .project_video { padding: 15px 0 26px; }
	.project_img img {width:100%; max-width:580px; height:auto; display:block}
.project_video > div {height:0; position:relative; overflow:hidden; padding:0 0 56.25%}
	.project_video > div iframe {width:100%; max-width:580px; height:100%; position:absolute; left:0; top:0; border:0}

.total_comments {height:36px; line-height:36px; text-align:center; background:#f2f3f5}
.user_stats_projects {margin-bottom:2px !important; border-bottom:none}
	.user_stats_projects li a {height:38px; display: block; padding:8px 19px 4px}
	.user_stats_projects .active a {border-left:solid 4px #fe9223; background:#f2f4f3}

/* ------------------------------
	FAQ
------------------------------ */
.correctly, .wrong {width:285px; margin-bottom:15px}
	.correctly .title, .wrong .title {font-family: var(--bold); letter-spacing: var(--spacing); margin-bottom:5px; padding-left:20px; background:url('sprite_y_sm.png?place-for-version') no-repeat}
	.correctly .title {color:#68C42B; background-position:0 -616px}
	.wrong .title {color:#F00; background-position:0 -643px}

.example {margin-bottom:16px}
	.example img {margin-left:19px !important}
	.example img:first-child {margin-left:0 !important}

.faq_list {margin-top:11px}
	.faq_list a {font-family: var(--bold); letter-spacing: var(--spacing); text-decoration:none}
		.faq_list a span {border-bottom:dashed 1px}
	.faq_list li {margin-bottom:10px}
.faq_quests {margin:34px -28px 0}
	.faq_quests > li {padding:34px 25px 19px; border-top:solid 1px #d0d5da}

.one_quest li {padding:10px 0; overflow:hidden}
	.one_quest li:first-child {padding-top:0}

.prof_tag_list.faq_tag div {height:30px; line-height:26px; margin:10px 10px 0 0}

.up_contents {padding-left:11px; background:url('sprite_y_sm.png?place-for-version') no-repeat 0 -593px}
	.up_contents:hover {text-decoration:none}

/* ------------------------------
	Rek projects
------------------------------ */
.contact_info_box {padding:36px 28px 15px}
.contact_info li {margin-bottom:10px}
.rek_preview img {width:100%; height:auto}

/* ------------------------------
	Live status
------------------------------ */
.live_box {padding:25px 45px 25px 50px; background:#fff}
.nolive_box {padding:13px 19px 19px}
.phone {margin-left:60px}
.sim {width:45px; height:30px}

/* ------------------------------
	Alert icon
------------------------------ */
.alert_icon_2l {padding-left:40px; background:url('sprite_y_m.png?place-for-version') 0 8px no-repeat}

/* ------------------------------
	Subscription rules
------------------------------ */
.bt_opers_box {margin:15px -19px 0; padding:14px 19px 0}
.footer_oper, .ssb_box {padding:16px 50px 14px}
.footer_oper .fsize10.lh15, .ssb_box .fsize10.lh15 { font-size: var(--size-sm); line-height: 20px; }

/* ------------------------------
	Leader
------------------------------ */
.leader_edit_list {margin-left:-30px}
.leader_edit_radio {margin:67px 9px 0 0}
.leader_edit_but {margin:0 0 14px !important}

/* ------------------------------
	New chat
------------------------------ */
.dialog_chat .dlg_gnl_title {height:43px !important}
	.dialog_chat .dlg_gnl_title .titlename {margin-left:-119px !important; padding-left:41px !important; background:var(--color-primary) url('menu.png') no-repeat 13px -95px !important}
		.dialog_chat .dlg_gnl_title .titlename a { font-size: var(--size-base) !important; line-height: 60px; }
		.dialog_chat .dlg_gnl_title .titlename span {right: 13px !important; top: 17px !important}

/* ------------------------------
	Games
------------------------------ */
.gpreview {margin-left:100px; float:none !important}
	.gpreview p { font-family: var(--bold); letter-spacing: var(--spacing); }
	.gpreview .gnl_but30 {width:110px; float:right; margin:25px 0 0 150px}
.gthumb {width:80px; display:block; float:left}
	.gthumb img {width:80px; height:80px}

.navp.ngapppages {height:70px; padding-top:21px}
.ngapp .w230 {width:200px}
.sort_games {height:60px}

/* ------------------------------
	Flash notify
------------------------------ */
.flash_notify_block {width:300px; z-index:101}
.flash_notify_block a, .flash_notify_block a:hover {color:#fff; text-decoration:none}
.flash_notify_box {width:300px; height:100px; color:#fff; cursor:pointer; margin-bottom:5px; padding:4px 15px 0; background:#1B1F24; background:rgba(27,31,36,0.9); box-shadow:0 2px 6px 0 rgba(0,0,0,0.75)}
.flash_notify_cont {height:58px; overflow:hidden; line-height:18px; margin:7px 0 0 60px}
.flash_notify_close {width:16px; height:17px; color:#6b7075; font-size: var(--size-base); line-height:1px; font-family: var(--bold); letter-spacing: var(--spacing); text-align:center; cursor:pointer; text-decoration:none; right:7px; top:7px; position:absolute; z-index:1; padding-top:7px; background:#1B1F24}
.flash_notify_close:hover {color:#979fa8; text-decoration:none}
.flash_notify_user {color:#83cfff}
.flash_notify_city {color:#acacaf}
.flash_notify_new {position:relative; padding-left:15px}
.flash_notify_new::before {width:7px; height:7px; display:block; content:''; position:absolute; left:0; top:7px; border-radius:5px; background-color:#00ff3c}

/* ------------------------------
	First upload photo
------------------------------ */
.first-upload { width: 770px; margin: 70px auto 0; }

.fup-left-col { width: 290px; flex-shrink: 0; color: #838893; }
.photo-stub { width: 212px; height: 212px; margin: 0 0 26px 25px; }
.fup-people { width: 243px; margin: 0 0 18px 8px }
	.fup-people div { width: 50px; height: 50px; position: relative; }
	.fup-people img {width: 100%; height: auto; display: block; }
	.fup-people .icon-stack { position: absolute; right: 0; bottom: 0; }

.fup-right-col { width: 380px; flex-direction: column; flex-shrink: 0; }
	.fup-right-col > div { flex-grow: 1; padding-top: 11px;}
	.fup-right-col .title { font-size: var(--size-xxl); line-height: 32px; }
		.fup-right-col .title img { width: 24px; height: 25px; vertical-align: baseline; }
	.fup-right-col p { font-size: var(--size-md); }
		.fup-right-col p img { width: 15px; height: 16px; position: relative; top: -2px; }
	.fup-right-col .btn-success { width: 340px; }

	.fup-drop { position: relative; margin-bottom: 36px; }
		.fup-drop input.input-file {opacity:0;}
		.fup-drop .input-file { width: 100%; height: 100%; cursor: pointer; left: 0; top: 0; position: absolute; z-index: 1; }
		.fup-drop.dover .drop_instruction, .fup-drop .drop_readiness {display:none}
		.fup-drop.dover .drop_readiness {display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 131px; border: 2px dashed var(--color-success); }

	.fup-social { width: 340px; }
		.fup-social .btn-outline-secondary { width: 164px; height: 40px; font-size: var(--size-base); text-decoration: none; }

	.fup-later { color: var(--color-base); text-decoration: underline; }

	/* ------------------------------
		Info list
	------------------------------ */
	.w100_0 div.value {width:100px}
	.w100_0 div.data {width:270px}

	.fup_info_list {margin:23px 0 22px}

/* ------------------------------
	Upload photo
------------------------------ */
.for_ie .info_list li {font-size: var(--size-md); color:#8B9298; text-align:left}
.for_ie .info_list .value {width:190px; float:left}
.for_ie .info_list .data {margin-left:190px}

.wrap_upload {width:660px; padding-top:23px}
	.wrap_upload .dropzone, .wrap_upload .dropzone.for_ie {width:660px; height:200px; margin:34px auto 44px; padding-top:47px; border-color:#cdd7dd}
		.wrap_upload .dropzone p {height:100px; font-size: var(--size-md); color:#818d95; padding:85px 0 0; background:url('ico_upload.png?place-for-version') no-repeat center top}
		.wrap_upload .dropzone input.drop_addfile {height:200px}
	.wrap_upload .dropzone.for_ie {height:300px; padding:40px}

 .wrap_upload .dialog_modal .dropzone {width:540px}

/* ------------------------------
	Progress bar
------------------------------ */
.progress_bar {left:0px; top:0px; position:fixed; background-color:#F9960E; height:3px; z-index:999}

/* ------------------------------
	User position
------------------------------ */
.user_position {padding:0px 19px 6px}

.user_position_unfill, .user_position_fill {width:156px; height:8px; display:block; background:url('user_position.png?place-for-version') no-repeat 0 0; border-radius:4px}
.user_position_fill {width:0%; background-position:0 -16px}

.user_position_icon {width:25px; height:25px; display:block; margin-top:2px; background:url('user_position.png?place-for-version') no-repeat 0 0}
.user_position_icon.type1 {background-position:0 -35px}
.user_position_icon.type2 {background-position:-35px -35px}
.user_position_icon.type3 {background-position:-70px -35px}
.user_position_icon.type4 {background-position:-105px -35px}
.user_position_icon.type5 {width:21px; background-position:-140px -35px}

.user_position_count {color: var(--color-gray); padding:4px 0 15px !important}
	.user_position_count a {color: var(--color-gray);}

/* ------------------------------
	New Year 2015
------------------------------ */
.new_year_2015 {width:820px; height:570px; color:#fff; font:bold 18px/30px var(--regular); position:relative; padding:45px 50px 50px; margin:100px auto 0; background-image:url('../promo/new_year_2015/bg.jpg'), linear-gradient(to bottom, #6334af 0%,#1a43e0 100%); box-shadow:0 2px 40px rgba(0,0,0,0.6)}
.new_year_2015_title {font-size: var(--size-xxxl); margin-bottom:14px}
.new_year_2015_question {color:#ffe87c; margin:19px 0 22px}
.new_year_2015_btn {width:140px; float:left; font-size: var(--size-lg) !important; font-family: var(--regular)}
.new_year_2015_link {width:140px; height:50px; float:left; color:#fff; text-align:center; padding-top:9px; margin-left:40px}
.new_year_2015_icon_sm {width:20px; height:20px; margin-left: auto; cursor:pointer; background:url('../promo/new_year_2015/cap.png?place-for-version') 0 0 no-repeat}

/* ------------------------------
	Conditions, Tariff & Services
------------------------------ */
.conditions_title { font-family: var(--bold); font-size: var(--size-md); letter-spacing: var(--spacing); margin:20px 0 10px; }
.conditions_name { font-family: var(--bold); letter-spacing: var(--spacing); margin:20px 0 10px; }

.conditions_list { list-style-type: none; }
	.conditions_list li { padding: 5px 0; margin: 5px 0; }
	.conditions_list .cards-item { padding: 16px 0 10px; }

.conditions_item {padding-left: 15px; margin:15px 0}

.cards-logo { width: 295px; height: auto; }

/* ------------------------------
	Footer
------------------------------ */
.footer, .footer_b { min-width: 1140px; height: 100px; margin-top: -100px; padding: 24px 0 20px; border-top: 1px solid #e5e5e5; background: #fff; position: relative; }
.footer_b { height: 350px; margin-top: -310px; padding-top: 20px; }
.footer_seo { height: 370px; margin-top: -370px; padding-bottom: 20px; }

.footer_clr { height: 100px; margin-top: 20px; }
.footer_b_clr { height: 310px; margin-top: 20px; }
.footer_seo_clr { height: 330px; margin-top: 20px; }

.footer_logo {width:20px; height:20px; flex-shrink: 0; background:url('sprite.png?place-for-version') 0 -127px no-repeat}

.footer_link {margin-top:10px}
	.footer_link > li {margin-right:20px}
.footer_link_rules {float:right; /*padding-left:20px*/}
	.footer_link_rules > li {margin-left:20px}

/* ------------------------------
	Language selection
------------------------------ */
.lang-selection {position:relative; padding-left:16px}

.lang-sel {display:inline-block; cursor:default; padding-left:25px; background:url('country-flags-y.png?place-for-version') no-repeat 0 0}
.lang-ru {background-position:0 2px}
.lang-en {background-position:0 -27px}
.lang-it {background-position:0 -57px}
.lang-tr {background-position:0 -87px}
.lang-es {background-position:0 -117px}
.lang-zh {background-position:0 -147px}

	/* ------------------------------
		Drop menu
	------------------------------ */
	.lang-sel-box {visibility:hidden; bottom:-16px; left:0; position:absolute; z-index:3; padding:11px 15px 13px; border:1px solid #ededed; border-bottom-color:#cacaca; background:#fff; box-shadow:0 1px 0 rgba(21,42,60,0.05); border-radius:3px; opacity:0; transition:all 0.2s ease}
	.lang-selection:hover .lang-sel-box {visibility:inherit; opacity:1.0}

	.lang-sel-list {color:var(--color-primary);}
		.lang-sel-list li {margin-top:10px}
		.lang-sel-list li:first-child {margin-top:0}

		.lang-sel-list .lang-sel {display:block; cursor:pointer}

.footer_age {width:30px; height:30px; flex-shrink: 0; margin:6px 0 0 auto; background:url('sprite.png?place-for-version') 0 -157px no-repeat}

/* ------------------------------
	Links list
------------------------------ */
.footer_nav_list > li:first-child {margin-left:0}
.footer_nav_list > li {margin-left:84px}
.footer_nav_list li a {color:var(--color-base)}

.yap-type-1000x120 {margin:0 auto}


/* ------------------------------
	SEO landing
------------------------------ */
.call_register {height:80px; line-height:40px; margin: -21px 0 20px; border:solid 1px #e9d6bb; border-width:1px 0; background:#f8eee0}
	.call_register .wrap {color:#5e573e; padding:19px 267px 19px 260px}

.offer li {position:relative; margin-bottom:10px; padding-left:20px}
	.offer li::before {width:11px; height:8px; content:''; position:absolute; left:0; top:6px; background:url("../../imgstc/lp14/sprite_y_sm.png?place-for-version") no-repeat 0 -1462px}

.seo h1, .seo_title { font-size: var(--size-lg); line-height: 20px; color: #e9690b; }
.seo h1 { margin-bottom: 10px; padding-top: 2px; }
.seo_title { margin: 21px 0 0; }
	.seo_title a {color:#e9690b}
.seotext-container {border:solid 1px transparent}
	.seotext-container .read_more {color:var(--color-primary); border-bottom:dashed 1px var(--color-primary); outline:none; position:relative; cursor:pointer}
	.seotext-container .read_more::after {width:10px; height:6px; display:block; content:''; position:absolute; right:-15px; top:7px; background:url('arrow-down.svg?place-for-version') no-repeat; transition:all .2s ease}
	.seotext-container .rotate180::after { transform:rotate(180deg)}
.seo_text h2 {font-family: var(--bold); letter-spacing: var(--spacing); font-size:var(--size-lg); margin:10px 0}
.seo_text h3 {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-md); margin:10px 0}
.seo_text .delimiter {margin-left:0; margin-right:0}

/*.seo_text_min {max-height:220px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9; overflow-y:hidden; margin-bottom:8px}*/

/* section of ads for dating */
.dating-notification li {height:120px; padding:20px 17px 20px 20px}
.dating-notification li + li {margin-top:10px}
	.dating-notification li > div {width:calc(100% - 95px)}
.dating-notification .thumb-box {width:80px; height:80px; flex-shrink:0; margin-right:15px}
.dating-notification img {width:100%; height:auto; display:block; border-radius:4px}
.dating-notification .user-row {margin:-5px -0px 10px}
.dating-notification .search-row {width:100%; margin-bottom:5px}
.dating-notification .status-row {height:30px; font-family: var(--regular-italic); color:#838893; padding:0 8px; border-radius:5px; background-color:#f5f5f5}
.dating-notification .search-row img, .dating-notification .status-row img {width:20px; height:20px}

/* hidden search form */
.search-title-row { line-height: 1; padding: 16px 160px 15px 20px; }
	.search-title-row .srh_open { right: 20px; top: 18px; background-position: 0 -180px; }

/* ------------------------------
	Button link
------------------------------ */
.btn_link {margin:5px 0 0 1px}
	.btn_link li {max-width:150px}
	.btn_link a, .btn_link span {height:32px; display:block; line-height:30px; color:var(--color-base); text-decoration:none; margin-left:-1px; padding:0 10px; border:solid 1px #e5e5e5; border-top-color:#ededed; border-bottom-color:#cacaca; background-color:#fff !important; background:linear-gradient(to bottom, #fff 0%,#f7f7f7 100%); box-shadow:0 1px 0 rgba(21,42,60,0.05); text-overflow:ellipsis; overflow-x:hidden;	white-space:nowrap}
	.btn_link a:hover, .btn_link span:hover {background-color:#fff !important; background:linear-gradient(to bottom, #fff 0%,#f0f0f0 100%)}
	.btn_link a.current, .btn_link span.current {position:relative; z-index:5; border-color:#bfb9a6; border-top-color:#a29a81; border-bottom-color:#cacaca; background-color:#fce9a7 !important; background:linear-gradient(to bottom, #fce9a7 0%,#fff5d1 100%); box-shadow:inset 0 1px 1px rgba(0,0,0,0.2)}

/* ------------------------------
	Pop-up
------------------------------ */
.inp_srch_residence {width:12px; height:12px; left:39px; top:19px; border:none; background:url("../../imgstc/lp14/sprite_y_sm.png?place-for-version") no-repeat 0 -1485px}

.list_residence3 { -moz-column-count:3; column-count:3;}
.list_residence1 { -moz-column-count:1; column-count:1;}
.list_residence {padding:15px 5px 25px 25px; -moz-column-width:30%; column-width:30%; -moz-column-gap:20px; column-gap:20px}
	.list_residence div {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	.list_residence div.empty_set_msg {overflow:visible}
		.list_residence div a { color:var(--color-base); }
.add_city_row {letter-spacing:-0.3px; padding:10px 6px 10px 10px}

.srch_residence {height:50px; padding:10px 30px; border-bottom:solid 1px #e3e6e8; background:#f4f7f9}
	.srch_residence .inp_grd, .srch_residence .inp_grd:not(*:root) {padding-left:27px}

/* ------------------------------
	Search
------------------------------ */
.change {flex-wrap:wrap}
.change li { color:#b2b5ba; margin-right: 10px; cursor: pointer; }
	.change li:first-child {cursor:default}
.change-geo li:not(:first-child) {letter-spacing: -.3px}
.bread_crumbs { padding: 14px 0; }
	.bread_crumbs, .bread_crumbs a { color: var(--color-primary); }
.delimiter {border-top:dashed 1px #c7cacf; margin:19px -19px 15px}
.lpjl-age-slider.slrw175 {width:175px}

/* ------------------------------
	Stream
------------------------------ */

.sream_menu .title {padding:13px 19px 16px}

.stream_headline {height:63px; padding:0 21px; border:solid 1px #dde1e6; border-bottom-width:0; background-color:#fff; border-radius:4px 4px 0 0}
.stream_headline .arrow_down {width:8px; height:4px; display:inline-block; position:relative; top:-2px; margin-left:5px; background-position:-60px -220px}
.stream_headline .dm_pad {width:188px}
.stream_headline .dm_box_link a {position:relative; padding-left:45px}
.stream_headline .icon::before {width:16px; height:14px; display:block; content:''; position:absolute; left:20px; top:7px}
.stream_headline .icon_inprofile::before {background-position:-59px -180px}
.stream_headline .icon_complain::before {background-position:-60px -200px}

.stream_data {margin-left: auto;}
.stream_data li + li {margin-left:15px}
.stream_data .favorlist {color:var(--color-primary); position:relative; border-bottom:dotted 1px var(--color-primary); cursor:pointer}
.stream_data .favorlist::before {width:19px; height:18px; display:block; content:''; position:absolute; left:-24px; top:1px; opacity:0.55; transition:all 0.2s}
.stream_data .favorlist:hover::before {opacity:1}
.stream_data .favorlist_to::before {background-position:-50px -150px}
.stream_data .favorlist_in::before {background-position:-20px -150px}

.stream_data .stream_trend, .stream_data .stream_viewers {float:left; position:relative; left:0; top:2px}
.stream_count_gifts {height:18px; line-height:16px; color:#fff; position:relative; top:2px; padding:0 8px 0 26px; border-radius:9px; background-color:#35a9f2; cursor:pointer}
.stream_count_gifts:hover {background-color:#0082d3}
.stream_count_gifts::before {width:13px; height:11px; display:block; content:''; position:absolute; left:8px; top:4px; background-position:0 -150px}

.stream_container {width:100%; height:90vh; position:relative; background-color:#000; border-radius:0 0 4px 4px}
	.stream_container .container {width:100%; height:100%; display:flex; justify-content:center; border:none; border-radius:0 0 4px 4px}
	.stream_container .container video {height:100%; min-width:50%}
	/*.stream_container .container video + video {margin-left:5px}*/
	.stream_container .audio::before {position:relative; top:50%; left:44%; font-size:100px; color:white; content:'🔊'}
	.stream_container .icon-css {position:absolute; right:23px; top:23px; z-index:10; cursor:pointer}

.stream-frame-anim {width:100%; height:100%; position:absolute; left:0; top:0}
	.stream-frame-anim .stream-thumb {width:97px; height:97px; position:relative; margin:0 auto 44px; border-radius:100%; background-color:#fff}
		.stream-frame-anim .stream-thumb::before, .stream-frame-anim .stream-thumb::after {display:block; content:''; position:absolute; left:50%; top:50%; z-index:10; transform:translate(-50%, -50%); border-radius:100%}
		.stream-frame-anim .stream-thumb::before {width:96px; height:96px;  border:solid 15px #474747}
		.stream-frame-anim .stream-thumb::after {width:126px; height:126px; border:solid 15px #1a1a1a}

.stream-loading, .stream-error {display:none; font-size: var(--size-lg); letter-spacing:-0.41px; color:#fff; position:absolute; left:50%; top:148px; transform:translateX(-50%)}
	.stream-loading img {width:100%; height:auto}
	.stream-error .warning {margin:auto}

.stream-frame-anim.wait .stream-loading {display:block}
.stream-frame-anim.error .stream-error {display:block}

.stream_chat {width:310px; height:60%; left:0; bottom:43px; z-index:8; border:none; margin-left:17px; overflow-y:scroll; scrollbar-width:none}
.stream_chat::-webkit-scrollbar {display:none}
	.stream_chat .geo_chat_dialog_list { padding: 0px; }
	.stream_chat .geo_chat_dialog_cont { color: #fff; }
		.stream_chat .geo_chat_dialog_msg div {opacity:1; background:#454545}
.new_audience {height:30px; display:inline-block; line-height:30px; color:#fff; position:relative; padding:0 13px 0 35px; border-radius:15px}
.new_audience::before {width:12px; height:12px; display:block; content:''; position:absolute; left:12px; top:8px; background-position:-60px -360px}

.stream_textarea_container {width:100%; height:50px; position:absolute; left:0; bottom:0; z-index:10; padding:8px 8px 0; background-color:rgba(0,0,0,0.7)}
	.stream_textarea_container .chat_send_button, .purse_control button {width:112px; height:34px; font-family: var(--bold); letter-spacing: var(--spacing); line-height:32px; color:#fff; text-align:center; position:absolute; right:97px; top:8px; border:0; border-radius:17px; background:#35a9f2; cursor:pointer}
	.stream_textarea_container .chat_send_button:hover, .purse_control button:hover {background:#0082d3}
	.stream_textarea_container.presenter .chat_send_button {right:8px}
.stream_textarea {width:515px; height:34px; line-height:34px; padding:0 128px 0 16px; border-radius:17px; border-style:none; background:#fff}
	.stream_textarea_container.presenter .stream_textarea {width:603px}

.stream_btn_list li + li {margin-left:9px}
.stream_btn_like, .stream_btn_gift {width:35px; height:34px; display:block; position:relative; z-index:5; cursor:pointer}
.stream_btn_like {background-position:0 0}
.stream_btn_like:hover {background-position:-40px 0}
.stream_btn_gift {background-position:0 -40px}
.stream_btn_gift:hover {background-position:-40px -40px}
.heart_box {width:32px; height:29px; position:absolute; right:54px; bottom:11px; z-index:3}
	.heart_box img {width:32px; height:29px; display:block; position:absolute; transform:translate3d(10px, -20px, 0)}

.stream_invitation .title {height:80px; font-size: var(--size-lg); position:relative; padding:0 20px 0 68px; border-bottom:solid 1px #e0e0e0}
.stream_invitation .title::before {width:41px; height:41px; display:block; content:''; position:absolute; left:14px; top:19px; background-position:0 -80px}
.stream_invitation .appbtn_box::before {width:1px; display:block; content:''; position:absolute; left:119px; top:0; bottom:0; background-color:#e0e0e0}
	.stream_invitation .appbtn_box .appbtn {width:50%; height:48px; display:block}
	.stream_invitation .appbtn_box .appbtn_googleplay {background:url(../../imgstc/app_btn/google_play_86x17.png) no-repeat center}
	.stream_invitation .appbtn_box .appbtn_appstore {background:url(../../imgstc/app_btn/app_store_77x19.png) no-repeat center}

.stream_lider_title {height:50px; border-bottom:solid 1px #e0e0e0}
.stream_lider_list {padding:20px 12px 18px}
	.stream_lider_list li + li {margin-top:20px}
	.stream_lider_list .badge {width:22px; height:22px; display:block; color:#fff; text-align:center; float:left; margin:14px 10px 0 0; border-radius:11px; background-color:#35a9f2}
	.stream_lider_list img {width:50px; height:50px; display:block; border-radius:100%}
	.stream_lider_list .count_gifts {color: var(--color-gray); position:relative; padding-left:17px}
	.stream_lider_list .count_gifts::before {width:13px; height:11px; display:block; content:''; position:absolute; left:0; top:5px; background-position:-60px -390px}

.stream_lider_photo .broadcast {width:59px; height:19px; display:inline-block; font-size: var(--size-sm); line-height:15px; color:#fff; text-align:center; text-transform:uppercase; text-decoration:none; position:absolute; left:-4px; bottom:-6px; border:solid 2px #fff; border-radius:10px; background-color:#e81864}
.stream_lider_name {color:var(--color-base); text-decoration:none}
	.stream_lider_name span {max-width:114px}

.icon_award {width:20px; height:16px; display:block; margin-right:13px}
.icon_award_gold {background-position:-30px -130px}
.icon_award_silver {background-position:-60px -130px}
.icon_award_bronze {background-position:0 -130px}

.stream_give_gifts {height:97px; position:relative}
.stream_give_gifts::before {width:55px; height:55px; display:block; content:''; position:absolute; left:20px; top:21px; background-position:0 -180px}
	.stream_give_gifts > div {padding-left:100px}

.gifts_container {width:100%; height:100%; padding:44px 20px 85px; background:rgba(0,0,0,0.85); position:absolute; left:0; top:0; z-index:10}
	.gifts_container .closser {width:18px; height:18px; display:block; position:absolute; right:20px; top:20px; background:url('../../imgstc/popup/cross_white.svg?place-for-version') no-repeat; cursor:pointer; opacity:0.6}
	.gifts_container .closser:hover {opacity:1}
.stream_gifts_list { flex-wrap: wrap; margin-left:-15px}
	.stream_gifts_list li {width:104px; height:120px; display:flex; flex-direction: column; justify-content: flex-end; flex-shrink: 0; position:relative; margin-left:15px; border-radius:10px; cursor:pointer}
	.stream_gifts_list li:hover {background:#000}
	.stream_gifts_list li > div:last-child {width:100%; height:30px; text-align:center; margin-top:7px}
	.stream_gifts_list img {display:block; margin:0 auto}
	.stream_gifts_list span {height:18px; display:inline-block; line-height:16px; text-align:center; padding:0 8px; border-radius:9px; background-color:#fff}

.purse_control {width:100%; height:50px; font-size: var(--size-md); color:#fff; position:absolute; left:0; bottom:0; padding:8px 10px 8px 17px; background:#000}
.purse_control .icon_purse {width:19px; height:21px; display:block; margin:5px 13px 0 0; background-position:-60px -330px}
.purse_control .balance {display:inline-block; margin-top:7px}
.purse_control button {position:static; border:none}

.audience_container {padding:0 0 85px}
.audience_headline {height:190px; line-height:16px; color:#fff}
	.audience_headline a {color:#fff; text-decoration:none; border-bottom:solid 1px #fff}
.translation_count {display:inline-block; margin:42px 0 29px}
	.translation_count li {width:174px; height:50px; color:#a8a8a8; text-align:center; position:relative; padding:8px 0 0 34px; border-radius:25px; background:#222}
	.translation_count li + li {margin-left:40px}
	.translation_count li::before {width:50px; height:50px; display:block; content:''; position:absolute; left:0; top:0; background-position:0 -390px}
	.translation_count li:first-child::before {background-position:0 -330px}
	.translation_count .count {font-size: var(--size-lg); color:#fff; margin-bottom:3px}
.audience_title {height:42px; font-size: var(--size-md); line-height:40px; color:#fff; padding-left:21px; background:#222}

.audience_list {height:calc(90vh - 234px); overflow-y:auto}
	.audience_list li {height:70px; overflow:hidden; padding-left:20px}
.audience_list_photo a {display:block; position:relative; top:10px; border-radius:100%}
.audience_list_photo .online::before {width:10px; height:10px; display:block; content:''; position:absolute; right:-2px; bottom:-2px; border:solid 4px #000; border-radius:100%; background:#e81864}
.audience_list_photo img {width:50px; height:50px}

.audience_list_info {height:70px; color:#fff; margin-left:60px; padding-right:20px; border-bottom:solid 1px #262626}
	.audience_list_info a {color:#fff}
	.audience_list_info .ctrl {height:34px; display:block; line-height:32px; float:right; position:relative; top:17px; border-radius:17px; background:#222}
	.audience_list_info .ctrl:hover {text-decoration:none; background:#343434}
	.audience_list_info .ctrl_complaint {width:147px; padding-left:42px}
	.audience_list_info .ctrl_profile {width:135px; margin-right:21px; padding-left:48px}
	.audience_list_info .ctrl::before {width:14px; height:14px; display:block; content:''; position:absolute; top:10px}
	.audience_list_info .ctrl_complaint::before {width:16px; left:17px; background-position:-60px -200px}
	.audience_list_info .ctrl_profile::before {left:23px; background-position:-60px -180px}
	.audience_list_info .stream_count_gifts {cursor:default}
	.audience_list_info .stream_count_gifts:hover {background:#35a9f2}

/* ---------------
	About us
--------------- */

.list-app {width:660px; display:-ms-grid; display:grid; grid-row-gap:25px; grid-column-gap:20px; grid-template-rows:144px 144px; grid-template-columns:1fr 1fr 1fr 1fr; margin:0 auto 25px; padding-top:20px}
.list-app img {width:100px; height:100px; display:block; margin:0 auto 9px}
.list-app div {text-align:center}

/* ------------------------------
	New search result
------------------------------ */

.col-main {width:880px; float:left; margin-left:20px}

.user-list { justify-content:space-between; flex-wrap:wrap; margin:5px -5px 0}
	.user-list li {width:215px; height:325px; margin-top:10px; border-radius:8px; transition:all 0.2s}
	.user-list li:hover {background-color:#e7ecf0}
	.user-list .elite, .user-list .elite:hover {background-color:#fceabf}
	.user-list li > div {width:205px; height:315px; position:relative; left:5px; top:5px; overflow:hidden; border:solid 1px var(--color-input); background:#fff; border-radius:5px}
	.user-list .noresult-item { flex-direction:column; text-align:center}
	.user-list .noresult-item .smile {width:30px; height:30px; display:block; margin:0 auto 14px; background:url('sprite.png?place-for-version') no-repeat -240px -610px}
	.user-list .noresult-item .btn {width:180px}

	.user-list li .user-list-info {top:249px; transition:all 0.25s ease-out}
	.user-list li:hover .user-list-info {top:204px}

.user-list-thumb {position:relative}
	.user-list-thumb a {display:inline-block}
	.user-list-thumb img {width:auto; height:248px; border-radius:5px 5px 0 0}
	.user-list-thumb .count-row {width:100%; height:50px; color:#fff; position:absolute; left:0; bottom:0; padding:12px 0 0 13px; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 67%)}
	.user-list-thumb .icon-css {margin-right:10px}

.user-list-info {width:100%; height:110px; position:absolute; left:0; top:249px; /*transform:translateY(249px); */padding:10px 15px 15px; border-radius:0 0 5px 5px; background-color:#fff}
	.user-list-info:hover .psevdotitile {display:none}
	.user-list-info .geo-row {width:100%; display:inline-block; margin-bottom:13px}
	.user-list-info .geo {position:relative; top:1px; margin-right:8px}
.user-list-name {width:163px}
.user-list-name a {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-md); color:var(--color-base)}
.elite .user-list-name, .elite .user-list-name a {color:#e9690b}

/* ------------------------------
	Cookies
------------------------------ */

.cookies_container {padding:22px 20px 27px}
	.cookies_container h6 {margin-bottom:14px}
	.cookies_container p {margin-bottom:16px}
	.cookies_container .title {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-md); text-transform:uppercase}

.cookies_row {display:none; position:fixed; left:0; right:0; bottom:0; z-index:20; border-top:solid 1px var(--color-input); background-color:#fff}
	.cookies_row .wrap {height:70px; align-items:center}
.cookies_text {width:696px}
.cookies_btn_row {margin-left:auto}
	.cookies_btn_row .btn {width:89px; margin-left:12px}

/* ------------------------------
	VIP status
------------------------------ */

.dlg_vipstatus {width:375px; padding:27px 30px 0}
	.dlg_vipstatus .title {font-size: var(--size-xl); line-height:1; margin-bottom:5px}
	.dlg_vipstatus .subtitle {font-size:14px; color:#7c7c7c; margin-bottom:24px}
	.dlg_vipstatus .btn {width:100%; margin-bottom:21px}
	.dlg_vipstatus .later-link, .dlg_vipstatus .terms-link { color: #808080; border-bottom: 1px solid #808080; transition: all .2s; cursor: pointer; }
	.dlg_vipstatus .terms-link:hover, .dlg_vipstatus .later-link:hover {border-bottom-color:transparent}
	.dlg_vipstatus .terms-link {border-bottom-style:dashed}
	.dlg_vipstatus .link-row {height:35px; align-items:center; justify-content:center; margin:21px -30px 0; border-top:1px solid #e8e8e8}
	.dlg_vipstatus .link-row .info {width:14px; height:14px; display:block; margin:-8px 5px 0 0}

	.dlg_vipstatus .terms-box {padding:20px 0}
.vipstatus-row { align-items:center; font-size: var(--size-lg); margin-bottom:41px}
	.vipstatus-row .logo-vip {width:42px; height:42px; display:block; margin-right:11px}
.vipstatus-bonus {margin-bottom:45px}
	.vipstatus-bonus li { display:flex; align-items:center}
	.vipstatus-bonus li + li {margin-top:10px}
	.vipstatus-bonus .icon {width:34px; height:34px; display:block; flex-shrink:0; margin-right:16px}

/* ------------------------------
	Qestion
------------------------------ */

.q_rcol .q_img { height: 240px; justify-content: center; overflow: hidden; border-radius: 10px 10px 0 0; }
	.q_rcol .q_img img {width:auto; height:240px}
.q_rcol .bbox { padding: 13px 10px 22px; border-top: 0; border-radius: 0 0 10px 10px; }
.q_rcol .headline {color:#a6a6a6; margin-bottom:12px; z-index:3}
.q_rcol .title { font-size: var(--size-md); line-height: 1.2; margin-bottom: 18px; }
.q_rcol .reply {font-family: var(--bold); letter-spacing: var(--spacing); color:#40abed; text-transform:uppercase}
.q_icon_box {width:64px; height:64px; left:50%; top:-31px; transform:translateX(-50%); z-index:1; border-radius:100%; background-color:#fff}
	.q_icon_box .question {position:absolute; left:50%; top:15px; transform:translateX(-50%)}

.question_headline { align-items:baseline; justify-content:space-between; margin-bottom:20px}
	.question_headline h1 {font-size: var(--size-xxl); line-height:20px; color:#5477a1; margin-bottom:0}
.question_img {width:620px; height:auto}
.bbox_question {border-top:0}
.question_box {padding:23px 19px 16px}
	.question_box .bottom-row { justify-content:space-between}
.question_number {width:64px; height:64px; flex-shrink:0; position:relative; margin-right:15px}
	.question_number span {font-size: var(--size-xxl); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.question_info {width:100%}
.question_date {color: var(--color-gray); margin-bottom:5px}
.question_close { align-items:center}
	.question_close .lock {flex-shrink:0; margin:0 7px 2px 0}

.projects_list .question_box {padding:28px 19px 23px}
	.projects_list .question_box a {display:inline; padding:0}
.projects_list .question_close {color: var(--color-gray);}
.projects_list .bottom-row a {color:var(--color-primary);}
.projects_list .bottom-row a:hover {text-decoration:underline}

/* ------------------------------
	Search version 2
------------------------------ */

.icon_zodiak {display:inline-block; margin-left:5px; background:url('sprite.css.zodiak.svg?place-for-version') no-repeat}
.icon_zodiak.zodiak_1 {width:16px; height:16px; background-position:100% 0%}
.icon_zodiak.zodiak_10 {width:16px; height:17px; background-position:40% 66.66666666666667%}
.zodiak_10w {width:16px; height:17px; background-position:20% 66.66666666666667%}
.icon_zodiak.zodiak_11 {width:16px; height:17px; background-position:40% 0%}
.zodiak_11w {width:16px; height:17px; background-position:0% 33.333333333333336%}
.icon_zodiak.zodiak_12 {width:16px; height:17px; background-position:20% 33.333333333333336%}
.zodiak_12w {width:16px; height:17px; background-position:40% 33.333333333333336%}
.zodiak_1w {width:16px; height:16px; background-position:100% 30.76923076923077%}
.icon_zodiak.zodiak_2 {width:16px; height:17px; background-position:60% 0%}
.zodiak_2w {width:16px; height:17px; background-position:60% 33.333333333333336%}
.icon_zodiak.zodiak_3 {width:16px; height:17px; background-position:0% 66.66666666666667%}
.zodiak_3w {width:16px; height:17px; background-position:0% 0%}
.icon_zodiak.zodiak_4 {width:16px; height:17px; background-position:20% 0%}
.zodiak_4w {width:16px; height:17px; background-position:60% 66.66666666666667%}
.icon_zodiak.zodiak_5 {width:16px; height:17px; background-position:80% 0%}
.zodiak_5w {width:16px; height:17px; background-position:80% 33.333333333333336%}
.icon_zodiak.zodiak_6 {width:16px; height:17px; background-position:80% 66.66666666666667%}
.zodiak_6w {width:16px; height:17px; background-position:0% 100%}
.icon_zodiak.zodiak_7 {width:16px; height:16px; background-position:60% 98.07692307692308%}
.zodiak_7w {width:16px; height:16px; background-position:80% 98.07692307692308%}
.icon_zodiak.zodiak_8 {width:16px; height:17px; background-position:20% 100%}
.zodiak_8w {width:16px; height:17px; background-position:40% 100%}
.icon_zodiak.zodiak_9 {width:16px; height:16px; background-position:100% 61.53846153846154%}
.zodiak_9w {width:16px; height:16px; background-position:100% 92.3076923076923%}

.search_title_row {height:50px; align-items:center; justify-content:space-between; padding:0 19px}

.buser_list-v2 { flex-wrap:wrap; justify-content:space-between; margin:0 -5px}
	.buser_list-v2 li { width: 290px; height: 403px; display: flex; flex-direction: column; margin-top: 10px; padding: 5px; }
	.buser_list-v2 .empty { height: auto; }
	.buser_list-v2 .elite { background: #fceabf; }

.buser_photo-v2 .buser_photo_info { max-width: 110px; height: 21px; margin-left: unset; }
.buser_photo-v2 a:not(.forange), .buser_photo-v2 img { width: 280px; height: 240px; display: block; border-radius: 5px 5px 0 0; background-color: #ebeff1; }
.buser_photo-v2 .buser-photo-row { top: 9px; bottom: auto; padding: 0 9px; }

.buser_usinfo-v2 { height: 100%; line-height: 16px; border-radius: 0 0 5px 5px; border-top: none; padding: 13px 14px 12px; }
	.buser_usinfo-v2 .name_row { font-size: var(--size-md); color: var(--color-base); margin-bottom: 9px; }
	.buser_usinfo-v2 .check-blue { margin-right: 9px; }
	.buser_usinfo-v2 .buser_usname { color: var(--color-base); letter-spacing: normal; }
	.buser_usinfo-v2 .last_visit_row .blue_bm { color: var(--color-gray) !important; }
	.buser_usinfo-v2 .geo {position:relative; top:1px; margin-right:3px}
	.buser_usinfo-v2 .icon-css { margin-left: 0; }
	.buser_usinfo-v2 .last-block { margin-top: auto; }
		.buser_usinfo-v2 .last-block .last_visit_row { color: var(--color-danger); margin-bottom: 14px; padding-top: 0; }

.buser-like-row { width: 100%; height: 59px; align-items: flex-end; left: 0; bottom: 0; padding: 0 15px 9px; background: url('bg_like_row.svg?place-for-version') repeat-x 0 100%; }
	.buser-like-row .found-row, .buser-like-row .forange { color: var(--color-border); }
	.buser-like-row .forange { text-decoration: underline; }
	.buser-like-row .forange:hover { text-decoration: none; }

.elite .buser_usinfo-v2 .name_row, .elite .buser_usinfo-v2 .buser_usname { color: #e9690b; }

/* ----------------------------------
	Select premium plans V3
---------------------------------- */

.pay_option li + li {margin-top:16px}
.pay_option .total {color:#808080; padding-top:2px}

.item-container {padding-right:10px; border-radius:10px; background:#eff4f6; cursor: pointer;}
.item-container.select {color:#fff; background:#87cb58}
.item-container .input_box { width: 46px; flex-shrink: 0;}
	.item-container .input_box .xradio { width: 16px; height: 16px; display: block; position: relative; margin: auto; border: 1px solid #c3c3c3; border-radius: 100%; background: #fff; }
	.item-container .input_box .checked::before { width: 8px; height: 8px; display: block; content: ''; position: absolute; left: 3px; top: 3px; border-radius: 8px; background: var(--color-secondary); }
.item-container .item-content {width:100%; height:50px; flex-direction:row; justify-content:space-between; line-height:15px}
.item-container .sticker {top: -3px; position: relative; padding:2px; align-items:center; justify-content:center; border:solid 1px; border-radius:7px; background:#fff}
.item-container .action {color:#28c625; border-color:#28c625}
.item-container .best {color:#fb701b; border-color:#fb701b}
.item-container .amount-row, .item-container .period-row {flex-direction: column; justify-content:center}
.item-container .amount-row {align-items: flex-start;}
.item-container .period-row {align-items: flex-end;}
.item-container .crossed-out {display:inline-block; position:relative}
.item-container .crossed-out::before {width:22px; height:1px; display:block; content:''; position:absolute; left:0; right:7px; top:7px; transform:rotate(-45deg); background:#ff2956}
	.item-container .select .crossed-out::before {background:#fff}
.btn-payment {width:224px}

/* ----------------------------------
	Premium discount 50%
---------------------------------- */

.modal_discount {width:400px; margin:120px auto 0; padding:28px 0 12px; background:#fff}
.modal_discount .title_row {font-size: var(--size-xl); line-height:1.3; letter-spacing:-0.13px; text-align:center; margin-bottom:35px}

.image_discount {width:255px; height:152px; margin:0 auto 6px; background:url('../popup/discount.svg?place-for-version') no-repeat}
.alert_discount {text-align:left; padding:12px 23px 14px; background:#ffe1dc}
	.alert_discount .alert_discount_title { font-size: var(--size-md); letter-spacing: -0.1px; }
	.alert_discount_list .stop {position:relative; top:2px; margin-right:10px}
.btn_discount {width:327px; display:block; margin:18px auto 19px}

.terms_container {padding-top:17px}
	.terms_container .link_row { align-items:center; justify-content:center; line-height:1}
		.terms_container .link_row .info_box {width:14px; height:14px; display:block; margin-right:5px}
	.terms_container .terms_box { text-align: left; padding: 20px 15px 0; }

.modal_discount .rejection_link,
.terms_container .link_row .terms_link {color:#808080; text-decoration:none; transition:all .2s ease; cursor:pointer}
.modal_discount .rejection_link {border-bottom:solid 1px #808080}
.terms_container .link_row .terms_link {border-bottom:dashed 1px #808080}
.modal_discount .rejection_link:hover,
.terms_container .link_row .terms_link:hover {border-bottom-color:transparent}

/* ------------------------------
	Color diagram
------------------------------ */

.diagram_box {width: 54px; height: 54px; right: 0; top: 0; cursor: pointer;}
	.diagram_box .dm_box {width: 300px; display: none; right: 310px; top: -100px; z-index: 10; padding: 10px 15px 15px;}
	.diagram_box:hover .dm_box {display: block;}
.aura_list li + li {margin-top: 5px;}
.progressbar {height: 10px; background: #e8e8e8;}
.progress {height: 10px;}

/* ------------------------------
	My profile v2
------------------------------ */

.prof-menu-row { padding-right: 25px; background: #f7f7f7; }
.prof-menu li:not(:last-child) { border-right: 2px solid #fff; }
.prof-menu .current { font-family: var(--bold); letter-spacing: var(--spacing); background: #fff; }
.prof-menu a { height: 44px; display: block; color: var(--color-base); line-height: 44px; text-align: center; padding: 0 32px; }
.prof-menu a:hover { color: #828995; text-decoration: none; }
	.prof-menu .current a:hover { color: var(--color-base); }

.setting-link .icon-stack { margin: -2px 6px 0 0; }

.mp-container { padding: 25px 24px; }
	.mp-container .orange_14.fsize17 { font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-md); color: var(--color-base); }

.mp-info_left { width: 220px; }
.mp-info_right { width: 586px; }

.verify-row .verify { margin-right: 11px; }
	.verify-row .verify + div { line-height: 17px; }
.verify-row .check-verif { display: none; right: -2px; bottom: -2px; }
	.verify-row .yes .check-verif { display: inline-block; }

.prof-name-row .icon-stack { margin-right: 10px; }

.mp-info_right .prof_edit_btn,
.mp-info_right .prof_edit_btn_active { height: 30px; line-height: 30px; text-indent: 34px; position: relative; top: -4px; padding:0 10px; margin: 0 0 -3px 6px; border: none; border-radius: 5px; transition: all 0.2s ease; background-color: transparent; }
.mp-info_right .prof_edit_btn:hover,
.mp-info_right .prof_edit_btn_active { text-indent: 22px; background: #eceff1; }
	.mp-info_right .prof_edit_btn div,
	.mp-info_right .prof_edit_btn_active div { width: 20px; min-width: 20px; height: 30px; overflow: hidden; position: relative; opacity: .9; margin: 0; padding: 0; background: transparent; }
	.mp-info_right .prof_edit_btn div::before,
	.mp-info_right .prof_edit_btn_active div::before { width: 12px; height: 12px; content: ''; position: absolute; left: 0; top: 9px; background: url('sprite.stack.svg?place-for-version#pencil') no-repeat; }
	.mp-info_right .prof_edit_btn:hover div,
	.mp-info_right .prof_edit_btn_active div { width: auto; opacity: 1; }

.mp-info_right .prof-name-row .prof_edit_btn,
.mp-info_right .prof-name-row .prof_edit_btn_active { position: relative; top: 0; }

.prof-status { padding: 14px 15px 16px; }
.prof-status .status_area { height: auto; min-height: 30px; overflow: visible; white-space: normal; border: dashed 1px #d5d5d5; }
	.prof-status .status_area.h50 { height: 50px; }

.mp-thumbs-list a, .mp-thumbs-list .photo-plug { width: 96px; height: 96px; -webkit-clip-path: inset(0 round 5px); clip-path: inset(0 round 5px); }
.mp-thumbs-list .add-photo { background-color: #41aaed; }
.mp-thumbs-list .photo-plug {background-color: #eceff1;}
.mp-thumbs-list .icon-stack { margin: auto; }
.mp-thumbs-list img { width: 100%; height: auto; display: block; }

.mp-info_right .prof_edit_block { border-radius: 5px; }
.mp-info_right .prof_edit_block.full { margin: 0 0 2px; border: 1px solid #e2e5e6; }

/* ------------------------------
	Left block v2
------------------------------ */
.login_row .btn.mb13 { margin-bottom: 13px; }

.bl-register-v1 .btn-big { padding: 0; }
.friends-row { width: 143px; margin: 0 auto 15px; padding-top: 13px; }
	.friends-row .notify { position: absolute; right: -9px; top: 13px; }
.friends-row + div { line-height: 16px; margin-bottom: 18px; }

/* ------------------------------
	New select
------------------------------ */

.rotate { transform: rotate(180deg); }

.select-container { max-width: 100%; position: relative; }
.select-input { height: 30px; display: flex; align-items: center; overflow: hidden; position: relative; padding-right: 6px; border: 1px solid var(--color-input); border-radius: 5px; background: #fff; cursor: pointer; transition: all .2s ease-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.select-input:hover { border-color: #c3c3c3; }
  .active .select-input, .active .select-input:hover { border-color: var(--color-primary);}

	.select-input .down-gray { transition: all .07s ease-out; }
	.select-input .click-zone { width: 10px; height: 10px; flex-shrink: 0; position: relative; z-index: 5; margin: 0 8px 0 6px; }
	.select-input .click-zone::before { width: 10px; height: 10px; display: block; content: ''; background: url(sprite.stack.svg?place-for-version#close) no-repeat 50% / cover; opacity: .45; }

  .select-input ::-webkit-input-placeholder { color: var(--color-gray); }
  .select-input ::-moz-placeholder          { color: var(--color-gray); }
  .select-input :-moz-placeholder           { color: var(--color-gray); }
  .select-input :-ms-input-placeholder      { color: var(--color-gray); }

.select-input input,
.select-text { height: 28px; display: flex; align-items: center; line-height: 26px; color: var(--color-base); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: -1px auto 0 0; padding: 0 4px 0 9px; border: none; border-radius: 5px; cursor: pointer; position: relative; z-index: 5; }
.select-input input { width: 100%; }
.select-text { display: block; flex-grow: 1; line-height: 28px;}

/* date selection */
.bday-row { display: flex; flex-grow: 0; justify-content: space-between;}
.select-bday { width: 62px; flex-shrink: 0;}
.select-bmonth { flex-grow: 1; margin: 0 4px;}
.select-byear { width: 70px; flex-shrink: 0;}

.list_info li > .bday-row { width: 230px; flex-grow: 0; }
.reg_list .select-bday { width: 70px; }

/* scroll */
.scroll-container { position: absolute; left: 0; right: 0; z-index: 9; border: 1px solid var(--color-input); border-radius: 5px; background: #fff; }
.drop-panel { visibility: hidden; top: 32px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%); }
.active .drop-panel { visibility: visible; }
.scroll-content { height: 100%; overflow-y: scroll; border-radius: 5px; -ms-overflow-style: none; scrollbar-width: none; }
.scroll-content::-webkit-scrollbar { display: none; }

.options-list li { display: flex; align-items: center; line-height: 16px; white-space: pre-wrap; margin-top: 0; padding: 8px 9px; background: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.options-list .current { background: #f7f7f7; }
.options-list li:first-child { margin-top: 0; border-radius: 5px 5px 0 0; }
.options-list li:last-child { border-radius: 0 0 5px 5px; }
	.options-list li > div { margin-left: 0; pointer-events: none; }
.options-list .selected { color: #fff; background: var(--color-primary); }
	.options-list .selected.current,
	.options-list .selected:hover { color: #fff; background: #409bd4; }
.options-list [disabled], .options-list .current[disabled] { color: var(--color-input); cursor: default; }
.options-list [disabled]:not(.current[disabled]) { background: #fff; }
.reg_content .options-list li { margin-top: 0; }

.select-chat-bg li span { width: 100%; height: calc(var(--item-height) - 2px); }
.select-chat-bg .select-text { display: flex; align-items: center; }
.select-chat-bg .select-text span { width: 100%; height: 24px; margin-right: 8px; }

.scrollbar, .scroller { position: absolute; top: 0; z-index: 10; }
.scrollbar { width: 7px; right: 0; bottom: 0; background: transparent; }
.scroller { width: 4px; left: 0; border-radius: 2px; background: #c1c1c1; cursor: pointer; transition: background .25s ease-out; }
.scroller:hover { background: #b0b0b0; }
.scroller:active { background: #828282; }

/* ------------------------------
	New sliders
------------------------------ */
.range {
	--scroller-size: 24px;
}

.range-age1 { width: 190px; }
.range-age2 { width: 230px; }
.range-age3 { width: 180px; }
.range-weight, .range-height { width: 186px; }

.range-header { display: flex; align-items: baseline; margin-bottom: 17px; }
.range-title { margin-right: auto; }
	.range-age3 .range-title { font-family: var(--bold); }
.range-output { font-size: 14px; }
	.range-output span:not(:first-child) { margin-left: 5px; position: relative; padding-left: 8px; }
	.range-output span:not(:first-child)::before { content: '-'; position: absolute; left: 0; top: 0; }

.range-control { width: 100%; margin: 0 auto; border-radius: 3px; background: #c2c2c2; }

.range-scrollbar { height: 4px; position: relative; margin: 0 auto; }
.range-age1 .range-scrollbar { width: calc(190px - var(--scroller-size) * 2) }
.range-age2 .range-scrollbar { width: calc(230px - var(--scroller-size) * 2) }
.range-age3 .range-scrollbar { width: calc(180px - var(--scroller-size) * 2) }
.range-weight .range-scrollbar,
.range-height .range-scrollbar { width: calc(186px - var(--scroller-size) * 2) }

.range-scroller { width: var(--scroller-size); height: var(--scroller-size); border: 1px solid #d9dadc; position: absolute; left: 0; top: 50%; --webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 100%; background: #fff; box-shadow: 0px 2px 2px #d1d1d1; cursor: pointer; }
.range-scroller:hover { border-color: #c3c3c3; }
.range-scale { height: 4px; position: absolute; top: 0; z-index: 0; border-radius: 3px; background: var(--color-success); }

/* ------------------------------
	Newchat
------------------------------ */
.icon-mess-css {display:inline-block; flex-shrink: 0; background:url('../newchat/sprite.mess.css.svg?place-for-version') no-repeat}

.answer { width: 15px; height: 16px; background-position: -36px -78px; }
.broken-heart { width: 42px; height: 33px; background-position: 0px 0px; }
.camera { width: 21px; height: 19px; background-position: -74px -22px; }
.chat-android { width: 10px; height: 11px; background-position: 0px -96px; }
.chat-apple { width: 9px; height: 11px; background-position: -87px -58px; }
.chat-close { width: 10px; height: 10px; background-position: -10px -96px; }
.chat-trash { width: 13px; height: 15px; background-position: -101px -16px; }
.chat-web { width: 8px; height: 10px; background-position: -20px -96px; }
.chat_notify { width: 15px; height: 16px; background-position: -51px -78px; }
.chat_notify_off { width: 16px; height: 16px; background-position: -66px -78px; }
.chat_sound { width: 19px; height: 14px; background-position: -74px -41px; }
.chat_sound_off { width: 19px; height: 14px; background-position: -40px -58px; }
.chat_window { width: 14px; height: 14px; background-position: -101px -45px; }
.chat_window_off { width: 14px; height: 14px; background-position: -101px -59px; }
.close-black-14 { width: 14px; height: 14px; background-position: -101px -73px; }
.close-white-14 { width: 14px; height: 14px; background-position: -59px -58px; }
.corner { width: 15px; height: 7px; background-position: -101px -31px; }
.crown { width: 14px; height: 14px; background-position: -73px -58px; }
.crown-for-btn { width: 23px; height: 22px; background-position: -25px -33px; }
.crown-vip-on { width: 22px; height: 22px; background-position: -48px -33px; }
.menu { width: 10px; height: 10px; background-position: -28px -96px; }
.mutually { width: 18px; height: 18px; background-position: 0px -78px; }
.mutually-podbirator { width: 18px; height: 18px; background-position: -18px -78px; }
.pluse { width: 25px; height: 25px; background-position: 0px -33px; }
.rocket-green { width: 16px; height: 16px; background-position: -82px -78px; }
.setting { width: 16px; height: 16px; background-position: -101px 0px; }
.smile { width: 22px; height: 22px; background-position: -74px 0px; }
.star-round-green-big { width: 32px; height: 32px; background-position: -42px 0px; }
.star-round-green-small { width: 20px; height: 20px; background-position: 0px -58px; }
.star-yellow { width: 20px; height: 20px; background-position: -20px -58px; }
.triangle-down { width: 15px; height: 7px; background-position: -101px -38px; }
.vertical-dots { width: 5px; height: 19px; background-position: -96px 0px; }

.chat_contacts_list > li, .chat_menu_hover .chat_menu_drop { transition: all 0.2s ease; }
.trsn_ops, .chat_contact_clear .icon-mess-css, .chat_contact_close .icon-mess-css { transition: opacity 0.2s ease; }

.chat_menu_drop {opacity:0}

.chat_banner_right {max-width:240px; width:100%; min-height:400px; right:0; top:70px; position:absolute; z-index:1; /*background:rgba(0,0,0,0.5);*/}
.chat_banner_bottom {min-height:120px; text-align:center; padding:20px 0; margin-right:260px; /*background:rgba(0,0,0,0.5);*/}

.chat_wrap {max-width:1140px; width:100%; max-height:940px; min-height:600px; height:100%; position:relative; padding:20px 0 140px; margin:0 auto -140px}

.chat_box {min-width:620px; max-height:710px; min-height:610px; height:100%; position:relative; z-index:2; margin-right:260px; background:#fff; box-shadow:0 10px 40px rgba(0,0,0,0.5)}

/* Menu */
.chat_menu {min-width:600px; width:100%; height:50px; position:absolute; z-index:50; background:#333}
	.chat_menu .burger > li {padding-left:40px}
	.chat_menu .menu {position:absolute; left:20px; top:19px}

.chat_menu_list {position:relative}
	.chat_menu_list > li {height:50px; color:#fff; line-height:48px; cursor:pointer; position:relative; padding:0px 20px}
	.chat_menu_list > li::before {width:1px; height:50px; display:block; content:''; right:0; top:0; position:absolute; z-index:1; background:rgba(255,255,255,0.1)}
	.chat_menu_list > .selected {cursor:default; background:#3875B9}
	.chat_menu_list > li.selected::before {background:transparent}

/* Drop menu for chat menu */
.chat_menu .dm_pad {left:10px; padding-top:12px}
.chat_menu .dm_box.top::before {left:20px; margin-left:0}

.chat_menu .dm_box_list {width:150px}
	.chat_menu .dm_box_list li {line-height:20px; cursor:pointer; white-space:nowrap}
	.chat_menu .dm_box_list li:hover {background:rgba(39,76,104,0.03)}
	.chat_menu .dm_box_list li.selected {color:#3875B9; font-family: var(--bold); letter-spacing: var(--spacing);}

.chat_full_bg {max-width:100%; max-height:100%; width:100%; height:100%; display:inline-block}

/* Menu icons */
.chat-menu-icons { display:inline-flex; align-items:center; margin:0 20px 0 auto}
	.chat-menu-icons i {cursor:pointer; margin-left:20px}
	.chat-menu-icons a, .chat-menu-icons i {opacity:0.75; transition:opacity 0.2s}
	.chat-menu-icons a:hover, .chat-menu-icons i:hover {opacity:1}

/* Contacts */
.chat_contacts {width:300px; height:100%; float:left; padding-top:50px}
.chat_contacts .notify {display:inline-block; color:#fff; background:#ff5e57}
.chat_contacts_list {height:100%; overflow-y:auto}
	.chat_contacts_list > li {height:90px; cursor:pointer; position:relative; padding:10px 10px 9px 12px; border-bottom:1px solid var(--color-border)}
	.chat_contacts_list > li:hover {border-bottom:1px solid #ebebeb; background:#f8f8f8}

.chat_contacts_list .btn-up-item, .chat_contacts_list .btn-up-item:hover {background-color:#ffeed5; cursor:default}
.btn-up-item .btn {width:176px; margin-left:15px; padding:0}

.chat_contact_photo {position:relative}
.chat_contact_photo.elite::before {content:''; left:0; right:0; top:0; bottom:0; position:absolute; border-radius:5px; border:2px solid #f1c908}
	.chat_contact_photo i {position:absolute; right:-4px; bottom:-4px; z-index:1}

.chat-apple, .chat-android, .chat-web { position: relative; margin-right: 5px; -webkit-filter: invert(59%) sepia(70%) saturate(464%) hue-rotate(52deg) brightness(97%) contrast(92%); filter: invert(59%) sepia(70%) saturate(464%) hue-rotate(52deg) brightness(97%) contrast(92%); }
.chat-android { top:2px; }
.chat-web { top: 1px; }

/* Contact photo icon */
.chat_contact_msg {height:18px; color:#bbb; line-height:16px; right:10px; top:26px; position:absolute; z-index:1; padding:0 8px}
.chat_contact_clear { position: absolute; right: 9px; bottom: 9px; }
.selected .chat_contact_clear .chat-trash { -webkit-filter: invert(88%) sepia(100%) saturate(2%) hue-rotate(184deg) brightness(109%) contrast(97%); filter: invert(88%) sepia(100%) saturate(2%) hue-rotate(184deg) brightness(109%) contrast(97%); }
.chat_contact_close { width: 10px; height: 10px; position: absolute; right: 7px; top: 5px;}
.chat_contact_city {margin-bottom:5px !important}

.chat_contacts_list .chat_contact_info {margin:-1px 0 0 82px}
.chat_contacts_list .chat_contact_name {font-family: var(--bold); letter-spacing: var(--spacing); margin-bottom:1px}

.chat_contact_photo .thumb {width:70px; height:70px; border-radius:5px}

/* Contact visited */
.chat_contact_lastvisited, .chat_contact_del { color: #bbb; }
.chat_contact_online { color: var(--color-success); }

.chat_contacts_list li.vip {background: #fdbb16;}

/* Contact selected */
.chat_contacts_list > li.selected { color: #fff; border-bottom:1px solid var(--color-primary); background:var(--color-primary); }
.chat_contacts_list > li.vip { color: #fff }

.chat_contacts_list > .selected .chat_contact_lastvisited,
.chat_contacts_list > .selected .chat_contact_online,
.chat_contacts_list > .selected .chat_contact_msg,
.chat_contacts_list > .selected .chat_contact_del {color:#fff}

.chat_contacts_list > .vip .chat_contact_lastvisited,
.chat_contacts_list > .vip .chat_contact_online,
.chat_contacts_list > .vip .chat_contact_msg,
.chat_contacts_list > .vip .chat_contact_del {color:#fff}

.selected .chat_contact_close .chat-close { -webkit-filter: invert(88%) sepia(100%) saturate(2%) hue-rotate(184deg) brightness(109%) contrast(97%); filter: invert(88%) sepia(100%) saturate(2%) hue-rotate(184deg) brightness(109%) contrast(97%); }

.selected .chat-apple, .vip .chat-apple,
.selected .chat-android, .vip .chat-android,
.selected .chat-web, .vip .chat-web { -webkit-filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(18deg) brightness(102%) contrast(101%); filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(18deg) brightness(102%) contrast(101%); }

/* Clear folder and load contacts */
.chat_contacts_list > li.chat_clear_folder,
.chat_contacts_list > li.chat_clear_folder:hover {text-align:center; justify-content: center; padding:0px; border-bottom:1px solid #efdeb5; background:#fceabf}
.chat_contacts_list > li.chat_contacts_loader {text-align:center; padding:24px 0 25px; border-bottom:1px solid #fff; background:#fff}

/* Clear and close contact hover effect */
.chat_contacts_list > li .chat_contact_clear .chat-trash,
.chat_contacts_list > li .chat_contact_close .chat-close { opacity: 0; }

.chat_contacts_list > li:hover .chat_contact_clear .chat-trash,
.chat_contacts_list > li:hover .chat_contact_close .chat-close { opacity:0.35; }

.chat_contacts_list > li:hover .chat_contact_clear:hover .chat-trash,
.chat_contacts_list > li:hover .chat_contact_close:hover .chat-close { opacity:0.5; }

.chat_contacts_list > li.selected:hover .chat_contact_clear .chat-trash,
.chat_contacts_list > li.selected:hover .chat_contact_close .chat-close { opacity:0.6; }

.chat_contacts_list > li.selected:hover .chat_contact_clear:hover .chat-trash,
.chat_contacts_list > li.selected:hover .chat_contact_close:hover .chat-close { opacity:0.8; }

/* History */
.chat_history {max-width:580px; height:100%; padding-top:50px; margin-left:300px; display: flex; flex-direction: column}
.chat_history.full {max-width:880px; margin-left:0}

.chat_history_contact {position:relative;}

.chat_history_contact .chat_contact_photo img {width:85px; height:85px; border-radius:5px}
.chat_history_contact .chat_contact_photo.elite::before {border:3px solid #f1c908}

.chat_history_contact .chat_contact_info {margin:0px 0 0 100px}
.chat_history_contact .chat_contact_name { font-family: var(--bold); letter-spacing: var(--spacing); }

.chat_contact_action {right:30px; top:20px; position:absolute; z-index:6}

.chat_history_msg .quote {border-left: 1px dashed; padding-left: 5px; margin-bottom: 2px;}

.quote_area {display: flex; padding: 4px 4px 4px 7px; margin: 0px 5px 5px 5px; background: #ececec; border: solid 1px var(--color-input); border-radius: 5px;}
.quote_area .close { right: 5px; top: 5px; }
.quote_area .mess {flex: 1; border-left: 1px dashed; padding-left: 5px;}

	/* Service icons */
	.chat_contact_svcico {height:50px}
		.chat_contact_svcico li {margin-left:3px}
			.chat_contact_svcico li img {width:20px; height:20px}

.chat_contact_count {height:15px; color:#bbb; font-size: var(--size-sm); text-align:center; cursor:default; left:0; right:0; bottom:0; position:relative; z-index:5; border-bottom:1px solid var(--color-border); background:#fff}
	.chat_contact_count div {display:inline-block; bottom:-3px; position:relative; z-index:2; padding:0 10px; background:#fff}

.chat_history_place {flex-grow: 1; overflow-y: auto}
.chat_history_list {width:100%; position:relative; flex-grow: 1; overflow-y: auto}
	.chat_history_list > li { padding: 8px 30px 10px; transition: all .2s ease-out; }
	.chat_history_list .chat_contacts_loader {text-align:center; padding:24px 0 26px; background:#fff}
	.chat_history_list .answer-row { display: none; font-size: var(--size-sm); color: var(--color-gray); }
	.chat_history_list .answer { margin-right: 7px; }
	.chat_history_list > li:hover { background: #f8f8f8; cursor: pointer; }
	.chat_history_list > li:hover .date-row { display: none; }
	.chat_history_list > li:hover .answer-row { display: flex; }

.chat_history_block {display: flex; justify-content: space-between; height: 20px}
.chat_history_name { color: var(--color-success); font-family: var(--bold); letter-spacing: var(--spacing); }
	.inbox .chat_history_name { color: var(--color-primary); }
	.inbox_wink .chat_history_name { color: #e850bc; }
.chat_history_info { font-size: var(--size-sm); color: #bbb; margin:1px 0 -1px; }

.chat_history_gift {margin:6px 0 4px}
	.chat_history_gift li {width:200px; height:200px; display:table-cell; text-align:center; vertical-align:middle; /*background:rgba(0,0,0,0.05);*/}
		.chat_history_gift li img {max-width:200px; max-height:200px; display:block}

.chat_history_sticker {margin:6px 0 4px}
	.chat_history_sticker li {max-width:150px; max-height:150px; /*background:rgba(0,0,0,0.05);*/}
		.chat_history_sticker li img {max-width:150px; max-height:150px; display:block}

/* Add message */
.chat_add_msg {position:relative; padding:6px 27px 20px 30px; /*border-top:1px solid var(--color-border)*/}
.chat-add-row .icon-mess-css { transition: opacity 0.2s; opacity: 0.5; cursor: pointer; }
.chat-add-row .icon-mess-css:hover { opacity: 1; }

.smiles-box-chat .dm_pad {width:293px; position:absolute; left:-16px; bottom:15px; padding-bottom:22px}
	.smiles-box-chat .dm_pad .dlg_upload_outer {position:relative; right:0; bottom:0}
	.smiles-box-chat .upload_smile {padding:10px 10px 8px; cursor:pointer; height: 300px; overflow-y: scroll;}
	.smiles-box-chat .upload_smile::before {left:19px; right:auto}
.upload_smile .title { font-family: var(--bold); letter-spacing: var(--spacing); line-height: 1.54; color: var(--color-gray); margin-bottom: 3px; padding-left: 7px; }

.textarea-box {width:392px}
	.textarea-box .textarea {height:31px; padding-right:34px; overflow-y: auto; transition:all .2s ease-in-out}
	.textarea-box .textarea img {height: 20px; width: 20px}
	.textarea-box .camera {right:8px; bottom:6px}
	.textarea-box .camera.dm_hover {position:absolute}

.chat_history_contact.servuser, .chat_add_msg.servuser {display:none !important}

.premium-activate { height: 68px; font-family: var(--bold); padding: 0 27px 0 30px; background: #e2f9d6; }
	.premium-activate a { color: var(--color-success); text-underline-offset: 3px; }
.premium-offer-row { height: 40px; font-family: var(--bold); color: var(--color-success); padding: 0 27px 0 30px; }
.quick-mess-row { font-family: var(--bold); color: var(--color-success); margin-left: 15px; }

/* verified */
.verified-icon { flex-shrink: 0; margin-right: 10px; background: url('sprite.stack.svg?place-for-version#check-blue') no-repeat 50% / cover; }

.chat_contact_name .verified-icon { width: 16px; height: 16px; margin-right: 5px; }
.selected .chat_contact_name .verified-icon, .vip .chat_contact_name .verified-icon { background: url('sprite.stack.svg?place-for-version#check-white-round') no-repeat 50% / cover; }

.verified-row { padding: 12px 30px; background: #f0f6fa; }
	.verified-row .text-link { color: var(--color-primary); text-underline-offset: 3px; cursor: pointer; }
	.verified-row .text-link:hover { text-decoration: underline; }
	.verified-row .verified-icon { width: 32px; height: 32px; }

/* Preview img for add msg */
.thumb_upload_img {width:100%; height:35px; position:absolute; left:0; top:-36px; z-index:10; overflow:hidden}
	.thumb_upload_img .dm_box_list {padding:0}
		.thumb_upload_img .dm_box_list li {width:50px; height:50px; float:left; text-align:center}
		.thumb_upload_img .dm_box_list li + li {margin-left:5px}
		.thumb_upload_img .dm_box_list li img {max-width:50px; max-height:50px; display:inline-block; border-radius: 5px;}

/* GPT panel */
.chat_gpt_outer {position: relative;}
.chat_gpt_outer .chat_gpt_panel {position:absolute; bottom:0px; width: 100%; border-top:1px solid #e6e6e6; padding:10px; background-color:white;}
.chat_gpt_panel .chat_gpt_loader {height:100px; display: flex; justify-content:center; align-items:center;}
.chat_gpt_content .chat_gpt_item {cursor:pointer; margin-bottom: 10px; padding: 10px; background-color: #3095d4; color: #fff; border-radius: 5px;}
.chat_gpt_content .chat_gpt_item:hover {background-color: #52a4d7}
.chat_gpt_close {width: 10px; height: 10px; position: absolute; right: 7px; top: -20px; cursor: pointer}

/* Upload photo list */
.chat_history_msg > .dlg_upload_photo_list {overflow:hidden; margin:6px 0 4px -10px}
	.chat_history_msg > .dlg_upload_photo_list img {cursor:pointer}

.dlg_upload_outer {position:absolute; right:17px; bottom:60px; z-index:30; background:#fff; border:solid 1px #c4cacd; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2); border-radius:2px}

.dlg_upload_outer_photo::before,
.upload_smile::before { width: 15px; height: 7px; display: block; content: ''; position: absolute; right: 13px; bottom: -7px; background: url('../newchat/sprite.mess.css.svg?place-for-version') no-repeat; background-position: -88px -38px; }

.dlg_upload_outer_photo {width:395px}
.dlg_upload_outer_photo::before {right:118px}
	.dlg_upload_outer_photo #loader {font-size: var(--size-sm); padding-top:30px}
	.dlg_upload_outer_photo img {margin:0 auto}
.upload_outer_title { height:50px; font-family: var(--bold); letter-spacing: var(--spacing); color:#fff; padding:15px 15px 0; border-bottom:1px solid #2284BE; background: var(--color-primary); }
	.upload_outer_title a {color:#fff; text-decoration:underline}

.upload_photo {max-height:280px; overflow-y:auto}
	.upload_photo li {width:90px; height:90px; float:left; position:relative; margin:2px}
		.upload_photo li img {max-width:90px; max-height:90px; display:block}

.item_add_photo { font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-sm); line-height:13px; color:#adceea; text-align:center; position:relative; background: var(--color-primary); }
	.item_add_photo .pluse {position:absolute; left:33px; top:26px}
	.item_add_photo label {position:absolute; left:0; right:0; top:0; bottom:0; padding-top:54px; cursor:pointer}
	.item_add_photo input {width:0; height:0; left:0; right:0; top:0; bottom:0; position:absolute; z-index:1; opacity:0}

.chat_geochat_ava {float:left; margin-right:5px}
		.chat_geochat_ava .tdbox {width:24px; height:24px}

.chat_history_talk_recomm {width:100%; height:100%; display:table; text-align:center; position:relative}
.chat_history_talk_recomm_box {height:100%; display:table-cell; vertical-align:middle; left:0px; top:0px; right:0px; bottom:0px; position:relative}
.chat_history_talk_recomm_photo {max-width:290px; margin:0 auto}
	.chat_history_talk_recomm_photo img {width:100%; height:auto; display:block; border-radius:145px}
.chat_history_talk_recomm_info {font-size: var(--size-lg); margin-bottom:38px}

/* Promo right block */
.chat_promo {left:0; right:0; top:50px; bottom:0; position:absolute; z-index:35; margin-left:300px}
.chat_promo_box {width:100%; height:332px; text-align:center; left:0; top:50%; position:absolute; padding:0 30px 0; margin:-163px 0 0}
.chat_promo_btn {width:206px; height:46px; display:block; color:#fff; font-size: var(--size-md); line-height:46px; text-align:center; text-decoration:none; margin:217px auto 0; background:url('../newchat/btn_up.png') 0 0 no-repeat}

.chat_promo_elite {width:100%; height:100%; position:relative; background:#1f2124 url('../newchat/bg_elite.png') 50% 50% repeat}
.chat_promo_elite_title { color: #ffe537; font-size: var(--size-xl); }
.chat_promo_elite_info { color: #d5e5ff; font-size: var(--size-md); line-height: 24px; }

.chat_promo .elite_body {width:420px; height:420px; position:absolute; top:50%; left:50%; margin:-210px 0 0 -210px}
.chat_promo .elite_btn {width:206px; height:46px; display:block; color:#fff; font-size: var(--size-md); line-height:46px; font-family: var(--bold); letter-spacing: var(--spacing); text-shadow:0 -1px 0 #c27e08; text-align:center; text-decoration:none; margin:227px auto 0; background:url('../newchat/btn_elite.png') 0 0 no-repeat}

.chat_promo_up {width:100%; height:100%; position:relative; background:#246007 url('../newchat/bg_up.png') 50% 50% repeat}
.chat_promo_up_title { color: #ffe537; font-size: var(--size-xl); }
.chat_promo_up_info { color: #fff; font-size: var(--size-md); line-height: 24px; }

/* Pop-up */
.chat_dlg {top:0; padding-top:170px}
.chat_dlg_box {height:100%; position:relative; padding:14px 30px 30px; background:#fff}

.chat_captcha {width:170px; margin:36px auto 0}

.chat_no_script {color:#fff; font-size: var(--size-xxl); line-height:30px; text-align:center; z-index:7; padding:100px 50px 50px; background:#f13a5d}

/* Drop menu for user */
.chat_dm_user .dm_pad {padding-top:10px}
.chat_dm_user .dm_box.top::before {left:auto; right:16px; margin-left:0}
.chat_dm_user .more {width:35px; line-height:24px; position:relative; padding:0 0 0 1px; border-radius:0 5px 5px 0}
.chat_dm_user_fav {width:115px; text-align:center; cursor:pointer; border-right:none !important; border-radius:4px 0 0 4px}
.chat_dm_user_spam {width:35px; padding:8px 0 0 11px; border-radius:0 4px 4px 0}
	.chat_dm_user_spam img {width:10px; height:11px; display:block; background:url('lp14/sprite.png') no-repeat -378px -114px}

/* Elite user for me */
.chat_msg_for_elite .chat_history_place {padding:120px 0 210px; margin:-120px 0 -210px}
.chat_msg_for_elite .chat_add_msg {height:210px}

/* Podbirator */
.chat_podbirator {color:#fff; font-size: var(--size-lg); line-height:24px; font-family:'BloggerSans'; text-align:center; z-index:37; background:url('../newchat/podbirator/bg.jpg') no-repeat; background-size:cover}
.chat_podbirator textarea {width:400px; min-height:120px; font-size: var(--size-lg); line-height:25px; padding:11px 13px; border:2px solid #e6e7ec; border-radius:4px; box-shadow:none}

.chat_podbirator_promo_cont {max-width:480px; margin:0 auto; position:relative; z-index:2}
	.chat_podbirator_promo_cont p {margin-bottom:12px}

.podbirator_logo_top {width:172px; height:155px; margin:19px auto 22px; background:url('../newchat/podbirator/logo.png') no-repeat}
.chat_podbirator_name {font-size:48px; line-height:40px; color:#ffd800; font-family:'BloggerSansMedium'; margin-bottom:19px}
.chat_podbirator_tagline {font-size: var(--size-xxl); margin-bottom:21px}

.chat_podbirator_btn, .chat_podbirator_interview_btn {height:48px; font-family:'BloggerSansMedium'; color:#fff; font-size: var(--size-xxl); cursor:pointer; margin-top:16px; padding:1px 30px 0; border:none; background:#ff5a00; border-radius:24px; transition:all .2s ease-in-out}
.chat_podbirator_btn:hover, .chat_podbirator_interview_btn:hover {background:#ff8400}
.chat_podbirator_interview_btn { min-width: 228px; font-size: var(--size-xl); }

.chat_podbirator_interview {width:510px; font-size: var(--size-xl); color:#22262b; text-align:center; position:relative; margin:35px auto 0; padding-bottom:40px; background:#fff}
.chat_podbirator_interview::before {height:10px; display:block; content:''; position:absolute; left:10px; right:10px; bottom:-10px; border-radius:0 0 10px 10px; background:#f8f0f7}
.chat_podbirator_interview::after {height:10px; display:block; content:''; position:absolute; left:20px; right:20px; bottom:-20px; border-radius:0 0 10px 10px; background:#dab4d6}
.chat_podbirator_interview_question {margin-bottom:23px; padding:26px 0 33px; border-bottom:solid 1px #ebebeb}
	.chat_podbirator_interview_question li {line-height:24px; padding-top:12px}
	.chat_podbirator_interview_question li:first-child {font-family:'BloggerSansMedium'; padding-top:0}
.chat_podbirator_interview_items {display:inline-block; line-height:36px; text-align:left}

.chat_podbirator .xradio {width:24px; height:24px; display:inline-block; cursor:pointer; margin:0 17px -6px 0; border:2px solid #c1c2c7 !important; background:transparent; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border-radius:12px}
.chat_podbirator .xradio.checked {border:5px solid #b70692 !important}

.podbirator_slogan_box {width:337px; height:110px; right:15px; bottom:15px; z-index:-1}
	.podbirator_slogan_box .text {width:185px; font-size: var(--size-xl); font-family:'BloggerSansMedium'; left:0; top:0}
.podbirator_logo_btm {width:120px; height:108px; right:0; bottom:0; background:url('../newchat/podbirator/logo_btm.png') no-repeat}
.podbirator_logo_btm::before {width:27px; height:22px; display:block; content:''; position:absolute; left:-21px; top:34px; background:url('../newchat/podbirator/arc.png') no-repeat}

.range-newchat .range-title, .range-newchat .range-output { font-family: 'BloggerSans'; font-size: var(--size-xl);  }

.chat_zodiac {width:310px; margin-left:60px}
	.chat_zodiac li {width:50%; float:left}
		.chat_zodiac label {position:relative; top:2px; padding-left:27px}
		.chat_zodiac label::before {width:21px; height:20px; display:block; content:''; position:absolute; top:0; left:0; background:url(newchat/podbirator/icons_zodiac.png) no-repeat}
		.chat_zodiac .icon_zodiac0::before {background-position:0 0}
		.chat_zodiac .icon_zodiac1::before {background-position:-30px 0}
		.chat_zodiac .icon_zodiac2::before {background-position:-60px 0}
		.chat_zodiac .icon_zodiac3::before {background-position:0 -30px}
		.chat_zodiac .icon_zodiac4::before {background-position:-30px -30px}
		.chat_zodiac .icon_zodiac5::before {background-position:-60px -30px}
		.chat_zodiac .icon_zodiac6::before {background-position:0 -60px}
		.chat_zodiac .icon_zodiac7::before {background-position:-30px -60px}
		.chat_zodiac .icon_zodiac8::before {background-position:-60px -60px}
		.chat_zodiac .icon_zodiac9::before {background-position:0 -90px}
		.chat_zodiac .icon_zodiac10::before {background-position:-30px -90px}
		.chat_zodiac .icon_zodiac11::before {background-position:-60px -90px}

.with_podbirator {position:relative;}
.with_podbirator::after {width:18px; height:18px; display:block; content:''; position:absolute; right:-20px; top:2px; background:url('../newchat/chat_icons.png') no-repeat -28px -200px}

.chat_podbirator_later {font-family:'BloggerSansMedium'; font-size: var(--size-xxl); color:#fff; border-bottom:dotted 1px #fff; cursor:pointer}

/* Styles for locking add msg */
.chat_locking_history {background:#fef3f3}
.chat_locking_history_msg {padding:20px 0 0}
	.chat_locking_history_msg i {margin-right:10px}
.chat_history_msg .btn {margin-top:13px}

.chat_podbirat_history {background:#fff9f1}

.chat_locking_gift_text {padding-left:12px; margin-right:6px; background:url('../newchat/chat_icons_y.png') no-repeat 0 -22px}
.chat_locking_gift {padding:10px 15px; margin-top:13px; background:#fef3f3}

/* Contact bell */
.outbox_bell, .contact_bell {padding-top:13px}
.thumb_bell {width:100px; height:100px; margin-right:15px; background:url('../newchat/bell.svg?place-for-version') no-repeat 0 0 / cover}
.btn .icon_hi {width:16px; height:17px; display:inline-block; position:relative; top:4px; background:url('../newchat/chat_icons.png') no-repeat -28px 0}

/* Picker */
.picker-box .user-photo { width: 140px; height: 140px; margin: 100px auto 19px; border-radius: 100%; }
.picker-box .btn { width: 272px; }

/* Message about blocking */
.outbox_blocked {margin-top:10px; padding:15px 30px 25px; background:#fef3f3}
	.outbox_blocked .text {color:#24302d}
.contact_bell_info { flex-direction:column; justify-content:center}

/* VIP Chat */
.btn-create-vipchat { width: 100%; background: #fff0b9; border-radius: 20px; }
	.btn-create-vipchat .icon-stack { top: 2px; }
.image-vipchat { width: 133px; height: 120px; display: block; margin: 0 auto 21px; }

.create-vip-chat .title { font-family: var(--bold); font-size: var(--size-md); }
.create-vip-chat .text { color: var(--color-secondary); }
.create-vip-chat .link { color: var(--color-primary); border-bottom: 1px solid transparent; transition: var(--transition); cursor: pointer; }
.create-vip-chat .link:hover { border-bottom-color: var(--color-primary); }

.dlg-vipchat { width: 408px; padding: 49px 40px 34px; }
.dlg-vipchat__2 { padding-bottom: 23px; }
	.dlg-vipchat .close { right: 15px; top: 15px; }
	.dlg-vipchat .btn { width: 100%; }
.advantage-vipchat li { position: relative; padding-left: 32px; }
	.advantage-vipchat li + li { margin-top: 22px; }
.advantage-vipchat .star-yellow { position: absolute; left: 0; top: -3px; }

.thumb-vipchat { width: 100px; height: 100px; display: block; margin: 0 auto 25px; }
.info-vipchat { font-size: var(--size-sm); }

/* Greeting GPT */
.create-greeting .title { font-family: var(--bold); font-size: var(--size-lg); }
.create-greeting img { width: 102px; height: 94px; display: block; margin: 0 auto 17px; }

/* Payment processed */
.processed-container { width: 480px; padding-top: 80px; }
	.processed-container .text { color: var(--color-gray); }
.processed-title { font-family: var(--bold); font-size: var(--size-xl); line-height: 1.3; }
.animated-card, .payment-profile { display: block; margin: 20px auto; }

/* About */
.office-images { width: 800px; margin-bottom: 20px; padding-top: 10px; }
	.office-images img { display: block; }

/* cookie warning */
.warning-cookie { height: 50px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001; background: rgba(255, 255, 255, .9); }
	.warning-cookie .warning-content { margin-left: 260px; }
.warning-cookie .warning-close { height: 36px; width: 36px; cursor: pointer; }

@-webkit-keyframes typing {
  to { -webkit-clip-path: inset(0 -1ch 0 0); clip-path: inset(0 -1ch 0 0) }
}

@keyframes typing {
  to { -webkit-clip-path: inset(0 -1ch 0 0); clip-path: inset(0 -1ch 0 0) }
}

.chat-typing {color:#3095d4;}
.chat-typing::after {content:'...'; display:inline-block; font-family: monospace; font-size: 10px; -webkit-clip-path: inset(0 3ch 0 0); clip-path: inset(0 3ch 0 0); -webkit-animation: typing 1s steps(4) infinite; animation: typing 1s steps(4) infinite}
.selected #chat_typing, .vip #chat_typing {color:#fff}

/* ------------------------------
	Animate
------------------------------ */

.ascent1, .ascent2, .ascent3 {position:absolute; -webkit-animation-duration:1.5s; animation-duration:1.5s; transition-duration:1.5s; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}

@-webkit-keyframes Ascent1 {
	from {opacity:1; transform:translate3d(10px, -20px, 0)}
	to {opacity:0; transform:translate3d(10px, -500px, 0)}
}
@keyframes Ascent1 {
	from {opacity:1; transform:translate3d(10px, -20px, 0)}
	to {opacity:0; transform:translate3d(10px, -500px, 0)}
}
.heart_box .ascent1 {-webkit-animation-name:Ascent1; animation-name:Ascent1; opacity:0; transform:translate3d(10px, -500px, 0)}

@-webkit-keyframes Ascent2 {
	from {opacity:1; transform:translate3d(10px, -20px, 0)}
	to {opacity:0; transform:translate3d(-25px, -500px, 0)}
}
@keyframes Ascent2 {
	from {opacity:1; transform:translate3d(10px, -20px, 0)}
	to {opacity:0; transform:translate3d(-25px, -500px, 0)}
}
.heart_box .ascent2 {-webkit-animation-name:Ascent2; animation-name:Ascent2; opacity:0; transform:translate3d(-20px, -500px, 0)}

@-webkit-keyframes Ascent3 {
	from {opacity:1; transform:translate3d(10px, -20px, 0)}
	to {opacity:0; transform:translate3d(25px, -500px, 0)}
}
@keyframes Ascent3 {
	from {opacity:1; transform:translate3d(10px, -20px, 0)}
	to {opacity:0; transform:translate3d(25px, -500px, 0)}
}
.heart_box .ascent3 {-webkit-animation-name:Ascent3; animation-name:Ascent3; opacity:0; transform:translate3d(20px, -500px, 0)}


/* ------------------------------
	Browser hacks
------------------------------ */

/* ------------------------------
	Chrome
------------------------------ */
.p19t13:not(*:root) {padding:14px 19px 19px}

.srh_seeking.mb6:not(*:root), .srh_who.mb6:not(*:root), .srh_tags.mb6:not(*:root), .srh_location.mb6:not(*:root) {margin-bottom:5px !important}
.srh_age.mb10:not(*:root) {padding-top:1px; margin-bottom:9px !important}
.srh_bottom_but:not(*:root) {margin-top:-1px}

.chat_title .hm_message:not(*:root) {line-height:60px}

.notify:not(*:root) { line-height:18px; }
.user_stats:not(*:root) {padding:10px 0 8px; margin-bottom:15px}

.online.ios:not(*:root) {background-position:0 -47px}
.online.andr:not(*:root) {background-position:0 -98px}
.online.other:not(*:root) {background-position:0 3px}

.city_sm:not(*:root) {background-position:0 4px}
.city_sm_blue:not(*:root) {background-position:0 -21px}

.msg_folder_tabs.perc20:not(*:root) {margin-right:-1px}

.inp_grd:not(*:root) { padding: 4px 9px; }

.visitors_count:not(*:root) {background-position:0 -1431px}


/* ------------------------------
	Opera
------------------------------ */
_:-o-prefocus, body:last-child .album_locked .inp_grd { top: 2px; }

[hidden] { display: none !important; }