/**************** ROOT ****************//**************** ROOT ****************//**************** ROOT ****************/
/**************** ROOT ****************//**************** ROOT ****************//**************** ROOT ****************/
/**************** ROOT ****************//**************** ROOT ****************//**************** ROOT ****************/

:root {
    --white: hsla(0,0%,100%,1);
    --black: hsla(0,0%,0%,1);
    --red: hsla(0,90%,60%,1);

    --main-text: hsla(330,48%,48%,1);
    --main-bg: hsla(330,48%,60%,1);
    --main-bg-light: hsla(330,48%,78%,1);
    --main-bg-body: hsla(330,48%,84%,1);
    --second: hsla(342,72%,30%,1);

    --escort: hsla(276,96%,48%,1);
    --apart: hsla(330,96%,48%,1);
    --massage: hsla(24,96%,48%,1);
    --indi: hsla(288,96%,48%,1);
    --vip: hsla(48,96%,48%,1);
    --new: hsla(108,96%,42%,1);
    --real: hsla(204,90%,48%,1);
}



/**************** BODY ****************//**************** BODY ****************//**************** BODY ****************/
/**************** BODY ****************//**************** BODY ****************//**************** BODY ****************/
/**************** BODY ****************//**************** BODY ****************//**************** BODY ****************/

body {font-family: 'Open Sans', sans-serif; font-weight: 400; font-stretch: 100%; font-size: 14px; line-height: 1; color: var(--black); background-color: var(--main-bg-body);}
#body {position: fixed; top: 0px; left: 0px; width: 100%; min-width: 320px; height: 100%; z-index: 1;}
#page {width: 100%; height: 100%;}
body.touch #body {position: relative; top: auto; left: auto; height: auto;}
body.touch #page {height: auto;}

#noclick {display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 99999999999999999999;}

.ccbox {
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    width: 100%; height: auto;
}
.cwbox {width: 100%; max-width: 1200px; padding-left: 24px; padding-right: 24px;}


@media screen and (max-width: 800px) {
    .cwbox {padding-left: 18px; padding-right: 18px;}
}



/**************** GLOBAL ****************//**************** GLOBAL ****************//**************** GLOBAL ****************/
/**************** GLOBAL ****************//**************** GLOBAL ****************//**************** GLOBAL ****************/
/**************** GLOBAL ****************//**************** GLOBAL ****************//**************** GLOBAL ****************/

.btn {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    position: relative; min-height: 48px; padding: 0px 15px 0px 15px; font-weight: 600; font-size: 18px; line-height: 24px; text-align: center;
    color: var(--white); background-color: var(--second); border-radius: 9px; opacity: 1; transition: opacity ease 240ms; box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.btn > i {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    position: relative; width: 24px; aspect-ratio: 1; margin: 0px 12px 0px 0px;
}
.btn > i > svg {display: block; width: 100%; height: 100%; fill: var(--white);}
.btn > b {display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: inherit;}
.btn:hover {opacity: 0.84;}

.btn.hmini {min-height: 36px; padding: 0px 12px 0px 12px; font-size: 16px; border-radius: 6px;}
.btn.hmini > i {width: 20px; aspect-ratio: 1; margin: 0px 9px 0px 0px;}
.btn.nopad {padding: 0px; background-color: transparent; color: var(--second);}
.btn.nopad > i > svg {fill: var(--second);}
.btn.icon > i {margin: 0px !important;}


/*** *** ***/
html[dir="rtl"] .btn > i {margin: 0px 0px 0px 12px;}
html[dir="rtl"] .btn.hmini > i {margin: 0px 0px 0px 9px;}



/**************** HEADER ****************//**************** HEADER ****************//**************** HEADER ****************/
/**************** HEADER ****************//**************** HEADER ****************//**************** HEADER ****************/
/**************** HEADER ****************//**************** HEADER ****************//**************** HEADER ****************/

#header {width: 100%;}
#header .main {width: 100%; padding: 9px 0px; background-color: var(--main-bg);}
#header .main .menu-link i {width: 30px;}
#header .main .menu-link svg {fill: var(--second);}
#header .main .logo {display: block; height: 36px; aspect-ratio: 591 / 66; margin: 6px 0px;}
#header .main .logo svg {display: block; width: 100%; height: 100%;}
#header .main .lang-link {font-weight: 600; font-size: 24px;}

#header .btn-menu {margin: 9px -18px;}
#header .btn-menu .btn {margin: 0px 18px; padding: 0px; color: var(--main-text); background-color: transparent;}
#header .btn-menu .btn.escort > i > svg {fill: var(--escort);}
#header .btn-menu .btn.apart > i > svg {fill: var(--apart);}
#header .btn-menu .btn.indi > i > svg {fill: var(--indi);}
#header .btn-menu .btn.massage > i > svg {fill: var(--massage);}
#header .btn-menu .btn.vip > i > svg {fill: var(--vip);}
#header .btn-menu .btn.new i {background-color: var(--new); border-radius: 100%; padding: 2px;}
#header .btn-menu .btn.new i svg {fill: var(--white);}
#header .btn-menu .btn.real > i > svg {fill: var(--real);}


@media screen and (max-width: 800px) {
    #header .main {padding: 6px 0px;}
    #header .main .menu-link i {width: 24px;}
    #header .main .logo {height: 24px; margin: 12px 0px;}
    #header .main .lang-link {font-size: 20px;}
    #header .btn-menu {margin-bottom: 0px;}
    #header .btn-menu .btn {margin: 0px 12px;}
}



/**************** MENU ****************//**************** MENU ****************//**************** MENU ****************/
/**************** MENU ****************//**************** MENU ****************//**************** MENU ****************/
/**************** MENU ****************//**************** MENU ****************//**************** MENU ****************/

#menu-bg {display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: hsla(0,0%,0%,0.6); opacity: 0; transition: opacity ease 300ms; z-index: 50;}
#menu {display: none; position: fixed; top: 0px; left: -320px; width: 320px; height: 100%; padding-top: 66px; background-color: var(--main-bg-body); transition: left ease 300ms; z-index: 100;}
#header.menu-open ~ #menu-bg {opacity: 1;}
#header.menu-open ~ #menu {left: 0px;}

#menu .main {position: absolute; top: 0px; left: 0px; width: 100%; padding: 18px 18px; background-color: var(--main-bg);}
#menu .main .title {margin-top: 0px; font-weight: 600; font-size: 30px; line-height: 30px; color: var(--white);}
#menu .main .close {width: 30px; height: 30px; margin: 0px; cursor: pointer;}
#menu .main .close i {
    display: block; position: absolute; top: 14px; left: 0px; width: 30px; height: 3px; transition: all ease 240ms;
    background-color: var(--second); border-radius: 6px;
}
#menu .main .close i.line1 {transform: rotate(45deg);}
#menu .main .close i.line2 {transform: rotate(-45deg);}

#menu .scrollbar.menu .simplebar-track.simplebar-vertical {width: 9px; background-color: transparent;}
#menu .scrollbar.menu .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {background-color: var(--main-bg);}
#menu .scrollfix.menu {padding: 12px 0px 48px 0px;}

#menu .item {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    position: relative; box-sizing: border-box; cursor: pointer;
}
#menu .item > i {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    position: relative; aspect-ratio: 1;
}
#menu .item > i > svg {display: block; width: 100%; height: 100%;}
#menu .item > a {display: block; flex: 1 20 auto; -webkit-flex: 1 20 auto; font-weight: inherit;}
#menu .item > b {display: block; flex: 1 20 auto; -webkit-flex: 1 20 auto; font-weight: inherit;}

#menu .menu-box {width: 100%; padding: 0px 18px; background-color: var(--main-bg-body); transition: background-color ease 240ms;}
#menu .menu-box .item.title {min-height: 48px; font-weight: 600; font-size: 16px;}
#menu .menu-box .item.title::after {content: ''; display: block; position: absolute; bottom: -1px; left: 0px; right: 0px; height: 1px; background-color: var(--main-bg); transition: background-color ease 240ms; z-index: 10;}
#menu .menu-box .item.title > a, #menu .menu-box .item.title > b {color: var(--main-text);}
#menu .menu-box .item.title > i {width: 24px; margin: 0px 12px 0px 3px;}
#menu .menu-box .item.title > i > svg {fill: var(--second);}
#menu .menu-box .item.title.escort > i > svg {fill: var(--escort);}
#menu .menu-box .item.title.apart > i > svg {fill: var(--apart);}
#menu .menu-box .item.title.indi > i > svg {fill: var(--indi);}
#menu .menu-box .item.title.massage > i > svg {fill: var(--massage);}
#menu .menu-box .item.title.vip > i > svg {fill: var(--vip);}
#menu .menu-box .item.title.new > i {color: var(--white); background-color: var(--new); border-radius: 100%; padding: 2px;}
#menu .menu-box .item.title.new > i > svg {fill: var(--white);}
#menu .menu-box .item.title.real > i > svg {fill: var(--real);}

#menu .menu-box .item.title.sel > a, #menu .menu-box .item.title.sel > b {color: var(--second);}

#menu .menu-box .item.title > i.chevron {width: 30px; margin: 0px -3px 0px 6px; padding: 6px;}
#menu .menu-box .item.title > i.chevron > svg {fill: var(--second); transform: rotate(0deg); transition: transform ease 240ms;}

#menu .menu-box .links-box {width: 100%; height: auto; max-height: 0px; overflow: hidden; transition: max-height ease 240ms;}
#menu .menu-box .links-pad {width: 100%; padding: 12px 0px 12px 0px;}

#menu .menu-box .item.link {min-height: 42px; font-weight: 600; font-size: 16px; color: var(--main-text); transition: color ease 240ms;}
#menu .menu-box .item.link > i {width: 24px; margin: 0px 15px 0px 3px;}
#menu .menu-box .item.link > i > svg {fill: var(--white); transition: fill ease 240ms;}
#menu .menu-box .item.link:hover {color: var(--second);}
#menu .menu-box .item.link:hover > i > svg {fill: var(--second);}

#menu .menu-box.open .item.title > a, #menu .menu-box.open .item.title > b {color: var(--second);}
#menu .menu-box.open .item.title > i.chevron > svg {transform: rotate(180deg);}
#menu .menu-box.open .links-box {max-height: 720px;}
#menu .menu-box.open.sel .item.link.sel {font-weight: 600; color: var(--second);}
#menu .menu-box.open.sel .item.link.sel > i > svg {fill: var(--second);}


/*** *** ***/
html[dir="rtl"] #menu {left: auto; right: -320px; transition: right ease 300ms;}
html[dir="rtl"] #header.menu-open ~ #menu {left: auto; right: 0px;}
html[dir="rtl"] #menu .menu-box .item.title > i {margin: 0px 3px 0px 12px;}
html[dir="rtl"] #menu .menu-box .item.title > i.chevron {margin: 0px 6px 0px -3px;}
html[dir="rtl"] #menu .menu-box .item.link > i {margin: 0px 3px 0px 15px; transform: scale(-1,1);}


@media screen and (max-width: 800px) {
    #menu {padding-top: 60px;}
    #menu .main {padding: 15px 18px;}
    #menu .main .title {font-size: 24px;}
}



/**************** FOOTER ****************//**************** FOOTER ****************//**************** FOOTER ****************/
/**************** FOOTER ****************//**************** FOOTER ****************//**************** FOOTER ****************/
/**************** FOOTER ****************//**************** FOOTER ****************//**************** FOOTER ****************/

#footer {
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    width: 100%;
}

#footer .btn-menu {margin: 9px -18px;}
#footer .btn-menu .btn {margin: 0px 18px; padding: 0px; color: var(--main-text); background-color: transparent;}
#footer .btn-menu .btn.escort > i > svg {fill: var(--escort);}
#footer .btn-menu .btn.apart > i > svg {fill: var(--apart);}
#footer .btn-menu .btn.indi > i > svg {fill: var(--indi);}
#footer .btn-menu .btn.massage > i > svg {fill: var(--massage);}
#footer .btn-menu .btn.vip > i > svg {fill: var(--vip);}
#footer .btn-menu .btn.new i {background-color: var(--new); border-radius: 100%; padding: 2px;}
#footer .btn-menu .btn.new i svg {fill: var(--white);}
#footer .btn-menu .btn.real > i > svg {fill: var(--real);}

#footer .main {width: 100%; padding: 9px 0px; background-color: var(--main-bg);}
#footer .main .explan-text {width: 100%; padding: 30px 0px 0px 0px; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: var(--white);}
#footer .main .explan-text p {width: 100%; max-width: 660px;}
#footer .main .copy-box {width: 100%; padding: 18px 0px 12px 0px; font-weight: 600; font-size: 14px; line-height: 20px; color: var(--white);}
#footer .main .copy-box .copy {margin: 0px 12px 12px 12px;}
#footer .main .copy-box a {display: block; margin: 0px 12px 12px 12px; color: var(--second);}
#footer .main .copy-box a:hover {opacity: 1;}


@media screen and (max-width: 800px) {
    #footer .btn-menu {margin: 18px -18px;}
    #footer .btn-menu .btn {margin: 3px 12px;}
}



/**************** PAGE TEXT ****************//**************** PAGE TEXT ****************//**************** PAGE TEXT ****************/
/**************** PAGE TEXT ****************//**************** PAGE TEXT ****************//**************** PAGE TEXT ****************/
/**************** PAGE TEXT ****************//**************** PAGE TEXT ****************//**************** PAGE TEXT ****************/

.page-text-top {width: 100%; padding: 36px 0px 30px 0px; text-align: center;}
.page-text-top h1 {max-width: 100%; padding-bottom: 12px; font-weight: 600; font-size: 30px; line-height: 42px;}
.page-text-top .text {width: 100%;}
.page-text-top p {width: 100%; padding: 0px 0px 12px 0px; max-width: 660px; font-weight: 400; font-size: 16px; line-height: 22px; box-sizing: border-box;}

.page-text-box {width: 100%; padding-bottom: 60px;}
.page-text-bg {width: 100%; padding: 36px 12% 36px 12%; background-color: var(--main-bg-light); border-radius: 12px;}
.page-text-box h2, .page-text-box h3, .page-text-box h4 {width: 100%; padding: 12px 0px 12px 0px; font-weight: 600; font-size: 20px; line-height: 28px;}
.page-text-box h2:first-child, .page-text-box h3:first-child, .page-text-box h4:first-child {padding: 0px 0px 12px 0px;}
.page-text-box p {width: 100%; padding: 0px 0px 12px 0px; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--black); box-sizing: border-box;}
.page-text-box p:last-child {padding: 0px 0px 0px 0px;}
.page-text-box a {font-weight: 600; color: var(--second);}
.page-text-box b, .page-text-box strong {font-weight: 600;}
.page-text-box li {width: 100%; max-width: 660px; padding: 0px 0px 12px 18px; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--black);}
.page-text-box li::after {content: '•'; display: block; position: absolute; top: 0px; left: 0px; font-weight: 600; font-size: 16px; line-height: 22px; color: var(--black);}
.page-text-box ul:last-child li:last-child {padding: 0px 0px 0px 18px;}
.page-text-box ol:last-child li:last-child {padding: 0px 0px 0px 18px;}


/*** *** ***/
html[dir="rtl"] .page-text-box li {padding: 0px 18px 12px 0px;}
html[dir="rtl"] .page-text-box li::after {left: auto; right: 0px;}
html[dir="rtl"] .page-text-box ul:last-child li:last-child {padding: 0px 18px 0px 0px;}
html[dir="rtl"] .page-text-box ol:last-child li:last-child {padding: 0px 18px 0px 0px;}


@media screen and (max-width: 800px) {
    .page-text-top {width: 100%; padding: 30px 0px 18px 0px;}
    .page-text-top h1 {font-size: 24px; line-height: 32px;}
    .page-text-top p {padding: 0px 0px 9px 0px; font-size: 14px; line-height: 20px;}
    
    .page-text-box {padding-bottom: 0px;}
    .page-text-bg {width: calc(100% + 36px); margin: 0px -18px; padding: 12px 18px 24px 18px; border-radius: 0px;}
    .page-text-box h2, .page-text-box h3, .page-text-box h4 {padding: 9px 0px 9px 0px; font-size: 20px; line-height: 28px;}
    .page-text-box h2:first-child, .page-text-box h3:first-child, .page-text-box h4:first-child {padding: 0px 0px 9px 0px;}
    .page-text-box p {padding: 0px 0px 9px 0px; font-size: 14px; line-height: 20px;}
    .page-text-box ul li {padding: 0px 0px 9px 18px; font-size: 14px; line-height: 20px;}
    .page-text-box ul li:after {font-size: 14px; line-height: 20px;}
    
    /*** *** ***/
    html[dir="rtl"] .page-text-box li {padding: 0px 18px 9px 0px;}
    html[dir="rtl"] .page-text-box ul:last-child li:last-child {padding: 0px 9px 0px 0px;}
    html[dir="rtl"] .page-text-box ol:last-child li:last-child {padding: 0px 9px 0px 0px;}
}



/**************** PAGE CONTACTS BOX ****************//**************** PAGE CONTACTS BOX ****************//**************** PAGE CONTACTS BOX ****************/

.page-contacts-box {width: 100%;}
.page-contacts-box .btn {margin: 0px 12px 24px 12px;}
.page-contacts-box .btn.whatsapp {background-color: var(--new);}
.page-contacts-box .btn.telegram {background-color: var(--real);}



/**************** CATALOG MODELS ****************//**************** CATALOG MODELS ****************//**************** CATALOG MODELS ****************/
/**************** CATALOG MODELS ****************//**************** CATALOG MODELS ****************//**************** CATALOG MODELS ****************/
/**************** CATALOG MODELS ****************//**************** CATALOG MODELS ****************//**************** CATALOG MODELS ****************/

.catalog-models-box {width: 100%; padding: 0px 0px 60px 0px;}
.catalog-models-list {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start;
    margin: -9px;
}
.catalog-models-list .model-pad {width: 25%; padding: 9px;}
.catalog-models-list .model-box {width: 100%;}
.catalog-models-list .model-box span {display: block; position: relative; box-sizing: border-box;}
.catalog-models-list .model-box .model-link {display: block; position: relative; width: 100%; padding-top: 150%; overflow: hidden;}

.catalog-models-list .model-box .image-box {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -1;}
.catalog-models-list .model-box .image-box .image {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: scale(1.0); transition: transform linear 100ms; z-index: 1;}
.catalog-models-list .model-box .image-box .image::after {
    content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    background: linear-gradient(12deg, rgba(0,0,0,0.48) 0%, rgba(0,0,0,0) 48%);
}

.catalog-models-list .model-box .icons-box {position: absolute; top: 9px; right: 9px; z-index: -1;}
.catalog-models-list .model-box .icon {width: 36px; min-height: 36px; padding: 24%; margin-bottom: 9px; border-radius: 100%;}
.catalog-models-list .model-box .icon.off {display: none;}
.catalog-models-list .model-box .icon i {width: 100%;}
.catalog-models-list .model-box .icon i svg {fill: var(--white);}
.catalog-models-list .model-box .icon.new {padding: 18%; background-color: var(--new);}
.catalog-models-list .model-box .icon.vip {background-color: var(--vip);}
.catalog-models-list .model-box .icon.video {background-color: var(--indi);}
.catalog-models-list .model-box .icon.video.v0 {display: none;}

.catalog-models-list .model-box .verified {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: center; -webkit-justify-content: center; align-items: flex-end; -webkit-align-items: flex-end; align-content: flex-end; -webkit-align-content: flex-end;
    
    position: absolute; top: 18px; left: -57px; width: 180px; height: 24px; transform: rotate(-45deg); transform-origin: 50% 50%;
    font-weight: 600; font-size: 12px; line-height: 24px; letter-spacing: 0.5px;
    color: var(--white); background-color: var(--real); z-index: -1;
}
.catalog-models-list .model-box .verified b {display: block;}
.catalog-models-list .model-box .verified.off {display: none;}

.catalog-models-list .model-box .text-box {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start;
    position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 12px 18px; font-weight: 600; font-size: 16px; line-height: 22px; z-index: 10;
    color: var(--white); text-shadow: 0px 0px 2px var(--black);
}
.catalog-models-more {width: 100%; padding: 36px 0px 0px 0px;}

.catalog-models-more .sync {display: none; position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; transform: translate(-50%,-50%);}
.catalog-models-more .sync svg {display: block; width: 100%; height: 100%; fill: var(--white);}
.catalog-models-more.sync .more-button {pointer-events: none;}
.catalog-models-more.sync .more-button > * {opacity: 0;}
.catalog-models-more.sync .sync {display: block;}
.catalog-models-more.sync .sync svg {animation: iso-sync-rotate 2400ms infinite linear;}


/*** *** ***/
html[dir="rtl"] .catalog-models-list .model-box .icons-box {right: auto; left: 12px;}
html[dir="rtl"] .catalog-models-list .model-box .verified {left: auto; right: -57px; transform: rotate(45deg);}
html[dir="rtl"] .catalog-models-more .more-button > i {margin: 0px 0px 0px 12px;}


@media screen and (max-width: 1000px) {
    .catalog-models-list .model-pad {width: 33.333333%;}
}

@media screen and (max-width: 600px) {
    .catalog-models-list {margin: -6px;}
    .catalog-models-list .model-pad {width: 50%; padding: 6px;}
    .catalog-models-list .model-box .text-box {padding: 9px 15px;}
}



/**************** MODEL PAGE ****************//**************** MODEL PAGE ****************//**************** MODEL PAGE ****************/
/**************** MODEL PAGE ****************//**************** MODEL PAGE ****************//**************** MODEL PAGE ****************/
/**************** MODEL PAGE ****************//**************** MODEL PAGE ****************//**************** MODEL PAGE ****************/

.model-page {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start;
    width: 100%; padding: 0px 0px 60px 0px;
}

.model-page .model-side {width: 35%;}

.model-page .model-side .logo {width: 100%; padding-top: 150%; overflow: hidden; cursor: pointer;}
.model-page .model-side .logo .image-box {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -10;}
.model-page .model-side .logo .image-box img {display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

.model-page .model-side .logo .icons-box {position: absolute; top: 9px; right: 9px; z-index: -5;}
.model-page .model-side .logo .icon {width: 36px; min-height: 36px; padding: 24%; margin-bottom: 9px; border-radius: 100%;}
.model-page .model-side .logo .icon i {width: 100%;}
.model-page .model-side .logo .icon i svg {fill: var(--white);}
.model-page .model-side .logo .icon.new {padding: 18%; background-color: var(--new);}
.model-page .model-side .logo .icon.vip {background-color: var(--vip);}
.model-page .model-side .logo .icon.off {display: none;}

.model-page .model-side .logo .verified {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: center; -webkit-justify-content: center; align-items: flex-end; -webkit-align-items: flex-end; align-content: flex-end; -webkit-align-content: flex-end;
    
    position: absolute; top: 18px; left: -57px; width: 180px; height: 24px; transform: rotate(-45deg); transform-origin: 50% 50%;
    font-weight: 600; font-size: 12px; line-height: 24px; letter-spacing: 0.5px;
    color: var(--white); background-color: var(--real); z-index: -5;
}
.model-page .model-side .logo .verified b {display: block;}
.model-page .model-side .logo .verified.off {display: none;}

.model-page .model-side .images-list {width: calc(100% + 12px); margin: -6px; padding: 12px 0px 0px 0px;}
.model-page .model-side .images-list .image-pad {width: 33.333333%; padding: 6px;}
.model-page .model-side .images-list .image-box {width: 100%; overflow: hidden; cursor: pointer;}
.model-page .model-side .images-list .image-box img {display: block; position: relative; width: 100%; aspect-ratio: 1; object-fit: cover; z-index: -1;}
.model-page .model-side .images-list .image-box video {display: block; position: relative; width: 100%; aspect-ratio: 1; object-fit: cover; z-index: -1;}
.model-page .model-side .images-list .image-box .svg {display: block; position: absolute; bottom: 18%; left: 24%; width: 24%; aspect-ratio: 1; transform: translate(-50%,50%);}
.model-page .model-side .images-list .image-box .svg svg {display: block; width: 100%; height: 100%; fill: var(--white); filter: drop-shadow(0px 0px 3px var(--black));}

.model-page .model-main {width: 65%; padding: 0px 0px 0px 48px;}

.model-page .model-data-box {margin: 0px 0px 24px 0px;}
.model-page .model-data-box::before {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--main-bg); border-radius: 12px; opacity: 0.24; z-index: -1;}
.model-page .model-data-box:last-child {margin: 0px 0px 0px 0px;}

.model-page .model-data-box .data-title {width: 100%; padding: 18px 24px 6px 24px;}
.model-page .model-data-box .data-title .title {width: 100%; font-weight: 600; font-size: 24px; line-height: 30px; color: var(--second);}
.model-page .model-data-box .data-box {width: 100%; padding: 0px 24px 12px 24px;}
.model-page .model-data-box .data {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start;
    width: 100%; padding: 12px 0px 12px 0px; font-weight: 600; font-size: 16px; line-height: 24px;
}
.model-page .model-data-box .data::after {content: ''; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: var(--main-bg);}
.model-page .model-data-box .data:last-child::after {display: none;}
.model-page .model-data-box.about .data .name {width: 50%; color: var(--black);}
.model-page .model-data-box.about .data .value {width: 50%; color: var(--second);}
.model-page .model-data-box.about .data.about {padding-top: 24px; color: var(--black);}

.model-page .model-data-box.price .data .name {-webkit-flex: 1 1 auto; flex: 1 1 auto; color: var(--black);}
.model-page .model-data-box.price .data .value {width: 90px; font-weight: 600; text-align: end; color: var(--second);}
.model-page .model-data-box.price .data .value span {display: none;}
.model-page .model-data-box.price.usd .data .value span.usd {display: inline;}
.model-page .model-data-box.price.eur .data .value span.eur {display: inline;}
.model-page .model-data-box.price.ils .data .value span.ils {display: inline;}

.model-page .model-data-box .contacts {width: 100%; padding: 24px;}
.model-page .model-data-box .contacts .btn {min-height: 48px; padding: 0px 18px 0px 18px; font-weight: 600; font-size: 18px; border-radius: 9px;}
.model-page .model-data-box .contacts .side {margin: 0px -6px;}
.model-page .model-data-box .contacts .btn.whatsapp {background-color: var(--new);}
.model-page .model-data-box .contacts .btn.whatsapp > i {width: 28px;}
.model-page .model-data-box .contacts .btn.telegram {background-color: var(--real);}
.model-page .model-data-box .contacts .btn.icon {margin: 0px 6px; padding: 0px 12px 0px 12px; }
.model-page .model-data-box .contacts .btn.icon > i {width: 28px; margin: 0px;}

.model-page .model-data-box.extra .data .name {-webkit-flex: 1 1 auto; flex: 1 1 auto;}
.model-page .model-data-box.extra .data .value {width: 60px; font-weight: 600; text-align: end;}
.model-page .model-data-box.extra .data .value span {display: none;}
.model-page .model-data-box.extra .data .value span.off {display: inline; color: var(--red);}
.model-page .model-data-box.extra .data .value.on span.on {display: inline; color: var(--second);}
.model-page .model-data-box.extra .data .value.on span.off {display: none;}


/*** *** ***/
html[dir="rtl"] .model-page .model-side .logo .icons-box {right: auto; left: 12px;}
html[dir="rtl"] .model-page .model-side .logo .verified {left: auto; right: -57px; transform: rotate(45deg);}
html[dir="rtl"] .model-page .model-main {padding: 0px 48px 0px 0px;}
html[dir="rtl"] .model-page .model-data-box .contacts .btn > i {margin: 0px 12px 0px 0px;}


@media screen and (max-width: 800px) {
    .model-page {padding: 0px;}
    .model-page .model-side {width: 30%;}
    .model-page .model-side .logo .icons-box {top: 9px; right: 9px;}
    .model-page .model-side .logo .icon {width: 48px; height: 48px; margin-bottom: 9px;}
    .model-page .model-side .logo .verified {top: 18px; left: -54px; width: 180px; height: 30px; font-size: 12px; line-height: 28px;}
    .model-page .model-side .images-list {width: calc(100% + 12px); margin: -6px; padding: 12px 0px 0px 0px;}
    .model-page .model-side .images-list .image-pad {padding: 6px;}
    .model-page .model-main {width: 70%; padding: 0px 0px 0px 18px;}
    .model-page .model-data-box {margin: 0px 0px 18px 0px;}
    .model-page .model-data-box .data-title {width: 100%; padding: 12px 18px 3px 18px;}
    .model-page .model-data-box .data-title .title {font-size: 20px; line-height: 28px;}
    .model-page .model-data-box .data-box {padding: 0px 18px 9px 18px;}
    .model-page .model-data-box .data {padding: 9px 0px 9px 0px; font-size: 16px; line-height: 22px;}
    .model-page .model-data-box .data.about {padding-top: 18px;}
    .model-page .model-data-box .contacts {padding: 18px;}
    .model-page .model-data-box .contacts .btn {min-height: 36px; padding: 0px 12px 0px 12px; font-size: 16px; border-radius: 6px;}
    .model-page .model-data-box .contacts .btn.phone > i {width: 18px; margin: 0px 9px 0px 0px;}
    .model-page .model-data-box .contacts .btn.icon {padding: 0px 6px 0px 6px;}
    .model-page .model-data-box .contacts .btn.icon > i {width: 24px;}
    
    /*** *** ***/
    html[dir="rtl"] .model-page .model-side .logo .icons-box {left: 9px;}
    html[dir="rtl"] .model-page .model-main {padding: 0px 18px 0px 0px;}
}

@media screen and (max-width: 600px) {
    .model-page .model-side {width: 100%; padding: 0px 0px 18px 0px;}
    .model-page .model-main {width: 100%; padding: 0px 0px 0px 0px;}
    .model-page .model-data-box .data-title .title {font-size: 18px; line-height: 24px;}
    .model-page .model-data-box .data {font-size: 14px; line-height: 20px;}
    .model-page .model-data-box .contacts {padding: 18px;}
    
    /*** *** ***/
    html[dir="rtl"] .model-page .model-main {padding: 0px 0px 0px 0px;}
}



/**************** MODEL GALLERY POPUP ****************//**************** MODEL GALLERY POPUP ****************//**************** MODEL GALLERY POPUP ****************/
/**************** MODEL GALLERY POPUP ****************//**************** MODEL GALLERY POPUP ****************//**************** MODEL GALLERY POPUP ****************/
/**************** MODEL GALLERY POPUP ****************//**************** MODEL GALLERY POPUP ****************//**************** MODEL GALLERY POPUP ****************/

.model-gallery-popup {display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--black); opacity: 0; transition: opacity ease 360ms; z-index: 1000;}
.model-gallery-popup.open {opacity: 1;}
.model-gallery-popup .flexac {width: 100%; height: 100%; padding: 24px;}
.model-gallery-popup .swiper-box {width: 100%; height: 100%;}
.model-gallery-popup .swiper {width: 100%; height: 100%;}
.model-gallery-popup .swiper .swiper-slide {width: 100%; height: 100%;}
.model-gallery-popup .swiper .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: contain;}
.model-gallery-popup .swiper .swiper-slide video {display: block; width: 100%; height: 100%; object-fit: contain;}

.model-gallery-popup .close {position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; border-radius: 0px 0px 0px 6px; background-color: var(--second); cursor: pointer; z-index: 100;}
.model-gallery-popup .close i {display: block; position: absolute; top: 27px; left: 12px; width: 36px; height: 4px; background-color: var(--white); border-radius: 8px;}
.model-gallery-popup .close i.line1 {transform: rotate(45deg);}
.model-gallery-popup .close i.line2 {transform: rotate(-45deg);}

.model-gallery-popup .swiper-button {position: absolute; top: 66.666666%; width: 60px; height: 60px; margin-top: -30px; background-color: var(--second); cursor: pointer; z-index: 100;}
.model-gallery-popup .swiper-button.prev {left: 0px; border-radius: 0px 6px 6px 0px;}
.model-gallery-popup .swiper-button.next {right: 0px; border-radius: 6px 0px 0px 6px;}
.model-gallery-popup .swiper-button i {display: block; position: relative; width: 100%; aspect-ratio: 1; padding: 18%;}
.model-gallery-popup .swiper-button svg {display: block; width: 100%; height: 100%; fill: var(--white);}
.model-gallery-popup .swiper-button.prev svg {transform: rotate(90deg);}
.model-gallery-popup .swiper-button.next svg {transform: rotate(-90deg);}


/*** *** ***/
html[dir="rtl"] .model-gallery-popup .close {right: auto; left: 0px; border-radius: 0px 0px 6px 0px;}
html[dir="rtl"] .model-gallery-popup .swiper-button.prev {left: auto; right: 0px; border-radius: 6px 0px 0px 6px;}
html[dir="rtl"] .model-gallery-popup .swiper-button.next {right: auto; left: 0px; border-radius: 0px 6px 6px 0px;}
html[dir="rtl"] .model-gallery-popup .swiper-button.prev svg {transform: rotate(-90deg);}
html[dir="rtl"] .model-gallery-popup .swiper-button.next svg {transform: rotate(90deg);}


@media screen and (max-width: 600px) {
    .model-gallery-popup .flexac {padding: 0px;}
    .model-gallery-popup .close {width: 48px; height: 48px;}
    .model-gallery-popup .close i {top: 22px; left: 10px; width: 30px; height: 3px;}
    .model-gallery-popup .swiper-button {width: 48px; height: 48px; margin-top: -24px;}
}