@font-face
{
  font-family: Amble;
  font-weight: 400;
  src: url('fonts/Amble-Regular.ttf');
}
@font-face
{
  font-family: Amble;
  font-weight: 500;
  font-style: italic;
  src: url('fonts/Amble-BoldItalic.ttf');
}
@font-face
{
  font-family: Amble;
  font-weight: 500;
  src: url('fonts/Amble-Bold.ttf');
}
@font-face
{
  font-family: Amble;
  font-weight: 400;
  font-style: italic;
  src: url('fonts/Amble-Italic.ttf');
}
@font-face
{
  font-family: Amble;
  font-weight: 300;
  font-style: italic;
  src: url('fonts/Amble-LightItalic.ttf');
}
@font-face
{
  font-family: Amble;
  font-weight: 300;
  src: url('fonts/Amble-Light.ttf');
}

* {
    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: 16px Amble, Arial, Verdana, sans-serif;
    line-height: 18px;
    color: #000000;
    height: 100%;
    background: #fbfbfb;
    /*background: #1e2028 url(../images/main_gr.png) 0 0 repeat-x;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

body {
    overflow: hidden;
}

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:after {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 100;
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

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

table {
    border-collapse: collapse;
    border: 0;
    width: 100%;
    line-height: 18px;
}

table td {
    padding: 0;
}

img {
    border: 0;
    vertical-align: middle;
}

form {
    padding: 0;
    margin: 0;
}

input {
    padding: 0;
    margin: 0;
    outline: none;
    vertical-align: middle;
    border: none;
    font-family: 'Amble', sans-serif;
}

input.btn {
    background: #000000 0 0 repeat-x;
    cursor: pointer;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    padding: 0 8px 2px;
    color:white;
}

/*border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; */
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a:active {
    background: transparent;
}

a.btn {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 18px;
    height: 38px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    outline: none;
    border: none; /*border: 1px solid #445e94; border-bottom: 1px solid #2d3749;*/
    border-radius: 4px;
    /*margin: 0 0 3px;*/
}

a.btn:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

a.btn.blue {
    background: #a37fa3 url(../images/cb_images/gradient-design.jpeg) 0 0 repeat-x;
    position: relative;
}

a.btn.blue:active {

}

a.btn.grey {
    background: black;

}



a.btn_sm {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    height: 20px;
    padding: 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    outline: none;
    border-radius: 2px 2px 3px 3px;
    min-width: 70px;
}

a.btn_sm:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    padding: 1px 0 0;
    vertical-align: middle;
}

a.btn_sm.grey {
    background: black;
    border-bottom: 1px solid #314d4e;
    position: relative;
}

a.btn_sm.grey:active {
    background-position: 0 -175px;
}

a.btn_sm.red {
    background: #CA9E67;
    border-bottom: 1px solid #CA9E67;
    position: relative;

}

a.btn_sm.red:active {
    background-position: 0 -221px;
}

a.btn_sm.blue {
    background: #c49a6c;
    position: relative;
    /*background: url(../images/btns.png) 0 -244px repeat-x;*/
    /*border-bottom: 1px solid #0d6864;*/
/*    text-shadow: -1px -1px 0 #741919;
    -moz-box-shadow: 0 0 5px #490303;
    -webkit-box-shadow: 0 0 5px #490303;
    box-shadow: 0 0 5px #490303;*/
}

a.btn_sm.blue:active {
    background-position: 0 -267px;
}

.fb_f {
    background: url(../images/btn_fb_decor.png) 0 0 no-repeat;
    width: 48px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

a.btn_refill {
    background: url(../images/btns.png) 0 -320px repeat-x;
    display: block;
    font-size: 18px;
    line-height: 38px;
    width: 243px;
    height: 40px;
    margin: -20px auto 0;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
    padding: 0;
    box-shadow: 0 1px 5px #616161;
    -moz-box-shadow: 0 1px 5px #616161;
    -webkit-box-shadow: 0 1px 5px #616161;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

a.btn_refill:active {
    background-position: 0 -360px;
    color: #fff;
}

a.link_help {
    text-decoration: underline;
    color: #CA9E67;
    font-weight: 490;
}
a.link_help:hover {
    color: #000000;
    font-weight: 490;
    text-decoration: none;
}

.bl.media {
    opacity: 0;
}

.bl.media a.btn.messages {
    display: inline-block;
    width: 20%;
    border-radius: 0 4px 4px 0;
    height: 36px !important;
    margin-bottom: 6px;
}

.bl.both_media a.btn.messages {
    display: inline-block;
    width: 20%;
    border-radius: 0 4px 4px 0;
    height: 36px !important;
    margin-bottom: 6px;
}

.bl a.btn.messages {
    display: inline-block;
    width: 20%;
    border-radius: 0 4px 4px 0;
    height: 32px !important;
    margin-bottom: 6px;
}

a.btn.chat {
    display: none;
}

a.btn.chat img {
    margin-left: 5px;
    margin-top: -1px;
}

.bl.media a.btn.chat {
    display: block;
    width: 40px;
    display: inline-block;
    margin-right: 0px;
}

/*.bl.media a.btn.chat:active, .bl.media a.btn.chat:hover{ background: url(../images/btns.png) 0 -76px repeat-x;}
*/
input.inp {
    padding: 0 5px;
    height: 20px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
}

select {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    font-size: 13px;
    font-family: 'Amble', sans-serif;
    background: #fff;
}

textarea {
    margin: 0;
    padding: 3px 5px;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Amble', sans-serif;
    border: 1px solid #acacac;
    resize: none;
    border-radius: 4px;
    outline: none;
}

textarea:disabled {
    color: #000;
}

ul li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #000000;
}

h1 {
    font-size: 24px;
    line-height: 26px;
    padding: 0;
    margin: 0 0 5px;
    color: #000;
    font-weight: normal;
}

h2 {
    font-size: 18px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 10px;
    font-weight: normal;
    color: #000;
    font-family: 'Amble', sans-serif;
}

h3 {
    font-size: 18px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 15px;
    font-weight: normal;
    color: #000;
    font-family: 'Amble', sans-serif;
}

h4 {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0 0 10px;
    color: #000;
    font-family: 'Amble', sans-serif;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

.justify {
    clear: left;
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.cl {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.main {
    height: 100%;
    width: 100%;
    width: 100vw;
    min-width: 320px;
}

.wrapper {
    position: relative;
    min-height: 100%;
    margin-bottom: -44px;
    width: 100vw;
    padding: 10px;
}

* html .wrapper {
    height: 100%;
}

/*-- /global --*/
.transition {
    -webkit-transition: .4s;
    transition: .4s
}

.hidden {
    opacity: 0 !important;
    visibility: hidden
}

.wrong {
    color: #c73131 !important;
}

.header {
    width: 100%;
    position: fixed;
    /*min-height: 46px;*/
	height: 46px;
    background: white;
    z-index: 10;
}

.header .bl { /*padding: 0 6px;*/
    padding: 0 3px 0 0;
}

.header .column0 {
    -webkit-perspective: 500px;
    perspective: 500px;
}

.header .icon_status_warning {
    position: absolute;
    top: 9px;
    left: 31px;
    opacity: 0;
}

.header .change_settings_events {
    position: absolute;
    top: 7px;
    right: 7px;
    opacity: 0;
}

.st-content > .header {
    position: absolute;
    padding-right: 3px;
    z-index: 100;
    transition: z-index .4s;
    backface-visibility: hidden;
}

.st-menu-open .st-content > .header {
    z-index: 99;
}

.bl_cont {
    padding: 47px 0 0;
}

.header .part_left {
    display: inline-table;
    max-width: calc(100% - 90px);
    height: 46px;
    margin-left: 4px;
    -webkit-transition: all .4s .3s;
    transition: all .4s .3s;
}

.header a + a + .part_left {
    max-width: calc(100% - 125px)
}

.header .part_left > * {
    display: table-cell;
    vertical-align: middle;
}

.header a.logo img {
    min-width: 120px;
    max-width: 120px;
    position: absolute;
    top: 12px;
}

.header > span {
/*    padding: 0 0 1px 12px;*/
    /* color: #fff; */
    /*overflow: hidden;*/
    /*    position: absolute;
    right: 15px;
    top: 15px;*/
        font-size: 16px;
    white-space: nowrap;

    margin-right: 15px;
    float: right;
        margin-top: 14px;
}
.header span em {
    color: #CA9E67;
    font-style: normal;
	font-weight: bold;

	background: url(../images/money2.png) 0 50% no-repeat;
    padding: 0 0 0 16px;
	margin-right: 20px;
}

.header span em.credits, em.credits {
    background: url(../images/money2.png) 0 50% no-repeat;
    color: #CA9E67;
    padding: 0 0 0 16px;
}
em.credits {
    font-style: normal;
    font-weight: bold;
}
.header a.icon_settings {
    display: block;
    /*background: url(../images/icon_settings.png) 0 0 no-repeat;*/
    background: url(../images/icons/menu-setting.png) no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    float: right;
    margin-top: 10px !important;
}

/*.header a.icon_report {
    margin: 4px -3px 0 0px;
}*/

/*.header a.icon_settings.active {
    background-position: 0 -39px;
}*/

.header a.icon_search {
    display: block;
    /*background: url(../images/icon_search.png) 0 0 no-repeat;*/
        background: url(../images/icons/lupa.svg) no-repeat;
    width: 22px;
    height: 22px;
    background-size: contain;
    float: right;
        margin-top: 10px;
}

/*.header a.icon_search:active {
    background-position: 0 -40px;
}*/

.header a.icon_msg {
    display: block;
    background: url(../images/icons/msg.svg) 0 0 no-repeat;
    width: 31px;
    height: 28px;
    float: right;
    /*margin: 8px 10px 0 0;*/
    margin-top: 4px;
    text-align: center;
    position: relative;
}

.header a.icon_msg span {
/*    width: 29px;
    display: block;
    color: #000;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 5px 0 0;
    padding: 0;
    line-height: 12px;*/
        line-height: 14px;
    margin-left: 4px;
    text-align: center;
    color: #fff;
    padding: 2px 0;
    font-size: 12px;
    position: absolute;
    left: -12px;
    top: 10px;
    text-decoration: none;
    width: 20px;
    height: 12px;
    border-radius: 4px;
    background-color: #c4996c;
}
.header a.icon_msg span:empty
{
    display: none;
}
/*.header a.icon_msg:active {
    background-position: 0 -28px;
}*/

.header a.number_new_messages.hide {
    display: none;
}

.bl_img_one ~ * {
    -webkit-transition: .4s, z-index 0s;
    transition: .4s, z-index 1ms;
    z-index: 1;
    opacity: .9999
}

.bl_img_one ~ *:not(.tooltip_settings), .tooltip_settings .bl_choose {
    -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;
}

/*.tooltip_settings{ z-index: 5; background: #2b2e37;  box-shadow: 0 0 15px #1c1c1c; width: 100%; position: absolute; top: 45px; left: 0; padding: 11px 0 0; }*/
.tooltip_settings .bl_choose {
    z-index: 99;
    background: #fff;
    width: 100%;
    position: absolute;
    top: 45px;
    left: 0;
    overflow: hidden;
    -webkit-transition: all .5s, opacity .1s .3s;
    transition: all .5s, opacity .1s .3s;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    padding: 11px 10px 1px;
    border-bottom: none;
    margin: 0;
    box-sizing: border-box
}

.tooltip_settings.open.send #tip_report_action {
    -webkit-transition: 0s .6s;
    transition: 0s .6s
}

.tooltip_settings.open #tip_report_action, .tooltip_settings.open.send #tip_report_send {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: none;
    transform: none;
    opacity: .9999
}

.tooltip_settings .bl_choose .item {
    text-align: center;
}

.tooltip_settings textarea {
    width: 100%;
    box-sizing: border-box;
    height: 122px;
    padding: 5px 10px;
    margin: 0 0 11px;
    background: #ffffff;
    border: 1px solid #acacac;
    border-radius: 4px;
}

a.icon_nav {
    width: 46px;
    height: 44px;
    float: left;
    background: url(../images/icon_nav.png) center no-repeat
}

.tooltip_settings {
    opacity: 1
}

.tooltip_settings:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .5s linear;
    transition: .5s linear
}

.tooltip_settings.open:before {
    z-index: 99;
    opacity: 0.45;
}

a.btn_play_header, a.btn_play_header::before {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
    left: 0;
    padding-bottom: 5px;
   /* -webkit-transition: all .6s .8s;
    transition: all .6s .8s;*/
    background: rgb(255,255,255);
     background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(0,0,0,0) 80.01%);

        padding: 0 10px 25px;
}
a.btn_play_header::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 30px;
    height: 30px;
    z-index: 1;
    background: url(../images/icons/back_arrow.svg) 50% 35% no-repeat;
    background-size: contain;
    background-size: 16px;
}

/*a.btn_play_header::before {
    content: '';
    background-position: 50% -44px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
*/
/*a.btn_play_header:active::before {
    opacity: 1;
}*/

button.icon_nav, button.icon_nav div {
    cursor: pointer;
    border: none;
    width: 46px;
    height: 46px;
    left: 0;
    position: relative;
    background: #353535; /*url(../images/icon_nav.png) 0 0 no-repeat;*/
    padding: 21px 11px;
    float: left;
    box-sizing: border-box;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    -webkit-transition: all .6s;
    transition: all .6s;
}

button.icon_nav:focus::-moz-focus-inner {
    outline: none !important;
    border: none !important
}

button.icon_nav div {
    top: -8px;
    position: absolute;
    -webkit-transform-origin: 33px 50%;
    transform-origin: 33px 50%;
}

button.icon_nav div:first-child {
    top: 8px
}

/*.st-effect-3 a.btn_play_header {
	-webkit-transform: translate3D(52%, 0, -60px) perspective(300px) rotateY(90deg);
	transform:  translate3D(52%, 0, -60px) perspective(300px) rotateY(90deg);
	-webkit-transition: all .5s; transition: all .5s; visibility: hidden; opacity: 0
}
.st-menu-open button.icon_nav div {
	-webkit-transform: translate3D(5px, 8px, 0) scale(1.15, .9) rotate(45deg) scaleX(0.76);
	transform: translate3D(5px, 8px, 0) scale(1.15, .9) rotate(45deg) scaleX(0.76); /border-radius: 3px/2px
}
.st-menu-open button.icon_nav div:first-child {
	-webkit-transform: translate3D(5px, -8px, 0) scale(1.15, .9) rotate(-45deg) scaleX(0.76);
	transform: translate3D(5px, -8px, 0) scale(1.15, .9) rotate(-45deg) scaleX(0.76); /border-radius: 3px/2px
}
.st-effect-3 button.icon_nav {
	-webkit-transform: translateX(8px); transform:  translateX(8px);
}
.st-effect-3 .header .part_left {
	opacity: .6; -webkit-transition: all .6s; transition: all .6s;
}
.st-menu-open .header .part_left {
	opacity:0; -webkit-transition: all .3s; transition: all .3s; visibility: hidden;
}
.st-menu-open button.icon_nav {
	-webkit-transform: translateX(260px) rotateY(180deg); transform: translateX(260px) rotateY(180deg);
}*/
.side_menu {
    width: 260px;
    background: #efefef;

    height: 100%;
}

.side_menu .header {
    /*background: #a37fa3 url(../images/cb_images/gradient-design.jpeg) 0 0 repeat-x;*/
    background: #fff;
    background-size:cover;
    cursor: pointer;
    position: relative;
    min-height: 46px;
        padding-top: 10px;
    padding-bottom: 10px;
}

.side_menu .header.selected {
    /*background: #262c3a;*/
    background: #acacac;
}

.side_menu .content {
    padding: 0;
    overflow: hidden;
    /*height: 100%;*/
    height: 97%;
}

.side_menu .head {
    /*border-top: 1px solid #525969;*/
    /*border-bottom: 1px solid #242a37;*/
    padding: 3px 4px 2px;
    font-size: 10px;
    margin: 0;
    background: #3e4657;
}

.side_menu a.pic_profile {
    position: relative;
    width: 100%;
    color: #000;
    font-size: 20px;
    float: left;
    margin: 3px 10px 0 10px;
}
.side_menu a.pic_profile span {
    position: absolute;
        max-height: 36px;
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.side_menu a.pic_profile img {
    height: 40px;
    object-fit: cover;
    width: 40px;
    margin-right: 5px;
    border-radius: 4px;
}

.side_menu .color_line {
    width: 9px;
    height: 9px;
    background-color: #8dc63f;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -3px;
    display: inline-block;
    margin-top: 15px;
    margin-left: 5px;
}

.side_menu .bl_list_side_menu {
    margin: 0;
    padding: 0;
}

.side_menu .bl_list_side_menu span.data {
    color: #ca9e67;
}

.side_menu .bl_list_side_menu .niceRadio a {
    margin: 6px 3px 0 0;
}

/*.side_menu .bl_list_side_menu .item {
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
    box-sizing: border-box;
    color: #a9c0cf;
    background: #32394a;
    clear: both;
    text-shadow: 1px 1px 0 #000;
    margin: 0;
    padding: 0 12px 0 6px;
    border-top: 1px solid #424958;
    border-bottom: 1px solid #242a37;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
}*/

.side_menu .bl_list_side_menu .item .txt { /*float: left; width: 200px;*/
    text-align: left;
    position: relative;
    padding: 0 4px 0 0;
    height: 40px;
    vertical-align: middle;
    display: table-cell;
}

.side_menu .bl_list_side_menu .item .count { /*float: right;*/
    height: 40px;
    width: 30px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}
.side_menu .bl_list_side_menu .item .count a:not(:empty)
{
        border-radius: 4px;
    background-color: #c49a6c;
    padding: 2px 3px;
    color: #fff;
    font-weight: 300;
}

/*.side_menu .bl_list_side_menu .item.selected {
    background: #262c3a;
    border-top: 1px solid #262c3a;
    border-bottom: 1px solid #262c3a;
    box-shadow: inset 0 0 2px 0px #000;
}*/

.side_menu .bl_list_side_menu .item .check { /*width: 33px; height: 33px; float: left;*/
    width: 33px;
    display: table-cell;
    padding: 0 8px 0 0;
}

.side_menu .bl_list_side_menu .item .check span {
    /*background: url(../images/icons_side_menu.png) 0 0 no-repeat;
    background: url(../images/icons/shopping-bag.svg) 40% 20% no-repeat;*/
    width: 33px;
    height: 33px;
    float: left;
    display: block;
    margin: 5px 0 0 0;
}
.side_menu .bl_list_side_menu.setting {
    padding-bottom: 50px;
}

.input-consultant-time input {
    width: 54px;
    height: 24px;
    float: left;
    border: 1px solid #80807f;
    padding: 5px;
    color: #000001;
    font-style: italic;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Amble, sans-serif;
    vertical-align: middle;
    display: block;
    margin: 4px 0px 0px 0px;
}
.input-consultant-time label {
    font-size: 13px;
    margin: 7px 0px 0px 2px;
    display: inline-block;

}
.content {
    clear: both;
    /*padding: 45px 0 98px; */
    padding-top: 45px;
}

.content.test {
    padding: 0;
    min-height: 0;
}

.top_nm {
    padding-top: 47px;
}

.pos_frm {
    width: 100%;
    height: 100%; /*height: 88%;*/
    position: absolute;
    top: 0;
    box-sizing: border-box;
    padding: 47px 0 38px; /*margin: 47px 0 38px;*/
    left: 0;
}

.frm {
    color: #979eac;
    text-align: center;
    /*border-bottom: 1px dashed #515962; */
    /*margin: 0 0 15px;*/
    /*margin: 0 0 45px;*/
    margin-bottom: 13px;
}

.frm.search {
    margin: 0 0 15px;
}

#radius_bl {
    display: none;
}

.frm.search .bl_slider {
    margin: 0 0 15px;
    height: 45px;
}

.frm.search .bl_slider #radius_slider, .frm.search .bl_slider #time_slider {
    bottom: -27px;
    position: relative;
}

.frm.search .bl_slider .count {
    opacity: 0;
    position: absolute;
    bottom: 29px;
    text-align: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.frm.search .bl_slider .count_cont {
    background: #FFF; /*padding: 0 7px;*/
    padding: 0 4px;
    min-width: 14px;
    line-height: 19px;
    font-size: 11px;
    color: #000;
    font-weight: normal;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #cbcbcb;
    -moz-box-shadow: 1px 1px 1px #cbcbcb;
    -webkit-box-shadow: 1px 1px 1px #cbcbcb;
}

.frm.search .bl_slider .count_decor {
    opacity: 0;
    position: absolute;
    bottom: 23px;
    text-align: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    background: url(../images/count_decor.png) 0 0 no-repeat;
    width: 13px;
    height: 6px;
    line-height: 19px;
    margin: 0 auto;
}

.frm.search .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
}

.frm.search .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
}

.frm.search .bl_slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -5px;
    position: relative;
    height: 20px;
    width: 20px;
    background: #c49a6c;
    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
}

.frm.search .bl_slider input[type=range]::-moz-range-track {
    height: 10px;
    background: #E3E3E3;
    border: 0;
    border-radius: 5px;
    -moz-user-select: none;
    user-select: none
}

.frm.search .bl_slider input[type=range]::-moz-range-thumb {
    position: relative;
    height: 20px;
    width: 20px;
    background: #c49a6c;
    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
}

.frm.search .bl_slider input[type=range]::-moz-focus-outer {
    border: 0
}

input[type=range]::-ms-track {
    height: 10px;
    background: 0 0;
    border: 0;
    color: transparent
}

.frm.search .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
}

.frm.search .bl_slider input[type=range]::-ms-thumb {
    position: relative;
    height: 20px;
    width: 20px;
    background: #c49a6c;
    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
}

.frm.search .bl_slider input[type=range]::-ms-tooltip {
    display: none
}

input[type=range]:focus {
    outline: #343f4a dotted thin;
    outline-offset: 1px
}

.frm.search .with_photo { /*display:none;*/
    height: 17px;
    width: 17px;
    margin-top: 5px;
}

.frm.search .label_with_photo {
    display: inline;
    cursor: pointer;
    vertical-align: middle;
}

.frm.search .niceRadio a {
    width: 17px;
    height: 17px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    background: url(../images/checkbox_radiobox.png) 0 0 no-repeat;
    vertical-align: top;
    margin: 5px 0 0;
}

.frm.search .niceRadio a.checked {
    background-position: -17px 0;
}

.frm.nb {
    border-bottom: none;
}

.frm .bl {
    margin: 0 0 13px;
    position: relative;
}

.frm .bl_add {
    margin: 0 auto 13px;
    font-size: 12px;
    width: 260px;
    padding: 0;
    text-align: right;
    position: relative;
}

.frm .bl_add a {
    color: #c4996c;
    font-size: 14px;
}

.frm .bl label {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding: 0 5px 0 0; /*padding: 1px 5px 0 0;*/
    /*min-height: 30px; */
    /*line-height: 26px;*/ /*white-space: nowrap;*/
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

/*.frm .bl label:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}*/

.frm. label.bl {
    float: right;
}

.frm.settings .bl label.lsetting {
    width: 102px;
    text-align: left;
}

.frm .bl input.inp {
    width: 155px;
    border-radius: 4px;
    border: 1px solid #CFCFCF;
}

.frm .bl select {
    width: 178px;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
    background: url(../images/icons/custom-select.svg) 95% no-repeat;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
       padding-left: 10px;
}
.frm .bl select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.frm .bl textarea {
    vertical-align: top;
    width: 165px;
    height: 90px;
    border-radius: 4px;
}

.frm .bl input[type=text], .frm .bl input[type=password] {
    padding: 0.2em 5px 0.2em 5px;
    margin: -3px 0 0;
    font-size: 14px;
    vertical-align: top;
    /*width: 168px;*/
    width: 155px;
    height: 22px;
    border-radius: 4px;
    border: 1px solid #acacac;
}

.frm .link {
    float: right;
    margin: 10px 8px 0 0;
}

.frm .link a:active, .frm a.link:active {
    color: #c30909;
}

.frm a.link.forgot {
    color: #979EAC;
    clear: right;
}

.frm .tooltip {
    top: -115px;
    left: 75px;
    white-space: normal
}

/*.frm.var_rb .bl {
    margin: 0 auto 13px;
    position: relative;
    width: 300px;
    text-align: left;
}*/

.frm.var_rb .bl label {
    width: 150px;
    text-align: left;
}

.frm.var_sel .bl {
    margin: 0 auto 15px;
    position: relative;
    width: 300px;
    text-align: left;
}

.frm.var_sel .bl label {
    width: 150px;
}

.frm.var_sel .bl b.orientation {
    height: 26px;
    display: inline-block;
    line-height: 26px;
}

.frm.var_sel .bl input.inp {
    width: 180px;
}

.frm.var_sel .bl input.register {
    width: 166px;
    height: 21px;
}

.frm.var_sel .bl .tooltip.top {
    top: -95px;
}

.frm.var_sel .bl .tooltip.bottom {
    top: 40px;
}

.frm.var_sel .bl .tooltip.bottom .decor_top {
    top: -17px;
}

.frm .bl.birthday .day {
    display: inline-block;
    margin: 0 5px 0 0;
}

.frm .bl.birthday .month {
    display: inline-block;
    margin: 0 5px 0 0;
}

.frm .bl.birthday .year {
    display: inline-block;
}

.frm .bl.from .partl {
    display: inline-block;
    margin: 0 5px 0 0;
}

.frm .bl.from .partr {
    display: inline-block;
    vertical-align: top;
}

.frm .bl.from select {
    width: 84px;
}
.bl_email_not_confirm .custom_tooltip {
    border: 1px solid #333 !important;
    top: 280px !important;
}
.bl_email_not_confirm .custom_tooltip:after {
    right: 0 !important;
}
#form_box .custom_tooltip {
    border: 1px solid #333;
    left: 14px!important;
}
#form_box .custom_tooltip:after {
    right: 0;
}
.bl_ch {
    display: inline-block;
    width: 155px;
}

.bl_ch input {
    padding: 0;
    margin: 4px 5px 0 0;
    float: left;
    cursor: pointer;
}

.bl_ch label {
    float: left;
    cursor: pointer;
}

.frm_center {
    position: absolute;
    border-bottom: none;
    margin: auto;
    left: 0px;
    top: 50px;
    bottom: 0px;
    right: 0px;
    width: 300px;
    max-height: 220px;
    height: 80%;
    height: calc(220px); /*huck for old Androids*/
    margin-top: calc(50vh - 135px);
    padding-top: calc(135px - 50vh);
    transition: margin .4s, padding .4s;
}

.frm_center.one {
    height: 80px;
    margin: auto;
    padding: 0
}

.bl_email_not_confirm {
    height: 100%;
    width: 100%;
}

.frm_center.one.email_not_confirm {
    position: static;
    margin: 0 auto;
    padding-right: 20px;
    height: 100%;
    display: table;
}

.frm_center.one.email_not_confirm .bl {
    width: 305px;
    position: static;
    display: table-cell;
    vertical-align: middle;
}

.frm_center label.bl {
    white-space: nowrap;
    float: right;
    margin: 8px 0;
}

.frm_center .bl input.inp {
    width: 184px;
}

.frm_center .bl div.info {
    width: 305px;
    padding: 0 0 20px 7px;
}

.frm_center label.bl.remember {
    margin: 17px 8px 12px;
    cursor: pointer;
}

.frm_center label.bl.terms {
    margin: 17px 8px 12px 10px;
    cursor: pointer;
}

.frm_center label.bl.terms input {
    margin-right: 4px;
}

.form_login {
    position: static;
}

/*-- tooltip --*/
.tooltip {
    margin: 0 15px;
    /*box-shadow: 0 0 15px #1c1c1c;*/
    padding: 12px;
    border-radius: 0px;
    text-align: left;
}

.tooltip.error {
    max-width: 100px;
    max-height: 20px;
    padding: 12px;
    font-size: 10px;
    position: absolute;
    z-index: 4;
}

.tooltip.center {
    top: 50%;
    left: 0;
    margin: -37px 0 0;
}

.tooltip.center.tip_alert {
    margin-top: -37px;
    width: 100%;
}

.tooltip .decor {
    width: 37px;
    height: 17px;
    position: absolute;
    bottom: -17px;
    left: 26px;
}

.tooltip .decor_top {
    width: 37px;
    height: 17px;
    position: absolute;
    top: -17px;
    left: 26px;
}

.tooltip .icon {
    color: black;
    font-size: 15px;
    padding: 0 0 0 50px;
    min-height: 60px;
    display: flex;
    align-items: center;
	margin-bottom: 10px;
}

.tooltip.green {
    background: #379462;
    border-top: 1px solid #4fc284;
    border-bottom: 1px solid #296e49;
}

.tooltip.green .decor {
    background: url(../images/tooltip_decor_green.png) 0 0 no-repeat;
}

.tooltip.green .icon {
    background: url(../images/icon_tooltip_check.png) 0 0 no-repeat;
}

.tooltip.red {
    background: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: black;
    display: flex;
    flex-flow: column;
}
.tooltip.red .icon a {
    color: #ff84a3
}
.custom_tooltip.tooltip.top.red {
    border: 1px solid #000;
}
.custom_tooltip.tooltip.top.red:after {
    right: 0px !important;
}
.tooltip.red .decor {
    background: url(../images/tooltip_decor_red.png) 0 0 no-repeat;
}

.tooltip.red .decor.no_arrow {
    background: none;
}

.tooltip.red .decor_top {
    background: url(../images/tooltip_decor_red_top.png) 0 0 no-repeat;
}

.tooltip.red .icon {
    /*background: url(../images/icon_tooltip_error.png) 0 50% no-repeat;*/
    background: url(../images/icons/question.png) no-repeat;
}

.tooltip.blue {
    /*background: #a37fa3 url(../images/cb_images/gradient-design.jpeg) 0 0 repeat-x;*/
    background: #fff;
    border-radius: 4px;
        position: relative;

}
.tooltip.blue::after
{
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(../images/icons/goldcut.svg);
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    bottom: -12px;
}
.tooltip.red::after
{
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(../images/icons/goldcut.svg);
    position: absolute;
    right: 15px;
    background-repeat: no-repeat;
    bottom: -12px;
}
.tooltip.blue .icon {
    /*background: url(../images/icon_tooltip_error_blue.png) 0 0 no-repeat;*/
    background: url(../images/icons/important.png) no-repeat #fff;
    color: #000;
}

.tooltip.error {
    background: #c30909;
    border-top: 1px solid #fc1515;
    border-bottom: 1px solid #910606;
    max-width: 75px;
    min-height: 20px;
    max-height: 50px;
    padding: 6px;
    position: absolute;
    z-index: 4;
}

.tooltip.error .icon {
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    padding: 0px;
    height: 20px;
}

.tooltip.description {
    height: 100px;
    margin: 0 15px;
    background: #fff;
    /*border: 1px solid #acacac;*/
    border-radius: 4px;
}

/*-- /tooltip --*/

.bl_photo_textarae {
    margin: 0 10px 7px 45px;
    position: relative;
}

.bl_photo_textarae img {
    height: 50px;
    position: absolute;
    top: 0;
    left: -45px;
}

.bl_photo_textarae textarea {
    background: #fff;
    border:1px solid #acacac !important;
    border-radius: 4px !important;
    width: 100%;
    height: 44px;
    border: none;
    border-radius: 0;
    margin: 0;
}

.bl_photo_icons {
    position: relative;
}

.bl_photo_icons ul {
    margin: 0;
    padding: 0;
}

.bl_photo_icons ul li {
    margin: 0 7px 0 0;
    padding: 0;
    float: left;
}

.bl_photo_icons ul li:last-child {
    margin: 0;
}

.bl_photo_icons ul li a {
    display: block;
    /*background: url(../images/icons_pp_description.png) 0 0 no-repeat;*/
    width: 36px;
    height: 36px;
}
.bl_photo_icons ul li a:active
{
    filter: brightness(0.1);
}
.bl_photo_icons ul li a.icon_profile {
    background: url(../images/icons/user.svg) 50% no-repeat;
    background-size: cover;
    /*background-position: 0 0;*/
}

/*.bl_photo_icons ul li a.icon_profile:active {
    background-position: 0 -180px;
}*/

.bl_photo_icons ul li a.icon_unblock {
    background: url(../images/icons/lock_opened.svg) 50% no-repeat;
     background-size: contain;
     margin-right: 5px;
    /*background-position: 0 -36px;*/
}

.bl_photo_icons ul li a.icon_unblock:active {
    background-position: 0 -216px;
}

.bl_photo_icons ul li a.icon_block {
    background: url(../images/icons/lock_closed.svg) 50% no-repeat;
    background-size: contain;
/*    background-position: 0 -144px;*/
}

.bl_photo_icons ul li a.icon_block:active {
    background-position: 0 -324px;
}

.bl_photo_icons ul li a.icon_delete {
    /*background-position: 0 -72px;*/
    background: url(../images/icons/trash-small.svg) no-repeat;
        background-size: contain;
}

/*.bl_photo_icons ul li a.icon_delete:active {
    background-position: 0 -252px;
}*/

.bl_photo_icons ul li a.icon_check {
    /*background-position: 0 -108px;*/
    background: url(../images/icons/checked.svg) no-repeat;
        background-size: contain;
}

/*.bl_photo_icons ul li a.icon_check:active {
    background-position: 0 -288px;
}*/

.bl_photo_icons ul li a.icon_rotate {
    background: url(../images/icon_rotate.png) 0 2px no-repeat;
    opacity: 1;
}

/*.bl_photo_icons ul li a.icon_rotate:active {
    opacity: .8;
}*/

.bl_photo_icons ul li a.icon_play {
    background: url(../images/icon_play.png) 0 0 no-repeat;
    opacity: 1;
}

/*.bl_photo_icons ul li a.icon_play:active {
    opacity: .8;
}*/

.bl_blocked_photo {
    background: url(../images/icon_blocked_photo.png) 0 0 no-repeat;
    width: 175px;
    height: 174px;
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    margin: -67px 0 0 -87px;
}

.head {
    position: relative;
    z-index: 2;
    /*background: #000000;*/
    background: #fff;
    /*font-size: 3vw;*/
    font-size: 12px;
    /*text-transform: uppercase;*/
    color: #fff;
    margin: 1px 0 15px;
    clear: both;
    color: #000;
}

.head .head_title {
    box-sizing: border-box;
    padding: 0.8vw 1vw 0.7vw;
    color: #000;
    font-size: 16px;
}

.head.empty {
    background: none;
    border: none;
    height: 0px;
    line-height: 0;
    padding-top: 0;
}

.head.nm {
    margin-bottom: 0;
}

.head span {
    color: #fff;
}

.head span.gray {
    color: #fff;
}

.head span.green {
    color: #fff;
}

#head_gift_price.head span {
    color: #fff;
}

.head a.link_add {
    background: #FFFFFF url(../images/icon_link_add.png) 5px 50% no-repeat;
    display: block;
    padding: 1.1vw 5px 0.6vw 20px;
    margin: -1px 1vw -1px 0;
    text-transform: none;

    border: 1px solid #657483;
    box-sizing: border-box;
}

.head a.link_add:active {
    background: #273039 url(../images/icon_link_add.png) 5px 50% no-repeat;
    border: 1px solid #2d3742;
}

.head a.link_add.active {
    background: #273039 url(../images/icon_link_add.png) 5px 50% no-repeat;
    border: 1px solid #2d3742;
}

.head a.link_edit {
    background: #FFFFFF url(../images/icons/pencil_edit.svg) no-repeat;
        width: 30px;
    height: 30px;
    background-size: cover;
/*    padding: 1.1vw 5px 0.6vw 20px;
    margin: -1px 1vw -1px 0; */
    /*position: absolute; top: -1.6vw; right: 1vw;*/
    display: block; /*margin: -1vw 0 -1vw;*/
    text-transform: none;

/*    border: 1px solid #657483;
    box-sizing: border-box;*/
}

.head a.link_edit:active {
    /*background: #273039 url(../images/icon_link_edit.png) 5px 50% no-repeat;
    border: 1px solid #2d3742;
    filter: brightness(0.8);*/
    background: #FFFFFF url(../images/icons/pencil_edit_black.svg) no-repeat;
}

.head a.link_edit.active {
   /* background: #273039 url(../images/icon_link_edit.png) 5px 50% no-repeat;
    border: 1px solid #2d3742;
     filter: brightness(0.8);*/
    background: #FFFFFF url(../images/icons/pencil_edit_black.svg) no-repeat;
}

/*@-moz-document url-prefix() {
    .head a.link_edit {
        padding: 1vw 5px 0.8vw 20px;
    }
    .head a.link_add {
        padding: 1vw 5px 0.8vw 20px;
    }
}*/

.bl_activate {
    margin: -15px 0 0;
}

.bl_activate .item {
    border-bottom: 1px dashed #515962;
    padding: 0 20px 0 0;
}

.bl_activate .item .title {
    color: #ca9e67;
}

.bl_activate .item p {
    padding: 0; /*line-height: 18px;*/
}

.bl_activate .item .icon {
    line-height: 24px;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0 15px 60px;
    height: 47px;
}

.bl_activate .item .encounters {
    background: url(../images/icon_activate_encounters.png) 0 50% no-repeat;
}

.bl_activate .item .city {
    background: url(../images/icon_activate_city.png) 11px 50% no-repeat;
}

.bl_activate .item .chat {
    background: url(../images/icon_activate_chat.png) 0 50% no-repeat;
}

.bl_activate .item .invisible {
    background: url(../images/icon_activate_invisible.png) 0 50% no-repeat;
}

.bl_activate .item .special {
    background: url(../images/icon_activate_special.png) 0 50% no-repeat;
}

.bl_activate .item .videochat {
    background: url(../images/icon_videochat.png) 4px 50% no-repeat;
}

.bl_activate .item .audiochat {
    background: url(../images/icon_audiochat.png) 6px 50% no-repeat;
}

/*.bl_choose { margin: 0 10px 20px;
    margin: 0 10px 65px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #515962;
    cursor: pointer;
}*/

.bl_choose span.data {
    color: #ca9e67;
}

.bl_choose .niceRadio a {
    margin: 6px 3px 0 0;
}

.bl_choose .item { /*color: #8a99a2;*/
    display: table;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    color: #000;
    /*background: #000000;*/

    margin: 0 0 9px;
    padding: 0 2px;
    border-radius: 4px;

    height: 29px; /*line-height: 28px;*/
    cursor: pointer;
}

.bl_choose .item .txt {
    display: table-cell;
    vertical-align: bottom;
    height: 29px;
    width: 100%;
}

/*.bl_choose .item.selected {
    background: #cd7197;
    color: #fff;
    text-shadow: -1px -1px 0 #1c6c6c;
}
*/
.bl_choose .item .check {
    /*background: url(../images/checkbox_radiobox.png) 0 0 no-repeat;*/
    border: 1px solid #acacac;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    float: left;
    margin: 8px 6px 0 0;
    position: relative;
}

.bl_choose .item.selected .check::after {
    /*background-position: -17px 0;*/
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #c4996c;
    border-radius: 50%;
    top: 4px;
    left: 4px;
}

.bl_choose select {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    border-radius: 4px;
    background: url(../images/icons/custom-select.svg) 95% no-repeat;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.bl_choose select#pay_currency
{
    margin-bottom: 13px;
}
.bl_filter_choose {
    margin: 0 10px 5px;
}

.bl_filter_choose ul {
    margin: 0 0 13px;
    padding: 0;
    float: left;
    width: 100%;
}

.bl_filter_choose ul li {
    margin: 0;
    padding: 0;
    height: 79px;
    float: left;
    text-align: center;
}

.bl_filter_choose ul li a {
    display: block;
    background-color: #acacac;
    color: #fff;
    /*border-top: 1px solid #577483;*/
    text-align: center;
    /*border-bottom: 1px solid #2f4049;*/
    margin: 0 13px 0 0;
    height: 75px;
    padding: 4px 0 0;
    border-radius: 4px;
}

.bl_filter_choose ul li.selected a {
    position: relative;
    background-color: #c49a6c;
  /*  border-top: 1px solid #3ed1d2;
    border-bottom: 1px solid #1f7878;*/
}

.bl_filter_choose ul li a span.vblock {
    height: 57px;
    vertical-align: middle;
    display: inline-block;
}

.bl_filter_choose ul li a span.vblock_pic {
    height: 57px;
    display: table-cell;
    vertical-align: middle;
}

.bl_filter_choose ul li a span.signature {
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.bl_filter_choose ul li a span.icon_filter_check {
    display: block;
    background: url(../images/icon_filter_check.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 4px;
    right: 4px;
}

.bl_filter_choose ul li:last-child a {
    margin: 0;
}

.bl_filter_choose ul.col3 li {
    width: 33.33%;
}

.bl_filter_choose ul.col2 li {
    width: 50%;
}

.bl_filter_choose ul.col1 li {
    width: 100%;
}
/*
.bl_settings {
    margin: 0 10px 20px;
    padding: 0 0 10px;
}*/

.bl_settings ul.list {
    margin: 0;
    padding: 0;
}

.bl_settings.filter select {
    width: 100%;
}

.bl_settings ul.list li {
    margin: 0 0 18px;
    padding: 0;
}

.bl_settings ul.list li a {
    display: block;
    line-height: 16px;
    color: #fff;
    border-radius: 4px;
background-color: #c4996c;
    height: 35px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 18px;
}
.bl_settings ul.list li:last-child
{
    position: absolute;
    width: 100%;
    bottom: -200px;
}
.bl_settings ul.list li:last-child a
{
    background-color: #000;

}
.bl_settings ul.list li a:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

.bl_settings ul.list li a:active {
    filter: brightness(1.1);
}

.bl_settings ul.list li a .loader_to_settings {
    position: relative;
    display: inline-block !important;
    margin: 0;
    right: -5px !important;
    left: none; /*top: -5px;*/
    bottom: none;
    height: 19px;
    width: auto;
}

.bl_settings ul.list li a .loader_to_settings .spinner { /*font-size: 18px; top: 8px;*/
    top: 50%;
    margin: -4px 0 0;
    height: 20px;
}

.bl_settings .info {
    color: #979eac;
    font-size: 16px;
    line-height: 20px;
}

.bl_settings .info span {
    color: #fff;
}

.bl_settings .info a {
    text-decoration: underline;
    color: #979eac;
}

.bl_settings .rb {
    display: inline-block;
}

.bl_settings .rb span {
    cursor: pointer;
}

.bl_settings .rb label {
    width: auto !important;
    cursor: pointer;
}

.bl_settings .bl.agree .bl_ch {
    width: 225px;
}

.bl_settings .bl.agree .bl_ch label {
    width: 170px;
    text-align: left;
    font-size: 12px;
}

.bl_settings .bl.agree .bl_ch label:before {
    content: none;
}

.bl_settings.filter .frm .bl.form_resize {
    width: 100%;
}

.bl_settings.filter .frm .bl.form_resize .resizel {
    margin: 0 10px 0 0;
}

.bl_settings.filter .frm .bl.form_resize .resizer {
    margin: 0 0 0 10px;
}

.bl_settings.filter .frm .bl.form_resize .partl {
    width: 50%;
    float: left;
}

.bl_settings.filter .frm .bl.form_resize .partr {
    width: 50%;
    float: right;
}

.bl_settings.filter .frm .bl.form_resize .def {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 4px 0 0 -2px;
}

.settings_menu_block {
    position: relative;
}

/*.bl_img_one~* {z-index: 1; opacity: .9999}, .bl_img~* - line 120*/
.not_swipe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30px;
    z-index: -1;
}

.bl_img {
    width: 100%;
    width: 100vw;
    height: auto;
    top: 45px;
    bottom: 0;
    text-align: center;
    position: absolute;
        /*max-height: 125vw;*/
    margin-top: 40px;
    -webkit-perspective: 300px;
    perspective: 140vmin;
    cursor: url(../images/cursor_swap.png), pointer;
}

.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_img.trans > * {
}

.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):not(.tagAdderContainer):not(#cb-video-container):not(.btn-bigger-fix) {
    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);
    width: 90%;
    border-radius: 4px;
}

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

.loader.loader_image {
    position: absolute;
    margin-top: -22px;
    display: block;
    -webkit-transition: .4s linear .6s;
    transition: .4s linear .6s;
}

*:not(.hidden) ~ .loader_image {
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.bl_add_photo {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    height: 90px;
    margin: -45px 0 0 0;
    display: none;
}

.bl_add_photo a.add_photo {
    background: url(../images/nophoto_b.svg) 0 0 no-repeat;
    height: 120px;
    display: block;
    margin: 0 auto;
    position: static;
    color: #565d6a;
}
.stnd-input {
    margin: 0;
    padding: 3px 5px;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Amble', sans-serif;
    border: 1px solid #acacac;
    resize: none;
    border-radius: 4px;
    outline: none;
    margin-bottom: 12px;
}
#panel_report_notification_subject {
    width: 96%;
    font-size: 14px;
}
.bl_add_photo a.add_photo:active {
   background: url(../images/nophoto_c.svg) 0 0 no-repeat;
}

.bl_add_photo a span {
    display: block;
    padding: 73px 0 0;
}

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

.bl_private_photo .count {
    font-size: 18px;
    color: #545a6b;
    margin: 0 10px 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bl_private_photo .txt {
    font-size: 14px;
    color: #4f5565;
    margin-top: 8px;
}

.bl_private_photo .txt.color {
    color: #b22828;
}

.bl_private_photo .txt a {
    color: #b22828;
}

.bl_info_photo_top {
    color: #fff;
    position: relative;
    top: 60px;
    z-index: 99;
}
.bl_info_photo_top .name {
    float: left!important;
    margin-left: 20px!important;
}

.bl_info_photo_top .count {
    float: right;
        position: relative;
    bottom: 10px;
    right: 10px;
}

.bl_info_photo_top .count span {
    margin: 0 0 0 10px;
    display: block;
    /*background-color: rgba(0, 0, 0, 0.4);*/
    background-image: url(../images/icons/photo_icon.svg);
    background-position: 100% 70%;
    background-size: 28px;
    color: #000;
    background-repeat: no-repeat;
    border-radius: 4px;
    height: 23px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 2px 28px 0 23px;
    font-size: 12px;
    line-height: 12px;
}

.bl_info_photo_top .count span:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

.bl_info_photo_top .name {
    font-size: 16px;
    /*text-shadow: 1px 1px 0 #000;*/
    color: #000;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    /*top: 0;*/
    bottom: 10px;
    width: initial;
    padding: 3px;
    /*
    float: initial!important;
    margin: 0!important;*/
}
#encounters_user_info.bl_info_photo_top .name {
    float: initial!important;
    margin: 3px 0 0 0 !important;
}

.bl_info_photo_top .name .status {
    left: -10px;
    top: -3px;
    position: absolute;
    /*margin: -5px 5px 0;*/
        display: inline-block;
}
.name-age-fixed .bl_info_photo_top .name .status {
    vertical-align: super;
}
.bl_nav_profile {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.bl_nav_profile ul {
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
        display: flex;
    justify-content: space-evenly;
}

.bl_nav_profile ul.col3 li {
    width: 50%;
}

.bl_nav_profile ul.col3 li {
    width: 33%;
}

.bl_nav_profile ul.col4 li {
    width: 25%;
}

.bl_nav_profile ul.col5 li {
    width: 20%;
}

.bl_nav_profile ul li {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 14px;
    /*text-shadow: 1px 1px 0 #000;*/
    position: relative;
}

.bl_nav_profile ul li a {
    width: 64px;
    display: block;
    margin: 0 auto;
}

.bl_nav_profile ul li a.cloud { /*background: url(../images/cloud_hover.png) 50% 6px no-repeat;*/
}

/*.bl_nav_profile ul li a:hover{background: -webkit-radial-gradient(center, circle contain, #fff 0%,#1e2028 100%);}*/

.bl_nav_profile ul li span {
    margin: 0;
    padding: 55px 0 0;
    display: inline-block;
    /*background: url(../images/icon_nav_profile.png) 50% 0 no-repeat;*/
    min-width: 64px; /*min-width: 66px;*/
    color: #fff;
    margin-top: -10px;
}

.bl_nav_profile ul li span.cloud {
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -32px;
    display: inline-block;
    background: url(../images/cloud_hover.png) 50% 6px no-repeat;
    width: 64px;
    height: 63px;
}

.bl_nav_profile ul li span.profile {
    background-position: 50% 0;
}

.bl_nav_profile ul li span.photos {
    background-position: 50% -150px;
}

.bl_nav_profile ul li span.credits {
    background-position: 50% -302px;
}

.bl_nav_profile ul li span.on {
    background-position: 50% -450px;
}

.bl_nav_profile ul li span.chats {
    background-position: 50% -600px;
}

.bl_nav_profile ul li span.meet {
    /*background-position: 50% -750px;*/
        background: url(../images/icons/handshake.svg) 0 50% no-repeat;
        background-size: contain;
}
.bl_nav_profile ul li span.metam
{
    background: url(../images/icons/menu-metamorphosis-white.svg) 50% no-repeat;
    background-size: 70%;
}
/*.bl_nav_profile ul li span.meet.active {
    background-position: 50% -825px
}*/

.bl_nav_profile ul li span.gift {
    background-position: 50% -900px;
}

.bl_check_photo {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
}

.more_encounters_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 101;
    display: none;
}
.more_encounters_btn.visible {
    display: block;
}
.more_encounters_btn div.roll_upp {
    width: 100%;
    text-align: center;
    height: 30px;
    overflow: hidden;
    z-index: 10000;
}

.more_encounters_btn a.top span {
    margin: 0 auto;
    width: 200px;
	border: 1px solid #000000;

    /*border:0!important;*/

    background: url(../images/cb_images/gradient-design.jpeg) 0 0 repeat-x !important;
	/*background: #c49a6c;*/

    background-size: cover!important;

    color: #fff;
    display: inline-block;
    height: 30px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    line-height: 30px;
    cursor: pointer;
}

.more_encounters_btn .qu {
    background: #fff;
    color: #000;
    padding: 10px;
    border-top: 2px solid #2178bf;
    overflow-y: scroll;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

#encounters_undo {
    position: absolute;
    left: 10px;
    top: 48px;
    border-radius: 10px;
    width: 30px !important;
    height: 30px;
    background: url(../images/icons/arrow_back.svg) 50% no-repeat;
    display: block;
    z-index: 3;
    cursor: pointer;
}
#encounters_user_info.bl_info_photo_top {
    z-index: 2;
}
#encounters_next {
    position: absolute;
    left: 10px;
    top: 48px;
    border-radius: 10px;
    width: 30px !important;
    height: 30px;
    background: url(../images/icons/arrow_back.svg) 50% no-repeat;
    display: block;
    z-index: 2;
    cursor: pointer;
}

.bl_check_photo ul {
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 15px 18px 10px 18px;
}

.bl_check_photo ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 32%;
    font-size: 14px;
    /*text-shadow: 1px 1px 0 #000;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.bl_check_photo ul li a {
    position: relative;
    margin: 0;
    /*padding: 55px 0 0;*/
    display: inline-block;
    /*background: url(../images/icons_check_photo.png) 50% 0 no-repeat;*/
    width: 80px;
}
.bl_check_photo ul li a.maybe
{
    border: 1px solid #000000;
    border-radius: 4px;
}
.bl_check_photo ul li a.yes
{
    border: 1px solid #c49a6c;
    border-radius: 4px;
    background-color: #c49a6c;
}
.bl_check_photo ul li a:active
{
    box-shadow: 0 0 0 2px #c4996c;
}
.bl_check_photo ul li a#encounters_like_yes:active
{
    box-shadow: 0 0 0 2px #000;
}
/*.bl_check_photo ul li a.yes {
    background-position: 50% 0;
}
*/
.bl_check_photo ul li a span.txt
{
    display: block;
            padding-bottom: 3px;
    padding-top: 3px;
}
.bl_check_photo ul li a.yes span.txt {
    margin-left: 4px;
}

/*.bl_check_photo ul li a.yes:active, .bl_check_photo ul li a.yes:hover .bl_check_photo ul li a.yes.active { background-position: -1px -76px; }*/
/*.bl_check_photo ul li a.maybe {
    background-position: 50% -152px;
}*/

.bl_check_photo ul li a.maybe span.txt {
    margin-left: 2px;
    color: #000;
}

/*.bl_check_photo ul li a.maybe:active, .bl_check_photo ul li a.maybe:hover .bl_check_photo ul li a.maybe.active { background-position: -1px -228px; }*/
.bl_check_photo ul li a.no {
    /*background-position: 50% -304px;*/
    border-radius: 4px;
    border: 1px solid #000000;
    background-color: #000000;
}
.bl_check_photo ul li a.no:active
{
    box-shadow: 0 0 0 2px #c4996c;
}
/*.bl_check_photo ul li a.no:active, .bl_check_photo ul li a.no:hover .bl_check_photo ul li a.no.active{ background-position: -1px -380px; }*/
.bl_check_photo ul li span.cloud {
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -31px;
    display: inline-block;
    background: url(../images/cloud_hover.png) 50% 6px no-repeat;
    width: 64px;
    height: 63px;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: -1
}

.bl_check_photo ul li a.no span.cloud {
    margin: 1px 0 0 -32px;
}

#encounters_btn_like.bl_check_photo {
    display: none;
}

#encounters_btn_like.bl_check_photo.visible {
    display: block;
}

.bl_list_photo {
    position: relative;
}

.bl_list_photo.profile_top {
}

.bl_list_photo ul li .shadow {
    background: url(../images/list_photo_shadow.png) 0 0 repeat-x;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.31), rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
    width: 100%;
    height: 26px;
    position: absolute;
    bottom: 0;
    left: 0;
}

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

.status {
    width: 9px;
    height: 9px;
    /*position: absolute;*/
    top: 3px;
    right: 3px;
}

.status.online {
    /*background: url(../images/status.png) 0 0 no-repeat;*/
        /*background-color: #80aa00;*/
        background-color: #8dc63f;
    border-radius: 50%;
}
.status.offline
{
    background-color: #acacac;
    border-radius: 50%;
}
.status.online.messages {
    opacity: 0;
}
.porady-wrapper .status {
    float: left;
    margin-right: 4px;
    margin-top: 4px;
}
.online-status-text {
    font-style: italic;
    margin-top: 5px;
}
.status_3dcity {
    display: none;
    width: 32px;
    height: 26px;
    position: absolute;
    top: 4.2vh;
    right: 0;
    background: url(../images/icon_3dcity.png) 0 0 no-repeat;
}

.bl_info_photo_top .status_3dcity.to_show {
    display: block
}

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

.friend_pending {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 3px;
    background: url(../images/icon_pending.png) 0 0 no-repeat;
}

.icon_status_warning, .change_settings_events {
    /* background: url(../images/status_warning.png) 0 0 no-repeat; */
    width: 9px;
    height: 10px;
    display: inline-block;
	background-color: #CA9E67;
	border-radius: 50%;
}

.bl_message_one {
    /*padding: 10px 0;*/
    margin: 0 0 12px;
    /*height: calc(100vh - 300px);*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
        margin-top: 30px !important;
            padding: 12px 0 !important;
}

.bl_message_one .item {
    padding: 0 10px;
    position: relative;
}
.txt.right.messages_msg {
    position: relative;
}
.im_msg_one.fix_right::before {
    content: "";
    background: #eee;
    width: 90%;
    height: 100%;
    position: absolute;
    right: -5px;
    border-radius: 4px 0 0 4px;
}
.im_msg_one.fix_right {
    position: relative;
    margin-bottom: 5px;
}
.txt.right.messages_msg span {
    position: relative;
    z-index: 2;
    display: block;
    padding-top: 3px;
    line-height: normal;
}
.bl_message_one .item .message .msg .time_right {
    padding-top: 3px;
}
/*.bl_message_one .item:not(.right):not(.to_one_chat) {
        background: #eee;
    border-radius: 10px 0 0 10px;
        margin-left: 10px;
}*/
/*.bl_message_one .item:not(:first-child):before {
    content: "";
    background: #acacac;
    width: 90%;
    height: 1px;
    position: relative;
    display: block;
    margin: 10px auto;
}*/

.bl_message_one .item .bl {
    display: table-row;
}

.bl_message_one .item .bl:active .pic img {
    transition: all .4s;
    opacity: 1;
}

.bl_message_one .item .pic {
    width: 36px;
    height: 40px;
    float: left;
    position: relative;
    margin: 1px 10px 0 0; /*padding: 1px 0 0;*/
}

.bl_message_one .item .pic a {
    display: inline-block;
}

.bl_message_one .item.item_writing .pic {
    width: 36px;
    height: 20px;
    float: left;
    position: relative;
    margin: 0 10px 0 0; /*padding: 1px 0 0;*/
}

.bl_message_one .item .pic img {
    width: 36px;
    height: 40px;
    border-radius: 4px;
    margin-top: 13px;
    transition: all .4s;
    opacity: 0.9;
}

.bl_message_one.general {
    padding: 0;
    margin: 0;
}

.bl_message_one.general .item {
    /*border-bottom: 1px dashed #555d67;*/
    padding: 5px 10px;
    position: relative;
}

.bl_message_one.general .item .pic a.im_delete {
    display: none;
}

.bl_message_one.general .item .pic img.im_delete_empty {
    display: none;
}

.bl_message_one.general .item .pic {
  /*  width: 62px;
    height: 70px;*/
    width: 50px;
    height: 50px;
    float: left;
    position: relative;
    cursor: pointer;
    margin: 0 10px 0 0;
}

.bl_message_one.general .item .pic .shadow {
    background: url(../images/list_photo_shadow.png) 0 0 no-repeat;
    width: 62px;
    height: 26px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 3px 3px;
}

.bl_message_one.general .item .pic .name {
    position: absolute;
    bottom: 3px;
    left: 3px;
    font-size: 12px;
    line-height: 14px;
    text-shadow: 1px 1px 0 #000;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 6px);
}

.bl_message_one.general .item .pic .frame_pic {
    position: absolute;
    top: 0;
    left: 0;
    /*background: url(../images/frame_pic.png) 0 0 no-repeat;*/
    /*width: 62px;
    height: 70px;*/
        width: 50px;
    height: 50px;
    margin-top: 1px;
    margin-left: -2px;
    border: 3px solid #acacac;
}

.bl_message_one.general .item .pic img {
    width: auto;
    height: auto;
    border-radius: 4px;
   /* max-width: 100%;
    max-height: 100%;*/
        width: 50px;
}

.bl_message_one.general .im_msg_one {
    position: relative;
}

.bl_message_one.general a.icon_new_mail {
    transition: opacity .4s;
    display: block;
    opacity: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    background: url(../images/icon_new_mail.png) 0 0 no-repeat;
    width: 19px;
    height: 14px;
}

.bl_message_one.general a.icon_new_mail.show {
    opacity: 1;
}

.bl_message_one.general .item .message .msg .right {
/*    background: #9f2626;
    text-shadow: -1px -1px 0 #6b1919;
    border-top: 1px solid #cf3a39;
    border-bottom: 1px solid #761c1c;*/
    float: left;
    margin: 1px 0 14px;
}

.bl_message_one.general .item .message .msg .time_left,
.bl_message.general .item .message .msg .time_left {
    float: left;
    color: #64687c;
    font-size: 12px;
    padding: 3px 0 0;
    margin: 0;
    position: absolute;
    z-index: 1;
    bottom: -9px;
    left: 0;
}

.bl_message_one .item .message {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding: 10px 0;
}
.bl_message_one .item .message .name
{
    font-weight: 500;
}
.bl_message_one .item .message .name .time_left
{
    display: inline-block;
    float: right;
    color: #acacac;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
}
.bl_message_one .item .message .name .time_left img
{
    float: left;
    margin-right: 7px;
    margin-top: 3px;
        height: 10px;
    width: 10px;
}

.bl_message_one .item .message .msg {
    float: left;
    font-size: 13px;
    width: 100%; /*margin: 1px 0 0;*/
        margin-top: 5px;
}
.bl_message_one .item .message .msg[id ^= "im_box_msg"] {
            max-height: 104px;
        overflow: hidden;
}
.bl_message_one .item .message .msg .smile {
    height: 19px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.bl_message_one .item .message .msg .time_left,
.bl_message .item .message .msg .time_left {
    float: left;
    color: #64687c;
    /*font-size: 12px;*/
    /*padding: 3px 0 0;*/
    /*margin: 0 0 0 -55px;*/
}

.bl_message_one .item .message .msg .time_right,
.bl_message .item .message .msg .time_right {
  /*  float: right;*/
    color: #64687c;
    /*font-size: 12px;*/
    /*padding: 3px 0 0;*/
    /*margin: 0 -55px 0 0;*/
    text-align: right;
        position: relative;
    right: 10px;
}

.bl_message_one .item .message .msg div.left, .bl_message_one .item .message .msg div.right {
    /*line-height: 19px;*/
/*    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    /*padding: 0 5px 3px; word-break: break-all;*/
     /*padding: 1px 5px 2px;*/
     font-size: 14px;
     font-style: italic;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    /*cursor: pointer;*/
        line-height: 14px;
}

.bl_message_one .item .message .show_original_message {
    background: url(../images/icons.png) 0px -1745px no-repeat;
    width: 20px;
    height: 20px;
    z-index: 5;
}

.bl_message_one .item .message .original_message {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .bl_message_one .item .message .msg div.left, .bl_message_one .item .message .msg div.right {
        padding-top: 1px;
        padding-bottom: 1px;
    }
}

.bl_message_one .item .message .msg div.left.messages_gift {
    padding: 0 5px 3px 5px;
}

.bl_message_one .item .message .msg div.left.messages_gift .gift .txt {
    padding-right: 5px;
}

.bl_message_one .item .message .msg div.right.messages_gift {
    padding: 0 5px 3px 5px;
}

.bl_message_one .item .message .msg div.right.messages_gift .gift .txt {
    padding-right: 5px;
}

.bl_message_one .item .message .msg .left {
/*    background: #269191;
    text-shadow: -1px -1px 0 #196161;
    border-top: 1px solid #38bcbd;
    border-bottom: 1px solid #1c6c6c;*/
    float: left;
    /*margin: 1px 0 14px 0;*/
}

.bl_message_one .item .message .msg .left.left_writing {
    background: none;
    border: none;
    float: left;
    margin: -6px 60px 5px 0;
}

.bl_message_one .item .message .msg .right {
/*    background: #9f2626;
    text-shadow: -1px -1px 0 #6b1919;
    border-top: 1px solid #cf3a39;
    border-bottom: 1px solid #761c1c;*/
    float: right;
    /*margin: 1px 0 14px 60px;*/
}

.bl_message_one.general .item .message .msg .left {
    margin: 0 60px 10px 0;
}

.bl_message_one.general .item .message .msg .right {
    margin: 0 0 10px 0;
}

.bl_message_one .item .message .msg .right a, .bl_message_one .item .message .msg .left a {
/*    color: #fcffb1;
    text-shadow: -1px -1px 0 #6b1919;*/
    color: #cfad88;
}

.bl_message_one .bl_tooltip_btn {
    top: -5px;
    left: 50%;
    margin: 0 0 0 -108px;
}

.bl_message_one ul.link_msg_fn {
    margin: 0 0 2px;
    padding: 0;
    float: right;
    clear: both;
}

.bl_message_one ul.link_msg_fn li {
    margin: 0 5px 0 0;
    padding: 0 7px 0 0;
    float: left;
    background: url(../images/link_msg_fn_marker.png) 100% 3px no-repeat;
}

.bl_message_one ul.link_msg_fn li:last-child {
    background: none;
    margin: 0;
    padding: 0;
}

.bl_message_one ul.link_msg_fn li a {
    color: #fcffb1;
    text-shadow: -1px -1px 0 #196161;
}

.bl_message_one .gift {
    margin: 6px 0;
}

.bl_message_one .gift .gift_pic {
    display: table-cell;
    vertical-align: middle;
}

.bl_message_one .gift .gift_pic img {
    width: 46px;
}

.bl_message_one .gift .txt {
    display: table-cell;
    vertical-align: middle;
}

.bl_message_one .gift .txt p {
    padding: 0;
    margin: 0;
}

.bl_message_one_frm {
    width: 100%;
    position: fixed;
    bottom: 10px;
    /*border-top: 1px dashed #555d67;*/
}

.bl_message_one_frm .bl {
    padding: 0 10px;
}

.bl_message_one_frm textarea {
    width: 80%;
    max-height: 80px;
    padding: 5px;
    min-height: 32px;
    margin: 0 0 6px;
    background: #ffffff;
    border-radius: 4px 0 0 4px;
    border: 1px solid #acacac;
    box-sizing: border-box;
}

.bl_message_one_frm .placeholder:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.bl_message_one_frm .placeholder::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.bl_message_one_frm .btn img {
    margin: 0 5px 0 0;
}

.bl_message_one_frm.two_fields {
    margin-top: -150px !important;
}

.bl_message_one.general .to_one_chat {
    cursor: pointer;
}

.msg_profile_pic {
    text-align: center;
}

.profile_info_pic {
    text-align: center;
    margin: 10px 0 30px;
        display: flex;
    justify-content: space-between;
}

.msg_profile_pic a, .profile_info_pic a {
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    margin-right: 14px;
}
.profile_info_pic p
{
    margin-left: 11px;
        font-size: 26px;
    padding-top: 14px;
    line-height: 1.1;
}
.msg_profile_pic a img, .profile_info_pic a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bl_tooltip_btn.center {
    top: 50%;
    width: 100%;
    left: 0;
    margin: -30px 0 0 0;
    z-index: 100000000;
}

.bl_tooltip_btn {
    position: absolute;
    z-index: 1;
}

.bl_tooltip_btn.tip_photo_info_edit {
    margin-top: -63px;
}

.bl_tooltip_btn.tip_confirm .tooltip {
        border-radius: 4px;
}

.bl_tooltip_btn .tooltip_foot {
    margin: 0 15px;
    /*padding: 7px 6px 0 6px; margin: 86px 0 0;*/
    height: 30px;
}
.tooltip.red
{
    padding-left: 24px;
}
.bl_tooltip_btn .tooltip_foot.red {
    position: relative;
    background-color: #fff;
    color: black;
    /*border-bottom: 1px solid black;*/
        border-bottom-left-radius: 4px;
        margin: 0;
}
.bl_tooltip_btn .tooltip_foot.red .fl_right
{
       display: flex;
    width: 100%;
    justify-content: center;
    bottom: 18px;
}
.bl_tooltip_btn .tooltip_foot.blue {
    background-color: #fff;
}

.bl_tooltip_btn .btn_sm {
    float: right;
    margin: 0 0 0 10px;
        padding: 5px 10px;
    border-radius: 4px;
}

.niceRadio a {
    width: 17px;
    height: 17px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    margin: 3px 0 0;
}

.niceRadio a.checked {
    background-position: -17px 0;
}

.niceCheck a {
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    background: url(../images/checkbox_radiobox.png) 0 -17px no-repeat;
    vertical-align: top;
    margin: 2px 1px 0 0;
}

.niceCheck a.checked {
    background-position: -17px -16px;
}

.footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100vw;
}

.footer.fixed {
    position: fixed;
    box-shadow: inset 0px -5px #1E2028;
}

/*.footer .bl {
    margin: 0 3px;
}*/

.QOverlay {
    padding: 0 0 40px;
    margin: 0;
    height: 100%;
    background: #ffffff;
    /*background: #1e2028 url(../images/main_gr.png) 0 0 repeat-x;*/
}

.bl_list_profile_photo {
    position: relative; /*padding: 15px 13px 0 0;*/
    padding: 0 1px 0 0;
}

.bl_list_profile_photo ul.line_photo {
    margin: 0 0 0 13px;
    padding: 0 0 10px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.bl_list_profile_photo ul.line_photo li {
    margin: 0 13px 13px 0;
    padding: 0;
    width: 90px;
    height: 100px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #3d4c58;
}

.bl_list_profile_photo ul.line_photo li a {
    width: 90px;
    height: 100px;
    float: left;
}

.bl_list_profile_photo ul.line_photo li span {
    width: 90px;
    height: 100px;
    float: left;
}

.bl_list_profile_photo ul.line_photo a.icon_edit {
    background: url(../images/icon_edit.png) 0 0 no-repeat;
    width: 17px;
    height: 16px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}

.bl_list_profile_photo ul li a.icon_photo_add {
    /*background: url(../images/photo/icon_photo_add.png) 50% 50% no-repeat; */
    /*width: 48px; height: 48px; display: block;*/
    width: 120px;
    height: 75px;
    display: block;
    background: #000;
    background: linear-gradient(140deg, black 0%, black 56.39%, white 57%, white 58.39%, #c49a6c 59%, #c49a6c 100%);
}
.bl_list_profile_photo ul li a.icon_photo_add span:not(:last-child)
{
    display: block;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 8px;
    left: 10px;
    line-height: 14px;
}
.bl_list_profile_photo ul li a.icon_photo_add span:last-child
{
    width: 30px;
    height: 30px;
    display: block;
    z-index: 2;
    color: #fff;
    font-size: 34px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.bl_list_profile_photo ul li a.icon_photo_error {
    background: url(../images/error.png) 50% 50% no-repeat; /*width: 48px; height: 48px; display: block;*/
}

.bl_list_profile_photo ul.line_photo a.icon_delete {
    background: url(../images/icon_delete.svg) 0 0 no-repeat;
    width: 17px;
    height: 16px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}

.bl_list_profile_photo .tooltip.center {
    margin: -47px 0 0 -105px;
}

.bl_list_profile_photo .bl_tooltip_btn.center {
    margin: -47px 0 0 -105px;
}

.bl_list_profile_photo.list_left ul {
    float: left;
    margin-bottom: 9px;
    padding: 0;
}

.bl_list_profile_photo.list_left ul li {
    float: left;
}

/*.bl_list_profile_photo.private {
    background: #a37fa3 url(../images/cb_images/gradient-design.jpeg) 0 0 repeat-x!important;
    margin-bottom: 1px;
}*/

.bl_list_profile_photo.private ul li { /*background: #440101;*/
}

.bl_list_profile_photo.private ul li.loader_bg {
    background: #440101;
    position: relative;
}

.bl_list_profile_photo.private ul li.loader_bg img {
    margin: 22px 0 0 17px;
    float: left;
}

.bl_list_profile_photo.private ul li a.icon_photo_add {
    /*background: url(../images/photo/icon_photo_private_add.png) 50% 50% no-repeat;*/
     /*width: 48px; height: 48px; display: block;*/
     width: 120px;
    height: 75px;
    display: block;
    background: #000;
    background: linear-gradient(140deg, black 0%, black 56.39%, white 57%, white 58.39%, #c49a6c 59%, #c49a6c 100%);
}

.bl_list_profile_photo.private ul li a.icon_photo_error {
    background: url(../images/error.png) 50% 50% no-repeat; /*width: 48px; height: 48px; display: block;*/
}

.bl_list_profile_photo ul li.loader_bg img.error {
    margin: 34px 0 0 0px;
    opacity: 0;
}

.bl_list_profile_photo.private ul li.loader_bg img.error {
    margin: 34px 0 0 29px;
    opacity: 0;
}

ul.list_interest {
    margin: 0 0 4px 11px;
    padding: 0;
    float: left;
}

ul.list_interest li {
    margin: 0 9px 10px 0;
    padding: 0 9px 0 23px;
    float: left;
    height: 19px;
    font-size: 12px;
    line-height: 18px;
    background-color: #426aa8;
    background-repeat: no-repeat; /*background: #426aa8 url(../images/icons_list_interest.png) 0 0 no-repeat;*/
    color: #fff;
    text-shadow: -1px -1px 0 #1c6c6c;
    border-top: 1px solid #3ed1d2;
    border-bottom: 1px solid #1f7676;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

ul.list_interest li:last-child {
    margin-right: 0;
}

ul.list_interest_profile_info {
    padding: 0;
    margin-left: 0;
    padding: 22px 10px 8px 10px;
    border: 1px solid #acacac;
    border-radius: 4px;
    margin-bottom: 24px;
    margin-top: 20px;
    position: relative;
}
ul.list_interest_profile_info li a
{
    position: relative;
}
ul.list_interest_profile_info li a::after
{
        content: "x";
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    font-size: 10px;
    color: #fff;
    text-align: center;
    top: -10px;
    right: -16px;
    line-height: 14px;
}
ul.list_interest_profile_info li {
    cursor: default;
    margin: 0 9px 10px 0;
    padding: 0 9px 0 23px;
    float: left;
    min-height: 19px;
    font-size: 12px; /*line-height: 18px;*/
    background-color: #fff;
    background-repeat: no-repeat;
    color: black;
    border:1px solid black;
    border-radius: 4px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
        word-break: break-all;
}

ul.list_interest_profile_info li:before {
    content: "";
    display: inline-block;
    padding: 2px 0 0;
    min-height: inherit;
    /*height: 100%;*/
    vertical-align: middle;
}

ul.list_interest_profile_info li:last-child {
    margin-right: 0;
}

/*.bl_edit {
    margin: 0 0 4px 11px;
}*/

.bl_edit ul.list_interest_edit {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.bl_edit ul.list_interest_edit li {
    width: 50%;
    float: left;
}

.bl_edit ul.list_interest_edit li div {
    position: relative;
    margin: 0 9px 10px 30px;
    padding: 0 9px 0 23px;
    float: left;
    height: 19px;
    font-size: 12px;
    line-height: 18px;
    background: #FFFFFF url(../images/icons_list_interest.png) 0 0 no-repeat;
    color: #000000;

    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.bl_edit ul.list_interest_edit li div.item span.interest_title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
}

.bl_edit ul.list_interest_edit li:last-child div {
    margin-right: 0;
}

.bl_edit a.icon_edit_delete {
    background: url(../images/icon_edit_delete.png) 0 0 no-repeat;
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    top: -2px;
    left: -30px;
}

.bl_edit a.icon_edit_delete:active {
    background-position: 0 -21px;
}

.bl_add_interests {
    position: relative;
    /*margin: 0 9px;*/
}

.bl_add_interests .bl_interests_search {
    margin: 0 0 20px;
        border: 1px solid #acacac;
    border-radius: 4px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.bl_add_interests .bl_interests_search input.inp {
    width: 98%;
    padding: 0 1% 1px;
    height: 19px;
    border: none;
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    padding-right: 40px;
}
.bl_add_interests .bl_interests_search input.inp::placeholder
{
    font-style: italic;
    color: #acacac;

}
.bl_add_interests .bl_interests_search::after
{
    content: "";
    background: url(../images/icons/lupa.png) 50% no-repeat;
    border-radius: 4px;
    /* background-size: 40%; */
    background-color: #acacac;
    width: 40px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.bl_add_interests ul.list_add_interest {
    width: 50%;
    float: left;
    border-right: 1px solid #4f5157;
}

.bl_add_interests ul.list_add_interest li span {
    background: url(../images/icon_profile_add_interest.png) 8px 0 no-repeat;
    display: block;
    width: 30px;
    height: 22px;
    float: left;
    margin: 0 0 0 -30px;
}

.bl_add_interests ul.list_add_interest li {
    min-height: 22px;
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    margin: 0 0 5px;
    position: relative;
}

.bl_add_interests ul.list_add_interest li a {
    color: #000;
    display: block;
    /*height: 24px;*/
    line-height: 22px;
    text-decoration: none;
    padding: 0 0 0 30px;
    box-sizing: border-box;
        text-overflow: ellipsis;
    overflow: hidden;
}

.bl_add_interests ul.list_add_interest li a:active span {
    text-decoration: none;
}

.bl_add_interests ul.list_add_interest li.selected a {
    background: #ca9e67;
    min-height: 24px;
    border: 1px;
    border-color: #acacac;
    border-style: solid;
    border-radius: 4px 0px 0px 4px;
    border-width: 1px 0 1px 1px;
    color: #fff;
    box-sizing: border-box;
}

.bl_add_interests ul.list_add_interest li.selected span {
    background: url(../images/icon_profile_interest_white.png) 8px 0 no-repeat;
    display: block;
    display: block;
    width: 30px;
    height: 22px;
    float: left;
}

.bl_add_interests ul.list_link_interest {
    width: 49%;
    margin: 0;
    padding: 0;
    float: left;
}

.bl_add_interests ul.list_link_interest li {
    clear: both;
    margin: 0 0 5px 9px;
    padding: 0;
    height: 22px;
    font-size: 14px;
    line-height: 21px;
}

.bl_add_interests ul.list_link_interest li a {
    float: left;
    display: block;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px 0 4px;
    height: 18px;
    line-height: 18px;
    background: white;
    float: left;
    border-radius: 4px;
    border: 1px solid black;
}
.bl_add_interests ul.list_link_interest li.more a {
    border: 0;
}

.bl_add_interests ul.list_link_interest li a.active {
    color: #c49a6c;
}

.bl_add_interests ul.list_link_interest li.more a {
    color: #fff;
    background: url(../images/icon_refresh.png) 100% 4px no-repeat;
    padding: 0 18px 0 4px;
}

.bl_add_interests ul.list_link_interest li.more a:active {
    color: #fff;
}

.bl_add_interests ul.list_link_interest li.more_no_refresh a {
    background: none;
    color: #fff;
    padding: 0 18px 0 4px;
}

.pp_interests_search {
    position: absolute;
    top: 31px;
    left: 0;
    z-index: 2;
}

.pp_interests_search.category {
    display: none;
    z-index: 102;
}
.pp_interests_search.category:after {
    right: -1px;
    bottom: -13px;
}
.pp_interests_search .decor {
    background: url(../images/pp_interests_search_decor.png) 0 0 no-repeat;
    width: 26px;
    height: 12px;
    position: absolute;
    top: -11px;
    left: 50%;
    margin: 0 0 0 -13px;
    z-index: 3;
    filter: brightness(0);
}

.pp_interests_search ul.list_add_interest {
    border: none;
    background: #fff;
    width: 84vw;
    color: #000;
    padding: 10px 10px 25px 10px;
    border-radius: 4px;
    border: 1px solid #000;
    height: 352px;
}

.pp_interests_search ul.list_add_interest li {
    font-size: 14px;
}

.pp_interests_search ul.list_add_interest li span {
    background: url(../images/icon_profile_interest.png) 8px 0 no-repeat;
    display: block;
    width: 30px;
    height: 22px;
    float: left;
}
.pp_interests_search ul.list_add_interest li  em {
    font-style: normal;
    color: #000;
}

.pp_interests_search ul.list_add_interest li {
    min-height: 22px;
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    position: relative;
    border: 1px;
    border-style: solid;
    border-radius: 4px;
    margin: 5px 0;
}

.pp_interests_search ul.list_add_interest li a {
    color: #000;
    display: block; /*float:left;*/
    min-height: 22px;
    line-height: 22px;
    text-decoration: none;
}

.pp_interests_search ul.list_add_interest li a.active {
    color: #000;
}

.pp_interests_search ul.list_add_interest li a:active span {
    text-decoration: none;
}

.pp_interests_search ul.list_add_interest li.add_new a {
    display: block;
    height: 33px;
    line-height: 33px;
    background: url(../images/icon_add_new.png) 10px 50% no-repeat;
    overflow: hidden;
    color: #ca9e67;
/*    border-bottom: 1px solid #6c1e00;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius: 0 0 3px 3px;*/
}

.list_personal_info th {
    width: 70px;
    vertical-align: top;
    font-weight: normal;
    line-height: 20px;
    text-align: right;
    padding: 0 10px 5px 0;
    color: #000000;
}

.list_personal_info td {
    padding: 0 10px 5px 0;
    vertical-align: bottom;
    line-height: 20px;
}

div.list_interest_photo_cont {
    margin: 0 0 4px 11px;
    padding: 0;
    padding-top: 4px;
    float: left;
    position: absolute;
    bottom: 90px;
    left: 0;
    overflow: hidden;
}

ul.list_interest_photo li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-position: 4px 1px;
    margin: 0 5px 5px 0;
    padding: 1px 5px 0 23px;
    box-sizing: border-box;
    float: left;
    clear: both;
    min-height: 18px; /*font-size: 1.8vh;*/
    font-size: 2vh;
    background-color: rgba(225, 225, 225, 0.7);
    background-repeat: no-repeat;
    color: #000;
    border-radius: 4px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

ul.list_interest_photo li:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

ul.list_interest_photo li.to_hide {
    opacity: 0;
}

ul.list_interest_photo li.nopic {
    padding: 0 5px;
    background-image: none;
}

ul.list_interest_photo li:last-child {
    margin-right: 0;
}

.bl_rate {
    position: absolute;
    bottom: 34px;
    width: 100%;
}

ul.list_rate {
    font-size: 0;
    margin: 0;
    padding: 0;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    text-align: center;
}

ul.list_rate li {
    margin: 0;
    padding: 0;
    width: 31px;
    height: 23px;
    text-align: center;
    background: url(../images/icon_star.png) 50% 0 no-repeat;
    color: #fff;
    font-weight: bold;
    display: inline-block;
}

ul.list_rate li a {
    color: #fff;
    text-decoration: none;
    width: 31px;
    height: 23px;
    font-size: 11px;
    line-height: 12px; /*line-height: 25px;*/
    display: block;
}

ul.list_rate li a:before {
    content: "";
    padding: 2px 0 0;
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

/* will be red only in google chrome */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    ul.list_rate li a {
        padding-top: 2px;
    }
}

ul.list_rate li.selected {
    background-position: 50% -23px;
}

ul.list_rate li:last-child {
    padding: 0 1px 0 0;
    width: 31px;
}

.bl_gift {
    padding: 0 0 10px 7px;
    margin: 0 0 12px;
}

.bl_gift ul {
    margin: 0 -17px 0 -7px;
    padding: 0;
    font-size: 0;
    text-align: center;
    height: calc(100vh - 270px);
    overflow: hidden;
    overflow-y: auto;
    overflow-x: none;
}

.bl_gift ul li {
    margin: 0 2px 2px 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    width: 86px;
    height: 76px;
    background: url(../images/gift_frame.png) 0 0 no-repeat;
}

.bl_gift li a {
    height: 79px;
    display: inline-block;
    position: relative;
}

.bl_gift li a img {
    width: 86px;
    height: 76px;
}

.bl_gift li a::before {
    content: '';
    position: absolute;
    opacity: 0;
    border-radius: 7px;
    border: #d02700 2px solid;
    width: 82px;
    height: 72px;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.bl_gift li a.hover::before {
    opacity: .6
}

.bl_gift li a.hover:active::before, .bl_gift li a.selected::before {
    opacity: 1 !important
}

.bl_gift_ch_only {
    text-align: center;
    position: absolute;
    bottom: 130px;
    left: 0;
    width: 100%;
}

.bl_gift_ch_only label {
    cursor: pointer;
    vertical-align: middle;
}

.bl_gift_ch_only.two_fields {
    bottom: 160px !important;
}

.bl_gift_profile {
    width: 46px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 5px;
    padding: 0;
    margin: 0 0 12px 0;
    display: table;
}

.bl_gift_profile ul {
    margin: 0;
    padding: 88px 0px 0px 0px;
    font-size: 0;
    text-align: center;
    display: table-cell;
    vertical-align: top;
}

.bl_gift_profile ul li {
    margin: 0 2px 2px -5px;
    padding: 0;
    display: inline-block;
    text-align: left;
    width: 46px;
}

.bl_gift_profile ul li a {
    height: 39px;
    margin: -3px 0px;
    display: inline-block;
}

.bl_gift_profile ul li a img {
    width: 46px;
}

.bl_gift_profile ul li .nogift {
    padding: 1px 5px 0;
    box-sizing: border-box;
    margin: 5px 0 0 9px;
    max-width: 37px;
    height: 19px;
    font-size: 12px;
    line-height: 12px;
    background-color: rgba(255, 255, 255, .7);
    color: #000;
    border-radius: 4px;
}

.bl_gift_profile ul li .nogift:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

.bl_vslider {
    position: absolute;
    width: 6px;
    height: 189px;
    bottom: 140px;
    right: 10px;
    background: #000;
    border-radius: 4px;
    outline: 10px solid transparent;
    opacity: .999
}

.bl_vslider .vslider_range {
    width: 6px;
    height: 190px;
    background: #38dcdc linear-gradient(to right, #38dcdc, #058282);
    position: absolute;
    bottom: 0;
    border-radius: 4px;
}

.bl_vslider .count {
    position: absolute;
    right: 12px;
    margin: -10px 0 0;
}

.bl_vslider .count .count_decor {
    background: url(../images/vslider_count_decor.png) 0 0 no-repeat;
    width: 4px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: -4px;
    margin: -4px 0 0;
}

.bl_vslider .count .count_cont {
    background: #c30909;
    padding: 0 7px;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
    height: 20px;
}

.bl_slideup_msg {
    position: absolute;
    color: #000;
    max-width: 150px;
    padding: 5px 10px;
    bottom: 120px;
    right: 0;
    font-size: 12px;
    line-height: 18px;
    background-color: rgba(255, 255, 255, 0.7);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius: 4px 0 0 4px;
}

.styler, .styled, .styler_age {
    display: none;
}

#loader_box_msg {
    position: relative;
    width: 100%;
    height: 34px;
    display: none;
    padding: 8px 0px;
}

.loader_view_menu {
    position: absolute;
    top: 70%;
    left: 70%;
    width: 31px;
    height: 31px;
    margin: -49px 0 0 -16px; /*margin: -43px 0 0 -16px;*/
    display: none;
}

.loader_b {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    margin: -15px 0px 0px -15px !important;
    display: none;
}

.loader_msg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    margin: -10px 0px 0px -15px !important;
    display: none;
}

.loader_search_list {
    position: relative;
    display: block;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    width: 25px;
    height: 0;
    margin: 0 auto;
    padding: 0;
    transition: all .4s
}

.loader_search_list.next {
    height: 25px;
    padding: 35px
}

.loader_search_list.show {
    height: 25px;
    padding: 35px;
    opacity: 1;
    visibility: visible
}

.loader_m {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 25px;
    margin: -12px 0px 0px -13px !important;
    display: none;
}

.loader_to_search {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 50px;
    top: 13px;
    display: none;
}

.loader_to_search_and_report {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 50px;
    top: 13px;
    display: none;
    right: 85px;
}

.loader_to_messages {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 50px; /*right: 45px;*/
    top: 13px;
    display: none;
}

.loader_request_private {
    position: absolute;
    width: 21px;
    height: 21px;
    left: 68px;
    bottom: 23px;
    display: none;
}

.loader_settings {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 40px;
    top: 12px;
    display: none;
}

.loader_tip_report {
    position: relative;
    width: 21px;
    height: 21px;
    right: 0px; /*top:4px;*/
    margin: 0 auto;
    display: none;
}

.loader_photo_save {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 40px;
    top: 9px;
    display: none;
}

.loader_photo_action {
    position: absolute;
    width: 21px;
    height: 21px;
    left: 40px;
    top: 9px;
    display: none;
}

.loader_user_menu {
    position: absolute;
    width: 21px;
    height: 21px;
    left: 140px;
    top: 10px;
    display: none;
}

.loader_user_menu_header {
    position: absolute;
    width: 21px;
    height: 21px;
    right: -25px;
    top: 12px;
    display: none;
}

.loader_link_edit {
    position: absolute;
    width: 21px;
    height: 21px;
    left: -24px; /*top:-5px;*/
    top: 50%;
    margin: -11px 0 0;
    display: none;
}

.loader_confirm {
    position: static;
    width: 21px;
    height: 21px;
    right: 0px;
    top: 0px;
    display: none;
}

.loader_btn { /*position:relative;*/
    width: 25px;
    height: 25px;
    display: block;
    margin: 6px auto 0;
}

.loader_to_settings {
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    margin: -28px 0px 0px 0px;
    right: 12px;
}

.loader_interest_more {
    position: relative;
    width: 21px;
    height: 21px;
    display: block;
    float: left;
    margin-left: -15px;
    margin-top: -2px;
}

.loader_interest {
    position: relative;
    width: 21px;
    height: 21px;
    display: block;
    float: left;
    margin-left: 2px;
    margin-top: -1px;
}

.loader_interest_search {
    position: relative;
    width: 21px;
    height: 21px;
    display: block;
    float: left;
    margin-left: 2px;
    margin-top: 1px;
}

.loader_filter_location {
    position: absolute;
    width: 21px;
    height: 21px;
    left: 50%;
    margin: 5px 0 0 -11px;
    display: none;
    background: none !important;
}

.loader_personal {
    position: absolute;
    width: 21px;
    height: 21px;
    right: -10px;
    top: 4px;
    display: none;
}

.loader_register {
    position: absolute;
    width: 21px;
    height: 21px;
    right: -9px;
    top: 5px;
    display: none;
}

.loader_messages {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 20px;
    top: 24px;
    display: none;
}

.loader_general {
    position: relative;
    height: 30px;
    width: 30px;
    font-size: 30px;
    margin-left: -15px;
    left: 50%;
    margin-top: 25px;
    margin-bottom: 25px;
    display: none;
}

.loader_to_profile {
    position: relative;
    left: 50%;
    margin: -60px 0 0 -15px;
    width: 25px;
    height: 25px;
    display: none;
}

.loader_page {
    position: absolute;
    width: 29px;
    height: 29px;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -20px; /*margin: -27px 0 0 -27px;*/
}

.loader.loader_login {
    top: 77%;
}

div.photo_action {
    opacity: 1 !important;
    background: transparent !important;
    padding: 0 !important;
}

div.photo_action .spinner {
    background: transparent !important;
}

.loader {
    background: rgba(0, 0, 0, 1);
    display: none;
    width: 40px;
}

.loader_upload {
    position: static;
    display: block;
}

.loader_search {
    position: relative;
    margin: 30px auto;
    display: none;
}

.spinner {
    font-size: 30px;
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}

.loader_msg .spinner,
.loader_b .spinner {
    font-size: 30px;
}

.loader_search_list .spinner {
    font-size: 26px;
}

.loader_tip_report .spinner,
.loader_to_settings .spinner,
.loader_view_menu .spinner,
.loader_to_search .spinner,
.loader_to_search_and_report .spinner,
.loader_to_messages .spinner,
.loader_request_private .spinner,
.loader_personal .spinner,
.loader_register .spinner,
.loader_messages .spinner,
.loader_settings .spinner,
.loader_photo_action .spinner,
.loader_photo_save .spinner,
.loader_btn .spinner,
.loader_filter_location .spinner,
.loader_m .spinner {
    font-size: 20px;
}

.loader_user_menu .spinner,
.loader_user_menu_header .spinner,
.loader_link_edit .spinner,
.loader_interest .spinner,
.loader_interest_more .spinner,
.loader_interest_search .spinner,
.loader_confirm .spinner {
    font-size: 16px;
}

#loader_media_chat .spinner {
    font-size: 19px;
}

.bl_list_side_menu .item .loader_user_menu .spinner {
    width: 1.001em;
    height: 1.001em;
    font-size: 17px !important;
    /*margin: 3px 0 0;*/
}

.loader_btn .spinner {
    font-size: 20px; /*width: 2em;*/
}

.loader_tip_report .spinner {
    width: 1.001em;
    height: 1.001em;
}

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

.spinner .spinner-blade {
    position: absolute;
    opacity: 0.3;
    left: 0.47em;
    bottom: 0;
    width: 0.06em;
    height: 0.28em;
    border-radius: 0.03em;
    background-color: #979EAC !important;
    box-shadow: 0 0 0 1px transparent;
    /*-webkit-filter: blur(0px); filter: blur(0px);*/
    -webkit-transform-origin: center -0.23em;
    transform-origin: center -0.23em;
    -webkit-animation: spinner-fade 1s infinite linear;
    animation: spinner-fade 1s infinite linear;
}

.hidden .spinner-blade {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

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

.bl_list_side_menu .item .txt .loader_user_menu .spinner .spinner-blade {
    left: 0.4629em !important;
    width: 0.074em !important;
    height: 0.2777em !important;
    border-radius: 0.5em !important;
}

div.photo_action .spinner .spinner-blade {
    width: 1px !important;
}

.profile_top .cbp-rfgrid li .loader_b .spinner .spinner-blade,
.profile_top .cbp-rfgrid li .loader_m .spinner .spinner-blade {
    width: 0.044em;
}

.loader_b .spinner .spinner-blade, .loader_m .spinner .spinner-blade, #loader_media_chat .spinner .spinner-blade {
    width: 1px !important;
}

.loader_to_profile .spinner .spinner-blade {
    width: 2px !important;
}

div.photo_action .spinner .spinner-blade {
    background-color: transparent;
}

.spinner .spinner-blade:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

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

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

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

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

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

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

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

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

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

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

.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;
    }
    35% {
        opacity: .5
    }
    100% {
        opacity: 0;
    }
}

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

.add_photo {
       position: absolute;
    width: 80px;
    height: 30px;
    overflow: hidden;
    top: 0;
    left: 0;
}

.add_photo input {
    font-size: 25px;
    margin-left: -100px;
    margin-top: -2px;
    width: 400px;
}

.add_photo_bind {
    position: absolute;
    overflow: hidden;
    top: -30px;
    max-height: 340px;
}

.add_photo_bind input.file {
    font-size: 290px;
    margin-left: 0px;
    width: 1000px;
}

.add_photo input, .add_photo_bind input {
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

ul.cbp-rfgrid a.icon_edit {
    background: url(../images/icon_edit.png) 0 0 no-repeat;
    width: 17px;
    height: 16px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}

ul.cbp-rfgrid a.icon_delete {
    background: url(../images/icon_delete.svg) -4px -4px no-repeat;
    width: 17px;
    height: 16px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}

/*.list_photo_decor_green span{ display: block; width: 50px; }
*/
a.list_photo_decor_green img {
    height: 100%;
    vertical-align: middle
}

a.list_photo_decor_green span.icon_list_photo_decor {
    display: block;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 10px;
    left: 40px;
    background: url(../images/icon_list_photo_decor.png) 0 0 no-repeat;
}

.cbp-rfgrid {
    /*margin: 0 0 10px 0;*/
    /*margin: 0 -5px;*/
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%;
    /*width: 100vw;*/
    clear: both;
    font-size: 0;
}

.cbp-rfgrid li {
    position: relative;
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 16.6666667%; /* Fallback */
    width: -webkit-calc(100% / 6);
    width: calc(100% / 6);
}

.cbp-rfgrid li.users_list_item div {
    -webkit-transition: all .4s, opacity 0s;
    transition: all .4s, opacity .0s;
}
.cbp-rfgrid li.users_list_item .all {
    height:100%;
}
.cbp-rfgrid li.users_list_item .hidden {
    margin: -57% 0;
}

.cbp-rfgrid.initial li.users_list_item .hidden {
    margin: 0
}

.cbp-rfgrid li div { /*margin: 0 0 13px 13px;*/
    padding: 0 0 1px 1px;
}

.cbp-rfgrid li a,
.cbp-rfgrid li a img {
    display: block;
    width: 100%;
    cursor: pointer;
    max-width: 100%;
    height:100%;
    object-fit:cover;
    border-radius: 4px;
}

.cbp-rfgrid li a {
    overflow: hidden;
    height:100%;
}

/* Flexbox is used for centering the heading */
/*.cbp-rfgrid li a div {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(71, 163, 218, 0.2);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}*/

.cbp-rfgrid li.photo_upload a div {
    opacity: 1;
}

.cbp-rfgrid li.photo_upload a.photo_upload_a {
    position: relative;
}

.cbp-rfgrid li.photo_upload a div.spinner-blade {
    margin: 2px 0;
}

.cbp-rfgrid li a:active div {
    opacity: 1;
}

.cbp-rfgrid li a div h3 {
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 2px;
    padding: 0 10px;
}

.bl_list_profile_photo .cbp-rfgrid li div {
    /*padding: 5px;*/
}

.bl_list_profile_photo.private .cbp-rfgrid li div {

}

.bl_list_profile_photo.fix_for_public_photo_loader .cbp-rfgrid li div {
}

.bl_list_profile_photo.private .cbp-rfgrid li div.action_loader {

}

/*---spotlight---*/
.bl_list_photo.profile_top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1;
    overflow: hidden;
    height: 70px
}

a.list_photo_decor_green {
    /*background: url(../images/list_photo_decor_green.png) 0 0 no-repeat;*/
    background: url(../images/others/gradient-design.jpeg) 0 0 repeat-x;
    background-size: cover;
    width: 62px;
    height: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    cursor: pointer;
        border-radius: 4px;
}
a.list_photo_decor_green span {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1.1em;
    box-sizing: border-box;
        margin: 20px 0;
    text-align: center;

}

#spotlight {
    margin: 0;
    overflow: auto;
    white-space: nowrap;
    z-index: -1;
        margin-left: 64px;
}

#spotlight li {
    margin: 0 1px 0 0;
    width: 62px;
    height: 70px !important;
}

/* Example for media query: change number of items per row */
/*
@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 20%;
		width: -webkit-calc(100% / 5);
		width: calc(100% / 5);
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 25%;
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
}
 */
     .cbp-rfgrid li {
        /*      width: 50%;
        width: -webkit-calc(100% / 2);
        width: calc(100% / 2);*/

        width: 33%;
        margin-left: 1px !important;
        margin-bottom: 1px;
        height: 33vw !important;
        /* Fallback */
        /*width: 25vw;*/
    }
.cbp-rfgrid li:nth-child(3n + 1)
{
  margin-left: 0 !important;
}
@media screen and (min-width: 659px) {
    .cbp-rfgrid li {
        width: 20%;
        height: 20vw !important;
        padding: 1px;
        margin: 0 !important;
        box-sizing: border-box;
    }
}




/*@media screen and (max-width: 300px) {
    .cbp-rfgrid li {
        width: 33.33%;
        width: 33.33vw;
    }
}*/

.no_one_found {
    position: absolute;
    /*top: 0;*/
    width: 100%;
    text-align: center;
    display: table;
    /*vertical-align: middle;line-height: 26px;*/
    color: #000;
    margin-top: -90px;
    background: url(../images/icon_user.png) 50% 50% no-repeat;
    cursor: auto;
    font-weight: bold;
}

.no_one_found_item {
    position: absolute;
    line-height: 26px;
}

.no_one_found span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 140px;
}

/*.no_one_found_item span{
    background-position: 50% 25%;
}*/

.no_one_found.no_visible {
    display: none;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.opacity {
    opacity: 0;
}

.no_opacity {
    opacity: 1 !important;
}

.sign_blocked_user_hide {
    display: none;
}

.black_white_photo {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.edit_line_item {
    color: #979EAC;
    text-align: center;
    border-bottom: 1px dashed #515962;
    margin: 0px 0px 13px;
}

.custom_tooltip, .tip_confirm, .tip_alert {
    z-index: 103;
    position: absolute;
    display: none;
}

.custom_tooltip {
    width: 200px;
    padding-top: 10px !important;
}

.page_shadow_empty, .page_shadow_menu {
    z-index: 10000000; /* fix na #rate_box */
    display: none;
    background: url(../images/empty.gif) 0 0 repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.tip_photo_info_edit { /*margin: -50px 0 0 -108px !important;*/
    z-index: 102;
    display: none;
}

.page_shadow_empty {
    background-color: black;
    opacity: 0.3;
}

.placeholder::-webkit-input-placeholder {
    color: #000;
}

.placeholder:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.placeholder::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.placeholder:-ms-input-placeholder {
    color: #000;
}

.placeholder:focus::-webkit-input-placeholder {
    color: transparent;
}

.placeholder:focus:-moz-placeholder {
    color: transparent;
}

.placeholder:focus::-moz-placeholder {
    color: transparent;
}

.placeholder:focus:-ms-input-placeholder {
    color: transparent;
}

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

.spotlight_indent {
    padding-top: 46px;
}

.banner_header {
    text-align: center;
    width: 100%;
    position: absolute;
}

.banner_header.header_mobile_join {
    top: 60px;
}

.banner_header.header_mobile_forgot_password {
    top: 60px;
}

.banner_footer,
.banner_footer_mobile_user {
    width: 97%;
    position: relative;
    text-align: center;
    margin: 10px auto;
}

.banner_footer.footer_mobile_join {
    text-align: center;
    margin: -48px auto -48px;
    overflow: hidden;
}

.banner_footer.footer_mobile_forgot_password {
    position: absolute;
    top: 40px;
    margin-top: calc(50vh);
    margin-bottom: 48px;
}

.banner_footer.footer_mobile_confirm_email {
    position: absolute;
    bottom: 0;
}

/*Settings*/
.banner_footer_mobile_user.footer_mobile_profile_settings,
.banner_footer_mobile_user.footer_mobile_paid_profile_settings {
    margin: -28px auto -86px;
}

.banner_footer_mobile_user.footer_mobile_profile_settings_profile,
.banner_footer_mobile_user.footer_mobile_paid_profile_settings_profile {
    margin: -61px auto -40px;
}

.banner_footer_mobile_user.footer_mobile_profile_settings_notification,
.banner_footer_mobile_user.footer_mobile_paid_profile_settings_notification {
    margin: -61px auto -40px;
}

.banner_footer_mobile_user.footer_mobile_profile_settings_email,
.banner_footer_mobile_user.footer_mobile_paid_profile_settings_email {
    margin: -61px auto -40px;
}

.banner_footer_mobile_user.footer_mobile_profile_settings_password,
.banner_footer_mobile_user.footer_mobile_paid_profile_settings_password {
    margin: -61px auto -40px;
}

.banner_footer_mobile_user.footer_mobile_profile_settings_delete,
.banner_footer_mobile_user.footer_mobile_paid_profile_settings_delete {
    margin: -61px auto -40px;
}

.banner_footer_mobile_user.footer_mobile_paid_profile_settings_invisible {
    margin: -61px auto -40px;
}

/*Settings*/

.banner_footer_mobile_user.footer_mobile_messages,
.banner_footer_mobile_user.footer_mobile_paid_messages {
    bottom: 0;
    margin-bottom: -106px;
    overflow: hidden;
    max-height: 300px;
    display: none;
}

.banner_footer_mobile_user.footer_mobile_upgrade,
.banner_footer_mobile_user.footer_mobile_paid_upgrade {
    margin: -55px auto -42px;
}

.banner_footer_mobile_user.footer_mobile_paid_upgrade_activated_super_power {
    margin: -55px auto -82px;
}

.banner_footer_mobile_user.footer_mobile_profile_view,
.banner_footer_mobile_user.footer_mobile_paid_profile_view {
    margin: 0px auto -73px;
}

.banner_footer_mobile_user.footer_mobile_profile_personal_edit,
.banner_footer_mobile_user.footer_mobile_paid_profile_personal_edit {
    margin: -65px auto -42px;
}

.ter_big.custom_style h2, .ter_big.custom_style h3 {
    color: inherit;
}

.ter_big.custom_style li {
    margin-left: 30px;
    list-style-type: inherit;
}

/*-- bl_tinder --*/
.bl_tinder {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    text-align: center;
    width: 310px;
    height: 310px;
    background: rgba(177, 218, 15, .79);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -155px 0 0 -155px;
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255);
    box-sizing: border-box;
	background: linear-gradient(90deg, #adabac -1%, #adabac 0%, #c5996c 100%);
	/*background-image: linear-gradient(44.1305860411307deg, #bf2f8e, #c0308f 0.5%, #bf318f 0.5%, #bf3290 1.5%, #bf3290 1.7%, #bf3390 1.7%, #bf3491, #c03592 2.5%, #c03793 2.7%, #bf3793 3.3%, #bf3894 3.4%, #bf3894 3.7%, #bf3a95 3.7%, #bf3a95 4.2%, #bd3b95, #be3c96 4.2%, #bf3c97 4.3%, #be3c96 4.5%, #bf3e98 5.3%, #be3f98 5.4%, #bf3f98 5.7%, #bf419a 5.9%, #bd4199 6%, #be429a 6.2%, #c0449c 6.2%, #bf439b 6.3%, #bf459c 6.5%, #bf459c, #bd439a 6.5%, #bf469d 6.6%, #bf459a 6.8%, #be479b 7.1%, #be469d 7.4%, #c0499d 7.4%, #c0499d 7.6%, #bf499d 7.7%, #be4a9d 7.9%, #bf4b9e 8%, #bd499c 8%, #bd4b9d, #bd4d9f 8.2%, #bd4c9e 8.4%, #bf4fa1, #be4ea0 9%, #c050a2 9%, #be4fa0, #be51a2 9.2%, #be51a2 9.6%, #bc51a1 9.6%, #bd53a1 9.9%, #c053a2 9.9%, #bc55a2 10.2%, #bc55a2, #be58a4 10.2%, #be58a4 11%, #c15ba7 11%, #c15ba7 11.2%, #c05ba7, #bf5aa6, #be5ba6, #bf5da7, #be5ca5 11.7%, #bd5da5 11.9%, #bf5fa7, #be61a8 12.5%, #be61a8 12.5%, #bf64aa, #c267ad 13.1%, #be64aa 13.1%, #c268ae 13.6%, #c069ae, #c16aae 14.2%, #c26db0, #c06bae, #bf6caf 14.5%, #c06eb0 14.5%, #bf6daf 14.7%, #c170b2 14.7%, #c16fb1 14.8%, #c272b1 15%, #c271b0 15%, #c575b3, #c377b5 16.2%, #c478b5 16.5%, #c479b4 16.5%, #c379b4 16.8%, #c57ab5 16.8%, #c67cb7 17%, #c37cb4 17.3%, #c67fb7, #c580b7 17.3%, #c782b9 18.1%, #c885ba 18.2%, #c786ba 18.6%, #c88abd 18.8%, #c989bd 18.8%, #ca8abe 19%, #c787bb 19%, #c98bbe 19.4%, #c789ba 19.4%, #c88cbc 19.5%, #c98fbd 20.2%, #cb92bf 20.5%, #ca93bd 20.7%, #cb94be 21%, #ce97c1 21%, #cd98bf 21.3%, #ca96bd 21.5%, #cf9ac4 21.5%, #ce99c2 21.6%, #ce9ac0 21.6%, #d19fc4 22.4%, #d3a2c7 22.4%, #d2a2c6 22.5%, #cfa0c4 22.5%, #cfa0c4 22.9%, #d0a2c6 22.9%, #d1a4c5 23%, #d1a3c7 23.2%, #d2a4c7 23.3%, #d2a5c4 23.3%, #d0a3c6 23.6%, #d4a7c8 23.6%, #d4a7c8 23.9%, #d5a9ca, #d3a7c6 23.9%, #d3a6c5, #d5aac8 24.1%, #d5acca 24.7%, #d5acc9 24.7%, #d5afc8 25.1%, #d7b1ca 25.6%, #d5b3cb 25.9%, #d9b8cd 26.3%, #d6b5ca 26.6%, #d9b8cd 26.6%, #dab9cf 26.7%, #d9b7cf 26.7%, #d9b8cd 26.8%, #dabdcc 28.2%, #dbbfce 28.2%, #dbbfce 28.3%, #dcc1cf 28.3%, #ddc3d0 28.4%, #ddc3d0 28.7%, #ddc2cf 28.9%, #dec4d1 29.3%, #ddc5d1 29.3%, #dcc7d0, #dfc8d2 29.9%, #dfcad3 29.9%, #ddc8d1 30.3%, #decad3 30.3%, #decbd1 30.6%, #e1ced4 31.3%, #dfced3 31.3%, #decfd2 31.6%, #dfcfd2 31.8%, #e0d0d2 32.1%, #dfd1d1 32.2%, #dfd3d3 32.8%, #e1d5d5 33.6%, #e0d6d5 33.6%, #e0d6d4 34.4%, #e0d7d5 34.4%, #e0d8d5 34.5%, #e0d8d5 34.7%, #ded8d4, #ded9d5 34.7%, #dfdbd7 35.2%, #dfdcd7 35.3%, #dcddd7 36.4%, #ddded8 37%, #dcdfd6 37.2%, #dcdfd8 37.5%, #d9ded7 37.7%, #d9dfd5 37.8%, #d9dfd5 37.8%, #d9ded8, #d9e0d8 38.2%, #d7e1d6 38.6%, #d7e4da 39.6%, #d5e3d6 39.9%, #d5e2d8, #d3e3d8 40.3%, #d3e3d8 40.7%, #d3e5d9 40.7%, #cfe3d7 41.1%, #d1e3d7 41.3%, #cee4d7 41.9%, #cce4d6 42.4%, #cae5d6 42.5%, #c9e4d7 42.7%, #c9e5d7, #cae4d7 42.9%, #c6e5d6 43.4%, #c4e4d7 44.4%, #bfe3d5 45%, #bde3d4 45.1%, #bee3d4 45.4%, #bbe5d4 45.4%, #bce5d5 45.6%, #bbe5d5, #bae5d4 45.8%, #b9e3d5 46.1%, #b6e5d5 46.6%, #b6e4d7 46.8%, #b4e4d6 47.2%, #b1e4d5 47.2%, #b1e4d5 47.4%, #b1e3d5 47.4%, #b1e3d8, #b1e3d7 47.8%, #aee2d5 47.8%, #aee1d5 48%, #afe3d6 48%, #ade3d5 48.1%, #ade3d5 48.5%, #aae3d4 48.5%, #aae3d4 48.7%, #abe3d5 48.7%, #a9e1d4 48.9%, #a8e2d4 49%, #a8e2d4 49.2%, #a4e1d2 49.5%, #a4e0d4 49.6%, #a3e1d4 49.8%, #9fdfd2 50.4%, #a0dfd4 50.4%, #9ddfd3 50.8%, #9ee0d4 51%, #99e0d1 51.3%, #97dfd3 51.8%, #95e0d3 52.1%, #91ddd1 52.6%, #90ded1 52.7%, #90ded1 52.7%, #91ddd3 52.9%, #8fdcd2 53%, #8cdcd1 53.3%, #8adbd2 54%, #82d9d1 55.2%, #82dad1 55.2%, #82dad1 55.3%, #7fd9d0 55.3%, #7cd7ce 55.8%, #7ad7cd 56%, #7ad7cf 56.4%, #77d6ce 56.8%, #75d5cf, #75d6cf, #75d6cf 57.1%, #74d3ce 57.1%, #71d4cf 57.5%, #70d5d0 57.5%, #6ed3cf 58.3%, #6ad1cd 58.3%, #6ad2cd 58.4%, #6ad3ce 58.6%, #5ecccb 60.7%, #5dcdcb, #5dcecc 60.9%, #5bcdca 60.9%, #5ecccb 61.1%, #5acbcb 61.2%, #5acacb 61.5%, #59cbcb 61.6%, #59cbcb 61.9%, #57c7c8 61.9%, #53c7c6 62.9%, #54c7c9 63.2%, #54c7ca 63.3%, #4cc3c7 64.7%, #4bc2c8, #4bc2c6, #4bc2c8 65.3%, #49c0c6 65.6%, #47c1c7 65.8%, #46bfc7 65.8%, #46c0c6, #45bec6 66.2%, #44bdc5 66.7%, #43bec5 66.9%, #40bbc4 68.1%, #3cb6c1 69.7%, #38b2bf 71.2%, #39b3c2 71.7%, #36b0bf 71.7%, #34aebd 72.9%, #34adbe 73.2%, #31a9ba 74.8%, #31a6ba 76%, #31a6ba, #30a3b9 76.6%, #2e9eb6 78.6%, #2b99b4 80%, #2e99b5 80%, #2e99b5 80.1%, #2b99b4 80.3%, #2c98b4 80.8%, #2c95b3 81.6%, #2b92b1 81.8%, #2a90af 82.5%, #2b8faf, #2b8eae 83.3%, #2b8db0 83.4%, #2a8bae 84.6%, #2a89ad 84.9%, #298aad, #2b89af 85.3%, #2a87ad 85.7%, #2a86ad 85.8%, #2c89b0 85.8%, #2987ad 86%, #2985ac 86.3%, #2b83ab 87.3%, #2980ab 87.3%, #2e83ac, #2b80a9 87.7%, #2b7eaa 87.8%, #297ca8 89%, #297aa7 89.3%, #297aa7 89.8%, #2979a7 90%, #2977a5 90%, #2977a5 90.3%, #2977a7 90.3%, #2976a6 90.5%, #2975a6 90.9%, #2a74a5 90.9%, #2a74a5 91.7%, #2971a3 92.3%, #2771a2 92.5%, #2870a2 92.6%, #276ca0 93.5%, #286ba0 93.6%, #27669c 95.6%, #27649b 95.8%, #26629a 96.3%, #246198 96.3%, #246198 96.5%, #256098 96.5%, #266199 96.8%, #265f98 96.8%, #275e97 97.4%, #265d98 97.4%, #255d98 97.6%, #265c98 98.2%, #245a96 98.2%, #265a96 98.7%, #265a95 98.8%, #275b97 99.2%, #255995 99.4%, #255794);*/



}

.bl_tinder .title {
    font-size: 28px;
    line-height: 36px;
    font-weight: bold;
    margin: 37px 0 10px;
    color: #fff;
}

.bl_tinder .bl_relation {
    width: 219px;
    margin: 0 auto 33px;
    position: relative;
}

.bl_tinder .bl_relation .frame {
    width: 94px;
    height: 94px;
    border-radius: 10px;
    border: 2px solid #fff;
    box-sizing: border-box;
    overflow: hidden;
}

.bl_tinder .bl_relation .frame img {

    width: 100%;
    height: 100%;
    object-fit: cover;
}

.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;
    filter: brightness(0);
}

.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;
    filter: brightness(0);
}

.bl_tinder_btn {
    opacity: 0;
    transition: all .5s;
    width: 70px;
    height: 70px;
    position: absolute;
    /*top: 104px;*/
    font-size: 40px;
    /*line-height: 44px;*/
    text-align: center;
    /*border-radius: 56px;*/
    color: #fff;
    top: 50%;
    margin-top: -35px;

}

.bl_tinder_btn:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

.bl_tinder_btn.no {
    /*background: #d97398;*/
    left: 10px;
background: url(../images/icons/no.svg) no-repeat;
background-size: contain;
}

.bl_tinder_btn.yes {
    /*background: #295a9c;*/
    right: 10px;
    background: url(../images/icons/yes.svg) no-repeat;
    background-size: contain;
}

.transform-left {
    -moz-transform: matrix(1, 0, 0.09375, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0.09375, 1, 0, 0);
    -o-transform: matrix(1, 0, 0.09375, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0.09375, 1, 0, 0);
}

.transform-right {
    -moz-transform: matrix(1, 0, -0.09375, 1, 0, 0);
    -webkit-transform: matrix(1, 0, -0.09375, 1, 0, 0);
    -o-transform: matrix(1, 0, -0.09375, 1, 0, 0);
    -ms-transform: matrix(1, 0, -0.09375, 1, 0, 0);
}

.rotate-left {
    transform: rotate(30deg) scale(0.8);
    transition: 1s;
    margin-left: 400px;
    cursor: e-resize;
    opacity: 0;
}

.rotate-right {
    transform: rotate(-30deg) scale(0.8);
    transition: 1s;
    opacity: 0;
    margin-left: -400px;
    cursor: w-resize;
}

.rotate-left img {
    transition: .4s;
    opacity: 0;
}

.rotate-right img {
    transition: .4s;
    opacity: 0;
}

.gifts_credits {
    /*padding: 5px 2%;*/
    padding: 4px 2% 6px;
    margin: -3px 0 7px;
    font-size: 14px;
    vertical-align: top;
    width: 96%;
    height: 22px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius: 4px;
    background: #ffffff;
}

/* 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;
    position: relative;
    height: calc(100vh - 96px);
    margin-bottom: -96px;
    margin-top: -1px;
}

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

#block_disabled_call {
    display: block;
}

.module_videochat {
    margin: 0 auto;
}

.cont_vc {
    box-sizing: border-box;
    height: calc(100vh - 46px);
    display: table;
    width: 100%;
}

.module_audiochat {
    display: table-cell;
    vertical-align: middle;
}

.module_audiochat .bl {
    height: 310px;
}

.module_audiochat .profile_pic {
    text-align: center;
    margin: 10px 0 0;
}

.module_audiochat .profile_pic a {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 75px;
    overflow: hidden;
}

.module_audiochat .profile_pic a img {
    width: 120px;
}

.module_audiochat .bl_audiochat {
    position: relative;
}

.module_audiochat .btn_audiochat {
    cursor: pointer;
    position: absolute;
    top: 63px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80px;
    height: 80px;
}

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

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

.module_audiochat .audiochat_line {
    position: absolute;
    top: -10px;
    right: 50%;
    margin: 0 -160px 0 0;
    background-image: url(../images/audiochat_line.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 180px;
    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%;
}

#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: #363A45;
    background-image: url(../images/icocam.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50% auto;
}

#my-video {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    bottom: 0;
}

#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: #4d5467;
    top: 60%;
    font-family: 'Amble';
}

#waiting_connect {
    display: none;
}

/*Video chat*/
/*Audio chat*/
.audiochat_cancel_answer.processing {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default;
}

.btn_audiochat.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    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*/

.input-full-width {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px !important;
    height: 30px !important;
}

#video_player {
    visibility: hidden;
}

.not_checked_photo {
    z-index: 1;
    position: absolute;
    width: 50% !important;
    opacity: .6;
    top: 50%;
    left: 50%;
    margin-left: -25%;
    margin-top: -25%;
}

.main_bl_game {
    width: 100%; /*height: 100vh;*/
}

.bl_games { /*width: 100%;*/
    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 {
    transition: 0.5s ease;
    padding: 0 10vw;
    background-color: rgba(0, 0, 0, .48);
    font-size: 7vw;
    line-height: 15vw;
    font-family: Amble;
    height: 15vw;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    border-radius: 8vw;
}

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

@media screen and (orientation: landscape) {
    .modal-raport .cont.basic_fields {
        float: left;
        width: 70%;
        padding: 0 2%;
    }

    .modal-raport .foot {
        float: left;
        width: 20%;
        margin-left: 2%;
    }

    .modal-raport textarea {
        max-height: 40px;
    }
}



.rate_boxes .question .cont .bl_slider .count_visual .cv_top {
    background-image: url(../images/cb_images/gradient-design.jpeg)!important;
    background-size: cover!important;
    background-position: center center!important;
}
#profile_view_photo.gallery_photo_one_img > img{
     display: none;
 }
#profile_view_photo.gallery_photo_one_img > img:nth-child(1){
    z-index: 3;
    display: block;
}
#profile_view_photo.gallery_photo_one_img video {
    z-index: 4;
    max-width: 100%;
    max-height: 100%;
}
#cb-video {
    max-height: 100%;
}
#profile_view_photo.gallery_photo_one_img #cb-video-container{
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: -50%;
    right: -50%;
    bottom: 0;
    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);
}
/*#profile_view_photo.gallery_photo_one_img .before{
    width: 36px;
    height: 40px;
    top: 50%;
    margin-top: -10px;

    position: absolute;
    z-index: 5;
    left:5px;
    background-image: url(../images/back.png)!important;
    background-repeat:no-repeat;
}
#profile_view_photo.gallery_photo_one_img .after{
    width: 36px;
    height: 40px;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    z-index: 5;
    right:5px;
    background-image: url(../images/back.png)!important;
    background-repeat:no-repeat;
    transform:rotate(180deg);
}*/
.user_notification_table tbody tr:nth-child(odd){
    background:rgba(255,255,255,0.2);
}
.user_notification_table tbody tr:hover{
    background:rgba(255,255,255,0.3);
}

#tip_form_login_user .icon{
    font-size:12px;
}
#perform_action_profile_settings
{
    display: none;
}
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@media only screen and (max-width: 359px)
{
    .frm .bl select
    {
        width: 140px;
    }
    #fileds_box .frm .bl select
    {
        width: 178px;
    }
}
#profile_edit_social_main a{
    display: none;
}
.custom_tooltip {
    border-radius: 4px;
}
.custom_tooltip::after {
    right: 0;
}
.no-profile-photo-access {
        top: 50%;
    position: absolute;
    padding: 20px;
    font-size: 28px;
    line-height: normal;
    text-align: center;
}
#pp_gallery_user_question {
    margin-top: 10px !important;
}
.st-content-inner.fix {
    margin-right: 0 !important;
}
.credit-balance-info {
    font-size: 18px;
}
.credit-balance-info span {
    color: #c4996c;
    font-weight: 500;
}
#rating_info_container {
        border-radius: 4px;
    border: 1px solid #acacac;
    margin-bottom: 25px;
}
#rating_info {
    padding: 8px;
    display: flex;
    flex-direction: column;
}
#rating_info .pl_photo_sm .rate_slider {
    width: 100%;
    height: initial;
    margin: 10px 10px 0 0;
    background: #cacaca;
    float: left;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    position: relative;
    border-radius: 4px;
}
#rating_info .pl_photo_sm .rate_slider #rating_info_slider {
    background: url(../images/cb_images/gradient-design-small.jpg) 0 0 repeat-x!important;
    background-size: cover!important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.bl_rate_photo .rate_slider span {
    z-index: 1;
    position: relative;
}
.profile_info_pic .status-fix2 {
    position: absolute;
    top: 4px !important;
}

.image_loader{
    width:150px;
    height: 150px;
    background:red;
}
.bar{
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0!important;

}
.progress_bar,.progress_bar2{
    background: #c49a6c;
    width: 0;
    height: 8px;

}
.progress_bar2{
    position: absolute;
    left:0;
    top:0;
}
.progress_bar.started{
    animation:codebox 2s linear forwards;
}
.progress_bar2.clicked{
    animation:codebox_end 0.5s linear forwards!important;
}
@keyframes codebox {
    0% {
        width:0;
    }
    100%{
        width: 70%;
    }
}
@keyframes codebox_end {
    0% {
        width:0%;
    }
    100%{
        width: 100%;
    }
}
@-moz-document url-prefix() {
  .message .name .status-fix.pp_message_status {
    top: 4px !important;
    left: -8px !important;
  }
  .status.online, .status.offline {
      top: 3px !important;
  }
}
.btn-bigger-fix2:first-child {
    display: none;
}
#gallery_photos_comment_8 .icon_delete, #gallery_photos_comment_18 .icon_delete,
#gallery_photos_comment_19 .icon_delete, #gallery_photos_comment_9 .icon_delete,
#gallery_photos_comment_10  .icon_delete, #gallery_photos_comment_8 .icon_edit, #gallery_photos_comment_18 .icon_edit,
#gallery_photos_comment_19 .icon_edit, #gallery_photos_comment_9 .icon_edit,
#gallery_photos_comment_10  .icon_edit {
    display: none;
}
.icon_edit {
    background: url(../images/icons/pencil_edit.svg) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: relative;
    transform: scale(2);
    margin-left: 8px;
}
.icon_edit:active {
    background: url(../images/icons/pencil_edit.svg) no-repeat;
    background-size: contain;
}
.singleMetamorphosisGallery .slick-next {
    right: -15px !important;
}
.singleMetamorphosisGallery .slick-prev {
    left: -17px !important;
}
.textarea-comment, .textarea-comment2 {
    max-height: 120px;
    width: 100%;
    padding: 5px 50px 0 8px;
    box-sizing: border-box;
}
.comment-text {
    padding-bottom: 0;
    display: flex !important;
}
.textarea-comment-wrapper {
    position: relative;
    display: flex;
    margin-bottom: 10px;
    white-space: normal;
}
.textarea-comment-wrapper .textarea-comment {
    width: 100%;
    padding-right: 55px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    font-style: italic;
    color: #000;
    padding-left: 5px;
}
.user_comment .meta-btn.meta-btn-trash {
    margin-left: 0;
}
.raport_failuers_textarea_wrapper {
    display: flex;
    position: relative;
}
.raport_failuers_textarea_wrapper button {
    height: 100% !important;
}
.raport_failuers_textarea_wrapper textarea {
    max-height: 250px;
    min-height: 70px !important;
}
.fix_textarea {
        position: fixed;
    bottom: 4px;
    width: 90%;
}
#list_search_item:after, .pp_interests_search.category:after {
        content: "";
    width: 40px;
    height: 40px;
    background-image: url(../images/icons/goldcut.svg);
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    bottom: -12px;
}
#perform_action_upgrade {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 20;
    border: 2px solid #000;
    margin-left: -2px;
}
.info .comment-text {
    white-space: unset !important;
}
.tooltip_foot_wrapper > a {
    margin-top: 8px !important;
}
.list_personal_fix {
    overflow: hidden;
    text-overflow: ellipsis;
}
#pp_gallery_open_question_comment:empty {
    display: none;
}
#pp_gallery_open_question_comment .date,
#pp_gallery_open_question_comment .post {
    width: 100%;
}
#pp_gallery_open_question_comment .icon_edit {
    position: absolute;
    right: 0;
    top: 18px;
}
#pp_gallery_open_question_comment .icon_delete {
    position: absolute;
    right: 20px;
    top: 18px;
}
.saveAdd_view .napis[style*="color: rgb(0, 0, 0);"] {
    text-shadow: -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff, 0.5px 0.5px 0 #fff;
}
.single_tag.remTag[style*="color: rgb(0, 0, 0);"] div {
    text-shadow: -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff, 0.5px 0.5px 0 #fff;
}
#invite_videochat, #invite_audiochat {
    display: none;
}
.range-numbers {
    display: flex;
    color: #acacac;
    position: absolute;
    top: 43px;
    font-size: 8px;
    margin-left: calc(2% - 4px);
}
.range-numbers li {
    position: absolute;
    padding: 0 5px;
}
.bl_encounter_question:not(:first-child) .range-numbers {
    display: none;
}
.bl_encounter_question:not(:first-child) .range_cloud {
    display: none !important;
}
.range_cloud {
    margin-left: -6px;
}
@media(max-height: 500px) and (min-width: 500px) {
    .range-numbers {
        display: none;
    }
    .count_cont {
        display: none;
    }
}
.cbp-rfgrid .loader-image img {
    position: relative;
    border: 1px solid #acacac;
    box-sizing: border-box;
}
.cbp-rfgrid .loader-image img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/icons/loader.svg) 50% 50% no-repeat;
    display: block;
}
#delete_choosed_styles {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 10px;
    display: block;
}

.auto-c-container .auto-c-submit{
    position: absolute;
    height: 30px !important;
}

div.grecaptcha-badge {
    z-index:10;
}
.notificationClosed b {
    font-size: 14px;
}
.column_main.advices {
    margin-top: 60px;
}
.advice-item {
    padding: 0 15px;
}
#help_artykuly_porady {
    top: 14px;
    z-index: 101;
    right: 153px;
    position: fixed;
    display: block;
}
.advice-title {
    text-align: center;
    margin-bottom: 15px;
}
.advice-content {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
}
.advice-content .images-slideshow > div {
    width: 50%;
}
.advice-content img {
    cursor: pointer;
    object-fit: cover;
    padding: 5px;
    max-width: 100%;
    box-sizing: border-box;
}
.advice-content .images-slideshow {
    display: flex;
    flex-wrap: wrap;
}

.aboutustext {
    text-align: justify;
    line-height: 1.1;
    font-size: 1.0em;
    padding-right: 5px;
}

.logoimgsvg {
    content:url("../images/logo.svg");
    display:block;margin:15px auto;
    width: 200px;
}

.partnertext {
    text-align: center;
    line-height: 1.1;
    font-size: 1.0em;
    padding-right: 5px;
}

.partnerimg1 {
    content:url("../images/partnership1.png");
    display:inline-block; margin-left:auto; margin-right:auto;
    width: 280px;
}

.partnerimg2 {
    content:url("../images/partnership2.png");
    display:inline-block; margin-left:auto; margin-right:auto;
    width: 280px;
}

.m_name {
    font-size: 16px;
    font-weight: 900;
}

.consultant_vip{
    border: 3px solid #ca9e67 !important;
    background-image: url(../images/icons/goldcutvip2.svg) !important;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}


.hoverapp:hover{
    filter: invert(100%);
}























.advice-title2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 1.02em;
}

.advice-title3 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 1.1em;
}








.flex-display
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

figure {
    margin: 0;
    padding: 5px;
    background: #fff;
    overflow: hidden;
    color: 000;
}
figure a
{
    display: block;
    position: relative;
}
.hover12
{
    box-sizing: border-box;
}
.hover12 figcaption
{
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 98%;
    padding: 2em;
    color: #c2996b;
    line-height: 200%;
    /*text-transform: uppercase;*/
    font-size: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
}
.hover12 figcaption::after
{
    /*border-right: 1px solid #c2996b;
    border-left: 1px solid #c2996b;*/
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.hover12 figcaption::before {
    border-top: 1px solid #c2996b;
    border-bottom: 1px solid #c2996b;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.hover12 figcaption::before, .hover12 figcaption::after {
    position: absolute;
    top: -9px;
    right: -1px;
    bottom: -9px;
    left: -1px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
.hover12 figcaption p
{
    text-align: center;
    width: 96%;
    margin-left: -33px;
    opacity: 0;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    letter-spacing: 1px;
    font-size: 20px;
    position: absolute;
    line-height: 1.5;
    top: 16%;
    background: rgba(194, 153, 107, 0.97);
    font-weight: 400;
    padding: 5px;
}




.hover12 figure:hover figcaption::before,
.hover12 figure:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.hover12 figure:hover h2,
.hover12 figure {

    color: #000;
}

.hover12 figure:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    color: #000 !important;
    font color: #000 !important;
}
.hover12 figure:hover .orange-shadow
{
    opacity: .4;
}
/* Opacity #2 */
.hover12 figure {
    position: relative;
}
.hover12 figure:hover {
    /*background: #512a00;*/

}
.hover12 figure img {
    opacity: 1;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    border: 1px solid #c2996b;
    box-sizing: border-box;
}

.orange-shadow
{

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    transition: opacity .45s;
    -webkit-transition: opacity .45s;
}



@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@media(max-width: 1600px)
{
    .hover12
    {

        display: flex;
        justify-content: center;
    }
}
@media(max-width: 800px)
{
    .hover12
    {
        width: 100%;
    }
}

.klockii{

    margin-top: 5px;
    text-align: center;

}