section, header, main, form, input, select, textarea, label, a, span, div, body, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box;}
button { padding: 0; background-color: transparent; color: #272727; font-size: 14px; cursor: pointer; border: 0;}
:focus { outline: none;}
a:focus { outline: none;}
section, header, nav { display: block;}
html, body { height: 100%; margin: 0; padding: 0; min-width: 320px; position: relative; width: 100%; color: #272727;}
body { font-size: 14px; font-family: "Rubik", sans-serif;}
input, button, textarea, select { font-family: "Rubik", sans-serif;}
input, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
input::-ms-clear { display: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type="number"] { -moz-appearance: textfield;}
input[type="password"]::-ms-reveal { display: none;}
textarea { overflow: auto;}
select::-ms-expand { display: none;}
button::-moz-focus-inner { padding: 0; border: 0;}
a, a:visited, a:hover { text-decoration: none;}
a img { border: none;}
img { vertical-align: top;}
.float-r { float: right;}
.wrapper { width: 100%; min-height: 100%; overflow: hidden; position: relative;}
.pagination { margin-top: 20px; margin-bottom: 20px;}
.pagination ul { text-align: center; list-style-type: none; padding: 0; margin: 0;}
.pagination li { display: inline-block; padding: 4px 8px;}
.pagination li.active a { text-decoration: underline; font-weight: bold}
.pagination li a { color: #ad1d0d; font-size: 15px;}
.tooltip { position: relative;}
.tooltip[data-title]:before { content: attr(data-title); position: absolute; left: 100%; top: -16px; font-size: 13px; line-height: 14px; padding: 5px; white-space: nowrap; box-shadow: 1px 1px 3px #9a9898; opacity: 0; z-index: 3; visibility: hidden; transition: all 0.1s ease 0.3s; background-color: #f3f0f0; border-radius: 5px; color: #6b6666; font-weight: 400;}
.tooltip[data-title]:hover:before { opacity: 1; visibility: visible;}
.breadcrumbs { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 14px; margin-bottom: 15px;}
.breadcrumbs a { color: #b81e0d; font-size: 16px;}
.breadcrumbs a::after { padding-left: 5px; padding-right: 5px; color: #ccc; content: "/\00a0";}
.breadcrumbs a:last-child::after { content: none;}
.dashed-list { list-style-type: '- ';}
.wrapper--grey { background-color: #f5f0f0;}
.visitor-notification { display: block; text-align: center; font-weight: 600; font-size: 16px; line-height: 24px; padding: 10px; background-color: #ad1d0d5c; color: #5a0c03;}
.error { height: 100vh; padding: 120px 37px 52px; background: url("/images/wave-bg.svg") 80% 57px/cover no-repeat;}
.error__content { text-align: center; position: relative; top: 50%; transform: translateY(-50%); background-color: #ffffff91; border-radius: 15px; padding: 0 10px 18px; border: 1px solid #981708;}
.error__code { color: #ad1d0d; font-size: 110px; margin-top: 0; margin-bottom: 10px;}
.error__title { font-size: 34px; margin-top: 0; margin-bottom: 0;}
.error__description { font-size: 18px; margin-bottom: 40px;}
.error__image { display: none;}
.header { background-color: #ad1d0d; height: 57px; position: fixed; width: 100%; top: 0; z-index: 15;}
.header__content { height: 100%; margin: 0 auto; max-width: 1040px; padding: 14px; position: relative;}
.header__back { float: left; width: 26px; height: 26px; text-align: center; margin: 1.5px 13px 0 -4px;}
.header__back img { width: auto; height: 19px;}
.header__settings img { width: 22px; height: 22px;}
.header__logo { height: 41px; position: absolute; left: calc(50% - 18.22px); top: calc(50% - 20.5px);}
.header__logo img { width: 100%; max-width: 100%; max-height: 100%;}
.header__group { float: right; margin-top: 2px; padding-right: 2px;}
.header__box { position: relative; margin-left: 16px; display: inline-block; vertical-align: middle; overflow: visible;}
.header__box.active::after { content: ""; position: absolute; bottom: -17px; left: 0; height: 4px; width: 100%; background-color: #ffffff; border-radius: 3px;}
.header__bell, .header__mail, .header__search { width: 24px; height: 24px;}
.header__search { display: inline-block; margin-top: 2.5px;}
.header__bell img, .header__mail img, .header__search img { width: 100%; max-width: 100%; height: 100%; max-height: 100%;}
.header__notifications { position: absolute; top: -8px; right: -8px; background-color: #ffffff; border: 1px solid #ad1d0d; border-radius: 50%; color: #ad1d0d; line-height: 1; font-weight: 500; font-size: .8125rem; height: 19px; min-width: 19px; text-align: center;}
.header__notifications span { padding-right: 2px; padding-left: 2px; position: relative; top: 2px;}
.header .user-photo { float: left; margin-right: 13px;}
.header__photo { display: block; height: 30px; width: 30px; border-radius: 50%; overflow: hidden;}
.header__photo.active { margin-top: -3px; padding: 2px; border: 1px solid #ffffff; height: 46px; width: 46px;}
.header__photo.active img { border-radius: 50%;}
.header__photo.blank img { -o-object-fit: contain; object-fit: contain;}
.header__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.header__filter { margin-right: 9px; vertical-align: sub;}
.header__filter img { width: 21px; height: 23px;}
.header__login { float: right; text-align: center; margin-top: -4px;}
.header__login img { width: 24px; height: 24px;}
.header__login span { display: block; color: #fff;}
.header--registration { display: none;}
.header--messages .header__box { display: none;}
.footer { position: absolute; bottom: 53px; width: 100%; text-align: center; padding: 5px 16px 10px; padding-left: 16px; padding-right: 16px; left: 0; background-color: #f5f0f0;}
.footer__link { display: inline-block; color: #ad1d0d; margin: 5px 5px 0; font-weight: 400; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; white-space: nowrap; vertical-align: bottom;}
.footer__link:hover { color: #981a0c; border-bottom: 1px solid #981a0c;}
.btn { color: #fff; display: inline-block; font-size: 18px; line-height: 60px; font-weight: 700; border-radius: 5px; padding: 0 42px; height: 60px; width: 100%; background-color: #ad1d0d; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; text-align: center;}
.btn:hover { background-color: #981a0c;}
.btn.disabled, .btn:disabled { color: #6b6666; background-color: #cccccc; cursor: not-allowed;}
.btn.disabled:hover, .btn:disabled:hover { background-color: #cccccc;}
.btn--white { background-color: #fff; color: #6b6666;}
.btn--white:hover { background-color: #dfdede5f;}
.btn--green { background-color: #0f7a74;}
.btn--green:hover { background-color: #20b6af;}
.drop-down { position: relative; overflow: visible; clear: both;}
.drop-down input.search-field { display: none;}
.drop-down.active input.search-field { display: block;}
.drop-down.active input.search-field+select { display: none;}
.drop-down.active .drop-down__container { display: block;}
.drop-down__container { padding-bottom: 40px; position: absolute; top: 109%; left: 0; right: 0; z-index: 10; display: none;}
.drop-down__list { max-height: 221px; overflow: auto; background-color: #ffffff; -webkit-box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); border-radius: 10px;}
.drop-down__list.checkboxes.checkboxes-hide label { display: none;}
.drop-down__list.checkboxes.checkboxes-hide label.show { display: block;}
.drop-down__item { font-size: 16px; line-height: 19px; padding: 8px 18px; cursor: pointer;}
.drop-down__item.active, .drop-down__item:hover { background-color: #f5f3f3;}
.verification-code { text-align: center; direction: ltr;}
.verification-code input { max-width: calc(25% - 8px); width: 54px; background-color: #fff; border: 1px solid #d4d4d4; border-radius: 15px; font-weight: 500; font-size: 34px; line-height: 60px; height: 60px; text-align: center; padding: 0; margin-right: 2px; margin-left: 2px;}
.popup-verification { overflow-y: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 25, 25, 0.66); z-index: 16; text-align: center; white-space: nowrap;}
.popup-verification::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.popup-verification .popup-verification__close { top: 12px; left: 16px;}
.popup-verification__body { display: inline-block; vertical-align: middle;}
.popup-verification__content { margin: 10px 0; white-space: normal; position: relative; padding: 42px 16px; text-align: center; max-width: 343px; width: 100%; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.popup-verification__title { font-weight: 500; font-size: 16px; line-height: 23px;}
.popup-verification__info { margin-top: 15px;}
.popup-verification__info p { display: inline-block; font-size: 16px; line-height: 18px; margin-left: 6px; margin-right: 6px;}
.popup-verification__info p span { display: inline-block; font-size: 12px; line-height: 18px; color: #fff; background-color: #807373; border-radius: 50%; width: 18px; margin-right: 4px;}
.popup-verification__slider { margin: 42px 0;}
.popup-verification__slider .slider__block { width: 255px; margin-bottom: 20px;}
.popup-verification__slider .slider__item { width: 255px;}
.popup-verification__slider .slider__item .slider__cover:nth-child(2) { margin-left: 5px;}
.popup-verification__slider .slider__cover { display: inline-block; width: 125px; position: relative;}
.popup-verification__slider .slider__cover.full-width { width: 100%;}
.popup-verification__text { font-size: 16px; line-height: 23px; color: #807373;}
.popup-verification__form .form-photo__dragging { margin: 52px 0 0;}
#verificationPhoneCode .input-error { float: none; text-align: center; max-width: 100%;}
.popup-verification--email .popup-verification__content { padding-bottom: 5px;}
.popup-verification--email .popup-verification__title { display: none;}
.popup-verification--email .popup-verification__text { margin-bottom: 8px;}
.popup-verification__input { background-color: #f3f0f0; border: none; border-radius: 10px; font-weight: 500; font-size: 16px; line-height: 60px; height: 60px; display: block; width: 100%; padding: 0 16px;}
.popup-verification__input::-webkit-input-placeholder { color: #6b6666; font-size: 15px; font-weight: 400;}
.popup-verification__input:-ms-input-placeholder { color: #6b6666; font-size: 15px; font-weight: 400;}
.popup-verification__input::-ms-input-placeholder { color: #6b6666; font-size: 15px; font-weight: 400;}
.popup-verification__input::placeholder { color: #6b6666; font-size: 15px; font-weight: 400;}
.popup-verification__send { margin-top: 42px;}
.popup-verification__resend { background-color: transparent; color: #ad1d0d; padding-left: 0; padding-right: 0; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s;}
.popup-verification__resend:hover { color: #981a0c; background-color: transparent;}
.popup-verification--sent .popup-verification__content { text-align: initial;}
.popup-verification--sent .popup-verification__text { margin: 12px 0 34px;}
.popup-verification--sent .popup-verification__text span { font-weight: 500; color: #272727;}
.popup-verification--sent.edit .popup-verification__body { max-width: 343px; width: 100%;}
.popup-verification--sent.edit .popup-verification__text { margin-bottom: 0;}
.popup-verification--email .popup-verification__text, .popup-verification--phone .popup-verification__text { font-size: 12px; line-height: 18px;}
.popup-verification--email .popup-verification__content, .popup-verification--phone .popup-verification__content { text-align: initial;}
.popup-verification--phone .popup-verification__text { margin-top: 12px; margin-bottom: 10px;}
.popup-verification--sent .popup-verification__title, .popup-verification--code .popup-verification__title { font-weight: 700;}
.popup-verification--sent .popup-verification__title, .popup-verification--code .popup-verification__title, .popup-verification--end .popup-verification__title { font-size: 18px;}
.popup-verification--code .popup-verification__close { display: none;}
.popup-verification--code .popup-verification__content { padding: 42px 51px 22px;}
.popup-verification--code .popup-verification__verify { padding-right: 0; padding-left: 0;}
.popup-verification--code.edit .popup-verification__verify { display: block; width: calc(100% + 70px); margin-left: -35px; margin-right: -35px;}
.popup-verification--code.edit .popup-verification__block { margin-bottom: 24px;}
.popup-verification__code { margin-top: 24px; margin-bottom: 16px;}
.popup-verification__code input { background-color: #f3f0f0;}
.popup-verification__block { margin-bottom: 42px;}
.popup-verification__block span { color: #807373; line-height: 23px;}
.popup-verification__block p { font-size: 15px; line-height: 20px; margin: 2px 0 18px;}
.popup-verification__block a { font-weight: 500; font-size: 16px; line-height: 18px; color: #ad1d0d; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s;}
.popup-verification__block a:hover { color: #981a0c;}
.popup-verification--congrat .popup-verification__content { padding: 0; max-width: 283px; overflow: hidden;}
.popup-verification--congrat .popup-verification__title { padding: 28px;}
.popup-verification--congrat button, .popup-verification--congrat a { background-color: #fff; color: #ad1d0d; font-size: 16px; font-weight: 500; border-top: 1px solid #eae4e4; border-radius: initial; line-height: 55px; width: 100%; display: block;}
.popup-verification--congrat a { transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.popup-verification--congrat a:hover { background-color: rgb(239, 238, 238);}
.popup-verification__check { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 18px;}
.popup-verification__check.success { background-color: #0f7a74;}
.popup-verification__check.danger { background-color: #FF8989;}
.popup-verification__check.warning { background-color: #FEDB8B;}
.popup-verification__check.info { background-color: #eae4e4;}
.popup-verification__check img { width: 34.7px; height: 100%; vertical-align: middle;}
.popup-verification--end .popup-verification__text { margin: 12px 0 58px;}
#formPhoto .input-error { display: none;}
.form-photo__dragging #dropAreaError { color: #fe5858; line-height: 20px; margin-top: 10px; display: none;}
.form-photo__box label { cursor: pointer;}
.form-photo__box input { display: none;}
.image-preview { margin-top: 28px; margin-bottom: 18px; display: none;}
.image-preview img{ max-width: 100%; max-height: 45vh;}
.slider { text-align: initial;}
.slider__dots span{ cursor: pointer; transition: background-color 0.3s; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s;}
.slider__dots span:hover { background-color: #ad1d0d;}
.slider__block { width: 192px; margin: 0 auto; padding-bottom: 20px; overflow: hidden; text-align: center;}
.slider__items { white-space: nowrap; position: relative; left: 0; transition: left 0.8s; -o-transition: left 0.8s; -moz-transition: left 0.8s; -webkit-transition: left 0.8s;}
.slider__item { width: 192px; display: inline-block; height: 100%; position: relative;}
.slider__sheet { position: absolute;}
.slider__item:nth-child(1) .slider__sheet { top: 11px; left: 39px; max-width: 50px; height: 87px;}
.slider__item:nth-child(1) .slider__sheet:nth-child(3) { left: 167px;}
.slider__item:nth-child(1) .slider__user-info span, .slider__item:nth-child(1) .slider__user-info p { float: none;}
.slider__item:nth-child(1) .slider__user-info span { display: block;}
.slider__item:nth-child(1) .slider__box { margin-bottom: 5px;}
.slider__item:nth-child(2) .slider__cover:nth-child(1) .slider__sheet { width: 78px; left: 25px; top: 9px; height: 121px;}
.slider__item:nth-child(2) .slider__cover:nth-child(1) .slider__user-info span, .slider__item:nth-child(2) .slider__cover:nth-child(1) .slider__user-info p { font-size: 8px; line-height: 9px;}
.slider__item:nth-child(2) .slider__cover:nth-child(1) .slider__box { margin-bottom: 12px;}
.slider__item:nth-child(3) .slider__sheet { left: 21px; width: 79px; top: 69px; height: 61px;}
.slider__item:nth-child(3) .slider__box { -webkit-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg); margin-bottom: 6px;}
.slider__img { max-height: 258px; height: 100%; width: 100%; overflow: hidden; border-radius: 10px;}
.slider__img img { width: 100%; max-width: 100%; height: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover;}
.slider__correct, .slider__wrong { width: 24px; height: 24px; border-radius: 50%; position: absolute; bottom: -12px; left: calc(50% - 12px);}
.slider__correct { background: #0f7a74 url("/images/icons/check-white.svg") 50% 50%/10.41px 8.12px no-repeat;}
.slider__wrong { background-color: #ad1d0d; color: #fff; font-size: 12px; line-height: 24px;}
.slider__user-info { text-align: left; position: relative; top: 50%; transform: translateY(-50%);}
.slider__user-info span, .slider__user-info p { font-size: 7px; line-height: 8px;}
.slider__user-info span { color: #6b6666; float: left;}
.slider__user-info p { font-weight: 700; float: right; margin: 0; white-space: normal;}
.slider__box { overflow: hidden;}
.slider__box:last-child { margin-bottom: 0;}
.icon { position: relative; cursor: pointer;}
.icon::before { content: ""; position: absolute; z-index: 2; right: 18px; background-repeat: no-repeat; background-size: cover;}
.icon--arrow::before { background-image: url(/images/icons/arrow-down.svg); width: 14.3px; height: 7.7px; top: 50%;}
.icon--search::before { background-image: url(/images/icons/search.svg); height: 16.4px; width: 16.4px; top: 34%; left: 18px; right: auto;}
.menu { padding: 15px 16px; background-color: #ffffff; border-top: 1px solid #ebebeb; position: fixed; z-index: 13; bottom: 0; left: 0; right: 0; display: table; width: 100%;}
.menu__wrapper { display: table-row;}
.menu a { display: table-cell; text-align: center; font-size: 0;}
.menu a:nth-child(1n+6) { display: none;}
.menu a:hover, .menu a.active { color: #ad1d0d;}
.menu a::before { content: ""; width: 24px; height: 24px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle;}
.menu__home::before { background-image: url("/images/icons/home.svg");}
.menu__home:hover::before, .menu__home.active::before { background-image: url("/images/icons/home-red.svg");}
.menu__today::before { background-image: url("/images/icons/horn.svg");}
.menu__today:hover::before, .menu__today.active::before { background-image: url("/images/icons/horn-red.svg");}
.menu__photos::before { background-image: url("/images/icons/add-photo-grey.svg");}
.menu__photos:hover::before, .menu__photos.active::before { background-image: url("/images/icons/add-photo-red.svg");}
.menu__stories::before { background-image: url("/images/icons/grid.svg");}
.menu__stories:hover::before, .menu__stories.active::before { background-image: url("/images/icons/grid-red.svg");}
.notifications { z-index: 15; position: fixed; top: 57px; left: 0; right: 0; bottom: 55px; overflow: hidden; display: none;}
.notifications__body { overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; background-color: #f5f0f0; padding: 18px 18px 5px;}
.notifications__top { position: relative; margin: 10px -18px 32px; padding-right: 18px; padding-left: 18px;}
.notifications__top button { position: absolute; top: 50%; right: 18px; transform: translateY(-50%); color: #AD1D0D; text-align: right; max-width: calc(50% - 36px); transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s;}
.notifications__top button:hover { text-decoration: underline; color: #981a0c;}
.notifications--msg .notifications__title { display: block; text-align: center;}
.notifications__title { font-weight: 700; font-size: 20px; margin-top: 0; display: inline-block; margin-bottom: 0; line-height: 24px;}
.notifications__subtitle { font-weight: 500; font-size: 16px; line-height: 19px; margin-bottom: 8px; margin-top: 0;}
.notifications__section { margin-bottom: 28px;}
.notifications__box { background-color: #fff; border: 1px solid #eae4e4; border-radius: 10px;}
.notifications__item { background-image: linear-gradient(#eae4e4,#eae4e4); background-size: calc(100% - 28px) 1px; background-position: bottom center; background-repeat: no-repeat; padding: 14px; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.notifications__item:not(.notifications--msg .notifications__item, .seen) { background-color: #ad1d0d0f;}
.notifications__item.read .notifications__msg { font-weight: 400;}
.notifications__item.read .notifications__msg span { display: none;}
.notifications__item:last-child { background-image: none;}
.notifications__item.paused { position: relative;}
.notifications__item.paused:hover::after { opacity: 1;}
.notifications__item.paused .user-photo { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '2'); filter: blur(2px);}
.notifications__item.paused .notifications__row, .notifications__item.paused .notifications__btns { pointer-events: none; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; transition: filter 0.2s; -o-transition: -o-filter 0.2s; -moz-transition: -moz-filter 0.2s; -webkit-transition: -webkit-filter 0.2s;}
.notifications__item.paused:hover .notifications__row, .notifications__item.paused:hover .notifications__btns { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '2'); filter: blur(2px);}
.notifications__item.paused::after { content: attr(data-paused); position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 100%; max-width: 85%; text-align: center; font-size: 15px; line-height: 17px; -webkit-box-shadow: 0px 0px 23px 6px rgba(128, 128, 128, 0.43); -moz-box-shadow: 0px 0px 23px 6px rgba(128, 128, 128, 0.43); box-shadow: 0px 0px 23px 6px rgba(128, 128, 128, 0.43); border-radius: 10px; padding: 7px; background-color: #c3c2c2ba; opacity: 0; transition: opacity 0.2s; -o-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s;}
.notifications__row { display: table-row;}
.notifications__column { display: table-cell; vertical-align: top;}
.notifications__column:nth-child(3) { width: 100%;}
.notifications--msg .notifications__row { display: block;}
.notifications--msg .notifications__column { display: inline-block;}
.notifications--msg .notifications__column:nth-child(3) { width: calc(100% - 76px);}
.notifications__column .user-photo { margin-right: 3px; display: block;}
.notifications__column .user-photo__cover { width: 40px; height: 40px; display: block;}
.notifications__column .user-photo.verified::after, .notifications__column .user-photo.pending::after, .notifications__column .user-photo.online:not(.verified, .pending)::after, .notifications__column .user-photo.online-recently:not(.verified, .pending)::after { bottom: -3px;}
.notifications__photo { width: 44px; height: 44px; margin-left: 14px; display: block;}
.notifications__photo img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;}
.notifications__column .notifications__text { margin-left: 3px;}
.notifications__text { color: #6b6666; cursor: default;}
.notifications__text + .notifications__btns { margin-left: 0;}
.notifications__event { line-height: 19.6px; margin-bottom: 4px; margin-top: 0;}
.notifications__event a { color: #6b6666;}
a.notifications__nickname { color: #272727; font-size: 16px; font-weight: 500;}
.notifications__msg { font-weight: 500; color: #272727; position: relative; padding-right: 35px;}
.notifications__msg p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 0; margin-bottom: 0;}
.notifications__msg span { background-color: #AD1D0D; border-radius: 11px; font-weight: 500; font-size: 12px; line-height: 18px; color: #f5f0f0; width: 33px; text-align: center; position: absolute; top: 0; right: 0;}
.notifications__time { font-size: 13px; line-height: 15px; margin-top: 0; margin-bottom: 0;}
.notifications__gender { width: 26px; text-align: center;}
.notifications__gender img { max-width: 100%; margin-top: 8px;}
.notifications__view { text-align: center; border: 1px solid #ad1d0d; border-radius: 5px; color: #ad1d0d; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.notifications__view:hover { background-color: rgb(239, 238, 238);}
.notifications__btns { margin: 12px 0 2px 71px;}
.notifications__btns a { max-width: 100%;}
.notifications__btns button, .notifications__btns button + a { max-width: calc(50% - 5px);}
.notifications__btns button, .notifications__btns a { height: 34px; font-weight: 500; font-size: 12px; line-height: 15px; padding-left: 13px; padding-right: 13px; vertical-align: middle;}
.notifications__btns a { display: inline-block;}
.notifications__btns a span { display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
.notifications__btns .btn { font-weight: 400; margin-right: 6px; width: auto;}
.notifications__empty { text-align: center; height: calc(100% - 66px);}
.notifications__empty h3 { position: relative; top: 40%; color: #8b8383; font-size: 18px;}
.main { padding: 57px 0 115px; overflow: hidden; max-width: 1040px; margin: 0 auto;}
.close-btn { color: #6b6666; position: absolute; font-size: 26.3px; line-height: 20px;}
.arrow { width: 34px; height: 34px; position: relative; display: block;}
.arrow::after { content: ""; border-style: solid; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; position: absolute; top: 11px; left: 13px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); color: #272727;}
.form { width: 100%;}
.form__title { font-size: 28px; line-height: 25px; font-weight: 700; margin-bottom: 18px;}
.form__text { color: #6b6666; font-size: 16px; line-height: 21px; max-width: 240px; margin: 0 auto;}
.form__group { margin-top: 53px;}
.form__subtitle { font-weight: 700; font-size: 18px; line-height: 20px; margin: 0 auto 60px; max-width: 215px;}
.form__birthday { padding: 0 25px;}
.form__birthday .form__item { display: inline-block; margin: 0 9px; width: calc(28% - 22px); min-width: 51px;}
.form__birthday .form__item:nth-of-type(3) { width: calc(44% - 22px);}
.form__birthday .form__item label { display: block; color: #6b6666; font-weight: 300; font-size: 14px; line-height: 17px;}
.form__birthday .form__item input { margin-top: 3px; text-align: center; padding: 0 10px;}
.form__birthday .form__item input::-webkit-input-placeholder { color: #272727; font-weight: 300;}
.form__birthday .form__item input:-ms-input-placeholder { color: #272727; font-weight: 300;}
.form__birthday .form__item input::-ms-input-placeholder { color: #272727; font-weight: 300;}
.form__birthday .form__item input::placeholder { color: #272727; font-weight: 300;}
.form__gender { display: inline-block; width: 200px; height: 208px; position: relative;}
.form__gender.female label img { width: 109px;}
.form__gender.couple { margin-left: 16px; margin-right: 16px;}
.form__gender.couple label img { width: 115.7px;}
.form__gender.male label img { width: 90.2px;}
.form__gender label { display: inline-block; width: 100%; height: 100%; padding: 17px 0; background-color: #ffffff; -webkit-box-shadow: 0 8px 20px rgba(78, 64, 64, 0.1); box-shadow: 0 8px 20px rgba(78, 64, 64, 0.1); border-radius: 10px;}
.form__gender label img { height: 129px;}
.form__gender label span { font-weight: 500; font-size: 16px; line-height: 20px; display: block; margin-top: 25px;}
.form__gender input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;}
.form__gender input:checked + label { border: 2px solid #ad1d0d;}
.form__item input, .form__item select, .form__item textarea { background-color: #f3f0f0; border: 1px solid #d4d4d4; border-radius: 10px; padding: 0 18px; margin-top: 8px; width: 100%;}
.form__item .password-display { bottom: 25px;}
.form__block { overflow: auto; white-space: nowrap; padding: 10px 10px 25px; margin: -10px -10px 0; scrollbar-width: none; -ms-overflow-style: none;}
.form__block::-webkit-scrollbar { width: 0; height: 0;}
.form__block.invalid-input { position: relative;}
.form__range-value { font-size: 16px; line-height: 22px;}
.form__item { position: relative;}
.form__item label { display: none; width: 100%;}
.form__item textarea { height: 300px; padding-top: 14px; padding-bottom: 14px; resize: none; font-size: 16px; font-weight: 300; line-height: 24px;}
.form__item input, .form__item select { height: 60px; line-height: 60px;}
.form__item input { -webkit-box-shadow: none; box-shadow: none; display: block; font-size: 16px; font-weight: 500;}
.form__item input:focus, .form__item select:focus, .form__item textarea:focus { border: 1px solid #0f7a74;}
.form__item input::-webkit-input-placeholder, .form__item textarea::-webkit-input-placeholder { color: #6b6666; font-weight: 400; font-size: 16px;}
.form__item input:-ms-input-placeholder, .form__item textarea:-ms-input-placeholder { color: #6b6666; font-weight: 400; font-size: 16px;}
.form__item input::-ms-input-placeholder, .form__item textarea::-ms-input-placeholder { color: #6b6666; font-weight: 400; font-size: 16px;}
.form__item input::placeholder, .form__item select, .form__item textarea::placeholder { color: #6b6666; font-weight: 400; font-size: 16px;}
.form__item input[name="address"] { padding-left: 50px;}
.form__item input[type="password"] { font-weight: 300; font-size: 20px; color: #000; line-height: 30px; padding-right: 40px;}
.form__bottom { bottom: 0; width: 100%; padding-bottom: 27px; position: fixed; left: 0; background-color: #fff; z-index: 17;}
.form__btn { margin-bottom: 27px;}
.form__registrate { line-height: 20px; font-weight: 700; margin-top: 27px;}
.form__registrate a, .form__forgot a { display: inline-block; color: #ad1d0d; border-bottom: 1px solid #ad1d0d; margin-left: 17px; font-weight: 400; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s;}
.form__registrate a:hover, .form__forgot a:hover { color: #981a0c;}
.form__forgot { text-align: right; margin-top: 10px; margin-bottom: 20px;}
.form__forgot a { margin-left: 0;}
.form--red { text-align: initial;}
.form--red input::-webkit-input-placeholder, .form--red select, .form--red textarea::-webkit-input-placeholder { color: #ad1d0d;}
.form--red input:-ms-input-placeholder, .form--red select, .form--red textarea:-ms-input-placeholder { color: #ad1d0d;}
.form--red input::-ms-input-placeholder, .form--red select, .form--red textarea::-ms-input-placeholder { color: #ad1d0d;}
.form--red input::placeholder, .form--red select, .form--red textarea::placeholder { color: #ad1d0d;}
.form--red label { display: block; font-size: 18px; line-height: 23px; font-weight: 700; margin-bottom: 34px;}
.form--red .form__subtitle { margin-bottom: 8px; max-width: 100%;}
.form--red .form__text { font-size: 14px; max-width: 242px; margin-left: 0;}
.form--red .form__group { margin-top: 18px;}
.form__checkboxes { padding-top: 8px;}
.form__border { padding-bottom: 20px; border-bottom: 1px solid #eae4e4; margin-bottom: 42px;}
.form__border.equal-distance { padding-bottom: 42px;}
.form__nicknames { overflow: hidden;}
.form__nicknames .form__item { float: left; width: calc(50% - 7px);}
.form__nicknames .form__item:first-child { margin-right: 14px;}
.custom-checkboxes { margin: 0 -4px;}
.custom-checkboxes label { display: inline-block; margin: 0 2px 12px; cursor: pointer;}
.custom-checkboxes label input { margin: 0; position: absolute;}
.custom-checkboxes label input:checked + span { background-color: #ad1d0d; color: #fff;}
.custom-checkboxes label span { display: inline-block; font-size: 16px; font-weight: 400; padding: 12.5px 14px; background-color: #eae4e4; border-radius: 39px;}
.radio-btns label { font-weight: 400; font-size: 16px; line-height: 24px; display: block; margin-bottom: 29px; cursor: pointer;}
.radio-btns span { margin-right: 15px; border: 1px solid #eae4e4; width: 24px; height: 24px; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative;}
.radio-btns span:after { content: ""; width: 16px; height: 16px; background-color: #ad1d0d; display: none; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
.radio-btns input { margin: 0; position: absolute;}
.radio-btns input:checked + span { border-color: #ad1d0d;}
.radio-btns input:checked + span:after { display: block;}
.dots { overflow: hidden; display: inline-block; position: relative; left: 50%; transform: translateX(-50%);}
.dots span { width: 11px; height: 11px; border-radius: 50%; background-color: #f3f0f0; margin-right: 4px; float: left;}
.dots span:last-child { margin-right: 0;}
.dots span.dots--chosen { background-color: #ad1d0d;}
input.input-range { padding: 0; margin: 25px 0; border: none; height: 4px; outline: none; display: block; max-width: 100%;}
input.input-range:focus { border: none;}
input.input-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: #ffffff; border: 1px solid #eae4e4; width: 28px; height: 28px; border-radius: 50%; -webkit-box-shadow: 0 1px 4px rgba(32, 25, 25, 0.17); box-shadow: 0 1px 4px rgba(32, 25, 25, 0.17); cursor: pointer;}
input.input-range::-moz-range-thumb { -moz-appearance: none; background-color: #ffffff; border: 1px solid #eae4e4; width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 1px 4px rgba(32, 25, 25, 0.17); cursor: pointer;}
input.input-range::-ms-thumb { -ms-appearance: none; background-color: #ffffff; border: 1px solid #eae4e4; width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 1px 4px rgba(32, 25, 25, 0.17); cursor: pointer; margin: 0 1px;}
input.input-range::-ms-track { height: 4px; background: transparent; border-color: transparent; border-width: 15px 0; color: transparent;}
input.input-range::-ms-fill-lower { background: #ad1d0d; border-radius: 10px;}
input.input-range::-ms-fill-upper { background: #eae4e4; border-radius: 10px;}
input.input-range::-ms-tooltip { display: none;}
.home-indicator { position: absolute; top: -13px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 134px; height: 5px; background-color: #d0cdcd; border-radius: 100px;}
.flag { display: inline-block; height: 15px; width: 20px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/images/flags.png"); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0; background-size: 5762px 15px; margin-right: 6px;}
.flag.flag--ac { height: 10px; background-position: 0px 0;}
.flag.flag--ad { height: 14px; background-position: -22px 0;}
.flag.flag--ae { height: 10px; background-position: -44px 0;}
.flag.flag--af { height: 14px; background-position: -66px 0;}
.flag.flag--ag { height: 14px; background-position: -88px 0;}
.flag.flag--ai { height: 10px; background-position: -110px 0;}
.flag.flag--al { height: 15px; background-position: -132px 0;}
.flag.flag--am { height: 10px; background-position: -154px 0;}
.flag.flag--ao { height: 14px; background-position: -176px 0;}
.flag.flag--aq { height: 14px; background-position: -198px 0;}
.flag.flag--ar { height: 13px; background-position: -220px 0;}
.flag.flag--as { height: 10px; background-position: -242px 0;}
.flag.flag--at { height: 14px; background-position: -264px 0;}
.flag.flag--au { height: 10px; background-position: -286px 0;}
.flag.flag--aw { height: 14px; background-position: -308px 0;}
.flag.flag--ax { height: 13px; background-position: -330px 0;}
.flag.flag--az { height: 10px; background-position: -352px 0;}
.flag.flag--ba { height: 10px; background-position: -374px 0;}
.flag.flag--bb { height: 14px; background-position: -396px 0;}
.flag.flag--bd { height: 12px; background-position: -418px 0;}
.flag.flag--be { height: 15px; background-position: -440px 0;}
.flag.flag--bf { height: 14px; background-position: -460px 0;}
.flag.flag--bg { height: 12px; background-position: -482px 0;}
.flag.flag--bh { height: 12px; background-position: -504px 0;}
.flag.flag--bi { height: 12px; background-position: -526px 0;}
.flag.flag--bj { height: 14px; background-position: -548px 0;}
.flag.flag--bl { height: 14px; background-position: -570px 0;}
.flag.flag--bm { height: 10px; background-position: -592px 0;}
.flag.flag--bn { height: 10px; background-position: -614px 0;}
.flag.flag--bo { height: 14px; background-position: -636px 0;}
.flag.flag--bq { height: 14px; background-position: -658px 0;}
.flag.flag--br { height: 14px; background-position: -680px 0;}
.flag.flag--bs { height: 10px; background-position: -702px 0;}
.flag.flag--bt { height: 14px; background-position: -724px 0;}
.flag.flag--bv { height: 15px; background-position: -746px 0;}
.flag.flag--bw { height: 14px; background-position: -768px 0;}
.flag.flag--by { height: 10px; background-position: -790px 0;}
.flag.flag--bz { height: 12px; background-position: -812px 0;}
.flag.flag--ca { height: 10px; background-position: -834px 0;}
.flag.flag--cc { height: 10px; background-position: -856px 0;}
.flag.flag--cd { height: 15px; background-position: -878px 0;}
.flag.flag--cf { height: 14px; background-position: -900px 0;}
.flag.flag--cg { height: 14px; background-position: -922px 0;}
.flag.flag--ch { height: 15px; background-position: -944px 0;}
.flag.flag--ci { height: 14px; background-position: -961px 0;}
.flag.flag--ck { height: 10px; background-position: -983px 0;}
.flag.flag--cl { height: 14px; background-position: -1005px 0;}
.flag.flag--cm { height: 14px; background-position: -1027px 0;}
.flag.flag--cn { height: 14px; background-position: -1049px 0;}
.flag.flag--co { height: 14px; background-position: -1071px 0;}
.flag.flag--cp { height: 14px; background-position: -1093px 0;}
.flag.flag--cq { height: 12px; background-position: -1115px 0;}
.flag.flag--cr { height: 12px; background-position: -1137px 0;}
.flag.flag--cu { height: 10px; background-position: -1159px 0;}
.flag.flag--cv { height: 12px; background-position: -1181px 0;}
.flag.flag--cw { height: 14px; background-position: -1203px 0;}
.flag.flag--cx { height: 10px; background-position: -1225px 0;}
.flag.flag--cy { height: 14px; background-position: -1247px 0;}
.flag.flag--cz { height: 14px; background-position: -1269px 0;}
.flag.flag--de { height: 12px; background-position: -1291px 0;}
.flag.flag--dg { height: 10px; background-position: -1313px 0;}
.flag.flag--dj { height: 14px; background-position: -1335px 0;}
.flag.flag--dk { height: 15px; background-position: -1357px 0;}
.flag.flag--dm { height: 10px; background-position: -1379px 0;}
.flag.flag--do { height: 14px; background-position: -1401px 0;}
.flag.flag--dz { height: 14px; background-position: -1423px 0;}
.flag.flag--ea { height: 14px; background-position: -1445px 0;}
.flag.flag--ec { height: 14px; background-position: -1467px 0;}
.flag.flag--ee { height: 13px; background-position: -1489px 0;}
.flag.flag--eg { height: 14px; background-position: -1511px 0;}
.flag.flag--eh { height: 10px; background-position: -1533px 0;}
.flag.flag--er { height: 10px; background-position: -1555px 0;}
.flag.flag--es { height: 14px; background-position: -1577px 0;}
.flag.flag--et { height: 10px; background-position: -1599px 0;}
.flag.flag--eu { height: 14px; background-position: -1621px 0;}
.flag.flag--ez { height: 14px; background-position: -1643px 0;}
.flag.flag--fi { height: 12px; background-position: -1665px 0;}
.flag.flag--fj { height: 10px; background-position: -1687px 0;}
.flag.flag--fk { height: 10px; background-position: -1709px 0;}
.flag.flag--fm { height: 11px; background-position: -1731px 0;}
.flag.flag--fo { height: 15px; background-position: -1753px 0;}
.flag.flag--fr { height: 14px; background-position: -1775px 0;}
.flag.flag--fx { height: 14px; background-position: -1797px 0;}
.flag.flag--ga { height: 15px; background-position: -1819px 0;}
.flag.flag--gb { height: 10px; background-position: -1841px 0;}
.flag.flag--gd { height: 12px; background-position: -1863px 0;}
.flag.flag--ge { height: 14px; background-position: -1885px 0;}
.flag.flag--gf { height: 14px; background-position: -1907px 0;}
.flag.flag--gg { height: 14px; background-position: -1929px 0;}
.flag.flag--gh { height: 14px; background-position: -1951px 0;}
.flag.flag--gi { height: 10px; background-position: -1973px 0;}
.flag.flag--gl { height: 14px; background-position: -1995px 0;}
.flag.flag--gm { height: 14px; background-position: -2017px 0;}
.flag.flag--gn { height: 14px; background-position: -2039px 0;}
.flag.flag--gp { height: 14px; background-position: -2061px 0;}
.flag.flag--gq { height: 14px; background-position: -2083px 0;}
.flag.flag--gr { height: 14px; background-position: -2105px 0;}
.flag.flag--gs { height: 10px; background-position: -2127px 0;}
.flag.flag--gt { height: 13px; background-position: -2149px 0;}
.flag.flag--gu { height: 11px; background-position: -2171px 0;}
.flag.flag--gw { height: 10px; background-position: -2193px 0;}
.flag.flag--gy { height: 12px; background-position: -2215px 0;}
.flag.flag--hk { height: 14px; background-position: -2237px 0;}
.flag.flag--hm { height: 10px; background-position: -2259px 0;}
.flag.flag--hn { height: 10px; background-position: -2281px 0;}
.flag.flag--hr { height: 10px; background-position: -2303px 0;}
.flag.flag--ht { height: 12px; background-position: -2325px 0;}
.flag.flag--hu { height: 10px; background-position: -2347px 0;}
.flag.flag--ic { height: 14px; background-position: -2369px 0;}
.flag.flag--id { height: 14px; background-position: -2391px 0;}
.flag.flag--ie { height: 10px; background-position: -2413px 0;}
.flag.flag--il { height: 15px; background-position: -2435px 0;}
.flag.flag--im { height: 10px; background-position: -2457px 0;}
.flag.flag--in { height: 14px; background-position: -2479px 0;}
.flag.flag--io { height: 10px; background-position: -2501px 0;}
.flag.flag--iq { height: 14px; background-position: -2523px 0;}
.flag.flag--ir { height: 12px; background-position: -2545px 0;}
.flag.flag--is { height: 15px; background-position: -2567px 0;}
.flag.flag--it { height: 14px; background-position: -2589px 0;}
.flag.flag--je { height: 12px; background-position: -2611px 0;}
.flag.flag--jm { height: 10px; background-position: -2633px 0;}
.flag.flag--jo { height: 10px; background-position: -2655px 0;}
.flag.flag--jp { height: 14px; background-position: -2677px 0;}
.flag.flag--ke { height: 14px; background-position: -2699px 0;}
.flag.flag--kg { height: 12px; background-position: -2721px 0;}
.flag.flag--kh { height: 13px; background-position: -2743px 0;}
.flag.flag--ki { height: 10px; background-position: -2765px 0;}
.flag.flag--km { height: 12px; background-position: -2787px 0;}
.flag.flag--kn { height: 14px; background-position: -2809px 0;}
.flag.flag--kp { height: 10px; background-position: -2831px 0;}
.flag.flag--kr { height: 14px; background-position: -2853px 0;}
.flag.flag--kw { height: 10px; background-position: -2875px 0;}
.flag.flag--ky { height: 10px; background-position: -2897px 0;}
.flag.flag--kz { height: 10px; background-position: -2919px 0;}
.flag.flag--la { height: 14px; background-position: -2941px 0;}
.flag.flag--lb { height: 14px; background-position: -2963px 0;}
.flag.flag--lc { height: 10px; background-position: -2985px 0;}
.flag.flag--li { height: 12px; background-position: -3007px 0;}
.flag.flag--lk { height: 10px; background-position: -3029px 0;}
.flag.flag--lr { height: 11px; background-position: -3051px 0;}
.flag.flag--ls { height: 14px; background-position: -3073px 0;}
.flag.flag--lt { height: 12px; background-position: -3095px 0;}
.flag.flag--lu { height: 12px; background-position: -3117px 0;}
.flag.flag--lv { height: 10px; background-position: -3139px 0;}
.flag.flag--ly { height: 10px; background-position: -3161px 0;}
.flag.flag--ma { height: 14px; background-position: -3183px 0;}
.flag.flag--mc { height: 15px; background-position: -3205px 0;}
.flag.flag--md { height: 10px; background-position: -3226px 0;}
.flag.flag--me { height: 10px; background-position: -3248px 0;}
.flag.flag--mf { height: 14px; background-position: -3270px 0;}
.flag.flag--mg { height: 14px; background-position: -3292px 0;}
.flag.flag--mh { height: 11px; background-position: -3314px 0;}
.flag.flag--mk { height: 10px; background-position: -3336px 0;}
.flag.flag--ml { height: 14px; background-position: -3358px 0;}
.flag.flag--mm { height: 14px; background-position: -3380px 0;}
.flag.flag--mn { height: 10px; background-position: -3402px 0;}
.flag.flag--mo { height: 14px; background-position: -3424px 0;}
.flag.flag--mp { height: 10px; background-position: -3446px 0;}
.flag.flag--mq { height: 14px; background-position: -3468px 0;}
.flag.flag--mr { height: 14px; background-position: -3490px 0;}
.flag.flag--ms { height: 10px; background-position: -3512px 0;}
.flag.flag--mt { height: 14px; background-position: -3534px 0;}
.flag.flag--mu { height: 14px; background-position: -3556px 0;}
.flag.flag--mv { height: 14px; background-position: -3578px 0;}
.flag.flag--mw { height: 14px; background-position: -3600px 0;}
.flag.flag--mx { height: 12px; background-position: -3622px 0;}
.flag.flag--my { height: 10px; background-position: -3644px 0;}
.flag.flag--mz { height: 14px; background-position: -3666px 0;}
.flag.flag--na { height: 14px; background-position: -3688px 0;}
.flag.flag--nc { height: 10px; background-position: -3710px 0;}
.flag.flag--ne { height: 15px; background-position: -3732px 0;}
.flag.flag--nf { height: 10px; background-position: -3752px 0;}
.flag.flag--ng { height: 10px; background-position: -3774px 0;}
.flag.flag--ni { height: 12px; background-position: -3796px 0;}
.flag.flag--nl { height: 14px; background-position: -3818px 0;}
.flag.flag--no { height: 15px; background-position: -3840px 0;}
.flag.flag--np { height: 15px; background-position: -3862px 0;}
.flag.flag--nr { height: 10px; background-position: -3877px 0;}
.flag.flag--nu { height: 10px; background-position: -3899px 0;}
.flag.flag--nz { height: 10px; background-position: -3921px 0;}
.flag.flag--om { height: 10px; background-position: -3943px 0;}
.flag.flag--pa { height: 14px; background-position: -3965px 0;}
.flag.flag--pe { height: 14px; background-position: -3987px 0;}
.flag.flag--pf { height: 14px; background-position: -4009px 0;}
.flag.flag--pg { height: 15px; background-position: -4031px 0;}
.flag.flag--ph { height: 10px; background-position: -4053px 0;}
.flag.flag--pk { height: 14px; background-position: -4075px 0;}
.flag.flag--pl { height: 13px; background-position: -4097px 0;}
.flag.flag--pm { height: 14px; background-position: -4119px 0;}
.flag.flag--pn { height: 10px; background-position: -4141px 0;}
.flag.flag--pr { height: 14px; background-position: -4163px 0;}
.flag.flag--ps { height: 10px; background-position: -4185px 0;}
.flag.flag--pt { height: 14px; background-position: -4207px 0;}
.flag.flag--pw { height: 13px; background-position: -4229px 0;}
.flag.flag--py { height: 11px; background-position: -4251px 0;}
.flag.flag--qa { height: 8px; background-position: -4273px 0;}
.flag.flag--re { height: 14px; background-position: -4295px 0;}
.flag.flag--ro { height: 14px; background-position: -4317px 0;}
.flag.flag--rs { height: 14px; background-position: -4339px 0;}
.flag.flag--ru { height: 14px; background-position: -4361px 0;}
.flag.flag--rw { height: 14px; background-position: -4383px 0;}
.flag.flag--sa { height: 14px; background-position: -4405px 0;}
.flag.flag--sb { height: 10px; background-position: -4427px 0;}
.flag.flag--sc { height: 10px; background-position: -4449px 0;}
.flag.flag--sd { height: 10px; background-position: -4471px 0;}
.flag.flag--se { height: 13px; background-position: -4493px 0;}
.flag.flag--sg { height: 14px; background-position: -4515px 0;}
.flag.flag--sh { height: 10px; background-position: -4537px 0;}
.flag.flag--si { height: 10px; background-position: -4559px 0;}
.flag.flag--sj { height: 15px; background-position: -4581px 0;}
.flag.flag--sk { height: 14px; background-position: -4603px 0;}
.flag.flag--sl { height: 14px; background-position: -4625px 0;}
.flag.flag--sm { height: 15px; background-position: -4647px 0;}
.flag.flag--sn { height: 14px; background-position: -4669px 0;}
.flag.flag--so { height: 14px; background-position: -4691px 0;}
.flag.flag--sr { height: 14px; background-position: -4713px 0;}
.flag.flag--ss { height: 10px; background-position: -4735px 0;}
.flag.flag--st { height: 10px; background-position: -4757px 0;}
.flag.flag--su { height: 10px; background-position: -4779px 0;}
.flag.flag--sv { height: 12px; background-position: -4801px 0;}
.flag.flag--sx { height: 14px; background-position: -4823px 0;}
.flag.flag--sy { height: 14px; background-position: -4845px 0;}
.flag.flag--sz { height: 14px; background-position: -4867px 0;}
.flag.flag--ta { height: 10px; background-position: -4889px 0;}
.flag.flag--tc { height: 10px; background-position: -4911px 0;}
.flag.flag--td { height: 14px; background-position: -4933px 0;}
.flag.flag--tf { height: 14px; background-position: -4955px 0;}
.flag.flag--tg { height: 13px; background-position: -4977px 0;}
.flag.flag--th { height: 14px; background-position: -4999px 0;}
.flag.flag--tj { height: 10px; background-position: -5021px 0;}
.flag.flag--tk { height: 10px; background-position: -5043px 0;}
.flag.flag--tl { height: 10px; background-position: -5065px 0;}
.flag.flag--tm { height: 14px; background-position: -5087px 0;}
.flag.flag--tn { height: 14px; background-position: -5109px 0;}
.flag.flag--to { height: 10px; background-position: -5131px 0;}
.flag.flag--tr { height: 14px; background-position: -5153px 0;}
.flag.flag--tt { height: 12px; background-position: -5175px 0;}
.flag.flag--tv { height: 10px; background-position: -5197px 0;}
.flag.flag--tw { height: 14px; background-position: -5219px 0;}
.flag.flag--tz { height: 14px; background-position: -5241px 0;}
.flag.flag--ua { height: 14px; background-position: -5263px 0;}
.flag.flag--ug { height: 14px; background-position: -5285px 0;}
.flag.flag--uk { height: 10px; background-position: -5307px 0;}
.flag.flag--um { height: 11px; background-position: -5329px 0;}
.flag.flag--un { height: 14px; background-position: -5351px 0;}
.flag.flag--us { height: 11px; background-position: -5373px 0;}
.flag.flag--uy { height: 14px; background-position: -5395px 0;}
.flag.flag--uz { height: 10px; background-position: -5417px 0;}
.flag.flag--va { height: 15px; background-position: -5439px 0;}
.flag.flag--vc { height: 14px; background-position: -5456px 0;}
.flag.flag--ve { height: 14px; background-position: -5478px 0;}
.flag.flag--vg { height: 10px; background-position: -5500px 0;}
.flag.flag--vi { height: 14px; background-position: -5522px 0;}
.flag.flag--vn { height: 14px; background-position: -5544px 0;}
.flag.flag--vu { height: 12px; background-position: -5566px 0;}
.flag.flag--wf { height: 14px; background-position: -5588px 0;}
.flag.flag--ws { height: 10px; background-position: -5610px 0;}
.flag.flag--xk { height: 15px; background-position: -5632px 0;}
.flag.flag--ye { height: 14px; background-position: -5654px 0;}
.flag.flag--yt { height: 14px; background-position: -5676px 0;}
.flag.flag--za { height: 14px; background-position: -5698px 0;}
.flag.flag--zm { height: 14px; background-position: -5720px 0;}
.flag.flag--zw { height: 10px; background-position: -5742px 0;}
.phone-input .input-error { margin-bottom: 5px;}
.phone-input__wrap { border: 1px solid #d4d4d4; background-color: #fff; border-radius: 15px; position: relative; overflow: visible; clear: both;}
.clearfix::after { content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.phone-input .icon--arrow::before { background-image: url("/images/icons/arrow-left.svg"); transform: rotateZ(270deg); background-size: contain; height: 14px; width: 9px; top: calc(50% - 7px); right: 10px;}
.phone-input.active .phone-input__container { display: block;}
.phone-input__container { padding-bottom: 40px; position: absolute; top: 109%; left: 0; right: 0; z-index: 10; display: none;}
.phone-input__list { max-height: 221px; overflow: auto; background-color: #ffffff; -webkit-box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); border-radius: 10px; text-align: initial;}
.phone-input__item { font-size: 16px; line-height: 19px; padding: 8px 18px; cursor: pointer; border-top: 1px solid #eae4e4;}
.phone-input__item:nth-child(1) { border-top: none;}
.phone-input__item span { vertical-align: middle;}
.phone-input__item.active, .phone-input__item:hover { background-color: #f5f3f3;}
.phone-input__dropdown { float: left; width: 65px;}
.phone-input__code { color: #6b6666; margin-left: 6px;}
.phone-input__select .flag { position: absolute; left: 11px; top: 50%; transform: translateY(-50%);}
.phone-input select { width: 100%; line-height: 50px; height: 50px; border: none; background-color: transparent; padding-left: 11px; font-size: 16px; cursor: pointer; margin: 0; position: relative; z-index: 3; border-radius: 15px 0 0 15px;}
.phone-input input { float: right; width: calc(100% - 65px); border-radius: 0 15px 15px 0; border: none; background-color: #f3f0f0; font-size: 16px; line-height: 50px; height: 50px; display: block; padding: 0 16px;}
.checkboxes label { font-weight: 400; cursor: pointer; font-size: 16px; line-height: 24px; display: block; margin-bottom: 10px; padding: 7px 0;}
.checkboxes label:last-child { margin-bottom: 0;}
.checkboxes label input { display: none;}
.checkboxes label input:checked + span { background-color: #ad1d0d;}
.checkboxes label input:checked + span::after { display: block;}
.checkboxes label span { border: 1px solid #eae4e4; border-radius: 5px; width: 24px; height: 24px; display: inline-block; margin-right: 14px; vertical-align: middle; position: relative;}
.checkboxes label span::after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 15.5px; height: 12.1px; display: none; background: url("/images/icons/check-white.svg") center center/contain no-repeat;}
.checkboxes label p { margin-top: 0; margin-bottom: 0; display: inline-block; width: calc(100% - 38px); vertical-align: middle;}
.users__item { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 18px; margin-bottom: 8px; transition: background-color 0.6s; -o-transition: background-color 0.6s; -moz-transition: background-color 0.6s; -webkit-transition: background-color 0.6s; position: relative;}
.users__item.grey { background-color: rgb(240, 240, 240);}
.users__card { overflow: hidden; position: relative;}
.users__card .user-photo { float: left; margin-right: 9px;}
.users__card .user-photo__cover { display: block; width: 70px; height: 70px;}
.users--slider .user-photo.verified::after, .users--slider .user-photo.pending::after { width: 21px; height: 21px; bottom: -6px; left: 4.5px;}
.users--columns .user-photo.verified::after, .users--slider .user-photo.verified::after, .users--line .user-photo.verified::after { background-size: 19.5px 18.5px;}
.users--columns .user-photo.pending::after, .users--slider .user-photo.pending::after, .users--line .user-photo.pending::after { font-size: 21px; line-height: 19px;}
.users--columns .user-photo.verified::after, .users--columns .user-photo.pending::after, .users--line .user-photo.verified::after, .users--line .user-photo.pending::after, .users--line .user-photo.online:not(.verified)::after, .users--line .user-photo.online-recently:not(.verified)::after { width: 21px; height: 21px;}
.profile-popup { display: none;}
.profile-popup .users__card { margin-bottom: 12px}
.profile-popup .users__card .user-photo { margin: 0;}
.users__info { float: left; width: calc(100% - 79px); text-align: initial;}
.users__text { overflow: hidden; margin-bottom: 8px;}
.users__nickname, .users__text span { width: calc(100% - 28px); float: right;}
.profile-popup .users__nickname { width: calc(100% - 36px);}
.users__nickname a, .profile-top__nickname, .notifications__nickname, .chat__nickname { unicode-bidi: plaintext;}
.users__nickname a { font-weight: 500; line-height: 17px; color: #272727;}
.users__text span { font-size: 12px; line-height: 14px; color: #6b6666; margin-top: 4px;}
.users__text img { float: left;}
.users__single { width: 16px; height: 16px; margin-right: 12px; padding: 9.5px 0;}
.users__two { width: 20px; height: 20px; margin-right: 8px; padding: 7.5px 0;}
.users__filters span { border-style: solid; border-width: 1px; display: inline-block; vertical-align: middle; margin: 0 0 4px 2px; padding: 7px; border-radius: 31px; font-size: 12px; line-height: 14px;}
.users__filters span.users__available { border-color: #ee991a; border-radius: 14px; width: 37px; height: 30px; background: url("/images/icons/horn-contour.svg") center center/17px 17px no-repeat;}
.users__filters span.users__age-man, .users__filters span.users__age-woman { padding-right: 28.5px; background: url("/images/icons/age-limit.svg") 27px center/17px 17px no-repeat;}
.users__filters span.users__age-man { border-color: #64cec8;}
.users__filters span.users__age-woman { border-color: #ff8989;}
.users__filters span.users__location { border-color: #6b6666; position: relative; padding-right: 25px;}
.users__filters span.users__location:after { content: ""; width: 13px; height: 17px; position: absolute; top: 5px; right: 8px; background: url("/images/icons/place.svg") center center/cover no-repeat;}
.users__grey { border-color: #eae4e4; color: #6b6666;}
.users__btns { margin-top: 12px; font-size: 0;}
.users__btns button, .users__btns a { border-radius: 5px; vertical-align: middle;}
.users__favorite { width: 41px; height: 34px; background: #f3f0f0 url("/images/icons/star-grey.svg") center center/18px 18px no-repeat; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.users__favorite:hover { background-color: #e5e1e1;}
.users__favorite.active { background-color: #fedb8b; background-image: url("/images/icons/star-white.svg");}
.users__favorite.active:hover { background-color: #ffd46e;}
a.users__send span { display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
.users__send { display: inline-block; background-color: #ad1d0d; border: 1px solid #ad1d0d; color: #ffffff; font-weight: 500; font-size: 12px; padding: 0 20px; margin-right: 7px; height: 34px; text-align: center; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.users__send:hover { background-color: #981a0c;}
.users__reveal, .notifications__more { display: block; margin: 5px auto 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #6b6666;}
.notifications__more { margin-bottom: 23px;}
.users--big .users__item { padding: 0;}
.users--big .profile-top__box { padding: 16px 14px; margin-bottom: 0;}
.users--big .profile-top__photo { margin-left: 0; margin-right: 0; border-radius: 10px; overflow: hidden; height: 276px;}
.users--big .profile-top__wrap { font-size: 0; display: block; cursor: pointer;}
.users--big .profile-top__item { width: 100%;}
.users--slider { position: relative;}
.users--slider .users__container { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; /* ie scrollbar color properties */ scrollbar-base-color: #f5f0f0; scrollbar-face-color: #f5f0f0; scrollbar-3dlight-color: #f5f0f0; scrollbar-highlight-color: #f5f0f0; scrollbar-track-color: #f5f0f0; scrollbar-arrow-color: #f5f0f0; scrollbar-shadow-color: #f5f0f0; scrollbar-dark-shadow-color: #f5f0f0;}
.users--slider .users__container::-webkit-scrollbar { width: 0; height: 0;}
.users--slider .users__box { display: table; border-spacing: 8px 0; border-collapse: separate; table-layout: fixed; margin: 0 -8px;}
.users--slider .users__row { display: table-row;}
.users--slider .users__item { padding: 0; display: table-cell; vertical-align: top; position: relative;}
.users--slider .users__card { text-align: center; width: 208px;}
.users--slider .users__card .user-photo { float: none; margin: 0;}
.users--slider .users__card .user-photo__cover { width: 100%; height: 164px; border-radius: 10px;}
.users--slider .user-photo__cover.blank img { object-fit: cover;}
.users--slider .users__info { float: none; width: 100%; text-align: center; padding: 0 12px 16px;}
.users--slider .users__text { margin: 10px 0 12px;}
.users--slider .users__text span { float: none; width: auto; display: block; margin-top: 2px;}
.users--slider .users__nickname { width: auto; float: none; display: inline-block;}
.users--slider .users__text img { float: none; padding: 0; margin-right: 2px;}
.users--slider .users__filters span { float: none; display: inline-block; vertical-align: middle; margin-left: 3px;}
#newUsers .users__item { padding: 7px 14px;}
#newUsers .users__card .user-photo__cover { width: 100px; height: 100px;}
#newUsers .users__info { width: calc(100% - 109px); margin-top: 9px;}
.users--line .users__item { margin-bottom: 0; border-width: 0 0 1px 0; border-radius: 0; padding: 14px 0;}
.users--line .users__item:last-child { border-bottom: none;}
.users--line .users__card .user-photo__cover { width: 65px; height: 65px;}
.users--line .users__text span { margin-top: 0;}
.users--line .users__nickname a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.users--line .users__two { padding: 5.5px 0;}
.users--line .users__single { padding: 7.5px 0;}
.users--line .users__btns { margin-top: 0; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.users--line .users__info { width: calc(100% - 147px);}
.users__cancel, .users__accept { font-weight: 700; line-height: 17px; color: #6b6666; padding: 4px 0; display: block;}
.users__cancel.active { color: #ad1d0d;}
.users__accept { margin-bottom: 21px; color: #ad1d0d;}
.user-photo { position: relative;}
.user-photo__cover { border-radius: 50%; overflow: hidden;}
.user-photo__cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.user-photo__cover .private-photo img, .header__photo .private-photo img { width: 36%; object-fit: contain; transform: translateY(-50%); position: relative; top: 50%;}
.user-photo__cover.blank img { -o-object-fit: contain; object-fit: contain;}
.user-photo.verified.tooltip[data-title]::before, .user-photo.pending.tooltip[data-title]::before { top: auto; bottom: 13px; left: 19px;}
.user-photo.verified::after { content: ""; border-radius: 50%; position: absolute; background-color: #fff; background-image: url("/images/icons/check_in_circle.svg"); background-position: 0 center; background-repeat: no-repeat; width: 16px; height: 16px; bottom: 0; left: 1px; background-size: 15px 14px;}
.user-photo.pending::after { content: "!"; border-radius: 50%; position: absolute; background-color: #fff; width: 16px; height: 16px; bottom: 0; left: 1px; font-size: 16px; line-height: 14px; border: 1px #6b6666 solid; color: #6b6666; text-align: center; font-weight: 500;}
/* online status indicators - disabled */ .multiple-range { position: relative; height: 4px; margin: 29px 14px 14px;}
.multiple-range__items { position: absolute; left: 0; right: 0; height: 4px;}
.multiple-range__left { position: absolute; left: -14px; height: 4px; background-color: #ebe5e5;}
.multiple-range__right { position: absolute; right: -14px; height: 4px; background-color: #eae4e4;}
.multiple-range__center { position: absolute; height: 4px; background-color: #ad1d0d;}
.multiple-range__thumb { position: absolute; top: -11px; z-index: 2; height: 28px; width: 28px; text-align: left; margin-left: -14px; cursor: pointer; -webkit-box-shadow: 0 1px 4px rgba(32, 25, 25, 0.17); box-shadow: 0 1px 4px rgba(32, 25, 25, 0.17); background-color: #fff; border: 1px solid #eae4e4; border-radius: 50%; outline: none; left: 0; translate: background-color 0.2s ease 0s;}
.multiple-range__input { position: absolute; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 3; height: 14px; top: -2px; left: -14px; width: calc(100% + 28px); opacity: 0; padding: 0;}
.multiple-range__input:focus::-webkit-slider-runnable-track { background: transparent; border: transparent;}
.multiple-range__input:focus::-moz-range-track { background: transparent; border: transparent;}
.multiple-range__input:focus::-ms-track { background: transparent; border: transparent;}
.multiple-range__input::-webkit-slider-thumb { pointer-events: all; width: 36px; height: 36px; cursor: pointer; border-radius: 0; border: 0 none; background: red; -webkit-appearance: none;}
.multiple-range__input::-moz-range-thumb { pointer-events: all; width: 36px; height: 36px; cursor: pointer; border-radius: 0; border: 0 none; background: red; -moz-appearance: none;}
.multiple-range__input::-ms-thumb { width: 36px; height: 36px; cursor: pointer; border-radius: 0; border: 0 none; background: red; -ms-appearance: none;}
.multiple-range__input::-ms-fill-lower { background: transparent; border: 0 none;}
.multiple-range__input::-ms-fill-upper { background: transparent; border: 0 none;}
.multiple-range__input::-ms-tooltip { display: none;}
.multiple-range__input::-ms-track { color: transparent;}
.search { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f5f0f0; padding-top: 55px;}
.search__content { padding: 22px 8px;}
.search__top { text-align: center; margin-bottom: 28px; overflow: hidden; position: relative;}
.search__top img { display: none;}
.search__clear { float: right; color: #6b6666; font-weight: 500; font-size: 14px; line-height: 19px;}
.search__title { font-weight: 700; font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.search__close { color: #000; line-height: 14px; font-size: 18.4px; float: left; margin-top: 2.5px;}
.search__filters { margin-bottom: 29px;}
.filters__buttons { position: absolute; left: 0; right: 0; margin: 30px 8px; width: calc(100% - 16px);}
.filters__buttons button { line-height: 50px; height: 50px; font-size: 14px;}
#filterClear { display: none;}
.filters { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.filters__title { overflow: hidden; padding: 17px; border-bottom: 1px solid #eae4e4;}
.filters__collapse { float: right;}
.filters__title img { width: 18px; height: 18px;}
.filters__title span { font-weight: 700; font-size: 18px; line-height: 21px;}
.filters__form { padding: 0 16px;}
.filters__item { padding: 18px 0; border-top: 1px solid #eae4e4;}
.filters__item:last-child { padding-bottom: 5px;}
.filters__item:first-child { border-top: none;}
.filters__item label { font-size: 16px; line-height: 19px; margin-bottom: 14px; display: block;}
.filters__search { margin-top: 3px; position: relative;}
.filters__search input { background-color: #f3f0f0; border-radius: 10px; width: 100%; height: 41px; border: none; padding: 0 12px 0 40px;}
.filters__search input::-webkit-input-placeholder { color: #6b6666;}
.filters__search input:-ms-input-placeholder { color: #6b6666;}
.filters__search input::-ms-input-placeholder { color: #6b6666;}
.filters__search input::placeholder { color: #6b6666;}
.filters__search.icon--search::before { width: 18px; height: 18px; top: 12px; left: 12px;}
.filters__choose { margin: 0 -4.5px; text-align: center;}
.filters__choose label { display: inline-block; width: calc(33.333% - 9px); margin: 0 3.3px; cursor: pointer;}
.filters__choose label input { display: none;}
.filters__choose label input:checked ~ span { background-color: #ad1d0d; border: 1px solid #ad1d0d; color: #ffffff;}
.filters__choose label span { border-radius: 31px; font-size: 16px; padding-top: 8px; padding-bottom: 8px; color: #6b6666; border: 1px solid #eae4e4; display: block;}
.filters__line { overflow: hidden;}
.filters__line p { float: right; color: #6b6666; font-size: 16px; line-height: 19px; margin: 0;}
.filters__line label { margin-bottom: 4px;}
.filters__range input.input-range { width: 100%; margin-bottom: 13px;}
.filters__detail { display: block; width: 100%; padding: 11px 0; overflow: hidden; font-size: 16px; line-height: 22px; text-align: initial; position: relative;}
.edible-section { border-bottom: 1px solid #faf7f7;}
.edible-section:last-child { border-bottom: none;}
.filters__detail.filled .filters__value, .filters__detail .filters__value .empty, .edit-about.empty p { color: #ad1d0d;}
.filters__value { position: absolute; top: 50%; right: 0; transform: translateY(-50%); max-width: calc(100% - 167px); padding-right: 26px; text-align: left; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #6b6666;}
.filters__value::after { content: ""; position: absolute; top: 0; right: 0; background: url("/images/icons/arrow-left-grey.svg") 0 0 / cover no-repeat; height: 22px; width: 22px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.filters__feature { display: inline-block; width: 167px;}
.filters__feature img { margin-right: 9px; vertical-align: middle;}
.filters__feature span { color: #272727; display: inline-block; width: calc(100% - 33px); vertical-align: middle;}
.filters__height, .filters__sexuality, .filters__hairy, .filters__language { width: 20px; height: 20px;}
.filters__skin { width: 19.9px; height: 18.6px;}
.filters__smoking { width: 18.3px; height: 18.4px;}
.filters__body { width: 19.6px; height: 20px;}
.filters__attractive { width: 20px; height: 16px;}
.filters-top { text-align: center; margin-bottom: 28px; overflow: hidden; position: relative;}
.filters-top__clear { float: right; color: #6b6666; font-weight: 500; font-size: 14px; line-height: 19px;}
.filters-top__title { font-weight: 700; font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.filters-top__close { color: #6b6666; line-height: 19px; font-size: 25px; font-weight: 300; float: left;}
.profile { padding: 0 16px;}
.profile .users__two { width: 26px; height: 26px; padding: 7px 0;}
.profile .users__single { padding: 12px 0; margin-left: 5px;}
.profile .users__text { margin-bottom: 0;}
.profile .users__nickname a { font-size: 16px; line-height: 19px;}
.profile .users__text span { font-size: 14px; line-height: 17px; color: #6b6666;}
.profile .users__text img { margin-right: 5px;}
.profile .users__nickname, .profile .users__text span { width: calc(100% - 31px);}
.profile .users__card .user-photo { margin-right: 5px;}
.profile .users__card .user-photo__cover, .profile-popup .users__card .user-photo__cover { width: 40px; height: 40px;}
.profile .users__info { width: calc(100% - 45px);}
.profile .users__filters { float: right; width: 100%; margin-top: 6px;}
.profile__box { text-align: center; margin-top: 30px; margin-bottom: 28px;}
.profile__box .btn { line-height: 40px; height: 40px; font-weight: 500; font-size: 14px;}
.profile__title { font-weight: 700; font-size: 20px; line-height: 24px; margin-top: 0; margin-bottom: 0;}
.profile__subtitle { font-size: 16px; line-height: 19px; color: #6b6666; margin-top: 14px; margin-bottom: 30px;}
.profile__open { display: inline-block;}
.main-left__content .paused { position: relative; pointer-events: none; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.main-left__content .paused .profile { -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur"); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '5'); filter: blur(5px);}
.profile-paused { position: absolute; top: 140px; right: 50%; transform: translate(50%, -50%); width: 100%; max-width: 80%; text-align: center; font-size: 19px; line-height: 22px; -webkit-box-shadow: 0px 0px 23px 18px rgba(128,128,128,0.43); -moz-box-shadow: 0px 0px 23px 18px rgba(128,128,128,0.43); box-shadow: 0px 0px 23px 18px rgba(128,128,128,0.43); border-radius: 10px; padding: 10px; margin: 0; background-color: #c3c2c2ba;}
.content__title { font-weight: 700; font-size: 18px; line-height: 21px; margin-bottom: 14px;}
.content__item, .content--table .content__container { margin-bottom: 10px;}
.content__item.story .content__text { max-height: calc(19px * 3); margin-bottom: 18px;}
.content__item.story .content__text p { margin-bottom: 15px;}
.content__item.story .content__text p:last-of-type { margin-bottom: 0;}
.content__container.story .content__image { margin-bottom: 21px;}
.content__item.story.open .content__text { max-height: none;}
.content__item.story.open .content__text p { max-height: none; line-clamp: unset; -webkit-line-clamp: unset;}
.content__item.story.open .content-form { margin-bottom: 10px;}
.content__container { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 14px; overflow: auto; position: relative;}
.content__container.popover-open { overflow: visible;}
.content__top { margin-bottom: 7px;}
.content__subtitle { color: #272727; font-weight: 500; font-size: 16px; line-height: 19px; margin-bottom: 10px; margin-top: 0;}
.content--table .content__subtitle:nth-child(1) { position: absolute; top: 14px; left: 14px; right: 14px;}
.content--table .content__subtitle:nth-child(2) { visibility: hidden;}
.content__image { margin: 0 -14px;}
.content__image img { width: 100%; max-width: 100%; height: auto; /* the height attribute is only a layout hint; a narrower column must not squash the picture */}
.content__text { font-size: 16px; line-height: 19px; overflow: hidden; position: relative; margin: 12px -14px 14px; padding: 0 14px;}
.content__text input { opacity: 0; position: absolute; pointer-events: none;}
.content__text input:checked ~ p { -webkit-line-clamp: unset; -ms-line-clamp: unset; line-clamp: unset; max-height: 100%;}
.content__text input:checked ~ label { display: none;}
.content__text p { max-height: calc(19px * 3); color: #6b6666; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; display: -moz-box; display: -webkit-box; display: box; word-wrap: break-word; -ms-word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; margin-top: 0; margin-bottom: 0;}
.content__text label { font-size: 16px; line-height: 19px; color: #ad1d0d; position: absolute; z-index: 1; bottom: 0; right: 0; background-color: #fff; padding-right: 14px; cursor: pointer; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s;}
.content__text label:hover { color: #981a0c;}
.content__text label::before { content: "..."; color: #6b6666; margin-right: 2px; cursor: auto;}
.content__text label ~ p { -o-text-overflow: initial; text-overflow: initial; -webkit-box-orient: initial; box-orient: initial;}
.content__bottom { border-top: 1px solid #eae4e4; margin: 0 -14px; padding: 16px 14px 1px; overflow: hidden;}
.content__box { float: left;}
.content__action { display: inline-block; vertical-align: middle; margin-right: 14px;}
.content__action span { display: none;}
.content__action span { color: #6b6666; vertical-align: middle; display: inline-block; line-height: 24px;}
.content__action button { vertical-align: top;}
.content__comments, .content__like { min-width: 90px; margin-right: 3px;}
.content__comments img { height: 24px; width: 24px;}
.content__like img { height: 24px; width: 26px;}
.content__comments > span, .content__like > span { margin: 0 4px;}
.content .profile-tabs__empty { margin-top: -5px;}
.content .profile-tabs__empty img { width: 70px; height: 70px; margin-bottom: 27px;}
.story-categories { margin-bottom: 20px; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; padding-bottom: 6px; scrollbar-color: #eae4e4 #f5f0f0; scrollbar-width: thin; /* ie scrollbar color properties */ scrollbar-base-color: #f5f0f0; scrollbar-face-color: #eae4e4; scrollbar-3dlight-color: #eae4e4; scrollbar-highlight-color: #eae4e4; scrollbar-track-color: #f5f0f0; scrollbar-arrow-color: #f5f0f0; scrollbar-shadow-color: #eae4e4; scrollbar-dark-shadow-color: #eae4e4;}
.story-categories::-webkit-scrollbar { height: 5px;}
.story-categories::-webkit-scrollbar-track { background-color: #f5f0f0;}
.story-categories::-webkit-scrollbar-thumb { background-color: #eae4e4; border-radius: 2px;}
.story-categories a { background-color: #ad1d0d; color: #fff; display: inline-block; font-size: 15px; padding: 12.5px 14px; border-radius: 39px; margin: 0 2px 2px}
.profile-popup { position: fixed; top: 55px; left: 0; right: 0; bottom: 0; z-index: 16;}
.profile-popup__body { height: 100%; width: 100%;}
.profile-popup__content { background-color: #f5f0f0; height: 100%; width: 100%; padding: 28px 16px; position: relative; overflow-y: auto;}
.profile-popup__content p { margin: 0;}
.profile-popup__close { top: 30px; left: 20px;}
.profile-popup__addressee { font-weight: 500; font-size: 20px; line-height: 24px; text-align: center; padding: 0 27px;}
.profile-popup__title { display: none; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center;}
.profile-popup__form textarea { height: 160px;}
.profile-popup__form input { margin-bottom: 18px;}
.profile-popup__box { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 16px; margin: 28px 0 34px;}
.profile-popup__box .input-error { display: none; margin-bottom: 6px; color: #fe5858;}
.profile-popup__box .invalid-input .input-error { display: block;}
.profile-popup__box .invalid-input textarea { border: 1px solid #fe5858;}
.profile-popup__user { margin-bottom: 12px; overflow: hidden;}
.profile-popup__user .user-photo__cover { width: 40px; height: 40px; display: block;}
.profile-popup__name, .profile-popup .users__nickname a { font-weight: 500; font-size: 16px; line-height: 40px; color: #272727;}
.profile-popup__name, .profile-popup__sex, .profile-popup .user-photo { float: left;}
.profile-popup .users__info .users__text img, .profile-popup__sex { padding: 0; width: 20px; height: 20px; margin: 10px 8px 0;}
.profile-popup__text { color: #6b6666; font-size: 16px; line-height: 21px; margin-top: 15px;}
.profile-popup .btn { font-weight: 500; font-size: 14px; line-height: 50px; height: 50px;}
.profile-popup__image { position: relative;}
.profile-popup__image img { max-width: 100%; width: 100%;}
.profile-popup__image button { position: absolute; top: 16px; left: 16px; color: #fff; font-size: 16px; background-color: rgba(126, 118, 118, 0.74); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; height: 24px; width: 24px;}
.profile-popup__notif { font-size: 16px; line-height: 19px; color: #6b6666; margin-top: 20px;}
.input-toggle { cursor: pointer; margin-right: 3px; margin-top: 4px; display: block;}
.input-toggle input { display: none;}
.input-toggle input:checked ~ span { background-color: rgba(173, 29, 13, 0.5);}
.input-toggle input:checked ~ span::after { background: #ad1d0d; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24); left: 0;}
.input-toggle span { display: block; background-color: #eae4e4; width: 37px; height: 14px; border-radius: 40px; position: relative; -webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; transition: background-color 0.1s linear;}
.input-toggle span::after { content: ""; width: 20px; height: 20px; border-radius: 50%; background-color: #f1f1f1; -webkit-box-shadow: 0 2px 5px rgba(39, 33, 33, 0.24); box-shadow: 0 2px 5px rgba(39, 33, 33, 0.24); position: absolute; z-index: 1; left: 16.5px; top: -3px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.input-error { display: none; color: #fe5858; line-height: 20px; margin-top: 8px; text-align: initial;}
.input-error--login { text-align: center;}
.invalid-input .input-error { display: block;}
.invalid-input input, .invalid-input textarea, .invalid-input select { border: 1px solid #fe5858!important;}
.valid-input input, .valid-input textarea { border: 1px solid #0f7a74!important;;}
.full-height { display: none;}
.login { padding: 25px 8px 0; min-height: 100vh; overflow-y: auto; overflow-x: hidden;}
.login__content { min-height: 100%; width: 100%; position: relative;}
.login__logo { width: 134px; height: 39px; display: inline-block; margin-bottom: 25px;}
.login__logo img { width: 100%; height: 100%;}
.login__dots { position: absolute; top: 14px;}
.login__form { height: 100%; padding-bottom: 180px;}
.login__close-btn { top: 4px; left: 0;}
.login__close-btn.arrow { position: absolute; z-index: 1;}
.login__back-arrow { padding: 4px 8px 3px; position: absolute; top: 9px; left: 0; z-index: 10;}
.login__back-arrow img { width: 8px; height: 14px;}
.login__skip { font-weight: 500; line-height: 20px; color: #272727; padding: 6px 0; position: absolute; top: 4px; right: 0; z-index: 10;}
.login__add-photo { padding-bottom: 150px;}
.login__add-photo h3 { font-weight: 700; font-size: 18px; line-height: 20px; margin-bottom: 20px; padding-top: 20px;}
.login__add-photo p { font-size: 16px; line-height: 23px; color: #807373; margin: 12px 0;}
.login__add-photo .form-photo { position: absolute; width: 100%; bottom: 50px;}
.login__social { text-align: center; margin-top: 35px;}
.login__social p { margin-top: 0; margin-bottom: 35px; color: #6b6666; font-size: 16px; line-height: 21px;}
.login__social-links { margin-left: -5px; margin-right: -5px;}
.login__social-link { display: inline-block; margin-right: 5px; margin-left: 5px; width: calc(50% - 12px); padding: 10px; border-radius: 25px; border: 1px solid #ad1d0d; background-color: #ad1d0d2c;}
.login__social-link img { height: 30px; width: 30px;}
.popup-info { text-align: center;}
.popup-info__close { display: none;}
.popup-info__title { font-weight: 700; font-size: 18px; line-height: 23px; margin-bottom: 87px;}
.popup-info__text { color: #6b6666; font-size: 14px; line-height: 21px; margin-top: -40px; margin-bottom: 87px;}
.popup-info__btns { max-width: 400px; margin: 0 auto;}
.popup-info__later { color: #6b6666;}
.page { text-align: center;}
#loader { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 99;}
#loader::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 120px; height: 120px; background: white; border-radius: 10px; -webkit-box-shadow: 0 3px 19px rgba(44, 38, 38, 0.2); box-shadow: 0 3px 19px rgba(44, 38, 38, 0.2);}
#loader::after { content: ""; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); width: 50px; height: 50px; text-align: center; vertical-align: middle; border: 0.3em solid; border-right: 0.3em solid transparent; border-radius: 50%; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite; z-index: 100;}
#loaderLine { display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 2px; background-color: #f5f0f0; box-shadow: 0px 0px 4px 0.5px rgb(4 4 4 / 48%)}
#loaderLine::before { content: none; display: block; width: 0; height: 2px; background-color: #ad1d0d; -webkit-animation: loadStart 2s ease-out normal forwards; -moz-animation: loadStart 2s ease-out normal forwards; animation: loadStart 2s ease-out normal forwards;}
#loaderLine::after { content: none; display: block; position: fixed; z-index: 100; top: 0; left: 0; width: 0; height: 2px; background-color: #ad1d0d; -webkit-animation: loadEnd 0.5s linear normal forwards; -moz-animation: loadEnd 0.5s linear normal forwards; animation: loadEnd 0.5s linear normal forwards;}
#loaderLine.start { display: block;}
#loaderLine.start::before { content: '';}
#loaderLine.end { height: 0; visibility: hidden; transition-property: height, visibility; transition-delay: 0.6s;}
#loaderLine.end::after { content: '';}
@-moz-keyframes loadStart { 0% { width: 0;}
100% { width: 67%;}
}
@-webkit-keyframes loadStart { 0% { width: 0;}
100% { width: 67%;}
}
@keyframes loadStart { 0% { width: 0;}
100% { width: 67%;}
}
@-moz-keyframes loadEnd { 0% { width: 0;}
100% { width: 100%;}
}
@-webkit-keyframes loadEnd { 0% { width: 0;}
100% { width: 100%;}
}
@keyframes loadEnd { 0% { width: 0;}
100% { width: 100%;}
}
.menu__settings::before { background-image: url("/images/icons/settings.svg");}
.menu__settings:hover::before, .menu__settings.active::before { background-image: url("/images/icons/settings-red.svg");}
.menu__logout::before { background-image: url("/images/icons/logout.svg");}
.menu__logout:hover::before, .menu__logout.active::before { background-image: url("/images/icons/logout-red.svg");}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg);}
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg);}
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);}
}
#availableTodayPopup { display: none;}
.available__top { text-align: center; padding-top: 30px; padding-bottom: 26px;}
.available__top .btn { margin-top: 25px; line-height: 40px; height: 40px; font-weight: 500; font-size: 14px;}
.available__title { font-weight: 700; font-size: 20px; line-height: 24px; margin: 0 0 14px 0;}
.available__text { margin: 0;}
.available__empty { text-align: center;}
.available__text, .available__empty { font-size: 16px; line-height: 19px; color: #6b6666;}
.available__text p { margin-top: 0; margin-bottom: 0;}
.available__text input { opacity: 0; position: absolute; pointer-events: none;}
.available__text input:checked ~ p { -webkit-line-clamp: unset; -ms-line-clamp: unset; line-clamp: unset; max-height: 100%; margin-bottom: 0;}
.available__text input:checked ~ label { display: none;}
.available__text label { font-size: 16px; line-height: 19px; color: #ad1d0d; position: absolute; z-index: 1; bottom: 0; right: 0; background-color: #fff; cursor: pointer;}
.available__text label::before { content: "..."; color: #6b6666; margin-right: 2px; cursor: auto;}
.available__text label ~ p { -o-text-overflow: initial; text-overflow: initial; -webkit-box-orient: initial; box-orient: initial; margin-bottom: -19px;}
.available__item { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 16px 16px 18px; margin-top: 12px;}
.available__user { margin-bottom: 16px;}
.available__subtitle { font-weight: 700; font-size: 18px; line-height: 21px; margin: 0 0 11px;}
.available__subtitle img { margin-right: 4px; height: 20px;}
.available__btn { display: block; margin-top: 18px; border: 1px solid #ad1d0d; border-radius: 5px; font-weight: 500; font-size: 14px; color: #ad1d0d; line-height: 40px; height: 40px; width: 100%; text-align: center; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.available__btn:hover { background-color: rgb(239, 238, 238);}
.available.profile .users__text span { color: #ad1d0d;}
.available-post { overflow: auto; position: fixed; top: 25px; left: 0; right: 0; bottom: 0; background: #f5f0f0; z-index: 14; padding: 57px 16px 20px;}
.available-post__title { font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; margin: 0;}
.available-post__row { margin-left: -16px; margin-right: -16px; margin-bottom: 20px; padding: 15px 13px 30px; text-align: center; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; /* ie scrollbar color properties */ scrollbar-base-color: #f5f0f0; scrollbar-face-color: #f5f0f0; scrollbar-3dlight-color: #f5f0f0; scrollbar-highlight-color: #f5f0f0; scrollbar-track-color: #f5f0f0; scrollbar-arrow-color: #f5f0f0; scrollbar-shadow-color: #f5f0f0; scrollbar-dark-shadow-color: #f5f0f0;}
.available-post__row::-webkit-scrollbar { width: 0; height: 0;}
.available-post__item { display: inline-block; width: 200px; height: 207px; margin-left: 3px; margin-right: 3px; position: relative;}
.available-post__item label { cursor: pointer; display: block; background-color: #ffffff; -webkit-box-shadow: 0 8px 20px rgba(78, 64, 64, 0.1); box-shadow: 0 8px 20px rgba(78, 64, 64, 0.1); border-radius: 10px; padding-top: 42px; padding-left: 20px; padding-right: 20px; height: 100%; width: 100%;}
.available-post__item label img { height: 67px;}
.available-post__item label p { margin: 0; white-space: normal; font-weight: 700; font-size: 18px; line-height: 21px; position: absolute; width: calc(100% - 40px); left: 20px; bottom: 21%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);}
.available-post__item input { display: none;}
.available-post__item input:checked + label, .available-post__item:hover label { border: 2px solid #ad1d0d;}
.available-post__item input:checked + label p, .available-post__item:hover label p { bottom: calc(21% - 2px);}
.available-post__item:last-of-type label img { height: 76px;}
.available-post__inputs .form__item label { font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 0; display: inline-block;}
.available-post__inputs textarea { background-color: #f3f0f0; border: 1px solid #d4d4d4; border-radius: 10px; font-size: 16px; line-height: 19px; width: 100%; height: 105px; min-height: 100px; padding: 16px 18px; resize: none; margin-top: 13px; margin-bottom: 18px;}
.available-post__inputs textarea::-webkit-input-placeholder { font-weight: 300; color: #6b6666;}
.available-post__inputs textarea:-ms-input-placeholder { font-weight: 300; color: #6b6666;}
.available-post__inputs textarea::-ms-input-placeholder { font-weight: 300; color: #6b6666;}
.available-post__inputs textarea::placeholder { font-weight: 300; color: #6b6666;}
.available-post__inputs .drop-down__list { max-height: 160px;}
.available-post__content .close-btn { top: auto; left: auto; right: auto;}
.available-post .available__text { margin-top: 20px;}
.available__content .available__text { overflow: hidden; position: relative;}
.available__content .available__text p { max-height: calc(19px * 6); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; -ms-line-clamp: 6; -webkit-line-clamp: 6; line-clamp: 6; display: -moz-box; display: -webkit-box; display: box; word-wrap: break-word; -ms-word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical;}
.expired-date { text-align: left;}
.today-description .input-error { margin-top: 23px;}
.today-description .input-error { float: left;}
.today-description.invalid-input textarea { margin-top: 6px;}
.messages { background-color: #fff; height: calc(100vh - 111px); margin-bottom: -26px;}
.messages ::-webkit-scrollbar { width: 4px;}
.messages ::-webkit-scrollbar-track { background: transparent;}
.messages ::-webkit-scrollbar-thumb { background: #eae4e4; border-radius: 2px;}
.messages ::-webkit-scrollbar-thumb:hover { background: #d9d3d3;}
.messages--chat { margin-bottom: -80px; height: calc(100% - 57px); position: fixed; top: 57px; width: 100%;}
.messages--chat .chat { display: block;}
.chat { display: none; position: relative; height: 100%;}
.chat__content { height: 100%;}
.chat__top { padding: 27px 16px 5px; border-bottom: 1px solid #eae4e4;}
.chat__top .messages__drop-down { display: none;}
.chat__options { float: right; width: 24px; height: 24px; font-size: 17px; line-height: 24px; margin-top: 4px;}
.chat__card { display: inline-block; width: calc(100% - 36px);}
.chat__card.users .users__card .user-photo { margin-right: 0;}
.chat__card.users .users__card .user-photo__cover { width: 40px; height: 40px;}
.chat__card.users .users__info { width: calc(100% - 40px);}
.chat__card.users .users__text { margin-bottom: 12px;}
.chat__card.users .users__text img { width: 26px; height: 26px; margin-left: 6px; margin-right: 6px; margin-top: 4px;}
.chat__card.users .users__nickname, .chat__card.users .users__text span { width: calc(100% - 38px);}
.chat__card.users .users__nickname a { font-size: 16px; line-height: 19px;}
.chat__card.users .users__text span { color: #6b6666; margin-top: 2px;}
.chat__card.users .users__text span.chat__write { color: #272727; font-weight: 500;}
.chat__card.users .users__text span.chat__write::after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4, end) 1500ms infinite; animation: ellipsis steps(4, end) 1500ms infinite; content: "..."; width: 0;}
.chat__row { padding: 8px 12px 8px 7px;}
.chat__input { display: table-cell; width: 100%;}
.chat__input .input-error { margin-top: 0; line-height: 16px; font-size: 13px; text-align: right; margin-right: 20px;}
.chat__notif { margin: 4px 16px 0; text-align: center; line-height: 14px; font-size: 13px; color: #6b6666;}
.chat__record { padding-left: 16px; padding-right: 16px;}
.chat__player { padding-top: 4.5px; padding-bottom: 4.5px;}
.chat__box { text-align: center;}
.chat__cell { display: table-cell;}
.chat__garbage { width: 27px; height: 27px; margin-right: 6px; background: url(/images/icons/garbage.svg) center center/17.6px 22px no-repeat;}
.chat__audio-send { margin-left: 9px;}
.recording { display: table; background-color: white; padding: 11.5px 16px; border-radius: 10px; max-width: 300px; margin-left: auto; margin-right: auto;}
.recording__cancel, .recording__time, .recording__stop { display: table-cell;}
.recording__time { margin-top: 0; margin-bottom: 0; width: 100%;}
.player { background: #AD1D0D; border-radius: 10px; padding: 8px; white-space: nowrap; display: table-cell; width: 100%;}
.player__play { display: table-cell;}
.player__play button { width: 16px; height: 16px; background: url(/images/icons/play.svg) center center/14px 14px no-repeat;}
.player__play button.pause { background-image: url(/images/icons/pause-white.svg);}
.player__rec { display: table-cell; width: 100%; padding-left: 6px; padding-right: 6px; height: 13px;}
.player__rec img { width: 100%; max-height: 100%; height: 100%; object-fit: cover;}
.player__time { font-weight: 400; font-size: 12px; color: #FFF; margin-top: 0; margin-bottom: 0; display: table-cell;}
.chat__send { display: table-cell;}
.chat__send button:disabled { color: #6b6666; cursor: not-allowed;}
.chat__media { display: table-cell; white-space: nowrap;}
.chat__audio { width: 40px; height: 40px; background: url(/images/icons/micro.svg) center center/17px 27px no-repeat; transition: width 0.1s; -o-transition: width 0.1s; -moz-transition: width 0.1s; -webkit-transition: width 0.1s;}
.chat__bottom { background-color: #f3f0f0; display: table; width: 100%;}
.chat__bottom :nth-child(n) { vertical-align: middle;}
.chat__bottom button { font-size: 16px; line-height: 19px; color: #ad1d0d;}
.chat__bottom textarea { background-color: white; border: none; resize: none; width: calc(100% - 32px); padding: 11px 16px; margin: 0 16px; font-size: 16px; font-weight: 300; color: #272727; height: 42px; max-height: calc(17px * 5); border-radius: 10px;}
.chat__bottom label { cursor: pointer; display: inline-block; width: 40px; height: 40px; text-align: center;}
.chat__bottom label::after { content: ""; display: inline-block; width: 27px; height: 27px; background: url("/images/icons/camera.svg") center center/contain no-repeat; margin-top: 6.5px; vertical-align: middle;}
#chatSend { margin: 0 8px;}
.chat__bottom label input { display: none;}
.chat__bottom.disabled label::after { background-image: url("/images/icons/plus-grey.svg");}
.chat__bottom.disabled button { color: #bfb6b6;}
.chat__bottom.disabled input, .chat__bottom.disabled button, .chat__bottom.disabled textarea, .chat__bottom.disabled label { pointer-events: none;}
.chat__bottom.disabled::after { content: "Verify to send the message"; font-weight: 300; font-size: 14px; line-height: 17px; color: #bfb6b6; position: absolute; left: 51px; top: 17px;}
.chat__messages { height: 568px; overflow-y: auto; overflow-x: hidden; position: relative; padding-right: 16px; padding-left: 16px;}
.chat__item { margin-bottom: 18px;}
.chat__item span { font-size: 12px; line-height: 14px;}
.chat__item span.delivered::after, .chat__item span.read::after { content: ""; display: inline-block; vertical-align: middle; height: 9.9px; margin-top: -4px; margin-left: 4px; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.chat__item span.delivered::after { width: 12.6px; background-image: url("/images/icons/check-green.svg");}
.chat__item span.read::after { width: 19.6px; background-image: url("/images/icons/check-double.svg");}
.chat__item .user-photo__cover { width: 28px; height: 28px;}
.chat__item { position: relative; width: 100%;}
.chat__item.response { float: left; padding-left: 36px;}
.chat__item.message { padding-right: 36px; float: right;}
.chat__item .user-photo { position: absolute; top: 0;}
.chat__item.response .user-photo { left: 0;}
.chat__item.message .user-photo { right: 0;}
.chat__item.response .chat__wrap .message { float: left; background-color: #f3f0f0;}
.chat__item .message span { margin-top: 3px; color: #6b6666;}
.chat__wrap .message { max-width: 230px; padding: 10px; border-radius: 14px;}
.chat__date { float: left; text-align: center; width: 100%; color: #6b6666; padding: 8px 0;}
.chat__unread { float: left; width: 100%; height: 60px;}
.chat__unread p { width: 100%; text-align: center; padding: 8px 0; border-radius: 14px; background: #ad1d0d; color: white; margin: 13px auto;}
.chat__item.message .chat__wrap .message { float: right; border: 2px solid #f3f0f0;}
.chat__item.message span { float: right; color: #6b6666;}
.chat__wrap { overflow: hidden; margin-bottom: 8px;}
.chat__wrap p { border-radius: 10px; overflow-wrap: anywhere; line-break: auto;}
.chat__item.message .chat__wrap img { margin-left: auto;}
.chat__wrap img { display: block; border-radius: 10px; max-width: 251px; max-height: 251px; margin-bottom: 10px;}
.chat__wrap:last-of-type { margin-bottom: 4px;}
.chat-voice { max-width: 220px; margin-bottom: 10px;}
.chat__item.response .chat-voice { margin-right: auto;}
.chat__item.message .chat-voice { margin-left: auto;}
.chat-voice audio { display: none;}
.chat-voice__wrap { background: #AD1D0D; border-radius: 10px; padding: 6px 8px;}
.chat-voice__btn { vertical-align: middle; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.chat-voice__btn:hover { background-color: rgba(255, 255, 255, 0.907);}
.chat-voice__btn span { margin-left: 3px; vertical-align: middle; display: inline-block; height: 20px; border-color: transparent transparent transparent #AD1D0D; transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; border-style: solid; border-width: 10px 0 10px 18px;}
.chat-voice__btn.pause span { margin-left: 0; border-style: double; border-width: 0px 0 0px 18px;}
.chat-voice__rec { vertical-align: middle; margin-left: 10px; display: inline-block; width: calc(100% - 50px); overflow: hidden;}
.chat-voice__rec img { margin-bottom: 0;}
.chat__item .chat-voice span { float: none;}
.chat__item span.chat-voice__time { color: #fff; font-size: 11px;}
.chat__empty { text-align: center; margin-top: 11px;}
.chat__empty .user-photo { display: inline-block;}
.chat__empty .user-photo__cover { display: inline-block; width: 99px; height: 99px;}
.chat__empty .user-photo.verified::after, .chat__empty .user-photo.pending::after { width: 26px; height: 26px; left: 5px;}
.chat__empty .user-photo.verified::after { background-size: 23.8px 22.8px;}
.chat__empty .user-photo.pending::after { font-size: 26px; line-height: 24px;}
.chat__empty .user-photo + a { display: inline-block; width: 100%; font-weight: 500; font-size: 18px; line-height: 21px; color: #272727; margin-top: 12px; margin-bottom: 8px;}
.chat__empty p { font-size: 16px; line-height: 19px; color: #6b6666;}
.chat__not-verified { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 259px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.chat__not-verified p { font-weight: 500; font-size: 18px; line-height: 21px; margin-bottom: 24px;}
.chat__not-verified .btn { line-height: 50px; height: 50px; font-weight: 500; font-size: 14px;}
.chat_overflow { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.popup-messages { -o-transition: 300ms ease; -moz-transition: 300ms ease; -webkit-transition: 300ms ease; transition: 300ms ease; display: none; opacity: 0; overflow: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 16; background-color: rgba(28, 25, 25, 0.66); text-align: center; white-space: nowrap;}
.popup-messages::after { content: ""; display: inline-block; vertical-align: bottom; width: 0; height: 100%;}
.popup-messages__body { position: relative; bottom: -250px; -o-transition: 100ms ease; -moz-transition: 100ms ease; -webkit-transition: 100ms ease; transition: 100ms ease; display: inline-block; vertical-align: bottom; width: calc(100% - 32px); margin-bottom: 23px;}
.popup-messages__content { white-space: normal; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; position: relative;}
.popup-messages__title { font-weight: 500; font-size: 16px; line-height: 19px; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #eae4e4;}
.popup-messages__btn { width: 100%; font-weight: 500; font-size: 16px; line-height: 19px; color: #ad1d0d; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #eae4e4; display: block;}
.popup-messages__btn:last-child { color: #6b6666; border-bottom: none;}
.chat-media { display: none; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 16; background-color: #fff; text-align: center; white-space: nowrap;}
.chat-media::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.chat-media__body { display: inline-block; vertical-align: middle; width: 100%; height: 100%; white-space: normal;}
.popup-media { display: none; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 16; background-color: #fff; text-align: center; white-space: nowrap;}
.popup-media::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.popup-media p { margin-top: 0; margin-bottom: 0;}
.popup-media__body { display: inline-block; vertical-align: middle; width: 100%; height: 100%; max-width: 1067px;}
.popup-media__content { white-space: normal; height: 100%;}
.popup-media__top { background-color: #272727; padding: 14px 10px; position: fixed; z-index: 3; width: 100%; top: 0; left: 0; text-align: center; color: #fff;}
.popup-media__top .media-info { background-color: #272727; padding: 14px 14px 20px; position: fixed; width: 100%; bottom: 0; left: 0;}
.popup-media__close { position: absolute; left: 20px; top: 14px; line-height: 20px; font-size: 26.3px; color: #fff;}
.popup-media__slider { position: relative; padding-top: 47px; height: calc(100vh - 70px);}
.popup-media__block { width: 100%; height: 100%; overflow: hidden; position: relative;}
/* the media strip is laid out left-to-right in every language: offsets are computed in px from the left */ .popup-media__block, .popup-media__slider { direction: ltr;}
.popup-media__wrapper { direction: ltr; overflow: hidden; white-space: nowrap; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 100%; left: 0; transition: left 0.8s; -o-transition: left 0.8s; -moz-transition: left 0.8s; -webkit-transition: left 0.8s;}
.popup-media__image { display: inline-block; overflow: hidden; text-align: center; vertical-align: middle; width: 100vw;}
.popup-media__image img { max-width: 100%; max-height: calc(100vh - 117px);}
.popup-media__btn { display: none;}
.media-header { background-color: #272727; padding: 14px 10px; position: fixed; z-index: 3; width: 100%; top: 0; left: 0; text-align: center;}
.media-header__wrap { max-width: 1040px; position: relative; margin: 0 auto;}
.media-header__close { position: absolute; top: -3px; left: 10px; width: 26px; height: 26px; text-align: center; line-height: 26px;}
.media-header__close img { max-width: 100%; vertical-align: middle;}
.media-box { font-weight: 500; font-size: 16px; line-height: 19px; color: #ffffff; margin-top: 0; margin-bottom: 0;}
.media-gallery { margin-top: 47px;}
.media-gallery__images { overflow: hidden; padding: 28px 16px; max-width: 1057px; margin: 0 auto;}
.media-gallery__box { width: 33.333%; height: 114px; float: left; cursor: pointer;}
.media-gallery__box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.media-gallery__empty { color: #8b8383; font-size: 18px; text-align: center; height: calc(100vh - 47px);}
.media-gallery__empty h3 { position: relative; top: 45%;}
.media-info p { font-weight: 500; font-size: 16px; line-height: 19px;}
.media-info span { font-size: 12px; line-height: 14px;}
@-webkit-keyframes ellipsis { to { width: 1em;}
}
@keyframes ellipsis { to { width: 1em;}
}
.photo-send { display: none; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 16; background-color: rgba(28, 25, 25, 0.8); text-align: center; white-space: nowrap;}
.photo-send::after { content: ""; display: inline-block; vertical-align: bottom; width: 0; height: 100%;}
.photo-send__body { display: inline-block; vertical-align: bottom; width: 100%;}
.photo-send__content { white-space: normal; background-color: #fff; padding: 20px 10px 40px; border-radius: 10px 10px 0 0;}
.photo-send__photo { overflow: hidden; margin-bottom: 25px;}
.photo-send__photo img { max-height: 70vh; max-width: 100%; border-radius: 10px;}
.photo-send__buttons { padding-left: 30px; padding-right: 30px;}
.photo-send__buttons .btn { max-width: calc(50% - 14px); vertical-align: middle; padding-left: 5px; padding-right: 5px; height: 50px; line-height: 50px;}
.photo-send__buttons .btn--white { border: 1px solid #ad1d0d; color: #ad1d0d; margin-left: 10px;}
.dropdown-menu { position: absolute; top: 14px; right: 14px; text-align: right;}
.dropdown-menu__btn { background-color: rgba(13, 13, 13, 0.8); border-radius: 5px; overflow: hidden; width: 24px; height: 24px; padding: 0 4px; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.dropdown-menu__btn:hover { background-color: rgba(0, 0, 0, 0.859);}
.dropdown-menu__btn span { float: left; height: 3px; width: 3px; background-color: #fff; border-radius: 50%; margin-right: 3.5px;}
.dropdown-menu__btn span:last-child { margin-right: 0;}
.dropdown-menu__body { margin-top: 4px; background-color: #ffffff; -webkit-box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); border-radius: 10px; padding: 14px;}
.dropdown-menu__item { display: block; font-size: 15px; line-height: 20px; margin-bottom: 14px;}
.dropdown-menu__item:last-child { margin-bottom: 0; color: #ad1d0d;}
.edit-btn { display: none;}
.edit-profile__content { padding: 25px 16px;}
.edit-profile__content .close-btn { position: relative;}
.edit-profile__photos { margin: 20px 0 42px;}
.edit-profile__title { padding: 0; margin: 0; font-weight: 700; font-size: 18px; line-height: 20px; margin-bottom: 14px;}
.edit-profile__title img { height: 22px; width: 22px; margin-right: 4px;}
.edit-profile__container { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 23px 16px; margin-bottom: 28px;}
.edit-profile__line { overflow: hidden;}
.edit-profile__switches { float: right; margin: 2px 0;}
.edit-profile__switch { line-height: 16px; font-weight: 700; color: #6b6666;}
.edit-profile__switch.active { color: #ad1d0d;}
.edit-profile__switch:first-child { padding-right: 10px; margin-right: 8px; border-right: 1px solid #eae4e4;}
.edit-profile__liked { margin-bottom: -12px;}
.edit-profile .filters { border: none; margin: -9px 0;}
.edit-profile__btn.btn { font-weight: 500; height: 50px; line-height: 50px; font-size: 14px; text-align: center;}
.edit-profile__text { font-weight: 300; font-size: 16px; color: #6b6666; line-height: 19px;}
.edit-photos__main { height: 198px; border-radius: 5px; overflow: hidden; margin-bottom: 8px; position: relative;}
.edit-photos__main .edit-photo { top: 12px; left: 12px; width: 40px; height: 40px;}
.edit-photos__main .edit-photo img { width: 18px; height: 18px;}
.edit-photos__image { background-color: #c4c4c4; width: 100%; height: 100%;}
.edit-photos__image img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain;}
.edit-photos__image.private::after, .edit-photos__photo.private::after { content: ''; background: url("/images/icons/lock.svg") 0 0/contain no-repeat; position: absolute;}
.edit-photos__image.private::after { width: 25px; height: 25px; top: 19px; right: 13px;}
.edit-photos__photo.private::after { width: 15px; height: 15px; top: 7px; right: 4px;}
.edit-photos__image.pending::before, .edit-photos__photo.pending::before { content: '!'; position: absolute; border-radius: 50%; background-color: #fff; border: 1px #6b6666 solid; color: #6b6666; text-align: center; font-weight: 500;}
.edit-photos__image.pending::before { width: 25px; height: 25px; bottom: 19px; right: 13px; font-size: 25px; line-height: 23px;}
.edit-photos__photo.pending::before { width: 15px; height: 15px; bottom: 7px; right: 4px; font-size: 15px; line-height: 13px;}
.edit-photos__slider { margin-bottom: 25px; white-space: nowrap; overflow-y: hidden; overflow-x: visible; -ms-overflow-style: none; scrollbar-width: none; /* ie scrollbar color properties */ scrollbar-base-color: #f5f0f0; scrollbar-face-color: #f5f0f0; scrollbar-3dlight-color: #f5f0f0; scrollbar-highlight-color: #f5f0f0; scrollbar-track-color: #f5f0f0; scrollbar-arrow-color: #f5f0f0; scrollbar-shadow-color: #f5f0f0; scrollbar-dark-shadow-color: #f5f0f0;}
.edit-photos__slider::-webkit-scrollbar { width: 0; height: 0;}
.edit-photos__photo { width: 87px; height: 88px; border-radius: 5px; overflow: hidden; background-color: #ffffff; display: inline-block; margin-right: 6px; position: relative; cursor: pointer;}
.edit-photos__photo.empty::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url("/images/icons/plus.svg") center/22px no-repeat;}
.edit-photos__photo.empty input { display: none;}
.edit-photos__photo:last-child { margin-right: 0;}
.edit-photos__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.edit-photos__photo .edit-photo { top: 6px; left: 6px; width: 18px; height: 18px;}
.edit-photos__photo .edit-photo img { width: 8px; height: 8px; margin-top: 3px;}
.edit-photo { position: absolute; background-color: #ffffff; border-radius: 50%;}
.edit-basic .filters__value { max-width: calc(100% - 115px);}
.edit-basic .filters__feature { width: 115px;}
.edit-about { margin: -11px 0; position: relative;}
.edit-about__arrow { position: absolute; text-align: left; width: 100%; height: 100%; z-index: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.edit-turning__arrow { position: absolute; text-align: left; width: 100%; height: 100%; z-index: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.edit-about__body { vertical-align: middle; display: inline-block; line-height: 22px; margin-right: 5px; width: calc(100% - 33px); word-wrap: break-word;}
.edit-liked { position: relative;}
.edit-liked .features__item { background-color: #f5f0f0; padding-right: 14px; padding-left: 14px;}
.edit-popup { background-color: rgba(28, 25, 25, 0.66); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 16;}
.edit-popup__body { position: absolute; bottom: 18px; left: 16px; right: 16px;}
.edit-popup__content { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.edit-popup__item { width: 100%; font-weight: 500; font-size: 16px; line-height: 19px; border-bottom: 1px solid #eae4e4; padding: 16px 0;}
.edit-popup__item:last-of-type { border-bottom: none; color: #ad1d0d;}
.edit-form { padding: 18px 16px;}
.edit-form__item { margin-bottom: 28px;}
.edit-form__item label, .edit-form__item input { display: block;}
.edit-form__item label { margin-bottom: 8px; font-weight: 300; color: #6b6666; font-size: 16px; line-height: 19px;}
.edit-form__item input { width: 100%; background-color: #f3f0f0; border: 1px solid #eae4e4; border-radius: 15px; height: 60px; line-height: 60px; font-size: 16px; padding-right: 16px; padding-left: 16px;}
.profile-top__photo { position: relative; margin: 0 -16px;}
.profile-top__dots { position: absolute; z-index: 2; top: 13px; left: 0; right: 0; text-align: center;}
.profile-top__dots button { position: relative; width: 18px; height: 18px; background-color: rgba(126, 118, 118, 0.4); border: 1px solid rgba(243, 240, 240, 0.7); border-radius: 50%; margin: 0 2.5px 4px; vertical-align: middle; transition: background-color 0.3s; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s;}
.profile-top__dots button.active { background-color: #f3f0f0;}
.profile-top__dots button.locked.active, .profile-top__dots button.unlocked.active { background-color: rgba(255, 255, 255, 0.5); border: initial;}
.profile-top__dots button.locked, .profile-top__dots button.unlocked { position: relative;}
.profile-top__dots button.locked::after, .profile-top__dots button.unlocked::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 10px; background-size: cover; background-position: 0 0; background-repeat: no-repeat;}
.profile-top__dots button.locked::after { background-image: url("/images/icons/lock-white.svg");}
.profile-top__dots button.unlocked::after { background-image: url("/images/icons/unlocked.svg");}
.profile-top__main { height: 276px; white-space: nowrap; position: relative; left: 0;}
.profile-top__item { height: 100%; width: 100%; display: inline-block; vertical-align: top; position: relative;}
.profile-top__wrap { overflow: hidden;}
.profile-top__main { width: 100%;}
.profile-top__item img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; pointer-events:none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
.profile-top__item.locked .private-photo { padding: 81px 15px 0; white-space: normal;}
.profile-top__item.locked .private-photo img { width: 24px; height: 30.2px;}
.profile-top__item.pending::before, .profile-top__image.pending::before { content: '!'; position: absolute; border-radius: 50%; background-color: #fff; border: 1px #6b6666 solid; color: #6b6666; text-align: center; font-weight: 500;}
.profile-top__item.pending::before { width: 25px; height: 25px; bottom: 18px; right: 18px; font-size: 25px; line-height: 23px;}
.profile-top__image.pending::before { width: 20px; height: 20px; bottom: 7px; right: 4px; font-size: 20px; line-height: 18px;}
.profile-top__info { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 16px 14px 15px 13px; margin-top: -12px; position: relative;}
.profile-top__box { margin-bottom: 18px;}
.profile-top__name { margin-bottom: 16px;}
.profile-top__name span, .profile-top__name a { font-weight: 700; font-size: 18px; line-height: 21px; color: #272727;}
.profile-top__name img { margin-left: 3px;}
.profile-top__available { width: 24.67px; height: 20px;}
.profile-top__verified { width: 19.3px; height: 18.3px;}
.profile-top__sex { width: 20px; height: 18.93px;}
.profile-top__location { margin-bottom: 8px; overflow: hidden;}
.profile-top__location p { margin-top: 0; margin-bottom: 0; display: inline-block; width: calc(100% - 20px);}
.profile-top__location img { width: 14px; height: 16px; margin-right: 6px; float: left;}
.profile-top__status { overflow: hidden;}
.profile-top__status span { display: inline-block; width: calc(100% - 24.13px);}
.profile-top__status img { width: 18.13px; height: 16px; margin-right: 6px; float: left;}
.profile-top__btns { font-size: 0;}
.profile-top__btns.disabled { cursor: not-allowed;}
.profile-top__btns.disabled a, .profile-top__btns.disabled button { color: #6b6666; background-color: #cccccc; pointer-events:none;}
.profile-top__btns form { display: inline-block;}
.profile-top__btns button, .profile-top__btns a, .profile-top__btns label { border-radius: 5px; height: 42px; text-align: center; vertical-align: middle;}
.profile-top__btns button img, .profile-top__btns button::before, .profile-top__btns label img, .profile-top__btns label::before, .profile-top__btns a img { vertical-align: middle;}
.profile-top__btns.case .profile-top__mail{ margin-right: 4px;}
.profile-top__mail { background-color: #ad1d0d; color: #ffffff; width: calc(52% - 31px); display: inline-table; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; margin-right: 10px;}
.profile-top__mail:hover { background-color: #981a0c;}
.profile-top__mail span, .profile-top__add span, .profile-top__edit span { display: table-cell; vertical-align: middle; padding-right: 5px; padding-left: 5px; font-size: 12px;}
.profile-top__mail img { width: 18px; height: 18px; margin-right: 4px;}
.profile-top__access { margin-right: 10px; width: calc(48% - 31px); font-size: 12px; padding-right: 5px; padding-left: 5px;}
.profile-top__access::before { content: ""; display: inline-block; width: 14px; height: 16px; background-size: cover; background-position: 0 0; background-repeat: no-repeat; margin-right: 4px;}
.profile-top__access.locked { color: #6b6666;}
.profile-top__access.locked::before { background-image: url("/images/icons/lock.svg");}
.profile-top__access.approved { color: #ee991a;}
.profile-top__access.approved::before { background-image: url("/images/icons/unlocked-yellow.svg");}
.profile-top__access.pending { color: #bfb6b6;}
.profile-top__access.pending::before { background-image: url("/images/icons/lock-light.svg");}
.profile-top__access.approved { cursor: not-allowed; pointer-events: none;}
.profile-top__access.pending { cursor: pointer;}
.profile-top__access, .profile-top__favorite { background-color: #f3f0f0; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.profile-top__access:hover, .profile-top__favorite:hover { background-color: #e5e1e1;}
.profile-top__favorite { height: 42px; padding: 0 12px;}
.profile-top__favorite::before { content: ""; width: 18px; height: 17.2px; display: inline-block; background-position: 0 0; background-repeat: no-repeat; background-size: contain; background-image: url("/images/icons/star-grey.svg");}
.profile-top__favorite.active { background-color: #fedb8b; color: #ffffff;}
.profile-top__favorite.active:hover { background-color: #ffd46e;}
.profile-top__favorite.active::before { background-image: url("/images/icons/star-white.svg");}
.profile-top__mini { display: none;}
.profile-top__arrow { display: none;}
.profile-top__add-form, .profile-top__edit { height: 42px; color: #ffffff;}
.profile-top__add-form { width: calc(50% - 4px);}
.profile-top__add img, .profile-top__edit img { height: 15px;}
.profile-top__add { width: 100%; background-color: #272727; margin-left: 7px; display: inline-table; cursor: pointer; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.profile-top__add:hover { background-color: rgb(24, 24, 24);}
.profile-top__add img { margin-top: -3px; width: 15.6px; margin-right: 3.6px;}
.profile-top__add input { display: none;}
.profile-top__edit { width: calc(50% - 7px); background-color: #ad1d0d; display: inline-table; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.profile-top__edit:hover { background-color: #981a0c;}
.profile-top__edit img { width: 13.5px; margin-right: 5.2px;}
.visit-profile { background-color: #262323; padding: 20px;}
.visit-profile__btns { position: relative; top: 50%; transform: translateY(-50%); text-align: center; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.visit-profile__btns a { display: block; line-height: 50px; height: 50px; font-weight: 500; font-size: 15px; max-width: 200px; border-radius: 5px; padding-right: 10px; padding-left: 10px; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.visit-profile__send { margin: 0 auto 20px; background-color: #ad1d0d; color: #ffffff;}
.visit-profile__send:hover { background-color: #981a0c;}
.visit-profile__open { margin-left: auto; margin-right: auto; color: #272727; border: 1px solid #eae4e4; background-color: #fff;}
.visit-profile__open:hover { background-color: #e5e1e1;}
.profile-tabs__buttons { margin-top: 24px; margin-bottom: 33px; border-bottom: 1px solid #eae4e4; overflow: hidden;}
.profile-tabs__btn { font-weight: 500; font-size: 16px; line-height: 19px; color: #6b6666; width: 32.5%; margin-top: 0; margin-bottom: 0;}
.profile-tabs__btn.active { color: #272727;}
.profile-tabs__btn.active::after { content: ""; width: 100%; display: block; height: 5px; border-radius: 3px; background-color: #ad1d0d; margin-top: 5px;}
.profile-tabs__content { padding-top: 39px;}
.profile-tabs__empty { text-align: center;}
.profile-tabs__empty p { font-weight: 500; font-size: 18px; line-height: 21px; margin-top: 0; margin-bottom: 0;}
.profile-tabs__empty span { font-size: 16px; line-height: 19px; color: #6b6666; margin: 10px 0 20px; display: block;}
.details__about { margin-bottom: 24px;}
.details__title { font-weight: 700; font-size: 18px; line-height: 21px; margin-bottom: 14px; margin-top: 0;}
.details__text { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 17px 16px 17px 13px; font-size: 16px; line-height: 19px; color: #6b6666; word-wrap: break-word;}
.details__features { margin-bottom: 40px;}
.details__features .details__text { margin-top: 0;}
.features { margin-bottom: -6px;}
.features--green .features__item, .features--red .features__item { padding-right: 35px;}
.features--green .features__item { border-color: #64cec8;}
.features--red .features__item { border-color: #ff8989;}
.features--no-border .features__item { border: none; padding-top: 8px; padding-bottom: 8px;}
.features--no-border .features__item p { display: inline-block;}
.features--no-border .features__item span, .features--no-border .features__item p { color: #6b6666;}
.features__item { background-color: #ffffff; border-width: 1px; border-style: solid; border-radius: 31px; line-height: 17px; display: inline-block; margin-bottom: 6px; margin-right: 3px; padding: 7px 12px; position: relative;}
.features__item img { width: 17px; height: 17px; margin-left: 6px; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);}
.features__item p { display: none; margin-top: 0; margin-bottom: 0;}
.private-photo { background-color: #262323; width: 100%; height: 100%; text-align: center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
.private-photo p { font-weight: 700; font-size: 20px; line-height: 24px; color: #f3f0f0; margin: 22.8px 0 8px;}
.private-photo span { color: #c7c6c6; font-size: 14px;}
.popup-request { position: fixed; z-index: 16; top: 45px; left: 16px; right: 16px; background-color: #ffffff; border: 1px solid #eae4e4; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); border-radius: 10px; padding: 16px 0; text-align: center;}
.popup-request span { font-weight: 500; font-size: 16px; line-height: 24px; vertical-align: middle;}
.popup-request img { width: 24px; height: 24px; vertical-align: middle; margin-right: 9px;}
.reviews__new { text-align: center;}
.reviews__new .reviews__container { padding: 20px 23px;}
.reviews__container { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 14px;}
.reviews__title { font-weight: 500; font-size: 16px; line-height: 22px; margin-bottom: 18px;}
.reviews__btn { color: white; font-weight: 500; background-color: #ad1d0d; border-radius: 5px; height: 40px; width: 53.5%; max-width: 270px; display: inline-table; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.reviews__btn:hover { background-color: #981a0c;}
.reviews__btn:disabled { cursor: not-allowed; color: #6b6666; background-color: #cccccc;}
a.reviews__btn span { display: table-cell;}
.reviews__btn span { font-weight: 500; color: #ffffff; font-size: 14px; line-height: 17px; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
.reviews__item { margin-top: 12px;}
.reviews__top { margin-bottom: 14px;}
.reviews__body { font-size: 16px; line-height: 19px; color: #6b6666; overflow-wrap: break-word;}
.reviews .profile-tabs__empty img { width: 44px; height: 44px;}
.reviews .profile-tabs__empty .reviews__btn { width: 158px;}
.home-left__links { border-bottom: 1px solid #eae4e4; background-color: #ffffff; padding: 21px 0 18px;}
.home-left__link { font-weight: 500; font-size: 16px; line-height: 19px; color: #272727; width: calc(50% - 2px); display: inline-block; vertical-align: middle;}
.home-left__link:first-child { text-align: right; border-right: 1px solid #eae4e4; padding-right: 7.7%; padding-left: 37px;}
.home-left__link:last-child { text-align: left; padding-left: 7.7%; padding-right: 37px;}
.home-left__requests_text { position: relative;}
.home-left__requests_amount { background-color: #ad1d0d; border-radius: 11px; color: #f5f0f0; font-size: 12px; line-height: 14px; padding: 2px 10px; position: absolute; bottom: 0;}
.home-left__link:first-child .home-left__requests_amount { left: -5px; transform: translateX(-100%);}
.home-left__link:last-child .home-left__requests_amount { right: -5px; transform: translateX(100%);}
.home-left__link.active { color: #ad1d0d;}
.home-left__favorites { background-color: #ffffff; border-bottom: 1px solid #eae4e4; overflow: hidden; padding: 19px 0 17px 16px; margin-bottom: 24px;}
.home-left__mt { margin-top: 34px;}
.home-left__text { float: left; width: 90px; padding-top: 11px; margin-right: 7px;}
.home-left__text span, .home-left__text img { vertical-align: middle;}
.home-left__text span { color: #6b6666; font-size: 12px; line-height: 14px; margin-left: 2px; width: calc(100% - 24px); display: inline-block;}
.home-left__text img { width: 18px; height: 18px; padding: 5px 0;}
.home-left__users { float: left; width: calc(100% - 97px); white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; /* ie scrollbar color properties */ scrollbar-base-color: #fff; scrollbar-face-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-highlight-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; scrollbar-shadow-color: #fff; scrollbar-dark-shadow-color: #fff;}
.home-left__users::-webkit-scrollbar { display: none; width: 0; height: 0;}
.home-left__users .user-photo { display: inline-block; margin-left: 5px; margin-right: 5px; position: relative;}
.home-left__users .user-photo__cover { width: 50px; height: 50px; display: block;}
.home-left__container { padding-left: 8px;}
.home-left__title { font-weight: 700; font-size: 18px; line-height: 21px; margin-bottom: 12px;}
.home-left__interests, .home-left__results { padding-right: 8px;}
.home-left__activity { padding-right: 8px; /* the same inset as the blocks around it on a phone */}
.home-left__online, .home-left__nearby { margin-bottom: 18px;}
.home-left__nearby.empty { background-color: #fff; padding: 18px; text-align: center; border: 1px solid #eae4e4; border-radius: 10px; margin-right: 8px;}
.home-left__line { position: relative;}
.home-left__line .home-left__title { text-align: center; margin-bottom: 24px;}
.home-left__close { color: #6b6666; position: absolute; top: 0; left: 0; font-size: 25px; line-height: 19px;}
.home-left__results .users__send, .home-left__visitors .users__send { background-color: #fff; color: #ad1d0d;}
.home-left__results .users__send:hover, .home-left__visitors .users__send:hover { background-color: #dfdede5f;}
.home-left__subtitle { font-size: 20px; line-height: 24px; text-align: center; padding-bottom: 28px; font-weight: 700; border-bottom: 1px solid #eae4e4; margin-top: 0; margin-bottom: 0;}
.home-left__visitors { padding-top: 28px;}
.home-left__visitors .users__item { padding-left: 16px; padding-right: 16px;}
.home-left__visitors .home-left__empty { margin-top: 15px;}
.home-left__read_all { color: #AD1D0D; display: block; margin: 15px 16px 0 auto; transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s;}
.home-left__read_all:hover { text-decoration: underline; color: #981a0c;}
.home-left__tabs { text-align: center;}
.home-left__tabs .home-left__empty { border: none;}
.home-left__empty { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 30px; text-align: center; min-height: 219px; position: relative;}
.home-left__empty h3 { font-weight: 500; font-size: 18px; line-height: 21px; color: #6b6666; margin-top: 0; margin-bottom: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.home-left__info { color: #6b6666; text-align: center; margin: 20px 12px;}
.home-right__filters { display: none;}
.tabs { background-color: #fff; padding: 28px 8px 0;}
.tabs__links { border-bottom: 1px solid #eae4e4;}
.tabs__link { font-weight: 500; font-size: 16px; line-height: 20px; color: #6b6666; padding: 5px 10px 10px; margin-right: 3px; margin-left: 3px;}
.tabs__link.active { font-weight: 700; color: #ad1d0d; position: relative;}
.tabs__link.active::after { content: ""; height: 5px; width: 100%; display: block; background-color: #ad1d0d; border-radius: 3px; position: absolute; bottom: 0; left: 0;}
.tabs__title { font-weight: 700; font-size: 20px; line-height: 24px; margin-bottom: 19px; margin-top: 0;}
.tabs__sent .users__info { width: calc(100% - 165px);}
.tabs__sent .users__filters.status { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.request-pending { border-color: #6b6666;}
.request-approved { border-color: #64cec8;}
.request-rejected { border-color: #ff8989;}
.request-cancelled { border-color: #bdbdbd; color: #757575;}
.btn-arrow { display: none;}
.popup-search { overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 17; background-color: rgba(28, 25, 25, 0.66); text-align: center; white-space: nowrap;}
.popup-search::after { content: ""; display: inline-block; vertical-align: bottom; width: 0; height: 100%;}
.popup-search__body { display: inline-block; vertical-align: bottom; width: 100%;}
.popup-search__content { white-space: normal; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px 10px 0 0; padding: 28px 16px 5px; text-align: initial;}
.popup-search__title { font-weight: 700; font-size: 18px; line-height: 23px; margin-bottom: 42px;}
.popup-search__height { font-size: 16px; line-height: 22px; display: inline-block; overflow: hidden;}
.popup-search__buttons { margin-top: 45px;}
.popup-search__buttons .btn { line-height: 50px; height: 50px; font-size: 14px;}
.popup-search__buttons .btn--white { margin-top: 11px; text-align: center;}
.settings { padding: 30px 16px 0;}
.settings__title { font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; margin: 0;}
.settings__title.mg { margin-bottom: 22px;}
.settings__form { display: none;}
.settings__subtitle { margin: 0; display: none; font-weight: 700; font-size: 18px; line-height: 21px; padding: 18px 0; border-bottom: 1px solid #eae4e4;}
.settings__container { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 0 16px; margin-bottom: 16px;}
.settings__row { padding: 16px 0; border-bottom: 1px solid #faf7f7;}
.settings__row:last-child { border-bottom: none;}
.settings__columns { height: 100%;}
.settings__column { display: inline-block; vertical-align: middle;}
.settings__account .settings__column:first-child { width: 40%;}
.settings__account .settings__column:nth-child(2) { width: calc(60% - 41px); margin-right: 1px; margin-left: 11px; text-align: right;}
.settings__account #password.settings__row .settings__data { font-weight: 300; font-size: 20px;}
.settings__payment .settings__column:nth-child(2) { float: right;}
.settings__notification .settings__column:first-child { margin-right: 2px; width: calc(100% - 46px);}
.settings__notification .settings__subtitle { display: block;}
.settings__designation { font-size: 16px; line-height: 22px;}
.settings__data { display: inline-block; font-size: 16px; line-height: 22px; color: #6b6666; max-width: 100%; vertical-align: middle; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.settings__edit { height: 22px; width: 22px; background-image: url("/images/icons/arrow-left-grey.svg"); background-position: center center; background-size: cover; background-repeat: no-repeat; vertical-align: middle; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.settings__radio { display: none;}
.settings__pause-btn, .settings__verification { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 15px 0; font-size: 16px; line-height: 20px; width: 100%;}
.settings__verification { display: inline-block; text-align: center; color: #272727; margin-bottom: 16px;}
.settings__logout { margin-top: 47px;}
.settings .btn { text-align: center; font-size: 14px; line-height: 50px; height: 50px;}
.settings__wrap { position: relative; clear: both;}
.settings__input, input.settings__input { background-color: #fff; height: 60px; line-height: 60px; width: 100%; font-size: 16px; padding: 0 16px; border: 1px solid #eae4e4; border-radius: 10px;}
.settings__input::-webkit-input-placeholder { color: #6b6666;}
.settings__input:-ms-input-placeholder { color: #6b6666;}
.settings__input::-ms-input-placeholder { color: #6b6666;}
.settings__input::placeholder { color: #6b6666;}
.settings__input[type="password"] { font-weight: 300; font-size: 20px; padding-right: 37px;}
.settings__text { font-size: 12px; line-height: 21px; color: #807373; margin-top: 8px;}
.settings__group { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 0 14px;}
.settings__box { padding: 18px 0;}
.settings__box:first-child { border-bottom: 1px solid #eae4e4;}
.settings__box label { display: block; font-size: 16px; line-height: 19px; margin-bottom: 12px;}
.settings__box input, .settings__box textarea { background-color: #f3f0f0; font-size: 14px;}
.settings__box input { height: 41px; line-height: 41px;}
.settings__box textarea { border: 1px solid #eae4e4; resize: none; border-radius: 10px; width: 100%; height: 111px; line-height: 17px; padding: 12px 16px;}
.settings__box textarea::-webkit-input-placeholder { color: #6b6666;}
.settings__box textarea:-ms-input-placeholder { color: #6b6666;}
.settings__box textarea::-ms-input-placeholder { color: #6b6666;}
.settings__box textarea::placeholder { color: #6b6666;}
.settings__pause { text-align: center;}
.settings__pause .settings__text { font-size: 16px; line-height: 23px; margin-bottom: 75px; margin-top: 14px; padding: 0 20px;}
.settings__pause img { width: 42px; height: 42px;}
#openSupportForm { width: 100%; text-align: left;}
.password-display { width: 32px; height: 32px; bottom: 50%; transform: translateY(50%); cursor: pointer; position: absolute; z-index: 2; right: 10px;}
.password-display img { vertical-align: middle;}
#pause { display: none; position: fixed; top: 50px; bottom: 55px; left: 0; right: 0; background-color: #f5f0f0; z-index: 2; text-align: center; padding-bottom: 30px; overflow-y: auto;}
#pause .settings__text { margin-bottom: 52px;}
.pause-form__box textarea { background-color: #fff; height: 150px; border: 1px solid #d4d4d4; border-radius: 10px; padding: 14px 18px; width: 100%; max-width: 730px; resize: none; font-size: 16px; font-weight: 300; line-height: 24px; margin-top: 10px;}
.pause-form__box { margin-bottom: 15px;}
.pause-form__box label { display: block; font-size: 16px; line-height: 19px;}
.settings__pause .btn--white { margin-top: 10px;}
#phoneVerification { display: none;}
#phoneVerification .countdown { display: block; color: #fe5858; line-height: 30px; padding: 10px;}
#phoneVerificationForm { margin: 16px auto;}
#phoneVerificationForm .input-error { width: 100%; text-align: center; margin: 16px auto;}
#cancelSubPopup, #subCancellationReason { display: none;}
.settings-popup { overflow-y: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 25, 25, 0.66); z-index: 16; text-align: center; white-space: nowrap;}
.settings-popup::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.settings-popup__body { display: inline-block; vertical-align: middle; max-width: 375px; width: 100%;}
.settings-popup__content { margin: 10px 16px; white-space: normal; text-align: center; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.settings-popup__btns .btn { font-size: 14px;}
.settings-popup__radio.radio-btns label { color: #6b6666;}
.settings-popup--small .settings-popup__title { padding: 0 10px; margin-bottom: 28px; font-weight: 500; font-size: 16px; line-height: 19px;}
.settings-popup--small .settings-popup__content { padding-top: 28px; overflow: hidden;}
.settings-popup--small .settings-popup__btns { border-top: 1px solid #eae4e4;}
.settings-popup--small .settings-popup__btns .btn { line-height: 55px; height: 55px; width: 49%;}
.settings-popup--small .settings-popup__btns .btn--white { border-left: 1px solid #eae4e4;}
.settings-popup--small .settings-popup__btns .btn:first-child { background-color: transparent; color: #ad1d0d;}
.settings-popup--large .settings-popup__content { text-align: initial; padding: 33px 16px;}
.settings-popup--large .settings-popup__title { font-weight: 700; font-size: 20px; line-height: 24px; margin-bottom: 12px; margin-top: 0;}
.settings-popup--large .settings-popup__text { font-size: 16px; line-height: 19px; color: #6b6666; margin-bottom: 19px; margin-top: 0;}
.settings-popup--large .settings-popup__form { border-top: 1px solid #eae4e4; padding-top: 18px;}
.settings-popup--large .settings-popup__subtitle { font-weight: 700; font-size: 16px; line-height: 19px; margin-bottom: 20px; margin-top: 0;}
.settings-popup--large .settings-popup__btns .btn { line-height: 16px; height: 41px; vertical-align: middle;}
.payment { padding: 26px 16px 30px; background-color: #ffffff; position: relative;}
.payment__close { position: absolute; top: 24px; right: 24px;}
.payment__close.arrow { display: block;}
.payment__title { color: #ad1d0d; font-weight: 700; font-size: 18px; line-height: 21px; margin-bottom: 8px; margin-top: 0;}
.payment__text { font-size: 16px; line-height: 21px; margin-bottom: 18px;}
.payment__subtitle { font-size: 17px; line-height: 20px; margin-bottom: 16px; margin-top: 0; font-weight: 700;}
.payment__options { margin-right: -16px; margin-bottom: 18px; white-space: nowrap; text-align: center; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; /* ie scrollbar color properties */ scrollbar-base-color: #fff; scrollbar-face-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-highlight-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; scrollbar-shadow-color: #fff; scrollbar-dark-shadow-color: #fff;}
.payment__options::-webkit-scrollbar { width: 0; height: 0;}
.payment__item { display: inline-block; margin-right: 4px;}
.payment__item:last-child { margin-right: 16px;}
.payment__item label { display: block; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 24px 10px; cursor: pointer;}
.payment__item input { display: none;}
.payment__item input:checked ~ label { border: 2px solid #0f7a74;}
.payment__num { font-weight: 500; font-size: 49px; line-height: 58px; margin-bottom: 8px; margin-top: 0;}
.payment__month { font-weight: 500; font-size: 16px; line-height: 19px; margin-bottom: 2px; margin-top: 0;}
.payment__amount { font-size: 16px; line-height: 19px; color: #6b6666; margin-bottom: 14px; margin-top: 0;}
.payment__total { font-weight: 700; font-size: 18px; line-height: 21px; color: #ad1d0d; margin-top: 0; margin-bottom: 0;}
.payment__info { margin-bottom: 3px;}
.payment__info p { margin-top: 0; margin-bottom: 8px; font-size: 12px; line-height: 18px; color: #6b6666;}
.payment__btns .btn { line-height: 50px; height: 50px; font-size: 14px;}
.payment__btns .btn--white { margin-top: 13px; text-align: center;}
.payment__btns.fs { margin-top: 36px;}
.payment__btns.fs .btn { font-size: 16px;}
.payment__images { margin-bottom: 41px;}
.payment__images img { margin-right: 14px; vertical-align: middle;}
.payment__images img:last-child { margin-right: 0;}
.payment__images .payment__discover_bank { width: 79px; height: 20px;}
.payment__images .payment__american_express { width: 44px; height: 44px;}
.payment__images .payment__mastercard { width: 47px; height: 38px;}
.payment__images .payment__visa { width: 62px; height: 20px;}
.payment__column:first-child { margin-bottom: 35px;}
.payment__cards { white-space: nowrap; text-align: center; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; /* ie scrollbar color properties */ scrollbar-base-color: #fff; scrollbar-face-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-highlight-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; scrollbar-shadow-color: #fff; scrollbar-dark-shadow-color: #fff;}
.payment__cards::-webkit-scrollbar { width: 0; height: 0;}
.payment__cards .input-error { white-space: normal; margin-bottom: 5px;}
.payment__cards.invalid-input label { border: 1px solid #fe5858;}
.payment__card { display: inline-block; margin-right: 8px; vertical-align: middle;}
.payment__card:last-child { margin-right: 0;}
.payment__card label { display: block; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; cursor: pointer; width: 124px; height: 90px;}
.payment__card label img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.payment__card input { display: none;}
.payment__card input:checked ~ label { border: 2px solid #0f7a74;}
.payment__card .payment__discover_bank { width: 95px; height: 24px;}
.payment__card .payment__american_express { width: 43px; height: 43px;}
.payment__card .payment__mastercard { width: 49px; height: 39px;}
.payment__card .payment__visa { width: 74px; height: 24px;}
.payment__input { margin-top: 28px;}
.payment__input label { display: block; color: #6b6666; font-size: 16px; line-height: 20px; margin-bottom: 8px;}
.payment__input .input-error { float: right; margin-top: 0; text-align: right; width: calc(100% - 140px);}
.payment__input input { background-color: #f3f0f0; border: 1px solid #d4d4d4; border-radius: 10px; height: 50px; line-height: 50px; width: 100%; font-size: 16px; padding: 0 15px;}
.payment__input input::-webkit-input-placeholder { color: #d4d4d4;}
.payment__input input:-ms-input-placeholder { color: #d4d4d4;}
.payment__input input::-ms-input-placeholder { color: #d4d4d4;}
.payment__input input::placeholder { color: #d4d4d4;}
.payment__input input[name="CVV"]::-webkit-input-placeholder, .payment__input input[name="card-number"]::-webkit-input-placeholder { font-size: 13px; letter-spacing: 2px;}
.payment__input input[name="CVV"]:-ms-input-placeholder, .payment__input input[name="card-number"]:-ms-input-placeholder { font-size: 13px; letter-spacing: 2px;}
.payment__input input[name="CVV"]::-ms-input-placeholder, .payment__input input[name="card-number"]::-ms-input-placeholder { font-size: 13px; letter-spacing: 2px;}
.payment__input input[name="CVV"]::placeholder, .payment__input input[name="card-number"]::placeholder { font-size: 13px; letter-spacing: 2px;}
.payment__box { overflow: hidden; position: relative;}
#paymentCardData .payment__box .input-error { float: none; text-align: left; width: 100%;}
.payment__row { margin-top: 16px;}
.payment__inputs { margin-top: -4px;}
.comments__comment { border-bottom: 1px solid #eae4e4; padding-top: 14px; padding-bottom: 14px;}
.comments__comment:last-child { padding-bottom: 14px;}
.comments__text { margin-top: 11px; margin-bottom: 0; color: #6b6666; font-size: 16px; line-height: 19px; word-wrap: break-word;}
.comments__view-all { font-size: 13px; line-height: 15px; color: #ad1d0d; margin-top: 14px;}
.comments__new { padding-bottom: 4px; padding-top: 14px;}
.comments__new textarea { margin-top: 12px; margin-bottom: 18px; padding: 16px; line-height: 19px; height: 97px; cursor: auto;}
.comments__new textarea::-webkit-input-placeholder { font-weight: 300;}
.comments__new textarea:-ms-input-placeholder { font-weight: 300;}
.comments__new textarea::-ms-input-placeholder { font-weight: 300;}
.comments__new textarea::placeholder { font-weight: 300;}
.comments__new textarea::-webkit-scrollbar { width: 13px;}
.comments__new textarea::-webkit-scrollbar-button { display: none; width: 0; height: 0;}
.comments__new textarea::-webkit-scrollbar-thumb { background-color: #b8b8b8; border-radius: 7px; border: 3px solid #f3f0f0;}
.comments__new .users__nickname { margin-top: 11px;}
.comments__new button { border: 1px solid #ad1d0d; border-radius: 5px; color: #ad1d0d; padding-right: 33px; padding-left: 33px; line-height: 40px; height: 40px; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.comments__new button:hover { background-color: rgb(239, 238, 238);}
.comments__form button[type="submit"] { min-width: 24px; min-height: 24px; padding: 4px 8px;}
.comments__form { position: relative;}
.stories .content__title { margin-top: 28px; margin-bottom: 10px;}
.stories__interest { padding-top: 14px; padding-bottom: 4px;}
.stories__row { padding-top: 15px; white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; scrollbar-base-color: #f5f0f0; scrollbar-face-color: #f5f0f0; scrollbar-3dlight-color: #f5f0f0; scrollbar-highlight-color: #f5f0f0; scrollbar-track-color: #f5f0f0; scrollbar-arrow-color: #f5f0f0; scrollbar-shadow-color: #f5f0f0; scrollbar-dark-shadow-color: #f5f0f0;}
.stories__row::-webkit-scrollbar { width: 0; height: 0;}
.stories__item { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 13px 17px; display: inline-block; vertical-align: top; margin-right: 4px; margin-left: 4px; width: 289px; overflow: hidden;}
.stories__body { display: block; margin-top: 18px; margin-bottom: 20px;}
.stories__image { height: 183px; overflow: hidden; margin-bottom: 14px;}
.stories__image img { max-width: 100%; width: 100%; height: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover;}
.stories__title { font-weight: 500; font-size: 16px; line-height: 19px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #272727;}
#galleryPopup .profile-popup__form textarea { margin-bottom: 16px; height: 126px;}
.comments__hide { font-size: 13px; line-height: 15px; color: #6b6666; margin-top: 14px;}
.users-photos .content__top { margin-right: 24px;}
.users-photos .content__bottom { border-bottom: 1px solid #eae4e4; padding-top: 14px; padding-bottom: 14px;}
.content__likers { position: relative; cursor: pointer;}
.likers-popover { position: absolute; top: 100%; left: 0; background: #fff; border-radius: 10px; box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); z-index: 100; max-height: 300px; overflow-y: auto; min-width: 220px; padding: 10px;}
.likers-popover .users { padding: 4px 0;}
.likers-popover .users:last-child { padding-bottom: 0;}
.likers-popover .users:first-child { padding-top: 0;}
.likers-popover .users__card .user-photo__cover { width: 32px; height: 32px;}
.likers-popover .users__card .user-photo { margin-right: 6px;}
.likers-popover .users__info { width: calc(100% - 38px);}
.likers-popover .users__text { margin-bottom: 0; display: flex; align-items: center; height: 32px; gap: 6px;}
.likers-popover .users__two, .likers-popover .users__single { order: 1; flex-shrink: 0; padding: 0; margin: 0;}
.likers-popover .users__two { width: 16px; height: 16px;}
.likers-popover .users__single { width: 14px; height: 14px;}
.likers-popover .users__nickname { order: 2; flex: 1; min-width: 0; width: auto; margin-top: 0;}
.likers-popover .users__nickname a { font-size: 13px; line-height: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.content-form textarea { height: 126px;}
.content-form__warning { color: #6b6666;}
.content-form__btns { margin-top: 10px;}
.content-form__btns .btn { line-height: 50px; height: 50px; font-weight: 500; font-size: 14px;}
#photoPreview, #submitPhoto { display: none;}
.profile-popup.variation .form-photo { text-align: center;}
.verification { padding: 20px 8px 0; height: 100vh; min-height: 100%; overflow-y: auto; overflow-x: hidden;}
.verification__content { position: relative; min-height: 100%; padding-top: 73px;}
.verification__email-verified { text-align: center;}
.verification__email-verified img { max-width: 40px;}
.verification__email-verified .verification__title { margin-top: 60px; font-size: 21px;}
.verification__email-verified .verification__text { font-size: 19px; margin-top: 30px;}
.verification__email-verified .verification__text a { color: #ad1d0d;}
.verification__email-verified .verification__back { margin-top: 60px;}
.verification__arrow { position: absolute; top: -7px; left: -10px;}
.verification__title { font-weight: 700; font-size: 18px; line-height: 23px; margin-bottom: 18px;}
.verification__text { font-size: 16px; line-height: 22px; color: #807373;}
.verification__btns { position: absolute; left: 0; bottom: 30px; text-align: center; width: 100%;}
.verification__back { position: relative;}
.verification__back img { width: 33px; position: absolute; top: calc(50% - 16.5px); left: 20px;}
.verification__btns .arrow { width: 10px;}
.verification__btns .btn { margin-bottom: 10px; padding-left: 0; padding-right: 0;}
.verification__block { margin-top: 42px; padding-bottom: 170px;}
.verification-block__circle { display: inline-block; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #dadada; margin-right: 14px; position: relative;}
.verification-block__circle::after { content: ""; background: url("/images/icons/check-green.svg") 0 0/contain no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10.4px; height: 8.1px; display: none;}
.verification-block__cover { font-weight: 500; font-size: 16px; line-height: 22px; display: block;}
.verification-block__cover span{ vertical-align: middle; color: #dadada;}
.verification-block__check { margin-bottom: 23px;}
.verification-block__check.checked span{ color: #0f7a74;}
.verification-block__check.checked .verification-block__circle { border-color: #0f7a74;}
.verification-block__check.checked .verification-block__circle::after { display: block;}
.birth2, .form__nicknames { display: none;}
.show { display: block;}
.hide { display: none !important;}
.profile-edit-popup { overflow-y: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: white; z-index: 16; text-align: center; white-space: nowrap;}
.profile-edit-popup .login { white-space: initial; height: 100%; min-height: auto;}
.popup, .pop { overflow-y: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 25, 25, 0.66); z-index: 16; text-align: center; white-space: nowrap;}
.popup::after, .pop::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.popup__body, .pop__body { display: inline-block; vertical-align: middle;}
.popup__body { width: 100%;}
.popup__content, .pop__content, .popup__content_full { margin: 10px auto; white-space: normal; position: relative; padding: 32px 16px; text-align: center; max-width: 343px; width: 100%; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.pop__content { padding: 0; max-width: 283px; overflow: hidden;}
.popup__title, .pop__title { font-weight: 500; font-size: 16px; line-height: 23px;}
.pop__title { padding: 28px; min-width: 200px;}
.pop__btn { background-color: #fff; color: #ad1d0d; font-size: 16px; font-weight: 500; height: 55px; border-top: 1px solid #eae4e4; border-radius: initial; width: 100%; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; vertical-align: middle;}
.pop__btn:hover { background-color: rgb(239, 238, 238);}
.popup__check { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 18px;}
.popup__check img { width: 34.7px; height: 100%; vertical-align: middle;}
.popup__text { font-size: 16px; line-height: 23px; color: #807373; margin: 12px 0 30px;}
.pop__btns { border-top: 1px solid #eae4e4;}
.pop__btns .pop__btn { border-radius: 0; font-size: 14px; width: 49%; border: 0;}
.pop__btns .pop__btn:last-child { border-left: 1px solid #eae4e4; background-color: #fff; color: #6b6666;}
.toast { box-shadow: 0 0 10px rgba(255, 255, 255, .8); border-radius: 3px; z-index: 14; color: rgba(255, 255, 255, .9); padding: 10px 15px; max-width: 60%; width: 100%; word-break: keep-all; margin: 0 auto; text-align: center; position: fixed; left: 0; right: 0; bottom: 30px; -webkit-transform: translateY(150%) translateZ(0); transform: translateY(150%) translateZ(0); -webkit-filter: blur(0); opacity: 0; font-weight: 500; font-size: 16px; line-height: 23px; -o-transition: opacity 600ms, -webkit-transform 600ms; -moz-transition: opacity 600ms, -webkit-transform 600ms; -webkit-transition: opacity 600ms, -webkit-transform 600ms; transition: opacity 600ms, transform 600ms;}
.toast.show { opacity: 1; -webkit-transform: translateY(-100%) translateZ(0); transform: translateY(-100%) translateZ(0)}
.toast.hide { opacity: 0; -webkit-transform: translateY(150%) translateZ(0); transform: translateY(150%) translateZ(0);}
.toast.success, .popup__check.success { background-color: #0f7a74;}
.toast.danger, .popup__check.danger { background-color: #FF8989;}
.toast.warning, .popup__check.warning { background-color: #FEDB8B;}
.popup__check.warning { color: #ad1d0d;}
.toast.warning { color: #272727; -webkit-box-shadow: 0 0 10px 4px rgba(44, 38, 38, 0.1); box-shadow: 0 0 10px 4px rgba(44, 38, 38, 0.1);}
.toast.info, .popup__check.info { background-color: #eae4e4;}
.toast img { margin-right: 6px; width: 18px; height: auto; vertical-align: middle;}
.toast span { vertical-align: middle;}
.center { text-align: center;}
@media (min-width: 500px) and (max-width: 749px) { .content-form__btns .btn--white { color: #272727; border: 1px solid #eae4e4;}
}
@media (min-width: 500px) { .media-gallery__box { width: 25%; height: 120px;}
.chat__wrap .message { max-width: 250px;}
.content-form__btns .btn { width: calc(50% - 5px);}
.content-form__btns .btn--white { margin-left: 6px;}
}
@media (min-width: 650px) { .media-gallery__box { height: 160px;}
.users--big { display: table; table-layout: fixed; margin: -12px 0 -12px -12px; border-spacing: 12px; border-collapse: separate; width: calc(100% + 24px);}
.users--big .users__row { display: table-row;}
.users--big .users__item { width: 50%; display: table-cell; vertical-align: top;}
}
@media (min-width: 750px) { .arrow { border-radius: 50%; background-color: #eae4e4; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.arrow:hover { background-color: #e4dede;}
.arrow::after { padding: 4.5px;}
.visitor-notification { border-radius: 10px; margin-bottom: 12px;}
.error { padding-top: 130px; padding-bottom: 63px; background-position: 100% 68px;}
.error__content { width: 50%; padding: 0; border: none;}
.error__image { display: block; position: absolute; left: 75%; top: calc(50% + 34px); transform: translate(-50%, -50%); max-width: 40%; width: 345px; height: 383px;}
.error__image img { width: 100%; height: 100%;}
.header { height: 68px;}
.header__content { padding-right: 10px; padding-left: 10px;}
.header__search { display: none;}
.header__arrow { float: right; background-color: #d03423; margin-top: 2px;}
.header__arrow::after { border-color: #fff;}
.header__settings { display: none;}
.header__back { margin-top: 6px;}
.header__group { margin-top: 8px; position: relative;}
.header__logo { float: left; height: 39px; position: relative; top: 0; left: 0;}
.header .user-photo { float: right; margin-right: 0;}
.header__photo { height: 40px; width: 40px;}
.header__box.active::after { width: calc(100% + 10px); left: -5px; bottom: -22px;}
.header__filter { display: none;}
.header__login { margin-top: 2px;}
.header--registration { display: block;}
.header--messages .header__box { display: inline-block;}
.footer { padding-top: 15px; padding-bottom: 15px; bottom: 0;}
.footer__link { font-size: 15px; line-height: 20px; margin-top: 0; margin-right: 15px; margin-left: 15px;}
.full-height { display: block; width: 50%; height: 100vh; float: right; background: url("/images/bg.jpg") 0 center/cover no-repeat;}
.full-height__content { padding: 40px 10px 0 47px;}
.full-height__logo { height: 39px; display: inline-block; margin-bottom: 37px;}
.full-height__logo img { width: 100%; height: 100%;}
.full-height__title { font-weight: 700; color: #fff; font-size: 37px; line-height: 44px; margin-bottom: 12px;}
.full-height__text { color: #dadada; font-size: 18px; line-height: 25px; margin-bottom: 50px;}
.login { height: 100vh; float: right; width: 50%; padding: 130px 37px 0 10px;}
.login__content { overflow-y: auto; overflow-x: hidden;}
.login__logo { display: none;}
.login__dots { margin-top: 24px; position: relative; top: 0;}
.login__form { position: relative; padding-bottom: 0;}
.login__close-btn { top: -59px;}
.login__close-btn.arrow { width: 28px; height: 28px;}
.login__close-btn.arrow::after { color: #6b6666; padding: 4px; top: 9px; left: 10px;}
.login__social p { margin-bottom: 62px;}
.form { max-width: 425px; margin-left: auto;}
.form--red .form__text { max-width: 100%; font-size: 16px;}
.form--red .form__group { margin-top: 24px;}
.form--red .form__subtitle { font-size: 20px; margin-bottom: 24px; padding-top: 14px;}
.form__title { margin-bottom: 14px;}
.form__text { max-width: 100%;}
.form__group { margin-top: 33px;}
.form__gender { width: calc(33.333% - 13px); height: auto;}
.form__gender.male label img { width: 44.2px;}
.form__gender.couple label img { width: 52.5px;}
.form__gender.female label img { width: 36.9px;}
.form__gender label { text-align: center; padding: 9.5px 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s;}
.form__gender label img { height: 52.5px;}
.form__gender label span { font-size: 14px; font-weight: 400; margin-top: 8.5px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;}
.form__gender input:checked + label, .form__gender input:hover + label { border: none; background-color: rgba(173, 29, 13, 0.4); -webkit-box-shadow: 0 8px 20px rgba(78, 64, 64, 0.1); box-shadow: 0 8px 20px rgba(78, 64, 64, 0.1);}
.form__gender input:checked + label span, .form__gender input:hover + label span { color: #fff;}
.form__block { overflow: hidden; padding-top: 0; margin-top: 0;}
.form__block p { font-weight: 500; font-size: 16px; margin-top: 0; margin-bottom: 8px; line-height: 20px;}
.form__block.invalid-input { position: relative;}
.form__block.invalid-input .input-error { position: absolute; top: 0; left: 10px; right: auto; margin-top: 0; max-width: 60%;}
.form__block.invalid-input label { max-width: 100%;}
.form__box { display: inline-block; width: calc(36.3% - 9.3px);}
.form__box:nth-of-type(2) { margin-right: 11px; margin-left: 11px;}
.form__box:nth-of-type(1) { width: calc(27% - 9.3px);}
.form__item { margin-bottom: 24px;}
.form__item label { display: block; font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 0;}
.form__item input, .form__item select { height: 50px; line-height: 50px;}
.form__item select { cursor: pointer;}
.form__item textarea { height: 115px;}
.form__line { position: relative;}
.form__line.invalid-input + .drop-down select { border: 1px solid #fe5858!important;}
.form__bottom { position: relative; background-color: unset; z-index: 0;}
.form__btn.btn { width: calc(50% - 5px); line-height: 18px; vertical-align: middle; padding-right: 10px; padding-left: 10px;}
.form__btn.btn--white { margin-left: 5px;}
a.form__btn.btn--white { line-height: 48px;}
.form__registrate { display: none;}
.form__forgot { transform: translateY(calc(42px + 50%)); margin-top: 0; max-width: 45%; margin-left: auto; position: relative; z-index: 2;}
.popup-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5;}
.popup-info__close { display: block; text-align: initial; margin: -5px 0 5px -10px;}
.popup-info__close .close-btn { display: inline-block; position: relative;}
.popup-info__body { background-color: rgba(28, 25, 25, 0.66); height: 100%; width: 100%;}
.popup-info__content { position: absolute; top: 26%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 399px; margin: 0 auto; background-color: #fff; border: 1px solid #eae4e4; border-radius: 10px; padding: 23px 28px; text-align: center;}
#skipSignupPopup .popup-info__content { width: 470px;}
.popup-info__content .login__close-btn.arrow { display: none;}
.popup-info__title { font-weight: 500; font-size: 16px; line-height: 22px; margin-bottom: 23px;}
.popup-info__text { margin-top: 0; margin-bottom: 40px;}
.popup-info__btns a, .popup-info__btns button { height: 40px; line-height: 40px; font-weight: 500; font-size: 14px; padding: 0 22px;}
.popup-info__later { margin-left: 9px;}
.add-photo { height: 100%; padding-top: 90px;}
.add-photo__content { max-width: 634px; padding: 64px 15px; margin: 0 auto; text-align: center;}
.add-photo__arrow::after { border-color: #6b6666;}
.add-photo__title { margin: 42px 0 8px; font-weight: 700; font-size: 18px; line-height: 20px;}
.add-photo__text { font-size: 16px; line-height: 23px; color: #807373;}
.popup-photo { overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 25, 25, 0.66); z-index: 16; text-align: center;}
.popup-photo::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.popup-photo__body { display: inline-block; vertical-align: middle;}
.popup-photo__content { margin: 10px 0; padding: 38px 24px; text-align: center; width: 567px; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.popup-photo__title { font-weight: 700; font-size: 20px; line-height: 20px;}
.popup-photo__slider { margin: 28px auto 18px; max-width: 320px;}
.popup-photo__text { font-size: 16px; line-height: 23px; color: #807373; max-width: 454px; margin: 0 auto;}
.popup-photo__form .form-photo__dragging { padding: 62px 0; margin: 33px 0;}
.page { text-align: initial;}
.input-error { float: right; text-align: right; max-width: 65%; margin-top: 0;}
.invalid-input label { max-width: 35%;}
.close-btn { padding: 0 7.5px; background-color: #eae4e4; cursor: pointer; border-radius: 50%; line-height: 28px; font-size: 17px; font-weight: 700; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.close-btn:hover { background-color: #ddd7d7;}
.btn { width: auto; font-size: 16px; line-height: 48px; height: 48px;}
.btn--white { color: #272727; border: 1px solid #eae4e4;}
.checkboxes { overflow: auto; background-color: #ffffff; -webkit-box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); border-radius: 10px;}
.checkboxes.checkboxes--single { -webkit-box-shadow: none; box-shadow: none;}
.checkboxes.checkboxes--single label { padding-right: 0; padding-left: 0;}
.checkboxes.checkboxes--single label:hover { background-color: transparent;}
.checkboxes label { padding-right: 18px; padding-left: 18px; margin-bottom: 0; line-height: 19px; max-width: 100%;}
.checkboxes label span { width: 19px; height: 19px; margin-right: 9px;}
.checkboxes label span::after { width: 10.9px; height: 8.5px;}
.checkboxes label:hover { background-color: #f5f3f3;}
.checkboxes label p { width: calc(100% - 28px);}
.dots span { width: 12px; height: 12px; margin-right: 5px;}
.multiple-range { margin-top: 16px; margin-bottom: 10px;}
input.input-range { margin-top: 16px;}
.main { padding: 108px 10px 80px;}
.main-right { display: block; margin-bottom: 100px; float: left; width: 231px; margin-right: 4px;}
.menu { border: 1px solid #eae4e4; border-radius: 10px; padding: 22px 20px; position: relative; z-index: 0;}
.menu a { text-align: left; display: block; font-size: 15px; line-height: 20px; color: #272727; margin-bottom: 26px;}
.menu a:nth-child(1n+6) { display: block;}
.menu a:last-child { margin-bottom: 0;}
.menu a::before { vertical-align: bottom; width: 21px; height: 21px; margin-right: 11px; background-size: cover; transition: ease 100ms; -o-transition: ease 100ms; -moz-transition: ease 100ms; -webkit-transition: ease 100ms;}
.menu a.menu__today::before { height: 25px;}
.main-left { float: right; width: calc(100% - 235px);}
.main-left__content { padding-left: 14px;}
.users__item { padding-right: 15px; padding-left: 15px;}
.users__card .user-photo { margin-right: 6px;}
.users__card .user-photo__cover { width: 65px; height: 65px;}
.users__info { width: calc(100% - 71px);}
.users__text { margin-bottom: 12px;}
.users__nickname a { font-size: 16px; line-height: 19px;}
.users__nickname, .users__text span { width: calc(100% - 30px);}
.users__single { width: 18px; height: 18px;}
.users__two { width: 24px; height: 24px; margin-right: 6px; padding: 6.5px 0;}
.users__filters span { font-size: 14px; line-height: 17px; padding: 7px 9px;}
.users__filters span.users__available { height: 33px;}
.users__filters span.users__age-man, .users__filters span.users__age-woman { background-size: 15px 15px; background-position: 31px center;}
.users__btns { margin-top: 24px;}
.users__favorite { width: 46px; height: 37px;}
.users__send { background-color: transparent; color: #ad1d0d; font-size: 14px; height: 37px; padding: 0 14px;}
.users__send:hover { background-color: #dfdede5f;}
.users--big .profile-top__wrap { width: 100%; margin-right: 0;}
.users--big .profile-top__dots { display: block;}
.users--big .profile-top__photo { height: 270px;}
.users--big .profile-top__item.locked .private-photo { padding-top: 84px;}
.users--big .profile-top__box { width: 100%; float: none; margin-right: 0; margin-left: 0;}
.users--big .profile-top__location { margin-right: 0; margin-left: 0; width: 100%;}
.users--big .profile-top__status { width: 100%;}
.users--slider .users__box { border-spacing: 12px 0; margin: 0 -12px;}
.users--slider .users__card { width: 220px;}
.users--slider img.users__single { padding: 3px 0;}
.users--slider .users__text { margin: 9px 0 13px;}
.users--slider .users__text img { display: block; margin: 2px auto 0;}
.users--line .users__item { padding: 24px 0 18px; position: relative;}
.users--line .users__card .user-photo__cover { width: 78px; height: 78px;}
.users--line .users__text { margin-bottom: 8px;}
.users--line .users__text span { margin-top: 4px;}
.users--line .users__info { width: calc(70% - 84px);}
.users--line .users__btns { width: calc(43% - 84px);}
.users__accept, .users__cancel { border: 1px solid #6b6666; border-radius: 5px; line-height: 35px; width: 99px; padding: 0; float: right; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.users__accept:hover, .users__cancel:hover { background-color: rgb(239, 238, 238);}
.users__accept, .users__cancel.active { border-color: #ad1d0d;}
.users button.users__accept { margin-left: 14px; margin-bottom: 8px;}
.popup-verification__content { width: 676px; max-width: 100%; padding: 30px 49px;}
.popup-verification button.btn { width: 100%;}
.popup-verification .popup-verification__close { top: 28px; left: 28px; width: 28px;}
.popup-verification__title { font-weight: 700; font-size: 20px; line-height: 20px;}
.popup-verification__info { margin-top: 23px;}
.popup-verification__info p { margin-right: 10px; margin-left: 10px; line-height: 24px;}
.popup-verification__info p span { font-size: 13px; line-height: 24px; width: 24px; margin-right: 6px; vertical-align: middle;}
.popup-verification__slider { margin: 43px 0 24px;}
.popup-verification__slider .slider__block { width: 460px;}
.popup-verification__slider .slider__item { width: 460px;}
.popup-verification__slider .slider__item .slider__cover:nth-child(2) { margin-left: 24px;}
.popup-verification__slider .slider__cover { width: 218px;}
.popup-verification__slider .arrow { width: 34px;}
.popup-verification__form .form-photo__dragging { padding: 52px 0; margin-top: 17px;}
.popup-verification button.form-photo__btn { width: 248px; margin-top: 30px; margin-bottom: 10px;}
.popup-verification--email .popup-verification__content, .popup-verification--phone .popup-verification__content { text-align: center; width: 534px;}
.popup-verification--email .popup-verification__text, .popup-verification--phone .popup-verification__text { margin: 12px 0 34px; font-size: 16px; line-height: 22px;}
.popup-verification--phone .popup-verification__content { padding: 34px 69px;}
.popup-verification--email .popup-verification__content { padding: 34px 69px 19px;}
.popup-verification--email .popup-verification__title { display: block;}
.popup-verification--email .popup-verification__resend { margin-top: 18px;}
.popup-verification__input { border: 1px solid #d4d4d4; line-height: 49px; height: 49px; padding: 0 18px;}
.popup-verification__send { margin-top: 18px;}
.popup-verification--sent .popup-verification__content { text-align: center; width: 382px; padding: 34px 57px;}
.popup-verification--sent .btn { padding-right: 0; padding-left: 0; width: 100%;}
.popup-verification--sent .popup-verification__title, .popup-verification--code .popup-verification__title { font-size: 20px;}
.popup-verification--sent .home-indicator, .popup-verification--end .home-indicator { display: none;}
.popup-verification--code .popup-verification__close { display: block;}
.popup-verification--code .popup-verification__content { padding: 34px 67px 14px;}
.popup-verification--code .popup-verification__content, .popup-verification--end .popup-verification__content { width: 412px;}
.popup-verification__code { margin-top: 42px; margin-bottom: 14px;}
.popup-verification__block { margin-bottom: 17px;}
.popup-verification__block p { font-size: 16px; margin: 4px 0 6px;}
.popup-verification--congrat .popup-verification__content { max-width: 100%; width: 348px; padding: 22px 18px;}
.popup-verification--congrat .popup-verification__title { padding: 0; font-size: 16px; line-height: 19px; margin-bottom: 42px;}
.popup-verification--congrat a { font-weight: 700; color: #fff; background: #ad1d0d; border: 1px solid #ad1d0d; border-radius: 5px; line-height: 50px;}
.popup-verification--congrat a:hover { background-color: #981a0c;}
.popup-verification--congrat .popup-verification__title, .popup-verification--end .popup-verification__title { font-weight: 500;}
.popup-verification--end .popup-verification__content { padding-top: 42px; padding-bottom: 42px;}
.popup-verification--end .popup-verification__text { margin-bottom: 42px;}
.popup-verification--end .btn { width: 100%; height: 60px; line-height: 60px; font-size: 18px;}
.filters__form.short .collapsed { display: none;}
.filters__form.short .filters__item:nth-child(2) { border-top: none;}
.filters__form { padding: 0 14px 0 18px;}
.filters__item, .filters__box { transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.filters__item.collapsed, .filters__box.collapsed { height: 0; opacity: 0; padding: 0; margin: 0;}
.filters__item label { font-size: 15px; line-height: 18px; margin-bottom: 12px;}
.filters__item .filters__item { border-color: #faf7f7; border-style: solid; border-width: 1px 0;}
.filters__line p { font-size: 15px; line-height: 18px; margin: 0;}
.filters__line label img { margin-right: 7px;}
.filters__box { margin-bottom: 18px;}
.filters__box .drop-down__container { top: 47px;}
.filters__box .checkboxes label { padding-right: 12px;}
.filters__select { position: relative; cursor: pointer; border: 1px solid #eae4e4; border-radius: 10px; overflow: hidden;}
.filters__select select, .filters__select input { cursor: pointer; border: transparent; width: 100%; font-size: 15px; color: #272727; height: 39px; line-height: 39px; padding-right: 40px; padding-left: 40px; background-color: #ffffffe2;}
.filters__select img { position: absolute; top: 50%; left: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.filters__select.icon--arrow::before { top: 40%;}
.filters__buttons { position: relative; margin: 0; width: 100%; padding-top: 18px;}
.filters__buttons button { font-weight: 500; line-height: 40px; height: 40px; padding: 0; width: calc(50% - 8px);}
.filters__buttons .btn--white { margin-left: 12px;}
.filters.variation .filters__buttons { border-top: 1px solid #eae4e4;}
.search { display: block !important; position: relative; padding: 0; margin-top: 14px; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.search__content { padding: 0;}
.search__top { padding: 17px; border-bottom: 1px solid #eae4e4; text-align: left; margin: 0;}
.search__top img { display: block; width: 18px; height: 18px; float: right;}
.search__title { position: relative; top: auto; left: auto; font-size: 18px; line-height: 21px;}
.search__close, .search__clear { display: none;}
.search__filters { border: none;}
.home-right__filters { display: block !important; margin-top: 14px;}
.home-right__filters .filters-top { display: none;}
.home-right__filters .filters { padding-bottom: 29px;}
.home-right__filters .filters__detail { display: none;}
.home-right__filters .popup-search__title { display: none;}
.home-right__filters .popup-search__buttons { display: none;}
#filterClear { display: inline-block;}
.custom-checkboxes label { margin: 0 4px 14px;}
.custom-checkboxes label span { background-color: #f5f0f0; color: #6b6666; padding-right: 12px; padding-left: 12px;}
.notifications { position: absolute; width: 380px; height: 544px; top: 58px; right: 0; left: auto; -webkit-box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); border-radius: 10px;}
.notifications--msg { right: 40px}
.notifications__body { background-color: #fff;}
.notifications__top { margin-top: 0; margin-bottom: 14px; padding-bottom: 18px; border-bottom: 1px solid #eae4e4;}
.notifications__top button { top: calc(50% - 9px);}
.notifications__subtitle { margin-bottom: 0;}
.notifications__section { margin-bottom: 14px;}
.notifications__section:last-child .notifications__item:last-child { background-image: none;}
.notifications__box { background-color: transparent; border: none; border-radius: 0;}
.notifications__item { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px; background-size: calc(100% - 36px) 1px;}
.notifications__item:last-child { background-image: linear-gradient(#eae4e4,#eae4e4);}
.notifications__item.paused::after { font-size: 17px; line-height: 20px; padding: 10px; max-width: 80%;}
.notifications--msg .notifications__column:nth-child(3) { width: calc(100% - 87px);}
.notifications__column .user-photo { margin-right: 6px;}
.notifications__column .user-photo__cover { width: 48px; height: 48px;}
.notifications__photo { width: 48px; height: 48px; margin-left: 25px;}
.notifications__column .notifications__text { margin-left: 6px;}
.notifications__event { margin-bottom: 2px;}
.notifications__btns { margin: 16px 0 7px 80px;}
.notifications--msg .notifications__btns { margin-left: 92px;}
.notifications__btns button, .notifications__btns button + a { max-width: calc(50% - 8px);}
.notifications__btns button, .notifications__btns a { font-size: 14px;}
.notifications__btns .btn { margin-right: 12px;}
.notifications__more { margin-bottom: 9px;}
.form-photo .invalid-input label { max-width: 100%;}
.form-photo__dragging { background-color: #f3f0f0; border: 1px dashed #d4d4d4; border-radius: 10px; padding: 127px 0; margin: 42px 0;}
.form-photo__dragging.highlight { background-color: #ffeeeb; border: 1px dashed #8a8a8a;}
.form-photo__dragging .input-error { text-align: center; max-width: 100%; float: none;}
.form-photo__dragging span { font-weight: 300; font-size: 16px; line-height: 19px; color: #6b6666;}
.form-photo__box { margin-bottom: 9px;}
.form-photo__box label { font-weight: 400; font-size: 15px; white-space: nowrap;}
.form-photo__box label img { width: 22.16px; height: 20px; margin-left: 6px; vertical-align: middle;}
.form-photo__btn { width: 248px;}
.form-photo__later { display: block; margin-top: 15px; font-size: 16px; color: #807373; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s;}
.form-photo__later:hover { color: #5e5353;}
.image-preview img{ max-height: 35vh;}
.slider { position: relative;}
.slider__block { width: 211px;}
.slider__item { width: 211px;}
.slider__item:nth-child(1) .slider__sheet { left: 67px; max-width: 91px; top: 20px; height: 150px;}
.slider__item:nth-child(1) .slider__sheet:nth-child(3) { left: 299px;}
.slider__item:nth-child(1) .slider__box { margin-bottom: 15px;}
.slider__item:nth-child(2) .slider__cover:nth-child(1) .slider__sheet { top: 20px; width: 141px; left: 42px; height: 204px;}
.slider__item:nth-child(2) .slider__cover:nth-child(1) .slider__user-info span { font-size: 11px; line-height: 18px;}
.slider__item:nth-child(2) .slider__cover:nth-child(1) .slider__user-info p { font-size: 15px; line-height: 18px;}
.slider__item:nth-child(2) .slider__cover:nth-child(1) .slider__box { margin-bottom: 38px;}
.slider__item:nth-child(2) .slider__cover:nth-child(2) .slider__sheet { left: 37px; top: 122px; width: 135px; height: 102px;}
.slider__item:nth-child(2) .slider__cover:nth-child(2) .slider__box { margin-bottom: 12px; -webkit-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg);}
.slider__img { max-height: 284px;}
.slider__btns .arrow { position: absolute; top: calc(50% - 32px); transition: background-color 0.4s; -o-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -webkit-transition: background-color 0.4s;}
.slider__btns .arrow:hover{ background-color: #ccc6c6;}
.slider__left { left: 0;}
.slider__right { right: 0;}
.slider__right::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 10px;}
.slider__dots { cursor: default;}
.slider__correct, .slider__wrong { width: 32px; height: 32px; bottom: -16px; left: calc(50% - 16px);}
.slider__correct { background-size: 13.89px 10.83px;}
.slider__wrong { font-size: 15px; line-height: 32px;}
.slider__user-info span { font-size: 10px; line-height: 17px;}
.slider__user-info p { font-size: 15px; line-height: 17px;}
.profile { padding: 0;}
.profile__box { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; margin-top: 0; margin-bottom: 12px; padding: 18px 18px 28px;}
.profile__box .btn { padding-left: 47px; padding-right: 47px;}
.profile__title { font-size: 24px; line-height: 28px;}
.profile__subtitle { line-height: 22px; margin: 12px auto 32px;}
.profile-paused { top: 198px; font-size: 21px; line-height: 30px;}
.content--table { display: table; border-spacing: 12px; border-collapse: separate; margin: -12px; width: calc(100% + 24px);}
.content__row { display: table-row;}
.content--table .content__container { width: 50%; display: table-cell; vertical-align: bottom;}
.content__title { display: none;}
.content__item.story .content__text { margin-right: -18px; padding-right: 18px;}
.content__container { overflow: hidden; padding: 18px;}
.content__top { margin-bottom: 12px;}
.content__block { display: block;}
.content__subtitle { font-size: 18px; line-height: 21px; margin: 19px 0 12px;}
.content--table .content__subtitle { margin-top: 0;}
.content--table .content__subtitle:nth-child(1) { top: 18px; left: 18px; right: 18px;}
.content__image { margin-left: -18px; margin-right: -18px;}
.content__text { margin: 18px 0; padding: 0;}
.content__text label { padding-right: 18px; right: 1px;}
.content__bottom { margin: 0; padding: 18px 0 0;}
.content__action span { display: inline-block;}
.content .profile-tabs__empty { margin-top: -2px;}
.content .profile-tabs__empty img { margin-bottom: 14px;}
.story-categories { margin-bottom: 10px; padding-top: 10px;}
.profile-popup { top: 0; background-color: rgba(28, 25, 25, 0.66); overflow-y: auto; overflow-x: hidden;}
.profile-popup__body { position: absolute; top: 27%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 492px; height: auto;}
.profile-popup__content { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 23px 18px 19px;}
.profile-popup__close { font-size: 18.4px; line-height: 14px; padding: 10px; top: 18px; left: 18px;}
.profile-popup__title { display: block;}
.profile-popup__form textarea { height: 173px;}
.profile-popup__box { border-width: 1px 0 0 0; border-radius: 0; margin: 23px 0 18px; padding: 18px 0 0;}
.profile-popup__user { margin-bottom: 18px;}
.profile-popup__sex { width: 26px; height: 26px; margin-top: 7px;}
.profile-popup .btn { width: 100%;}
.available__top { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 18px 32px 20px;}
.available__top .btn { margin-top: 28px; max-width: 339px; width: 100%;}
.available__top .available__text { line-height: 22px;}
.available__title { margin-bottom: 12px; font-size: 24px; line-height: 28px;}
.available-post { top: 0; background-color: rgba(28, 25, 25, 0.66); overflow-y: auto; overflow-x: hidden; padding: 0; text-align: center; white-space: nowrap; z-index: 16;}
.available-post::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.available-post__body { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 23px 18px 19px; max-width: 616px; margin: 10px 16px; width: 100%; display: inline-block; vertical-align: middle; position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
.available-post__content { white-space: normal;}
.available-post__content .close-btn { top: 18px; left: 18px;}
.available-post__box { border-top: 1px solid #eae4e4; margin: 23px 0 0; padding: 18px 0 0;}
.available-post__item { width: 139px; height: 161px; margin-left: 2px; margin-right: 2px;}
.available-post__item label { padding-top: 20px; padding-left: 16px; padding-right: 16px;}
.available-post__item label p { font-weight: 500; font-size: 15px; line-height: 18px; bottom: 24%;}
.available-post__item input:checked + label p, .available-post__item:hover label p { bottom: calc(24% - 2px);}
.available-post__item:nth-child(1) label img { height: 48px;}
.available-post__item:nth-child(2) label img { height: 53.6px;}
.available-post__item:nth-child(3) label img { height: 51.5px;}
.available-post__item:nth-child(4) label img { height: 60.21px;}
.available-post__row { margin-bottom: 15px;}
.available-post__inputs textarea { height: 173px;}
.available-post__inputs .btn { width: 100%;}
.available-post__inputs .form__item { margin-bottom: 24px;}
.available-post__inputs .form__item select { cursor: pointer;}
.available-post__inputs .form__row { clear: both;}
.today-description.invalid-input .input-error { margin-top: 0;}
.messages--chat { position: relative; top: 0;}
.messages { border: 1px solid #eae4e4; border-radius: 10px; overflow: hidden; margin-bottom: 0; height: calc(100vh - 188px);}
.messages__drop-down { position: absolute; z-index: 2; right: 9px; top: 45px; background-color: #ffffff; -webkit-box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); box-shadow: 0 3px 19px rgba(44, 38, 38, 0.1); border-radius: 10px; width: 116px; padding-top: 11px; padding-bottom: 11px;}
.messages__drop-down button, .messages__drop-down a { width: 100%; padding: 7px 18px; text-align: left;}
.messages__drop-down a { display: block; color: #272727;}
.messages__drop-down button:hover, .messages__drop-down a:hover { background-color: #f5f3f3;}
.chat__top { position: relative; padding: 13px 17px 10px 18px;}
.chat__top .messages__drop-down { display: none; top: 66px; width: 179px;}
.chat__top .messages__drop-down button:last-child { color: #ad1d0d;}
.chat__options { width: 26px; height: 26px; font-size: 19px; line-height: 26px; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; border-radius: 5px;}
.chat__options:hover { background-color: rgb(239, 238, 238);}
.chat__card.users .users__card .user-photo__cover { width: 34px; height: 34px;}
.chat__card .user-photo.online:not(.verified)::after, .chat__card .user-photo.online-recently:not(.verified)::after { width: 13px; height: 13px;}
.chat__card.users .users__card .user-photo.verified::after, .chat__card.users .users__card .user-photo.pending::after { width: 14px; height: 14px;}
.chat__card.users .users__card .user-photo.verified::after { background-size: 12.8px 11.8px;}
.chat__card.users .users__card .user-photo.pending::after { font-size: 14px; line-height: 12px;}
.chat__card.users .users__info { width: calc(100% - 34px);}
.chat__card.users .users__text { margin-bottom: 0;}
.chat__card.users .users__text img { width: 21px; height: 21px; margin-top: 7px;}
.chat__card.users .users__nickname, .chat__card.users .users__text span { width: calc(100% - 33px);}
.chat__card.users .users__nickname a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.chat__card.users .users__text span { margin-top: 1px;}
.chat__card.users .users__text span.chat__write { font-weight: 400;}
.chat__card.users .users__filters { display: none;}
.chat__bottom button { font-weight: 500;}
.chat__bottom textarea { font-weight: 400; max-height: calc(17px * 7);}
.chat__bottom label { transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; border-radius: 7px;}
.chat__audio { transition-property: width, background-color; -o-transition-property: width, background-color; -moz-transition-property: width, background-color; -webkit-transition-property: width, background-color; transition-duration: 0.1s, 0.2s; -o-transition-duration: 0.1s, 0.2s; -moz-transition-duration: 0.1s, 0.2s; -webkit-transition-duration: 0.1s, 0.2s; border-radius: 7px;}
.chat__bottom label:hover, .chat__audio:hover { background-color: rgb(224, 224, 224);}
.chat__bottom.disabled::after { top: 14px;}
.chat__messages { height: calc(100% - 123px); margin: 0;}
.chat__garbage { width: 30px; height: 30px; margin-right: 15px; margin-left: 8px;}
.chat__audio-send { margin-left: 20px; margin-right: 8px;}
.chat__item { margin-bottom: 16px;}
.chat__item span { font-size: 14px; line-height: 17px;}
.chat__item .user-photo__cover { width: 34px; height: 34px;}
.chat__item.message { padding-right: 42px;}
.chat__item.response { padding-left: 42px;}
.chat__item.response .chat__wrap p { max-width: 100%; padding: 14px;}
.chat__wrap .message { max-width: min(70%, 640px);}
.chat-voice { max-width: 280px;}
.chat__empty { margin-top: 89px;}
.player { padding-right: 15px; padding-left: 15px;}
.player__play button { margin-right: 9px;}
.player__rec { height: 16px; overflow: hidden;}
.player__rec img { object-fit: contain; height: auto; transform: scale(2, 1);}
.player__time { padding-left: 15px;}
.popup-media { background-color: rgba(28, 25, 25, 0.8);}
.popup-media__body { height: auto;}
.popup-media__content { white-space: normal; margin-right: 15px; margin-left: 15px; padding-left: 88px; padding-right: 88px; position: relative;}
.popup-media__top { position: relative; overflow: hidden; margin-bottom: 8px; background-color: initial; padding: 0;}
.popup-media__top .media-info { float: right; text-align: right; background-color: initial; position: relative; padding: 0; width: auto;}
.popup-media__top .media-box { position: absolute; left: 50%; top: 8.5px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.popup-media__close { left: 0; top: 8px;}
.popup-media__slider { padding-top: 0; height: auto;}
.popup-media__wrapper { text-align: center; position: relative; -webkit-transform: none; -ms-transform: none; transform: none; top: auto;}
.popup-media__image { width: calc(100vw - 206px); max-width: calc(1067px - 206px);}
.popup-media__image img { border-radius: 10px; overflow: hidden;}
.popup-media__btn { display: block; position: absolute; top: 50%; height: 67%; max-height: 363px; width: 43px; -webkit-box-shadow: 0 4px 13px rgba(22, 18, 18, 0.14); box-shadow: 0 4px 13px rgba(22, 18, 18, 0.14); border-radius: 5px; background: url("/images/icons/arrow-left-white.svg") center center/11px 21px no-repeat, rgba(89, 87, 87, 0.85); transition: background-color 0.4s; -o-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -webkit-transition: background-color 0.4s;}
.popup-media__btn:hover { background-color: rgb(79, 76, 76, 93%);}
.popup-media__btn:first-of-type { left: -87px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.popup-media__btn:last-of-type { right: -87px; -webkit-transform: translateY(-50%) rotateY(180deg); transform: translateY(-50%) rotateY(180deg);}
.photo-send::after { vertical-align: middle;}
.photo-send__body { vertical-align: middle; max-width: 800px;}
.photo-send__content { margin-right: 30px; margin-left: 30px; border-radius: 12px; padding: 30px 50px;}
.photo-send__photo { margin-bottom: 18px;}
.photo-send__buttons { padding-left: 0; padding-right: 0; text-align: left;}
.photo-send__buttons .btn { width: 150px;}
.dropdown-menu { top: 18px; right: 18px;}
.dropdown-menu__btn { width: 31px; height: 31px; padding: 0 6px;}
.dropdown-menu__btn span { height: 4px; width: 4px;}
.edit-btn { display: inline-block; width: 24px; height: 24px; vertical-align: text-bottom; margin-left: 12px; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.edit-btn:hover { background-color: rgb(241, 240, 240);}
.edit-btn img { width: 100%; height: 100%;}
button.edit-btn { line-height: 0;}
.edit-profile { display: none;}
.edit-profile--mob { display: block;}
.edit-profile--mob .close-btn { display: inline-block;}
.edit-profile--mob .form-photo__dragging { border: none; padding-top: 0; padding-bottom: 0;}
.edit-profile--mob .edit-profile__btn { width: 100%;}
.edit-profile__column { display: inline-block; vertical-align: middle;}
.edit-profile__column label { font-size: 16px;}
.edit-profile__item { margin-bottom: 18px;}
.edit-profile__item input, .edit-profile__item select, .edit-profile__item textarea { background-color: #f3f0f0; border: 1px solid #d4d4d4; font-size: 16px; color: #6b6666; width: 100%;}
.edit-profile__item input, .edit-profile__item select { border-radius: 10px; height: 43px; line-height: 43px; padding-left: 12px;}
.edit-profile__item select { padding-right: 30px; cursor: pointer; color: #ad1d0d;}
.edit-profile__item textarea { line-height: 19px; border-radius: 15px; resize: none; padding: 14px; height: 85px;}
.edit-profile__item.white select { background-color: #fff; border-color: #eae4e4;}
.edit-profile__item .icon--arrow::before { right: 12.6px; top: calc(50% - 3.8px);}
.edit-profile__item .icon--search::before { right: 14px; top: calc(50% - 7px);}
.edit-profile__item .icon--search input { padding-left: 40px; padding-right: 10px;}
.edit-profile__btns { width: 260px;}
.edit-profile__btns button { padding: 0; width: calc(50% - 5px); line-height: 40px; height: 40px; font-weight: 500; font-size: 14px;}
.edit-profile__btns button:last-child { margin-left: 6px;}
.edit-profile__box { display: inline-block; width: calc(36.3% - 8px);}
.edit-profile__box:first-child { width: 27.4%;}
.edit-profile__box:nth-child(2) { margin-left: 4.5px; margin-right: 4.5px;}
.edit-profile .checkboxes label { padding-left: 12px;}
.profile-top { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 10px 10px 0;}
.profile-top__photo { margin: 0; height: 394px; overflow: hidden;}
.profile-top__dots { display: none;}
.profile-top__wrap { overflow: hidden; margin-right: 10px; float: left; width: calc(80% - 10px); height: 100%;}
.profile-top__main { height: 100%; position: relative;}
.profile-top__mini { display: block; float: right; width: calc(20% - 2px); margin-right: 2px; height: 100%; position: relative; overflow: hidden;}
.profile-top__mini:hover .profile-top__arrow { height: 31px;}
.profile-top__mini:hover .profile-top__arrow::after { opacity: 1; visibility: visible;}
.profile-top__cover { height: 100%; direction: rtl; background-color: #fff; padding-left: 5px; overflow-y: scroll; scrollbar-color: #eae4e4 #fff; scrollbar-width: thin;}
.profile-top__cover::-webkit-scrollbar { width: 4px;}
.profile-top__cover::-webkit-scrollbar-track { background-color: #fff;}
.profile-top__cover::-webkit-scrollbar-thumb { background-color: #eae4e4; border-radius: 2px;}
.profile-top__item { width: 100%;}
.profile-top__item.locked .private-photo { padding-top: 146px;}
.profile-top__item.locked .private-photo img { width: 32.6px; height: 41px;}
.profile-top__item.locked .private-photo p { margin-top: 12px;}
.profile-top__item.private::after, .profile-top__image.private::after { content: ''; background: url("/images/icons/lock.svg") 0 0/contain no-repeat; position: absolute;}
.profile-top__item.private::after { width: 25px; height: 25px; top: 21px; right: 57px;}
.profile-top__dots + .profile-top__wrap .profile-top__item.private::after { right: 20px;}
.profile-top__image.private::after { width: 20px; height: 20px; top: 7px; right: 4px;}
.profile-top__block { height: 100%; width: 100%; background-color: #f3f0f0;}
.profile-top__images { background-color: #fff;}
.profile-top__image { width: 100%; margin-bottom: 11px; height: 101px; cursor: pointer; position: relative;}
.profile-top__image.add { background-color: #ad1d0d; text-align: center; display: block; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.profile-top__image.add:hover { background-color: #981a0c;}
.profile-top__image.add img { margin-top: 31px; width: 40.36px; height: 37px;}
.profile-top__image.add input { display: none;}
.profile-top__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.profile-top__image.active { border: 2px solid #ad1d0d;}
.profile-top__image.locked .private-photo { padding-top: 36px;}
.profile-top__image.locked .private-photo img { width: 22.3px; height: 28px;}
.profile-top__images > .profile-top__image:last-child { margin-bottom: 0;}
.profile-top__info { margin-top: 0; border: none; padding: 32px 8px 32px;}
.profile-top__info.edit { overflow: visible;}
.profile-top__info.edit .profile-top__box { margin-bottom: 0; width: calc(100% - 88px);}
.profile-top__info.edit .profile-top__btns { width: auto; position: absolute; right: 8px; top: 44px;}
.profile-top__info.edit .profile-top__edit, .profile-top__info.edit .profile-top__add { display: none;}
.profile-top__info.edit .edit-profile__text { margin-top: 0; max-width: calc(100% - 88px);}
.profile-top__box { margin-bottom: 10px;}
.profile-top__btns .edit-btn { height: 24px;}
.profile__open { max-height: 18px; width: 33px; margin-left: 15px;}
.profile__open:hover { background-color: rgb(241, 240, 240);}
.profile__open.tooltip::before { left: auto; right: 0; top: -30px;}
.profile__open span { display: none;}
.profile__open img { display: block; width: 100%; height: 100%;}
.profile-top__name { margin-bottom: 8px; float: right; width: 100%;}
.profile-top__name span, .profile-top__name a { font-size: 20px; line-height: 24px;}
.profile-top__name img { margin-left: 5px;}
.profile-top__available { width: 28.4px; height: 23px;}
.profile-top__verified { width: 24px; height: 23px;}
.profile-top__sex { width: 22px; height: 24px;}
.profile-top__location p, .profile-top__status span { font-size: 15px; line-height: 20px;}
.profile-top__location { margin-bottom: 5px; float: left; margin-right: 14px;}
.profile-top__location p { width: calc(100% - 24px);}
.profile-top__location img { width: 18px; height: 20px;}
.profile-top__status { float: left;}
.profile-top__status span { width: calc(100% - 30.93px);}
.profile-top__status img { width: 24.93px; height: 21.75px;}
.profile-top__mail { font-weight: 500;}
.profile-top__mail span, .profile-top__add span, .profile-top__edit span, .profile-top__access { font-size: 13px;}
.profile-top__favorite span { display: none;}
.profile-top__arrow { display: block; position: absolute; left: 50%; width: 31px; background-color: rgba(13, 13, 13, 0.8); border-radius: 5px; height: 0; -webkit-transition: height 0.3s ease-out; -o-transition: height 0.3s ease-out; -moz-transition: height 0.3s ease-out; transition: height 0.3s ease-out;}
.profile-top__arrow::after { content: ""; width: 8.7px; height: 15.3px; display: inline-block; background: url("/images/icons/arrow-left-white.svg") center center/contain no-repeat; vertical-align: middle; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-out 0.1s; -moz-transition: opacity 0.3s ease-out 0.1s; -o-transition: opacity 0.3s ease-out 0.1s; transition: opacity 0.3s ease-out 0.1s;}
.profile-top__arrow:hover { height: 31px;}
.profile-top__arrow:hover::after { opacity: 1; visibility: visible;}
.profile-top__arrow.down { top: 355px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.profile-top__arrow.up { bottom: 355px; -webkit-transform: translateX(-50%) rotate(180deg); -ms-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg);}
.profile-top .edit-profile__btns { margin-left: 111px;}
.profile-top .edit-profile__column:first-child { width: 111px;}
.profile-top .edit-profile__column:last-child { width: 260px;}
.edit-profile__column .input-error { max-width: 100%; width: 100%;}
.profile-tabs__buttons { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; margin-top: 12px; margin-bottom: 12px; padding: 18px 10px 0;}
.profile-tabs__btn { width: 19.6%;}
.profile-tabs__btn.active::after { margin-top: 12px;}
.profile-tabs__btn:nth-child(2) { margin: 0 19.6%;}
.profile-tabs__content { padding-top: 12px;}
.profile-tabs__empty { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; padding: 42px 20px;}
.profile-tabs__empty img { margin-bottom: 15px;}
.details__container { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; margin-bottom: 12px; padding: 18px 18px 18px 31px;}
.details__about { margin-bottom: 0;}
.details__title { display: inline-block; line-height: 24px;}
.details__text { border: none; padding: 0;}
.details__features { margin-bottom: 0;}
.details__features:nth-child(2) .edit-profile, .details__features:nth-child(3) .edit-profile { padding-top: 8px;}
.details__features:nth-child(2) .edit-profile__column:first-child, .details__features:nth-child(3) .edit-profile__column:first-child { width: 175px;}
.details__features:nth-child(2) .edit-profile__column:last-child, .details__features:nth-child(3) .edit-profile__column:last-child { width: calc(100% - 179px);}
.details__features:nth-child(4) .edit-profile__column:first-child { width: 227px;}
.details__features:nth-child(4) .edit-profile__column:last-child { width: calc(100% - 231px);}
.details__features:nth-child(5) .edit-profile__btns { margin-top: 4px;}
.features { margin-bottom: -14px;}
.features--green .features__item, .features--red .features__item { padding-right: 12px;}
.features__item { font-size: 16px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 14px;}
.features__item img { display: none;}
.features__item p { display: inline-block;}
.features__item span { color: #6b6666;}
.features--no-border .features__item { background-color: #f5f0f0; padding-top: 13px; padding-bottom: 13px;}
.features--no-border .features__item p { color: #272727;}
.private-photo p { margin-top: 12px;}
.home-left__users .user-photo.pending::after { width: 20.5px; height: 20.5px; font-size: 21px; line-height: 19px;}
.popup-request { display: none;}
.reviews__new .reviews__container { padding-right: 27%; padding-left: 27%;}
.reviews__container { padding: 18px 43px 18px 18px;}
.reviews__title { font-size: 18px; line-height: 25px; margin-right: auto; margin-left: auto;}
.reviews__btn { width: 100%;}
.reviews .profile-tabs__empty img { width: 48px; height: 43px;}
.home-right .filters__item:last-child { padding-bottom: 18px;}
.home-left__links { border: 1px solid #eae4e4; border-radius: 10px; padding-top: 18px; margin-bottom: 12px;}
.home-left__link:nth-child(n) { text-align: center; padding: 9px 37px;}
.home-left__requests_text { padding-right: 0;}
.home-left__favorites { border: 1px solid #eae4e4; border-radius: 10px; padding: 28px 0 28px 18px; position: relative; margin-bottom: 34px;}
.home-left__favorites .btn-arrow { background-color: rgba(13, 13, 13, 0.69); width: 28px; height: 28px; -webkit-box-shadow: none; box-shadow: none;}
.home-left__favorites .btn-arrow::after { width: 7.3px; height: 12.7px;}
.home-left__favorites .btn-arrow--right { right: 14.5px;}
.home-left__favorites .btn-arrow--left { left: 120px;}
.home-left__text { width: 102px; margin-right: 8px; padding-top: 15px;}
.home-left__text span { font-size: 14px; line-height: 17px; width: calc(100% - 26px);}
.home-left__text img { width: 20px; height: 20px; padding: 7px 0;}
.home-left__users { width: calc(100% - 110px);}
.home-left__users .user-photo { margin-right: 6px; margin-left: 6px;}
.home-left__users .user-photo__cover { width: 64px; height: 64px;}
.home-left__users .user-photo.online:not(.verified)::after, .home-left__users .user-photo.online-recently:not(.verified)::after { width: 20.5px; height: 20.5px;}
.home-left__users .user-photo.verified::after { width: 20.5px; height: 20.5px; background-size: 19.5px 18.5px; background-position: 0 center;}
.home-left__container { padding-left: 0;}
.home-left__title { margin-bottom: 14px;}
#filteredUsers .home-left__title { margin-top: 0;}
.home-left__interests, .home-left__results { padding-right: 0;}
.home-left__activity { padding-right: 0;}
.home-left__online, .home-left__nearby { margin-bottom: 34px;}
.home-left__nearby.empty { margin-right: 0;}
.home-left__line { overflow: hidden;}
.home-left__line .home-left__title { margin-bottom: 14px; text-align: initial; display: inline-block;}
.home-left__close { display: none;}
.home-left__visitors { padding: 0;}
.home-left__visitors .home-left__subtitle { display: none;}
.home-left__visitors .users__send { margin-left: 0;}
.home-left__visitors .users--line { background-color: #ffffff; border-radius: 10px; overflow: hidden;}
.home-left__visitors .users__item { padding-left: 18px; padding-right: 18px;}
.home-left__visitors .users--line .users__btns { width: auto;}
.home-left__visitors .users--line .users__info { width: calc(100% - 220px);}
.home-left__read_all { margin-right: 0; margin-bottom: 15px; font-size: 15px;}
.home-left__requests .tabs__title { display: none;}
.tabs { border-radius: 10px; padding: 37px 0;}
.tabs__link { font-size: 18px; padding-right: 18px; padding-left: 18px; margin-left: 15px; margin-right: 15px;}
.tabs__body { padding: 0 18px;}
.btn-arrow { display: block; width: 34px; height: 34px; background-color: rgba(107, 107, 107, 0.69); -webkit-box-shadow: 0 4px 13px rgba(22, 18, 18, 0.14); box-shadow: 0 4px 13px rgba(22, 18, 18, 0.14); border-radius: 5px; position: absolute; z-index: 1; top: 50%; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.btn-arrow::after { content: ""; width: 8.7px; height: 15.3px; display: inline-block; background: url("/images/icons/arrow-left-white.svg") center center/contain no-repeat; vertical-align: middle;}
.btn-arrow:hover { background-color: rgba(73, 73, 73, 0.69);}
.btn-arrow--left { left: -10px;}
.btn-arrow--right { right: -10px;}
.btn-arrow--right::after { -webkit-transform: rotateY(190deg); transform: rotateY(190deg);}
.popup-search::after { vertical-align: middle;}
.popup-search__body { vertical-align: middle; max-width: 700px;}
.popup-search__content { border-radius: 10px;}
.popup-search__buttons { margin-top: 20px; margin-bottom: 20px;}
.popup-search__buttons .btn { width: calc(50% - 5px);}
.popup-search__buttons .btn--white { margin-left: 6px;}
.settings__group { background: none; border: none; padding: 0;}
.settings { padding: 0;}
.settings__title { display: none;}
.settings__account .settings__column:first-child { width: 37%;}
.settings__account .settings__column:nth-child(2) { text-align: left; width: calc(63% - 55px); margin-left: 3px; margin-right: 20px;}
.settings__notification .settings__column:first-child { width: calc(100% - 145px);}
.settings__notification .settings__column:last-child { width: 139px; text-align: right;}
.settings__support .settings__designation { text-decoration: underline;}
.settings__container { padding-right: 18px; padding-left: 18px; margin-bottom: 12px;}
.settings__row.open .settings__designation { line-height: 41px;}
.settings__row.open .settings__edit { margin-top: 8.5px;}
.settings__column .input-toggle { display: none;}
.settings__subtitle { display: block;}
.settings__edit { width: 24px; height: 24px; background-image: url("/images/icons/edit_1.svg"); transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.settings__edit:hover { background-color: rgb(241, 240, 240); border-radius: 4px;}
.settings__radio { display: block;}
.settings__radio label { display: inline-block; cursor: pointer;}
.settings__radio label:first-child { margin-right: 25px;}
.settings__radio span { font-size: 16px; line-height: 20px; display: inline-block; position: relative;}
.settings__radio span::after { content: ""; width: 22px; height: 22px; border: 1px solid #eae4e4; border-radius: 50%; display: inline-block; margin-left: 6px; vertical-align: bottom;}
.settings__radio span::before { content: ""; width: 14.67px; height: 14.67px; border-radius: 50%; background-color: #ad1d0d; position: absolute; right: 3.3px; top: 3.8px; display: none;}
.settings__radio input { display: none;}
.settings__radio input:checked ~ span::after { border-color: #ad1d0d;}
.settings__radio input:checked ~ span::before { display: block;}
.settings__logout { display: none;}
.settings__pause-btn, .settings__verification { background-color: transparent; border: none; width: auto; padding-top: 12px; font-weight: 500; color: #ad1d0d;}
.settings__verification { margin-bottom: 0; float: right;}
input.settings__input, .settings__input { background-color: #f3f0f0; height: 41px; line-height: 41px; padding: 0 14px;}
.settings .btn { line-height: 40px; height: 40px; font-weight: 500;}
.settings__btns { margin-top: 18px;}
.settings__btns .btn { padding-right: 4%; padding-left: 4%; margin: 0; max-width: 53%; line-height: 16px; vertical-align: middle;}
.settings__btns .btn--white { margin-left: 2.5px; max-width: calc(47% - 22px);}
.settings__btns.mg { margin-left: 179px; margin-top: 0; max-width: 310px;}
.settings__text { margin-top: 6px;}
.settings__box { padding-top: 0; overflow: hidden;}
.settings__box:first-child { border-bottom: none;}
.settings__box label, .settings__box input, .settings__box textarea { float: left;}
.settings__box label { width: 179px; line-height: 41px; margin-bottom: 0;}
.settings__box textarea { height: 94px;}
.settings__box input, .settings__box textarea { width: 56.5%;}
.settings__pause img { width: 66px; height: 66px;}
.settings__pause .settings__title { display: block; font-weight: 500; margin-top: 20px;}
.settings__pause .settings__text { max-width: 380px; padding: 0; margin: 16px auto 34px;}
.settings__pause .btn { width: 265px;}
.settings__title.mg { margin-bottom: 42px;}
.settings__row.open .settings__column { vertical-align: top;}
.settings__row.open .settings__column:last-child, .settings__row.open .settings__column .settings__data { display: none;}
.settings__row.open .settings__column .settings__form { display: block;}
#pause { top: 68px; bottom: 0;}
.pause-form__box label { max-width: 100%;}
.pause-form__box .input-error { max-width: 720px; float: none; text-align: initial; margin: 5px auto 0;}
.settings-popup.popup-verification .popup-verification__content { padding: 22px 18px 2px;}
.settings-popup.popup-verification .popup-verification__block { margin-bottom: 34px; margin-top: 14px;}
.settings-popup.popup-verification .popup-verification__block span { line-height: 20px;}
.settings-popup.popup-verification .popup-verification__title { border-bottom: 1px solid #eae4e4; padding-bottom: 24px; line-height: 24px; margin-bottom: 18px;}
#phoneVerificationForm .input-error { float: none;}
.settings-popup .close-btn { top: 23px; left: 18px;}
.settings-popup--large .close-btn { left: auto; right: 18px;}
.settings-popup__content { padding: 22px 18px 24px; position: relative;}
.settings-popup__radio.radio-btns label { margin-bottom: 23px;}
.settings-popup__radio.radio-btns label span { margin-right: 11px;}
.settings-popup--small .settings-popup__title { margin-bottom: 24px; padding: 0;}
.settings-popup--small .settings-popup__btns { border-top: none; display: inline-block;}
.settings-popup--small .settings-popup__btns .btn { line-height: 40px; height: 40px; width: 122px;}
.settings-popup--small .settings-popup__btns .btn--white { margin-left: 13px;}
.settings-popup--small .settings-popup__btns .btn:first-child { background-color: #ad1d0d; color: #fff;}
.settings-popup--large .settings-popup__body { max-width: 552px;}
.settings-popup--large .settings-popup__content { padding: 23px 18px 22px;}
.settings-popup--large .settings-popup__title { margin-bottom: 8px;}
.settings-popup--large .settings-popup__text { max-width: 310px; margin-right: auto;}
.settings-popup--large .settings-popup__subtitle { max-width: 300px; margin-right: auto;}
.settings-popup--large .settings-popup__radio { padding-bottom: 4px;}
.settings-popup--large .settings-popup__btns .btn { width: calc(50% - 9px); height: 43px;}
.settings-popup--large .settings-popup__btns .btn--white { margin-left: 14px;}
.payment { border: 1px solid #eae4e4; border-radius: 10px; text-align: center; padding-bottom: 28px; padding-right: 24px; padding-left: 24px;}
.payment__text { margin: 0 auto 32px; max-width: 491px; padding: 0 50px;}
.payment__subtitle { margin-bottom: 12px;}
.payment__item { margin-right: 9px;}
.payment__item:last-child { margin-right: 24px;}
.payment__info { max-width: 580px; margin-left: auto; margin-right: auto;}
.payment__options { margin-right: -24px;}
.payment__images { margin-bottom: 32px;}
.payment__btns.fs { margin-top: 0;}
#paymentUserData .payment__btns.fs { margin-top: 30px;}
.payment__btns.fs .btn { width: 100%; line-height: 50px; height: 50px; font-weight: 700;}
.payment__btns .btn { height: 41px; line-height: 41px; font-weight: 500; width: 267px;}
.payment__btns .btn--white { display: none;}
.payment__row { overflow: hidden; margin-top: 2px; text-align: initial; margin-bottom: -4px;}
.payment__row .invalid-input label { max-width: 100%;}
.payment__cards .input-error { float: none; max-width: 100%;}
.payment__box .payment__input { float: left; width: calc(50% - 25.5px); padding-bottom: 50px;}
.payment__box .payment__input:first-child { margin-right: 51px;}
.payment__box .payment__input:first-child input { left: 0; right: auto;}
.payment__box input { position: absolute; bottom: 0; right: 0; width: inherit;}
.payment__inputs { border: 1px solid #eae4e4; border-radius: 10px; padding: 0 24px 24px; margin-bottom: 18px; margin-top: 0;}
.payment__input { margin-top: 24px;}
.payment__input .input-error { max-width: 65%;}
.payment__column .payment__subtitle { margin-bottom: 28px;}
.comments__new { padding-top: 18px; padding-bottom: 0;}
.comments__new .form__item { margin-bottom: 0;}
.comments__new textarea { margin-top: 0; margin-bottom: 0; height: 51px; padding-top: 15px; padding-bottom: 15px; padding-right: 125px; min-height: auto;}
.profile.stories .comments__new textarea { margin-top: 6px;}
.comments__new button { position: absolute; z-index: 2; right: 23px; bottom: 20px; line-height: 17px; font-weight: 500; border: none; height: auto; padding-right: 0; padding-left: 0; transition: color 0.2s; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s;}
.comments__new button:hover { color: #981a0c;}
.stories .content__title { display: block; margin-bottom: 14px;}
.stories .content__item.story.open .content__bottom { border-bottom: 1px solid #eae4e4; padding-bottom: 18px;}
#galleryPopup .profile-popup__box { margin-bottom: 5px;}
#galleryPopup .profile-popup__form textarea { height: 103px;}
.comments__view-all { font-size: 14px; line-height: 17px;}
.comments__new .users { display: inline-block; margin-right: 3px; vertical-align: middle;}
.comments__new .users__card { overflow: visible;}
.comments__new .users__info { display: none;}
.comments__new form { display: inline-block; vertical-align: middle; width: calc(100% - 52px); position: relative;}
.comments__hide { font-size: 14px; line-height: 17px;}
.users-photos .content__top { margin-right: 31px;}
.content-form { padding-left: 18px; padding-right: 18px;}
.profile-popup.variation .form-photo__dragging { margin-top: 0; margin-bottom: 0; padding-top: 33px; padding-bottom: 34px;}
.profile-popup.variation .form-photo .btn { width: auto;}
#galleryPopup button.btn { margin-top: 28px;}
#galleryPopup .profile-popup__body { top: 10%;}
.verification { padding-top: 231px; text-align: center;}
.verification__content { background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px; max-width: 734px; margin: 0 auto 50px; padding: 38px 117px; min-height: auto;}
.verification__arrow { top: 34px; left: 24px;}
.verification__title { font-size: 20px; line-height: 20px; margin-bottom: 8px;}
.verification__text { color: #6b6666;}
.verification__btns { position: relative; bottom: 0; margin-top: 28px; width: calc(100% + 70px); margin-left: -35px; margin-right: -35px;}
.verification__back { margin-left: 5px;}
.verification__back img { width: 28px; left: 5px; top: calc(50% - 14px);}
.verification__btns .btn { margin-bottom: 0; width: calc(50% - 5px);}
.verification__block { max-width: 382px; margin: 34px auto 0; padding-bottom: 0;}
.verification-block__check { background-color: #f3f0f0; margin-bottom: 18px; border-radius: 5px; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
.verification-block__check:hover { background-color: #ece9e9;}
.verification-block__check.checked { background-color: #0f7a74;}
.verification-block__check.checked span{ color: #fff;}
.verification-block__check.checked .verification-block__circle { border-color: #fff;}
.verification-block__check.checked .verification-block__circle::after { background-image: url("/images/icons/check-white.svg");}
.verification-block__cover { padding: 13.6px 10px;}
.verification-block__cover span { color: #6b6666;}
.verification-block__circle { border-color: #6b6666; margin-right: 8px;}
.toast { bottom: 0;}
.pop__title { padding: 0; font-size: 16px; line-height: 19px; margin-bottom: 24px;}
.pop__content { max-width: 100%; width: 348px; padding: 22px 18px;}
.pop__btn { font-weight: 700; color: #fff; background: #ad1d0d; border: 1px solid #ad1d0d; border-radius: 5px; width: 100%;}
.pop__btn:hover { background-color: #981a0c;}
.pop__btns { border-top: none; line-height: 40px; height: 40px;}
.pop__btns .pop__btn { border-radius: 5px; height: 40px; width: calc(50% - 5px); padding-left: 8px; padding-right: 8px;}
.pop__btns .pop__btn:first-child { background-color: #ad1d0d; color: #fff;}
.pop__btns .pop__btn:last-child { margin-left: 10px; color: #272727; border: 1px solid #eae4e4; border-left: 1px solid #eae4e4;}
}
@media (min-width: 845px) { .main-left { width: 71.5%;}
.main-right { width: calc(28.5% - 4px);}
.available__item { overflow: hidden; padding: 18px 18px 14px; position: relative;}
.available__item::before { content: ''; width: 1px; height: calc(100% - 32px); background-color: #eae4e4; position: absolute; top: 18px; left: calc(46% + 23px);}
.available__content { float: right; width: calc(54% - 22px); padding-left: 25px; margin-left: 22px;}
.available__btn { position: absolute; left: 18px; bottom: 14px; width: 44%;}
.available__user { margin-bottom: 0; float: left; width: 46%;}
.available__user.mb { margin-bottom: 57px;}
.available__subtitle { margin-bottom: 8px;}
.details__features:nth-child(2) .edit-profile__column:last-child, .details__features:nth-child(3) .edit-profile__column:last-child { width: 300px;}
.details__features:nth-child(2) .edit-profile__btns, .details__features:nth-child(3) .edit-profile__btns { margin-left: 175px;}
.settings__btns .btn { padding-right: 8%; padding-left: 8%; -webkit-transition: padding 0.1s linear, background-color 0.2s; -moz-transition: padding 0.1s linear, background-color 0.2s; -o-transition: padding 0.1s linear, background-color 0.2s; transition: padding 0.1s linear, background-color 0.2s;}
.settings__btns .btn--white { margin-left: 9px;}
.settings__box input, .settings__box textarea { width: 58.2%;}
}
@media (min-width: 900px) { .users--columns { display: table; margin: -12px 0 -12px -12px; border-spacing: 12px; border-collapse: separate; width: calc(100% + 24px);}
.users--columns .users__row { display: table-row;}
.users--columns .users__item { width: 50%; display: table-cell; vertical-align: top; border: none; position: relative;}
.users--line .users__info { width: calc(60% - 84px);}
.users--line .users__btns { width: calc(52% - 84px);}
.details__features:nth-child(4) .edit-profile__column:last-child { width: 300px;}
.details__features:nth-child(4) .edit-profile__btns { margin-left: 227px;}
.payment__column { float: left;}
.payment__column:first-child { width: 160px; margin-right: 32px; margin-bottom: 0;}
.payment__column:last-child { width: calc(100% - 192px);}
.payment__cards { margin-top: -14px;}
.payment__card { display: block; margin-right: 0; margin-top: 14px;}
.payment__card label { width: 100%;}
#paymentCardData .payment__box .payment__input { width: 37%;}
#paymentCardData .payment__box .payment__input:first-child { margin-right: 26%;}
}
@media (min-width: 965px) { .full-height__content { padding-left: 125px;}
.login { padding-right: 77px;}
.profile-top__info { position: relative;}
.profile-top__box { float: left; margin-right: 10px; width: calc(57% - 10px); margin-bottom: 0;}
.profile-top__btns { text-align: right; width: calc(43% - 8px); position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.profile-top__btns.case { text-align: right;}
.profile-top__mail { width: calc(52% - 29px); margin-right: 8px;}
.profile-top__access { margin-right: 8px; width: calc(48% - 29px);}
.settings__btns .btn { padding-right: 10%; padding-left: 10%;}
.settings__btns .btn--white { margin-left: 18px;}
#paymentCardData .payment__box .payment__input { width: 34.8%;}
#paymentCardData .payment__box .payment__input:first-child { margin-right: 30.4%;}
.media-gallery__box { height: 240px;}
}
@media (max-width: 400px) { .users__send { max-width: 136px;}
}
@media (max-width: 749px) { .login .form__btn { margin-bottom: 0;}
.login .form__bottom { padding: 0 8px 14px;}
.login__content { padding-top: 40px;}
.login .drop-down__list.checkboxes { margin-bottom: 110px;}
.header .user-photo.pending::after { width: 14px; height: 14px; bottom: -3px; left: -1px; font-size: 14px; line-height: 12px;}
#forgotPassword { padding-bottom: 240px;}
.form__block.invalid-input .input-error { margin-bottom: 10px;}
#skipSignupPopup { overflow-y: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 25, 25, 0.66); z-index: 16; text-align: center; white-space: nowrap;}
#skipSignupPopup::after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
#skipSignupPopup .popup-info__body { display: inline-block; vertical-align: middle;}
#skipSignupPopup .popup-info__body { margin: 10px 0; white-space: normal; position: relative; padding: 42px 16px; text-align: center; max-width: 343px; width: 100%; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.popup-info__btns .btn{ padding-left: 0; padding-right: 0;}
.image-preview { position: relative;}
.image-preview label{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0;}
.form-photo .form-photo__btn { display: none;}
.form-photo.previewActive .form-photo__btn { display: block;}
.form-photo.previewActive label.btn { display: none;}
.form-photo__box .input-error { text-align: center;}
.drop-down__list.checkboxes label { margin-bottom: 0; padding-right: 15px; padding-left: 15px;}
.slider__btns { display: none;}
.popup-verification--end .popup-verification__body { vertical-align: bottom;}
.popup-verification--end .popup-verification__content { margin-bottom: 62px;}
.popup-verification--end::after { vertical-align: bottom;}
.popup-verification--email .popup-verification__send, .popup-verification--email .popup-verification__resend { margin-top: 15px; margin-bottom: 10px;}
.filters.variation .filters__item { padding-top: 24px; padding-bottom: 27px;}
.available-post__inputs .btn { line-height: 50px; height: 50px; font-size: 14px;}
.profile-tabs__block.details .edit-profile { display: none;}
.profile-tabs__block.details .features, .profile-tabs__block.details .details__text { display: block;}
.home-left__visitors, .home-left__requests { background-color: #fff; min-height: calc(100vh - 113px); margin-bottom: -25px;}
.home-left__visitors .home-left__links, .home-left__requests .home-left__links { display: none;}
.home-left__visitors .users--line .users__info { width: calc(100% - 74px);}
.home-left__visitors .users--line .users__btns { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 6px; margin-left: 74px; clear: both;}
.home-right__filters { position: fixed; top: 57px; bottom: 0; left: 0; width: 100%; z-index: 15; overflow: auto; padding: 22px 8px 100px; background-color: #f5f0f0;}
.home-right__filters .filters__title { display: none;}
.home-right__filters .drop-down.active { overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 17; background-color: rgba(28, 25, 25, 0.66);}
.home-right__filters .drop-down.active .filters__detail { display: none;}
.home-right__filters .drop-down .filters__select { display: none;}
.home-right__filters .drop-down__container { padding-bottom: 0; bottom: 0; top: auto; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px 10px 0 0; padding: 28px 16px 5px; max-height: 100%; overflow-y: auto;}
.home-right__filters .drop-down__list { max-height: 100%; -webkit-box-shadow: none; box-shadow: none; border-radius: 0;}
.home-right__filters .filters__buttons { background-color: #ffffff; border-top: 1px solid #ebebeb; position: fixed; z-index: 16; bottom: 0; left: 0; margin: 0; padding: 15px 16px; width: 100%;}
.home-right__filters .filters__buttons .btn--white { display: none;}
.filters__box { border-bottom: 1px solid #faf7f7;}
.filters-details .filters__item { border-bottom: 1px solid #eae4e4;}
#languageSearch label { display: inline-block; margin: 0 2px 12px; padding: 12.5px 14px; background-color: #eae4e4; border-radius: 39px;}
#languageSearch label span { display: none;}
#languageSearch label p { width: auto;}
#languageSearch label.checked { background-color: #ad1d0d; color: #fff;}
.settings__btns { text-align: center;}
.settings__row.open, .settings__support.open { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #f5f0f0; z-index: 2; margin-top: 55px; margin-bottom: 58px;}
.settings__account .settings__row.open .settings__columns { padding: 12px 16px 0; overflow: auto;}
.settings__account .settings__row.open .settings__column:nth-child(2) { width: 100%; margin: 0; text-align: left;}
.settings__account .settings__row.open .settings__btns { margin-top: 50px;}
.settings__support.open .settings__container { padding: 28px 16px 0; background: none; border: none; overflow-y: scroll; height: 100%; position: relative;}
.settings__account .settings__row.open .settings__column:first-child, .settings__account .settings__row.open .settings__designation, .settings__support.open .settings__subtitle { width: 100%; display: block; text-align: center; font-weight: 700; font-size: 20px; line-height: 24px; margin-bottom: 26px;}
.settings__support.open .settings__form { display: block;}
.settings__support.open .settings__column { display: none;}
.settings__support.open .settings__btns { margin-top: 50px;}
a.settings__pause-btn { color: #272727; display: block; text-align: center;}
.settings-popup--small .settings-popup__btns .btn:first-child:hover { background-color: #dfdede5f;}
.settings-popup--large .settings-popup__btns .btn--white { border: 1px solid #ad1d0d; color: #ad1d0d; margin-top: 12px;}
.settings-popup__radio.radio-btns { overflow: hidden;}
.settings-popup__radio.radio-btns label { float: right; width: 100%; line-height: 24px;}
.settings-popup__radio.radio-btns label span { float: right; margin-right: 0;}
.settings-popup--small .settings-popup__btns .btn--white { border-radius: 0;}
.settings .open .btn--white { display: block; top: 30px; left: 20px; position: absolute; font-size: 0; height: auto; width: auto; background: none; padding: 0;}
.settings .open .btn--white::after { content: '✕'; color: #6b6666; position: absolute; font-size: 26.3px; line-height: 20px; font-weight: normal;}
.payment { min-height: calc(100vh - 114px); margin-bottom: -24px;}
.payment__close { display: none;}
#paymentCardData .payment__box .payment__input { float: left; width: calc(50% - 25.5px); padding-bottom: 50px;}
#paymentCardData .payment__box .payment__input:first-child { margin-right: 51px;}
#paymentCardData .payment__box .payment__input:first-child input { left: 0; right: auto;}
#paymentCardData .payment__box input { position: absolute; bottom: 0; right: 0; width: inherit;}
.settings-popup .close-btn { display: none;}
.profile-popup.variation .profile-popup__title { display: block;}
#writeStoryPopup .profile-popup__form textarea { height: 126px;}
.stories.profile { padding-top: 43px;}
.stories .profile__box { margin-top: -13px; margin-bottom: 38px;}
.stories .profile__subtitle { margin-top: 8px; margin-bottom: 16px;}
.content__item.story.open .content__comments + p { display: none;}
.content__item.story.open .content__like + p span { display: inline-block;}
.users-photos .content__action span { display: inline;}
#writeStoryPopup .btn { line-height: 40px; height: 40px;}
.verification-block__cover span { transition: color 0.2s, border-color 0.2s; -o-transition: color 0.2s, border-color 0.2s; -moz-transition: color 0.2s, border-color 0.2s; -webkit-transition: color 0.2s, border-color 0.2s;}
.verification-block__cover span:nth-child(2) { display: inline-block; width: calc(100% - 40px); display: inline-block;}
.verification-block__check:hover span { color: #cdcaca;}
.verification-block__check:hover .verification-block__circle { border-color: #cdcaca;}
.verification-block__check.checked:hover span { color: #0f7a74;}
.verification-block__check.checked:hover .verification-block__circle { border-color: #0f7a74;}
.edit-liked__wrap { width: calc(100% - 22px);}
.edit-profile__details .form__text { text-align: left; margin-left: 0; margin-right: 0;}
.profile__open { width: 100%; padding: 5px 20px; background-color: #ad1d0d; transition: background-color 0.2s; -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; color: #ffffff; font-weight: 500; height: 50px; font-size: 14px; text-align: center; border-radius: 5px; margin-bottom: 20px;}
.profile__open:hover { background-color: #981a0c;}
.profile__open:hover::before { content: '';}
.profile__open span { display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
.profile__open img { display: none;}
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (min-width: 0\0) and (min-resolution: 72dpi) { .header__photo { position: relative;}
.header__photo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto;}
.header__photo.active::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; border: 2px solid #ad1d0d;}
input.input-range { height: auto; background: transparent !important; cursor: pointer;}
.multiple-range__input { height: 36px; top: -13px; pointer-events: all; cursor: pointer;}
.user-photo__cover { position: relative;}
.user-photo__cover img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto;}
.available-post__item { vertical-align: middle;}
.available-post__item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; display: block;}
.media-gallery__box { position: relative; overflow: hidden;}
.media-gallery__box img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: auto;}
.private-photo img { position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
.edit-photos__image img, .edit-photos__photo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.edit-photos__image { position: relative; overflow: hidden;}
.edit-photos__image img { width: 100%; height: auto;}
.edit-photos__photo img { width: auto; height: 100%;}
.edit-photos__photo .edit-photo img { margin-top: 0;}
.profile-top__item { position: relative; overflow: hidden;}
.profile-top__item img { height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.payment__card { position: relative;}
.payment__card input { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 2;}
.stories__image { position: relative;}
.stories__image img { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: none; height: auto;}
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75) and (min-width: 750px), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4) and (min-width: 750px), screen and (min-width: 0\0) and (min-resolution: 72dpi) and (min-width: 750px) { .profile-top__item img { width: auto; height: 100%;}
.profile-top__cover { margin-right: -13px; padding-top: 32px; margin-top: -32px; height: calc(100% + 64px); /* ie scrollbar color properties */ scrollbar-base-color: #fff; scrollbar-face-color: #eae4e4; scrollbar-3dlight-color: #eae4e4; scrollbar-highlight-color: #eae4e4; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; scrollbar-shadow-color: #eae4e4; scrollbar-dark-shadow-color: #eae4e4;}
.profile-top__images::after { content: ""; height: 32px; display: block; background-color: #f3f0f0;}
.profile-top__image { position: relative; overflow: hidden;}
.profile-top__image img { width: auto; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.profile-top__image.add img { margin-top: 0;}
}
@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .form__box::after { content: ""; position: absolute; z-index: 1; width: 21px; background-color: #f3f0f0; top: 9px; right: 18px; height: 48px;}
.form--red .form__item .icon::after { content: ""; position: absolute; z-index: 1; width: 21px; background-color: #f3f0f0; bottom: 1px; left: 18px; height: 58px;}
.form__block { scrollbar-base-color: #fff; scrollbar-face-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-highlight-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; scrollbar-shadow-color: #fff; scrollbar-dark-shadow-color: #fff;}
.filters__select::after { content: ""; position: absolute; z-index: 1; width: 30px; background-color: #fff; top: 0; left: 0; height: 41px;}
.phone-input::before { content: ""; position: absolute; z-index: 4; width: 21px; background-color: #fff; bottom: 0; left: 90px; height: 60px;}
}
@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) and (min-width: 750px) { .form--red .form__item .icon::after { height: 48px;}
.edit-profile__row .icon::after { content: ""; position: absolute; z-index: 1; width: 21px; bottom: 1px; left: 9px; height: 41px;}
.edit-profile__row .icon.icon--arrow::after { background-color: #fff;}
.edit-profile__row .icon.icon--search::after { background-color: #f3f0f0;}
.edit-profile__row .icon select { padding-left: 8px;}
}
/* author's own content that is still waiting for moderation */ .pending-badge{display:inline-block;margin:6px 10px 0;padding:2px 10px;border-radius:12px;background:#fff3cd;color:#8a6d3b;font-size:12px;line-height:18px}
.available__item.pending,.content__container.pending{opacity:.85}
/* paused (frozen) accounts in lists and notifications */ .paused-badge{display:inline-block;margin:0 6px;padding:1px 8px;border-radius:10px;background:#e0e0e0;color:#555;font-size:11px;line-height:16px;vertical-align:middle}
.notifications__item[data-paused-short]{position:relative}
/* ::before, because ::after is the hover overlay driven by [data-paused] */ .notifications__item[data-paused-short]::before{content:attr(data-paused-short);position:absolute;top:6px;inset-inline-start:8px;width:auto;max-width:none;padding:0 6px;border-radius:8px;background:#e0e0e0;color:#555;font-size:11px;line-height:16px;opacity:1;transform:none;box-shadow:none;text-align:start;transition:none;pointer-events:none;z-index:2}
.popup__close{position:absolute;top:8px;inset-inline-end:10px;border:0;background:transparent;font-size:18px;line-height:1;color:#888;cursor:pointer;z-index:3}
.popup__content{position:relative}
/* "new users" strip: the two-column table layout above 900px put all ten cards in one table row */ @media (min-width: 900px) { #newUsers.users--columns { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; width: 100%; border-spacing: 0;}
#newUsers.users--columns .users__item { display: block; width: calc(50% - 6px); box-sizing: border-box; margin: 0;}
}
/* the site is designed light; a browser forcing dark colours made headings unreadable */ html { color-scheme: light;}
body { background-color: #fff;}
.content__text p { white-space: pre-line;}
.paused-banner { display: block; position: absolute; top: 100%; left: 0; right: 0; z-index: 14; background: #fff3cd; color: #5a3d00; text-align: center; padding: 6px 12px; font-size: 14px; text-decoration: underline;}
body.paused-account .page, body.paused-account .main { margin-top: 34px;}
.profile-top__dots button::after { content: ""; position: absolute; inset: -4px;}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
/* SEO headings keep the look of the elements they replaced */ .profile-top__name h1 { display: inline; font-weight: 700; font-size: 18px; line-height: 21px; color: #272727; margin: 0;}
h1.content__subtitle { font-size: 16px; font-weight: 500; line-height: 19px; margin: 0 0 10px;}
h1.content__title { margin-top: 0;}
h1.profile__title, h1.available__title { margin-top: 0;}
/* the eye icon is a 16x9 drawing: never stretch it into a square */ .password-display img { width: 20px; height: 12px;}
.home-left__title--landing { padding-right: 32px;}
/* room for the ✕ that sits at the right edge on phones */ /* the "pending approval" badge takes a line of its own above the story link (the link is inline on phones, so an inline badge shared the line with the title) */ .content__container.story > .pending-badge { display: table; margin: 0 0 8px;}
/* in the list the first title is pinned to the card top (absolute) and the second is a hidden spacer; a pending card lets the title flow under the badge instead */ .content--table .content__container.pending .content__subtitle:nth-child(1) { position: static;}
.content--table .content__container.pending .content__subtitle:nth-child(2) { display: none;}
/* a category's own text under its title (the old site showed it) */ .content__intro { margin: 0 0 16px; line-height: 1.6; color: #444;}
.content__intro p { margin: 0 0 8px;}
/* the live strip of the home page: the same card, borders, text and greys as the other home blocks */ .activity { margin: 0 0 18px;}
.activity__list { list-style: none; margin: 0; padding: 0; background-color: #ffffff; border: 1px solid #eae4e4; border-radius: 10px;}
.activity__item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; font-size: 14px; line-height: 19.6px; color: #272727; background-image: linear-gradient(#eae4e4, #eae4e4); background-size: calc(100% - 28px) 1px; background-position: bottom center; background-repeat: no-repeat; transition: background-color 0.6s;}
.activity__item:last-child { background-image: none;}
.activity__item--new { background-color: #f5f0f0;}
.activity__icon { flex: 0 0 16px; width: 16px; height: 16px; object-fit: contain;}
/* the icons keep their own proportions (the eye is 16×9) */ .activity__text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.activity__user, .activity__object { unicode-bidi: isolate;}
/* a Latin nickname must not flip the Hebrew sentence */ .activity__user { color: #272727; font-weight: 700; text-decoration: none;}
.activity__user:hover { color: #ad1d0d;}
.activity__object { color: #ad1d0d; text-decoration: none;}
a.activity__object:hover { text-decoration: underline;}
.activity__time { flex: 0 0 auto; color: #6b6666; font-size: 13px; line-height: 15px;}
/* "available today" when the board is empty: a titled divider over the latest past ads */ .available__line { display: flex; align-items: center; gap: 12px; margin: 28px 0 4px; color: #6b6666; font-size: 14px; line-height: 17px;}
.available__line::before, .available__line::after { content: ''; flex: 1 1 auto; height: 1px; background-color: #eae4e4;}
.available__item--past .available__until { color: #ad1d0d;}
@media (max-width: 749px) { .activity__text { white-space: normal;}
}
/* a phone shows the whole sentence instead of cutting the nickname */ /* the sidebar stays in view while the content scrolls (desktop and tablet; a short window keeps the normal flow so the sidebar's bottom stays reachable) */ @media (min-width: 750px) and (min-height: 820px) { .wrapper { overflow: clip;}
/* hidden made the page wrapper a (non-scrolling) scroll container, which pins a sticky child; clip still cuts stray overflow */ .main { overflow: visible; display: flow-root;}
/* overflow: hidden was only a clearfix, and it would pin the sticky sidebar to a non-scrolling box */ .main-right { position: -webkit-sticky; position: sticky; top: 84px;}
}