:root {
	--regular: 'Roboto-Regular', 'Helvetica Cy', sans-serif;
	--regular-italic: 'Roboto-Italic', 'Helvetica Cy', sans-serif;
	--bold: 'Roboto-Bold', 'Helvetica Cy', sans-serif;
	--bold-italic: 'Roboto-BoldItalic', 'Helvetica Cy', sans-serif;

	--color-base: #465160;
	--color-secondary: #7c7c7c;
	--color-primary: #3095d4;
	--color-success: #76d137;
	--color-danger: #ff5e57;
	--color-warning: #fda10e;
	--color-border: #e6e6e6;
	--color-input: #d9d9d9;
	--color-gray: #999da4;

	--size-sm: 11px;
	--size-base: 13px;
	--size-md: 15px;
	--size-lg: 17px;
	--size-xl: 20px;
	--size-xxl: 24px;
	--size-xxxl: 28px;

	--spacing: .3px;
	--transition: all .2s ease-out;
}

.noselect {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.breakword { word-wrap: break-word; word-break: break-all; }

/*list*/
.reset, .reset > li, .reset_w, .reset_w li {list-style:none; padding:0; margin:0}
.reset_ls, .reset_ls li {list-style:none}
.lifl > li {float:left}
.lifr > li {float:right}
.lifn > li {float:none}

/* ------------------------------
	Fix button for FF
------------------------------ */
button::-moz-focus-inner, input::-moz-focus-inner {padding:0; border:0}

/*img_clr*/
.img_clr, .img_clr a, .img_clr img {display:inline-block}
.img_center {height:100%; display:inline-block; vertical-align:middle}

/* ------------------------------
	Td box
------------------------------ */
.tdbox {display:table-cell; text-align:center; vertical-align:middle}

/* ------------------------------
	Transition
------------------------------ */
.trsn, .geo_chat_dlg_close, .dlg_pay_period_list_rules .dlg_footer_rules_show, .sup_ticket_list table a div, .elite_user_box .elite_user_icon, .gnl_photo_adv_btn, .schbtn, .btn { transition:all 0.2s ease}

.block_app_bnts a, .gnl_gmap_close img, .gnl_gmap_srh_list a, .dlg_gnl_close24, .gnl_photo_prev, .add_img_but .file_add_img-button, .dlg_gnl_title.h50 .dlg_gnl_close, .gnl_photo_back, .gnl_photo_next, .opct, .dlg_gnl_close, .geo_chat_list_info, .dlg_close_gray, .dlg_pu_close_bs10 img, .dlg_pu_close_ws10 img, .dlg_pu_close_ws16 img, .geochat_profmenu li:before, .button, .icon_up, .feed_prev, .feed_next, .dm_box_link li a:before { transition:opacity 0.2s ease; transform:translateZ(0)}

/* ------------------------------
	Opacity
------------------------------ */
.opct0, .gnl_photo_prev { opacity: 0; }

.opct, .gnl_gmap_close:hover img, .gnl_gmap_srh_list a:hover, .dlg_gnl_close24:hover, .gnl_photo_prev:hover, .add_img_but .file_add_img-button:hover, .dlg_gnl_title.h50 .dlg_gnl_close:hover, .dlg_elite_pu .dlg_gnl_close24:hover, .dlg_gnl_close:hover, .geo_chat_list li:hover .geo_chat_list_info { opacity: 1; }

.opct:hover, .add_img_but .file_add_img-button { opacity: 0.8; }

.opct70, .gnl_gmap_close img, .gnl_gmap_srh_list a, .geo_chat_list_info, .dlg_close_gray:hover { opacity: 0.7; }

.opct60, .dlg_gnl_title.h50 .dlg_gnl_close, .gnl_photo_back:hover, .gnl_photo_next:hover, .dlg_pu_close_bs10:hover img, .dlg_pu_close_ws10:hover img, .dlg_pu_close_ws16:hover img { opacity: 0.6; }

.opct50, .dlg_gnl_close24, .dlg_gnl_close { opacity: 0.5; }

.dlg_elite_pu .dlg_gnl_close24, .dlg_close_gray, .dlg_pu_close_bs10 img, .dlg_pu_close_ws10 img, .dlg_pu_close_ws16 img { opacity: 0.3; }

.gnl_photo_back, .gnl_photo_next { opacity: 0.2; }

/* ------------------------------
	Table
------------------------------ */
.table_box {display:table}
.table_row {display:table-row}
.tc, .table_cell {display:table-cell; vertical-align:top}

/* ------------------------------
	Flexbox & grid layuot
------------------------------ */
.grid { display: grid; }
.flex { display:flex}
.flex-inline { display:inline-flex}
.flex-column { display: flex; flex-direction: column; }
.flex-center, .center, .click-zone { display:flex; justify-content:center; align-items:center}
.flex-grow { flex-grow: 1; }
.jc-center { justify-content:center}
.jc-between { justify-content:space-between}
.ai-center { align-items:center}

/* ------------------------------
	Float
------------------------------ */
.fl {float:left}
.fr {float:right}
.cb {clear:both}
.clearfix:before, .clearfix:after {display:table; content:""}
.clearfix:after {clear:both}

.p_abs {position:absolute}
.p_rel {position:relative}

.zpx {width:1px; height:1px; left:-9999px; top:0; position:absolute; z-index:1}

/* ------------------------------
	Radius
------------------------------ */
.rds2 {border-radius:2px}
.rds3 {border-radius:3px}
.rds4 {border-radius:4px}
.rds5, .navp.gnl_photo_nav a, .navp.gnl_photo_nav .search_nav, .gnl_photo_back div,
.gnl_photo_next div {border-radius:5px}
.rds5t {border-radius:5px 5px 0 0}
.rds5b {border-radius:0 0 5px 5px}
.rds6 {border-radius:6px}
.rds6t {border-radius:6px 6px 0 0}
.rds6b {border-radius:0 0 6px 6px}
.rds6bl {border-radius:0 0 0 6px}
.rds6br {border-radius:0 0 6px 0}
.rds8 {border-radius:8px}
.rds10 {border-radius:10px}
.rds10t {border-radius:10px 10px 0 0}
.rds10b {border-radius:0 0 10px 10px}
.rds12 {border-radius:12px}
.rds13 {border-radius:13px}
.rds20 {border-radius:20px}
.rds100, .geo_chat_dialog_ava, .pu_add_mphoto_list li img, .dlg_gnl_box_invait .geochat_icon, .button {border-radius:100px !important}
.rds300 {border-radius:300px !important}

/* ------------------------------
	Margin, padding
------------------------------ */
.m0, .mcl {margin:0 !important}
.p0, .pcl {padding:0 !important}
.m0a {margin:0 auto !important}
.ma {margin:auto}

.mb0 {margin-bottom:0 !important}
.mb1 {margin-bottom:1px}
.mb3 {margin-bottom:3px}
.mb4 {margin-bottom:4px !important}
.mb5 {margin-bottom:5px !important}
.mb6 {margin-bottom:6px}
.mb7 {margin-bottom:7px}
.mb8 {margin-bottom:8px}
.mb9 {margin-bottom:9px !important}
.mb10 {margin-bottom:10px !important}
.mb11 {margin-bottom:11px}
.mb12 {margin-bottom:12px !important}
.mb13 {margin-bottom:13px}
.mb14 {margin-bottom:14px !important}
.mb15 {margin-bottom:15px !important}
.mb16 {margin-bottom:16px}
.mb17 {margin-bottom:17px}
.mb18 {margin-bottom:18px}
.mb19 {margin-bottom:19px !important}
.mb20, .wb_mb20 .warning_box {margin-bottom:20px !important}
.mb21 {margin-bottom:21px}
.mb23 {margin-bottom:23px !important}
.mb24 {margin-bottom:24px !important}
.mb25 {margin-bottom:25px !important}
.mb26 {margin-bottom:26px}
.mb27 {margin-bottom:27px}
.mb28 {margin-bottom:28px !important}
.mb29 {margin-bottom:29px}
.mb30 {margin-bottom:30px}
.mb31 {margin-bottom:31px}
.mb34 {margin-bottom:34px}
.mb35 {margin-bottom:35px}
.mb39 {margin-bottom:39px}
.mb43 {margin-bottom:43px}

.mbm1 {margin-bottom:-1px}
.mbm3 {margin-bottom:-3px}
.mbm4 {margin-bottom:-4px}
.mbm5 {margin-bottom:-5px}

.ml-a {margin-left:auto}
.ml0, .li_ml10 > li:first-child, .li_ml20 > li:first-child, .li_ml30 > li:first-child, .li_ml15 > li:first-child {margin-left:0 !important}
.ml1 {margin-left:1px !important}
.ml3 {margin-left:3px}
.ml5 {margin-left:5px}
.ml10, .li_ml10 > li {margin-left:10px !important}
.ml15, .li_ml15 > li {margin-left:15px !important}
.ml20, .li_ml20 > li {margin-left:20px !important}
.ml25 {margin-left:25px}
.ml30, .li_ml30 > li {margin-left:30px !important}
.ml36 {margin-left:36px}

.mlm5 {margin-left:-5px}

.mr5 {margin-right:5px}
.mr8 {margin-right:8px}
.mr10 {margin-right:10px}
.mr11 {margin-right:11px !important}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}
.mr35 {margin-right:35px}
.mr50 {margin-right:50px}

.mt0, .li_mt10 > li:first-child, .li_mt15 > li:first-child, .li_mt20 > li:first-child {margin-top:0 !important}
.mt1 {margin-top:1px !important}
.mt2 {margin-top:2px !important}
.mt3 {margin-top:3px !important}
.mt4 {margin-top:4px !important}
.mt5 {margin-top:5px !important}
.mt6 {margin-top:6px !important}
.mt7 {margin-top:7px !important}
.mt8 {margin-top:8px !important}
.mt9 {margin-top:9px !important}
.mt10, .li_mt10 > li {margin-top:10px !important}
.mt11 {margin-top:11px !important}
.mt12 {margin-top:12px !important}
.mt13 {margin-top:13px !important}
.mt14 {margin-top:14px !important}
.mt15, .li_mt15 > li {margin-top:15px !important}
.mt16 {margin-top:16px !important}
.mt17 {margin-top:17px !important}
.mt18 {margin-top:18px !important}
.mt19 {margin-top:19px !important}
.mt20, .li_mt20 > li, .wb_mt20 .warning_box {margin-top:20px !important}
.mt21 {margin-top:21px !important}
.mt22 {margin-top:22px !important}
.mt23 {margin-top:23px !important}
.mt24 {margin-top:24px !important}
.mt25 {margin-top:25px !important}
.mt26 {margin-top:26px !important}
.mt28 {margin-top:28px !important}
.mt29 {margin-top:29px !important}
.mt30 {margin-top:30px !important}

.mtm1 {margin-top:-1px !important}
.mtm2 {margin-top:-2px}
.mtm3 {margin-top:-3px}
.mtm4 {margin-top:-4px}
.mtm5 {margin-top:-5px}
.mtm6 {margin-top:-6px !important}

.pl8 { padding-left: 8px; }
.pl80 {padding-left:80px}
.pt0 {padding-top:0 !important}
.pt4 {padding-top:4px}
.pt10 {padding-top:10px !important}
.pt20 {padding-top:20px}
.pt40 {padding-top:40px}
.p60 {padding:60px}

/* ------------------------------
	Hide, show, block
------------------------------ */
.hide {display:none}
.show {display:inherit}
.ovh {overflow:hidden}
.block {display:block !important}
.inblock {display:inline-block !important}
.inblock_clr {display:inline-block}
.inline {display:inline}

/* ------------------------------
	Font size
------------------------------ */
.fsize11 { font-size: var(--size-sm); }
.fsize13 { font-size: var(--size-base); }
.fsize15 { font-size: var(--size-md); }
.fsize17 { font-size: var(--size-lg); }
.fsize20 { font-size: var(--size-xl); }
.fsize24 { font-size: var(--size-xxl); }
.fsize28 { font-size: var(--size-xxxl); }

/* ------------------------------
	Color
------------------------------ */
.lblue {color:#2671aa}
.blue {color:#7a98af}
.bluemat {color:#417dab}
.brightred {color:#ee0919}
.darkblue {color:#2b5574}
.darkgray_blue {color:#5a6975 !important}
.grey { color: var(--color-secondary); }
.ltgrey {color:#bdc9d3}
.grblue {color:#6888a0}
.darkgrey {color:#666e74}
.ltgreen {color:#ecf8e6}
.green {color:#76b15d !important}
.red {color:#ec785e}
.dkred {color:#cd553b}
.oblack {color:#54524f}
.pink {color:#f05486}
.orange {color:#d58f3a}
.white {color:#fff}
.dark333 {color:#333}

/* ------------------------------
	Color lp14
------------------------------ */
.green_14 {color:#68c42b}
.orange_14 {color:#e9690b}
.red_l {color:#ed516f}
.red_14 {color:#f13a5d}
.blue_14 {color:#3195d4}
.blue_b {color:#274c68}
.blue_bm {color:var(--color-base) !important}
.blue_g {color:#999da4}
.blue_g2 {color:#838893}
.blue_gl {color:#b8babf}
.gray_l {color:#dddddd}
.gray_ll {color:#f0f0f0}

.text-danger {color:#ff5e57}
.text-success { color: #06b521; }

/* ------------------------------
	Font style
------------------------------ */
.lh15 {line-height:15px}
.lh20 {line-height:20px}
.lh25 {line-height:25px}
.lh30 {line-height:30px}

.ta_center {text-align:center !important}
.ta_left {text-align:left}
.ta_right {text-align:right}
.ta_justify {text-align:justify}

.va_middle {vertical-align:middle}
.va_center {vertical-align:center}

.tt_cap {text-transform:capitalize}
.tt_up {text-transform:uppercase}

.td_lthrough {text-decoration:line-through}
.lth_norm {font-weight:normal !important; text-decoration:line-through}

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

.fbold, b, strong { font-family: var(--bold); letter-spacing: var(--spacing); }
.no_fbold, .fnormal { font-family: var(--regular); }

.word_wrap, div.data {word-wrap:break-word}
.word_break {word-break:break-all}

.wspace_nowrap {white-space:nowrap}

.cur_pnr {cursor:pointer}

.tdu a {text-decoration:underline}
.tdu a:hover {text-decoration:none}
.tdn a, .tdn a:hover, .tdna, .tdna:hover {text-decoration:none}

/* ------------------------------
	Width
------------------------------ */
.w50 {width:50px}
.w60 {width:60px}
.w70 {width:70px}
.w75 {min-width:75px}
.w80 {width:80px}
.w85 { width: 85px; }
.w90 {width:90px}
.w100 {width:100px}
.w110 {width:110px}
.w115 {width:115px}
.w120 {width:120px}
.w130 {width:130px}
.w140 {min-width:140px}
.w160 {width:160px}
.w170 {width:170px}
.w180 {width:180px}
.w190 {width:190px}
.w200 {width:200px}
.w210 {width:210px}
.w220 {width:220px}
.w230 {width:230px}
.w240 {width:240px}
.w250 {width:250px}
.w280 {width:280px}
.w310 {width:310px}
.w320 {width:320px}
.w350 {width:350px}
.w360 {width:360px !important}
.w380 {width:380px}
.w390 {width:390px}
.w410 {width:410px !important}
.w420 {width:420px}
.w430 {width:430px}
.w440 {width:440px}
.w580 {width:580px !important}
.w600 {width:600px !important}
.w610 {width:610px !important}
.w620 {width:620px !important}
.w640 {width:640px !important}
.w650 {width:650px !important}
.w680 {width:680px !important}
.w100pct {width:100%}

.h50 {height:50px}
.h100pct {height:100%}

.zi1 {z-index:1}
.zi2 {z-index:2}
.zi3 {z-index:3}
.zi4 {z-index:4}
.zi5 {z-index:5}

/* ------------------------------
	Colimns
------------------------------ */
.column {float:left; position:relative}

.column-1-2 {width:50%}

.column-1-3 {width:33.333333%}
.column-2-3 {width:66.666666%}

.column-1-4 {width:25%}
.column-2-4 {width:50%}
.column-3-4 {width:75%}

/* ------------------------------
	Background color
------------------------------ */
.bg_white {background:#fff !important}
.bg_black {background:#000 !important}
.bg_black80 {background:url('bg_black80.png') 0 0 repeat}

/* ------------------------------
	bt_banner1
------------------------------ */
.wrap_lpnew .ya-partner_is-quasi-flat_yes, .wrap .btb1 .ya-partner_is-quasi-flat_yes {margin:0 auto}
.btb1 > div, .btb1 iframe, .yap-reset.ya-partner_ads, .btb1 ins {margin:0 auto !important}
/*.btb1.mh_avd {min-height:110px}*/
.mh_avd br, .adv br { display: none; }
.adv > a[target="_self"] { display: block; margin-bottom: 20px; }
.adv > div { margin-bottom: 20px !important; }

/* ------------------------------
	Gnl textarea
------------------------------ */
.gnl_textarea { width: 100%; color: var(--color-base); resize: none; padding: 3px 9px 8px; border: solid 1px var(--color-input); background: #fff; }
.gnl_textarea:hover, .gnl_textarea:focus { border: solid 1px #c2c2c2; }
.gnl_textarea.pr25 { padding-right: 25px; }

.lp14_textarea {width:350px !important; height:70px; overflow-y:scroll; padding-right:36px !important}

/* ------------------------------
	Drop menu
------------------------------ */
.dm_pad {display:none; position:absolute; z-index:30; padding:0}
.dm_pad.dm_center {width:248px; margin-left:-94px}
.dm_pad.pb15 {padding-bottom:15px}
.dm_pad.pt15 {padding-top:15px}
.dm_hover:hover .dm_pad {display:block}
.dm_box {position:relative; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.3)}

	/* ------------------------------
		Arr
	------------------------------ */
	.dm_box.top:before, .dm_box.bottom:before,
	.dm_box.left:before, .dm_box.right:before {width:23px; height:12px; content:''; position:absolute; background:url('gnl_sprite.png?place-for-version') no-repeat}

	.dm_box.top:before {left:50%; top:-11px; margin-left:-11px; background-position:0 0}
	.dm_box.bottom:before {left:50%; bottom:-11px; margin-left:-11px; background-position:0 -17px}

	.dm_box.left:before, .dm_box.right:before {width:12px; height:23px}
	.dm_box.left:before {left:0px; top:0px; background-position:0 -34px}
	.dm_box.right:before {right:-11px; top:50%; margin-top:-11px; background-position:-17px -34px}

	/* ------------------------------
		List
	------------------------------ */
	.dm_box_list, .dm_box_link {padding:10px 0}
	.dm_box_list li {padding:4px 20px 6px}
	.dm_box_link li a {height:30px; display:flex; align-items:center; color:#274c68; padding:0 20px}
	.dm_box_link li a:hover {background:#f7f7f7}
		.dm_box_link li a i {margin-right:11px; opacity:0.6; transition:opacity 0.2s ease}
			.dm_box_link li a:hover i {opacity:1 }
	.prof_user_more .dm_box_link li a {padding:0 20px 0 14px}

	.dm_box_link.fsize12 li a {padding:6px 20px 4px}
	.dm_box_link li.bm_line {height:1px; padding:0; margin:10px 0 9px; background:#dfdfdf}

	/* ------------------------------
		Black
	------------------------------ */
	.dm_box_black {width:190px; padding:10px; background:url('bg_black80.png') repeat}
		.dm_box_black.bottom:before, .dm_box_black.top:before {width:16px; height:8px; content:''; left:50%; bottom:7px; position:absolute; margin-left:-8px; background:url('gnl_sprite.png?place-for-version') no-repeat -39px 0}
		.dm_box_black.top:before {top:7px; background-position:-39px -13px}

/* ------------------------------
	Psevdotitle
------------------------------ */
.psevdotitile {width:auto; color:#fff; font:normal 11px var(--regular); line-height:16px; text-align:center; position:absolute; z-index:100; padding:5px 10px !important; background:url('bg_black80.png') repeat; border-radius:3px}
.psevdotitile:before {width:12px; height:6px; content:''; left:50%; bottom:5px; top:-6px; position:absolute; margin-left:-5px; background:url('gnl_sprite.png?place-for-version') no-repeat -41px -13px}

@-webkit-keyframes TitleOver {
	from {opacity:0; transform:translate3d(0,-10px,0)}
	to {opacity:1; transform:translate3d(0,0,0)}
}
@keyframes TitleOver {
	from {opacity:0; transform:translate3d(0,-10px,0)}
	to {opacity:1; transform:translate3d(0,0,0)}
}
.dm_hover {position:relative}
.dm_hover .psevdotitile {display:none; white-space:nowrap}
.dm_hover:hover .psevdotitile {display:block; animation-name:TitleOver; -webkit-animation-name:TitleOver; animation-duration:0.3s; -webkit-animation-duration:0.3s; animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out}

/* ------------------------------
	Pop-up white
------------------------------ */
.wpu_box {display:none; position:absolute; z-index:99; border:solid 1px #c0cbd5; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3)}
.wpu_box:before {width:20px; height:9px; content:''; position:absolute; margin:-9px 0 0; background:url("arr_popup.png?place-for-version") no-repeat}

.wpu_box_list, .wpu_box_list_t {padding:15px 0}
	.wpu_box_list li a {display:block; color:#2B5574}
	.wpu_box_list li a:hover {text-decoration:none}

.wpu_box_list_t li, .wpu_box_list li a {height:30px; line-height:28px; padding:0 25px}
.wpu_box_list_t.nosize li, .wpu_box_list.nosize li a {height:auto; line-height:20px; padding:4px 25px 6px}
.wpu_box_list_t li:hover, .wpu_box_list li:hover {background:#EDF2F7}

/* ------------------------------
	Search new face
------------------------------ */
.srh_new_face .wpu_box_pad {width:250px; height:90px; display:none; left:-114px; top:18px; margin:0; padding:10px 0 0; z-index:5}
.srh_new_face.srh_wpu_old .wpu_box_pad {margin-top:-5px}
.srh_new_face:hover .wpu_box_pad, .wpu_box_pad:hover, .srh_new_face:hover .wpu_box { display: flex; }
.srh_new_face .wpu_box {width:250px; height:80px; display:none; margin:0 auto; padding:10px 20px}
.srh_new_face .wpu_box:before {margin:0; left:111px; top:-9px}
.srh_new_face.srh_wpu_old .wpu_box:before {left:113px}
.srh_new_face.srh_wpu_old.brend .wpu_box:before {left:108px}
	.srh_new_face .wpu_box .col_1 {width:52px; height:52px; margin:6px 0 0 0; background:url('wpu_premium.png?place-for-version') no-repeat}
	.srh_new_face .wpu_box .col_2 { width: 156px; color: #2b5574; }
		.srh_new_face .wpu_box .col_2 a { color:#2671aa; text-decoration: underline; }
		.srh_new_face .wpu_box .col_2 a:hover { text-decoration: none; }

.srh_wpu_dom2 .wpu_box_pad {left:-143px}
.srh_new_face.srh_wpu_old.srh_wpu_dom2 .wpu_box:before {left:93px}

.bdrt_no {border-top:none !important}
.bdr_no {border:none !important}
.bdrb_no {border-bottom:none !important}

/* ------------------------------
	Dialog general
------------------------------ */
.dlg_gnl_box {width:615px; position:relative; padding-bottom:0px; margin:100px auto 50px; box-shadow:0 15px 30px rgba(0,0,0,0.2)}
.dlg_gnl_box.wauto {width:auto}

.dlg_gnl_title {height:40px; color:#fff; font-size: var(--size-md); line-height:38px; font-family: var(--bold); letter-spacing: var(--spacing); text-align:center; position:relative; border-bottom:1px solid #5f9748; border-radius: 10px 10px 0px 0px; background:#76b15d}
	.dlg_gnl_title a {color:#fff}
.dlg_gnl_close, .dlg_gnl_close:hover {color:#fff; font-size: 22px; line-height:0; font-family: var(--bold); letter-spacing: var(--spacing); cursor:pointer; text-decoration:none; right:11px; top:18px; position:absolute; z-index:1}
.dlg_gnl_close24, .dlg_gnl_close24:hover, .dlg_gnl_close24.black {color:#fff; font-size: var(--size-xxl); line-height:0; font-family: var(--bold); letter-spacing: var(--spacing); text-decoration:none; right:8px; top:14px; position:absolute; z-index:4}
.dlg_gnl_close24.black, .dlg_gnl_close24.black:hover {color:#000}

.dlg_gnl_title.h35 {height:35px; border:none; background:transparent}

.dlg_gnl_title.h50 {height:50px; font-size: var(--size-md); line-height:48px; text-align:left; padding-left:20px; border-bottom:none !important}
	.dlg_gnl_title.h50 .dlg_gnl_close {right:17px; top:23px}
.dlg_gnl_title_h70 {height:70px; line-height:18px}
	.dlg_gnl_title_h70 .dlg_gnl_close {right:12px; top:19px}

.dlg_gnl_body {padding-bottom:11px; background:#F1F7E8; border-radius: 0px 0px 10px 10px;}
.dlg_gnl_body.pb0 {padding-bottom:0}
	.dlg_gnl_body .container, .dlg_gnl_body .container.add_newtag {padding:20px 40px; border-bottom:1px solid #D7E4C5; border-top:1px solid #D7E4C5; background:#fff}
	.dlg_gnl_body .container.add_newtag {padding-top:14px}
	.dlg_gnl_body .secure-container {border-bottom:solid 1px #e8e8e8}
	.dlg_gnl_body .container.padlr60 {padding-left:60px; padding-right:59px}
	.dlg_gnl_body .container.p20 { padding: 20px; }
	.dlg_gnl_body .container .paysys { height: 100%; }
	.dlg_gnl_body p { color: #000; font-family: var(--regular); }
	.dlg_gnl_body.blue_bm p { color: var(--color-base); }
.dlg_gnl_footer {padding:20px 30px; background:#f6f9fa}

.modal-content {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:5px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.5)}
	.modal-content .closer {font-size: var(--size-xxl); color:#bcbcbc; position:absolute; right:17px; top:16px; cursor:pointer; transition:all 0.2s}
	.modal-content .closer:hover { color: #fff; }
	.modal-content .modal-footer { border-radius: 0 0 5px 5px; }

/* ------------------------------
	Dialog general orange
------------------------------ */
.dlg_gnl_orange .dlg_gnl_title {border-bottom:1px solid #c48538; background:#eca44d}
.dlg_gnl_orange .dlg_gnl_body {background:#fff8f0}
	.dlg_gnl_orange .dlg_gnl_body .container {border-bottom:1px solid #f0dfcc; border-top:1px solid #f0dfcc; border-radius: 0px 0px 10px 10px;}

/* ------------------------------
	dialog general blue
------------------------------ */
.dlg_gnl_blue .dlg_gnl_title {border-bottom:1px solid #2284be; background:#3195d4}
.dlg_gnl_blue .dlg_gnl_body { background: #fff; }
	.dlg_gnl_blue .dlg_gnl_body .container {border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-radius: 0px 0px 10px 10px;}
		.dlg_gnl_blue .dlg_gnl_body.bg_white .container {border-top:none; border-bottom:1px solid #d3d7dc; border-radius: 0px 0px 10px 10px;}
.dlg_gnl_blue .dlg_gnl_txt.cont {color:#000; text-align:center; padding:9px 20px 0}

.login_lbox, .login_rbox { width: 46%; }

/* ------------------------------
	Dialog general darkblue
------------------------------ */
.dlg_gnl_dark_blue .dlg_gnl_title {border-bottom:none; background:#386ac5}

/* ------------------------------
	Dialog general payment
------------------------------ */
.dlg_gnl_tabmenu {overflow:hidden; padding:10px 20px; margin:0}
.dlg_gnl_tabmenu .label {height:50px; display:block; cursor:pointer; padding-left:14px; background:url("../imgstc/dlg/purse_pu_icons.png?place-for-version") 0 24px no-repeat}
.dlg_gnl_tabmenu li {float:left; text-align:center; padding:0 7px; height:59px}
.dlg_gnl_tabmenu li.active {background:#F6E39A; border-radius:5px; box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 1px 0 rgba(0,0,0,0.20); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 1px 0 rgba(0,0,0,0.20)}
	.dlg_gnl_tabmenu li .name {color:#000; font-size: var(--size-sm); line-height:20px}
	.dlg_gnl_tabmenu li.active .label {background-position:0 -30px}

.pm_purse_ico, .pm_sms_ico, .pm_phone_ico, .pm_card_ico, .pm_purse_ico_big, .pm_qiwi_ico, .pm_ya_ico, .pm_youmoney_ico, .pm_wm_ico, .pm_qr_ico, .pm_elite_phone_ico {background:url("../imgstc/dlg/purse_pu_icons.png?place-for-version") no-repeat}
.pm_purse_ico {width:33px; height:33px; margin:11px 5px 0 12px; background-position:0 -109px}
.pm_sms_ico {width:34px; height:35px; margin:11px 0 0 12px; background-position:0 -150px}
.pm_phone_ico {width:39px; height:37px; margin:13px 0 0 12px; background-position:0 -195px}
.pm_card_ico {width:51px; height:37px; margin:12px 0 0 12px; background-position:0 -240px}
.pm_qiwi_ico {width:25px; height:48px; margin:10px 9px 0 15px; background-position:0 -329px}
.pm_ya_ico {width:70px; height:35px; margin:14px 0 0 6px; background-position:0 -387px}
.pm_youmoney_ico {width:96px; height:20px; margin:20px 0 0 9px; background-position:0 -601px}
.pm_wm_ico {width:52px; height:43px; margin:12px 0 0 4px; background-position:0 -429px}
.pm_qr_ico {width:59px; height:43px; margin:11px 0 0 6px; background-position:0 -485px}
.pm_elite_phone_ico {width:19px; height:36px; margin:11px 0 0 6px; background-position:0 -545px}

.dlg_gnl_col_l {width:160px}
	.dlg_gnl_col_l.mt36 {margin-top:36px}
.dlg_gnl_col_r {margin-left:160px}
	.dlg_gnl_col_r .srv_title {font-family: var(--bold); letter-spacing: var(--spacing); color:#181818; margin-bottom:4px}

.dlg_gnl_txt {color:#657f90; text-align:center; padding:9px 20px 0}
	.dlg_gnl_txt a {color:#657f90; text-decoration:none; cursor:pointer; border-bottom:dashed 1px #657f90}
	.dlg_gnl_txt a:hover {text-decoration:none; border-bottom:none}
	.dlg_gnl_txt.tdu a {text-decoration:underline; border-bottom:none}
.dlg_gnl_txt.mini { font-size: var(--size-sm); }
	.dlg_gnl_user_rules {color:#657f90; text-align:justify; margin:5px 20px -5px; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto}
	.dlg_gnl_user_rules p, .dlg_gnl_user_rules a { color: #657f90; }
	.dlg_gnl_ofertacard {text-align:justify; padding:4px 0 0; margin-top:16px; border-top:1px dashed #cdd2c5; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto}

.bg_white .dlg_gnl_txt, .bg_white .dlg_gnl_txt a,
.bg_white .dlg_gnl_user_rules, .bg_white .dlg_gnl_user_rules p, .bg_white .dlg_gnl_user_rules a {color:#999da4; border-color:#999da4}

.content_purse_col {width:442px; margin-left:30px}

	/* ------------------------------
		Content card
	------------------------------ */
	.content-card-checkbox {display:flex; color:#999da4; text-align:justify; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto}
		.content-card-checkbox .xcheckbox, .content-card-checkbox .xcheckbox.checked {width:19px; height:19px; border:none; background:#c6c8cb url('xforms/lp14/xforms.png?place-for-version') no-repeat -59px -61px; border-radius:50%; box-shadow:none}
		.content-card-checkbox .xcheckbox:hover {border:none}
		.content-card-checkbox .xcheckbox.checked {background-position:-59px -81px}
		.content-card-checkbox .xcheckbox.disabled {border:none; background-position:-59px -61px}
		.content-card-checkbox .xcheckbox.checked.disabled {background-position:-59px -81px}
	.footer-card {color:#999da4; text-align:justify; padding:9px 0 0; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto}
		.footer-card a {color:#999da4; text-decoration:none; cursor:pointer; border-bottom:1px dashed #999da4}
		.footer-card a:hover {text-decoration:none; border-bottom:none}

	.secure-row {height:70px; align-items:center; justify-content:space-between; padding:0 24px; border-bottom:solid 1px #d7e4c5; background-color:#fff}
	.secure-content {line-height:18px; align-items:flex-end}

	.paysistems-logo { gap: 0 15px; }

/* ------------------------------
	Dialog general mobile
------------------------------ */

.list_profit li {font-size: var(--size-lg); color:#fff; padding:0 0 10px 30px; background:url('../imgstc/mobile/bulet.png') no-repeat}

.app-row {width:410px; display:flex; justify-content:space-between}
.app-row-phoneapp {width:370px}
	.app-row-phoneapp .btn-app {width:180px; background-color:rgba(0, 0, 0, 0.57)}

/* ------------------------------
	Dialog place photo in feed
------------------------------ */
.add_feed {padding:20px 65px 30px}
	.add_feed .thumb {width:110px; height:150px}
		.add_feed .thumb img {width:110px; height:150px}
	.add_feed .thumb:before {width:30px; height:30px; display:block; content:''; position:absolute; right:-10px; bottom:-10px; background:url('lp14/sprite.png?place-for-version') -280px -610px}
	.add_feed + .dlg_gnl_txt {color:#999da4; padding-bottom:10px; border-top:solid 1px #d3d7dc}
.slider_feed {width:554px; height:70px; display:none; margin:15px auto 0}
	.slider_feed ul {width:6000px; /*height:70px;*/}
		.slider_feed ul li {position:relative; cursor:pointer}
		.slider_feed ul .active:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:solid 2px #7ccd43}
		.slider_feed ul .active:after {content:''; position:absolute; left:2px; right:2px; top:2px; bottom:2px; border:solid 2px #fff}
		.slider_feed ul li + li {margin-left:11px}

.add_photo_feed .dlg_white_box {width:575px}
.add_photo_feed .dlg_gnl_title {height:170px; font-family: var(--regular); font-size: var(--size-md); color:#202837; line-height:23px; text-align:center; padding:51px 35px 0; border-bottom:none; background:url('lp14/bg_header_add_feed.png') no-repeat}
.add_photo_feed .dlg_gnl_close, .add_photo_feed .dlg_gnl_close:hover {color:#454545}
.feed_box {padding:20px 65px 16px; border-bottom:solid 1px #e2e2e2}
	.feed_box .link_dotted {text-decoration:none; border-bottom:dotted 1px #3295f1}
	.feed_box .slider_feed {width:446px; height:100px; display:none; margin:13px auto 0}
		.feed_box .slider_feed ul {width:6000px}
			.feed_box .slider_feed ul li {position:relative; cursor:pointer}
			.feed_box .slider_feed ul .active:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:solid 2px #de4450}
			.feed_box .slider_feed ul .active:after {content:''; position:absolute; left:2px; right:2px; top:2px; bottom:2px; border:solid 2px #fff}
			.feed_box .slider_feed ul li + li {margin-left:15px}
.feed_prev, .feed_next {width:10px; height:16px; position:absolute; top:50%; margin-top:-8px; background:url('lp14/sprite.png') no-repeat; cursor:pointer; opacity:0.6}
.feed_prev {left:-35px; background-position:-270px -480px}
.feed_next {right:-35px; background-position:-290px -480px}
.feed_prev:hover, .feed_next:hover {opacity:1}

.greeting_box { padding: 16px 65px 16px; }
	.greeting_box .lpjl-simple-select, .greeting_box .xselect-input {width:225px}
	.greeting_box .gen_txtar {height:80px; border-radius:4px 4px 0 0}
	.greeting_box .btn {width:100%; border-radius:0 0 4px 4px}
.cost_service {color:#999da4; text-align:center; padding-top:11px}

select.lpjl-simple-select{ border-radius: 5px; border: solid 1px #d9d9d9; background-color: #fff; height: 30px; padding: 0px 0px 2px 5px; }

.invite_box {width:100%; height:66px; display:block; font-size: var(--size-lg); line-height:23px; color:#fff; text-align:center; text-decoration:none; position:relative; padding-top:9px; background:#3295f1}
.invite_box:hover {text-decoration:none}
.invite_box:before {width:76px; height:46px; display:block; content:''; position:absolute; left:29px; top:10px; background:url('lp14/sprite.png') no-repeat -320px -600px}


/* ------------------------------
	General form
------------------------------ */
.genform_sel30, .genform_inp30 {height:30px; white-space:nowrap; padding:4px 9px 5px; border:solid 1px #97afc3}
.gen_txtar { padding: 3px 9px 5px; border: solid 1px #e0e0e0; background: #fff; }
.genform_inp30 {padding-top:3px}
.genform_w320 {width:320px}
.genform_w160 {width:160px}

/* ------------------------------
	Payment msg time
------------------------------ */
.dlg_gnl_body.dlg_body_new_lock_look {background:#fff url('../imgstc/dlg/bg_block_look.png') 0 90% no-repeat !important}
.dlg_gnl_body.dlg_body_new_lock_look .container {background:none}
.dlg_gnl_body.dlg_body_new_lock_look .inblock_clr {padding:10px; background:#ffe607}
.dlg_gnl_body.dlg_body_new_lock_look .dlg_but_grd_green {padding:0 20px; width:220px; height:40px; line-height:40px}
.dlg_gnl_body.dlg_body_new_lock_look .dlg_but_grd_green div {height:38px; line-height:38px}

/* ------------------------------
	General button
------------------------------ */
.add_img_but .file_add_img-button {display:inline-block; font-family: var(--bold); letter-spacing: var(--spacing); color:#fff; text-align:center; text-decoration:none !important; border-radius:5px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:all 0.2s; cursor: pointer}
button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* ------------------------------
	Button karmachat
------------------------------ */

.button {display:inline-block; font-size: var(--size-md); text-decoration:none; text-align:center; border-style:solid; border-width:2px; background:transparent; cursor:pointer}
.button:hover {opacity:0.8; text-decoration:none}
.button-lg {height:50px; font-family: var(--bold); letter-spacing: var(--spacing); line-height:42px; padding:0 20px}
.button-md {height:36px; line-height:30px; padding:0 10px}
.button-sm {height:27px; line-height:26px; padding:0 18px}

.button-default { color: #fff; border-color: #bd97e7; }
.button-warning { color: var(--color-warning); border-color: var(--color-warning); }
.button-danger { color: #fff; border-color: var(--color-danger); background: var(--color-danger); }

/* ------------------------------
	New sample buttons
------------------------------ */

.btn {height:36px; display:inline-block; font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-base); line-height:36px; letter-spacing:0.2px; text-decoration:none; text-align:center; border:none; border-radius:5px; background:transparent; cursor:pointer;}
.btn:hover {text-decoration:none}

.btn-primary {color:#fff; background-color:var(--color-primary);}
.btn-primary:hover {background-color:#0884e3}
.btn-primary:active {background-color:#0073bd}

.btn-success {color:#fff; background-color:var(--color-success);}
.btn-success:hover {background-color:#34ba20}
.btn-success:active {background-color:#2ca016}

.btn-danger {color:#fff; background-color:var(--color-danger);}
.btn-danger:hover {background-color:#ec483d}
.btn-danger:active {background-color:#dc2e2f}

.btn-warning {color:#fff; background-color:var(--color-warning);}
.btn-warning:hover {background-color:#f5791d}
.btn-warning:active {background-color:#e65100}

.btn-light {color: var(--color-base); border:solid 1px var(--color-input); background-color:#fff}
.btn-light:hover {background-color:#f7f7f7}
.btn-light:active {border-color:#c3c3c3; background-color:#eee}

.btn-outline-secondary {font-family: var(--regular); color:var(--color-base); border:solid 1px var(--color-input); background-color:#fff}
.btn-outline-secondary:hover {background-color:#f7f7f7}
.btn-outline-secondary:active {border-color:#c3c3c3; background-color:#eee}

.btn-outline-secondary.disable,
.btn-outline-secondary.disable:hover,
.btn-outline-secondary.disable:active {border:solid 1px #bcbcbc; background-color:#e7e7e7}

.btn-outline-success {font-family: var(--regular); line-height:32px; color:#76d137; padding:0 25px; border:solid 1px #76d137; border-radius:18px; background-color:#fff}
.btn-outline-success:hover {color:#34ba20; border:solid 1px #34ba20}
.btn-outline-success:active {color:#2ca016; border:solid 1px #2ca016}

.btn-outline-primary {font-family: var(--regular); line-height:32px; color:#3095d4; padding:0 25px; border:solid 1px #83bfe5; border-radius:18px; background-color:#fff}
.btn-outline-primary:hover {color:#0376cf; border:solid 1px #1082da}
.btn-outline-primary:active {color:#005da6; border:solid 1px #005da6}

.btn-outline-light {color:#fff; border:solid 1px #fff; background-color:transparent}

.btn-vipchat { color:#fff; background: linear-gradient(90deg, #ff9246 0.34%, #fdbc15 100%); }

.btn-large {height:50px; font-size: var(--size-md); line-height:50px; padding:0 20px}
.btn-big {height:40px; line-height:40px; padding:0 30px}
.col_right .btn-big {padding:0 20px}
.btn-sm {height:30px; font-family: var(--regular); line-height:30px; padding:0 10px}
.btn-long {width:190px}
.btn-long-it {width:200px}
.btn-short {width:36px; padding:0}
	.btn-short i {margin:0 auto}

.social-icons-large .btn-short {width:50px; height:50px}
	.social-icons-large .btn-short i {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}

.disable, .disabled {opacity:0.3; cursor:default}

.btn-vk {background-color:#4976a8}
.btn-vk:hover {background-color:#30659f}
.btn-vk:active {background-color:#1d5189}

.btn-ok {background-color:#fda10e}
.btn-ok:hover {background-color:#f5791d}
.btn-ok:active {background-color:#e65100}

.btn-lider-edit { padding: 0 5px; }
.btn-up { position: fixed; right: 20px; bottom: 10px; z-index: 25; }

.btn-symp { width: 60px; height: 60px; border: 1px solid var(--color-border); border-radius: 100%; background: #fff; cursor: pointer; transition: all 0.2s; }
.btn-symp .cross {width:24px; height:24px}
.btn-symp .heart {width:30px; height:30px}
.btn-symp .cross, .btn-symp .heart {-webkit-filter:invert(68%) sepia(95%) saturate(2641%) hue-rotate(176deg) brightness(96%) contrast(94%); filter:invert(68%) sepia(95%) saturate(2641%) hue-rotate(176deg) brightness(96%) contrast(94%)}
.btn-symp:hover {border-color:#41aaed !important}
.btn-symp:active, .btn-symp.active {border:none; background:#0073bd}
.btn-symp:active .cross, .btn-symp.active .cross,
.btn-symp:active .heart, .btn-symp.active .heart {-webkit-filter:brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(5%) hue-rotate(237deg) brightness(101%) contrast(103%);filter:brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(5%) hue-rotate(237deg) brightness(101%) contrast(103%)}

/* ------------------------------
	Service pop-up msg
------------------------------ */
.svc_pu_msg .content_purse_col {width:413px}
.svc_pu_msg_vcode {width:230px; text-align:center; margin:20px auto 10px}
.svc_pu_msg_but {width:222px; height:55px; font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-lg); line-height:53px; margin:26px 0 0}
.svc_pu_msg_time {width:127px; margin:22px 0 0 40px}
	.svc_pu_msg_time span { font-size: var(--size-xl); line-height: 28px; }
.svc_pu_msg .mobile_code_box {height:60px; font-family: var(--bold); letter-spacing: var(--spacing); font-size: 32px; line-height:57px; white-space:nowrap; padding:0 20px; margin-top:6px; border:solid 1px #cbb356; background:#f6e39a; border-radius:3px}
.svc_pu_msg .dlg_gnl_txt {color:#bb9f80}
	.svc_pu_msg .dlg_gnl_txt a {color:#bb9f80; border-bottom:dashed 1px #bb9f80}

.svc_pu_msg .ico_premium {width:136px; height:130px; background:url("../imgstc/dlg/pu_svc_paid_msg.png?place-for-version") 0 -111px no-repeat}
.svc_pu_msg .ico_premium_m {width:95px; height:91px; background:url("../imgstc/dlg/pu_svc_paid_msg.png?place-for-version") 0 0 no-repeat}
.svc_pu_msg .ico_chat {width:120px; height:110px; background:url("../imgstc/dlg/pu_svc_paid_msg.png?place-for-version") 0 -261px no-repeat}
.svc_pu_msg .width140 {width:140px}
.svc_pu_msg .mt14 {margin-top:14px}
.svc_pu_msg .mt21 {margin-top:21px}
.svc_pu_msg .mt24 {margin-top:24px}
.svc_pu_msg .mt34 {margin-top:34px}
.svc_pu_msg .tick-flip {background:#299CDF; background:linear-gradient(to bottom, #299CDF 0%,#386C93 100%)}
.svc_pu_msg .msg_prem_popular {padding:60px 60px 20px; background:#fff url("../imgstc/dlg/bg_popular.png?place-for-version") 0 22px no-repeat}
.svc_pu_msg .msg_new_face {padding:30px 56px 20px; background:#fff url("../imgstc/dlg/bg_new_face.png?place-for-version") center top no-repeat}
.svc_pu_msg .msg_mattext {color:#2a3741; font-size:52px; margin:51px 17px 0}
.svc_pu_msg .msg_photobox {padding:4px; border:1px #fb9504 solid; border-bottom-color:#da8004; background:#ffaf40; background:linear-gradient(to bottom, #ffaf40 0%,#f89201 100%); box-shadow:inset 0 1px 0 #ffe980, 0 1px 0 rgba(0,0,0,0.07)}
.svc_pu_msg .msg_photobox_pink {padding:3px; background:#ff4478}
.svc_pu_msg .msg_sympathy_brdl {border-left:1px solid #d4d4d4}
.svc_pu_msg .width265 {width:265px; margin:16px 0 0; padding:4px 0 10px}
.svc_pu_msg .msg_or {width:40px; height:40px; left:-21px; top:85px; position:absolute; margin:0px 0px 0px; background:url("../imgstc/dlg/pu_svc_paid_msg.png?place-for-version") 0 -425px no-repeat}
.svc_pu_msg .dlg_but_grd_pink div {padding-left:43px; background:url("../imgstc/dlg/pu_svc_paid_msg.png?place-for-version") 16px -379px no-repeat}

/* ------------------------------
	Service pop-up up
------------------------------ */

.svc_pu_up .content_purse_col {width:315px; margin-left:20px}
.svc_pu_up .photo_ico {position:relative}
.svc_pu_up .photo_ico_up {width:36px; height:36px; bottom:-17px; right:-17px; position:absolute; background:url("../imgstc/dlg/purse_pu_icons.png?place-for-version") 0 -287px no-repeat}
.svc_pu_up_box {width:550px; padding:1px 0 10px; margin:0 auto}
.svc_pu_up .selw220.xselect-container {width:220px}

.greeting_up textarea {width:420px; height:40px}
.greeting_up .svc_pu_up_box {width:550px; padding:3px 0 10px}
	.greeting_up .svc_pu_up_box > div {margin-top:0 !important}
.greeting_up .content_purse_col {width:420px; margin-left:20px}

.rocket_box {width:120px; margin-left:40px}
.content_free_up {margin:-6px 0 0 210px}
	.content_free_up p {color:var(--color-base)}

/* ------------------------------
	Service pop-up icons
------------------------------ */
.svc_pu_icons {background:url("../imgstc/dlg/purse_pu_svc_icons.png?place-for-version") 0 0 no-repeat}
.svc_pu_icons.micropay {width:70px; height:130px; margin-left:30px}
.svc_pu_icons.qiwi {width:74px; height:119px; margin-left:20px; background-position:0 -163px}
.svc_pu_icons.ya {width:126px; height:54px; margin-left:-3px; background-position:0 -293px}
.svc_pu_icons.youmoney {width:126px; height:26px; margin-left:0; background-position:0 -680px}
.svc_pu_icons.wm {width:126px; height:86px; margin-left:-1px; background-position:0 -354px}
.svc_pu_icons.elite_phone {width:70px; height:130px; margin-left:25px; background-position:0 -450px}
.svc_pu_icons.card {width:112px; height:82px; margin-left:9px; background-position:0 -590px}

/* ------------------------------
	Service pop-up sms
------------------------------ */
.svc_pu_sms_sel_oper {margin:4px 0 0}
.svc_pu_sms_select {width:250px; margin-right:10px !important}
.svc_pu_sms_numbox {margin:24px 0 30px}

.svc_pu_sms_tabmenu .label {min-width:140px; float:left; cursor:pointer; padding:0 20px 0 19px; margin:0; background:url("../imgstc/dlg/purse_pu_icons.png?place-for-version") 0 4px no-repeat}
.svc_pu_sms_tabmenu .label.active {background-position:0 -50px}

.svc_pu_sms_payment {margin:14px 0 0}
.svc_pu_sms_payment_title {margin:0 0 5px 20px}

.svc_pu_sms_col_rmar {margin-left:140px}
.svc_pu_sms_col_l {width:140px}
.svc_pu_sms_col_l.mt44 {margin-top:44px}
.mobile_code_box {height:60px; font-size: var(--size-xxl); line-height:58px; font-family: var(--bold); letter-spacing: var(--spacing); white-space:nowrap; padding:0 20px; border:solid 1px #cbb356; background:#f6e39a; border-radius:3px}
.svc_pu_sms_payment_price { font-size: var(--size-sm); margin-top: 15px; }

.progressbar_green, .progressbar_gray {width:443px; height:40px; position:relative; overflow:hidden; margin:auto; border:2px solid rgb(166,204,150); background-color:rgb(241,247,232); cursor:pointer}
	.progressbar_green span, .progressbar_gray span {width:100%; height:40px; font-family: var(--bold); letter-spacing: var(--spacing); color:#437f2a; line-height:34px; text-align:left; padding-left:15px; position:absolute; left:0; top:0; z-index:10}

.progressbar_green .noTrespassingBarLineG,
.progressbar_gray .noTrespassingBarLineG {width:25px; height:210px; float:left; margin-right:42px; margin-top:-49px; background-color:rgb(222,239,215); transform:rotate(45deg)}

.progressbar_gray {border-color:rgb(174,174,174); background-color:rgb(234,234,234)}
	.progressbar_gray span {color:var(--color-base)}
.progressbar_gray .noTrespassingBarLineG {background-color:rgb(247,247,247)}

.noTrespassingAnimationG {width:543px; -webkit-animation-name:noTrespassingAnimationG; animation-name:noTrespassingAnimationG; -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear}

@keyframes noTrespassingAnimationG {
	0% {margin-left:0px}
	100% {margin-left:-67px}
}

@-webkit-keyframes noTrespassingAnimationG {
	0% {margin-left:0px}
	100% {margin-left:-67px}
}

/* ------------------------------
	Service pop-up gift
------------------------------ */
.popup_tabs_fixed {top:0; position:fixed; z-index:900}
.svc_pu_gift {width:500px}
.svc_pu_gift.widthgift {width:788px}
.svc_pu_gift.w700 {width:700px}
.svc_pu_gift_bg {width:500px; height:350px; display:table-cell; text-align:center; vertical-align:middle; background:#eaf3e6 url("../imgstc/gifts/app_icons.png?place-for-version") 0 0 no-repeat}
.svc_pu_gift_cont {width:360px}
.svc_pu_gift_cont.w490 {width:490px}
.svc_pu_gift_cont.mtm7 {margin-top:-7px}
.svc_pu_gift_prem_promo { height: 40px; padding: 0 15px; background: #f1f7fb; }

.svc_pu_gift_tabs_fixed {position:fixed; z-index:900; top:0; width:700px}

.svc_pu_gift_tabs {width:788px; height:69px; margin:0; padding:21px 20px 0; border-bottom:2px solid #d7e4c5; background:#f1f7e8}
	.svc_pu_gift_tabs li { margin: 0 2px -2px 0; }
		.svc_pu_gift_tabs li a {height:48px; color:#474c3f; line-height:48px; text-decoration:none; padding:0 25px; background:#d7e4c5; border-radius:2px 2px 0 0}
		.svc_pu_gift_tabs li .active {height:50px; color:#5f9748; line-height:50px; margin-top:-2px; border:1px solid #d7e4c5; border-bottom:none; background:#fff; border-radius:2px 2px 0 0}

/* ------------------------------
	Pop-up gift list
------------------------------ */
.pu_gift_list li {float:left; width:110px; height:110px; text-align:center; cursor:pointer; padding:10px; margin:4px; border-radius:3px}
.pu_gift_list li:hover, .pu_gift_list li.active {background:#f1f7fb}
.pu_gift_list li div {width:110px; height:22px; display:none; line-height:20px; color:#0879b1; margin:-2px 0 0 -10px; position:relative; z-index:999; background:#dcebf5; border-radius:3px}
.pu_gift_list li.active div, .pu_gift_list li:hover div {display:block}

/* ------------------------------
	Page purse
------------------------------ */
.list_benefits li {margin-bottom:10px; overflow:hidden}
.list_benefits label {display:block; width:20px; height:20px; float:left; margin-top:5px; background:url("../imgstc/payments/list_marker.png?place-for-version") no-repeat}
	.list_benefits label.heart {background-position:0 0}
	.list_benefits label.bulbs {background-position:0 -26px}
	.list_benefits label.star {background-position:0 -54px}
.list_benefits div {line-height:20px; color:#434952; text-align:left; margin-left:33px}

.purshe_header {margin:33px 50px 74px 0}
	.purshe_header .col_1 {width:620px; color:#434952; margin-right:auto}
	.purshe_header .col_2 > div {width:140px; height:76px; margin:-2px 0 0 25px}
	.purshe_header .col_2 a {width:140px; right:0; bottom:0; border-radius:100px}
	.purshe_header .title {margin-bottom:11px}

.service_box {width: 788px; height:352px; margin: 0 auto; border:solid 1px #cacaca; border-radius:20px; background:#fff}
	.service_box a {width:200px; margin-bottom:20px; border-radius:100px}
	.service_box img {margin-bottom:20px}
		.service_box > ul > li {display:block; width:262px; height:351px; text-align:center; padding:42px 30px 0; border-left:solid 1px #cacaca}
		.service_box > ul > li:first-child { border-left: none; }

.service_title {width:500px; height:50px; line-height:48px; color:#fff; left: 50%; top:-40px; transform: translateX(-50%); background:#fb9d19}
.service_title:before, .service_title:after {content:' '; width:50px; height:60px; position:absolute; background:url('../imgstc/payments/ribbon.png?place-for-version') no-repeat}
.service_title:before {left:-27px; top:0; background-position:0 0}
.service_title:after {right:-36px; top:0; background-position:0 -60px}

.wrap_purse {width:1050px}

.iframe-card {margin: 0 auto; padding: 10px 0; height: 100%;}

/* ------------------------------
	Share block
------------------------------ */
.share_list li:first-child {margin-left:0}
.share_list li {font-size:0; line-height:0; margin-left:10px}
.shareblock {width:32px; height:32px; cursor:pointer; background:url('social_icons.png?place-for-version') 0 0 no-repeat}
.shre_fb {background-position:0 0}
.shre_mr {background-position:-32px 0}
.shre_od {background-position:-64px 0}
.shre_vk {background-position:-96px 0}

/* ------------------------------
	Tell friend
------------------------------ */
.shine_box_blue {width:610px; height:360px; background:url('tell_friend/bg_cont_shine.jpg') no-repeat center top}
.dialog_modal .social_btn_box {height:110px; top:360px; padding:20px 30px; background:#fff}
.tell_friend .dlg_gnl_close, .tell_friend .dlg_gnl_close:hover {font-size: var(--size-xl); color:#8aaebe; right:8px; top:12px}
.tell_friend .dlg_gnl_box {width:610px}
.medal {width:246px; height:246px; margin:0 auto}
	.medal.girl {background:url('tell_friend/medal_girl.png?place-for-version') no-repeat center center}
	.medal.man {background:url('tell_friend/medal_man.png?place-for-version') no-repeat center center}
.shine_blue {width:900px; height:900px; position:absolute; left:-145px; top:-281px; background:url('tell_friend/shine.png?place-for-version') no-repeat center center}
.social_btn li {width:70px; height:70px; display:block; margin-left:20px; background:url('tell_friend/social_btn.png?place-for-version') no-repeat; cursor:pointer}
.social_btn li.vk {background-position:0 0}
.social_btn li.fb {background-position:0 -71px}
.social_btn li.od {background-position:0 -142px}

/* ------------------------------
	Apps buttons
------------------------------ */
.block_app_bnts {text-align:center; padding:13px 19px 19px; margin-bottom:20px; border-radius:10px}
.block_app_bnts_title { font-family: var(--bold); letter-spacing: var(--spacing); padding-bottom:6px; }

.btn-app {width:200px; height:50px; display:flex; align-items:center; text-align:left; text-decoration:none !important; padding-left:25px; border-radius:5px; background-color:#4d5158}
	.btn-app > i {margin-right:15px}
	.btn-app .text { display: block; font-size: var(--size-sm); color: #999da4; }
	.btn-app .text_last {color:#999da4; position:relative; top:-4px}

.block_app_bnts .btn-app {margin-top:10px; padding-left:35px; opacity:1}
.block_app_bnts .btn-app:hover {opacity:0.9}

/* ------------------------------
	General table
------------------------------ */
.gnl_table, .gnl_table td {padding:0; border:none; border-collapse:collapse}
	.gnl_table th {font-family: var(--bold); letter-spacing: var(--spacing); padding:4px 0; border-bottom:2px solid #e0e0e0}
	.gnl_table td {padding:4px 0 5px; border-bottom:1px solid #e0e0e0}
	.gnl_table .history_login {max-width:90px}
.td_big th {padding:14px 0 14px 40px}
.td_big td {padding:14px 0 15px 40px}
.td_big th:first-child, .td_big td:first-child {padding-left:0}
.td_big td.td_pl40 {padding-left:40px}

.rowspan td {border-bottom:none; padding-bottom:0}
	.rowspan .combined {vertical-align:top; border-bottom:1px solid #e0e0e0}

/* ------------------------------
	General google map
------------------------------ */
.gnl_gmap {width:100%; height:100%; overflow-y:auto; font:13px/20px var(--regular); text-align:left; left:0; top:0; position:fixed; z-index:100; background:url('bg_black75.png?place-for-version') repeat}
.gnl_gmap_box {display:inline-block; padding:5px; margin:50px 0 0 50px; background:#fff}
.gnl_gmap_close {width:34px; height:34px; right:-14px; top:-14px; z-index:1; cursor:pointer; padding:4px; background:#fff}
.gnl_gmap_close img {width:26px; height:26px; background:url('maps/gnl_gmap.png?place-for-version') 0 0 no-repeat}
.gnl_gmap_srh {left:90px; top:20px; z-index:1}
.gnl_gmap_srh_list, .gnl_gmap_srh_form {padding:5px 0px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.2)}
.gnl_gmap_srh_list li:first-child {border-left:none}
.gnl_gmap_srh_list li {height:20px; padding:2px 10px 0; border-left:1px solid #e6e6e6}
.gnl_gmap_srh_list a {display:block}

.gnl_gmap_geo img, .gnl_gmap_loc img, .gnl_gmap_del img {width:16px; height:16px; display:block; background:url('maps/gnl_gmap.png?place-for-version') 0 -36px no-repeat}
.gnl_gmap_loc img {width:11px; height:16px; background-position:0 -62px}
.gnl_gmap_del img {width:10px; height:15px; background-position:0 -88px}

.gnl_gmap_srh_form {padding:0}
.gnl_gmap_srh_form input {height:30px; padding:4px 9px 6px; border:none}
.gnl_gmap_srh_form .gnl_but30 {border-radius:0}

.gnl_gmap_srh_user span {padding-left:15px; background:url('maps/gnl_gmap.png?place-for-version') 0 -119px no-repeat}

.gnl_gmap_srh_error {color:#fff; padding:4px 10px 6px; background:url('bg_black80.png') repeat}

.gnl_gmap_ubox {padding:12px 9px}

.gnl_gmap_uphoto {width:100px}
.gnl_gmap_uphoto a img {width:100px}
.gnl_gmap_uphoto_info {max-width:70px; height:16px; color:#fff; font-size: var(--size-sm); line-height:15px; bottom:5px; right:5px; z-index:1; padding:0 7px; background:url('bg_black50.png?place-for-version') repeat}
.gnl_gmap_uphoto_info div {padding-left:16px; background:url('maps/gnl_gmap.png?place-for-version') 0 -149px no-repeat}
.gnl_gmap_uphoto_elite {left:5px; bottom:5px; z-index:2}
.gnl_gmap_uphoto_elite img {width:20px; height:20px; background:url('maps/gnl_gmap.png?place-for-version') 0 -181px no-repeat}

.gnl_gmap_uinfo {width:180px; color:var(--color-base)}
.gnl_gmap_uinfo ul {margin-top:-6px}
.gnl_gmap_uname, .gnl_gmap_uname a {color:#3195d4}
.gnl_gmap_uname_del, .gnl_gmap_uname_del a {color:#000}
.gnl_gmap_uname.elite, .gnl_gmap_uname.elite a {color:#e9690b}
.gnl_gmap_ugeo {color:#999da4}

.gnl_gmap_wdialog {width:400px; z-index:2; padding:14px 20px 16px; border:5px solid #f13a5d; background:#fff}

/* ------------------------------
	Smiles box
------------------------------ */
.smiles_box {width:16px; height:16px; right:42px; top:10px; cursor:pointer; background:url('gnl_sprite.png?place-for-version') no-repeat -39px -26px}
.smiles_box.r10 {right:10px}
	.smiles_box.dm_hover .dm_pad {left:-92px; bottom:10px}

/* ------------------------------
	General photo
------------------------------ */
.w1140 {width:1140px}
.dialog_modal.gnl_photo_bg {background:url("bg_black70.png?place-for-version") repeat}
.gnl_photo_pad {padding:20px 40px}
.gnl_photo {max-width:1260px; min-width:500px; width:auto; margin:0 auto; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.gnl_photo_box {background:#000}
	.gnl_photo_box .dlg_pu_close_ws16 {right:5px; top:5px; z-index:10}
.gnl_photo_prev {width:100%; left:0; top:0; z-index:3; padding:14px 20px 10px 40px; background:url('bg_black70.png?place-for-version') repeat}

#slider {margin-bottom:0}
#slider .gnl_photo_slider_list ul {white-space:nowrap; margin:0 !important}
#slider .gnl_photo_slider_list li:first-child {margin-left:0}
#slider .gnl_photo_slider_list li {display:inline-block; position:relative; padding:0 !important; margin-left:2px}
#slider .gnl_photo_slider_list li img {width:auto; height:60px; display:block; cursor:pointer}
#slider .gnl_photo_slider_list li.selected:before {content:''; left:0; right:0; top:0; bottom:0; position:absolute; border:2px solid #fff; z-index: 1;}

.gnl_photo_show {width:1260px; height:800px; padding:40px; text-align:center}
	.gnl_photo_show img {max-width:100%; max-height:720px; width:auto; height:auto; vertical-align:middle}

.gnl_photo_back, .gnl_photo_next {width:30%; height:100%; cursor:pointer; left:0; top:0; position:absolute; z-index:2}

.gnl_photo_back div, .gnl_photo_next div {width:60px; height:120px; text-align:center; cursor:pointer; left:50px; top:50%; position:absolute; z-index:2; padding-top:30px; margin-top:-60px; background:#000}
.gnl_photo_back img, .gnl_photo_next img {width:20px; height:60px; background:url('gnl_sprite.png?place-for-version') -30px -97px no-repeat}

.gnl_photo_next {width:70%; left:auto; right:0; z-index:1}
	.gnl_photo_next div {left:auto; right:50px}
	.gnl_photo_next img {background-position:0 -97px}

@media screen and (max-height:620px) {
	.gnl_photo_show {height:600px; padding:20px}
		.gnl_photo_show img {max-height:600px}
}

.gnl_photo_cont {width:700px; margin:0 auto; padding:23px 0 20px}
.gnl_photo_info {width:430px}
.gnl_photo_form.mb33 {padding-bottom:33px}
.gnl_photo_comm_list {margin:-3px 0 0px}
	.gnl_photo_comm_list > li:first-child {padding-top:4px}
	.gnl_photo_comm_list > li {color:var(--color-base); padding:14px 0 6px}
.gnl_photo_comm_photo img {width:40px; height:auto}
.gnl_photo_comm_info {width:375px}

.navp.gnl_photo_nav a, .navp.gnl_photo_nav .search_nav {display:inline-block; padding:4px 9px 6px; margin-left:5px}
.navp.gnl_photo_nav a:hover {background:#fff}
.navp.gnl_photo_nav .search_nav { font-family: var(--bold); letter-spacing: var(--spacing); color:#fff; background:var(--color-base)}

.gnl_photo_rblock {width:230px; align-self: flex-start; padding:0 0 6px 39px; margin:7px 0 0 40px; border-left:1px solid #E0E0E0}

.olddis #slider {margin-bottom:20px}
	.olddis #slider .slider_in, .olddis .album_photo_comm table.title {width:600px}
.olddis .album_photo_comm {width:600px; margin:0 auto}
.olddis .container {padding-top:7px}
.olddis .gnl_photo {min-width:1050px; box-shadow:none}
.olddis .sympathy_photo_box > img {max-width:100%; max-height:720px; width:auto; height:auto}

/* ------------------------------
	General edit photo
------------------------------ */
.gnl_edit_photo {bottom:20px; left:50%; z-index:3; padding:7px 20px 4px; margin-left:-100px; background:url("bg_black70.png?place-for-version") repeat}
	.gnl_edit_photo li {float:left; margin-left:20px}
	.gnl_edit_photo li:first-child {margin-left:0}

.gnl_edit_photo .turn_left, .gnl_edit_photo .turn_right,
.gnl_edit_photo .turn_180, .gnl_edit_photo .flip_vertical,
.gnl_edit_photo .flip_horizontal {width:15px; height:15px; background:url("gnl_sprite.png?place-for-version") 0 0 no-repeat}
.gnl_edit_photo .turn_left {width:18px; background-position:0 -72px}
.gnl_edit_photo .turn_right {width:18px; background-position:-23px -72px}
.gnl_edit_photo .turn_180 {background-position:-47px -72px}
.gnl_edit_photo .flip_vertical {background-position:-87px -72px}
.gnl_edit_photo .flip_horizontal {background-position:-67px -72px}

/* ------------------------------
	General photo andert
------------------------------ */
.gnl_photo_adv {padding:30px; background:#282c33}
.gnl_photo_adv_btn, .gnl_photo_adv_btn.dark {width:200px; height:34px; color:rgba(255,255,255,0.5); font-size: var(--size-md); line-height:20px; cursor:pointer; position:relative; z-index:2; padding:5px 0 0; margin:10px auto 0px; border:1px solid rgba(255,255,255,0.3)}
.gnl_photo_adv_btn:hover {background:rgba(255,255,255,0.3)}
.gnl_photo_adv_btn.dark {color:rgba(0,0,0,0.5); text-align:center; border:1px solid rgba(0,0,0,0.3)}
.gnl_photo_adv_btn.dark:hover {background:rgba(0,0,0,0.1)}

.gnl_photo_adv_block, .gnl_smpt_adv_block {min-height:180px}

/* ------------------------------
	Subscription rules
------------------------------ */
.bc_ssb_rules {overflow-y:auto; height:131px; margin:0 0 10px; padding:5px 7px; font-size: var(--size-sm); line-height:11px; border:solid 1px #e5e5e5; color:#888; background:#fff; border-color:#999}
.footer_oper {padding:0px 30px 20px}
.ssb_box {padding:10px 30px}

/* ------------------------------
	Result paid
------------------------------ */
.result_paid_ok, .result_paid_no, .result_paid_unavailable {height:44px; padding:0 0 0 54px; background:url('payments/payments_statnum.png?place-for-version') no-repeat 0 0}
.result_paid_no {background-position:0 -130px}
.result_paid_unavailable {background-position:0 -650px}

/* ------------------------------
	Dialog promo
------------------------------ */
.dlg_promo_up_free .dlg_gnl_box {width:610px; height:390px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.2); background:url('dlg/dlg_promo_up_free_bg.jpg') no-repeat 0 0}
.dlg_promo_up_img {height:390px; padding-top:32px; background:url('dlg/dlg_promo_up_free_img.png?place-for-version') no-repeat 138px 125px}
.dlg_return_btn {margin-top:171px}
	.dlg_return_btn img {width:206px; height:46px; background:url('dlg/dlg_promo_up_free_btn.png?place-for-version') no-repeat 0 0}

/* ------------------------------
	Dialog elite
------------------------------ */
.dlg_elite_pu .dlg_gnl_box {width:610px; height:380px; color:#1A2833; text-shadow:1px 1px 0 #fff; padding:30px 40px 0px; background:url('promo/premium_popup/bg.png?place-for-version') no-repeat 0 0}

.dlg_elite_pu_list li:first-child {margin-top:29px}
.dlg_elite_pu_list li {padding:5px 0 5px 40px; margin-top:5px; background:url('promo/premium_popup/sprite.png?place-for-version') no-repeat 0 0}
.dlg_elite_pu_list li.chat {background-position:0 7px}
.dlg_elite_pu_list li.search {background-position:0 -31px}
.dlg_elite_pu_list li.like {background-position:0 -67px}
.dlg_elite_pu_list li.advertising {background-position:0 -102px}
.dlg_elite_pu_list li.glass {background-position:0 -137px}
.dlg_elite_pu_list li.lock {background-position:0 -173px}

.dlg_elite_pu_photo {width:160px; height:160px; right:100px; bottom:80px; z-index:1}
.dlg_elite_pu_photo_brd {width:160px; height:160px; z-index:1; background:url('promo/premium_popup/photo_brd.png?place-for-version') no-repeat 0 0}
.dlg_elite_pu_premicon {width:70px; height:70px; right:-15px; bottom:-15px; z-index:2}

/* ------------------------------
	Dialog result gift
------------------------------ */
.dlg_result_gift_pu .dlg_gnl_box, .dlg_result_up_pu .dlg_gnl_box {width:610px; height:390px; color:#2e4051; padding:30px 40px 0px; background:url('dlg/result_gift/bg.jpg') no-repeat 0 0}
.dlg_result_gift_pu .btn-success {margin-top:236px}

/* ------------------------------
	Dialog result up
------------------------------ */
.dlg_result_up_pu .dlg_gnl_box {background:url('dlg/result_up/bg.jpg') no-repeat 0 0}
.dlg_result_up_pu .btn-success {margin-top:201px}

/* ------------------------------
	Btabs
------------------------------ */
.border_top {border-top:solid 1px #d9d9d9}
.btabs {width:100%}
.btabs li {height:30px; flex:1; border-bottom:solid 1px #d9d9d9; background-color:#f7f7f7}
	.btabs li + li {border-left:solid 1px #d9d9d9}
.btabs .current { font-family: var(--bold); letter-spacing: var(--spacing); border-bottom: none; background-color: #fff; }
.btabs .disabled {color:#bcbcbc; line-height:28px; text-align:center; background-color:#fcfcfc}
.btabs li a {width:100%; height:30px; display:block; color:var(--color-base); line-height:28px; text-align:center; text-decoration:none}
.btabs li:hover a {color:#828995}

/* ------------------------------
	Geo chat
------------------------------ */
.geo_chat_wrap {max-width:1140px; width:100%; margin:0 auto}
.geo_chat_box {height:560px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.2)}
.geo_chat_sidebar {width:355px; height:560px; border-right:1px solid #e6e6e6}
	.geo_chat_sidebar .btabs > li {height:41px; text-align:center; background:none; border-left:none; background-color:#2c5c92 !important; cursor:pointer}
	.geo_chat_sidebar .btabs > li.current {background-color:#74c934 !important; cursor:default}
	.geo_chat_sidebar .btabs > li.my_chat_ctl {width:94px}
		.geo_chat_sidebar .btabs > li > a, .geo_chat_sidebar .btabs > li > span { height: 40px; display: block; font-family: var(--bold); letter-spacing: var(--spacing); line-height: 40px; color: #fff; }
	.geo_chat_sidebar .notify {display:inline-block; position:absolute; right:5px; top:5px; padding:0 5px}

.geo_chat_map_mode_add {width:520px; padding:14px 30px 16px; margin:60px auto 0; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.2)}
.geo_chat_map_mode_add_close {cursor:pointer; padding:14px 0 16px 30px; margin:-14px 0 -16px 12px; border-left:1px solid #ebebeb}
.geo_chat_map_mode_add_close div:hover {text-decoration:underline}
.geo_chat_map_mode_new_name {width:300px; position:relative; padding:14px 20px 20px; margin:25px auto 0; background:#fff}
	.geo_chat_map_mode_new_name .chat_title {width:260px; height:70px; position:relative; z-index:5; background:transparent}
	.chat_title_bg {width:260px; height:70px; position:absolute; left:20px; top:40px; z-index:1; background:#000}
		.chat_title_bg div {width:260px; height:70px; background-repeat:no-repeat; background-position:center; background-size:100%; opacity:0.8}

.geo_chat_list_box {height:519px; overflow-y:scroll}
.geo_chat_list_box.h460 {height:480px}
.geo_chat_list {background:#000}
	.geo_chat_list li {color:#fff; position:relative; z-index:5; padding:14px 5px 5px 10px; border-top:solid 1px #fff}
	.geo_chat_list li:first-child {border-top:none}
	.geo_chat_list li:hover {cursor:pointer}
	.geo_chat_list li.active {cursor:default}
	.geo_chat_list li.active:before {width:5px; height:100%; content:''; left:0; top:0; position:absolute; z-index:3; background:#000; opacity:0.5;}
	.geo_chat_list li.alert {color:#ca431d; font-size: var(--size-md); text-align:justify; padding:13px 20px 15px; margin:10px; border:1px solid #eab4a5; background:#fcf5f3}
	.geo_chat_list .item_bg {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background-repeat:no-repeat; background-position:center; background-size:100%; opacity:0.7}
.geo_chat_list_nogrd {position:relative; z-index:2}
.geo_chat_list_grd {width:100%; height:100%; left:0; top:0; position:absolute; z-index:1; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); opacity:0.1;}

.geo_chat_list_msg { font-size: var(--size-md); word-wrap: break-word; margin-right: 45px; }
.geo_chat_list_notify {float:right; text-align:right; padding:0 0 4px 5px}
.geo_chat_list_notify div { height: 20px; display: inline-block; font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-sm); line-height: 18px; color: #313131; padding: 0 6px; background: #fff; }
.geo_chat_list_info {margin-top:40px}
.geo_chat_list_info_msg {padding-left:15px; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 -156px}
.geo_chat_list_exit {width:13px; height:12px; display:block; cursor:pointer; margin:5px 0 0 10px; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 0}

.geo_chat_cont_box {height:100%; margin-left:423px}
.geo_chat_cont_title {width:100%; height:39px; line-height:38px; color:#232c35; position:relative; padding:0 38px 0 18px; background-color:#fff}
.geo_chat_dropdown {width:5px; height:19px; position:absolute; right:18px; top:11px; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 -390px; cursor:pointer}
	.geo_chat_dropdown .dm_hover {width:5px; height:19px}
	.geo_chat_dropdown .dm_pad {width:170px; right:-10px; top:11px}
	.geo_chat_dropdown:hover .dm_pad {display:block}
	.geo_chat_dropdown .dm_box_link li a {padding:0 20px 2px}
.geo_chat_cont {height:391px; overflow-y:scroll; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6}

.geo_chat_title_icon {width:24px; height:24px; float:left; margin:-2px 10px 0 0; background:url('apps/geochat/geo_chat_icons.png?place-for-version') no-repeat}
.geo_chat_title_icon_up {background-position:0 0}
.geo_chat_title_icon_suggest {background-position:0 -30px}
.geo_chat_title_icon_similar {background-position:0 -60px}
.geo_chat_title_icon_popular {background-position:0 -90px}

.location {margin-right:12px; padding-left:16px; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 -135px}
.geo_chat_btn {width:80px; height:20px; line-height:16px; text-align:center; float:left; margin-right:10px; border:solid 1px #fff}

.geo_chat_dialog_list {max-width:530px; width:100%; padding:40px 0 50px 140px}
.geo_chat_dialog_list.form {max-width:670px; padding:30px 0 0 140px}
	.geo_chat_dialog_list > li, .moder_list > li {position:relative; margin-bottom:10px}
		.geo_chat_dialog_list > li.complaint_on .geo_chat_dialog_ava, .moder_list > li.complaint_on .geo_chat_dialog_ava
		.geo_chat_dialog_list > li.complaint_on .geo_chat_dialog_cont, .moder_list > li.complaint_on .geo_chat_dialog_cont { opacity: 0.2; }
		/*.geo_chat_dialog_list > li.complaint_on:before {width:13px; height:14px; content:''; left:-22px; top:13px; position:absolute; z-index:1; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 -22px}*/
		.geo_chat_dialog_list > li .geo_chat_leave {width:20px; height:20px; content:''; left:28px; top:-6px; position:absolute; z-index:1; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 -106px}
		.geo_chat_dialog_list > li .geo_chat_moder, .moder_list .geo_chat_moder {width:20px; height:20px; content:''; left:28px; top:-6px; position:absolute; z-index:1; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 -210px}
		.geo_chat_dialog_list > li .geo_chat_owner, .moder_list .geo_chat_owner {width:20px; height:20px; content:''; left:28px; top:-6px; position:absolute; z-index:1; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 -180px}

.geo_chat_ava_hover .geo_chat_dialog_ava {display:none}
.geo_chat_ava_hover .geo_chat_dialog_photo {display:block}

.geo_chat_ava_hover:hover .geo_chat_dialog_ava {display:block}
.geo_chat_ava_hover:hover .geo_chat_dialog_photo {display:none}

.geo_chat_dialog_ava {width:40px; height:40px}
.geo_chat_dialog_cont { min-height: 50px; font-family: var(--regular); font-size: var(--size-md); color: #000; margin-left: 60px; }
	.geo_chat_dialog_cont .geo_chat_dialog_text {max-width:325px}
		.geo_chat_dialog_cont .geo_chat_dialog_text img {cursor:pointer}
		.geo_chat_dialog_cont .dlg_upload_photo_list {padding-top:15px}
	.geo_chat_dialog_cont .dm_pad {right:0; top:-30px; padding-right:20px}
	.geo_chat_dialog_cont .dm_pad.one_item {top:-43px}
	.geo_chat_dialog_cont .dm_pad.one_item_modremove {top:-13px}

	.geo_chat_dialog_cont .smiles_box {right:22px; top:10px}
		.geo_chat_dialog_cont .smiles_box.dm_hover .dm_pad {left:auto; bottom:16px; right:-10px; top:auto; padding:0 0 10px}
			.geo_chat_dialog_cont .smiles_box.dm_hover .dm_pad .dm_box_black.bottom:before {bottom:2px; left:auto; right:10px}

.geo_chat_dialog_msg {max-width:450px; position:relative; z-index:2; margin-right:10px; padding:3px 7px 4px}
	.geo_chat_dialog_msg div {position:absolute; width:100%; left:0; top:0; z-index:-1; bottom:0; opacity:0.25; background:#d1d6d9}

.geo_chat_dialog_more {width:5px; height:20px; background:url('gnl_sprite.png?place-for-version') no-repeat -69px -46px}

.geo_chat_wrap .dialog_modal {z-index:25; position:absolute; margin:0 auto}
.geo_chat_wrap .dlg_white_box {margin:80px auto 20px}

.geo_chat_dlg_box {font-size: var(--size-md); text-align:center; padding:24px 30px 26px; margin:0 auto; background:#fff}
.geo_chat_dlg_close, .geo_chat_dlg_close:hover { font-family: var(--bold); letter-spacing: var(--spacing); color:#ccc; font-size: 22px; line-height:1px; cursor:pointer; text-decoration:none; right:8px; top:14px; position:absolute; z-index:1}
.geo_chat_dlg_close:hover {color:#999}
.geo_chat_dlg_photo {width:160px}
.geo_chat_dlg_ufo {width:50px; height:50px; right:-20px; top:5px; border:4px solid #fff}
.geo_chat_dlg_ufo .tdbox {width:42px; height:42px}
.geo_chat_dlg_ufo img {max-width:100%; max-height:100%; width:auto; height:auto}

.show_map {height:40px; padding-top:11px; border-bottom:solid 2px #fff; cursor:pointer; background:#fff; background:linear-gradient(to bottom, #fff 0%,#e7e7e7 100%)}
.show_map:hover {background:#fff; background:linear-gradient(to bottom, #fff 0%,#ededed 100%)}
	.show_map div {width:130px; padding-left:26px; margin:0 auto; background:url('apps/geochat/sprite.png?place-for-version') no-repeat 0 -44px}

.geo_chat_add_img {width:16px; height:16px; cursor:pointer; right:22px; top:36px; position:absolute; z-index:1}
	.geo_chat_add_img img {width:16px; height:16px; display:block; background:url('newchat/chat_icons.png?place-for-version') no-repeat 0 -174px}
.geo_chat_add_img_info {float:right; color:#6888A0; font-size: var(--size-sm); cursor:pointer; border-bottom:1px dashed #6888A0}

.visible_all {padding:18px 0 10px}
.limit_box_chat {padding:10px 0; border:solid 1px #e6e6e6; border-width:1px 0}
.limit_box_chat_text {padding:10px 0 0 27px}
.geo_chat_gender { flex-wrap: wrap; gap: 6px 20px; }
.geo_chat_gender .xradio {margin-top:2px}
.private_chat {padding:8px 0 2px}
	.private_chat .private_chat_text {line-height:16px; padding:2px 0 0 26px}

.dlg_invite_chat {width:345px; padding:24px 0 10px}
.dlg_invite_chat_title {width:260px}
.dlg_invite_body {height:370px; overflow-y:auto; border-top:solid 1px #e5e5e5}
	.dlg_invite_body .invites_list { font-size: var(--size-md); text-align: left; padding-left: 20px; }

.invites_list li {min-height:99px; line-height:22px; padding:16px 10px 20px 0}
.invites_list li + li {border-top:solid 1px #e5e5e5}
.invites_list a { display: inline-block; font-family: var(--bold); letter-spacing: var(--spacing); position: relative; }
.invites_list a:after { content: '»'; font-family: var(--regular); position: absolute; right: -13px; top: 1px; }

.dlg_gnl_box_moder {width:360px; position:relative; background-color:#fff; padding:14px 5px 5px 20px}
	.dlg_gnl_box_moder .dlg_gnl_close {color:#a0a0a0}
.moder_list {height:280px; overflow-y:auto; margin-top:5px; text-align:left}
	.moder_list li {height:60px; padding-right:9px}
	.moder_list li + li .geo_chat_moder_info {border-top:solid 1px #e7e7e7}
	.moder_list .geo_chat_ava_hover {position:relative; float:left; margin-top:10px}
.geo_chat_moder_info {height:60px; line-height:18px; position:relative; margin-left:50px; padding:17px 10px 0}
.geo_chat_moder_info .name { font-size: var(--size-md); color: #232c35; }
.geo_chat_moder_info .date { font-size: var(--size-sm); color: #b8babf; }
.moder_icons {width:50px; height:60px; position:absolute; right:10px; top:0}
.moder_mess, .moder_trash {position:absolute; display:block; background:url('apps/geochat/sprite.png?place-for-version') no-repeat; cursor:pointer}
.moder_mess {width:20px; height:17px; left:0; top:21px; background-position:0 -470px}
.moder_trash {width:15px; height:19px; right:0; top:20px; background-position:0 -440px}

/* ------------------------------
	Geo chat profile
------------------------------ */
.geochat_profmenu_box {width:72px; height:560px; background:#e7e7e7}
.geochat_profmenu li {height:68px; line-height:14px; text-align:center; position:relative; padding:37px 3px 0; cursor:pointer}
.geochat_profmenu .karma {padding-top:34px}
.geochat_profmenu .current { font-family: var(--bold); letter-spacing: var(--spacing); background: #d3d4d5; }

.geochat_profmenu li:before {width:24px; height:24px; display:block; content:''; position:absolute; left:22px; top:11px; background:url('apps/geochat/sprite.png?place-for-version') no-repeat; opacity:0.6}
.geochat_profmenu li:hover:before {opacity:1}
	.geochat_profmenu .add_chat:before {background-position:0 -240px; opacity:1}
	.geochat_profmenu .profile:before {background-position:0 -270px}
	.geochat_profmenu .karma:before {background-position:0 -300px}
	.geochat_profmenu .map:before {background-position:0 -330px}
	.geochat_profmenu .prem:before {background-position:0 -360px}

.geochat_profmenu .karma span:first-child {display:block; margin-bottom:1px}
.geochat_profmenu .count {height:16px; display:inline-block; font-size: var(--size-sm); line-height:16px; color:#fff; margin:0 auto; padding:0 6px}
.geochat_profmenu .positive {background:#34c73b}
.geochat_profmenu .negative {background:#e73a3a}

.up_karma_box {height:560px; text-align:center; padding-top:57px; background:#fff}
	.up_karma_box .icon {width:183px; height:131px; margin:0 auto 13px; background:url('apps/geochat/karma_icon.png?place-for-version') no-repeat}
	.up_karma_box .button, .geochat_premium_box .button {width:260px; display:block; margin:0 auto 4px}
.count_karma_box .title {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-md);}
.count_karma_box .count {font-family: var(--bold); letter-spacing: var(--spacing); font-size: 30px; line-height:30px}
.count_karma_box .positive, .geochat_profile .positive {color:#34c73b}
.count_karma_box .negative, .geochat_profile .negative {color:#e73a3a}

.geochat_premium_box {height:560px; color:#fff; position:relative; background:#7a2ece}
	.geochat_premium_box:before {width:1px; display:block; content:''; position:absolute; left:50%; top:30px; bottom:30px; background:#9256d7}
	.geochat_premium_box .wrapper-geochat-premium-box > div {width:50%; height:560px; flex-grow: 1;}
	.geochat_premium_box .left_side {padding-top:60px}
	.geochat_premium_box .icon {width:295px; height:84px; margin:0 auto 20px; background:url('apps/geochat/premium_icon.png?place-for-version') no-repeat}
	.geochat_premium_box .left_side .title {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-xxl); line-height:30px; color:#ffd200}
	.geochat_premium_box .txt {font-size: var(--size-md); line-height:22px; margin-bottom:55px}
	.geochat_premium_box .link {color:#fff; text-decoration:underline}

.geochat_bonus_list {padding:50px 60px 0 35px}
	.geochat_bonus_list li {position:relative; padding-left:73px}
	.geochat_bonus_list li + li {margin-top:40px}
	.geochat_bonus_list li:before {width:61px; height:61px; display:block; content:''; position:absolute; left:0; top:0; background:url('apps/geochat/geo_chat_icons.png?place-for-version') no-repeat}
	.geochat_bonus_list .angel:before {background-position:0 -120px}
	.geochat_bonus_list .allocate:before {background-position:0 -190px}
	.geochat_bonus_list .create:before {background-position:0 -260px}
	.geochat_bonus_list .moderation:before {background-position:0 -330px}
	.geochat_bonus_list .avatar:before {background-position:0 -400px}

.geochat_profile {height:560px; background:#fff; padding-top:1px}
	.geochat_profile .count {font-size: var(--size-xxl); line-height:30px; text-align:center; position:relative; top:-10px}
	.geochat_profile .user_name {font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-xl); display:inline-block}
	.geochat_profile .prof_edit_btn, .geochat_profile .prof_edit_btn_active {display:inline-block; float:none; position:absolute; left:450px; top:0}
	.geochat_profile .btn_box {padding:20px 0 22px}
		.geochat_profile .btn_box .button {width:160px; display:inline-block}
		.geochat_profile .btn_box .button + .button {margin-left:5px}
	.geochat_profile .txt { width: 360px; font-size: var(--size-md); line-height: 22px; margin: 0 auto; }

.profile_positive_box {width:468px; height:186px; margin:34px auto 0; background:url('apps/geochat/bg_profile_positive.png?place-for-version') no-repeat}
	.profile_positive_box .user_photo {width:112px; height:112px; display:block; z-index:5; left:175px; top:55px}
.icons_premium_positive {width:240px; height:87px; left:110px; top:34px; background:url('apps/geochat/icons_premium_positive.png?place-for-version') no-repeat}

.profile_negative_box {width:532px; height:179px; margin:42px auto 0; background:url('apps/geochat/bg_profile_negative.png?place-for-version') no-repeat}
	.profile_negative_box .user_photo {width:112px; height:112px; display:block; z-index:5; left:210px; top:45px}
.icons_premium_negative {width:324px; height:61px; left:105px; top:-5px;  background:url('apps/geochat/icons_premium_negative.png?place-for-version') no-repeat}

.edit_name_box {width:360px; position:absolute; left:50%; top:282px; margin-left:-180px; z-index:1}
	.edit_name_box .list_info_edit.main_prof li > div {margin-left:100px}
	.edit_name_box .inp_grd {width:100%}

/* ------------------------------
	Select color
------------------------------ */
.geo_chat_color_sel.xselect-container .xselect-input div span,
.geo_chat_color_sel .xselect-option span {height:20px; display:block}

.geo_chat_color_sel.xselect-container .xselect-input div span {margin:4px 6px 0 -5px}
.geo_chat_color_sel .xselect-option span {margin:2px 0 0}

.geo_chat_color_sel.xselect-container .xselect-drop li.xselect-selected {color:var(--color-base); background:rgba(0,0,0,0.15)}

/* ------------------------------
	Dialog white
------------------------------ */
.dlg_white_box {color:var(--color-base); font: var(--size-md)/20px var(--regular); text-align:left; position:relative; margin:130px auto 50px; background:#fff; border-radius: 10px; box-shadow:0 2px 10px rgba(0,0,0,0.9)}
.dlg_white_box.arial, .dlg_white_box.arial input,
.dlg_white_box.arial textarea, .dlg_white_box.arial button { font: 13px/20px var(--regular); }
.dlg_white_title {min-height:60px; padding:17px 30px 0; border-bottom:solid 1px #e2e5e6}
	.dlg_white_title a, .dlg_white_title a:hover {text-decoration:none}
.dlg_white_title.small {padding:20px 30px 0}
.dlg_white_title.grd {border-bottom:solid 1px #dce0e4; background:#fff; background:linear-gradient(to bottom, #fff 0%,#e5edf2 100%)}

.dlg_close_gray {color:#000; font-size: var(--size-lg); line-height:1px; font-family: var(--bold); letter-spacing: var(--spacing); cursor:pointer; text-decoration:none; right:23px; top:28px; position:absolute; z-index:1; cursor:pointer}

.dlg_white_body {position:relative}
.dlg_white_body.pb30 {padding-bottom:30px}
.dlg_white_cont {padding:30px}

.dlg_white_footer {min-height:40px; font-size: var(--size-sm); border-top:solid 1px #e2e5e6}
.dlg_white_footer_info {color:#999da4; text-align:center; padding:8px 0 0px}
	.dlg_white_footer_info .bbdashed {text-decoration:none; cursor:pointer; border-bottom:dashed 1px #999da4}
	.dlg_white_footer_info .bbdashed:hover {text-decoration:none; border-bottom:none}
	.dlg_white_footer .dlg_gnl_user_rules {color:#999da4; padding:17px 30px 14px; margin:0}
		.dlg_white_footer .dlg_gnl_user_rules p,
		.dlg_white_footer .dlg_gnl_user_rules a { color: #999da4; font-size: var(--size-sm); }
		.dlg_white_footer .dlg_gnl_ofertacard {padding:8px 0 0; margin-top:-20px; border-top:1px dashed #e2e5e6}

/* ------------------------------
	Dialog close size
------------------------------ */
.dlg_pu_close_bs10, .dlg_pu_close_ws10 {width:20px; height:20px; right:20px; top:20px; position:absolute; z-index:1; padding:5px}
	.dlg_pu_close_bs10 img, .dlg_pu_close_ws10 img {width:10px; height:10px; display:block; cursor:pointer; background:url("dlg/sprite_pu_close.png?place-for-version") 0 0 no-repeat}
	.dlg_pu_close_ws10 img {background-position:-15px 0}

.dlg_pu_close_ws16 {width:26px; height:26px; right:20px; top:20px; position:absolute; z-index:1; padding:5px}
	.dlg_pu_close_ws16 img {width:16px; height:16px; cursor:pointer; background:url("dlg/sprite_pu_close.png?place-for-version") -21px -15px no-repeat}

/* ------------------------------
	Dialog alert
------------------------------ */
.dlg_box_alert {width:100%; height:100%; text-align:center; font-family: var(--bold); letter-spacing: var(--spacing); left:0; right:0; top:0; bottom:0; position:absolute; z-index:110; padding:25px 30px 30px; background:#ffffff; background:rgba(255,255,255,0.95)}

/* ------------------------------
	Dialog upload photo
------------------------------ */
.dlg_upload_photo {height:240px; overflow-y:scroll; padding:30px 30px 10px}
.dlg_upload_photo_footer {padding:29px 30px 30px; border-top:solid 1px #dce0e4}
.dlg_upload_photo_file {position:relative; cursor:pointer}
	.dlg_upload_photo_file input {width:0; height:0; left:0; right:0; top:0; bottom:0; position:absolute; z-index:1; opacity:0;}

.dlg_upload_photo_list {margin-left:-10px}
.dlg_upload_photo_list li {width:200px; height:200px; cursor:default; position:relative; margin:0 0 10px 10px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
	.dlg_upload_photo_list li img {max-width:200px; max-height:200px; display:block; margin:0 auto}

.dlg_upload_photo .dlg_upload_photo_list {margin-left:-20px}
	.dlg_upload_photo .dlg_upload_photo_list li {margin:0 0 20px 20px}
.dlg_upload_photo_check:after, .img_select:after {width:20px; height:20px; content:''; top:0; right:0; position:absolute; z-index:1; background:url('lp14/sprite.png?place-for-version') no-repeat -210px 0}

/* ------------------------------
	Photo from soc
------------------------------ */

	/* ------------------------------
		Pop-up style
	------------------------------ */
	.photo_from_soc .dlg_white_box {width:800px}

	.photo_from_soc .dlg_white_title {padding-left:65px; background:url('dlg/photo_from_soc/soc_icon.png?place-for-version') no-repeat 29px 18px}
	.photo_from_soc.instagram .dlg_white_title {background-position:29px 18px}
	.photo_from_soc.vkontakte .dlg_white_title {background-position:29px -40px}
	.photo_from_soc.facebook .dlg_white_title {background-position:29px -98px}
	.photo_from_soc.odnoklassniki .dlg_white_title {background-position:29px -156px}

	/* ------------------------------
		Content
	------------------------------ */
	.photo_from_soc_cont {max-height:480px; overflow-y:scroll; position:relative; margin-bottom:30px; border-top:1px solid #e3e6e8; border-bottom:1px solid #e3e6e8; background:#f1f1f1}

	.photo_from_soc_list {overflow:hidden; padding:27px 0px 29px 28px}
		.photo_from_soc_list li {width:104px; height:104px; cursor:pointer; position:relative; margin:2px 0 0 2px; background:#000}
		.photo_from_soc_list li.selected:before {width:20px; height:20px; content:''; top:0; right:0; position:absolute; z-index:1; background:url('dlg/photo_from_soc/selected.png?place-for-version') no-repeat 0 0}
		.photo_from_soc_list .tdbox {width:104px; height:104px}
		.photo_from_soc_list img {max-width:104px; max-height:104px; width:auto; height:auto}

		/* ------------------------------
			Info
		------------------------------ */
		.photo_from_soc_info {text-align:center; top:0; bottom:0; left:0; right:0; position:absolute; z-index:1; padding:24px 0 0; background:url('bg_white75.png?place-for-version') repeat}

/* ------------------------------
	Pop-up add more pohotos
------------------------------ */

	/* ------------------------------
		Pop-up style
	------------------------------ */
	.pu_add_mphoto .dlg_white_box {width:580px}
	.pu_add_mphoto .dlg_white_body {padding-bottom:40px}

	/* ------------------------------
		Photos
	------------------------------ */
	.pu_add_mphoto_cont {padding:29px 0; margin-bottom:34px; border-top:1px solid #e3e6e8; border-bottom:1px solid #e3e6e8; background:#f4f7f9}
	.pu_add_mphoto_list {width:340px; overflow:hidden; margin:0 auto}
		.pu_add_mphoto_list li img {display:block}

	/* ------------------------------
		Dropzone
	------------------------------ */
	.pu_add_mphoto_dropzone > .dropzone {width:500px; height:130px; overflow:hidden; text-align:center; position:relative; padding:83px 0 0; margin:26px auto 0; border-color:#e5e5e5}
	.pu_add_mphoto_dropzone > .dropzone:hover {background:transparent}
	.pu_add_mphoto_dropzone > .dropzone:before {width:240px; height:41px; content:''; top:38px; left:50%; position:absolute; margin-left:-120px; background:url('dlg/add_more_photos/add_photo_btn.png?place-for-version') no-repeat 0 0}
		.pu_add_mphoto_dropzone > .dropzone input.drop_addfile {width:100%; height:130px; cursor:pointer; left:0; top:0; position:absolute; z-index:1}
		.pu_add_mphoto_dropzone > .dropzone p {height:auto; color:#bbbbbb; padding:0; margin:0; background:transparent}

/* ------------------------------
	Dialog email invite
------------------------------ */
.aj_loading {height:330px; padding-top:100px}
	.aj_loading img {margin-bottom:45px}

.count_friends {height:80px; line-height:40px; padding:19px 40px 20px 30px; background:#fff}

.dlg_mail_pad {padding:25px 61px 57px}

.invite_form_box {width:560px; height:270px; padding:5px; background:#E1F3D5}
	.invite_form_box > div {width:550px; height:260px; padding:25px 50px; background:#fff}
	.invite_form_box li { margin-top: 20px; overflow: hidden; }
	.invite_form_box li:first-child {height:50px; margin-top:0}
		.invite_form_box li label {width:117px; font-family: var(--bold); letter-spacing: var(--spacing); text-align:right; float:left; margin-top:5px}
		.invite_form_box li > div {text-align:left; margin-left:137px}
	.invite_form_box .inp_grd {height:30px; padding:4px 9px 7px !important}
	.invite_form_box .ya, .invite_form_box .mail {height:17px; float:left; background:url('dlg/mail_serveces.png?place-for-version') no-repeat}
	.invite_form_box .ya {width:37px; background-position:0 0}
	.invite_form_box .mail {width:58px; background-position:-39px 0}

.list_friends_box {height:480px; margin-bottom:-10px; padding:15px 40px 0 30px; background:#F9FBFC}
	.list_friends_box .title_box {height:75px}
	.list_friends_box .bbdashed input {color:var(--color-base); border:none; border-bottom:dashed 1px var(--color-base); background:none; padding:0; height:19px; cursor:pointer}
	.list_friends_box .bbdashed a {color:var(--color-base); border-bottom:dashed 1px var(--color-base)}
.list_friends {height:370px; overflow-y:auto; margin-right:-40px}
	.list_friends li {width:70px; height:110px; display:block; line-height:16px; color:#94A3B0; text-align:center; position:relative; margin:0 20px 20px 0; overflow:hidden; cursor:pointer}
		.list_friends li img {width:70px; height:70px; margin-bottom:7px}

.no_sel_friend, .sel_friend {width:20px; height:20px; position:absolute; right:0; top:0; background:url('dlg/icosdlg.png?place-for-version') no-repeat}
.no_sel_friend {background-position:0 -146px}
.sel_friend {background-position:0 -121px}

/* ------------------------------
	Flocktory
------------------------------ */
.h290 {height:290px}
.h281 {height:281px}
.flocktory_bg_grd {border-top:1px solid #cadeec; border-bottom:1px solid #cadeec; background:url('promo/flocktory/bg_grd.jpg') no-repeat center top}
.flocktory_bg {border-top:1px solid #e3e6e8; border-bottom:1px solid #e3e6e8; background:#f4f7f9}
.flocktory_bg_up {background:#fff url('promo/flocktory/bg_up.png?place-for-version') no-repeat center top}
.flocktory_leader_icons {height:288px; background:url('promo/flocktory/leader_icons.png?place-for-version') no-repeat center top}
.flocktory_elite_icons {height:288px; padding-top:34px; background:url('promo/flocktory/elite_icons.png?place-for-version') no-repeat center top}

.elite_user_box {width:216px; height:216px; padding:8px; margin:0px auto 0; background:#fee407}
.elite_user_icon {right:8px; bottom:-2px; z-index:1}
.elite_user_box:hover .elite_user_icon {right:4px; bottom:4px}

.flocktory_leader_list {padding-top:49px}
.flocktory_leader_list li:first-child {margin-left:30px}
.flocktory_leader_list li {margin-left:15px}
.flocktory_leader_list li.flocktory_leader_70 {padding-top:100px}
.flocktory_leader_list li.flocktory_leader_90 {padding-top:60px}

.flocktory_box {padding:22px 0 40px}

/* ------------------------------
	Payment block likes
------------------------------ */
.payment_block_likes {text-align:center; margin:20px -8px}
	.payment_block_likes img {margin:0 8px; background:#999}

/* ------------------------------
	Dating service
------------------------------ */
.dating_service_img {width:580px; height:210px; font-family: var(--bold); letter-spacing: var(--spacing); font-size: var(--size-lg); color:#fff; background:url("promo/dating_service/bg.jpg") no-repeat 0 0}
.dating_service_list {margin:-9px 0 29px}
	.dating_service_list li:first-child {padding-left:0}
	.dating_service_list li {width:173px; padding-left:30px}

/* ------------------------------
	Select site version
------------------------------ */
.site_version_box {height:50px; display:none; background-color:#ff405b}
	.site_version_box > div {max-width:375px; color:#fff; overflow:hidden; margin:0 auto; padding-top:11px}
	.site_version_box .fl {line-height:28px}
	.site_version_box .btn-version {width:51px; height:27px; display:inline-block; line-height:26px; color:#fff; text-align:center; text-transform:uppercase; text-decoration:none; margin-left:10px; padding:0; border:solid 1px #fff; border-radius:3px; cursor:pointer}
	.site_version_box a {background-color:#ff6379}

/* ------------------------------
	Browser Hacks
------------------------------ */
button.gnl_but40 > span:not(*:root) {line-height:38px}
button.gnl_but30 > span:not(*:root) {line-height:27px}
button.gnl_but26 > span:not(*:root) {line-height:24px}
.dlg_white_title:not(*:root) {padding-top:18px}
.dlg_white_title.small:not(*:root) {padding-top:21px}

/* ------------------------------
	Email invites
------------------------------ */
.emailinvite {background:#fff url('emailinvite/ico.png?place-for-version') no-repeat 50% 64px; min-height:420px}
.emailinvite_text {margin-top:170px}

.icon_up {width:30px; height:30px; display:block; position:fixed; right:30px; bottom:30px; z-index:50; opacity:0; background:url('lp14/sprite.png?place-for-version') no-repeat -200px -610px; cursor:pointer}

/* ------------------------------
	Xelements
------------------------------ */

/*rds*/
.xselect-container .xselect-input, .xselect-container .xselect-drop, .tag-input, .tag-dropdown-popup, .xpopup-tab-container { border-radius: 5px; }
.tag_search, .xradio {border-radius:10px}

/*opacity*/
.xselect-clear-button:hover { opacity: 1.0; }
.xselect-clear-button { opacity: 0.8; }

/*transition*/
.xselect-container .xselect-drop li, .xselect-clear-button { transition:all 0.2s ease}
.xselect-container .xselect-input, .xcheckbox, .inp_grd, .tag-input, .tag_search { transition:border 0.2s ease}

/*text*/
.tag_search, .xselect-container .xselect-input input, .xselect-container .xselect-input div, .prof_tag_list div {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/*width*/
label + br { display: none; }

[type="radio"], [type="checkbox"] { display: none; }

[type="radio"] + label:not(.consum),
[type="checkbox"] + label:not(.consum) { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 18px; display: flex; align-items: center; line-height: .9; position: relative; margin-bottom: 6px; padding-left: 28px; cursor: pointer; }
[type="checkbox"] + label.without-text { width: auto; display: inline-flex; vertical-align: middle; margin-bottom: 0; padding-left: 20px; }

[type="radio"] + label:not(.consum)::before,
[type="checkbox"] + label:not(.consum)::before { width: 16px; height: 16px; display: block; content: ''; position: absolute; left: 0; border: 1px solid var(--color-input); background: #fff; transition: var(--transition); }
[type="radio"] + label:not(.consum):hover::before, [type="checkbox"] + label:not(.consum):hover::before { border-color: #c3c3c3; }

[type="radio"] + label:not(.consum)::before { border-radius: 9px; }
[type="radio"]:checked + label:not(.consum)::before { border-color: #41aaed; }
[type="radio"]:checked + label:not(.consum)::after { width: 10px; height: 10px; display: block; content: ''; position: absolute; left: 4px; border-radius: 5px; background: #41aaed; }

[type="checkbox"] + label:not(.consum)::before { border-radius: 4px; }
[type="checkbox"]:checked + label:not(.consum)::before { border-color: #41aaed; background: #41aaed; }
[type="checkbox"]:checked + label:not(.consum)::after { width: 12px; height: 8px; display: block; content: ''; position: absolute; left: 3px; background: url('lp14/sprite.stack.svg#check-white') no-repeat 50% / cover; }

.content-card-checkbox label { display: inline-block; vertical-align: text-bottom; margin-bottom: 0; padding-left: 18px; }
.geo_chat_map_mode_new_name [type="radio"] + label { margin-bottom: 0; }

/*input grd*/
.inp_grd, .tag-input { height:30px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; padding:3px 9px 5px; border: solid 1px var(--color-input); background: #fff; }
.inp_grd:hover, .tag-input:hover {border-color:#c3c3c3}
.inp_grd:focus, .inp_newtag, .tag-input:focus { border: solid 1px #41aaed; }
.inp_grd:disabled, .tag-input:disabled {color:#999da4; border:solid 1px #d9d9d9}

/*select, other grd*/
.tag_search, .prof_tag_list > div.allowed, .prof_tag_list.user div {border:solid 1px var(--color-input); background-color:#fff; transition:all 0.2s}
.tag_search:hover, .prof_tag_list > div.allowed:hover, .prof_tag_list.user div:hover {border-color:#c3c3c3}
.tag_search:active, .prof_tag_list > div.allowed:active, .prof_tag_list.user div:active {border-color:#41aaed}

/*tags*/
.xcloud-box { flex-wrap: wrap; }
.xcloud-checkbox { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 24px; display: inline-flex; align-items: center; white-space: nowrap; color: #fff; margin: 0px 4px 5px 0; padding: 0px 7px; border: solid 1px #a3a8b0; border-radius: 12px; cursor: pointer; background-color: #a3a8b0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.xcloud-checkbox:hover { border-color: #b3b6b9; background-color: #b3b6b9; }
	.xcloud-checkbox.checked { border: solid 1px #048fe6; background-color: #048fe6; }
		.xcloud-checkbox.checked:hover { border-color: #35a9f2; background-color: #35a9f2; }

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

.fadeIn, .fadeOut {-webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}

@-webkit-keyframes fadeIn {
	from {opacity:0; visibility:hidden}
	to {opacity:1; visibility:visible}
}
@keyframes fadeIn {
	from {opacity:0; visibility:hidden}
	to {opacity:1; visibility:visible}
}
.fadeIn {-webkit-animation-name:fadeIn; animation-name:fadeIn; opacity:1; visibility:visible}

@keyframes fadeOut {
	from {opacity:1; visibility:visible}
	to {opacity:0; visibility:hidden}
}
@-webkit-keyframes fadeOut {
	from {opacity:1; visibility:visible}
	to {opacity:0; visibility:hidden}
}
.fadeOut {-webkit-animation-name:fadeOut; animation-name:fadeOut; opacity:0; visibility:hidden}

@keyframes show {
	from {opacity:0}
	to {opacity:1}
}
@-webkit-keyframes show {
	from {opacity:0}
	to {opacity:1}
}
.show {-webkit-animation:show 2s ease; animation:show 2s ease; opacity:1}

/******BrowserHacks******/

/*Opera*/
_:-o-prefocus, body:last-child .inp_grd, .tag-input {padding:5px 9px 7px}

/*IE10*/
.ie10 .inp_grd, .ie10 .tag-input {padding:5px 9px 7px}