*{margin: 0; padding: 0; -webkit-text-size-adjust: none; outline: none; -webkit-touch-callout: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }

html, body{ padding: 0; margin: 0; font: 14px Tahoma, Arial, Verdana, sans-serif; line-height: 18px; color: #fff; height: 100%; }
body{overflow: hidden; background-size: 100% 100%; background-attachment: fixed; background-repeat: no-repeat; background-position: 0 0; }
_::-webkit-full-page-media, _:future, :root body{
   position:fixed; top:0; left:0; width:100%; height:100%;
}
.fixFixed{position:fixed; top:0; left:0;  width:100%; height:100%; overflow:hidden;}
html{ overflow: hidden; }

body.themodal-lock{ overflow: hidden; }
.themodal-overlay{width: 100%; height: 100%; overflow: auto; text-align:center}
.themodal-overlay:before, .themodal-overlay:after {width: 1px; height: 100%; display:inline-block; content:''; vertical-align:middle}
.themodal-overlay .popup {display:inline-block; vertical-align:middle; text-align:left}

body.hand * {cursor:move !important; cursor:-webkit-grab !important; cursor:grab !important;}
body.moving * {-webkit-user-select:none; -moz-user-select:none; user-select:none;}
body.moving ::selection {background: transparent;}
body.moving ::-moz-selection {background: transparent;}
body.moving:before {
	position:fixed; top:0; left:0; width:100%; height:100%;
	content:''; z-index:200;
	cursor:move; cursor: -webkit-grabbing; cursor: grabbing;
}

.bg_fon{
    opacity: 0;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    /*background-size: 100% 100%; background-attachment: fixed; background-repeat: no-repeat; background-position: 0 0;*/
    z-index: -1;
}

.bg_fon img{
    /* position: absolute; */
    width: 100%;
    height: 100%;
    /* transform: translateX(-50%);
    left: 50%; */
    object-fit: cover;
	object-position: top center;
}

.bg_fon_shadow{opacity:0; position: fixed; min-width:100%; min-height:100%; z-index:-1; background: url(../images/bg_shadow.png) 0 0 repeat-x;}
.bg_fon_full_shadow{ background: rgba(0, 0, 0, 0.4); opacity:0; position: fixed; min-width:100%; min-height:100%; z-index:-1;}
.bg_fon_full_shadow.to_show{opacity:1; transition: .3s linear;}
.body_member .bg_fon, .body_member .bg_fon_full_shadow, .body_member .bg_fon_shadow{display:none;}

p{ padding: 0 0 20px; margin: 0; }

img{ border: 0; vertical-align: middle; }
form{ padding: 0; margin: 0; }
input{ padding: 0 10px; margin: 0; font-size: 13px; box-sizing: border-box; outline: none; vertical-align: middle; border: none; font-family: Tahoma, sans-serif; }
input::-moz-focus-inner{ padding: 0; border: 0; }
table{ border-collapse: collapse; border: 0; width: 100%; }
table td{ padding: 0; }
a.btn{ display: block; font-size: 16px; line-height: 38px; height: 38px; color: #fff; text-align: center; text-decoration: none; text-shadow: -1px -1px 0 #000; outline: none; border: 1px solid #445e94; border-bottom: 1px solid #2d3749; border-radius: 5px 5px 8px 8px; margin: 0 0 3px; }

button{ outline: 0; cursor: pointer; border: none; transition:background .35s;}
button.btn, a.btn{ box-sizing: border-box; position: relative; height: 33px; color: #fff; border: none; border-radius: 2px; cursor: pointer; width: 100%; }
button.btn.small img{ margin: 8px 8px 0 -3px; vertical-align: top; }
button.btn.large, a.btn.large{ height: 44px; font-size: 14px; padding: 0 10px 1px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; box-sizing: border-box;
}
@-moz-document url-prefix() {
    button.btn.large, a.btn.large{ padding: 0 0 3px; }
}
button.btn.pink{ background-color: #ff6d85; }
button.btn.pink:active{ background-color: #e7495c; }
button.btn.white_frame, a.btn.white_frame{ background: transparent; border: 1px solid #d5dce6; }
a.btn.large.white_frame{ line-height: 40px; }
button.btn.white_frame:active, a.btn.white_frame:active{ background-color: rgba(225, 225, 225, 0.2); }

button.btn.turquoise{ background: #40c7db; }
button.btn.turquoise:active{ background: #02afc3; }
button.btn.lblue, a.btn.lblue{ background: #6dc9ff; }
button.btn.lblue:active, a.btn.lblue:active{ background: #2faae0; }
button.btn.violet{ background: #6d8fff; }
button.btn.navyblue{ background: #8995b3; }
button.btn.dgrey{ background: #323741;  }
button.btn.dgrey .decor{ position: relative; display: inline-block; width: calc(100% - 6vw); height: 33px; line-height: 31px; }
button.btn.dgrey .border_decor{ width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; border-bottom: 6px solid #89e214; border-left: 4px solid transparent; border-right: 4px solid transparent; height: 0; margin: 0 0 0 -4px; }
button.btn.dgrey .border_decor.im_reply_rate_low{ border-bottom: 6px solid #f10000; }
button.btn.dgrey .border_decor.im_reply_rate_medium{ border-bottom: 6px solid #ffa200; }
button.btn.dgrey:active{ background: #404855; }

button.btn:disabled{ background-color: #9f9f9f !important; cursor: default !important; }
button.btn:disabled:active{ background-color: #9f9f9f !important; }

button.btn.white_frame:disabled{ background: transparent!important; border: 1px solid #d5dce6!important; }
button.btn.white_frame:disabled:active{ background-color: rgba(225, 225, 225, 0.2)!important; }

select{ padding: 0 5px; margin: 0; vertical-align: middle; font-size: 13px;
    font-family: Arial, sans-serif;
    border: none; background-color: #fff;
}

/* Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root select {
    background: rgba(255,255,255,1);
}

textarea{ margin: 0; padding: 5px 10px; border-radius: 3px; width: 100%; font-size: 14px; line-height: 20px; font-family: Tahoma, sans-serif; border: 1px solid #fff; resize: none; outline: none; box-sizing: border-box; }
textarea:disabled{ background-color: #fff; }
ul li{ list-style-type: none; }
ol li{ margin: 0 0 0 20px; }
a{ text-decoration: none; outline: none; }
a:active{ outline: none; background: transparent; }

h1{ font-size: 24px; line-height: 26px; padding: 0; margin: 0 0 5px; font-weight: normal; }
h2{ font-size: 20px; line-height: 24px; padding: 0; margin: 0 0 10px; font-weight: normal; font-family: Tahoma, sans-serif; }
h3{ font-size: 18px; line-height: 22px; padding: 0; margin: 0 0 15px; font-weight: normal; font-family: Tahoma, sans-serif; }
h4{ font-size: 12px; line-height: 18px; padding: 0; margin: 0 0 10px; font-family: Tahoma, sans-serif; }

.fl_left{ float: left; }
.fl_right{ float: right; }
.cl{ clear: both; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; }
.main, .main_app{ height: 100%; min-width: 320px; margin-right: -27px; overflow-y: auto; overflow-x: hidden; /*-webkit-overflow-scrolling: touch;*/}

.wrapper{
    min-height: 100%;
    margin: 0 auto -162px;
}

.hidden{
    opacity: 0 !important;
    visibility: hidden;
}
/*-- /global --*/

.smile + .smile {
    padding: 0 0 0 3px;
}

.smile img {
    width: 18px;
    height: 18px;
}

.header{ background: #142d69; height: 50px; position: fixed; width: 100%; z-index: 102; }

.header .bl_icon_nav{ float: left; position: relative; }
.header .bl_icon_nav .icon_nav{ cursor: pointer; width: 60px; height: 50px; display: table-cell; vertical-align: middle; text-align: center; }
.header .bl_icon_nav .icon_nav .fa{ color: #8ba1d5; }
.header .bl_icon_nav .icon_status_warning{ opacity: 0; transition: opacity .4s linear; background-color: #f15d75; border-radius: 50%; width: 13px; height: 13px; position: absolute; top: 9px; left: 12px; }
.header .bl_icon_nav .icon_status_warning.to_show{ opacity: 1; }
.header .bl_logo{ display: inline-table; height: 50px; }
.header .bl_logo a{ display: table-cell; vertical-align: middle; }
.header .bl_logo a img{
    max-height: 40px;
    max-width: 116px;
}

.header .bl_icons_info{ height: 50px; float: right; }
.header .icons_info{ display: inline-table; height: 50px; padding: 3px 0 0; }
.header .icons_info ul{ margin: 0; padding: 0; display: table-cell; vertical-align: middle; }
.header .icons_info ul li{ margin: 0; padding: 0 9px 2px 0; display: table-cell; position: relative; }
.header .icons_info ul li a{ height: 48px; min-width: 34px; box-sizing: border-box; display: table-cell; vertical-align: middle; padding: 0 8px; position: relative;}
.header .icons_info ul li a:active i{ -webkit-filter: brightness(1.1); filter: brightness(1.1); }

.header .icons_info ul li .fa{ color: #8ba1d5; }
.header .icons_info ul li a.active .fa{ color: #ffffe3;}
.header .icons_info ul li .fa.fa-user{ font-size: 17px; }
.header .icons_info ul li .fa.fa-heart, .header .icons_info ul li .fa.fa-filter{ font-size: 18px; }
.header .icons_info ul li .fa.fa-comment{ font-size: 18px; }
.header .icons_info ul li i{ font-style: normal; transition: 0.3s ease; }
.header .icons_info ul li.icon_msg span.count{ left: 18px; }
.header .icons_info ul li.icon_notification .fa-user2{ margin: 0 0 0 -9px; }
.header .icons_info ul li.icon_notification span.count{ right: 2px; }

.header .icons_info ul li span.count{ background-color: #f15d75; border-radius: 10px; position: absolute; top: 7px; color: #fff; padding: 2px 4px 0; box-sizing: border-box;
font-size: 11px; line-height: 11px; height: 15px; font-family: Arial;
/*  --font: 'Arial';
  --capitalHeight: 0.662;
  --descender: 0.216;
  --ascender: 0.891;
  --linegap: 0.0425;

  font-family: var(--font);

  --CapitalSize: 5;

  --font-size: calc(var(--CapitalSize) / var(--capitalHeight) * .1rem);
  font-size: var(--font-size);

  --lineheight: 2.2;

  --extLineheight: calc(var(--lineheight)*var(--capitalHeight));
  --valueLineheight: calc(var(--extLineheight)*var(--font-size));
  line-height: var(--valueLineheight);
  --distanceBottom: (var(--descender));
  --distanceTop: calc(var(--ascender) - var(--capitalHeight));
  --verticalPadding: calc((var(--distanceTop) + var(--distanceBottom))/2);
  --lineHeightnormal: calc(var(--ascender) + var(--descender) + var(--linegap));
  --contentArea: calc(var(--ascender) + var(--descender));
  --extLinegap: calc(var(--extLineheight) - var(--contentArea));
  --extPadding: calc(var(--extLinegap)/2 + var(--verticalPadding));*/
}
/*.header .icons_info ul li span.count span{
  line-height: normal;
  vertical-align: calc( (var(--distanceTop) - var(--distanceBottom))/2 * var(--font-size));
}
*/
@-moz-document url-prefix() {
    .header .icons_info ul li span.count{ padding: 1px 4px 0; }
}

.content{ padding: 50px 0 162px; }
.content.no_indent{ padding-bottom:0; }
.body_visitor .content{padding-bottom:0; }
.content .head{ /*min-height: 18px;*/ position: relative; box-sizing: border-box; z-index: 2; width: 100vw; padding: 3px 5px 2px; text-align: center; background-color: #000; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #f15d75; }
.content .head.filter_head{ font-size: 10px; padding: 5px 5px 3px; }
@-moz-document url-prefix() {
    .content .head.filter_head{ padding: 4px 5px; }
}
.content .head.filter_head .info{ width: 75%; float: left; }
.content .head.filter_head .info .bl{ position: relative; width: 100%; white-space: nowrap; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.content .head.filter_head .count{ width: 25%; text-align: right; white-space: nowrap; float: right; }
.content .head span.title{ display: inline-block; /*padding: 2px 0;*/ background-repeat: no-repeat; background-position: 0 50%; margin: 0; }
.content .head span.title .fa{ color: #f15d75; /*font-size: 14px;*/ line-height: 11px; /*vertical-align: top; margin: -1px 0 0;*/ /*vertical-align: top; padding: 1px 0 0;*/  }
.content .head span.title .fa-gamepad{ font-size: 13px; }
.content .head span.title .fa-cog{ font-size: 12px; }
.content .head span.title .fa-user2{ margin: 0 0 0 -9px; }
.content .head span.title .fa-heart-center{ margin: 3px 7px 0 -16px; color: #fff; font-size: 9px; }

.decor_block_page_boost_profile{ background-color: #6dc9ff; padding: 22px 0; margin: 0; text-align: center; font-size: 18px; line-height: 30px;
width: 100vw;
-webkit-transition: background-color .5s linear, margin .3s; transition: background-color .5s linear, margin .3s;
}
.decor_block_page_profile_upgrated{ padding: 46px 22px; text-align: center; font-size: 18px; line-height: 30px; }
.decor_block_page_boost_profile.profile_boosted{ background-color: #ff6d85;}
.decor_block_page_boost_profile img.img_search{opacity:0; width: 150px; height: 180px; margin-bottom: 20px;}
.decor_block_page_boost_profile img.img_video_chat{opacity:0; width:100px; height:100px; margin-bottom: 20px; padding: 40px 0px;}
.decor_block_page_boost_profile img.img_audio_chat{opacity:0; width:100px; height:100px; margin-bottom: 20px; padding: 40px 0px;}
.decor_block_page_boost_profile img.img_refill{width:100px; height:100px; margin-bottom: 20px; padding: 40px 0px;}
.decor_block_page_boost_profile p{ padding: 0 10px; margin-bottom: 10px;}
.decor_block_page_boost_profile .hide{ display: none; }
.decor_block_page_boost_profile p.to_hide{transition: opacity .4s linear, visibility 0s .4s; opacity: 0; visibility: hidden;}
.decor_block_page_boost_profile p.to_show{visibility: visible; opacity: 1; transition: opacity .4s linear, visibility 0s;}

.decor_block_page_boost_profile .cont_desc{font-size: 12px; padding: 0 10px; margin-top: -10px; margin-bottom: 0;}

.bl_no_one{ padding: 46px 22px 0; text-align: center; }
.bl_no_one img{ margin: 0 0 25px; }
.bl_no_one span{ color: #5c7aae; display: block; }

.content .wrap_cont{ padding: 0 20px;}
.content .wrap_cont.bl_payment_system{ padding: 40px 0 48px; overflow: hidden; width: calc(100vw - 36px); margin: 0 18px; }
.content .wrap_cont.bl_payment_system .bl_frm{ margin: 0 0 20px; overflow: hidden; }
.content .wrap_cont.bl_payment_system .bl_frm.hide{ display: none; }

.content .wrap_cont_filter{ padding: 30px 18px 0; }
.content_logo{ text-align: center; padding: 0 0 30px; margin: 0 0 0 -20px; }

.info_txt a{ color: rgba(255,255,255,1); text-decoration: underline; }
.info_txt a:active{ text-decoration: none; }
.info_txt.large{ font-size: 18px; text-align: center; margin: 0 0 37px; }
.info_txt.small{ color: rgba(255,255,255,0.54); font-size: 11px; text-align: center; margin: 0 0 37px; }
.info_txt.small.prev{ padding: 10px 0 0 0; margin: 0;}
.info_txt.small.next{ margin-top:-25px;}
.info_txt.small a{ color: rgba(255,255,255,0.54); }
.info_txt.small a.link_back_login{ margin-top: 20px; }
.info_txt.center{ text-align: center; }
.txt_shadow a.btn, .txt_shadow label, .txt_shadow .info_txt a{ text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }
.info_txt_bl{position:relative; display:inline-block;}

.bl_frm{ margin: 0 0 10px; font-size: 14px; line-height: 18px; max-height: 1000000px; }
.bl_frm.bl_frm_settings{ padding: 20px 46px 0 18px; }
.bl_frm.bl_frm_settings .bl{ margin: 0 0 20px; position: relative; }
.bl_frm.bl_frm_settings .bl.arrow{ border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0 0 20px; }
.bl_frm.bl_frm_settings .bl.arrow .title{font-size: 22px; line-height: 22px; margin: 0 0 5px; color: #ffffc5;}
.bl_frm.bl_frm_settings .info_link{ margin: 0 0 20px; }
.bl_frm.bl_frm_settings .info_link span{ text-decoration: underline; }
.bl_frm.color{ background: #142d69; margin: 0 -20px 20px; padding: 20px 20px 5px; }
.bl_frm .bl{ margin: 0 0 20px; position: relative; }
.bl_frm .bl.bl_one{ padding-top: 20px; }

.bl_frm .bl .icon_field_hint{ opacity: 0.22; cursor: pointer; background-image: url(../images/icon_field_hint.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 45% auto; width: 44px; height: 44px; position: absolute; right: 0; bottom: 0; }
.bl_frm .bl .icon_field_vis{ opacity: 0.22; cursor: pointer; background-image: url(../images/icon_field_vis.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 45% auto; width: 44px; height: 44px; position: absolute; right: 0; bottom: 0; }
.bl_frm label{ display: block; margin: 0 0 5px; }
.bl_frm input{ width: 100%; height: 32px; border-radius: 2px; border: 1px solid transparent !important; }
.bl_frm.large_field input{ height: 44px; }
.bl_frm input[type="password"],
.bl_frm input#form_login_pass{ padding: 0 44px 0 10px; }
.bl_frm input.wrong, .bl_frm select.wrong{ color: red; }
.bl_frm .label_checkbox label{ display: inline-block; }
.bl_frm input[type="checkbox"],
.bl_frm input[type="radio"]{ width: 18px; height: 18px; margin: -2px 0 0; border-radius: 0; }

.bl_frm .form_birthday{ position: relative; }

.bl_frm .field select{ width: 100%; height: 32px; border-radius: 2px; cursor: pointer; }
.bl_frm.large_field .field select{ height: 44px; }
.bl_frm .field div.info{ font-size: 12px; }
.bl_frm .field select.select_pad{ margin-bottom: 10px; }
.bl_frm .field.wrong select, .bl_frm .field.wrong input{ color: red; }
.bl_frm .field.wrong select option{ color: #000; }
.bl_frm .field_checkbox .field select{ margin-bottom: 10px; }
.bl_frm .field_checkbox .field select:last-child{ margin-bottom: 0; }

.bl_frm .field.birthday{ display: table; width: 100%; }
.bl_frm .field.birthday .item{ display: table-cell; width: 33%; box-sizing: border-box; padding: 0 10px; }
.bl_frm .field.birthday .item.l{ padding: 0 10px 0 0; }
.bl_frm .field.birthday .item.r{ padding: 0 0 0 10px; }

.bl_frm .field.age .from, .bl_frm .field.age .to{
    width: calc(50vw - 10px);
    display: table-cell;
}

.bl_frm .field.age .def{
    width: 20px;
    display: table-cell;
    text-align: center;
    margin: 7px 0 0;
}

.bl_frm .field.birthday .m{ width: 29vw; float: left; }
.bl_frm .field.birthday .d{ width: 28vw; margin: 0 0 0 3vw; float: left; }
.bl_frm .field.birthday .y{ width: 29vw; float: right; }

.bl_frm .field .name_type{ color: #ff6d85; }

.bl_frm .field.bl_capcha{ display: table; width: 100%;}
.bl_frm .field.bl_capcha input.inp{ margin: 0; }
.bl_frm .field.bl_capcha .item{ display: table-cell; box-sizing: border-box;}
.bl_frm .field.bl_capcha .item.l{ padding: 0; width: 131px; background-color: #fff; border-radius: 3px; margin: 1px 0 0; }
.bl_frm .field.bl_capcha .item.l img{ border-radius: 3px;  /*margin: 1px 0 0;*/}
.bl_frm .field.bl_capcha .item.c{ padding: 0 10px; width: 18px; }
.bl_frm .field.bl_capcha .item.c img{ width: 18px; height: 18px; }
.bl_frm .field.bl_capcha .item.r{ padding: 0; }

#radius_bl{ display: none; }
.bl_frm .bl_slider{ margin: 0 0 15px; height: 45px; }
.bl_frm .bl_slider #radius_slider{ bottom: -27px; position: relative; }
.bl_frm .bl_slider .count{ opacity: 0;
    position: absolute; bottom: 29px; text-align: center; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.bl_frm .bl_slider .count_cont{ background: #fff; padding: 0 4px; min-width: 14px; line-height: 18px; font-size: 11px; color: #000; font-weight: normal; border-radius: 2px; white-space: nowrap; }
.bl_frm .bl_slider .count_decor{
  content: ''; border: 5px solid transparent; border-top: 5px solid #fffff0;
  opacity: 0; position: absolute; top: -9px; text-align: center; margin: 0 auto;
  -moz-user-select: none; -khtml-user-select: none; user-select: none;
}

.bl_frm .bl_slider input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:0 0}
.bl_frm .bl_slider input[type=range]::-webkit-slider-runnable-track{height:10px;background:#E3E3E3;border:0;border-radius:5px;-webkit-user-select:none;user-select:none}
.bl_frm .bl_slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px; position:relative;height:20px;width:20px;background:#339999;border:3px solid #fff;border-radius:100%;transition:background .3s ease;box-shadow:0 1px 2px rgba(52,63,74,.4);box-sizing:border-box}
.bl_frm .bl_slider input[type=range]::-moz-range-track{height:10px;background:#E3E3E3;border:0;border-radius:5px;-moz-user-select:none;user-select:none}
.bl_frm .bl_slider input[type=range]::-moz-range-thumb{position:relative;height:20px;width:20px;background:#339999;border:3px solid #fff;border-radius:100%;transition:background .3s ease;box-shadow:0 1px 2px rgba(52,63,74,.4);box-sizing:border-box}
.bl_frm .bl_slider input[type=range]::-moz-focus-outer{border:0}input[type=range]::-ms-track{height:10px;background:0 0;border:0;color:transparent}
.bl_frm .bl_slider input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{height:10px;background:rgba(52,63,74,.5);border:0;border-radius:5px;-ms-user-select:none;user-select:none}
.bl_frm .bl_slider input[type=range]::-ms-thumb{position:relative;height:20px;width:20px;background:#339999;border:3px solid #fff;border-radius:100%;transition:background .3s ease;box-shadow:0 1px 2px rgba(52,63,74,.4);box-sizing:border-box;margin-top:0}
.bl_frm .bl_slider input[type=range]::-ms-tooltip{display:none}input[type=range]:focus{outline:#343f4a dotted thin;outline-offset:1px}

.frm_btn{ margin: 0 0 20px; padding: 5px 0 0; text-align: center; }
.frm_btn .btn{ margin: 0 0 21px; }
.content .wrap_cont.bl_payment_system .frm_btn,
.content .wrap_cont.bl_payment_system .frm_btn .btn{ margin: 0; }

.frm_btn .double{ width: 100%; display: table; }
.frm_btn .double span{ width: 50%; display: table-cell; vertical-align: top; }
.frm_btn .double span.l{ padding: 0 10px 0 0; }
.frm_btn .double span.r{ padding: 0 0 0 10px; }
.frm_btn .double span.txt{ width: 100%; display: inline-block; position: relative; box-sizing: border-box; padding: 0 10px 0 0; }
.frm_btn .double span.icon_android_app{ background-image: url(../images/icon_android_app.svg); background-position: 50% 40%; background-repeat: no-repeat; background-size: 65% auto; width: 30px; height: 44px; /*width: 10vw; height: 12vw;*/ display: inline-block; }
.frm_btn .double span.icon_ios_app{ background-image: url(../images/icon_ios_app.svg); background-position: 50% 40%; background-repeat: no-repeat; background-size: 65% auto; width: 30px; height: 44px; /*width: 10vw; height: 12vw;*/ display: inline-block; }
.frm_btn .link_delete{ text-align: left; font-size: 3.5vw; }
.frm_btn .link_delete a{ color: #6678a3; }

.bl_frm .bl{ margin: 0 0 20px; clear: both; }
.bl_frm .bl.remember_bl{ margin-top: -5px }
.bl_frm .bl .recaptcha_bl{ height: 75px; width: 100%; opacity: 0; }
.bl_frm .bl .recaptcha_bl.to_show{opacity:1; transition:.25s linear;}
.bl_frm .bl .recaptcha_bl .recaptcha{transform:scale(1.06); transform-origin:0 0;}
_::-webkit-full-page-media, _:future, :root .bl_frm .bl .recaptcha_bl .recaptcha{
    transform:scale(.925); transform-origin:0 0;
}

.bl_frm .checkbox{ position: relative; }
.bl_frm .checkbox .niceCheck{ white-space: nowrap; clear: both; }
.bl_frm .checkbox .niceCheck label{ float: left; }
.bl_frm .checkbox a{ display: block; float: left; clear: both; margin: 7px 0 0; }
.bl_frm .one_checkbox .niceCheck a{ margin: 1px 0 0; }

.bl_frm .field input.inp{ border: 1px solid #d5dce6; width: 100%; margin: 1px 0 0; }
.bl_frm .field input.inp.disabled{background-color: #FFF; color:#9f9f9f;}
.bl_frm .field input.psw{ width: 38.5vw; margin: 0 0 0 11px; }
.bl_frm .link_add{ font-size: 13px; text-align: right; }
.bl_frm .link_add:active{color:rgba(255,255,255,0.5);}
.bl_frm .link_add span{ cursor: pointer; }

.custom_checkbox input[type="checkbox"] {
    display: none;
}
.custom_checkbox.no_hide input[type="checkbox"] {
    display:block;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.custom_checkbox input[type="checkbox"] + label {
    font-weight: normal;
    cursor: pointer;
}

.custom_checkbox input[type="checkbox"] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 80% auto;
    cursor: pointer;
    border-radius: 2px;
}

.custom_checkbox input[type="checkbox"]:checked + label span {
    background-image: url(../images/checkbox_check.svg);
    background-color: #fff;
}

.custom_checkbox input[type="checkbox"]:checked + label {
    cursor: pointer;
}

.list_checkbox label{
    font-size: 12px;
}

.list_checkbox .part{
    float: left;
    margin: 0 20px 0 0;
}
/* .list_checkbox.l{ position: relative; float: left; width: 45vw; }
.list_checkbox.l .niceCheck{ float: left; clear: both; margin: 2px 0 25px; }
.list_checkbox.l a{ display: block; float: left; clear: both; margin: 0 5px 0 0; }

.list_checkbox.r{ float: left; width: 45vw; box-sizing: border-box; }
.list_checkbox.r .niceCheck{ float: left; clear: both; margin: 2px 0 25px; }
.list_checkbox.r .niceCheck label{ float: left; }
.list_checkbox.r a{ display: block; float: left; clear: both; margin: 0 5px 0 0; } */


ul.bl_social_buttons{ margin: 0 0 21px; padding: 0; width: 100%; height: 38px; text-align: right; display: table; }
ul.bl_social_buttons li{ padding: 0 2px; box-sizing: border-box; height: 38px; width: 20%; display: table-cell; vertical-align: bottom; }
ul.bl_social_buttons li:first-child{ padding: 0 2px 0 0; }
ul.bl_social_buttons li:last-child{ margin: 0 7px 0 0; padding: 0 0 0 2px; }
ul.bl_social_buttons li a{ width: 100%; height: 38px; display: block; position: relative; display: block; clear: both; font-size: 16px; line-height: 18px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; outline: none; border: none; border-radius: 2px; }
ul.bl_social_buttons li a span{ width: 100%; height: 38px; display: block; background-repeat: no-repeat; }
ul.bl_social_buttons li a:active{ opacity: 0.83; }
ul.bl_social_buttons li.login_facebook a{ background-color: #517fc1; }
ul.bl_social_buttons li.login_facebook a span{ background-position: 50% 50%; background-image: url(../images/social_buttons/fb.svg); background-size: auto 65%; }
ul.bl_social_buttons li.login_google_plus a{ background-color: #ce5a54; }
ul.bl_social_buttons li.login_google_plus a span{ background-position: 50% 50%; background-image: url(../images/social_buttons/g.svg); background-size: auto 75%; }
ul.bl_social_buttons li.login_linkedin a{ background-color: #3caad0; }
ul.bl_social_buttons li.login_linkedin a span{ background-position: 50% 50%; background-image: url(../images/social_buttons/li.svg); background-size: auto 65%; }
ul.bl_social_buttons li.login_twitter a{ background-color: #669bf0; }
ul.bl_social_buttons li.login_twitter a span{ background-position: 50% 50%; background-image: url(../images/social_buttons/tw.svg); background-size: auto 70%; }
ul.bl_social_buttons li.login_vk a{ background-color: #5053bf; }
ul.bl_social_buttons li.login_vk a span{ background-position: 50% 50%; background-image: url(../images/social_buttons/vk.svg); background-size: auto 45%; }

.tb_frm th{ min-width: 100px; text-align: right; font-weight: normal; padding: 0 0 18px; }
.tb_frm td{ width: 348px; padding: 0 0 18px; float: left; }

.tooltip{ min-height: 86px; padding: 12px; box-sizing: border-box; position: absolute; z-index: 4; border-radius: 3px; text-align: left; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.tooltip .icon{ color: #fff; display: table-cell; vertical-align: middle; font-size: 12px; line-height: 22px; padding: 3px 0 0 70px; height: 59px; }
.tooltip.pink{ background: #ff6d85; }
.tooltip.pink .icon{ background-image: url(../images/icon_tooltip_error.svg);
background-position: -8px 50%; background-repeat: no-repeat;
background-size: 79px auto; }
.tooltip.pink.top::before{
    content: ''; position: absolute;
    left: 20px; top: -8px;
    width: 17px; height: 17px;
    background: #ff6d85;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
 }
.tooltip.pink:not(.top)::after{
    content: ''; position: absolute;
    left: 20px; bottom: -8px;
    width: 17px; height: 17px;
    background: #ff6d85;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
 }

.tooltip.lblue{ background: #40c7db; }
.tooltip.lblue .icon{ background: url(../images/icon_tooltip_check.png) 0 0 no-repeat; }
.tooltip.lblue::after{
    content: ''; position: absolute;
    left: 20px; bottom: -40px;
    border: 27px solid transparent;
    border-top: 27px solid #40c7db;
 }

.bl_term_txt{
    margin: 0 0 15px;
    line-height: 30px;
}

.bl_term_txt a{
    color: #fff;
    text-decoration: underline;
}

.btn.btn_term{
    text-shadow: none;
    line-height: 42px;
}

.body_member .bl_term_txt{
    padding-left: 20px;
    margin: 10px -20px 0 0;
}

.body_member .btn.btn_term{
    display: none;
}

.bl_list_photo{ padding: 4vw 0 0 4vw; width: calc(100vw - 4vw); }
.bl_list_photo img.user_photo{
    border-radius: 2px;
    object-fit: cover;
    width: 100%;
    height: 100%;
 }

.bl_list_photo ul li .name{ position: absolute; bottom: 2px; left: 3px; font-size: 12px; line-height: 14px; text-shadow: 1px 1px 0 #000; color: #fff;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 3px);
}

.status{ width: 9px; height: 9px; position: absolute; top: 2px; right: 3px; }
.status.online{ background-color: #c7f836; border-radius: 50%; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.status.online.messages{ opacity: 0; left: 0; top: 4px; }
.status.online.profile{ opacity: 0; bottom: 5px; top: auto; right: 5px; transition: opacity .25s linear; }
.status.online.profile.to_show{ opacity: 1; }

.bl_upgrade{
    padding: 10px 0;
    margin: 0 18px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    width: calc(100vw - 36px);
}
.bl_choose{ padding: 40px 20px 40px 0; }
.bl_choose.top{ margin-top: -80px; }
.bl_choose p{ padding: 0 20px; }

.bl_txt_power{ padding: 40px 20px; width: 100vw; box-sizing: border-box; }
.bl_upgrade ul{ margin: 0; padding: 0; }
.bl_upgrade ul li{ margin: 0 0 11px; padding: 0; color: #cde0ff; padding: 10px 0 10px 69px; min-height: 59px; max-height: 1000000px; }
.bl_upgrade ul li strong{ font-weight: bold; display:block; padding-bottom: 5px; }
.bl_upgrade ul li img{ margin: 0 10px 0 0; }

.bl_upgrade ul li.icon_upgrade_city {background: url(../images/icon_upgrade_city.png) 0 50% no-repeat;}
.bl_upgrade ul li.icon_upgrade_search_options {background: url(../images/icon_upgrade_search_options.png) 0 50% no-repeat;}
.bl_upgrade ul li.icon_upgrade_who_likes_you {background: url(../images/icon_upgrade_who_likes_you.png) 0 50% no-repeat;}
.bl_upgrade ul li.icon_upgrade_profiles_invisibly {background: url(../images/icon_upgrade_profiles_invisibly.png) 0 50% no-repeat;}
.bl_upgrade ul li.icon_upgrade_message {background: url(../images/icon_upgrade_message.png) 0 50% no-repeat;}
.bl_upgrade ul li.icon_upgrade_kill_ads {background: url(../images/icon_upgrade_remove_ads.png) 0 50% no-repeat;}
.bl_upgrade ul li.icon_upgrade_upload_image_chat{background: url(../images/icon_upgrade_upload_image_chat.png) 0 50% no-repeat;}
.bl_upgrade ul li.icon_upgrade_profile_visitors{background: url(../images/icon_upgrade_profile_visitors.png) 0 50% no-repeat;}

.bl_upgrade ul li.icon_upgrade_videochat {background: url(../images/icon_upgrade_videochat.png) 0 50% no-repeat;}
.bl_upgrade ul li.icon_upgrade_audiochat {background: url(../images/icon_upgrade_audiochat.png) 0 50% no-repeat;}

/*-- Gallery photo --*/
.bl_one_photo{ position: relative; width: 100%;}
.bl_one_photo, .bl_img>img{/*height: calc(100vh - 180px);*/}
.bl_img_one~* {
    -webkit-transition: .4s, z-index 0s; transition: .4s, z-index 1ms;
    z-index: 1; opacity: .9999;
    -webkit-backface-visibility:hidden; backface-visibility:hidden;
}

.bl_img_one~.hidden {visibility:visible; z-index:-1; -webkit-transition-delay: 0s, .5s; transition-delay: 0s, .5s;}

.not_swipe {position:absolute; left:0; top:0; height: 100%; width: 30px}
.bl_img{
    width: 100%; width: 100vw; /*height: auto;*/ /*height: calc(100vh - 50px); */
    height:100%;

    top: 0; bottom: 0;
    text-align: center; position:absolute;
    -webkit-perspective:300px; perspective: 140vmin;
    cursor: url(../images/cursor_swap.png), pointer;
    z-index: 2;
}
.bl_img.trans {
    -webkit-transition: .6s cubic-bezier(.7, 0, .3, 1); transition: .6s cubic-bezier(.7, 0, .3, 1);
    will-change: transform; -outline: 2px solid transparent; z-index: 1;
}
.bl_gallery_cont .bl_img.trans {z-index: 3;}
.bl_img.left{-webkit-transform: translateX(-10%) rotateZ(-1.5deg); transform: translate3D(-10vmin, 0, 1px) rotateZ(-1.5deg)}
.bl_img.right{ -webkit-transform: translateX(10%) rotateZ(1.5deg); transform: translate3D(10vmin, 0, 1px) rotateZ(1.5deg)}
.bl_img.trans.left, .bl_img.trans.right{opacity: .9; -webkit-transition: all 1s, z-index 0s; transition: 1s, z-index 0s}
.bl_img.rate{cursor: auto}
.bl_img>*:not(.loader) {
    position: absolute; top: 0; left: -50%; right: -50%; bottom: 0; z-index: 2;
    max-width: 100%; max-height: 100%; min-height: 5%; margin: auto;
    -webkit-transition: all .42s, -webkit-transform .45s cubic-bezier(0, 0, .2, 1.01);
    transition: all .42s, transform .45s cubic-bezier(0, 0, .2, 1.01);
    -webkit-transform: translateZ(270px) rotateY(0deg) translateZ(-270px);
    transform: translateZ(70vmin) rotateY(0deg) translateZ(-70vmin);
}
.bl_img.bl_video>*{/*transition:opacity .4s;*/transition:none;}
/*.bl_img.bl_video video{opacity:0;}*/

.bl_img>img.resize{ max-width: 150%; min-height: 100%; }
.bl_img>img.hidden{ visibility: visible; }
.bl_img>.left, .bl_img>.right {
    -webkit-transition-timing-function: ease-in-out, ease-in;
    transition-timing-function: ease-in-out, ease-in; opacity:0
}
.bl_img img.cursor_pointer{ cursor: pointer; }
.bl_img img.photo_rate{ cursor: default; }
.bl_img>.left{
    -webkit-transform: rotateY(-84deg) translateZ(270px) rotateY(84deg) translateZ(-270px) rotateZ(-10deg);
    transform: rotateY(-84deg) translateZ(80vmin) rotateY(84deg) translateZ(-80vmin) rotateZ(-10deg);
}
.bl_img>.right{
    -webkit-transform: rotateY(84deg) translateZ(170px) rotateY(-84deg) translateZ(-170px) rotateZ(10deg);
    transform: rotateY(84deg) translateZ(80vmin) rotateY(-84deg) translateZ(-80vmin) rotateZ(10deg);
}

.bl_one_photo .bl_private_photo{
    border: 1px solid #a1b2d9;
    width: 168px; height: 168px; top: 50%; bottom: 50%;
    outline: 1px solid transparent;
    padding: 16px 0 0; box-sizing: border-box;
}

.bl_one_photo .bl_private_photo .count{ font-size: 18px; color: #a1b2d9; margin: 0 10px 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bl_one_photo .bl_private_photo .txt{ font-size: 14px; line-height: 30px; color: #a1b2d9; margin-top: 8px; height: 33px; }
.bl_one_photo .bl_private_photo .txt.hide{display:none;}
.bl_one_photo .bl_private_photo .txt.color{ color: #a1b2d9; }
.bl_one_photo .bl_private_photo .txt a{ color: #ff6d85; }
.bl_one_photo .bl_private_photo .fa{ color: #a1b2d9; font-size: 58px; line-height: 60px; }
.bl_one_photo .bl_private_photo button{ width: calc(100% - 34px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bl_one_photo .signature{ z-index: 3; text-align: center; font-size: 12px; line-height: 40px; height: 40px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.2); text-shadow: 1px 1px 0 #000; }
.bl_one_photo .signature .fa{ color: #8ccd00; }

.bl_one_photo .arrow-back{ display: block; box-shadow: 0 0 36px rgba(0, 0, 0, 0.14); cursor: pointer; background-color: rgba(255,255,255,0.5); width: 33px; height: 33px; border-radius: 50%; text-align: center; position: absolute; top: 14px; left: 16px; z-index: 3;
background-repeat: no-repeat; background-position: 8px 8px; background-size: 16px auto;
}
.bl_one_photo .icon_profile{ display: block; box-shadow: 0 0 36px rgba(0, 0, 0, 0.14); cursor: pointer; background-color: rgba(255,255,255,0.5); width: 33px; height: 33px; border-radius: 50%; text-align: center; position: absolute; top: 58px; left: 16px; z-index: 3;
overflow:hidden;
}
.bl_one_photo .icon_profile .bl_icon{
    width: 33px; height: 33px;
    background-image: url(../images/icon_user_photo.svg); background-repeat: no-repeat; background-position: 9px 9px; background-size: 15px auto;}


.bl_one_photo .icon_report, .encounters_user_info .icon_report{ display: block; box-shadow: 0 0 36px rgba(0, 0, 0, 0.14); cursor: pointer; background-color: rgba(255,255,255,0.5); width: 33px; height: 33px; border-radius: 50%; text-align: center; position: absolute; top: 58px; left: 16px; z-index: 3; }
.bl_one_photo .icon_report .dots, .encounters_user_info .icon_report .dots{ display: inline-block; height: 4px; padding: 15px 0 0; }
.bl_one_photo .icon_report .dots span, .encounters_user_info .icon_report .dots span{ display: inline-block; background-color: rgba(0,0,0,0.4); padding: 0; margin: 0 1px; width: 4px; height: 4px; border-radius: 3px; vertical-align: top; }
.encounters_user_info .icon_report{ top: 3px; }
.encounters_user_info .icon_report .bl_options { text-align: left; }

.bl_one_photo_cmt{position:relative; padding: 10px 10px 40px 10px; min-height:170px; box-sizing: border-box; color: #000; font-size: 12px; background-color: #f4f5f9; }
.bl_one_photo_cmt .comments_hidden{ color: rgba(0,0,0,.7); height: 170px; position: absolute; top: 0; left: 0; width: 100%; text-align: center; display: table; vertical-align: middle; }
.bl_one_photo_cmt .comments_hidden .fa{ color: rgba(0,0,0,.7); font-size: 18px; }
.bl_one_photo_cmt .comments_hidden .comments_hidden_txt{ display: table-cell; vertical-align: middle; height: 135px; width: 100vw; font-size: 14px; }

.bl_one_photo_cmt .message_cont{ opacity: 1; transition:opacity .4s; margin: 10px 0 0; }
.bl_one_photo_cmt .message_cont.change_comments{ opacity: .5; }
.bl_one_photo_cmt .message_field_chat{ width: 100%; position: relative; margin: 0 0 8px; }

.bl_one_photo_cmt .message_field_chat textarea{ width: calc(100% - 38px); height: 30px; margin: 0; /*margin: 8px 0 8px 0;*/  transition: height .3s; }
.bl_one_photo_cmt .message_field_chat button{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 0;
    top: 0;
    position: absolute !important;
    overflow: hidden;
    background-image: url(../images/icon_msg_send.svg);
    background-position: 56% 50%;
    background-repeat: no-repeat;
    background-size: 70% auto;
}

.bl_one_photo_cmt .item{ width: 100%; padding: 0 20px 0 0; box-sizing: border-box; opacity: 1; transition: opacity .4s; }
.bl_one_photo_cmt .item.delete{ opacity: .5; }
.bl_one_photo_cmt .item .msg{ margin: 0 0 15px; }
.bl_one_photo_cmt .item .msg a{ text-decoration: underline; }
.bl_one_photo_cmt .item .msg .fa{ color: #cecfd2; }
.bl_one_photo_cmt .item .pic{ display: table-cell; vertical-align: top; padding: 3px 15px 0 0; text-align: center; width: 46px; }
.bl_one_photo_cmt .item button{ border: none; display: table-cell; vertical-align: top; text-align: right; width: 46px; height: 46px; margin: 0 auto; background-size: 100% auto; border-radius: 2px; outline: none !important; }
.bl_one_photo_cmt .item button.plug_private_photos{ background-position: 0 -3px; }
.bl_one_photo_cmt .item .data{ padding: 0 5px; color: #b4bbcc; }
.bl_one_photo_cmt .item .fa-check{ color: #40c7db; font-size: 5vw; }

.bl_one_photo_cmt .item .info{ text-align: left; display: table-cell; max-width: 100%; width: 100%; vertical-align: middle; text-align: left; padding: 0; font-size: 14px; line-height: 20px; }
.bl_one_photo_cmt .item .info .rating{
    display: inline-block; background: #c30909; padding: 3px 5px 0; height: 15px; box-sizing: border-box; font-size: 10px; line-height: 10px; border-radius: 10px; color: #fff;
    vertical-align: top; margin: 3px 0 0;
}
@-moz-document url-prefix() {
    .bl_one_photo_cmt .item .info .rating{ padding: 2px 5px 0; }
}

.bl_one_photo_cmt .item .info p{ padding: 0; max-height: 1000000px; }
.bl_one_photo_cmt .item .info a{ color: #6d8fff; }
.bl_one_photo_cmt .item .info a:active{ text-decoration: none; color: #3466dd; }

.bl_one_photo_cmt .message_dots{padding: 10px 0 0 0; text-align: center; position:relative; height:22px;}
.bl_one_photo_cmt .message_dots .fa{ padding: 0 1vw; color: #6dc9ff; font-size: 3vw; }

.bl_one_photo_cmt>*:not(.comments_hidden){display:block;}
/*.bl_one_photo_cmt .comments_hidden{visibility: hidden; opacity: 0; z-index: -1; visibility: visible; transition: opacity .35s linear, visibility .35s, z-index .35s}
*/.bl_one_photo_cmt.private>*:not(.comments_hidden){display:none;}
/*.bl_one_photo_cmt.private .comments_hidden{z-index: 1; visibility: visible; opacity: 1; transition: opacity .35s linear, visibility 0s, z-index 0s}
*/.bl_one_photo_cmt .comments_hidden{display:none;}
.bl_one_photo_cmt.private .comments_hidden{display:block;}


.bl_one_photo .pp_gallery_btn_additional{
    position: absolute;
    top: 14px;
    right: 16px;
    width: 33px;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s linear, visibility 0s .3s;
}

.bl_one_photo .pp_gallery_btn_additional.to_show{
	visibility: visible;
	opacity: 1;
	transition: all .3s, opacity .3s linear, visibility 0s;
}

.bl_one_photo .pp_gallery_btn_additional .btn{
    width: 33px;
    height: 33px;
    box-shadow: 0 0 6px rgb(0, 0, 0, .42);
    border-radius: 50%;
    background-color: rgba(255,255,255,.5);
}

.bl_one_photo .pp_gallery_btn_additional .btn span{
    display: inline-block;
    vertical-align: middle;
    height: 33px;
    line-height: 30px;
}

.bl_one_photo .pp_gallery_btn_additional .btn span svg{
    width: 20px;
    height: 20px;
    fill: #586477;
    vertical-align: middle;
    margin: 0 1px 0 0;
}

.bl_one_photo .pp_gallery_btn_additional .pp_gallery_btn_edit_image{
	width: 100%;
    margin-bottom: 11px;
}

.bl_one_photo .pp_gallery_btn_additional .btn_additional_first{
	position: relative;
	display: block;
}

.bl_one_photo .pp_gallery_btn_additional .btn_additional_first .pp_gallery_restore_image{
	position: absolute;
    left: -47px;
	visibility: hidden;
	opacity: 0;
	transition: opacity .25s linear, visibility 0s .25s;
	cursor: pointer;
    width: 33px;
    height: 33px;
    background-color: rgba(0, 0, 0, .3);
    display: inline-block;
    border-radius: 50%;
    text-align: center;
}

.bl_one_photo .pp_gallery_btn_additional .btn_additional_first .pp_gallery_restore_image svg{
    width: 16px;
    height: 30px;
}

.bl_one_photo .pp_gallery_btn_additional .btn_additional_first .pp_gallery_restore_image svg g.color_svg{
    fill: #757575;
    transition: fill .3s ease-in-out;
}

.bl_one_photo .pp_gallery_btn_additional .btn_additional_first .pp_gallery_restore_image:hover svg g.color_svg{
    fill: #fff;
}

.bl_one_photo .pp_gallery_btn_additional .btn_additional_first .pp_gallery_restore_image.to_show{
	visibility: visible;
	opacity: 1;
	transition: all .25s, opacity .25s linear, visibility 0s;
}
/*-- Gallery photo --*/

/*-- message_list --*/
.message_list{
    margin: 10px 10px 40px 10px;
    width: calc(100vw - 20px);
    color: #000;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.message_list .im_general_user{
    height: 62px;
    overflow: hidden;
    margin: 0 0 11px 0;
    transition: all .4s, margin .3s, height .4s, opacity .4s linear;
}
.message_list .im_general_user.to_hide{height:0px; margin-bottom:0; opacity:0;}
.message_list .im_general_user.to_remove{height:0px; margin-bottom:0; opacity:0; transition: all .3s, margin .25s, height .3s, opacity .3s linear;}

.message_list .item{ border-radius: 2px 3px 3px 2px; cursor: pointer; background: #fff; border-left: 6px solid #e0e0e0; box-sizing: border-box; width: 100%; border-bottom: 1px solid #c1c3c6; padding: 0 0 0 11px; height: 62px; vertical-align: middle; display: table; }
.message_list .item.unread{ border-left: 6px solid #ffa200; }
.message_list .item:active{ background: #fffff0; }
.message_list .item .pic{ display: table-cell; vertical-align: middle; padding: 0 10px 0 0; text-align: center; width: 46px; position:relative;}
.message_list .item .pic .pic_btn{position:relative;}
.message_list .item button{ border: none; display: table-cell; vertical-align: middle; text-align: right; border-radius: 50%; width: 46px; height: 46px; margin: 0 auto; background-size: 100% auto; outline: none !important; transition: inherit; }
.message_list .item button.plug_private_photos{ background-position: 0 -3px; }
.message_list .item .info{ text-align: left; display: table-cell; vertical-align: middle; text-align: left; font-size: 14px; line-height: 20px; }
.message_list .item .info .info_bl{ overflow: hidden; }
.message_list .item .info strong{ display: block; width: calc(100vw - 155px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.message_list .item .info strong span{ font-weight: normal; }
.message_list .item .info .msg{ width: calc(100vw - 155px); height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.message_list .item .info .msg p{display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; }
.message_list .item .info .msg p br{ display: none; }
.message_list .item .info .msg a{ color: #6d8fff; }
.message_list .item .info .msg .smile img{
	width: 18px;
    height: 18px;
	margin: -2px 0 0;
}

.message_list .item .info .msg .smile + .smile {
    padding: 0 0 0 3px;
}

.message_list .item .info .msg .sticker_one img{
	width: 18px;
    height: 18px;
	margin: -2px 0 0;
}

.message_list .item .data{ border-radius: 0 3px 3px 0; position: relative; width: 104px; background: #ebebeb; display: table-cell; vertical-align: middle; text-align: center; font-size: 12px; line-height: 20px; }
.message_list .item .data .info_date_bl{ overflow: hidden; }
.message_list .item .data strong{ display: block; }

.message_list .item .data .info_date_bl{visibility: visible; opacity: 1; transition: opacity .35s linear, visibility 0s;}
.message_list .item .data .info_date_bl.to_hide{visibility: hidden; opacity: 0; transition:opacity .35s linear, visibility 0s .35s;}

.message_list .item .delete{ position: absolute; top: 17px; left: -23px; width: 109px; color: #ff6d85; text-align: center; font-size: 28px; }
.message_list .item .data .delete{visibility: hidden; opacity: 0; transition:opacity .35s linear, visibility 0s .35s;}
.message_list .item .data .delete.to_show{visibility: visible; opacity: 1; transition: opacity .35s .15s linear, visibility 0s;}

.message_chat{ padding: 0; box-sizing: border-box; color: #000; opacity: 0; }
.message_chat.to_show{ opacity: 1; }

.msg_profile_pic{
    position: relative;
    margin: 20px auto 0px;
    width: 86px;
    height: 86px;
    display: block;
}
.msg_profile_pic.hide{ display: none; }
.msg_profile_pic button {
    border: none;
    display: block;
    border-radius: 50%;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    background-size: 100% auto;
    outline: none !important;
    transition:none;
}
.msg_profile_pic button.plug_private_photos{ background-position: 0 -6px; }
.message_chat .message_cont{ overflow-y: auto; overflow-x: hidden; /*padding: 0 31px 0 14px;*/ padding: 0 17px 0 0; }

.fixFixed .message_chat .message_cont.message_one_cont{height: calc(100% - 107px)}
.fixFixed .main{overflow:hidden;}
.fixFixed .wrapper, .fixFixed .content, .fixFixed .message_chat{height:100%;}

.message_chat .messages_box{padding-top: 20px; /*transition: padding-bottom .3s;*/}
.message_chat .message_field_chat{ display: table; background: #142d69; width: 100%; position: fixed; bottom: 0; left: 0; line-height: 0; opacity: 0; }
.message_chat .message_field_chat.to_show{ opacity: 1; }
.message_chat .message_field_chat textarea{
  width: calc(100% - 62px); height: 40px;
  margin: 8px 0 8px 8px; transition: height .3s;
  padding: 11px 10px; font-size: 15px; line-height: 18px;
  overflow: hidden;
}

/*_::-webkit-full-page-media, _:future, :root FIX IPHONE !!!!!!!!*/
.header{
   position:absolute;
   left:0;
   top:0;
}
/*_::-webkit-full-page-media, _:future, :root FIX IPHONE !!!!!!!!*/

.message_chat .message_field_chat button{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  float: left;
}

.message_chat .message_field_chat .btn_audio_video{ display: table-cell; vertical-align: bottom; padding: 0 0 8px 8px; }
.message_chat .message_field_chat .field_send{ display: table-cell; width: 100%; }
.message_chat .message_field_chat button.video_chat, .message_chat .message_field_chat button.video_chat:active{
  background-image: url(../images/icon_video.svg);
  background-size: 50% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #ff7a4b;
}

.message_chat .message_field_chat button.audio_chat, .message_chat .message_field_chat button.audio_chat:active{
  background-image: url(../images/icon_microphone.svg);
  background-size: 65% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #ff576d;
}

.message_chat .message_field_chat button.color_t, .message_chat .message_field_chat button.color_t:active{
    background-image:none;
    transition: background .35s!important;
}

.message_chat .message_field_chat button.send, .message_chat .message_field_chat button.send:active{ right: 8px;
  background-image: url(../images/icon_msg_send.svg);
  background-size: 70% auto;
  background-position: 56% 50%;
  background-repeat: no-repeat;
  background-color: #4081fc;
  bottom: 9px;
  position: absolute;
  overflow: hidden;
}

.message_chat .im_msg_one.to_show{
    animation-name:bouncein;
    animation-duration:.5s;
    animation-iteration-count:1;
    animation-timing-function:easeOut;
    transform-origin:right bottom;
}

@keyframes bouncein{
    0%{
        transform:scale(0);
    }
    80%{
        transform:scale(1.04);
    }
    100%{
        transform:scale(1);
    }
}

.message_chat .im_msg_one.to_show_upload{
    animation-name:bouncein_upload;
    animation-duration:.3s;
    animation-iteration-count:1;
    animation-timing-function:easeOut;
    transform-origin:right bottom;
}

.message_chat .im_msg_one.to_show.left,
.message_chat .im_msg_one.to_show_upload.left{
    transform-origin:left bottom;
}

@keyframes bouncein_upload{
    0%{
        transform:scale(0);
        opacity:0;
    }
    65%{
        transform:scale(.65);
        opacity:1;
    }
    100%{
        transform:scale(1);
    }
}


/*.message_chat .im_msg_one:first-child{padding-top: 12px;}
*/.message_chat .item{ width: 100%; display: table; padding: 0 20px 0 0; box-sizing: border-box; }

.message_one_cont .im_msg_one{overflow:hidden;}
.message_one_cont .im_msg_one.initial .item{transition: margin .7s, opacity .6s linear;}
.message_one_cont .im_msg_one.initial .item.to_hide{margin-top: -50%; opacity:0;}
.message_one_cont .im_msg_one .item.to_hide_send{margin-top: -50%; opacity:0;}

.message_chat .item .msg{ background: #fff; border-radius: 0 3px 3px 0; border-left: 6px solid #e0e0e0; box-sizing: border-box; margin: 0 0 14px; padding: 0 0 0 16px; float: left; }
.message_chat .item .pic{ display: table-cell; vertical-align: top; padding: 10px 10px 10px 0; text-align: center; width: 46px; }
.message_chat .item button{ border: none; display: table-cell; vertical-align: top; text-align: right; border-radius: 50%; width: 46px; height: 46px; margin: 0 auto; background-size: 100% auto; outline: none !important; transition: none; }
.message_chat .item button.plug_private_photos{ background-position: 0 -3px; }
.message_chat .item button:active{ -webkit-filter: brightness(1.1); filter: brightness(1.1); }
.message_chat .item .data{
  color: #b4bbcc;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  vertical-align: top;
}
.message_chat .item strong.name{ padding-right: 5px; display: inline-block; height: 20px; vertical-align: top; }
.message_chat .item .icon_check{width: 16px; height: 20px; display: inline-block;
background-image: url(../images/icon_check_msg.svg);
background-size: 100% auto; background-position: 0 2px; background-repeat: no-repeat; vertical-align: top;
/* margin: 2px -5px 0 0;*/ transition: width .2s, margin .2s, opacity .2s linear; margin-left: 5px;}
@-moz-document url-prefix() {
    .message_chat .item .icon_check{ background-position: 0 3px; }
}
.message_chat .item .icon_check.hide{ margin-left: 0; width: 0; opacity: 0; }

.message_chat .item .info{ text-align: left; display: table-cell; max-width: calc(100vw - 140px); vertical-align: middle; text-align: left; padding: 10px 10px 10px 0; font-size: 14px; line-height: 20px; }
.message_chat .item .info p{ padding: 0; }
.message_chat .item .info .msg_txt{ word-wrap: break-word; display: block; width: 100%; }

.message_chat .item .info .msg_txt .smile + .smile {
    padding: 0 0 0 3px;
}

.message_chat .item .info .msg_txt .smile img {
    width: 18px;
    height: 18px;
}

.message_chat .item .info .msg_txt .blink_msg{animation: blink_msg 2s linear infinite; -webkit-animation: blink_msg 2s linear infinite;}
@-webkit-keyframes blink_msg {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1; }
}
@keyframes blink_msg {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1;}
}

.message_chat .item .info p.info_msg{ font-size: 0; }
.message_chat .item .info p.info_msg strong,
.message_chat .item .info p.info_msg span{ font-size: 14px; line-height: 20px; }
.message_chat .item .info a{ color: #6d8fff; transition: 0.3s; }
.message_chat .item .info a:active{ text-decoration: none; color: #3466dd; }
.message_chat .item.answer{ padding: 0 0 0 20px; }
.message_chat .item.answer .msg{ float: right; border-left: none; border-right: 6px solid #e0e0e0; border-radius: 3px 0 0 3px; }
.message_chat .item .msg span.red{ color: red; }
.message_chat .item .msg .msg_original_title{ font-size: 10px; line-height: 12px; padding: 2px 0; }
.message_chat .item .msg .msg_original_text{ display: none; }
.bl_ads{ text-align: center; }
.bl_ads .link_ads{ margin: 20px 0; font-size: 14px; }
.bl_ads .link_ads a{ color: #fff; }

.bl_profile_wrap{
    min-width:200vw; padding: 0;
    display:flex;
    flex-wrap:nowrap;
    align-content:flex-start;
    align-items:flex-start;
}
.bl_profile{ display: none; padding: 0; width: 100vw; transition: transform .45s cubic-bezier(.59,.29,.31,1); margin-left: 0; }
.bl_profile .bl_profile_pic{ display: table; width: 100%; vertical-align: top; height: 220px; position: relative; overflow: hidden; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares{ width: calc(100% - 120px); position: absolute; left: 120px; overflow: hidden; margin: 0; top: 0; z-index: 2;
visibility: hidden; opacity: 0; transition:opacity .35s linear, visibility 0s .35s; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares.to_show{
visibility: visible; opacity: 1; transition: opacity .35s linear, visibility 0s; }

.bl_profile .bl_profile_pic .add_photo{ display: none; z-index: 2; position: absolute; bottom: 3px; left: 0; width: 100%; text-align: right; padding: 0 10px 0 0; box-sizing: border-box; }
.bl_profile .bl_profile_pic .add_photo .file{ position: relative; display: inline-block; overflow: hidden; }
.bl_profile .bl_profile_pic .add_photo .file button{ padding: 0 10px; }
.bl_profile .bl_profile_pic .add_photo .file input{display:none;}
.bl_profile .bl_profile_pic .add_photo .file input.file{
    display:block;
    position: absolute; top: -10px;
    left:-15px;
    opacity: 0;
    cursor: pointer; font-size: 50px;
    overflow: visible;
}
.bl_profile .bl_profile_pic .user_blocked{ transition: opacity .35s linear, visibility 0s .35s; opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 0; background: rgba(255,109,133,.9); height: 27px; line-height: 27px; width: 100%; text-align: center; font-size: 12px; color: #fff; }
.bl_profile .bl_profile_pic .user_blocked.to_show{ visibility: visible; opacity: 1; transition: opacity .35s linear, visibility 0s;}
.bl_profile .bl_profile_pic .user_blocked a{ display: inline-block; color: #fff; text-decoration: underline; }
.bl_profile .bl_profile_pic .user_blocked a:active{ text-decoration: none; }

.bl_profile .bl_profile_pic .bl_profile_bg_squares .squares_wrap{ text-align: center; white-space: nowrap; clear: both; position: relative;  height: 50px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .squares{ position: absolute;  height: 50px; left: 50vw; margin: 0 0 0 -60px; font-size: 0; line-height: 0; transform: translate(-50%, 0%); }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square{ position: relative; vertical-align: middle; text-align: center; display: inline-block; width: 50px; height: 50px; border-radius: 3px; box-sizing: border-box; border: 1px solid #254c8e; border-top: none; border-left: none; padding: 0; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square .css_loader{ font-size: 21px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square .fa{ color: #fff; vertical-align: top; font-size: 16px; line-height: 48px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.search_results .fa{ line-height: 50px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square .count{ background-color: #142d69; position: absolute; top: 2px; right: 2px; z-index: 1; /*font-size: 3vw; line-height: 2vw;*/ color: #fff; }

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square .count{ border-radius: 10px; padding: 0 4px;

          --font: 'Arial';
          --capitalHeight: 0.662;
          --descender: 0.216;
          --ascender: 0.891;
          --linegap: 0.0425;

          font-family: var(--font);

          --CapitalSize: 5;

          --font-size: calc(var(--CapitalSize) / var(--capitalHeight) * .1rem);
          font-size: var(--font-size);

          --lineheight: 2.2;

          --extLineheight: calc(var(--lineheight)*var(--capitalHeight));
          --valueLineheight: calc(var(--extLineheight)*var(--font-size));
          line-height: var(--valueLineheight);
          --distanceBottom: (var(--descender));
          --distanceTop: calc(var(--ascender) - var(--capitalHeight));
          --verticalPadding: calc((var(--distanceTop) + var(--distanceBottom))/2);
            --lineHeightnormal: calc(var(--ascender) + var(--descender) + var(--linegap));
            --contentArea: calc(var(--ascender) + var(--descender));
            --extLinegap: calc(var(--extLineheight) - var(--contentArea));
            --extPadding: calc(var(--extLinegap)/2 + var(--verticalPadding));
       }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square .count span
      {
             line-height: normal;
             vertical-align: calc( (var(--distanceTop) - var(--distanceBottom))/2 * var(--font-size));
      }

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color1{ background: #498bc7; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color2{ background: #92707d; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color3{ background: #338ab5; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color4{ background: #92628e; }

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_2{ background: #40c7db; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_2:active{ background: #32a3ba; }*/
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_1{ background: #6d8fff; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_1:active{ background: #556fff; }*/
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_0{ background: #ff946d;}
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_0:active{ background: #ff7455; }*/

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_2{ background: #ff788e; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_2:active{ background: #ff5d6f; }*/
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_1{ background: #ff56d1; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_1:active{ background: #ff43ae; }*/
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_0{ background: #6dc9ff;}
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_0:active{ background: #55a5ff; }*/

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_3_1{ background: #ff946d; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_3_1:active{ background: #ff7455; }*/
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_3_0{ background: #6d8fff; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_3_0:active{ background: #556fff; }*/

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_4_0{ background: #ff788e; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_4_0:active{ background: #ff5d6f; }*/

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.empty{box-shadow: 14vw 14vw 14vw rgba(0, 0, 0, .15) inset;}
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_2.empty{ background: #40c7db;}
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_2.empty:active{ background: #40c7db; }
*/.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_1.empty{ background: #6d8fff; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_1.empty:active{ background: #6d8fff; }
*/.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_0.empty{ background: #ff946d;}
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_1_0.empty:active{ background: #ff946d; }
*/
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_2.empty{ background: #ff788e; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_2.empty:active{ background: #ff788e; }
*/.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_1.empty{ background: #ff56d1; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_1.empty:active{ background: #ff56d1; }
*/.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_0.empty{ background: #6dc9ff;}
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_2_0.empty:active{ background: #6dc9ff; }
*/
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_3_1.empty{ background: #ff946d; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_3_1.empty:active{ background: #ff946d; }
*/.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_3_0.empty{ background: #6d8fff; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_3_0.empty:active{ background: #6d8fff; }
*/
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_4_0.empty{ background: #ff788e; }
/*.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.color_4_0.empty:active{ background: #ff788e; }*/

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.mutual_likes .fa-user2{ margin: 0 0 0 -4px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.mutual_likes .fa-heart{ margin: 2px 3px 0 -16px; color: #e50000; font-size: 11px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.who_likes_you .fa-user{ margin-left: 3px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.profile_visitors .fa-user2{ margin: 0 0 0 -4px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.whom_you_like .fa-chevron-right{ margin-left: 3px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square.profile_view .fa-bolt, .bl_profile .bl_profile_pic .bl_profile_bg_squares .square.hot .fa, .bl_profile .bl_profile_pic .bl_profile_bg_squares .square.settings .fa{ font-size: 20px; }
.bl_profile .bl_profile_pic .bl_profile_bg_squares  a.empty{cursor:default;}
.bl_profile .bl_profile_pic .pic{ width: 120px; height: 140px; position: absolute; background-color: #254c8e; overflow: hidden; /*display: table-cell; vertical-align: top;*/ z-index: 2; position: relative; }
.bl_profile .bl_profile_pic .pic .bl{
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,0%);
  -webkit-backface-visibility:hidden; backface-visibility:hidden;
  top: 0%;
  left: 50%;
  opacity: 0;
}
.bl_profile .bl_profile_pic .pic .bl.to_show{opacity:1; -webkit-transition:opacity .4s linear; transition:opacity .4s linear, background-color .35s;}

.bl_profile .bl_profile_pic .pic .bl.to_img_hide{background-color:rgba(255,255,255,.35);}
.bl_profile .bl_profile_pic .pic .bl.to_img_hide img{opacity:0;}

.bl_profile .bl_profile_pic .pic .bl img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    transition:opacity .35s linear;
}
.bl_profile .bl_profile_pic .pic .bl img[src="../_files/impact_mobile_private_photo_b.svg"]{
    margin-top: -20px;
}

.bl_profile .bl_profile_pic .pic .bl img.to_blur{
  -webkit-filter: blur(9px);
  filter: blur(9px);
}
.bl_profile .bl_profile_pic .pic .bl img.to_hide{
    opacity:0;
    transition: 1.8s opacity linear;
}
.bl_profile .bl_profile_pic .pic .bl img.empty_photo{
/*    width: 140px;
    height: 179px;
    min-height: auto;*/
    object-fit: inherit;
}

.bl_profile .bl_profile_pic .bl_profile_bg_squares .square .count,
.main_menu .menu_squares .square .count,
.header .icons_info ul li.icon_msg span.count,
.header .icons_info ul li.icon_notification span.count{
    opacity:0;
}
.bl_profile .bl_profile_pic .bl_profile_bg_squares .square .count.to_show,
.main_menu .menu_squares .square .count.to_show,
.header .icons_info ul li.icon_msg span.count.to_show,
.header .icons_info ul li.icon_notification span.count.to_show{
    opacity:1; transition: .3s linear;
}

.bl_profile .bl_profile_pic .pic .bl img.to_hide{ opacity: 0; -webkit-transition:opacity .4s linear; transition:opacity .4s linear; }

.bl_profile .bl_profile_info{ position: relative; overflow: hidden; margin: -80px 0 0; }
.bl_profile .bl_profile_info .top{ height: 78px; width: 150px; padding: 0 0 0 18px; box-sizing: border-box; position: relative; }
.bl_profile .bl_profile_info .figure{ position: absolute; right: -155px; top: 0; left: 0; z-index: 2; background-size: auto 241px; background-image: url(../images/profile_info_figure_top.svg); background-position: 0 0; background-repeat: no-repeat; height: 158px; width: 270px; border-radius: 0 120px 0 0; }
.bl_profile .bl_profile_info .info{ height: 74px; box-sizing: border-box; color: #000; position: relative; z-index: 3; padding: 15px 0 0; }
.bl_profile .bl_profile_info .info .name{ padding: 0 0 5px; font-size: 24px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 166px; }
.bl_profile .bl_profile_info .info .name span{opacity:0;}
.bl_profile .bl_profile_info .info .bl_list_info{ width: 50vw; }
.bl_profile .bl_profile_info .info .bl_list_info .title_icon_edit_bl{ display: inline-block; vertical-align: top; margin-top: 0; }
.bl_profile .bl_profile_info .info .bl_list_info ul{ padding: 0 3px 0 0; margin: 0; display: inline-block; font-size: 0; max-width: 43vw; }
.bl_profile .bl_profile_info .info .bl_list_info ul li{ padding: 0; margin: 0; display: inline-block; color: #5e5e5e; font-size: 14px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 43vw; }
.bl_profile .bl_profile_info .info .bl_list_info ul li span{ padding: 0 6px; color: #afafaf; }

.bl_profile .bl_profile_info .bot{ background-color: #f3f5f9; position: relative; color: #000; z-index: 3; margin: -1px 0 0; float: left; width: 100%; }
.bl_profile .bl_profile_info .bot .line{ width: 60vw; height: 1px; background: linear-gradient(to right, #b2bcd1, #ebeef4); }

.bl_profile .bl_profile_info .bot .bl_status{ position: relative; background: linear-gradient(to top, #d9dde7, #fefeff); float: left; border: 1px solid #b2bcd1; border-left: none; width: 60%; height: 33px; margin: 19px 18px 0 0; border-radius: 0 18px 18px 0; box-sizing: border-box; }
.bl_profile .bl_profile_info .bot .bl_status input{ display: none; color: #5e5e5e; width: calc(100% - 30px); height: 31px; font-size: 14px; padding: 0 18px; box-sizing: border-box; background: none; }
.bl_profile .bl_profile_info .bot .bl_status .status_text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    color: #5e5e5e;
    width: calc(100% - 30px);
    height: 33px;
    font-size: 14px;
    line-height: 32px;
    padding: 0 18px;
    box-sizing: border-box;
    background: none;
}
.bl_profile .bl_profile_info .bot .bl_status .btn_link{line-height: 33px; vertical-align: top; display:inline-block;}
.bl_profile .bl_profile_info .bot .bl_status .fa{ font-size: 18px; line-height: 33px; vertical-align: top; /*margin: 0 0 0 -10px;*/ }

.bl_profile .bl_profile_info .bot .bl_profile_btn{ float: left; width: 60%; height: 40px; margin: 20px 20px 0 0; }
.bl_profile .bl_profile_info .bot .bl_profile_btn .bl{ float: left; margin: 0 0 0 18px; }
.bl_profile .bl_profile_info .bot .bl_profile_btn .bl .btn{ min-width: 30vw; position: relative; }
.bl_profile .bl_profile_info .bot .bl_profile_btn .icon{
    transition: background-color .3s linear;
    box-sizing: border-box; display: table-cell; vertical-align: middle; text-align: center; width: 33px; height: 33px; border: 1px solid #c2cbde; border-radius: 3px; cursor: pointer; }
.bl_profile .bl_profile_info .bot .bl_profile_btn .fa{ color: #b6b8bb; font-size: 16px; padding: 4px 0 0; }

.bl_profile .bl_profile_info .bot .bl_profile_btn .icon.selected{ background-color: #ffa200; border: 1px solid #ffa200; }
.bl_profile .bl_profile_info .bot .bl_profile_btn .icon.selected .fa{ color: #ffedcd; }

.bl_profile .bl_profile_info .bot .bl_profile_icons{ display: table; margin: 20px 0 0; float: right; /*width: 35%;*/ }
.bl_profile .bl_profile_info .bot .bl_profile_icons .bl{ margin: 0 18px 0 0; float: left; position: relative; text-align: center; }
.bl_profile .bl_profile_info .bot .bl_profile_icons .bl.selected .icon-OFF{ background-color: #ffffe3; }
.bl_profile .bl_profile_info .bot .bl_profile_icons .bl.selected .icon .fa { color: #bebebe; }
.bl_profile .bl_profile_info .bot .bl_profile_icons .bl.selected .fa-caret-down{transition: color .3s linear; color: #000; z-index: 3; position: absolute; left: 0; right: 0; }
.bl_profile .bl_profile_info .bot .bl_profile_icons .bl:not(.selected) .fa-caret-down{ color: #f3f5f9;}
.bl_profile .bl_profile_info .bot .bl_profile_icons .icon{ box-sizing: border-box; display: table-cell; vertical-align: middle; text-align: center; width: 33px; height: 33px; border: 1px solid #c2cbde; border-radius: 3px; }
.bl_profile .bl_profile_info .bot .bl_profile_icons .fa-bars, .bl_profile .bl_profile_info .bot .bl_profile_icons .fa-camera{ color: #40c7db; font-size: 16px; padding: 4px 0 0; /*line-height: 31px;*/ /*font-size: 5vw; line-height: 5vh; padding: 0.2vw 0 0;*/ }
.bl_profile .bl_profile_info .bot .bl_profile_icons .fa-caret-down{ color: #40c7db; font-size: 18px; }

.profile_info_figure_bottom{ position: relative; width: 27%; background: #f3f5f9; height: 26px; float: right; margin: -1px 0 0; }
.profile_info_figure_bottom .decor{ position: absolute; left: -100px; bottom: 0; height: 26px; width: 105px;
    background-image: url(../images/profile_info_figure_bottom.svg); background-position: 0 0; background-repeat: no-repeat;
    background-size: 100% auto;
}

.bl_profile{
    display:none;
    background-color: #254c8e;
    transition:transform .52s cubic-bezier(.61,.15,.5,.57);
    -webkit-transition:transform .52s cubic-bezier(.61,.15,.5,.57);
    /*overflow:hidden;*/
}
/*.bl_profile > *{-webkit-backface-visibility:hidden; backface-visibility:hidden;}*/
.bl_profile.target{ display: block; }
.bl_profile.filter_switch, .bl_profile.bl_gallery_cont{
    z-index:3;
    will-change: transform;
}
.will_change_initial{will-change:initial!important;}
.bl_profile.bl_gallery_cont.target{z-index:0;}
.bl_profile.bl_gallery_cont.to_hide_load_page{opacity:0;}
.bl_profile.target{
    display:block;
}
.bl_profile.move_to_left{
	-webkit-transition: transform .52s cubic-bezier(.35,.92,.66,.98);
			transition: transform .52s cubic-bezier(.35,.92,.66,.98);
    -webkit-transform: translateX(-100vw);
			transform: translateX(-100vw);
    display: block;
}

/*.bl_profile.target.move_to_left{
    transition:transform .25s .15s linear;
    -webkit-transition:transform .25s .15s linear;
    -webkit-transform:translateX(-30px); transform: translateX(-30px);
}*/

.bl_profile .cont_wrap{
    min-width:200vw;
    padding:0; position:relative; overflow:hidden;
    margin-bottom: 40px;
    display:flex;
    flex-wrap:nowrap;
    align-content:flex-start;
    align-items:flex-start;
}
.bl_profile .cont_wrap.trans_up{
    transition:height .4s cubic-bezier(.15,1,.59,.95); -webkit-transition:height .4s cubic-bezier(.15,1,.59,.95);
    will-change: height;
}
.bl_profile .cont_wrap.trans_down{
    transition:height .4s cubic-bezier(.48,.23,.72,.38); -webkit-transition:height .4s cubic-bezier(.48,.23,.72,.38);
    will-change: height;
}

.bl_profile .cont_wrap.move_to_left{transform:translateX(-100vw); -will-change: transform;}

/* Small tab */
.bl_profile .cont_wrap .profile_info_content{
    padding: 18px 18px 0;
    width: calc(100vw - 36px);
    /*float: left;*/
    background-color: #254c8e;
    display:none;
    overflow:hidden;
    /*min-height: 53vmax;*/
    transition:transform .53s cubic-bezier(.61,.15,.5,.57);
    -webkit-transition:transform .53s cubic-bezier(.61,.15,.5,.57);
}

.bl_profile .cont_wrap .profile_info_content.profile_info_content_photo{
    padding: 18px 0 0 4vw;
    width: calc(100vw - 4vw);
}

.bl_profile .cont_wrap .profile_info_content.target,
.bl_profile .cont_wrap .profile_info_content.trans{
    display:block;
}

.bl_profile .cont_wrap .profile_info_content.hide{opacity:0}

/* Left */
.bl_profile .cont_wrap .profile_info_content.move_to_left{
    transition:transform .53s cubic-bezier(.35,.92,.66,.98);
    -webkit-transition:transform .53s cubic-bezier(.35,.92,.66,.98);
    -webkit-transform:translateX(-100vw); transform: translateX(-100vw);
    display:block;
}

.bl_profile .cont_wrap .profile_info_content.target.move_to_left{
    transition:none;-webkit-transition:none;
    transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);
    /*transition:transform .25s .15s linear;
    -webkit-transition:transform .25s .15s linear;
    -webkit-transform:translateX(-30px); transform: translateX(-30px);*/
}
/* Left */

.trans_none{
    transition:none!important;
    -webkit-transition:none!important;
}

.bl_profile .cont_wrap .profile_info_content .pp_popup_editor{ display: none; }
.bl_profile .cont_wrap .profile_info_content .pp_popup_editor.visible{ display: block; }

.bl_profile .cont_wrap .profile_info_content .pp_popup_editor .frm_btn{ padding: 5px 0 0; }
.bl_profile .cont_wrap .profile_info_content .pp_popup_editor .frm_btn .btn_action_loader{ font-size: 18px; }

.profile_info_content .bl .frm_edit{position: relative;}
.profile_info_content .bl .frm_edit{
    overflow:hidden;
    height: 0px;
    transition: all .3s; -webkit-transition: all .3s;
    padding-top: 3vw;
    padding-right: 2vw;
    width: 94vw;
}
.profile_info_content .bl .frm_edit.to_show{ height:12vw; margin: 0px;}
.profile_info_content .bl .frm_edit .btn{width:45vw; display:inline-block;}
.profile_info_content .bl .frm_edit .btn:first-child{margin-right: 1vw;}

.bl_profile .title .title_icon_edit{
    position: relative;
    padding: 0;
    float: left;
}

.bl_profile .title .title_icon_edit .title_icon_edit_bl{ display: inline-block; cursor: pointer; }
.bl_profile .title .title_icon_edit span.name{ vertical-align: top; padding: 0 3px 0 0; }
.bl_profile .title .title_icon_edit .fa{ font-size: 18px; line-height: 22px; vertical-align: top; display: inline-block; }
.bl_profile .title .title_icon_edit .css_loader{ font-size: 18px; }

.bl_profile .cont_wrap .bl{ margin: 0 0 30px; position: relative; }
.bl_profile .cont_wrap .bl:last-child{ margin: 0; }
.bl_profile .cont_wrap .bl.arrow{ border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0 0 20px; }
.bl_profile .cont_wrap .bl .field{ position: relative; }
.bl_profile .cont_wrap .bl .field textarea{ height: 80px; }
.bl_profile .cont_wrap.wrap_profile .bl{ padding-right: 4vw;}
.bl_profile .cont_wrap .title{ font-size: 22px; line-height: 22px; margin: 0 0 8px; color: #ffffc5; }
.bl_profile .cont_wrap .title.line{ border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 10px; margin: 0 4vw 3vw 0; }
.bl_profile .cont_wrap .bl table{ width: 100%; }
.bl_profile .cont_wrap .bl table tr.border_tr{ display: block; border-top: 1px solid rgba(255,255,255,0.2); font-size: 15px; line-height: 20px; }
.bl_profile .cont_wrap .bl table tr th{ font-weight: normal; text-align: left; color: #ffffc5; padding: 11px 0 10px; display: inline-block; width: 50%; vertical-align: top; }
.bl_profile .cont_wrap .bl table tr td{ padding: 10px 0; vertical-align: top; width: 48%; display: inline-block; }
.bl_profile .cont_wrap .bl .tb_info{
	font-size: 15px; line-height: 20px; display: inline-block; max-height: 1000000px;
	word-break: break-all;
}
.bl_profile .cont_wrap .bl .tb_info a{color:#FFF; text-decoration: underline;}
.bl_profile .cont_wrap .bl .tb_info a:active{text-decoration: none;}

.bl_profile .cont_wrap .bl ul.list_interest{ padding: 0; margin: 0; }
.bl_profile .cont_wrap .bl ul.list_interest li{ padding: 0; margin: 0 0 5px; font-size: 15px; }
.bl_profile .cont_wrap .bl ul.list_interest li span{ padding: 0 1vw 0 0; }

.btn_browse_invisibly{ transition: 0.5s ease; display: block; text-align: center; background: #ff6d85; color: #fff; border-radius: 2px; min-height: 53px; line-height: 53px; font-weight: bold; }
.btn_browse_invisibly:active{ background: #e7495c; }
.btn_browse_invisibly .fa{ color: #fff!important; padding: 11px 0 0 0; font-size: 30px; vertical-align: top; }
/* PHOTOS */
.list_photos_public{ padding: 0 0 10px;}
.list_photos_public .item.add_photo{ background-color: #40c7db;
background-position: 50% 50%; background-repeat: no-repeat;
background-size: 39% auto; text-align: center; overflow: hidden; }
.list_photos_public .item.add_photo.hover_bg{ background: #00dbeb; }

.list_photos_private{ padding: 5px 0 10px; }
.list_photos_private .item.add_photo{ background-color: #ff788e;
background-position: 50% 50%; background-repeat: no-repeat;
background-size: 39% auto; text-align: center; }
.list_photos_private .item.add_photo.hover_bg{ background: #ff80b5; }

.list_photos .item{ position: relative; width: 28vw; height: 32vw; margin: 0 4vw 4vw 0;
    float: left; background-color: rgba(0,0,0,.3);
    /*overflow: hidden;*/ border-radius: 2px; /*z-index: 1;*/ }

.list_photos .search_users_list .item.users_list_item{
    display: inline-block; vertical-align: middle; float: none; /*overflow:hidden;*/
}

/*.list_photos .search_users_list .item.users_list_item .name{opacity: 0;}
.list_photos .search_users_list.initial .item.users_list_item .name{opacity: 1;}
.list_photos .search_users_list .item.users_list_item.to_show .name{
    opacity:1;
    transition:opacity .4s;
}*/
.list_photos .search_users_list .item.users_list_item img{
    opacity: 1;
    -webkit-transition: opacity .6s linear; transition: opacity .6s linear;
}
.list_photos .search_users_list .item.users_list_item img.to_hide{opacity: 0;}

.list_photos .item.to_collapse{overflow:hidden; width: 0!important; margin-right: 0; opacity: 0.1; transition: all .45s, width .45s cubic-bezier(.17,.67,.53,.98), opacity .45s linear; -webkit-transition: all .45s, width .45s cubic-bezier(.17,.67,.53,.98), opacity .45s linear;}
.list_photos .item.to_expand{overflow:hidden; width:28vw; margin-right: 4v; opacity: 1; transition: all .45s, width .45s cubic-bezier(.17,.67,.53,.98), opacity .45s linear; -webkit-transition: all .45s, width .45s cubic-bezier(.17,.67,.53,.98), opacity .45s linear;}

.list_photos .item .item_cont{width: 28vw; height: 32vw; border-radius: 2px;}
.list_photos .item .item_cont.init{ overflow: hidden;}
.list_photos .item .item_cont.hide{
    opacity: 0;
    transition: opacity .35s linear; -webkit-transition: opacity .35s linear;
}
.list_photos .item .item_cont.show{
    opacity: 1;
    transition: opacity .25s linear; -webkit-transition: opacity .25s linear, background-color .35s;
}

.list_photos .item a img.photo{ border: none; width: 28vw; height: 32vw; border-radius: 2px; transition:opacity .35s linear;}

.list_photos .item .item_cont.to_img_hide{background-color:rgba(255,255,255,.35);}
.list_photos .item .item_cont.to_img_hide a img.photo{opacity:0;}

.list_photos .item .item_cont.loader a img.photo{
    position: absolute;
    height: 30px;
    width: 30px;
    margin-left: -15px;
    margin-top: -15px;
    left: 50%;
    top: 50%;
    opacity:.3;
}

.list_photos .item .item_cont.loader .icons_photo{ display: none; }

.list_photos .item a img.set_rotate{ width: 32vw; height: 36vw; margin-left: -2vw; margin-top: -2vw; }

.list_photos .item .not_checked_photo{/*z-index: 1;*/ position: absolute; width: 38px; height: 38px; opacity: .7; top: 50%; left: 50%; margin-left: -19px; margin-top: -19px; }
.list_photos .item .not_checked_photo .fa{ color: rgba(255,255,255,1); font-size: 40px; }
.list_photos .item .not_checked_photo.hide{ display: none; }

.list_photos .item .error_upload_photo{/*z-index: 1;*/ position: absolute; width: 38px; height: 38px; opacity: .7; top: 50%; left: 50%; margin-left: -19px; margin-top: -19px; }
.list_photos .item .error_upload_photo .fa{ color: rgba(255,255,255,1); font-size: 40px; }
.list_photos .item .error_upload_photo.hide{ display: none; }

.list_photos .item .block_layer_action{ -webkit-transition:opacity .25s linear; transition:opacity .25s linear; opacity: 0; z-index: 1;
width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0;
background-color: rgba(0,0,0,.25); border-width: 0; }
.list_photos .item .block_layer_action.to_show{ opacity: 1; }

.block_layer_main_photo{-webkit-transition:opacity .25s linear; transition:opacity .25s linear; opacity:0; z-index:1;
width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; margin:0; background-color: rgba(0,0,0,.25);}
.block_layer_main_photo.to_show{ opacity: 1; }

.list_photos .item .form_add_photo input{ display: none; }
.list_photos .item .form_add_photo input.file{display:block; position: absolute; top: 0; right: 0; height: 32vw; opacity:0; cursor: pointer; font-size: 200px; }

.list_photos .item .icons_photo,
.list_photos .item .icons_cancel_upload{transition:.4s opacity linear; position: absolute; right: 1vw; top: 1vw;}
.list_photos .item .icons_cancel_upload{z-index:2;}
.list_photos .item .icons_cancel_upload .icon_background{margin:0;}
.list_photos .item .icons_photo.to_hide{opacity:0;}
.list_photos .item .icons_photo.to_show{opacity:1; transition:.4s opacity linear;}

.list_photos .item .icon_background{ display: block; width: 22px; height: 22px; margin: 0 0 2vw; cursor: pointer; border-radius: 50%;
  background-color: rgba(225,225,225, 0.6);
}

.list_photos .item .icon_background.hide{ display: none; }

.list_photos .item .icon{
   display: block; width: 22px; height: 22px;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 12px auto;
}

.list_photos .item .icon.cancel{ background-image: url(../images/icon_cancel.svg); background-size: 10px auto; }
.list_photos .item .icon.unlock{ background-image: url(../images/icon_unlock.svg); }
.list_photos .item .icon.lock{ background-image: url(../images/icon_lock.svg); }
.list_photos .item .icon.rotate{ background-image: url(../images/icon_rotate.svg); }

.list_photos.list_videos{ padding: 5px 0 0; }
.list_photos.list_videos .item .item_cont,
.list_photos.list_videos .item,
.list_photos.list_videos .item a img.photo{ width: 44vw; }
.list_photos.list_videos .item.add_photo{ background-size: 25% auto; }

.list_photos.list_videos .item a img.photo { height: 24.75vw; }
.list_photos.list_videos .item { height: 24.75vw; }

/* PHOTOS */
.popup{ margin: auto; z-index: 101; padding: 4vw; box-sizing: border-box; /*max-height: calc(100vh - 55px - 4vw);*/ /*height: 50vw;*/ position: absolute; }

.popup .cont_pp{ background-color: rgba(255,255,255,.87); border-radius: 3px; box-shadow: 0 0 36px rgba(0, 0, 0, 0.18); }
.popup.edit_about{ top: 100px; right: 0; left: 0; /*bottom: 0;*/ }
.popup.edit_about .cont_pp{ padding: 4vw; }
.popup.edit_about .cont_pp textarea{ height: 40vw; margin: 0 0 4vw; }

.popup.send_message .cont_pp{ padding: 15px;}
.popup.send_message .cont_pp textarea{overflow: hidden; height: 60vw; margin: 0 0 15px; float: left;}

/*-- menu --*/
.popup.main_menu{
    margin: 0 4vw;
    padding: 4vw 2vw;
    background-color: rgba(255,255,255,.87);
    overflow: hidden;
    border-radius: 3px;
    transition:transform .6s cubic-bezier(.61,.15,.5,.57);
    -webkit-transition:transform .6s cubic-bezier(.61,.15,.5,.57);
    -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
}
.popup.main_menu.to_show{
    transition:transform .6s cubic-bezier(.35,.92,.66,.98);
    -webkit-transition:transform .6s cubic-bezier(.35,.92,.66,.98);
    -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0);
}

.popup.main_menu .cont_overflow{
    overflow-x: hidden;
    overflow-y: auto;
    background-color: transparent;
    border-radius: 0;
    max-height: calc(87vh - 60px);
    padding: 0 100px 0 2vw;
    margin: 0 -100px 0 0;
}
@-moz-document url-prefix() {
    .popup.main_menu .cont_overflow{ max-height: calc(95vh - 60px); }
}
.popup.main_menu .cont_pp{ background-color: rgba(255,255,255,0)!important; box-shadow:none;}

.main_menu .menu_squares .squares{ white-space: nowrap; width: 150%; clear: both; float: left; }
.main_menu .menu_squares .squares:last-child .square{ margin-bottom: 0; }
.main_menu .menu_squares .square{ position: relative; vertical-align: middle; text-align: center; float: left; width: 18vw; height: 18vw; border-radius: 3px; box-sizing: border-box; margin: 0 4vw 4vw 0; padding: 0; }
.main_menu .menu_squares .square .bl_tb{ width: 18vw; height: 18vw; display: table; vertical-align: middle; }
.main_menu .menu_squares .square .bl_td{ width: 18vw; height: 18vw; display: table-cell; vertical-align: middle; padding: 1vw 0 0; box-sizing: border-box; }
.main_menu .menu_squares .square .bl_td .icon{ margin: 0 0 7vw; position: relative;}
.main_menu .menu_squares .square .bl_td .bl_name{ /*margin: 1.7vw 0 0 0;*/ padding: 0.9vw 0 0.8vw; }

.main_menu .menu_squares .square .name{
  background-color: #142d69;
  border-radius: 3vw;
  position: absolute;
  bottom: 3.5vw; left: 50%; transform: translateX(-50%);
  z-index: 1;
  color: #fff;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 15px;
  height: 16px;
  font-family: Arial;
  max-width: 21vw;
}

.main_menu .menu_squares .square .name .fix{
    padding-top: 1px;
    display: block;
    overflow: hidden;
}

html.desktop.chrome .main_menu .menu_squares .square .name{
    height: 16px;
}

html.desktop.chrome .main_menu .menu_squares .square .name .fix{
    padding-top: 0;
}

@-moz-document url-prefix() {
    .main_menu .menu_squares .square .name{ line-height: 14px; height: 16px; }
    /* .main_menu .menu_squares .square .name .fix{ padding-top: 0; } */
}

.main_menu .menu_squares .square .count{
  background-color: #142d69; border-radius: 10px; position: absolute; top: 4px; right: 4px; z-index: 1; color: #fff; padding: 2px 4px 0; min-width: 14px; box-sizing: border-box;
  font-size: 11px; line-height: 11px; height: 15px; font-family: Arial;
}

@-moz-document url-prefix() {
    .main_menu .menu_squares .square .count{ padding: 1px 4px 0; }
}

.main_menu .menu_squares a.square{position:relative;}
.main_menu .menu_squares .square .fa{ color: #fff; font-size: 5vw; vertical-align: middle; margin: 4px 0 5px; }
.main_menu .menu_squares .square .fa.fa-heart,
.main_menu .menu_squares .square .fa.fa-lock,
.main_menu .menu_squares .square .fa.fa-cog{ margin: 6px 0 3px; }

.main_menu .menu_squares .square.bg_1{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_1:active{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_2{ background: #6d8fff; }
.main_menu .menu_squares .square.bg_2:active{ background: #6d8fff; }
.main_menu .menu_squares .square.bg_3{ background: #ff946d; }
.main_menu .menu_squares .square.bg_3:active{ background: #ff946d; }
.main_menu .menu_squares .square.bg_4{ background: #ff788e; }
.main_menu .menu_squares .square.bg_4:active{ background: #ff788e; }
.main_menu .menu_squares .square.bg_5{ background: #ff56d1; }
.main_menu .menu_squares .square.bg_5:active{ background: #ff56d1; }
.main_menu .menu_squares .square.bg_6{ background: #40c7db; }
.main_menu .menu_squares .square.bg_6:active{ background: #40c7db; }
.main_menu .menu_squares .square.bg_7{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_7:active{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_8{ background: #6d8fff; }
.main_menu .menu_squares .square.bg_8:active{ background: #6d8fff; }
.main_menu .menu_squares .square.bg_9{ background: #ff946d; }
.main_menu .menu_squares .square.bg_9:active{ background: #ff946d; }
.main_menu .menu_squares .square.bg_10{ background: #ff788e; }
.main_menu .menu_squares .square.bg_10:active{ background: #ff788e; }
.main_menu .menu_squares .square.bg_11{ background: #ff56d1; }
.main_menu .menu_squares .square.bg_11:active{ background: #ff56d1; }
.main_menu .menu_squares .square.bg_12{ background: #40c7db; }
.main_menu .menu_squares .square.bg_12:active{ background: #40c7db; }
.main_menu .menu_squares .square.bg_13{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_13:active{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_14{ background: #6d8fff; }
.main_menu .menu_squares .square.bg_14:active{ background: #6d8fff; }
.main_menu .menu_squares .square.bg_15{ background: #ff946d; }
.main_menu .menu_squares .square.bg_15:active{ background: #ff946d; }
.main_menu .menu_squares .square.bg_16{ background: #ff788e; }
.main_menu .menu_squares .square.bg_16:active{ background: #ff788e; }
.main_menu .menu_squares .square.bg_17{ background: #ff56d1; }
.main_menu .menu_squares .square.bg_17:active{ background: #ff56d1; }
.main_menu .menu_squares .square.bg_18{ background: #40c7db; }
.main_menu .menu_squares .square.bg_18:active{ background: #40c7db; }
.main_menu .menu_squares .square.bg_19{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_19:active{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_20{ background: #6d8fff; }
.main_menu .menu_squares .square.bg_20:active{ background: #6d8fff; }
.main_menu .menu_squares .square.bg_21{ background: #ff946d; }
.main_menu .menu_squares .square.bg_21:active{ background: #ff946d; }
.main_menu .menu_squares .square.bg_22{ background: #ff788e; }
.main_menu .menu_squares .square.bg_22:active{ background: #ff788e; }
.main_menu .menu_squares .square.bg_23{ background: #ff56d1; }
.main_menu .menu_squares .square.bg_23:active{ background: #ff56d1; }
.main_menu .menu_squares .square.bg_24{ background: #40c7db; }
.main_menu .menu_squares .square.bg_24:active{ background: #40c7db; }
.main_menu .menu_squares .square.bg_25{ background: #6dc9ff; }
.main_menu .menu_squares .square.bg_25:active{ background: #6dc9ff; }

.main_menu .menu_squares .square.next{ background: #323741; }
.main_menu .menu_squares .square.next:active{ background: #272b33; }

.main_menu .menu_squares .square.mutual_likes .fa-user2{ margin: 4px 0 5px -2vw;}
.main_menu .menu_squares .square.mutual_likes .fa-heart{
    /*margin: 2vw 1.5vw 0 -6vw;*/
    color: #e50000; font-size: 3vw;
    position: absolute;
    left: 50%;
    margin-left: -1.5vw;
    bottom: 0;
}
.main_menu .menu_squares .square.who_likes_you .fa-user{ margin-left: -0.5vw; }
.main_menu .menu_squares .square.profile_visitors .fa-user2{ margin: 0 0 0 -2vw; }
.main_menu .menu_squares .square.hot_or_not .fa,
.main_menu .menu_squares .square.profile_view .fa-bolt,
.main_menu .menu_squares .square.settings .fa,
.main_menu .menu_squares .square.next .fa{ font-size: 5.5vw; }

/*-- /menu --*/

.popup.answer_message{text-align: center; z-index: 101;}
.pp_alert.popup{opacity:0; transition: all .45s, padding .01s, height .01s, opacity .45s linear, top .45s cubic-bezier(.6,.02,.76,.55);}
.pp_alert.popup.to_show{opacity:1; top: 95px!important; transition: all .55s, padding .01s, height .01s, opacity .45s linear, top .55s cubic-bezier(.47,1.56,.6,1.04);}

.pp_alert.pp_confirm.popup{visibility: hidden; opacity: 0; transition: all .4s, opacity .4s linear, visibility 0s .4s; top: 50vw!important; }
.pp_alert.pp_confirm.popup.to_show{visibility: visible; opacity: 1; transition: all .4s, opacity .4s linear, visibility 0s;}

.layer_block_page.to_hide{display:none;}
.layer_block_page.to_show{display:block;}


.popup.answer_message .cont_pp{ padding: 8vw 4vw; width: 84vw; }
.popup.answer_message .cont_pp .txt{ width: 100%; display: table; font-size: 22px; line-height: 28px; }
.popup.answer_message .cont_pp .txt .icon{ display: table-cell; width: 26%; vertical-align: middle; }
.popup.answer_message .cont_pp .txt .cont_pp_msg{ display: table-cell; text-align: left; vertical-align: middle; }
.popup.answer_message .cont_pp .txt .fa{ display: inline-block; font-size: 40px; }

.popup.question{ top: 0; right: 0; left: 0; width: 100vw; top: 10vw; }
.popup.question .cont_pp{ padding: 8vw 4vw; width: 84vw; }
.popup.question .cont_pp .txt{ width: 100%; display: table; font-size: 22px; line-height: 28px; margin: 0 0 20px; }
.popup.question .cont_pp .txt.flex:not(.txt_big){
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

.popup.question .cont_pp .txt .icon{ display: table-cell; width: 26%; vertical-align: middle; text-align: center; }
.popup.question .cont_pp .txt.flex:not(.txt_big) .icon{
    text-align: right;
    display: block;
    flex:0 0 0;
    padding-right: 8px;
    padding-left: 16px;
    width:35px;
    min-width:35px;
}
.popup.question .cont_pp .txt .cont_pp_msg{ display: table-cell; text-align: left; vertical-align: middle; }
.popup.question .cont_pp .txt .cont_pp_msg.center{ text-align: center; }
.popup.question .cont_pp .txt .cont_pp_msg .pp_msg_pic{padding:20px 0;}
.popup.question .cont_pp .txt.flex:not(.txt_big) .cont_pp_msg{
    word-wrap: break-word;
    display: block;
    padding-left: 8px;
    padding-right: 16px;
    /*flex: 0 0 0;*/
    max-width: calc(100% - 83px);
}

.popup.question .cont_pp .txt .fa{ color: #6989f5; display: inline-block; font-size: 40px; }
.popup.question .cont_pp .dubl_btn{ width: 100%; clear: both; float: left; }
.popup.question .cont_pp .dubl_btn .btn{ width: 50%; }
.popup.question .cont_pp .dubl_btn .btn.l{ float: left; border-radius: 2px 0 0 2px; border-right: 1px solid #fff; box-sizing: border-box; }
.popup.question .cont_pp .dubl_btn .btn.r{ float: right; border-radius: 0 2px 2px 0; }
.popup.question .cont_pp .dubl_btn.one .btn.l{display:none;}
.popup.question .cont_pp .dubl_btn.one .btn.r{border-radius: 2px; width: 100%;}
.popup.question .cont_pp .pic{ padding: 5px 0 2px; }
.popup.question .cont_pp .pic button{
    border: none; vertical-align: middle; text-align: right;
    border-radius: 50%; width: 46px;
    height: 46px; margin: 0 auto; background-size: 100% auto;
    outline: none !important;
}

.popup .cont_pp .txt.txt_big{
    font-size: 20px; line-height: 26px;
    width: calc(100% - 20px);
    display: inline-block;
    text-align: center;
    padding: 0 10px;
}
.popup .cont_pp .txt.txt_big .cont_pp_msg{ display: inline; text-align: none; }

/*.popup .cont_pp .txt.txt_small,
.popup .cont_pp .txt.txt_big{ width: 100%; display: inline-block; text-align: center; }
.popup .cont_pp .txt.txt_small .icon{ display: inline; width: auto; }
.popup .cont_pp .txt.txt_small .cont_pp_msg{ display: inline; text-align: none; }
.popup .cont_pp .txt.txt_small .fa{ padding: 0 10px 0 0; vertical-align: middle; }
.popup .cont_pp .txt.txt_small .fa.fa-question-circle{ padding: 0 10px 5px 0; }*/

/* footer */
.footer{ height: 158px; /*overflow: hidden;*/ clear: both;
    transition:transform .2s cubic-bezier(.35,.92,.66,.98);
    -webkit-transition:transform .2s cubic-bezier(.35,.92,.66,.98);
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.footer.to_hide{
    transition:transform .2s cubic-bezier(.61,.15,.5,.57);
    -webkit-transition:transform .2s cubic-bezier(.61,.15,.5,.57);
    transform: translateY(158px); -webkit-transform: translateY(158px);
}

.footer.to_instant_hide{
    transition:transform .1s; -webkit-transition:transform .1s;
    transform: translateY(158px); -webkit-transform: translateY(158px);
}

.footer.grey{background-color: #f4f5f9;}
.footer .top{ min-height: 78px; background-color: #6f89b5; width: 40%; position: relative; }

.footer .figure{ position: absolute; right: -155px; top: 0; z-index: 2; background-size: auto 241px; background-position: 0 0; background-repeat: no-repeat; height: 158px; width: 300px; }
.footer .arrow-up{ cursor: pointer; transition: .3s all; background-color: #40c7db; width: 32px; height: 32px; border-radius: 50%; text-align: center; position: absolute; top: 26px; right: 4vw; z-index: 2; }
.footer .arrow-up:active{ background-color: #3cbbcf; }
.footer .arrow-up .fa-arrow-up{ color: #6f89b5; line-height: 32px; }
.footer .wrap_more_options{ padding: 10px 0; }
.footer .bl_options{ padding: 14px 0; width: 160px; position: absolute; left: 14px; z-index: 3; }
.footer .bl_options a, .footer .bl_options span{ color: #cdd1dd; position: relative; cursor: pointer; }
.footer .bl_options span .fa.fa-caret-up{ margin: 0 6px 0 4px; }

.footer .bl_options .pp_info_bl{
    display: block; overflow: hidden; position: absolute; bottom: 23px; left: -10px;
    z-index: 2; margin: 0; padding-bottom: 10px;
}
.footer .bl_options .pp_info{
    display: none; position: relative; bottom: 0px; right: 0px; min-width: auto;
    background: #fffff0; box-shadow: 0 0 16px rgba(0, 0, 0, 0.34);
    border-radius: 3px;
    -webkit-transition:transform .3s; transition:transform .3s;
}
.footer .bl_options .pp_info.show{
    display: block;
}
.footer .bl_options .pp_info.to_hide{
    -webkit-transform: translateY(140%); transform: translate3d(0, 140%, 0);
}

.footer .bl_options ul::after{ content: ''; position: absolute; bottom: -19px; left: 9px; border: 10px solid transparent; border-top: 10px solid #fffff0; }
.footer .bl_options .pp_info .cont{ padding: 15px 20px 20px 20px; text-align: center; }

.footer .bl_options ul.list{ margin: 0; padding: 0; }
.footer .bl_options ul.list li{margin: 0; padding: 0; float: none; border-bottom: 1px solid #d3d8e3; background-position: 11px 50%; background-repeat: no-repeat; }
.footer .bl_options ul.list li span{
    max-width: 220px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    padding: 4px 6px;
    display: block;
}
.footer .bl_options ul.list li span span.span_empty{ padding: 0; margin: 0 0 0 -5px; display: inline; }
.footer .bl_options ul.list li span .fa{ width: 20px; }
.footer .bl_options ul.list li span .fa-times-circle{ color: #ff6d85; }
.footer .bl_options ul.list li:first-child{ border-radius: 3px 3px 0 0; }
.footer .bl_options ul.list li:last-child{ border-radius: 0 0 3px 3px; border: none; }

.footer .bot{ min-height: 84px; background-color: #6f89b5; position: relative; width: 100vw; }
.footer .bot .info{ position: absolute; z-index: 2; bottom: 20px; left: 18px; color: #a1b2d9; display: table; width: 80vw; min-height: 40px; line-height: 22px; vertical-align: middle; }
.footer .bot .info .td{ display: table-cell; vertical-align: middle; }
.footer .bot .info a{ color: #a1b2d9; text-decoration: underline; }
.footer .bot .info .fa{ vertical-align: top; margin: 5px 0 0; }

/* iPad (portret) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.bl_profile .bl_profile_pic{ height: 53vh; }
	.bl_profile .bl_profile_info{ margin: -20vh 0 0; }
	.bl_profile .bl_profile_info .top{ height: auto; width: 40%; margin: 0 0 0 -1px; }
	.bl_profile .bl_profile_info .figure{ background-size: 71% auto; min-height: 158px; min-width: 560px; }
	.bl_profile .bl_profile_info .info{ height: auto; padding: 2vw 0; }
	.content .head{ /*min-height: 6vw;*/ font-size: 20px; padding: 5px; }
	.footer .bot .info{ bottom: 3vw; }
	.footer .bot .info .fa{ vertical-align: middle; }
}

/* ---------- */
.page_shadow_empty{
    z-index: 100;
    background: rgba(255,255,255,0.01);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor:pointer;
}
.page_shadow_empty.show{display: block;}
.layer_block_page, .layer_block_page_load_gallery{
    top: 0; left: 0;
    width:100%;
    height:100%;
    position: absolute; background: rgba(255,255,255,0.01);
    z-index: 1002;
    cursor:pointer;
}
.layer_block_page.to_hide{display:none;}
.layer_block_page.to_show{display:block;}
/* Loader */
.css_loader{
    height: 16px; width: 16px;
	position: absolute; font-size: 19px;
	-webkit-transition:.3s all, opacity .3s linear; transition:.3s all, opacity .3s linear;
}

.css_loader.hidden, .video-js~.css_loader, .bl_photo_one.ready .css_loader{
	opacity:0; visibility:hidden;
}

.loader_register {
    position: absolute;
    font-size: 18px;
    right: -20px;
    top: 2px;
}

.loader_search_list {
	position:relative; display:block; overflow:hidden; opacity:0;
	width: 100%; height: 0; margin: 0 auto; padding: 0; transition: height .35s, opacity .35s, margin .35s, padding .35s;
    font-size: 32px; left: -2vw;
}

.loader_search_list.show{padding:calc(16vw - 16px) 0px; height: 32px; opacity:1; margin-bottom: 4vw;}
.loader_search_list.next.vis{padding:calc(16vw - 16px) 0px; height: 32px; margin-bottom: 4vw;}

.loader_general_chat {
	position:relative; display:block; visibility: hidden; overflow:hidden; opacity:0;
	width: 32px; height: 0; margin: 0 auto; padding: 0; transition: all .4s;
    font-size: 32px;
}
.loader_general_chat .spinner{position: relative!important;}
.loader_general_chat.show{ padding:0px 30px 40px; height: 32px; opacity:1; visibility:visible}


.loader_one_chat {
	position:relative; display:block; visibility: hidden; overflow:hidden; opacity:0;
	width: 32px; height: 0; margin: 0 auto; padding: 0; transition: all .4s;
    font-size: 32px;
}
.loader_one_chat .spinner{position: relative!important;}
.loader_one_chat.show{height: 32px; padding: 30px 30px 10px; opacity:1; visibility:visible}

.loader_layer_block_page{
top: 50%;
font-size: 38px;
height: 38px;
padding: 0;
width: 38px;
left: 50%;
margin-left: -19px;
margin-top: -19px;
}

.page_load_gallery{
    top: 50%;
    font-size: 32px;
    height: 32px;
    padding: 0;
    width: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: 10px;
}
.page_load_gallery_video{
    top: 50%;
    font-size: 32px;
    height: 32px;
    padding: 0;
    width: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
}

.btn_action_loader{
    height: 22px;
    width: 22px;
    font-size: 22px;
    margin-left: -11px;
    margin-top: -11px;
    left: 50%;
    top: 50%;
}

.btn_media_chat_loader{
    height: 26px;
    width: 26px;
    font-size: 26px;
    margin-left: -13px;
    margin-top: -13px;
    left: 50%;
    top: 50%;
}

.loader_set_photo_default{
    height: 20px;
    width: 20px;
    font-size: 20px;
    margin-left: -10px;
    margin-top: -10px;
    left: 50%;
    top: 50%;
}

.loader_post_comment_photo{
    height: 18px;
    width: 18px;
    font-size: 18px;
    margin-left: -9px;
    margin-top: -9px;
    left: 50%;
    top: 50%;
    position: absolute;
}

.loader_comment_photo_link{
    height: 18px;
    width: 18px;
    font-size: 18px;
    margin-left: -9px;
    margin-top: -9px;
    left: 50%;
    top: 50%;
    position: absolute;
}

.loader_comment_photo_btn{
    height: 28px;
    width: 28px;
    font-size: 28px;
    margin-left: -14px;
    margin-top: -14px;
    left: 50%;
    top: 50%;
}

.loader_no_messages_yet{
    height: 22px;
    width: 22px;
    font-size: 22px;
    margin-left: -11px;
    margin-top: -11px;
    left: 50%;
    top: 50%;
}

.btn_profile_to_message_one{
    height: 18px;
    width: 18px;
    font-size: 18px;
    margin-left: -10px;
    margin-top: -10px;
    left: 50%;
    top: 50%;
}

.loader_pen{
    height: 22px;
    width: 22px;
    font-size: 22px;
    margin-left: -11px;
    margin-top: -11px;
    left: 50%;
    top: 50%;
}

.loader_pen_small {
    height: 18px;
    width: 18px;
    font-size: 18px;
    margin-left: -9px;
    margin-top: -9px;
    left: 50%;
    top: 50%;
}

.loader_general_msg_to_profile{
    height: 26px;
    width: 26px;
    font-size: 26px;
    margin-left: -13px;
    margin-top: -13px;
    left: 50%;
    top: 50%;
}

.loader_one_chat_msg_to_profile{
    height: 28px;
    width: 28px;
    font-size: 28px;
    /* margin-left: -21px;
    margin-top: -18px; */
    left: 9px;
    top: 19px;
}

.loader_one_chat_to_profile{
    height: 34px;
    width: 34px;
    font-size: 34px;
    margin-left: -17px;
    margin-top: -17px;
    left: 50%;
    top: 50%;
}

.loader_encounters_to_profile, .loader_encounters_to_page{
    height: 30px;
    width: 30px;
    font-size: 30px;
    margin-left: -15px;
    margin-top: -17px;
    left: 50%;
    top: 50%;
}

.loader_settings_to_upgrade{
    height: 22px;
    width: 22px;
    font-size: 22px;
    margin-left: 10px;
    margin-top: -18px;
    left: 50%;
    top: 50%;
}

.btn_loader_visitor{
    position:static;
}

.loader_menu_header{
	position: absolute;
    height: 18px;
    width: 18px;
    font-size: 18px;
    margin-left: -9px;
    margin-top: -20px;
    left: 50%;
    top: 50%;
}

.loader_msg_access{
    position:absolute;
    top:0px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    left: 50%;
    margin-left:-9px;
}

.loader_link_forgot{
    position:absolute;
    top:-1px;
    height: 20px;
    width: 20px;
    font-size: 20px;
    margin-left:-23px;
}

.loader_link_forgot_page{
    position:absolute;
    top:-1px;
    height: 20px;
    width: 20px;
    font-size: 20px;
    right: -23px;
}

.loader_link_info{
    position:absolute;
    top:-1px;
    height: 20px;
    width: 20px;
    font-size: 20px;
    left: 50%;
    margin-left:-10px;
}

.loader_link_info_last{
    position:absolute;
    top:-1px;
    height: 20px;
    width: 20px;
    font-size: 20px;
}

.photo_action{
	position: absolute;
    height: 26px;
    width: 26px;
    font-size: 26px;
    margin-left: -13px;
    margin-top: -13px;
    left: 50%;
    top: 50%;
}

.loader_main_photo{
	position: absolute;
    height: 36px;
    width: 36px;
    font-size: 36px;
    margin-left: -18px;
    margin-top: -18px;
    left: 50%;
    top: 50%;
}

.loader_gallery_photo{
	position: absolute;
    height: 30px;
    width: 30px;
    font-size: 30px;
    margin-left: -15px;
    margin-top: -15px;
    left: 50%;
    top: 50%;
}

.loader_more_comments{
	position: absolute;
    height: 22px;
    width: 22px;
    font-size: 22px;
    left: 50%;
    top: 50%;
    margin-left: -11px;
    margin-top: -11px;
}

.loader_request_private{
    font-size: 20px; position: absolute; width: 21px; height: 21px; left:68px; bottom:15px;
}

.loader_status_edit{
	position: absolute;
    height: 18px;
    width: 18px;
    font-size: 18px;
    margin-left: -9px;
    margin-top: -9px;
    left: 50%;
    top: 50%;
}

.loader_history_clear_msg{
    height: 26px;
    width: 26px;
    font-size: 26px;
    margin-left: -13px;
    margin-top: -13px;
    left: 50%;
    top: 50%;
}

.loader_media_chat{
    height: 22px;
    width: 22px;
    font-size: 22px;
    margin-left: -11px;
    margin-top: -11px;
    left: 50%;
    top: 50%;
}

.loader_user{ position: absolute; top: 50%; left: 50%; width: 25px; height: 25px; margin: -12px 0px 0px -13px !important;}
.loader_user_search{ position: absolute; top: 50%; left: 50%; font-size: 30px; width: 30px; height: 30px; margin: -15px 0 0 -15px !important; }
.loader_filter{ position: absolute; top: 50%; left: 50%; width: 25px; height: 25px; margin: -15px 0px 0px -12px !important;}
.loader_more_menu{
  left: 50%;
  margin: -20px 0 0 -8px;
  font-size: 14px;
}
.spinner {
  position: relative;
  display: inline-block;
  width: 1.01em;
  height: 1.01em;
}

.spinner.center, .spinnerw.center{
  position: absolute;
  opacity: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.css_loader:not(.hidden) .spinner .spinner-blade {
  position: absolute;
  opacity:0;
  left: 0.4629em;
  bottom: 0;
  width: 0.074em;
  height: 0.267em;
  border-radius: 0.5em;
  background-color: #000;
  -webkit-filter: blur(0px); filter: blur(0px);
  -webkit-transform-origin: center -0.2222em;
      -ms-transform-origin: center -0.2222em;
          transform-origin: center -0.2222em;
  -webkit-animation: spinner-fade 1s infinite linear;
          animation: spinner-fade 1s infinite linear;
}

.css_loader:not(.hidden) .spinnerw .spinner-blade {
    background-color: #FFF;
}
.loader_more_menu .spinner.spinnerw .spinner-blade{
    background-color: #000!important;
}

.loader_msg_access .spinner.spinnerw .spinner-blade{
    background-color: #000!important;
}

.loader_pen .spinner .spinner-blade,
.loader_status_edit .spinner .spinner-blade{
    background-color: #8ccd00!important;
}

.loader_pen_small .spinner .spinner-blade{
    background-color: #000!important;
}

.loader_layer_block_page .spinner .spinner-blade,
.loader_comment_photo_btn .spinner .spinner-blade,
.loader_general_msg_to_profile .spinner .spinner-blade,
.loader_one_chat_msg_to_profile .spinner .spinner-blade{
    background-color: #6e6e6e!important;
}

.loader_comment_photo_link  .spinner .spinner-blade{
    background-color: #6d8fff!important;
}

.loader_filter  .spinner .spinner-blade{
    background-color: #8ba1d5!important;
}

.loader_history_clear_msg  .spinner .spinner-blade{
    background-color: #ff6d85!important;
}

.header .icons_info ul li a.active .loader_filter .spinner .spinner-blade{
    background-color: #ffffe3!important;
}

.loader_set_photo_default  .spinner .spinner-blade{
    background-color: #666666!important;
}
/*.hidden .spinner .spinner-blade {
	-webkit-animation-iteration-count: 1; animation-iteration-count: 1;
}*/
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(2) {
  -webkit-animation-delay: 0.083s;
          animation-delay: 0.083s;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(3) {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(4) {
  -webkit-animation-delay: 0.249s;
          animation-delay: 0.249s;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(5) {
  -webkit-animation-delay: 0.332s;
          animation-delay: 0.332s;
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(6) {
  -webkit-animation-delay: 0.415s;
          animation-delay: 0.415s;
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(7) {
  -webkit-animation-delay: 0.498s;
          animation-delay: 0.498s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(8) {
  -webkit-animation-delay: 0.581s;
          animation-delay: 0.581s;
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(9) {
  -webkit-animation-delay: 0.664s;
          animation-delay: 0.664s;
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(10) {
  -webkit-animation-delay: 0.747s;
          animation-delay: 0.747s;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(11) {
  -webkit-animation-delay: 0.83s;
          animation-delay: 0.83s;
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.css_loader:not(.hidden) .spinner .spinner-blade:nth-child(12) {
  -webkit-animation-delay: 0.913s;
          animation-delay: 0.913s;
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes spinner-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Loader */
/* Page content */

.page_content{
    min-width:200vw;
    padding: 0;
    display: block;
    transition:transform .5s cubic-bezier(.35,.92,.66,.98);
    -webkit-transition:transform .5s cubic-bezier(.35,.92,.66,.98);
    /*overflow:hidden;*/
}

.body_visitor .page_content{
	display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
}

.page_content.move_to_left{
    -webkit-transform:translateX(-100vw); transform: translateX(-100vw);
}
.page_content.target{
    transition:none; -webkit-transition:none;
}

.page_content_inner{
    width: calc(100vw - 40px);
    float: left;
    padding-right: 20px;
    margin-right: 20px;
}

.page_content_inner.hide{display:none;}
.page_content_inner.to_hide{height:0px; transition:.45s;}
/* Page content */

a.link_info{ color: rgba(255,255,255,1); text-decoration: underline; text-shadow: 1px 1px 0 #000;}
a.link_info:active{ text-decoration: none; }
.link_info{position:relative; display: inline-block;}
.script_init{display:none;}

.no_one_found {
    width: 100%;
    text-align: center;
    display: table !important;
    color: #fff;
    background-image: url(../images/icon_user.svg);
    background-position: 50% calc(50% - 20px);
    background-repeat: no-repeat;
    background-size: 155px auto;
    cursor: auto;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition:opacity .3s linear; transition:opacity .3s linear;
    position: absolute;
}

.no_one_found span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 130px;
    line-height: 22px;
}

.no_one_found a{ color: #fff; text-decoration: underline; }
.no_one_found.to_hide{ display: none !important; }
.no_one_found.to_show{ opacity: 1; }
/*-- statistics --*/
.statistics_list{ position: absolute; top: 5px; left: 50%; margin: 0 0 0 -32px; width: 185px; height: 46vw; }
.statistics{ position: absolute; text-align: center; vertical-align: top; box-sizing: border-box; width: 115px;
   -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.statistics .chart_statistics{ position: relative; }
.statistics .chart_statistics .chart{margin-top: -10px; display: inline-block; }

.statistics .chart_statistics{ opacity: 0; }
.statistics .chart_statistics.to_show{ opacity: 1; -webkit-transition:opacity .3s linear; transition:opacity .3s linear; }

.statistics .chart_statistics .count{ position: absolute; top: 0; left: 50%; margin: 0 0 0 -38px; font-size: 16px; font-weight: bold; width: 78px; height: 89px; }
.statistics .chart_statistics .count .bl{ position: relative; display: inline-block; line-height: 16px; padding: 32px 0 0; color: #fff; }
.statistics .chart_statistics .count span{ color: #bdbdbd; font-size: 8px; position: absolute; bottom: -2px; }

.statistics .name_statistics{ font-size: 12px; }
.statistics .name_statistics span{ color: #fff; }
.statistics .name_statistics strong{ padding: 0 5px 0 0; }

.statistics.chart_physics{ width: 100px; height: 110px; }
.statistics.chart_physics .chart_statistics{ width: 100px; height: 110px; }
.statistics.chart_physics .chart_statistics .count{ width: 85px; height: 110px; }
.statistics.chart_physics .chart_statistics .count .bl{ padding: 51px 0 0; }

.statistics.chart_physics .fa{ color: #40c7db; }

.statistics.chart_intellect{ width: 90px; height: 100px; left: 110px; }
.statistics.chart_intellect .chart_statistics{ width: 90px; height: 70px; margin: 0 0 0 10px; }
.statistics.chart_intellect .chart_statistics .count{ width: 80px; margin: 0 0 0 -51px; font-size: 12px; }
.statistics.chart_intellect .fa{ color: #ff6d85; }

.statistics.chart_hobbies{ width: 80px; height: 90px; left: 96px; top: 95px; z-index: 3; }
.statistics.chart_hobbies .chart_statistics{ width: 80px; height: 85px; }
.statistics.chart_hobbies .chart_statistics .count{ width: 83px; margin: 0 0 0 -40px; font-size: 12px; }
.statistics.chart_hobbies .chart_statistics .count .bl{ padding: 40px 0 0; }
.statistics.chart_hobbies .fa{ color: #7f9dff; }

@media (max-width: 320px) {
    .statistics.chart_physics{
        width: 110px;
        left: -5px;
    }

    .statistics.chart_intellect{
        left: 100px;
    }

    .statistics.chart_intellect .chart_statistics{
        margin: 0 0 0 10px;
    }

    .statistics.chart_hobbies{
        width: 90px;
        left: 102px;
        top: 90px;
    }

    .statistics.chart_hobbies .chart_statistics{
        width: 85px;
    }

    .statistics.chart_hobbies .chart_statistics .count{
        width: 80px;
    }
}

.accel{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#update_server{ display: none; }

.pp_wrapper, .pp_shadow {cursor: pointer; position: absolute; position: fixed; z-index: 105; top: 0; left: 0; height: 100%; width: 100%; /*will-change: opacity;*/ }
.pp_wrapper {overflow-y: auto; overflow-x: hidden; text-align:center; white-space:nowrap; background: url(../images/empty.gif)}
.pp_wrapper:before, .pp_wrapper:after {width: 1px; height: 100%; display:inline-block; content:''; vertical-align:middle}
.pp_cont { display: inline-block; width: 100%; position:static; vertical-align: middle; text-align: left; white-space:normal; zoom:1;}

/*.loader_gallery_photo {
    -webkit-transition: .4s linear .6s; transition: .4s linear .6s;
    opacity:1!important; visibility:visible!important;
}*/
.bl_img_one:not(.change_photo)+.loader_gallery_photo {opacity:0!important; visibility:hidden!important; -webkit-transition-delay: 0s; transition-delay: 0s}

@media screen and (orientation:landscape) {
    .popup.send_message .cont_pp textarea{ height: 50vh; }
}

.color_t:not(.no_color_t):not(.video_image):not(#video_player):not(.btn_audiochat) {color: transparent!important; text-shadow: none!important; position:relative!important; transition:none!important;}
.color_t > *:not(.css_loader):not(button):not(.no_color_t):not(.video_image):not(#video_player) {opacity: 0!important; color: transparent!important; text-shadow: none!important; transition:none!important;}
.color_fade{position:relative!important;}
.icon_relation_chat{transition: background 1.3s!important;}
.icon_relation_chat.color_t, .icon_relation_user.color_t{background: none!important;}

/*-- page game --*/
.main_bl_game{
    width: 100vw;
    margin: 0 0 40px;
}

.bl_games{
    /* height: 31vh; */
    min-height: 31%;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    position: relative;
}

.bl_games img{
    width: 100%;
    opacity: 0;
}

.bl_games .bl{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: 15vw;
}

.bl_games .bl span:not(.bl_title){
    transition: 0.5s ease;
    padding: 0 6vw;
    background-color: rgba(0,0,0,.48);
    font-size: 6vw;
    line-height: 15vw;
    font-family: Arial;
    height: 15vw;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    border-radius: 8vw;
    max-width: calc(100vw - 4vw);
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 }

.bl_games .bl:active span:not(.bl_title){
    background-color: rgba(0,0,0,.70);
}

@media (max-width: 740px) and (orientation:landscape) {
    .bl_games{
        height: calc(100vh - 60px);
    }
}
/*-- /page game --*/

/*Encounters*/
.bl_one_photo_encounters{
    top: 0;
    height: 100%;
    width: 100%;
    width: 100vw;
    min-width: 320px;
    position: absolute;
}
.bl_one_photo_encounters~* {
    -webkit-transition: .4s, z-index 0s; transition: .4s, z-index 1ms;
    z-index: 1; /*opacity: .9999;*/
    -webkit-backface-visibility:hidden; backface-visibility:hidden;
}

.bl_one_photo_encounters~.hidden {visibility:visible; z-index:-1; -webkit-transition-delay: 0s, .5s; transition-delay: 0s, .5s;}

.bl_one_photo_encounters .bl_img{
    width: 100%; width: 100vw; height: auto; top:50px; bottom:0;
    text-align: center; position:absolute;
    -webkit-perspective:300px; perspective: 140vmin;
    cursor: url(../images/cursor_swap.png), pointer;
}
.bl_one_photo_encounters .bl_img>*:not(.loader) {
    position: absolute; top: 0px; left: -50%; right: -50%; bottom: 0; z-index: 2;
    max-width: 100%; max-height: 100%; min-height: 5%; margin: auto;
    -webkit-transition: all .42s, -webkit-transform .45s cubic-bezier(0, 0, .2, 1.01);
    transition: all .42s, transform .45s cubic-bezier(0, 0, .2, 1.01);
    -webkit-transform: translateZ(270px) rotateY(0deg) translateZ(-270px);
    transform: translateZ(70vmin) rotateY(0deg) translateZ(-70vmin);
}

.bl_one_photo_encounters .bl_img>img.resize {
    max-width: 150%;
    min-height: 100%;
}

.bl_one_photo_encounters .bl_img>img.hidden {visibility:visible}
.bl_one_photo_encounters .bl_img>.left,
.bl_one_photo_encounters .bl_img>.right {
    -webkit-transition-timing-function: ease-in-out, ease-in;
    transition-timing-function: ease-in-out, ease-in; opacity:0
}
.bl_one_photo_encounters .bl_img img.cursor_pointer{ cursor: pointer; }
.bl_one_photo_encounters .bl_img>.left{
    -webkit-transform: rotateY(-84deg) translateZ(270px) rotateY(84deg) translateZ(-270px) rotateZ(-10deg);
    transform: rotateY(-84deg) translateZ(80vmin) rotateY(84deg) translateZ(-80vmin) rotateZ(-10deg);
}
.bl_one_photo_encounters .bl_img>.right{
    -webkit-transform: rotateY(84deg) translateZ(170px) rotateY(-84deg) translateZ(-170px) rotateZ(10deg);
    transform: rotateY(84deg) translateZ(80vmin) rotateY(-84deg) translateZ(-80vmin) rotateZ(10deg);
}

.bl_info_photo_top{opacity: 1; -webkit-transition:opacity .3s linear; transition:opacity .3s linear; color: #fff; position: absolute; top: 62px; width: 100%; z-index:2;}
.bl_info_photo_top.to_hide{opacity:0;}
.bl_info_photo_top .name{ float: right; margin: 0 10px 0 0; font-size: 16px; text-shadow: 1px 1px 0 #000; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.bl_info_photo_top .name .status{ left: -13px; top: 50%; margin: -5px 0 0; }

.status_3dcity{
    display: none;
    width: 28px;
    height: 22px;
    position: absolute;
    top: 4.2vh;
    right: 0;
    background-image: url(../images/icon_3dcity.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.bl_info_photo_top .status_3dcity.to_show{display:block}
.status_3dcity:active{background: url(../images/icon_3dcity.png) 0 0 no-repeat;}

.bl_meet{ text-align: center; position: absolute; z-index: 2; opacity:1; -webkit-transition:opacity .3s linear; transition:opacity .3s linear;}
.bl_meet.to_hide{ opacity: 0; }
.bl_meet .gradient{ z-index: 2; position: fixed; left: 0; bottom: 0;  height: 100px; width: 100vw; background-image: linear-gradient(to bottom, rgba(37, 76, 142, 0), #254c8e 95%); }
.bl_meet .btn_circle_cancel{ z-index: 2; cursor: pointer; overflow: hidden; background-color: #ff6d85; width: 160px; height: 160px; position: fixed; bottom: 20px; left: -80px; border-radius: 50%; }
.bl_meet .btn_circle_cancel .fa{float: right; width: 85px; font-size: 50px; line-height: 160px; color: #fff; }
.bl_meet .btn_circle_check{ z-index: 2; cursor: pointer; overflow: hidden; background-color: #40c7db; width: 160px; height: 160px; position: fixed; bottom: 20px; right: -80px; border-radius: 50%; }
.bl_meet .btn_circle_check .fa{ float: left; width: 85px; font-size: 50px; line-height: 160px; color: #fff; }

.bl_tinder{ z-index: 3; opacity: 0; visibility: hidden; transition: all .3s; text-align: center; width: 310px; height: 310px; background: #8ba1d5; position: absolute; top: 50%; left: 50%; margin: -155px 0 0 -155px;  border-radius: 155px; border: 13px solid #142d69; box-sizing: border-box; }
.bl_tinder .title{ font-size: 28px; line-height: 36px; font-weight: bold; margin: 37px 0 10px; }
.bl_tinder .bl_relation{ width: 219px; margin: 0 auto 33px; position: relative; }
.bl_tinder .bl_relation .frame{ width: 94px; height: 94px; border-radius: 47px; border: 2px solid #fff; box-sizing: border-box; overflow: hidden; }
.bl_tinder .bl_relation .frame img{ width: 90px;  }
.bl_tinder .bl_relation .icon_relation_heart{ background: url(../images/icon_relation_heart.png) 0 0 no-repeat; width: 74px; height: 67px; position: absolute; bottom: -27px; left: 50%; margin: 0 0 0 -37px; }
.bl_tinder .bl_relation_info{ width: 115px; margin: 0 auto; }
.bl_tinder .bl_relation_info .icon_relation_chat{ background: url(../images/icon_relation_chat.png) 0 0 no-repeat; width: 51px; height: 48px; float: left; }
.bl_tinder .bl_relation_info .icon_relation_user{ background: url(../images/icon_relation_user.png) 0 0 no-repeat; width: 45px; height: 51px; float: right; margin: -3px 0 0; }
/*Encounters*/

.bl_frm .bl_radio .bl{ border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 15px; }
.bl_frm .bl_radio .bl:last-child{ border: none; margin: 0; }
.bl_frm .bl_radio .bl label{ display: inline-block; }
.bl_frm .bl_radio .bl label.lsetting{ width: calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bl_frm .bl_radio .bl .field{ display: inline-block; /*float: right;*/ }

input.niceRadio{ opacity: 0; }
.niceRadio label{ margin: 3px 5px 0 0; display: inline-block; }
.niceRadio a{ width: 16px; height: 16px; overflow: hidden; display: inline-block; cursor: pointer;
  background-position: 50% 50%;  background-repeat: no-repeat; background-size: 100% auto;  background-color: #fff;
  border-radius: 50%;  vertical-align: top; margin: 3px 0 0; }
.niceRadio a.checked{ background-image: url(../images/radiobox_on.svg); background-color: #fff; background-size: 40% auto; }

/* Video Chat */
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}[hidden]{display:none}

#video-container {
  text-align: center;
  overflow: hidden;
  height: calc(100% - 94px);
  margin-top: 94px;
}

#block_make_call, #block_end_call, #block_disabled_call{ display: none; }
#block_disabled_call{ display: block; }

.module_videochat{
    position: absolute;
    height: 100%;
    width: 100%;
    margin-top: calc(-50px - 9vh);
}
.module_audiochat{
    position: absolute;
    height: 100%;
    width: 100%;
    margin-top: 0;
    display: table-cell; vertical-align: middle;
}
.module_audiochat .bl{
    height: 310px;
    top: 50%;
    position: relative;
    margin-top: -165px;
}
.module_audiochat .profile_pic{ text-align: center; margin: 10px 0 0; position: relative;}
.module_audiochat .profile_pic a{ display: inline-block; width: 120px; height: 120px; border-radius: 75px; overflow: hidden; }
.module_audiochat .profile_pic a button{
    border: none;
    display: block;
    border-radius: 50%;
    min-width: 120px;
    min-height: 120px;
    margin: 0 auto;
    background-size: 100% auto;
    outline: none !important;
    transition: opacity .4s;
    opacity:0;
}
.module_audiochat .profile_pic a button.to_show{opacity:1;}
.module_audiochat .bl_audiochat{ position: relative; }
.module_audiochat .btn_audiochat{
    cursor: pointer;
    position: absolute;
    top: 53px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    z-index: 2;
    transition: all .4s;
}

.module_audiochat .audiochat_cancel_answer{
    left: 50%;
    margin: 0 0 0 -155px;
    background-color: transparent;
    background-image: url(../images/icon_audiochat_cancel_answer.png);
}
.module_audiochat .audiochat_answer{
    right: 50%;
    margin: 0 -155px 0 0;
    background-color: transparent;
    background-image: url(../images/icon_audiochat_answer.png);
}


.module_audiochat .audiochat_answer.color_t{
    background-color: #2d6ee9;
    background-image: none;
}

.module_audiochat .audiochat_cancel_answer.color_t{
    background-color: #f226b0;
    background-image: none;
}

.module_audiochat .processing .audiochat_answer[data-action='call'],
.module_audiochat .processing .audiochat_answer[data-action='answer']{
    background-color: transparent;
    background-image: url(../images/icon_audiochat_answer.png);
    -webkit-filter: none!important;
    filter: none!important;
}

/*.module_audiochat .processing .audiochat_answer[data-action='disabled']{
    -webkit-filter: none!important;
    filter: none!important;
}*/

.module_audiochat .audiochat_line{
    position: absolute;
    top: -10px;
    right: 50%; margin: 0 -160px 0 0;
    z-index: 1;
    background-image: url(../images/audiochat_line.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; width: 170px; height: 100px; }

.client_photo_default{opacity: 0;}
.call_photo_default{opacity: 0;}

.their-video-container{
    height: 100%;
    width:100%;
    overflow:hidden;
    background-image: url(../images/icocam_b.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 23% auto;
    padding: 0;
    margin: 0;
}

#their-video {
  padding: 0;
  margin: 0 auto;
  opacity: 0; visibility: hidden; transition: opacity .4s, visibility 0s .4s;
  min-width:100%;
  height:102%;
  position: relative;
  z-index:1;
}
#their-video.to_show{visibility: visible; opacity: 1; transition: opacity .4s, visibility 0s; transition-delay: .2s;}

.interface{display:none;}

.my-video-container{
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #142d69;
    background-image: url(../images/icocam.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50% auto;
    z-index:2;
}
#my-video {
  min-width: 140px;
  height: 140px;
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: 0; visibility: hidden;
  left:0;
  bottom:0;
  top: 0;
  margin-top: -20px;
}
#my-video.r_desctop{width: auto; height: 100px; left:-25%;}
#my-video.r_mobile{width: 100px; height: auto;}
#my-video.to_show{visibility: visible; opacity: 1; transition: opacity .4s, visibility 0s; transition-delay: .2s;}

#loader_call{transition: opacity .35s, visibility 0s .35s; opacity: 0; visibility: hidden;}
#loader_call.to_show{visibility: visible; opacity: 1; transition: opacity .35s, visibility 0s;}
#loader_call .spinner.center{
    left: -22px;
    top: 1px;
}

@media screen and (orientation:landscape) {
    #my-video.r_mobile{width: auto; height: 100px; left:-25%;}
    .their-video-container{
        background-size: auto 27%;
    }
    #their-video {margin-left:0!important;}
    #loader_call .spinner.center{
        left: -20px;
    }
}

.info_connect{
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    font-size: 12px;
    color: #8ba1d5;
    top: 65%;
    font-family: Tahoma;
}

.module_audiochat .info_connect{
    top: 130px;
}

#waiting_connect{
    opacity:0;
}

.frm_btn_media {
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.frm_btn_media button.btn{
    margin: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 9vh;
}

.btn_videochat.blink .btn_name{animation: blink_msg 2s linear infinite; -webkit-animation: blink_msg 2s linear infinite;}
@-webkit-keyframes blink_msg {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1; }
}
@keyframes blink_msg {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1;}
}
/*Video chat*/
/*Audio chat*/
.module_audiochat .btn_audiochat:disabled{/*#btn_cancel.processing*/
    -webkit-filter: grayscale(100%) brightness(150%);
    filter: grayscale(100%) brightness(150%);
    cursor:default;
}

#btn_call.disabled{
    -webkit-filter: grayscale(100%) brightness(200%);
    filter: grayscale(100%) brightness(200%);
    cursor:default;
}

.audiochat_line{
    opacity: 0;
}
.audiochat_line.show{
    opacity: 1;
}
.audiochat_line.blink{
    opacity: 1;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/*Audio chat*/

.frame_loader_search_list {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    /*top: 50%;*/ top: 72%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    background: rgba(255,255,255,1);
    width: 66px;
    height: 66px;
    position: absolute;
    border-radius: 3px;
    transition: opacity .25s linear;
    opacity: 0;
}
.frame_loader_search_list.show{
    opacity: 1;
}

.placeholder::input-placeholder{ color: #b6b6b6; }
.placeholder:focus::input-placeholder{ color: transparent; }

.fade_out{ opacity: 0; }
.fade_in{ opacity: 0; }

.to_opacity_hide{transition: opacity .3s linear, visibility 0s .3s; opacity: 0; visibility: hidden;}
.to_opacity_show{visibility: visible; opacity: 1; transition: opacity .3s linear, visibility 0s;}

.page_confirm_email{
    width: calc(100vw - 40px);
    margin-left: 20px;
}
.page_confirm_email.not_left{
    margin-left: 0;
}
.page_confirm_email .info_sent{
    text-align: center;
    padding-bottom:20px;
    font-size: 16px;
    font-weight: bold;
}
.page_confirm_email .info{
    text-align: center;
}
.page_confirm_email .info a.link_info{
    color: rgba(255,255,255,1);
    text-decoration: underline;
    text-shadow:none;
    font-size: 12px;
}


.banner_content_visitor,
.banner_footer_mobile_user{
  margin: 0;
  overflow: hidden;
  padding: 0 0 20px;
  text-align: center;
}

/*.footer_mobile_paid_profile_view,*/
.banner_footer_mobile_user_content
/*.footer_mobile_paid_games,
.footer_mobile_paid_profile_settings,
.footer_mobile_paid_upgrade,
.footer_mobile_paid_upgrade_activated_super_power*/
{width: calc(100vw - 36px); padding: 0 0 10px; margin: 0 18px; word-wrap: break-word; overflow: hidden; transition:height .4s, padding-bottom .4s;}
.banner_footer_mobile_user_content.to_hide{height:0px; padding-bottom:0px;}

.banner_footer_mobile_user .link{ padding: 10px 0 30px; width:100vw;}

.banner_footer_mobile_user .link a{ color: #a1b2d9; }

.banner_footer_mobile_user.grey{ color: #000; background-color: #f4f5f9;  }
.banner_footer_mobile_user.grey a{ color: #a1b2d9; }

.page-preloader {
    display: none;
}

.page-preloader .header-loader {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
}

.page-preloader .loader_page {
    margin-left: -19px;
    margin-top: -19px;
}

.page-preloader .spinner .spinner-blade {
    background-color: #fff !important;
}

/*-- popup options for profile --*/
.icon_report .bl_options{
    position: absolute;
    left: 14px;
    z-index: 3;
}

.icon_report .bl_options .pp_info_bl{
    display: block;
    position: absolute;
    top: -39px;
    left: 22px;
    z-index: 2;
    overflow: hidden;
    padding: 10px 10px 10px 7px;
}

.icon_report .bl_options .pp_info{
    display: none;
    position: relative;
    background: #fffff0;
    /*box-shadow: 0 0 16px rgba(0, 0, 0, 0.34);*/
    border-radius: 3px;
    -webkit-transition:transform .3s;
    transition:transform .3s;
}

.icon_report .bl_options .pp_info.show{
    display: block;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.34);
}

.icon_report .bl_options .pp_info.to_hide{
    -webkit-transform: translateX(-130%);
    transform: translate3d(-130%, 0, 0);
}

.icon_report .bl_options ul::after{
    content: '';
    position: absolute;
    top: 7px;
    left: -12px;
    border: 6px solid transparent;
    border-right: 6px solid #fffff0;
}

.icon_report .bl_options ul.list{
    margin: 0;
    padding: 0;
}

.icon_report .bl_options ul.list li{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d3d8e3;
}

.icon_report .bl_options ul.list li span{ white-space: nowrap; color: #000; padding: 4px 10px 4px 8px; display: block; }
.icon_report .bl_options ul.list li span .fa{ width: 20px; }
.icon_report .bl_options ul.list li:first-child{ border-radius: 3px 3px 0 0; }
.icon_report .bl_options ul.list li:last-child{ border-radius: 0 0 3px 3px; border: none; }
/*-- /popup options for profile --*/

#photo_gallery_img_box.bl_video .spinner.spinnerw { margin: 0; margin-top: 0px; }

.bl_video .loader { z-index: 2; }

.bl_img.bl_video { cursor: default; }

.bl_one_photo .arrow-back span {
    background-image: url(../images/icon_arrow_left_photo.svg);
    width: 33px;
    height: 33px;
    background-position: 8px 8px;
    background-size: 16px auto;
    display: block;
    background-repeat: no-repeat;
}

.add_file_icon {
    background-image: url(../images/icon_plus.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 39% auto;
    position: relative;
    width: 28vw;
    height: 32vw;
}

#video_add_public .add_file_icon {
    background-size: 25% auto;
    height: 24.75vw;
    width: 44vw;
}

/* Chat list */

.message_list .item .info .msg br{
    display: none;
}

.message_list .item .info .msg .mod_im_msg_image img{
    height: 25px;
}

.message_list .item .info .msg .mod_im_msg_image{
    display: inline;
}

.message_list .item .info .msg .mod_im_msg_image .mod_im_msg_image_desc{
    display: inline;
    margin-left: 5px;
}

.message_list .item .info .msg .mod_im_msg_video{
    display: inline-block;
    margin: 0px 5px;
}

.message_list .item .info .msg .mod_im_msg_video img{
    height: 25px;
}
/* Chat list */

/*-- one chat --*/
.message_chat .item .info .mod_im_msg_image{
    margin-top: 9px;
}

.message_chat .item .info .mod_im_msg_image + br{
    display: none;
}

.message_chat .item .info .mod_im_msg_image .mod_im_msg_image_desc{
    margin-top: 3px;
}

.message_chat .item .info .mod_im_msg_image .mod_im_msg_image_desc:empty{
    display: none;
}

.message_chat .item .info .mod_im_msg_image img{
    max-width: calc(100vw - 140px);
    margin-bottom: 5px;
}

/* .message_chat .item .info .msg_txt .mod_im_msg_video{
    margin-top: 3px;
} */

.message_chat .item .info .msg_txt .mod_im_msg_video + br{
    display: none;
}

.message_chat .message_field_chat textarea{
    width: calc(100% - 107px);
}

.message_chat .message_field_chat .btn_upload_img{
    right: 54px;
    bottom: 9px;
    position: absolute;
    overflow: hidden;
    background-image: none;
    background-color: #4081fc;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    float: left;
}

.message_chat .message_field_chat .field_send.disabled .btn_upload_img{
    background-color: #9f9f9f!important
}

.message_chat .message_field_chat .count_upload_image {
    position: absolute;
    bottom: 5px;
    right: 78px;
    background-color: #c60d01;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 14px;
    width: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    transition: opacity .25s linear;
    display: block;
}

.message_chat .message_field_chat .field_send.disabled .count_upload_image {
    display: none;
}

.message_chat .message_field_chat .btn_upload_img .fa.fa-camera{
    font-size: 19px;
    position: relative;
    top: 10px;
    color: #FFFFFF;
    left: 9px;
}

.message_chat .message_field_chat .btn_upload_img .inp_hide {
    display: none;
}

.message_chat .message_field_chat .btn_upload_img input[type="file"] {
    font-size: 40px;
    opacity: 0;
    position: absolute;
    top: -12px;
    left: -330px;
    cursor: pointer;
    width: 700px;
    display: none;
}

.message_chat .message_field_chat .field_send.disabled .btn_upload_img input[type="file"]{
    display: block;
}

.message_chat .message_field_chat .btn_upload_img.to_hide{
    cursor: default;
}

.message_chat .message_field_chat .btn_upload_img.to_hide i,
.message_chat .message_field_chat .btn_upload_img.to_hide form {
    display: none;
    cursor: default;
}

.message_chat .message_field_chat .btn_upload_img.no_available input[type="file"]{
    display: none!important;
}

.mod_image_preload{
    font-size: 12px;
    color: #000;
    font-weight: bold;
    animation: blink_msg 2s linear infinite; -webkit-animation: blink_msg 2s linear infinite;;
}

@-webkit-keyframes blink_msg {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1; }
}

@keyframes blink_msg {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1;}
}

.bl_frm_profile_verification{
        margin-top: 20px;
}
.bl_frm_profile_verification select{
    border: 1px solid #b9b9ba;
}

.bl_profile_verification{
    position: absolute;
    right: 3px;
    top: 3px;
}

.bl_profile_verification .fa{
    color: #58a8ff!important;
    font-size: 20px;
}

.bl_upgrade ul li.icon_upgrade_live_streaming {
    background: url(../images/icon_upgrade_live.png) 0 50% no-repeat;
}

.bl_one_photo_cmt .item .info br{
	content: "";
	line-height: 8px;
	height: 8px;
	display: block;
}

.bl_one_photo_cmt .item .info .txt_comment {
    margin: 0 0 8px;
}

.bl_one_photo_cmt .item .image_comment{
	background-color: #dfe2e5;
	text-align: center;
}

.bl_one_photo_cmt .item .image_comment img{
	max-width: 50%;
	max-height: 250px;
}

.bl_one_photo_cmt .item .one_media_youtube,
.bl_one_photo_cmt .item .one_media_vimeo,
.bl_one_photo_cmt .item .one_media_metacafe{
	width: 100%;
	max-height: 200px;
}

/* Base pages */
.page_cont_list{
	position: relative;
}

.content .head span.title .page_title_circle {
    width: 8px;
    height: 8px;
    margin: 0;
    transition: all .3s, opacity .3s linear;
    opacity: 1;
    display: inline-block;
    position: relative;
    top: 0px;
}

.content .head span.title .page_title_circle .ls_title_user_play {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #98c700;
    display: block;
}

.page_list {
	padding: 4vw 0 0 4vw;
    width: calc(100vw - 4vw);
}

.page_list .module_filter_result {
    overflow: hidden;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
    clear: both;
    padding: 0px 0 0;
}

.page_list .filter_result {
    /*position: absolute;*/
    width: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page_list.videos_list .item {
    display: inline-block;
    background: #fff;
    position: relative;
    border-radius: 2px;
    /*transition: all 0.3s ease;*/
    margin: 0 4vw 4vw 0;
    width: 44vw;
	float: left;
}

.page_list.videos_list .item .cham-post-link {
    cursor: pointer;
}

.page_list.videos_list .item .cham-post-image {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    transition: all .4s, opacity .4s linear;
}

.page_list.videos_list .item .cham-post-image.to_hide {
    opacity: 0;
}

.page_list .layer_action_list {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
    z-index: 4;
    cursor: default;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0s .3s;
}

.page_list .layer_action_list.to_show {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s, visibility 0s;
}

.page_list .layer_action_list_loader {
    height: 24px;
    width: 24px;
    font-size: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.page_list.videos_list .item .cham-category {
    margin: 5px 0 0 5px;
    float: left;
    z-index: 2;
    position: absolute;
}

.page_list.videos_list .item .cham-category.descripton {
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s linear, visibility .35s;
    max-width: calc(100% - 10px);
    bottom: 5px;
}

.page_list.videos_list .item .cham-category.descripton.to_show {
    visibility: visible;
    opacity: 1;
    transition: opacity .35s linear, visibility 0s;
}

.page_list.videos_list .item .cham-category > span.subject {
    font-size: 12px;
    padding: 3px 5px 4px;
    line-height: 1.4;
    color: #fff;
    border-radius: 30px;
    display: block;
    background-color: rgba(0, 0, 0, .5);
    transition: all .5s ease;
    cursor: default;
    max-width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.page_list.videos_list .item .cham-category > span.subject > .icon_status {
    width: 7px;
    height: 7px;
    float: left;
    border-radius: 50%;
    margin: 5px 6px 0 0;
    background-color: #d9ff55;
}

.page_list.videos_list .item .cham-category > span.subject > span.overflow {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.page_list.videos_list .item .pic {
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    transition: transform .5s ease, filter .5s ease, opacity .5s linear;
	border-radius: 2px 2px 0 0;
}

.page_list.videos_list .item .pic.rectangle {
    width: 100%;
    margin: auto;
    overflow: hidden;
	height: 24.75vw;
}

.page_list.videos_list .item .pic.rectangle:before {
    content: "";
    padding-top: 56.25%;
    float: left;
}

.page_list.videos_list .item .video_camera {
    position: absolute;
    top: 3px;
    left: 5px;
    width: 18px;
}

.page_list.videos_list .item .video_camera svg {
    fill: rgba(217,255,85,0.8);
}

.page_list.videos_list .item .cham-post-meta {
    margin: 0 5px 0 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    border-top: 1px solid #efefef;
    padding: 5px 5px;
    height: 18px;
    overflow: hidden;
    line-height: 26px;
}

.page_list.videos_list .item .cham-post-meta .info {
    margin: 0 5px 0 0;
    float: left;
    white-space: nowrap;
}

.page_list.videos_list .item .cham-post-meta span.info_item {
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 10px;
    color: #b3b3b3;
}

.page_list.videos_list .item .cham-post-meta span.info_item i {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
    vertical-align: top;
}

.page_list.videos_list .item .cham-post-meta span.info_item a {
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 20px;
    color: #b3b3b3;
}

.page_list.videos_list .item .cham-post-meta span.user_name .icon_status.online {
    background-color: #d9ff55;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

@media (max-width: 767px){
	.page_list.videos_list .item .hidden-xs {
		display: none !important;
	}
}

.page_cont_list .no_one_found {
	position: static;
	margin-left: -2vw;
	margin-top: 100px;
}

.page_cont_list .item .play_button {
    position: absolute;
    top: -5vw;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    height: 10vw;
    width: 10vw;
    font-size: 10vw;
    color: rgba(255, 255, 255, 1);
    transition: all 0.4s;
    outline: none;
    padding: 0;
    transition: opacity .4s ease-in-out;
    opacity: .7;
    box-shadow: 0 0 25px rgb(0 0 0 / 10%);
}

/*-- pagination --*/
.page_cont_list .paging{
	width: calc(100vw - 4vw);
}

.page_cont_list .pagination-container {
	margin: 0 auto;
	padding: 20px 0 50px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.page_cont_list .pagination {
	position: relative;
}

.page_cont_list .pagination a {
	position: relative;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	padding: 3px 8px;
}


.page_cont_list .pagination a:before {
	z-index: -1;
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	top: 0;
	left: 0;
	background-color: #0477f4;
	border-radius: 50%;
	-webkit-transform: scale(0);
          transform: scale(0);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.page_cont_list .pagination a:hover,
.page_cont_list .pagination a .pagination-active {
	color: #fff;
}

.page_cont_list .pagination a.disabled:hover,
.page_cont_list .pagination a.disabled {
	color: #BFBFBF;
	cursor:default;
}

.page_cont_list .pagination a:not(.disabled):hover:before,
.page_cont_list .pagination a:not(.disabled) .pagination-active:before {
	-webkit-transform: scale(1);
          transform: scale(1);
}

.mobile .page_cont_list .pagination a:not(.disabled):hover:before{
	-webkit-transform: scale(0);
          transform: scale(0);
}

.page_cont_list .pagination .pagination-active {
	color: #fff;
	cursor: default;
}

.page_cont_list .pagination .pagination-active:before {
	-webkit-transform: scale(1)!important;
          transform: scale(1)!important;
}
/*.page_cont_list .pagination-newer {
  margin-right: 5vw;
}

.page_cont_list .pagination-older {
  margin-left: 5vw;
}*/
/*-- /pagination --*/
/* Base pages */

.add_loader_transparent:not(.no_transparent){
    color: transparent !important;
    text-shadow: none !important;
    position: relative !important;
    transition: none !important;
}

.add_loader_transparent > *:not(.css_loader):not(button):not(.no_transparent){opacity: 0!important; color: transparent!important; text-shadow: none!important; transition:none!important;}

.im_audio_message_recorder {
	position: relative;
	/* width: 35px; */
	width: 30px;
	height: 44px;
	text-align: center;
	display: inline-block;
	transition: all .3s linear;
	vertical-align: top;
	overflow: hidden;
}

.im_audio_message_recorder.record {
	width: 104px;
}

.im_audio_message_recorder .im_audio_message_recorder_icon_bl{
	position: relative;
	/* width: 35px; */
	width: 30px;
	height: 44px;
	display: inline-block;
	cursor: pointer;
	float: right;
}

.im_audio_message_recorder.im_audio_message_delete{
	width: 0px;
	margin-left: 0px;
}

.im_audio_message.im_audio_message_send_play{
	margin: 3px 0px 0px 0px;
	vertical-align: top;
	opacity: 1;
	transition: all .3s, opacity .2s linear, border .01s;
	overflow: hidden;
	opacity: 0;
	width: 0;
	min-width: auto;
	border-width: 0px;
	float: left;
	display: none;
}

.im_audio_message.im_audio_message_send_play.im_audio_message_delete{
	width: 110px;
	margin-right: 10px;
	/*min-width: 110px;*/
	/*margin-left: 14px;
	margin-right: -5px;*/
	opacity: 1;
	border-width: 1px;
}

.im_audio_message.im_audio_message_send_play .fa.fa-times{
	right: 0;
  left: auto;
}

.im_audio_message_recorder .fa{
	transition: opacity .3s linear;
}

.im_audio_message_recorder .fa.fa-microphone{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 21px;
	line-height: 19px;
	height: 20px;
	color: #9f9f9f;
	opacity: 1;
	transition: color .4s ease-in-out;
}

.im_audio_message_recorder.im_audio_message_delete .fa.fa-microphone{
  color: #405f78;
}

.im_audio_message_recorder:hover .fa{
  color: rgb(128, 125, 125);
}

.im_audio_message_recorder .fa.fa-circle{
	position: absolute;
  top: 9px;
  margin: auto;
  height: 20px;
  color: red;
  opacity: 1;
  font-size: 11px;
  opacity: 0;
}

@-webkit-keyframes blink_record {
	0% {opacity: .2;}
	50% {opacity: 1;}
	100% {opacity: .2; }
}
@keyframes blink_record {
	0% {opacity: .2;}
	50% {opacity: 1;}
	100% {opacity: .2; }
}

.im_audio_message_recorder.record .fa.fa-circle{
	-webkit-animation: blink_record 2s linear infinite;
		    animation: blink_record 2s linear infinite;
}

.im_audio_message {
  text-align: center;
  display: inline-block;
  /* margin: 0 -3px 3px; */
  margin: 0 0 1px;
  border: 1px solid rgba(88, 202, 126, 1);
  border-radius: 10px;
  max-width: 100%;
  min-width: 100px;
  width: 190px;
  height: 20px;
  box-sizing: border-box;
  color: rgba(88, 202, 126, 1);
  background-color: rgba(234, 255, 241, 1);
  position: relative;
  cursor: default;
  vertical-align: middle;
}


.im_audio_message .fa{
	transition: color .3s;
}

.im_audio_message ~ .im_message{
  padding-top: 8px;
  display: inline-block;
}

.im_audio_message ~ .im_message:empty{
  padding: 0;
  display: inline;
}

.im_audio_message .im_audio_message_loader{
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
}

.im_audio_message i {
	vertical-align: middle;
	font-size: 12px;
	transition: none;
	width: 14px;
	height: 14px;
	cursor: pointer;
	position: absolute;
	left: 7px;
	top: 3px;
	margin-right: 5px;
}

.bl_one_photo_cmt .item .msg .im_audio_message i {
	color: rgba(88, 202, 126, 1);
}

.im_audio_message i.fa-pause {
	font-size: 11px;
	top: 4px;
}

.im_audio_message .im_audio_message_process,
.im_audio_message .im_audio_message_process_play{
  width: calc(100% - 32px);
  height: 2px;
  display: block;
  margin-right: 10px;
  background-color: rgba(181, 227, 192, 1);
  position: absolute;
  left: 24px;
  top: 8px;
}

.message_list .item .info .msg .im_audio_message {
	width: 90px;
	height: 18px;
}

.message_list .item .info .msg .im_audio_message i {
	top: 2px;
}

.message_list .item .info .msg .im_audio_message i.fa-pause {
	top: 3px;
}

.message_list .item .info .msg .im_audio_message .im_audio_message_process,
.message_list .item .info .msg .im_audio_message .im_audio_message_process_play{
	top: 7px;
}

.im_audio_message.im_audio_message_send_play .im_audio_message_process{
    width: calc(100% - 46px);
}

.im_audio_message .im_audio_message_process_play{
	background-color: rgba(88, 202, 126, 1);
	width: 0px;
	max-width: 180px;
	transition: width .3s linear;
}

.im_audio_message .btn_action_loader {
    height: 14px;
    width: 14px;
    font-size: 14px;
    top: 2px;
    left: 7px;
	right: auto;
	position: absolute;
	margin: 0;
}

.im_audio_message .btn_action_loader .spinnerw .spinner-blade {
    background-color: rgba(15, 170, 15, .7)!important;
}

.message_info_module {
	display: block;
	position: relative;
}

.message_info_module_menu {
	position: absolute;
	top: 20px;
	background: #fffff0; box-shadow: 0 0 16px rgba(0, 0, 0, 0.34);
    border-radius: 3px;
    min-width: auto;
	visibility: hidden;
}

.message_info_module_menu.initialized {
	display: none;
	visibility: visible;
}

.message_info_module_menu .list li {
	border-bottom: 1px solid #d3d8e3;
}

.message_info_module_menu .list li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    padding: 4px 6px;
}

.message_info_module_menu .list li span .fa {
    width: 20px;
}

.message_info_module_menu .list li:last-child {
    border-radius: 0 0 3px 3px;
    border: none;
}

.message_info_module a i { color: #b4bbcc; }

#lightbox-wrap { z-index: 102!important; }

#filerobot-image-editor-root .modal-overlay { z-index: 1000; }
#fl_image_editor { z-index: 1000; }

/* Search page */
.bl_frm.color.bl_settings.filter .hide {
    display: none;
}

.bl_frm.color.bl_settings.filter {
    padding-bottom: 20px;
}

.bl_frm .bl.filter_module_1 {
    margin-top: 20px;
}

.bl_frm .bl.filter_module_3 {
    margin-bottom: 0px;
}

.bl_frm .bl.filter_module_3_field {
    margin-bottom: 0px;
    margin-top: 20px;
}

.filter_field .field_checkbox_value select {
    margin-bottom: 20px;
}

.filter_field .field_checkbox_value select.lastSelect {
    margin-bottom: 0px;
}

.filter_field.filter_module_3_field .field_checkbox {
    margin-bottom: 0px;
}

.filter_module_3_field .bl_frm, .filter_module_3_field .bl_frm .bl {
    margin-bottom: 0px;
}

.filter_field .add_field {
    margin-top: -5px;
    margin-bottom: -4px;
}
#link_filter_extended {
    font-size: 14px;
}

#link_filter_extended.pink {
    border: none;
}
/* Search page */