/* browser reset */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

body {
    font-size: 1.6rem;
    line-height: 1;
    padding: 0;
    color: rgba(0, 0, 0, 0.87);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    height: 100%;
    font-family: "Open Sans", Arial, sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

img {
    max-width: 100%;
    max-height: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: #6e0183;
    vertical-align: baseline;
    background: transparent;
    cursor: pointer;
}

/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

button {
    outline: none;
}

/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

textarea,
input,
select {
    font-family: "Open Sans", Arial, sans-serif;
    outline: none;
}

main:after {
    content: "";
    display: block;
    clear: both;
}

main {
    padding-top: 80px;
}

@font-face {
    font-family: "icomoon";
    src: url("https://d13ic8rke1en1i.cloudfront.net/ua/fonts/icomoon.eot?xevw0f");
    src: url("https://d13ic8rke1en1i.cloudfront.net/ua/fonts/icomoon.eot?xevw0f#iefix") format("embedded-opentype"), url("https://d13ic8rke1en1i.cloudfront.net/ua/fonts/icomoon.ttf?xevw0f") format("truetype"),
    url("https://d13ic8rke1en1i.cloudfront.net/ua/fonts/icomoon.woff?xevw0f") format("woff"), url("https://d13ic8rke1en1i.cloudfront.net/ua/fonts/icomoon.svg?xevw0f#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

h1 {
    font-size: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #3a0f3f;
    margin-bottom: 3rem;
}

h2 {
    font-size: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #3a0f3f;
    margin-bottom: 3rem;
}

h3 {
    font-size: 2.4rem;
    color: #3a0f3f;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

h4 {
    font-size: 1.5rem;
    color: rgba(58, 15, 63, 0.87);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
}

p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 3rem;
    word-break: break-word;
}

.visibility-hidden {
    visibility: hidden;
}

.visibility-visible {
    visibility: visible;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-restore:before {
    content: "\e92f";
}

.icon-connection-no:before {
    content: "\e92e";
}

.icon-favorite-no:before {
    content: "\e92b";
}

.icon-photo-no:before {
    content: "\e92c";
}

.icon-video-no:before {
    content: "\e92d";
}

.icon-maximize:before {
    content: "\e926";
}

.icon-menu-hide:before {
    content: "\e927";
}

.icon-menu-show:before {
    content: "\e928";
}

.icon-upload:before {
    content: "\e929";
}

.icon-your-cam:before {
    content: "\e92a";
}

.icon-block:before {
    content: "\e91b";
}

.icon-calendar:before {
    content: "\e91c";
}

.icon-camera-off:before {
    content: "\e91d";
}

.icon-checkbox:before {
    content: "\e91e";
}

.icon-checkbox-on:before {
    content: "\e91f";
}

.icon-eye-off:before {
    content: "\e920";
}

.icon-lock:before {
    content: "\e921";
}

.icon-minimize:before {
    content: "\e922";
}

.icon-radio:before {
    content: "\e923";
}

.icon-radio-on:before {
    content: "\e924";
}

.icon-search-no:before {
    content: "\e925";
}

.icon-arrow:before {
    content: "\e900";
}

.icon-balance-history:before {
    content: "\e901";
}

.icon-camera-20:before {
    content: "\e902";
}

.icon-chat:before {
    content: "\e903";
}

.icon-chat-20:before {
    content: "\e904";
}

.icon-Close:before {
    content: "\e905";
}

.icon-delete:before {
    content: "\e906";
}

.icon-drafts:before {
    content: "\e907";
}

.icon-emoji:before {
    content: "\e908";
}

.icon-eye:before {
    content: "\e909";
}

.icon-facebook:before {
    content: "\e90a";
}

.icon-favorite:before {
    content: "\e90b";
}

.icon-favorite-on:before {
    content: "\e90c";
}

.icon-fav-photos:before {
    content: "\e90d";
}

.icon-fav-videos:before {
    content: "\e90e";
}

.icon-gift-delivered:before {
    content: "\e90f";
}

.icon-gift-ordered:before {
    content: "\e910";
}

.icon-home:before {
    content: "\e911";
}

.icon-later-to-admin:before {
    content: "\e912";
}

.icon-mail:before {
    content: "\e913";
}

.icon-mail-dialog:before {
    content: "\e914";
}

.icon-mail-new:before {
    content: "\e915";
}

.icon-profile:before {
    content: "\e916";
}

.icon-purchase:before {
    content: "\e917";
}

.icon-search:before {
    content: "\e918";
}

.icon-Send:before {
    content: "\e919";
}

.icon-top-ladies:before {
    content: "\e91a";
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

#wrapper {
    overflow: hidden;
}

.inner {
    max-width: 1470px;
    padding: 0 30px;
    margin: 0 auto;
    box-sizing: border-box;
}

.btn {
    padding: 1rem 2.4rem;
    border-radius: 20px;
    border: none;
    display: inline-block;
    vertical-align: top;
    transition: background 0.35s, box-shadow 0.35s, border 0.35s, color 0.35s;
    position: relative;
    font-weight: 600;
    cursor: pointer;
    line-height: 1.33;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 1.5rem;
    text-decoration: none;
    z-index: 1;
    background: none;
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}

.btn em {
    font-style: normal;
}

.btn input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 20;
}

.btn span {
    position: relative;
    z-index: 5;
}

.btn.has-icon span {
    padding-left: 32px;
}

.btn.has-icon {
    padding-left: 16px;
}

.btn .absolute-replace-text {
    position: absolute;
    left: 50%;
    transform: translate(-60%, 0);
}

.btn:before {
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    transition: opacity 0.35s;
    border-radius: 20px;
}

.btn:after {
    background: linear-gradient(to right, #a8c761 0%, #84a910 100%);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;
    bottom: 0;
    right: 0;
    content: "";
    opacity: 0;
    transition: opacity 0.35s;
}

.btn.pink:before {
    background-image: linear-gradient(to left, #d4145a 100%, #f6566e 0%);
}

.btn:hover {
    box-shadow: 0 4px 16px 0 rgba(165, 196, 90, 0.5);
}

.btn:hover:after,
.btn.green:hover:before {
    opacity: 1;
}

.btn:hover:before,
.btn.green:hover:after {
    opacity: 0;
}

.btn.green {
    box-shadow: 0 4px 16px 0 rgba(165, 196, 90, 0.5);
}

.btn.login {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
    box-shadow: inset 0 0 0 2px #fff;
}
.btn.login:before {
    background-image: linear-gradient(to left, rgba(247, 244, 245, 0) 100%, rgba(255, 255, 255, 0) 0%);
}
.btn.login:hover {
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
    border: none;
    transition: opacity 0.35s;
}
.btn.login:after {
    background: linear-gradient(to left, rgba(247, 244, 245, 0) 100%, rgba(255, 255, 255, 0) 0%);
    color: #d4145a;
}

#header-home.fixed .btn.login {
    color: #6e0183;
    box-shadow: inset 0 0 0 2px #6e0183;
}

#header-home.fixed .btn.login:hover {
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
    color: white;
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}
#header-home.fixed .btn.login:after {
    background: linear-gradient(to left, rgba(247, 244, 245, 0) 100%, rgba(255, 255, 255, 0) 0%);
    color: #6e0183;
}

.btn.pink {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}

.btn.green:hover {
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}

.btn.green:before {
    opacity: 0;
}

.btn.green:after {
    opacity: 1;
}

.btn.blue {
    box-shadow: 0 4px 16px 0 rgba(66, 103, 178, 0.5);
}

.btn.blue:before {
    background: linear-gradient(to right, #4267b2 0%, #2d487f 100%);
}

.btn.white-border {
    border: 2px solid #fff;
    line-height: 1.06;
    box-shadow: none;
}

.btn.white-border:before,
.btn.white-border:after {
    opacity: 0;
}

.btn.white-border:after {
    left: -2px;
    top: -2px;
    bottom: -2px;
    right: -2px;
}

.btn.white-border:hover {
    border: 2px solid transparent;
}

.btn.white-border:hover:after {
    opacity: 1;
}

.btn.purple-border {
    border: 2px solid #6e0183;
    line-height: 1.06;
    box-shadow: none;
    color: #6e0183;
}

.btn.purple-border:hover {
    color: #fff;
}

.btn.purple-border:before,
.btn.purple-border:after {
    opacity: 0;
}

.btn.purple-border:after {
    left: -2px;
    top: -2px;
    bottom: -2px;
    right: -2px;
}

.btn.purple-border:hover {
    border: 2px solid transparent;
}

.btn.purple-border:hover:before {
    opacity: 1;
}

.btn i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 24px;
    left: 0;
}

/*home header*/
#header-home {
    padding: 14px 0;
    /*box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);*/
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: box-shadow 0.35s, background 0.35s;
}

#header-home.fixed {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
    background: #ffffff;
}

#header-home.fixed #nav-home ul li a {
    color: #6e0183;
}

#header-home.fixed #nav-home ul li.has-child > a:after {
    border-top: 5px solid #6e0183;
}

#header-home.fixed #nav-home ul li ul li a {
    color: rgba(0, 0, 0, 0.87);
}

/*#header-home.fixed .logo img {*/
/*    opacity: 0;*/
/*}*/

/*#header-home.fixed .logo a {*/
/*    display: block;*/
/*    background: url(../images/logo.png) no-repeat 0 0 / contain;*/
/*}*/

#nav-home ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 3.2rem;
    font-weight: 600;
    position: relative;
    font-size: 1.5rem;
    text-transform: uppercase;
}

#nav-home .btn {
    vertical-align: middle;
    min-width: 120px;
}

#nav-home ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 10px 0;
    transition: color 0.35s;
    position: relative;
}

#nav-home ul li.has-child > a {
    padding-right: 20px;
}

#nav-home ul li.has-child > a:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    border: 4px solid transparent;
    border-top: 5px solid #fff;
    right: 0;
}

#nav-home ul li.has-child:hover > a:after,
#header-home.fixed #nav-home ul li.has-child:hover > a:after {
    border-top: 5px solid #d4145a;
}

#header-home.fixed #nav-home ul li:hover > a,
#nav-home ul li:hover > a {
    color: #d4145a;
}

#nav-home ul li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

#nav-home ul li ul {
    position: absolute;
    top: 100%;
    width: 240px;
    left: -1.6rem;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding: 1rem 1.6rem;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}

#nav-home ul li ul li {
    display: block;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 1.2rem;
    line-height: 1.2;
}

#nav-home ul li ul li:last-child {
    margin-bottom: 0;
}

#nav-home ul li ul li a {
    padding: 0;
    color: rgba(0, 0, 0, 0.87);
}

/*login header*/

#header {
    padding: 14px 0;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

#header:after,
#header-home:after {
    clear: both;
    display: block;
    content: "";
}

.logo {
    float: left;
    width: 120px;
}

#nav,
#nav-home {
    float: right;
    padding-top: 5px;
}

#nav ul,
#nav-home ul {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
}

#nav ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 3.2rem;
    font-weight: 600;
    font-size: 1.5rem;
}

#nav ul li a {
    position: relative;
    padding-left: 32px;
    display: block;
    transition: color 0.35s;
    text-decoration: none;
}
#nav ul li a span i {
    font-style: normal;
}

#nav ul li.home-item a:before,
#nav ul li.search-item a:before,
#nav ul li.chat-item a:before,
#nav ul li.mail-item a:before {
    font-family: "icomoon" !important;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    font-weight: normal;
    font-size: 2.4rem;
}

#nav ul li.home-item a:before {
    content: "\e911";
}

#nav ul li.bride-item a:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/bride-icon.svg) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.2rem;
}
#nav ul li.bride-item a:hover:before {
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(6234%) hue-rotate(329deg) brightness(85%) contrast(94%);
}

#nav ul li.search-item a:before {
    content: "\e918";
}

#nav ul li.chat-item a:before {
    content: "\e903";
}

#nav ul li.mail-item a:before {
    content: "\e912";
}

#nav ul li a:hover,
#nav ul li.current a,
#nav ul li a.current {
    color: #d4145a;
}

#nav .btn {
    vertical-align: middle;
}

/* Videochat landing start */

.hero-home.land .breadcrumbs a,
.hero-home.land .breadcrumbs span {
    color: #fff;
    text-decoration: none;
}

.hero-home.land .breadcrumbs a:after {
    content: "»";
    color: #fff;
    margin: 0 10px;
    opacity: 0.5;
}

.hero-home.land .wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px 0 100px;
}

.hero-home.land .ttl {
    display: inline-block;
    width: calc(50% - 20px);
    padding-right: 20px;
}

.hero-home.land .ttl h1 {
    text-align: left;
    display: block;
    font-size: 3.8rem;
}

.hero-home.land .img {
    position: relative;
    display: inline-flex;
    width: 50%;
    background: url(../images/headleft.svg) no-repeat left top 15% / auto 40%, url(../images/headright.svg) no-repeat right bottom 15% / auto 40%;
    align-items: center;
    justify-content: center;
}

.hero-home.land .img img {
    width: 80%;
}

.adw.land {
    display: flex;
    flex-wrap: wrap;
    margin: 75px -10px;
}

.adw.land div {
    position: relative;
    flex: 1 0 0;
    min-width: 225px;
    margin: 10px;
    padding-left: 90px;
}

.adw.land div svg {
    position: absolute;
    left: 0;
}

.adw.land div strong {
    display: block;
    color: #3a0f3f;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 1.2em;
}

.text-block.land {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -15px;
}

.text-block.land div {
    display: inline-block;
    width: calc(50% - 30px);
    margin: 15px;
}

.text-block.land div img {
    width: 100%;
}

.text-block.land div h3 {
    text-transform: none;
}

.how-to.land {
    position: relative;
    background: #f9f7f9;
    border-radius: 15px;
    margin: 75px 0;
}

.how-to.land .txt {
    padding: 35px;
    width: calc(50% - 70px);
}

.how-to.land .txt ul {
    padding: 0 0 0 35px;
    margin: 25px 0;
}

.how-to.land .txt ul li {
    margin: 10px 0;
}

.how-to.land .txt h2 {
    color: #3a0f3f;
}

.how-to.land .txt a {
    text-decoration: none;
}

.how-to.land .img {
    position: absolute;
    width: 50%;
    top: -25px;
    right: 0;
    bottom: -50px;
}

.how-to.land .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.testimonials.land {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -20px;
}

.testimonials.land .txt,
.testimonials.land .img {
    flex: 1 0 0;
    min-width: 300px;
    margin: 20px;
}

.testimonials.land .img img {
    width: 100%;
}

.testimonials.land .txt h2 {
    color: #3a0f3f;
}

.testimonials.land .txt .colums {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -10px 0;
}

.testimonials.land .txt .colums .col {
    position: relative;
    flex: 1 0 0;
    margin: 10px;
    background: #f9f7f9;
    padding: 30px 30px 0;
    border-radius: 10px;
}

.testimonials.land .txt .colums .col:before {
    position: absolute;
    content: "";
    top: -15px;
    left: 30px;
    background: url('data:image/svg+xml,<svg width="56" height="40" viewBox="0 0 56 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M56 27.1559C56 28.9019 55.6662 30.5452 54.9986 32.0857C54.3824 33.575 53.5094 34.9101 52.3796 36.0912C51.2499 37.221 49.9147 38.1197 48.3741 38.7873C46.8849 39.4548 45.2673 39.7886 43.5213 39.7886C41.3132 39.7886 39.3618 39.3008 37.6671 38.3251C36.0238 37.3494 34.6116 36.0912 33.4305 34.5507C32.3008 32.9587 31.4278 31.1614 30.8116 29.1586C30.2467 27.1045 29.9642 25.0248 29.9642 22.9193C29.9642 20.6084 30.2724 18.3233 30.8886 16.0637C31.5048 13.8042 32.3778 11.6988 33.5076 9.74737C34.6887 7.79597 36.1265 6.02431 37.8212 4.43238C39.5158 2.84045 41.4159 1.53096 43.5213 0.503906L50.2999 4.12426C48.9647 5.45943 47.8093 7.00001 46.8336 8.746C45.9092 10.492 45.447 12.315 45.447 14.215V14.9083C46.9363 15.1651 48.3228 15.6529 49.6066 16.3719C50.8904 17.0908 51.9945 17.9895 52.9188 19.0679C53.8945 20.1463 54.6392 21.3787 55.1527 22.7653C55.7176 24.1518 56 25.6153 56 27.1559ZM26.0358 27.1559C26.0358 28.9019 25.702 30.5452 25.0344 32.0857C24.4182 33.575 23.5452 34.9101 22.4154 36.0912C21.2856 37.221 19.9505 38.1197 18.4099 38.7873C16.9207 39.4548 15.3031 39.7886 13.5571 39.7886C11.3489 39.7886 9.39752 39.3008 7.70289 38.3251C6.05961 37.3494 4.64741 36.0912 3.4663 34.5507C2.33654 32.9587 1.46355 31.1614 0.847318 29.1586C0.282439 27.1045 0 25.0248 0 22.9193C0 20.6084 0.308116 18.3233 0.924347 16.0637C1.54058 13.8042 2.41357 11.6988 3.54333 9.74737C4.72444 7.79597 6.16231 6.02431 7.85695 4.43238C9.55158 2.84045 11.4516 1.53096 13.5571 0.503906L20.3356 4.12426C19.0005 5.45943 17.845 7.00001 16.8693 8.746C15.945 10.492 15.4828 12.315 15.4828 14.215V14.9083C16.972 15.1651 18.3586 15.6529 19.6424 16.3719C20.9262 17.0908 22.0303 17.9895 22.9546 19.0679C23.9303 20.1463 24.6749 21.3787 25.1884 22.7653C25.7533 24.1518 26.0358 25.6153 26.0358 27.1559Z" fill="%23F2EFF2"/></svg>')
        center / cover;
    width: 45px;
    height: 30px;
}

.faqs.land h2 {
    text-align: center;
}

.faqs.land .rows {
    margin: auto;
    max-width: 800px;
}

.faqs.land .rows .row {
    margin: 7.5px 0;
}

.faqs.land .rows .row .head {
    position: relative;
    padding: 15px 35px 15px 15px;
    border-radius: 10px;
    background: #f9f7f9;
}

.faqs.land .rows .row .head h3 {
    color: #3a0f3f;
    font-size: 18px;
    text-transform: none;
    margin: 0;
    font-weight: 600;
}

.faqs.land .rows .row .head:before {
    position: absolute;
    content: "";
    right: 10px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 15L12 10.42L7.41 15L6 13.59L12 7.59L18 13.59L16.59 15Z" fill="black"/><mask id="mask0_2043_9835" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="7" width="12" height="8"><path d="M16.59 15L12 10.42L7.41 15L6 13.59L12 7.59L18 13.59L16.59 15Z" fill="white"/></mask><g mask="url(%23mask0_2043_9835)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 24H24V0H0V24Z" fill="%236E0183"/></g></svg>')
        center / cover;
    transform: rotate(180deg);
    transition: all 0.2s;
}

.faqs.land .rows .row.open .head:before {
    transform: rotate(0deg);
}

.faqs.land .rows .row .body {
    border-radius: 0 0 15px 15px;
    top: -5px;
    position: relative;
    background: #f9f7f9;
    display: none;
    padding: 15px;
}

.faqs.land .rows .row .body ul {
    padding: 0 20px;
}

.faqs.land .rows .row .body ul li {
    margin: 5px 0;
}

.faqs.land .rows .row .body p {
    margin-bottom: 10px;
}

.ready-turn.land {
    margin: 75px 0 -30px;
    background: url('data:image/svg+xml,<svg width="164" height="145" viewBox="0 0 164 145" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.2"><path d="M74.0722 23.0119H157.606C159.628 23.0119 161.283 24.7277 161.283 26.7501V84.1758V96.9233L149.7 85.2789C148.964 84.5434 148.045 84.1758 147.003 84.1758H75.8491C71.8042 84.1758 68.5564 80.9278 68.5564 76.9441V28.5277C68.5564 25.5246 71.0079 23.0119 74.0722 23.0119Z" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M91.7076 15.6639V-14.6441C91.7076 -17.6263 89.3342 -20.0003 86.352 -20.0003H5.65159C3.64321 -20.0003 2 -18.3568 2 -16.4093V39.2774V51.6318L13.3203 40.3122C13.9897 39.6427 14.9028 39.2774 15.8765 39.2774H61.2171" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M61.2171 68.3679H5.65159C3.64321 68.3679 2 69.9505 2 71.9589V127.584V140L13.3203 128.68C13.9897 127.95 14.9028 127.584 15.8765 127.584H84.6481C88.604 127.584 91.7076 124.481 91.7076 120.585V91.4946" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M27.5977 0.320312H66.5095" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M27.5977 17.3184H66.5095" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M27.5977 89H66.5095" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M27.5977 105.998H66.5095" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M131.174 48.0626V72.0755C131.174 73.3587 130.135 74.3364 128.852 74.3364H101.05C99.8284 74.3364 98.7896 73.3587 98.7896 72.0755V48.0626" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M112.367 48.0757H97.4258C96.267 48.0757 95.4133 47.1604 95.4133 46.0627V42.6476C95.4133 41.5499 96.267 40.6352 97.4258 40.6352" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M132.492 40.6899C133.592 40.6899 134.509 41.5457 134.509 42.6459V46.0685C134.509 47.1687 133.592 48.0854 132.492 48.0854H123.996" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M97.426 40.647H132.565" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M115.474 40.6157L125.245 30.8452" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M115.424 40.6763L104.749 30.8547" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M123.764 67.0264V54.3876H106.118V67.0264H123.764Z" fill="%23CCC1CD"/></g></svg>')
            no-repeat left 5% top -5% / 150px,
        url('data:image/svg+xml,<svg width="164" height="97" viewBox="0 0 164 97" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.2"><path d="M78.0349 48.5054L82.0002 51.6772L85.9654 48.5054C88.6915 46.1758 101.777 35.2713 104.007 33.2887C113.673 24.6148 111.095 14.2554 111.095 14.2554C110.798 12.8676 110.302 11.5297 109.559 10.1914C107.279 5.97839 103.065 3.00418 98.3567 2.21114C87.0558 0.327655 82.0002 11.6784 82.0002 11.6784C82.0002 11.6784 76.9445 0.327655 65.6436 2.21114C60.9349 3.00418 56.722 5.97839 54.442 10.1914C53.6985 11.5297 53.2028 12.8676 52.8558 14.2554C52.8558 14.2554 50.2786 24.6148 59.9934 33.2887C62.1743 35.2713 75.3088 46.1758 78.0349 48.5054Z" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M11.6675 12.4714L16.822 11.4801C19.7463 10.8854 22.4724 12.769 23.0177 15.6438C24.2072 22.4343 26.9334 38.4931 28.0734 44.7383L31.9394 49.6948" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.8196 14.1565L25.595 13.611C28.5194 13.0162 31.2951 14.8503 31.7907 17.7747C33.3272 26.2503 34.4179 34.1309 35.7066 41.0205L39.5726 46.4233" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.1287 20.3024L35.3097 19.906C38.2341 19.3112 41.0097 21.1949 41.5054 24.0697C42.9924 32.5949 45.3215 44.54 45.3215 44.54" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M55.2347 69.7686C47.9981 63.1764 36.7469 61.3425 27.8251 65.4069C27.0321 65.7539 26.1897 66.1007 25.2975 66.299C19.1514 67.5381 18.0115 62.3338 16.2271 58.4678C14.5915 54.9486 11.1713 52.2226 7.35473 50.3887C4.38081 48.9513 1.15887 51.7763 2.19974 54.8989C4.13279 60.6485 6.51202 66.2498 9.23812 71.6524C10.7746 74.6759 12.4103 77.6494 14.9381 79.9294C19.746 84.2912 26.6852 85.2331 33.1287 86.5714C39.5226 87.9097 46.462 90.5366 49.1881 96.4845V115.815" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M43.7363 50.0416C51.9146 52.0242 61.8277 53.2139 68.2712 63.5235C71.3442 68.48 73.6738 74.7746 74.219 80.9207V116.757" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.80069 50.1406L3.38918 16.5847C3.09179 14.0073 4.87595 11.5786 7.40378 11.1325C9.98118 10.6369 12.4101 12.3224 12.8066 14.8998L18.1596 47.7615L22.8189 53.3623" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M152.333 12.4714L147.178 11.4801C144.254 10.8854 141.478 12.769 140.983 15.6438C139.793 22.4343 137.018 38.4931 135.927 44.7383L132.061 49.6948" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M141.132 14.1565L138.356 13.611C135.432 13.0162 132.705 14.8503 132.16 17.7747C130.673 26.2503 129.534 34.1309 128.245 41.0205L124.428 46.4233" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M130.871 20.3024L128.69 19.906C125.766 19.3112 122.99 21.1949 122.494 24.0697C120.958 32.5949 118.678 44.54 118.678 44.54" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M108.766 69.7686C116.002 63.1764 127.204 61.3425 136.176 65.4069C136.969 65.7539 137.811 66.1007 138.703 66.299C144.8 67.5381 145.989 62.3338 147.774 58.4678C149.409 54.9486 152.78 52.2226 156.596 50.3887C159.62 48.9513 162.841 51.7763 161.8 54.8989C159.867 60.6485 157.489 66.2498 154.763 71.6524C153.226 74.6759 151.541 77.6494 149.063 79.9294C144.255 84.2912 137.266 85.2331 130.872 86.5714C124.478 87.9097 117.489 90.5366 114.763 96.4845V115.815" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M120.215 50.0416C112.086 52.0242 102.173 53.2139 95.7297 63.5235C92.6071 68.48 90.3271 74.7746 89.7819 80.9207V116.757" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M156.2 50.1406L160.611 16.5847C160.909 14.0073 159.124 11.5786 156.547 11.1325C153.969 10.6369 151.59 12.3224 151.144 14.8998L145.841 47.7615L141.132 53.3623" stroke="%23CCC1CD" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M103.61 13.4624C102.322 11.0337 99.9424 9.34843 97.2163 8.90234C96.7206 8.80321 96.2746 8.80311 95.8286 8.80311C90.9216 8.80311 88.1955 14.3548 88.1459 14.4044L87.3032 16.387C89.5337 15.6931 91.9627 15.6433 94.0444 16.6842C97.514 18.5181 99.0006 22.9294 98.4554 26.8451C98.3563 27.7868 98.1086 28.7782 97.8112 29.6704C98.6042 29.0261 99.1496 28.5302 99.4966 28.2328C105.99 22.4337 104.552 15.9409 104.552 15.8913C104.354 14.9992 104.057 14.2059 103.61 13.4624Z" fill="%23CCC1CD"/></g></svg>')
            no-repeat right 5% bottom -5% / 150px,
        linear-gradient(90deg, #660874, #351136);
    padding: 55px 0;
}

.ready-turn.land .cont {
    margin: auto;
    text-align: center;
    max-width: 1100px;
}

.ready-turn.land .cont h2,
.ready-turn.land .cont p {
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .hero-home.land .ttl,
    .hero-home.land .img {
        width: 100%;
    }

    .hero-home.land .ttl {
        margin-bottom: 5rem;
    }

    .hero-home.land .ttl h1 {
        font-size: 2.8rem;
        text-align: center;
    }

    .text-block div {
        width: calc(100% - 30px) !important;
    }

    .how-to.land .txt,
    .how-to.land .img {
        width: calc(100% - 60px);
        padding: 30px;
    }

    .hero-home.land .ttl .btn,
    .how-to.land .txt .btn {
        left: 50%;
        transform: translateX(-50%);
    }

    .how-to.land .img,
    .how-to.land .img img {
        position: relative;
        top: auto;
        bottom: auto;
    }
}

/* Videochat landing end */

@media screen and (max-width: 1200px) {
    #nav ul li {
        margin-right: 2.2rem;
    }
}

@media screen and (max-width: 1130px) {
    #nav ul li {
        margin-right: 1.2rem;
        font-size: 1.4rem;
    }
    #nav ul li a {
        padding-left: 27px;
    }
}

.min-side #sidebar {
    width: 90px;
}

.min-side #content {
    margin-left: 120px;
}

.min-side .widget-inner {
    padding: 3rem 1.5rem;
    text-align: center;
}

.min-side .account-right {
    display: none;
}

.min-side .widget .btn {
    margin-left: 0;
}

.min-side .widget h3 {
    font-size: 1.1rem;
    margin-left: 0;
}

.min-side .widget h3 span {
    display: none;
}

.min-side .user-mail-list {
    text-align: center;
}

.min-side .user-mail-list li a {
    padding-left: 30px;
}

.min-side .user-mail-list li a i {
    left: 50%;
    transform: translate(-50%, -50%);
}

.min-side .user-mail-list li a span {
    display: none;
}

.min-side .widget-inner .btn {
    min-width: 1px;
    width: 40px;
    height: 40px;
    padding: 0;
}

.min-side .widget-inner .btn span {
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
}

.min-side .widget-inner .btn span i {
    left: 50%;
    transform: translate(-50%, -50%);
}

.min-side .widget-inner .btn span em {
    display: none;
}

.min-side .account-menu {
    margin-left: 0;
}

.min-side .account-menu .avatar {
    float: none;
    margin: 0 auto;
}

.min-side #footer .footer-in {
    padding-left: 120px;
}

.min-side .mail-box-fixed {
    left: calc((100% - 1410px) / 2 + 120px);
}

.widget-inner .btn span em {
    font-style: normal;
}

#sidebar .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

#sidebar {
    width: 330px;
    top: 0;
    left: calc((100% - 1410px) / 2);
    padding-top: 72px;
    bottom: 0;
    position: fixed;
    z-index: 99;
    transition: padding 0.3s, width 0.3s;
}

#sidebar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #3a0f3f;
}

.sidebar-inner {
    position: relative;
    z-index: 5;
    overflow-y: auto;
    height: 100%;
}

.top-widget {
    position: relative;
}

.top-widget-inner {
    border-radius: 0 0 16px 16px;
    background-color: #f9f7f9;
    position: relative;
    z-index: 5;
}

.top-widget:before {
    content: "";
    position: absolute;
    left: 1%;
    width: 98%;
    height: 52px;
    border-radius: 16px;
    bottom: -4px;
    background-color: #9c879f;
    z-index: 1;
}

.top-widget:after {
    content: "";
    position: absolute;
    left: 2%;
    width: 96%;
    height: 52px;
    border-radius: 16px;
    background-color: #755778;
    bottom: -8px;
}

.btn-wrap {
    text-align: center;
}

.btn-wrap .btn {
    min-width: 170px;
}

.account-menu {
    margin-bottom: 2.5rem;
    margin-left: -14px;
}

.account-menu:after {
    content: "";
    clear: both;
    display: block;
}

.account-menu .avatar {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 3px solid #fff;
    float: left;
}

.account-right {
    margin-left: 64px;
}

.user-name {
    position: relative;
    z-index: 6;
    padding: 3px 0 0;
}

.user-name span {
    padding-right: 30px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    margin-bottom: 10px;
}

.user-name span:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    border: 4px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.5);
    right: 0;
}

.user-name.opened .user-nav {
    opacity: 1;
    visibility: visible;
}

.user-nav {
    position: absolute;
    top: 100%;
    margin-top: -20px;
    left: -16px;
    box-sizing: border-box;
    padding: 16px;
    width: 180px;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    list-style-type: none;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s, visibility 0.35s;
}

.user-nav li {
    font-weight: 400;
    opacity: 0.87;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.user-nav li:last-child {
    margin-bottom: 0;
}

.user-nav li a {
    color: #000;
    text-decoration: none;
}

.user-nav li a:hover {
    color: #d4145a;
}

.user-balance-item {
    color: rgba(58, 15, 63, 0.5);
    font-size: 1.2rem;
    font-weight: 400;
    margin-left: 2rem;
    display: inline-block;
    vertical-align: top;
}

.user-balance-item:first-child {
    margin-left: 0;
}

.user-balance-item a {
    color: #6e0183;
    margin-left: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.35s;
}

.user-balance-item a:hover {
    opacity: 0.7;
}

.user-mail-list {
    list-style-type: none;
    margin-bottom: 2.5rem;
}

.user-mail-list li {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.user-mail-list li a {
    color: #6e0183;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    position: relative;
    transition: color 0.35s;
    padding-left: 5rem;
}
.user-mail-list li a#textUserGuideLeftPanel i:before {
    display: none;
}
.user-mail-list li a#textUserGuideLeftPanel i {
    width: 20px;
    height: 20px;
    transition: none;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1"><mask id="mask0_0_55" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_0_55)"><path d="M10 16.6667C9.33333 16.1389 8.61111 15.7292 7.83333 15.4375C7.05556 15.1459 6.25 15 5.41667 15C4.83333 15 4.26042 15.0764 3.69792 15.2292C3.13542 15.382 2.59722 15.5972 2.08333 15.875C1.79167 16.0278 1.51042 16.0209 1.23958 15.8542C0.96875 15.6875 0.833333 15.4445 0.833333 15.125V5.08335C0.833333 4.93058 0.871528 4.78474 0.947917 4.64585C1.02431 4.50697 1.13889 4.4028 1.29167 4.33335C1.93056 4.00002 2.59722 3.75002 3.29167 3.58335C3.98611 3.41669 4.69444 3.33335 5.41667 3.33335C6.22222 3.33335 7.01042 3.43752 7.78125 3.64585C8.55208 3.85419 9.29167 4.16669 10 4.58335V14.6667C10.7083 14.2222 11.4514 13.8889 12.2292 13.6667C13.0069 13.4445 13.7917 13.3334 14.5833 13.3334C15.0833 13.3334 15.5729 13.375 16.0521 13.4584C16.5312 13.5417 17.0139 13.6667 17.5 13.8334V3.83335C17.7083 3.9028 17.9132 3.97571 18.1146 4.0521C18.316 4.12849 18.5139 4.22224 18.7083 4.33335C18.8611 4.4028 18.9757 4.50697 19.0521 4.64585C19.1285 4.78474 19.1667 4.93058 19.1667 5.08335V15.125C19.1667 15.4445 19.0312 15.6875 18.7604 15.8542C18.4896 16.0209 18.2083 16.0278 17.9167 15.875C17.4028 15.5972 16.8646 15.382 16.3021 15.2292C15.7396 15.0764 15.1667 15 14.5833 15C13.75 15 12.9444 15.1459 12.1667 15.4375C11.3889 15.7292 10.6667 16.1389 10 16.6667ZM11.6667 12.5V4.58335L15.8333 0.416687V8.75002L11.6667 12.5Z" fill="white"/></g></g></svg>')
        no-repeat 0 0;
}
.user-mail-list li a#textUserGuideLeftPanel:hover i {
    filter: brightness(0) saturate(100%) invert(79%) sepia(11%) saturate(1761%) hue-rotate(34deg) brightness(95%) contrast(80%);
}
.user-mail-list li a i {
    position: absolute;
    left: 0;
    opacity: 0.26;
    top: 50%;
    color: #3a0f3f;
    transition: color 0.35s, opacity 0.35s;
    transform: translate(0, -50%);
    font-size: 2rem;
}

.widget .user-mail-list li a {
    color: #fff;
}

.widget .user-mail-list li a i {
    color: #fff;
}

.user-mail-list li.current a,
.user-mail-list li.current a i,
.user-mail-list li a:hover,
.user-mail-list li a:hover i {
    color: #a5c45a;
    opacity: 1;
}

.user-mail-list li .active {
    color: #a5c45a !important;
    opacity: 1;
}

.widget h3 {
    color: #fff;
    opacity: 0.5;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 5rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.widget .btn {
    margin-left: 5rem;
}

.widget-inner {
    padding: 3rem;
}

#content {
    margin-left: 360px;
    padding-top: 3rem;
    min-height: calc(100vh - 363px);
    transition: margin-left 0.3s;
}

.ladies-section {
    padding-top: 0.5rem;
}

.ladies-section .video-list .video-item {
    width: 23%;
    margin-left: 2.66%;
}

.ladies-section .video-list .video-item:nth-child(2n + 2) {
    margin-left: 2.66%;
}

.ladies-section .video-list .video-item:nth-child(4n + 1) {
    margin-left: 0;
}

.ladies-section .ladies-section-head:after {
    clear: both;
    display: block;
    content: "";
}

.ladies-section .ladies-section-head h2 {
    float: left;
    max-width: 70%;
}

.ladies-section .ladies-section-head a {
    float: right;
    max-width: 30%;
}

.ladies-section h2 {
    font-size: 32px;
    font-weight: bold;
    color: #3a0f3f;
    margin-bottom: 3.5rem;
    text-transform: uppercase;
}

.black-list-ladies {
    padding-top: 3rem;
}

.ladies-list,
.photos-list {
    font-size: 0;
}

.ladies-list .ladies-item,
.photos-list .photo-item {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin-left: 2.66%;
    overflow: hidden;
    position: relative;
    font-size: 1.5rem;
    border-radius: 8px;
    margin-bottom: 3rem;
}

.ladies-list .ladies-item:hover .lady-name {
    opacity: 0;
}

.ladies-list .ladies-item:hover .lady-dropdown {
    opacity: 1;
    transform: translate(0, 0);
}

.ladies-list .ladies-item:hover .lady-dropdown .lady-dropdown-in {
    opacity: 1;
    transition: opacity 0.5s 0.3s;
}

.ladies-list .ladies-item .btn {
    position: absolute;
    bottom: 4.4rem;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 145px;
    padding-left: 11px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
    transition: bottom 0.3s;
}
@media (max-width: 1300px) {
    .ladies-list .ladies-item:hover .btn {
        bottom: 2rem;
    }
}
@media (max-width: 600px) {
    .ladies-list .ladies-item:hover .btn {
        bottom: 4.4rem;
    }
    .ladies-list .ladies-item:hover .lady-dropdown {
        opacity: 0;
        visibility: hidden;
    }
    .ladies-list .ladies-item:hover .lady-name {
        opacity: 1;
    }
}

.ladies-list .ladies-item:nth-child(4n + 1),
.photos-list .photo-item:nth-child(4n + 1) {
    margin-left: 0;
}

.ladies-list .ladies-item .ladies-item-inner,
.photos-list .photo-item .ladies-item-inner {
    width: 100%;
    display: block;
    padding-bottom: 150%;
    position: relative;
}

.ladies-list .ladies-item .ladies-item-inner:after,
.photos-list .photo-item .ladies-item-inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7));
}

.photos-list .photo-item .btn {
    position: absolute;
    bottom: 4.4rem;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 145px;
}

.ladies-list .ladies-item .like,
.photos-list .photo-item .like {
    position: absolute;
    top: 1.4rem;
    right: 1.2rem;
    z-index: 10;
    color: #fff;
    transition: color 0.5s;
    text-decoration: none;
}

.ladies-list .ladies-item .like:hover,
.photos-list .photo-item .like:hover {
    color: #6e0183;
}

.ladies-list .ladies-item .like i,
.photos-list .photo-item .like i {
    font-size: 3.2rem;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.ladies-list .ladies-item .online-chat {
    position: absolute;
    left: 1.6rem;
    top: 1.6rem;
    z-index: 10;
}

.ladies-list .ladies-item .lady-name,
.photos-list .photo-item .lady-name {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
    color: #fff;
    pointer-events: none;
    font-size: 1.5rem;
    font-weight: 800;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1rem;
    text-align: center;

    transition: opacity 0.35s;
}

.photos-list .photo-item .lady-name {
    z-index: 11;
    pointer-events: auto;
    text-decoration: none;
}

.photos-list .photo-item .lady-name:hover {
    opacity: 0.7;
}

.ladies-list .ladies-item .lady-name span,
.photos-list .photo-item .lady-name span {
    font-weight: 400;
}

.online-chat {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 15px;
    overflow: hidden;
    padding: 5px 14px 5px 5px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.33;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}

.online-chat:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, #a8c761 0%, #84a910 100%);
    transition: opacity 0.35s;
}

.online-chat:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
    opacity: 0;
    transition: opacity 0.35s;
}

.online-chat:hover:before {
    opacity: 0;
}

.online-chat:hover:after {
    opacity: 1;
}

.online-chat span {
    padding-left: 2.4rem;
    position: relative;
    z-index: 5;
}

.online-chat i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 2rem;
}

.online-chat.online-web:before {
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
}

.online-chat.online-web:after {
    background: linear-gradient(to right, #a8c761 0%, #84a910 100%);
}

.ladies-list .ladies-item .lady-dropdown .lady-name {
    position: static;
    transform: translate(0, 0);
    text-align: center;
    display: block;
    margin-bottom: 1.4rem;
    padding: 0;
    opacity: 1 !important;
}

.lady-dropdown {
    background: rgba(212, 20, 90, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translate(0, 100%);
    transition: opacity 0.5s, transform 0.5s;
    opacity: 0;
}

.lady-dropdown .lady-dropdown-in {
    position: absolute;
    top: 50%;
    transform: translate(0, -55%);
    width: 100%;
    left: 0;
    padding: 0 2rem;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.5s 0s;
}

.lady-table {
    display: block;
}

.lady-table .lady-row {
    display: block;
    font-size: 0;
    color: #fff;
    margin-bottom: 0.9rem;
}

.lady-table .lady-row span {
    display: inline-block;
    vertical-align: top;
    padding-right: 5px;
    text-align: right;
    width: 30%;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 1.3rem;
}

.lady-table .lady-row b {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    font-weight: 700;
    font-size: 1.5rem;
    width: 70%;
    box-sizing: border-box;
}
@media (max-width: 1200px) and (min-width: 1100px) {
    .lady-table .lady-row b {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.loading {
    text-align: center;
}

.loading img {
    display: block;
    margin: 0 auto 1rem;
}

.loading span {
    color: #6e0183;
    opacity: 0.54;
    font-size: 12px;
}

.mail-head:after {
    clear: both;
    display: block;
    content: "";
}

.mail-head h2 {
    float: left;
    font-size: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #3a0f3f;
}

.mail-nav {
    float: right;
}

.mail-nav ul {
    list-style-type: none;
}

.mail-nav ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: 600;
    margin-left: 3rem;
    text-transform: uppercase;
}

.mail-nav ul li a {
    color: #3a0f3f;
    opacity: 0.5;
    text-decoration: none;
    transition: opacity 0.35s, color 0.35s;
    padding-left: 3.2rem;
    position: relative;
}

.mail-nav ul li a i {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 2.4rem;
    transform: translate(0, -50%);
}

.mail-nav ul li.current a,
.mail-nav ul li a:hover,
.mail-nav ul a.current {
    color: #d4145a;
    opacity: 1;
}

.mail-container .mail-sidebar {
    display: inline-block;
    vertical-align: top;
    width: 330px;
    font-size: 1.5rem;
    height: 77vh;
}

.search-lady {
    margin-bottom: 2rem;
    width: calc(100% - 15px);
}

.search-row {
    position: relative;
}

.search-row input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.12);
    height: 40px;
    border-radius: 20px;
    font-size: 13px;
    outline: none;
    font-weight: 400;
    padding: 0 40px 0 20px;
}

.search-row input:focus {
    border-color: #d4145a;
    box-shadow: 0 4px 16px 0 rgba(212, 20, 90, 0.26);
}

.search-row button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    border-radius: 0 20px 20px 0;
}

.search-row button i {
    font-size: 24px;
    opacity: 0.26;
    color: #000;
    transition: color 0.35s, opacity 0.35s;
}

.search-row button:hover i {
    color: #d4145a;
    opacity: 1;
}

.side-list-ladies {
    margin-bottom: 2rem;
    width: calc(100% - 15px);
}

.side-lady-item,
.ui-widget-content .side-lady-item {
    padding: 5px 35px 5px 5px;
    position: relative;
    border-radius: 8px;
    font-size: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    margin: 0 0 8px;
    transition: box-shadow 0.35s, background 0.35s;
}

.side-lady-item .chating {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    color: #fff;
    border-radius: 10px;
    line-height: 20px;
    padding: 0 5px;
    box-sizing: border-box;
    min-width: 32px;
    font-weight: 700;
    text-align: center;
    background: #a4c553;
}

.side-lady-item .lady-close {
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 2.4rem;
    transition: opacity 0.35s;
}

.side-lady-item .webcam {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 2rem;
    transition: opacity 0.35s;
}

.side-lady-item .webcam .icon-camera-off {
    color: #ccc1cd;
}

.side-lady-item .webcam .icon-camera-20 {
    color: #6e0183;
}

.side-lady-item.chosen .lady-close:hover {
    opacity: 0.7;
}

.side-lady-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
    opacity: 0;
    transition: opacity 0.35s;
}

.side-lady-item .side-lady-item-in {
    position: relative;
    z-index: 5;
}

.side-lady-item .side-lady-item-in .side-lady-item-photo {
    width: 53px;
    height: 80px;
    border-radius: 4px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.side-lady-item .side-lady-item-in .side-lady-item-photo span {
    background: #a5c45a;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 2px solid #fff;
    position: absolute;
    top: 9px;
    right: -10px;
    transition: border 0.35s;
}

.side-lady-item .side-lady-item-in .side-lady-item-photo span.offline {
    background: #f6566e;
}

.side-lady-item .side-lady-item-in .side-lady-item-data {
    margin-left: 24px;
    width: calc(100% - 77px);
    display: inline-block;
    vertical-align: middle;
    color: #000;
    opacity: 0.87;
    font-size: 1.5rem;
    transition: color 0.35s, opacity 0.35s;
}

.side-lady-item .side-lady-item-in .side-lady-item-data h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: none;
    color: rgba(0, 0, 0, 0.87);
}

.side-lady-item .side-lady-item-in .side-lady-item-data h3 div {
    display: inline-block;
    vertical-align: top;
}

.side-lady-item .side-lady-item-in .side-lady-item-data h3 span {
    font-weight: 400;
}

.side-lady-item .side-lady-item-in .side-lady-item-data h3 a.like {
    color: rgba(58, 15, 63, 0.3);
    font-size: 1.7rem;
    margin-left: 0.9rem;
    text-decoration: none;
}

.side-lady-item .side-lady-item-in .side-lady-item-data h3 a.like.liked {
    color: #d4145a;
}

.side-lady-item-data-table {
    line-height: 1.5;
}

.side-lady-item-data-table span {
    width: 25px;
    display: inline-block;
    vertical-align: top;
    padding-right: 8px;
    font-size: 1.3rem;
    opacity: 0.57;
}

.side-lady-item-data-table div {
    width: calc(100% - 38px);
    display: inline-block;
    vertical-align: top;
    font-size: 1.3rem;
    font-weight: 700;
}

.side-lady-item:hover {
    background: #f9f7f9;
}

.mail-content-over-wrap-who .side-lady-item:hover {
    background: none;
}

.side-list-ladies .side-lady-item.chosen {
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}

.side-list-ladies .side-lady-item.chosen .side-lady-item-in .side-lady-item-data h3 {
    color: #fff;
}

.side-list-ladies .side-lady-item.chosen .side-lady-item-in .side-lady-item-data {
    color: #fff;
    opacity: 1;
}

.side-list-ladies .side-lady-item.chosen:before {
    opacity: 1;
}

.side-list-ladies .side-lady-item.chosen .side-lady-item-in .side-lady-item-photo span {
    border-color: #6e0183;
}

.side-list-ladies .side-lady-item.chosen .lady-close {
    opacity: 1;
}

.live-chat-side .side-list-ladies {
    max-height: calc(100% - 80px);
    margin-bottom: 0;
}

.ui-widget.ui-widget-content.ui-autocomplete {
    border: none;
    background: #fff;
    padding: 16px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    border-radius: 16px;
}

.ladies-nav a {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 1.5rem;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    color: #6e0183;
    transition: color 0.35s;
}

.ladies-nav a:hover {
    color: #d4145a;
}

.ladies-nav a.next {
    padding-right: 32px;
}

.ladies-nav a.prev {
    padding-left: 32px;
    margin-right: 4rem;
}

.ladies-nav a i {
    position: absolute;
    top: 50%;

    font-size: 2.4rem;
}

.ladies-nav a.next i {
    transform: translate(0, -50%) rotate(-90deg);
    right: 0;
}

.ladies-nav a.prev i {
    left: 0;
    transform: translate(0, -50%) rotate(90deg);
}

.messages-wrap {
    margin-bottom: 2.1rem;
}

.messages-wrap .loading {
    margin-bottom: 1rem;
}

.mail-container {
    font-size: 0;
}

.mail-container .mail-content {
    margin-left: 30px;
    width: calc(100% - 360px);
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
}

.mail-empty {
    padding: 9rem 3rem;
    background: #f9f7f9;
    position: relative;
}

.mail-empty-in {
    z-index: 5;
    position: relative;
    text-align: center;
}

.mail-empty-in h3 {
    opacity: 0.87;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.33;
}

.mail-empty-in p {
    opacity: 0.87;
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 3.2rem;
    line-height: 1.33;
}

.mail-empty-btns .btn {
    margin: 0 0.7rem 10px;
}

.message-item {
    background: #f9f7f9;
    border-radius: 8px;
    padding: 2.4rem;
    margin-bottom: 8px;
}

.message-item.my {
    background: #eff0f8;
}

.message-meta {
    overflow: hidden;
    margin-bottom: 1.6rem;
}

.message-date {
    color: #000;
    opacity: 0.87;
    font-weight: 700;
    font-size: 1.5rem;
    float: left;
}

.message-date span {
    opacity: 0.62;
    font-weight: 300;
    font-size: 1.9rem;
}

.remove-mail,
.restore-mail {
    color: #3a0f3f;
    opacity: 0.26;
    font-size: 2.4rem;
    text-decoration: none;
    float: right;
    transition: opacity 0.35s, color 0.35s;
}

.remove-mail:hover,
.restore-mail:hover {
    color: #d4145a;
    opacity: 1;
}

.message-text-content {
    color: #000;
    line-height: 1.6;
    font-size: 1.5rem;
    font-weight: 400;
    opacity: 0.87;
    margin-bottom: 1.6rem;
    word-wrap: break-word;
    word-break: break-word;
}

.message-text-images {
}

.message-text-images ul {
    list-style-type: none;
    font-size: 0;
}

.message-text-images ul .li,
.message-text-images ul li {
    display: inline-block;
    vertical-align: top;
    width: 14%;
    margin-bottom: 1.6rem;
    margin-left: 2.5%;
}

.message-text-images ul .li:nth-child(6n + 1),
.message-text-images ul li:nth-child(6n + 1) {
    margin-left: 0;
}

.message-text-images ul .li a,
.message-text-images ul li a {
    transition: opacity 0.35s;
}

.message-text-images ul .li a:hover,
.message-text-images ul li a:hover {
    opacity: 0.7;
}

.message-text-images ul .li a span,
.message-text-images ul li a span {
    display: block;
    width: 100%;
    padding-bottom: 150%;
    border-radius: 4px;
}

.mail-content .ladies-nav {
    text-align: right;
    margin-bottom: 2.4rem;
}

.write-message {
}

.write-message-head {
    width: 100%;
}

.write-message-head:after {
    clear: both;
    content: "";
    display: table;
}

.write-message-head h3 {
    font-size: 2.4rem;
    color: #3a0f3f;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    margin-bottom: 1.6rem;
}

.write-message-head-btn {
    float: right;
}

.write-message-head .emotion-Icon {
    font-size: 2.4rem;
    transition: color 0.35s;
    float: right;
    text-decoration: none;
}

.write-message-head .emotion-Icon:hover {
    color: #d4145a;
}

.write-message-contol-left .btn {
    overflow: hidden;
}

.write-message-contol-left .btn input {
    cursor: pointer;
}

.textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: normal;
    border-radius: 8px;
    border: solid 1px rgba(0, 0, 0, 0.12);
    height: 160px;
    resize: none;
    margin-bottom: 2.4rem;
    background: #fff;
    position: relative;
    overflow-y: auto;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    cursor: text;
}

.textarea img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 3px;
}

.textarea:empty:after {
    content: attr(placeholder);
    position: absolute;
    left: 2.4rem;
    top: 2.4rem;
    opacity: 0.7;
}

.textarea:focus:after {
    opacity: 0;
}

.write-message-contol {
    overflow: hidden;
}

.write-message-contol .write-message-contol-left {
    float: left;
}

.write-message-contol .write-message-contol-right {
    float: right;
}

.write-message-contol .write-message-contol-right .btn {
    margin-left: 1.4rem;
}

.write-message-notice {
    max-width: 180px;
    margin: 0 0 0 auto;
    text-align: center;
    opacity: 0.54;
    color: #000;
    font-size: 1.2rem;
    padding-top: 1.6rem;
}

.write-message-notice b {
    font-weight: 700;
}

.uploaded-image {
    list-style-type: none;
    font-size: 0;
    padding-bottom: 8px;
}

.uploaded-image .li,
.uploaded-image li {
    display: inline-block;
    vertical-align: top;
    width: 14%;
    margin-bottom: 1.6rem;
    margin-left: 2.5%;
}

.uploaded-image .li:nth-child(6n + 1),
.uploaded-image li:nth-child(6n + 1) {
    margin-left: 0;
}

.uploaded-image .li span,
.uploaded-image li span {
    display: block;
    border-radius: 4px;
    width: 100%;
    padding-bottom: 150%;
    position: relative;
}

.uploaded-image .li span a:not(.set-ava),
.uploaded-image li span a:not(.set-ava) {
    position: absolute;
    top: 6px;
    right: -12px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #fff;
    font-size: 2rem;
}

.uploaded-image li span a:not(.set-ava) i,
.uploaded-image .li span a:not(.set-ava) i {
    color: #3a0f3f;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.26;
    transition: opacity 0.35s, color 0.35s;
}

.uploaded-image li span a:not(.set-ava):hover i,
.uploaded-image .li span a:not(.set-ava):hover i {
    color: #d4145a;
    opacity: 1;
}

.uploaded-image li span a.set-ava,
.uploaded-image .li span a.set-ava {
    position: absolute;
    width: 75px;
    text-align: center;
    line-height: 20px;
    border-radius: 20px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
    background: linear-gradient(to left, #84a910 100%, #a8c761 1%);
    border: 2px solid transparent;
    left: 50%;
    margin-left: -37.5px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    bottom: 12px;
}

.uploaded-image li span a.ava,
.uploaded-image .li span a.ava {
    border: 2px solid #fff;
    background: none;
}

.uploaded-image li span a.set-ava:hover,
.uploaded-image .li span a.set-ava:hover {
    border: 2px solid #fff;
    background: none;
}

.emotion-area {
    position: absolute;
    box-shadow: 1px 1px 1px 1px #333;
    top: 130%;
    display: none;
    right: 0;
    width: 355px;
    box-sizing: border-box;
    flex-wrap: wrap;
    overflow-y: auto;
    height: 200px;
    border-radius: 16px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    z-index: 99;
}

.emotion-area img {
    margin: 6px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.emotion {
    position: relative;
    display: flex;
}

.emotion-Icon {
    position: relative;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

.ShowImotion {
    display: flex !important;
}

.message-item-to {
    margin-bottom: 1.6rem;
}

.message-item-to-left {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

.message-item-to-right {
    display: inline-block;
    vertical-align: middle;
    width: calc(40% - 4px);
    text-align: right;
}

.message-item-to-left .side-lady-item {
    margin-bottom: 0;
}

.message-item-to-left .side-lady-item:hover {
    background: transparent;
    cursor: default;
}

.filter-ranges {
    padding: 0 2rem;
    font-size: 0;
    margin-bottom: 2.5rem;
}

.filter-ranges.items-4 {
    padding: 0;
}

.filter-ranges.items-4 .filter-ranges-item,
.filter-ranges.items-4 .filter-ranges-item:nth-child(3n + 1) {
    width: 23%;
    margin-left: 2.66%;
    vertical-align: middle;
}

.filter-ranges.items-4 .filter-ranges-item:nth-child(4n + 1) {
    margin-left: 0;
}

.filter-ranges-item {
    width: 28%;
    margin-left: 8%;
    display: inline-block;
    vertical-align: top;
}

.filter-ranges-item:nth-child(3n + 1) {
    margin-left: 0;
}

.range-label {
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    padding-bottom: 1rem;
}

.range-label:after {
    clear: both;
    display: block;
    content: "";
}

.range-label span:first-child {
    float: left;
}

.rage-data {
    font-weight: 400;
    float: right;
}

.rage-data b {
    font-weight: 700;
}

.ui-slider.ui-widget.ui-widget-content {
    border: none;
    background: rgba(58, 15, 63, 0.12);
    border-radius: 2px;
    height: 4px;
    margin: 15px 0;
}

.ui-slider .ui-slider-range {
    background: #6e0183;
    height: 6px;
    margin-top: -1px;
}

.ui-slider-horizontal .ui-slider-handle {
    width: 20px;
    height: 20px;
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.26);
    background: #6e0183;
    border-radius: 100%;
    border: none;
    top: -8px;
    margin-left: -10px;
}

.ui-slider-horizontal .ui-slider-handle:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
    background-color: rgba(110, 1, 131, 0.12);
}

.ui-slider-horizontal .ui-slider-handle.ui-state-active:before,
.ui-slider-horizontal .ui-slider-handle.ui-state-active span {
    visibility: visible;
    opacity: 1;
}

.ui-slider-horizontal .ui-slider-handle span {
    position: absolute;
    top: 29px;
    background: rgba(0, 0, 0, 0.87);
    left: 50%;
    color: #fff;
    line-height: 1;
    font-size: 11px;
    padding: 5px 8px;
    box-sizing: border-box;
    min-width: 32px;
    text-align: center;
    transform: translate(-50%, 0);
    transition: opacity 0.5s, visibility 0.5s;
    visibility: hidden;
    opacity: 0;
}

.ui-slider-horizontal .ui-slider-handle span:after {
    content: "";
    bottom: 100%;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    border: 3px solid transparent;
    border-bottom: 3px solid rgba(0, 0, 0, 0.87);
}

.filter-row {
    font-size: 0;
    margin-bottom: 2.4rem;
}

.filter-row.three-cols .filter-column,
.filter-row.three-cols .filter-column:nth-child(4n + 1) {
    width: 31.33%;
    margin-left: 3%;
}

.filter-row.three-cols .filter-column:nth-child(3n + 1) {
    margin-left: 0;
}

.filter-row .filter-column .field-row {
    margin-bottom: 0;
}

.field-row input + .tooltip,
.field-row textarea + .tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 2rem;
    z-index: 10;
    transform: translate(-50%, 0);
    margin-bottom: 5px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s;
}

.field-row input + .tooltip:after,
.field-row textarea + .tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    border: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.7);
    left: 50%;
    margin-left: -2.5px;
}

.field-row input:focus + .tooltip,
.field-row textarea:focus + .tooltip {
    opacity: 1;
    visibility: visible;
}

.filter-row .filter-column {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    margin-left: 2.66%;
}

.filter-row .filter-column:nth-child(4n + 1) {
    margin-left: 0;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 3.2rem;
    position: relative;
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    padding-right: 52px;
    cursor: pointer;
}

.checkbox label i {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 2rem;
    color: #6e0183;
    transform: translate(0, -50%);
}

.checkbox .slider-checkbox {
    background: rgba(58, 15, 63, 0.12);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    border-radius: 14px;
    width: 36px;
    height: 14px;
    transition: background 0.5s;
}

.checkbox .slider-checkbox:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -2px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.26);
    background-color: #ffffff;
    transition: left 0.5s, background 0.5s;
}

.checkbox input {
    display: none;
}

.checkbox input:checked + .slider-checkbox {
    background: rgba(110, 1, 131, 0.26);
}

.checkbox input:checked + .slider-checkbox:before {
    background: #6e0183;
    left: 18px;
}

.label-sel {
    font-size: 1.3rem;
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 0.87);
    margin-left: 20px;
}

div.fancy-select {
    position: relative;
    font-size: 1.3rem;
    color: rgba(0, 0, 0, 0.87);
}

div.fancy-select.disabled {
    opacity: 0.5;
}

div.fancy-select div.trigger {
    border-radius: 20px;
    cursor: pointer;
    padding: 0 34px 0 20px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: relative;
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid rgba(0, 0, 0, 0.12);
    width: 100%;
    height: 40px;
    line-height: 40px;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
}

div.fancy-select div.trigger:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.54);
    top: 50%;
    margin-top: -2.5px;
    right: 16px;
}

div.fancy-select div.trigger.open:after {
    border-bottom: 5px solid rgba(0, 0, 0, 0.54);
    border-top: 4px solid transparent;
    margin-top: -7.5px;
}

div.fancy-select ul.options {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 40px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    max-height: 200px;
    overflow: auto;
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    min-width: 100%;
    box-sizing: border-box;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);

    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.open {
    visibility: visible;
    top: 40px;
    opacity: 1;

    /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
    /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
    transition: opacity 300ms ease-out, top 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out;
}

div.fancy-select ul.options.overflowing {
    top: auto;
    bottom: 40px;

    transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 40px;

    transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fancy-select ul.options li {
    padding: 8px 12px;
    cursor: pointer;
    white-space: nowrap;

    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
}

div.fancy-select ul.options li.selected {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
}

div.fancy-select ul.options li.hover {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
}

.filter-buttons {
    padding: 0.6rem 0 3rem;
    text-align: right;
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}

.filter-buttons .btn {
    margin-left: 1.1rem;
}

.more-filtres {
    display: none;
}

.no-results {
    text-align: center;
    padding: 6rem 0;
}

.no-results h3 {
    padding-top: 138px;
    font-size: 2.4rem;
    color: #3a0f3f;
    font-weight: 700;
    margin-bottom: 1.3rem;
    position: relative;
}

.no-results h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -64px;
    width: 128px;
    height: 128px;
    background: url(../images/search-no.svg) no-repeat 0 0;
}

.no-results p {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.54);
}

.found {
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    padding: 3rem 0;
}

.foundstrong {
    font-weight: 700;
}

.hero-home {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
    padding-top: 93px;
    margin-top: -80px;

    background-image: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%), linear-gradient(to bottom, #6e0183, #6e0183);
}

.hero-home h1 {
    color: white;
    text-align: center;
}

.hero-home-in {
    position: relative;
    padding-bottom: 4.6rem;
}

.hero-man {
    position: absolute;
    width: calc((100% - 510px) / 2);
    bottom: 0;
    left: 0;
    top: 0;
    text-align: right;
}

.hero-man div {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 378px;
    max-width: 100%;
}

.hero-man div:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    padding-bottom: 149%;
    background: url(../images/man.png) no-repeat 0 0 / 100% auto;
}

.hero-girl {
    position: absolute;
    width: calc((100% - 510px) / 2);
    bottom: 0;
    right: 0;
    top: 0;
    text-align: left;
}

.hero-girl div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 308px;
    max-width: 100%;
}

.hero-girl div:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-bottom: 180%;
    background: url(../images/woman.png) no-repeat 0 0 / 100% auto;
}

.hero-home .register-from {
    margin: 0 auto;
}

.register-from {
    width: 450px;
    max-width: 100%;
    position: relative;
}

.register-from-wrap {
    overflow: hidden;
}

.register-from:before {
    content: "";
    position: absolute;
    left: 1%;
    width: 98%;
    height: 52px;
    border-radius: 16px;
    bottom: -4px;
    background-color: #9c879f;
    z-index: 1;
}

.register-from:after {
    content: "";
    position: absolute;
    left: 2%;
    width: 96%;
    height: 52px;
    border-radius: 16px;
    background-color: #755778;
    bottom: -8px;
}

.register-form-in {
    border-radius: 16px;
    background-color: #f9f7f9;
    padding: 2.4rem 6rem;
    text-align: center;
    position: relative;
    z-index: 5;
}

.register-form-in .btn.blue {
    text-transform: none;
    width: 100%;
}

.register-form-in h3 {
    margin-bottom: 0.5rem;
}

.register-form-in p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 2.4rem;
}

.register-form-in p a {
    color: #6e0183;
    font-weight: 400;
    text-decoration: none;
    transition: opacity 0.35s;
}

.register-form-in p a:hover {
    opacity: 0.7;
}

.register-from-btns {
    display: flex;
    justify-content: center;
}
.register-form-in .register-from-btns a.btn {
    width: 46%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    justify-content: center;
}
.btn.blue-light:before {
    background: #4285f4;
}
.register-from-btns svg {
    position: relative;
    z-index: 2;
    margin-right: 10px;
}

.divider {
    text-align: center;
    position: relative;
    margin: 1.6rem 0;
}

.divider span:before,
.divider span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100vw;
    height: 1px;
    background: #000;
    opacity: 0.12;
}

.divider span:before {
    left: calc(100% + 4px);
}

.divider span:after {
    right: calc(100% + 4px);
}

.divider span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.field-row {
    position: relative;
    margin-bottom: 1.6rem;
}

.field-row.row-80 {
    max-width: 80px;
    display: inline-block;
}

.field-row.row-60 {
    max-width: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.6rem;
}

.field-row input {
    border-radius: 20px;
    border: solid 1px rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    height: 40px;
    width: 100%;
    padding: 0 2.4rem;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.3rem;
}

.pass-field.field-row input {
    padding-right: 45px;
}

.field-row input:focus {
    border-color: #d4145a;
    box-shadow: 0 4px 16px 0 rgba(212, 20, 90, 0.26);
}

.pass-field.field-row a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 20px 20px 0;
    width: 42px;
    color: #3a0f3f;
    opacity: 0.26;
    text-decoration: none;
    font-size: 2.4rem;
}

.pass-field.field-row a i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 3px;
}

.register-form-in form p {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1.6rem;
}

.register-form-in form p a {
    color: rgba(110, 1, 131, 0.87);
    text-decoration: none;
    transition: opacity 0.35s;
}

.register-form-in form p a:hover {
    opacity: 0.7;
}

.register-form-in form .btn {
    width: 100%;
    margin-bottom: 2.4rem;
}

.register-form-in form .change-buttons .btn,
.register-form-in .form .change-buttons .btn {
    min-width: 130px;
    width: auto;
    margin: 0 5px;
}

.change-buttons {
    padding-top: 0.8rem;
}

.just-form .register-form-in h3 {
    margin-bottom: 1.6rem;
}

.just-form .popup-inner {
    width: 450px;
}

.just-form .popup-inner .popup-left {
    width: 100%;
}

.just-form .popup-inner:before {
    background: #f9f7f9;
    opacity: 0.24;
}

.just-form .popup-inner:after {
    background: #f9f7f9;
    opacity: 0.24;
}

.just-form .close {
    color: rgba(58, 15, 63, 0.23);
    z-index: 9;
}

.top-ladies {
    padding: 8rem 0;
}

.top-ladies-more {
    text-align: center;
}

.top-ladies-more .btn {
    min-width: 210px;
    padding: 1.5rem 2.4rem;
    border-radius: 25px;
}

.top-ladies-more .btn:before,
.top-ladies-more .btn:after {
    border-radius: 25px;
}

.top-ladies h2 {
    text-align: center;
}

.top-ladies .ladies-list .ladies-item {
    width: 18%;
    margin-left: 2.5%;
}

.top-ladies .ladies-list .ladies-item:nth-child(4n + 1) {
    margin-left: 2.5%;
}

.top-ladies .ladies-list .ladies-item:nth-child(5n + 1) {
    margin-left: 0;
}

.our-services {
    margin-bottom: 8rem;
}

.our-services h2 {
    text-align: center;
}

.our-services-list {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

.our-services-list .our-services-item {
    width: 23.4%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #f9f7f9;
    font-size: 1.6rem;
    margin-left: 2.13%;
    border-radius: 16px;
    text-align: center;
    overflow: hidden;
    transition: opacity 0.35s, box-shadow 0.35s;
}

.our-services-list .our-services-item a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 6;
}

.our-services-list .our-services-item:hover {
    box-shadow: 0 8px 16px 0 rgba(110, 1, 131, 0.26);
}

.our-services-list .our-services-item:hover:before {
    opacity: 1;
}

.our-services-list .our-services-item:hover .our-services-item-in i,
.our-services-list .our-services-item:hover .our-services-item-in .h3 {
    color: #fff;
}

.our-services-list .our-services-item:hover .our-services-item-in p {
    color: rgba(255, 255, 255, 0.87);
}

.our-services-list .our-services-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.35s, box-shadow 0.35s;
    border-radius: 16px;
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
}

.our-services-list .our-services-item:nth-child(4n + 1) {
    margin-left: 0;
}

.our-services-list .our-services-item .our-services-item-in {
    padding: 3.2rem 3rem;
    position: relative;
    z-index: 5;
}

.our-services-list .our-services-item .our-services-item-in i {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2.4rem;
    font-size: 7.2rem;
    color: #6e0183;
    transition: color 0.35s;
}

.our-services-list .our-services-item .our-services-item-in .h3 {
    font-size: 2rem;
    margin-bottom: 1.7rem;
    transition: color 0.35s;
}

.our-services-list .our-services-item .our-services-item-in p {
    font-size: 1.7rem;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 0;
    line-height: 1.35;
    transition: color 0.35s;
}

.text-content .inner {
    max-width: 1530px;
}

.text-content-in {
    background: #f9f7f9;
    border-radius: 16px;
    padding: 3rem 30px;
}

#content .content-entry p + ul {
    margin-top: -2rem;
}

#content .content-entry ul li {
    font-weight: 400;
}

#content .content-entry ul {
    margin-bottom: 1.5rem;
}

.content-entry {
    overflow: hidden;
}

.content-entry p.small {
    font-size: 1rem;
}

.content-entry img {
    margin-bottom: 3rem;
    border-radius: 10px;
}

.content-entry *:last-child {
    margin-bottom: 0;
}

.content-entry img.align-left {
    margin-right: 3rem;
}

.content-entry img.align-right {
    margin-left: 3rem;
}

.content-entry ul {
    list-style-type: none;
    margin-bottom: 3rem;
}

.content-entry ul li {
    position: relative;
    font-weight: 400;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.6;
    padding-left: 30px;
    margin-bottom: 0.5rem;
}

.content-entry ol {
    counter-reset: item;
    margin-bottom: 3rem;
    display: grid;
}

.content-entry ol ol {
    counter-reset: item;
}

.content-entry ol > li {
    display: block;
    position: relative;
    padding-left: 10px;
}

.content-entry ol > li > ul > li:before {
    left: -8px !important;
}

.content-entry ol > li:before {
    content: counters(item, ".") ". ";
    color: #3a0f3f;
    counter-increment: item;
    position: absolute;
    left: -1em;
}

.content-entry ol li ol > li:before {
    left: -2.1em;
}

.content-entry ol.lower-latin-type-list > li::before {
    content: counter(item, lower-latin) ") ";
    left: -1em;
}

.content-entry ol.lower-roman-type-list > li::before {
    content: counter(item, lower-roman) ") ";
    left: -1em;
}

.content-entry ol li {
    position: relative;
    font-weight: 400;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.6;
    padding-left: 10px;
    margin-bottom: 0.5rem;
    margin-left: 20px;
}

.content-entry ul li:before {
    content: "";
    color: #3a0f3f;
    position: absolute;
    top: 0.9rem;
    left: 1rem;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #6e0183;
}

.content-entry ul li li:before {
    content: "";
    position: absolute;
    top: 0.8rem;
    left: 1rem;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 2px solid #6e0183;
    background: none;
}

.content-entry .not-full {
    max-width: calc(100% - 480px);
}

.content-entry h2 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.content-entry h3 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

.content-entry h4 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.content-entry ol.h2 {
    text-align: left;
    text-transform: none;
    color: #000000;
    margin: 0 0 0 5px;
}

.content-entry ol.h2 > li:before {
    font-size: 2.4rem;
    font-weight: 600;
    left: -24px; 
    margin-right: 20px;
}

.content-entry ol.h3 {
    text-align: left;
    text-transform: none;
    color: #000000;
    margin: 0 0 0 5px;
}

.content-entry ol.h3 > li:before {
    font-size: 1.6rem;
    font-weight: 600;
    left: -24px; 
    margin-right: 20px;
}

.content-entry ol.h2 > li {
    margin-bottom: 3rem;
}

.content-entry ol.h3 > li {
    margin-bottom: 2rem;
}

.text-content-top:after {
    content: "";
    clear: both;
    display: block;
}

.text-content-top-left {
    float: left;
}

.text-content-top-left h2 {
    margin-bottom: 1rem;
}

.text-content-top-right {
    float: right;
}

.text-content-top-right .btn,
.content-entry .btn {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-radius: 25px;
    min-width: 210px;
}

.text-content-top-right .btn:before,
.text-content-top-right .btn:after,
.content-entry .btn:before,
.content-entry .btn:after {
    border-radius: 25px;
}

.popup-wrap {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 930px;
    max-width: 100%;
    transform: translate(-50%, -50%);
}

.popup-inner:before {
    content: "";
    position: absolute;
    left: 1%;
    width: 98%;
    height: 52px;
    border-radius: 16px;
    bottom: -4px;
    background-color: #9c879f;
    z-index: 1;
}

.popup-inner:after {
    content: "";
    position: absolute;
    left: 2%;
    width: 96%;
    height: 52px;
    border-radius: 16px;
    background-color: #755778;
    bottom: -8px;
}

.popup-in {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.popup-inner .popup-left {
    width: 50%;
}

.popup-inner .popup-right {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    background: url(../images/img.jpg) no-repeat 0 0 / cover;
}

.popup-inner .popup-left .register-from {
    width: 100%;
}

.popup-inner .popup-left .register-from .register-form-in {
    border-radius: 0;
}

.close {
    color: #fff;
    font-size: 2.4rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 15;
    text-decoration: none;
    transition: opacity 0.35s;
}

.close:hover {
    opacity: 0.5;
}

.popup-notice-in .close {
    color: rgba(58, 15, 63, 0.3);
}

.popup-right-in {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 3rem;
    box-sizing: border-box;
    text-align: center;
    transform: translate(0, -50%);
}

.popup-right-in h3 {
    color: #fff;
    margin-bottom: 2.5rem;
}

.popup-right-in .btn {
    min-width: 210px;
}

.remember-forgot {
    padding: 8px 2rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
}

.remember {
    float: left;
}

.forgot {
    float: right;
}

.forgot a {
    font-size: 1.3rem;
    color: #6e0183;
    opacity: 0.87;
    line-height: 1.6;
    text-decoration: none;
    transition: opacity 0.35s;
}

.forgot a:hover {
    opacity: 0.5;
}

.check input {
    display: none;
}

.check.child-sex {
    margin-top: 1rem;
}

.check.in-line {
    display: inline-block;
    vertical-align: top;
}

.check label {
    position: relative;
    padding-left: 32px;
    display: inline-block;
    vertical-align: top;
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgb(0, 0, 0, 0.87);
}

.check label:before {
    content: "\e91e";
    position: absolute;
    top: -2px;
    line-height: 1;
    left: 0;
    color: rgba(58, 15, 63, 0.26);
    font-size: 2.4rem;
    font-family: "icomoon" !important;
}

.check input:checked + label:before {
    content: "\e91f";
    color: #6e0183;
}

.radio input {
    display: none;
}

.radio.in-line {
    display: inline-block;
    vertical-align: top;
    margin-left: 0.8rem;
}

.radio.middle {
    vertical-align: middle;
}

.radio label {
    position: relative;
    padding-left: 32px;
    display: inline-block;
    vertical-align: top;
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgb(0, 0, 0, 0.87);
}

.radio label:before {
    content: "\e923";
    position: absolute;
    top: -2px;
    line-height: 1;
    left: 0;
    color: rgba(58, 15, 63, 0.26);
    font-size: 2.4rem;
    font-family: "icomoon" !important;
}

.radio input:checked + label:before {
    content: "\e924";
    color: #6e0183;
}

/*profile*/
.profile-meta {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 3rem;
}

.profile-meta:after {
    content: "";
    display: block;
    clear: both;
}

.profile-meta h2 {
    margin-bottom: 0;
}

.profile-meta h2 .like {
    color: rgba(58, 15, 63, 0.26);
    text-decoration: none;
    transition: opacity 0.35s;
    font-size: 2.7rem;
}

.profile-meta h2 .like.liked {
    color: #d4145a;
}

.profile-meta h2 a:hover {
    opacity: 0.7;
}

.profile-meta .profile-meta-left {
    float: left;
    max-width: 48%;
}

.profile-meta-right {
    float: right;
    max-width: 48%;
}

.profile-id {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
}

.profile-meta-right .online-chat {
    vertical-align: middle;
    margin-left: 2rem;
}

.profile-data:after {
    content: "";
    clear: both;
    display: block;
}

.profile-data .profile-data-left {
    width: 43%;
    float: left;
}

.profile-gallery {
    margin-bottom: 5rem;
}

.profile-gallery-single {
    margin-bottom: 2.4rem;
}

.profile-gallery-single-item a[data-fancybox] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.profile-gallery-single-item .like {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 3.2rem;
    color: #fff;
    transition: color 0.35s;
    text-decoration: none;
}

.profile-gallery-single-item .like:hover {
    color: #d4145a;
}

.profile-gallery-single-item,
.profile-gallery-slider-item {
    width: 100%;
    padding-bottom: 150%;
    border-radius: 8px;
    position: relative;
}

.profile-gallery-single .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    right: -24px;
}

.profile-gallery-single .slick-arrow.slick-prev {
    right: auto;
    left: -24px;
}

.slick-arrow {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #fff;
    border: none;
    padding: 0;
    text-indent: 9999px;
    overflow: hidden;
    position: relative;
    z-index: 15;
    cursor: pointer;
}

.slick-arrow:before {
    content: "\e900";
    position: absolute;
    left: 50%;
    top: 50%;
    font-family: "icomoon" !important;
    color: #3a0f3f;
    font-size: 3.2rem;
    text-indent: 0px;
    transition: color 0.35s;
    transform: translate(-50%, -50%) rotate(-90deg);
}

.slick-arrow.slick-prev:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.slick-arrow.slick-disabled {
    cursor: default;
}

.slick-arrow.slick-disabled:before {
    opacity: 0.26;
}

.slick-arrow:not(.slick-disabled):hover:before {
    color: #d4145a;
}

.profile-gallery-slider .slick-arrow {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    border-radius: 0;
    right: 0;
}

.profile-gallery-slider .slick-arrow.slick-prev {
    left: 0;
    right: auto;
}

.profile-gallery-slider .slick-arrow:before {
    font-size: 2.4rem;
}

.profile-gallery-slider {
    padding: 0 24px;
}

.profile-gallery-slider .slick-slide {
    opacity: 0.5;
    cursor: pointer;
}

.profile-gallery-slider .slick-slide.slick-current .profile-gallery-slider-item:before,
.profile-gallery-slider .slick-slide.slick-current,
.profile-gallery-slider .slick-slide:hover .profile-gallery-slider-item:before,
.profile-gallery-slider .slick-slide:hover {
    opacity: 1;
}

.profile-gallery-slider-item {
    border-radius: 4px;
    position: relative;
}

.profile-gallery-slider-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 2px solid #d4145a;
    opacity: 0;
    border-radius: 4px;
    transition: opacity 0.35s;
}

.profile-videos {
}

.profile-videos h3 {
    margin-bottom: 2rem;
}

.video-list {
    font-size: 0;
}

.video-item {
    display: inline-block;
    vertical-align: top;
    width: 46.6%;
    margin-bottom: 3rem;
}

.video-link-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.35s;
    border-radius: 8px;
}

.video-item .video-link:hover + .video-item-in .play-icon {
    opacity: 0.7;
}

.video-link:hover + .video-item-in .video-link-hover {
    opacity: 1;
}

.video-item:nth-child(2n + 2) {
    margin-left: 6.8%;
}

.video-item .video-item-in {
    width: 100%;
    padding-bottom: 75%;
    border-radius: 8px;
    position: relative;
}

.video-item {
    position: relative;
}

.video-item .video-link {
    position: absolute;
    border-radius: 8px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.video-item .video-item-in:before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7));
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 0 8px 8px;
}

.video-item .video-item-in .like {
    font-size: 3.2rem;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
    transition: color 0.35s;
    z-index: 6;
}

.video-item .video-item-in .like i {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.32);
}

.video-item .video-item-in .video-notice {
    position: absolute;
    font-size: 1.3rem;
    color: #fff;
    left: 2rem;
    right: 2rem;
    bottom: 1.3rem;
    text-align: center;
    font-weight: 700;
    z-index: 4;
}

.video-item .video-item-in .like:hover {
    color: #d4145a;
}

.video-item .video-item-in .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
}

.video-name-wrap {
    text-align: center;
    padding-top: 1.5rem;
}

.video-name {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.83);
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.35s;
}

.video-name:hover {
    opacity: 0.8;
}

.video-name span {
    font-weight: 400;
}

.play-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: relative;
    background: #fff;
    display: block;
    transition: opacity 0.35s;
}

.play-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.play-icon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: 6px solid transparent;
    border-left: 11px solid #6e0183;
    margin: -6px 0 0 -4px;
}

.video-item.blocked .play-icon:after {
    content: "\e921";
    margin: 0;
    font-size: 2.4rem;
    color: #6e0183;
    border: none;
    transform: translate(-50%, -50%);
    font-family: "icomoon" !important;
}

.message-text-images .play-icon-attach {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
}

.play-icon-attach {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: relative;
    background: #fff;
    display: block;
    transition: opacity 0.35s;
}

.play-icon-attach:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.play-icon-attach:after {
    content: "\e921";
    margin: 0;
    font-size: 2.4rem;
    color: #6e0183;
    border: none;
    transform: translate(-50%, -50%);
    font-family: "icomoon" !important;
    position: absolute;
    left: 50%;
    top: 50%;
}

.profile-data .profile-data-right {
    margin-left: 46%;
}

.profile-nav {
    margin-bottom: 4rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.profile-nav .btn {
    min-width: fit-content;
    flex-grow: 1;
}

.profile-data-params {
    margin: 0 2rem 3rem;
    padding: 0 0 1.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.profile-data-params ul {
    list-style-type: none;
    font-size: 0;
}

.profile-data-params ul li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    margin-bottom: 2.4rem;
    box-sizing: border-box;
}
.profile-status {
    background: #f9f7f9;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 13px;
    line-height: 1.23;
    margin-bottom: 15px;
}
.profile-status__title {
    color: #000;
}
.profile-status__title b {
    font-weight: 600;
}
.profile-status__progress {
    margin: 7px 0;
    position: relative;
    background: #e7e0e7;
    border-radius: 20px;
    height: 4px;
}
.profile-status__progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #86aa14;
    border-radius: 20px;
}
.profile-status__note {
    display: flex;
    align-items: center;
    color: #727172;
    gap: 5px;
    cursor: pointer;
}
.profile-status__note svg {
    min-width: 16px;
}

.profile-data-params ul li .btn {
    display: block;
    margin-bottom: 1rem;
}
.profile-data-params ul li .btn span {
    margin: 0;
    color: #fff;
}

.profile-data-params ul li:nth-child(2n + 2) {
    padding-left: 2rem;
}

.profile-data-params ul li strong {
    display: block;
    word-break: break-word;
}

.profile-data-params ul li span {
    display: block;
    font-size: 1.3rem;
    color: rgba(0, 0, 0, 0.54);
    margin-bottom: 1rem;
}

.profile-data-description {
    margin: 0 2rem;
}

.profile-data-description .content-entry {
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.profile-data-description .content-entry h3 {
    font-weight: 600;
    margin-bottom: 2rem;
    text-transform: none;
    padding-right: 25px;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 9L12 13.58L7.41 9L6 10.41L12 16.41L18 10.41L16.59 9Z" fill="black"/><mask id="mask0_2211_63294" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="9" width="12" height="8"><path d="M16.59 9L12 13.58L7.41 9L6 10.41L12 16.41L18 10.41L16.59 9Z" fill="white"/></mask><g mask="url(%23mask0_2211_63294)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L24 -4.18815e-06L24 24L4.20445e-06 24L0 0Z" fill="%233A0F3F"/></g></svg>')
        no-repeat right center / 25px;
}

.profile-data-description .content-entry.open h3 {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 15L12 10.42L7.41 15L6 13.59L12 7.59L18 13.59L16.59 15Z" fill="black"/><mask id="mask0_2211_63282" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="7" width="12" height="8"><path d="M16.59 15L12 10.42L7.41 15L6 13.59L12 7.59L18 13.59L16.59 15Z" fill="white"/></mask><g mask="url(%23mask0_2211_63282)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 24L24 24L24 4.18815e-06L4.20445e-06 0L0 24Z" fill="%233A0F3F"/></g></svg>')
        no-repeat right center / 25px;
}

.profile-data-description .content-entry p {
    font-size: 1.5rem;
    line-height: 1.6;
    word-wrap: break-word;
    word-break: break-word;
    display: none;
    margin-bottom: 2rem;
}

.profile-data-description .content-entry p .read-more {
    margin-top: 15px;
    color: #6e0183;
    font-weight: 600;
}

.account-information,
.profile-notice {
    margin-bottom: 4rem;
}

.profile-notice h3 {
    margin-bottom: 1.6rem;
}

.profile-extra-info {
    margin-bottom: 4rem;
}

.text-edit h3 {
    margin-bottom: 2rem;
}

.text-edit {
    margin-bottom: 3rem;
}

.load-photo-head:after {
    clear: both;
    display: block;
    content: "";
}

.load-photo-head h3 {
    float: left;
    line-height: 4rem;
    margin-bottom: 2rem;
}

.upload-btn {
    float: right;
    position: relative;
}

.upload-btn .btn {
    overflow: hidden;
}

.upload-btn input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    opacity: 0;
}

.upload-photo-placeholder {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    text-decoration: none;
    text-align: center;
    height: 135px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 1.6rem;
    position: relative;
    border: solid 1px rgba(58, 15, 63, 0.12);
    background-color: #f9f7f9;
}

.upload-photo-placeholder i {
    font-size: 4rem;
    color: rgba(58, 15, 63, 0.12);
    margin-bottom: 5rem;
}

.upload-photo-placeholder em {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    padding: 0 1rem;
    font-style: normal;
}

.upload-photo-placeholder span {
    color: rgba(58, 15, 63, 0.12);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
}

.uploaded-photo-in {
    margin-bottom: 0.4rem;
}

.uploaded-photo {
    background: #f9f7f9;
    margin-bottom: 3rem;
    border-radius: 16px;
    padding: 2.4rem;
}

.uploaded-photo p {
    margin-bottom: 0;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1;
}

.uploaded-photo .uploaded-image {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding-bottom: 0;
}

.uploaded-photo .uploaded-image .li,
.uploaded-photo .uploaded-image li {
    width: 90px;
    margin-right: 2.3rem;
    margin-left: 0;
}

.load-photo-control {
    text-align: right;
    padding-bottom: 2rem;
}

.load-photo-control .btn {
    min-width: 170px;
    margin-left: 0.8rem;
}

.mail-box-fixed {
    position: fixed;
    top: 82px;
    bottom: 0;
    transition: left 0.3s;
    left: calc((100% - 1410px) / 2 + 360px);
    right: calc((100% - 1410px) / 2);
}

.mail-box-fixed .mail-head {
    padding: 20px 0;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    height: 32px;
}

.mail-box-fixed .mail-head h2 {
    margin-bottom: 0;
}

.mail-box-fixed .mail-head:before {
    right: 100%;
    background: #fff;
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    width: 30px;
}

.mail-box-fixed .mail-container {
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
}

.mail-box-fixed .mail-container .mail-sidebar {
    height: 100%;
    /*overflow-y: auto;*/
}

.mail-box-fixed .mail-container .mail-content {
    position: relative;
    height: 100%;
}

.mail-box-fixed .mail-container .mail-content .ladies-nav {
    margin: 2.4rem 0;
}

.mail-box-fixed .mail-container .mail-content .messages-wrap {
}

.mail-box-fixed .mail-container .mail-content .write-message {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem 0;
    background: #fff;
    z-index: 99;
}

.mail-box-fixed .mail-container .mail-content .write-message .textarea {
    min-height: 70px;
    max-height: 160px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.mail-container .mail-content .write-message .textarea {
    padding: 19px 20px;
}

.mail-box-fixed .mail-container .mail-content .messages-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*overflow-y: auto;*/
}

.mail-box-fixed .mail-container .mail-content .messages-wrap .messages-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 30px);
}

#content.fixed-content {
    position: fixed;
    top: 82px;
    left: calc((100% - 1410px) / 2);
    right: calc((100% - 1410px) / 2);
    bottom: 0;
    z-index: 98;
}

.fixed-content .live-chat-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fixed-content .live-chat-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 30px 0 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background: #fff;
    z-index: 98;
    box-sizing: border-box;
    height: 96px;
}

.fixed-content .live-chat-head h2 {
    float: left;
    max-width: 30%;
    margin-bottom: 0;
}

.fixed-content .live-chat-head-right {
    float: right;
    max-width: 70%;
}

.fixed-content .live-chat-head-right .checkbox,
.fixed-content .live-chat-head-right .btn {
    display: inline-block;
    vertical-align: middle;
}

.fixed-content .live-chat-head-right .btn {
    margin-left: 2.2rem;
}

.s-b-checkbox {
    display: none !important;
}

.s-b-checkbox.checkbox label {
    padding-left: 2.2rem;
}

.fixed-content .live-chat-container {
    position: absolute;
    top: 96px;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 2rem;
}

.fixed-content .live-chat-side {
    width: 330px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 2rem;
    transition: transform 0.5s, visibility 0.5s, opacity 0.5s;
}

.fixed-content .hideSide .live-chat-side {
    transform: translate(100%, 0);
    visibility: hidden;
    opacity: 0;
}

.fixed-content .live-chat-side .live-chat-side-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2.4rem 0;
}

.fixed-content .hideSide .live-chat-content {
    right: 0;
}

.fixed-content .live-chat-content {
    position: absolute;
    top: 0;
    right: 360px;
    bottom: 2rem;
    left: 0;
    transition: right 0.5s;
}

.fixed-content .live-chat-content-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 0;
    padding: 16px 0;
    background: #fff;
}

.fixed-content .live-chat-content-head .live-chat-content-head-left {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.fixed-content .live-chat-content-head .live-chat-content-head-left .side-lady-item {
    margin-bottom: 0;
    padding-right: 0;
}

.fixed-content .live-chat-content-head .live-chat-content-head-left .side-lady-item:hover {
    background: none;
}

.fixed-content .live-chat-content-head .live-chat-content-head-right {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    font-size: 1.6rem;
    text-align: right;
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul {
    list-style-type: none;
    padding-right: 2.4rem;
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 3rem;
    text-align: center;
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul li a {
    text-decoration: none;
    color: rgba(58, 15, 63, 0.5);
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul li a i {
    font-size: 2.4rem;
    margin-bottom: 0.4rem;
    display: block;
    color: rgba(58, 15, 63, 0.26);
    transition: color 0.35s;
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul li a i.icon-camera-20 {
    color: #6e0183;
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul li a:hover i {
    color: #d4145a;
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul li.show-cam a:hover i.icon-camera-off {
    color: rgba(58, 15, 63, 0.26);
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul li a span {
    font-size: 1.2rem;
}

.fixed-content .live-chat-content-head .live-chat-content-head-right ul li a.like.liked i {
    color: #d4145a;
}

.fixed-content .live-chat-content-write {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 28px;
    z-index: 99;
}

.fixed-content .live-chat-content-write .textarea {
    border: none;
    min-height: 56px;
    max-height: 150px;
    padding: 1.5rem 2.4rem;
    height: auto;
    margin-bottom: 0;
    width: calc(100% - 145px);
    background: none;
}

.fixed-content .live-chat-content-write .textarea:empty:after {
    top: 1.6rem;
    opacity: 0.57;
}

/*
.fixed-content .live-chat-content-write .live-chat-content-write-control {
	width: 130px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 8px;
	bottom: 8px;

}*/
.fixed-content .live-chat-content-write .live-chat-content-write-control .emotion-Icon {
    right: auto;
    top: auto;
    display: inline-block;
    vertical-align: middle;
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .emotion-Icon .emotion-area {
    top: auto;
    bottom: 130%;
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .emotion-Icon .icon-emoji {
    font-size: 2rem;
    color: rgba(58, 15, 63, 0.26);
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .uloader-gallery {
    font-size: 2rem;
    color: rgba(58, 15, 63, 0.26);
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.2rem;
    text-decoration: none;
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .sendmessage {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    font-size: 2.4rem;
    color: #fff;
    margin-right: 8px;
    margin-left: 1.2rem;
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .sendmessage i {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-55%, -50%);
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .sendmessage:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
    transition: opacity 0.35s;
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .sendmessage:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right, #a8c761 0%, #84a910 100%);
    transition: opacity 0.35s;
    opacity: 0;
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .sendmessage:hover:before {
    opacity: 0;
}

.fixed-content .live-chat-content-write .live-chat-content-write-control .sendmessage:hover:after {
    opacity: 1;
}

.fixed-content .live-chat-content-messages {
    background: #f9f7f9;
    border-radius: 16px;
    position: absolute;
    top: 122px;
    left: 0;
    right: 0;
    bottom: 72px;
    padding: 2.1rem 1.6rem 3.4rem;
    /*overflow-y: auto;*/
    box-sizing: border-box;
}

.fixed-content .live-video-on .live-chat-content-messages {
    /*left: auto;
	width: 330px;*/
    display: none;
}

.fixed-content .live-video-on .live-chat-video {
    display: block;
}

.live-chat-video {
    position: absolute;
    top: 122px;
    left: 0;
    width: 100%;
    bottom: 72px;
    overflow-y: auto;
    display: none;
}

.live-chat-video-in {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    z-index: 20;
    border-radius: 16px;
    overflow: hidden;
}

.my-cam-in video,
.live-chat-video-in video {
    min-width: 100%;
    min-height: 100%;
    max-width: 150%;
    max-height: 150%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #000;
}

.fixed-content .live-chat-content-messages .message-typed-date {
    text-align: center;
    font-size: 1.2rem;
    color: rgba(58, 15, 63, 0.5);
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.fixed-content .live-chat-content-messages .message-contact {
    text-align: center;
    font-size: 1.5rem;
    color: rgba(58, 15, 63, 0.5);
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.message-typed {
    margin-bottom: 0.8rem;
}

.message-typed .message-avatar {
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 42px;
    display: inline-block;
    vertical-align: top;
}

.message-typed .message-typed-text {
    max-width: calc(92% - 58px);
    margin-left: 11px;
    display: inline-block;
    vertical-align: top;
    background: rgba(212, 20, 90, 0.12);
    padding: 0.8rem 1.6rem;
    box-sizing: border-box;
    border-radius: 0 16px 16px 16px;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.6;
    text-align: left;
}

.message-typed .message-typed-text p {
    margin-bottom: 0.8rem;
}

.message-typed .message-typed-text-date {
    font-size: 1.3rem;
    color: rgba(58, 15, 63, 0.5);
    text-align: right;
    margin-right: 6px;
}

.message-typed.my {
    text-align: right;
}

.message-typed.my .message-typed-text {
    background: rgba(99, 112, 190, 0.12);
    border-radius: 16px 0 16px 16px;
}

.message-images {
    padding-top: 0.8rem;
}

.message-image .like {
    font-size: 3.2rem;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 8px;
    text-decoration: none;
}

.message-image {
    width: 90px;
    height: 135px;
    border-radius: 4px;
    margin-bottom: 1rem;
    margin-right: 12px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.message-image.pay:before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7));
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 0 8px 8px;
}

.message-image .video-notice {
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
}

.message-images .video-item {
    width: 180px;
    margin-bottom: 0.8rem;
    margin-left: 0;
    margin-right: 12px;
}

.message-images .video-item .video-notice {
    font-size: 10px;
}

.mCSB_scrollTools {
    width: 10px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(58, 15, 63, 0.26) !important;
    margin: 0 0 0 auto;
}

.live-chat-content-messages-over .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.chat-over-item-contacts .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.chat-over-item-message .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.26) !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: none !important;
}

.just-contacts {
    height: 100%;
}

.contact-ladies-list {
    max-height: 100%;
}

.contact-lady {
    padding: 5px;
    border-radius: 8px;
    font-size: 0;
}

.contact-lady-photo {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.contact-lady-photo a,
.contact-lady-photo #image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
}

.contact-lady-photo span {
    position: absolute;
    top: 0px;
    right: -4px;
    z-index: 2;
    width: 14px;
    height: 14px;
    overflow: hidden;
    border-radius: 100%;
    box-sizing: border-box;
    border: 2px solid #fff;
    background: #a5c45a;
}

.contact-lady-photo span i {
    font-size: 14px;
    background: #a5c45a;
    color: #a5c45a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact-lady-photo span.offline {
    background: #f6566e;
}

.contact-lady-photo span.offline i {
    color: #f6566e;
}

.contact-lady-photo span i.icon-your-cam {
    background: #fff;
}

.contact-lady-photo .see-my-cam {
    position: absolute;
    bottom: 0px;
    right: -4px;
    z-index: 2;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border-radius: 100%;
    box-sizing: border-box;
    border: 2px solid #fff;
    background: #a5c45a;
}

.contact-lady-photo .see-my-cam i {
    font-size: 12px;
    background: #fff;
    color: #6e0183;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact-lady-title {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 59px - 90px);
    margin-right: 20px;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 700;
    margin-left: 19px;
}

.contact-lady-title div {
    display: inline-block;
    vertical-align: top;
}

.contact-lady-title span {
    font-weight: 400;
}

.contact-lady-title .like {
    font-size: 1.7rem;
    text-decoration: none;
    color: #ccc1cd;
}

.contact-lady-title .like .icon-favorite-on {
    color: #d4145a;
}

.contact-lady-side {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    width: 68px;
}

.contact-lady-side span {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #fff;
    border-radius: 10px;
    line-height: 20px;
    padding: 0 5px;
    box-sizing: border-box;
    min-width: 32px;
    font-weight: 700;
    text-align: center;
    background: #a4c553;
}

.contact-lady-side i {
    margin: 0 3px 0 5px;
    font-size: 2rem;
    color: #ccc1cd;
}

.contact-lady-side i.icon-camera-20 {
    color: #6e0183;
}

.contact-lady.checked {
    background: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
}

.contact-lady.checked .contact-lady-photo span,
.contact-lady.checked .contact-lady-photo .see-my-cam {
    border-color: #6e0183;
}

.contact-lady.checked .contact-lady-photo .see-my-cam i {
    color: #fff;
    background: #6e0183;
}

.contact-lady.checked .contact-lady-title,
.contact-lady.checked .contact-lady-side i.icon-camera-20 {
    color: #fff;
}

.live-chat-content-empty {
    border-radius: 16px;
    background-color: #f9f7f9;
    padding: 5.5rem 3rem 8rem;
    text-align: center;
    margin-top: 2.4rem;
}

.live-chat-content-empty-notice {
    font-weight: 700;
    font-size: 1.5rem;
}

.live-chat-content-empty-notice i {
    color: rgba(58, 15, 63, 0.12);
    font-size: 12.8rem;
    margin-bottom: 2rem;
    display: block;
    text-align: center;
}

.site-notifications {
    position: fixed;
    top: 90px;
    right: 10px;
    z-index: 9999;
    width: 330px;
    max-width: 100%;
}

.site-notification {
    background: rgba(99, 112, 190, 0.87);
    padding: 1.1rem 1.6rem;
    border-radius: 8px;
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
    color: #fff;
    position: relative;
    margin-bottom: 0.9rem;
}

.site-notification.success {
    background: rgba(165, 196, 90, 0.87);
}

.site-notification.error {
    background: rgba(212, 20, 90, 0.87);
}

.site-notification .site-notification-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
}

.site-notification .site-notification-message {
    line-height: 1.54;
    font-size: 1.5rem;
}

.site-notification .close-notification {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2rem;
    text-decoration: none;
    color: #fff;
    transition: opacity 0.5s;
}

.site-notification .close-notification:hover {
    opacity: 0.7;
}

.live-message-over {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    width: 330px;
    max-width: 100%;
    display: flex;
    flex-direction: column-reverse;
}

.fade-out-block {
    animation: fadeOut 20s;
}

@keyframes fadeOut {
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.load-chat-popup-block {
    display: none;
}

.live-message-item {
    background: rgba(58, 15, 63, 0.87);
    border-radius: 8px;
    color: #fff;
    padding: 5px 12px 5px 5px;
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
    margin-bottom: 0.8rem;
    position: relative;
}

.live-message-item:last-child {
    margin-bottom: 0;
}

.live-message-item:after {
    clear: both;
    display: block;
    content: "";
}

.live-message-item-photo {
    width: 80px;
    padding-bottom: 130px;
    border-radius: 4px;
    float: left;
    position: relative;
}

.live-message-item-photo span {
    background: #a5c45a;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 2px solid #3a0f3f;
    position: absolute;
    top: 9px;
    right: -10px;
    transition: border 0.35s;
}

.live-message-item-photo span.offline {
    background: #f6566e;
}

.live-message-item-photo-text {
    margin-left: 100px;
}

.live-message-item h3 {
    font-size: 1.5rem;
    padding-top: 6px;
    font-weight: 700;
    color: #fff;
    text-transform: none;
    margin-bottom: 1.1rem;
    padding-right: 56px;
}

.live-message-item h3 a {
    color: #fff;
    text-decoration: none;
    transition: opacity 0.35s;
}

.live-message-item h3 a:hover {
    opacity: 0.7;
}

.live-message-item h3 span {
    font-weight: 400;
}

.live-message-item p {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.54;
    color: #fff;
    text-transform: none;
    margin-bottom: 0.8rem;
}

.live-message-item-btns {
    text-align: right;
}

.live-message-item-btns .block-account {
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.35s;
}

.live-message-item-btns .block-account:hover {
    opacity: 0.7;
}

.live-message-item-btns .btn {
    font-size: 1.2rem;
    padding: 5px 16px;
    margin-left: 2.4rem;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}

.live-message-item-panel {
    position: absolute;
    top: 10px;
    right: -5px;
    width: 84px;
}

.live-message-item-panel a {
    font-size: 2rem;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    transition: opacity 0.35s;
}

.live-message-item-panel a.close-live-message {
    margin-left: 0.4rem;
}

.live-message-item-panel a.mute-live-message {
    margin-left: 0.4rem;
}

.live-message-item-panel a:hover {
    opacity: 0.7;
}

.chat-over-item {
    width: 330px;
    position: fixed;
    left: calc(100% - 700px);
    top: calc(100% - 500px);
    height: 490px;
    display: inline-block;
    vertical-align: bottom;
    transition: height 0.5s;
    z-index: 9999;
    margin-left: 10px;
    background: rgba(58, 15, 63, 0.9);
    border-radius: 8px;
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}

.animateTop.chat-over-item {
    transition: top 0.49s;
}

.chat-over-item.minimize .chat-over-item-head-title span {
    display: block;
}

.chat-over-item.minimize {
    height: 40px;
}

.chat-over-item.minimize .chat-over-item-head-title div,
.chat-over-item.minimize .chat-over-item-message,
.chat-over-item.minimize .chat-over-item-bottom,
.chat-over-item.minimize .chat-over-item-contacts,
.chat-over-item.minimize .chat-over-item-head-panel a.maximize-chat-over-item {
    display: none;
}

.chat-over-item-head {
    position: relative;
    padding: 12px 16px;
}

.chat-over-item-head:after {
    content: "";
    clear: both;
    display: block;
}

.chat-over-item-head-title {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
    width: 190px;
    color: #fff;
    cursor: move;
}

.chat-over-item-head-title span {
    display: none;
    font-size: 1.5rem;
    color: #fff;
    text-transform: none;
    font-weight: normal;
}

.chat-over-item-head-panel {
    position: absolute;
    top: 10px;
    right: 10px;
}

.chat-over-item-head-panel a {
    font-size: 2rem;
    margin-left: 4px;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.5s;
}

.chat-over-item-head-panel a:hover {
    opacity: 0.7;
}

.chat-over-item-contacts {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.chat-over-item-contacts ul {
    list-style-type: none;
    padding-left: 16px;
    white-space: nowrap;
    padding-bottom: 10px;
    padding-top: 4px;
}

.chat-over-item-contacts ul .li,
.chat-over-item-contacts ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 14px;
}

.chat-over-item-contacts ul .li:first-child,
.chat-over-item-contacts ul li:first-child {
    margin-left: 0;
}

.chat-over-item-contacts ul .li a,
.chat-over-item-contacts ul li a {
    display: block;
    text-decoration: none;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 1.8;
    transition: color 0.35s;
}

.chat-over-item-contacts ul .li a .chat-over-item-contact-photo,
.chat-over-item-contacts ul li a .chat-over-item-contact-photo {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
    position: relative;
    margin-bottom: 5px;
}

.chat-over-item-contacts ul .li a .chat-over-item-contact-photo:before,
.chat-over-item-contacts ul li a .chat-over-item-contact-photo:before {
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: -3px;
    top: -3px;
    border: 3px solid #a5c45a;
    content: "";
    border-radius: 100%;
    opacity: 0;
    transition: opacity 0.35s;
}

.chat-over-item-contacts ul .li.checked a .chat-over-item-contact-photo:before,
.chat-over-item-contacts ul li.checked a .chat-over-item-contact-photo:before {
    opacity: 1;
}

/*.chat-over-item-contacts ul .li.checked a,*/
/*.chat-over-item-contacts ul li.checked a {*/
/*    color: 1;*/
/*}*/

.chat-over-item-contacts ul .li a .chat-over-item-contact-photo span,
.chat-over-item-contacts ul li a .chat-over-item-contact-photo span {
    width: auto;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 700;
    color: #3a0f3f;
    height: 12px;
    line-height: 10px;
    background: #a5c45a;
    border-radius: 10px;
    border: 2px solid #3a0f3f;
    position: absolute;
    top: 2px;
    right: -6px;
}

.chat-over-item-contacts ul .li a .chat-over-item-contact-photo span:empty,
.chat-over-item-contacts ul li a .chat-over-item-contact-photo span:empty {
    width: 12px;
    padding: 0;
    border-radius: 100%;
}

.chat-over-item-contacts ul .li a .chat-over-item-contact-photo span.offline,
.chat-over-item-contacts ul li a .chat-over-item-contact-photo span.offline {
    background: #f6566e;
}

.chat-over-item-contacts ul .li a .chat-over-item-contact-photo span.offline:before,
.chat-over-item-contacts ul li a .chat-over-item-contact-photo span.offline:before {
    color: #f6566e;
}

.chat-over-item-contacts ul .li a .chat-over-item-contact-photo span:before,
.chat-over-item-contacts ul li a .chat-over-item-contact-photo span:before {
    font-family: "icomoon" !important;
    content: "\e92a";
    font-size: 14px;
    color: #a5c45a;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 12px;
    width: 12px;
    line-height: 0.9;
    text-indent: -1px;
    height: 12px;
    opacity: 0;
    transition: opacity 0.35s;
    transform: translate(-50%, -50%);
}

.chat-over-item-contacts ul .li a .chat-over-item-contact-photo span.arrow:before,
.chat-over-item-contacts ul li a .chat-over-item-contact-photo span.arrow:before {
    opacity: 1;
}

.chat-over-item-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.chat-over-item-bottom .live-chat-content-write {
    background: #fff;
    position: relative;
    padding-right: 100px;
}

.chat-over-item-bottom .live-chat-content-write .textarea {
    border: none;
    min-height: 58px;
    max-height: 100px;
    padding: 1.5rem 2rem;
    height: auto;
    margin-bottom: 0;
    background: none;
}

.chat-over-item-bottom .live-chat-content-write .textarea:after {
    top: 1.5rem;
}

.live-chat-content-write-control {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(0, -50%);
}

.live-chat-content-write-control .emotion-Icon {
    font-size: 2.4rem;
    display: inline-block;
    vertical-align: top;
    right: auto;
    top: auto;
    color: rgba(58, 15, 63, 0.26);
}

.live-chat-content-write-control .emotion-Icon .emotion-area {
    bottom: 120%;
    top: auto;
}

.live-chat-content-write-control .sendmessage {
    font-size: 2.4rem;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    background: none;
    border: none;
    margin-left: 1.2rem;
    color: #6e0183;
    transition: opacity 0.35s;
}

.live-chat-content-write-control .sendmessage:hover {
    opacity: 0.7;
}

.chat-over-item-message {
    top: 123px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 58px;
    padding: 11px 24px;
}

.chat-over-item-message .message-typed-date {
    text-align: center;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.chat-over-item-message .message-contact {
    text-align: center;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 2.2rem;
}

.chat-over-item-message .message-typed .message-typed-text {
    max-width: calc(100% - 40px);
    margin-left: 0;
    padding: 10px 14px;
    background: #6e0183;
}

.chat-over-item-message .message-typed .message-typed-text p {
    color: #fff;
    font-size: 13px;
}

.chat-over-item-message .message-typed.my .message-typed-text {
    background: #f9f7f9;
    color: rgba(0, 0, 0, 0.87);
}

.chat-over-item-message .message-typed .message-typed-text-date {
    color: #fff;
}

.chat-over-item-message .message-typed.my .message-typed-text p {
    color: rgba(0, 0, 0, 0.87);
}

.chat-over-item-message .message-typed.my .message-typed-text-date {
    color: rgba(0, 0, 0, 0.5);
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 0 !important;
}

.my-cam {
    width: 100%;
    padding-bottom: 75%;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 2.7rem;
}

.my-cam-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.my-cam .btn {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 10;
}

.my-cam.active .btn,
.my-cam .btn {
    color: #fff;
    border: 2px solid transparent;
}

.my-cam .btn.purple-border:before {
    opacity: 1;
}

.my-mob-c {
    visibility: hidden;
}

.live-message-notifications {
    position: relative;
    padding: 12px 16px;
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
    background: rgba(58, 15, 63, 0.9);
    color: #fff;
    font-size: 1.5rem;
    display: none;
}

.uploads-popup {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.uploads-popup-in {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 930px;
    transform: translate(-50%, -50%);
    border-radius: 16px;
}

.uploads-popup-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 20px 30px 10px;
}

.close-uploads-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    color: rgba(58, 15, 63, 0.3);
    font-size: 2.4rem;
    cursor: pointer;
}

.uploads-popup-head ul {
    list-style-type: none;
}

.uploads-popup-head ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 3rem;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.uploads-popup-head ul li a {
    color: rgba(58, 15, 63, 0.5);
    position: relative;
    padding-left: 32px;
    text-decoration: none;
}

.uploads-popup-head ul li.active a,
.uploads-popup-head ul li a:hover {
    color: #d4145a;
}

.uploads-popup-head ul li a i {
    font-size: 2.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.uploads-popup-tab {
    padding: 2rem 3rem;
}

.choose-your-photo-title {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem;
}

.uploads-popup-slider-item {
    margin: 0 15px;
    padding-bottom: 5px;
}

.uploads-popup-slider-item .uploads-popup-slider-item-in {
    width: 100%;
    padding-bottom: 150%;
    margin-bottom: 1.6rem;
    position: relative;
}

.uploads-popup-slider-item .uploads-popup-slider-item-in .open-upploaded-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.uploads-popup-slider-item .check {
    text-align: center;
}

.uploads-popup-slider-item .check label {
    padding-left: 24px;
}

.uploads-popup-slider,
.uploads-popup-slider-video {
    padding: 0 15px;
    margin-bottom: 1.6rem;
}

.uploads-popup-slider .slick-arrow,
.uploads-popup-slider-video .slick-arrow {
    position: absolute;
    top: calc(50% - 2rem - 2.5px);
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
}

.uploads-popup-slider .slick-prev,
.uploads-popup-slider-video .slick-prev {
    left: 0;
}

.uploads-popup-slider .slick-next,
.uploads-popup-slider-video .slick-next {
    right: 0;
}

.remove-slider-item {
    width: 24px;
    height: 24px;
    top: 8px;
    right: -12px;
    position: absolute;
    border-radius: 24px;
    background: #fff;
    font-size: 2rem;
    z-index: 15;
    text-decoration: none;
    color: rgba(58, 15, 63, 0.26);
}

.remove-slider-item i {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.uploads-popup-slider-item .uploads-popup-slider-item-in .uploads-lock {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    background: #fff;
    display: block;
    transition: opacity 0.35s;
    top: 50%;
    left: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
}

.uploads-popup-slider-item .uploads-popup-slider-item-in .uploads-lock:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.uploads-popup-slider-item .uploads-popup-slider-item-in .uploads-lock i {
    font-size: 2.4rem;
    color: #6e0183;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.upload-drag {
    border-radius: 4px;
    border: solid 1px rgba(58, 15, 63, 0.12);
    position: relative;
    margin-bottom: 3rem;
}

.upload-drag input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-drag label {
    height: 100%;
    width: 100%;
    padding: 1.9rem 3rem 2.2rem;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

.upload-drag i {
    font-size: 4rem;
    color: rgba(58, 15, 63, 0.12);
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1rem;
}

.upload-drag span {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    color: rgba(58, 15, 63, 0.26);
}

.upload-bottom p {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.upload-bottom p a {
    color: #6e0183;
    opacity: 0.87;
    text-decoration: none;
    transition: opacity 0.35s;
}

.upload-bottom p a:hover {
    opacity: 0.5;
}

.upload-bottom:after {
    clear: both;
    display: block;
    content: "";
}

.upload-bottom-left {
    float: left;
}

.upload-bottom-right {
    float: right;
}

.upload-bottom-right .btn {
    margin-left: 5px;
    min-width: 130px;
}

.uploads-popup-slider-item-in span,
.video-slider-item .video-item .video-item-in .video-notice {
    position: absolute;
    font-size: 1.1rem;
    color: #fff;
    left: 5px;
    right: 5px;
    bottom: 0.9rem;
    text-align: center;
    font-weight: 700;
    z-index: 4;
}

.locked .uploads-popup-slider-item-in:before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7));
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 0 8px 8px;
}

.video-slider-item .video-item {
    width: auto;
    display: block;
    margin: 0 15px 1.6rem;
}

.uploads-popup-slider-item .check,
.video-slider-item .check {
    height: 24px;
    text-align: center;
}

.gifts-side.fixed {
    position: fixed;
    z-index: 50;
}

.gifts-side {
    width: 240px;
    float: right;
    background: #f9f7f9;
    padding: 2.4rem 1.6rem;
    border-radius: 8px;
    box-sizing: border-box;
    overflow-y: auto;
}

.gifts-side h3 {
    text-align: center;
    font-size: 1.5rem;
    color: #3a0f3f;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2.4rem;
}

.gifts-content {
    position: relative;
}

.gifts-content-list {
    margin-right: 270px;
}

.list-gifts {
    font-size: 0;
}

.gift-item {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin-left: 3.5%;
    border-radius: 8px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: box-shadow 0.35s;
    box-sizing: border-box;
    margin-bottom: 3rem;
}

.gift-item:nth-child(3n + 1) {
    margin-left: 0;
}

.gift-item:hover {
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}

.gift-item .gift-item-in {
    padding: 2.6rem 1.6rem 1.6rem;
}

.gift-image {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    margin-bottom: 1.6rem;
}

.gift-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: auto;
    transform: translate(-50%, -50%);
}

.gift-item .gift-item-in h3 {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 1rem;
    text-transform: none;
    text-align: center;
}

.gift-item .gift-item-in p {
    font-size: 1.3rem;
    line-height: normal;
    text-align: center;
}

.gift-item.chosen {
    border: 2px solid #6e0183;
}

.gift-item.chosen .checkbox-gift:before {
    content: "\e91f";
    color: #6e0183;
}

.checkbox-gift {
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    z-index: 10;
}

.checkbox-gift:before {
    font-size: 2.4rem;
    font-family: "icomoon" !important;
    content: "\e91e";
    color: #ccc1cd;
}

.gift-item-meta:after {
    clear: both;
    display: block;
    content: "";
}

.gift-item-meta-left {
    width: 72px;
    float: left;
    text-align: center;
}

.gift-item-meta-right {
    float: right;
    width: calc(100% - 92px);
    text-align: right;
}

.gift-item-meta .label {
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
    display: block;
}

.gift-item-meta .gift-item-meta-right .label {
    margin-bottom: 1.6rem;
}

.price-gift {
    color: #6e0183;
    font-size: 2.4rem;
    font-weight: 700;
}

.price-gift span {
    font-size: 1.3rem;
    font-weight: 400;
}

.gifts-categories {
    margin-bottom: 1.5rem;
}

.gifts-categories a {
    padding: 5px 15px;
    display: inline-block;
    vertical-align: top;
    color: rgba(58, 15, 63, 0.3);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 20px;
    margin-bottom: 1rem;
    transition: box-shadow 0.35s, background-image 0.35s, color 0.35s;
}

.gifts-categories a.active {
    color: #fff;
    background-image: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}

.gifts-categories a:hover {
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}

.gift-banner {
    background: #3a0f3f;
    border-radius: 8px;
    position: relative;
    margin-bottom: 3rem;
}

.gift-banner-head {
    color: #fff;
    font-size: 2.2rem;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    bottom: 0;
}

.gift-banner-head span {
    transform: rotate(-90deg);
    transform-origin: 100% 0;
    display: block;
    width: 200px;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    margin-left: -180px;
}

.gift-banner-content {
    margin-left: 70px;
    min-height: 240px;
    box-sizing: border-box;
    position: relative;
}

.gift-banner-content:before {
    content: "";
    position: absolute;
    top: 1%;
    height: 98%;
    width: 52px;
    border-radius: 16px;
    left: -4px;
    background-color: #9c879f;
    z-index: 1;
}

.gift-banner-content:after {
    content: "";
    position: absolute;
    top: 2%;
    width: 52px;
    height: 96%;
    border-radius: 16px;
    background-color: #755778;
    left: -8px;
}

.gift-banner-content-inner {
    position: relative;
    z-index: 5;
    border-radius: 8px;
    background: url(../images/banner.png) no-repeat right center / cover;
    padding: 2.7rem;
}

.gift-banner-content-in {
    max-width: 415px;
}

.gift-banner-content h4 {
    font-size: 1.5rem;
    margin-bottom: 1.6rem;
    font-weight: 700;
    text-transform: none;
}

.gift-banner-content p {
    font-size: 1.3rem;
    color: #3a0f3f;
    margin-bottom: 1.5rem;
}

.gift-banner-content h4 + p {
    margin-top: -0.5rem;
}

.gift-banner-content p.pink {
    color: #d4145a;
}

.choose-gifts {
    padding-bottom: 2.4rem;
    position: relative;
    margin-bottom: 2.4rem;
}

.choose-gifts:after {
    content: "";
    position: absolute;
    left: -1.6rem;
    right: -1.6rem;
    height: 1px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.12);
}

.gifts-order-for-lady-list .gift-card {
    margin-bottom: 8px;
}

.gift-card {
    position: relative;
    font-size: 0;
    margin-bottom: 3rem;
}

.gift-card:last-child {
    margin-bottom: 0;
}

.remove-gift {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2rem;
    color: #6e0183;
}

.gift-card-image {
    width: 64px;
    height: 64px;
    position: relative;
    background: #fff;
    display: inline-block;
    vertical-align: top;
}

.gift-card-image img {
    max-width: 78%;
    max-height: 78%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gift-card-text {
    width: calc(100% - 64px - 28px);
    margin-left: 28px;
    display: inline-block;
    vertical-align: top;
    font-size: 1.6rem;
}

.gifts-side .gift-card-text h3,
.gift-card h3 {
    font-size: 1.3rem;
    text-align: left;
    line-height: normal;
    text-transform: none;
    color: rgba(0, 0, 0, 0.87);
    padding-right: 25px;
    margin-bottom: 6px;
}

.gift-card-text p {
    font-size: 1.3rem;
    margin-bottom: 0;
}

.gifts-order-for-lady > h3 {
    font-size: 1.5rem;
    color: #3a0f3f;
    font-weight: 600;
    margin-bottom: 1.6rem;
}

.gift-card-text table {
    width: 100%;
}

.gift-card-text table tr td {
    padding: 3px 2px;
    font-size: 1.3rem;
}

.gift-card-text table tr td:last-child {
    text-align: right;
    width: 25px;
    font-weight: 700;
}

.choose-lady {
    padding-bottom: 2.4rem;
    position: relative;
    margin-bottom: 2.4rem;
}

.choose-lady:after {
    content: "";
    position: absolute;
    left: -1.6rem;
    right: -1.6rem;
    height: 1px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.12);
}

.choose-lady .side-lady-item {
    margin-bottom: 0;
    padding: 0 25px 0 0;
}

.choose-lady .side-lady-item .side-lady-item-in .side-lady-item-data h3 {
    color: rgba(0, 0, 0, 0.87);
    text-transform: none;
    text-align: left;
    cursor: default;
}

.choose-lady .side-lady-item .side-lady-item-in .side-lady-item-data h3 a {
    color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
    transition: opacity 0.35s;
}

.choose-lady .side-lady-item .side-lady-item-in .side-lady-item-data h3 a:hover {
    opacity: 0.7;
}

.choose-lady .side-lady-item .lady-remove {
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 2rem;
    color: #6e0183;
}

.textarea:empty:after {
    top: 1.6rem;
    left: 2rem;
    opacity: 0.5;
}

.textarea-postcard .textarea {
    padding: 1.6rem 2rem;
    margin-bottom: 2.4rem;
}

.textarea-postcard .btn {
    width: 100%;
}

.total-section {
    font-size: 0;
    margin-bottom: 2.4rem;
}

.total-label {
    font-size: 1.3rem;
    font-weight: 700;
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
}

.total-price {
    font-size: 2.4rem;
    font-weight: 700;
    color: #6e0183;
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
}

.total-price span {
    font-size: 1.3rem;
}

.pagination.ladies-nav {
    text-align: right;
}
.ladies-nav__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination.ladies-nav a.prev {
    margin-right: 0;
}

.ladies-nav .nav-item {
    color: rgba(58, 15, 63, 0.26);
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    margin-left: 2.2rem;
}

.ladies-nav span.nav-item {
    color: #6e0183;
}

.pagination.ladies-nav a.next {
    margin-left: 2.2rem;
}

.choose-gift-empty {
    color: rgba(58, 15, 63, 0.12);
    text-align: center;
}

.choose-gift-empty .icon-gift-ordered {
    font-size: 4rem;
    display: block;
    margin-bottom: 4px;
}

.choose-gift-empty span {
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    color: rgba(58, 15, 63, 0.26);
}

.choose-lady-empty form {
    margin-bottom: 1.6rem;
}

.choose-lady-empty p {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 1.6rem;
}

.choose-lady-empty .btn {
    width: 100%;
}

.live-chat-content-messages-over {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.6rem 5px 1.6rem 1.6rem;
    border-radius: 0 0 16px 16px;
    max-height: 200px;
    box-sizing: border-box;
    overflow-y: auto;
    background-image: linear-gradient(to bottom, rgba(58, 15, 63, 0), rgba(58, 15, 63, 0.8) 50%);
    -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 100%);
}

.live-chat-content-messages-over .message-typed-date {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.live-chat-content-messages-over .message-contact {
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.live-chat-content-messages-over .message-typed .message-typed-text {
    background: rgba(212, 20, 90, 0.8);
    max-width: calc(88% - 58px);
    position: relative;
    padding-right: 66px;
}

.live-chat-content-messages-over .message-typed .message-typed-text p {
    color: #fff;
    margin-bottom: 0;
}

.live-chat-content-messages-over .message-typed .message-typed-text-date {
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 1.1rem;
    right: 1.6rem;
    width: 50px;
}

.live-chat-content-messages-over .message-typed .message-avatar {
    border: 3px solid #fff;
}

.live-chat-content-messages-over .message-typed.my .message-typed-text {
    background: rgba(99, 112, 190, 0.8);
}

.purchase-content {
    max-width: 810px;
    margin: 0 auto;
}

.purchase-content > h2 {
    text-align: center;
}

.purchase-section:after {
    content: "";
    display: block;
    clear: both;
}

.purchase-left {
    float: left;
    width: 48%;
}

.purchase-right {
    margin-left: 52%;
}

.purchase-row {
    font-size: 0;
    margin-bottom: 0.8rem;
    border-radius: 8px;
    border: solid 1px rgba(58, 15, 63, 0.12);
    cursor: pointer;
    display: block;
    color: rgba(0, 0, 0, 0.87);
}

.purchase-row:hover {
    background: #f5f8ec;
}

.purchase-row.hover {
    background: #f5f8ec;
}

.purchase-image,
.purchase-credits,
.purchase-limited,
.purchase-price {
    display: inline-block;
    vertical-align: middle;
}

.purchase-image {
    width: 14%;
    min-height: 60px;
    position: relative;
}

.purchase-image img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    left: 0;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
}

.purchase-credits {
    width: 28%;
    margin-left: 2%;
}

.purchase-limited {
    width: 26%;
    margin-left: 3%;
}

.purchase-price {
    width: 22%;
    margin-left: 2%;
    margin-right: 3%;
    text-align: right;
}

.credits {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
    display: block;
}

.badget {
    display: inline-block;
    vertical-align: top;
    padding: 2px 8px;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 9px;
}

.badget.blue {
    background-image: linear-gradient(to bottom, #6370be, #6370be), linear-gradient(to left, #84a910 100%, #a8c761 1%);
}

.badget.green {
    background-image: linear-gradient(to bottom, #a5c45a, #a5c45a), linear-gradient(to left, #84a910 100%, #a8c761 1%);
}

.credits span {
    font-weight: 400;
    font-size: 1.3rem;
}

.purchase-limited del {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    display: block;
}

.purchase-limited span {
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    color: rgba(212, 20, 90, 0.87);
}

.purchase-price {
    font-size: 2.4rem;
    color: #84a910;
    font-weight: 600;
}

.purchase-price sup {
    font-size: 1.5rem;
}

.purchase-left h4 {
    margin: 1.6rem 0;
}

.payment-method {
    border-radius: 8px;
    padding: 3rem;
    text-align: center;
    background-color: #f9f7f9;
}
.payment-method-title {
    text-transform: none;
    background: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 20px;
}
.payment-method-list li label.payment-method-list-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.payment-method-list-label strong {
    background: #a5c45a;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    border-radius: 9px;
    padding: 0 6px;
    text-transform: uppercase;
    margin-right: 11px;
}
.payment-tab {
    text-align: center;
}
.no-scroll {
    overflow: hidden;
    height: 100vh;
}
.payment-tab-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
}
.payment-tab-price i {
    font-style: normal;
    text-decoration: line-through;
    font-weight: 600;
    font-size: 15px;
    color: #000;
}
.payment-tab-note {
    font-weight: 600;
    font-size: 15px;
    color: #000;
    margin-bottom: 25px;
}
.payment-tab-proceed {
    display: block;
    margin-bottom: 25px;
}
.payment-tab-price b {
    font-size: 40px;
    color: #94b42f;
    font-weight: 600;
}
.payment-tab-price b sup {
    line-height: 0;
    font-size: 0.5em;
}
.purchase-response {
    border: 1px solid rgba(58, 15, 63, 0.12);
    border-radius: 8px;
    padding: 67px 20px 89px;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
.purchase-response:after {
    position: absolute;
    inset: 0;
    border: 3px solid #fff;
    border-radius: 8px;
    content: "";
    pointer-events: none;
}
.purchase-response.purchase-response--success {
    background: url(../images/bg-resporse-success.png) no-repeat 50% 0 / contain;
}
.purchase-response.purchase-response--failed {
    background: url(../images/bg-resporse-failed.png) no-repeat 50% 0 / contain;
}
.purchase-response .payment-method-nav {
    font-size: 0;
    background: rgba(58, 15, 63, 0.12);
    border-radius: 20px;
    margin-bottom: 4rem;
}
.purchase-response-title {
    font-weight: 600;
    font-size: 20px;
    color: #3a0f3f;
    padding-top: 100px;
    margin-bottom: 15px;
    background: url(../images/response-icon-ok.svg) no-repeat 50% 0;
}
.purchase-response.purchase-response--failed .purchase-response-title {
    background: url(../images/response-icon-fail.svg) no-repeat 50% 0;
}
.purchase-response-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

@media (max-width: 1024px) {
    .payment-method-title {
        background: transparent;
        padding-top: 25px;
    }
}

.payment-method-nav a {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 1rem;
    text-align: center;
    font-size: 1.5rem;
    color: #3a0f3f;
    font-weight: 600;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}

.payment-method-nav a span {
    position: relative;
    z-index: 5;
}

.payment-method-nav a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
    background-image: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%);
    opacity: 0;
    transition: opacity 0.35s;
}

.payment-method-nav a.active {
    color: #fff;
}

.payment-method-nav a.active:before {
    opacity: 1;
}

.total-purchase-price {
    margin-bottom: 1rem;
}

.total-purchase-price del {
    font-size: 1.5rem;
    margin-right: 1rem;
}

.total-purchase-price span {
    font-size: 2.8rem;
    color: #94b42f;
    font-weight: 600;
}

.total-purchase-price span sup {
    font-size: 2rem;
}

.save-notice {
    color: rgba(212, 20, 90, 0.87);
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.card-sum {
    position: relative;
    padding-top: 2.5rem;
}

.card-sum:before {
    content: "";
    position: absolute;
    top: 0;
    left: -3rem;
    right: -3rem;
    height: 1px;
    background: rgba(0, 0, 0, 0.12);
}

.purchase-section {
    margin-bottom: 5rem;
}

.purchase-descriptions:after {
    clear: both;
    display: block;
    content: "";
}

.purchase-descriptions-left {
    width: 48%;
    float: left;
}

.purchase-descriptions-left p {
    margin-bottom: 1.5rem;
}

.purchase-descriptions-left .content-entry ul {
    margin-left: 0.6rem;
}

.purchase-descriptions-right {
    margin-left: 52%;
}

.purchase-descriptions-right .content-entry p {
    margin-bottom: 2.5rem;
}

.payment-tabs img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem 2.6rem;
}

.payment-tabs {
    min-height: calc(100vh - 535px);
}

.payment-tab {
}

.balance table {
    width: 100%;
    margin-bottom: 2.4rem;
}

.balance table tr:hover td {
    background: #f9f7f9;
    cursor: pointer;
}

.balance table th {
    color: rgba(0, 0, 0, 0.54);
    text-align: left;
    font-weight: 400;
    font-size: 1.3rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}

.balance table th,
.balance table td {
    padding: 16px 15px;
}

.balance table th:nth-child(1) {
    width: 230px;
}

.balance table th:nth-child(3) {
    width: 119px;
    text-align: right;
}

.balance table th:nth-child(4) {
    width: 105px;
    text-align: right;
}

.balance table td {
    font-size: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.balance table td:nth-child(3) {
    text-align: right;
    font-weight: 700;
}

.balance table td:nth-child(4) {
    text-align: right;
    font-weight: 700;
}

.empty-content {
    text-align: center;
    padding: 7rem 0;
}

.empty-content i {
    display: inline-block;
    vertical-align: top;
    font-size: 12.8rem;
    margin-bottom: 2rem;
    color: rgba(58, 15, 63, 0.12);
}

.empty-content span {
    font-size: 2.4rem;
    font-weight: 700;
    color: rgba(58, 15, 63, 0.26);
    display: block;
    text-transform: uppercase;
}

.fancybox-button.fancybox-button--play,
.fancybox-button.fancybox-button--zoom {
    display: none !important;
}

.fancybox-caption__body {
    font-size: 2rem;
    font-weight: 700;
}

.fancybox-caption__body span {
    font-weight: 400;
}

.admin-letter-side {
    width: 330px;
    display: inline-block;
    vertical-align: top;
}

.admin-letter-content {
    width: calc(100% - 365px);
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

.admin-letter-item {
    padding: 1.1rem 4rem 1.1rem 1.6rem;
    box-sizing: border-box;
    position: relative;
    border-radius: 8px;
    margin-bottom: 0.8rem;
}

.admin-letter-item-meta {
    margin-bottom: 0.8rem;
}

.admin-letter-date {
    font-size: 1.5rem;
}

.admin-letter-date .btn {
    padding: 1px 10px;
    text-transform: none;
    font-size: 12px;
    margin-left: 5px;
    display: none;
}

.close-admin-letter {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: none;
    font-size: 2.4rem;
    text-decoration: none;
}

.admin-letter-item p {
    font-size: 1.3rem;
    line-height: 1.54;
    color: rgba(0, 0, 0, 0.54);
    margin-bottom: 0;
}

.admin-letter-item.chosen {
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
    background-image: linear-gradient(to right, #6e0183 0%, #3a0f3f 100%), linear-gradient(to bottom, #f9f7f9, #f9f7f9);
    color: #fff;
}

.admin-letter-item.chosen p,
.admin-letter-item.outline.chosen p {
    color: #fff;
}

.admin-letter-item.chosen .close-admin-letter {
    display: block;
    color: #fff;
}

.admin-letter-item.outline {
    border: 2px solid #6e0183;
}

.admin-letter-item.outline .admin-letter-date {
    font-weight: 700;
}

.admin-letter-item.outline p {
    color: rgba(0, 0, 0, 0.87);
}

.admin-letter-wrap {
    background: #f9f7f9;
    border-radius: 8px;
    padding: 2rem 2.4rem;
    margin-bottom: 5rem;
}

.write-message .field-row {
    margin-bottom: 2.4rem;
}

.popup-notice {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.6);
}

.popup-notice-in {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    max-width: 100%;
    padding: 3.5rem;
    box-sizing: border-box;
    background: #f9f7f9;
    border-radius: 16px;
    text-align: center;
}

.popup-notice-in h3 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
}

.popup-notice-in p {
    margin-bottom: 2.3rem;
}

.popup-notice-buttons .btn {
    min-width: 100px;
    margin: 0 0.3rem;
}

.no-network {
    width: 220px;
    height: 40px;
    border-radius: 20px;
    background-color: rgba(212, 20, 90, 0.87);
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
}

.no-network i {
    font-size: 2.4rem;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.5rem;
}

.no-network span {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
}

.side-menu-ico {
    position: absolute;
    top: 3.4em;
    margin-top: 58px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #fff;
    color: #6e0183;
    text-decoration: none;
    z-index: 50;
}

.side-menu-ico:hover i {
    opacity: 0.7;
}

.side-menu-ico i {
    transition: opacity 0.35s;
    font-size: 2.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#footer {
    background: #f9f7f9;
    padding: 3rem 0;
    margin-top: 3rem;
}

#footer .footer-in {
    transition: padding-left 0.3s;
    padding-left: 360px;
}

#footer.full .footer-in {
    padding-left: 0;
}

#footer .footer-in:after {
    clear: both;
    display: block;
    content: "";
}

.footer-left {
    width: 77%;
    float: left;
    font-size: 0;
    margin-bottom: 20px;
}
.footer-left.footer-left--bottom {
    clear: both;
    padding-top: 3rem;
    width: 100%;
    display: flex;
    margin: 0 -2px;
    flex-wrap: wrap;
}
.footer-left.footer-left--bottom ul {
    padding-right: 10px;
}
@media (max-width: 1150px) {
    .footer-left {
        max-width: calc(100% - 175px);
    }
}

.footer-left .menu-footer-item {
    width: 25%;
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: top;
}
.footer-left.footer-left--bottom .menu-footer-item {
    width: calc(20% - 2px);
    margin: 0 1px;
}
.footer-left .menu-footer-item h3 {
    font-size: 15px;
    margin-bottom: 1.5rem;
}

.footer-left .menu-footer-item:nth-child(3n + 1) {
    margin-left: 0;
}

.footer-left .menu-footer-item .h3 {
    color: #3a0f3f;
    opacity: 0.5;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 1.7rem;
    text-transform: uppercase;
}

.footer-left .menu-footer-item ul {
    list-style-type: none;
}

.footer-left .menu-footer-item ul div div,
.footer-left .menu-footer-item ul li {
    font-size: 1.3rem;
    font-weight: 400;
    margin-bottom: 1.7rem;
}

.footer-left .menu-footer-item ul div div:last-child,
.footer-left .menu-footer-item ul li:last-child {
    margin-bottom: 0;
}

.footer-left .menu-footer-item ul li a,
.footer-left .menu-footer-item ul div div li a {
    color: #000000;
    opacity: 0.87;
    transition: opacity 0.35s;
    text-decoration: none;
}

.footer-left .menu-footer-item ul li a:hover,
.footer-left .menu-footer-item ul div div li a:hover {
    opacity: 0.5;
}

.footer-right {
    float: right;
    text-align: right;
    width: 23%;
    min-width: 175px;
}

.footer-logo {
    width: 175px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2.5rem;
}

.footer-logo img {
    margin-bottom: 0.8rem;
}

.footer-logo img.img-pay {
    margin-bottom: 0;
}

.footer-logo span {
    color: #d4145a;
    display: block;
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 1.3rem;
}

.copyright {
    font-size: 1.2rem;
    opacity: 0.54;
    color: #000;
}

.gift-order-item {
    border-radius: 8px;
    padding: 2.4rem;
    margin-bottom: 8px;
    background-color: #f9f7f9;
}

.gift-order-item:after {
    clear: both;
    display: block;
    content: "";
}

.gift-order-item-side {
    width: 330px;
    float: left;
}

.gift-order-item-img {
    width: 90px;
    height: 90px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    float: left;
}

.gift-order-item-img img {
    position: absolute;
    max-width: 72px;
    max-height: 72px;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gift-order-item-data {
    margin-left: 360px;
}

.gift-order-item-data-head {
    font-size: 0;
    margin-bottom: 1rem;
}

.gift-order-item-data-head h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #3a0f3f;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-bottom: 0;
}

.gift-order-status {
    width: 48%;
    margin-left: 2%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.gift-order-status span {
    padding: 3px 15px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
}

.gift-order-status span.green {
    background: #a4c553;
}

.gift-order-status span.blue {
    background: #6370be;
}

.gift-order-item-data-col {
    font-size: 0;
    margin-bottom: 0.8rem;
}

.gift-order-item-data-col-head {
    width: 118px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54);
}

.gift-order-item-data-col-info {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 133px);
    font-size: 13px;
    word-wrap: break-word;
    word-break: break-word;
}

.gift-order-item-data-col-content .gift-order-item-data-col-head {
    display: block;
    width: auto;
    padding-top: 0.5rem;
    margin-bottom: 1rem;
}

.gift-order-item-data-col-content .gift-order-item-data-col-info {
    display: block;
    width: auto;
}

.reorder-button {
    padding-top: 1.6rem;
    text-align: right;
}

.tab-site {
    font-size: 0;
    margin-bottom: 20px;
}

.tab-site h4 {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    margin: 0 20px;
}

.tab-site h4.active {
    color: #d4145a;
    border-bottom: 1px solid #d4145a;
}

.mobile-menu,
.close-menu-side,
.mail-content-over-wrap-who,
.send-message,
.mob-open-gal,
.live-chat-mob-tabs,
.live-chat-mob-cam,
.live-chat-mob-head,
.live-chat-content-head-close,
.live-chat-mob-head-bottom,
.live-chat-content-head-mob-overlay,
.video-my-cam,
.back-to-admin-letter,
.search-filter-popup-head,
.search-section-head .btn,
.overlay-payment,
.close-payment,
.open-payment,
.show-filter,
.gifts-side-close,
.gifts-side-overlay-mob,
.order-sum,
.home-mob-menu,
.close-home-mob-menu,
.overlay-home-menu,
.close-chatSide,
.s-b-checkbox,
.fixed-content .live-chat-content-head .live-chat-content-head-right ul li.show-side {
    display: none;
}

.mail-sidebar .loading {
    /*display: none;*/
}

.admin-email {
    display: none;
}

.online-contacts {
    height: 100%;
}

.validationFailed {
    border: 2px solid #ff0000 !important;
}

.opacity {
    opacity: 0.4;
}

.attach-file-padding {
    padding: 2px;
}

.attach-file-padding:last-child {
    padding-bottom: 10px;
}

.tabPanel a {
    margin-right: 10px;
    margin-bottom: 10px;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.9) url(../images/loader.gif) no-repeat 50% 50%;
}

.loader-none {
    display: none;
}

.simplePager {
    width: auto !important;
    float: right;
    margin-bottom: 0 !important;
}

.borderForMedia {
    border: 2px solid #000000;
}

.outlineNone {
    outline: none;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.h3 {
    margin-bottom: 0.5rem;
    font-size: 2.4rem;
    color: #3a0f3f;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.h2 {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #3a0f3f;
    margin-bottom: 3rem;
}

.mute-live-message {
    display: inline-block;
    height: 18px;
    width: 17px;
    background: url(../images/disable_chat.svg) no-repeat 50% 50% / contain;
}

.latest-blogs {
    margin-bottom: 5rem;
}

.latest-blogs .blog-item {
    display: inline-block;
    vertical-align: top;
    width: calc(48.8% - 4px);
    font-size: 1.4rem;
    line-height: 1.42;
    background: #f6f6f6;
    margin-bottom: 2.5rem;
    margin-left: 2.4%;
}

.latest-blogs .blog-item:nth-child(2n + 1) {
    margin-left: 0;
}

.latest-blogs .blog-item .img {
    padding-top: 46%;
    display: block;
    border-radius: 0.5rem 0.5rem 0 0;
    transition: opacity 0.35s;
}

.latest-blogs .blog-item .img:hover {
    opacity: 0.9;
}

.latest-blogs .blog-item .text-blog {
    background: #f6f6f6;
    padding: 3rem 4rem;
}

.latest-blogs .blog-item h2 {
    margin: 0;
    margin-bottom: 10px;
}

.latest-blogs .blog-item h2 a {
    font-size: 2.2rem;
    line-height: 1.09;
    font-weight: 800;
    color: #fb3c6c;
    text-decoration: none;
    transition: color 0.35s;
}

.latest-blogs .blog-item h2 a:hover,
.latest-blogs .blog-item .more-btn:hover {
    color: #000;
}

.latest-blogs .blog-item .more-btn {
    text-transform: uppercase;
    color: #fb3c6c;
    font-size: 1.4rem;
    line-height: 1.42;
    text-decoration: none;
    transition: color 0.35s;
}

.mail-lady-block {
    position: absolute;
    top: 30px;
    line-height: 20px;
    padding: 0 5px;
    box-sizing: border-box;
    min-width: 32px;
    font-weight: 700;
    text-align: center;
}

.home-mob-menu + .login-link,
.home-mob-menu + .login-link + .login-link {
    display: none;
}

.col {
    float: left;
    width: 16%;
    margin-bottom: 4rem;
    min-width: 135px;
}

.col .h3 {
    margin-bottom: 10px;
    font-weight: bold;
}

.thumb-vertical {
    position: relative;
    display: block;
    width: 4px !important;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(0, 0, 0, 0.2);
    transform: translateY(0px);
    /*max-height: 30%;*/
}

.purchase-price {
    color: #000;
}
.credits {
    font-size: 1.7rem;
}
.purchase-limited del,
.purchase-limited span {
    text-align: right;
}
.purchase-row:hover,
.purchase-row.hover {
    background: linear-gradient(90deg, #6e0183 0%, #3a0f3f 100%);
    color: #fff;
}
.purchase-row:hover .purchase-limited del,
.purchase-row.hover .purchase-limited del {
    opacity: 0.5;
}
.purchase-row:hover .purchase-limited span,
.purchase-row.hover .purchase-limited span {
    opacity: 0.87;
    color: #fff;
}
.purchase-row:hover .purchase-price,
.purchase-row.hover .purchase-price {
    color: #fff;
}
.payment-method-list {
    list-style-type: none;
    padding: 0;
    margin: 0 0 1.5rem;
}
.payment-method-list.disabled {
    opacity: 0.26;
    pointer-events: none;
}
.payment-method-list li {
    display: block;
    text-align: left;
}
.payment-method-list li input {
    display: none;
}
.payment-method-list li label {
    padding: 1rem 0 1rem 4.8rem;
    border-radius: 2rem;
    display: block;
    position: relative;
    font-size: 1.5rem;
    line-height: 1.33;
    font-weight: 600;
    margin-bottom: 0.2rem;
    cursor: pointer;
}
.payment-method-list li label:before {
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem;
    left: 1rem;
    content: "";
    border: 0.2rem solid #c7bbc9;
    position: absolute;
    top: 0.9rem;
    box-sizing: border-box;
}
.payment-method-list li input:checked + label {
    color: #fff;
    background: linear-gradient(90deg, #6e0183 0%, #3a0f3f 100%);
}
.payment-method-list li input:checked + label:before {
    background: url(../images/checked-icon.svg) no-repeat 0 0;
    width: 2.4rem;
    height: 2.4rem;
    border: none;
    top: 0.8rem;
}
.payment-method-options {
    background: #f9f7f9;
    mix-blend-mode: normal;
    border: 1px solid rgba(0, 0, 0, 0.12);
    opacity: 1;
    border-radius: 8px;
    min-height: 10rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1.33;
    padding: 1rem 2rem;
    box-sizing: border-box;
    color: rgba(58, 15, 63, 0.26);
}
.payment-method-options-info {
    display: none;
}
.payment-method-options.payment-method-options--empty {
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.payment-method-options.payment-method-options--empty .payment-method-options-info {
    display: block;
}
.payment-method-options img {
    display: inline-block;
    vertical-align: middle;
    margin: 0.7rem 1rem;
    max-height: 2rem;
}
.card-sum:before {
    display: none;
}
.card-sum .btn {
    display: inline-block;
}
.btn.disabled {
    pointer-events: none;
    box-shadow: 0 4px 16px 0 rgba(204, 193, 205, 0.5);
}
.btn.disabled:after {
    background: #ccc1cd;
}
.card-sum.disabled {
    padding-top: 0;
}
.card-sum.disabled h4 {
    display: none;
}
.btn-continue {
    display: none;
}

#errorBoundaryContainer {
    background-color: antiquewhite;
}

.popupNoticeIn {
    max-height: 80vh;
}

#errorBoundaryContainer details {
    max-height: 100%;
    overflow-y: scroll;
    max-height: 300px;
    margin-top: 10px;
}

.messageContainer {
    padding: 20px;
    height: auto;
}

.thumbChatMessages {
    background-color: rgba(58, 15, 63, 0.26) !important;
    /*margin: 0 0 0 auto;*/
}

.thumbChatMessagesOver {
    background-color: rgba(255, 255, 255, 0.26) !important;
}

.statusConfirm {
    position: relative;
}

.statusConfirm .statusSend,
.statusConfirm .statusReceived {
    position: absolute;
    right: 2px;
    bottom: 13px;
    width: 17px;
    height: 15px;
}

.statusConfirm .statusSend:before,
.statusConfirm .statusReceived:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 8px;
    height: 2px;
    content: "";
    border-bottom: 1px solid rgba(58, 15, 63, 0.5);
    border-left: 1px solid rgba(58, 15, 63, 0.5);
    transform: rotate(-45deg);
}

.statusConfirm .statusReceived:after {
    left: 5px;
}

.statusConfirm.web .statusSend:before,
.statusConfirm.web .statusReceived:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.margin12 {
    margin: 12px 0;
}

.ladies-list ladies-list .like:hover {
    color: #fff;
}

#ui-datepicker-div {
    z-index: 101 !important;
}

/*paid content styles*/
#paidMediaLeftPanel i {
    opacity: 0;
}
#paidMediaLeftPanel {
    position: relative;
}
#paidMediaLeftPanel:before {
    position: absolute;
    left: 0;
    top: 0;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_966_51471" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_966_51471)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9173 9.16668L7.08398 12.9167V5.41668L12.9173 9.16668ZM5.91732 16.8438C6.93121 17.2813 8.01454 17.5 9.16732 17.5C9.81692 17.5 10.4445 17.4305 11.05 17.2916C10.9095 16.8303 10.834 16.3406 10.834 15.8333C10.834 13.0719 13.0726 10.8333 15.834 10.8333C16.3413 10.8333 16.8309 10.9089 17.2923 11.0493C17.4312 10.4438 17.5007 9.81628 17.5007 9.16668C17.5007 8.0139 17.2819 6.93057 16.8444 5.91668C16.4069 4.90279 15.8132 4.02084 15.0632 3.27084C14.3132 2.52084 13.4312 1.92709 12.4173 1.48959C11.4034 1.05209 10.3201 0.833344 9.16732 0.833344C8.01454 0.833344 6.93121 1.05209 5.91732 1.48959C4.90343 1.92709 4.02148 2.52084 3.27148 3.27084C2.52148 4.02084 1.92773 4.90279 1.49023 5.91668C1.05273 6.93057 0.833984 8.0139 0.833984 9.16668C0.833984 10.3195 1.05273 11.4028 1.49023 12.4167C1.92773 13.4306 2.52148 14.3125 3.27148 15.0625C4.02148 15.8125 4.90343 16.4063 5.91732 16.8438Z" fill="%236d4d71"/><path d="M15.3811 19.5833V18.849C14.9714 18.8401 14.6186 18.8027 14.3229 18.7371C14.0302 18.6714 13.7514 18.5833 13.4865 18.4729V17.0714C13.7853 17.1998 14.1026 17.3027 14.4384 17.3804C14.7773 17.455 15.0915 17.5042 15.3811 17.5281V16.3998C14.9899 16.2893 14.6402 16.158 14.3321 16.0057C14.0241 15.8505 13.7807 15.6505 13.602 15.4057C13.4233 15.158 13.334 14.8386 13.334 14.4475C13.334 14.0774 13.4187 13.7699 13.5881 13.5251C13.7576 13.2774 13.9963 13.0878 14.3044 12.9565C14.6125 12.8221 14.9714 12.7416 15.3811 12.7147V12.0833H16.2499V12.7057C16.635 12.7236 16.9846 12.7729 17.2989 12.8535C17.6131 12.9341 17.8981 13.0251 18.1538 13.1266L17.7471 14.3535C17.513 14.258 17.2681 14.1804 17.0124 14.1207C16.7567 14.061 16.5025 14.0207 16.2499 13.9998V15.1057C16.6904 15.2341 17.0647 15.3714 17.3728 15.5177C17.684 15.661 17.9212 15.8445 18.0844 16.0684C18.2508 16.2893 18.334 16.5804 18.334 16.9416C18.334 17.4371 18.1661 17.858 17.8303 18.2042C17.4945 18.5475 16.9677 18.7565 16.2499 18.8311V19.5833H15.3811ZM16.2499 17.5102C16.4347 17.4833 16.5703 17.4356 16.6565 17.3669C16.7459 17.2953 16.7905 17.2027 16.7905 17.0893C16.7905 17.0117 16.7736 16.946 16.7397 16.8923C16.7089 16.8356 16.6535 16.7848 16.5734 16.7401C16.4963 16.6953 16.3885 16.652 16.2499 16.6102V17.5102ZM15.3811 14.8595V14.0087C15.2671 14.0177 15.1716 14.0386 15.0946 14.0714C15.0176 14.1013 14.9591 14.143 14.919 14.1968C14.879 14.2505 14.8589 14.3132 14.8589 14.3848C14.8589 14.4595 14.8759 14.5251 14.9098 14.5819C14.9437 14.6386 14.9991 14.6893 15.0761 14.7341C15.1531 14.7759 15.2548 14.8177 15.3811 14.8595Z" fill="%236d4d71"/></g></svg>')
        no-repeat 0 0;
    width: 20px;
    height: 20px;
    content: "";
    transition: background 0.35s;
}
#paidMediaLeftPanel:hover:before {
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_966_51471" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_966_51471)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9173 9.16668L7.08398 12.9167V5.41668L12.9173 9.16668ZM5.91732 16.8438C6.93121 17.2813 8.01454 17.5 9.16732 17.5C9.81692 17.5 10.4445 17.4305 11.05 17.2916C10.9095 16.8303 10.834 16.3406 10.834 15.8333C10.834 13.0719 13.0726 10.8333 15.834 10.8333C16.3413 10.8333 16.8309 10.9089 17.2923 11.0493C17.4312 10.4438 17.5007 9.81628 17.5007 9.16668C17.5007 8.0139 17.2819 6.93057 16.8444 5.91668C16.4069 4.90279 15.8132 4.02084 15.0632 3.27084C14.3132 2.52084 13.4312 1.92709 12.4173 1.48959C11.4034 1.05209 10.3201 0.833344 9.16732 0.833344C8.01454 0.833344 6.93121 1.05209 5.91732 1.48959C4.90343 1.92709 4.02148 2.52084 3.27148 3.27084C2.52148 4.02084 1.92773 4.90279 1.49023 5.91668C1.05273 6.93057 0.833984 8.0139 0.833984 9.16668C0.833984 10.3195 1.05273 11.4028 1.49023 12.4167C1.92773 13.4306 2.52148 14.3125 3.27148 15.0625C4.02148 15.8125 4.90343 16.4063 5.91732 16.8438Z" fill="%23A5C45A"/><path d="M15.3811 19.5833V18.849C14.9714 18.8401 14.6186 18.8027 14.3229 18.7371C14.0302 18.6714 13.7514 18.5833 13.4865 18.4729V17.0714C13.7853 17.1998 14.1026 17.3027 14.4384 17.3804C14.7773 17.455 15.0915 17.5042 15.3811 17.5281V16.3998C14.9899 16.2893 14.6402 16.158 14.3321 16.0057C14.0241 15.8505 13.7807 15.6505 13.602 15.4057C13.4233 15.158 13.334 14.8386 13.334 14.4475C13.334 14.0774 13.4187 13.7699 13.5881 13.5251C13.7576 13.2774 13.9963 13.0878 14.3044 12.9565C14.6125 12.8221 14.9714 12.7416 15.3811 12.7147V12.0833H16.2499V12.7057C16.635 12.7236 16.9846 12.7729 17.2989 12.8535C17.6131 12.9341 17.8981 13.0251 18.1538 13.1266L17.7471 14.3535C17.513 14.258 17.2681 14.1804 17.0124 14.1207C16.7567 14.061 16.5025 14.0207 16.2499 13.9998V15.1057C16.6904 15.2341 17.0647 15.3714 17.3728 15.5177C17.684 15.661 17.9212 15.8445 18.0844 16.0684C18.2508 16.2893 18.334 16.5804 18.334 16.9416C18.334 17.4371 18.1661 17.858 17.8303 18.2042C17.4945 18.5475 16.9677 18.7565 16.2499 18.8311V19.5833H15.3811ZM16.2499 17.5102C16.4347 17.4833 16.5703 17.4356 16.6565 17.3669C16.7459 17.2953 16.7905 17.2027 16.7905 17.0893C16.7905 17.0117 16.7736 16.946 16.7397 16.8923C16.7089 16.8356 16.6535 16.7848 16.5734 16.7401C16.4963 16.6953 16.3885 16.652 16.2499 16.6102V17.5102ZM15.3811 14.8595V14.0087C15.2671 14.0177 15.1716 14.0386 15.0946 14.0714C15.0176 14.1013 14.9591 14.143 14.919 14.1968C14.879 14.2505 14.8589 14.3132 14.8589 14.3848C14.8589 14.4595 14.8759 14.5251 14.9098 14.5819C14.9437 14.6386 14.9991 14.6893 15.0761 14.7341C15.1531 14.7759 15.2548 14.8177 15.3811 14.8595Z" fill="%23A5C45A"/></g></svg>')
        no-repeat 0 0;
}
.ladies-section .mail-nav.gift-nav li a {
    position: relative;
}
.ladies-section .mail-nav.gift-nav li a:before {
    position: absolute;
    left: 0;
    top: -3px;
    width: 24px;
    height: 24px;
    content: "";
    transition: background 0.35s;
}
.ladies-section .mail-nav.gift-nav li a i {
    opacity: 0;
}
.ladies-section .mail-nav.gift-nav li:nth-child(1) a:before {
    /*background: url('data:image/svg+xml,') no-repeat 0 0;*/

    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5V7C17 6.45 16.55 6 16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5Z" fill="%239a889e"/><mask id="mask0_966_51612" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="6" width="18" height="12"><path d="M17 10.5V7C17 6.45 16.55 6 16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5Z" fill="white"/></mask><g mask="url(%23mask0_966_51612)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V24H0V0Z" fill="%239a889e"/></g></svg>')
        no-repeat 0 0;
}
.ladies-section .mail-nav.gift-nav li:nth-child(1) a:hover:before,
.ladies-section .mail-nav.gift-nav li:nth-child(1).current a:before {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5V7C17 6.45 16.55 6 16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5Z" fill="%23D4145A"/><mask id="mask0_966_51612" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="6" width="18" height="12"><path d="M17 10.5V7C17 6.45 16.55 6 16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5Z" fill="white"/></mask><g mask="url(%23mask0_966_51612)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V24H0V0Z" fill="%23D4145A"/></g></svg>')
        no-repeat 0 0;
}
.ladies-section .mail-nav.gift-nav li:nth-child(2) a:before {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_966_51625"                maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_966_51625)"><path d="M23 21C23 21.5523 22.5523 22 22 22H14C13.4477 22 13 21.5523 13 21L13 15C13 14.4477 13.4477 14 14 14H22C22.5523 14 23 14.4477 23 15V21ZM14 20H22L19.4 16.5L17.5 19L16.1 17.15L14 20Z" fill="%239a889e"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.52222 14.4964C2.87037 14.8321 3.28889 15 3.77778 15H11V14C11 12.8954 11.8954 12 13 12H18V4.71429C18 4.24286 17.8259 3.83929 17.4778 3.50357C17.1296 3.16786 16.7111 3 16.2222 3H3.77778C3.28889 3 2.87037 3.16786 2.52222 3.50357C2.17407 3.83929 2 4.24286 2 4.71429V13.2857C2 13.7571 2.17407 14.1607 2.52222 14.4964ZM16.2222 6.79286L10 10.9714L3.77778 6.79286V4.71429L10 8.87143L16.2222 4.71429V6.79286Z" fill="%239a889e"/></g></svg>')
        no-repeat 0 0;
}
.ladies-section .mail-nav.gift-nav li:nth-child(2) a:hover:before,
.ladies-section .mail-nav.gift-nav li:nth-child(2).current a:before {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_966_51625"                maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_966_51625)"><path d="M23 21C23 21.5523 22.5523 22 22 22H14C13.4477 22 13 21.5523 13 21L13 15C13 14.4477 13.4477 14 14 14H22C22.5523 14 23 14.4477 23 15V21ZM14 20H22L19.4 16.5L17.5 19L16.1 17.15L14 20Z" fill="%23D4145A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.52222 14.4964C2.87037 14.8321 3.28889 15 3.77778 15H11V14C11 12.8954 11.8954 12 13 12H18V4.71429C18 4.24286 17.8259 3.83929 17.4778 3.50357C17.1296 3.16786 16.7111 3 16.2222 3H3.77778C3.28889 3 2.87037 3.16786 2.52222 3.50357C2.17407 3.83929 2 4.24286 2 4.71429V13.2857C2 13.7571 2.17407 14.1607 2.52222 14.4964ZM16.2222 6.79286L10 10.9714L3.77778 6.79286V4.71429L10 8.87143L16.2222 4.71429V6.79286Z" fill="%23D4145A"/></g></svg>')
        no-repeat 0 0;
}
.ladies-section .mail-nav.gift-nav li:nth-child(3) a:before {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_966_51665"                maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_966_51665)"><path d="M23 21C23 21.5523 22.5523 22 22 22H14C13.4477 22 13 21.5523 13 21L13 15C13 14.4477 13.4477 14 14 14H22C22.5523 14 23 14.4477 23 15V21ZM14 20H22L19.4 16.5L17.5 19L16.1 17.15L14 20Z" fill="%239a889e"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.12 2.63C12.1467 2.21 11.1067 2 10 2C8.89333 2 7.85333 2.21 6.88 2.63C5.90667 3.05 5.06 3.62 4.34 4.34C3.62 5.06 3.05 5.90667 2.63 6.88C2.21 7.85333 2 8.89333 2 10V16.4C2 16.84 2.15667 17.2167 2.47 17.53C2.78333 17.8433 3.16 18 3.6 18H10C10.3396 18 10.6729 17.9802 11 17.9407V14C11 12.8954 11.8954 12 13 12H17.7531C17.9177 11.3595 18 10.6928 18 10C18 8.89333 17.79 7.85333 17.37 6.88C16.95 5.90667 16.38 5.06 15.66 4.34C14.94 3.62 14.0933 3.05 13.12 2.63ZM6 11C6.55228 11 7 10.5523 7 10C7 9.44772 6.55228 9 6 9C5.44772 9 5 9.44772 5 10C5 10.5523 5.44772 11 6 11ZM11 10C11 10.5523 10.5523 11 10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10ZM15 10C15 10.5523 14.5523 11 14 11C13.4477 11 13 10.5523 13 10C13 9.44772 13.4477 9 14 9C14.5523 9 15 9.44772 15 10Z" fill="%239a889e"/></g></svg>')
        no-repeat 0 0;
}
.ladies-section .mail-nav.gift-nav li:nth-child(3) a:hover:before,
.ladies-section .mail-nav.gift-nav li:nth-child(3).current a:before {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_966_51665"                maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_966_51665)"><path d="M23 21C23 21.5523 22.5523 22 22 22H14C13.4477 22 13 21.5523 13 21L13 15C13 14.4477 13.4477 14 14 14H22C22.5523 14 23 14.4477 23 15V21ZM14 20H22L19.4 16.5L17.5 19L16.1 17.15L14 20Z" fill="%23D4145A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.12 2.63C12.1467 2.21 11.1067 2 10 2C8.89333 2 7.85333 2.21 6.88 2.63C5.90667 3.05 5.06 3.62 4.34 4.34C3.62 5.06 3.05 5.90667 2.63 6.88C2.21 7.85333 2 8.89333 2 10V16.4C2 16.84 2.15667 17.2167 2.47 17.53C2.78333 17.8433 3.16 18 3.6 18H10C10.3396 18 10.6729 17.9802 11 17.9407V14C11 12.8954 11.8954 12 13 12H17.7531C17.9177 11.3595 18 10.6928 18 10C18 8.89333 17.79 7.85333 17.37 6.88C16.95 5.90667 16.38 5.06 15.66 4.34C14.94 3.62 14.0933 3.05 13.12 2.63ZM6 11C6.55228 11 7 10.5523 7 10C7 9.44772 6.55228 9 6 9C5.44772 9 5 9.44772 5 10C5 10.5523 5.44772 11 6 11ZM11 10C11 10.5523 10.5523 11 10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10ZM15 10C15 10.5523 14.5523 11 14 11C13.4477 11 13 10.5523 13 10C13 9.44772 13.4477 9 14 9C14.5523 9 15 9.44772 15 10Z" fill="%23D4145A"/></g></svg>')
        no-repeat 0 0;
}
.ladies-section .mail-nav.gift-nav li:nth-child(4) a:before {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_966_51678" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_966_51678)"><path d="M14 22C13.7167 22 13.4792 21.9042 13.2875 21.7125C13.0958 21.5208 13 21.2833 13 21V15C13 14.7167 13.0958 14.4792 13.2875 14.2875C13.4792 14.0958 13.7167 14 14 14H20C20.2833 14 20.5208 14.0958 20.7125 14.2875C20.9042 14.4792 21 14.7167 21 15V17L23 15V21L21 19V21C21 21.2833 20.9042 21.5208 20.7125 21.7125C20.5208 21.9042 20.2833 22 20 22H14Z" fill="%239a889e"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.12 2.63C12.1467 2.21 11.1067 2 10 2C8.89333 2 7.85333 2.21 6.88 2.63C5.90667 3.05 5.06 3.62 4.34 4.34C3.62 5.06 3.05 5.90667 2.63 6.88C2.21 7.85333 2 8.89333 2 10V16.4C2 16.84 2.15667 17.2167 2.47 17.53C2.78333 17.8433 3.16 18 3.6 18H10C10.3396 18 10.6729 17.9802 11 17.9407V14C11 12.8954 11.8954 12 13 12H17.7531C17.9177 11.3595 18 10.6928 18 10C18 8.89333 17.79 7.85333 17.37 6.88C16.95 5.90667 16.38 5.06 15.66 4.34C14.94 3.62 14.0933 3.05 13.12 2.63ZM6 11C6.55228 11 7 10.5523 7 10C7 9.44772 6.55228 9 6 9C5.44772 9 5 9.44772 5 10C5 10.5523 5.44772 11 6 11ZM11 10C11 10.5523 10.5523 11 10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10ZM15 10C15 10.5523 14.5523 11 14 11C13.4477 11 13 10.5523 13 10C13 9.44772 13.4477 9 14 9C14.5523 9 15 9.44772 15 10Z" fill="%239a889e"/></g></svg>')
        no-repeat 0 0;
}
.ladies-section .mail-nav.gift-nav li:nth-child(4) a:hover:before,
.ladies-section .mail-nav.gift-nav li:nth-child(4).current a:before {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_966_51678" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_966_51678)"><path d="M14 22C13.7167 22 13.4792 21.9042 13.2875 21.7125C13.0958 21.5208 13 21.2833 13 21V15C13 14.7167 13.0958 14.4792 13.2875 14.2875C13.4792 14.0958 13.7167 14 14 14H20C20.2833 14 20.5208 14.0958 20.7125 14.2875C20.9042 14.4792 21 14.7167 21 15V17L23 15V21L21 19V21C21 21.2833 20.9042 21.5208 20.7125 21.7125C20.5208 21.9042 20.2833 22 20 22H14Z" fill="%23D4145A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.12 2.63C12.1467 2.21 11.1067 2 10 2C8.89333 2 7.85333 2.21 6.88 2.63C5.90667 3.05 5.06 3.62 4.34 4.34C3.62 5.06 3.05 5.90667 2.63 6.88C2.21 7.85333 2 8.89333 2 10V16.4C2 16.84 2.15667 17.2167 2.47 17.53C2.78333 17.8433 3.16 18 3.6 18H10C10.3396 18 10.6729 17.9802 11 17.9407V14C11 12.8954 11.8954 12 13 12H17.7531C17.9177 11.3595 18 10.6928 18 10C18 8.89333 17.79 7.85333 17.37 6.88C16.95 5.90667 16.38 5.06 15.66 4.34C14.94 3.62 14.0933 3.05 13.12 2.63ZM6 11C6.55228 11 7 10.5523 7 10C7 9.44772 6.55228 9 6 9C5.44772 9 5 9.44772 5 10C5 10.5523 5.44772 11 6 11ZM11 10C11 10.5523 10.5523 11 10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10ZM15 10C15 10.5523 14.5523 11 14 11C13.4477 11 13 10.5523 13 10C13 9.44772 13.4477 9 14 9C14.5523 9 15 9.44772 15 10Z" fill="%23D4145A"/></g></svg>')
        no-repeat 0 0;
}
.mail-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.5rem;
}
.mail-box .mail-head {
    display: block;
}
.mail-head h1.paid-heading {
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.ladies-section .mail-head:after {
    display: none;
}
.search-filter .filter-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search-filter .filter-buttons.filter-buttons--inline {
    display: block;
}
.search-filter .filter-buttons select {
    border: 1px solid #e4e4e4;
    padding: 7px;
    font-size: 1.4rem;
    line-height: 1.57;
    color: #1e2024;
}

.search-filter .filter-buttons div.fancy-select ul.options li {
    text-align: left;
}
.search-filter .filter-buttons div.fancy-select div.trigger {
    border: none;
    padding-left: 0;
    font-weight: 600;
    font-size: 1.5rem;
}
.first-package {
    border: 1px solid #e6e3e6;
    border-radius: 0.8rem;
    padding: 0.2rem;
    margin-bottom: 1.2rem;
}
.first-package__in {
    background: url(../images/first-pck-bg.png) no-repeat 50% 0;
    padding-top: 10rem;
    position: relative;
    text-align: center;
}
.first-package__in:before {
    position: absolute;
    background: url(../images/coins.svg) no-repeat 50% 0;
    top: 2.7rem;
    left: 50%;
    width: 112px;
    height: 100px;
    margin-left: -56px;
    content: "";
}
.first-package__cards {
    margin-bottom: 3rem;
}
.first-package__label {
    background: #6e0183;
    color: #fff;
    display: inline-block;
    padding: 0.4rem 1.2rem;
    border-radius: 2.4rem;
    line-height: 1.2;
    font-size: 1.3rem;
    color: #fff;
    position: relative;
    z-index: 2;
    font-weight: 600;
    margin-bottom: 1.7rem;
}
.first-package__heading {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    color: #3a0f3f;
    margin-bottom: 1.6rem;
}
.first-package__options {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}
.first-package__option {
    width: 33.33%;
    padding: 4rem 1rem 0;
    box-sizing: border-box;
    font-size: 1.5rem;
    line-height: 1.2;
}
.first-package__option--1 {
    background: url(../images/chat-icon.svg) no-repeat 50% 0;
}
.first-package__option--2 {
    background: url(../images/support-icon.svg) no-repeat 50% 0;
}
.first-package__option--3 {
    background: url(../images/attention-icon.svg) no-repeat 50% 0;
}
.first-package__price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.first-package__price-col {
    width: 40%;
}
.first-package__price-col + .first-package__price-col {
    width: 50%;
    margin-right: 10%;
}
.first-package__price-col + .first-package__price-col span {
    text-decoration: line-through;
    margin-right: 0.7rem;
}
.first-package__price-col b {
    font-size: 4rem;
    line-height: 1;
    font-weight: 600;
}
.first-package__price-col b sup {
    font-size: 0.52em;
    white-space: nowrap;
}
.first-package__price-col b sup i {
    font-style: normal;
    margin-left: -0.5rem;
    color: #d4145a;
}
.first-package__price-col span {
    font-size: 1.5rem;
}
.first-package__price {
    background: #f9f7f9;
    margin: 0 1.4rem 2.4rem;
    padding: 2rem 3rem;
    position: relative;
}
.first-package__price:before {
    position: absolute;
    right: -1rem;
    top: -2rem;
    content: "";
    background: url(../images/badge-first.svg) no-repeat 0 0 / contain;
    width: 7.9rem;
    height: 6.2rem;
}
.first-package__btn.green {
    margin-bottom: 2.4rem;
    box-shadow: 0 4px 16px 0 rgba(212, 20, 90, 0.5);
}
.first-package__btn:after {
    background: #d4145a;
}

.first-package__link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
}
.first-package__link:hover + .first-package__btn {
    box-shadow: 0 4px 16px 0 rgba(110, 1, 131, 0.26);
}
.first-package__link:hover + .first-package__btn:after {
    opacity: 0 !important;
}
.first-package__link:hover + .first-package__btn:before {
    opacity: 1 !important;
}
.first-package__notes {
    font-size: 1.3rem;
    line-height: 1.53;
    padding-left: 1rem;
}
.first-package.added .first-package__link,
.first-package.added .first-package__btn {
    pointer-events: none;
}
.first-package.added .first-package__btn {
    color: #ccc1cd;
    box-shadow: none;
}
.first-package.added .first-package__btn:after {
    background: #f9f7f9;
}
.first-package__notes span {
    color: #d4145a;
    margin-left: -1rem;
    display: inline-block;
}

/*react sorting*/

.sorting {
    border: none;
    border-radius: 20px;
    padding-left: 0;
    font-weight: 600;
    font-size: 1.5rem;
    cursor: pointer;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.87);
    line-height: 40px;
    min-width: 128px;
    max-width: 23%;
    margin-top: 2.4rem;
}

.react-sorting__control {
    border-radius: 20px;
    padding-left: 0;
    font-weight: 600;
    font-size: 1.5rem;
    cursor: pointer;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.87);
    line-height: 40px;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.react-sorting__control:hover {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.react-sorting__control--is-focused {
    box-shadow: none;
}

.react-sorting__indicator {
    color: rgba(0, 0, 0, 0.87);
}

.react-sorting__indicator-separator {
    display: none;
}

.react-sorting__option {
    font-size: 1.2rem;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
}

.react-sorting__option--is-selected {
    color: rgba(0, 0, 0, 0.75);
    background: rgba(0, 0, 0, 0.1);
}

.react-sorting__option--is-focused {
    background: rgba(0, 0, 0, 0.1);
}

.react-sorting__menu {
    z-index: 50;
    overflow: hidden;
    margin-top: 0;
    border-radius: 12px;
}
.react-sorting__menu-list {
    padding: 0;
}
.react-sorting__placeholder {
    padding-left: 0;
    text-align: left;
    line-height: 1;
    font-size: 13px;
}
.react-sorting__input-container {
    margin-left: 0;
}

.react-sorting__single-value {
    font-size: 13px;
    padding-left: 8px;
    line-height: 1;
}
.react-sorting__input {
    height: 25px;
}
.react-sorting__input-container:after {
    display: none;
}

/*welcome modal*/
.welcome-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s;
}

.welcome-modal.show {
    opacity: 1;
    visibility: visible;
}

.welcome-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.welcome-modal__body {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #f9f7f9;
    border-radius: 16px;
    padding: 50px 27px;
    width: 100vw;
    max-width: 450px;
    text-align: center;
    box-sizing: border-box;
}

.welcome-modal__body-logo {
    margin-bottom: 20px;
}

.welcome-modal__body-heading {
    margin-bottom: 15px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
}

.welcome-modal__body-content {
    padding: 0 5% 15px;
}

.welcome-modal__body-content p {
    margin-bottom: 10px;
}

.welcome-modal__body-btn {
    min-width: 140px;
}

.welcome-modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2.4rem;
    text-decoration: none;
    color: rgba(58, 15, 63, 0.3);
}

/*blog page*/
.blog-landing {
    display: flex;
    justify-content: space-between;
}
.blog-landing__main {
    width: 66%;
}
.blog-landing__main > h1 {
    font-size: 3.2rem;
    line-height: 1.25;
}
.blog-landing__main > h3.blog-landing__list-title {
    font-size: 2.4rem;
}
.blog-landing__side {
    width: 30%;
    padding-top: 1.4rem;
}
.blog-landing__list {
    display: flex;
    justify-content: space-between;
    margin: 0 -1.5rem;
    flex-wrap: wrap;
}
.blog-landing__card {
    width: calc(50% - 3rem);
    margin: 0 1.5rem 4rem;
    position: relative;
}
.blog-landing__card-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.blog-landing__card-link:hover + .blog-landing__card-img + .blog-landing__card-heading {
    text-decoration: underline;
}
.blog-landing__card-img {
    padding-top: 56%;
    margin-bottom: 1.5rem;
    border-radius: 0.8rem;
    overflow: hidden;
    position: relative;
}
.blog-landing__card-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.blog-landing__card-heading {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.4;
    color: #3a0f3f;
    margin-bottom: 1.5rem;
}
.blog-landing__card-content {
    font-size: 1.5rem;
    line-height: 1.6;
    color: #000;
}
.blog-landing__pagination {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 0;
}
.blog-landing__pagination li {
    display: inline-block;
    margin-left: 2.4rem;
}
.blog-landing__pagination li a {
    display: block;
    font-size: 1.5rem;
    line-height: 2;
    color: #ccc1cd;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.35s;
}
.blog-landing__pagination li.blog-landing__pagination-next a,
.blog-landing__pagination li.blog-landing__pagination-prev a {
    color: #6e0183;
    text-transform: uppercase;
}
.blog-landing__pagination li.blog-landing__pagination-prev a:before {
    content: "<";
    padding-right: 1rem;
    transition: transform 0.35s;
    display: inline-block;
}
.blog-landing__pagination li.blog-landing__pagination-prev a:hover:before {
    transform: translate(-0.5rem, 0);
}
.blog-landing__pagination li.blog-landing__pagination-next a:after {
    content: ">";
    padding-left: 1rem;
    transition: transform 0.35s;
    display: inline-block;
}
.blog-landing__pagination li.blog-landing__pagination-next a:hover:after {
    transform: translate(0.5rem, 0);
}
.blog-landing__pagination li a:hover {
    color: #6e0183;
}
.blog-landing__pagination li.current a {
    pointer-events: none;
    color: #6e0183;
}
.blog-landing__widget-heading {
    font-weight: 600;
    font-size: 2rem;
    color: #3a0f3f;
    line-height: 1.4;
    margin-bottom: 0.9rem;
}
.blog-landing__widget--category ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.blog-landing__widget--category ul li {
    border-bottom: 1px solid #e0e0e0;
}
.blog-landing__widget--category ul li a {
    padding: 1.2rem 0;
    display: block;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #3a0f3f;
    text-decoration: none;
}
.blog-landing__widget--category ul li a:hover {
    text-decoration: underline;
}
.blog-landing__widget--category ul li:last-child {
    border: none;
}
.blog-landing__widget {
    margin-bottom: 4rem;
}
.blog-landing__widget-post {
    padding: 1.2rem 0;
}
.blog-landing__widget-post a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}
.blog-landing__widget-img {
    width: 10rem;
    height: 5.6rem;
    border-radius: 0.8rem;
    overflow: hidden;
}
.blog-landing__widget-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.blog-landing__widget-title {
    width: calc(100% - 11rem);
    font-size: 1.5rem;
    line-height: 1.33;
    color: #3a0f3f;
}
.blog-landing__widget-post a:hover .blog-landing__widget-title {
    text-decoration: underline;
}
/*blog post*/
.blog-landing__post .ladies-list .ladies-item:nth-child(9),
.blog-landing__post .ladies-list .ladies-item:nth-child(10),
.blog-landing__post .ladies-list .ladies-item:nth-child(11),
.blog-landing__post .ladies-list .ladies-item:nth-child(12) {
    display: none !important;
}
@media (max-width: 1100px) {
    .blog-landing__post .ladies-list .ladies-item:nth-child(7),
    .blog-landing__post .ladies-list .ladies-item:nth-child(8) {
        display: none !important;
    }
}
.blog-landing__post-hero {
    margin-bottom: 2rem;
}
.blog-landing__post-hero img {
    border-radius: 0.8rem;
}
.blog-landing__post-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.blog-landing__post-author {
    width: 50%;
    display: flex;
    align-items: center;
}
.blog-landing__post-avatar {
    border-radius: 50%;
    width: 4.2rem;
    height: 4.2rem;
    overflow: hidden;
    margin-right: 1.3rem;
}
.blog-landing__post-avatar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.blog-landing__post-author-name {
    width: calc(100% - 5.5rem);
}
.blog-landing__post-author-name a {
    display: block;
    color: #3a0f3f;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.33;
    text-decoration: none;
}
.blog-landing__post-author-name a:hover {
    text-decoration: underline;
}
.blog-landing__post-author-name span {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1.3rem;
    line-height: 1.53;
    display: block;
}
.blog-landing__post-date {
    width: 50%;
    text-align: right;
    font-size: 1.3rem;
    line-height: 1.53;
    color: #000;
}
.blog-landing__post-date span {
    display: block;
    color: rgba(0, 0, 0, 0.54);
}
.blog-landing__post-date b {
    display: block;
    font-weight: normal;
}
.entry-content ul {
    margin: 0 0 2rem 2rem;
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.5rem;
    line-height: 1.6;
}
.entry-content ol {
    margin: 0 0 2rem 2rem;
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.5rem;
    line-height: 1.6;
}
.entry-content p {
    margin-bottom: 2rem;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
    margin-bottom: 2rem;
    color: #3a0f3f;
    font-weight: 600;
    line-height: 1.5;
    text-transform: none;
}
.entry-content h2 {
    font-size: 3rem;
}
.entry-content h3 {
    font-size: 2rem;
}
.entry-content h4 {
    font-size: 1.8rem;
}
.entry-content h5 {
    font-size: 1.6rem;
}
.blog-landing__post-content {
    margin-bottom: 1rem;
}
.blog-landing__post-tags {
    font-size: 0;
    margin-bottom: 2rem;
}
.blog-landing__post-tags a {
    display: inline-block;
    padding: 0.6rem 2rem;
    background: #f9f7f9;
    border-radius: 2rem;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #510061;
    text-decoration: none;
    margin: 0 1rem 1rem 0;
}
.blog-landing__post-tags a:hover {
    background: linear-gradient(to bottom, #84a910 0%, #a8c761 100%);
    color: #fff;
}
.blog-landing__post-nav {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 3rem;
    display: flex;
    margin-bottom: 3rem;
    justify-content: space-between;
}
.blog-landing__post-nav a {
    width: 48%;
    display: flex;
    text-decoration: none;
}
.blog-landing__post-nav a:hover span i {
    text-decoration: underline;
}
.blog-landing__post-nav a.blog-landing__post-next {
    flex-direction: row-reverse;
}
.blog-landing__post-nav a.blog-landing__post-next span {
    text-align: right;
}
.blog-landing__post-nav a.blog-landing__post-next .blog-landing__post-nav-img {
    margin: 0 0 0 1.5rem;
}
.blog-landing__post-nav-img {
    width: 10rem;
    height: 5.6rem;
    border-radius: 0.8rem;
    overflow: hidden;
    margin-right: 1.5rem;
}
.blog-landing__post-nav-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.blog-landing__post-nav-name {
    width: calc(100% - 11.5rem);
    font-size: 1.5rem;
    line-height: 1.33;
    color: #3a0f3f;
}
.blog-landing__post-nav-name i {
    display: block;
    font-style: normal;
}
.blog-landing__post-nav-name b {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3rem;
    display: block;
    line-height: 1.23;
    color: rgba(0, 0, 0, 0.54);
    margin-bottom: 0.5rem;
}
/*autor*/
.blog-landing__autor {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem;
}
.blog-landing__autor-left {
    width: 60%;
}
.blog-landing__autor-right {
    width: 34.7%;
}
.blog-landing__autor-right .blog-landing__breadcrumbs {
    display: none;
}
.blog-landing__autor-right img {
    border-radius: 0.8rem;
}
.blog-landing__autor-left h3 {
    margin-bottom: 0.8rem;
}
.blog-landing__heading {
    font-size: 2.4rem;
    color: #3a0f3f;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.8rem;
}
.blog-landing__autor-position {
    font-size: 1.5rem;
    line-height: 1.33;
    color: #000;
}
.blog-landing__autor-info {
    margin: 2rem 0 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 2rem;
}
.blog-landing__autor-socials {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}
.blog-landing__autor-socials li {
    display: inline-block;
    margin-right: 1.5rem;
}
.blog-landing__autor-socials li a {
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    text-indent: -9999px;
    background-color: #fff;
    border-radius: 50%;
}
.blog-landing__autor-socials li a:hover {
    background-color: #6e0183;
}
.blog-landing__autor-socials li.blog-landing__autor-socials-fb a {
    background: #fff
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5696 21.595V19.7914C25.5696 18.9773 25.7664 18.5888 27.0302 18.5888H28.5758V15.5825H25.9699C22.7275 15.5825 21.6948 17.0224 21.6948 19.5738V21.595H19.4902V24.6681H21.6948V33.7537H25.5696V24.6681H28.2562L28.616 21.595H25.5696Z" fill="%233A0F3F" fill-opacity="0.26"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-fb a:hover {
    background: #6e0183
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5696 21.595V19.7914C25.5696 18.9773 25.7664 18.5888 27.0302 18.5888H28.5758V15.5825H25.9699C22.7275 15.5825 21.6948 17.0224 21.6948 19.5738V21.595H19.4902V24.6681H21.6948V33.7537H25.5696V24.6681H28.2562L28.616 21.595H25.5696Z" fill="%23FFFFFF" fill-opacity="1"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-ln a {
    background: #fff
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.4345 16.353C17.3591 16.353 16.6602 17.1079 16.6602 18.1055C16.6602 19.0853 17.3412 19.8581 18.3926 19.8581H18.4165C19.5098 19.8581 20.1908 19.0853 20.1908 18.1055C20.1669 17.1019 19.5098 16.353 18.4345 16.353ZM31.9842 31.6158V25.6784C31.9842 22.6137 30.3215 21.1919 28.1649 21.1919C26.4265 21.1919 25.6376 22.1717 25.17 22.8526V21.4613H21.8965V31.6158H25.17V25.8278C25.17 25.5291 25.2106 25.2363 25.3002 25.0213C25.5392 24.4238 26.1063 23.8085 27.0144 23.8085C28.2032 23.8085 28.7107 24.7226 28.7107 26.0608V31.6158H31.9842ZM19.959 21.4614H16.6855V31.6159H19.959V21.4614Z" fill="%233A0F3F" fill-opacity="0.26"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-ln a:hover {
    background: #6e0183
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.4345 16.353C17.3591 16.353 16.6602 17.1079 16.6602 18.1055C16.6602 19.0853 17.3412 19.8581 18.3926 19.8581H18.4165C19.5098 19.8581 20.1908 19.0853 20.1908 18.1055C20.1669 17.1019 19.5098 16.353 18.4345 16.353ZM31.9842 31.6158V25.6784C31.9842 22.6137 30.3215 21.1919 28.1649 21.1919C26.4265 21.1919 25.6376 22.1717 25.17 22.8526V21.4613H21.8965V31.6158H25.17V25.8278C25.17 25.5291 25.2106 25.2363 25.3002 25.0213C25.5392 24.4238 26.1063 23.8085 27.0144 23.8085C28.2032 23.8085 28.7107 24.7226 28.7107 26.0608V31.6158H31.9842ZM19.959 21.4614H16.6855V31.6159H19.959V21.4614Z" fill="%23FFFFFF" fill-opacity="1"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-x a {
    background: #fff
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.7145 22.6226L32.4161 15H30.8282L25.0066 21.6172L20.3602 15H15L22.0278 25.0073L15 33H16.5879L22.7319 26.0104L27.6398 33H33L25.7145 22.6226ZM23.539 25.0951L22.8258 24.098L17.1605 16.1713H19.5998L24.1732 22.5708L24.8834 23.5679L30.8275 31.8857H28.3882L23.539 25.0951Z" fill="%233A0F3F" fill-opacity="0.26"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-x a:hover {
    background: #6e0183
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.7145 22.6226L32.4161 15H30.8282L25.0066 21.6172L20.3602 15H15L22.0278 25.0073L15 33H16.5879L22.7319 26.0104L27.6398 33H33L25.7145 22.6226ZM23.539 25.0951L22.8258 24.098L17.1605 16.1713H19.5998L24.1732 22.5708L24.8834 23.5679L30.8275 31.8857H28.3882L23.539 25.0951Z" fill="%23FFFFFF" fill-opacity="1"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-in a {
    background: #fff
    url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M32.323 15.677C32.8794 16.2334 33.2195 16.7898 33.4745 17.4467C33.7218 18.0804 33.8918 18.8068 33.9382 19.8733C33.9923 20.9397 34 21.2798 34 24C34 26.7049 33.9847 27.0564 33.939 28.1088L33.9382 28.1267C33.8918 29.1855 33.7218 29.9196 33.4745 30.5533C33.2195 31.2102 32.8794 31.7666 32.323 32.323C31.7666 32.8794 31.2102 33.2195 30.5533 33.4745C29.9196 33.7218 29.1932 33.8918 28.1267 33.9382C27.0603 33.9923 26.7202 34 24 34C21.2951 34 20.9436 33.9847 19.8912 33.939L19.8733 33.9382C18.8145 33.8918 18.0804 33.7218 17.4467 33.4745C16.7898 33.2195 16.2334 32.8794 15.677 32.323C15.1206 31.7666 14.7805 31.2102 14.5255 30.5533C14.2782 29.9196 14.1082 29.1932 14.0618 28.1267C14.0077 27.0603 14 26.7202 14 24C14 21.2951 14.0153 20.9436 14.061 19.8912L14.0618 19.8733C14.1082 18.8145 14.2782 18.0804 14.5255 17.4467C14.7805 16.7898 15.1206 16.2334 15.677 15.677C16.2334 15.1206 16.7898 14.7805 17.4467 14.5255C18.0804 14.2782 18.8068 14.1082 19.8733 14.0618C20.9397 14.0077 21.2798 14 24 14C26.7049 14 27.0564 14.0153 28.1088 14.061L28.1267 14.0618C29.1855 14.1082 29.9196 14.2782 30.5533 14.5255C31.2102 14.7805 31.7666 15.1206 32.323 15.677ZM31.7898 29.8962C31.9289 29.5484 32.0912 29.0152 32.1375 28.0415L32.1389 28.0116C32.1842 26.9841 32.1994 26.6405 32.1994 23.9998C32.1994 21.369 32.1843 21.0256 32.1394 19.9998L32.1375 19.958C32.0912 18.9843 31.9289 18.4588 31.7898 18.1033C31.6043 17.6319 31.3879 17.2996 31.0402 16.9518C30.6924 16.6041 30.3524 16.38 29.8887 16.2022C29.5409 16.0631 29.0077 15.9008 28.034 15.8545C26.983 15.8004 26.6584 15.7926 23.9923 15.7926C21.3615 15.7926 21.0181 15.8077 19.9923 15.8526L19.9505 15.8545C18.9768 15.9008 18.4513 16.0631 18.0958 16.2022C17.6244 16.3877 17.2921 16.6041 16.9443 16.9518C16.5966 17.2996 16.3725 17.6396 16.1947 18.1033C16.0556 18.4511 15.8933 18.9843 15.847 19.958C15.7929 21.009 15.7851 21.3336 15.7851 23.9998C15.7851 26.6305 15.8002 26.9739 15.8451 27.9997L15.847 28.0415C15.8933 29.0152 16.0556 29.5407 16.1947 29.8962C16.3802 30.3676 16.5966 30.6999 16.9443 31.0477C17.2921 31.3954 17.6321 31.6195 18.0958 31.7973C18.4436 31.9364 18.9768 32.0987 19.9505 32.145C21.0015 32.1991 21.3184 32.2069 23.9923 32.2069C26.6233 32.2069 26.9647 32.1919 27.9837 32.1473L28.034 32.145C29.0077 32.0987 29.5332 31.9364 29.8887 31.7973C30.3601 31.6118 30.6924 31.3954 31.0402 31.0477C31.3879 30.6999 31.612 30.3599 31.7898 29.8962ZM19 24C19 21.2406 21.2406 19 24 19C26.7594 19 29 21.2406 29 24C29 26.7594 26.7594 29 24 29C21.2406 29 19 26.7594 19 24ZM20.752 23.9996C20.752 25.7966 22.2106 27.2477 24.0001 27.2477C25.7895 27.2477 27.2482 25.7891 27.2482 23.9996C27.2482 22.2026 25.7971 20.7515 24.0001 20.7515C22.2031 20.7515 20.752 22.2101 20.752 23.9996ZM29.1104 19.9583C29.7561 19.9583 30.2795 19.4348 30.2795 18.7892C30.2795 18.1435 29.7561 17.6201 29.1104 17.6201C28.4647 17.6201 27.9413 18.1435 27.9413 18.7892C27.9413 19.4348 28.4647 19.9583 29.1104 19.9583Z" fill="%233A0F3F" fill-opacity="0.26"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-in a:hover {
    background: #6e0183
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M32.323 15.677C32.8794 16.2334 33.2195 16.7898 33.4745 17.4467C33.7218 18.0804 33.8918 18.8068 33.9382 19.8733C33.9923 20.9397 34 21.2798 34 24C34 26.7049 33.9847 27.0564 33.939 28.1088L33.9382 28.1267C33.8918 29.1855 33.7218 29.9196 33.4745 30.5533C33.2195 31.2102 32.8794 31.7666 32.323 32.323C31.7666 32.8794 31.2102 33.2195 30.5533 33.4745C29.9196 33.7218 29.1932 33.8918 28.1267 33.9382C27.0603 33.9923 26.7202 34 24 34C21.2951 34 20.9436 33.9847 19.8912 33.939L19.8733 33.9382C18.8145 33.8918 18.0804 33.7218 17.4467 33.4745C16.7898 33.2195 16.2334 32.8794 15.677 32.323C15.1206 31.7666 14.7805 31.2102 14.5255 30.5533C14.2782 29.9196 14.1082 29.1932 14.0618 28.1267C14.0077 27.0603 14 26.7202 14 24C14 21.2951 14.0153 20.9436 14.061 19.8912L14.0618 19.8733C14.1082 18.8145 14.2782 18.0804 14.5255 17.4467C14.7805 16.7898 15.1206 16.2334 15.677 15.677C16.2334 15.1206 16.7898 14.7805 17.4467 14.5255C18.0804 14.2782 18.8068 14.1082 19.8733 14.0618C20.9397 14.0077 21.2798 14 24 14C26.7049 14 27.0564 14.0153 28.1088 14.061L28.1267 14.0618C29.1855 14.1082 29.9196 14.2782 30.5533 14.5255C31.2102 14.7805 31.7666 15.1206 32.323 15.677ZM31.7898 29.8962C31.9289 29.5484 32.0912 29.0152 32.1375 28.0415L32.1389 28.0116C32.1842 26.9841 32.1994 26.6405 32.1994 23.9998C32.1994 21.369 32.1843 21.0256 32.1394 19.9998L32.1375 19.958C32.0912 18.9843 31.9289 18.4588 31.7898 18.1033C31.6043 17.6319 31.3879 17.2996 31.0402 16.9518C30.6924 16.6041 30.3524 16.38 29.8887 16.2022C29.5409 16.0631 29.0077 15.9008 28.034 15.8545C26.983 15.8004 26.6584 15.7926 23.9923 15.7926C21.3615 15.7926 21.0181 15.8077 19.9923 15.8526L19.9505 15.8545C18.9768 15.9008 18.4513 16.0631 18.0958 16.2022C17.6244 16.3877 17.2921 16.6041 16.9443 16.9518C16.5966 17.2996 16.3725 17.6396 16.1947 18.1033C16.0556 18.4511 15.8933 18.9843 15.847 19.958C15.7929 21.009 15.7851 21.3336 15.7851 23.9998C15.7851 26.6305 15.8002 26.9739 15.8451 27.9997L15.847 28.0415C15.8933 29.0152 16.0556 29.5407 16.1947 29.8962C16.3802 30.3676 16.5966 30.6999 16.9443 31.0477C17.2921 31.3954 17.6321 31.6195 18.0958 31.7973C18.4436 31.9364 18.9768 32.0987 19.9505 32.145C21.0015 32.1991 21.3184 32.2069 23.9923 32.2069C26.6233 32.2069 26.9647 32.1919 27.9837 32.1473L28.034 32.145C29.0077 32.0987 29.5332 31.9364 29.8887 31.7973C30.3601 31.6118 30.6924 31.3954 31.0402 31.0477C31.3879 30.6999 31.612 30.3599 31.7898 29.8962ZM19 24C19 21.2406 21.2406 19 24 19C26.7594 19 29 21.2406 29 24C29 26.7594 26.7594 29 24 29C21.2406 29 19 26.7594 19 24ZM20.752 23.9996C20.752 25.7966 22.2106 27.2477 24.0001 27.2477C25.7895 27.2477 27.2482 25.7891 27.2482 23.9996C27.2482 22.2026 25.7971 20.7515 24.0001 20.7515C22.2031 20.7515 20.752 22.2101 20.752 23.9996ZM29.1104 19.9583C29.7561 19.9583 30.2795 19.4348 30.2795 18.7892C30.2795 18.1435 29.7561 17.6201 29.1104 17.6201C28.4647 17.6201 27.9413 18.1435 27.9413 18.7892C27.9413 19.4348 28.4647 19.9583 29.1104 19.9583Z" fill="%23FFFFFF" fill-opacity="1"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-yt a {
    background: #fff
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.3551 17.7025L33.3551 17.7025L33.3634 17.7113C33.5582 17.9152 33.7374 18.325 33.8688 18.7872C33.9295 19.0006 33.9722 19.1963 33.9997 19.3387C34.0133 19.4095 34.023 19.466 34.029 19.5037C34.0321 19.5225 34.0342 19.5365 34.0355 19.5451L34.0362 19.5497L34.0374 19.56L34.044 19.6185C34.0498 19.6704 34.0582 19.7472 34.0682 19.8455C34.0884 20.0421 34.1153 20.3241 34.1423 20.6627C34.1965 21.3421 34.25 22.2411 34.25 23.1347V24.86C34.25 25.7536 34.1965 26.6526 34.1423 27.3319C34.1153 27.6706 34.0884 27.9525 34.0682 28.1492C34.0582 28.2474 34.0498 28.3243 34.044 28.3761L34.0374 28.4347L34.0362 28.4448L34.0356 28.4492C34.0343 28.4578 34.0321 28.4718 34.0291 28.4906C34.023 28.5283 34.0133 28.5848 33.9996 28.6555C33.9721 28.7978 33.9294 28.9935 33.8686 29.2068C33.7371 29.6687 33.5579 30.0779 33.3637 30.2811L33.3636 30.2811L33.3551 30.2902C32.7995 30.8913 32.2265 30.9524 31.7669 31.0014C31.7196 31.0064 31.6734 31.0113 31.6286 31.0167C30.1131 31.1286 28.213 31.1872 26.6814 31.2176C25.9144 31.2328 25.2431 31.2409 24.7637 31.2452C24.524 31.2474 24.3324 31.2486 24.2009 31.2492L24.0502 31.2499L24.0115 31.25L24.0031 31.25H24.0018L23.9909 31.2499L23.9431 31.2494L23.7593 31.2474C23.6 31.2456 23.3703 31.2428 23.0891 31.2389C22.5265 31.2311 21.7585 31.219 20.9359 31.2013C19.2968 31.1662 17.4841 31.1103 16.6256 31.0281C16.4972 31.0045 16.3674 30.9871 16.2373 30.9696C15.6907 30.8961 15.1372 30.8216 14.6447 30.2893L14.6447 30.2892L14.6361 30.2802C14.4417 30.0771 14.2626 29.6681 14.1311 29.2062C14.0705 28.993 14.0278 28.7974 14.0003 28.6551C13.9867 28.5844 13.977 28.5279 13.9709 28.4903C13.9679 28.4715 13.9658 28.4575 13.9645 28.4488L13.9638 28.4443L13.9626 28.434L13.956 28.3755C13.9502 28.3236 13.9418 28.2468 13.9318 28.1486C13.9116 27.952 13.8847 27.6701 13.8577 27.3315C13.8035 26.6523 13.75 25.7532 13.75 24.8593V23.134C13.75 22.2408 13.8035 21.3419 13.8577 20.6627C13.8847 20.324 13.9116 20.0421 13.9318 19.8455C13.9418 19.7472 13.9502 19.6704 13.956 19.6185L13.9626 19.56L13.9638 19.5498L13.9645 19.5454C13.9657 19.5368 13.9679 19.5227 13.9709 19.5039C13.977 19.4663 13.9867 19.4097 14.0004 19.3389C14.0279 19.1965 14.0707 19.0007 14.1314 18.7873C14.263 18.325 14.4422 17.915 14.6368 17.711L14.6369 17.7111L14.6447 17.7027C15.2031 17.0991 15.7794 17.0396 16.237 16.9923C16.2826 16.9876 16.327 16.983 16.3701 16.9781C17.8849 16.8648 19.7839 16.8075 21.3148 16.7788C22.081 16.7644 22.7516 16.7572 23.2305 16.7536C23.4699 16.7518 23.6613 16.7509 23.7926 16.7504L23.9431 16.7501L23.9818 16.75L23.9914 16.75L23.9938 16.75L23.9944 16.75H23.9945L23.9945 16V16.75H24.0048V16L24.0048 16.75H24.005L24.0055 16.75L24.0079 16.75L24.0176 16.75L24.0562 16.7501L24.2067 16.7504C24.3381 16.7509 24.5294 16.7518 24.7689 16.7536C25.2477 16.7572 25.9183 16.7644 26.6846 16.7788C28.2155 16.8075 30.1148 16.8648 31.6299 16.9781C31.673 16.983 31.7175 16.9876 31.7631 16.9923C32.221 17.0396 32.7974 17.0991 33.3551 17.7025Z" stroke="%233A0F3F" stroke-opacity="0.26" stroke-width="1.5"/><path d="M22 20V28L28 24L22 20Z" fill="%233A0F3F" fill-opacity="0.26"/></svg>');
}
.blog-landing__autor-socials li.blog-landing__autor-socials-yt a:hover {
    background: #6e0183
        url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.3551 17.7025L33.3551 17.7025L33.3634 17.7113C33.5582 17.9152 33.7374 18.325 33.8688 18.7872C33.9295 19.0006 33.9722 19.1963 33.9997 19.3387C34.0133 19.4095 34.023 19.466 34.029 19.5037C34.0321 19.5225 34.0342 19.5365 34.0355 19.5451L34.0362 19.5497L34.0374 19.56L34.044 19.6185C34.0498 19.6704 34.0582 19.7472 34.0682 19.8455C34.0884 20.0421 34.1153 20.3241 34.1423 20.6627C34.1965 21.3421 34.25 22.2411 34.25 23.1347V24.86C34.25 25.7536 34.1965 26.6526 34.1423 27.3319C34.1153 27.6706 34.0884 27.9525 34.0682 28.1492C34.0582 28.2474 34.0498 28.3243 34.044 28.3761L34.0374 28.4347L34.0362 28.4448L34.0356 28.4492C34.0343 28.4578 34.0321 28.4718 34.0291 28.4906C34.023 28.5283 34.0133 28.5848 33.9996 28.6555C33.9721 28.7978 33.9294 28.9935 33.8686 29.2068C33.7371 29.6687 33.5579 30.0779 33.3637 30.2811L33.3636 30.2811L33.3551 30.2902C32.7995 30.8913 32.2265 30.9524 31.7669 31.0014C31.7196 31.0064 31.6734 31.0113 31.6286 31.0167C30.1131 31.1286 28.213 31.1872 26.6814 31.2176C25.9144 31.2328 25.2431 31.2409 24.7637 31.2452C24.524 31.2474 24.3324 31.2486 24.2009 31.2492L24.0502 31.2499L24.0115 31.25L24.0031 31.25H24.0018L23.9909 31.2499L23.9431 31.2494L23.7593 31.2474C23.6 31.2456 23.3703 31.2428 23.0891 31.2389C22.5265 31.2311 21.7585 31.219 20.9359 31.2013C19.2968 31.1662 17.4841 31.1103 16.6256 31.0281C16.4972 31.0045 16.3674 30.9871 16.2373 30.9696C15.6907 30.8961 15.1372 30.8216 14.6447 30.2893L14.6447 30.2892L14.6361 30.2802C14.4417 30.0771 14.2626 29.6681 14.1311 29.2062C14.0705 28.993 14.0278 28.7974 14.0003 28.6551C13.9867 28.5844 13.977 28.5279 13.9709 28.4903C13.9679 28.4715 13.9658 28.4575 13.9645 28.4488L13.9638 28.4443L13.9626 28.434L13.956 28.3755C13.9502 28.3236 13.9418 28.2468 13.9318 28.1486C13.9116 27.952 13.8847 27.6701 13.8577 27.3315C13.8035 26.6523 13.75 25.7532 13.75 24.8593V23.134C13.75 22.2408 13.8035 21.3419 13.8577 20.6627C13.8847 20.324 13.9116 20.0421 13.9318 19.8455C13.9418 19.7472 13.9502 19.6704 13.956 19.6185L13.9626 19.56L13.9638 19.5498L13.9645 19.5454C13.9657 19.5368 13.9679 19.5227 13.9709 19.5039C13.977 19.4663 13.9867 19.4097 14.0004 19.3389C14.0279 19.1965 14.0707 19.0007 14.1314 18.7873C14.263 18.325 14.4422 17.915 14.6368 17.711L14.6369 17.7111L14.6447 17.7027C15.2031 17.0991 15.7794 17.0396 16.237 16.9923C16.2826 16.9876 16.327 16.983 16.3701 16.9781C17.8849 16.8648 19.7839 16.8075 21.3148 16.7788C22.081 16.7644 22.7516 16.7572 23.2305 16.7536C23.4699 16.7518 23.6613 16.7509 23.7926 16.7504L23.9431 16.7501L23.9818 16.75L23.9914 16.75L23.9938 16.75L23.9944 16.75H23.9945L23.9945 16V16.75H24.0048V16L24.0048 16.75H24.005L24.0055 16.75L24.0079 16.75L24.0176 16.75L24.0562 16.7501L24.2067 16.7504C24.3381 16.7509 24.5294 16.7518 24.7689 16.7536C25.2477 16.7572 25.9183 16.7644 26.6846 16.7788C28.2155 16.8075 30.1148 16.8648 31.6299 16.9781C31.673 16.983 31.7175 16.9876 31.7631 16.9923C32.221 17.0396 32.7974 17.0991 33.3551 17.7025Z" stroke="%23FFFFFF" stroke-opacity="1" stroke-width="1.5"/><path d="M22 20V28L28 24L22 20Z" fill="%23FFFFFF" fill-opacity="1"/></svg>');
}

.blog-landing__breadcrumbs {
    margin-bottom: 2rem;
    color: #9a839c;
    font-size: 1.5rem;
    line-height: 1.6;
}
.blog-landing__breadcrumbs * {
    display: inline;
}
.blog-landing__breadcrumbs em {
    font-style: normal;
    padding: 0 0.5rem;
}
.blog-landing__breadcrumbs a {
    text-decoration: none;
    color: #9a839c;
}
.blog-landing__breadcrumbs a:hover {
    text-decoration: underline;
}
/*match pop up*/
/*.pop-up {*/
/*    position: fixed;*/
/*    z-index: 999;*/
/*    top: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*}*/
/*.pop-up__overlay {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*    cursor: pointer;*/
/*}*/
/*.pop-up__in {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    width: 450px;*/
/*    border-radius: 16px;*/
/*    max-width: 93vw;*/
/*    transform: translate(-50%, -50%);*/
/*    background: #f9f7f9;*/
/*    min-height: 272px;*/
/*    text-align: center;*/
/*    padding: 58px 20px 44px;*/
/*    box-sizing: border-box;*/
/*    overflow: hidden;*/
/*}*/
/*.pop-up__in:before {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    width: 385px;*/
/*    height: 136px;*/
/*    content: "";*/
/*    background: url(../images/match-bg.png) no-repeat 100% 0;*/
/*    z-index: -1;*/
/*}*/
/*.pop-up__in:after {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 303px;*/
/*    height: 136px;*/
/*    content: "";*/
/*    background: url(../images/match-bg.png) no-repeat 0 100%;*/
/*    z-index: -1;*/
/*}*/
/*.pop-up__close {*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    right: 20px;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    text-indent: -9999px;*/
/*    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="black"/><mask id="mask0_1362_54857" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="5" y="5" width="14" height="14"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="white"/></mask><g mask="url(%23mask0_1362_54857)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V24H0V0Z" fill="%23CCC1CD"/></g></svg>')*/
/*    no-repeat 0 0;*/
/*}*/
/*.pop-up__heading {*/
/*    font-weight: 600;*/
/*    font-size: 4rem;*/
/*    line-height: 1;*/
/*    margin-bottom: 2rem;*/
/*    font-family: Roboto;*/
/*}*/
/*.pop-up__img img {*/
/*    width: 13.4rem;*/
/*    height: 13.4rem;*/
/*    border-radius: 50%;*/
/*    border: 0.4rem solid #d4145a;*/
/*    box-shadow: 0 10px 40px rgba(212, 20, 90, 0.3);*/
/*    margin-bottom: 1.5rem;*/
/*}*/
/*.pop-up__entry {*/
/*    font-size: 1.6rem;*/
/*    font-weight: 600;*/
/*    margin-bottom: 2rem;*/
/*}*/
/*push messages*/
.push-messages__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 8px;
    align-items: center;
    background: #f9f7f9;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(58, 15, 63, 0.3);
    margin-bottom: 8px;
    position: relative;
}
.push-messages__icon {
    width: 24px;
    margin-right: 9px;
}
.push-messages__img {
    width: 44px;
    height: 44px;
    margin-right: 10px;
}
.push-messages__img img {
    width: 44px;
    vertical-align: top;
    height: 44px;
    object-fit: cover;
    border-radius: 50%;
}
.push-messages__profile {
    width: calc(100% - 87px);
    line-height: 1.4rem;
    font-size: 1.3rem;
}
.push-messages__profile a {
    display: block;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.push-messages__profile a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    content: "";
}
.push-messages__profile a span {
    font-weight: normal;
}
.push-messages__profile p {
    margin-bottom: 0;
    font-weight: 600;
}

.push-messages--single .push-messages__item {
    padding: 20px;
}

/*push message*/
.push-message {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.push-messages__item--someone a {
    font-weight: 600;
}
.push-messages__close {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 18px;
    z-index: 3;
}
.push-messages__close i {
    color: #ccc1cd;
}
.push-messages__profile .push-messages__close:before {
    display: none;
}
.push-message__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
.push-message__in {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 345px;
    border-radius: 16px;
    max-width: calc(100vw - 30px);
    background: #f9f7f9;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.push-message__close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    z-index: 2;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="black"/><mask id="mask0_1362_54857" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="5" y="5" width="14" height="14"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="white"/></mask><g mask="url(%23mask0_1362_54857)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H24V24H0V0Z" fill="%23CCC1CD"/></g></svg>')
        no-repeat 0 0;
}
.push-messages--single .push-messages__img {
    position: relative;
    width: 80px;
    height: 80px;
}
.push-messages--single .push-messages__img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    vertical-align: top;
}
.push-messages--single .push-messages__icon {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    left: 4px;
    top: 50%;
    margin-top: -16px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.push-messages--single .push-messages__icon img {
    max-width: 24px;
    max-height: 24px;
}
.push-messages--single .push-messages__profile {
    width: calc(100% - 95px);
    font-size: 15px;
    line-height: 1.4;
}
.push-messages--single .push-messages__profile a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.push-messages--single .push-messages__profile a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    content: "";
}
.push-messages--single .push-messages__profile a span {
    font-weight: normal;
}
.push-messages--single .push-messages__profile p {
    font-weight: 600;
    margin-bottom: 0;
}

.category_landing {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://ddev6uq7v65vs.cloudfront.net/ua/images/category_landing/bg.jpg) center / cover;
    margin: 25px auto;
    padding: 50px 0;
    overflow: hidden;
    border-radius: 15px;
    max-width: 1470px;
}
.category_landing .form {
    position: relative;
    width: calc(100% - 120px);
    max-width: 650px;
    margin: 100px 0;
    padding: 35px;
    border-radius: 25px;
    background: rgba(255,255,255,.75);
    text-align: center;
    border: 2px solid #fff;
}
.category_landing .form .step {
    width: 100%;
}
.category_landing .form:not(:first-child) {
    display: none;
}
.category_landing .form h1,
.category_landing .form strong {
    display: block;
    color: #8F39E6;
    background: linear-gradient(90deg, #F44182 0%, #8F39E6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    margin: 0 auto 15px;
    max-width: 500px;
}
.category_landing .form strong {
    font-size: 20px;
}
.category_landing .form img {
    width: 150px;
    margin-bottom: 15px;
}
.category_landing .form img.up {
    width: 135px;
    margin: -150px 0 100px;
}
.category_landing .form .btns {
    display: flex;
    justify-content: center;
    margin-top: 35px;
    align-items: center;
}
.category_landing .form .btns .btn {
    display: inline-block;
    padding: 10px 35px;
    border-radius: 25px;
    background: linear-gradient(90deg, #F44182 0%, #8F39E6 100%);
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin: 0 5px;
}
.category_landing .form .btns .btn:hover {
    cursor: pointer;
}
.category_landing .form .btns .btn.fb {
    background: #4267B2 url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.667 11.5672C22.667 5.45496 17.7421 0.5 11.667 0.5C5.59186 0.5 0.666992 5.45496 0.666992 11.5672C0.666992 17.0912 4.68955 21.6697 9.94824 22.5V14.7663H7.15527V11.5672H9.94824V9.12898C9.94824 6.35525 11.5905 4.82313 14.1031 4.82313C15.3066 4.82313 16.5654 5.03929 16.5654 5.03929V7.76287H15.1784C13.8119 7.76287 13.3857 8.61595 13.3857 9.49117V11.5672H16.4365L15.9488 14.7663H13.3857V22.5C18.6445 21.6697 22.667 17.0912 22.667 11.5672Z" fill="white"/></svg>') no-repeat center / 50%;
    padding: 22px;
}
.category_landing .form .btns .btn.gl {
    background: #4285F4 url('data:image/svg+xml,<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.74077 11.5C4.74077 10.7855 4.85936 10.1004 5.07128 9.45794L1.36394 6.62699C0.641375 8.09394 0.234375 9.74704 0.234375 11.5C0.234375 13.2516 0.641031 14.9035 1.36239 16.3696L5.06767 13.5331C4.85781 12.8936 4.74077 12.211 4.74077 11.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 5.00003C12.8022 5.00003 14.2042 5.55003 15.3057 6.44997L18.5101 3.25C16.5575 1.54998 14.0539 0.5 11.25 0.5C6.89673 0.5 3.15539 2.98943 1.36394 6.62699L2.99952 8.5L5.07128 9.45794C5.9255 6.86504 8.36024 5.00003 11.25 5.00003Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 18C8.36042 18 5.92546 16.135 5.07124 13.5421L2.99952 14.5L1.3639 16.3725C3.15535 20.0106 6.89673 22.5 11.25 22.5C13.9367 22.5 16.502 21.5459 18.4271 19.7584L14.9082 17.038C13.9152 17.6635 12.6649 18 11.25 18Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.7648 11.5C21.7648 10.85 21.6646 10.1499 21.5144 9.50006H11.25V13.75H17.1584C16.8629 15.1991 16.0589 16.313 14.9082 17.038L15.9995 19L18.4271 19.7584C20.4494 17.8816 21.7648 15.0855 21.7648 11.5Z" fill="white"/></svg>') no-repeat center / 50%;
    padding: 22px;
}
.category_landing .form .labels {
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
}
.category_landing .form .labels label {
    position: relative;
    display: inline-flex;
    flex: 1 0 0;
    min-width: 200px;
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    margin: 7.5px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.category_landing .form .labels label input {
    display: none;
}
.category_landing .form .labels label:has(input[type="radio"]:checked) {
    background: linear-gradient(90deg, #F44182 0%, #8F39E6 100%);
    color:#fff;
}
.category_landing .form .labels label:has(input[type="radio"]:checked):before {
    position: absolute;
    content: "";
    left: calc(50% - 12.5px);
    width: 25px;
    height: 25px;
    background: #8F39E6 url('data:image/svg+xml,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.24804 12L0 5.72151L2.1764 3.4988L6.24804 7.56766L13.785 0L16 2.19656L6.24804 12Z" fill="white"/></svg>') no-repeat center / 65%;
    border: 2px solid #fff;
    border-radius: 50%;
    top: -12.5px;
}
.category_landing .form .labels label img {
    margin: -15px;
    width: calc(100% + 30px);
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
    max-width: none;
}
.category_landing .reg {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.category_landing .reg b, .category_landing .reg small {
    width: 100%;
    margin: 10px 0;
}
.category_landing .reg small {
    color: rgba(0,0,0,.5);
    font-size: 10px;
    margin-bottom: -20px;
}
.category_landing .reg .in{
    position:relative;
    margin: 5px;
    width: calc(33.3333% - 10px);
}
.category_landing .reg .in input {
    background: rgba(255,255,255,.5);
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px;
    width: calc(100% - 20px);
}
.category_landing .reg .in input.error {
    border-color: red;
}
.category_landing .desc, .category_landing .desc b {
    margin-top: 20px;
    display: block;
    color: #8F39E6;
    background: linear-gradient(90deg, #F44182 0%, #8F39E6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
}
.category_landing .desc b {
    display: block;
    margin-top: 10px;
    font-size: 18px;
}
.category_landing .form .nav {
    display: flex;
    margin: 85px 0 -100px;
    padding: 0;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.category_landing .form .nav li {
    background: rgba(255,255,255,.75);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
}
.category_landing .form .nav li.now, .category_landing .form .nav li.old {
    background: #8F39E6;
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
}
.category_landing .form .nav li.old {
    background-image: url('data:image/svg+xml,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.24804 12L0 5.72151L2.1764 3.4988L6.24804 7.56766L13.785 0L16 2.19656L6.24804 12Z" fill="white"/></svg>');
    background-size: 65%;
    background-position: center;
    background-repeat: no-repeat;
}
.category_landing .form:before {
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    top: -45px;
    left: -75px;
    background: url('data:image/svg+xml,<svg width="227" height="263" viewBox="0 0 227 263" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="9.00293" y="45.7723" width="217.24" height="217.228"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(%23bgblur_0_2431_50127_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_f_2431_50127)" data-figma-bg-blur-radius="10"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.2861 138.624C11.58 192.389 48.0967 243.016 101.862 251.722C127.189 255.816 151.834 249.866 171.73 236.821L207.701 248.802L197.193 212.667C206.118 200.495 212.395 186.085 214.96 170.146C223.666 116.381 187.15 65.7543 133.384 57.0481C79.619 48.3693 28.9923 84.886 20.2861 138.624Z" fill="%238F39E6" fill-opacity="0.1"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8994 100.606C5.19324 154.371 41.71 204.998 95.4753 213.704C120.802 217.798 145.447 211.849 165.343 198.803L194.082 208.375C197.141 209.394 200.087 206.56 199.187 203.464L190.806 174.622C199.731 162.45 206.008 148.04 208.574 132.101C217.28 78.3358 180.763 27.7091 126.998 19.0029C73.2596 10.324 22.6056 46.8408 13.8994 100.606Z" fill="%239039E6"/><path d="M112.233 54.0459C119.738 54.0459 126.616 55.0011 132.811 56.8843C139.006 58.7674 144.328 61.4693 148.75 64.99C153.171 68.4834 156.61 72.7409 159.066 77.7081C161.495 82.6752 162.723 88.2155 162.723 94.3289C162.723 98.8321 161.877 102.817 160.212 106.283C158.548 109.749 156.446 112.888 153.963 115.671C151.452 118.455 148.75 120.966 145.857 123.149C142.964 125.333 140.262 127.352 137.751 129.181C135.24 131.009 133.166 132.756 131.501 134.421C129.836 136.086 128.99 137.805 128.99 139.525C128.99 144.152 125.239 147.903 120.612 147.903H109.367C101.59 147.903 95.2846 141.598 95.2846 133.821C95.2846 131.446 95.9123 129.208 97.1677 127.079C98.4232 124.951 100.006 122.904 101.944 120.911C103.882 118.919 105.928 116.954 108.112 115.044C110.295 113.106 112.342 111.114 114.28 109.012C116.218 106.938 117.801 104.755 119.056 102.517C120.311 100.279 120.939 97.795 120.939 95.0931C120.939 93.2919 120.639 91.5724 120.066 89.8803C119.493 88.2155 118.647 86.7418 117.5 85.4863C116.381 84.2309 115.017 83.2211 113.407 82.4569C111.796 81.6927 109.968 81.3106 107.921 81.3106C105.219 81.3106 103.036 81.8019 101.371 82.7571C99.7059 83.7123 98.3959 84.9678 97.468 86.5234C96.54 88.0518 95.9123 89.8258 95.5848 91.8181C95.2573 93.8104 95.0935 95.83 95.0935 97.8769C95.0935 100.668 92.7718 103.172 89.9807 103.172H62.6902C60.5685 103.172 58.8164 101.568 58.5768 99.4599C58.4403 98.259 58.3857 97.0309 58.3857 95.7481C58.3857 89.3345 59.7231 83.5486 62.425 78.4177C65.1269 73.2868 68.8659 68.8928 73.642 65.2629C78.4181 61.6331 84.1222 58.8493 90.6995 56.9388C97.2769 55.0284 104.455 54.0459 112.233 54.0459Z" fill="white"/><path d="M129.481 176.232C129.481 167.445 122.358 160.321 113.57 160.321H111.305C102.517 160.321 95.3934 167.445 95.3934 176.232C95.3934 185.02 102.517 192.144 111.305 192.144H113.57C122.358 192.144 129.481 185.02 129.481 176.232Z" fill="white"/><path d="M2 151.424C15.4823 191.707 49.8157 220.964 91.6271 227.733C97.6859 228.715 103.827 229.206 109.913 229.206C129.454 229.206 148.749 224.103 165.725 214.441L193.617 223.721M68.1286 9.94199C81.4472 4.67462 95.4207 2 109.667 2C109.667 2 109.667 2 109.694 2C115.781 2 121.921 2.49126 127.98 3.47378C175.414 11.1428 213.049 48.1236 221.592 95.448" stroke="%239039E6" stroke-width="3" stroke-linecap="round"/><defs><filter id="filter0_f_2431_50127" x="9.00293" y="45.7723" width="217.24" height="217.228" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_2431_50127"/></filter><clipPath id="bgblur_0_2431_50127_clip_path" transform="translate(-9.00293 -45.7723)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.2861 138.624C11.58 192.389 48.0967 243.016 101.862 251.722C127.189 255.816 151.834 249.866 171.73 236.821L207.701 248.802L197.193 212.667C206.118 200.495 212.395 186.085 214.96 170.146C223.666 116.381 187.15 65.7543 133.384 57.0481C79.619 48.3693 28.9923 84.886 20.2861 138.624Z"/></clipPath></defs></svg>') center / cover;
}
.category_landing .form:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    top: 50%;
    right: -50px;
    background: url('data:image/svg+xml,<svg width="156" height="166" viewBox="0 0 156 166" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="16.2979" y="30.0531" width="138.908" height="134.958"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2.5px);clip-path:url(%23bgblur_0_2431_50134_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(%23filter0_f_2431_50134)" data-figma-bg-blur-radius="5"><path fill-rule="evenodd" clip-rule="evenodd" d="M105.314 37.5971C72.209 27.8817 37.5133 46.8458 27.7979 79.951C23.2167 95.5442 25.0146 111.5 31.6529 125.036L21.2979 146.697L44.8259 142.946C51.7754 149.515 60.3326 154.598 70.1518 157.467C103.257 167.183 137.953 148.219 147.668 115.113C157.366 82.0082 138.419 47.2953 105.314 37.5971Z" fill="%23FFAF00" fill-opacity="0.1"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M101.287 13.4987C68.1816 3.78328 33.486 22.7474 23.7705 55.8526C19.1894 71.4458 20.9873 87.4019 27.6256 100.938L18.9139 119.161C18.2186 120.616 19.4413 122.253 21.0332 121.999L40.7985 118.848C47.748 125.417 56.3052 130.499 66.1244 133.369C99.2296 143.084 133.925 124.12 143.641 91.015C153.339 57.9098 134.375 23.1969 101.287 13.4987Z" fill="%23FFAF00"/><path d="M82.0978 31.9961C86.8518 31.9961 91.2082 32.6012 95.1324 33.794C99.0566 34.9868 102.428 36.6983 105.228 38.9283C108.029 41.1411 110.207 43.8379 111.763 46.9842C113.301 50.1305 114.079 53.6398 114.079 57.5122C114.079 60.3646 113.543 62.8885 112.489 65.084C111.434 67.2795 110.103 69.2675 108.53 71.0308C106.94 72.7942 105.228 74.3846 103.396 75.7676C101.563 77.1506 99.8518 78.4298 98.2614 79.5881C96.671 80.7463 95.3571 81.8527 94.3026 82.9072C93.2481 83.9618 92.7122 85.0509 92.7122 86.14C92.7122 89.071 90.3361 91.4471 87.405 91.4471H80.2653C75.3388 91.4471 71.3451 87.4534 71.3451 82.5269C71.3451 81.0229 71.7427 79.6053 72.5379 78.2569C73.3331 76.9085 74.3358 75.612 75.5632 74.35C76.7906 73.088 78.0871 71.8434 79.4701 70.6332C80.8531 69.4058 82.1497 68.1439 83.3771 66.8127C84.6045 65.4989 85.6071 64.1159 86.4023 62.6984C87.1975 61.2808 87.5952 59.7077 87.5952 57.9962C87.5952 56.8553 87.405 55.7662 87.042 54.6943C86.6789 53.6398 86.143 52.7063 85.417 51.9111C84.7082 51.1159 83.8438 50.4762 82.8239 49.9922C81.8039 49.5082 80.6457 49.2661 79.3491 49.2661C77.6377 49.2661 76.2547 49.5773 75.2002 50.1824C74.1456 50.7874 73.3159 51.5826 72.7281 52.568C72.1403 53.5361 71.7427 54.6598 71.5353 55.9217C71.3278 57.1837 71.2241 58.463 71.2241 59.7595C71.2241 60.33 71.2241 60.8832 71.2241 61.4364C71.2241 62.322 70.5478 63.1133 69.6623 63.1133H50.6992C49.3553 63.1133 48.2454 62.0975 48.0937 60.7622C48.0072 60.0015 47.9727 59.2236 47.9727 58.4111C47.9727 54.3486 48.8197 50.6837 50.5312 47.4337C52.2426 44.1837 54.611 41.4004 57.6363 39.1012C60.6615 36.802 64.2746 35.0387 68.4408 33.8286C72.6244 32.6012 77.1709 31.9961 82.0978 31.9961Z" fill="white"/><path d="M82.945 99.3129H81.5101C75.9439 99.3129 71.4316 103.825 71.4316 109.391C71.4316 114.958 75.9439 119.47 81.5101 119.47H82.945C88.5112 119.47 93.0235 114.958 93.0235 109.391C93.0235 103.825 88.5112 99.3129 82.945 99.3129Z" fill="white"/><path d="M15.2301 97.6706C15.5586 98.5522 15.9043 99.4339 16.2674 100.316L6.57984 120.566C3.79674 126.383 8.68803 132.934 15.0566 131.918L36.9603 128.425C44.4111 134.579 53.2449 139.264 62.5282 141.978C69.1492 143.914 75.9604 144.899 82.8235 144.899C89.116 144.899 95.3913 144.07 101.476 142.41M82.8062 144.018H82.8235M54.4377 6.89497C63.4617 2.98804 73.0043 1 82.7716 1C89.6174 1 96.4286 1.98538 103.05 3.92155C121.495 9.33248 136.708 21.5892 145.922 38.4616C149.31 44.6504 151.765 51.2542 153.2 58.0654" stroke="%23FFAF00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><filter id="filter0_f_2431_50134" x="16.2979" y="30.0531" width="138.908" height="134.958" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_2431_50134"/></filter><clipPath id="bgblur_0_2431_50134_clip_path" transform="translate(-16.2979 -30.0531)"><path fill-rule="evenodd" clip-rule="evenodd" d="M105.314 37.5971C72.209 27.8817 37.5133 46.8458 27.7979 79.951C23.2167 95.5442 25.0146 111.5 31.6529 125.036L21.2979 146.697L44.8259 142.946C51.7754 149.515 60.3326 154.598 70.1518 157.467C103.257 167.183 137.953 148.219 147.668 115.113C157.366 82.0082 138.419 47.2953 105.314 37.5971Z"/></clipPath></defs></svg>') center / cover;
}
.category_landing .form .reg .in .show {
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M486.617 255.067c4.6-6.3 4.4-14.9-.5-21-74.1-91.1-154.1-137.3-237.9-137.3-142.1 0-240.8 132.4-244.9 138-4.6 6.3-4.4 14.9.5 21 74 91.2 154 137.4 237.8 137.4 142.1 0 240.8-132.4 245-138.1zm-245 103.8c-69.8 0-137.8-38.4-202.4-114 25.3-29.9 105.7-113.8 209-113.8 69.8 0 137.8 38.4 202.4 114-25.3 29.9-105.7 113.8-209 113.8z" fill="%23888888" opacity="1" data-original="%23000000" class=""></path><path d="M244.917 157.867c-48 0-87.1 39.1-87.1 87.1s39.1 87.1 87.1 87.1 87.1-39.1 87.1-87.1-39.1-87.1-87.1-87.1zm0 139.9c-29.1 0-52.8-23.7-52.8-52.8s23.7-52.8 52.8-52.8 52.8 23.7 52.8 52.8-23.7 52.8-52.8 52.8z" fill="%23888888" opacity="1" data-original="%23000000" class=""></path></g></svg>') no-repeat center / contain;cursor:pointer;
}
.category_landing .form .reg .in .show.act {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 128 128" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m79.891 65.078 7.27-7.27C87.69 59.787 88 61.856 88 64c0 13.234-10.766 24-24 24-2.144 0-4.213-.31-6.192-.839l7.27-7.27a15.929 15.929 0 0 0 14.813-14.813zm47.605-3.021c-.492-.885-7.47-13.112-21.11-23.474l-5.821 5.821c9.946 7.313 16.248 15.842 18.729 19.602C114.553 71.225 95.955 96 64 96c-4.792 0-9.248-.613-13.441-1.591l-6.573 6.573C50.029 102.835 56.671 104 64 104c41.873 0 62.633-36.504 63.496-38.057a3.997 3.997 0 0 0 0-3.886zm-16.668-39.229-88 88C22.047 111.609 21.023 112 20 112s-2.047-.391-2.828-1.172a3.997 3.997 0 0 1 0-5.656l11.196-11.196C10.268 83.049 1.071 66.964.504 65.943a4 4 0 0 1 0-3.887C1.367 60.504 22.127 24 64 24c10.827 0 20.205 2.47 28.222 6.122l12.95-12.95c1.563-1.563 4.094-1.563 5.656 0s1.563 4.094 0 5.656zM34.333 88.011 44.46 77.884C41.663 73.96 40 69.175 40 64c0-13.234 10.766-24 24-24 5.175 0 9.96 1.663 13.884 4.459l8.189-8.189C79.603 33.679 72.251 32 64 32 32.045 32 13.447 56.775 8.707 63.994c3.01 4.562 11.662 16.11 25.626 24.017zm15.934-15.935 21.809-21.809C69.697 48.862 66.958 48 64 48c-8.822 0-16 7.178-16 16 0 2.958.862 5.697 2.267 8.076z" fill="%23888888" opacity="1" data-original="%23000000" class=""></path></g></svg>') no-repeat center / contain;
}
.category_landing .form:last-child:before, .category_landing .form:last-child:after {
    display: none;
}
.category_landing .form.s-6 {
    max-width: 750px;
    margin: 20px 0;
}
.category_landing .form .btn:before, .category_landing .form .btn:after {
    display: none;
}
.category_landing .form .notice {
    padding: 5px;
    font-size: 10px;
    background: red;
    border-radius: 5px;
    display: block;
    width: calc(100% - 20px);
    margin-top: 5px;
    color: #fff;
}
.category_landing .form .notice:empty {
    display: none;
}

/*MOBILE*/

@media (max-width: 1100px) and (min-width: 1024px) {
    .payment-method-nav a {
        font-size: 1.3rem;
    }
}

@media (max-width: 1250px) and (min-width: 1025px) {
    .filter-row .filter-column {
        width: 48%;
        margin-left: 4%;
        margin-bottom: 2.4rem;
    }

    .filter-row {
        margin-bottom: 0;
    }

    .filter-row .filter-column:nth-child(4n + 1) {
        margin-left: 4%;
    }

    .filter-row .filter-column:nth-child(2n + 1) {
        margin-left: 0;
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    .filter-row .filter-column {
        width: 48%;
        margin-left: 4%;
        margin-bottom: 2.4rem;
    }

    .filter-row {
        margin-bottom: 0;
    }

    .filter-row .filter-column:nth-child(4n + 1) {
        margin-left: 4%;
    }

    .filter-row .filter-column:nth-child(2n + 1) {
        margin-left: 0;
    }
}

@media (max-width: 1410px) {
    #sidebar {
        left: 0;
    }

    #content {
        margin-left: 330px;
    }

    .min-side #content {
        margin-left: 90px;
    }

    #footer .footer-in {
        padding-left: 330px;
    }

    .min-side #footer .footer-in {
        padding-left: 90px;
    }

    .mail-box-fixed {
        right: 20px;
        left: 350px;
    }

    #content.fixed-content {
        right: 20px;
        left: 20px;
    }

    .min-side .mail-box-fixed {
        left: 110px;
    }

    .min-side #content.fixed-content {
        left: 20px;
    }
}

@media (max-width: 1300px) {
    #content.fixed-content {
        margin-left: 90px;
    }

    .write-message-contol-left {
        display: none;
    }

    .mob-open-gal {
        display: inline-block;
        vertical-align: top;
        text-decoration: none;
        margin-left: 12px;
        font-size: 2.4rem;
    }

    .write-message-notice {
        max-width: 100%;
        text-align: right;
    }

    .write-message-notice br {
        display: none;
    }

    .write-message-contol .write-message-contol-right {
        float: none;
        text-align: center;
        margin: 0 -5px;
    }

    .write-message-contol .write-message-contol-right .btn {
        margin: 0 5px;
        width: calc(50% - 13px);
        padding: 1rem 5px;
    }

    .gift-item {
        width: 48%;
        margin-left: 4%;
    }

    .gift-item:nth-child(3n + 1) {
        margin-left: 4%;
    }

    .gift-item:nth-child(2n + 1) {
        margin-left: 0%;
    }

    .gifts-content-list {
        margin-right: 260px;
    }

    .fixed-content .live-chat-side {
        transform: translate(0%, 0);
        opacity: 1;
        background: #fff;
        z-index: 100;
        bottom: 0;
        transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    }

    .fixed-content .live-chat-side.show {
        transform: translate(110%, 0);
        opacity: 0;
    }

    /*.close-chatSide {*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: 5px;*/
    /*right: 10px;*/
    /*text-decoration: none;*/
    /*font-size: 2.4rem;*/
    /*z-index: 10;*/
    /*color: rgba(58, 15, 63, 0.3);*/
    /*}*/
    .fixed-content .live-chat-content-head .live-chat-content-head-right ul li {
        margin-left: 15px;
    }

    .s-b-checkbox,
    .fixed-content .live-chat-content-head .live-chat-content-head-right ul li.show-side {
        display: inline-block !important;
    }
}

@media (max-width: 1100px) and (min-width: 1025px) {
    .profile-nav .btn {
        font-size: 1.2rem;
    }
}

@media (max-width: 1100px) {
    .payment-method {
        padding-left: 20px;
        padding-right: 20px;
    }
    .payment-method-nav a {
        font-size: 1.3rem;
    }

    .ladies-list .ladies-item,
    .photos-list .photo-item,
    .ladies-section .video-list .video-item {
        width: 32%;
        margin-left: 2%;
    }

    .ladies-list .ladies-item:nth-child(4n + 1),
    .photos-list .photo-item:nth-child(4n + 1),
    .ladies-section .video-list .video-item:nth-child(4n + 1),
    .ladies-section .video-list .video-item:nth-child(2n + 2) {
        margin-left: 2%;
    }

    .ladies-list .ladies-item:nth-child(3n + 1),
    .photos-list .photo-item:nth-child(3n + 1),
    .ladies-section .video-list .video-item:nth-child(3n + 1) {
        margin-left: 0;
    }

    .min-side .ladies-list .ladies-item,
    .min-side .photos-list .photo-item,
    .min-side .ladies-section .video-list .video-item {
        width: 23%;
        margin-left: 2.66%;
    }

    .min-side .ladies-list .ladies-item:nth-child(3n + 1),
    .min-side .photos-list .photo-item:nth-child(3n + 1),
    .min-side .ladies-section .video-list .video-item:nth-child(3n + 1),
    .min-side .ladies-section .video-list .video-item:nth-child(2n + 2) {
        margin-left: 2.66%;
    }

    .min-side .ladies-list .ladies-item:nth-child(4n + 1),
    .min-side .photos-list .photo-item:nth-child(4n + 1),
    .min-side .ladies-section .video-list .video-item:nth-child(4n + 1) {
        margin-left: 0;
    }

    .admin-letter-side,
    .mail-container .mail-sidebar {
        width: 260px;
    }

    .admin-letter-content {
        width: calc(100% - 285px);
        margin-left: 20px;
    }

    .mail-container .mail-content {
        margin-left: 20px;
        width: calc(100% - 280px);
    }
}

@media (max-width: 1024px) {
    .live-chat-content-write-control .emotion-Icon .emotion-area {
        right: -120px;
    }

    #content.fixed-content {
        margin-left: 0;
    }

    .uploads-popup-in {
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow-y: auto;
    }

    .uploads-popup-tab {
        padding: 2rem 1.6rem;
    }

    #nav .btn {
        width: 40px;
        height: 40px;
        padding: 0;
    }

    #nav .btn span {
        width: 100%;
        display: block;
        height: 100%;
        padding: 0;
    }

    #nav .btn em {
        display: none;
    }

    #nav .btn i {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .mobile-menu {
        display: block;
        font-size: 2.4rem;
        color: #6e0183;
        float: left;
        margin-top: 18px;
        text-decoration: none;
        margin-right: 12px;
    }

    .mail-box-fixed {
        left: 30px;
    }

    #sidebar {
        left: 0;
        transform: translate(-100%, 0);
        transition: transform 0.5s;
        z-index: 101;

        padding-top: 0;
    }

    .overlay-sidebar,
    .overlay-home-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        background: rgba(0, 0, 0, 0.6);
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.8s, visibility 0.8s;
    }

    .open-menu .overlay-sidebar {
        visibility: visible;
        opacity: 1;
    }

    .open-menu #sidebar {
        transform: translate(0, 0);
        opacity: 1;
    }

    .side-menu-ico {
        display: none;
    }

    .top-widget-inner {
        padding-top: 40px;
    }

    .close-menu-side {
        position: absolute;
        top: 20px;
        right: 15px;
        color: #6e0183;
        display: block;
        font-size: 2.4rem;
        z-index: 10;
        text-decoration: none;
    }

    .user-nav {
        position: relative;
        margin-top: 0;
        position: static;
        width: auto;
        max-height: 0px;
        padding: 5px 0;
        margin-top: 0;
        overflow: hidden;
        visibility: visible;
        background: none;
        box-shadow: none;
        border-radius: 0;
        transition: opacity 0.5s, max-height 0.5s, margin-top 0.3s;
    }

    .user-name.opened .user-nav {
        opacity: 1;
        max-height: 200px;
        margin-top: 2rem;
    }

    .user-nav li {
        font-weight: 600;
        opacity: 1;
    }

    .user-nav li a {
        color: #6e0183;
    }

    .ladies-list .ladies-item,
    .photos-list .photo-item,
    .ladies-section .video-list .video-item {
        width: 23%;
        margin-left: 2.66%;
    }

    .ladies-list .ladies-item:nth-child(3n + 1),
    .photos-list .photo-item:nth-child(3n + 1),
    .ladies-section .video-list .video-item:nth-child(3n + 1) {
        margin-left: 2.66%;
    }

    .ladies-list .ladies-item:nth-child(4n + 1),
    .photos-list .photo-item:nth-child(4n + 1),
    .ladies-section .video-list .video-item:nth-child(4n + 1) {
        margin-left: 0;
    }

    #content {
        margin-left: 0;
        padding-top: 20px;
    }

    #footer .footer-in {
        padding-left: 0;
    }

    .min-side #footer .footer-in {
        padding-left: 0;
    }

    .gifts-side {
        position: static !important;
        overflow-y: hidden;
        max-height: none !important;
    }
}

@media (max-width: 900px) {
    .upload-bottom-right,
    .upload-bottom-left {
        float: none;
    }

    .upload-bottom-left {
        margin-bottom: 2rem;
    }

    .upload-bottom-right {
        text-align: right;
    }
}

@media (max-width: 1024px) {
    .ladies-list .ladies-item .lady-name,
    .photos-list .photo-item .lady-name {
        font-size: 1.4rem;
        white-space: nowrap;
    }

    .admin-email {
        display: block;
        margin-bottom: 1rem;
        text-align: right;
    }

    .my-cam .my-cam-in {
        opacity: 0;
        transition: opacity 0.35s;
    }

    .my-cam.active .my-cam-in {
        opacity: 1;
    }

    .my-mob-c {
        visibility: visible;
    }

    .gift-order-item-side {
        float: none;
        margin-bottom: 3rem;
    }

    .gift-order-item-data {
        margin-left: 0;
    }

    .site-notifications,
    .live-message-over {
        /*top: 75px;
        bottom: auto;*/
    }

    .live-message-item-panel {
        top: 5px;
        right: 0;
    }

    .live-message-item-photo {
        width: 50px;
        padding-bottom: 80px;
    }

    .live-message-item-photo-text {
        margin-left: 70px;
    }

    .live-message-item h3 {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }

    .live-message-item p {
        font-size: 1.2rem;
        line-height: 1.3;
    }
    .fade-out-block {
        animation: fadeOut 10s;
    }

    .fixed-content .live-chat-content-head .live-chat-content-head-right ul li.show-side,
    .popup-inner .popup-right,
    .close-chatSide {
        display: none;
    }

    .popup-inner {
        width: 450px;
    }

    .popup-inner .popup-left {
        width: 100%;
    }

    .close {
        color: rgba(0, 0, 0, 0.2);
    }

    h3,
    .our-services-list .our-services-item .our-services-item-in .h3 {
        font-size: 2rem;
    }

    .our-services-list .our-services-item {
        width: 48%;
        margin-bottom: 20px;
        margin-left: 4%;
    }

    .our-services-list .our-services-item:nth-child(2n + 1) {
        margin-left: 0;
    }

    .gift-banner-content-inner {
        background-position: center center;
    }

    .back-to-admin-letter {
        display: inline-block;
    }

    h2 {
        margin-bottom: 20px;
    }

    .mobile-menu {
        margin-top: 8px;
    }

    .inner {
        padding: 0 15px;
    }

    #header,
    #header-home {
        padding: 12px 0;
    }

    .logo {
        width: 81px;
        margin: 1.5px 0;
    }

    #nav {
        padding-top: 8px;
        padding-right: 90px;
        position: relative;
    }

    #nav ul li {
        margin-right: 20px;
    }

    #nav ul li span {
        display: none;
    }

    #nav ul li.bride-item a:before {
        display: none;
    }

    #nav ul li a {
        width: 24px;
        height: 24px;
        padding: 0;
    }

    #nav ul li.bride-item,
    #nav ul li.search-item,
    #nav ul li.mail-item {
        margin-top: 6px;
        margin-right: 10px;
    }
    #nav ul li.bride-item span,
    #nav ul li.search-item span,
    #nav ul li.mail-item span {
        display: block;
    }

    #nav ul li.bride-item a:before,
    #nav ul li.search-item a:before,
    #nav ul li.mail-item a:before {
        display: block;
    }

    #nav ul li.bride-item a,
    #nav ul li.search-item a,
    #nav ul li.mail-item a {
        width: auto;
        height: auto;
        font-size: 12px;
        padding-left: 27px;
    }

    #nav ul li.home-item {
        display: none;
    }

    #nav ul li a span i {
        display: none;
    }

    #nav .btn {
        position: absolute;
        right: 50px;
        top: 0;
        width: 40px;
        height: 40px;
        padding: 0;
    }

    #nav .btn span {
        width: 100%;
        display: block;
        height: 100%;
        padding: 0;
    }

    #nav .btn i {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #nav .btn em {
        display: none;
    }

    #nav ul li.chat-item {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        margin-right: 0;
    }

    #nav ul li.chat-item a {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background: linear-gradient(to right, #a8c761 0%, #84a910 100%);
    }

    #nav ul li.chat-item a:before {
        color: #fff;
        left: 50%;
        font-weight: normal;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    main {
        padding-top: 64px;
    }

    #content.fixed-content {
        left: 0;
        right: 0;
        top: 64px;
        padding-top: 0;
    }

    .mail-box-fixed {
        left: 0;
        right: 0;
        top: 64px;
    }

    .mail-head h2,
    h2,
    h1,
    .ladies-section h2 {
        font-size: 2.4rem;
    }

    .ladies-section h2,
    h1 {
        margin-bottom: 2rem;
    }

    .mail-head h2,
    .mail-box-fixed .mail-head h2 {
        float: none;
        margin-bottom: 5px;
    }

    .mail-nav {
        float: none;
    }

    .mail-box-fixed .mail-container .mail-sidebar,
    .mail-box-page .mail-container .mail-sidebar {
        width: 100%;
        box-sizing: border-box;
        padding: 0 5px 0 15px;
    }

    .mail-box-fixed .mail-container {
        top: 110px;
    }

    .mail-box-fixed .mail-head,
    .mail-head {
        padding: 15px;
    }

    .mail-nav ul {
        font-size: 0;
        margin: 0 -15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    .mail-nav ul li {
        width: 33.33%;
        margin-left: 0;
        text-align: center;
    }

    .mail-nav.gift-nav ul li {
        width: 50%;
    }

    .mail-nav ul li a {
        padding: 16px;
        display: block;
    }

    .mail-nav ul li a:after {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 0;
        height: 2px;
        background: #d4145a;
        content: "";
        transition: width 0.35s;
    }

    .mail-nav ul li.current a:after {
        width: 100%;
    }

    .mail-nav ul li a i {
        display: none;
    }

    .mail-box-fixed .mail-container .mail-content {
        position: fixed;
        top: 64px;
        left: 0;
        width: 100%;
        height: auto;
        bottom: 0;
        margin-left: 0;
        background: #fff;
        box-sizing: border-box;
        z-index: 99;
        display: none;
    }

    .mail-box-fixed .mail-container .mail-content .mail-content-over-wrap {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        background: #fff;
    }

    .mail-box-fixed .mail-container .mail-content .messages-wrap {
        padding: 0 5px 0 15px;
        bottom: 70px !important;
        top: 140px;
        margin-bottom: 0;
    }
    .mail-box-fixed .mail-container .mail-content .messages-wrap .messages-panel {
        padding: 0 5px 0 15px;
        margin-bottom: 0;
        width: calc(100% - 30px);
    }

    .mail-box-fixed .mail-container .mail-content .write-message {
        padding: 0 15px;
        bottom: 0px;
        top: 140px;
        z-index: 101;
        display: none;
    }

    .mail-content-over-wrap-who {
        display: block;
        padding: 15px 15px 0;
    }

    .back {
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        padding-left: 34px;
        position: relative;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
    }

    .back i {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%) rotate(90deg);
        font-size: 2.4rem;
    }

    .send-message {
        position: absolute;
        bottom: 15px;
        left: 50%;
        width: 345px;
        display: block;
        transform: translate(-50%, 0);
        max-width: calc(100% - 30px);
    }

    .write-message-contol-left {
        display: none;
    }

    .write-message-contol .write-message-contol-right {
        float: none;
        text-align: center;
        margin: 0 -5px;
    }

    .write-message-contol .write-message-contol-right .btn {
        margin: 0 5px;
        width: calc(50% - 13px);
        padding: 1rem 5px;
    }

    .write-message-contol .write-message-contol-right .btn i {
        display: none;
    }

    .write-message-contol .write-message-contol-right .btn span {
        padding: 0;
    }

    .write-message-head h3 {
        font-size: 15px;
    }

    .write-message-head .emotion-Icon {
        display: inline-block;
        vertical-align: top;
        color: #6e0183;
        float: none;
    }

    .write-message-notice {
        max-width: 100%;
    }

    .write-message-notice br {
        display: none;
    }

    .mail-box-fixed .mail-container .mail-content .write-message .textarea {
        min-height: 220px;
        max-height: 320px;
    }

    .write-message-wrap {
        overflow-y: auto;
        position: static;
        top: 30px;
        bottom: 97px;
        left: 15px;
        right: 15px;
        height: calc(100% - 131px);
    }

    .mail-box-fixed .write-message-contol {
        position: static;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
    }

    .write-message-wrap.focused {
        height: auto;
    }

    .mail-empty {
        display: none;
    }

    .mail-box {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 64px;
        z-index: 20;
    }

    .mail-box-page #footer {
        display: none;
    }

    .mail-container {
        position: absolute;
        top: 110px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .mail-box-page .mail-container .mail-sidebar {
        height: 100%;
    }

    .mail-box-draft .mail-container .mail-sidebar {
        display: none;
    }

    .mail-box-draft .mail-container .mail-content {
        height: 100%;
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
        overflow-y: scroll;
        box-sizing: border-box;
    }

    .message-item-to-right .btn {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        padding: 0;
    }

    .message-item-to-right .btn em {
        display: none;
    }

    .message-item-to-right .btn span {
        padding: 0;
        width: 100%;
        height: 100%;
        display: block;
    }

    .message-item-to-right .btn i {
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .emotion-area {
        width: 300px;
    }

    .message-item {
        padding: 15px;
    }

    .message-meta {
        margin-bottom: 1rem;
    }

    .admin-letter-date .btn {
        display: block;
        float: right;
    }

    .admin-letter-side {
        width: auto;
        display: block;
        margin-bottom: 20px;
    }

    .admin-letter-item.chosen .close-admin-letter {
        display: none;
    }

    .admin-letter-item {
        padding: 1rem 1.2rem;
    }

    .admin-letter-content {
        width: auto;
        display: none;
        margin-left: 0;
    }

    .admin-letter-wrap {
        margin-bottom: 3rem;
        padding: 15px;
    }

    #footer .footer-in {
        padding-left: 0;
        padding-bottom: 230px;
        position: relative;
    }

    .footer-left {
        width: auto;
        float: none;
        margin-bottom: 2rem;
        max-width: 100%;
    }

    .footer-right {
        text-align: center;
        float: none;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .fixed-content .live-chat-container {
        top: 48px;
        padding-bottom: 15px;
    }

    .fixed-content .live-chat-head {
        display: none;
    }

    .live-chat-mob-tabs {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 150;
        font-size: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    .live-chat-mob-tabs a {
        width: 25%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        white-space: nowrap;
        z-index: 20;
        background: #fff;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        padding: 16px 5px;
        box-sizing: border-box;
        color: rgba(58, 15, 63, 0.5);
        text-decoration: none;
        position: relative;
        transition: color 0.35s;
    }

    .live-chat-mob-tabs a:after {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 2px;
        bottom: -1px;
        background: #d4145a;
        transition: width 0.35s;
    }

    .live-chat-mob-tabs a.active {
        color: #d4145a;
    }

    .live-chat-mob-tabs a.active:after {
        width: 100%;
    }

    .fixed-content .live-chat-content-head {
        position: fixed;
        top: 50%;
        left: 50%;
        background: #f9f7f9;
        border-radius: 16px;
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.26);
        width: 345px;
        max-width: 95%;
        max-height: 95%;
        transform: translate(-50%, -50%);
        z-index: 205;
        box-sizing: border-box;
        padding: 20px 15px;
        display: none;
    }

    .fixed-content .live-chat-content-head .live-chat-content-head-left {
        width: auto;
        display: block;
        padding-bottom: 15px;
        position: relative;
        margin-bottom: 20px;
    }

    .fixed-content .live-chat-content-head .live-chat-content-head-left:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -15px;
        right: -15px;
        background: rgba(0, 0, 0, 0.2);
        height: 1px;
    }

    .fixed-content .live-chat-content-head .live-chat-content-head-right {
        width: auto;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .fixed-content .live-chat-content-head .live-chat-content-head-right ul li {
        margin: 0 16px;
    }

    .fixed-content .live-chat-content-head .live-chat-content-head-right ul {
        padding-right: 0;
    }

    .live-chat-content-head-close {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        color: #3a0f3f;
        opacity: 0.3;
        font-size: 2.4rem;
        z-index: 10;
        text-decoration: none;
    }

    .live-chat-content-head-mob-overlay {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 200;
        background: rgba(0, 0, 0, 0.7);
    }

    .live-chat-mob-head {
        display: block;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .live-chat-mob-head-bottom {
        display: block;
        margin: 0 -1%;
    }

    .live-chat-mob-head-bottom .btn {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        margin: 0 2%;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    .fixed-content .live-chat-content-head .live-chat-content-head-left .side-lady-item {
        margin-left: -5px;
    }

    .fixed-content .live-chat-side,
    .fixed-content .live-chat-side.show {
        width: auto;
        left: 0;
        bottom: 0;
        display: none;
        opacity: 1;
        transform: translate(0, 0);
    }

    .fixed-content .live-chat-side .live-chat-side-in {
        padding: 0;
        overflow-y: hidden;
        padding: 20px 15px;
    }

    .tab-site {
        display: none !important;
    }

    .fixed-content .live-chat-content {
        right: 0;
        bottom: 15px;
    }

    .fixed-content .live-chat-content-messages {
        top: 20px;
        background: none;
        border-radius: 0;
        padding: 15px 5px 15px 15px;
    }

    .fixed-content .live-chat-content-write {
        left: 15px;
        right: 15px;
        background: #fff;
    }

    .fixed-content .live-chat-content-write .textarea {
        max-height: 56px;
        padding: 1.6rem 2.4rem;
        line-height: 24px;
        font-size: 13px;
    }

    .fixed-content .live-chat-content-write .textarea:empty:after {
        left: 2.4rem;
    }

    .no-network {
        position: fixed;
        top: 180px;
    }

    .live-chat-mob-cam {
        top: 48px;
        left: 0;
        right: 0;
        padding: 15px;
        position: absolute;
        display: block;
        z-index: 50;
    }

    .live-chat-mob-cam.empty-chat {
        display: none;
    }

    .close-chat-mob {
        border-radius: 40px;
        float: right;
        height: 40px;
        width: 40px;
        position: relative;
        border: solid 2px #6e0183;
        font-size: 2.4rem;
        color: #6e0183;
        box-sizing: border-box;
    }

    .close-chat-mob i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .message-typed .message-typed-text {
        max-width: calc(100% - 58px);
    }

    .live-chat-content-messages-over .message-typed .message-typed-text {
        max-width: calc(100% - 64px);
    }

    .live-chat-video {
        top: 0;
        bottom: -15px !important;
    }

    .live-chat-video-in {
        border-radius: 0;
        bottom: 0;
        padding-bottom: 0;
    }

    .live-chat-content-messages-over {
        padding-bottom: 90px;
        max-height: 30%;
    }

    .live-chat-mob-cam .btn.purple-border:before {
        opacity: 1;
    }

    .live-chat-mob-cam .btn.purple-border {
        color: #fff;
        border: 2px solid transparent;
    }

    .live-chat-video-plaing .live-chat-mob-cam .close-chat-mob {
        color: #fff;
        border: 2px solid #fff;
    }

    .online-contacts {
        display: none;
        position: relative;
        height: 100% !important;
        box-sizing: border-box;
    }

    .live-chat-side .side-list-ladies {
        max-height: none;
        /*position: absolute;*/
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .just-contacts {
        position: relative;
        display: none;
        height: 100% !important;
    }

    .contact-ladies-list {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .live-chat-content-empty {
        background: none;
    }

    .chat-over {
        display: none;
    }

    .search-filter {
        display: none;
        position: fixed;
        left: 15px;
        top: 15px;
        right: 15px;
        bottom: 15px;
        padding: 20px 15px 70px 15px;
        border-radius: 16px;
        box-shadow: 0 0px 50px 0 rgba(0, 0, 0, 1);
        background: #f9f7f9;
        z-index: 100 !important;
    }

    .filter-ranges-item {
        margin-bottom: 2.4rem;
    }

    .filter-ranges-item,
    .filter-row .filter-column,
    .filter-ranges.items-4 .filter-ranges-item,
    .filter-ranges.items-4 .filter-ranges-item:nth-child(3n + 1),
    .filter-row.three-cols .filter-column,
    .filter-row.three-cols .filter-column:nth-child(4n + 1) {
        width: auto;
        display: block;
        margin-left: 0;
    }

    .filter-row .filter-column.filter-column-m-50 {
        display: inline-block;
        width: 50%;
    }

    .filter-ranges {
        padding: 0;
        margin-bottom: 38px;
    }

    .filter-buttons {
        position: absolute;
        bottom: 15px;
        left: 0px;
        right: 0px;
        border: none;
        background: #f9f7f9;
        padding: 15px;
        text-align: center;
    }

    .filter-buttons .btn {
        max-width: 47%;
        width: 150px;
        margin-left: 0;
    }

    .filter-buttons .btn:last-child {
        margin-left: calc(6% - 5px);
    }

    .filter-buttons .btn.more-filters-btn {
        display: none;
    }

    .search-filter-cont-mob {
        position: absolute;
        top: 50px;
        left: 0px;
        right: 0px;
        bottom: 80px;
        overflow-y: auto;
        padding: 0px 20px;
    }

    .more-filtres {
        display: block !important;
        overflow: hidden;
    }

    .filter-row .filter-column {
        margin-bottom: 3rem;
    }

    .more-filtres .filter-row .filter-column {
        margin-bottom: 8px;
    }

    .filter-row {
        margin-bottom: 0;
    }

    .filter-row .checkbox label {
        display: block;
    }

    .search-filter-popup-head {
        display: block;
    }

    .search-filter-popup-head h3 {
        font-size: 15px;
        font-weight: 600;
    }

    .close-search-filter {
        font-size: 2.4rem;
        text-decoration: none;
        color: rgba(58, 15, 63, 0.3);
        position: absolute;
        top: 18px;
        right: 15px;
    }

    .found {
        padding: 0 0 15px;
    }

    .ladies-list .ladies-item,
    .photos-list .photo-item,
    .ladies-section .video-list .video-item,
    .top-ladies .ladies-list .ladies-item {
        width: 32%;
        margin-left: 2%;
    }

    .ladies-list .ladies-item:nth-child(4n + 1),
    .photos-list .photo-item:nth-child(4n + 1),
    .ladies-section .video-list .video-item:nth-child(4n + 1),
    .ladies-section .video-list .video-item:nth-child(2n + 2),
    .top-ladies .ladies-list .ladies-item:nth-child(5n + 1),
    .top-ladies .ladies-list .ladies-item:nth-child(4n + 1) {
        margin-left: 2%;
    }

    .ladies-list .ladies-item:nth-child(3n + 1),
    .photos-list .photo-item:nth-child(3n + 1),
    .ladies-section .video-list .video-item:nth-child(3n + 1),
    .top-ladies .ladies-list .ladies-item:nth-child(3n + 1) {
        margin-left: 0;
    }

    .search-section-head:after {
        clear: both;
        display: block;
        content: "";
    }

    .search-section-head h2 {
        float: left;
    }

    .show-filter {
        display: block !important;
        float: right;
        margin-top: -5px;
    }

    .purchase-right {
        position: fixed;
        left: 50%;
        max-width: calc(100vw - 30px);
        width: 345px;
        max-height: 90vh;
        top: 50%;
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.26);
        transform: translate(-50%, -50%);
        margin-left: 0;
        box-sizing: border-box;
        border-radius: 16px;
        z-index: 100;
        display: none;
    }

    .payment-method {
        padding: 30px 15px;
    }

    .payment-method-nav a {
        padding: 10px;
    }

    .payment-tabs {
        min-height: 1px;
    }

    .close-payment {
        font-size: 2.4rem;
        text-decoration: none;
        color: rgba(58, 15, 63, 0.3);
        position: absolute;
        top: 18px;
        right: 15px;
        display: block;
    }

    .overlay-payment {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 99;
    }

    .purchase-content > h2 {
        text-align: left;
    }

    .purchase-left,
    .purchase-descriptions-left {
        float: none;
        width: auto;
    }

    .purchase-descriptions-right {
        margin-left: 0;
    }

    .purchase-head:after {
        clear: both;
        display: block;
        content: "";
    }

    .purchase-head h2 {
        float: left;
    }

    .open-payment {
        display: block;
        float: right;
        font-size: 2.4rem;
        text-decoration: none;
    }

    .wrap-table {
        overflow-x: auto;
    }

    .wrap-table-in {
        min-width: 600px;
    }

    .clear-list {
        display: none;
    }

    .ladies-section-head {
        margin-bottom: 20px;
    }

    .black-list-ladies {
        padding-top: 0;
    }

    .gifts-content-list {
        margin-right: 0;
    }

    .gifts-side {
        width: auto;
        display: none;
        position: fixed !important;
        top: 15px !important;
        left: 15px !important;
        right: 15px !important;
        bottom: 15px !important;
        z-index: 100 !important;
        overflow-y: hidden;
        max-height: none !important;
        padding: 35px 0;
    }

    .gifts-side-in {
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
        padding: 15px 15px;
        box-sizing: border-box;
    }

    .gift-item {
        width: 48%;
        margin-left: 4%;
    }

    .gift-item:nth-child(3n + 1) {
        margin-left: 4%;
    }

    .gift-item:nth-child(2n + 1) {
        margin-left: 0;
    }

    .gifts-side-close {
        font-size: 2.4rem;
        text-decoration: none;
        color: rgba(58, 15, 63, 0.3);
        position: absolute;
        top: 8px;
        right: 15px;
        display: block;
    }

    .gifts-side-overlay-mob {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 99;
    }

    .order-sum {
        width: 50%;
        display: block;
        margin: 0 auto 20px;
    }

    .profile-data .profile-data-left {
        width: auto;
        float: none;
    }

    .profile-data .profile-data-right {
        margin-left: 0;
    }

    .profile-gallery {
        max-width: 500px;
        margin: 0 auto 30px;
    }

    .profile-meta .profile-meta-left {
        float: none;
        max-width: 100%;
        margin-bottom: 5px;
    }

    .profile-meta-right {
        float: none;
        max-width: 100%;
    }

    .profile-id {
        float: left;
        padding-top: 5px;
    }

    .online-chat {
        float: right;
    }

    .profile-meta {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .top-ladies {
        padding: 4rem 0;
    }

    .content-entry img.align-right,
    .content-entry img.align-left {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    .content-entry .not-full {
        max-width: 100%;
    }

    .text-content-top-left,
    .text-content-top-right {
        float: none;
    }

    .text-content-top-right {
        margin-bottom: 30px;
    }

    .text-content-in {
        padding: 30px 15px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .hero-man,
    .hero-girl {
        display: none;
    }

    #nav-home .btn {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }

    #nav-home {
        position: fixed;
        width: 330px;
        max-width: 100%;
        padding-top: 20px;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 5;
        transition: transform 0.3s, opacity 0.3s;
        z-index: 999;
        background: #f9f7f9;
        opacity: 0;
        overflow-y: auto;
        transform: translate(-100%, 0);
    }

    #nav-home ul {
        padding: 20px;
        display: block;
    }

    #nav-home ul li {
        display: block;
        margin-right: 0;
    }

    #nav-home ul li a {
        display: block;
        color: #6e0183 !important;
    }

    #nav-home ul li ul {
        position: static;
        box-shadow: none;
        background: none;
        border-radius: 0;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
    }

    #nav-home .login-link {
        display: none;
    }

    #nav-home ul li.has-child > a:after {
        border-top-color: #6e0183 !important;
    }

    .home-mob-menu {
        color: #fff;
        display: block;
        text-decoration: none;
        float: right;
        font-size: 2.4rem;
        margin-top: 8px;
    }

    .home-mob-menu + .login-link,
    .home-mob-menu + .login-link + .login-link {
        display: block !important;
        float: right;
        margin-right: 10px;
        padding: 1rem 1.5rem;
    }

    .fixed .home-mob-menu {
        color: #6e0183;
    }

    .open-home-menu #nav-home {
        transform: translate(0, 0);
        opacity: 1;
    }

    .open-home-menu .overlay-home-menu {
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .close-home-mob-menu {
        display: block;
        color: rgba(58, 15, 63, 0.3);
        font-size: 2.4rem;
        text-decoration: none;
        position: absolute;
        top: 10px;
        right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .mail-box-fixed .mail-container {
        top: 80px;
    }
    .live-chat-side .side-list-ladies {
        top: 0px;
    }
    /*.pop-up__heading {*/
    /*    font-size: 3.6rem;*/
    /*}*/
    /*.pop-up__in--landscape {*/
    /*    min-height: 1px;*/
    /*    padding: 39px 20px 34px 160px;*/
    /*    text-align: left;*/
    /*}*/
    /*.pop-up__in--landscape:before {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    width: 345px;*/
    /*    height: 90px;*/
    /*    content: "";*/
    /*    background: url(../images/match-bg2.png) no-repeat 100% 0;*/
    /*    z-index: -1;*/
    /*}*/
    /*.pop-up__in--landscape .pop-up__img {*/
    /*    position: absolute;*/
    /*    top: 32px;*/
    /*    left: 20px;*/
    /*}*/
    /*.pop-up__in--landscape .pop-up__heading {*/
    /*    font-size: 2.6rem;*/
    /*    margin-bottom: 2px;*/
    /*}*/
    /*.pop-up__in--landscape .pop-up__entry {*/
    /*    font-size: 14px;*/
    /*    line-height: 1.4;*/
    /*    margin-bottom: 9px;*/
    /*    max-width: 90%;*/
    /*}*/
    /*.pop-up__in--landscape .btn.has-icon span {*/
    /*    padding-left: 8px;*/
    /*}*/
    /*.pop-up__in--landscape .icon-chat {*/
    /*    display: none;*/
    /*}*/
    /*.pop-up__in--landscape .pop-up__img img {*/
    /*    width: 120px;*/
    /*    height: 120px;*/
    /*}*/
    /*.pop-up__in--landscape:after {*/
    /*    display: none;*/
    /*}*/
}

@media (max-width: 767px) {
    .ladies-nav__wrap {
        flex-direction: column-reverse;
    }
    .ladies-nav__wrap .top-ladies-more {
        margin-top: 2rem;
    }
    .mail-box-fixed .mail-container .mail-content .messages-wrap {
        bottom: 10px !important;
    }
    .mail-box-fixed .mail-container .mail-content #openSendBlock + .mail-content-over-wrap-who + .messages-wrap {
        bottom: 70px !important;
    }
    .gifts-side {
        padding: 10px 0;
    }
    div.fancy-select ul.options.open {
        display: block;
    }
    div.fancy-select ul.options {
        display: none;
    }
    .more-filtres {
        overflow: visible;
    }
}

@media (max-width: 650px) and (min-width: 600px) {
    .profile-nav .btn {
        font-size: 1.3rem;
    }
}

@media (max-width: 600px) {
    .gift-order-item {
        padding: 1.6rem;
    }

    .gift-order-item-data-head h3 {
        width: auto;
        display: block;
        margin-bottom: 1rem;
    }

    .gift-order-status {
        width: auto;
        display: block;
        margin-left: 0;
        text-align: left;
    }

    .gift-order-item-data-col {
        margin-bottom: 1.5rem;
    }

    .gift-order-item-data-col-head {
        width: auto;
        display: block;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }

    .gift-order-item-data-col-info {
        width: auto;
        display: block;
    }

    .upload-btn .btn {
        padding: 0;
        width: 40px;
        height: 40px;
    }

    .upload-btn .btn span {
        padding: 0;
        display: block;
        width: 100%;
        height: 100%;
    }

    .upload-btn .btn em {
        display: none;

        padding: 0;
    }

    .upload-btn .btn i {
        transform: translate(-50%, -50%);
        left: 50%;
    }
}

@media (max-width: 580px) {
    #nav ul li.bride-item,
    #nav ul li.search-item,
    #nav ul li.mail-item {
        margin-top: 5px;
        margin-right: 10px;
    }
    #nav ul li.bride-item span,
    #nav ul li.search-item span,
    #nav ul li.mail-item span {
        display: block;
    }

    #nav ul li.bride-item a:before,
    #nav ul li.search-item a:before,
    #nav ul li.mail-item a:before {
        display: block;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0);
        line-height: 0;
    }

    #nav ul li.bride-item a,
    #nav ul li.search-item a,
    #nav ul li.mail-item a {
        width: auto;
        height: auto;
        font-size: 12px;
        padding-left: 0;
        padding-top: 15px;
    }
}

@media (max-width: 500px) {
    .our-services-list .our-services-item {
        display: block;
        width: auto;
        margin-left: 0 !important;
    }

    .load-photo-control {
        font-size: 0;
    }

    .load-photo-control .btn {
        width: 47%;
        min-width: 1px;
        margin-left: 0;
    }

    .load-photo-control .btn:last-child {
        margin-left: 6%;
    }

    .filter-row .filter-column.filter-column-m-50 {
        display: block;
        width: 100%;
    }

    .profile-nav .btn {
        width: 100% !important;
        margin-bottom: 10px;
        margin-left: 0 !important;
    }

    .register-form-in {
        padding: 2.4rem 2rem;
    }

    .gift-banner-content-inner {
        padding: 2rem;
    }

    .ladies-section .ladies-section-head h2 {
        max-width: 100%;
        float: none;
    }

    .order-sum {
        width: 100%;
    }

    .ladies-section .ladies-section-head a {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .ladies-list .ladies-item,
    .photos-list .photo-item,
    .ladies-section .video-list .video-item,
    .top-ladies .ladies-list .ladies-item {
        width: 48%;
        margin-left: 4%;
    }

    .ladies-list .ladies-item:nth-child(4n + 1),
    .photos-list .photo-item:nth-child(4n + 1),
    .ladies-list .ladies-item:nth-child(3n + 1),
    .photos-list .photo-item:nth-child(3n + 1),
    .ladies-section .video-list .video-item:nth-child(4n + 1),
    .ladies-section .video-list .video-item:nth-child(3n + 1),
    .ladies-section .video-list .video-item:nth-child(2n + 2) .top-ladies .ladies-list .ladies-item:nth-child(4n + 1),
    .top-ladies .ladies-list .ladies-item:nth-child(5n + 1),
    .top-ladies .ladies-list .ladies-item:nth-child(3n + 1) {
        margin-left: 4%;
    }

    .ladies-list .ladies-item:nth-child(2n + 1),
    .photos-list .photo-item:nth-child(2n + 1),
    .ladies-section .video-list .video-item:nth-child(2n + 1),
    .top-ladies .ladies-list .ladies-item:nth-child(2n + 1) {
        margin-left: 0;
    }

    .site-notifications,
    .live-message-over {
        right: 15px;
        left: 15px;
        width: auto;
    }

    .footer-left .menu-footer-item {
        width: 47.5%;
    }

    .footer-left .menu-footer-item:nth-child(3n + 1) {
        margin-left: 5%;
    }

    .footer-left .menu-footer-item:nth-child(2n + 1) {
        margin-left: 0%;
    }
    .footer-left.footer-left--bottom .menu-footer-item {
        width: calc(50% - 2px);
        margin: 0 1px 20px !important;
    }

    /*.footer-left .menu-footer-item:nth-child(3n) h3 {
        display: none;
    }*/

    .footer-left .menu-footer-item:nth-child(3n),
    .footer-left .menu-footer-item:nth-child(4n) {
        margin-top: 20px;
    }

    .footer-logo {
        text-align: center;
    }

    .footer-logo img:first-child {
        max-width: 55%;
    }

    .gift-item {
        width: 100%;
        margin-left: 0 !important;
    }

    .profile-data-params {
        margin: 0 0 3rem;
    }

    .profile-data-description {
        margin: 0;
    }
}

@media (max-width: 480px) {
    #nav .nav-sub {
        position: absolute;
        top: calc(100% + 20px);
        left: -10px;
        border-radius: 15px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        padding: 10px 15px;
        z-index: 2;
        background: #fff;
    }
    #nav .nav-sub a {
        display: block;
        font-size: 15px;
        color: #6e0183;
        padding: 7px 0;
        font-style: normal;
        font-weight: 600;
        text-decoration: none;
    }
    #nav .nav-sub a i {
        font-style: normal;
    }
    #nav ul li.bride-item,
    #nav ul li.search-item,
    #nav ul li.mail-item {
        margin-top: 0;
        margin-right: 14px;
    }
    #nav ul li.bride-item span,
    #nav ul li.search-item span,
    #nav ul li.mail-item span {
        display: none;
    }
    #nav ul li.bride-item--to-hide {
        display: none;
    }
    #nav ul li.bride-item a:before,
    #nav ul li.search-item a:before,
    #nav ul li.mail-item a:before {
        display: block;
        left: 50%;
        top: 11px;
        transform: translate(-50%, 0);
        line-height: 0;
    }

    #nav ul li.bride-item a,
    #nav ul li.search-item a,
    #nav ul li.mail-item a {
        width: 24px;
        height: 24px;
        padding-top: 0;
    }

    #nav ul li {
        margin-right: 5px;
    }
}

@media (max-width: 350px) {
    #nav ul li {
        margin-right: 10px;
    }

    .ladies-list .ladies-item,
    .photos-list .photo-item,
    .ladies-section .video-list .video-item,
    .video-item,
    .top-ladies .ladies-list .ladies-item {
        width: 100%;
        margin-left: 0 !important;
    }

    .purchase-right {
        max-width: 100vw;
    }

    .purchase-price {
        font-size: 1.8rem;
        margin: 0 1%;
    }

    .credits {
        font-size: 1.8rem;
    }

    .badget {
        font-size: 8px;
    }

    .purchase-price sup {
        font-size: 1.2rem;
    }
}

@media (max-height: 600px) and (min-width: 767px) {
    #content.fixed-content {
        overflow-y: auto;
    }

    .fixed-content .live-chat-section {
        min-height: 550px;
    }
}

@media (max-width: 1024px) {
    .btn-continue {
        display: block;
    }
    .purchase-left {
        margin-bottom: 2rem;
    }
    .payment-method {
        padding: 1.5rem;
    }
    .close-payment {
        top: 1rem;
    }
    .purchase-right {
        max-height: 85vh;
        overflow-y: auto;
        background: #f9f7f9;
        z-index: 999;
    }
    .overlay-payment {
        z-index: 100;
    }
}

@media (max-width: 374px) {
    .badget,
    .purchase-limited span {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 1100px) {
    .profile-recomendation .ladies-item:nth-child(4) {
        display: none !important;
    }
}

@media screen and (max-width: 500px) {
    .profile-recomendation .ladies-item:nth-child(3) {
        display: none !important;
    }
}

@media screen and (max-width: 1250px) and (min-width: 1025px) {
    body .filter-row {
        margin-bottom: 2.4rem;
    }
}

@media screen and (max-width: 1250px) {
    body .sorting {
        max-width: 48%;
        margin-top: 0;
    }
    .mail-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .mail-head .mail-nav ul li:first-child {
        margin-left: 0;
    }
    .first-package__price {
        padding: 2rem 1rem;
    }
    .first-package__price-col b {
        font-size: 3.4rem;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .blog-landing {
        flex-direction: column;
    }
    .blog-landing__main {
        width: 100%;
    }
    .blog-landing__side {
        width: 100%;
    }
}

@media screen and (max-width: 1150px) {
    .first-package__price:before {
        width: 6.5rem;
    }
}

@media screen and (min-width: 1024px) {
    /*.search-filter {*/
    /*position: relative;*/
    /*}*/
}

@media screen and (max-width: 1024px) {
    .blog-landing__heading {
        font-size: 2rem;
    }
    body .sorting {
        max-width: 100%;
    }
    .mail-head .mail-nav {
        width: 100%;
    }
    .mail-head .mail-nav ul {
        margin: 0;
    }
    .ladies-section .mail-nav.gift-nav li a:before {
        top: 1.2rem;
    }
    .first-package {
        max-width: 388px;
        margin: 0 auto 1.2rem;
    }
    .search-filter {
        margin: 10vh 10vw;
    }
    .search-filter.search-filter--search {
        margin: 0;
    }
    .search-filter__overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.2);
        z-index: 100;
        display: none;
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
    .search-filter {
        margin: 25vh 10vw;
    }
}

@media screen and (max-width: 860px) {
    .blog-landing {
        flex-direction: column;
    }
    .blog-landing__main {
        width: 100%;
    }
    .blog-landing__side {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .mail-head .mail-nav ul li a {
        padding-left: 30px;
        padding-right: 0;
        text-align: left;
    }
    .search-filter {
        margin: 0;
    }
}

@media screen and (max-width: 660px) {
    .blog-landing__list {
        flex-direction: column;
    }
    .blog-landing__card {
        width: calc(100% - 3rem);
    }
    .blog-landing__pagination {
        text-align: left;
    }
    .blog-landing__pagination li {
        margin: 0 2.4rem 0 0;
    }
    .blog-landing__side {
        padding-top: 5rem;
    }
    .blog-landing__autor {
        flex-direction: column-reverse;
    }
    .blog-landing__autor-left {
        width: 100%;
    }
    .blog-landing__autor-left .blog-landing__breadcrumbs {
        display: none;
    }
    .blog-landing__autor-right {
        width: 100%;
        margin-bottom: 3rem;
    }
    .blog-landing__autor-right .blog-landing__breadcrumbs {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .welcome-modal__body {
        max-width: 96vw;
    }

    .welcome-modal__body-content {
        padding-left: 0;
        padding-right: 0;
    }
    .blog-landing__card,
    .blog-landing__side {
        max-width: 100vw;
    }
    .blog-landing__post-meta {
        flex-direction: column;
    }
    .blog-landing__post-author {
        width: 100%;
    }
    .blog-landing__post-date {
        width: 100%;
        text-align: left;
        padding-top: 2rem;
    }
    .blog-landing__post-nav {
        flex-direction: column;
    }
    .blog-landing__post-nav a {
        width: 100%;
    }
    .blog-landing__post-nav a.blog-landing__post-next {
        margin-top: 2rem;
    }
    .category_landing .reg .in {
        width: calc(100% - 10px);
    }
}

/* valentine day style */
.vd-style main {
    padding-top: 142px;
}
.vd-style #header,
.vd-style #header-home {
    padding-top: 0;
}
.vd-style #sidebar {
    padding-top: 136px;
}
.vd-style .side-menu-ico {
    margin-top: 118px;
}
.vd-style .mail-box-fixed {
    top: 146px;
}
.vd-style .live-chat-page {
    top: 55px;
}
.vd-banner {
    background: #ffdde9;
    color: #d4145a;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 12px 0;
    position: relative;
    overflow: hidden;
}
.vd-style--march .vd-banner {
    background: #FFF0ED;
    color: #D6282B;
}
.vd-style--bf .vd-banner {
    color: #fff;
    background: #5c007d;
}
.vd-banner__close {
    position: absolute;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../images/close.svg) no-repeat 0 0;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
}
.vd-banner:before,
.vd-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 427px;
    height: 64px;
    background: url(../images/bg-hero-vd.png) no-repeat 0 0 / 100% 100%;
    content: "";
}
.vd-style--march .vd-banner:before,
.vd-style--march .vd-banner:after {
    width: 400px;
    background: url(../images/bg-hero-march.png) no-repeat 0 0 / 100% 100%;
}
.vd-style--bf .vd-banner:before {
    width: 400px;
    height: 64px;
    background: url(../images/bg-hero-bf-l.png) no-repeat 0 0 / 100% 100%;
}
.vd-banner:after {
    left: auto;
    right: 0;
    transform: rotateY(180deg);
}
.vd-style--bf .vd-banner:after {
    width: 400px;
    height: 64px;
    transform: inherit;
    background: url(../images/bg-hero-bf-r.png) no-repeat 0 0 / 100% 100%;
}
.vd-banner + .inner {
    padding-top: 14px;
}
.vd-banner b {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
    text-indent: -9999px;
    width: 218px;
    height: 34px;
    background: url(../images/vd-text.svg) no-repeat 0 0;
}
.vd-style--march .vd-banner b {
    width: 234px;
    background: url(../images/march-text.svg) no-repeat 0 0;
}
.vd-style--bf .vd-banner b {
    background: url(../images/bf-text.svg) no-repeat 0 0;
    width: 190px;
    height: 19px;
}
.vd-banner__inner {
    display: flex;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
    justify-content: center;
}
.vd-banner__inner span {
    padding: 0 15px;
}
.vd-banner__btn {
    font-size: 15px;
    line-height: 1.33;
    color: #d4145a;
    display: inline-block;
    width: 17rem;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    border: 2px solid #d4145a;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.35s;
    background: #ffdde9;
}
.vd-style--march .vd-banner .vd-banner__btn {
    background: #FFF0ED;
    color: #D6282B;
}
.vd-style--bf .vd-banner__btn {
    border: 2px solid #f6c925;
    background: #f6c925;
    color: #6e0183;
    font-weight: bold;
}
.vd-style--bf .vd-banner__btn:hover {
    background: #ffe632;
    color: #6e0183;
}
.vd-banner__btn:hover {
    background: #d4145a;
    color: #ffdee9;
}
.purchase-row.purchase-row--vd {
    background: #ffdde9 url(../images/bg-purchase-vd.png) no-repeat 0 100%;
}
.purchase-row.purchase-row--march {
    background: #FFF0ED url(../images/bg-purchase-march.png) no-repeat 0 100%;
}
.purchase-row.purchase-row--vd:hover {
    background: linear-gradient(90deg, #6E0183 0%, #3A0F3F 100%);
}

.purchase-row.purchase-row--christmas {
    background: url(../images/bg-purchase-christmas.png) no-repeat 0 100%;
    color: #fff;
}
.purchase-row.purchase-row--christmas .purchase-price,
.purchase-row.purchase-row--christmas .purchase-limited span {
    color: #fff;
}
.purchase-row.purchase-row--christmas .credits i {
    color: rgba(255, 255, 255, 0.7);
}
.purchase-row.purchase-row--christmas:hover {
    background: linear-gradient(90deg, #6e0183 0%, #3a0f3f 100%);
}
.purchase-row.purchase-row--hallo {
    background: #ffc422 url(../images/bg-purchase-hallo.png) no-repeat 0 100%;
    border: none;
}
.purchase-row.purchase-row--five {
    background: #1c83d6 url(../images/bg-purchase-five.png) no-repeat 0 100%;
    border: none;
    color: #fff;
}
.purchase-row.purchase-row--five .purchase-image {
    opacity: 0;
}
.purchase-row.purchase-row--five .purchase-price,
.purchase-row.purchase-row--five .purchase-limited span {
    color: #fff;
}
.purchase-row.purchase-row--bf {
    background: #5c007d url(../images/bg-purchase-bf.png) no-repeat 0 100%;
    border: none;
    color: #fff;
    transition: background 0.35s;
}
.purchase-row.purchase-row--bf .purchase-image {
    opacity: 0;
}
.purchase-row.purchase-row--bf:hover {
    background: #7900a0 url(../images/bg-purchase-bf.png) no-repeat 0 100%;
}
.purchase-row.purchase-row--bf .purchase-price {
    color: #fff;
}
.purchase-row.purchase-row--bf .purchase-limited span {
    color: #f6c925;
}
.purchase-row.purchase-row--hallo:hover {
    background: linear-gradient(90deg, #6e0183 0%, #3a0f3f 100%);
}
.special-offer i {
    font-style: normal;
    color: #d00b0b;
}
.credits i {
    font-style: normal;
    font-size: 15px;
    text-decoration: line-through;
    font-weight: 600;
}
.purchase-row--vd .credits {
    white-space: nowrap;
}
.redStar {
    font-style: normal;
    color: #d00b0b;
}
/* christmas style */
.vd-style--christmas main {
    padding-top: 142px;
}
.vd-style--christmas .purchase-left p strong i {
    color: #d00b0b;
    font-style: normal;
}
.vd-style--christmas .purchase-limited {
    margin-left: 1%;
}
.vd-style--christmas .purchase-credits {
    width: 30%;
}
.vd-style--christmas #header,
.vd-style--christmas #header-home {
    padding-top: 0;
}
.vd-style--christmas #sidebar {
    padding-top: 146px;
}
.vd-style--christmas .side-menu-ico {
    margin-top: 118px;
}
.vd-style--christmas .mail-box-fixed {
    top: 146px;
}
.vd-style--christmas .live-chat-page {
    top: 55px;
}
.vd-style--christmas .vd-banner {
    color: #d4145a;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0 14px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.vd-style--christmas .vd-banner__close {
    position: absolute;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../images/christmas-close.svg) no-repeat 0 0;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
}
.vd-style--christmas .vd-banner:before,
.vd-style--christmas .vd-banner:after {
    position: absolute;
    top: 0;
    left: -40px;
    width: 580px;
    height: 64px;
    background: url(../images/bg-hero-christmas.png) no-repeat 0 0;
    content: "";
}

.vd-style--christmas .vd-banner:after {
    left: auto;
    right: -40px;
    transform: rotateY(180deg);
}

.vd-style--christmas .vd-banner + .inner {
    padding-top: 14px;
}
.vd-style--christmas .vd-banner b {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    text-transform: uppercase;
    text-indent: 0;
    width: auto;
    height: auto;
    background: transparent;
    padding-bottom: 12px;
}

.vd-style--christmas .vd-banner__inner {
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
    text-align: left;
    position: relative;
    gap: 2rem;
    z-index: 2;
    position: relative;
    justify-content: center;
}
.vd-style--christmas .vd-banner__inner span {
    display: block;
    color: #000;
    font-size: 12px;
    padding: 5px 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
}
.vd-style--christmas .vd-banner__btn {
    font-size: 15px;
    line-height: 1.33;
    color: #fff;
    display: inline-block;
    width: 17rem;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    border: 2px solid #eb0d0d;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.35s;
    background: #eb0d0d;
}

.vd-style--christmas .vd-banner__btn:hover {
    background: #d4145a;
    color: #ffdee9;
}
/* halloween day style */
.vd-style--hallo .vd-banner b {
    width: 262px;
    background: url(../images/hallo-text.svg) no-repeat 0 0;
}
.vd-style--hallo .vd-banner {
    background: #ffc422;
    color: #6b2a91;
}
.vd-style--hallo .vd-banner:before,
.vd-style--hallo .vd-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 64px;
    background: url(../images/bg-hero-hallo-l.png) no-repeat 0 0 / 100% 100%;
    content: "";
}
.vd-style--hallo .vd-banner:after {
    left: auto;
    right: 0;
    transform: inherit;
    background: url(../images/bg-hero-hallo-r.png) no-repeat 0 0 / 100% 100%;
}
.vd-style--hallo .vd-banner__btn {
    color: #fff;
    border-color: #651b94;
    background: #651b94;
}
.vd-style--hallo .vd-banner__btn:hover {
    color: #651b94;
    background: transparent;
}
.btn-wrap.btn-wrap--hallo {
    position: relative;
}
.btn-wrap.btn-wrap--hallo:before {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    width: 216px;
    height: 67px;
    pointer-events: none;
    z-index: 2;
    background: url(../images/bats.png) no-repeat 50% 50%;
}

/* 5th anniversary style */
.vd-style--five .vd-banner b {
    width: 227px;
    height: 19px;
    background: url(../images/six-text.svg) no-repeat 0 0 / contain;
}
.vd-style--five .vd-banner {
    background: #1c83d6;
    color: #fff;
}
.vd-style--five .vd-banner__btn {
    color: #fff;
    border-color: #3e11a0;
    background: #3e11a0;
}
.vd-style--five .vd-banner__btn:hover {
    color: #3e11a0;
    background: transparent;
}
.vd-style--five .vd-banner:before,
.vd-style--five .vd-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 64px;
    background: url(../images/bg-hero-five-l.png) no-repeat 0 0 / 100% 100%;
    content: "";
}
.vd-style--five .vd-banner:after {
    left: auto;
    right: 0;
    transform: inherit;
    background: url(../images/bg-hero-five-r.png) no-repeat 0 0 / 100% 100%;
}
@media (max-width: 1500px) {
    .vd-style--christmas .vd-banner:before {
        left: -270px;
    }
    .vd-style--christmas .vd-banner:after {
        right: -270px;
    }
}
@media (max-width: 1400px) {
    .vd-banner:before,
    .vd-banner:after,
    .vd-style--march .vd-banner:before,
    .vd-style--march .vd-banner:after {
        width: 370px;
    }
    .vd-style--hallo .vd-banner:before {
        left: -80px;
    }
    .vd-style--hallo .vd-banner:after {
        right: -80px;
    }
    .vd-style--five .vd-banner:before {
        left: -80px;
    }
    .vd-style--five .vd-banner:after {
        right: -80px;
    }
}
@media (max-width: 1260px) {
    .vd-style--bf .vd-banner:before {
        left: -130px;
    }
    .vd-style--bf .vd-banner:after {
        right: -130px;
    }
    .vd-style--five .vd-banner__close {
        right: 10px;
    }
}
@media (max-width: 1024px) {
    .vd-style .mail-box-fixed .mail-container .mail-content {
        top: 138px;
    }
    .purchase-row.purchase-row--christmas {
        background-size: cover;
    }
    .vd-style--christmas .vd-banner:before {
        left: -400px;
    }
    .vd-style--christmas .vd-banner:after {
        right: -400px;
    }
    .vd-style #content.fixed-content {
        top: 138px;
    }
    .vd-style #sidebar {
        padding-top: 0;
    }
    .vd-banner:before,
    .vd-style--march .vd-banner:before {
        left: -150px;
        width: 400px;
    }
    .vd-banner:after,
    .vd-style--march .vd-banner:after {
        right: -150px;
    }
    .vd-style .site-notifications,
    .vd-style .live-message-over {
        /*top: 146px;*/
    }
    .vd-style .live-chat-page {
        top: 0;
    }
    .vd-style--hallo .vd-banner:after {
        display: none;
    }
    .vd-style--hallo .vd-banner:before {
        left: 0px;
        width: 375px;
        background: url(../images/bg-hero-hallo-m.png) no-repeat 0 0 / 100% 100%;
    }
    .vd-style--hallo .vd-banner__close {
        right: 0;
    }
    .vd-style--bf .vd-banner:before {
        left: -220px;
    }
    .vd-style--bf .vd-banner:after {
        right: -220px;
    }

    .vd-style--five .vd-banner:after {
        display: none;
    }
    .vd-style--five .vd-banner:before {
        left: 0px;
        width: 375px;
        background: url(../images/bg-hero-five-m.png) no-repeat 0 0 / 100% 100%;
    }
}
@media (max-width: 767px) {
    .vd-style.vd-style--five main {
        padding-top: 137px;
    }
    .vd-style--hallo .vd-banner b {
        width: 182px;
        height: 22px;
        background-size: contain;
        background-position: 50% 100%;
    }
    .vd-banner__inner {
        display: block;
    }
    .vd-banner b {
        display: block;
        height: 30px;
        margin: 0 auto 5px;
    }
    .vd-style--march .vd-banner b {
        display: block;
        height: 33px;
        margin: 0 auto 2px;
    }
    .vd-banner__close {
        right: 0.5rem;
        background-size: contain;
    }
    .vd-style--christmas .vd-banner__inner {
        text-align: center;
    }
    .vd-style--christmas .vd-banner:after {
        right: 0px;
        width: 120px;
        height: 64px;
        display: block !important;
        background: url(../images/bg-hero-christmas-mobile.png) no-repeat 0 0;
    }
    .vd-style--christmas .vd-banner:before {
        left: 0px;
        width: 120px;
        height: 64px;
        background: url(../images/bg-hero-christmas-mobile.png) no-repeat 0 0;
    }
    .vd-style--christmas .vd-banner b {
        font-size: 16px;
        font-weight: 900;
    }
    .vd-style--christmas .vd-banner__inner span {
        font-size: 10px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .vd-style--christmas .vd-banner__close,
    .christmas-banner__close {
        right: 0.5rem;
        background-size: contain;
    }
    .vd-banner__btn {
        display: none;
    }
    .vd-style .vd-banner .vd-banner__btn {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 4rem;
        right: 4rem;
        background: red;
        width: auto;
        height: auto;
        opacity: 0;
    }
    .vd-style--march .vd-banner .vd-banner__btn {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 4rem;
        right: 4rem;
        background: red;
        width: auto;
        height: auto;
        opacity: 0;
    }
    .vd-style--christmas .vd-banner__btn,
    .vd-style--hallo .vd-banner__btn,
    .vd-style--bf .vd-banner__btn,
    .vd-style.vd-style--five .vd-banner__btn {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        opacity: 0;
        width: 250px;
    }
    .vd-banner:after {
        display: none;
    }
    .vd-banner:before {
        height: 64px;
        background-size: contain;
        background-position: 0 100%;
        top: auto;
        bottom: 0;
        left: -50px;
    }
    .vd-style--march .vd-banner:before {
        height: 73px;
        background-size: cover;
    }
    .vd-style--bf .vd-banner:before {
        left: 0px;
        right: 0;
        background: url(../images/bg-hero-bf-m.png) no-repeat 0 0 / contain;
    }
    .vd-style--five .vd-banner b {
        width: 190px;
        height: 16px;
    }
    .vd-style--five .vd-banner {
        font-size: 12px;
    }
}
@media (max-width: 560px) {
    .vd-banner:before {
        left: -90px;
    }
}
@media (max-width: 479px) {
    .vd-banner:before {
        left: -129px;
    }
}
@media (max-width: 374px) {
    .vd-banner:before {
        left: -139px;
    }
}