芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/rentandbuyrealty.com/mobile/css/belloo.css

@import url(https://fonts.googleapis.com/css?family=Comfortaa:400,700);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}
.item-input-wrapper input{
    width: 200px !important;
    padding-left: 15px !important;
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
input[type="search"]::-webkit-input-placeholder {
    color: #9aa3ab !important;
    font-size: 14px;

}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,
q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    font-weight: normal;
    font-family: sans-serif
}

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    height: 100%;
    position: relative;
    min-height: 100%
}

body {
    font-size: 15px;
    background-color: #FFF;
    color: #333844;
    margin: 0 auto;
    min-height: 100%;
    overflow-x: hidden
}

body,
div,
span,
p,
h1,
h2,
h3,
a,
ul,
li,
label {
    touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    border-top: 1px dashed #DFE0E2;
    margin: 1em 0;
    padding: 0
}

h1,
h2,
h3,
h4,
p,
ul,
li {
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: 400
}

h1,
h2 {
    font-weight: 300
}

ul,
li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

input,
textarea {
    outline: none;
    border: none;
    background-color: white;
    margin: 0;
    padding: 0
}

input:disabled {
    color: #9aa3ab
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="number"] {
    -webkit-appearance: none;
    appearance: none
}

input[type="submit"],
button {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

input,
textarea {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only
}

textarea {
    resize: none;
    width: 100%
}

a {
    outline: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.android,
.android * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

:-webkit-any-link {
    color: white;
    text-decoration: none
}

:-webkit-any-link .list-option {
    color: black
}

:-webkit-any-link .list-option:active {
    color: white;
    background-color: #191919
}

:-webkit-any-link .list-option.centered {
    display: block;
    text-align: center
}

:-moz-any-link {
    color: white;
    text-decoration: none
}

:-moz-any-link .list-option {
    color: black
}

:-moz-any-link .list-option:active {
    color: white;
    background-color: #191919
}

:-moz-any-link .list-option.centered {
    display: block;
    text-align: center
}

a.inline-link {
    color: #191919
}

a.underlined {
    text-decoration: underline
}

a.light-grey-text {
    color: #9aa3ab
}

.hidden {
    display: none !important
}

.is-visible {
    visibility: visible;
    opacity: 1
}

.is-invisible {
    visibility: hidden;
    opacity: 0
}

.not-visible {
    visibility: hidden
}

.touchable {
    pointer-events: all
}

.no-pointer-events {
    pointer-events: none
}

.b-link {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: none
}

.inline-block {
    display: inline-block
}

.display-block {
    display: block !important
}

.position-relative {
    position: relative
}

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

.transparent {
    opacity: 0
}

.inline {
    display: inline-block;
    vertical-align: middle
}

.middle {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.table {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

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

.center-contents {
    text-align: center;
    height: 100%
}

.center-contents::before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.center-contents .contents {
    display: inline-block;
    vertical-align: middle
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.needsclick {
    cursor: pointer
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.flex-row .static {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
    white-space: nowrap
}

.flex-row .flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.message {
    display: block;
    margin: 0 0 15px 0;
    padding: 0;
    color: #5e6773;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.hint {
    font-size: 12px;
    line-height: 15px;
    margin: 15px 0 0 0;
    padding: 0 0 15px 0;
    color: #9aa3ab;
    text-align: center
}

.hint:empty {
    display: none
}

.hint.is-hidden {
    display: none
}

.hint:not(.is-hidden)+.hint:not(.is-hidden),
.hint:not(.is-hidden)+.hint.is-hidden+.hint {
    margin-top: -10px
}

.hint--link {
    text-decoration: underline
}

.hint a {
    color: inherit;
    text-decoration: underline
}

.light-grey-background {
    background-color: #e6ecf2
}

body.debug-lexemes * {
    font-size: 10px !important
}

input,
textarea {
    position: relative
}

.animate {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.animate.instant {
    -webkit-transition: none;
    transition: none
}

.animate-fast {
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.animate-fast.instant {
    -webkit-transition: none;
    transition: none
}

.page-animation {
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out
}

.slideUp {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.slideDown {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.slideLeft {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.slideRight {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.minimise {
    opacity: .5;
    -webkit-transform: scale(.7) translateZ(0);
    transform: scale(.7) translateZ(0)
}

.initial {
    -webkit-transform: none;
    transform: none
}

.fadeOut {
    opacity: 0
}

.fadeIn {
    opacity: 1 !important;
}

@-webkit-keyframes messages-delete-animation {
    0% {
        -webkit-transform: translate3d(37px, 0, 0);
        transform: translate3d(37px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes messages-delete-animation {
    0% {
        -webkit-transform: translate3d(37px, 0, 0);
        transform: translate3d(37px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0)
    }
}

@-webkit-keyframes message-delete-animation {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes message-delete-animation {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(110%, 0, 0);
        transform: translate3d(110%, 0, 0)
    }
}

@-webkit-keyframes bounce-up {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    80% {
        -webkit-transform: translate3d(0, -8%, 0);
        transform: translate3d(0, -8%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounce-up {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    80% {
        -webkit-transform: translate3d(0, -8%, 0);
        transform: translate3d(0, -8%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes bounce-down {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    20% {
        -webkit-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes bounce-down {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    20% {
        -webkit-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes flashing {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: .1
    }
}

@keyframes flashing {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: .1
    }
}

@-webkit-keyframes spinning-tilted {
    0% {
        -webkit-transform: rotateX(60deg) rotateZ(0);
        transform: rotateX(60deg) rotateZ(0)
    }
    50% {
        -webkit-transform: rotateX(60deg) rotateZ(180deg);
        transform: rotateX(60deg) rotateZ(180deg)
    }
    100% {
        -webkit-transform: rotateX(60deg) rotateZ(360deg);
        transform: rotateX(60deg) rotateZ(360deg)
    }
}

@keyframes spinning-tilted {
    0% {
        -webkit-transform: rotateX(60deg) rotateZ(0);
        transform: rotateX(60deg) rotateZ(0)
    }
    50% {
        -webkit-transform: rotateX(60deg) rotateZ(180deg);
        transform: rotateX(60deg) rotateZ(180deg)
    }
    100% {
        -webkit-transform: rotateX(60deg) rotateZ(360deg);
        transform: rotateX(60deg) rotateZ(360deg)
    }
}

@-webkit-keyframes fadeInQuestionsContent {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeInQuestionsContent {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -25%, 0);
        transform: translate3d(0, -25%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -25%, 0);
        transform: translate3d(0, -25%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.list-view {
    font-size: 15px;
    line-height: 20px
}

.list-view>li {
    background-color: #fff;
    border-bottom: 1px solid #e6ecf2;
    padding: 10px 15px
}

.list-view>li.is-touched {
    background-color: #e6ecf2
}

.list-view>li.is-deleted {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.list-view>li.is-prominent {
    font-weight: 600
}

body.ios-font-helvetica .list-view>li.is-prominent {
    font-weight: 500
}

body.android-font-system .list-view>li.is-prominent {
    font-weight: 700
}

body.android-font-roboto-new .list-view>li.is-prominent {
    font-weight: 500
}

.list-view .list-item-heading {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    padding-bottom: 0;
    border-bottom: none
}

.list-view .list-item-heading.light,
.dark-theme .list-view .list-item-heading {
    color: #fff
}

.list-view .list-item-title {
    padding-top: 25px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    background-color: transparent
}

.list-view .list-item-title.light,
.dark-theme .list-view .list-item-title {
    color: #e6ecf2
}

body.ios-font-helvetica .list-view .list-item-title {
    font-weight: 500
}

body.android-font-system .list-view .list-item-title {
    font-weight: 700
}

body.android-font-roboto-new .list-view .list-item-title {
    font-weight: 500
}

.list-view .list-view .list-item-title {
    padding-top: 10px
}

.list-view .list-item-container {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent
}

.list-view .list-item-form {
    position: relative;
    padding: 5px 15px 5px 125px;
    min-height: 46px
}

.list-view .list-item-form.no-label {
    padding-left: 15px
}

.list-view .list-item-form>label {
    position: absolute;
    left: 15px;
    width: 105px;
    height: 36px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

body.ios-font-helvetica .list-view .list-item-form>label {
    font-weight: 500
}

body.android-font-system .list-view .list-item-form>label {
    font-weight: 700
}

body.android-font-roboto-new .list-view .list-item-form>label {
    font-weight: 500
}

.list-view .list-item-form>input,
.list-view .list-item-form>select {
    display: block;
    padding: 0;
    width: 100%;
    height: 36px;
    text-overflow: ellipsis
}

.list-view .list-item-form .location-select>input {
    height: 36px
}

.list-view .list-item-form .date-select input {
    height: 36px
}

.list-view .list-item-form .date-select .placeholder {
    height: 36px;
    line-height: 36px
}

.list-view .list-item-form .radio-group {
    margin: 8px 0
}

.list-view .list-item-form .radio-group label,
.list-view .list-item-form .radio-group input {
    display: inline-block;
    margin: 0 5px 0 0
}

.list-view .list-item-form .error {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    color: #C91628;
    display: block;
    opacity: 1;
    position: relative;
    z-index: 2
}

.list-view .list-item-form .error:not(label) {
    font-size: .8em
}

.list-view .list-item-form .error.hidden {
    display: block;
    height: 0;
    opacity: 0;
    top: -0.7em
}

.list-view .list-item-form .placeholder-text {
    display: block;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden
}

.list-view .list-item-form .placeholder-text.is-disabled {
    color: #9aa3ab
}

.list-view .list-item-interest {
    position: relative;
    padding-right: 50px
}

.list-view .list-item-interest.interest-hidden {
    opacity: .6
}

.list-view .list-item-interest.interest-rejected {
    opacity: .6;
    color: #ee203c
}

.list-view .list-item-interest.interest-added .interests-event.add {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.list-view .list-item-interest.interest-added .interests-event.add::before,
.list-view .list-item-interest.interest-added .interests-event.add::after {
    background: #ee203c
}

.list-view .list-item-interest .interest-label {
    vertical-align: middle;
    line-height: 20px;
    pointer-events: none
}

.list-view .list-item-interest .icon-svg {
    margin-right: 8px;
    vertical-align: middle;
    color: #5e6773
}

.list-view .list-item-interest .interests-event {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.list-view .list-item-interest .interests-event::before,
.list-view .list-item-interest .interests-event::after {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 25px;
    display: block;
    content: ""
}

.list-view .list-item-interest .interests-event.expand::before {
    right: auto;
    background-image: url("img/sprite-critical.png?v=24695168");
    background-position: -98px 0;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin-left: -6px;
    margin-top: -10px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.list-view .list-item-interest .interests-event.add::before,
.list-view .list-item-interest .interests-event.add::after {
    width: 2px;
    height: 22px;
    margin-top: -11px;
    background: #21262e
}

.list-view .list-item-interest .interests-event.add::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.list-view .list-item-interest .interests-event.delete {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.list-view .list-item-interest .interests-event.delete::before,
.list-view .list-item-interest .interests-event.delete::after {
    width: 2px;
    height: 22px;
    margin-top: -11px;
    background: #ee203c
}

.list-view .list-item-interest .interests-event.delete::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.old-android-webkit .list-view .list-item-interest .interests-event.add {
    background: url(/img/no-sprite/add-interests-icon-add.png) no-repeat 50% 50%
}

.old-android-webkit .list-view .list-item-interest .interests-event.delete {
    background: url(/img/no-sprite/add-interests-icon-delete.png) no-repeat 50% 50%
}

.old-android-webkit .list-view .list-item-interest .interests-event.add,
.old-android-webkit .list-view .list-item-interest .interests-event.delete {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none
}

.old-android-webkit .list-view .list-item-interest .interests-event.add::before,
.old-android-webkit .list-view .list-item-interest .interests-event.delete::before,
.old-android-webkit .list-view .list-item-interest .interests-event.add::after,
.old-android-webkit .list-view .list-item-interest .interests-event.delete::after {
    display: none
}

.old-android-webkit .list-view .list-item-interest.interest-added .interests-event.add {
    background: url(/img/no-sprite/add-interests-icon-delete.png) no-repeat 50% 50%
}

.list-view .list-item-toggle {
    padding: 0;
    border-bottom: none
}

.list-view .list-item-toggle .toggle-items .toggle {
    position: relative;
    border-bottom: 1px solid #e6ecf2;
    padding: 10px 40px 10px 15px;
    line-height: 20px
}

.list-view .list-item-toggle .toggle-items .toggle:active {
    background-color: #e6ecf2
}

.list-view .list-item-toggle .toggle-items .toggle::after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 13px;
    height: 12px;
    margin-top: -6px;
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -331px -39px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    opacity: .2;
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
    content: ""
}

.list-view .list-item-toggle .toggle-items .toggle-on::after {
    opacity: 1
}

.list-view .list-item-language {
    position: relative;
    padding-left: 43px;
    overflow: hidden
}

.list-view .list-item-language::before {
    position: absolute;
    top: 50%;
    left: 22px;
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -331px -39px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
    opacity: .3;
    content: ""
}

.list-view .list-item-language strong {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 10px
}

.list-view .list-item-language.is-selected strong {
    display: block
}

.list-view .list-item-language.is-selected::before {
    opacity: 1
}

.location-select {
    position: relative
}

.location-select input {
    width: 100%
}

.location-select ul {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff
}

.location-select ul.loading {
    height: 2em
}

.location-select li {
    display: block;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e6ecf2
}

.location-select li:first-child {
    border-top: 1px solid #e6ecf2
}

.location-select li:hover,
.location-select li:active {
    background: #e6ecf2
}

.location-select.location-select--modal ul {
    position: absolute;
    z-index: 9
}

.page.settings,
.page.settings-page,
.page.settings-filter,
.page.settings-feedback,
.page.settings-location,
.page.settings-languages,
.page.settings-edit-profile,
.page.own-interests,
.page.add-interests,
.page.help-center,
.page.help-center-question {
    background: #e6ecf2
}

.page.settings-blocked-users,
.page.settings-about,
.page.settings-account {
    background: #fff
}

.page.settings-blocked-users .page-content,
.page.allowed-users .page-content {
    padding-right: 0;
    padding-left: 0
}

.settings-list-page .list-view {
    margin-top: 6px
}

.privacy-page .notice {
    padding: 15px;
    color: #333844
}

.privacy-page .notice .title {
    font-weight: 600
}

body.ios-font-helvetica .privacy-page .notice .title {
    font-weight: 500
}

body.android-font-system .privacy-page .notice .title {
    font-weight: 700
}

body.android-font-roboto-new .privacy-page .notice .title {
    font-weight: 500
}

.privacy-page .notice a {
    color: inherit;
    text-decoration: underline
}

.notifications-page .list-view>li {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px
}

.notifications-page label {
    display: block;
    padding-right: 150px;
    font-weight: 600
}

body.ios-font-helvetica .notifications-page label {
    font-weight: 500
}

body.android-font-system .notifications-page label {
    font-weight: 700
}

body.android-font-roboto-new .notifications-page label {
    font-weight: 500
}

.notifications-page .toggle-items {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.notifications-page .toggle {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    float: left;
    border-left: 1px solid #e6ecf2
}

.notifications-page .toggle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    height: 32px;
    width: 32px
}

.notifications-page .i-notify::after {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -34px -160px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.notifications-page .i-notify.toggle-on:after {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: 0 -160px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.notifications-page .i-email::after {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -104px -70px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.notifications-page .i-email.toggle-on:after {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -68px -160px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.notifications-page .notice {
    color: #9aa3ab;
    text-align: center;
    padding: 10px
}

.about-page {
    padding: 10px
}

.about-page div p {
    padding: 0 0 1em 0
}

.about-page div strong {
    display: block;
    padding: 0 0 .5em 0;
    font-size: 15px
}

.about-page .logo {
    margin: 30px auto;
    width: 200px;
    height: 62px
}

.about-page .logo svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.about-page .info {
    display: block;
    text-align: center;
    color: #9aa3ab;
    padding-bottom: 15px
}

.confirm-delete-page textarea {
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #e6ecf2
}

.basic-info .placeholder-text span {
    vertical-align: middle
}

.basic-info .placeholder-text .gender-icon {
    width: 26px;
    height: 26px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    display: inline-block
}

.basic-info .placeholder-text .female {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -299px -244px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.basic-info .placeholder-text .male {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -299px -182px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.basic-info .logo-small {
    height: 18px;
    margin-right: 6px;
    vertical-align: middle
}

#feedback-page #feedback-container.animate-in {
    -webkit-animation-name: fade-from-bottom;
    animation-name: fade-from-bottom;
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

#feedback-page #feedback-container .list-view-container {
    padding: 0
}

#feedback-page #feedback-container .list-view-container .feedback-list-item {
    color: #333844;
    margin-left: 10px
}

#feedback-page #feedback-container .list-view-container ul.list-view>li.touchable:after {
    background: none
}

#feedback-page #feedback-container.form {
    border-bottom: 1px solid #e6ecf2
}

#feedback-page .textAreaContainer {
    margin-bottom: 10px;
    padding: 5px;
    background-color: white;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#feedback-page .buttons-container {
    margin-left: -10px;
    margin-right: -10px
}

.settings-page.settings-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.account-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    padding: 48px 15px 10px 15px
}

.account-page .list-view-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.account-page div.delete_account {
    font-weight: 600;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px 5px
}

body.ios-font-helvetica .account-page div.delete_account {
    font-weight: 500
}

body.android-font-system .account-page div.delete_account {
    font-weight: 700
}

body.android-font-roboto-new .account-page div.delete_account {
    font-weight: 500
}

.account-page .disabled {
    color: #9aa3ab
}

.account-page .subtext {
    display: block;
    padding: 10px;
    color: #9aa3ab;
    font-weight: 400;
    font-size: small;
    line-height: 1.2em;
    text-align: center
}

.account-page .email-placeholder {
    background: transparent;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: inherit;
    width: 100%;
    max-width: 100%;
    text-shadow: none;
    word-break: break-all;
    text-align: center;
    color: #9aa3ab;
    padding: 0;
    font-size: 20px;
    line-height: 25px
}

.account-page .email-placeholder:active {
    background-color: #e6ecf2
}

.account-page .hidden {
    display: none
}

.account-page li.email {
    padding-left: 5em
}

.account-page ul.list-view,
.account-page ul.list-view li {
    border: 0
}

.ctrl-slider {
    background: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e3e3e3), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e3e3e3 0, #000 100%);
    background-image: linear-gradient(to bottom, #e3e3e3 0, #000 100%);
    border: 1px solid #c9c9c9;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    height: .4em;
    position: relative;
    margin: 1em
}

.ctrl-slider .range {
    background: #53a31c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #509c21), color-stop(50%, #53a31c), to(#3d7f0d));
    background-image: -webkit-linear-gradient(top, #509c21 0, #53a31c 50%, #3d7f0d 100%);
    background-image: linear-gradient(to bottom, #509c21 0, #53a31c 50%, #3d7f0d 100%);
    border: 1px solid #2d6107;
    height: .4em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    position: absolute;
    top: -1px;
    left: 0
}

.ctrl-slider span {
    background: url('img/sprite-me/slider.png') left top no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
    position: absolute;
    left: 0;
    top: 50%
}

.edit-profile-page .intro {
    padding: 15px;
    text-align: center
}

.edit-profile-page textarea {
    padding: 10px
}

.edit-profile-page select,
.edit-profile-page input[type=text] {
    -webkit-appearance: none;
    appearance: none;
    font-size: 15px;
    width: 100%;
    height: auto;
    border: 0;
    background: transparent;
    line-height: 1.2em
}

.add-interests-page .search-input,
.own-interests-page .search-input {
    margin-bottom: 5px
}

.help-center-page .help-indented {
    padding-left: 25px
}

.help-center-page.questions-list .help-search-form {
    padding: 10px
}

.help-center-page.questions-list .help-search-form .search-wrapper {
    margin-bottom: 0
}

.help-center-page.questions-list label {
    text-align: center;
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 300
}

.help-center-page.questions-list .search-wrapper {
    position: relative
}

.help-center-page.questions-list .search-wrapper::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -6.5px;
    background-image: url("");
    background-position: -331px -21px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    height: 13px;
    width: 13px
}

.help-center-page.questions-list input.search {
    display: block;
    width: 100%;
    height: 1.8em;
    margin-bottom: 0;
    padding: 2px 10px 0 33px;
    border: 0;
    -webkit-border-radius: .8em;
    border-radius: .8em;
    line-height: 1.8em;
    -webkit-box-shadow: inset 0 2px 6px -1px #666;
    box-shadow: inset 0 2px 6px -1px #666
}

.help-center-page.questions-list .no-questions {
    padding: 10px 10px 10px;
    font-size: 15px;
    line-height: 20px;
    text-align: center
}

.help-center-page.single-question a {
    color: inherit;
    text-decoration: underline
}

.is-header-hidden .navigation-bar,
.is-header-hidden .fake {
    display: none
}

.is-header-hidden .help-center-page,
.is-header-hidden .feedback-page {
    z-index: 999
}

.old-android-webkit .add-interests .search-input {
    padding-top: 20px;
    background: white
}

@-webkit-keyframes landscape-block {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes landscape-block {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.landscape-block {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.has-landscape-block .landscape-block {
    display: block;
    z-index: 1000;
    background-color: #e6ecf2
}

.landscape-block #landscape-block-text {
    padding: 20px;
    padding-bottom: 30px;
    color: #333844;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5em;
    text-align: center
}

body.ios-font-helvetica .landscape-block #landscape-block-text {
    font-weight: 500
}

body.android-font-system .landscape-block #landscape-block-text {
    font-weight: 700
}

body.android-font-roboto-new .landscape-block #landscape-block-text {
    font-weight: 500
}

.landscape-block #landscape-block-phone {
    width: 77px;
    height: 145px;
    margin: 0 auto;
    padding: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #333844;
    -webkit-animation: infinite landscape-block 2s ease;
    animation: infinite landscape-block 2s ease
}

.landscape-block #landscape-block-phone-screen {
    height: 110px;
    margin-bottom: 4px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e6ecf2 url() center center no-repeat;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px
}

.landscape-block #landscape-block-home-button {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e6ecf2
}

.email-auth-page select {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background: transparent
}

.email-auth-page .location-select li {
    font-size: 12px;
    line-height: 1em
}

.email-auth-page .signup-notice {
    padding: 15px;
    color: #9aa3ab;
    text-align: center
}

.email-auth-page .signup-notice a {
    color: #9aa3ab;
    text-decoration: underline
}

.email-auth-page .signup-subtext {
    font-size: 12px;
    line-height: 15px;
    display: block;
    padding: 10px;
    color: #9aa3ab;
    text-align: center
}

.email-auth-page .signup-subtext.light,
.dark-theme .email-auth-page .signup-subtext {
    color: #9aa3ab
}

#forgot-password-page .subtitle,
#new-password-page .subtitle {
    margin: 15px 10px;
    color: #9aa3ab;
    text-align: center
}

.signup-inviter {
    position: relative;
    margin: 10px auto 15px;
    padding: 0 15px
}

.signup-inviter .signup-inviter__image {
    position: absolute;
    width: 72px;
    height: 72px;
    -webkit-background-size: cover;
    background-size: cover
}

.signup-inviter .signup-inviter__text {
    min-height: 72px;
    margin-left: 87px
}

.page.page-registration-verify .navigation-bar.is-custom {
    -webkit-box-shadow: none;
    box-shadow: none
}

.page.page-registration-verify .verify-photo-wrapper {
    padding: 15px 0 0 0
}

.page.page-registration-verify .verify-social-picture {
    display: block;
    width: 228px;
    height: 187px;
    margin: 20px auto -15px auto;
    background: url();
    -webkit-background-size: cover;
    background-size: cover
}

.page.page-registration-verify .verify-social-providers__item {
    display: inline-block
}

.page.page-registration-verify .verify-social-providers__item+.verify-social-providers__item {
    margin-left: 15px
}

.page.page-registration-verify .page-footer .hint {
    margin-top: 0
}

.page.page-registration-verify .verification-options--horizontal {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.page.page-registration-verify .verify-social-options {
    margin-top: 20px;
    margin-right: -15px;
    margin-left: -15px
}

#multimedia {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #000
}

#multimedia .preview {
    display: block;
    width: 100px;
    max-width: 100%;
    height: 100px;
    max-height: 100%;
    margin: auto;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: contain;
    background-size: contain
}

#multimedia .gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(14%, rgba(0, 0, 0, 0)), color-stop(86%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0) 86%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 14%, rgba(0, 0, 0, 0) 86%, rgba(0, 0, 0, 0.3) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

#multimedia .timer,
#multimedia .delete,
#multimedia .flag {
    display: none;
    position: absolute;
    bottom: 20px;
    height: 50px;
    width: 50px;
    color: white;
    line-height: 35px;
    background: rgba(128, 128, 128, 0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    right: 20px;
    text-align: center;
    font-size: 12px
}

#multimedia .timer::after,
#multimedia .delete::after,
#multimedia .flag::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%
}

#multimedia .delete::after {
    background-image: url("");
    background-position: -331px 0;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 13px;
    height: 16px;
    margin-left: -6px;
    margin-top: -8px
}

#multimedia .flag {
    left: 20px
}

#multimedia .flag::after {
    background-image: url("");
    background-position: -140px -103px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 15px;
    height: 18px;
    margin-left: -7px;
    margin-top: -9px
}

#multimedia .timer {
    -webkit-transition: none 250ms ease;
    transition: none 250ms ease;
    -webkit-transition-property: right bottom;
    transition-property: right bottom;
    line-height: 50px
}

#multimedia .timer::after {
    background: url('') center center no-repeat;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px
}

#multimedia .timer-text {
    -webkit-transition: top 250ms ease;
    transition: top 250ms ease;
    position: absolute;
    top: -100px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: white;
    display: none;
    text-shadow: 0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000
}

body.ios-font-helvetica #multimedia .timer-text {
    font-weight: 500
}

body.android-font-system #multimedia .timer-text {
    font-weight: 700
}

body.android-font-roboto-new #multimedia .timer-text {
    font-weight: 500
}

#multimedia.initial .gradient {
    background: rgba(0, 0, 0, 0.5)
}

#multimedia.initial .timer-text {
    top: 24%
}

#multimedia.initial .timer {
    right: 50%;
    margin-right: -16px;
    bottom: 20%
}

#multimedia.view .timer-text,
#multimedia.view .timer {
    display: none
}

#multimedia.view.ours.type-4 .delete {
    display: block
}

#multimedia.view.theirs .flag,
#multimedia.view.theirs .delete {
    display: block
}

#multimedia.fullscreen-view {
    top: 48px;
    bottom: 0;
    min-height: 0
}

#multimedia.share .timer-text,
#multimedia.share .timer {
    display: block
}

@-webkit-keyframes multimedia-timeout-enter {
    0% {
        -webkit-transform: translate3d(0, 999px, 0);
        transform: translate3d(0, 999px, 0)
    }
    40% {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    70% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes multimedia-timeout-enter {
    0% {
        -webkit-transform: translate3d(0, 999px, 0);
        transform: translate3d(0, 999px, 0)
    }
    40% {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    70% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.modal-content.multimedia-timeout-modal {
    -webkit-transform: none;
    transform: none;
    top: 30%;
    position: absolute;
    left: 25%;
    width: 50%;
    color: #5e6773;
    font-size: 15px
}

#modal-container.visible-box .modal-content.multimedia-timeout-modal {
    -webkit-animation-name: multimedia-timeout-enter;
    animation-name: multimedia-timeout-enter;
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.modal-content.multimedia-timeout-modal li {
    padding: 15px 0;
    text-align: center;
    border: 0;
    padding-left: 0
}

.modal-content.multimedia-timeout-modal li.selected {
    color: #333844;
    font-weight: 600
}

body.ios-font-helvetica .modal-content.multimedia-timeout-modal li.selected {
    font-weight: 500
}

body.android-font-system .modal-content.multimedia-timeout-modal li.selected {
    font-weight: 700
}

body.android-font-roboto-new .modal-content.multimedia-timeout-modal li.selected {
    font-weight: 500
}

.flag-multimedia li {
    padding: 15px
}

.l_a {
    display: none
}

.help {
    color: #666
}

.help a {
    text-decoration: underline
}

.help td p {
    font-size: 1em
}

.help h1 {
    padding: 0 0 8px 0;
    font-size: 2em
}

.help h2 {
    color: #000;
    font-size: 1.8em
}

.help h4 {
    margin: 10px 0;
    color: #999
}

ul.marked {
    margin: 1.154em 0;
    padding: 0 0 0 4em;
    list-style-type: disc
}

.help_table {
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid black;
    margin-bottom: 10px
}

.help_table tr {
    border-top: 1px solid black
}

.help_table td {
    word-wrap: break-word
}

.help_table td:first-child {
    vertical-align: top
}

@media (orientation:portrait) {
    .page.whats-new .navigation-bar {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.whats-new-render-bug-test-outer {
    position: fixed;
    top: 0;
    right: 100%;
    width: 300px;
    height: 100px
}

.whats-new-render-bug-test-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20%;
    margin-top: -10%
}

.whats-new-render-bug-test-inner::before {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.circle-carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center
}

.circle-carousel .circle-carousel-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.circle-carousel .circle-carousel-page .image-mask {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.circle-carousel .circle-carousel-page .image-mask::before {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.circle-carousel .circle-carousel-page .image-transform-element {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.circle-carousel .circle-carousel-page .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center;
    background-color: #f5f8fa
}

.circle-carousel .circle-carousel-page.is-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.circle-carousel .circle-carousel-page.is-active .image-transform-element {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.circle-carousel .circle-carousel-page.is-active~.circle-carousel-page {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.circle-carousel .circle-carousel-page.is-active~.circle-carousel-page .image-transform-element {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.circle-carousel.transition .circle-carousel-page,
.circle-carousel.transition .image-transform-element {
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

@media screen and (min-device-width:320px) {
    .circle-carousel .circle-carousel-page .image-mask {
        width: 60%
    }
    .circle-carousel .circle-carousel-page .image-transform-element {
        left: -33.33333333%;
        right: -33.33333333%
    }
}

@media screen and (orientation:landscape) {
    .circle-carousel .circle-carousel-page {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .circle-carousel .circle-carousel-page .image-mask {
        width: 26%;
        margin: 15px
    }
}

.debug-page {
    background: #e6ecf2
}

.debug-page .list-view>li.faded {
    opacity: .5
}

.debug-page.debug-cookies-page .empty-msg,
.debug-page.debug-local-storage-page .empty-msg {
    color: grey;
    font-style: italic;
    text-align: center;
    margin-top: 6.66666667px
}

.debug-page.debug-encounters-page input {
    display: block;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    border: 1px solid #999999
}

.debug-page.debug-console-page .console-list {
    position: absolute;
    z-index: 8888;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: .7em;
    font-family: monospace;
    background: #fff;
    -webkit-box-shadow: 0 -1px 5px #888;
    box-shadow: 0 -1px 5px #888
}

.debug-page.debug-console-page .console-list.full {
    top: 0
}

.debug-page.debug-console-page .console-list.invisible {
    display: none
}

.debug-page.debug-console-page .console-list ul {
    position: relative
}

.debug-page.debug-console-page .console-list li {
    padding: 3px 0;
    word-wrap: break-word;
    white-space: pre;
    color: blue;
    border-bottom: 1px solid #e6ecf2
}

.debug-page.debug-console-page .console-list li.error {
    color: red
}

.debug-page.debug-console-page .console-list li.info {
    color: grey
}

.debug-page.debug-console-page .console-list button {
    position: absolute;
    right: 30px;
    bottom: 0;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background: #fff;
    font-size: 1.5em
}

.debug-page.debug-console-page .console-list textarea {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 30px;
    opacity: .9;
    font-size: .7em
}

.debug-page.debug-console-page .console-list textarea.visible {
    display: block
}

.debug-page.debug-console-page .console-scroll-bottom {
    position: fixed;
    z-index: 9999;
    right: 3px;
    bottom: 5px;
    width: 29px;
    height: 29px;
    margin: 0;
    padding: 0;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    color: #333844;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    outline: none
}

.debug-page .click-copy {
    float: right;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.debug-page #debug-transfer-area {
    position: absolute;
    bottom: 0
}

.all-controllers .app-view {
    width: 320px;
    height: 480px;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    float: left;
    outline: 1px inset rgba(0, 0, 0, 0.5)
}

.all-controllers .page {
    -webkit-transform: none !important;
    transform: none !important
}

.invites-promo.modal-content {
    width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #141518;
    color: #fff;
    text-align: center;
    font-size: 100%;
    padding: 0 20px;
    -webkit-transform: translateY(100%) scale(1) translateZ(0);
    transform: translateY(100%) scale(1) translateZ(0)
}

.invites-promo .inline {
    margin-bottom: 110px
}

.invites-promo-title {
    font-weight: 300;
    font-size: 1.388em
}

.invites-promo-message {
    font-weight: 400;
    font-size: 1.038em;
    line-height: 1.5em
}

.invites-promo-users {
    display: table;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px
}

.invites-promo-user {
    display: table-cell;
    position: relative
}

.invites-promo-pic {
    height: 85px;
    width: 85px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.invites-promo-users {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px
}

.invites-promo-pic {
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 85px;
    width: 85px;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    margin: 3px
}

.invites-promo .match-style {
    width: 160px;
    height: 160px;
    position: relative
}

.invites-promo .match-style .heart-icon {
    z-index: 1;
    height: 44px;
    width: 44px;
    background-image: inherit;
    background-color: #14171b;
    background-position: -100%;
    background-repeat: no-repeat;
    overflow: hidden
}

.invites-promo .match-style .heart-icon::after {
    content: '';
    position: absolute;
    right: 3px;
    bottom: 3px;
    z-index: 2;
    height: 38px;
    width: 38px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url("");
    background-position: 0 0;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat
}

.invites-promo .icon {
    right: 0;
    bottom: 0;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.invites-promo .boost-icon-small {
    border: 2px solid #000;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@-webkit-keyframes glint {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 300px 0
    }
}

@keyframes glint {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 300px 0
    }
}

.glint-text {
    background: -webkit-linear-gradient(45deg, #999 0, #999 75%, #fff 87.5%, #999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: glint 2.5s infinite;
    width: 100%;
    display: inline-block
}

.glint-text.fallback {
    text-fill-color: #999;
    color: #999;
    background: transparent
}

.modal-content.award-promo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 0 20px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #141518;
    color: #fff;
    text-align: center;
    font-size: 100%;
    -webkit-transform: translateY(100%) scale(1) translateZ(0);
    transform: translateY(100%) scale(1) translateZ(0)
}

.award-promo-title {
    padding-top: 0;
    padding-bottom: 24px;
    font-size: 1.813em;
    line-height: 1em
}

.award-promo-award {
    padding: 28px 0 20px
}

.award-promo-ico {
    margin: 0 auto;
    display: block;
    width: 180px;
    height: 180px;
    -webkit-background-size: 180px 180px;
    background-size: 180px 180px;
    background-repeat: no-repeat
}

.award-promo-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
    padding: 9px 0;
    border: 1px solid #1c2024;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background: #293135;
    font-size: 1.17em;
    line-height: 1
}

.awards-view {
    padding-left: 11px;
    padding-bottom: 48px
}

.awards-view-item {
    padding: 12px 10px 12px 0;
    border-bottom: 1px solid #f4f4f5
}

.awards-view-item .table-cell:first-child {
    width: 75px;
    padding-right: 10px
}

.awards-view-item-ico {
    display: inline-block;
    width: 73px;
    height: 73px;
    -webkit-background-size: 73px 73px;
    background-size: 73px 73px;
    background-repeat: no-repeat;
    vertical-align: middle
}

.awards-view-item-ico.not-shared {
    opacity: .4
}

.awards-view-item-ico.dummy {
    background-image: url()
}

.awards-view-item-ico.secret {
    background-image: url()
}

.awards-view-item-name {
    font-size: 1.154em
}

.awards-view-item-descr {
    display: block;
    padding: 5px 0;
    font-size: 1em;
    font-style: normal;
    color: #818a94
}

.awards-view-item-descr:before,
.awards-view-item-descr:after {
    content: " ";
    display: table
}

.awards-view-item-descr:after {
    clear: both
}

.awards-view-item-progress,
.awards-view-item-actived,
.awards-view-item-active {
    float: right
}

.awards-view-item-actived {
    color: #2a59e4;
    font-size: 1.077em;
    margin-top: 2px
}

.awards-view-item-st,
.awards-view-item-name {
    overflow: hidden;
    display: block
}

.awards-view-item-st {
    font-size: .923em
}

.awards-view-item-active {
    display: inline-block;
    margin-top: -4px;
    padding: 4px 16px;
    border: 1px solid #2454e3;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    background: #2a59e4;
    color: #fff;
    font-size: .923em;
    line-height: 1
}

.awards-view-item-progress {
    overflow: hidden;
    width: 80px;
    height: 15px;
    border: 1px solid #305de5;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.awards-view-item-progress-bar {
    display: inline-block;
    width: 0;
    height: 17px;
    background: #325fe5;
    -webkit-transition: width 300ms linear;
    transition: width 300ms linear
}

.award-share {
    margin-left: -11px
}

.awards-share-carousel {
    white-space: nowrap;
    position: relative;
    left: 0
}

.award-share-slide {
    display: inline-block;
    position: relative;
    width: 100%
}

.award-share-ratio {
    margin-top: 100%
}

.award-share-pic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.award-share-descr {
    width: 70%;
    margin: 0 auto;
    padding: 16px 0;
    color: #808894;
    text-align: center;
    font-size: 1.154em
}

.award-share-providers-list {
    text-align: center
}

.award-share-provider {
    display: inline-block;
    margin: 0 6px
}

.page.captcha .page-content {
    min-height: 80vh;
    padding-top: 10px;
    background: #fff
}

.password-link-expired .wrapper {
    padding: 48px 10px 10px
}

.password-link-expired p,
.password-link-expired h3 {
    margin-bottom: 10px;
    text-align: center
}

.page.moderated-photos .navigation-promo {
    background: #191919
}

.page.moderated-photos .navigation-promo::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit
}

.ios .page.moderated-photos .navigation-promo::before {
    content: ''
}

.page.moderated-photos .page-content {
    min-height: 60vh;
    background: #fff
}

.moderated-photos__intro {
    margin: 10px 0;
    padding: 0;
    color: #5e6773;
    text-align: center
}

.photo-grid-moderated {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 282px;
    margin: 20px auto 11px auto
}

.photo-grid-moderated__item {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 90px;
    height: 90px;
    margin: 0 2px 4px 2px
}

.photo-grid-moderated__item:nth-last-of-type(2):first-child {
    margin-left: auto
}

.photo-grid-moderated__item:nth-last-of-type(2):first-child+.photo-grid-moderated__item {
    margin-right: auto
}

.photo-grid-moderated__item:only-child {
    margin-right: auto;
    margin-left: auto
}

.old-android-webkit .photo-grid-moderated__item {
    display: inline-block;
    vertical-align: top
}

.photo-grid-moderated__item-image {
    display: block;
    width: 100%;
    height: 100%;
    background: #e6ecf2 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.photo-grid-moderated__item-icon {
    position: absolute;
    right: 5px;
    bottom: 5px
}

.map {
    position: relative;
    width: 245px;
    max-width: 100%;
    height: 125px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url('') bottom right no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #ceccc5
}

.map::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    content: '';
    border: 1px solid rgba(153, 69, 230, 0.5);
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(153, 69, 230, 0.1)
}

#chat-input-view {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 990
}

.chat-input-modal li {
    position: relative
}

.chat-input-modal .capture::after,
.chat-input-modal .choose::after {
    background-image: url("");
    background-position: -70px -197px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    position: absolute;
    left: 15px;
    width: 30px;
    height: 30px;
    content: "";
    top: 50%;
    margin-top: -15px
}

.chat-input-modal .choose::after {
    background-image: url("");
    background-position: -175px -197px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.deleted-member-notice {
    position: fixed;
    left: 10px;
    bottom: 10px;
    right: 10px;
    background-color: #ee203c;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    color: #fff
}

.centered {
    text-align: center
}

.padded {
    padding: 10px
}

.padded.tiny {
    padding: 5px
}

.padded.small {
    padding: 10px
}

.padded.medium {
    padding: 15px
}

.padded.large {
    padding: 20px
}

.padded.huge {
    padding: 25px
}

.padded.sides {
    padding-top: initial;
    padding-bottom: initial
}

.padded.top {
    padding-left: initial;
    padding-right: initial;
    padding-bottom: initial
}

.full-width,
.uno {
    width: 100%
}

.half-width {
    width: 50%
}

.third-width {
    width: 33.33333333%
}

.round {
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.left {
    float: left;
    clear: both
}

.right {
    float: right;
    clear: both
}

.page {
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: #fff
}

.page.visible {
    -webkit-transform: none;
    transform: none
}

.no-page-transitions .page {
    -webkit-transition: none;
    transition: none
}

.page>.fullscreen-view {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 100%;
    overflow: hidden
}

.page>.halfscreen-view {
    position: absolute;
    height: 50%;
    width: 100%;
    overflow: hidden
}

.page>.halfscreen-view.top {
    top: 0
}

.page>.halfscreen-view.top .title {
    top: 10px;
    color: #fff;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0
}

.page>.halfscreen-view.top .caption {
    color: #9aa3ab;
    bottom: 6%;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0
}

.page>.halfscreen-view.top .photos {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.page>.halfscreen-view.top .photos.large {
    height: 140px
}

.page>.halfscreen-view.top .photos-container {
    position: relative;
    height: 100%
}

.page>.halfscreen-view.bottom {
    bottom: 0;
    text-align: center
}

.page>.halfscreen-view.bottom .inner {
    padding: 10px 15px 0
}

.page>.halfscreen-view.bottom .inner .button-wrapper {
    padding: 0
}

.page>.halfscreen-view.bottom .inner>* {
    margin-bottom: 10px
}

.page>.halfscreen-view.bottom .inner .message {
    padding: 5px 20px
}

.page>.halfscreen-view.bottom .inner.high {
    position: absolute;
    top: 0;
    left: 0
}

.page>.dark {
    background-color: #21262e
}

.page.overlay-page {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    z-index: 999
}

.page.overlay-page.visible {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.page.overlay-page:not(.page-animation) {
    -webkit-transform: none;
    transform: none
}

.page.visitors {
    position: static
}

.page-content {
    min-width: 290px;
    padding: 0 15px
}

.page-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flexible-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%
}

.flexible-page .page-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flexible-page .page-content--centered {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto
}

.flexible-page .page-footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flexible-page--centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flexible-page--centered .page-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 0 0 0
}

.flexible-page--centered .page-content:only-child {
    margin-bottom: auto
}

.flexible-page--centered .page-footer {
    margin-top: auto
}

@font-face {
    font-family: "Roboto";
    font-weight: 300;
    src: local("sans-serif-light")
}

@font-face {
    font-family: "Roboto";
    font-weight: 400;
    src: local("sans-serif")
}

@font-face {
    font-family: "Roboto";
    font-weight: 500;
    src: local("sans-serif-medium")
}

body {
    font-family: Roboto, "Segoe WP", "Segoe UI", sans-serif;
    font-weight: 400
}

body.ios {
    font-family: -apple-system, "San Francisco", "Helvetica Neue", sans-serif
}

.font-light {
    font-weight: 300
}

.font-regular {
    font-weight: 400
}

.font-medium {
    font-weight: 600
}

body.ios-font-helvetica .font-medium {
    font-weight: 500
}

body.android-font-system .font-medium {
    font-weight: 700
}

body.android-font-roboto-new .font-medium {
    font-weight: 500
}

button,
input,
select,
textarea {
    font-family: Roboto, "Segoe WP", "Segoe UI", sans-serif;
    font-weight: 400
}

body.ios button,
body.ios input,
body.ios select,
body.ios textarea {
    font-family: -apple-system, "San Francisco", "Helvetica Neue", sans-serif
}

strong,
b {
    font-weight: 600
}

body.ios-font-helvetica strong,
body.ios-font-helvetica b {
    font-weight: 500
}

body.android-font-system strong,
body.android-font-system b {
    font-weight: 700
}

body.android-font-roboto-new strong,
body.android-font-roboto-new b {
    font-weight: 500
}

.header1 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600
}

body.ios-font-helvetica .header1 {
    font-weight: 500
}

body.android-font-system .header1 {
    font-weight: 700
}

body.android-font-roboto-new .header1 {
    font-weight: 500
}

.header1.light,
.dark-theme .header1 {
    color: #fff
}

.header2 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400
}

.header2.light,
.dark-theme .header2 {
    color: #fff
}

.body1 {
    font-size: 15px;
    line-height: 20px
}

.body1.light,
.dark-theme .body1 {
    color: #e6ecf2
}

.body2 {
    font-size: 15px;
    line-height: 20px
}

.body2.light,
.dark-theme .body2 {
    color: #9aa3ab
}

.body-small {
    font-size: 12px;
    line-height: 15px
}

.body-small.light,
.dark-theme .body-small {
    color: #9aa3ab
}

.link {
    position: relative;
    color: #191919;
    font-size: 12px;
    line-height: 15px
}

.link::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ''
}

.link.disabled,
.link:visited {
    color: #9aa3ab
}

.link.grey {
    color: #9aa3ab;
    text-decoration: underline
}

.grey1 {
    color: #e6ecf2
}

.grey2 {
    color: #9aa3ab
}

.grey3 {
    color: #5e6773
}

.grey4 {
    color: #333844
}

.grey5 {
    color: #21262e
}

.grey6 {
    color: #14171b
}

.red-level {
    color: #f8342d
}

.yellow-level {
    color: #fdcd3c
}

.green-level {
    color: #46cc3f
}

.white-level {
    color: #fff
}

.font-x-large {
    font-size: 25px;
    line-height: 30px
}

.font-large {
    font-size: 20px;
    line-height: 25px
}

.font-base2 {
    font-size: 16px;
    line-height: 20px
}

.font-base {
    font-size: 15px;
    line-height: 20px
}

.font-small {
    font-size: 12px;
    line-height: 15px
}

.font-x-small {
    font-size: 10px;
    line-height: 15px
}

.font-xx-small {
    font-size: 8px;
    line-height: 12px
}

.text-middle {
    vertical-align: middle
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sticky-scroll {
    overflow: hidden
}

.sticky-scroll_.is-animated {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1)
}

.h-fix-overscrolling {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit
}

.ios .h-fix-overscrolling {
    content: ''
}

.h-fix-overscrolling--bottom {
    top: auto;
    bottom: 0
}

.h-hide-scrollbar::-webkit-scrollbar {
    display: none
}

.truncated-text {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%
}

.truncated-text__trim {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.truncated-text__full {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0
}

.avatar {
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-position: 50% 50%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.avatar.extra-tiny {
    min-width: 36px;
    width: 36px;
    height: 36px
}

.avatar.tiny {
    width: 45px;
    height: 45px
}

.avatar.small {
    width: 65px;
    height: 65px
}

.avatar.medium {
    width: 90px;
    height: 90px
}

.avatar.large {
    width: 140px;
    height: 140px
}

.avatar.huge {
    width: 175px;
    height: 175px
}

.avatar.grayed {
    opacity: .4
}

.badge {
    font-size: 12px;
    position: absolute;
    min-width: 24px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #ee203c;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    padding: 0 8px
}

.badge.small {
    top: 43px;
    left: 44px;
    height: 24px;
    line-height: 19px
}

.badge.blue {
    background-color: #191919
}

.badge.small.centered {
    top: 53px;
    left: 20px;
    height: 24px;
    line-height: 19px
}

.new-match .badge.small {
    width: 24px;
    background-image: url("");
    background-position: -77px -297px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    margin-left: -2px
}

.message .badge,
.match .badge {
    display: none
}

.form-uniform {
    position: relative;
    width: 100%;
    max-width: 345px;
    margin: 0 auto;
    padding: 0 0;
    text-align: center
}

.form-uniform.is-blocked::after {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.form-uniform .form__intro {
    margin: 10px 0;
    padding: 0;
    color: #5e6773
}

.form-uniform .control-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.form-uniform .control-row .control {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-uniform .control-row .control+.control {
    margin-left: 20px
}

.form-uniform .control {
    position: relative;
    text-align: left
}

.form-uniform .control--narrow {
    max-width: 70%;
    margin: 0 auto
}

.form-uniform .control__inputs {
    position: relative
}

.form-uniform .control__inputs--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-uniform .control__label {
    font-size: 14px;
    line-height: 20px;
    display: block;
    position: absolute;
    z-index: 5;
    top: 24px;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #9aa3ab
}

.form-uniform:focus~.control__label,
.form-uniform .is-focused~.control__label,
.form-uniform .has-value .control__label,
.form-uniform .select__field~.control__label {
    font-size: 11px;
    line-height: 14px;
    top: 6px
}

.form-uniform .is-invalid .control__label {
    display: none
}

.form-uniform .control__error {
    font-size: 11px;
    line-height: 14px;
    display: none;
    position: relative;
    z-index: 7;
    width: 100%;
    margin: 6px auto -20px;
    color: #ee203c
}

.form-uniform .control__error.show-error {
    display: block
}

.form-uniform .control__inputs+.control__error {
    margin: 0;
    -webkit-transition: margin .2s, opacity .2s;
    transition: margin .2s, opacity .2s;
    opacity: 0;
    text-align: center
}

.form-uniform .control__inputs+.control__error.show-error {
    margin-top: 10px;
    margin-bottom: -10px;
    opacity: 1
}

.form-uniform .input {
    position: relative
}

.form-uniform .input__field {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    z-index: 6;
    width: 100%;
    height: 53px;
    margin: 0;
    padding: 24px 0 8px;
    color: #333844;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-bottom: 1px solid #e7ebee;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
    background: transparent
}

.form-uniform .input__field.input__field--secure {
    -webkit-text-security: disc;
    text-security: disc
}

.form-uniform .input__field.input__field--digit {
    border: 1px solid #e7ebee;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.form-uniform .input__field.input__field--border-hidden {
    border-color: transparent
}

.form-uniform .input__field:focus,
.form-uniform .input__field.is-focused {
    border-color: #191919
}

.form-uniform .is-invalid .input__field {
    border-color: #ee203c
}

.old-android-webkit .form-uniform .input__field {
    height: 37px;
    margin-top: 16px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    line-height: 36px
}

.old-android-webkit .form-uniform input.input__field {
    line-height: normal
}

.form-uniform .input__mask {
    font-size: 14px;
    line-height: 20px;
    display: none;
    position: absolute;
    top: 24px;
    left: 0
}

.form-uniform .input__mask .input__mask-data {
    visibility: hidden
}

.form-uniform .input__mask .input__mask-stub {
    color: #d2d9de
}

.form-uniform .input__field:focus~.input__mask,
.form-uniform .input__field.is-focused~.input__mask {
    display: block
}

.form-uniform .is-invalid .input__mask {
    display: block
}

.form-uniform .input__loader {
    display: none
}

.form-uniform .is-loading .input__loader {
    display: block
}

.form-uniform .textarea {
    position: relative
}

.form-uniform .textarea__field,
.form-uniform .textarea__mirror {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    min-height: 53px;
    margin: 0;
    padding: 24px 0 8px;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word
}

.form-uniform .textarea__field {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
    height: 100%;
    color: #333844;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid #e7ebee
}

.form-uniform .textarea__mirror {
    position: static;
    height: auto;
    color: transparent
}

.form-uniform .textarea__field:focus,
.form-uniform .textarea__field.is-focused {
    border-color: #191919
}

.form-uniform .is-invalid .textarea__field {
    border-color: #ee203c
}

.form-uniform .textarea__counter {
    font-size: 11px;
    line-height: 14px;
    display: block;
    position: relative;
    width: 100%;
    margin: 10px auto;
    color: #9aa3ab;
    text-align: right
}

.form-uniform .textarea__counter.is-overflow {
    color: #ee203c
}

.form-uniform .select {
    overflow: hidden;
    position: relative
}

.form-uniform .select__field {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    color: transparent;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-bottom: 1px solid #e7ebee;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.form-uniform .select__field::-ms-value {
    visibility: hidden
}

.form-uniform .select__field:focus,
.form-uniform .select__field.is-focused {
    border-color: #191919
}

.form-uniform .is-invalid .select__field {
    border-color: #ee203c
}

.form-uniform .select__arrow {
    position: absolute;
    right: 0;
    top: 30px;
    width: 8px;
    height: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURcnR10xpccjQ1n3bek4AAAACdFJOU4AATRBVcwAAAD5JREFUCNdNyzERADAIQ9GYwEMPF10ZOSIJIWzILJ3aDG/KB2d4bHJjkQsq0bD0gpclolVA7flZDZ5DyN9eDlzJFb4SzVRwAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.form-uniform .select__surrogate {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    height: 53px;
    margin: 0;
    padding: 24px 0 8px 0;
    color: #333844;
    white-space: nowrap;
    text-overflow: ellipsis
}

.form-uniform .select__arrow+.select__surrogate {
    padding-right: 15px
}

.form-uniform .control--tel .field--tel-national {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-uniform .control--tel .field--tel-country-code+.field--tel-national {
    margin-left: 15px
}

.form-uniform .control--digits .input__field {
    width: auto;
    height: 40px;
    margin: 0 3px;
    padding: 7px 0;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap
}

.form-uniform .control--digits .input__field--digit {
    width: 30px
}

.form-uniform .form__intro+.control--digits {
    margin-top: 20px
}

.form-uniform .control--captcha .captcha {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 200px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #bfc9d4;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.form-uniform .control--captcha .captcha__image {
    width: 173px;
    height: 46px
}

.form-uniform .control--captcha .captcha__reload {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    width: 36px;
    height: 36px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    color: #191919;
    border: 1px solid #bfc9d4;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff
}

.form-uniform .control--captcha .input {
    width: 70%;
    margin: auto
}

.form-uniform .control--captcha .input__field {
    text-align: center;
    text-transform: lowercase
}

.form-uniform .form__intro+.control--captcha {
    margin-top: 20px
}

.form-uniform .control--location .input__loader {
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 20px;
    height: 20px
}

.form-uniform .control--location .input__loader+.input__field {
    padding-right: 30px
}

.form-uniform .control--location .control__extra li {
    display: block;
    margin: 0;
    padding: 10px 0;
    font-size: 12px;
    line-height: 1em;
    border-bottom: 1px solid #e6ecf2
}

.form-uniform .form__buttons {
    margin: 20px 0 0
}

.form-uniform .forms__buttons:first-child {
    margin-top: 0
}

.form-uniform .form__actions {
    margin: 15px 0 0 0;
    padding: 0 0 15px 0;
    color: #191919;
    text-align: center;
    font-size: 13px;
    line-height: 16px
}

.form-uniform input:-webkit-autofill {
    z-index: 0;
    -webkit-box-shadow: 0 0 0 1000px white inset !important
}

.form-uniform .date-select select {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    background: transparent
}

.checkbox-original {
    display: inline-block;
    min-height: 22px;
    position: relative;
    padding: 0 0 0 22px;
    vertical-align: middle
}

.checkbox-original::after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.checkbox-original>input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0
}

.checkbox-original svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    pointer-events: none
}

.checkbox-original .checkbox__active {
    display: none
}

.checkbox-original>input:checked~.checkbox__inactive {
    display: none
}

.checkbox-original>input:checked~.checkbox__active {
    display: block
}

.radio-original {
    display: inline-block;
    position: relative;
    min-width: 22px;
    min-height: 22px;
    padding: 1px 0;
    vertical-align: middle
}

.radio-original>input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0
}

.radio-original>svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    pointer-events: none
}

.radio-original .radio__active {
    display: none
}

.radio-original>input:checked~.radio__inactive {
    display: none
}

.radio-original>input:checked~.radio__active {
    display: block
}

.radio-original>label {
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    position: relative;
    z-index: 3;
    padding: 0 0 0 10px
}

.old-android-webkit .checkbox-original>input,
.old-android-webkit .radio-original>input {
    opacity: 1
}

.old-android-webkit .checkbox-original>svg,
.old-android-webkit .radio-original>svg {
    display: none !important
}

.form {
    text-align: left
}

.form>label,
.form>input,
.form>button {
    display: block;
    width: 100%
}

.form>button {
    margin-top: .7em
}

.form label {
    display: inline-block
}

.form label.inline {
    display: inline-block;
    width: auto;
    padding-right: 10px
}

.form .radio-group {
    display: inline-block;
    vertical-align: middle
}

.form .radio-group label,
.form .radio-group input {
    display: inline-block;
    margin-right: 5px
}

.form .error {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    color: #C91628;
    display: block;
    opacity: 1;
    position: relative;
    z-index: 2
}

.form .error:not(label) {
    font-size: .8em
}

.form .error.hidden {
    display: block;
    height: 0;
    opacity: 0;
    top: -0.7em
}

.form fieldset {
    border: 0 none;
    padding: 0;
    margin: 0 0 10px;
    min-width: 0;
    font-size: 1.2em
}

.form fieldset label {
    line-height: 2.4
}

.form fieldset input[type=text] {
    height: 2.4em;
    line-height: 1.8;
    margin-bottom: 0;
    border: 0
}

.form fieldset .error-field input {
    margin-bottom: 0
}

.form fieldset .error {
    position: static;
    margin-bottom: 10px
}

.checkbox {
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #9aa3ab;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 10px;
    margin: auto
}

.checkbox.checked,
.checkbox:checked {
    border: none;
    background-image: url("");
    background-position: -226px -232px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

input.checkbox {
    position: static
}

.date-select {
    width: 100%;
    text-align: left;
    position: relative
}

.date-select input {
    width: 100%;
    min-height: 20px;
    color: transparent;
    background: transparent
}

.date-select input::-webkit-calendar-picker-indicator {
    color: black
}

.date-select input.has-date {
    color: black
}

.date-select input.has-date+span {
    display: none
}

.date-select input,
.date-select select {
    z-index: 2;
    position: relative
}

.date-select select:nth-child(1) {
    width: 20%
}

.date-select select:nth-child(2) {
    width: 50%
}

.date-select select:nth-child(3) {
    width: 30%
}

.date-select .placeholder {
    color: #9aa3ab;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1
}

.icon {
    position: absolute
}

.mops-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-background-size: cover;
    background-size: cover;
    vertical-align: middle
}

.location-icon-small {
    background-image: url("");
    background-position: -70px -15px;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.centered-icon {
    position: relative;
    margin: 0 auto
}

.centered-icon:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0
}

.colourful-icon {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    min-width: 20px;
    height: 20px;
    line-height: 20px
}

.colourful-icon::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%
}

.large .colourful-icon {
    min-width: 30px;
    height: 30px
}

.matched-icon-small {
    background-color: #ee203c
}

.favourite-icon-small {
    position: relative;
    background-color: #ffcc00
}

.favourite-icon-small::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "â˜…";
    color: #fff
}

.spotlight-icon-small,
.extra-shows-icon-small {
    background-color: #ee203c
}

.rise-up-icon-small,
.quota-icon-small {
    background-color: #ee203c
}

.svg-symbols-container {
    display: none;
    position: absolute;
    width: 0;
    height: 0
}

.icon-svg {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s;
    vertical-align: middle;
    fill: currentColor
}

.icon-svg::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ''
}

.icon-svg--xxsm {
    width: 8px;
    height: 8px
}

.icon-svg--xsm {
    width: 10px;
    height: 10px
}

.icon-svg--sm {
    width: 16px;
    height: 16px
}

.icon-svg--md {
    width: 20px;
    height: 20px
}

.icon-svg--lg {
    width: 30px;
    height: 30px
}

.icon-svg--xlg {
    width: 48px;
    height: 48px
}

.icon-svg--xxlg {
    width: 65px;
    height: 65px
}

.icon-svg--stretch {
    display: block;
    width: 100%;
    height: 100%
}

.icon-svg_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: inherit;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.icon-svg__active {
    display: none
}

.icon-svg.is-active .icon-svg__inactive {
    display: none
}

.icon-svg.is-active .icon-svg__active {
    display: block
}

.icon-svg__loader {
    display: none
}

.icon-svg.is-loading .icon-svg_ {
    display: none
}

.icon-svg.is-loading .icon-svg__loader {
    display: block
}

.icon-camera-plus.icon-svg--lg {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.icon-circle-loader {
    -webkit-animation: iconCircleLoaderRotate 1s infinite;
    animation: iconCircleLoaderRotate 1s infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-webkit-keyframes iconCircleLoaderRotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes iconCircleLoaderRotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

svg image {
    display: none
}

.no-svg-support svg:not(:root) {
    overflow: initial
}

.no-svg-support svg use {
    display: none
}

.no-svg-support svg img,
.no-svg-support svg image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.icon-emoji {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: middle
}

.icon-emoji::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ''
}

.icon-emoji--xxsm {
    width: 8px;
    height: 8px
}

.icon-emoji--xsm {
    width: 10px;
    height: 10px
}

.icon-emoji--sm {
    width: 16px;
    height: 16px
}

.icon-emoji--md {
    width: 20px;
    height: 20px
}

.icon-emoji--lg {
    width: 30px;
    height: 30px
}

.icon-emoji--xlg {
    width: 48px;
    height: 48px
}

.icon-emoji--xxlg {
    width: 65px;
    height: 65px
}

.icon-emoji--stretch {
    width: 100%;
    height: 100%
}

.icon-emoji--camera {
    background-image: url('img/emoji/camera.png')
}

.icon-emoji--camera-with-flash {
    background-image: url('img/emoji/camera_with_flash.png')
}

.icon-emoji--hourglass {
    background-image: url('img/emoji/hourglass.png')
}

.icon-emoji--hourglass-flowing-sand {
    background-image: url('img/emoji/hourglass_flowing_sand.png')
}

.icon-emoji--lock {
    background-image: url('img/emoji/lock.png')
}

.icon-emoji--unlock {
    background-image: url('img/emoji/unlock.png')
}

.icon-emoji--dancers {
    background-image: url('img/emoji/dancers.png')
}

.icon-emoji--desert {
    background-image: url('img/emoji/desert.png')
}

.icon-emoji--confused {
    background-image: url('img/emoji/confused.png')
}

.icon-emoji--thinking {
    background-image: url('img/emoji/thinking.png')
}

.icon-emoji--blush {
    background-image: url('img/emoji/blush.png')
}

.icon-emoji--heart-eyes {
    background-image: url('img/emoji/heart_eyes.png')
}

.inmoji {
    display: block;
    overflow: hidden;
    position: relative;
    width: 65px;
    height: 65px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f2f2f2
}

.inmoji.inmoji--sm {
    width: 20px;
    height: 20px
}

.inmoji::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.inmoji .inmoji__image {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.indicators {
    position: relative
}

.indicators::after {
    content: '';
    height: 6px;
    width: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.indicators.online,
.indicators.idle {
    padding-left: 9px;
    padding-right: 9px
}

.indicators.online::after {
    background-color: #54C642
}

.indicators.idle::after {
    background-color: #ffcc00
}

.indicators.verified {
    padding-left: 13px;
    padding-right: 10px
}

.indicators.verified::before {
    content: '';
    background-image: url("img/sprite-critical.png?v=24695168");
    background-position: -98px -46px;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    height: 10px;
    width: 11px;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -4px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.indicators.after-only {
    padding-left: 0
}

.indicators.after-only.verified {
    padding-right: 25px
}

.indicators.after-only.verified::before {
    left: auto;
    right: 8px
}

.indicators.after-only.online::after,
.indicators.after-only.idle::after {
    margin-top: -1px;
    right: -2px
}

.indicators.large {
    padding-right: 14px;
    padding-left: 14px
}

.indicators.large::after {
    height: 8px;
    width: 8px
}

.indicators.large.verified {
    padding-left: 20px
}

.indicators.large.verified:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.indicators.large.after-only {
    padding-left: 0
}

.indicators.large.after-only.verified {
    padding-right: 34px
}

.indicators.large.after-only.verified::before {
    right: 13px
}

.indicators.large.after-only.verified.headline-text::before {
    margin-top: -4px;
    right: 15px
}

.indicators.large.after-only.online::after,
.indicators.large.after-only.idle::after {
    margin-top: -3px;
    right: 0
}

a>svg {
    pointer-events: none
}

.select-element {
    -webkit-transition: all 100ms;
    transition: all 100ms;
    position: relative;
    z-index: 0;
    overflow: hidden;
    min-height: 40px;
    margin-bottom: 10px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.select-element .option {
    font-size: 15px;
    line-height: 20px;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
    position: relative;
    padding: 10px;
    background: #fff;
    border-top: 1px solid #e6ecf2;
    color: #5e6773
}

.select-element .option.light,
.dark-theme .select-element .option {
    color: #e6ecf2
}

.select-element .option:first-child {
    border-top: 0
}

.select-element .text,
.select-element .description {
    display: inline-block
}

.select-element .description {
    color: #9aa3ab
}

.select-element .selected {
    z-index: 1
}

.select-element .expand {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 42px;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    pointer-events: none
}

.select-element .expand::after {
    background-image: url("img/sprite-critical.png?v=24695168");
    background-position: -98px -25px;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 10px;
    height: 16px;
    margin-left: -5px;
    margin-top: -8px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: ''
}

.select-element .with-key {
    position: relative
}

.select-element .with-key::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%
}

.select-element .with-key.popular {
    padding-right: 16px
}

.select-element .with-key.popular::after {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -331px -71px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    height: 10px;
    width: 11px;
    margin-top: -5px
}

.select-element.with-description .text {
    font-weight: 600
}

body.ios-font-helvetica .select-element.with-description .text {
    font-weight: 500
}

body.android-font-system .select-element.with-description .text {
    font-weight: 700
}

body.android-font-roboto-new .select-element.with-description .text {
    font-weight: 500
}

.select-element.with-description .no-description .text {
    line-height: 40px
}

.select-element.collapsed {
    max-height: 40px
}

.select-element.collapsed.with-description {
    max-height: 60px
}

.select-element.collapsed .selected {
    position: absolute;
    top: 0;
    width: 100%;
    border-top: 0
}

.select-element.collapsed .expand {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.select-element:not(.collapsed) .selected {
    background-color: #191919
}

.select-element:not(.collapsed) .selected .text,
.select-element:not(.collapsed) .selected .description {
    color: #fff
}

.select-element .expand:nth-child(2) {
    display: none
}

.select-element.invisible-description .description {
    visibility: hidden
}

.centered-component {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.centered-component .centered-wrapper {
    z-index: 1;
    display: table;
    position: absolute;
    height: 100%;
    width: 100%
}

.centered-component .centered-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.centered-component .centered-content * {
    margin: 0 auto
}

.award-new {
    position: relative;
    width: 65px;
    text-align: center
}

.award-new__image {
    position: relative;
    overflow: hidden;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    -webkit-background-size: contain;
    background-size: contain;
    opacity: .4
}

.award-new__image>svg,
.award-new__image>img,
.award-new__image>.img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -webkit-background-size: contain;
    background-size: contain
}

.award-new__label {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    margin: 5px 0 0;
    color: #9aa3ab
}

.award-new.is-active>.award-new__image {
    opacity: 1
}

.interests {
    margin: -3px -5px -3px 0
}

.interests__more {
    display: inline-block;
    vertical-align: top;
    margin: 3px 5px 3px 0;
    padding: 4px 0;
    width: 30px;
    background: #e6ecf2;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #5e6773;
    text-align: center
}

.interest {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    margin: 3px 5px 3px 0;
    padding: 4px 5px;
    background: #fff;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #5e6773;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap
}

.interest--matched {
    background: #e6ecf2
}

.interest--additional {
    display: none
}

.interest>.icon-svg,
.interest>.icon {
    margin: 0 10px 0 4px;
    vertical-align: top;
    -webkit-transition: none;
    transition: none
}

.interest__label {
    display: inline-block;
    overflow: hidden;
    margin: 0 0px 0 0;
    max-width: 80%;
    max-width: -webkit-calc(100% - 34px);
    max-width: calc(100% - 34px);
    vertical-align: top;
    text-overflow: ellipsis
}

.interests.is-expanded .interest--additional {
    display: inline-block
}

.interests.is-expanded .interests__more {
    display: none
}

.ribbon {
    font-weight: 600;
    position: absolute;
    z-index: 1;
    padding: 5px 6px;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
    font-size: 12px;
    line-height: 15px
}

body.ios-font-helvetica .ribbon {
    font-weight: 500
}

body.android-font-system .ribbon {
    font-weight: 700
}

body.android-font-roboto-new .ribbon {
    font-weight: 500
}

.ribbon::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    content: '';
    border-width: 3px;
    border-style: solid
}

.ribbon--red {
    background-color: #ee203c;
    color: #fff
}

.ribbon--red::after {
    border-color: #9c0c1f #9c0c1f transparent transparent
}

.progress-bar {
    position: relative;
    height: 14px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #f2f2f2
}

.progress-bar .progress-bar__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0 7px;
    -webkit-transition: min-width .5s linear;
    transition: min-width .5s linear;
    color: #fff;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background: #191919;
    font-size: 9px;
    line-height: 14px;
    text-align: right
}

.progress-bar .progress-bar__fill:empty {
    padding-right: 0;
    padding-left: 0
}

.progress-bar--tiny {
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.progress-bar--tiny .progress-bar__fill {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 0;
    line-height: 0;
    color: transparent
}

.progress-bar--tiny .progress-bar__fill:empty {
    padding-right: 0;
    padding-left: 0
}

.poll {
    position: relative
}

.poll__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #e6ecf2
}

.poll__item:last-child {
    border-bottom-color: transparent
}

.poll__option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding: 15px 0
}

.poll__input {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: default;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.poll__icon {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    border: 2px solid currentColor;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.poll__input[type="radio"]:checked+.poll__icon {
    border-width: 6px
}

.poll__input[type="checkbox"]:checked+.poll__icon {
    background: currentColor url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAAAQJJREFUWAntlT0KwkAQRqOFjZYWHkT0DBY5juChrOysLKytrcRC7LW0kPUFdmANhoxm8wPOwMdsksnMy5ewSRILc8AcMAfMAXPAHDAHuuSAc26BLuiEpl1iSwBK0QNJbMoA+2UFsa5DlNJrjQZBz3OwrrZkwBD99EAZHAqd49Dt0agalb+bRkv0RFc0+6Yp9fXCZTAMuSOJG4u5BpK6+uE84E7ofC6FbAzOA04YeNRCNgonr5KhKshW4LSQrcIpIFcA1reVCIAmF7xuTr9FvH1OA5WvAeXTNymE7cIJbAFkN+BykAdv3ZYc5/clA2JkoHpoHKOX9TAHzAFzwBwwB/7MgRfNOhXOE3zZdgAAAABJRU5ErkJggg==) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border-width: 0
}

.poll__label {
    display: block;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    color: #5e6773
}

.poll__extra {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 15px 0
}

.icons-carousel {
    position: relative;
    width: auto;
    max-width: 400px;
    margin: 0 auto
}

.icons-carousel::after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 20%;
    content: ''
}

.icons-carousel .icons-carousel__unit {
    display: block;
    position: absolute;
    top: 0;
    left: 40%;
    width: 20%;
    height: 100%
}

.icons-carousel .icons-carousel__item {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .2s ease-in, -webkit-transform .2s ease-in;
    transition: opacity .2s ease-in, -webkit-transform .2s ease-in;
    transition: transform .2s ease-in, opacity .2s ease-in;
    transition: transform .2s ease-in, opacity .2s ease-in, -webkit-transform .2s ease-in
}

.icons-carousel .icons-carousel__item.is-pprev {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(-200%) scale(.390625, .390625);
    transform: translateX(-200%) scale(.390625, .390625)
}

.icons-carousel .icons-carousel__item.is-prev {
    display: block;
    opacity: .5;
    -webkit-transform: translateX(-125%) scale(.625, .625);
    transform: translateX(-125%) scale(.625, .625)
}

.icons-carousel .icons-carousel__item.is-current {
    display: block;
    opacity: 1;
    -webkit-transform: translateX(0) scale(1, 1);
    transform: translateX(0) scale(1, 1)
}

.icons-carousel .icons-carousel__item.is-next {
    display: block;
    opacity: .5;
    -webkit-transform: translateX(125%) scale(.625, .625);
    transform: translateX(125%) scale(.625, .625)
}

.icons-carousel .icons-carousel__item.is-nnext {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(200%) scale(.390625, .390625);
    transform: translateX(200%) scale(.390625, .390625)
}

.userpics-carousel {
    position: relative;
    height: 90px;
    margin: 0 0 15px 0
}

.userpics-carousel .userpics-carousel__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 65px;
    height: 65px;
    margin: auto;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.userpics-carousel .userpics-carousel__item.is-current {
    width: 90px;
    height: 90px
}

.userpics-carousel .userpics-carousel__item>.brick {
    width: 100%;
    height: 100%
}

.userpics-carousel .userpics-carousel__item:nth-child(1) {
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0)
}

.userpics-carousel .userpics-carousel__item:nth-child(2) {
    -webkit-transform: translate3d(-75px, 0, 0);
    transform: translate3d(-75px, 0, 0)
}

.userpics-carousel .userpics-carousel__item:nth-child(3) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.userpics-carousel .userpics-carousel__item:nth-child(4) {
    -webkit-transform: translate3d(75px, 0, 0);
    transform: translate3d(75px, 0, 0)
}

.userpics-carousel .userpics-carousel__item:nth-child(5) {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0)
}

.input-slider {
    position: relative;
    padding: 7px 0
}

.input-slider .input-slider__meter {
    position: relative;
    width: 100%;
    height: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f2f2f2
}

.input-slider .input-slider__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: currentColor;
    -webkit-border-radius: inherit;
    border-radius: inherit
}

.input-slider .input-slider__handle {
    position: absolute;
    top: -7px;
    right: -9px;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer
}

.input-slider::before {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    content: ''
}

.brick {
    display: inline-block;
    position: relative;
    width: 65px;
    height: 65px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

.brick::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.brick::after {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: middle
}

.brick--xxxsm {
    width: 16px;
    height: 16px
}

.brick--xxsm {
    width: 22px;
    height: 22px
}

.brick--xsm {
    width: 36px;
    height: 36px
}

.brick--sm {
    width: 45px;
    height: 45px
}

.brick--md {
    width: 65px;
    height: 65px
}

.brick--lg {
    width: 90px;
    height: 90px
}

.brick--llg {
    width: 105px;
    height: 105px
}

.brick--xlg {
    width: 140px;
    height: 140px
}

.brick--stretch {
    display: block;
    width: 100%;
    height: 100%
}

.brick--transparent::before {
    background-color: transparent
}

.brick--white::before {
    background-color: #fff
}

.brick--red::before {
    background-color: #f02139
}

.brick--green::before {
    background-color: #2aba3f
}

.brick--blue::before {
    background-color: #191919 !important
}

.brick--black-transparent {
    background: transparent
}

.brick--black-transparent::before {
    background-color: rgba(0, 0, 0, 0.5)
}

.brick--grey-1::before {
    background-color: #e6ecf2
}

.brick--grey-special::before {
    background-color: #e6ecf2
}

.brick--private::before {
    background-color: #4708b9
}

.brick--gray::before {
    background-color: #9aa3ab
}

.brick--facebook::before {
    background-color: #2e62d7
}

.brick--twitter::before {
    background-color: #00abff
}

.brick--instagram::before {
    background: #3071ac
}

.brick--vkontakte::before {
    background-color: #2470b5
}

.brick--odnoklassniki::before {
    background-color: #fb881c
}

.brick--google::before {
    background-color: #e24a34
}

.brick--linkedin::before {
    background-color: #00679b
}

.brick--badoo::before {
    background-color: #f1792c
}

.brick__loader {
    display: none;
    color: #9aa3ab
}

.brick.is-loading .brick__image,
.brick-wrapper.is-loading .brick__image {
    background-image: none
}

.brick.is-loading .brick__image>img,
.brick-wrapper.is-loading .brick__image>img {
    display: none
}

.brick.is-loading .brick__loader,
.brick-wrapper.is-loading .brick__loader {
    display: block
}

.brick__lock {
    display: none
}

.brick.is-locked .brick__image::after,
.brick-wrapper.is-locked .brick__image::after {
    background-color: rgba(0, 0, 0, 0.1)
}

.brick.is-locked .brick__lock,
.brick-wrapper.is-locked .brick__lock {
    display: block
}

.brick__image {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #e6ecf2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.brick__image::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border: 1px solid rgba(0, 0, 0, 0.02);
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.brick__image>svg,
.brick__image>img,
.brick__image>.img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.brick__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.brick__content .brick__text {
    margin: 3px 0
}

.brick-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-align: center
}

.brick-wrapper>.brick {
    display: block;
    margin: auto
}

.brick~.brick__name,
.brick~.brick__info,
.brick~.brick__label {
    max-width: 65px;
    margin: 10px 0 0 0
}

.brick--lg~.brick__name,
.brick--lg~.brick__info,
.brick--lg~.brick__label {
    max-width: 90px;
    margin: 10px 0 0 0
}

.brick__name {
    display: inline-block;
    position: relative;
    font-size: 0;
    line-height: 0
}

.brick__name_ {
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.brick__name_:empty:before {
    content: '\00a0'
}

.brick__name_:not(:only-child) {
    padding: 0 12px
}

.brick__name>.verify-status,
.brick__name>.online-status {
    position: absolute;
    margin: auto
}

.brick__name>.verify-status {
    top: 2px;
    left: 0
}

.brick__name>.online-status {
    top: 2px;
    right: 0
}

.brick__info {
    font-size: 0;
    line-height: 0
}

.brick__info_ {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9aa3ab
}

.brick__name+.brick__info {
    margin: -3px 0 0
}

.brick__label {
    font-size: 0;
    line-height: 0
}

.brick__label_ {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px
}

.brick--border::before {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 2px solid #fff
}

.brick--halo::before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border: 2px solid #7bb3ff
}

.brick--action .brick__image::after {
    background-color: rgba(37, 108, 245, 0.5)
}

.brick--more .brick__image::after {
    background-color: rgba(0, 0, 0, 0.1)
}

.brick__petal {
    width: 20px;
    height: 20px
}

.brick__petal .brick,
.brick__petal .icon-svg {
    display: block
}

.brick>svg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.brick>.brick__petal,
.brick>.brick,
.brick>.icon-svg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.brick>.brick__petal--br,
.brick>.brick--br,
.brick>.icon-svg--br,
.brick>.mark--br {
    -webkit-transform: translate(23px, 23px);
    transform: translate(23px, 23px)
}

.brick--sm>.brick__petal--br,
.brick--sm>.brick--br,
.brick--sm>.icon-svg--br,
.brick--sm>.mark--br {
    -webkit-transform: translate(16px, 16px);
    transform: translate(16px, 16px)
}

.brick--lg>.brick__petal--br,
.brick--lg>.brick--br,
.brick--lg>.icon-svg--br,
.brick--lg>.mark--br {
    -webkit-transform: translate(32px, 32px);
    transform: translate(32px, 32px)
}

.brick--xlg>.brick__petal--br,
.brick--xlg>.brick--br,
.brick--xlg>.icon-svg--br,
.brick--xlg>.mark--br {
    -webkit-transform: translate(49px, 49px);
    transform: translate(49px, 49px)
}

.brick>.brick__petal--bc,
.brick>.brick--bc,
.brick>.icon-svg--bc {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.brick>.icon-svg--bc:nth-last-of-type(3) {
    z-index: 3;
    margin-left: -18px
}

.brick>.icon-svg--bc:nth-last-of-type(3)~.icon-svg--bc {
    z-index: 2
}

.brick>.icon-svg--bc:nth-last-of-type(3)~.icon-svg--bc:last-child {
    z-index: 1;
    margin-left: 18px
}

.brick>.icon-svg--lg.icon-svg--bc:nth-last-of-type(3) {
    z-index: 3;
    margin-left: -25px
}

.brick>.icon-svg--lg.icon-svg--bc:nth-last-of-type(3)~.icon-svg--bc {
    z-index: 2
}

.brick>.icon-svg--lg.icon-svg--bc:nth-last-of-type(3)~.icon-svg--bc:last-child {
    z-index: 1;
    margin-left: 25px
}

.brick>.mark--bc {
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.brick>.brick__petal--br::before,
.brick>.brick--br::before,
.brick>.brick--bc::before,
.brick>.brick--bl::before,
.brick>.icon-svg--br::before,
.brick>.icon-svg--bc::before,
.brick>.icon-svg--bl::before {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: '';

-webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;

}

.brick>.brick>.icon-svg {
    border: none;
    background: none
}

.brick>.mark {
    z-index: 1;
    border-color: #fff
}

.brick>.icon-spp {
    width: 34px;
    height: 34px
}

.brick>.icon-spp::before {
    border: none;
    background: none
}

.brick-group {
    display: inline-block;
    position: relative
}

.brick-group-wrapper[class*='brick-group-wrapper--'] .brick-group {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.brick-group-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.brick-group-wrapper--lg {
    height: 110px;
    margin-bottom: 55px
}

.brick-group-wrapper--xlg {
    height: 130px;
    margin-bottom: 80px
}

.brick-group-wrapper::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.brick-group-wrapper--attention-boost::before {
    background: #ff8201
}

.brick-group-wrapper--bundle-sale::before {
    background-color: #191919
}

.brick-group-wrapper--chat-with-tired::before {
    background: #fe7900
}

.brick-group-wrapper--chat-with-newbies::before {
    background: #86c313
}

.brick-group-wrapper--crush::before {
    background: #ee203c
}

.brick-group-wrapper--extra-shows::before {
    background: #00caab
}

.brick-group-wrapper--favourites::before {
    background: #ffc831
}

.brick-group-wrapper--invisible-mode::before {
    background: #08b5fd
}

.brick-group-wrapper--gifts::before {
    background: #fff
}

.brick-group-wrapper--liked-you::before {
    background: #ee203c
}

.brick-group-wrapper--riseup::before {
    background: #29cf29
}

.brick-group-wrapper--special-delivery::before {
    background: #191919
}

.brick-group-wrapper--spotlight::before {
    background: #2b8cfc
}

.brick-group-wrapper--spp::before {
    background: #ffcc00
}

.brick-group-wrapper--stickers::before {
    background: #fff
}

.brick-group-wrapper--undo::before {
    background: #9aa9c5
}

.brick-group--promo {
    min-width: 290px;
    text-align: center
}

.brick-group--promo>.brick:first-of-type:not(:only-child),
.brick-group--promo>.brick:last-of-type:not(:only-child) {
    z-index: 1
}

.brick-group--promo>.brick:nth-of-type(2n+2):not(:last-child) {
    z-index: 2
}

.brick-group--promo>.brick:nth-of-type(3n+3):not(:last-child) {
    z-index: 3
}

.brick-group--promo>.brick:nth-last-of-type(3):first-child~.brick:nth-child(2) {
    margin-right: -10px;
    margin-left: -10px
}

.brick-group--promo>.brick:nth-last-of-type(2):first-child~.brick--lg {
    margin-left: -25px
}

.brick-group--promo>.brick:nth-last-of-type(3):first-child~.brick--lg:nth-child(2) {
    margin-right: -15px;
    margin-left: -15px
}

.brick-group--promo>.brick:nth-last-of-type(3):first-child~.brick--xlg:nth-child(2) {
    margin-right: -15px;
    margin-left: -15px
}

@media all and (orientation:portrait) and (max-device-height:480px) {
    .brick-group-wrapper--lg {
        height: 90px;
        margin-bottom: 43px
    }
    .brick-group-wrapper--xlg {
        height: 101px;
        margin-bottom: 60px
    }
    .brick-group--promo>.brick--lg {
        width: 65px;
        height: 65px
    }
    .brick-group--promo>.brick--xlg {
        width: 100px;
        height: 100px
    }
}

@media all and (orientation:landscape) {
    .brick-group-wrapper--lg {
        height: 90px;
        margin-bottom: 38px
    }
    .brick-group-wrapper--xlg {
        height: 91px;
        margin-bottom: 50px
    }
    .brick-group--promo>.brick:nth-last-of-type(2):first-child~.brick--lg {
        margin-left: -16px
    }
    .brick-group--promo>.brick:nth-last-of-type(3):first-child~.brick--lg:nth-child(2) {
        margin-right: -16px;
        margin-left: -16px
    }
    .brick-group--promo>.brick {
        width: 55px;
        height: 55px
    }
    .brick-group--promo>.brick--xlg {
        width: 80px;
        height: 80px
    }
}

.brick-group--cascade {
    text-align: center
}

.brick-group--cascade .brick,
.brick-group--cascade .brick--md {
    margin: 0 -9px
}

.brick-group--cascade .brick--xsm {
    margin: 0 -5px
}

.brick-group--cascade .brick--sm {
    margin: 0 -6px
}

.brick-group--cascade .brick--lg {
    margin: 0 -12px
}

.brick-group--cascade.brick-group--cascade-reverse .brick:nth-child(1) {
    z-index: 6
}

.brick-group--cascade.brick-group--cascade-reverse .brick:nth-child(2) {
    z-index: 5
}

.brick-group--cascade.brick-group--cascade-reverse .brick:nth-child(3) {
    z-index: 4
}

.brick-group--cascade.brick-group--cascade-reverse .brick:nth-child(4) {
    z-index: 3
}

.brick-group--cascade.brick-group--cascade-reverse .brick:nth-child(5) {
    z-index: 2
}

.brick-group--cascade.brick-group--cascade-reverse .brick:nth-child(6) {
    z-index: 1
}

.brick-group>.brick--br {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 !important
}

.brick-group>.brick::before {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 2px solid #fff
}

.brick-group--promo>.brick::before {
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 3px solid #fff
}

.brick-group--cascade>.brick--sm+.icon-svg--sm {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto
}

.brick-group--cascade>.brick--sm+.brick--br,
.brick-group--cascade>.brick--sm+.icon-svg--br {
    -webkit-transform: translate(16px, 16px);
    transform: translate(16px, 16px)
}

.brick-group>.icon-svg--br {
    position: absolute;
    right: 0;
    bottom: 0
}

.brick-group>.icon-svg--br::before,
.brick-group>.icon-svg--bc::before,
.brick-group>.icon-svg--bl::before {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: '';
    border: 2px solid #fff;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff
}

.brick-group>.mark {
    position: absolute;
    border-color: #fff
}

.brick-group>.mark--br {
    right: -2px;
    bottom: -2px
}

.mark {
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 0;
    vertical-align: middle
}

.mark__text {
    display: block;
    padding: 0 3px
}

.mark {
    font-weight: 400;
    min-width: 14px;
    border: 2px solid transparent;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    font-size: 9px;
    line-height: 20px
}

.mark--sm {
    min-width: 10px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    font-size: 9px;
    line-height: 16px
}

body.android .mark {
    min-width: 12px;
    padding-top: 2px;
    line-height: 16px
}

body.android .mark--sm {
    min-width: 10px;
    line-height: 15px
}

.mark {
    background: #ee203c;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff
}

.mark--blue {
    background: #191919;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #fff
}

.online-status {
    display: none;
    position: relative;
    width: 10px;
    height: 10px;
    vertical-align: middle
}

.profile-user-info__status>.online-status {
    width: 6px;
    height: 6px
}

.online-status::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    content: "";
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.online-status--online,
.online-status--idle,
.online-status--offline {
    display: inline-block
}

.online-status--online::before {
    background: #59c449 !important;
}

.online-status--idle::before {
    background: #fc0
}

.online-status--offline::before {
    background: #bcc4cc
}

.switcher {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.switcher input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.switcher label {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 35px;
    height: 20px;
    background: #cdd7de;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.switcher label::before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #fff;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    content: ''
}

.switcher label::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    cursor: pointer;
    content: ''
}

.switcher input:checked+label {
    background: #35b122
}

.switcher input:checked+label::before {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0)
}

.carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.carousel-page {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.carousel--centered .carousel-page {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.carousel--overlap .carousel-page {
    width: 90%
}

.carousel-index {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 15px 0
}

.carousel-index .carousel-index__item {
    width: 6px;
    height: 6px;
    margin: 0 3px;
    opacity: .3;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #5e6773;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.carousel-index .carousel-index__item.is-active {
    opacity: 1
}

.progress {
    position: relative;
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e8edf1
}

.progress__bar {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background: #191919
}

.new-tooltip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 100%;
    min-width: 290px;
    margin-bottom: 15px;
    -webkit-transition: margin .2s, visibility .2s, opacity .2s;
    transition: margin .2s, visibility .2s, opacity .2s
}

.windows .new-tooltip {
    -webkit-transition: none;
    transition: none
}

.old-android-webkit .new-tooltip {
    -webkit-transition: none;
    transition: none
}

@media (orientation:portrait) and (min-device-width:320px) {
    .new-tooltip {
        min-width: 240px
    }
}

@media (orientation:portrait) and (min-device-width:375px) {
    .new-tooltip {
        min-width: 280px
    }
}

@media (orientation:portrait) and (min-device-width:414px) {
    .new-tooltip {
        min-width: 310px
    }
}

.new-tooltip .new-tooltip_ {
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3)
}

.new-tooltip .new-tooltip_::before {
    position: absolute;
    top: 100%;
    left: 14px;
    width: 6px;
    height: 6px;
    content: '';
    background: #fff;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}

.new-tooltip .new-tooltip__content {
    position: relative;
    padding: 10px;
    background: #fff;
    color: #333844
}

.new-tooltip .new-tooltip__content:only-of-type {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.new-tooltip .new-tooltip__content:not(:only-of-type):first-of-type {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.new-tooltip .new-tooltip__content:not(:only-of-type):last-of-type {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.new-tooltip.is-invisible {
    margin-bottom: 25px
}

.new-tooltip.is-visible {
    z-index: 999
}

.new-tooltip.new-tooltip--tr {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 0;
    left: auto
}

.new-tooltip.new-tooltip--tr .new-tooltip_::before {
    right: 14px;
    left: auto;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.new-tooltip.new-tooltip--complex .new-tooltip_::before {
    background: #fafafa
}

.new-tooltip.new-tooltip--complex .new-tooltip__content:last-of-type {
    border-top: 1px solid #e6ecf2;
    background: #fafafa
}

.new-tooltip.new-tooltip--with-blocker.is-visible::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.button {
    font-weight: 400;
    display: block;
    position: relative;
    width: 100%;
    max-width: 385px;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

body.android .button {
    padding-top: 2px
}

.button.disabled,
.button:disabled {
    background-color: #d6d9dc;
    color: #fff !important;
}

.button+.button {
    margin-top: 10px
}

.button__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.button__icon {
    display: block
}

.button__icon>.icon-svg {
    display: block
}

.button__text {
    display: block
}

.button__icon+.button__text {
    margin-left: 7px
}

.button--sm {
    height: 34px
}

.button--lg {
    height: 46px
}

.button .icon {
    position: relative
}

.button--primary {
    background-color: #191919 !important;
    color:#fff !important;
}

.button--secondary {
    background-color: #9aa3ab !important;
}

.button--destructive {
    background-color: #ee203c !important;
}

.button--border-only {
    border: 2px solid #fff;
    background-color: transparent !important;
}

.button--border-only:disabled,
.button--border-only.disabled {
    opacity: .6
}

.button--stroke {
    border: 1px solid #9aa3ab;
    background: #fff;
    color: #787f85
}

.button--stroke:disabled,
.button--stroke.disabled {
    border-color: transparent
}

.button--billing-green {
    background-color: #35b122 !important;
}

.button--facebook {
    background-color: #2e62d7 !important;
}

.button--vkontakte {
    background-color: #2470b5 !important;
}

.button--odnoklassniki {
    background-color: #fb881c !important;
}

.button--google {
    background-color: #e24a34 !important;
}

.button--instagram {
    background-color: #3071ac !important;
}

.button--linkedin {
    background-color: #00679b !important;
}

.button--twitter {
    background-color: #00abff !important;
}

.button--phone {
    background-color: #2aba3f !important;
}

.button--add-photo {
    background-color: #191919 !important;
}

.button--attention-boost {
    background-color: #ff8201 !important;
} z

.button--bundle-sale {
    background-color: #191919 !important;
}

.button--chat-with-tired {
    background-color: #fe7900 !important;
}

.button--chat-with-newbies {
    background-color: #86c313 !important;
}

.button--chat-quota {
    background-color: #21c2f8 !important;
}

.button--criteria {
    background-color: #191919 !important;
}

.button--crush {
    background-color: #ee203c !important;
}

.button--extra-shows {
    background-color: #00caab !important;
}

.button--favourites {
    background-color: #ffc831 !important;
}

.button--invisible-mode {
    background-color: #08b5fd !important;
}

.button--liked-you {
    background-color: #ee203c !important;
}

.button--photo-of-the-day {
    background-color: #191919 !important;
}

.button--riseup {
    background-color: #29cf29 !important;
}

.button--special-delivery {
    background-color: #191919 !important;
}

.button--spotlight {
    background-color: #2b8cfc !important;
}

.button--spp {
    background-color: #ffcc00 !important;
}

.button--undo {
    background-color: #9aa9c5 !important;
}

.button--gradient-blue,
.button--gradient-blue-0 {
    background-color: #191919 !important;
}

.button--gradient-blue+.button--gradient-blue,
.button--gradient-blue-1 {
    background-color: #0094e9 !important;
}

.button--gradient-blue+.button--gradient-blue+.button--gradient-blue,
.button--gradient-blue-2 {
    background-color: #00c2cd !important;
}

.button--f-club {
    background-color: #fc2b2b !important;
}

.button>.button__loader {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 40px;
    height: 40px
}

.button.is-loading {
    color: transparent
}

.button.is-loading>.button__content {
    opacity: 0
}

.button.is-loading>.button__loader {
    display: block;
    opacity: 1;
    color: #fff
}

.button::before {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    content: ''
}

.button.is-pressed::before {
    display: block;
    background: rgba(0, 0, 0, 0.1)
}

.button.is-loading.disabled::before,
.button.is-pressed.disabled::before,
.button.is-pressed:disabled::before {
    display: none
}

.button-wrapper {
    position: relative;
    max-width: 375px;
    margin: 0 auto;
    padding: 10px 15px;
    text-align: center
}

.button-wrapper+.button-wrapper {
    padding-top: 0
}

.button-wrapper:empty {
    display: none
}

.button-wrapper.is-hidden {
    display: none
}

.button-wrapper .button:not(:last-child) {
    margin-bottom: 10px
}

.button-wrapper .button-row .button:not(:last-child) {
    margin-bottom: initial
}

.button-row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 345px;
    margin: 0 auto
}

.button-row .button {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 0
}

.button-row .button+.button {
    margin-left: 10px
}

.button-row+.button,
.button-row+.inline-button,
.button+.button-row,
.inline-button+.button-row {
    margin-top: 10px
}

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

.button-text {
    font-size: 16px;
    color: #191919;
    background: transparent;
    -webkit-transition: color .5s;
    transition: color .5s
}

.button-text:disabled {
    color: #9aa3ab
}

.button-text.default {
    color: #191919
}

.button-text.dark {
    color: #5e6773
}

.button-text.transparent {
    color: transparent
}

.button-close-cross {
    display: block;
    width: 50px;
    height: 50px
}

.button-close-cross::after {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    top: 15px;
    opacity: .2;
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -122px -297px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px
}

.button-close-cross.touched::after {
    opacity: .6
}

.inline-button {
    font-weight: 400;
    display: block;
    position: relative;
    max-width: 345px;
    height: 28px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    border: none;
    background: transparent;
    text-align: center;
    color: #5e6773
}

.inline-button:disabled {
    color: #9aa3ab
}

.inline-button::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ''
}

.old-android-webkit .inline-button {
    width: 100%
}

.inline-button__text {
    pointer-events: none
}

.inline-button--primary {
    color: #191919
}

.inline-button--sm {
    height: 26px;
    font-size: 13px;
    line-height: 16px
}

.inline-button+.button,
.button+.inline-button {
    margin-top: 10px
}

.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1)
}

.old-android-webkit .tabs {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0;
    min-height: 32px;
    padding: 6px 5px
}

.old-android-webkit .tab:nth-last-of-type(2):first-of-type,
.old-android-webkit .tab:nth-last-of-type(2):first-of-type~.tab {
    width: 50%
}

.old-android-webkit .tab:nth-last-of-type(3):first-of-type,
.old-android-webkit .tab:nth-last-of-type(3):first-of-type~.tab {
    width: 33.33%
}

.old-android-webkit .tab:nth-last-of-type(4):first-of-type,
.old-android-webkit .tab:nth-last-of-type(4):first-of-type~.tab {
    width: 25%
}

.tab .tab__icon {
    margin: 0 10px
}

.tab .tab__icon.tab__icon--active {
    display: none;
    color: #191919
}

.tab .tab__label {
    overflow: hidden;
    width: 100%;
    margin: 0;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    text-overflow: ellipsis
}

.android .tab .tab__label {
    position: relative;
    top: 1px
}

.tab .tab__icon+.tab__label {
    margin-top: 4px
}

.tab.is-active {
    color: #191919
}

.tab.is-active::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: '';
    background: currentColor
}

.tab.is-active .tab__icon--inactive {
    display: none
}

.tab.is-active .tab__icon--active {
    display: block
}

.tab.is-active .tab__label {
    color: #333844 !important
}

.tab--fit {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.old-android-webkit .tab--fit {
    width: auto !important
}

.tabs--scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.tabs--scrollable .tab {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.old-android-webkit .tabs--scrollable .tab {
    width: auto !important
}

.tabs--mops .tab .tab__label {
    color: #9aa3ab
}

.feature-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}

.feature-card.is-hidden {
    display: none
}

.feature-card__promo {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.feature-card__content {
    font-size: 15px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.feature-card__promo+.feature-card__content {
    margin-left: 15px
}

.feature-card__title {
    font-weight: 600;
    color: #333844
}

body.ios-font-helvetica .feature-card__title {
    font-weight: 500
}

body.android-font-system .feature-card__title {
    font-weight: 700
}

body.android-font-roboto-new .feature-card__title {
    font-weight: 500
}

.feature-card__text {
    color: #5e6773
}

.feature-card__title+.feature-card__text {
    margin-top: 4px
}

.feature-card__action {
    position: relative;
    color: #191919
}

.feature-card__action::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ''
}

.feature-card__title+.feature-card__action,
.feature-card__text+.feature-card__action {
    margin-top: 4px
}

.features-list {
    font-size: 15px;
    line-height: 20px;
    max-width: 345px;
    margin: 0 auto
}

.features-list--standalone {
    margin-top: 15px;
    margin-bottom: 15px
}

.features-list__title {
    font-weight: 600;
    margin: 0 0 15px 0;
    color: #333844;
    text-align: center
}

body.ios-font-helvetica .features-list__title {
    font-weight: 500
}

body.android-font-system .features-list__title {
    font-weight: 700
}

body.android-font-roboto-new .features-list__title {
    font-weight: 500
}

.features-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px 0
}

.features-list__item-image {
    position: relative;
    top: -5px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 12px 0 0
}

.features-list__item-details {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.features-list__item-details-summary {
    font-weight: 600;
    color: #5e6773
}

body.ios-font-helvetica .features-list__item-details-summary {
    font-weight: 500
}

body.android-font-system .features-list__item-details-summary {
    font-weight: 700
}

body.android-font-roboto-new .features-list__item-details-summary {
    font-weight: 500
}

.features-list__item-details-text {
    margin: 3px 0 0 0;
    color: #9aa3ab
}

.cta-box {
    font-size: 15px;
    line-height: 20px;
    position: relative;
    margin: 0 0 15px 0;
    padding: 15px 0 0 0;
    text-align: center
}

.cta-box .button-wrapper {
    display: block;
    width: auto;
    margin: 0;
    padding: 0
}

.cta-box .button-wrapper>.button,
.cta-box .button-wrapper>.button-row {
    max-width: none;
    margin: 0
}

.cta-box .button-wrapper>.button+.button,
.cta-box .button-wrapper>.button+.inline-button,
.cta-box .button-wrapper>.button-row+.button,
.cta-box .button-wrapper>.button-row+.inline-button {
    margin-top: 10px
}

.cta-box .cta-box__media {
    max-width: 345px;
    margin: 0 auto 15px auto;
    padding: 20px 10px 10px 10px
}

.cta-box .cta-box__header {
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    max-width: 345px;
    margin: 0 auto 15px auto;
    padding: 0 10px;
    color: #333844
}

.cta-box .cta-box__header:only-child {
    margin-bottom: 0
}

.cta-box .cta-box__header--sm {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400
}

.cta-box .cta-box__header--xsm {
    font-weight: 600;
    font-size: 17px;
    line-height: 21px
}

body.ios-font-helvetica .cta-box .cta-box__header--xsm {
    font-weight: 500
}

body.android-font-system .cta-box .cta-box__header--xsm {
    font-weight: 700
}

body.android-font-roboto-new .cta-box .cta-box__header--xsm {
    font-weight: 500
}

.cta-box .cta-box__content {
    max-width: 345px;
    margin: 0 auto 15px auto;
    padding: 0 10px;
    color: #5e6773
}

.cta-box .cta-box__content:only-child {
    margin-bottom: 0
}

.cta-box .cta-box__content--wide {
    max-width: none;
    padding-right: 0;
    padding-left: 0
}

.cta-box .cta-box__buttons {
    max-width: 345px;
    margin: 0px auto 0 auto
}

.cta-box .cta-box__buttons:first-child {
    margin-top: 0
}

.cta-box .cta-box__buttons--limited {
    max-width: 240px;
    margin-right: auto;
    margin-left: auto
}

.cta-box .cta-box__additional {
    font-size: 12px;
    line-height: 15px;
    max-width: 345px;
    margin: 15px auto 0 auto;
    padding: 0 10px;
    color: #9aa3ab
}

.cta-box .cta-box__additional:empty {
    display: none
}

.cta-box .cta-box__additional.cta-box__additional--prominent {
    color: #5e6773;
    font-size: 13px;
    line-height: 16px
}

.cta-box .cta-box__additional a {
    color: inherit;
    text-decoration: underline
}

.cta-box .brick-group--promo {
    margin-right: -10px;
    margin-left: -10px
}

.cta-box.cta-box--compact .cta-box__media {
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 5px
}

.cta-box.cta-box--compact .cta-box__header {
    margin-bottom: 10px
}

.cta-box.cta-box--compact .cta-box__header:only-child {
    margin-bottom: 0
}

.cta-box.cta-box--compact .cta-box__buttons {
    margin-top: 15px
}

.cta-box.cta-box--compact .cta-box__additional {
    margin-top: 10px
}

@media all and (max-height:400px),
all and (orientation:landscape) and (max-height:600px) {
    .cta-box .cta-box__media {
        margin-bottom: 10px;
        padding-top: 15px;
        padding-bottom: 5px
    }
    .cta-box .cta-box__header {
        margin-bottom: 10px
    }
    .cta-box .cta-box__header:only-child {
        margin-bottom: 0
    }
    .cta-box .cta-box__buttons {
        margin-top: 15px
    }
    .cta-box .cta-box__additional {
        margin-top: 10px
    }
}

.interest-bubble {
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font-size: 15px;
    line-height: 20px;
    color: #5e6773;
    display: inline-block;
    position: relative;
    padding: 4px 15px 5px 10px;
    margin: 0 5px 5px 0
}

.interest-bubble.light,
.dark-theme .interest-bubble {
    color: #e6ecf2
}

.interest-bubble.matched {
    background-color: #e6ecf2
}

.interest-bubble.ellipsis {
    background-color: #e6ecf2;
    width: 30px;
    position: relative;
    content: "."
}

.interest-bubble.ellipsis::before {
    content: "";
    position: absolute;
    background-image: url("img/sprite-critical.png?v=24695168");
    background-position: -44px -68px;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    width: 13px;
    height: 3px;
    margin-left: -6px;
    margin-top: -1px;
    left: 50%;
    top: 50%
}

.add-custom-interest {
    display: block;
    padding: 15px
}

.section-footer-effect {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 901;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 0px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(255, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255,1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    opacity: 1
}

.profile-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 901;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 10px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 100%);
    opacity: 1
}

.profile-action {
    position: relative;
    margin: 15px 20px;
    width: 75px;
    height: 75px;
    pointer-events: all
}

.profile-action .icon-svg_ {
    position: absolute;
    top: 0;
    left: 0
}

.profile-action .icon-svg__active {
    display: none
}

.profile-action.is-pressed .icon-svg__inactive,
.profile-action.is-active .icon-svg__inactive {
    display: none
}

.profile-action.is-pressed .icon-svg__active,
.profile-action.is-active .icon-svg__active {
    display: block
}

.profile-action.is-active-fadeout .icon-svg__inactive {
    display: block
}

.profile-action.is-active-fadeout .icon-svg__active {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.profile-action.is-disabled .icon-svg {
    opacity: .5
}

.profile-action.is-hidden {
    display: none
}

.profile-action-undo {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 32px;
    height: 32px;
    pointer-events: all
}

.profile-action-undo__tooltip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: -5px;
    bottom: 100%;
    min-width: 208px;
    min-width: 65vw;
    margin-bottom: 12px;
    pointer-events: all
}

.profile-action-undo__tooltip::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.profile-action-undo__tooltip::after {
    position: absolute;
    top: 100%;
    right: 0;
    width: 40px;
    height: 10px;
    content: '';
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #fff;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%)
}

.profile-action-undo__tooltip-text {
    font-size: 12px;
    line-height: 15px;
    position: relative;
    z-index: 1;
    margin: 1px;
    padding: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    color: #5e6773
}

@media all and (orientation:landscape) {
    .profile-action-undo__tooltip {
        min-width: 215px;
        min-width: 38vw
    }
}

.profile-action-crush {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 32px;
    height: 32px;
    pointer-events: all
}

.profile-action-chat {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 32px;
    height: 32px;
    pointer-events: all
}

.profile-top-meta {
    position: absolute;
    z-index: 901;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 100%);
    opacity: 1
}

.visiting-source {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    padding: 10px 15px;
    pointer-events: all
}

.visiting-source__icon {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px
}

.visiting-source__icon .icon-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px
}

.visiting-source__icon::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    will-change: transform, opacity
}

.visiting-source--spotlight .visiting-source__icon::before {
    background-color: #2b8cfc
}

.visiting-source--extra-shows .visiting-source__icon::before {
    background-color: #00caab
}

.visiting-source--riseup .visiting-source__icon::before {
    background-color: #29cf29
}

.visiting-source--attention-boost .visiting-source__icon::before {
    background-color: #ff8201
}

@-webkit-keyframes visiting-source-icon-glow {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20%,
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@keyframes visiting-source-icon-glow {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20%,
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

.visiting-source__icon.is-glowing::before {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-name: visiting-source-icon-glow;
    animation-name: visiting-source-icon-glow;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.visiting-source__content-wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 0 0 0 10px;
    padding: 2px 0;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.visiting-source__content {
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    will-change: transform, opacity
}

.visiting-source__content.is-above {
    opacity: 0;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.visiting-source__content.is-below {
    opacity: 0;
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

.gallery,
.slides-container,
.slides-list,
.slide-item {
    height: 100%
}

.gallery {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden
}

.slides-list {
    overflow: visible;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

.slides-list.has-transition {
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.slides-list.overflow .slide-item {
    overflow: visible
}

.slides-list.overflow [data-slide-index="0"] {
    z-index: 1003
}

.slides-list.overflow [data-slide-index="1"] {
    z-index: 1002
}

.slides-list.overflow [data-slide-index="2"] {
    z-index: 1001
}

.slides-list.overflow [data-slide-index="3"] {
    z-index: 1000
}

.slide-item {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.slide-item.show-loading {
    height: 50%;
    position: relative;
    text-align: center
}

.gallery-photo {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.restricted-0 .carousel-overlay,
.restricted-2 .carousel-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.carousel-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.3) 100%);
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 899;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    -webkit-transition: opacity 0ms ease-out 0ms;
    transition: opacity 0ms ease-out 0ms
}

.carousel-overlay.transparent {
    -webkit-transition: opacity 0ms ease-in 0ms;
    transition: opacity 0ms ease-in 0ms
}

.profile-top-section .carousel-overlay {
    padding-bottom: 85px
}

.fullscreenView .carousel-overlay {
    position: fixed;
    z-index: 900;
    -webkit-transform: translate3d(0, 0, 200px);
    transform: translate3d(0, 0, 200px)
}

.fullscreen-gallery .profile-wrapper {
    -webkit-transform: translate3d(0, -48px, 0);
    transform: translate3d(0, -48px, 0)
}

.scrollbar {
    position: relative;
    z-index: 1;
    bottom: 8px;
    width: 100%;
    height: 0;
    padding: 0 5px
}

.scrollbar .scrollbar-el {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: 3px
}

.profile-parent-view {
    width: 100%;
    min-height: 100%
}

.profiles-wrapper,
.multi-page-wrapper,
.multi-page-child {
    height: 100%;
    width: 100%;
    background: #fff;
    color: #fff
}

.instant .multi-page-child {
    -webkit-transition: -webkit-transform 1ms ease-in;
    transition: -webkit-transform 1ms ease-in;
    transition: transform 1ms ease-in;
    transition: transform 1ms ease-in, -webkit-transform 1ms ease-in
}

.single-profile-view {
    height: 100%
}

.profile-wrapper {
    position: relative
}

.profile-top-section {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #333844
}

@media all and (orientation:portrait) {
    .profile-top-section::after {
        display: block;
        padding-bottom: 100%;
        content: ''
    }
    .profile-top-section-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.profile-photo-placeholder {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.page.private-photos {
    background: #21262e
}

.page.private-photos::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit
}

.ios .page.private-photos::before {
    content: ''
}

.page.private-photos::after {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    top: auto;
    bottom: 0
}

.ios .page.private-photos::after {
    content: ''
}

.button--private-access {
    background: #5e6773;
    color: #fff;
    text-align: left
}

.button--private-access>.button__text {
    margin: 0 15px
}

.button--private-access>.counter {
    position: absolute;
    top: 13px;
    right: 28px;
    bottom: 14px;
    width: 16px;
    height: 16px;
    color: #9aa3ab;
    text-align: center;
    font-size: 12px;
    line-height: 15px
}

.button--private-access>.button__icon {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    color: #9aa3ab;
    text-align: left
}

.fullscreen-gallery .profile-top-section {
    height: 100vh
}

.ios8 .fullscreen-gallery .profile-top-section {
    height: 93vh
}

.fullscreen-gallery .profile-wrapper {
    -webkit-transform: translate3d(0, -48px, 0);
    transform: translate3d(0, -48px, 0)
}

.profile-bottom-section {
    position: relative;
    z-index: 1
}

.profile-bottom-section .profile-profile-info-wrapper {
    min-height: 28vh
}

.ios .profile-bottom-section .profile-profile-info-wrapper {
    min-height: 28vh
}

.profile-bottom-section .profile-info-skeleton {
    width: 100%;
    overflow: hidden;
    padding: 15px
}

.profile-bottom-section .profile-info-skeleton .skeleton-name,
.profile-bottom-section .profile-info-skeleton .skeleton-field {
    float: left;
    height: 10px;
    width: 80%;
    background: #e6ecf2;
    margin-bottom: 10px
}

.profile-bottom-section .profile-info-skeleton .skeleton-name {
    height: 22px;
    width: 60%
}

.profile-wrapper.bottom-open .carousel-overlay {
    opacity: 0
}

.show-male-lexums .female-lexum {
    display: none
}

.show-female-lexums .male-lexum {
    display: none
}

.user-avatar {
    margin: auto;
    height: 140px;
    position: relative;
    text-align: center
}

.user-avatar>* {
    margin: auto
}

.user-avatar .avatar-image-wrapper {
    position: relative;
    margin-bottom: 5px;
    overflow: hidden;
    z-index: 0
}

.user-avatar .avatar-image-wrapper::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url('img/no-sprite/avatar-placeholder.png');
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.user-avatar .avatar-image-wrapper+.avatar-text {
    margin-top: 8px
}

.user-avatar .avatar-icon {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 2px solid #fff;
    top: -17px;
    display: inline-block;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.user-avatar .avatar-icon.badge {
    top: -19px
}

.user-avatar .avatar-icon.badge+.avatar-text {
    top: -19px
}

.user-avatar .avatar-icon+.avatar-text {
    top: -22px
}

.user-avatar .avatar-icon.hidden+.avatar-text {
    top: 5px
}

.user-avatar .avatar-icon.dark-border {
    border: 2px solid #21262e
}

.user-avatar .avatar-icon.custom-icon {
    -webkit-background-size: cover;
    background-size: cover
}

.user-avatar .avatar-text {
    text-align: center;
    position: relative;
    font-size: 15px;
    line-height: 0
}

.user-avatar .avatar-label {
    max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    height: 20px;
    line-height: 20px
}

.user-avatar .avatar-label+.avatar-label {
    font-size: 12px;
    line-height: 15px;
    color: #9aa3ab
}

.user-avatar .indicators {
    font-weight: 400
}

.user-avatar .info {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 15px
}

.user-avatar.tiny {
    height: 75px
}

.user-avatar.tiny .avatar-text {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400
}

.user-avatar.tiny .avatar-text.light,
.dark-theme .user-avatar.tiny .avatar-text {
    color: #9aa3ab
}

.user-avatar.small {
    height: 95px
}

.user-avatar.large {
    height: 170px
}

.user-avatar.huge {
    height: 205px
}

.user-avatar.locked .avatar-image-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url("img/sprite-critical.png?v=24695168");
    background-position: -75px -43px;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    width: 14px;
    height: 19px;
    margin-left: -7px;
    margin-top: -9px
}

.user-avatar.white-border .avatar-image {
    border: 3px solid #fff
}

.user-avatar.icon-right.small .avatar-icon {
    top: -25px;
    right: -25px
}

.user-avatar.icon-right.small .avatar-icon.colourful-icon+.avatar-text {
    top: -25px
}

.selected .user-avatar .avatar-image::after {
    content: '';
    background: #191919;
    opacity: .7;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.pixelize .user-avatar.locked .avatar-image {
    -webkit-filter: none;
    filter: none
}

.avatar-list {
    padding: 15px 10px 0 10px;
    width: 100%;
    overflow: hidden
}

.avatar-list:not(.continuous)::after {
    content: '';
    background-color: #e6ecf2;
    display: block;
    height: 1px;
    margin: 0 15px
}

.avatar-list:not(.continuous):last-child {
    padding-bottom: 15px
}

.avatar-list:not(.continuous):last-child::after {
    display: none
}

.avatar-list-title {
    color: #333844;
    padding: 0 15px 15px
}

.avatar-list-action-button {
    height: 140px
}

.avatar-list-action-button button {
    display: block;
    margin: auto
}

.avatar-list-action-button .avatar-list-more {
    color: #9aa3ab
}

.avatar-list-action-button .product-button-info {
    color: #14171b;
    font-weight: 600
}

body.ios-font-helvetica .avatar-list-action-button .product-button-info {
    font-weight: 500
}

body.android-font-system .avatar-list-action-button .product-button-info {
    font-weight: 700
}

body.android-font-roboto-new .avatar-list-action-button .product-button-info {
    font-weight: 500
}

.avatar-list-action-button .info {
    text-align: center;
    top: 9px;
    position: relative;
    font-size: 15px;
    line-height: 16px;
    display: block
}

.avatar-list-action-button .wrapper {
    height: 90px;
    width: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    background: #14171b
}

.avatar-list-action-button .wrapper::before {
    content: "...";
    font-size: 42px;
    margin: 31px 28px;
    line-height: 0;
    letter-spacing: 4px;
    color: #fff;
    z-index: 999;
    text-align: center;
    position: absolute;
    pointer-events: none
}

.avatar-list-action-button .more-available {
    height: 90px;
    width: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    -webkit-background-size: cover;
    background-size: cover;
    border: 0 none;
    opacity: .5
}

.avatar-list-action-button .more-available+.info {
    color: #9aa3ab
}

.locked~.avatar-list-action-button .more-available {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: .99
}

.avatar-list:not(.continuous) .avatar-columns>.medium {
    float: left;
    width: 50%;
    margin-bottom: 10px
}

@media (min-width:300px) {
    .avatar-list:not(.continuous) .avatar-columns>.medium {
        width: 33.3%
    }
}

@media (min-width:400px) {
    .avatar-list:not(.continuous) .avatar-columns>.medium {
        width: 25%
    }
}

@media (min-width:500px) {
    .avatar-list:not(.continuous) .avatar-columns>.medium {
        width: 20%
    }
}

.avatar-list.continuous {
    z-index: 1
}

.avatar-list.continuous .user-avatar {
    position: absolute;
    float: none
}

.avatar-list.continuous .avatar-columns {
    height: 100%
}

.avatar-list.continuous .avatar-columns .list-item {
    position: relative
}

.avatar-list.continuous .user-avatar.medium {
    width: 50%
}

.avatar-list.continuous .user-avatar.medium.left {
    left: 0
}

.avatar-list.continuous .user-avatar.medium.right {
    right: 0
}

.avatar-list.continuous .avatar-columns.three-columns .user-avatar.medium {
    width: 33.3%
}

.avatar-list.continuous .avatar-columns.three-columns .user-avatar.medium.center {
    left: 50%;
    margin-left: -16.67%
}

.avatar-list.continuous .avatar-columns.four-columns .user-avatar.medium {
    width: 25%
}

.avatar-list.continuous .avatar-columns.four-columns .user-avatar.medium.left+.center {
    left: 25%
}

.avatar-list.continuous .avatar-columns.four-columns .user-avatar.medium.center {
    left: 50%
}

.avatar-list.continuous .avatar-columns.five-columns .user-avatar.medium {
    width: 20%
}

.avatar-list.continuous .avatar-columns.five-columns .user-avatar.medium.left+.center {
    left: 20%
}

.avatar-list.continuous .avatar-columns.five-columns .user-avatar.medium.left+.center+.center {
    left: 40%
}

.avatar-list.continuous .avatar-columns.five-columns .user-avatar.medium.center {
    left: 60%
}

.continuous-folder {
    width: 100%
}

.continuous-folder.no-more-data .infinite-scroll-spinner {
    display: none
}

@media (min-width:300px) and (max-width:399.5px) {
    .radial:not(.continuous) .avatar-columns>.medium:nth-child(3n-1) {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }
}

@media (min-width:400px) and (max-width:499.5px) {
    .radial:not(.continuous) .avatar-columns>.medium:nth-child(4n-2) {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }
    .radial:not(.continuous) .avatar-columns>.medium:nth-child(4n-1) {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }
}

@media (min-width:500px) {
    .radial:not(.continuous) .avatar-columns>.medium:nth-child(5n-3),
    .radial:not(.continuous) .avatar-columns>.medium:nth-child(5n-1) {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }
    .radial:not(.continuous) .avatar-columns>.medium:nth-child(5n-2) {
        -webkit-transform: translateY(140px);
        transform: translateY(140px)
    }
}

.radial.continuous .avatar-columns.three-columns .center,
.radial.continuous .avatar-columns.four-columns .center {
    margin-top: -70px
}

.radial.continuous .avatar-columns.five-columns .center {
    margin-top: 0
}

.radial.continuous .avatar-columns.five-columns .left+.center+.center,
.radial.continuous .avatar-columns.five-columns .left,
.radial.continuous .avatar-columns.five-columns .right {
    margin-top: -70px
}

.spotlight-heading {
    font-size: 12px;
    line-height: 15px;
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    padding: 5px 10px;
    color: #c9c7c7;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #2E2E2E;
    text-align: center
}

.spotlight-heading__title {
    font-weight: 600;
    color: #fff
}

body.ios-font-helvetica .spotlight-heading__title {
    font-weight: 500
}

body.android-font-system .spotlight-heading__title {
    font-weight: 700
}

body.android-font-roboto-new .spotlight-heading__title {
    font-weight: 500
}

.spotlight-users {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 500px;
    margin: 15px auto 0 auto
}

.old-android-webkit .spotlight-users {
    display: block
}

.spotlight-users .spotlight-users__item {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 0 10px 0;
    padding: 0 5px;
    text-align: center;
    vertical-align: top
}

.spotlight-users .spotlight-users__item:nth-of-type(n) {
    display: none;
    width: 50%
}

.spotlight-users .spotlight-users__item:nth-of-type(-n + 14) {
    display: inline-block
}

.spotlight-users .spotlight-users__item .brick {
    background: transparent
}

@media (orientation:portrait) and (min-width:350px),
(min-width:520px) {

}

.spotlight-users .spotlight-users__item .brick .brick__image {
    background-color: transparent
}

.spotlight-users .spotlight-users__item .brick img[src=''] {
    visibility: hidden
}

@media (min-width:450px) {
    .spotlight-users .spotlight-users__item:nth-of-type(n) {
        display: none;
        width: 33.3333%
    }
    .spotlight-users .spotlight-users__item:nth-of-type(-n + 15) {
        display: inline-block
    }
}

.old-android-webkit .spotlight-users .spotlight-users__item {
    display: inline-block
}

.spotlight-users .spotlight-users__plus {
    width: 30px;
    height: 30px
}

@media (orientation:portrait) and (min-width:350px),
(min-width:520px) {
    .spotlight-users .spotlight-users__plus {
        width: 40px;
        height: 40px
    }
}

@-webkit-keyframes spotlight-add-rotate {
    0% {
        -webkit-transform: translateZ(30px) scale(1) rotate3d(0, 1, 0, 0deg);
        transform: translateZ(30px) scale(1) rotate3d(0, 1, 0, 0deg);
        opacity: 1
    }
    50% {
        -webkit-transform: translateZ(30px) scale(.8) rotate3d(0, 1, 0, 90deg);
        transform: translateZ(30px) scale(.8) rotate3d(0, 1, 0, 90deg);
        opacity: .6
    }
    100% {
        -webkit-transform: translateZ(30px) scale(1) rotate3d(0, 1, 0, 180deg);
        transform: translateZ(30px) scale(1) rotate3d(0, 1, 0, 180deg);
        opacity: 1
    }
}

@keyframes spotlight-add-rotate {
    0% {
        -webkit-transform: translateZ(30px) scale(1) rotate3d(0, 1, 0, 0deg);
        transform: translateZ(30px) scale(1) rotate3d(0, 1, 0, 0deg);
        opacity: 1
    }
    50% {
        -webkit-transform: translateZ(30px) scale(.8) rotate3d(0, 1, 0, 90deg);
        transform: translateZ(30px) scale(.8) rotate3d(0, 1, 0, 90deg);
        opacity: .6
    }
    100% {
        -webkit-transform: translateZ(30px) scale(1) rotate3d(0, 1, 0, 180deg);
        transform: translateZ(30px) scale(1) rotate3d(0, 1, 0, 180deg);
        opacity: 1
    }
}

.spotlight-users .spotlight-users__item--add:after {
    position: absolute;
    top: -15px;
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 7px solid #2E2E2E;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.spotlight-users .spotlight-users__item--add.is-animated .spotlight-users__plus {
    -webkit-animation-name: spotlight-add-rotate;
    animation-name: spotlight-add-rotate;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.spotlight-ripple {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spotlightRipple 3s ease-in infinite;
    animation: spotlightRipple 3s ease-in infinite;
    opacity: .4;
    border: 1em solid #2b8cfc;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #56b647;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    font-size: 32px
}

@-webkit-keyframes spotlightRipple {
    -3% {
        border: 0 solid #fc0;
        background: #2b8cfc
    }
    -2% {
        border: 0 solid #2b8cfc;
        background: #2b8cfc
    }
    -1% {
        border: 1em solid #2b8cfc;
        background: #2b8cfc
    }
    0 {
        border: 1em solid #2b8cfc;
        background: #56b647
    }
    30% {
        border: 0 solid #2b8cfc;
        background: #56b647
    }
    31% {
        border: 0 solid #56b647;
        background: #56b647
    }
    32% {
        border: 1em solid #56b647;
        background: #56b647
    }
    33% {
        border: 1em solid #56b647;
        background: #fc0
    }
    63% {
        border: 0 solid #56b647;
        background: #fc0
    }
    64% {
        border: 0 solid #fc0;
        background: #fc0
    }
    65% {
        border: 1em solid #fc0;
        background: #fc0
    }
    66% {
        border: 1em solid #fc0;
        background: #2b8cfc
    }
    97% {
        border: 0 solid #fc0;
        background: #2b8cfc
    }
    98% {
        border: 0 solid #2b8cfc;
        background: #2b8cfc
    }
    99% {
        border: 1em solid #2b8cfc;
        background: #2b8cfc
    }
    100% {
        border: 1em solid #2b8cfc;
        background: #56b647
    }
}

@keyframes spotlightRipple {
    -3% {
        border: 0 solid #fc0;
        background: #2b8cfc
    }
    -2% {
        border: 0 solid #2b8cfc;
        background: #2b8cfc
    }
    -1% {
        border: 1em solid #2b8cfc;
        background: #2b8cfc
    }
    0 {
        border: 1em solid #2b8cfc;
        background: #56b647
    }
    30% {
        border: 0 solid #2b8cfc;
        background: #56b647
    }
    31% {
        border: 0 solid #56b647;
        background: #56b647
    }
    32% {
        border: 1em solid #56b647;
        background: #56b647
    }
    33% {
        border: 1em solid #56b647;
        background: #fc0
    }
    63% {
        border: 0 solid #56b647;
        background: #fc0
    }
    64% {
        border: 0 solid #fc0;
        background: #fc0
    }
    65% {
        border: 1em solid #fc0;
        background: #fc0
    }
    66% {
        border: 1em solid #fc0;
        background: #2b8cfc
    }
    97% {
        border: 0 solid #fc0;
        background: #2b8cfc
    }
    98% {
        border: 0 solid #2b8cfc;
        background: #2b8cfc
    }
    99% {
        border: 1em solid #2b8cfc;
        background: #2b8cfc
    }
    100% {
        border: 1em solid #2b8cfc;
        background: #56b647
    }
}

@media (orientation:portrait) and (min-width:350px),
(min-width:520px) {
    .spotlight-ripple {

}
}

.windows .spotlight-ripple,
.old-android-webkit .spotlight-ripple {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    border-color: rgba(43, 140, 252, 0.7)
}

.spotlight-promo {
    display: block;
    max-width: 345px;
    margin: 15px auto 12px;
    color: #9aa3ab;
    text-align: center
}

.spotlight-promo__title {
    font-weight: 600;
    margin: 0 0 5px;
    text-align: center
}

body.ios-font-helvetica .spotlight-promo__title {
    font-weight: 500
}

body.android-font-system .spotlight-promo__title {
    font-weight: 700
}

body.android-font-roboto-new .spotlight-promo__title {
    font-weight: 500
}

.spotlight-promo__description {
    margin: 0 0 15px
}

.spotlight-promo__actions {
    margin: 0
}

.spotlight-promo .spotlight-promo__title,
.spotlight-promo--visits .spotlight-promo__title {
    color: #29cf29
}

.spotlight-promo .spotlight-promo__actions .button,
.spotlight-promo--visits .spotlight-promo__actions .button {
    background-color: #29cf29
}

.spotlight-promo--messages .spotlight-promo__title {
    color: #2b8cfc
}

.spotlight-promo--messages .spotlight-promo__actions .button {
    background-color: #2b8cfc
}

.spotlight-promo--photo .spotlight-promo__title {
    color: #fe7900
}

.spotlight-promo--photo .spotlight-promo__actions .button {
    background-color: #fe7900
}

.spotlight-cost {
    font-size: 12px;
    line-height: 15px;
    max-width: 345px;
    margin: 0 auto;
    color: #5e6773;
    text-align: center
}

.spotlight-rethink .spotlight-rethink__title {
    padding: 0 15px;
    color: #5e6773;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.spotlight-rethink .spotlight-rethink__users {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: -1;
    padding: 10px 15px 10px;
    -webkit-overflow-scrolling: touch
}

.spotlight-rethink .spotlight-rethink__user {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 65px;
    height: 65px
}

.spotlight-rethink .spotlight-rethink__user .spotlight-ripple {
    font-size: 32px
}

.spotlight-rethink.spotlight-rethink--sm .spotlight-rethink__user {
    width: 50px;
    height: 50px
}

.spotlight-rethink.spotlight-rethink--sm .spotlight-rethink__user .spotlight-ripple {
    font-size: 25px
}

.spotlight-rethink .spotlight-rethink__user+.spotlight-rethink__user {
    margin-left: 6px
}

.spotlight-rethink .spotlight-rethink__user:last-child {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-right: 15px
}

.spotlight-sharing__badge {
    position: relative;
    width: 100vw;
    height: 100vw;
    background: #2b8cfc;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.spotlight-sharing__providers {
    padding: 15px 0;
    text-align: center;
    color: #5e6773
}

.spotlight-sharing__providers_ {
    overflow: auto;
    white-space: nowrap
}

.spotlight-sharing__provider {
    margin: 0 10px
}

.spotlight-sharing__provider:first-child {
    margin-left: 25px
}

.spotlight-sharing__provider:last-child {
    margin-right: 25px
}

.spotlight-sharing__provider>.brick--sm~.brick__name,
.spotlight-sharing__provider>.brick--sm~.brick__info,
.spotlight-sharing__provider>.brick--sm~.brick__label {
    max-width: 65px;
    margin-right: -10px;
    margin-left: -10px
}

.button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 345px;
    margin: 10px auto;
    padding: 0 5px
}

.button-group .button {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 0
}

.button-group .button+.button {
    margin-left: 10px
}

.button-group.vertical {
    display: block
}

.button-group.vertical .button {
    margin: 0
}

.button-group.vertical .button+.button {
    margin-top: 10px
}

.button-group+.button-group {
    margin-top: 10px
}

.form-with-list .scrolling-list,
.form-with-list .form {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.form-with-list .scrolling-list,
.form-with-list .form {
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease
}

.form-with-list .scrolling-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.form-with-list .form {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 48px
}

.form-with-list.show-form .scrolling-list {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.form-with-list.show-form .form {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.form .full-screen-textarea {
    width: 100%;
    height: 100%;
    padding: 15px
}

.header-promo-block {
    overflow: hidden;
    padding: 0 15px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.dot {
    display: inline-block;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 1px
}

.small .dot {
    width: 10px;
    height: 10px
}

.large .dot {
    width: 20px;
    height: 20px
}

.dark .dot {
    background-color: #5e6773 !important;
}

.grey .dot {
    background-color: #c8cfd6 !important;
}

.light .dot {
    background-color: #fff !important;
}

.loader {
    height: 20px;
    text-align: center
}

.loader .first {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.comforta{
    font-family: 'Comfortaa', cursive !important;    
} 
.loader .second {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: .26s;
    animation-delay: .26s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.loader .third {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: .53s;
    animation-delay: .53s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.loader.centered {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.product-button {
    position: relative;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #191919;
    padding: 0;
    border: 0
}

.product-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #191919;
    opacity: .7;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.product-button .symbol-add {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    position: absolute;
    border: 1px solid #fff;
    z-index: 2
}

.product-button .symbol-add::before {
    content: "";
    width: 0;
    height: 18px;
    border-left: 2px solid #fff;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -1px;
    position: absolute;
    z-index: 1
}

.product-button .symbol-add::after {
    content: "";
    width: 18px;
    height: 0;
    border-top: 2px solid #fff;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -1px;
    position: absolute;
    z-index: 1
}

.product-button.medium {
    height: 90px;
    width: 90px
}

.product-button.symbol-check::after {
    content: '';
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -299px -275px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 21px;
    height: 16px;
    margin-left: -10px;
    margin-top: -8px
}

.search-input {
    position: relative
}

.search-input .text-input {
    width: 100%
}

.search-input input {
    padding: 15px
}

.search-input .search-input-reset {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 40px;
    opacity: .6
}

.search-input .search-input-reset:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    padding: 1px;
    background-image: url("img/sprite-critical.png?v=24695168");
    background-position: -25px -68px;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    margin-top: -7px
}

.blocking-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 46px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8;
    background: #fff
}

@media all and (orientation:landscape) and (max-width:767px) {
    .blocking-screen {
        position: static
    }
}

.blocking-screen__icon-wrapper {
    position: relative;
    width: 150px;
    height: 150px;
    margin: auto
}

@media all and (min-width:768px) {
    .blocking-screen__icon-wrapper {
        width: 300px;
        height: 300px
    }
}

@media all and (orientation:landscape) and (max-width:767px) {
    .blocking-screen__icon-wrapper {
        width: 120px;
        height: 120px
    }
}

.payment-options {
    background: #e6ecf2
}

.payment-options-form {
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    min-height: 320px
}

.payment-options-form::after,
.payment-options-form .payment-options-message::after {
    content: '';
    height: 1px;
    background: #9aa3ab;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0
}

.payment-options-form .message-text {
    overflow: hidden
}

.payment-options-form .image {
    float: left;
    width: 65px;
    height: 65px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px
}

.payment-options-form .payment-options-message {
    position: relative;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 10px
}

.payment-options-form .title {
    display: block;
    padding: 5px 0;
    font-weight: 600
}

body.ios-font-helvetica .payment-options-form .title {
    font-weight: 500
}

body.android-font-system .payment-options-form .title {
    font-weight: 700
}

body.android-font-roboto-new .payment-options-form .title {
    font-weight: 500
}

.payment-options-form .key {
    position: relative;
    float: right;
    text-transform: lowercase;
    font-weight: 400
}

.payment-options-form .key::before {
    content: '';
    left: 0;
    position: absolute;
    top: 50%
}

.payment-options-form .key.popular {
    padding-left: 16px
}

.payment-options-form .key.popular::before {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -331px -86px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    height: 10px;
    width: 11px;
    margin-top: -4px
}

@media (max-width:360px) {
    .payment-options-form .key.popular {
        display: block;
        float: none
    }
}

.payment-options-form .auto-top-up {
    color: #333844;
    position: relative;
    padding-top: 5px;
    padding-left: 30px;
    margin-bottom: 10px
}

.payment-options-form .checkbox {
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
    margin-top: -10px
}

.payment-options-form .button {
    margin-top: 10px;
    margin-bottom: 10px
}

.payment-options-form .terms-link {
    margin: 5px 0 10px;
    display: inline-block
}

.payment-options-form .centered-text {
    text-align: center
}

.payment-options-form .cancellation-terms {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #9aa3ab;
    text-align: center
}

.transactions .iframe-wrapper {
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.transactions {
    display: none;
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e6ecf2
}

.transactions.processing {
    display: block
}

.old-android-webkit .page.scrollable-page {
    overflow-y: scroll
}

.old-android-webkit .page.own-interests,
.old-android-webkit .page.vip-promos,
.old-android-webkit .page.own-profile {
    overflow-x: hidden
}

.section-title {
    display: block;
    padding: 25px 15px 15px 15px;
    font-size: 20px;
    line-height: 1em;
    font-weight: 600;
    color: #5e6773
}

body.ios-font-helvetica .section-title {
    font-weight: 500
}

body.android-font-system .section-title {
    font-weight: 700
}

body.android-font-roboto-new .section-title {
    font-weight: 500
}

.section-content {
    padding: 15px;
    background: #fff
}

.horizontal-scrolling-section {
    padding: 0 10px;
    white-space: nowrap;
    width: 100%;
    overflow: scroll
}

.horizontal-scrolling-section .item-wrapper {
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.horizontal-scrolling-section .four-cols {
    width: 25vw;
    max-width: 100px
}

.horizontal-scrolling-section .five-cols {
    width: 18vw;
    max-width: 80px
}

.horizontal-scrolling-section .element-name {
    white-space: normal
}

.promos {
    margin: 20px auto 0 auto;
    width: 90%;
    padding: 0;
    position: relative
}

.promo {
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 15px;
    margin-bottom: 10px;
    max-height: 500px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.promo.collapsed {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0
}

.promo .wrap {
    position: relative
}

.promo .message {
    color: #5e6773;
    display: inline-block;
    vertical-align: middle;
    width: 68%
}

.promo .image {
    background-image: url('img/no-sprite/avatar-placeholder.png');
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle
}

.promo .badge:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: ''
}

.promo .badge.icon-svg {
    background: none;
    border: none;
    padding: 0;
    position: absolute
}

.promo .badge.riseup {
    background-color: #29cf29
}

.promo .badge.riseup:before {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -331px -161px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 8px;
    height: 9px
}

.promo .badge.spotlight {
    background-color: #2b8cfc
}

.promo .badge.spotlight:before {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -331px -148px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 10px;
    height: 8px
}

.promo .badge.extra-shows {
    background-color: #00caab
}

.promo .badge.extra-shows:before {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -331px -101px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px
}

.promo .badge.spp {
    background-color: #ffcc00
}

.promo .badge.spp:before {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -331px -56px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 13px;
    height: 10px
}

.promo .button {
    width: 100%;
    margin-top: 15px
}

.photo-placeholder {
    color: #fff
}

.photo-placeholder.public-album {
    background: #191919
}

.photo-placeholder.private-album {
    background: #4708b9
}

.photo-placeholder.empty-placeholder-item,
.photo-placeholder.photo-placeholder-item {
    background-color: #5e6773
}

.photo-placeholder .add-photo {
    margin-bottom: 10px;
    width: 42px;
    height: 34px
}

.photo-placeholder .add-photo::after {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -57px -70px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 42px;
    height: 34px
}

.photo-placeholder .photo-placeholder {
    width: 30px;
    height: 26px
}

.photo-placeholder .photo-placeholder::after {
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: 0 -266px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    width: 30px;
    height: 26px
}

.photo-placeholder .centered-item-title {
    padding: 0;
    font-size: 12px;
    font-weight: 600
}

body.ios-font-helvetica .photo-placeholder .centered-item-title {
    font-weight: 500
}

body.android-font-system .photo-placeholder .centered-item-title {
    font-weight: 700
}

body.android-font-roboto-new .photo-placeholder .centered-item-title {
    font-weight: 500
}

.reloader {
    position: fixed;
    width: 100%;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: 0;
    opacity: 0;
    z-index: 1
}

.reloader.visible {
    top: 58px;
    opacity: 1
}

.reloader .reloader-button {
    display: inline-block;
    padding: 5px 13px 7px 13px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #191919;
    font-weight: 600;
    font-size: 12px
}

body.ios-font-helvetica .reloader .reloader-button {
    font-weight: 500
}

body.android-font-system .reloader .reloader-button {
    font-weight: 700
}

body.android-font-roboto-new .reloader .reloader-button {
    font-weight: 500
}

.reloader .reloader-button.touched {
    background-color: #e6ecf2
}

.reloader .reloader-button::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    content: "";
    vertical-align: bottom;
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -207px -160px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.featured-photos .featured-photos-gallery-wrapper {
    position: relative;
    height: 60vh
}

.featured-photos .featured-photos-gallery {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.featured-photos .gallery-photo::before {
    display: block;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.featured-photos .gallery-photo.male::before {
    background-image: url('img/no-sprite/user-placeholder-large.jpg')
}

.featured-photos .gallery-photo.female::before {
    background-image: url('img/no-sprite/user-placeholder-large-female.jpg')
}

.featured-photos .horizontal-scrolling-section {
    margin-top: 15px
}

.featured-photos .horizontal-scrolling-section::-webkit-scrollbar {
    display: none
}

.featured-photo-userinfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 15px 12px;
    color: #fff
}

.featured-photo-userinfo::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 45px;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%)
}

.featured-photo-userinfo__user {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis
}

.featured-photo-userinfo__status {
    display: inline-block;
    margin: 0 0 0 2px
}

.featured-photo-userinfo__icon {
    display: block;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px
}

.promotion-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #fff
}

.promotion-page.attention-boost .promotion-page__overscroll::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: #ff8201
}

.ios .promotion-page.attention-boost .promotion-page__overscroll::before {
    content: ''
}

.promotion-page.invisible-mode .promotion-page__overscroll::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: #08b5fd
}

.ios .promotion-page.invisible-mode .promotion-page__overscroll::before {
    content: ''
}

.promotion-page.crush-explanation .promotion-page__overscroll::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: #ee203c
}

.ios .promotion-page.crush-explanation .promotion-page__overscroll::before {
    content: ''
}

.promotion-page.potd {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.promotion-page.nice-name {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.promotion-page .modal--center-popup {
    background: url(/img/photos/application-blurred.jpg);
    background-position: top center;
    -webkit-background-size: contain;
    background-size: contain
}

.promotion-page .modal--center-popup .brick-group--promo {
    min-width: 0;
    margin-top: 20px
}

.promotion-page .modal--center-popup .cta-box__content {
    display: none
}

.promotion-page .modal--bottom-drawer {
    background: url(/img/photos/application-blurred.jpg);
    background-position: top center;
    -webkit-background-size: contain;
    background-size: contain
}

.promotion-page .modal--bottom-drawer .brick-group--promo {
    min-width: 0
}

.promotion-page .modal--bottom-drawer .cta-box__content {
    display: none
}

.pull-to-refresh {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    padding-top: 10px;
    opacity: 0;
    height: 53px
}

.has-pull-to-refresh .pull-to-refresh {
    opacity: 1
}

.pull-to-refresh .pull-to-refresh-image {
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background-image: url("img/sprite-main.png?v=24695168");
    background-position: -160px -103px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0 auto;
    display: block;
    opacity: 0
}

.pull-to-refresh.pull .pull-to-refresh-image {
    opacity: 1
}

.pull-to-refresh.loading .pull-to-refresh-image,
.pull-to-refresh.release .pull-to-refresh-image {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.pull-to-refresh .pull-to-refresh-text {
    display: block;
    text-align: center;
    padding: 5px 0 0 0;
    font-size: 12px;
    color: #9aa3ab;
    width: 100%
}

.pull-to-refresh .pull-to-refresh-text span {
    display: none
}

.pull-to-refresh.loading .pull-to-refresh-loading {
    display: block
}

.pull-to-refresh.pull .pull-to-refresh-pull {
    display: block
}

.pull-to-refresh.release .pull-to-refresh-release {
    display: block
}

.pull-to-refresh.disabled {
    opacity: 0
}

.polaroid {
    width: 34vw;
    position: absolute;
    border: 7px solid #fff;
    -webkit-box-shadow: 0 0 2px #333844;
    box-shadow: 0 0 2px #333844;
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.polaroid.pos-0 {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    z-index: 1;
    left: 21vw;
    top: 17vh
}

.polaroid.pos-1 {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
    z-index: 2;
    left: 45vw;
    top: 17vh
}

.polaroid.pos-2 {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    z-index: 3;
    left: 40vw;
    top: 8vh
}

.polaroid.pos-3 {
    z-index: 4;
    left: 33vw;
    top: 13vh
}

.polaroid.left {
    left: -34vw;
    top: 13vh
}

.polaroid.right {
    left: 134vw;
    top: 13vh
}

.chat-promo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 991;
    background: #fff;
    padding: 15px
}

.chat-promo .image {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 15px;
    top: 15px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.chat-promo .message {
    padding: 10px 10px 10px 75px;
    min-height: 75px
}

.block-photos-overlay {
    display: block;
    width: 100%;
    padding: 15px;
    color: #fff;
    font-size: 15px;
    text-align: center
}

.block-photos-overlay .block-photos-overlay__icon {
    margin: 0 auto 15px
}

.block-photos-overlay .message,
.block-photos-overlay .header2 {
    margin: 0 0 10px 0;
    padding: 0 5%;
    color: #fff
}

@media all and (orientation:landscape) and (max-height:600px) {
    .profile-top-section .block-photos-overlay .block-photos-overlay__icon {
        display: none
    }
}

.banner {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    padding: 15px;
    color: #5e6773;
    margin-top: 5px
}

.banner.bumped-into {
    background-color: #f9edfc
}

.banner.social-block {
    background-color: #d9f2ff
}

.banner.profile-field {
    background-color: #f9efe2
}

.banner.interests {
    background-color: #d6f3e1
}

.banner .button {
    width: 100%;
    max-width: 320px;
    margin-top: 15px
}

.menu-fade-section {
    padding: 20px 30px 20px 45px
}

.menu-fade-section__wide {
    margin: 0 -15px 0 -30px
}

.menu-close {
    z-index: 1;
    position: fixed;
    top: 5px;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.visible .menu-close {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.paid-features-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3
}

.paid-feature {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33333333%;
    -ms-flex: 1 1 33.33333333%;
    flex: 1 1 33.33333333%;
    text-align: center
}

@media all and (orientation:portrait) {
    .paid-features-status {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }
    .paid-features-status::after {
        display: block;
        padding-bottom: 33.33333333%;
        content: ''
    }
}

@media all and (orientation:landscape) {
    .paid-features-status {
        min-height: 60px
    }
    .paid-feature__icon {
        display: inline-block;
        margin: 0 10px;
        vertical-align: middle
    }
    .paid-feature__info {
        display: inline-block;
        vertical-align: middle;
        text-align: left
    }
}

.paid-feature__label {
    font-size: 12px;
    line-height: 15px;
    color: #9aa3ab
}

.paid-feature__value {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #fff
}

.paid-feature__value--active {
    color: #46cc3f
}

.paid-feature__value--inactive {
    color: #ff331e
}

.paid-feature__value--very-low,
.paid-feature__value--low {
    color: #f8342d
}

.paid-feature__value--average {
    color: #fdcd3c
}

.paid-feature__value--high,
.paid-feature__value--very-high {
    color: #46cc3f
}

.feature-promo {
    position: absolute;
    height: -webkit-calc(100vh - 46px);
    height: calc(100vh - 46px);
    background-color: #14171b;
    color: #fff
}

.feature-promo b {
    color: #ee203c
}

.feature-promo .header {
    margin-top: 20px;
    font-size: 27px;
    padding: 0 10px 0 25px;
    border-left: 2px solid #ee203c;
    position: relative;
    z-index: 1100;
    line-height: 31px;
    background: rgba(20, 23, 27, 0.4)
}

.feature-promo .message {
    padding-top: 15px;
    margin-bottom: 20px;
    margin-left: 27px;
    padding-right: 10px;
    z-index: 1100;
    position: relative;
    color: #9aa3ab;
    background: rgba(20, 23, 27, 0.4)
}

.feature-promo .photo {
    height: 50vh;
    width: 50vh;
    right: -23%;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 80px;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.feature-promo .photo.at-0.boy {
    background-image: url('img/no-sprite/vip/Boy1.jpg')
}

.feature-promo .photo.at-0.girl {
    background-image: url('img/no-sprite/vip/Girl1.jpg')
}

.feature-promo .photo.at-1.boy {
    background-image: url('img/no-sprite/vip/Boy2.jpg')
}

.feature-promo .photo.at-1.girl {
    background-image: url('img/no-sprite/vip/Girl2.jpg')
}

.feature-promo .photo.at-2.boy {
    background-image: url('img/no-sprite/vip/Boy3.jpg')
}

.feature-promo .photo.at-2.girl {
    background-image: url('img/no-sprite/vip/Girl3.jpg')
}

.feature-promo .photo.at-3 {
    background-image: url('img/no-sprite/vip/SPPicon.svg')
}

.no-svg-support .feature-promo .photo.at-3 {
    background-image: url('img/no-sprite/vip/SPPicon.png')
}

.feature-promo .indicators {
    margin-left: 25px;
    position: absolute;
    bottom: 140px;
    padding-left: 0
}

.feature-promo .indicators.at-3 {
    display: none
}

.feature-promo .name {
    -webkit-transition: all 300ms;
    transition: all 300ms;
    position: absolute;
    bottom: 130px;
    left: 40px
}

.feature-promo .scrollbar {
    display: none
}

.page.vip-promos {
    background-color: #14171b
}

.square-circles-hack .photo {
    -webkit-border-radius: 22%;
    border-radius: 22%
}

.button-wrapper.floater {
    position: absolute;
    bottom: 10px;
    width: 100%
}

.index.floater {
    margin-left: 28px;
    margin-top: 170px;
    position: absolute
}

.index.floater .page-indicator {
    height: 6px;
    width: 6px;
    margin-right: 5px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #9aa3ab
}

.index.floater .page-indicator.active {
    border: 1px solid #ee203c;
    background-color: #ee203c
}

.page.vip-promos .scrollbar {
    display: none
}

.svg-instant,
.svg-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.svg-instant--animated {
    display: none
}

.new-social-photos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.inapp-notification-wrapper {
    position: fixed;
    z-index: 901;
    top: 55px;
    width: 100%;
    opacity: .5;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.inapp-notification-wrapper.is-visible {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.inapp-notification-wrapper.is-sliding-right {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.inapp-notification-wrapper.is-sliding-left {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.inapp-notification {

display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px;
    padding: 10px 15px 10px 12px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
    color: #5e6773
}

.inapp-notification__promo {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 10px 0 0
}

.inapp-notification__promo .brick-group .brick+.brick {
    margin: 0 0 0 -26px
}

.inapp-notification__promo .brick-group img {
    vertical-align: middle
}

.inapp-notification__content {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.inapp-notification__chevron {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 0 0 10px
}

.inapp-notification--system .inapp-notification__chevron .brick {
    background-color: #e6ecf2
}

.inapp-notification--billing {
    background: #1cb130;
    color: #fff
}

.inapp-notification--billing .inapp-notification__promo .brick::before,
.inapp-notification--billing .inapp-notification__promo .icon-svg::before,
.inapp-notification--billing .inapp-notification__promo .mark {
    border-color: #1cb130
}

.inapp-notification--billing .inapp-notification__chevron .brick {
    background: #fff;
    color: #1cb130
}

.inapp-notification--message {
    background: #3988e8;
    color: #fff
}

.inapp-notification--message .inapp-notification__promo .brick::before,
.inapp-notification--message .inapp-notification__promo .icon-svg::before,
.inapp-notification--message .inapp-notification__promo .mark {
    border-color: #3988e8
}

.inapp-notification--message .inapp-notification__chevron .brick {
    background: #fff;
    color: #3988e8
}

svg[width] {
    display: block
}

.pagination-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #56b647
}

.pagination-bar__steps {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px;
    text-align: center;
    vertical-align: middle
}

.pagination-bar__steps li,
.pagination-bar__steps .pagination-bar__step {
    width: 8px;
    height: 8px;
    margin: auto 2px;
    background-color: #e6ecf2;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.pagination-bar__steps li.is-completed,
.pagination-bar__steps .pagination-bar__step.is-completed {
    background-color: currentColor;
    border-color: transparent
}

.pagination-bar__steps li.is-current,
.pagination-bar__steps .pagination-bar__step.is-current {
    background-color: #fff;
    border-color: currentColor;
    -webkit-transition: all .2s;
    transition: all .2s
}

.pagination-bar__link {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #191919
}

.pagination-bar__prev,
.pagination-bar__next {
    display: block;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 30px;
    height: 30px;
    padding: 7px;
    color: #9aa3ab;
    line-height: 0;
    background-color: transparent;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid currentColor;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.pagination-bar__prev::after,
.pagination-bar__next::after {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    content: ''
}

.pagination-bar__prev.is-disabled,
.pagination-bar__next.is-disabled {
    opacity: 0
}

.pagination-bar__prev.is-ready,
.pagination-bar__next.is-ready {
    -webkit-animation-name: pagination-bar-arrow-animate;
    animation-name: pagination-bar-arrow-animate;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    color: inherit;
    background-color: currentColor
}

.pagination-bar__prev.is-ready .icon-svg,
.pagination-bar__next.is-ready .icon-svg {
    color: #fff
}

@-webkit-keyframes pagination-bar-arrow-animate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pagination-bar-arrow-animate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.navigation-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    z-index: 10;
    top: 0 !important;
    left: 0;
    width: 100%;
    width: 100vw;
    padding: 5px;
    background: #fff;
    transition: background .2s, color .2s
}

.navigation-bar .navigation-bar__title,
.navigation-bar .navigation-bar__secondary,
.navigation-bar .navigation-bar__primary {
    color: #333844
}

@media (orientation:landscape) {
    .navigation-bar {
        z-index: 11
    }
}

.navigation-bar,
.navigation-bar+.fake {
    height: 40px
}

.navigation-bar.is-hidden,
.navigation-bar.is-hidden+.fake {
    display: none
}

.old-android-webkit .navigation-bar {
    position: absolute;
    right: 0;
    width: 100%
}

.navigation-bar--blue {
    background: #191919
}

.navigation-bar--blue .navigation-bar__title,
.navigation-bar--blue .navigation-bar__secondary,
.navigation-bar--blue .navigation-bar__primary {
    color: #fff
}

.navigation-bar--current-color {
    background-color: currentColor
}

.navigation-bar--current-color .navigation-bar__title,
.navigation-bar--current-color .navigation-bar__secondary,
.navigation-bar--current-color .navigation-bar__primary {
    color: #fff
}

.navigation-bar--transparent {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigation-bar--transparent .navigation-bar__title,
.navigation-bar--transparent .navigation-bar__secondary,
.navigation-bar--transparent .navigation-bar__primary {
    color: #fff
}

.navigation-bar--no-background {
    background: transparent
}

.navigation-bar--no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigation-bar__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 5px;

font-size: 17px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    top:-20px;
}

.navigation-bar__title-additional {
    overflow: hidden;
    min-height: 15px;
    color: #9aa3ab;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

.navigation-bar__logo {
    display: block;
    width: 110px;
    height: 40px;
    margin: auto
}

.navigation-bar__logo> img {
    display: block;
    height: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    fill: inherit
}

.navigation-bar__secondary,
.navigation-bar__primary {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 40px
}

.has-wide-sides .navigation-bar__secondary,
.has-wide-sides .navigation-bar__primary {
    min-width: 80px
}

.navigation-bar__primary {
    text-align: left
}

.navigation-bar__secondary {
    text-align: right
}

.navigation-bar__icon {
    display: inline-block;
    position: relative;
    padding: 10px
}

.navigation-bar__icon i {
    position: absolute;
    font-size: 24px;
    color: #6a6a6a;
    top:-10px;
    right: -5px;
    left: 9px;
    bottom: -5px;
    content: ''
}

.navigation-bar__icon.is-disabled {
    opacity: .5
}

.navigation-bar__menu-notification {
    position: absolute;
    top: -2px;
    left: 27px;
    width: 6px;
    height: 6px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ee203c;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.navigation-bar__button-text {
    display: inline-block;
    position: relative;
    padding: 10px 5px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    color: #191919;
    border: none;
    background: transparent;
    cursor: pointer
}

.navigation-bar__button-text.is-disabled {
    color: #9aa3ab
}

.navigation-bar__userpic {
    position: relative;
    margin-right: 5px
}

.navigation-bar__userpic::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ''
}

.navigation-bar__checkbox {
    position: relative;
    padding: 10px
}

.navigation-promo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 25px;
    margin: 0 0 35px 0;
    padding: 46px 15px 0 15px
}

.navigation-promo::after {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 35px;
    content: '';
    background: #fff
}

.navigation-promo__icon {
    position: relative;
    z-index: 1;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.fab {
    position: fixed;
    z-index: 9;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
    padding: 9px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #fff;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #9aa3ab;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

.has-bottom-sticky-spotlight .fab {
    bottom: 115px
}

.fab--popularity-low {
    background: #fa2741
}

.fab--popularity-low.is-pressed {
    background: #e90521
}

.fab--popularity-average {
    background: #ffc800
}

.fab--popularity-average.is-pressed {
    background: #cca000
}

.fab--popularity-high {
    background: #29cf29
}

.fab--popularity-high.is-pressed {
    background: #21a421
}

.fab--liked-you {
    background: #ee203c
}

.fab--liked-you.is-pressed {
    background: #cb1029
}

.fab.is-inactive {
    -webkit-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0)
}

.fab-likes {
    text-align: center
}

.fab-likes .fab-likes__icon {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 auto
}

.fab-likes .fab-likes__icon .icon-svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

@-webkit-keyframes fab-hellokitty-vertical {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    90% {
        opacity: .6;
        -webkit-transform: translateY(-200%) scale(1);
        transform: translateY(-200%) scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-200%) scale(1.2);
        transform: translateY(-200%) scale(1.2)
    }
}

@keyframes fab-hellokitty-vertical {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    90% {
        opacity: .6;
        -webkit-transform: translateY(-200%) scale(1);
        transform: translateY(-200%) scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-200%) scale(1.2);
        transform: translateY(-200%) scale(1.2)
    }
}

@-webkit-keyframes fab-hellokitty-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%)
    }
    75% {
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }
}

@keyframes fab-hellokitty-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%)
    }
    75% {
        -webkit-transform: translateX(80%);
        transform: translateX(80%)
    }
}

.fab-likes .fab-likes__icon .fab-likes__icon-svg-clone {
    z-index: 1;
    opacity: 0;
    color: #f57f8f;
    -webkit-transition: all;
    transition: all;
    -webkit-animation-name: fab-hellokitty-vertical;
    animation-name: fab-hellokitty-vertical;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    pointer-events: none
}

.fab-likes .fab-likes__icon .fab-likes__icon-svg-clone i {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-name: fab-hellokitty-horizontal;
    animation-name: fab-hellokitty-horizontal;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    pointer-events: none
}

.fab-likes .fab-likes__icon .fab-likes__icon-svg-clone:nth-of-type(2n) i {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.no-svg-support .fab-likes .fab-likes__icon .fab-likes__icon-svg-clone,
.old-android-webkit .fab-likes .fab-likes__icon .fab-likes__icon-svg-clone {
    display: none;
    -webkit-animation: none;
    animation: none
}

.no-svg-support .fab-likes .fab-likes__icon .fab-likes__icon-svg-clone i,
.old-android-webkit .fab-likes .fab-likes__icon .fab-likes__icon-svg-clone i {
    -webkit-animation: none;
    animation: none
}

.fab-likes .fab-likes__text {
    margin-top: 1px;
    font-size: 12px;
    line-height: 15px
}

.external-provider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.external-provider:not(:last-of-type) {
    margin: 0 0 10px 0
}

.external-provider>.brick,
.external-provider>.icon-svg {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.external-provider .external-provider__details {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 0 0 0 15px
}

.external-provider .external-provider__details-summary {
    font-weight: 600;
    color: #5e6773
}

body.ios-font-helvetica .external-provider .external-provider__details-summary {
    font-weight: 500
}

body.android-font-system .external-provider .external-provider__details-summary {
    font-weight: 700
}

body.android-font-roboto-new .external-provider .external-provider__details-summary {
    font-weight: 500
}

.external-provider .external-provider__details-text {
    color: #9aa3ab
}

.external-providers-list--horizontal {
    overflow-x: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 -15px;
    padding: 0 15px;
    white-space: nowrap
}

.external-providers-list--horizontal .external-provider {
    display: inline-block;
    vertical-align: top
}

.external-providers-list--horizontal .external-provider:not(:last-of-type) {
    margin-right: 15px
}

.external-providers-list--horizontal .external-provider .external-provider__details {
    margin-top: 7px;
    margin-left: 0;
    white-space: normal
}

.external-providers-list--horizontal .external-provider>.icon-svg--xxlg~.external-provider__details {
    width: 65px
}

.external-providers-list--horizontal .external-provider .external-provider__details-summary {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #5e6773
}

.external-providers-list--horizontal.external-providers-list--centered {
    text-align: center
}

.external-providers-list--horizontal.external-providers-list--centered .external-provider:nth-last-of-type(2):first-of-type {
    margin-right: 25px
}

.verification-options {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.verification-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 5px 0
}

.verification-option__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.verification-option__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 0 15px
}

.verification-option__name {
    font-weight: 600;
    color: #5e6773
}

body.ios-font-helvetica .verification-option__name {
    font-weight: 500
}

body.android-font-system .verification-option__name {
    font-weight: 700
}

body.android-font-roboto-new .verification-option__name {
    font-weight: 500
}

.verification-option__message {
    color: #9aa3ab
}

.verification-option__chevron {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 5px 0 15px;
    color: #9aa3ab;
    line-height: 0
}

.verification-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 65px;
    margin: 7px 0
}

.verification-option.is-inactive .verification-option__message {
    color: #191919
}

@media (orientation:landscape),
(min-width:500px) {
    .verification-options--vertical {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .verification-options--vertical .verification-option {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        padding-right: 10px
    }
    .verification-options--vertical .verification-divider {
        display: none
    }
}

.verification-options-parent-horizontal {
    position: relative;
    width: 100%;
    margin: 0;
    text-align: center;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.verification-options-parent-horizontal .verification-options {
    margin: 0 10px
}

.verification-options--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.verification-options--horizontal .verification-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 81px;
    -ms-flex: 0 0 81px;
    flex: 0 0 81px;
    width: 81px;
    padding: 0 0 20px 0;
    text-align: center
}

.verification-options--horizontal .verification-option__description {
    margin: 8px 0 0 0
}

.verification-options--horizontal .verification-option__name {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #191919
}

.verification-options--horizontal .verification-option__message {
    display: none
}

.verification-options--horizontal .verification-divider {
    width: auto;
    height: 65px;
    margin: 0 7px
}

.old-android-webkit .verification-options--horizontal {
    display: block
}

.old-android-webkit .verification-options--horizontal .verification-option {
    display: inline-block;
    width: 33%;
    vertical-align: top
}

.old-android-webkit .verification-options--horizontal .verification-divider {
    position: absolute;
    top: 0;
    left: 33%;
    margin: auto -5px
}

.verification-options--grid {
    display: block
}

.verification-options--grid .verification-option {
    display: inline-block;
    width: 33%;
    padding: 0 0 20px 0;
    text-align: center;
    vertical-align: top
}

.verification-options--grid .verification-option__description {
    font-size: 12px;
    line-height: 15px;
    margin: 8px 0 0 0
}

.verification-options--grid .verification-divider {
    position: absolute;
    top: 0;
    left: 33%;
    width: auto;
    height: 65px;
    margin: auto -5px
}

.photo-grid-import {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.photo-grid-import__item {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    border-style: solid;
    border-color: #fff
}

.photo-grid-import__item::after {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.photo-grid-import__item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.photo-grid-import__item-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    opacity: .7;
    line-height: 0
}

.photo-grid-import__item-action::after {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

@media (orientation:portrait) {
    .photo-grid-import__item {
        border-width: 0 1px 1px 0
    }
    .photo-grid-import__item:nth-child(4n) {
        border-width: 0 0 1px 0
    }
}

.photos-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.photos-grid__item {
    position: relative;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: transparent
}

.photos-grid__item::before {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.photos-grid__item:last-child {
    margin-right: auto
}

@media (orientation:portrait) {
    [class*='cols-3']>.photos-grid__item:nth-of-type(-n+3) {
        border-top: 0;
        margin-right: initial
    }
    [class*='cols-3']>.photos-grid__item:nth-of-type(3n-2) {
        border-left: 0
    }
}

@media (orientation:landscape) {
    [class*='cols-3']>.photos-grid__item:nth-of-type(-n+5) {
        border-top: 0;
        margin-right: initial
    }
    [class*='cols-3']>.photos-grid__item:nth-of-type(5n-4) {
        border-left: 0
    }
}

@media (orientation:portrait) {
    [class*='cols-4']>.photos-grid__item:nth-of-type(-n+4) {
        border-top: 0;
        margin-right: initial
    }
    [class*='cols-4']>.photos-grid__item:nth-of-type(4n-3) {
        border-left: 0
    }
}

@media (orientation:landscape) {
    [class*='cols-4']>.photos-grid__item:nth-of-type(-n+8) {
        border-top: 0;
        margin-right: initial
    }
    [class*='cols-4']>.photos-grid__item:nth-of-type(8n-7) {
        border-left: 0
    }
}

.photos-grid--cols-3 .photos-grid__item {
    width: 33.33%
}

@media (orientation:landscape) {
    .photos-grid--cols-3 .photos-grid__item {
        width: 20%
    }
}

.photos-grid--cols-3-fixed {
    max-width: 290px;
    margin: 0 auto
}

@media (orientation:landscape) {
    .photos-grid--cols-3-fixed {
        max-width: 490px
    }
}

.photos-grid--cols-3-fixed .photos-grid__item {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 90px;
    border-width: 10px 0 0 10px
}

.photos-grid--cols-4 .photos-grid__item {
    width: 25%
}

@media (orientation:landscape) {
    .photos-grid--cols-4 .photos-grid__item {
        width: 12.5%
    }
}

.old-android-webkit .photos-grid {
    display: block
}

.old-android-webkit .photos-grid__item {
    display: inline-block;
    vertical-align: middle
}

.photos-grid__image {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #e6ecf2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.photos-grid__icon {
    position: absolute;
    right: 5px;
    bottom: 5px
}

.multimedia {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.multimedia .multimedia__image {
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.ios .multimedia .multimedia__image {
    will-change: transform
}

.multimedia .multimedia__image>img {
    position: absolute;
    z-index: 1;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    min-width: 100%;
    min-height: 100%;
    margin: auto
}

.fullscreenView .multimedia .multimedia__image {
    -webkit-background-size: contain;
    background-size: contain
}

.multimedia .multimedia__video {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover
}

.multimedia .multimedia__video::-webkit-media-controls {
    display: none !important
}

.fullscreenView .multimedia .multimedia__video {
    right: 0;
    bottom: 0;
    max-width: 100%;
    height: auto;
    margin: auto
}

.multimedia .multimedia__sound-button::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ''
}

.multimedia .multimedia__sound-button.is-loading .icon-svg__loader {
    -webkit-animation: loading-video 2s linear infinite;
    animation: loading-video 2s linear infinite
}

@-webkit-keyframes loading-video {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes loading-video {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.multimedia .multimedia__playback-button {
    width: 70px;
    height: 70px;
    margin: auto
}

.multimedia .multimedia__playback-button>svg {
    width: 100%;
    height: 100%
}

.multimedia .multimedia__playback-button.is-loading {
    display: none
}

.multimedia.is-playback .multimedia__image,
.is-playback .multimedia .multimedia__image {
    display: none
}

.multimedia.is-playback .multimedia__video,
.is-playback .multimedia .multimedia__video {
    display: block
}

.multimedia.is-playback .multimedia__playback-button,
.is-playback .multimedia .multimedia__playback-button {
    display: none
}

.multimedia.is-processing .multimedia__image {
    width: 20%;
    height: 20%;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.old-android-webkit .multimedia.is-processing .multimedia__image,
.windows .multimedia.is-processing .multimedia__image {
    opacity: .05
}

.restricted-0 .multimedia:not([data-slide-index='0']) .multimedia__image {
    width: 24%;
    height: 24%;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: .8
}

.old-android-webkit .restricted-0 .multimedia:not([data-slide-index='0']) .multimedia__image,
.windows .restricted-0 .multimedia:not([data-slide-index='0']) .multimedia__image {
    opacity: .05
}

.restricted-2 .multimedia:not([data-slide-index='0']) .multimedia__image,
.restricted-2 .multimedia:not([data-slide-index='1']) .multimedia__image,
.restricted-2 .multimedia:not([data-slide-index='2']) .multimedia__image {
    width: 20%;
    height: 20%;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.old-android-webkit .restricted-2 .multimedia:not([data-slide-index='0']) .multimedia__image,
.old-android-webkit .restricted-2 .multimedia:not([data-slide-index='1']) .multimedia__image,
.old-android-webkit .restricted-2 .multimedia:not([data-slide-index='2']) .multimedia__image,
.windows .restricted-2 .multimedia:not([data-slide-index='0']) .multimedia__image,
.windows .restricted-2 .multimedia:not([data-slide-index='1']) .multimedia__image,
.windows .restricted-2 .multimedia:not([data-slide-index='2']) .multimedia__image {
    opacity: .05
}

.multimedia .restricted-0 .multimedia__icon,
.multimedia .restricted-2 .multimedia__icon {
    display: none
}

.multimedia .restricted-0 .multimedia__playback-button,
.multimedia .restricted-2 .multimedia__playback-button {
    display: none
}

.multimedia .multimedia__icon {
    position: absolute;
    z-index: 901;
    top: 15px;
    left: 15px;
    color: #fff
}

.multimedia .multimedia__icon.multimedia__icon--br {
    top: auto;
    right: 15px;
    bottom: 15px;
    left: auto
}

.multimedia .multimedia__content {
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center
}

.multimedia.multimedia[class*='multimedia--'] .multimedia__content {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 0 25px
}

.multimedia.multimedia[class*='multimedia--'] .multimedia__content .cta-box__header,
.multimedia.multimedia[class*='multimedia--'] .multimedia__content .cta-box__additional,
.multimedia.multimedia[class*='multimedia--'] .multimedia__content .cta-box__content {
    color: #fff
}

.multimedia.multimedia[class*='multimedia--'] .multimedia__content .cta-box__buttons {
    max-width: 190px;
    margin: auto
}

@media (orientation:landscape) {
    .galleryView .multimedia.multimedia[class*='multimedia--'] .multimedia__content {
        padding-right: 0;
        padding-left: 0
    }
    .galleryView .multimedia.multimedia[class*='multimedia--'] .multimedia__content .cta-box__header+.cta-box__content {
        display: none
    }
}

@media (min-width:375px),
(orientation:landscape) {
    .multimedia.multimedia[class*='multimedia--'] .multimedia__content .cta-box__buttons {
        max-width: 240px
    }
}

.multimedia.multimedia[class*='multimedia--'].multimedia--more::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #191919
}

.multimedia.multimedia[class*='multimedia--'].multimedia--more .multimedia__image {
    opacity: .1
}

.multimedia.multimedia[class*='multimedia--'].multimedia--private-photos::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #4708b9
}

.multimedia.multimedia[class*='multimedia--'].multimedia--private-photos .multimedia__image {
    width: 20%;
    height: 20%;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: .3
}

.old-android-webkit .multimedia.multimedia[class*='multimedia--'].multimedia--private-photos .multimedia__image,
.windows .multimedia.multimedia[class*='multimedia--'].multimedia--private-photos .multimedia__image {
    display: none
}

.galleryView .multimedia.multimedia[class*='multimedia--'].multimedia--private-photos .multimedia__content {
    padding-top: 15px;
    padding-bottom: 90px
}

.fullscreenView .galleryView .multimedia.multimedia[class*='multimedia--'].multimedia--private-photos .multimedia__content {
    padding-top: 0;
    padding-bottom: 0
}

@media (orientation:landscape) {
    .galleryView .multimedia.multimedia[class*='multimedia--'].multimedia--private-photos .multimedia__content {
        padding-top: 0;
        padding-bottom: 0
    }
}

.multimedia.multimedia[class*='multimedia--'].multimedia--external-photos::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #191919
}

.multimedia.multimedia[class*='multimedia--'].multimedia--external-photos .multimedia__image {
    width: 20%;
    height: 20%;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: .1
}

.multimedia.multimedia[class*='multimedia--'].multimedia--upsell::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #191919
}

.multimedia.multimedia[class*='multimedia--'].multimedia--upsell .cta-box__content img {
    width: 120px
}

@media (orientation:landscape) {
    .multimedia.multimedia[class*='multimedia--'].multimedia--upsell .cta-box__content img {
        width: 60px
    }
}

.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked .multimedia__blocker {
    display: none
}

.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked .multimedia__icon {
    display: none
}

.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked.is-blocked::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #191919
}

.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked.is-blocked .multimedia__image,
.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked.is-blocked .multimedia__video {
    opacity: .1
}

.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked.is-blocked .multimedia__blocker {
    display: block
}

.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked.is-blocked .multimedia__blocked {
    display: none
}

.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked.is-unblocked .multimedia__blocked {
    display: block
}

.multimedia.multimedia[class*='multimedia--'].multimedia--video-blocked.is-unblocked .multimedia__blocker {
    display: none
}

.digest-block {
    position: relative;
    border-bottom: 1px solid #e9eef4
}

.digest-about {
    position: relative;
    padding: 15px 15px 15px 75px
}

.digest-about .digest-about__userpic {
    position: absolute;
    top: 15px;
    left: 15px
}

.digest-about .digest-about__who {
    font-weight: 600
}

body.ios-font-helvetica .digest-about .digest-about__who {
    font-weight: 500
}

body.android-font-system .digest-about .digest-about__who {
    font-weight: 700
}

body.android-font-roboto-new .digest-about .digest-about__who {
    font-weight: 500
}

.digest-about .digest-about__when {
    font-size: 13px;
    color: #9aa3ab
}

.digest-about .digest-about__what {
    color: #9aa3ab
}

.digest-content {
    padding: 0 15px 20px 75px;
    color: #5e6773
}

.digest-content a {
    text-decoration: none;
    color: #191919
}

.digest-content .digest-content__generic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.digest-content .digest-content__generic .content-userpic {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 15px
}

.digest-content .digest-content__generic .content-main {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.digest-content .digest-content__generic .content-main .brick {
    margin: 0 10px 10px 0
}

.digest-content .digest-content__generic .hint {
    display: block;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left
}

.digest-content .digest-content__work-education {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 0 30px
}

.digest-content .digest-content__work-education:last-child {
    margin-bottom: 0
}

.digest-content .digest-content__work-education .work-education__icon {
    position: absolute;
    top: 0;
    left: 0
}

.digest-content .digest-content__work-education .work-education__header {
    display: block;
    margin-bottom: 5px
}

.digest-content .digest-content__location .location__text+.location__map {
    margin-top: 15px
}

.digest-content .digest-content__verifications .verifications__text+.verifications__list {
    margin-top: 10px
}

.digest-media {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

@media all and (max-width:1024px) and (orientation:landscape) {
    .digest-media {
        margin-bottom: 10px;
        padding-left: 75px
    }
}

.digest-media .digest-media__gallery {
    display: block
}

.digest-media .digest-media__gallery.is-fullscreen {
    overflow: hidden;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto 0
}

.digest-media .digest-media__gallery-scrollable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.digest-media .digest-media__gallery-item {
    overflow: hidden;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    color: #9aa3ab;
    background-color: #f2f2f2
}

@media all and (max-width:1024px) and (orientation:landscape) {
    .digest-media .digest-media__gallery-item {
        width: 33.33%;
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3);
        border-right: 1px solid #fff
    }
}

.digest-media .digest-media__gallery-item::before {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.digest-media .digest-media__photo {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: -1px;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.digest-media .digest-media__promo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.digest-media .digest-media__blocker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.digest-media .digest-media__gallery.is-fullscreen {
    background-color: #000
}

.digest-media .digest-media__gallery.is-fullscreen .digest-media__gallery-item {
    color: #fff;
    background-color: #000
}

@media all and (max-width:1024px) and (orientation:landscape) {
    .digest-media .digest-media__gallery.is-fullscreen .digest-media__gallery-item {
        border-right-color: black
    }
}

.digest-media .digest-media__gallery.is-fullscreen .digest-media__photo {
    background-position: 50% 50% !important;
    -webkit-background-size: contain;
    background-size: contain
}

.profile-smart-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-smart-block .profile-smart-block__main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.profile-smart-block .profile-smart-block__extra {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px;
    white-space: nowrap
}

.profile-smart-block .profile-smart-block__extra:empty {
    display: none
}

.profile-user-info {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%
}

.profile-user-info .profile-user-info__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.profile-user-info .profile-user-info__text .profile-user-info__name {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.profile-user-info .profile-user-info__meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.profile-user-info .profile-user-info__meta .profile-user-info__age {
    padding-left: 1px
}

.profile-user-info .profile-user-info__meta .profile-user-info__status {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto 2px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top
}

.profile-user-info .profile-user-info__meta .profile-user-info__status:empty {
    display: none
}

.profile-user-info .profile-user-info__meta .profile-user-info__status .online-status,
.profile-user-info .profile-user-info__meta .profile-user-info__status .verify-status {
    margin: auto 2px
}

.windows .profile-user-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.windows .profile-user-info .profile-user-info__text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 99%
}

.floating-action {
    position: fixed;
    z-index: 11;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: visible;
    padding: 0 15px;
    background: #fff;
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-property: visibility, -webkit-transform;
    transition-property: visibility, -webkit-transform;
    transition-property: visibility, transform;
    transition-property: visibility, transform, -webkit-transform;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.floating-action:before,
.floating-action:after {
    content: " ";
    display: table
}

.floating-action:after {
    clear: both
}

.floating-action+.fake {
    visibility: hidden;
    padding: 0 15px
}

.floating-action+.fake:before,
.floating-action+.fake:after {
    content: " ";
    display: table
}

.floating-action+.fake:after {
    clear: both
}

.floating-action.is-inactive {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-delay: 150ms, 0;
    transition-delay: 150ms, 0
}

.floating-action.is-inactive+.fake {
    display: none
}

.old-android-webkit .floating-action.is-inactive {
    z-index: 12;
    top: 1000%;
    visibility: visible;
    opacity: .99
}

.users-folder {
    min-width: 270px;
    max-width: 640px;
    margin: 10px auto 0 auto
}

.users-folder+.users-folder {
    border-top: 1px solid #e6ecf2
}

.users-folder__title {
    font-size: 15px;
    line-height: 20px;
    margin: 10px 0 0 0
}

.users-folder__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.users-folder__item {
    margin: 10px 0;
    text-align: center
}

@media (max-width:450px) {
    .users-folder__item {
        width: 33.33%
    }
}

@media (min-width:449px) and (max-width:560px) {
    .users-folder__item {
        width: 25%
    }
}

@media (min-width:559px) and (max-width:670px) {
    .users-folder__item {
        width: 20%
    }
}

@media (min-width:669px) {
    .users-folder__item {
        width: 16.66%
    }
}

@media (max-width:559px) {
    .users-folder--chess .users-folder__list {
        padding-top: 65px
    }
}

.users-folder--chess .users-folder__item {
    margin-top: 15px
}

@media (max-width:559px) {
    .users-folder--chess .users-folder__item {
        width: 33.33%
    }
    .users-folder--chess .users-folder__item:nth-of-type(3n+2) {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px)
    }
}

@media (min-width:560px) {
    .users-folder--chess .users-folder__item {
        width: 20%
    }
    .users-folder--chess .users-folder__item:nth-of-type(5n+2),
    .users-folder--chess .users-folder__item:nth-of-type(5n+4) {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px)
    }
}

@media (max-width:559px) {
    .users-folder--chess.users-folder--chess-noname .users-folder__list {
        padding-top: 65px
    }
}

.users-folder--chess.users-folder--chess-noname .users-folder__item {
    margin-top: 30px
}

@media (max-width:559px) {
    .users-folder--chess.users-folder--chess-noname .users-folder__item {
        width: 33.33%
    }
    .users-folder--chess.users-folder--chess-noname .users-folder__item:nth-of-type(3n+2) {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px)
    }
}

@media (min-width:560px) {
    .users-folder--chess.users-folder--chess-noname .users-folder__item {
        width: 20%
    }
    .users-folder--chess.users-folder--chess-noname .users-folder__item:nth-of-type(5n+2),
    .users-folder--chess.users-folder--chess-noname .users-folder__item:nth-of-type(5n+4) {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px)
    }
}

.old-android-webkit .users-folder__list {
    display: block
}

.old-android-webkit .users-folder__item {
    display: inline-block;
    -webkit-transform: none;
    transform: none
}

.sharing-media {
    position: relative;
    overflow: hidden;
    width: 75%;
    max-width: 414px;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.sharing-media::after {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.folders-spotlight {
    display: block;
    padding: 12px 0 5px;
    background: #fff
}

.folders-spotlight+.fake {
    visibility: hidden
}

.folders-spotlight--top {
    border-bottom: 5px solid #e6ecf2
}

.folders-spotlight--bottom {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    padding-top: 10px;
    padding-bottom: 0;
    border-top: 1px solid #e9eef4;
    -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1)
}

@media (orientation:landscape) {
    .folders-spotlight--bottom {
        z-index: 11
    }
}

.folders-spotlight--bottom+.fake {
    margin-top: 10px;
    padding: 10px 0 0
}

.panel.contact-list-spotlight {
    position: fixed;
    z-index: 10;
    width: 100%;
    width: 100vw;
    background: #fff
}

@media (orientation:landscape) {
    .panel.contact-list-spotlight {
        z-index: 11
    }
}

.panel.contact-list-spotlight+.fake {
    visibility: hidden;
    margin-top: -9px
}

.old-android-webkit .panel.contact-list-spotlight {
    position: absolute
}

.is-searching .panel.contact-list-spotlight {
    display: none
}

.is-searching .panel.contact-list-spotlight+.fake {
    display: none
}

.contact-list-folders {
    position: fixed;
    z-index: 10;
    width: 100%
}

.contact-list-folders+.fake {
    visibility: hidden
}

@media (orientation:landscape) {
    .contact-list-folders {
        width: auto;
        right: 0;
        left: 0
    }
}

.old-android-webkit .contact-list-folders {
    position: absolute
}

.contact-list-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 9px 15px;
    -webkit-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out;
    color: #9aa3ab;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: #f8f8f8
}

.contact-list-search__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.contact-list-search__input {
    font-size: 15px;
    line-height: 20px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 0 5px;
    background: transparent
}

.contact-list-search__cancel {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 10px;
    color: #191919;
    white-space: nowrap
}

.matches.is-searching .navigation-bar,
.matches.is-searching .navigation-bar+.fake,
.matches.is-searching .contact-list-folders,
.matches.is-searching .contact-list-folders+.fake {
    display: none
}

.matches.is-searching .contact-list {
    position: relative;
    z-index: 1;
    padding-top: 40px
}

.matches.is-searching .contact-list-search {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    background: #fff
}

.matches.is-searching-initial .fader-searching {
    visibility: visible;
    position: fixed;
    z-index: 3;
    top: 40px
}

.matches.is-searching .contact-list-search__fake,
.matches.is-searching-initial .contact-list-search__fake {
    display: none
}

.matches.is-searching .contact-list-search__cancel,
.matches.is-searching-initial .contact-list-search__cancel {
    display: block
}

.contact-list__no-results {
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    padding: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #9aa3ab;
    text-align: center
}

.contact-list__no-results {
    display: none
}

.matches.is-searching-empty .contact-list__no-results {
    display: block
}

.contact-list__loader {
    display: none
}

.contact-list .contact-list__loader {
    position: fixed
}

.matches.is-searching-loading .contact-list__loader {
    display: block
}

.matches.is-searching-loading .contact-list__contacts,
.matches.is-searching-loading .contact-list__no-results {
    display: none
}

.matches.is-empty .contact-list-search {
    display: none
}

.folder-view .fader {
    visibility: hidden;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7)
}

.folder-view .fader--dark {
    background: rgba(0, 0, 0, 0.2)
}

.folder-view .middle {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: middle
}

.matches.is-empty .contact-list {
    display: none
}

.matches.is-empty .contact-list-folders,
.matches.is-empty .contact-list-folders+.fake {
    display: none
}

.contact-list {
   
}

.contact-list__loader_inline {
    position: relative;
    height: 50px
}

.contact-list-item {
    font-size: 15px;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 10px 0
}

.contact-list-item::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 80px;
    content: '';
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.contact-list-item__userpic {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    border:none;
}

.contact-list-item__preview {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    min-width: 0;
    margin: 0 15px
}

.contact-list-item__name {
    color: #333844;
    white-space: nowrap
}

.contact-list-item__name_ {
    display: inline-block;
    overflow: hidden;
    max-width: 80%;
    max-width: -webkit-calc(80%);
    max-width: calc(80%);
    vertical-align: middle;
    text-overflow: ellipsis
}

.contact-list-item__name>.online-status,
.contact-list-item__name>.icon-svg {
    margin-left: 6px
}

.contact-list-item__name>.online-status {
    top: 1px
}

.contact-list-item__name>.icon-svg {
    top: 1px
}

.contact-list-item__message {
    overflow: hidden;
    max-width: 100%;
    margin: 4px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contact-list-item__inmoji {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle
}

.contact-list-item__star {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    color: rgba(0, 0, 0, 0.08)
}

.contact-list-item__star.is-active {
    opacity: 1;
    color: #ffc91b
}

.no-svg-support .contact-list-item__star {
    opacity: .08
}

.contact-list-item__star>.b-link {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px
}

.contact-list__promos {
    position: relative
}

.contact-list__promos .feature-card {
    position: relative;
    padding: 10px 0
}

.contact-list__promos .feature-card::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 80px;
    content: '';
    border-bottom: 1px solid #f2f2f2
}

.contact-list__promos .facebook-ad__loader {
    display: none
}

.contact-list__promos .feature-card.is-fetching .mark {
    display: none
}

.contact-list__promos .feature-card.is-fetching .facebook-ad__icon {
    display: none
}

.contact-list__promos .feature-card.is-fetching .facebook-ad__loader {
    display: block
}

.matches.is-editing .fader-editing {
    visibility: visible
}

.matches.is-searching .contact-list__loader_inline,
.matches.is-searching .contact-list__promos {
    display: none
}

.contact-list-item__selection {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(37, 108, 245, 0.5)
}

.contact-list-item__selection>.icon-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #fff
}

.contact-list-item.is-checked .contact-list-item__selection {
    visibility: visible;
    opacity: 1
}

.contact-list-item.is-checked.is-deleted {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}

.chat-promo-block {
    position: relative;
    color: #5e6773;
    font-size: 13px;
    line-height: 16px
}

.chat-promo-block::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #f2f2f2;
    content: ''
}

.chat-promo-block.is-hidden {
    display: none
}

.chat-promo-block__list {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 -15px;
    padding: 10px 15px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.chat-promo-block__item {
    display: inline-block;
    vertical-align: top
}

.chat-promo-block__item:not(:last-of-type) {
    margin-right: 8px
}

.chat-v2__messages {
    padding: 5px 15px
}

.use-simplified-chat .chat-v2__messages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.chat-v2__status {
    font-size: 12px;
    line-height: 15px;
    margin: 10px 0;
    color: #9aa3ab;
    text-align: center
}

.chat-v2__status-text {
    vertical-align: middle
}

.chat-v2__status--denied>.icon-svg,
.chat-v2__status--allowed>.icon-svg {
    top: -1px;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    vertical-align: middle
}

.android .chat-v2__status--denied>.icon-svg,
.android .chat-v2__status--allowed>.icon-svg {
    top: 0
}

.chat-v2__status--denied>.icon-svg {
    color: #ee203c
}

.chat-v2__status--allowed>.icon-svg {
    color: #56b647
}

.chat-v2__status--requested {
    font-size: 15px;
    line-height: 20px
}

.chat-v2__status--requested .icon-svg {
    top: -1px;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    color: #191919;
    vertical-align: middle
}

.android .chat-v2__status--requested .icon-svg {
    top: 0
}

.chat-v2__status--requested .chat-v2__status-text {
    color: #333844
}

.chat-message {
    font-size: 16px;
    line-height: 20px;
    position: relative
}

.chat-message:first-child {
    margin-top: 10px
}

.chat-message:last-child {
    margin-bottom: 10px
}

.chat-message:only-child {
    margin-top: 10px;
    margin-bottom: 10px
}

.chat-message+.chat-message {
    margin-top: 2px
}

.chat-message--in+.chat-message--out,
.chat-message--out+.chat-message--in {
    margin-top: 10px
}

.chat-message--in>.chat-message__container {
    margin-right: auto;
    text-align: left
}

.chat-message--out>.chat-message__container {
    margin-left: auto;
    text-align: right
}

.chat-message__text {
    display: inline-block;
    position: relative;
    max-width: 80%;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    vertical-align: top
}

.chat-message--center .chat-message__text {
    min-width: 54px
}

.chat-message--in .chat-message__text,
.chat-message--out .chat-message__text {
    text-align: left
}

.chat-message--grey .chat-message__text {
    background-color: #f2f2f2;
    color: #333844
}

.chat-message--blue .chat-message__text {
    background-color: #191919;
    color: #fff
}

.chat-message--green .chat-message__text {
    background-color: #1ac313;
    color: #fff
}

.chat-message--pink .chat-message__text {
    background-color: #fddfdf;
    color: #333844
}

.chat-message__text_ {
    overflow: hidden;
    max-width: 400px;
    padding: 6px 13px 7px;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.chat-message__text_>a {
    color: currentColor;
    text-decoration: underline
}

.chat-message__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #fff
}

.chat-message__buttons.is-hidden {
    display: none
}

.chat-message__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0 17px
}

.chat-message__button:not(:first-of-type) {
    border-left: 1px solid #fff
}

.chat-message__button-icon {
    margin-right: 8px;
    width: 12px;
    height: 32px
}

.chat-message__button--deny .chat-message__button-icon {
    color: #ee203c
}

.chat-message__button--allow .chat-message__button-icon {
    color: #56b647
}

.chat-message__image {
    display: block;
    overflow: hidden;
    position: relative;
    width: 151px;
    height: 151px;
    margin: 0;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.old-android-webkit .chat-message__image {
    -webkit-border-radius: 17px;
    border-radius: 17px;
    -webkit-mask-image: none;
    mask-image: none
}

.chat-message--in .chat-message__image {
    margin-right: auto
}

.chat-message--out .chat-message__image {
    margin-left: auto
}

.chat-message.is-last-of-sequence .chat-message__image {
    width: 156px;
    -webkit-border-radius: 0;
    border-radius: 0
}

.chat-message--in.is-last-of-sequence .chat-message__image {
    margin-left: -4px
}

.chat-message--out.is-last-of-sequence .chat-message__image {
    margin-right: -4px
}

.chat-message__image_ {
    position: relative;
    width: 151px;
    height: 151px;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.old-android-webkit .chat-message__image_ {
    -webkit-border-radius: 17px;
    border-radius: 17px
}

.chat-message.is-last-of-sequence .chat-message__image_ {
    width: 156px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.old-android-webkit .chat-message.is-last-of-sequence .chat-message__image_ {
    -webkit-transform: none;
    transform: none
}

.chat-message--in.is-last-of-sequence .chat-message__image_ {
    -webkit-clip-path: url('#bubble-multimedia-mask-in');
    clip-path: url('#bubble-multimedia-mask-in')
}

.chat-message--out.is-last-of-sequence .chat-message__image_ {
    -webkit-clip-path: url('#bubble-multimedia-mask-out');
    clip-path: url('#bubble-multimedia-mask-out')
}

.chat-message__image-placeholder {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e6ecf2
}

.chat-message__image-placeholder .chat-message__loader {
    color: #9aa3ab
}

.old-android-webkit .chat-message__image-placeholder {
    -webkit-border-radius: 17px;
    border-radius: 17px
}

.chat-message__loader {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 48px;
    margin: auto
}

.chat-message.is-loading .chat-message__loader,
.chat-message.is-loading .chat-message__image-placeholder {
    display: block
}

.chat-message__inmoji {
    display: inline-block;
    margin: 4px 0;
    vertical-align: top
}

.chat-message__sticker {
    display: block;
    overflow: hidden;
    position: relative;
    width: 150px;
    height: 150px
}

.chat-message__sticker .chat-message__loader {
    color: #9aa3ab
}

.chat-message--in .chat-message__sticker {
    margin-right: auto
}

.chat-message--out .chat-message__sticker {
    margin-left: auto
}

.chat-message__sticker-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: contain;
    background-size: contain
}

.chat-message-gift {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    max-width: 384px;
    margin: 10px auto 10px 0
}

.chat-message--out .chat-message-gift {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 10px 0 10px auto
}

.chat-message-gift>.gift {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 65px;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
    margin: 0 10px 0 0
}

.chat-message--out .chat-message-gift>.gift {
    margin: 0 0 0 10px
}

.chat-message-gift__tag {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    min-width: 0
}

.chat-message__indicator {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.chat-message--out>.chat-message__indicator {
    right: auto;
    left: 0
}

.chat-message.is-failed>.chat-message__container {
    opacity: .3
}

.chat-message.is-failed>.chat-message__indicator--failed {
    display: block
}

.message-request {
    max-width: 345px;
    margin: 15px auto
}

.message-request__text {
    font-size: 15px;
    line-height: 20px;
    color: #333844;
    text-align: center
}

.message-request__text--header {
    font-size: 20px;
    line-height: 25px
}

.message-request__text_ {
    vertical-align: middle
}

.message-request__text>.icon-svg {
    top: -1px;
    margin-right: 4px;
    color: #191919;
    vertical-align: middle
}

.android .message-request__text>.icon-svg {
    top: 0
}

.message-request__buttons {
    text-align: center
}

.message-request__button {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 8px 13px;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: transparent;
    text-align: center
}

.message-request__button>.icon-svg {
    width: 12px;
    height: 12px;
    margin-right: 8px
}

.message-request__button--deny>.icon-svg {
    color: #ee203c
}

.message-request__button--allow>.icon-svg {
    color: #56b647
}

.message-request__button-text {
    vertical-align: middle
}

.message-request--outcoming-selfie .message-request__text {
    color: #9aa3ab
}

.message-request--outcoming-selfie .message-request__text--header {
    color: #333844
}

.message-request--outcoming-selfie .message-request__button>.icon-svg {
    width: 20px;
    height: 20px;
    color: #191919
}

.message-private-granted {
    display: inline-block;
    position: relative;
    width: 180px;
    text-align: left;
    vertical-align: top
}

.message-private-granted__info {
    padding: 15px 13px;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 0 0 17px 17px;
    border-radius: 0 0 17px 17px
}

.message-private-granted__info .icon-svg {
    top: -1px;
    margin: -5px 5px -5px 0;
    color: #191919
}

.message-private-granted__img {
    overflow: hidden;
    position: relative;
    width: 180px;
    height: 130px;
    color: #fff;
    -webkit-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0;
    background: #4708b9
}

.message-private-granted__img>.icon-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.message-private-granted__img_ {
    width: 20%;
    height: 20%;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.old-android-webkit .message-private-granted__img_ {
    display: none
}

.message-private-granted__fade {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0;
    background: rgba(71, 8, 185, 0.75)
}

.chat-message-gif {
    display: inline-block;
    position: relative;
    width: 180px;
    text-align: left;
    vertical-align: top
}

.chat-message-gif__info {
    padding: 15px 13px;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 0 0 17px 17px;
    border-radius: 0 0 17px 17px
}

.chat-message-gif__provider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.chat-message-gif__provider-icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.chat-message-gif__provider-name {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.chat-message-gif__provider-icon+.chat-message-gif__provider-name {
    margin-left: 10px;
    padding-top: 2px
}

.chat-message-gif__img {
    overflow: hidden;
    display: block;
    position: relative;
    width: 180px;
    padding-bottom: 72.222%;
    -webkit-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0;
    background: #e6ecf2
}

.chat-message-gif__img .chat-message__loader {
    color: #9aa3ab
}

.chat-message-gif__img_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0
}

.chat-message__status {
    font-size: 12px;
    line-height: 15px;
    display: none;
    width: 80%;
    margin: 8px auto 5px;
    color: #9aa3ab
}

.chat-message__status.is-shown,
.chat-message--out:last-child>.chat-message__status {
    display: block
}

.chat-message--in>.chat-message__status {
    margin-left: 0;
    text-align: left
}

.chat-message--out>.chat-message__status {
    margin-right: 0;
    text-align: right
}

.chat-message__tail {
    display: none;
    position: absolute;
    bottom: 0;
    width: 13px;
    height: 17px
}

.chat-message__tail.chat-message__tail--center {
    width: 20px;
    height: 7px
}

.chat-message__tail.chat-message__tail--in,
.chat-message__tail.chat-message__tail--out {
    width: 13px;
    height: 17px
}

.chat-message--grey .chat-message__tail {
    color: #f2f2f2
}

.chat-message--blue .chat-message__tail {
    color: #191919
}

.chat-message--green .chat-message__tail {
    color: #1ac313
}

.chat-message--pink .chat-message__tail {
    color: #fddfdf
}

.old-android-webkit .chat-message__tail {
    display: none !important
}

.chat-message--center.is-last-of-sequence .chat-message__tail--center {
    display: block;
    right: 0;
    bottom: -6px;
    left: 0;
    margin: 0 auto
}

.chat-message--in.is-last-of-sequence .chat-message__tail--in {
    display: block;
    left: -5px
}

.chat-message--out.is-last-of-sequence .chat-message__tail--out {
    display: block;
    right: -5px
}

.chat-v2__controls {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 0;
    background: #fff;
    border-top: 1px solid #e6ecf2;
    border-bottom: 5px solid transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-smoothing: antialiased
}

.windows .chat-v2__controls {
    overflow: hidden
}

.chat-v2__controls.is-disabled {
    opacity: .5
}

.chat-input {
    display: none;
    position: relative
}

.is-chat-messaging .chat-input {
    display: block
}

.chat-input__textarea {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 36px;
    color: #333844
}

.chat-input__mirror {
    position: static;
    height: auto;
    color: transparent
}

.chat-input__textarea,
.chat-input__mirror {
    padding: 8px 15px;
    min-height: 36px;
    max-height: 100px;
    overflow: hidden;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.chat-input__textarea::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #9aa3ab;
    opacity: .4
}

.chat-input__textarea:-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #9aa3ab;
    opacity: .4
}

.chat-input__textarea::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #9aa3ab;
    opacity: .4
}

.chat-input__label {
    display: block;
    width: 100%;
    height: 36px
}

.chat-search {
    display: none;
    position: relative;
    padding: 0 0 36px
}

.is-chat-searching .chat-search {
    display: block
}

.chat-search__results .chat-search__results-scroller {
    overflow-x: auto;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.chat-search__results .chat-search__results-gallery {
    position: relative;
    padding: 3px 3px 0
}

.chat-search__results .chat-search__no-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 90px;
    margin: 0 auto;
    color: #9aa3ab
}

.chat-search__results .chat-search__loading {
    display: block;
    width: 100%;
    height: 90px;
    color: #9aa3ab;
    background-color: #f2f2f2
}

.chat-search__results .chat-search__loading>.icon-svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.chat-search__results .chat-search__results-gallery-item {
    display: inline-block;
    overflow: hidden;
    height: 90px;
    margin: 0 3px 0 0;
    vertical-align: top;
    background-color: #f2f2f2
}

.chat-search__results .chat-search__results-gallery-item .chat-search__results-gallery-image {
    display: block;
    width: auto;
    height: 100%
}

.chat-search__filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 10px
}

.chat-search__filter .chat-search__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #9aa3ab
}

.chat-search__filter .chat-search__input {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 36px;
    margin: 0 0 0 5px;
    background: transparent
}

.chat-switchers {
    position: absolute;
    bottom: 40px !important;
    left: 10px
}

.chat-switchers__item {
    display: inline-block;
    width: 36px;
    height: 36px;
    padding: 5px;
    color: #9aa3ab !important;
}

.chat-switchers__item .icon-svg::after {
    content: none
}

.chat-switchers__item.is-disabled {
    opacity: .4 !important;
}

.chat-switchers__item.is-active {
    color: #191919 !important;
}

.chat-send {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 200px;
    height: 36px;
    padding: 0 10px;
    color: #191919;
    font-size: 16px;
    line-height: 36px;
    text-overflow: ellipsis;
}

.chat-send.is-disabled {
    color: #9aa3ab
}

.chat-send__fake {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    text-indent: -9999px
}

.chat-v2__spacing-stub {
    display: block;
    min-height: 72px
}

.old-android-webkit .chat-v2__controls .chat-input {
    padding-top: 36px
}

.old-android-webkit .chat-v2__controls .chat-input__textarea {
    top: 36px;
    bottom: 0
}

.old-android-webkit .chat-v2__controls .chat-input__label {
    position: absolute;
    top: 0
}

.old-android-webkit .chat-v2__controls .chat-search {
    padding-top: 36px;
    padding-bottom: 0
}

.old-android-webkit .chat-v2__controls .chat-send,
.old-android-webkit .chat-v2__controls .chat-switchers {
    top: 0;
    bottom: auto
}

.use-simplified-chat .chat-v2__controls {
    position: relative;
    border-bottom: 1px solid #e6ecf2;
    -webkit-transform: none;
    transform: none
}

.use-simplified-chat .chat-v2__spacing-stub {
    display: none
}

.use-simplified-chat.old-android-webkit .chat-v2__controls {
    padding-top: 10px;
    border-top: 5px solid transparent
}

.use-simplified-chat.old-android-webkit .chat-v2__controls .chat-input__label {
    display: none
}

.ice-breaker {
    font-size: 15px;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 10px 15px;
    padding: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #f2f2f2
}

.ice-breaker .ice-breaker__userpic {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0
}

.ice-breaker .ice-breaker__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.chat-initial-blobs {
    position: relative;
    margin: 0 auto;
    padding: 20px 0
}

.chat-initial-blobs .chat-initial-blobs__main {
    display: block;
    width: 160px;
    height: 160px;
    margin: auto
}

.chat-initial-blobs .chat-initial-blobs__user {
    width: 160px;
    height: 160px
}

.chat-initial-blobs .chat-initial-blobs__match {
    -webkit-transform: translate(56px, 56px);
    transform: translate(56px, 56px)
}

.chat-initial-blobs .chat-initial-blobs__slot {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 80px;
    margin: auto
}

.chat-initial-blobs .chat-initial-blobs__slot--1 {
    display: block;
    -webkit-transform: translate(-79px, -56px);
    transform: translate(-79px, -56px)
}

.chat-initial-blobs .chat-initial-blobs__slot--2 {
    display: block;
    -webkit-transform: translate(88px, -36px);
    transform: translate(88px, -36px)
}

.chat-initial-blobs .chat-initial-blobs__slot--3 {
    display: block;
    -webkit-transform: translate(-72px, 61px);
    transform: translate(-72px, 61px)
}

.chat-initial-blobs.chat-initial-blobs--spacious .chat-initial-blobs__main {
    display: block;
    width: 240px;
    height: 240px;
    margin: auto
}

.chat-initial-blobs.chat-initial-blobs--spacious .chat-initial-blobs__user {
    width: 240px;
    height: 240px
}

.chat-initial-blobs.chat-initial-blobs--spacious .chat-initial-blobs__match {
    -webkit-transform: translate(84px, 84px);
    transform: translate(84px, 84px)
}

.chat-initial-blobs.chat-initial-blobs--spacious .chat-initial-blobs__slot--1 {
    display: block;
    -webkit-transform: translate(-107px, -84px);
    transform: translate(-107px, -84px)
}

.chat-initial-blobs.chat-initial-blobs--spacious .chat-initial-blobs__slot--2 {
    display: block;
    -webkit-transform: translate(116px, -64px);
    transform: translate(116px, -64px)
}

.chat-initial-blobs.chat-initial-blobs--spacious .chat-initial-blobs__slot--3 {
    display: block;
    -webkit-transform: translate(-100px, 89px);
    transform: translate(-100px, 89px)
}

.chat-initial-blobs.chat-initial-blobs--compact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__main {
    width: auto;
    height: auto
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__user {
    width: 75px;
    height: 75px;
    border: 2px solid #fff
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__match {
    width: 20px;
    height: 20px;
    -webkit-transform: translate(27px, 27px);
    transform: translate(27px, 27px)
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__main,
.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__slot {
    position: relative;
    margin: 0;
    -webkit-transform: none;
    transform: none
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__slot {
    margin-left: -14px
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__main {
    z-index: 4
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__slot--1 {
    z-index: 3
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__slot--2 {
    z-index: 2
}

.chat-initial-blobs.chat-initial-blobs--compact .chat-initial-blobs__slot--3 {
    z-index: 1
}

@media all and (max-height:450px) {
    .chat-initial-blobs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .chat-initial-blobs .chat-initial-blobs__main {
        width: auto;
        height: auto
    }
    .chat-initial-blobs .chat-initial-blobs__user {
        width: 75px;
        height: 75px;
        border: 2px solid #fff
    }
    .chat-initial-blobs .chat-initial-blobs__match {
        width: 20px;
        height: 20px;
        -webkit-transform: translate(27px, 27px);
        transform: translate(27px, 27px)
    }
    .chat-initial-blobs .chat-initial-blobs__main,
    .chat-initial-blobs .chat-initial-blobs__slot {
        position: relative;
        margin: 0;
        -webkit-transform: none;
        transform: none
    }
    .chat-initial-blobs .chat-initial-blobs__slot {
        margin-left: -14px
    }
    .chat-initial-blobs .chat-initial-blobs__main {
        z-index: 4
    }
    .chat-initial-blobs .chat-initial-blobs__slot--1 {
        z-index: 3
    }
    .chat-initial-blobs .chat-initial-blobs__slot--2 {
        z-index: 2
    }
    .chat-initial-blobs .chat-initial-blobs__slot--3 {
        z-index: 1
    }
}

@media all and (min-height:600px) {
    .chat-initial-blobs .chat-initial-blobs__main {
        display: block;
        width: 240px;
        height: 240px;
        margin: auto
    }
    .chat-initial-blobs .chat-initial-blobs__user {
        width: 240px;
        height: 240px
    }
    .chat-initial-blobs .chat-initial-blobs__match {
        -webkit-transform: translate(84px, 84px);
        transform: translate(84px, 84px)
    }
    .chat-initial-blobs .chat-initial-blobs__slot--1 {
        display: block;
        -webkit-transform: translate(-107px, -84px);
        transform: translate(-107px, -84px)
    }
    .chat-initial-blobs .chat-initial-blobs__slot--2 {
        display: block;
        -webkit-transform: translate(116px, -64px);
        transform: translate(116px, -64px)
    }
    .chat-initial-blobs .chat-initial-blobs__slot--3 {
        display: block;
        -webkit-transform: translate(-100px, 89px);
        transform: translate(-100px, 89px)
    }
}

.chat-initial-blob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
    padding: 8px 10px;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #5e6773;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 10px;
    line-height: 12px;
    text-align: center
}

.chat-initial-blob .chat-initial-blob__number {
    font-size: 17px;
    line-height: 20px
}

.chat-initial-blob .chat-initial-blob__label {
    padding-bottom: 4px
}

.chat-initial-blob.chat-initial-blob--places {
    background-color: #26c570
}

.chat-initial-blob.chat-initial-blob--friends {
    background-color: #f4b416
}

.chat-initial-blob.chat-initial-blob--bumped {
    background-color: #9744e4
}

.chat-initial-blob.chat-initial-blob--interests {
    background-color: #f15380
}

.chat-initial-blob.chat-initial-blob--photos {
    background-color: #1978ef
}

.chat-invitation-send {
    font-size: 15px;
    line-height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    color: #5e6773;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f2f2f2
}

.chat-invitation-send .chat-invitation-send__image {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 15px 0 0
}

.chat-invitation-send .chat-invitation-send__text {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left
}

.chat-invitation-send .chat-invitation-send__action {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px
}

.chat-invitation-simple {
    font-size: 15px;
    line-height: 20px;
    color: #5e6773;
    text-align: center
}

.chat-invitation-simple .chat-invitation-simple__header {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 7px;
    color: #5e6773
}

body.ios-font-helvetica .chat-invitation-simple .chat-invitation-simple__header {
    font-weight: 500
}

body.android-font-system .chat-invitation-simple .chat-invitation-simple__header {
    font-weight: 700
}

body.android-font-roboto-new .chat-invitation-simple .chat-invitation-simple__header {
    font-weight: 500
}

.chat-invitation-simple .chat-invitation-simple__text {
    color: #9aa3ab
}

.chat-invitation-simple .chat-invitation-simple__text+.chat-invitation-simple__text {
    margin-top: 10px
}

.chat-initial-work-education {
    font-size: 12px;
    line-height: 15px;
    padding: 0 20px;
    color: #9aa3ab;
    text-align: center
}

.chat-initial-work-education .chat-initial-work-education__icon {
    margin: 2px 4px 0 0;
    color: #c8cfd6;
    vertical-align: top
}

.chat-initial-message {
    position: relative;
    max-width: 250px;
    margin: 0 auto;
    padding: 8px 0 0;
    text-align: center
}

.chat-initial-message .chat-initial-message__text {
    display: inline-block;
    padding: 13px;
    color: #5e6773;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #f2f2f2;
    text-align: center
}

.chat-initial-message .chat-initial-message__decoration {
    position: absolute;
    top: 0;
    left: 50%;
    width: 16px;
    height: 11px;
    margin: 0 0 0 -8px
}

.chat-initial-message .chat-initial-message__decoration svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.chat-initial {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%
}

.chat-initial .chat-initial__slot {
    display: block;
    position: relative;
    margin: 0
}

.chat-initial .chat-initial__slot--top {
    z-index: 3;
    margin: 0 0 20px
}

.chat-initial .chat-initial__slot--centered {
    z-index: 1
}

.chat-initial .chat-initial__slot--bottom {
    z-index: 2;
    margin: 20px 0 0
}

.chat-initial .chat-initial__slot--top:empty,
.chat-initial .chat-initial__slot--bottom:empty {
    margin: 0
}

.chat-initial.chat-initial--compact .chat-initial__slot--top {
    margin-bottom: 15px
}

.chat-initial.chat-initial--compact .chat-initial__slot--bottom {
    margin-top: 15px
}

.chat-initial.chat-initial--compact .chat-initial__slot--top:empty,
.chat-initial.chat-initial--compact .chat-initial__slot--bottom:empty {
    margin: 0
}

.chat-initial.chat-initial--condensed .chat-initial__slot--top {
    margin-bottom: 10px
}

.chat-initial.chat-initial--condensed .chat-initial__slot--bottom {
    margin-top: 10px
}

.chat-initial.chat-initial--condensed .chat-initial__slot--top:empty,
.chat-initial.chat-initial--condensed .chat-initial__slot--bottom:empty {
    margin: 0
}

@media all and (max-height:480px),
all and (orientation:landscape) and (max-height:600px) {
    .chat-initial .chat-initial__slot--top {
        margin-bottom: 15px
    }
    .chat-initial .chat-initial__slot--bottom {
        margin-top: 15px
    }
    .chat-initial .chat-initial__slot--top:empty,
    .chat-initial .chat-initial__slot--bottom:empty {
        margin: 0
    }
}

@media all and (orientation:landscape) and (max-height:400px) {
    .chat-initial .chat-initial__slot--top {
        margin-bottom: 10px
    }
    .chat-initial .chat-initial__slot--bottom {
        margin-top: 10px
    }
    .chat-initial .chat-initial__slot--top:empty,
    .chat-initial .chat-initial__slot--bottom:empty {
        margin: 0
    }
}

.chat-initial .chat-initial__splash {
    margin: 0 auto
}

.chat-initial .chat-initial__content {
    font-size: 15px;
    line-height: 20px;
    max-width: 375px;
    margin: 5px auto;
    padding: 0 15px
}

.chat-initial .chat-initial__content--match {
    margin-top: -7px;
    color: #5e6773;
    text-align: center
}

.chat-initial .chat-initial__content--invitation {
    margin-bottom: 15px
}

@media all and (max-height:400px) {
    .chat-initial .chat-initial__content--work-education {
        display: none
    }
}

.chat-initial .chat-initial__content--gift {
    color: #5e6773
}

.chat-initial .chat-initial__content--gift .chat-initial__gift-intro {
    margin: 0 0 15px;
    color: #9aa3ab;
    text-align: center
}

.chat-initial .chat-initial__content--gift .chat-message-gift {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.chat-initial .chat-initial__content--cta {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 15px
}

.chat-initial .chat-initial__content--cta .cta-box {
    padding-top: 0
}

.chat-initial .chat-initial__skip {
    position: relative;
    text-align: center;
    text-decoration: underline
}

.chat-initial .chat-initial__skip::after {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    left: 0;
    content: ''
}

.use-simplified-chat .has-controls .chat-initial .chat-initial__slot--top {
    padding-bottom: 100px
}

.use-simplified-chat .has-controls .chat-initial .chat-initial__content--match {
    position: relative;
    top: 110px
}

.use-simplified-chat .has-initial .chat-v2__controls {
    top: 46px
}

@media all and (orientation:landscape) and (max-height:340px) {
    .use-simplified-chat .has-c4c .chat-initial__splash {
        display: none
    }
}

.chat-blocker-stub {
    display: block;
    height: 146px
}

.chat-blocker {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

@media all and (orientation:portrait) and (min-width:376px) {
    .chat-blocker {
        padding-bottom: 5px
    }
}

.chat-blocker-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: left
}

.chat-blocker-info .chat-blocker-info__image {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 48px;
    margin: 0 15px 0 0
}

.chat-blocker-info .chat-blocker-info__text {
    display: block;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    text-overflow: ellipsis
}

.chat-v2 {
    padding: 0
}

.chat-v2-name {
    display: inline-block;
    margin: 0 3px;
    max-width: 180px;
    max-width: -webkit-calc(100vw - 160px);
    max-width: calc(100vw - 160px);
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chat-v2-switcher .chat-v2-report {
    display: none  !important;
}

.chat-v2-switcher .chat-v2-userpic {
    display: block  !important;
}

.chat-v2-switcher.show-report-button .chat-v2-report+.chat-v2-userpic {
    display: none !important;
}

.chat-v2-switcher.show-report-button .chat-v2-report {
    display: block  !important;
}

.settings-list {
    position: relative;
    margin: 20px auto;
    background: #fff
}

@media (min-width:415px) {
    .settings-list {
        max-width: 414px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }
}

.settings-list__item {
    position: relative
}

.settings-list__item+.settings-list__item {
    border-top: 1px solid #e9eef4
}

.settings-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #5e6773
}

.settings-item__label {
    font-size: 15px;
    line-height: 20px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    min-width: 0;
    padding: 10px 15px
}

.settings-item__action {
    font-size: 15px;
    line-height: 20px;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 10px 15px 10px 0
}

.settings-item__action--centered {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.settings-description {
    font-size: 12px;
    line-height: 15px;
    max-width: 414px;
    margin: 15px auto;
    padding: 0 15px;
    color: #9aa3ab;
    text-align: center
}

.page.settings-invisible-mode {
    background: #f2f2f2
}

.page.settings-payments {
    background: #f2f2f2
}

.page.settings-payments .payment-settings-status {
    display: block;
    font-size: 13px
}

.page.settings-payments .payment-settings-status.is-active {
    color: #35b122
}

.page.settings-payments .payment-settings-status.is-inactive {
    color: #9aa3ab
}

.page.settings-payments .payment-settings-description {
    display: block;
    overflow: hidden;
    margin: 3px 0;
    color: #9aa3ab;
    font-size: 13px;
    line-height: 16px;
    text-overflow: ellipsis
}

.page.settings-payments .payment-settings-description.is-hidden {
    display: none
}

.page.settings-payments .payment-settings-action {
    padding: 0 15px 10px 15px
}

.page.settings-payments .payment-settings-action .button-wrapper {
    max-width: none;
    padding: 0
}

.page.settings-payments .payment-settings-action .button {
    max-width: none
}

.page.settings-msisdn {
    background: #fff
}

.page.settings-msisdn .msisdn-info {
    max-width: 384px;
    margin: auto;
    padding: 30px 0;
    text-align: center
}

.page.settings-msisdn .msisdn-info__title {
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 15px
}

.page.settings-msisdn .msisdn-info__current {
    font-size: 20px;
    line-height: 25px;
    margin: 15px 0;
    color: #9aa3ab
}

.page.settings-msisdn .msisdn-info__comment {
    margin: 15px 0 0;
    color: #5e6773
}

.gift {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center
}

.gift::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    content: ''
}

.gift__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-background-size: contain;
    background-size: contain
}

.gift__image-loader,
.gift__image>.img,
.gift__image>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

.gift__private {
    position: absolute;
    right: 10px;
    bottom: 12px;
    padding: 1px 3px;
    background: #333844;
    color: #fff;
    font-size: 6px;
    line-height: 6px;
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.gift {
    width: 65px;
    height: 65px
}

.gift--sm {
    width: 48px;
    height: 48px
}

.gift--lg {
    width: 90px;
    height: 90px
}

.gift--fullsize {
    width: 200px;
    height: 200px
}

.gift--fullsize .gift__image-loader {
    width: 75%;
    height: 75%
}

.gift--fullsize .gift__private {
    right: 30px;
    bottom: 45px;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: none;
    transform: none;
    font-size: 16px;
    line-height: 20px
}

.gift__icon {
    display: none;
    position: absolute;
    top: -2px;
    right: -2px
}

.gift__image-loader {
    visibility: hidden;
    opacity: 0
}

.gift.is-loading .gift__image>.img,
.gift.is-loading .gift__image>img {
    visibility: hidden;
    opacity: 0
}

.gift.is-loading .gift__image-loader {
    visibility: visible;
    opacity: 1
}

.gift--send::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e6ecf2;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: ''
}

.gift--send .gift__icon {
    display: block;
    top: auto;
    right: 0;
    bottom: 0
}

.gift--promo::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e6ecf2;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: ''
}

.page.send-gift,
.page.page-gift {
    background: #fff
}

.page.send-gift .page-content,
.page.page-gift .page-content {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden
}

.page.send-gift .button-wrapper,
.page.page-gift .button-wrapper {
    margin: 15px 0;
    padding: 0
}

@media all and (min-width:375px) {
    .page.send-gift .page-content_,
    .page.page-gift .page-content_ {
        max-width: 345px;
        margin: auto
    }
    .page.send-gift .button-wrapper,
    .page.page-gift .button-wrapper {
        margin-right: 10px;
        margin-left: 20px
    }
}

.page.send-gift .gift-fullsize-wrapper,
.page.page-gift .gift-fullsize-wrapper {
    position: relative;
    margin: 5px 0;
    text-align: center
}

@media all and (orientation:landscape) and (min-width:480px) and (max-height:375px) {
    .page.send-gift .gift-fullsize-wrapper .gift--fullsize,
    .page.page-gift .gift-fullsize-wrapper .gift--fullsize {
        width: 150px;
        height: 150px
    }
}

.page.send-gift .gift-tag-wrapper,
.page.page-gift .gift-tag-wrapper {
    position: relative;
    margin: 0 0 20px
}

.page.send-gift .gift-tag-wrapper::before,
.page.page-gift .gift-tag-wrapper::before,
.page.send-gift .gift-tag-wrapper::after,
.page.page-gift .gift-tag-wrapper::after {
    position: absolute;
    top: 49px;
    right: 100%;
    width: 340px;
    height: 4px;
    margin: 0 -19px 0 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e6ecf2;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    content: ''
}

.page.send-gift .gift-tag-wrapper::after,
.page.page-gift .gift-tag-wrapper::after {
    top: 38px;
    z-index: 1
}

.gift-private-notification {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 7px
}

.gift-private-notification__text {
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin: 0 0 0 20px;
    color: #9aa3ab;
    text-overflow: ellipsis
}

.gift-private-notification__mark {
    font-size: 10px;
    line-height: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px;
    padding: 2px 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #333844;
    color: #fff
}

.gift-private-message {
    margin: 0 auto 10px;
    padding: 0 30px;
    width: 290px;
    text-align: center;
    color: #5e6773
}

.gift-private-switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 7px
}

.gift-private-switcher__control {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 20px
}

.gift-private-switcher__text {
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    color: #9aa3ab;
    text-overflow: ellipsis
}

.gift-private-switcher__mark {
    font-size: 10px;
    line-height: 15px;
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px;
    padding: 2px 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #333844;
    color: #fff
}

.gift-private-switcher.is-private .gift-private-switcher__text {
    color: inherit
}

.gift-private-switcher.is-private .gift-private-switcher__mark {
    display: block
}

.gift-preview {
    position: relative;
    height: 200px;
    margin: 5px -15px;
    text-align: center
}

.gift-preview .sticky-scroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gift-preview .sticky-scroll_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.gift-preview__page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%
}

@media all and (orientation:landscape) and (min-width:480px) and (max-height:375px) {
    .gift-preview {
        height: 150px
    }
    .gift-preview .gift--fullsize {
        width: 150px;
        height: 150px
    }
}

.gift-preview__control {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    color: #9aa3ab
}

.gift-preview__control--prev {
    left: 10px
}

.gift-preview__control--next {
    right: 10px
}

.gift-preview.is-first .gift-preview__control--prev,
.gift-preview.is-last .gift-preview__control--next {
    display: none
}

.page.gift-store .page-content {
    font-size: 15px;
    line-height: 20px;
    padding-top: 15px
}

.gift-showcase {
    margin: 0 0 15px 0
}

.gift-showcase__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px 0
}

.gift-showcase__title {
    font-weight: 600;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

body.ios-font-helvetica .gift-showcase__title {
    font-weight: 500
}

body.android-font-system .gift-showcase__title {
    font-weight: 700
}

body.android-font-roboto-new .gift-showcase__title {
    font-weight: 500
}

.gift-showcase__price {
    color: #5e6773;
    font-size: 12px;
    line-height: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0 0 0 15px;
    text-align: right
}

.gift-showcase__items {
    margin: 10px 0 0
}

.gift-showcase__item {
    display: inline-block;
    width: 25%;
    padding: 0 5px 10px;
    text-align: center
}

.gift-showcase--premium .gift-showcase__item {
    width: 33.33333333%
}

.gift-showcase__item>.brick {
    background: #d3dee7
}

@media all and (min-width: 720px),
all and (orientation: landscape) and (min-width: 360px) {
    .gift-showcase__item {
        width: 20%
    }
    .gift-showcase--premium .gift-showcase__item {
        width: 25%
    }
}

.gift-showcase__item--additional {
    display: none
}

.gift-showcase__items.is-expanded .gift-showcase__item--additional {
    display: inline-block
}

.gift-showcase__items.is-expanded .gift-showcase__item--more {
    display: none
}

.profile-gifts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-gifts.is-editing .gift::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: ''
}

.profile-gifts.is-editing .gift__icon {
    display: block
}

.profile-gifts.is-editing .gift.is-marked .icon-svg__inactive {
    display: none
}

.profile-gifts.is-editing .gift.is-marked .icon-svg__active {
    display: block
}

.profile-gifts.is-editing .gift.is-marked .gift__image {
    opacity: .4
}

.profile-gift {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 0 15px 0 0
}

.profile-gift:empty {
    padding-right: 0
}

.profile-gifts-action {
    font-size: 15px;
    line-height: 20px;
    margin: 8px 0 0;
    color: #191919
}

.profile-no-gifts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-no-gifts+.profile-no-gifts {
    margin-top: 10px
}

.profile-no-gifts__pic {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 15px 0 0
}

.profile-no-gifts__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #191919
}

.profile-no-gifts__info--no-color {
    color: currentColor
}

.gift-tag {
    display: inline-block;
    position: relative;
    z-index: 1;
    max-width: 100%;
    max-height: 80px;
    margin: 0;
    padding: 0 0 0 21px
}

.gift-tag .gift-tag__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0;
    margin: 0;
    padding: 9px 15px;
    background-color: #fff;
    border: 1px solid #d3dee7;
    border-left: none;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.gift-tag .gift-tag__text {
    overflow: hidden;
    width: 100%;
    max-height: 60px;
    font-size: inherit;
    line-height: 20px;
    text-align: center;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.gift-tag .gift-tag__input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.gift-tag .gift-tag__input-label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gift-tag .gift-tag__input-clamp {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-height: 60px
}

.gift-tag .gift-tag__input-textarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gift-tag .gift-tag__input-mirror {
    position: static;
    color: transparent
}

.gift-tag .gift-tag__input-textarea,
.gift-tag .gift-tag__input-mirror {
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    min-height: 20px;
    max-height: 100%;
    margin: auto;
    padding: 0;
    border: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word
}

.gift-tag .gift-tag__input-textarea:focus::-webkit-input-placeholder {
    color: transparent
}

.gift-tag .gift-tag__input-textarea:focus:-ms-input-placeholder {
    color: transparent
}

.gift-tag .gift-tag__input-textarea:focus::placeholder {
    color: transparent
}

.gift-tag .gift-tag__input-counter {
    font-size: 12px;
    line-height: 15px;
    position: absolute;
    right: 7px;
    bottom: 4px;
    color: #9aa3ab
}

.gift-tag .gift-tag__corner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.gift-tag .gift-tag__corner .gift-tag__corner-decoration {
    position: absolute;
    width: 21px
}

.gift-tag .gift-tag__corner .gift-tag__corner-decoration--below {
    top: 0;
    bottom: 0;
    left: 0
}

.gift-tag .gift-tag__corner .gift-tag__corner-decoration--above {
    top: 1px;
    bottom: 1px;
    left: 1px
}

.gift-tag .gift-tag__corner svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gift-tag .gift-tag__corner .gift-tag__corner-hole {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    z-index: 1;
    background: #fff;
    border: 1px solid #d3dee7;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05)
}

.gift-tag.gift-tag--reverse {
    padding-right: 21px;
    padding-left: 0
}

.gift-tag.gift-tag--reverse .gift-tag__main {
    border-right: none;
    border-left: 1px solid #d3dee7;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.gift-tag.gift-tag--reverse .gift-tag__corner {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.gift-tag.gift-tag--maximised {
    display: block
}

.gift-tag.gift-tag--maximised .gift-tag__main {
    height: 80px
}

.upsell {
    width: 100%;
    max-width: 375px;
    margin: auto;
    padding: 20px 30px 0 30px;
    text-align: center
}

.upsell__title {
    padding: 0;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600
}

body.ios-font-helvetica .upsell__title {
    font-weight: 500
}

body.android-font-system .upsell__title {
    font-weight: 700
}

body.android-font-roboto-new .upsell__title {
    font-weight: 500
}

.upsell__message {
    padding: 0;
    color: #fff;
    font-size: 15px;
    line-height: 20px
}

.upsell-promotion {
    position: relative;
    margin: 20px 0 10px 0;
    padding: 25px 15px 20px 15px;
    background: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.upsell-promotion .ribbon {
    top: 15px;
    left: 0
}

.upsell-promotion__picture .brick {
    margin: 0 0 25px 0
}

.upsell-promotion__picture .brick.upsell-promotion__icon {
    width: 110px;
    height: 110px;
    margin: -10px -10px 0 -10px;
    -webkit-border-radius: initial;
    border-radius: initial;
    background: none
}

.upsell-promotion__picture .brick.upsell-promotion__icon>.mark {
    position: absolute;
    right: -2px;
    bottom: 15px
}

@media (max-device-height:480px) {
    .upsell-promotion__picture .brick {
        width: 70px;
        height: 70px
    }
    .upsell-promotion__picture .brick.upsell-promotion__icon {
        width: 90px;
        height: 90px
    }
    .upsell-promotion__picture .brick.upsell-promotion__icon>.mark {
        bottom: 12px
    }
}

.upsell-promotion__header {
    margin: 0 0 10px 0;
    color: #333844;
    font-size: 17px;
    line-height: 21px;
    font-weight: 600
}

body.ios-font-helvetica .upsell-promotion__header {
    font-weight: 500
}

body.android-font-system .upsell-promotion__header {
    font-weight: 700
}

body.android-font-roboto-new .upsell-promotion__header {
    font-weight: 500
}

.upsell-promotion__message {
    margin: 0 0 10px 0;
    color: #5e6773;
    font-size: 13px;
    line-height: 16px
}

.upsell-promotion__actions {
    margin: 20px 0 0 0
}

.upsell__close {
    margin: 20px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 16px
}

.upsell-promotion .hint:last-child {
    padding-bottom: 0
}

.fbAdMedia>img:only-child {
    display: block
}

.fbAdMedia>div>video {
    display: block
}

.fbAdMedia>div+div {
    position: static !important;
    -webkit-transform: none !important;
    transform: none !important
}

.fbAdMedia>div+div>div {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto !important
}

.fbAdMedia>div>div {
    overflow: auto !important;
    padding-bottom: 12px;
    text-align: center;
    white-space: nowrap;
    font-size: 0
}

.fbAdMedia>div>div>a {
    display: inline-block !important;
    float: none !important;
    width: 25%
}

.fbAdMedia>div>div>a:nth-last-child(3):first-child,
.fbAdMedia>div>div>a:nth-last-child(3):first-child~a {
    width: 30%
}

.fbAdMedia>div>div>a:last-of-type {
    margin-right: 8px
}

.fbAdMedia>div>div>a::after {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.fbAdTitle {
    color: #333844;
    font-size: 17px;
    line-height: 21px;
    font-weight: 600
}

body.ios-font-helvetica .fbAdTitle {
    font-weight: 500
}

body.android-font-system .fbAdTitle {
    font-weight: 700
}

body.android-font-roboto-new .fbAdTitle {
    font-weight: 500
}

.fbAdBody {
    padding: 0 0 25px 0;
    color: #5e6773;
    font-size: 13px;
    line-height: 16px
}

.page.app-of-the-day nav {
    display: none
}

.page.app-of-the-day .navigation-bar {
    z-index: 501
}

.verify-photo .verify-photo__sample-gesture {
    padding: 10px 0 0;
    text-align: center
}

.verify-photo .verify-photo__compare-gesture {
    padding: 10px 0 0;
    text-align: center
}

.verify-photo .verify-photo__compare-gesture .verify-photo__photo-wrapper {
    margin: 0 3px
}

.verify-photo .verify-photo__photo-wrapper {
    display: inline-block;
    position: relative;
    background-color: #e6ecf2
}

.verify-photo .verify-photo__photo-loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #9aa3ab
}

.verify-photo .verify-photo__photo-frame {
    display: block;
    position: relative;
    z-index: 1;
    background-color: #e6ecf2;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12)
}

.verify-photo .verify-photo__photo-image {
    position: relative;
    width: 130px;
    height: 170px;
    z-index: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: 1;
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.verify-photo .verify-photo__status-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    background: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.verify-photo .verify-photo__photo-dash {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 149.5px;
    height: 170px;
    z-index: 0;
    -webkit-transform: rotate(8deg) translate(15px, 0);
    transform: rotate(8deg) translate(15px, 0)
}

.verify-photo .verify-photo__photo-dash rect {
    fill: #fff;
    stroke: #ebebeb;
    stroke-width: 3;
    stroke-dasharray: 4;
    width: 100%;
    height: 100%
}

.no-svg-support .verify-photo .verify-photo__photo-dash {
    display: none
}

.verify-photo .verify-photo__photo-wrapper.is-loading .verify-photo__photo-loader {
    display: block
}

.verify-photo .verify-photo__photo-wrapper.is-loading .verify-photo__photo-image {
    opacity: 0
}

.connections-filter {
    display: block;
    padding: 15px 15px 5px 15px
}

.connections-filter__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 44px
}

.connections-filter__search-field {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    color: #333844
}

.connections-filter__search-field::-webkit-input-placeholder,
.connections-filter__search-field:-ms-input-placeholder {
    color: #c4c4c4
}

.connections-filter__search-extra {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 44px;
    min-height: 44px;
    margin: 0 0 0 auto
}

.connections-filter__search {
    position: absolute;
    top: 0;
    right: 49px;
    left: 0
}

.connections-filter__search .connections-filter__search_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 0 0 0 14px;
    opacity: 0;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    color: #c4c4c4
}

.connections-filter__search .connections-filter__search_ .connections-filter__search-field {
    width: auto
}

.connections-filter__search .connections-filter__search_ .connections-filter__search-extra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.connections-filter__title {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-left: auto
}

.connections-filter-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 44px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f6f6f6
}

.connections-filter-item .connections-filter-item__label {
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    margin: 0 0 0 15px;
    opacity: 1;
    color: #333844;
    white-space: nowrap
}

.connections-filter-item .connections-filter-item__extra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    margin: 0 0 0 auto
}

.connections-filter-item .connections-filter-item__chevron {
    color: #c4c4c4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.connections-filter-item .connections-filter-item__chevron>.icon-svg {
    display: block
}

.connections-filter-item .connections-filter-item__counter {
    display: block
}

.connections-filter-item .connections-filter-item__close {
    display: none
}

.connections-filter__options {
    position: relative;
    overflow: hidden;
    height: 0;
    background: rgba(255, 255, 255, 0.6)
}

.connections-filter__options .connections-filter-item:nth-child(4) {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.connections-filter__options .connections-filter-item:nth-child(3) {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.connections-filter__options .connections-filter-item:nth-child(2) {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.connections-filter__options .connections-filter-item:nth-child(1) {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.connections-filter.is-active .connections-filter__search .connections-filter__search_ {
    opacity: 1;
    width: 100%
}

.connections-filter.is-active .connections-filter__title {
    width: 44px
}

.connections-filter.is-active .connections-filter__title .connections-filter-item .connections-filter-item__label {
    width: 0;
    margin: 0;
    opacity: 0
}

.connections-filter.is-active .connections-filter__title .connections-filter-item .connections-filter-item__chevron {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.connections-filter.is-active .connections-filter__options {
    height: 196px
}

.connections-filter.is-active .connections-filter__options .connections-filter-item:nth-child(1) {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.connections-filter.is-active .connections-filter__options .connections-filter-item:nth-child(2) {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 54px, 0);
    transform: translate3d(0, 54px, 0)
}

.connections-filter.is-active .connections-filter__options .connections-filter-item:nth-child(3) {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 103px, 0);
    transform: translate3d(0, 103px, 0)
}

.connections-filter.is-active .connections-filter__options .connections-filter-item:nth-child(4) {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, 152px, 0);
    transform: translate3d(0, 152px, 0)
}

.connections-filter-item.is-active .connections-filter-item__counter {
    display: none
}

.connections-filter-item.is-active .connections-filter-item__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.connections-items {
    display: block
}

.connections-items .feature-card {
    position: relative;
    padding: 5px 15px
}

.connections-items .feature-card::after {
    position: absolute;
    right: 15px;
    bottom: 0;
    left: 90px;
    height: 1px;
    content: '';
    background: #e6ecf2
}

.connections-items .feature-card.is-fetching .mark {
    display: none
}

.connections-items .chat-promo-block {
    margin-top: -1px;
    padding: 10px 15px 0 10px
}

.connections-items .chat-promo-block::before,
.connections-items .chat-promo-block::after {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    border: 0;
    background: #e6ecf2
}

.connections-items .chat-promo-block::before {
    top: 0
}

.connections-items .chat-promo-block::after {
    bottom: 0
}

.connections-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 5px 15px
}

.connections-item::after {
    position: absolute;
    right: 15px;
    bottom: 0;
    left: 90px;
    height: 1px;
    content: '';
    background: #e6ecf2
}

.connections-item__image {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 65px;
    height: 65px
}

.connections-item__info {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    min-width: 0
}

.connections-item__extra {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.connections-item__favourite {
    display: block;
    width: 24px;
    height: 24px;
    color: #e6ecf2
}

.old-android-webkit .connections-item__favourite {
    opacity: .6
}

.connections-item__favourite.is-active {
    color: #ffc831
}

.old-android-webkit .connections-item__favourite.is-active {
    opacity: 1
}

.connections-item__image+.connections-item__info {
    margin-left: 15px
}

.connections-item-preview {
    display: block
}

.connections-item-preview__title {
    font-weight: 600;
    display: block;
    color: #333844;
    white-space: nowrap
}

body.ios-font-helvetica .connections-item-preview__title {
    font-weight: 500
}

body.android-font-system .connections-item-preview__title {
    font-weight: 700
}

body.android-font-roboto-new .connections-item-preview__title {
    font-weight: 500
}

.connections-item-preview__info {
    display: block;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.connections-item-preview__info.connection-item-preview__info--expanded {
    white-space: normal
}

.connections-item-preview__sticker {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle
}

.connections-item-preview__title+.connections-item-preview__info {
    margin-top: 4px
}

.connections {
    display: block
}

.connections__navigation .connections__navigation-default {
    display: block
}

.connections__navigation .connections__navigation-search {
    display: none
}

.connections__filter {
    display: block
}

.connections__items {
    display: block;
    padding: 5px 0 25px 0
}

.connections__loader {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 46px 0 0 0;
    color: #5e6773;
    background: #fff
}

.connections__empty {
    display: none
}

.connections__empty .blocking-screen {
    z-index: -1;
    top: 110px
}

.connections__search-empty {
    display: none
}

.connections__search-empty .empty-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: -1;
    top: 46px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    color: #949494;
    font-size: 22px;
    line-height: 25px
}

.connections.is-loading .connections__loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.connections.is-empty .connections__empty {
    display: block
}

.connections.is-empty .connections__items {
    display: none
}

.connections.is-searching .connections__navigation .connections__navigation-default {
    display: none
}

.connections.is-searching .connections__navigation .connections__navigation-search {
    display: block
}

.connections.is-searching .connections-filter {
    display: none
}

.connections.is-searching-empty .connections__items {
    display: none
}

.connections.is-searching-empty .connections__search-empty {
    display: block
}

.stars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stars .star {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25px;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    position: relative;
    width: 25px;
    height: 25px;
    margin: 0 0 0 15px;
    color: #191919
}

.stars .star:last-child {
    margin-left: 0
}

.stars .star__icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.stars .star__action {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.stars input[type='radio'] {
    display: none
}

.stars input[type='radio']:checked~.star .icon-svg__inactive {
    display: none
}

.stars input[type='radio']:checked~.star .icon-svg__active {
    display: block
}

.menu-navigation {
    padding: 0 0 15px 0;
    min-height: 100%;
    color: #fff;
    text-align: center;
    font-size: 8px;
    line-height: 10px;
    letter-spacing: .0125em
}

.menu-navigation-item {
    position: relative;
    overflow: hidden
}

.menu-navigation-item {
    padding: 9px 5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5)
}

.menu-navigation-item_ {
    position: relative;
    width: 100%
}

.menu-navigation-item__icon {
    display: block;
    margin: 0 auto 5px auto;
    width: 22px;
    height: 22px
}

.no-svg-support .menu-navigation-item__icon {
    opacity: .5
}

.menu-navigation-item__counter {
    position: absolute;
    top: -7px;
    left: 50%
}

.menu-navigation-item__indicator {
    position: absolute;
    top: -3px;
    left: 50%;
    width: 15px;
    height: 15px;
    margin: 0 0 0 4px;
    background: #fff;
    border: 5px solid #ee203c;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.menu-navigation-item.is-active {
    background: rgba(0, 0, 0, 0.15);
    color: #fff
}

.menu-navigation-item.is-active .menu-navigation-item__icon {
    opacity: 1
}

.menu-navigation-item.is-pressed {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.8)
}

.menu-navigation-item--profile {
    padding-top: 14px
}

.menu-navigation-item--profile .menu-navigation-item__name {
    display: block;
}

.menu-navigation-item__avatar {
    width: 40px;
    height: 40px;
    background-color: transparent
}

.menu-navigation-item__avatar .brick__image {
    background-color: transparent
}

.menu-navigation-item__avatar .brick__image svg {
    background-color: #e6ecf2
}

@media all and (orientation:portrait) and (max-height:400px) {
    .menu-navigation-item__avatar {
        width: 35px;
        height: 35px
    }
}

@media all and (orientation:portrait) and (min-height:558px) {
    .menu-navigation-item {
        padding: 11px 5px
    }
    .menu-navigation-item--profile {
        padding-top: 16px
    }
    .menu-navigation-item__icon {
        width: 24px;
        height: 24px
    }
    .menu-navigation-item__avatar {
        width: 44px;
        height: 44px
    }
}

@media all and (orientation:landscape) and (min-width:480px) {
    .menu-navigation-item {
        padding: 7px 5px 7px 12px
    }
    .menu-navigation-item--profile {
        padding: 9px 5px 4px 10px
    }
    .menu-navigation-item--profile .menu-navigation-item__name {
        display: block
    }
    .menu-navigation-item_ {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
    .menu-navigation-item__icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 18px;
        height: 18px;
        margin: 0 10px 0 0
    }
    .menu-navigation-item__avatar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        margin: 0 7px 0 0
    }
    .menu-navigation-item__name {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .menu-navigation-item__indicator,
    .menu-navigation-item__counter {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: relative;
        top: 0;
        left: 0;
        margin: 0
    }
}

@media all and (orientation:landscape) and (min-width:480px) and (min-height:320px) {
    .menu-navigation-item {
        padding: 10px 5px 10px 12px
    }
    .menu-navigation-item--profile {
        padding: 12px 5px 7px 9px
    }
    .menu-navigation-item__icon {
        width: 20px;
        height: 20px
    }
    .menu-navigation-item__avatar {
        width: 26px;
        height: 26px
    }
}

.menu-payments {
    max-width: 500px;
    margin: 0 auto 15px auto
}

.menu-payment {
    position: relative;
    padding: 10px 60px 10px 3px
}

.menu-payment+.menu-payment {
    border-top: 2px solid #dfdede;
    border-radius: 2px

}

.menu-payment__name {
    color: #9aa3ab
}

.menu-payment__icon {
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto
}

.menu-payment__chevron {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    margin: auto;
    color: #4c5056
}

.menu-payment__chevron svg img {
    opacity: .2
}

@media (min-width:481px) {
    .menu-payment {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 20px;
        padding-right: 80px;
        padding-bottom: 20px
    }
    .menu-payment__name {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 40%;
        min-width: 80px;
        max-width: 150px;
        margin: 0 10px 0 0
    }
    .menu-payment__value {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        text-align: right
    }
}

.carousel-rainbow {
    position: relative;
    padding: 46px 0 0 0;
    color: #9aa3ab
}

.carousel-rainbow::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 48px;
    content: '';
    background: currentColor
}

.carousel-rainbow_ {
    position: relative
}

.carousel-rainbow_::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50%;
    left: 0;
    content: '';
    background-color: currentColor
}

.carousel-rainbow__content {
    color: #333844;
    text-align: center
}

.carousel-rainbow--attention-boost {
    color: #ff8201
}

.carousel-rainbow--chat-with-tired {
    color: #fe7900
}

.carousel-rainbow--chat-with-newbies {
    color: #86c313
}

.carousel-rainbow--crush {
    color: #ee203c
}

.carousel-rainbow--extra-shows {
    color: #00caab
}

.carousel-rainbow--favourites {
    color: #ffc831
}

.carousel-rainbow--invisible-mode {
    color: #08b5fd
}

.carousel-rainbow--gifts {
    color: #fff
}

.carousel-rainbow--liked-you {
    color: #ee203c
}

.carousel-rainbow--riseup {
    color: #29cf29
}

.carousel-rainbow--special-delivery {
    color: #191919
}

.carousel-rainbow--spotlight {
    color: #2b8cfc
}

.carousel-rainbow--spp {
    color: #ffcc00
}

.carousel-rainbow--stickers {
    color: #fff
}

.carousel-rainbow--undo {
    color: #9aa9c5
}

.carousel-rainbow--billing {
    color: #35b122
}

.payment-packages {
    margin: 0 0 15px 0
}

.payment-packages__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 75px;
    padding: 5px 15px
}

.payment-packages__item::after {
    position: absolute;
    right: 15px;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    background: #e6ecf2
}

.payment-packages__item--popular {
    background: #fff9e5
}

.payment-packages__item--popular::after {
    display: none
}

.payment-packages__radio {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 10px 0 0
}

.payment-packages__radio::before {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #9aa3ab;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff
}

.payment-packages__item.is-selected .payment-packages__radio::before {
    border: 6px solid #5e6773
}

.payment-packages__description {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.payment-packages__title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600
}

body.ios-font-helvetica .payment-packages__title {
    font-weight: 500
}

body.android-font-system .payment-packages__title {
    font-weight: 700
}

body.android-font-roboto-new .payment-packages__title {
    font-weight: 500
}

.payment-packages__title .icon-svg {
    top: 2px;
    margin-left: 4px;
    vertical-align: baseline
}

.payment-packages__title-chunk {
    display: inline-block;
    margin-right: 5px
}

.payment-packages__subtitle {
    font-size: 12px;
    line-height: 15px;
    color: #9aa3ab
}

.payment-packages__popular {
    font-size: 12px;
    line-height: 15px;
    color: #fb0
}

.payment-packages__price {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 0 0 10px;
    color: #35b122;
    text-align: right
}

.payment-packages__amount {
    font-weight: 600
}

body.ios-font-helvetica .payment-packages__amount {
    font-weight: 500
}

body.android-font-system .payment-packages__amount {
    font-weight: 700
}

body.android-font-roboto-new .payment-packages__amount {
    font-weight: 500
}

.payment-packages__units {
    font-size: 12px;
    line-height: 15px;
    margin: 2px 0 0 0
}

.payment-packages__item--lifetime .payment-packages__amount {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #9aa3ab
}

.payment-packages__item--lifetime .payment-packages__units {
    font-weight: 600
}

body.ios-font-helvetica .payment-packages__item--lifetime .payment-packages__units {
    font-weight: 500
}

body.android-font-system .payment-packages__item--lifetime .payment-packages__units {
    font-weight: 700
}

body.android-font-roboto-new .payment-packages__item--lifetime .payment-packages__units {
    font-weight: 500
}

.payment-packages-wrapper {
    position: relative
}

.payment-packages-wrapper::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #fff;
    opacity: .8
}

.payment-packages-wrapper.is-blocked::after {
    content: ''
}

.payment-topup {
    font-size: 12px;
    line-height: 15px;
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 30px;
    color: #5e6773
}

.payment-topup .payment-topup__checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px
}

.payment-topup .payment-topup__checkbox--active {
    display: none
}

.payment-topup .payment-topup__checkbox--inactive {
    border: 1px solid #9aa3ab;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff
}

.payment-topup.is-selected .payment-topup__checkbox--active {
    display: block
}

.payment-topup.is-selected .payment-topup__checkbox--inactive {
    display: none
}

.payment-topup.is-disabled {
    color: #9aa3ab
}

.double-credits {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 20px 15px 20px;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f0f4f7
}

.double-credits__promo {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.old-android-webkit .double-credits__promo {
    position: relative;
    width: 75px;
    height: 48px
}

.double-credits__description {
    font-size: 15px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 0 15px 0 0
}

.double-credits__title {
    font-weight: 600;
    color: #333844
}

body.ios-font-helvetica .double-credits__title {
    font-weight: 500
}

body.android-font-system .double-credits__title {
    font-weight: 700
}

body.android-font-roboto-new .double-credits__title {
    font-weight: 500
}

.double-credits__text {
    margin: 4px 0 0 0;
    color: #5e6773;
    font-size: 13px;
    line-height: 18px
}

.rate-app {
    margin: 25px 0 15px;
    padding: 0
}

.rate-app.rate-app--abtest {
    margin-top: 15px;
    margin-bottom: 25px
}

.rate-app-like-image {
    width: 66%;
    margin: 15px auto 20px auto;
    background: url('img/no-sprite/rate-app.png') no-repeat center;
    -webkit-background-size: contain;
    background-size: contain
}

.rate-app-like-image::after {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.rate-app-like-button {
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.invite-sources-list {
    font-size: 15px;
    line-height: 20px;
    display: block;
    margin: 10px 0
}

.invite-sources-list .invite-sources-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 5px 0
}

.invite-sources-list .invite-sources-list__item::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 80px;
    height: 1px;
    content: '';
    background: #f2f2f2
}

.invite-sources-list .invite-sources-list__icon {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 65px;
    height: 65px;
    margin: 0 15px 0 0
}

.invite-sources-list .invite-sources-list__icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto
}

.invite-sources-list .invite-sources-list__details {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.invite-sources-list .invite-sources-list__name {
    font-weight: 600
}

body.ios-font-helvetica .invite-sources-list .invite-sources-list__name {
    font-weight: 500
}

body.android-font-system .invite-sources-list .invite-sources-list__name {
    font-weight: 700
}

body.android-font-roboto-new .invite-sources-list .invite-sources-list__name {
    font-weight: 500
}

.invite-sources-list .invite-sources-list__description {
    margin: 2px 0 0 0;
    color: #5e6773
}

.invite-contacts-loading {
    margin: 30px 0;
    color: #9aa3ab;
    text-align: center
}

.invite-contacts-list {
    font-size: 15px;
    line-height: 20px;
    display: block;
    margin: 15px 0
}

.invite-contacts-list .invite-contacts-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 5px 0
}

.invite-contacts-list .invite-contacts-list__item::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 80px;
    height: 1px;
    content: '';
    background: #f2f2f2
}

.invite-contacts-list .invite-contacts-list__image {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 15px 0 0
}

.invite-contacts-list .invite-contacts-list__details {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.invite-contacts-list .invite-contacts-list__name {
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body.ios-font-helvetica .invite-contacts-list .invite-contacts-list__name {
    font-weight: 500
}

body.android-font-system .invite-contacts-list .invite-contacts-list__name {
    font-weight: 700
}

body.android-font-roboto-new .invite-contacts-list .invite-contacts-list__name {
    font-weight: 500
}

.invite-contacts-list .invite-contacts-list__description {
    overflow: hidden;
    margin: 2px 0 0 0;
    color: #5e6773;
    text-overflow: ellipsis
}

.invite-contacts-list .invite-contacts-list__checkbox {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 0 0 15px
}

.invite-contacts-list .invite-contacts-list__clickable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.invite-contacts-empty {
    margin: 15px;
    color: #5e6773;
    text-align: center
}

.invite-sources-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.invite-sources-line::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    background: #e6ecf2
}

.invite-sources-line .invite-sources-line__item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 22%;
    -ms-flex: 1 0 22%;
    flex: 1 0 22%;
    min-width: 75px;
    padding: 10px 5px;
    text-align: center
}

.invite-sources-line .invite-sources-line__icon {
    display: block;
    position: relative;
    width: 65px;
    height: 65px;
    margin: 0 auto 10px
}

.invite-sources-line .invite-sources-line__icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto
}

.invite-sources-line .invite-sources-line__icon--active {
    display: none
}

.invite-sources-line .invite-sources-line__label {
    font-size: 10px;
    line-height: 15px;
    overflow: hidden;
    color: #333844;
    white-space: nowrap;
    text-transform: uppercase;
    text-overflow: ellipsis
}

.invite-sources-line .invite-sources-line__item.is-selected::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: '';
    background: #191919
}

.invite-sources-line .invite-sources-line__item.is-selected .invite-sources-line__icon--inactive {
    display: none
}

.invite-sources-line .invite-sources-line__item.is-selected .invite-sources-line__icon--active {
    display: block
}

.invite-sources-line {
    position: fixed;
    z-index: 9;
    top: 41px;
    right: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
    background: #fff
}

.invite-sources-line+.fake {
    height: 110px
}

.invite-sources-line.is-static {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.invite-sources-line .invite-sources-line__icons {
    display: none
}

.invite-sources-line.is-static .invite-sources-line__icons {
    display: block
}

.invite-progress {
    padding: 20px 0 15px;
    border-bottom: 1px solid #f2f2f2
}

.invite-progress .invite-progress__title {
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center
}

body.ios-font-helvetica .invite-progress .invite-progress__title {
    font-weight: 500
}

body.android-font-system .invite-progress .invite-progress__title {
    font-weight: 700
}

body.android-font-roboto-new .invite-progress .invite-progress__title {
    font-weight: 500
}

.invite-progress .invite-progress__description {
    font-size: 12px;
    line-height: 15px;
    margin: 5px 0 0;
    color: #9aa3ab;
    text-align: center
}

.invite-progress .invite-progress__progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.invite-progress .invite-progress__bar {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 180px
}

.invite-progress .invite-progress__initial {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 10px 0 0
}

.invite-progress .invite-progress__maximum {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 0 0 10px
}

.page.landing {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    text-align: center
}

.page.landing .landing-decorations {
    position: absolute;
    z-index: -1;
    top: -80px;
    left: 0;
    right: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 120px;
    height: 35%;
    height: 35vh;
    padding: 80px 0 0
}

@media all and (min-width: 360px) and (orientation: landscape) {
    .page.landing .landing-decorations {
        min-height: 200px;
        height: 65%;
        height: 65vh;
        max-height: 250px
    }
}

@media all and (min-width: 720px) and (orientation: landscape) {
    .page.landing .landing-decorations {
        min-height: 250px;
        height: 65%;
        height: 65vh;
        max-height: none
    }
}

.page.landing .landing-decorations::before,
.page.landing .landing-decorations::after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

.page.landing .landing-decorations::before {
    left: 0;
    background-position: left bottom
}

.page.landing .landing-decorations::after {
    right: 0;
    background-position: right bottom
}

.page.landing .landing-decorations--bottom {
    top: auto;
    bottom: 0;
    padding: 0
}

.page.landing .landing-decorations--badoo::before {
    background-image: url('img/no-sprite/web-landing/circles-left-phone.svg')
}

.page.landing .landing-decorations--badoo::after {
    background-image: url('img/no-sprite/web-landing/circles-right-phone.svg')
}

@media all and (min-width: 360px) and (orientation: landscape) {
    .page.landing .landing-decorations--badoo::before {
        background-image: url('img/no-sprite/web-landing/circles-left-phone-landscape.svg')
    }
    .page.landing .landing-decorations--badoo::after {
        background-image: url('img/no-sprite/web-landing/circles-right-phone-landscape.svg')
    }
}

@media all and (min-width: 720px) {
    .page.landing .landing-decorations--badoo::before {
        background-image: url('img/no-sprite/web-landing/circles-left-tablet.svg')
    }
    .page.landing .landing-decorations--badoo::after {
        background-image: url('img/no-sprite/web-landing/circles-right-tablet.svg')
    }
}

.page.landing .landing-decorations--hotornot::before {
    background-image: url('img/no-sprite/web-landing/votes-left-phone.svg')
}

.page.landing .landing-decorations--hotornot::after {
    background-image: url('img/no-sprite/web-landing/votes-right-phone.svg')
}

@media all and (min-width: 360px) and (orientation: landscape) {
    .page.landing .landing-decorations--hotornot::before {
        background-image: url('img/no-sprite/web-landing/votes-left-phone-landscape.svg')
    }
    .page.landing .landing-decorations--hotornot::after {
        background-image: url('img/no-sprite/web-landing/votes-right-phone-landscape.svg')
    }
}

@media all and (min-width: 720px) {
    .page.landing .landing-decorations--hotornot::before {
        background-image: url('img/no-sprite/web-landing/votes-left-tablet.svg')
    }
    .page.landing .landing-decorations--hotornot::after {
        background-image: url('img/no-sprite/web-landing/votes-right-tablet.svg')
    }
}

.page.landing .landing-decorations--blendr::before {
    background-image: url('img/no-sprite/web-landing/flowers-left-phone.svg')
}

.page.landing .landing-decorations--blendr::after {
    background-image: url('img/no-sprite/web-landing/flowers-right-phone.svg')
}

@media all and (min-width: 360px) and (orientation: landscape) {
    .page.landing .landing-decorations--blendr::before {
        background-image: url('img/no-sprite/web-landing/flowers-left-phone-landscape.svg')
    }
    .page.landing .landing-decorations--blendr::after {
        background-image: url('img/no-sprite/web-landing/flowers-right-phone-landscape.svg')
    }
}

@media all and (min-width: 720px) {
    .page.landing .landing-decorations--blendr::before {
        background-image: url('img/no-sprite/web-landing/flowers-left-tablet.svg')
    }
    .page.landing .landing-decorations--blendr::after {
        background-image: url('img/no-sprite/web-landing/flowers-right-tablet.svg')
    }
}

.page.landing .landing-wrapper {
    position: relative;
    padding: 25% 0 0 0;
    padding-top: 23vh;
}

@media all and (min-width: 360px) and (orientation: landscape) {
    .page.landing .landing-wrapper {
        padding-top: 5%;
        padding-top: 5vh
    }
}

@media all and (min-width: 720px) and (orientation: landscape) {
    .page.landing .landing-wrapper {
        padding-top: 20%;
        padding-top: 20vh
    }
}

.page.landing .landing-logo {
    margin: 0 auto;
    width: 40vw;
    min-width: 150px;
    min-height: 54px;
    max-width: 200px;
    max-height: 72px
}

.page.landing .landing-logo img {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.page.landing .download-app-store {
    margin: 20px auto 15px;
    text-align: center
}

.page.landing .download-app-store>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 40px
}

.page.landing .landing-footer {
    margin: 15px auto 0;
    padding: 0 0 15px
}

.page.landing .landing-footer a,.page.landing .landing-footer span {
    font-size: 12px;
    line-height: 15px;
    color: #9aa3ab;
    position: relative;
    display: inline-block;
    padding: 10px;
    text-decoration: underline;
}

.page.landing .landing-footer a.light,
.dark-theme .page.landing .landing-footer a {
    color: #9aa3ab
}

.page.landing .landing-footer a+a::after {
    position: absolute;
    left: -5px;
    width: 10px;
    text-align: center;
    text-decoration: none;
    content: ""
}

.no-svg-support .page.landing .landing-decorations {
    display: none
}

.no-svg-support .page.landing .landing-wrapper {
    padding-top: 30px
}

.no-svg-support .page.landing .landing-logo img {
    height: auto
}

.application-f-club .page.landing .page-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    padding-top: 0;
    background: #000 url(img/no-sprite/web-landing/f-club-landing-bg.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.application-f-club .page.landing .page-content .landing-decoration--f-club {
    display: none
}

.application-f-club .page.landing .page-content .landing-logo {
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    margin: auto
}

.application-f-club .page.landing .page-content .landing-actions {
    margin-top: 75px
}

.application-f-club .page.landing .page-content .landing-actions .cta-box__header,
.application-f-club .page.landing .page-content .landing-actions .cta-box__content {
    color: #fff
}

.application-f-club .page.landing .page-content .landing-actions .inline-button {
    color: #fff;
    text-decoration: underline
}

.application-f-club .page.landing .page-content .landing-actions .cta-box__additional {
    color: rgba(255, 255, 255, 0.7)
}

.application-fiesta .page.landing .page-content .landing-decorations--fiesta {
    height: 151px;
    min-height: initial;
    max-height: none;
    background-image: url('img/no-sprite/web-landing/fiesta-bg.svg');
    background-position: 50% 100%;
    background-repeat: no-repeat
}

.application-fiesta .page.landing .page-content .landing-decorations--fiesta::before,
.application-fiesta .page.landing .page-content .landing-decorations--fiesta::after {
    display: none
}

.application-fiesta .page.landing .page-content .landing-wrapper {
    padding-top: 151px
}

.application-fiesta .page.landing .page-content .landing-logo {
    margin-top: 10px
}

.application-fiesta .page.landing .page-content .fake-app-banner-container:empty~.landing-decorations--fiesta,
.application-fiesta .page.landing .page-content .fake-app-banner-container.is-hidden~.landing-decorations--fiesta {
    height: 231px
}

.application-fiesta .page.landing .page-content .fake-app-banner-container:empty~.landing-wrapper,
.application-fiesta .page.landing .page-content .fake-app-banner-container.is-hidden~.landing-wrapper {
    padding-top: 231px
}

.fake-app-banner-container+.fake {
    min-height: 80px
}

.fake-app-banner-container:empty+.fake,
.fake-app-banner-container.is-hidden+.fake {
    display: none
}

.fake-app-banner-container:empty~.landing-decorations,
.fake-app-banner-container.is-hidden~.landing-decorations {
    top: -80px
}

.fake-app-banner-container:empty~.landing-decorations--bottom,
.fake-app-banner-container.is-hidden~.landing-decorations--bottom {
    top: auto
}

.fake-app-banner {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 80px;
    padding: 0 0 0 85px;
    background: #fff;
    text-align: left;
    border-bottom: 1px solid #e6ecf2
}

.is-hidden .fake-app-banner {
    display: none
}

.fake-app-banner .fake-app-banner__close {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    width: 30px;
    height: 30px
}

.fake-app-banner .fake-app-banner__close::before {
    background-image: url("img/sprite-critical.png?v=24695168");
    background-position: -98px -61px;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute
}

.fake-app-banner .app-store-icon {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    height: 60px;
    width: 60px;
    margin-top: auto;
    margin-bottom: auto
}

.fake-app-banner .app-store-icon svg {
    width: 100%;
    height: 100%
}

.fake-app-banner .fake-app-banner__content {
    display: inline-block;
    margin-right: 36%;
    margin-top: 10px
}

.fake-app-banner .fake-app-banner__buttons {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 2px;
    width: 30%;
    height: 100%
}

.fake-app-banner .button-wrap {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    margin-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    text-align: center
}

.fake-app-banner .app-store-button {
    padding: 4px 9px;
    margin: auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 15px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}

.fake-app-banner .app-store-button.is-pressed {
    opacity: .5
}

.fake-app-banner .app-store-button.native-app-get {
    margin-bottom: 10px
}

.fake-app-banner .app-store-button.native-app-view {
    margin-top: 10px
}

.fake-app-banner.apple .app-store-button {
    color: #007aff;
    border: 1px solid #007aff
}

.fake-app-banner.android .app-store-button {
    color: #A4C739;
    border: 1px solid #A4C739
}

.fake-app-banner span {
    display: block;
    color: #888;
    font-size: 10.5px;
    line-height: 14px;
    margin-bottom: 4px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}

.fake-app-banner span strong {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}

.fake-app-banner span.title {
    color: #14171b;
    font-size: 13px;
    width: 100%
}

.fake-app-banner .rating-stars {
    background-image: url("img/sprite-critical.png?v=24695168");
    background-position: -43px 0;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 9px;
    width: 52px
}

.encounters-disabled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.encounters-disabled .encounters-message {
    position: absolute;
    top: 25%;
    height: 50%;
    width: 80%;
    left: 10%;
    text-align: center;
    font-size: 15px;
    line-height: 1.5em;
    color: white
}

.encounters-disabled .subheading {
    font-weight: 600
}

body.ios-font-helvetica .encounters-disabled .subheading {
    font-weight: 500
}

body.android-font-system .encounters-disabled .subheading {
    font-weight: 700
}

body.android-font-roboto-new .encounters-disabled .subheading {
    font-weight: 500
}

.encounters-disabled .button {
    margin-top: 1em
}

.encounters-disabled-header {
    display: none
}

.encounters-disabled:not(.hidden)~.encounters-disabled-header {
    display: block
}

.profile-heading {
    margin: 0 0 12px
}

.profile-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333844
}

.profile-title .profile-title__user {
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden
}

.profile-title .profile-title__actions {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-title .profile-title__username {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-title .profile-title__age {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-title .profile-title__statuses {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 2px
}

.profile-title .profile-title__statuses>.online-status,
.profile-title .profile-title__statuses>.verify-status {
    position: relative;
    top: -2px;
    margin: 0 2px
}

.profile-title .profile-title__actions>.icon-svg {
    margin-left: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-title .profile-title__actions>.icon-svg:first-child {
    margin-left: 5px
}

.profile-title.with-badge {
    position: relative;
    padding-bottom: 25px
}

.profile-title.with-badge .profile-badge {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 3px;
    line-height: 12px;
    color: #fff;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background: #00b1ff;
    white-space: nowrap
}

.profile-title.with-badge .profile-badge .profile-badge__icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top
}

.profile-title.with-badge .profile-badge .profile-badge__text {
    display: inline-block;
    padding: 0 4px;
    font-size: 10px;
    line-height: 12px;
    white-space: nowrap;
    vertical-align: top
}

body.android .profile-title.with-badge .profile-badge .profile-badge__text {
    padding-top: 2px;
    line-height: 10px
}

.profile-info {
    padding: 10px 15px;
    color: #5e6773;
    font-size: 15px;
    line-height: 20px
}

.profile-section__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 3px 0 2px 30px;
    color: #333844
}

.profile-section__title_ {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 15px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.old-android-webkit .profile-section__title_ {
    white-space: normal
}

.profile-section__title_>.icon-svg,
.profile-section__title_>.icon {
    color: #a2a7b4
}

.profile-section__title>.icon-svg,
.profile-section__title>.icon {
    position: absolute;
    top: 2px;
    left: 1px
}

.profile-section__link {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #191919
}

.profile-section__link::after {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    content: ''
}

.profile-section__content {
    position: relative;
    margin: 3px 0;
    padding: 2px 0 12px 30px
}

.profile-section__content::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    content: '';
    -webkit-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out
}

.profile-section__content::before {
    border-left: 1px solid rgba(147, 160, 171, 0)
}

.profile-section__content.is-decorated::before {
    border-left: 1px solid rgba(147, 160, 171, 0.3)
}

.profile-section__content.is-masked {
    color: #191919
}

.own-profile .profile-section__content.is-masked {
    color: #9aa3ab
}

.profile-section__content p {
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-section__content p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.profile-section__empty-content {
    font-size: 15px;
    line-height: 20px;
    margin: 8px 0 0;
    padding: 0;
    color: #9aa3ab
}

.profile-section__intro {
    margin-bottom: 10px;
    color: #9aa3ab
}

.profile-section__scrollable {
    position: relative;
    z-index: 0;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 -15px -6px -45px;
    padding: 2px 3px 8px 45px;
    -webkit-overflow-scrolling: touch
}

.profile-section__content--friends .profile-section__scrollable {
    padding-top: 4px
}

.profile-friends {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-friend {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 0 15px 0 0
}

.profile-friend--unregistered::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(255, 255, 255, 0.6)
}

.profile-friend__icon {
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    right: -2px;
    bottom: -2px;
    margin: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    color: #fff;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.profile-friend__icon>.icon-svg,
.profile-friend__icon>.icon {
    display: block
}

.profile-friend__placeholder {
    width: auto;
    height: auto
}

.profile-friends-comment {
    margin-top: 8px;
    color: #191919
}

.own-profile .profile-friends-comment {
    color: #9aa3ab
}

.profile-friends-warning {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-friends-warning__pic {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 15px 0 0
}

.profile-friends-warning__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.profile-section__message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0 0 0
}

.profile-section__message-icon {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0
}

.profile-section__message-text {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.profile-friends-warning__pic .brick__image::after {
    display: none
}

.profile-friends-warning__pic .brick>.brick {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 20px;
    height: 20px
}

.profile-friends-warning__placeholder {
    width: auto;
    height: auto
}

.profile-friends-searching {
    display: none
}

.profile-section.is-searching .profile-friends-searching {
    display: block
}

.profile-section.is-searching .profile-friends-connect {
    display: none
}

.profile-friends-searching>p {
    margin-top: 8px
}

.profile-friends-searching .brick__image:after {
    display: none
}

.profile-friends-searching .loader {
    height: 20px
}

.profile-about {
    margin: -5px 0 0;
    padding: 0;
    width: 100%;
    border: 0;
    border-collapse: collapse
}

.profile-about__name,
.profile-about__value {
    vertical-align: top;
    padding: 5px 0
}

.profile-about__name {
    width: 1%;
    padding-right: 20px;
    white-space: nowrap
}

.profile-rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-rating__score {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 15px 0 0;
    position: relative
}

.profile-rating__score>.score-display {
    display: block
}

.profile-rating__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.profile-awards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-award {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 0 15px 0 0
}

.score-display-count {
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 12px
}

.profile-questions-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 5px
}

.profile-questions-results .profile-questions-results__count {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 35px;
    line-height: 36px
}

.profile-questions-results .profile-questions-results__text {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    min-width: 80px;
    max-width: 150px;
    margin: 0 12px 0 8px;
    padding: 2px 0;
    font-size: 13px;
    line-height: 16px
}

.profile-questions-results .is-own-answered {
    color: #1ac313
}

.profile-questions-results .is-own-unanswered {
    color: #156ef6
}

.profile-questions-results .is-other-matched {
    color: #1ac313
}

.profile-questions-results .is-other-nonmatched {
    color: #ffa400
}

.profile-questions-results .is-other-unanswered {
    color: #156ef6
}

.profile-questions-action {
    color: #191919
}

.score-display-count {
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 12px;
    text-align: center
}

.fullscreen .page {
    overflow: hidden;
    height: 100%
}

.fullscreenView .scrollbar {
    position: fixed;
    z-index: 900
}

.photo-viewer {
    position: fixed;
    z-index: 900;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    -webkit-transform: translate3d(0, 0, 200px);
    transform: translate3d(0, 0, 200px)
}

.photo-viewer .sticky-scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photo-viewer .sticky-scroll_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.photo-viewer__page {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    height: 100%
}

.photo-viewer__page.is-active {
    z-index: 3;
    outline: 1px solid #000
}

.photo-viewer__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photo-viewer .loader {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.photo-viewer .loader .dot {
    background-color: #333844
}

.photo-viewer.is-loading .loader {
    display: block
}

.js-fullscreen {
    position: relative;
    z-index: 900;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.js-fullscreen.is-hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    z-index: -1
}

.windows .js-fullscreen {
    -webkit-transition: none;
    transition: none
}

.photo-gallery {
    width: 100%;
    white-space: nowrap;
    font-size: 0;
    line-height: 0
}

.photo-gallery__page {
    display: inline-block;
    position: relative;
    width: 100%;
    white-space: normal
}

.photo-gallery__page.is-active {
    z-index: 3;
    outline: 1px solid #333844
}

.photo-gallery__item {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-right: 1px solid #333844;
    color: #5e6773
}

.photo-gallery__item:last-of-type {
    border: none
}

.photo-gallery__loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.photo-gallery__loader.is-hidden {
    display: none
}

@media all and (orientation:portrait) and (max-device-height:568px) {
    .photo-gallery__item--private .multimedia__blocker {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media all and (orientation:portrait) {
    .photo-gallery__page::after {
        display: block;
        padding-bottom: 100%;
        content: ''
    }
    .photo-gallery__item {
        position: absolute;
        width: 100%
    }
}

@media all and (orientation:landscape) {
    .photo-gallery__page {
        height: 120px;
        height: 33vw
    }
    .photo-gallery__item {
        display: inline-block;
        width: 100%
    }
    .photo-gallery__item:nth-last-of-type(2):first-child,
    .photo-gallery__item:nth-last-of-type(2):first-child~.photo-gallery__item {
        width: 50%
    }
    .photo-gallery__item:nth-last-of-type(3):first-child,
    .photo-gallery__item:nth-last-of-type(3):first-child~.photo-gallery__item {
        width: 33.33333333%
    }
}

.photo-grid {
    position: relative;
    overflow: hidden
}

.photo-grid[data-photo-grid-rows='3']::after {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.photo-grid[data-photo-grid-rows='2']::after {
    display: block;
    padding-bottom: 66.66666667%;
    content: ''
}

.photo-grid .sticky-scroll_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.photo-grid__page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 96%;
    -ms-flex: 1 0 96%;
    flex: 1 0 96%;
    position: relative
}

.photo-grid__page:only-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.photo-grid__item {
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-color: #333844;
    color: #5e6773;
    width: 33%;
    height: 50%;
}

.photo-grid__item-image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.photo-grid__item-icon {
    position: absolute;
    z-index: 1;
    right: 5px;
    bottom: 5px;
    color: #fff
}

.photo-grid__item-icon.photo-grid__item-icon--bl {
    right: auto;
    left: 5px
}

.photo-grid__item-icon.is-hidden {
    display: none
}

.photo-grid__item-info {
    font-size: 12px;
    line-height: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center
}

.photo-grid__item-loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photo-grid__item-loader.is-hidden {
    display: none
}

.photo-grid__placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photo-grid__placeholder::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #5e6773
}

.photo-grid__placeholder .photo-grid__placeholder-icon {
    position: relative;
    z-index: 3;
    color: #333844
}

.photo-grid__tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photo-grid__tile::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.photo-grid__tile .photo-grid__tile-image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.photo-grid__tile .photo-grid__tile-content {
    position: relative;
    z-index: 3;
    min-height: 75%;
    color: #fff;
    text-align: center
}

.photo-grid__tile .photo-grid__tile-content .photo-grid__tile-label {
    font-size: 12px;
    line-height: 15px;
    margin: 7px 9px
}

.photo-grid__tile.photo-grid__tile--add-photos::before {
    background: #191919
}

.photo-grid__tile.photo-grid__tile--private::before {
    background: rgba(71, 8, 185, 0.7)
}

.page.private-photos .photo-grid__tile.photo-grid__tile--private::before,
.old-android-webkit .photo-grid__tile.photo-grid__tile--private::before,
.windows .photo-grid__tile.photo-grid__tile--private::before {
    background: #4708b9
}

.photo-grid__tile.photo-grid__tile--private .photo-grid__tile-image {
    width: 20%;
    height: 20%;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.photo-grid__tile.photo-grid__tile--external-photos::before {
    background: rgba(37, 108, 245, 0.8)
}

@media (orientation:portrait) {
    .photo-grid .sticky-scroll_ {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .photo-grid__page {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .photo-grid__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 30%;
        -ms-flex: 1 0 30%;
        flex: 1 0 30%;
        width: 33.33%;
        border-width: 1px 1px 0 0
    }
    .photo-grid__item:nth-of-type(1),
    .photo-grid__item:nth-of-type(2),
    .photo-grid__item:nth-of-type(3) {
        border-width: 0 1px 0 0
    }
    .photo-grid__page:only-of-type .photo-grid__item:nth-of-type(3n),
    .photo-grid__page:last-of-type .photo-grid__item:nth-of-type(3n) {
        border-right-width: 0
    }
}

@media (orientation:landscape) {
    .photo-grid__item {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-width: 0 1px 0 0
    }
    .photo-grid__item::after {
        display: block;
        padding-bottom: 99%;
        padding-bottom: -webkit-calc(99%);
        padding-bottom: calc(99%);
        content: ''
    }
    .photo-grid__page:only-of-type .photo-grid__item:nth-of-type(5n),
    .photo-grid__page:last-of-type .photo-grid__item:nth-of-type(5n) {
        border-right: none
    }
}

.old-android-webkit .photo-grid .sticky-scroll {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    min-width: 100%
}

.old-android-webkit .photo-grid .sticky-scroll_ {
    display: block;
    white-space: nowrap;
    font-size: 0
}

.old-android-webkit .photo-grid__page {
    display: inline-block;
    width: 96%;
    white-space: normal
}

.old-android-webkit .photo-grid__page:only-child {
    width: 100%
}

.old-android-webkit .photo-grid__item {
    display: inline-block;
    vertical-align: middle
}

.old-android-webkit .photo-grid__item-image {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px
}

@media (orientation:portrait) {
    .old-android-webkit .photo-grid__item {
        width: 33.33333333%;
        border: none !important
    }
    .old-android-webkit .photo-grid__item::after {
        display: block;
        padding-bottom: 103%;
        content: ''
    }
    .old-android-webkit .photo-grid__page:only-child .photo-grid__item::after {
        padding-bottom: 99%
    }
    .old-android-webkit .photo-grid__page:only-of-type .photo-grid__item:nth-of-type(3n),
    .old-android-webkit .photo-grid__page:last-of-type .photo-grid__item:nth-of-type(3n) {
        border-right-width: 1px
    }
}

@media (orientation:landscape) {
    .old-android-webkit .photo-grid__item {
        width: 20%
    }
}

.page.add-photos nav,
.page.add-photos nav+.fake {
    display: none
}

.add-photos-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 10px -15px;
    padding: 18px 20px;
    background: #f2f2f2
}

.add-photos-banner::after {
    position: absolute;
    bottom: 100%;
    left: 48px;
    width: 20px;
    height: 20px;
    content: '';
    background: #f2f2f2;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(45deg) translate(50%, 50%);
    transform: rotate(45deg) translate(50%, 50%)
}

.add-photos-banner__image {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 0
}

.add-photos-banner__details {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 0 0 0 10px;
    color: #5e6773;
    font-size: 13px;
    line-height: 16px
}

.photo-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 910;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff
}

.photo-actions::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 105px;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 100%)
}

.photo-actions__section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photo-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-width: 40px;
    min-height: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff
}

.photo-action::after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ''
}

.photo-action+.photo-action {
    margin-left: 10px
}

.photo-action.photo-action--transparent {
    background: transparent
}

.photo-action.is-hidden {
    display: none
}

.photo-action__label {
    margin: 0 15px
}

.photo-action__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.photo-action__menu .photo-action__menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 14px 25px 14px 5px
}

.photo-action__menu .photo-action__menu-item .photo-action__menu-icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 10px 0 0;
    color: #757575
}

.photo-action__menu .photo-action__menu-item .photo-action__menu-label {
    font-size: 15px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.photo-action__menu .photo-action__menu-item.is-active .photo-action__menu-icon,
.photo-action__menu .photo-action__menu-item.is-active .photo-action__menu-label {
    color: #191919
}

.photo-action__menu .photo-action__menu-item.is-hidden {
    display: none
}

.photo-coaching-explanation {
    margin: 5px 0
}

.photo-coaching-explanation__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 3px 5px
}

.photo-coaching-explanation__item-icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 10px 0 0
}

.photo-coaching-explanation__item-label {
    font-size: 15px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    color: #5e6773
}

.page.external-provider-albums,
.page.external-provider-import {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.page.external-provider-albums .navigation-bar__secondary,
.page.external-provider-import .navigation-bar__secondary {
    padding-right: 10px
}

.page.external-provider-albums .navigation-bar__secondary .checkbox-original::after,
.page.external-provider-import .navigation-bar__secondary .checkbox-original::after {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px
}

.page.external-provider-albums .page_,
.page.external-provider-import .page_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page.external-provider-albums .page_ .page-content,
.page.external-provider-import .page_ .page-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page.external-provider-albums .page_ .page-content--centered,
.page.external-provider-import .page_ .page-content--centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.photo-albums-list {
    margin: 20px 0
}

.photo-album {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photo-album:not(:first-of-type) {
    margin: 10px 0 0 0
}

.photo-album__image {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 82px;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
    width: 82px;
    height: 90px
}

.photo-album__cover {
    position: absolute;
    z-index: 3;
    top: 6px;
    right: 0;
    left: 0;
    width: 82px;
    height: 82px;
    margin: auto;
    border: 1px solid #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.photo-album__cover:nth-of-type(2) {
    z-index: 2;
    top: 3px;
    width: 72px;
    height: 72px
}

.photo-album__cover:nth-of-type(3) {
    z-index: 1;
    top: 0;
    width: 62px;
    height: 62px
}

.photo-album__details {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 0 0 0 15px
}

.photo-album__details-summary {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px 0;
    color: #5e6773
}

.photo-album__details-text {
    color: #9aa3ab;
    font-size: 13px;
    line-height: 16px
}

.photo-albums-empty {
    font-size: 15px;
    line-height: 20px;
    position: relative;
    padding-top: 193px;
    color: #5e6773;
    text-align: center
}

.photo-albums-empty::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 163px;
    height: 163px;
    margin: auto;
    content: '';
    background-image: url('img/no-sprite/photo-import-empty.png');
    -webkit-background-size: cover;
    background-size: cover
}

.page.overlay-page.menu {
    position: relative;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    background-color: #222;
    overflow-y: scroll;
}

.page.overlay-page.menu .menu-fade-section {
    position: relative;
    margin-left: 65px;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    opacity: 0;
}

@media all and (orientation:landscape) and (min-width:480px) {
    .page.overlay-page.menu .menu-fade-section {
        margin-right: 165px
    }
}

.page.overlay-page.menu .menu-slide-section {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: #eceaea;
    -webkit-overflow-scrolling: touch
}

.ios .page.overlay-page.menu .menu-slide-section {
    height: 100vh;
    padding-bottom: 60px
}

.android .page.overlay-page.menu .menu-slide-section {
    height: -webkit-calc(160%);
    height: calc(160%);
    padding-bottom: 60px
}

@media all and (orientation:landscape) and (min-width:480px) {
    .page.overlay-page.menu .menu-slide-section {
        width: 165px
    }
}

.page.overlay-page.menu .menu-slide-section::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    left: auto;
    width: inherit
}

.ios .page.overlay-page.menu .menu-slide-section::before {
    content: ''
}

.page.overlay-page.menu .menu-slide-section::after {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    top: auto;
    bottom: 0;
    left: auto;
    bottom: -50px;
    width: inherit
}

.ios .page.overlay-page.menu .menu-slide-section::after {
    content: ''
}

.old-android-webkit .page.overlay-page.menu .menu-slide-section {
    position: absolute;
    height: auto;
    min-height: 100%
}

.page.overlay-page.menu.visible,
.page.overlay-page.menu .no-animation {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.page.overlay-page.menu.visible .menu-fade-section,
.page.overlay-page.menu .no-animation .menu-fade-section {
    opacity: 1
}

.page.overlay-page.menu::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit
}

.ios .page.overlay-page.menu::before {
    content: ''
}

.page.overlay-page.menu::after {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    top: auto;
    bottom: 0
}

.ios .page.overlay-page.menu::after {
    content: ''
}

.people-nearby__header {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-width: 290px;
    margin: 15px 0 -135px 0;
    text-align: center
}

@media (min-width:560px) {
    .people-nearby__header {
        margin-bottom: -10px
    }
}

.people-nearby__focus::before,
.people-nearby__focus::after {
    position: absolute;
    width: auto;
    height: auto;
    content: '';
    border-right: 1px solid rgba(209, 220, 228, 0.5);
    border-bottom: 1px solid rgba(209, 220, 228, 0.5);
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: -15px -15px 30px 0 rgba(230, 236, 242, 0.6) inset;
    box-shadow: -15px -15px 30px 0 rgba(230, 236, 242, 0.6) inset;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.people-nearby__focus::before {
    top: -32px;
    right: -32px;
    bottom: -32px;
    left: -32px
}

.people-nearby__focus::after {
    top: -72px;
    right: -72px;
    bottom: -72px;
    left: -72px
}

.people-nearby__focus~.brick__name {
    max-width: none;
    width: 90px;
    margin-top: 6px
}

.people-nearby-banner {
    position: relative;
    overflow: hidden;
    margin: 0 -15px -10px -15px;
    padding: 0 15px
}

.users-folder--chess+.people-nearby-banner {
    margin-top: -35px
}

@media (min-width:560px) {
    .users-folder--chess+.people-nearby-banner {
        margin-top: -55px
    }
}

.people-nearby-banner:last-child {
    margin-bottom: 0
}

.people-nearby-banner .people-nearby-banner__curve {
    position: absolute;
    top: 45px;
    left: -30%;
    overflow: hidden;
    width: 160%;
    height: 120px
}

.people-nearby-banner .people-nearby-banner__curve::before {
    display: block;
    position: relative;
    z-index: -1;
    right: 0;
    left: 0;
    width: 100%;
    height: 160px;
    margin: 0 auto;
    content: '';
    border: 1px solid rgba(209, 220, 228, 0.5);
    -webkit-border-radius: 999px 999px 0 0;
    border-radius: 999px 999px 0 0;
    -webkit-border-radius: 50% 50% 0 0;
    border-radius: 50% 50% 0 0;
    -webkit-box-shadow: inset 0 0 35px 1px #e6ecf2, inset 0 1px 1px -1px #e6ecf2;
    box-shadow: inset 0 0 35px 1px #e6ecf2, inset 0 1px 1px -1px #e6ecf2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.page.popularity {
    font-size: 15px;
    line-height: 20px;
    background: #f2f2f2
}

.page.popularity::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    top: auto;
    bottom: 0
}

.ios .page.popularity::before {
    content: ''
}

.page.popularity .navigation-bar__title {
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.page.popularity .navigation-bar.navigation-bar--transparent>.navigation-bar__title {
    opacity: 0
}

.page.popularity .navigation-bar .popularity__battery {
    margin-left: 4px
}

.page.popularity .center {
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.page.popularity .page-content {
    background: #f2f2f2
}

.popularity__container {
    margin: auto;
    padding: 10px 0;
    width: 100%;
    max-width: 375px
}

.popularity__battery {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.graphic-stats {
    padding: 0 15px;
    background: #2b8cfc;
    color: #fff
}

.graphic-stats::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit
}

.ios .graphic-stats::before {
    content: ''
}

.graphic-stats__popularity {
    padding: 5px 0 15px;
    color: rgba(255, 255, 255, 0.4);
    text-align: center
}

.graphic-stats__battery {
    display: block;
    margin: 0 auto
}

.graphic-stats__title {
    margin: 2px 0 4px
}

.graphic-stats__value {
    color: #fff;
    font-size: 16px;
    line-height: 20px
}

.graphic-stats__graph {
    margin: -15px -15px 0
}

.graphic-stats__graph svg {
    display: block
}

.windows .graphic-stats__graph .graph_line {
    display: none
}

.graphic-stats-info {
    margin: 0 0 15px
}

.graphic-stats-hint {
    display: none;
    color: #9aa3ab;
    font-size: 12px;
    line-height: 15px;
    text-align: center
}

.graphic-stats-additional:empty+.graphic-stats-hint {
    display: block
}

.windows .graphic-stats-info {
    display: none
}

.calendar-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 5px 0 0;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.calendar-stats__date {
    margin: 0;
    padding: 5px;
    width: 75px;
    height: 75px;
    background: #ffc800;
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    color: #fff;
    text-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75px;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px
}

.calendar-stats__month {
    display: block;
    padding: 5px 0 0;
    text-transform: uppercase
}

.calendar-stats__day {
    display: block;
    padding: 0;
    font-size: 34px;
    line-height: 34px
}

.calendar-stats__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 8px 15px
}

.calendar-stats[data-popularity-level='veryhigh'] .calendar-stats__date,
.calendar-stats[data-popularity-level='high'] .calendar-stats__date {
    background: #36cd36
}

.calendar-stats[data-popularity-level='average'] .calendar-stats__date {
    background: #ffc626
}

.calendar-stats[data-popularity-level='low'] .calendar-stats__date,
.calendar-stats[data-popularity-level='verylow'] .calendar-stats__date {
    background: #f82644
}

.popularity__title {
    font-size: 20px;
    line-height: 25px;
    margin: 15px 0;
    padding: 0;
    text-align: center
}

.popularity-feature {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 15px;
    background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.popularity-feature:before,
.popularity-feature:after {
    content: " ";
    display: table
}

.popularity-feature:after {
    clear: both
}

.popularity-feature .ribbon {
    top: 20px;
    left: 0;
    padding-right: 27px
}

.popularity-feature .ribbon .icon-svg {
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    margin: auto
}

.popularity-feature__button {
    margin: 15px 0 0 0;
    padding: 0 0 15px 0
}

.popularity-feature__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0 0 0
}

.popularity-feature__userpic {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0 15px 0 0
}

.popularity-feature__desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.no-svg-support .graphic-stats__graph,
.no-svg-support .graphic-stats-info {
    display: none
}

.page.phone-verification .navigation-promo,
.page.photo-verification:not(.page-registration-verify) .navigation-promo {
    background: #191919
}

.page.phone-verification .navigation-promo::before,
.page.photo-verification:not(.page-registration-verify) .navigation-promo::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit
}

.ios .page.phone-verification .navigation-promo::before,
.ios .page.photo-verification:not(.page-registration-verify) .navigation-promo::before {
    content: ''
}

.page.phone-verification .page-content,
.page.photo-verification:not(.page-registration-verify) .page-content {
    min-height: 60vh;
    background: #fff
}

.page-verification--by-phone .form-uniform {
    max-width: 450px
}

.page.verification-settings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f2f2f2
}

.page.verification-settings .page_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page.verification-settings .page_ .page-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 15px
}

.verification-method-status {
    margin: 7px 0 15px 0;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.page.spp .payment-overscroll,
.page.credits .payment-overscroll,
.page.pay-overlay .payment-overscroll,
.page.pay .payment-overscroll {
    color: #fff
}

.page.spp .payment-overscroll::before,
.page.credits .payment-overscroll::before,
.page.pay-overlay .payment-overscroll::before,
.page.pay .payment-overscroll::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: currentColor
}

.ios .page.spp .payment-overscroll::before,
.ios .page.credits .payment-overscroll::before,
.ios .page.pay-overlay .payment-overscroll::before,
.ios .page.pay .payment-overscroll::before {
    content: ''
}

.page.spp .payment-content,
.page.credits .payment-content,
.page.pay-overlay .payment-content,
.page.pay .payment-content {
    min-height: 200px;
    min-height: 50vh;
    background: #fff
}

.page.spp .feature-card,
.page.credits .feature-card,
.page.pay-overlay .feature-card,
.page.pay .feature-card {
    padding: 15px
}

.page.spp .feature-card__text,
.page.credits .feature-card__text,
.page.pay-overlay .feature-card__text,
.page.pay .feature-card__text {
    font-size: 13px;
    line-height: 18px
}

.page.cross-sell {
    background: #1cb130
}

.page.cross-sell::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    top: auto;
    bottom: 0
}

.ios .page.cross-sell::before {
    content: ''
}

.page.cross-sell .upsell__footer .hint {
    opacity: .5;
    color: #fff
}

.page.photo-of-the-day .button {
    max-width: 290px
}

.page.unsubscribe-spp-promo .promotion-page__overscroll::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: #35b122
}

.ios .page.unsubscribe-spp-promo .promotion-page__overscroll::before {
    content: ''
}

.prevent-unsubscription {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #fff
}

.prevent-unsubscription__header {
    position: relative;
    text-align: center
}

.prevent-unsubscription__icon {
    width: 110px;
    height: 110px;
    margin: 0;
    -webkit-border-radius: initial;
    border-radius: initial;
    background: none
}

.prevent-unsubscription__icon>.mark {
    position: absolute;
    right: -2px;
    bottom: 15px
}

.prevent-unsubscription__timer {
    text-align: center
}

.timer-time {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.timer-time__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    font-size: 40px;
    line-height: 50px;
    text-align: center
}

.timer-time__item--delimeter {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 10px;
    margin-left: 10px
}

.timer-time__label {
    font-size: 12px;
    line-height: 15px;
    color: #9aa3ab;
    white-space: nowrap
}

.page.unregistered-friends .promotion {
    padding-top: 15px;
    padding-bottom: 15px
}

.page.page-security {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff
}

.page.page-security .page_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page.page-security .page_ .page-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page.page-security .navigation-promo {
    background: #191919
}

.page.page-security .navigation-promo::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit
}

.ios .page.page-security .navigation-promo::before {
    content: ''
}

.page.page-security .page-content {
    background: #fff
}

.page.security-social-network .external-providers-list {
    margin-top: 25px;
    padding: 0 25px
}

.page.security-email .form-uniform .input__field {
    font-size: 20px;
    text-align: center;
    color: #5e6773
}

.page.security-complete-email .form-uniform .input {
    margin: 0 3px
}

.page.encounters-extra-shows .profile-top-section {
    color: #fff;
    background: #00caab
}

.page.encounters-extra-shows .profile-top-section-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 0 90px;
    text-align: center
}

@media all and (max-height:400px),
all and (orientation:landscape) and (max-height:600px) {
    .page.encounters-extra-shows .brick-group {
        display: none
    }
}

.page.encounters-extra-shows .encounters-extra-shows__header {
    font-weight: 300;
    margin: 10px 30px 5px;
    font-size: 25px;
    line-height: 1.1em
}

.page.encounters-extra-shows .encounters-extra-shows__message {
    margin: 0 40px
}

.page.encounters-extra-shows .profile-actions {
    background: none;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.page.encounters-extra-shows .hide-actions .profile-actions {
    bottom: -90px;
    opacity: 0
}

.photo-quality-image {
    width: 146px;
    height: 107px;
    margin: auto;
    background-image: url('img/no-sprite/photo-quality.jpg');
    -webkit-background-size: contain;
    background-size: contain
}

.page.never-loose-account::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: #191919
}

.ios .page.never-loose-account::before {
    content: ''
}

.page.never-loose-account::after {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    top: auto;
    bottom: 0
}

.ios .page.never-loose-account::after {
    content: ''
}

.page.never-loose-account .navigation-promo {
    background: #191919
}

.page.never-loose-account .page-content {
    background: #fff
}

.page.news-digest .navigation-bar {
    position: absolute
}

.page.rate-app-feedback {
    background-color: #e6ecf2
}

.page.rate-app-feedback .page-content {
    padding-top: 15px
}

.page.rate-app-like-us .navigation-bar {
    -webkit-box-shadow: none;
    box-shadow: none
}

.page.rate-app-like-us p {
    padding-bottom: 25px;
    text-align: center;
    font-size: 17px;
    line-height: 21px
}

.discover-tabs {
    position: fixed;
    z-index: 10;
    left: 0;
    width: 100%;
    width: 100vw
}

@media (orientation:landscape) {
    .discover-tabs {
        z-index: 11
    }
}

.discover-tabs+.fake {
    visibility: hidden
}

.discover-tabs,
.discover-tabs+.fake {
    margin-top: -5px
}

.old-android-webkit .discover-tabs {
    position: absolute;
    right: 0;
    width: 100%
}

.hotlist-tooltip {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0
}

.has-tooltip .hotlist-tooltip {
    display: block
}

.hotlist-tooltip .hotlist-tooltip__fade {
    position: fixed;
    z-index: 11;
    right: 0;
    left: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6)
}

.old-android-webkit .hotlist-tooltip .hotlist-tooltip__fade {
    top: 73px
}

.hotlist-tooltip .hotlist-tooltip__body {
    font-size: 15px;
    line-height: 20px;
    position: fixed;
    z-index: 12;
    right: 10px;
    left: 10px;
    margin: 10px 0 0 0;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    text-align: center
}

.old-android-webkit .hotlist-tooltip .hotlist-tooltip__body {
    position: absolute;
    left: -50%
}

.hotlist-tooltip::after {
    display: block;
    position: absolute;
    z-index: 12;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-right: 6px solid transparent;
    border-bottom: 5px solid white;
    border-left: 6px solid transparent
}

.hotlist-section {
    display: block;
    max-width: 414px;
    margin: auto
}

.hotlist-section--ab-1 {
    padding: 15px 15px
}

.hotlist-section--ab-1 .hotlist-section__group {
    position: relative
}

.hotlist-section--ab-1 .hotlist-section__group+.hotlist-section__group {
    margin-top: 15px
}

.hotlist-section--ab-1 .hotlist-section__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hotlist-section--ab-1 .hotlist-section__title {
    font-weight: 600;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    min-width: 0;
    text-overflow: ellipsis
}

body.ios-font-helvetica .hotlist-section--ab-1 .hotlist-section__title {
    font-weight: 500
}

body.android-font-system .hotlist-section--ab-1 .hotlist-section__title {
    font-weight: 700
}

body.android-font-roboto-new .hotlist-section--ab-1 .hotlist-section__title {
    font-weight: 500
}

.hotlist-section--ab-1 .hotlist-section__action {
    font-size: 12px;
    line-height: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    color: #191919
}

.hotlist-section--ab-1 .hotlist-section__users {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 7px 0 0 0
}

.hotlist-section--ab-1 .hotlist-section__group:nth-child(2n + 2) .hotlist-section__users {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.hotlist-section--ab-1 .hotlist-section__user {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f2f2f2 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.hotlist-section--ab-1 .hotlist-section__main {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    width: 50%
}

.hotlist-section--ab-1 .hotlist-section__main::before {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    content: ''
}

.hotlist-section--ab-1 .hotlist-section__other {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    width: 50%
}

.hotlist-section--ab-1 .hotlist-section__other .hotlist-section__other-item {
    float: left;
    position: relative;
    width: 50%
}

.hotlist-section--ab-1 .hotlist-section__other .hotlist-section__other-item::before {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    content: ''
}

.hotlist-section--ab-1 .hotlist-section__other .hotlist-section__more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.4)
}

.hotlist-section--ab-2 {
    overflow: hidden;
    padding: 10px
}

.hotlist-section--ab-2 .hotlist-section__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1px -1px 0
}

.old-android-webkit .hotlist-section--ab-2 .hotlist-section__wrapper {
    display: block
}

.hotlist-section--ab-2 .hotlist-section__group {
    overflow: hidden;
    position: relative;
    width: 50%;
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0
}

.old-android-webkit .hotlist-section--ab-2 .hotlist-section__group {
    display: inline-block;
    vertical-align: top
}

.hotlist-section--ab-2 .hotlist-section__group::before {
    display: block;
    width: 100%;
    padding-bottom: 166.6666%;
    content: ''
}

.hotlist-section--ab-2 .hotlist-section__main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.hotlist-section--ab-2 .hotlist-section__main::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

.hotlist-section--ab-2 .hotlist-section__main .hotlist-section__user {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f2f2f2 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.hotlist-section--ab-2 .hotlist-section__title {
    font-weight: 600;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 66px;
    left: 15px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-overflow: ellipsis
}

body.ios-font-helvetica .hotlist-section--ab-2 .hotlist-section__title {
    font-weight: 500
}

body.android-font-system .hotlist-section--ab-2 .hotlist-section__title {
    font-weight: 700
}

body.android-font-roboto-new .hotlist-section--ab-2 .hotlist-section__title {
    font-weight: 500
}

.hotlist-section--ab-2 .hotlist-section__extra-label {
    display: block;
    margin: 0 0 3px 0
}

.hotlist-section--ab-2 .hotlist-section__extra-label_ {
    font-size: 10px;
    line-height: 15px;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    padding: 0 4px;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: red;
    text-transform: uppercase;
    text-overflow: ellipsis
}

.hotlist-section--ab-2 .hotlist-section__group-name {
    overflow: hidden;
    text-overflow: ellipsis
}

.hotlist-section--ab-2 .hotlist-section__other {
    position: absolute;
    right: 5px;
    bottom: 15px;
    left: 15px;
    opacity: .6;
    color: #fff;
    text-align: left
}

@supports (mix-blend-mode: luminosity) {
    .hotlist-section--ab-2 .hotlist-section__other {
        opacity: .8;
        mix-blend-mode: luminosity
    }
}

.windows .hotlist-section--ab-2 .hotlist-section__other {
    opacity: 1
}

.hotlist-section--ab-2 .hotlist-section__other .hotlist-section__other-item {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0;
    vertical-align: top
}

.hotlist-section--ab-2 .hotlist-section__other .hotlist-section__other-item::before {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: '';
    border: 2px solid;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: currentColor
}

.hotlist-section--ab-2 .hotlist-section__other .hotlist-section__other-item+.hotlist-section__other-item {
    margin-left: -15px
}

@media (min-width:414px) {
    .hotlist-section--ab-2 .hotlist-section__other .hotlist-section__other-item+.hotlist-section__other-item {
        margin-left: -10px
    }
}

.hotlist-section--ab-2 .hotlist-section__other .hotlist-section__user {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: currentColor 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 1) .hotlist-section__main::after {
    background-image: -webkit-linear-gradient(bottom, #ff8d36 0, #ff8d36 45px, rgba(255, 141, 54, 0) 50%, rgba(255, 141, 54, 0) 100%);
    background-image: linear-gradient(to top, #ff8d36 0, #ff8d36 45px, rgba(255, 141, 54, 0) 50%, rgba(255, 141, 54, 0) 100%)
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 1) .hotlist-section__other {
    color: #ff8d36
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 1) .hotlist-section__extra-label_ {
    color: #fff;
    background-color: #ff8d36
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 2) .hotlist-section__main::after {
    background-image: -webkit-linear-gradient(bottom, #fe6195 0, #fe6195 45px, rgba(254, 97, 149, 0) 50%, rgba(254, 97, 149, 0) 100%);
    background-image: linear-gradient(to top, #fe6195 0, #fe6195 45px, rgba(254, 97, 149, 0) 50%, rgba(254, 97, 149, 0) 100%)
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 2) .hotlist-section__other {
    color: #fe6195
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 2) .hotlist-section__extra-label_ {
    color: #fff;
    background-color: #fe6195
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 3) .hotlist-section__main::after {
    background-image: -webkit-linear-gradient(bottom, #8e70fa 0, #8e70fa 45px, rgba(142, 112, 250, 0) 50%, rgba(142, 112, 250, 0) 100%);
    background-image: linear-gradient(to top, #8e70fa 0, #8e70fa 45px, rgba(142, 112, 250, 0) 50%, rgba(142, 112, 250, 0) 100%)
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 3) .hotlist-section__other {
    color: #8e70fa
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 3) .hotlist-section__extra-label_ {
    color: #fff;
    background-color: #8e70fa
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 4) .hotlist-section__main::after {
    background-image: -webkit-linear-gradient(bottom, #3ac9d1 0, #3ac9d1 45px, rgba(58, 201, 209, 0) 50%, rgba(58, 201, 209, 0) 100%);
    background-image: linear-gradient(to top, #3ac9d1 0, #3ac9d1 45px, rgba(58, 201, 209, 0) 50%, rgba(58, 201, 209, 0) 100%)
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 4) .hotlist-section__other {
    color: #3ac9d1
}

.hotlist-section--ab-2 .hotlist-section__group:nth-child(4n + 4) .hotlist-section__extra-label_ {
    color: #fff;
    background-color: #3ac9d1
}

.hotlist-users {
    overflow: hidden
}

.hotlist-users .hotlist-users__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1px -1px 0
}

.old-android-webkit .hotlist-users .hotlist-users__wrapper {
    display: block
}

.hotlist-users .hotlist-users__item {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%;
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0
}

@media (min-width:415px) {
    .hotlist-users .hotlist-users__item {
        width: 25%
    }
}

@media (min-width:600px) {
    .hotlist-users .hotlist-users__item {
        width: 20%
    }
}

@media (min-width:1000px) {
    .hotlist-users .hotlist-users__item {
        width: 10%
    }
}

.old-android-webkit .hotlist-users .hotlist-users__item {
    display: inline-block;
    vertical-align: top
}

.hotlist-users .hotlist-users__item::before {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    content: ''
}

.hotlist-users .hotlist-users__userpic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f2f2f2 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.hotlist-users .hotlist-users__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.44)), color-stop(31%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.44) 0, rgba(0, 0, 0, 0) 31%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.44) 0, rgba(0, 0, 0, 0) 31%)
}

.hotlist-users .hotlist-users__info {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    color: #fff
}

.folders-hotlist {
    position: relative;
    z-index: 1
}

.hotlist-groups {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    z-index: 1;
    padding: 10px 0 10px 10px;
    -webkit-overflow-scrolling: touch
}

.hotlist-groups::after {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10px;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    width: 10px;
    content: ''
}

.hotlist-groups .hotlist-groups__group {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 120px;
    height: 120px
}

.hotlist-groups .hotlist-groups__group+.hotlist-groups__group {
    margin-left: 7px
}

.hotlist-groups .hotlist-groups__group:first-of-type {
    margin-left: auto
}

.old-android-webkit .hotlist-groups .hotlist-groups__group:first-of-type {
    margin-left: 0
}

.hotlist-groups .hotlist-groups__group:last-of-type {
    margin-right: auto
}

.old-android-webkit .hotlist-groups .hotlist-groups__group:last-of-type {
    margin-right: 0
}

.hotlist-groups .hotlist-groups__main {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.hotlist-groups .hotlist-groups__main .hotlist-groups__user {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #f2f2f2 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.hotlist-groups .hotlist-groups__other {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.hotlist-groups .hotlist-groups__other .hotlist-groups__user {
    display: none;
    position: absolute;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #f2f2f2 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.hotlist-groups .hotlist-groups__other .hotlist-groups__user:nth-of-type(1) {
    display: block;
    top: 0;
    left: 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0
}

.hotlist-groups .hotlist-groups__other .hotlist-groups__user:nth-of-type(2) {
    display: block;
    top: 0;
    right: 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0
}

.hotlist-groups .hotlist-groups__other .hotlist-groups__user:nth-of-type(3) {
    display: block;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0
}

.hotlist-groups .hotlist-groups__other .hotlist-groups__user:nth-of-type(4) {
    display: block;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px
}

.hotlist-groups .hotlist-groups__decoration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.hotlist-groups .hotlist-groups__label {
    font-size: 8px;
    line-height: 12px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 80%;
    padding: 0 4px;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: red;
    text-transform: uppercase;
    text-overflow: ellipsis
}

.hotlist-groups .hotlist-groups__title {
    font-weight: 600;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 6px;
    left: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-overflow: ellipsis
}

body.ios-font-helvetica .hotlist-groups .hotlist-groups__title {
    font-weight: 500
}

body.android-font-system .hotlist-groups .hotlist-groups__title {
    font-weight: 700
}

body.android-font-roboto-new .hotlist-groups .hotlist-groups__title {
    font-weight: 500
}

.hotlist-groups .hotlist-groups__group:nth-child(4n + 1) .hotlist-groups__decoration {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fe6195), color-stop(50%, rgba(254, 97, 149, 0.2)), to(rgba(254, 97, 149, 0)));
    background-image: -webkit-linear-gradient(bottom, #fe6195 0, rgba(254, 97, 149, 0.2) 50%, rgba(254, 97, 149, 0) 100%);
    background-image: linear-gradient(to top, #fe6195 0, rgba(254, 97, 149, 0.2) 50%, rgba(254, 97, 149, 0) 100%)
}

.hotlist-groups .hotlist-groups__group:nth-child(4n + 1) .hotlist-groups__label {
    color: #fff;
    background-color: #fe6195
}

.hotlist-groups .hotlist-groups__group:nth-child(4n + 2) .hotlist-groups__decoration {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff8d36), color-stop(50%, rgba(255, 141, 54, 0.2)), to(rgba(255, 141, 54, 0)));
    background-image: -webkit-linear-gradient(bottom, #ff8d36 0, rgba(255, 141, 54, 0.2) 50%, rgba(255, 141, 54, 0) 100%);
    background-image: linear-gradient(to top, #ff8d36 0, rgba(255, 141, 54, 0.2) 50%, rgba(255, 141, 54, 0) 100%)
}

.hotlist-groups .hotlist-groups__group:nth-child(4n + 2) .hotlist-groups__label {
    color: #fff;
    background-color: #ff8d36
}

.hotlist-groups .hotlist-groups__group:nth-child(4n + 3) .hotlist-groups__decoration {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8e70fa), color-stop(50%, rgba(142, 112, 250, 0.2)), to(rgba(142, 112, 250, 0)));
    background-image: -webkit-linear-gradient(bottom, #8e70fa 0, rgba(142, 112, 250, 0.2) 50%, rgba(142, 112, 250, 0) 100%);
    background-image: linear-gradient(to top, #8e70fa 0, rgba(142, 112, 250, 0.2) 50%, rgba(142, 112, 250, 0) 100%)
}

.hotlist-groups .hotlist-groups__group:nth-child(4n + 3) .hotlist-groups__label {
    color: #fff;
    background-color: #8e70fa
}

.hotlist-groups .hotlist-groups__group:nth-child(4n + 4) .hotlist-groups__decoration {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3ac9d1), color-stop(50%, rgba(58, 201, 209, 0.2)), to(rgba(58, 201, 209, 0)));
    background-image: -webkit-linear-gradient(bottom, #3ac9d1 0, rgba(58, 201, 209, 0.2) 50%, rgba(58, 201, 209, 0) 100%);
    background-image: linear-gradient(to top, #3ac9d1 0, rgba(58, 201, 209, 0.2) 50%, rgba(58, 201, 209, 0) 100%)
}

.hotlist-groups .hotlist-groups__group:nth-child(4n + 4) .hotlist-groups__label {
    color: #fff;
    background-color: #3ac9d1
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group {
    width: 128px;
    height: 128px;
    padding: 8px 8px 0 0
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__canvas {
    position: relative;
    width: 120px;
    height: 120px
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__fake::before,
.hotlist-groups.hotlist-groups--cascades .hotlist-groups__fake::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    content: ''
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__fake::before {
    margin-top: 0;
    margin-left: 8px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #e6ecf2
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__fake::after {
    margin-top: 4px;
    margin-left: 4px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #9aa3ab
}

@media (min-width:400px) {
    .hotlist-groups.hotlist-groups--cascades .hotlist-groups__group {
        width: 148px;
        height: 148px
    }
    .hotlist-groups.hotlist-groups--cascades .hotlist-groups__canvas {
        width: 140px;
        height: 140px
    }
    .hotlist-groups.hotlist-groups--cascades .hotlist-groups__fake::before,
    .hotlist-groups.hotlist-groups--cascades .hotlist-groups__fake::after {
        width: 140px;
        height: 140px
    }
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group:nth-child(4n + 1) .hotlist-groups__fake::before {
    background: #d7c8ff
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group:nth-child(4n + 1) .hotlist-groups__fake::after {
    background: #4dc2bb
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group:nth-child(4n + 2) .hotlist-groups__fake::before {
    background: #dac27c
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group:nth-child(4n + 2) .hotlist-groups__fake::after {
    background: #6f8b7c
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group:nth-child(4n + 3) .hotlist-groups__fake::before {
    background: #77c6ed
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group:nth-child(4n + 3) .hotlist-groups__fake::after {
    background: #7792ed
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group:nth-child(4n + 4) .hotlist-groups__fake::before {
    background: #74daaa
}

.hotlist-groups.hotlist-groups--cascades .hotlist-groups__group:nth-child(4n + 4) .hotlist-groups__fake::after {
    background: #b69dfc
}

.walkthrough.is-ready::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: currentColor
}

.ios .walkthrough.is-ready::before {
    content: ''
}

.walkthrough .walkthrough__top {
    padding: 46px 0 0 0;
    background-color: currentColor;
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

.walkthrough .walkthrough__top .walkthrough__icons-carousel {
    color: #fff;
    padding-bottom: 15px
}

.walkthrough .walkthrough__top .walkthrough__icons-carousel .icons-carousel {
    max-width: 200px
}

.walkthrough .walkthrough__top .walkthrough__clouds {
    position: relative;
    top: 1px;
    width: 100%;
    height: 0;
    padding-bottom: 25%
}

.walkthrough .walkthrough__top .walkthrough__clouds svg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.no-svg-support .walkthrough .walkthrough__top .walkthrough__clouds,
.old-android-webkit .walkthrough .walkthrough__top .walkthrough__clouds {
    display: none
}

@media (max-height:459px),
(orientation:landscape) {
    .walkthrough .walkthrough__top .walkthrough__clouds {
        display: none
    }
}

.walkthrough .walkthrough__top .walkthrough__icons-carousel+.walkthrough__clouds {
    margin-top: -35px
}

.walkthrough .walkthrough__pagination {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 15px;
    background: #fff;
    -webkit-box-shadow: 0 -1px 0 #f2f2f2;
    box-shadow: 0 -1px 0 #f2f2f2
}

.old-android-webkit .walkthrough .walkthrough__pagination {
    position: relative;
    -webkit-box-shadow: 0 1px 1px #f2f2f2;
    box-shadow: 0 1px 1px #f2f2f2
}

.walkthrough .walkthrough__content {
    position: relative;
    padding: 0 0 54px;
    background: #fff
}

.old-android-webkit .walkthrough .walkthrough__content {
    padding-bottom: 0
}

.profile-quality .profile-quality__step {
    max-width: 395px;
    margin: 0 auto;
    padding: 15px 25px;
    text-align: center
}

.profile-quality .profile-quality__step-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 20px;
    color: #333844
}

@media all and (orientation:portrait) and (min-height:558px) {
    .profile-quality .profile-quality__step-title {
        margin-top: 10px
    }
}

.profile-quality .profile-quality__step-subtitle {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 16px;
    color: #5e6773
}

.profile-quality .profile-quality__step-main {
    margin: 15px 0 0
}

@media all and (orientation:portrait) and (min-height:558px) {
    .profile-quality .profile-quality__step-main {
        margin-top: 25px
    }
}

.profile-quality .profile-quality__step-link {
    margin: 15px auto;
    color: #9aa3ab
}

.profile-quality .profile-quality__step-link .step-link__icon {
    margin-right: 5px
}

.profile-quality .profile-quality__step-link .step-link__text {
    font-size: 13px;
    line-height: 16px
}

.profile-quality .photo-boot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 200px;
    margin: 15px auto;
    color: currentColor
}

.profile-quality .photo-boot .photo-boot__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 90px;
    -ms-flex: 1 0 90px;
    flex: 1 0 90px;
    margin: 0 5px
}

.profile-quality .photo-boot .photo-boot__preview {
    position: relative;
    width: 90px;
    height: 90px
}

.profile-quality .photo-boot .photo-boot__preview .photo-boot__preview-image {
    display: block;
    position: relative;
    z-index: 2;
    width: 90px;
    height: 90px;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e6ecf2
}

.profile-quality .photo-boot .photo-boot__preview .photo-boot__preview-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    margin: auto;
    color: #9aa3ab
}

.profile-quality .photo-boot .photo-boot__preview::before,
.profile-quality .photo-boot .photo-boot__preview::after {
    position: absolute;
    z-index: 1;
    background: #fff;
    outline: 1px solid #e6ecf2;
    content: ''
}

.profile-quality .photo-boot .photo-boot__preview::before {
    top: 10%;
    left: -10%;
    width: 80%;
    height: 80%
}

.profile-quality .photo-boot .photo-boot__preview::after {
    top: 5%;
    left: -5%;
    width: 90%;
    height: 90%
}

.profile-quality .photo-boot .photo-boot__add {
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 auto
}

.profile-quality .photo-boot .photo-boot__add .icon-svg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.profile-quality .photo-boot .photo-boot__add::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border: 1px dashed currentColor;
    opacity: .3
}

.profile-quality .photo-boot .photo-boot__link {
    margin: 10px auto;
    font-size: 13px
}

.profile-quality .appearance-measure {
    margin: 20px auto;
    color: #333844
}

.profile-quality .appearance-measure .appearance-measure__value {
    min-height: 44px;
    font-size: 44px;
    line-height: 1em;
    vertical-align: baseline
}

.profile-quality .appearance-measure .appearance-measure__extra {
    display: block;
    margin: 5px auto 0;
    font-size: 13px;
    line-height: 16px;
    color: #9aa3ab
}

.profile-quality .input-slider {
    margin: 25px 20px
}

.profile-quality .language-level {
    position: relative;
    min-width: 70px;
    color: #9aa3ab;
    text-align: right
}

.profile-quality .language-level .language-level__text {
    font-size: 13px;
    line-height: 20px;
    vertical-align: middle
}

.profile-quality .language-level .language-level__icon {
    margin-left: 5px;
    vertical-align: middle
}

.profile-quality .language-level::after {
    position: absolute;
    top: -15px;
    right: 0;
    bottom: -15px;
    left: 0;
    content: ''
}

.profile-quality .button-wrapper {
    margin: 0 -10px;
    padding: 0
}

.profile-quality.profile-quality--profile_photo {
    color: #1f65f4
}

.profile-quality.profile-quality--relationship {
    color: #ff5a27
}

.profile-quality.profile-quality--sexuality {
    color: #f04a6d
}

.profile-quality.profile-quality--appearance_height {
    color: #42a5f5
}

.profile-quality.profile-quality--appearance_weight {
    color: #ffa912
}

.profile-quality.profile-quality--appearance_body_type {
    color: #7fc01a
}

.profile-quality.profile-quality--appearance_hair_color {
    color: #42bff5
}

.profile-quality.profile-quality--appearance_eye_color {
    color: #3cad41
}

.profile-quality.profile-quality--living {
    color: #2b65db
}

.profile-quality.profile-quality--children {
    color: #ff599c
}

.profile-quality.profile-quality--smoking {
    color: #b1b3cc
}

.profile-quality.profile-quality--drinking {
    color: #532bd5
}

.profile-quality.profile-quality--languages {
    color: #ffa200
}

.profile-quality.profile-quality--interests {
    color: #ff6f41
}

.profile-quality.profile-quality--interests .interest.interest--matched {
    color: #fff;
    background-color: #ff6f41;
    border-color: #ff6f41
}

.profile-quality.profile-quality--interests .profile-quality__step-link {
    color: #ff6f41
}

.profile-quality.profile-quality--about_you {
    color: #6524ce
}

.profile-quality.profile-quality--about_you .form-uniform .textarea__field:focus,
.profile-quality.profile-quality--about_you .form-uniform .textarea__field.is-focused {
    border-color: #6524ce
}

.profile-quality.profile-quality--verification {
    color: #25b4f6
}

.profile-quality.profile-quality--work_and_education {
    color: #191919
}

.profile-quality.profile-quality--work_and_education .button-wrapper {
    margin-top: 20px
}

.profile-quality.profile-quality--work_and_education .button {
    background-color: #191919
}

.profile-quality.profile-quality--work_and_education .form-uniform .select__field:focus,
.profile-quality.profile-quality--work_and_education .form-uniform .select__field.is-focused {
    border-color: #191919
}

.profile-quality.profile-quality--end {
    color: #4d83f7
}

.profile-quality.profile-quality--end .walkthrough__top .icons-carousel__item {
    opacity: 0
}

.profile-quality.profile-quality--end .progress-bar {
    margin: 40px auto 20px
}

.profile-quality.profile-quality--end .button {
    background-color: #4d83f7
}

.old-android-webkit .profile-quality.profile-quality--end .brick-group {
    position: absolute;
    top: -33px;
    right: 0;
    left: 0
}

.old-android-webkit .profile-quality.profile-quality--end .walkthrough__pagination {
    display: none
}

@media (max-height:480px),
(orientation:landscape) {
    .profile-quality.profile-quality--end .brick-group {
        position: absolute;
        top: -33px;
        right: 0;
        left: 0
    }
    .profile-quality.profile-quality--end .walkthrough__pagination {
        display: none
    }
}

.questions .questions__section {
    width: 100%;
    max-width: 395px;
    margin: 0 auto;
    padding: 15px 25px;
    text-align: center;
    -webkit-animation: fadeInQuestionsContent .5s ease-in-out;
    animation: fadeInQuestionsContent .5s ease-in-out
}

.questions .questions__section-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 20px;
    color: #333844
}

@media all and (orientation:portrait) and (min-height:558px) {
    .questions .questions__section-title {
        margin-top: 10px
    }
}

.questions .questions__section-subtitle {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 16px;
    color: #5e6773
}

.questions .questions__section-main {
    margin: 15px 0 0
}

@media all and (orientation:portrait) and (min-height:558px) {
    .questions .questions__section-main {
        margin-top: 25px
    }
}

.questions .questions__results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%
}

.windows .questions .questions__results {
    height: 100%
}

.questions .questions__results .questions__section {
    margin-top: auto;
    margin-bottom: auto
}

.questions .questions__results .results-userpics {
    margin: 0 auto 20px
}

.questions .questions__results .results-userpics .brick-group>.brick:first-child {
    -webkit-animation: fadeInRight .4s;
    animation: fadeInRight .4s
}

.questions .questions__results .results-userpics .brick-group>.brick:last-child {
    -webkit-animation: fadeInLeft .4s;
    animation: fadeInLeft .4s
}

.questions .questions__results .results-userpics .brick-group--promo {
    min-width: 0
}

.questions .questions__results .questions__section-title {
    font-weight: 600
}

body.ios-font-helvetica .questions .questions__results .questions__section-title {
    font-weight: 500
}

body.android-font-system .questions .questions__results .questions__section-title {
    font-weight: 700
}

body.android-font-roboto-new .questions .questions__results .questions__section-title {
    font-weight: 500
}

.questions .questions__results .results-numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0
}

.questions .questions__results .results-numbers .results-numbers__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    position: relative;
    max-width: 33.333%
}

.questions .questions__results .results-numbers .results-numbers__item+.questions .questions__results .results-numbers .results-numbers__item {
    margin-left: 10px
}

.questions .questions__results .results-numbers .results-numbers__count {
    font-size: 35px;
    line-height: 1
}

.questions .questions__results .results-numbers .results-numbers__text {
    margin: 5px auto 0;
    font-size: 13px;
    line-height: 16px
}

.questions .questions__results .results-numbers .is-other-matched {
    color: #1ac313
}

.questions .questions__results .results-numbers .is-other-nonmatched {
    color: #ffa400
}

.questions .questions__results .results-numbers .is-other-unanswered {
    color: #156ef6
}

.questions .questions__results .button-wrapper {
    margin: 0 -10px;
    padding: 0
}

.questions .questions__results .questions__circle {
    position: absolute;
    z-index: -1;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.questions .questions__results .questions__circle--lg {
    width: 164px;
    height: 164px;
    top: -95px;
    left: -60px;
    border: 12px solid #42a5f5;
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s
}

.questions .questions__results .questions__circle--md {
    width: 70px;
    height: 70px;
    top: 55px;
    right: -50px;
    border: 8px solid #f04a6d;
    -webkit-animation: fadeInRight .4s;
    animation: fadeInRight .4s
}

.questions .questions__results .questions__circle--sm {
    width: 90px;
    height: 90px;
    bottom: -60px;
    left: 70px;
    border: 9px solid #ffb900;
    -webkit-animation: fadeInUp .4s;
    animation: fadeInUp .4s
}

.questions.questions--travel {
    color: #ffa200
}

.questions.questions--dating {
    color: #f04a6d
}

.questions.questions--food-drink {
    color: #7fc01a
}

.questions.questions--lifestyle {
    color: #42bff5
}

.questions.questions--entertainment {
    color: #6524ce
}

.questions.questions--end .navigation-bar__icon {
    color: #9aa3ab
}

.question-status .question-status__message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.question-status .question-status__message--centered {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.question-status .question-status__message--centered .chat-message__text {
    max-width: none
}

.question-status .question-status__message-userpic {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 0 10px 0
}

.question-status .question-status__message-answer {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.question-status .question-status__message-answer:before,
.question-status .question-status__message-answer:after {
    content: " ";
    display: table
}

.question-status .question-status__message-answer:after {
    clear: both
}

.question-status .question-status__message-userpic+.question-status__message-answer,
.question-status .question-status__message-answer+.question-status__message-userpic {
    margin-left: 10px
}

.page.stickers .stickers-tabs {
    position: fixed;
    z-index: 2;
    bottom: 435px;
    right: 0;
    left: 0;
    height: 45px;
    background: #fff
}

.page.stickers .stickers-body {
    position: fixed;
    z-index: 2;
    bottom: 135px;
    right: 0;
    left: 0;
    height: 300px;
    background: #fff;
    overflow-y: scroll;
}

.old-android-webkit .page.stickers .stickers-tabs {
    position: absolute
}

@media (max-height:459px),
(orientation:landscape) {
    .page.stickers .stickers-tabs {
        position: absolute
    }
}

.page.stickers .stickers-tabs__image {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 26px 26px;
    background-size: 26px 26px
}

.page.stickers .stickers-tabs__image.is-new::before {
    position: absolute;
    top: 0;
    right: -2px;
    width: 6px;
    height: 6px;
    content: '';
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ee203c;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff
}

.page.stickers .stickers-tabs__image.is-loading {
    background-color: #f2f2f2
}

.page.stickers .stickers-tabs__icon {
    display: block;
    width: 25px;
    height: 25px
}

.page.stickers .stickers-showcase {
    margin: 0;
    padding: 5px 0 10px
}

.page.stickers .stickers-showcase:before,
.page.stickers .stickers-showcase:after {
    content: " ";
    display: table
}

.page.stickers .stickers-showcase:after {
    clear: both
}

.ios .page.stickers .stickers-showcase {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.page.stickers .stickers-showcase__item {
    position: relative;
    display: block;
    float: left;
    width: 24.4222%;
    padding: 10px 15px
}

@media all and (min-width: 720px),
all and (orientation: landscape) and (min-width: 360px) {
    .page.stickers .stickers-showcase__item {
        width: 20%
    }
}

.page.stickers .stickers-showcase__item_ {
    display: block;
    position: relative;
    padding-bottom: 100%
}

.page.stickers .stickers-showcase__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: contain;
    background-size: contain
}

.page.stickers .stickers-showcase__loader {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    color: #9aa3ab
}

.page.stickers .stickers-showcase__item.is-loading .stickers-showcase__image {
    display: none
}

.page.stickers .stickers-showcase__item.is-loading .stickers-showcase__loader {
    display: block
}

.page.fiesta-migration {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    text-align: center
}

.page.fiesta-migration .fiesta-migration__decorations {
    height: 191px;
    background: url('img/no-sprite/web-landing/fiesta-bg.svg') 50% 100% no-repeat
}

@media (max-height:400px) {
    .page.fiesta-migration .fiesta-migration__decorations {
        height: 102px
    }
}

.page.fiesta-migration .fiesta-migration__logo {
    margin: 0 auto;
    width: 40vw;
    height: 15vw;
    min-width: 150px;
    min-height: 54px;
    max-width: 200px;
    max-height: 72px
}

.page.fiesta-migration .fiesta-migration__logo img,
.page.fiesta-migration .fiesta-migration__logo svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.no-svg-support .page.fiesta-migration .fiesta-migration__decorations {
    display: none
}

.no-svg-support .page.fiesta-migration .fiesta-migration {
    padding-top: 30px
}

.no-svg-support .page.fiesta-migration .fiesta-migration__logo img {
    height: auto
}

.fiesta-migration-processing {
    position: relative;
    width: 70px;
    height: 70px;
    margin: auto
}

@-webkit-keyframes rotateProcessingBar {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 720deg);
        transform: rotate3d(0, 0, 1, 720deg)
    }
}

@keyframes rotateProcessingBar {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 720deg);
        transform: rotate3d(0, 0, 1, 720deg)
    }
}

.fiesta-migration-processing .fiesta-migration-processing__bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: rotateProcessingBar 3s infinite ease .5s;
    animation: rotateProcessingBar 3s infinite ease .5s;
    background: url(/img/no-sprite/fiesta-migration/fiesta-processing.png);
    -webkit-background-size: 70px 70px;
    background-size: 70px 70px
}

.fiesta-migration-processing .fiesta-migration-processing__logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto
}

.fiesta-migration-smile {
    display: block;
    width: 80px;
    height: 80px;
    margin: auto
}

.no-svg-support .fiesta-migration-smile {
    display: none
}

.fiesta-migration-smile svg {
    display: block;
    width: 100%;
    height: 100%
}

.page.mutual-attraction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page.mutual-attraction .fake {
    display: none
}

.promo-match {
    display: block;
    position: relative;
    max-width: 375px;
    margin: 0 auto;
    padding: 35px 25px
}

@media all and (max-height: 400px),
all and (orientation: landscape) and (max-height: 600px) {
    .promo-match {
        padding-top: 15px
    }
}

.promo-match .promo-match__userpic {
    margin: 0 0 25px;
    text-align: center
}

.promo-match .promo-match__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px 0 0;
    text-align: center
}

@media all and (max-height: 400px),
all and (orientation: landscape) and (max-height: 600px) {
    .promo-match .promo-match__buttons {
        margin-top: 15px
    }
}

.promo-match .promo-match__button {
    display: block;
    width: 30%
}

.promo-match .promotion__message {
    overflow: hidden;
    text-overflow: ellipsis
}

@media all and (orientation: landscape) and (max-height: 600px) {
    .promo-match {
        padding-left: 180px;
        max-width: 530px;
        min-height: 140px;
        padding-top: 15px;
        padding-bottom: 15px
    }
    .promo-match .promo-match__userpic {
        position: absolute;
        left: 25px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.promo-match .promo-match-button {
    display: block
}

.promo-match .promo-match-button .promo-match-button__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 75px;
    margin: 0 0 8px
}

.promo-match .promo-match-button .promo-match-button__icon_ {
    width: 75px;
    height: 75px
}

.promo-match .promo-match-button.promo-match-button--sm .promo-match-button__icon {
    padding-top: 10px
}

.promo-match .promo-match-button.promo-match-button--sm .promo-match-button__icon_ {
    width: 45px;
    height: 45px
}

.promo-match .promo-match-button .promo-match-button__label {
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    color: #9aa3ab;
    text-align: center;
    text-overflow: ellipsis
}

.promo-match .promo-match-button.promo-match-button--chat .promo-match-button__label {
    color: #191919
}

.promo-match .promo-match-button.promo-match-button--smile .promo-match-button__label {
    color: #ffc208
}

.promo-match .promo-match-button.promo-match-button--gift .promo-match-button__label {
    color: #ee203c
}

.promo-upload-video {
    max-width: 414px;
    margin: 0 auto
}

@media (orientation:landscape) and (max-width:768px) {
    .promo-upload-video {
        max-width: 280px
    }
}

.promo-upload-video .promo-upload-video__media {
    overflow: hidden;
    position: relative
}

@media (min-width:415px) {
    .promo-upload-video .promo-upload-video__media {
        margin-top: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }
}

.promo-upload-video .promo-upload-video__media::after {
    display: block;
    padding-bottom: 100%;
    content: ''
}

@media (orientation:landscape) and (max-width:768px) {
    .promo-upload-video .promo-upload-video__media::after {
        padding-bottom: 50%
    }
}

@media (orientation:portrait) and (max-height:500px) {
    .promo-upload-video .promo-upload-video__media::after {
        padding-bottom: 66.666%
    }
}

.promo-upload-video .promo-upload-video__icon {
    position: relative;
    z-index: 1;
    text-align: center
}

.promo-upload-video .promo-upload-video__icon>.brick,
.promo-upload-video .promo-upload-video__icon>.brick--md {
    margin-top: -33px
}

.promo-upload-video .promo-upload-video__icon>.icon-svg,
.promo-upload-video .promo-upload-video__icon>.icon-svg--md {
    margin-top: -10px
}

.viral-video {
    overflow: hidden;
    position: relative;
    max-width: 414px;
    margin: 0 auto 0 auto
}

@media (orientation:landscape) and (max-width:640px) {
    .viral-video {
        max-width: 320px
    }
}

@media (orientation:portrait) and (min-width:375px) {
    .viral-video {
        margin-bottom: 10px
    }
}

@media (min-width:415px) {
    .viral-video {
        margin-top: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }
}

.viral-video::before {
    display: block;
    padding-bottom: 100%;
    content: ''
}

.viral-video-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.viral-video-share__option {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.viral-video-share__option+.viral-video-share__option {
    margin-left: 15px
}

.sprite-version {
    z-index: 24695168
}

#css-load-test-element {
    height: 43px !important
}

.view-loading-mask {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500
}

.has-infinite-scroll .view-loading-mask {
    position: fixed
}

.view-loading-centre {
    z-index: 501;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px
}

.view-loading-container {
    width: 70px;
    height: 70px
}

.view-loading-container.animate>.loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.infinite-scroll-spinner {
    display: none;
    height: 40px;
    text-align: center;
    position: relative
}

.infinite-scroll-spinner>.loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.has-infinite-scroll .infinite-scroll-spinner,
.has-infinite-scroll+.infinite-scroll-spinner {
    display: block
}

.tooltip {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    margin-top: 5px;
    padding: .5em;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #333844;
    opacity: 0;
    font-size: 12px;
    line-height: 1em;
    color: white;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.tooltip:after {
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #333844;
    content: ""
}

.tooltip.display {
    opacity: 1
}

.actions-footer-view {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e6ecf2;
    z-index: 998
}

.actions-footer-view li {
    margin: 10px
}

.actions-footer-view .actions-footer-button {
    display: block;
    width: 100%
}

.generic-popup label,
.generic-popup input[type=radio] {
    line-height: 15px
}

.generic-popup .error {
    margin: 4px 0 0
}

.generic-popup h3,
.generic-popup span {
    text-align: center;
    padding: 0
}

.generic-popup h3 {
    padding-top: 10px;
    font-size: 22px
}

.generic-popup span {
    display: block;
    margin-bottom: 5px
}

.generic-popup label {
    padding: 10px 0 5px
}

.generic-popup input,
.generic-popup label {
    font-size: 1em;
    line-height: 15px
}

.generic-popup input[type=text],
.generic-popup input[type=date],
.generic-popup select {
    line-height: 40px;
    height: 40px;
    margin-bottom: 0;
    border: 1px solid #e6ecf2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 10px
}

.generic-popup .placeholder {
    text-align: left;
    background: white;
    margin: 0;
    line-height: 40px;
    padding: 0 .5em
}

.generic-popup button {
    width: 100%;
    margin-top: 1em
}

.dots {
    display: block;
    width: 100%;
    text-align: center
}

.dots li {
    display: inline-block;
    width: .5em;
    height: .5em;
    margin-right: .4em;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #3B3B3B;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear
}

.dots li:last-child {
    margin: 0
}

.dots li.selected {
    background-color: #8C8C8C
}

#add-photos {
    color: #5e6773;
    padding-top: 20px
}

#add-photos.has-loading .buttons-container,
#add-photos.has-loading .terms,
#add-photos.has-loading .description {
    display: none
}

#add-photos.has-loading .add-photos-loading {
    display: block
}

.upload-button {
    display: block;
    position: relative;
    padding: 10px;
    padding-left: 60px;
    color: #333844;
    background-color: #e6ecf2;
    font-weight: 600
}

body.ios-font-helvetica .upload-button {
    font-weight: 500
}

body.android-font-system .upload-button {
    font-weight: 700
}

body.android-font-roboto-new .upload-button {
    font-weight: 500
}

.upload-button::before,
.upload-button::after {
    content: '';
    position: absolute;
    bottom: 0
}

.upload-button::before {
    background-image: url("img/sprite-main.png");
    background-position: -175px -197px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat;
    left: 15px;
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px
}

.upload-button::after {
    left: 60px;
    right: 0;
    height: 1px;
    background-color: #e6ecf2;
    border-top: 1px solid #e6ecf2
}

.upload-button.facebook::before {
    background-image: url("img/sprite-main.png");
    background-position: -172px -160px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.upload-button.instagram::before {
    background-image: url("img/sprite-main.png");
    background-position: -229px -35px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.upload-button.camera::before {
    background-image: url("img/sprite-main.png");
    background-position: -70px -197px;
    -webkit-background-size: 344px 319px;
    background-size: 344px 319px;
    background-repeat: no-repeat
}

.upload-button+.cancel-button {
    display: none;
    position: absolute;
    width: 40px;
    right: 0;
    top: 0;
    bottom: 0
}

.upload-button+.cancel-button::after {
    background-image: url("img/sprite-critical.png");
    background-position: -98px -61px;
    -webkit-background-size: 110px 85px;
    background-size: 110px 85px;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 15px;
    width: 10px;
    height: 10px
}

.upload-button.file-selected {
    padding-right: 40px
}

.upload-button.file-selected+.cancel-button {
    display: block
}

#file-picker,
.file-picker {
    -webkit-appearance: none;
    appearance: none;
    text-indent: 999px;
    overflow: hidden;
    width: 0;
    position: absolute
}

.add-photos-loading {
    display: none;
    padding-bottom: 40px;
    -webkit-background-size: 16px 16px;
    background-size: 16px
}

.buttons-container {
    margin: 10px 0 10px 0;
    border-top: 1px #e6ecf2 solid;
    border-bottom: 1px #e6ecf2 solid
}

.buttons-container .upload-button:first-child {
    border-top: 1px solid #e6ecf2
}

.buttons-container .upload-button:last-child,
.buttons-container .upload-button.last {
    border-bottom: 1px solid #e6ecf2
}

.buttons-container .upload-button:last-child::after,
.buttons-container .upload-button.last::after {
    display: none
}

.terms-view {
    padding: 10px
}

.terms-view .terms-title {
    display: block;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px
}

.terms-view h1 {
    height: initial;
    padding: 0 0 10px 0
}

.terms-view b,
.terms-view a {
    color: #333844;
    font-weight: 600
}

body.ios-font-helvetica .terms-view b,
body.ios-font-helvetica .terms-view a {
    font-weight: 500
}

body.android-font-system .terms-view b,
body.android-font-system .terms-view a {
    font-weight: 700
}

body.android-font-roboto-new .terms-view b,
body.android-font-roboto-new .terms-view a {
    font-weight: 500
}

.terms-view b,
.terms-view p,
.terms-view center,
.terms-view li {
    line-height: 1.5em
}

.terms-view li {
    list-style-type: decimal
}

.terms-view ol ul {
    padding-left: 20px
}

.terms-view ol ul li {
    list-style-type: disc
}

.default-padding {
    padding: 10px
}

.default-padding-left {
    padding-left: 10px
}

.default-padding-right {
    padding-right: 10px
}

.default-padding-horizontal {
    padding-left: 10px;
    padding-right: 10px
}

.meetUser.meetUser-1 {
  -webkit-animation-delay: 0.09091s;
  animation-delay: 0.09091s;
}

.meetUser.meetUser-2 {
  -webkit-animation-delay: 0.18182s;
  animation-delay: 0.18182s;
}

.meetUser.meetUser-3 {
  -webkit-animation-delay: 0.27273s;
  animation-delay: 0.27273s;
}

.meetUser.meetUser-4 {
  -webkit-animation-delay: 0.36364s;
  animation-delay: 0.36364s;
}

.meetUser.meetUser-5 {
  -webkit-animation-delay: 0.45455s;
  animation-delay: 0.45455s;
}

.meetUser.meetUser-6 {
  -webkit-animation-delay: 0.54545s;
  animation-delay: 0.54545s;
}

.meetUser.meetUser-7 {
  -webkit-animation-delay: 0.63636s;
  animation-delay: 0.63636s;
}

.meetUser.meetUser-8 {
  -webkit-animation-delay: 0.72727s;
  animation-delay: 0.72727s;
}

.meetUser.meetUser-9 {
  -webkit-animation-delay: 0.81818s;
  animation-delay: 0.81818s;
}

.meetUser.meetUser-10 {
  -webkit-animation-delay: 0.90909s;
  animation-delay: 0.90909s;
}

.meetUser.meetUser-11 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes slide-item {
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-item {
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.meetUser {
  opacity: 0;
  visibility: hidden;
  transform: translateY(250px);
  -webkit-animation: slide-item .3s ease forwards;
  animation: slide-item .3s ease forwards;
}

.noBackground {
    background: none !important;
}

.profile-photo{
    background-size:   cover;
    background-repeat: no-repeat;
    background-position: top center;    
}

.box-shadow-credits{
    -webkit-box-shadow: 0 10px 25px 0  rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.12);    
}

.increaseBottomSpace{
    bottom: 210px;
}