body {
    background: #e8edf4; /*#f7fafa;*/
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 972px;
}

button .caret {
    margin-top: 3px;
    float: none;
}


button .caret:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    margin-top: -9px;
    margin-left: -4px;
}

/* headline */
.headline-wrapper {
    width: 100%;
    height: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.headline {
    white-space: nowrap;
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 0.9; /* TODO filter for IE8 */
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.headline div {
    vertical-align: top;
    display: inline-block;
    height: 0;
    background: transparent;
    border: 0;
    border-style: solid;
    border-bottom-width: 10px;
    z-index: 1;
    margin-left: -10px;
    position: relative;
    border-color: #ffcd03;
    width: 176px;
}

.headline div.t0, .headline div.t1, .headline div.t2 {
    width: 166px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    z-index: 2;
}

.headline div.t0 {
    border-bottom-color: #34495e;
}
.headline div.t1 {
    border-bottom-color: #c4236b;
}
.headline div.t2 {
    border-top-color: #e73c88;
    border-bottom-width: 0;
    border-top-width: 10px;
}

/* non responcive */
.main-container {
    width: 970px;
    text-align: center;
}

/* navbar */
.navbar-default {
    border: none;
    background: transparent;
    position: relative;
    z-index: 5;
    margin-top: 10px;
}

.navbar-toolbar {
    /*position: absolute;*/
    /*left: 50%;*/
    /*left: 200px;*/
    /*-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);*/
}
.ok_body .navbar-toolbar,
.hipler .navbar-toolbar {
    position: absolute;
    left: 200px;
}


.navbar-brand {
    background: url(../img/smilelogo.png) top left no-repeat;
    width: 221px;
    height: 86px;
    margin-bottom: -56px;
    margin-top: -15px;
    margin-left: -10px;
}

.ok_body .navbar-brand,
.hipler .navbar-brand {
    margin-top: -9px;
}

.navbar-brand.vk-loveplanet {
    background: url(../img/lp-vk-logo.png) top left no-repeat;
    margin-left: 0;
    width: 154px;
    margin-left: 10px;
    margin-right: 10px;
}

.navbar-toolbar .search-link {
    border-bottom: 1px dashed black;
    text-decoration: none;
    font-weight: normal;
    margin-left: 5px;
}


#search-panel {
    white-space: nowrap;
    margin-top: -20px;
    border-radius: 30px;
    z-index: 10;
    text-align: left;
    color: #465160;
    font-weight: bold;
    font-size: 12px;
    min-width: 735px;

    border: 1px solid rgb( 234, 234, 234 );
    border-radius: 23px;
    background-image: linear-gradient( 0deg, rgba(128,128,128,0.1) 0%, rgb(255,255,255) 100%);
    box-shadow: 0px 1px 0px 0px rgba( 128, 128, 128, 0.2 );
}

#search-panel-config .open .dropdown-toggle,
#search-panel .open .dropdown-toggle {
    border-color: #465160;
}

#search-panel-config .dropdown-menu,
#search-panel .dropdown-menu {
    padding: 0;
    border-color: #465160;
}

#search-panel .dropdown-menu.vote-counter
{
    width: 240px;
}


#search-panel-config .dropdown-menu .selected,
#search-panel-config .dropdown-menu a:hover,
#search-panel .dropdown-menu .selected,
#search-panel .dropdown-menu a:hover {
    background-color: #465160;
    color: white;
}

#search-panel .panel-body {
    padding: 10px 10px 9px 14px;
}

#search-panel .search-type-dropdown
{
    width: 138px;
    text-align: left;
}
#search-panel .search-type-dropdown .caret
{
    text-align: right;
}

#search-panel .search-sex-type-dropdown
{
    margin-right: 5px;
    width: 112px;
    text-align: left;
}
#search-panel .panel-body > span.dropdown > a,
#search-panel .panel-body > a {
    margin-right: 10px;
}

#search-panel .panel-body
{
    width: 800px;
}
.ok_body #search-panel .panel-body,
.hipler #search-panel .panel-body
{
    width: 725px;
}

#search-panel .panel-body .counter_panel a {
    margin-right: 10px;
    text-decoration: none;
}

.search-panel-text {
    margin-left: 10px;
}

#search-panel .dropdown-menu.vote-counter a
{
    margin-right: 0;
}

#search-panel .counter_panel
{
    display: inline;
    width: 780px;
}

#search-panel-config .btn-group {
    margin-left: 5px;
}

#search-panel-config b{
    color:#465160;
}


.search-config-container .search-button {
    border-radius: 20px;
    padding: 8px 20px;
    background: #3195d4;
    color: white;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    z-index: 5;
}

.search-config-container {
    padding-bottom: 20px;
    z-index: 10;
}

.navbar .navbar-right > li {
    margin-left: 10px;
    opacity: 0.8;
}

.navbar .navbar-right > li:hover {
    opacity: 1;
}

.navbar-nav li a {
    padding: 5px;
    height: 30px;
    vertical-align: middle;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 25px;
    padding: 10px;
}
.navbar .dropdown.open a.dropdown-toggle {
    background: none;
}
.navbar-nav>li>.dropdown-menu:before {
    content: '';
    display: inline-block;
    position: absolute;
    border-bottom: 15px solid #ccc;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    top: -15px;
    right: 14px;
}
.navbar-nav>li>.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
    border-bottom: 15px solid white;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -14px;
    right: 15px;
}

.userpic {
    border-radius: 15px;
    width: 30px;
    height: 30px;
}
li.userpic_link a
{
    padding-top: 0;
}

.navbar .counter {
    position: absolute;
    background-color: #E73C88;
    color: white;
    font-size: 10px;
    border-radius: 10px;
    padding: 2px 5px;
    margin-top: -4px;
    margin-left: -18px;
    z-index: 3;
    border: 2px solid white;
}

.navbar .counter.empty
{
    position: relative;
    display: none;
}

.navbar .dropdown {
    text-align: left;
}

/* carousel slides */
.carousel {
    width: 780px;
    height: 500px;
    line-height: 500px;
    margin: 0 auto;
}
.carousel .slide {
    position: absolute;
    vertical-align: middle;
}
.carousel .slide-current {
    position: relative;
    width: 500px;
    margin: 0 auto;
    z-index: 3;


    background: #318cc6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #318cc6 0%, #34495e 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#318cc6), color-stop(100%,#34495e)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #318cc6 0%,#34495e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318cc6', endColorstr='#34495e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


    border-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    box-shadow: 0px 1px 7px 0px #000;
}

.carousel .slide-prev-0 { left: 60px; z-index: 2;	cursor: pointer; }
.carousel .slide-prev-1 { left: 0; z-index: 1;	cursor: pointer; }
.carousel .slide-prev-2 { left: 0; z-index: 0;	cursor: pointer; }

.carousel .slide-next-0 { right: 60px; z-index: 1; }
.carousel .slide-next-1 { right: 60px; z-index: 2; }
.carousel .slide-next-2 { right: 0; z-index: 1; }

.carousel .slide-current img { max-width: 95%; }
.carousel .slide-prev-0 img, .carousel .slide-next-0 img,.carousel .slide-next-1 img { border-radius: 12px; }
.carousel .slide-prev-1 img, .carousel .slide-next-2 img { border-radius: 7px; }


.carousel .title {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20px 30px;
    width: 100%;
    text-align: left;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    background: rgba(0,0,0,0.3);
    cursor: pointer;
    border-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.carousel .gallery {
    position: absolute;
    top: 20px;
    right: 15px;
    line-height: 1;
    color: white;
    white-space: nowrap;
    width: 200px;
}

.carousel .gallery img {
    border-radius: 0;
    border: 1px solid transparent;
    width: 32px;
    height: 32px;
    max-width: 32px;
}

.carousel .gallery .selected {
    border: 1px solid white;
    padding: 0 0 ;
}

.gallery > span {
    vertical-align: top;
    margin-top: 9px;
    cursor: pointer;
}

.jcarousel {
    width: 160px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.jcarousel ul {
    width: 2000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 31px;
    height: 31px;
    overflow: hidden;
    padding: 1px 1px;
    cursor: pointer;
    margin-right: 1px;
}

.like-buttons {
    position: absolute;
    bottom: 30px;
    line-height: 1;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

    background: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    padding: 10px;
}


.online_marker {
    position: absolute;
    top: 14px;
    line-height: 1;
    left: 20px;
    font-size: 16px;
    color: green;
    display: block;
}

.like-buttons span {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 40px;
    cursor: pointer;
}

.btn-like { background: #FFF url(../img/btn-like.png) center no-repeat; margin-right: 5px; }
.btn-dislike { background: #FFF url(../img/btn-dislike.png) center no-repeat; }
.btn-next { background: #FFF url(../img/btn-next.png) center no-repeat; }

.btn-like:hover { background: #EEE url(../img/btn-like.png) center no-repeat; margin-right: 5px; }
.btn-dislike:hover { background: #EEE url(../img/btn-dislike.png) center no-repeat; }
.btn-next:hover { background: #EEE url(../img/btn-next.png) center no-repeat; }

.btn-like.selected { background: #DDD url(../img/btn-like.png) center no-repeat; margin-right: 5px; }
.btn-dislike.selected { background: #DDD url(../img/btn-dislike.png) center no-repeat; }
.btn-next.selected { background: #DDD url(../img/btn-next.png) center no-repeat; }

/* user info */
.userinfo {
    width: 500px;
    margin: 0 auto;
    text-align: left;
    color: #777;
    padding-top: 20px;
    font-size: 16px;
    background: white;
    box-shadow: 0px 1px 7px 0px #000;
    border-radius: 20px;
    border-top-right-radius: 0; border-top-left-radius: 0;
    z-index: 6;
    position: relative;
    padding-bottom: 10px;
}
.subhead {
    margin-bottom: 10px;
}
.counter {
    font-size: 18px;
    font-weight: bold;
}
.liking {
    border: 1px solid #BBB;
    border-radius: 10px;
    padding: 2px 7px;
    font-size: 12px;
    margin-bottom: 3px;
    display: inline-block;
    margin-right: 3px;
}
.liking.joint {
    background: #999;
    border-color: #999;
    color: #EEE;
}

#footer {
    margin-top: 20px;
    border-top: 1px solid #EAEAEA;
    background: white;
}

#footer a {
    margin: 10px;
}


/* popup */
.messengerPopup .modal-dialog {
    width: 880px;
}
.messengerPopup{
    overflow: hidden;
}


.hipler-popup .modal-content {
    background-color: transparent;
}

.messengerPopup .carousel .title{
    cursor: pointer;
}
.messengerPopup .close {
    color: #000000;
    color: #c9c9c9;
    position: absolute;
    font-size: 34px;
    top: -2px;
    right: 10px;
    outline: 0;
    opacity: 0.8;
}

.messengerPopup .close:hover
{
    color: #000000;
}

/*.left-panel {
    border-right: 1px solid #999;
}*/

.left-panel .list-group {
    margin-bottom: 0;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.left-panel .list-group li {
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.left-panel .list-group li.selected {
    background: #34495E;
    color: white;
}

.left-panel .badge {
    margin-top: 0;
    padding: 8px 8px;
    background: #ee4085;
    position: absolute;
    top: 2px;
    left: 10px;
    border-radius: 50%;
}


.left-panel .badge-ico {
    background: transparent url(../img/btn-like.png) center no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: right;
    margin-top: 15px;
    margin-right: 5px;
}

.left-panel .badge-ico.badge-ico-chat{
    position: absolute;
    top: 2px;
    left: 10px;
    border-radius: 50%;
    background-color: #fff;
    margin-top: 0;
    margin-right: 0;
}
.left-panel .badge-ico.badge-like {
    background-image: url(../img/btn-like.png);
}

.left-panel .badge-ico.badge-dislike {
    margin-top: 0;
    background-image: url(../img/btn-dislike.png);
}



.left-panel .badge-ico.badge-mail {
    margin-top: 0;
    background-image: url(../img/mail.png);
    float: left;
}

.left-panel .list-group li.filter-panel {
    font-size: 14px;
}

.left-panel .selected span {
    margin-top: 15px;
    float: right;
}

.left-panel .selected span.badge {
    margin-top: 0;
}

.filter-panel span.glyphicon {
    float: right;
    margin-left: 10px;
    margin-top: 8px;
}

.chat-content {
    padding: 30px;
    position: static;
    padding-top: 10px;
}

.list-group.chat-user-list
{
    overflow: hidden;
    overflow-y: scroll;
    height: 570px;
    max-height: 570px;
}
.list-group.chat-user-list .user-online
{
    border-radius: 4px;
    width: 8px;
    height: 8px;
    background-color: rgb(0, 240, 0);
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    margin-top: 0;
}
.list-group.chat-user-list .user-online.off
{
    background-color: #E73C88;
}

.list-group.chat-user-list .user-online-marker
{
    border-radius: 4px;
    width: 8px;
    height: 8px;
    background-color: rgb(0, 240, 0);
    margin-top: 15px;
    float: right;
}
.list-group.chat-user-list .user-online-marker.off{
    background-color: #E73C88;
}

li.filter-panel
{
    position: static;
}

.filter-panel .open .dropdown-toggle {
    border-color: #465160;
}

.filter-panel .dropdown-menu.chat-filter {
    padding: 0;
    top: auto;
    left: 29px;
}
.filter-panel .dropdown-menu.chat-filter li{
    font-size: 14px;
}

.filter-panel .dropdown-menu.chat-filter .selected, .filter-panel .dropdown-menu.chat-filter a:hover {
    background-color: #465160;
    color: white;
}


.chat-user-list .list-group-item {
    cursor: pointer;
}
.chat-user-list.blocked .list-group-item
{
	cursor: default;
	background: #f9f9f9;
}

.chat-user-list .list-group-item .empty
{
    cursor: default;
}

.chat-block-popover {
    width: 500px;
    margin-left: -10px;
    height: 170px;
    background-image: url('/img/gd-block-chat.png');
    background-repeat:repeat-x;
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    position: absolute;
    bottom: 10px;
    z-index: 7;
    color: #233648;
}


.chat-user-list .list-group-item div.name{
    display: inline-block;
    margin-left: 5px;
    width: 123px;
    overflow: hidden;
    height: 21px;
}


.chat-user-list .list-group-item div.name.add-text{
    font-size: 10px;
    font-weight: bold;
    overflow:visible;
    padding-top: 9px;
    height: 50px;
    width: 117px;
    vertical-align: top;

}

.chat-user-list .list-group-item.add_more_people
{
    height: 50px;
}

.chat-user-list .list-group-item div.name.empty
{
    width: 100px;
}
.chat-user-list .list-group-item img
{
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.messengerPopup .carousel {
    width: auto;
    height: 420px;
    line-height: 420px;
}
.messengerPopup .carousel .slide, .messengerPopup .carousel .slide img,
.messengerPopup .userinfo {
    width: 420px;
}

.messengerPopup .carousel .slide, .messengerPopup .carousel .slide img
{
    height: 420px;
}
.messengerPopup .carousel .slide img
{
    padding-left: 20px;
    height: auto;
}
.messengerPopup .userinfo { font-size: 14px; }

/* chat */
.chat-messages h3 {
    color: #34495E;
    cursor: pointer;
}
.chat-messages .date {
    text-align: center;
    color: #AAA;
    font-size: 12px;
}
.chat-messages .message > img {
    border-radius: 30px;
    width: 50px;
    height: 50px;
}
.chat-messages .message .text {
    border-radius: 20px;
    padding: 15px;
    margin: 15px 5px;
    display: inline-block;
    position: relative;
    width: 80%;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.chat-messages .message.incoming .text { background: #eeeff0;  width: 60%;}
.chat-messages .message.outgoing .text { background: #c3e1f3; width: 60%;text-align: left;}
.chat-messages .message .status {
    display: block;
    color: #aaa;
    font-size: 12px;
}
.chat-messages .message.incoming.auto_answer .text {  color: #5A6244;  }
.chat-messages .message.incoming.colored .text {  color: #5A6244;  }
.chat-messages .message.incoming { text-align: left; }
.chat-messages .message.outgoing { text-align: right; padding-right: 10px;}

.messengerPopup .user-is-vip-line {
    border-radius:8px;
    width: 510px;
    padding:8px 8px;
    position: absolute;
    bottom: 115px;
    background-color: #fdf4df;
}


.messengerPopup .user-is-vip-line .png-ico-vip {

    background-size: cover;
    width: 25px;
    height: 25px;
}
.chat-messages-block
{
    max-height: 330px;
    overflow: hidden;
    overflow-y:auto;
    padding-top: 5px;
}

.chat-messages .message .text:before, .chat-messages .message .text:after {
    border-radius: 20px / 10px;
    content: '';
    display: block;
    position: absolute;
}

.chat-messages .message.incoming .text:before {
    border: 10px solid transparent;
    bottom: 0;
    left: -7px;
    z-index: 5;
}

.chat-messages .message.incoming .text:after {
    border: 8px solid transparent;
    border-bottom-color: #eeeff0;
    bottom: 1px;
    left: -5px;
    z-index: 6;
}

.chat-messages .message.outgoing .text:before {
    border: 10px solid transparent;
    bottom: 0;
    right: -7px;
    z-index: 5;
}

.chat-messages .message.outgoing .text:after {
    border: 8px solid transparent;
    border-bottom-color: #c3e1f3;
    bottom: 1px;
    right: -5px;
    z-index: 6;
}

.chat-stickers {
    margin-top: 9px;
    padding-right: 10px;
}

.chat-sticker {
    padding: 10px 15px;
    background-color: #eeeff0;
    margin-bottom: 14px;
    border-radius: 3px;
    position: relative;
}
.chat-sticker__cont {
    display: table;
    width: 100%;
}
.chat-sticker__cont > * {
    display: table-cell;
}

.chat-sticker__img {
    width: 55px;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.chat-sticker__text {
    font-size: 13px;
    color: #999999;
    padding: 0 15px;
}

.chat-sticker__text-title {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.chat-sticker__actions {
    width: 155px;
    padding-right: 25px;
    height: 100%;
    vertical-align: middle;
    text-align: right;
}

.chat-sticker__action {
    background: #E73C88;
    border-radius: 15px;
    outline: 0;
    border: 0;
    color: white;
    padding: 4px 15px 6px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
.chat-sticker__action:hover,
.chat-sticker__action:focus,
.chat-sticker__action:active {
    background: #d83e76;
}

.chat-sticker__close {
    position: absolute;
    background: no-repeat;
    border: 0;
    outline: none;
    color: #999999;
    font-size: 28px;
    line-height: 11px;
    top: 10px;
    right: 5px;
    padding: 0;
}

.chat-sticker__close:hover {
    color: #000;
}

.chat-sticker_wink .chat-sticker__img {
    background-image: url('../img/wink-gift.png');
}

.chat-sticker_gift .chat-sticker__img {
    background-image: url('../img/sticker-gift.png');
}

.chat-sticker_hello .chat-sticker__img {
    background-image: url('../img/sticker-hello.png');
}

.chat-dropdown {
    margin: 0px 6px 0;
    border: 1px solid #a4a4a4;
    padding: 12px 20px 4px 15px;
}

.chat-dropdown:before {
    content: '';
    display: block;
    position: absolute;
    border: 7px solid transparent;
    top: -15px;
    border-bottom-color: #a4a4a4;
    right: 18px;
}

.chat-dropdown::after {
    content: '';
    display: block;
    position: absolute;
    border: 7px solid transparent;
    top: -14px;
    border-bottom-color: #fff;
    right: 18px;
}

.chat-dropdown>li>a {
    padding: 6px 0px 9px;
    font-size: 15px;
}
.chat-dropdown>li>a:hover,
.chat-dropdown>li>a:focus,
.chat-dropdown>li>a:active {
    background-color: transparent;
    color: #ec3a85;
}
.chat-dropdown__ico,
.chat-dropdown__ico:empty {
    display: inline-block;
    margin-right: 3px;
    background-repeat: no-repeat;
}

.chat-dropdown__ico {
    background-image: url('../img/chat-menu.png');
    width: 20px;
    vertical-align: middle;
}

.chat-dropdown__ico_favorite {
    height: 14px;
    background-position: -5px -5px;
}

a:hover .chat-dropdown__ico_favorite,
a:focus .chat-dropdown__ico_favorite,
a:active .chat-dropdown__ico_favorite {
    background-position: -32px -5px;
}

.chat-dropdown__ico_gift {
    height: 17px;
    background-position: -59px -5px;
}

a:hover .chat-dropdown__ico_gift,
a:focus .chat-dropdown__ico_gift,
a:active .chat-dropdown__ico_gift {
    background-position: -83px -5px;
}

.chat-dropdown__ico_hello {
    height: 19px;
    background-position: -107px -5px;
}

a:hover .chat-dropdown__ico_hello,
a:focus .chat-dropdown__ico_hello,
a:active .chat-dropdown__ico_hello {
    background-position: -135px -5px;
}

.chat-dropdown__ico_remove {
    height: 13px;
    background-position: -163px -5px;
}

a:hover .chat-dropdown__ico_remove,
a:focus .chat-dropdown__ico_remove,
a:active .chat-dropdown__ico_remove {
    background-position: -186px -5px;
}

.chat-dropdown__ico_profile
{
    background: none;
}
.chat-dropdown__ico_wink {
    height: 14px;
    background-position: -209px -5px;
}

a:hover .chat-dropdown__ico_wink,
a:focus .chat-dropdown__ico_wink,
a:active .chat-dropdown__ico_wink {
    background-position: -234px -5px;
}



.send-message {
    position: absolute;
    bottom: 15px;
}
.send-message > img {
    float: right;
    width: 40px;
    height: 40px;
    margin-right: 30px;
}
.send-message .message-text {
    width: 580px;
    border: 1px solid #aaa;
    border-radius: 15px;
    color: #aaa;
    outline: 0;
    padding: 10px;
    margin: 7px 0;
}

.send-message .message-text textarea
{
    outline: 0;
    border: none;
    width: 400px;
    resize: none;
    height: 24px;
}

.send-message .message-text textarea.withtext
{
    height: 72px;
}
.send-message button {
    background: #E73C88;
    border-radius: 15px;
    outline: 0;
    border: 0;
    color: white;
    padding: 5px 15px;
    font-weight: bold;
}
.send-message .smile-button {
    position: absolute;
    right: 10px;
    top: 15px;
    background: transparent url(../img/like.png) center no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
}

.send-message .smile-button.gift
{
    background: transparent url(../img/ico-gift.png) center no-repeat;
}
.send-message .smile-button.photo {
    right: 37px;
    background-image: none;
    font-size: 22px;
    color: #C3C7CB;
}

.promo-photo-to-chat
{
    position: absolute;
    top: -18px;
    right: 10px;
    background-color: white;
    border: 1px solid #E73C88;
    height: 30px;
    width: 111px;
    padding: 5px 5px;
    border-radius: 5px;
    color: #E73C88;
}

.promo-photo-to-chat::after {
    content: '';
    display: block;
    position: absolute;
    border: 7px solid transparent;
    bottom: -14px;
    border-top-color: #E73C88;
    right: 34px;
}

.smile-list-in-chat-wraper {
    position: absolute;
    top: -48px;
    right: 42px;
    height: 80px;
    width: 200px;
    z-index: 999;
}

.smile-list-in-chat
{
    background-color: white;
    border: 1px solid dimgray;
    padding: 5px 5px;
    border-radius: 5px;
    color: dimgray;
    height: 60px;
}

.smile-list-in-chat::after {
    content: '';
    display: block;
    position: absolute;
    border: 7px solid transparent;
    bottom: 6px;
    border-top-color: dimgray;
    right: 34px;
}

.smile-list-in-chat .chat-smile {
    padding-left: 10px;
    cursor: pointer;
}


.send-message .smile-button.photo.active {
    color: #E73C88;
}
.send-message span.smile {
    width: 16px;
    height: 16px;
    background-image: url(../img/smiles.png);
    display: inline-block;
    margin: 5px;
}
.smile-1 { background-position: 0 -17px; }
.smile-2 { background-position: 0 -34px; }
.smile-3 { background-position: 0 -51px; }
.smile-4 { background-position: 0 -68px; }
.smile-5 { background-position: 0 -85px; }
.smile-6 { background-position: 0 -102px; }
.smile-7 { background-position: 0 -119px; }
.smile-8 { background-position: 0 -136px; }
.smile-9 { background-position: 0 -154px; }
.send-message .popover {
    background: rgba(0,0,0,0.8);
}
.send-message .popover .arrow {
    border-top-color: transparent;
}
.send-message .popover .arrow:after {
    border-top-color: rgba(0,0,0,0.8);
}


.send-message.greeting-list
{
    position: absolute;
    bottom: 5px;
}
.send-message.greeting-list .message-text {
    border: none;
    margin-top: 0px;
    padding-bottom: 3px;
}

.send-message.greeting-list .greeting-list
{

}

.carousel .slide-prev-0 .img-rounded{
    width: 360px;
    height: 360px;
}
.carousel .slide-prev-2 .img-rounded,
.carousel .slide-prev-1 .img-rounded {
    width: 293px;
    height: 293px;
}

.carousel .slide-next-0 .img-rounded,
.carousel .slide-next-1 .img-rounded {
    width: 360px;
    height: 360px;
}
.carousel .slide-next-2 .img-rounded {
    width: 300px;
    height: 300px;
}

.carousel .slide-current .img-rounded
{
    width: 500px;
    height: 500px;
}




[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
    display: none !important;
    visibility: hidden!important;
    position:absolute;
    top:-9999px;
    left:-9999px;
}

ng\:form {
    display: block;
}



.CantSeeMeetPopUp
{
    top: 50px!important;
    outline: none;
    overflow: hidden;
}
.CantSeeMeetPopUp
{
    background-color: transparent;
}

.CantSeeMeetPopUp .modal-dialog {
    width: 700px;
}
.CantSeeMeetPopUp .modal-content {
    overflow: hidden;
    border-radius: 20px;
    background-color: transparent;
}
.CantSeeMeetPopUp button.close {
    color: white;
    opacity: 0.4;
    font-size: 30px;
    font-weight: normal;
    font-family: serif;
    right: 15px;
    top: 10px;
    position: absolute;
    outline: none
}

.popup-content {
    font-size: 17px;
    text-align: center;
    padding-top: 50px;
}

.popup-top-content, .popup-bottom-content {
    padding: 0 40px 50px;
}

.popup-top-content,
.hipler-popup.swaped .popup-bottom-content {
    color: white;
    background: #318cc6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #318cc6 0%, #34495e 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#318cc6), color-stop(100%,#34495e)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #318cc6 0%,#34495e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318cc6', endColorstr='#34495e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.hipler-popup.swaped .popup-top-content { background: white; color: black; }
.hipler-popup.swaped button.close {color: grey;}

.popup-bottom-content {
    background: white;
    color: rgb(52,73,94);
    position: relative;
}
.popup-bottom-content:after {
    content: 'ИЛИ';
    font-weight: bold;
    color: rgb(161, 175, 190);
}
.popup-bottom-content:before {
    content: '';
    background: white;
    border-radius: 40px;
    border: 2px solid rgba(161,175,190,0.5);
    color: #666;
    width: 70px;
    height: 70px;
}
.popup-bottom-content:after, .popup-bottom-content:before {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup-bottom-content.empty:after, .popup-bottom-content.empty:before {
    display: none;
}
.popup-content button, .header-buttons button, .user-buttons button {
    border-radius: 20px;
    padding: 10px 40px;
    font-weight: bold;
    margin: 10px;
}

.btn-play {
    background-color: rgb(45,207,76);
}
.btn-primary {
    background-color: rgb(49,149,212);
}
.btn-disabled {
    opacity: 0.6;
}



/* photo size */

.mainloading .photo-loading-wrapper {
    position: relative;
    margin: 100px auto;
    width: 360px;
}
.mainloading .photo-loading-wrapper img {
    width: 250px;
    height: 250px;
    border-radius: 125px;
}
/* animation size */
.mainloading .anim-wrapper {
    width: 360px;
    height: 360px;
    top: -55px;
}

.mainloading.preload
{
    margin-top: 80px;
}
.mainloading.preload .anim-wrapper {
    left: -55px;
    margin-left: 55px;
}
.mainloading.preload  .photo-loading-wrapper img {
    margin-left: 55px;
}


/* photo size */
.chatListLoader .photo-loading-wrapper {
    position: relative;
    margin: 100px auto;
    width: 360px;
}
.chatListLoader .photo-loading-wrapper img {
    width: 250px;
    height: 250px;
    border-radius: 125px;
}
/* animation size */
.chatListLoader .anim-wrapper {
    width: 360px;
    height: 360px;
    top: -55px;
    left: -55px;
}

/* photo size */
.chatListEmptyMeet .photo-loading-wrapper {
    position: relative;
    margin: 100px auto;
    width: 180px;
}
.chatListEmptyMeet .photo-loading-wrapper img {
    width: 150px;
    height: 150px;
    border-radius: 90px;
}
/* animation size */
.chatListEmptyMeet .anim-wrapper {
    width: 270px;
    height: 270px;
    top: -45px;
    left: -45px;
}


/*Likes popup loader*/
.likesListLoader .photo-loading-wrapper {
    position: relative;
    margin: 100px auto;
    width: 250px;
    padding-bottom: 40px;
}
.likesListLoader .photo-loading-wrapper img {
    width: 250px;
    height: 250px;
    border-radius: 125px;
}
/* animation size */
.likesListLoader .anim-wrapper {
    width: 360px;
    height: 360px;
    top: -55px;
    left: -55px;
}
.likesListLoader h3
{
    padding-left: 300px;
}
/*END Likes popup loader*/



/* Mutual */


.hipler-popup .modal-dialog {
    width: 700px;
}
.hipler-popup .modal-content {
    overflow: hidden;
    border-radius: 20px;
}
.hipler-popup button.close {
    color: white;
    opacity: 0.4;
    font-size: 30px;
    font-weight: normal;
    font-family: serif;
    right: 15px;
    top: 10px;
    position: absolute;
}

.popup-content {
    font-size: 17px;
    text-align: center;
    padding-top: 50px;
}

.popup-top-content, .popup-bottom-content {
    padding: 0 40px 50px;
}

.popup-top-content {
    color: white;
    background: #318cc6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #318cc6 0%, #34495e 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#318cc6), color-stop(100%,#34495e)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #318cc6 0%,#34495e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318cc6', endColorstr='#34495e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.popup-bottom-content {
    background: white;
    color: rgb(52,73,94);
    position: relative;
}
.popup-bottom-content:after {
    content: 'ИЛИ';
    font-weight: bold;
    color: rgb(161, 175, 190);
}
.popup-bottom-content:before {
    content: '';
    background: white;
    border-radius: 40px;
    border: 2px solid rgba(161,175,190,0.5);
    color: #666;
    width: 70px;
    height: 70px;
}
.popup-bottom-content:after, .popup-bottom-content:before {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.popup-bottom-content.empty:after, .popup-bottom-content.empty:before {
    display: none;
}
button.btn-rounded,
.popup-content button, .header-buttons button {
    border-radius: 20px;
    padding: 10px 40px;
    font-weight: bold;
    margin: 10px;
}

.btn-play {
    background-color: rgb(45,207,76);
}
.btn-primary {
    background-color: rgb(49,149,212);
}
.btn-disabled {
    opacity: 0.6;
}

.btn-pink,
.btn-pink:active,
.btn-pink:hover,
.btn-pink:focus
{
    color: #ffffff;
    background-color: #E73C88;
    border-color: #E73C88;
}


.btn-orange,
.btn-orange:active,
.btn-orange:hover,
.btn-orange:focus
{
    color: #ffffff;
    background-color: #FBB843;
    border-color: #F5A131;
}


.mutualPopup
{
    outline: none;
}
.mutualPopup .modal-dialog,
.mutualPopup .modal-content
{
    background-color: transparent;
}
.mutualPopup .popup-bottom-content:after {
    content: '';
    background-image: url(../img/btn-like.png);
    background-size: contain;
    width: 40px;
    height: 40px;
    z-index: 4;
}
.mutualPopup .popup-bottom-content:before {
    z-index: 3;
}
.mutualPopup .popup-top-content .popup-content {
    padding-top: 10px;
    height: 200px;
}

.user-card {
    border-radius: 20px;
    box-shadow: 0px 1px 7px 0px #000;
    background: white;
    width: 290px;
    overflow: hidden;
    display: inline-block;
}
.user-card img {
    height: 300px;
}
.user-card span {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}

.mutual-photos {
    margin-top: -175px;
    margin-bottom: 20px;
}
.mutual-photos div:nth-child(1) {
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg);
    -webkit-transform:rotate3d(0, 1, 1, -10deg);
    -moz-transform:rotate3d(0, 1, 1, -10deg);
    -ms-transform:rotate3d(0, 1, 1, -10deg);
    -o-transform:rotate3d(0, 1, 1, -10deg);
    transform:rotate3d(0, 1, 1, -10deg);
}
.mutual-photos div:nth-child(2) {
    -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -ms-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    transform:rotate(10deg);
    -webkit-transform:rotate3d(0, 1, 1, 10deg);
    -moz-transform:rotate3d(0, 1, 1, 10deg);
    -ms-transform:rotate3d(0, 1, 1, 10deg);
    -o-transform:rotate3d(0, 1, 1, 10deg);
    transform:rotate3d(0, 1, 1, 10deg);
}



.modal
{
    #overflow: hidden;
}
.title .glyphicon.deeppink,
.title.deeppink,
.deeppink
{
    color: deeppink;
}

.title .glyphicon.deepgreen,
.title.deepgreen,
.deepgreen
{
    color: #ffcd00;
}

.title .white,
.white
{
    color: #ffffff;
}


.title .glyphicon.new_photo
{
    color: #7aff85;
}
.btn,
button
{
    outline: none!important;
}

.user-buttons {
    text-align: center;
    padding: 10px 0 15px;
}
.user-buttons button {
    padding: 5px 15px;
    margin-left: 5px;
}


.png-ico {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.png-ico-vip { background-image: url(../img/ico-vip-inactive.png); }
.png-ico-vip.active { background-image: url(../img/ico-vip.png); }
.png-ico-mail { background-image: url(../img/mail.png); }
.png-ico-mail.active { background-image: url(../img/mail-color.png); }
.png-ico-chat { background-image: url(../img/ico-chat.png); }
.png-ico-chat.active { background-image: url(../img/ico-chat.png); }
.png-ico-like { background-image: url(../img/empty_like.png); }
.png-ico-like.active { background-image: url(../img/like-color.png); }
.png-ico-peoples { background-image: url(../img/ico-peoples.png); }
.png-ico-peoples.active { background-image: url(../img/ico-peoples-active.png); }
.png-ico-man { background-image: url(../img/ico-man.png); }
.png-ico-woman { background-image: url(../img/ico-woman.png); }
.png-ico-search { background-image: url(../img/ico-search-header.png); }
.png-ico-meet { background-image: url(../img/ico-meet.png); }
.png-ico-first { background-image: url(../img/ico-first.png); }
.png-ico-voip { background-image: url(../img/ico-voip.png); }
.png-ico-gift { background-image: url(../img/ico-gift.png); }
.png-ico-gift.active { background-image: url(../img/ico-gift-active.png); }

.png-ico-ulibaster { background-image: url(../img/ico-ulibaster.png); }
.png-ico-ulibaster.active { background-image: url(../img/ico-ulibaster-active.png); }


.panel .sep {
    display: inline-block;
    height: 46px;
    width: 1px;
    background: linear-gradient(#F5F5F5, #DDD, #DDD);
    top: -10px;
    position: relative;
    margin: 0 15px -29px 8px;
    margin-left: 5px;
    margin-right: 5px;
}


.no-results {
    font-size: 16px;
    color: #465160;
    padding: 200px 0 100px;
    background: url('../img/no-results-smile.png') no-repeat;
    background-position: 235px 60px;
    padding-left: 100px;
    width: 500px;
}
.no-results button {
    border-radius: 30px;
    border: 2px solid #34495E;
    color: #34495E;
    font-weight: bold;
    padding: 12px 45px;
    font-size: 16px;
    margin-top: 20px;
}

.bubbles {
    position: absolute;
    z-index: 1100;
    margin-top: 90px;
}

.bubbles .popover {
    position: relative;
    left: auto; top: auto; bottom: auto; right: auto;
    display: block;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border-radius: 7px;
    margin-bottom: 10px;
    margin-left: 0;
}
.bubbles .popover .popover-content {
    padding: 3px 10px;
    min-width: 170px;
    cursor: pointer;
}
.bubbles .popover p {
    margin-bottom: 0;
}

.bubbles .popover .close {
    position: absolute;
    display: none;
    right: 3px;
    background: rgb(0, 0, 0);
    color: white;
    font-size: 16px;
    width: 20px;
    height: 20px;
}
.bubbles .popover:hover .close {
    display: block;
}
.bubbles .popover img {
    position: absolute;
    border-radius: 50%;
    width: 30px;
    top: 0;
    left: -42px;
}
.bubbles .popover .message.popover-content{
    min-width: 340px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bubbles .popover .message img {
    position: relative;
    width: 90px;
    left: 0;
    top:0;
}
.bubbles .popover .message .btn-send-message-meet {
    font-size: 12px;
    color: white;
    background-color: #3A94D0;
    font-weight: normal;
    border-radius: 1px;
    width: 100%;
}


.bubbles .popover .message .btn-send-message-meet {
    box-shadow: inset 0 0 0 0 #2C77AA;
    -webkit-transition: all ease 15s;
    -moz-transition: all ease 15s;
    transition: all ease 15s;
}
.bubbles .popover .message .btn-send-message-meet.showed {
    box-shadow: inset 210px 0 0 0 #2C77AA;
    color: #fff;
}


.bubbles .popover .message.opened .btn-send-message-meet {
    display: none;
}

.bubbles .popover .close {
    left: 3px;
    top: 3px;
    background: none;
}

.bubbles .popover .message .close{
    color: white;
    display: block;
    font-size: 20px;
    right: 3px;
    top: 3px;
    left: auto;
    font-weight: lighter;
    text-shadow: none;
    opacity: 1;
}

.bubbles .popover .arrow:after {
    border-right-color: rgba(48, 57, 66, 0.9);
}



/**ANimate Bubbles*/
.bubbles .ng-enter,
.bubbles .ng-leave {
    -webkit-transform:scale(0);
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease-out-cubic;
    -webkit-transition-duration: 1000ms;
}


.bubbles  .ng-leave.ng-leave-active
{
    -webkit-transform:scale(0);
}
.bubbles  .ng-enter.ng-enter-active {
    -webkit-transform:scale(1);
}
/** END Animate Bubbles **/
.slide.gal img
{
    /*background:radial-gradient(ellipse at center, #318cc6 0%,#34495e 100%)*/
}

.pink
{
    color: #E73C88;
}

.underline
{
    text-decoration: underline;
}

.underline:hover
{
    text-decoration: none;
}

.no-margin-no-padding
{
    padding: 0 0;
    margin: 0 0;
}

.no-padding {
    padding: 0 0;
}

/** PROFILE **/
.main-profile
{
    background-color:#FFF;
    border-radius: 20px;
    border:1px solid #d0d0d0;
    min-height: 300px;
    margin-left: 0px;
    margin-right: 40px;
    margin-bottom: 40px;
}
.main-profile .block-title
{
    position:relative;
    width: 100%;
    height: 96px;
    padding: 0 0;
    margin: 0 0;
    border-bottom: 1px solid #d0d0d0;
    text-align: left;
}

.main-profile .block-title.master
{
    border: none;
    height: 60px;
}

.main-profile .block-buttons
{
    border-bottom: 1px solid #d0d0d0;
    height: 70px;
    padding: 0 0;
    margin: 0 0;
    padding-left: 30px;
}

.main-profile .block-user-info
{

}


.main-profile .block-user-info .info-item
{
    padding-bottom: 20px;
}

.main-profile .block-user-info .main-info
{
    border-right: 1px solid #d0d0d0;
    padding-left: 40px;
}

.main-profile .block-title .title
{
    height: 96px;
    padding-top: 33px;
    font-size: 22px;
}
.main-profile .block-title .title small
{
    height: 16px;
    font-size: 14px;
    color: #c9c9c9;
}
.main-profile .block-title.master .title
{
    padding-top: 15px;
    height: 50px;
}
.main-profile .block-title .title .online-marker
{
    border-radius: 10px;
    height: 10px;
    width: 10px;
    background-color: #2ace50;
    padding: 0 0;
    margin: 0 0;
    display: inline-block;
}

.main-profile .photo-line
{
    border-bottom: 1px solid #d0d0d0;
    background-color: #2D3238;
}
.main-profile .big-photo
{
    background: #318cc6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #318cc6 0%, #34495e 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#318cc6), color-stop(100%,#34495e)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #318cc6 0%,#34495e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318cc6', endColorstr='#34495e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.main-profile .big-photo .arrow
{
    //width: 30px;
}
.main-profile .big-photo .arrow .glyphicon
{
    font-size: 80px;
    padding-top: 120px;
    opacity: 0.3;
    cursor: pointer;
}
/** END PROFILE **/


/** Like Buttons **/
.like-buttons-title {
    padding-top: 8px;
    width: 200px;
}



.like-buttons-title span {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 40px;
    background-color: rgba(230, 230,230, 0.5);
    cursor: pointer;
    border: 1px solid #d1d1d1;
}
/** End Like Buttons **/

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph;
}

.glyphicon-menu-left:before {
    content: "\e257";
}
.glyphicon-menu-right:before {
    content: "\e258";
}

.c-pointer
{
    cursor: pointer;
}


.ok_body .all_wraper
{
    height: 800px;
    overflow-y:auto;

}


.import-buttons
{
	width: 205px;
	height: 60px;
	background: url('../img/import-buttons.png') 0 0 no-repeat;
	border: none;
	border-radius: 0;
}
.popup-content button .import-buttons
{
	border-radius: 0;
}

.import-buttons.import-buttons-vk
{
	background-position: 0 0 ;
}

.import-buttons.import-buttons-ok
{
	background-position-x:-210px;
}

.cursor
{
	cursor: pointer;
}


.footer .block
{
    text-align: center;
    padding-top: 10px;
}

.content.footer.footer-link
{
    height: 120px;
    padding-top: 30px;
    margin-top: 30px;
    text-align: left;
    background: #ffffff url('../img/18year.png') 920px 35px no-repeat;
}

.content.footer.footer-link.in-game
{
    background-image: none;
}

.content.footer.footer-link.in-game .container
{
    background-image:  url('../img/18year.png');
    background-position-x: 90%;
    background-position-y: 5px;
    background-repeat: no-repeat;
}


.content.footer.footer-link .link-block {
    height: 40px;
    line-height: 40px;
    float: left;
    padding-right: 20px;
}

.content.footer
{
    margin-left: auto;
    margin-right: auto;
}

/*** MASTER ***/
.step-lines
{

}
.step-lines_number
{
    color: #ffffff;
    background-color: #cccccc;
    border-radius: 34px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    display:inline-block;
    font-weight: bold;
}
.step-lines_number.active {
    background-color: transparent;
    background-image: url('../img/step-marker.png');
}

.step-lines_delimiter
{
    width: 100px;
    height: 34px;
    line-height: 34px;
    margin-left: -5px;
    margin-right: -5px;
    border-bottom:1px solid #cccccc;
    display:inline-block;
    margin-bottom: 4px;
}
.profile-test .step-lines_delimiter
{
    width: 30px;
}
.step-lines_delimiter.active
{
    border-bottom-color: #F6BDD6;
}
/*** END MASTER ***/


.settings-menu li.active a
{
    color:#C83779;
}

#search-panel .dropdown-menu.profile-drop-menu li a
{
    margin-right: 0px;
}

.compatibility
{
    position: absolute;bottom: 13px;left:180px;line-height: 1px;color: #ffffff;
}


.counter_panel span.point-name
{
    color : #465160;
    font-weight: lighter;
}
.counter_panel span.caret.point-name {
    border-top-color: #465160;
}

.icons-chat {
    width: 46px;
    height: 46px;
    background:transparent url('../img/chat/gift_icons.png');
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
}
.icons-chat:hover
{
    -webkit-filter: saturate(250%);
}
.icons-chat-gift
{
    background-image: url('../img/chat/gift_icons.png');
}

.icons-chat-wink
{
    background-image: url('../img/chat/wink.png');
}
.icons-chat-more
{
    background-image: url('../img/chat/more_icons.png');
}
.icons-chat-block
{
    background-image: url('../img/chat/block.png');
}

.icons-gift-menu
{
    background: transparent url(../img/ico-gift.png) center no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
}

/* Search */

.search__block {
    padding: 0 35px 40px;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.search__title {
    overflow: hidden;
    margin-bottom: 10px;
}

.search__title h1 {
    color: #393939;
    font-family: Arial;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
}

.btn-light {
    background-color: #fff;
    color: #393939;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    box-shadow: none;
    border: 1px solid #ccc;
    height: 34px;
    border-radius: 5px;
    padding: 7px 12px;
    box-shadow: none !important;
}

.btn-light.active {
    background-color: #f0e7f0;
    color: #393939;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    pointer-events: none;
}

.search__form {
    background-color: white;
    border: 1px solid #dde1e6;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

.search__fieldset {
    overflow: hidden;
    padding: 14px 21px;
    border-top: 1px solid #e4e4e4;
}

.search__fieldset:first-of-type {
    border-color: transparent;
}

.search__form label.search__fieldset-title {
    display: block;
    padding: 0 9px;
    margin-bottom: 15px;
}

#search__fullmode {
    border-top: 1px solid #e4e4e4;
    overflow: hidden;
}

.search__col {
    float: left;
    width: 20%;
    padding: 0 9px;
    box-sizing: border-box;
}
.search__col.sm {
    width: 10%;
}
.search__col.big {
    width: 40%;
}
.search__col.md {
    width: 25%;
}

.search__form label {
    color: #393939;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 3px;
}

.search__form .form-control {
    color: #465160;
    font-family: Arial;
    font-size: 15px;
    font-weight: 400;
}

.search__form .form-group {
    margin-bottom: 12px;
}

.search__form .search__fieldsubset:after {
    content: '';
    clear: both;
    display: block;
}

.search__form .form-group.half-width {
    width: 50%;
    padding: 0 9px;
    float: left;
}

.search__form .form-group.half-width:first-child {
    padding-left: 0;
}

.search__form .form-group.half-width:last-child {
    padding-right: 0;
}

.search__form .checkbox {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 12px;
}

.search__form .checkbox input {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    display: none;
}

.search__form .checkbox label {
    padding-left: 27px;
    background-image: url('../img/search__checkbox.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 16px;
    display: inline-block;
    line-height: 18px;
    white-space: nowrap;
    vertical-align: top;
    -webkit-user-select: none;
    user-select: none;


    color: #465160;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
}

.search__form .checkbox input[type=checkbox]:checked + label {
    background-position: 0 -16px;
}

.search__slider {
    padding-top: 0px;
}

.search__slider label {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.search__slider .slider {
    width: 97% !important;
    height: 14px;
    vertical-align: bottom;
}

.search__slider .slider-handle {
    background-color: #465160;
}

.search__slider .slider-selection {
    background-color: #e73c88;
}

.search__submit {
    text-align: right;
    padding: 0 30px 20px;
    margin-top: -17px;
}

.search__submit-btn {
    display: inline-block;
    width: 148px;
    height: 30px;
    background-color: #2e242c;
    border-radius: 15px;
    color: white;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    border: 0;
    position: relative;
}

.search__submit-btn:hover,
.search__submit-btn:focus,
.search__submit-btn:active {
    background-color: #5cb85c;
}

.search__message {
    background-color: #f0e7f0;
    border: 1px solid #dde1e6;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    padding: 15px 20px;
    position: relative;
    margin-bottom: 20px;
    min-height: 71px;
}

.search__message-text {
    padding-right: 215px;
    color: #465160;
    font-family: Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.search__message-btn {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    padding: 10px 25px;
    background-color: #e73c88;
    border-radius: 21px;
    color: white;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    border: 0;
}

.search__message-btn:hover,
.search__message-btn:focus,
.search__message-btn:active {
    background-color: #f4408f;
}

.search__result {
    margin-bottom: 23px;
    overflow: hidden;
}

.search__users {
    overflow: hidden;
    margin: 0 -7px;
}

.search-user {
    float: left;
    width: 100%;
    padding: 7px;
    box-sizing: border-box;
}

.search-user_half-search {
    width: 50%;
}

.search-user_single {
    margin-right: 50%;
}

.search-user__cont {
    background-color: white;
    border: 1px solid #dde1e6;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    padding: 10px;
    overflow: hidden;
    position: relative;
}

.search-user__info {
    float: left;
    width: 100%;
    padding-left: 165px;
    margin-left: -150px;
    box-sizing: border-box;
}

.search-user__photo {
    float: left;
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: 50% top;
    position: relative;
}


.search-user__photo .img-ico {
    min-width: 40px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 5px;
    right: 5px;
    border-radius: 15px;
    color: white;
}

.search-user__photo img {
    height: 150px;
}
.search-user__photo.no_vip img
{
    -webkit-filter: blur(10px);
    filter: blur(10px);
    width: 140px;
    height: 140px;
}
.blur, /* do you neeed it too for IE ? */
.blur p, /* extra for IE  */
.blur div,/* extra for IE  */
img.blur
{
    filter: url(/img/blur.svg#blur);
    backdrop-filter: blur(10px);
}

.search-user__photo img
{
    width: 150px;
    height: 150px;
}
.search-user__head {
    overflow: hidden;
    margin-bottom: 6px;
}
.search-user__actions
{
    position: absolute;
    bottom: 15px;
}

.search-user__profile_info
{
    position: absolute;
    bottom: 15px;
    right: 10px;
}

.game-wraper .search-user__profile_info {
    position: inherit;
    bottom: inherit;
    right: inherit;
}
.search-user__profile_info .party-profile-block-info {
    margin-right: 15px;
    color: #9c9da7!important;
    background-position: 0px -14px;
    background-image: url('../img/party_info_icons.png');
    background-repeat: no-repeat;
    font-size: 13px;
    font-family: "Arial";
    font-weight: bold;

}
.search-user__profile_info .party-profile-block-info.hheight {
    background-position: 0px -14px;
}
.search-user__profile_info .party-profile-block-info.place_for_meet {
    background-position: 0px -29px;
}
.search-user__profile_info .party-profile-block-info.car {
    background-position: 2px 3px;
}
.search-user__profile_info .party-profile-block-info:last-child {
    margin-right: 0;
    padding-left: 38px;
}
.search-user__name {
    width: 100%;
    box-sizing: border-box;
    padding-right: 150px;
    margin-right: -145px;
    float: left;
}

.search-user__name a {
    color: #3295d2;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
}

.search-user__status {
    color: #8c8c8c;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    float: right;
}

.search-user__status_online {
    color: #28d420;
}

.search-user__status_online:before {
    font-size: 20px;
    padding-right: 3px;
    line-height: 17px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}


.search-user__status_online.offline {
    color: #8c8c8c;
}
.search-user__props {
    padding-bottom: 14px;
    margin-bottom: 7px;
    color: #8c8c8c;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.search-user__props b {
    color: #465160;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}

.search-user__action {
    display: inline-block;
    height: 16px;
    padding-left: 25px;
    padding-right: 13px;
    color: #3295d2;
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    vertical-align: bottom;
    background-image: url('../img/search__actions.png');
    background-repeat: no-repeat;
}

.search-user__action:hover,
.search-user__action:focus,
.search-user__action:active {
    color: #3295d2;
}

.search-user__action:last-of-type {
    padding-right: 0;
}

.search-user__action_msg {
    background-position: 0 0;
    font-size: 13px;
    color: rgb(50, 149, 210);
    font-weight: bold;
}

.search-user__action_gift {
    background-position: 0 -16px;
    padding-left: 13px;
}

.search-user__action_favorite {
    background-position: 0 -32px;
    padding-left: 17px;
}

.search__pagination {
    font-size: 0;
    text-align: center;
}

.search__page {
    display: inline-block;
    border: 1px solid #dbdedf;
    border-radius: 5px;
    color: #3195d4;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding: 5px 10px;
    margin-right: 10px;
    text-align: center;
}

.search__page:hover,
.search__page_active {
    background-color: #465160;
    border: 1px solid #465160;
    color: white;
    text-decoration: none;
}

.clear {
    clear: both;
}

.vip-popup {
    background-color: #fff;
    border-radius: 20px;
    padding: 44px 0 8px;
    border: 1px solid #ddd;
    text-align: left;
}

.vip-popup__header {
    color: #e73c88;
    font-family: Arial;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.31);
    text-align: center;
    overflow: hidden;
}

.vip-popup__back {
    float: left;
    background: transparent url('../img/vip/back.png') 25px 50% no-repeat;
    width: 70px;
    height: 36px;
    border: 0;
    padding: 0;
    margin: 0;
}

.vip-popup__body {
    padding: 15px 25px;
}

.vip-popup__title {
    text-align: left;
    color: #465160;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
}

.vip-popup__tariffs {
    background-color: #f0e7f0;
    text-align: left;
}

.vip-popup__tariffs table td {
    padding: 11px 5px 17px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.91);
    position: relative;
}

.vip-popup__tariffs table {
    width: 100%;
}

.vip-popup__tariffs table tr {
    cursor: pointer;
}

.vip-popup__radio {
    margin-left: 5px;
}

.vip-popup-tariff__cont {
    min-width: 235px;
}

.vip-popup-tariff__title {
    color: black;
    font-family: Arial;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.vip-popup-tariff__desc {
    color: #828282;
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
}

.vip-popup-price {
    margin-left: 8px;
    margin-right: 30px;
}

.vip-popup-price__title {
    color: black;
    font-family: Arial;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.vip-popup-price__title .cur {
    font-weight: 400;
}

.vip-popup-price__desc {
    color: #465160;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
}

.vip-popup__radio {
    width: 22px;
    height: 22px;
}

.vip-popup__radio input[type=radio] {
    display: none;
    width: 0;
    height: 0;
}

.vip-popup__radio label {
    display: block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin: 0;
}

.vip-popup__radio input[type=radio]+label {
    background: transparent url('../img/vip/radio.png') 0 0 no-repeat;
}

.vip-popup__radio input[type=radio]:checked+label {
    background: transparent url('../img/vip/radio.png') -22px 0 no-repeat;
}

.vip-popup-tariff_checked td {
    background-color: #ffcd03;
}

.vip-popup-tariff_checked .vip-popup-tariff__desc {
    color: #465160;
}

.vip-popup-tariff_checked .vip-popup-price__desc {
    color: #e73c88;
}

.vip-popup-tariff_warranty .vip-popup-tariff {
    background-image: url('../img/vip/warranty.png');
    background-position:  100% 10px;
    background-repeat:  no-repeat;
}

.vip-popup-tariff__info {
    width: 17px;
    height: 17px;
    background: transparent url('../img/vip/info.png') 0 0 no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 11px;
}

.vip-popup .checkbox {
    padding-left: 0;
    margin: 10px 0;
}

.vip-popup .checkbox input {
    display: none;
}

.vip-popup .checkbox input+label:before {
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.vip-popup .checkbox input[type=checkbox]+label:before {
    background: transparent url('../img/vip/checkbox.png') 0 0 no-repeat;
}

.vip-popup .checkbox input[type=checkbox]:checked+label:before {
    background: transparent url('../img/vip/checkbox.png') -16px 0 no-repeat;
}

.vip-popup p {
    color: #465160;
    font-family: Arial;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.vip-popup hr {
    margin-top: -4px;
    margin-bottom: 3px;
    border-top: 1px solid rgba(128, 128, 128, 0.3);

}

.vip-popup__info {
    margin-top: 24px;
}

.vip-popup__profiles {
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 32px;
}

.vip-popup__profile {
    float: left;
    width: 25%;
    height: 126px;
    background-position: 50% 50%;
    background-size: cover;
}

.vip-popup__advantages {
    background-color: #f0e7f0;
    padding: 27px;
    padding-right: 250px;
    background-image: url('../img/vip/red.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    min-height: 330px;
    margin-bottom: 47px;
}

.vip-popup__advantages-title {
    color: #393939;
    font-family: Arial;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 21px;
}

.vip-popup__advantages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vip-popup__advantages ul li {
    padding-left: 23px;
    background: transparent url('../img/vip/mark.png') 0 2px no-repeat;
    margin-bottom: 13px;
}

.vip-popup__speaking {
    overflow: hidden;
}

.vip-popup__speaking__cont {
    text-align: justify;
}

.vip-popup__speaking-link {
    display: inline-block;
    height: 62px;
}

.vip-popup__speaking__cont:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.vip-popup__speaking-link:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.vip-popup__speaking-link img {
    display: inline-block;
    vertical-align: middle;
}

.vip-popup__note {
    margin-bottom: 29px;
}

.vip-popup__note p {
    line-height: 18px;
}

.vip-popup__note .vip-popup__title {
    margin-bottom: 4px;
}


/* Side Messages */
.side-messages {
    position: fixed;
    bottom:16px;
    right: 30px;
    width: 280px;
    border: 1px solid #2c1c25;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(44, 28, 37, .5);
}


.vk-iframe .side-messages {
    position: fixed;
    top: 670px;
    bottom: 298px;
}
.side-messages__msg {
    padding: 14px 10px 6px;
    border-top: 1px solid #b4c7ce;
}

.side-messages__msg:first-child {
    border-bottom: 0;
}

.side-messages__body {
    overflow: hidden;
}

.side-messages__photo {
    float: left;
    width: 100px;
    height: 150px;
    background-position: 50% top;
    background-size: cover;
}

.side-messages__info {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 110px;
    margin-left: -100px;
    position: relative;
}

.side-messages__name {
    margin-bottom: 9px;
    line-height: 13px;
}

.side-messages__name a {
    color: #0098d0;
    text-decoration: none;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
}

.side-messages__text-cont {
    min-height: 87px;
    margin-bottom: 10px;
}

.side-messages__text {
    color: #3e505f;
    font-size: 13px;
    padding: 6px 8px 8px;
    line-height: 18px;
    background-color: #e7edf4;
    border-radius: 3px;
    box-shadow: 0 1px 1px #b6bfc8;
    position: relative;
}

.side-messages__text:before {
    content: '';
    display: block;
    position: absolute;
    left: -14px;
    top: 0;
    border: 7px solid transparent;
    border-right-color: #b6bfc8;
}

.side-messages__text:after {
    content: '';
    display: block;
    position: absolute;
    left: -14px;
    top: -1px;
    border: 7px solid transparent;
    border-right-color: #e7edf4;
}


.side-messages__text p {
    margin: 0;
}

.side-messages__chat {
}

.side-messages__btn {
    display: block;
    background-color: #ec3a85;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 30px;
    font-size: 13px;
}

.side-messages__btn:hover,
.side-messages__btn:active {
    color: #fff;
    text-decoration: none;
    background-color: rgba(236, 58, 133, 0.9);
}

.side-messages__bottom {
    margin-top: 1px;
}

.side-messages__actions {
    padding-left: 110px;
    text-align: center;
}

.side-messages__action {
    display: inline-block;
    text-decoration: none;
    color: #3e505f;
    font-size: 11px;
    padding: 0 5px;
    cursor: pointer;
}

.side-messages__footer {
    height: 30px;
    background-color: #e7edf5;
    border-top: 1px solid #2c1c25;
    box-sizing: border-box;
    overflow: hidden;
    padding: 4px 10px;
}

.side-messages__count {
    float: left;
    white-space: nowrap;
    color: #3f5060;
    font-weight: bold;
    line-height: 22px;
    font-size: 13px;
}

.side-messages__count i {
    color: #fff;
    font-weight: bold;
    line-height: 22px;
    padding: 0 10px;
    border-radius: 12px;
    background-color: #e73b88;
    font-style: normal;
    display: inline-block;
}

.side-messages__hide {
    float: right;
    line-height: 21px;
    padding: 0px 13px;
    border-radius: 10px;
    background-color: #fff;
    color: #3f5060;
    font-size: 11px;
    cursor: pointer;
}

.side-messages__hide:hover {
    background-color: #fafafa;
}

.side-messages__hide:before {
    content: '';
    display: inline-block;
    font-weight: bold;
    width: 10px;
    border-bottom: 2px solid #3f5060;
}





/** Carusel Brand */

.carousel {
    width: 850px;
    height: 440px;
    line-height: 440px;
    margin: 0 auto;
}
.carousel .slide-current
{
    height: 440px;
    width: 500px;
    margin-left: 60px;
}
.userinfo
{
    width: 500px;
}


.carousel .slide-prev-0 { left: -5px; z-index: 2;	cursor: pointer; }
.carousel .slide-prev-1 { left: -55px; z-index: 1;	cursor: pointer; }
.carousel .slide-prev-2 { left: -55px; z-index: 0;	cursor: pointer; }

.carousel .slide-next-1 { right: 225px; z-index: 2; }
.carousel .slide-next-2 { right: 185px; z-index: 1; }

.userinfo {
    margin-left: 60px;
}
.search-config-container
{
    text-align: left;
    padding-left: 90px;
}
.list-group-item.active .badge.pink,
.badge.pink {
    background-color: #E73C88;
    color: white;
    margin-top: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.badge.gray {
    background-color: transparent;
    color: #A3B1BF;
    border-color: #A3B1BF;
}
.mainloading.meet .photo-loading-wrapper
{
    margin-left: 120px;
}
.mainloading.meet h3
{
    margin-left: 70px;
    width: 400px;
}

.block-profle-wraper {
    width: 745px;
}

.no-has-vip-party {
    background: url(../img/party-block.png) 0 top no-repeat;
    width: 500px;
    height: 500px;
    position: relative;
    color: white;
}
.no-has-vip-party .lock {
    background: url(../img/no-vip-lock.png) center top no-repeat;
    height: 175px;
    position: absolute;
    top: 50px;
    width: 500px;
    left: 0;
    padding-top: 201px;
}
/** Carusel With Menu */


.blink_me {
    animation: blinker 2s linear infinite;
}

.blink_2s {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0.0; }
}


.spotligth-arrow
{
    background: url('../img/wait_for_party.png') 0 0 no-repeat;
}
.spotligth-arrow.widget{
    background: url('../img/widget-arrow.png') center 0 no-repeat;
}
.spotligth-arrow.widget a {
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.571;
    text-align: center;
}

.btn-send-start-party:focus,
.btn-send-start-party
{
    background: transparent;
    border-color: #FF1C52;
    color: #FF1C52;
    border-radius: 20px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    width: 85px;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 22px;
}
.btn-send-start-party:hover{
    background: transparent;
    border-color: #EE1C50;
    color: #EE1C50;
    border-radius: 20px;
    font-weight:bold;
}

.hipler-has-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}


.party-created-block {
    position: relative;
    z-index: 3;
    background: #318cc6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #318cc6 0%, #34495e 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#318cc6), color-stop(100%,#34495e)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #318cc6 0%,#34495e 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #318cc6 0%,#34495e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318cc6', endColorstr='#34495e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    margin-left: 0;
    margin-right: 0;
    color: white;
}




.game-wraper  {
    background-color: white;border-radius: 8px;width: 720px;
}
.game-title-wraper {
    height: 100px;
}

.game-title-wraper.men {
    height: 145px;
}

.vote-button-wraper {
    padding-top: 12px;
}
.vote-info-wraper{
    font-weight: bold;
    padding-top: 10px;
    line-height: 20px;
    color: #343645;
    padding-left: 30px;
}
.game-title-wraper.men .vote-info-wraper {
    padding-left: 15px;
}
.btn-cicle {
    border-radius: 50%;
}
.vote-send-wessage-wraper{
    padding-top: 30px;
}
.btn-send-message-meet:focus,
.btn-send-message-meet
{
    background: transparent;
    border-color: #3b99fb;
    color: #3b99fb;
    border-radius: 20px;
    font-weight: bold;
    width: 175px;
}
.btn-send-message-meet:hover{
    background: transparent;
    border-color: #3a7cdc;
    color: #3a7cdc;
    border-radius: 20px;
    font-weight:bold;
}


.game-title-wraper.men .btn-send-message-meet {
    width: 125px;
}
.tab-content.delivery .bnt-vote,
.bnt-vote {
    height: 73px;
    width: 73px;
}
.bnt-vote:first-child{
    margin-left: 17px;
    margin-right: 10px;
}


.game-title-wraper.men .bnt-vote:first-child{
    margin-left: 0;
    margin-right: 0;
}
.bnt-vote.btn-vote__like {
    color: white;
    font-size: 50px;
    background-color: #FF3364;
    padding-left: 8px;
    padding-top: 8px;
}
.bnt-vote.btn-vote__like:hover{
    background-color: #dd3364;
}

.main-profile .bnt-vote.btn-vote__like {
    position: absolute;
    right: 10px;
    top: 15px;
    height: 50px;
    width: 50px;
    padding-left: 4px;
    padding-top: 4px;
    font-size: 38px;
}

.bnt-vote.btn-vote__dislike {
    color: white;
    font-size: 50px;
    background-color: #449AED;
    padding-left: 10px;
    padding-top: 7px;
}
.bnt-vote.btn-vote__dislike:hover{
    background-color: #4181d1;
}



.search-party-config {
    position: relative;
    display: none;
}
.search-party-config.active{
    display: block;
}
.search-party-config.active:before {
    position: absolute;
    top: -6px;
    right: 26px;
    width: 12px;
    height: 12px;
    content: '';
    border-top: 1px solid rgba(0,0,0,.13);
    border-left: 1px solid rgba(0,0,0,.13);
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 3;
}

.right-meet-menu .list-group-item .glyphicon{
    font-size: 25px;
    margin-top: 4px;
}

.party-menu .configure {
    font-size: 25px;
    margin-top: 4px;
}
.party-menu.active .configure{
    color: #F32C53;
}

.party-menu.list-group-item.active:focus,
.party-menu.list-group-item.active:hover,
.party-menu.list-group-item.active {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #F32C53;
}
.party-menu.list-group-item.active:hover
{
    background-color: #f5f5f5;
}


.search-party-config .input-lable {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 8px;
}

.search-party-config .btn-apply-search {
    padding-top: 5px;
    padding-bottom: 5px;
    margin:  0 0;
    margin-right: 10px;
    width: 100%;
    border-color: #F22E54;
    background-color: #F22E54;

}

.base-wraper {
    background-color: white;border-radius: 8px;width: 720px;
}


.base-title-wraper {
    height: 100px;
}

.btn-base:focus,
.btn-base
{
    background: #F02652;
    border-color: #F02652;
    color: white;
    border-radius: 40px;
    font-weight: bold;
    padding: 15px 30px;
}
.btn-base:hover{
    background: #db2753;
    border-color: #db2753;
    color: white;
}


/** new Master **/
.master-wraper  {
    font-family: "Arial";
}
.field-item-master {
    padding-top: 10px;padding-bottom: 30px;
}
.field-item-master:first-child{
    padding-top: 30px;
}
.master-wraper .base-title-wraper {
    border-bottom: 1px solid #E8EDF4;
    padding-left: 40px;
}
.ico-wraper-master.car{
    padding-top: 20px;
}
.ico-wraper-master.hotel{

}
.master-wraper .footer-title-wraper {
    border-top: 1px solid #E8EDF4;
}
.field-title-master-wraper {
    padding-bottom: 8px;
}

.field-title-master {
    font-size: 16px;
    color: rgb(243, 46, 84);
    font-weight: bold;
}
.field-title-lable-master {
    padding-top: 9px;
}

.field-title-info-master-wraper {
    padding-top: 38px;
}
.field-title-info-master {
    font-size: 14px;
    color: rgb(243, 46, 84);
    font-weight: bold;
}


.master-wraper .answer.checked {
    background-image:  url('../img/v-icon.png');
    background-position:left 2px;

}
.master-wraper .answer input {
    display:none;
}

.master-wraper .answer {
    display: inline;
    width: 100px;
    padding-left: 45px;
    cursor: pointer;
    background: url('../img/n-icon.png') 0 0 no-repeat;
    color: #000;
    border: none;
    font-weight: normal;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    font-weight: bold;
    text-align: left;

}
.game-photo-holder
{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    background: #2d3238;
    -webkit-user-select: none;
}
.game-photo-holder > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
}
/** END Master **/


/** left Menu **/
.right-menu-items-wraper a.list-group-item{

}
.right-menu-items-wraper a.list-group-item .png-ico{
    background: transparent url('../img/ic_settings_sprite.png') 0 0 no-repeat;
    background-position: 0 0 ;
}
.right-menu-items-wraper a.list-group-item.messages-menu .png-ico {
    background-position: 0 8px;
}

.right-menu-items-wraper a.list-group-item.party-menu .png-ico {
    background-position:0 -41px;
}
.right-menu-items-wraper a.list-group-item.party-menu.active .png-ico {
    background-position:0 -190px;
}
.right-menu-items-wraper a.list-group-item.party-menu .png-ico.configure {
    background-position:0 -17px;
}
.right-menu-items-wraper a.list-group-item.party-menu.active .png-ico.configure {
    background-position:0 -166px
}



.right-menu-items-wraper a.list-group-item.party-menu.game .png-ico {
    background-position:0 -68px;
}
.right-menu-items-wraper a.list-group-item.party-menu.game.active .png-ico {
    background-position:0 -217px;
}
.right-menu-items-wraper a.list-group-item.party-menu.game .png-ico.configure {
    background-position:0 -17px;
}
.right-menu-items-wraper a.list-group-item.party-menu.game.active .png-ico.configure {
    background-position:0 -166px
}
.right-menu-items-wraper a.list-group-item.like-me .png-ico {
    background-position:0 -94px;
}
.right-menu-items-wraper a.list-group-item.like-me.active .png-ico {
    background-position: -1px -243px;
}

.right-menu-items-wraper a.list-group-item.mutual-list-menu .png-ico {
    background-position:0 -119px;
}
.right-menu-items-wraper a.list-group-item.mutual-list-menu.active .png-ico {
    background-position: 2px -268px;
}
.right-menu-items-wraper a.list-group-item.i-like-them .png-ico {
    background-position:0 -94px;
}
.right-menu-items-wraper a.list-group-item.i-like-them.active .png-ico {
    background-position-x: -1px -243px;
}
.png-ico.chat_smile {
    position: absolute;
    background: transparent url(../img/ic_settings_sprite.png) 0 -95px no-repeat;
    right: 64px;
    top: 15px;
    cursor: pointer;
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

    /* Retina-specific stuff here */
    .right-menu-items-wraper a.list-group-item .png-ico{
        background: transparent url('../img/ic_settings_sprite.png') 0 0 no-repeat;
        background-position: -19px 0;
        background-size: 69px 146px;
    }

    .right-menu-items-wraper a.list-group-item.messages-menu .png-ico {
        background-position: -48px  9px;
    }

    .right-menu-items-wraper a.list-group-item.party-menu .png-ico {
        background-position: -48px -41px;
    }
    .right-menu-items-wraper a.list-group-item.party-menu.active .png-ico {
        background-position: -20px -118px;
        width: 25px;
        margin-right: 5px;
    }
    .right-menu-items-wraper a.list-group-item.party-menu .png-ico.configure {
        background-position: -48px -17px;
        height: 28px;
    }
    .right-menu-items-wraper a.list-group-item.party-menu.active .png-ico.configure {
        background-position: -20px -94px;
        width: 25px;
        margin-right: 5px;
        height: 25px;
    }




    .right-menu-items-wraper a.list-group-item.party-menu.game .png-ico {
        background-position: -19px 8px;
    }
    .right-menu-items-wraper a.list-group-item.party-menu.game.active .png-ico {
        background-position: -46px -70px;
    }

    .right-menu-items-wraper a.list-group-item.party-menu.game .png-ico.configure {
        background-position: -48px -17px;
        height: 28px;
    }
    .right-menu-items-wraper a.list-group-item.party-menu.game.active .png-ico.configure {
        background-position: -20px -94px;
        width: 25px;
        margin-right: 5px;
        height: 25px;
    }

    .right-menu-items-wraper a.list-group-item.like-me .png-ico {
        background-position: -17px -21px;
    }
    .right-menu-items-wraper a.list-group-item.like-me.active .png-ico {
        background-position: -45px -97px;
    }

    .right-menu-items-wraper a.list-group-item.mutual-list-menu .png-ico {
        background-position: -18px -46px;
        height: 28px;
        margin-top: 2px;
    }
    .right-menu-items-wraper a.list-group-item.mutual-list-menu.active .png-ico {
        background-position: -42px -122px;
    }
    .right-menu-items-wraper a.list-group-item.i-like-them .png-ico {
        background-position: -17px -21px;
    }
    .right-menu-items-wraper a.list-group-item.i-like-them.active .png-ico {
        background-position: -18px -46px;
        height: 28px;
        margin-top: 2px;
    }
}

/** end Menu **/

@media (max-height: 700px) {
    .messengerPopup{
        overflow-y: auto;
    }
}


/** VK **/
.vk-wraper .search__users {
    height: 1000px;
    overflow-y: auto;

}
/** END VK **/

/** SPotLight **/
/** **/


/** Profile **/
.profile-wraper  {
    background-color: white;
    border-radius: 8px;width: 720px;
}
.profile-title-wraper {
    height: 100px;
}
.profile-photo-holder {
    background: #2d3238;
    -webkit-user-select: none;
    max-width: 100%;
    margin: 0 0 ;
}

/**  END **/


.glyphicon.activated
{
    color:#F32A52;
}


.white-block-container
{
    background-color:#FFF;
    border-radius: 20px;
    min-height: 300px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.white-block-container .search-user__cont {
    box-shadow: none;
}

.patry-list-title-my-party-config {
    font-size: 13px;
    color: rgb(51, 51, 51);
    line-height: 1.846;
}


/* hide arrow on map */
.ng-map-info-window div:first-child > div:nth-child(3) div {
   display: none;
}

.ng-map-info-window .search-user__profile_info
{
    position: absolute;
    top: 0px;
    right: 10px;
    height: 25px;
}

.map-control-search.geolocation {
    background: url('../img/geolocation-big@2x.png') 6px 3px;
    background-repeat: no-repeat;
    width: 47px;
    height: 43px;
    background-size: 34px 34px;
    border: 1px solid white;
    background-color: white;
}

.distance {
    font-size: 13px;
    font-family: "Arial";
    color: rgb(157, 157, 157);
    text-decoration: underline;
    cursor: pointer;
}


.main-profile .img-ico,
.report-img-ico,
.game-photo-holder .img-ico {
    min-width: 45px;
    height: 26px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 15px;
    color: white;
}
.main-profile .img-ico {

    background-color: rgba(0, 0, 0, 0.9);
    bottom: 10px;
    right: 10px;
    top:inherit;
    left:inherit;
}

.game-photo-holder .img-ico.distance-to {
    right: 10px;
    left: inherit;
}

.report-img-ico,
.game-photo-holder .img-ico.report-to {
    right: 10px;
    left: inherit;
    bottom:10px;
    top:inherit;
    cursor: pointer;
}

.btn-get-vip-meet:focus,
.btn-get-vip-meet
{
    background: transparent;
    border-color: #FFAA00;
    color:white;
    border-radius: 20px;
    font-weight: normal;
    width: 175px;
    background-color: #FFAA00;

}
.btn-get-vip-meet:hover{
    background: transparent;
    border-color: rgba(255, 169, 0, 0.71);
    color: white;
    background-color: rgba(255, 169, 0, 0.71);
    border-radius: 20px;
    font-weight:normal;
}
.banner-promo-meet-text
{
    font-size: 13px;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 1.846;
}

.vip-start-ico {
    background:transparent url("../img/vip_start_ico.png")  no-repeat;
    height: 57px;
    width: 57px;
    margin-top: -6px;
    margin-left: 18px;
}


.btn-send-ulibaster-meet:focus,
.btn-send-ulibaster-meet
{
    background: transparent;
    border-color: #00CC96;
    color:white;
    border-radius: 20px;
    font-weight: normal;
    width: 175px;
    background-color: #00CC96;

}
.btn-send-ulibaster-meet:hover{
    background: transparent;
    border-color: rgba(0, 204, 150, 0.67);
    color: white;
    background-color: rgba(0, 204, 150, 0.67);
    border-radius: 20px;
    font-weight:normal;
}
.ulibaster-meet-ico {
    background:transparent url("../img/ico_ulibaster.png")  no-repeat;
    height: 57px;
    width: 57px;
    margin-top: -6px;
    margin-left: 18px;
}


.btn-riseup-meet:focus,
.btn-riseup-meet
{
    background: transparent;
    border-color: #005ADF;
    color:white;
    border-radius: 20px;
    font-weight: normal;
    width: 175px;
    background-color: #005ADF;

}
.btn-riseup-meet:hover{
    color:white;
    border-color: rgba(0, 90, 223, 0.71);;
    background-color: rgba(0, 90, 223, 0.71);;
}
.riseup-meet-ico {
    background:transparent url("../img/riseup-ico-meet.png")  no-repeat;
    height: 57px;
    width: 57px;
    margin-top: -6px;
    margin-left: 18px;
}



.vip-menu-banner
{
    height: 100px;
    width: 240px;
    background:#150F0C url("../img/vip-gif.gif") center center no-repeat;
    border: 1px solid #ddd;;
}


.vip-menu-banner-title {
    font-size: 23px;
    font-family: "Arial";
    color: rgb(253, 208, 27);
    font-weight: bold;
    line-height: 1.2;
    text-align: right;
    padding-right: 20px;
    padding-top: 20px;
    -moz-transform: matrix( 0.90615073567252,0,0,0.90769230769231,0,0);
    -webkit-transform: matrix( 0.90615073567252,0,0,0.90769230769231,0,0);
    -ms-transform: matrix( 0.90615073567252,0,0,0.90769230769231,0,0);
}

.vip-menu-banner-title button.vip-menu-banner-buy-vip,
button.vip-menu-banner-buy-vip {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0 0;
    margin-right: 10px;
    width: 120px;
    border-color: #F22E54;
    background-color: #F22E54;
    padding: 3px 10px;
    margin-left: 97px;
    font-weight: normal;
    margin-top: 5px;
    color: #fff;
}
.vip-menu-banner-title button.vip-menu-banner-buy-vip:focus,
button.vip-menu-banner-buy-vip:focus,
.vip-menu-banner-title button.vip-menu-banner-buy-vip:active,
button.vip-menu-banner-buy-vip:active,
.vip-menu-banner-title button.vip-menu-banner-buy-vip:hover,
button.vip-menu-banner-buy-vip:hover {
    border-color: #DD3364;
    background-color: #DD3364;
    color: #fff;
}


.mobile-promo-block{
    width: 100%;
    border: 1px solid #DDDDDD;
    text-align: center ;
    padding: 5px 10px;
    background-color: white;
}



/***/
@media (max-width: 972px) {
    body {
        min-width: 375px;
    }
}
/****/

.sympathy-list-title-name {
    font-size: 16px;
    color: #3A94D0;
    line-height: 1.846;
    cursor: pointer;
}

/* signup form block */
.signup-form-embed {
    background-color: #F3F3F3;
}

.signup-form-embed .content {
    padding: 1em;
    padding-bottom: 1.75em;
}

.signup-form-embed .header {
    background: #2E242C url(../img/choco_logo_with_foot.png) no-repeat center center;
    background-origin: border-box;
    min-height: 5.5em;
    background-size: 80%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.signup-form-embed .faces-labels {
    font-size: 1.2em;
}

.signup-form-embed .faces-control div {
    min-height: 2.4em;
    margin-bottom: 0.75em;
}

.signup-form-embed .faces-controls div:hover {
    cursor: pointer;

}

.signup-form-embed .faces-control .sex-female {
    margin-right: 2px;
}
.signup-form-embed .faces-control .sex-male {
    margin-left: 2px;
}
.signup-form-embed .faces-control .sex-male,
.signup-form-embed .faces-control .sex-female {
    border:1px solid #C4C8CC;
    box-sizing: border-box;
    border-radius: 4px;
    background-size: 25%;
    padding-top: 5px;
    padding-left: 25px;
    width: calc(50% - 3px);
}


.signup-form-embed .faces-control .sex-male:hover,
.signup-form-embed .faces-control .sex-female:hover {
    /* background-color: #3B99FB; */
    border-color: #3B99FB;
}

.signup-form-embed .faces-control .sex-male {
    background: url(../img/man.png) no-repeat left;
}

.signup-form-embed .faces-control.male .sex-male,
.no-touch .signup-form-embed .faces-control .sex-male:hover {
    /* background: url(../img/ico-man-face.png) no-repeat left; */
}

.signup-form-embed .faces-control .sex-female {
    background: url(../img/not-man.png) no-repeat left;
}

.signup-form-embed .faces-control.female .sex-female,
.no-touch .signup-form-embed .faces-control .sex-female:hover {
    /* background: url(../img/ico-girl-face.png) no-repeat left; */
}

.signup-form-embed .faces-control.female .sex-female {
    background: url(../img/not-man-selected.png) no-repeat left;
    background-color: #3B99FB;
    color: white;
}

.signup-form-embed .faces-control.male .sex-male {
    background: url(../img/man-selected.png) no-repeat left;
    background-color: #3B99FB;
    color: white;
}

.signup-form-embed .condition-paragraph {
    color: black;
    text-align: left;
    padding-top: 0;
}

.signup-form-embed .btn-block {
    margin-top: 1.7em;
}

/* cookie terms block */
.cookie-terms {
    color: white;
    background-color: #2E242C;
    position:fixed;
    bottom:0;
    left:0;
    min-height: 3.98em;
    width: 100%;
    display: table;
    padding-top: 1em;
    padding-bottom: 1em;
}

.cookie-terms .wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

.cookie-terms .wrapper button {
    display: block;
    width: 100%;
    margin-top:.5em;
    min-width: 9em;
}

@media (min-width: 992px) {
    .cookie-terms .wrapper .content {
        display: inline-block;
    }
    .cookie-terms .wrapper button {
        display: inline-block;
        width: auto;
        margin:0;
        margin-left:1em;
    }
}

.cookie-terms .wrapper .content {
}


/* fixes for bootstrap 3 */
.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}



.vs-line {
    width: 100px;
    height: 100px;
    margin-right: 6px;
}
.vs-line .user-preview-vs {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    position: relative;
}
.vs-line .user-preview-vs .play-ico {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../img/videoall.png) no-repeat left;
    background-size: contain;
    bottom: 10px;
    left:35px;
}

.vs-line-promo {
    border: 1px solid #000;
    height: 100px;
    margin-right: 6px;
}

/* Registration call blocks */
.registration-call-header {
    background: linear-gradient(90deg, #211821 32.69%, white, #211821 74.23%);
    min-height: 5.7em;
    margin-top: 0.5em;
    text-align: center;
}

.registration-call-footer {
    color: white;
    background-color: #211821;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    margin-top: 1em;
}

.registration-call-footer .content a {
    padding: 0.86em 1.93em;
}

.registration-call-footer .content span {
    padding-left: 3em;
}

/* Users preview block */
.user-profiles {
    margin-bottom: 15px;
}

.user-profiles .user-preview-page {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: cover;
}

.user-profiles .user-preview-page .user-preview-info {
    position: absolute;
    bottom: 0;
    height: 60px;
    background-color: white;
    width: 100%;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.user-profiles .user-preview-page .user-preview-info>div {
    position: relative;
}

.user-preview-info .user-preview-name {
    font-size: 16px;
    font-weight: bold;
}

.user-preview-info .user-preview-about {
    width: 100%;
    overflow: hidden;
    height: 25px;
    max-height: 25px;
}

.user-preview-info .user-preview-location {
    color: #c9c9c9;
    position: absolute;
    bottom: -10px;
    font-size: 12px;
}

@media (max-width: 992px) {
    .articles .user-profiles,
    .registration-call-header,
    .registration-call-footer {
        display: none;
    }

}