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

:root {
    --white: hsla(0,0%,100%,1);
    --black: hsla(0,0%,0%,1);
    --yellow: hsla(42,84%,48%,1);
    --yellow-light: hsla(42,84%,84%,1);
    --dark6: hsla(6,90%,6%,1);
    --dark12: hsla(6,90%,12%,1);
    --dark18: hsla(6,90%,18%,1);
}



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

body {font-family: 'Merriweather', serif; font-weight: 400; font-stretch: 100%; font-size: 14px; line-height: 1; color: var(--white); background-color: var(--dark12);}
#body-fix-bg {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; background-image: url('../images/body.png'); background-size: 300px; background-position: center; background-repeat: repeat;}
#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;}


/*** *** ***/
html[dir="rtl"] body {font-family: 'Tinos', serif;}


@media screen and (max-width: 1000px) {
    #body-bg {background-size: 240px;}
}

@media screen and (max-width: 800px) {
    #body-bg {background-size: 210px;}
    .cwbox {padding-left: 18px; padding-right: 18px;}
}

@media screen and (max-width: 600px) {
    #body-bg {background-size: 180px;}
}



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

#header {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
    width: 100%; height: auto; background-color: var(--dark6); border-bottom: solid 1px var(--yellow); z-index: 100;
}
#header .main {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
    width: 100%; padding: 18px 24px;
}

#header .main .menu-link {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
    height: 36px; cursor: pointer; z-index: 200;
}
#header .main .menu-link .lines {width: 26px; height: 24px; margin: 0px 15px 0px 0px;}
#header .main .menu-link .lines i {display: block; position: absolute; left: 0px; width: 26px; height: 2px; background-color: var(--yellow); transition: all ease 240ms;}
#header .main .menu-link .lines i.line1 {top: 0px;}
#header .main .menu-link .lines i.line2 {top: 11px;}
#header .main .menu-link .lines i.line3 {top: 22px;}
#header .main .menu-link .text {font-weight: 700; font-size: 14px; line-height: 36px; color: var(--white); transition: color ease 240ms;}
#header .main .menu-link:hover .text {color: var(--yellow);}
#header.menu-open .main .menu-link .lines i.line1 {top: 11px; left: -2px; width: 30px; transform: rotate(45deg);}
#header.menu-open .main .menu-link .lines i.line2 {opacity: 0;}
#header.menu-open .main .menu-link .lines i.line3 {top: 11px; left: -2px; width: 30px; transform: rotate(-45deg);}

#header .main .lang {display: block;}
#header .main .lang .link {
    display: block; position: relative; width: 38px; height: 36px; font-weight: 700; font-size: 14px; line-height: 34px; text-align: center;
    color: var(--white); background-color: transparent; border: solid 1px var(--yellow); transition: all ease 240ms; cursor: pointer; z-index: 10;
}
#header .main .lang .link:hover {color: var(--yellow);}
#header .main .lang .drop {display: none; position: absolute; top: -9px; left: -9px; right: -9px; padding: 45px 9px 9px 9px; background-color: var(--dark6); z-index: 5;}
#header .main .lang .drop .link {margin-top: 9px;}
#header .main .lang.open .link.sel {color: var(--white); background-color: var(--yellow);}
#header .main .lang.open .drop {display: block;}

#header .main .logo {display: block; position: absolute; top: 50%; left: 50%; height: 36px; aspect-ratio: 6; transform: translate(-50%,-50%);}
#header .main .logo svg {display: block; width: 100%; height: 100%; fill: var(--yellow);}

#header-menu {display: none; position: absolute; top: 0px; left: 0px; width: 320px; height: 100vh; padding-top: 73px; opacity: 0; transition: opacity ease 240ms; user-select: none; z-index: 150;}
#header-menu .scrollbox.menu {background-color: var(--dark6);}
#header-menu .scrollbar.menu .simplebar-track.simplebar-vertical {width: 6px; background-color: transparent;}
#header-menu .scrollbar.menu .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {background-color: transparent;}
#header-menu .scrollfix.menu {padding: 0px 0px 24px 0px;}

#header-bg {display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: hsla(6,30%,30%,0.84); opacity: 0; transition: all ease 240ms; z-index: 50;}
#header.menu-open #header-menu {top: 0px; opacity: 1;}
#header.menu-open ~ #header-bg {opacity: 1;}

#header-menu .btn-box {width: 100%; padding: 24px 24px 6px 24px;}
#header-menu .btn-box .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: 42px; padding: 0px 24px 0px 24px; font-weight: 700; font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase;
    color: var(--white); background-color: var(--yellow); box-sizing: border-box; cursor: pointer; overflow: hidden;
}
#header-menu .btn-box .btn > q {display: block; position: absolute; width: 15px; aspect-ratio: 1;}
#header-menu .btn-box .btn > q.c1 {top: 1px; left: 1px; transform: rotate(0deg);}
#header-menu .btn-box .btn > q.c2 {top: 1px; right: 1px; transform: rotate(90deg);}
#header-menu .btn-box .btn > q.c3 {bottom: 1px; right: 1px; transform: rotate(180deg);}
#header-menu .btn-box .btn > q.c4 {bottom: 1px; left: 1px; transform: rotate(270deg);}
#header-menu .btn-box .btn > q > svg {display: block; width: 100%; height: 100%; fill: var(--dark6); transition: fill ease 240ms;}
#header-menu .btn-box .btn > b {display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: inherit;}
#header-menu .btn-box .btn:hover > q > svg {display: block; width: 100%; height: 100%; fill: var(--white);}

#header-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;
}
#header-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;
}
#header-menu .item > i > svg {display: block; width: 100%; height: 100%;}
#header-menu .item > a {display: block; flex: 1 10 auto; -webkit-flex: 1 10 auto; font-weight: inherit;}
#header-menu .item > b {display: block; flex: 1 10 auto; -webkit-flex: 1 10 auto; font-weight: inherit;}

#header-menu .menu-box {width: 100%; padding: 0px 24px;}
#header-menu .menu-box .item.title {min-height: 60px; font-weight: 700; font-size: 16px;}
#header-menu .menu-box .item.title::after {content: ''; display: block; position: absolute; bottom: -1px; left: 0px; right: 0px; height: 1px; background-color: var(--yellow); transition: background-color ease 240ms; z-index: 10;}
#header-menu .menu-box .item.title > a, #header-menu .menu-box .item.title > b {text-transform: uppercase; color: var(--white);}
#header-menu .menu-box .item.title > i.chevron {width: 36px; margin: 0px -9px 0px 0px; padding: 9px;}
#header-menu .menu-box .item.title > i.chevron > svg {fill: var(--yellow); transform: rotate(0deg); transition: transform ease 240ms;}

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

#header-menu .menu-box .item.link {min-height: 42px; font-weight: 400; font-size: 14px; color: hsla(0,0%,100%,0.66); transition: color ease 240ms;}
#header-menu .menu-box .item.link > i {width: 12px; margin: 0px 12px 0px 0px;}
#header-menu .menu-box .item.link > i > svg {fill: hsla(42,48%,84%,0.24); transition: fill ease 240ms;}
#header-menu .menu-box .item.link:hover {color: var(--white);}

#header-menu .menu-box.open .item.title > i.chevron > svg {transform: rotate(180deg);}
#header-menu .menu-box.open .links-box {max-height: 900px;}
#header-menu .menu-box.open.sel .item.link.sel {font-weight: 600; color: var(--white);}
#header-menu .menu-box.open.sel .item.link.sel > i > svg {fill: var(--yellow);}


/*** *** ***/
html[dir="rtl"] #header .main .menu-link .lines {margin: 0px 0px 0px 15px;}
html[dir="rtl"] #header-menu {left: auto; right: 0px;}
html[dir="rtl"] #header-menu .menu-box .item.title > i.chevron {margin: 0px 0px 0px -9px;}
html[dir="rtl"] #header-menu .menu-box .item.link > i {margin: 0px 0px 0px 12px;}
html[dir="rtl"] #header-menu .menu-box .item.link > i > svg {transform: scale(-1,1);}


@media screen and (max-width: 1200px) {
    #header-menu {position: fixed; height: 100%;}
}

@media screen and (max-width: 800px) {
    #header .main {padding: 12px 18px;}
    #header .main .menu-link {margin: 0px 3px;}
    #header .main .menu-link .lines {margin: 0px !important;}
    #header .main .menu-link .text {display: none;}
    #header .main .logo {height: 30px;}
    #header .main .lang .link {width: 31px; height: 30px; font-size: 12px; line-height: 28px;}
    #header-menu {padding-top: 61px;}
}



/**************** SUBHEADER ****************//**************** SUBHEADER ****************//**************** SUBHEADER ****************/
/**************** SUBHEADER ****************//**************** SUBHEADER ****************//**************** SUBHEADER ****************/
/**************** SUBHEADER ****************//**************** SUBHEADER ****************//**************** SUBHEADER ****************/

.subheader {width: 100%; padding: 21px 0px 21px 0px; background-color: var(--dark18);}
.subheader .subbox {width: auto; margin: -12px;}
.subheader .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; min-height: 42px; margin: 12px; padding: 0px 24px 0px 24px; font-weight: 700; font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase;
    color: var(--white); background-color: var(--yellow); box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.subheader .item > q {display: block; position: absolute; width: 15px; aspect-ratio: 1;}
.subheader .item > q.c1 {top: 1px; left: 1px; transform: rotate(0deg);}
.subheader .item > q.c2 {top: 1px; right: 1px; transform: rotate(90deg);}
.subheader .item > q.c3 {bottom: 1px; right: 1px; transform: rotate(180deg);}
.subheader .item > q.c4 {bottom: 1px; left: 1px; transform: rotate(270deg);}
.subheader .item > q > svg {display: block; width: 100%; height: 100%; fill: var(--dark6); transition: fill ease 240ms;}
.subheader .item > b {display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: inherit;}
.subheader .item:hover > q > svg {display: block; width: 100%; height: 100%; fill: var(--white);}
.subheader .item.contacts {position: absolute; top: 12px; right: 12px; margin: 0px;}


/*** *** ***/
html[dir="rtl"] .subheader .item.contacts {right: auto; left: 12px;}


@media screen and (max-width: 1000px) {
    .subheader .subbox {-webkit-justify-content: center; justify-content: center;}
    .subheader .item.contacts {display: none;}
}
@media screen and (max-width: 800px) {
    .subheader {padding: 18px 0px 18px 0px;}
    .subheader .subbox {width: auto; margin: -9px;}
    .subheader .item {min-height: 36px; margin: 9px; padding: 0px 18px 0px 18px; font-size: 14px;}
    .subheader .item > q {width: 12px;}
}

@media screen and (max-width: 600px) {
    .subheader {display: none;}
    /*** *** ***/
    html[dir="rtl"] .subheader {display: flex;}
}

@media screen and (max-width: 400px) {
    .subheader .item {min-height: 32px; margin: 9px; padding: 0px 12px 0px 12px; font-size: 12px;}
    .subheader .item > q {width: 9px;}
}



/**************** 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%; margin-top: 72px; background-color: var(--dark6); border-top: solid 1px var(--yellow);
}
#footer .cwbox {flex-wrap: nowrap; -webkit-flex-wrap: nowrap;}
#footer .links-box {padding: 36px 60px 12px 0px; font-weight: 700; font-size: 16px; line-height: 22px;}
#footer .links-box .link-pad {padding: 0px 0px 24px 0px;}
#footer .links-box a {color: var(--yellow);}
#footer .explan-text {-webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 36px 0px 36px 0px; font-weight: 400; font-size: 12px; line-height: 20px; color: var(--white); opacity: 0.66;}
#footer .explan-text .copy {padding: 14px 0px 0px 0px; color: var(--white);}


/*** *** ***/
html[dir="rtl"] #footer .links-box {padding: 36px 0px 12px 60px;}


@media screen and (max-width: 800px) {
    #footer .cwbox {flex-wrap: wrap; -webkit-flex-wrap: wrap; padding-top: 36px;}
    #footer .links-box {
        display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
        width: 100%; padding: 0px 0px 12px 0px !important; font-size: 14px; line-height: 20px;
    }
    #footer .links-box .link-pad {padding: 0px 12px 18px 12px;}
    #footer .explan-text {width: 100%; padding: 0px 0px 36px 0px; text-align: center;}
}



/**************** 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 24px 0px; text-align: center;}
.page-text-top h1 {width: 100%; font-weight: 700; font-size: 36px; line-height: 48px; color: var(--white);}
.page-text-top .title-line {width: 100%; padding: 12px 0px 12px 0px;}
.page-text-top .title-line svg {display: block; width: 100%; height: 18px; fill: var(--yellow);}
.page-text-top p {width: 100%; padding: 0px 0px 12px 0px; max-width: 660px; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--white); opacity: 0.84; box-sizing: border-box;}

.page-text-box {width: 100%; padding: 36px 12% 36px 12%; background-color: hsla(6,90%,6%,0.66);}
.page-text-box h2, .page-text-box h3, .page-text-box h4 {width: 100%; padding: 12px 0px 12px 0px; font-weight: 700; font-size: 24px; line-height: 32px; color: var(--yellow-light);}
.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(--white); box-sizing: border-box;}
.page-text-box p:last-child {padding: 0px 0px 0px 0px;}
.page-text-box a {font-weight: 700; color: var(--yellow);}
.page-text-box b, .page-text-box strong {font-weight: 700;}
.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(--white);}
.page-text-box li::after {content: '•'; display: block; position: absolute; top: 0px; left: 0px; font-weight: 700; font-size: 16px; line-height: 22px; color: var(--white);}
.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 h1 {font-size: 24px; line-height: 32px;}
    .page-text-top .title-line {padding: 9px 0px 9px 0px;}
    .page-text-top .title-line svg {height: 12px;}
    .page-text-top p {padding: 0px 0px 9px 0px; font-size: 14px; line-height: 20px;}
    
    .page-text-box {padding: 0px; background-color: transparent;}
    .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 li {padding: 0px 0px 9px 18px; font-size: 14px; line-height: 20px;}
    .page-text-box li:after {font-size: 14px; line-height: 20px;}
    .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 9px 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;}
}



/**************** 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 72px 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: -12px;
}
.catalog-models-list .model-pad {width: 33.333333%; padding: 12px;}
.catalog-models-list .model-box {width: 100%; background-color: var(--dark6); border: solid 1px var(--yellow);}
.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;}
.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%; z-index: 5;
    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: 12px; right: 12px; z-index: 10;}
.catalog-models-list .model-box .icon {width: 60px; height: 60px; margin-bottom: 12px;}
.catalog-models-list .model-box .icon.off {display: none;}
.catalog-models-list .model-box .icon img {display: block; width: 100%; aspect-ratio: 1;}
.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: -51px; width: 180px; height: 36px; transform: rotate(-45deg); transform-origin: 50% 50%;
    font-weight: 700; font-size: 14px; line-height: 34px; letter-spacing: 0.5px;
    color: var(--yellow-light); background-color: var(--dark18); border: solid 1px var(--yellow); z-index: 10;
}
.catalog-models-list .model-box .verified b {display: block;}

.catalog-models-list .model-box .text-box {position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 12px 12px; background-color: hsla(6,90%,6%,0.66); z-index: 10;}
.catalog-models-list .model-box .text-box .name {max-width: 100%; font-weight: 700; font-size: 20px; line-height: 28px; text-align: center; color: var(--white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.catalog-models-list .model-box .text-box .line {width: 100%; padding: 9px 0px 6px 0px;}
.catalog-models-list .model-box .text-box .line svg {display: block; width: 100%; height: 9px; fill: var(--yellow);}
.catalog-models-list .model-box .text-box .city {width: 100%; font-weight: 400; font-size: 16px; line-height: 22px; text-align: center; color: var(--white); opacity: 0.84; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.catalog-models-more {width: 100%; padding: 36px 0px 0px 0px;}

.catalog-models-more .more-button {
    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: 60px; padding: 0px 36px 0px 36px; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; text-transform: uppercase;
    color: var(--white); background-color: var(--yellow); box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.catalog-models-more .more-button > q {display: block; position: absolute; width: 21px; aspect-ratio: 1;}
.catalog-models-more .more-button > q.c1 {top: 1px; left: 1px; transform: rotate(0deg);}
.catalog-models-more .more-button > q.c2 {top: 1px; right: 1px; transform: rotate(90deg);}
.catalog-models-more .more-button > q.c3 {bottom: 1px; right: 1px; transform: rotate(180deg);}
.catalog-models-more .more-button > q.c4 {bottom: 1px; left: 1px; transform: rotate(270deg);}
.catalog-models-more .more-button > q > svg {display: block; width: 100%; height: 100%; fill: var(--dark6); transition: fill ease 240ms;}
.catalog-models-more .more-button > b {display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: inherit;}
.catalog-models-more .more-button:hover > q > svg {display: block; width: 100%; height: 100%; fill: var(--white);}

.catalog-models-more .sync {display: none; position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; 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: -51px; transform: rotate(45deg);}


@media screen and (max-width: 800px) {
    .catalog-models-list {margin: -9px;}
    .catalog-models-list .model-pad {width: 50%; padding: 9px;}
    .catalog-models-list .model-box .icons-box {top: 9px; right: 9px;}
    .catalog-models-list .model-box .icon {width: 48px; height: 48px; margin-bottom: 9px;}
    .catalog-models-list .model-box .verified {top: 18px; left: -54px; width: 180px; height: 30px; font-size: 12px; line-height: 28px;}
    .catalog-models-list .model-box .text-box {padding: 12px 9px;}
    .catalog-models-list .model-box .text-box .name {font-size: 18px; line-height: 24px;}
    .catalog-models-list .model-box .text-box .line {padding: 6px 0px 3px 0px;}
    .catalog-models-list .model-box .text-box .line svg {height: 6px;}
    .catalog-models-list .model-box .text-box .city {font-size: 14px; line-height: 20px;}
    .catalog-models-more .more-button {min-height: 54px; padding: 0px 30px 0px 30px; font-size: 18px;}
    .catalog-models-more .more-button > q {width: 18px;}
    .catalog-models-more .sync {width: 42px; height: 42px;}
    
    /*** *** ***/
    html[dir="rtl"] .catalog-models-list .model-box .icons-box {left: 9px;}
    html[dir="rtl"] .catalog-models-list .model-box .verified {right: -54px;}
}

@media screen and (max-width: 600px) {
    .catalog-models-list .model-pad {width: 100%;}
    .catalog-models-more .more-button {min-height: 48px; padding: 0px 24px 0px 24px; font-size: 16px;}
    .catalog-models-more .more-button > q {width: 15px;}
    .catalog-models-more .sync {width: 36px; height: 36px;}
}



/**************** 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%;
}

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

.model-page .model-side .logo {width: 100%; padding-top: 150%; overflow: hidden; background-color: var(--dark6); border: solid 1px var(--yellow); cursor: pointer;}
.model-page .model-side .logo .image-box {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.model-page .model-side .logo .image-box img {display: block; width: 100%; height: 100%; object-fit: cover;}

.model-page .model-side .logo .icons-box {position: absolute; top: 12px; right: 12px; z-index: 10;}
.model-page .model-side .logo .icon {width: 60px; height: 60px; margin-bottom: 12px;}
.model-page .model-side .logo .icon.off {display: none;}
.model-page .model-side .logo .icon img {display: block; width: 100%; aspect-ratio: 1;}

.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: -51px; width: 180px; height: 36px; transform: rotate(-45deg); transform-origin: 50% 50%;
    font-weight: 700; font-size: 14px; line-height: 34px; letter-spacing: 0.5px;
    color: var(--yellow-light); background-color: var(--dark18); border: solid 1px var(--yellow); z-index: 10;
}
.model-page .model-side .logo .verified b {display: block;}

.model-page .model-side .images-list {width: calc(100% + 24px); margin: 0px -12px; padding: 12px 0px 0px 0px;}
.model-page .model-side .images-list .image-pad {width: 33.333333%; padding: 12px;}
.model-page .model-side .images-list .image-box {width: 100%; background-color: var(--dark6); border: solid 1px var(--yellow); cursor: pointer;}
.model-page .model-side .images-list .image-box img {display: block; width: 100%; aspect-ratio: 1; object-fit: cover;}
.model-page .model-side .images-list .image-box video {display: block; width: 100%; aspect-ratio: 1; object-fit: cover;}
.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%); opacity: 0.84;}
.model-page .model-side .images-list .image-box .svg svg {display: block; width: 100%; height: 100%; fill: var(--yellow-light);}

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

.model-page .model-data-box {margin: 0px 0px 24px 0px; background-color: hsla(6,90%,6%,0.66);}
.model-page .model-data-box:last-child {margin: 0px 0px 0px 0px;}

.model-page .model-data-box .data-title {width: 100%; padding: 18px 24px 0px 24px;}
.model-page .model-data-box .data-title .title {width: 100%; font-weight: 700; font-size: 24px; line-height: 32px; text-align: center; color: var(--white);}
.model-page .model-data-box .data-title .line {width: 100%; padding: 12px 0px 0px 0px;}
.model-page .model-data-box .data-title .line svg {display: block; width: 100%; height: 9px; fill: var(--yellow);}

.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: 400; font-size: 18px; line-height: 24px; border-bottom: solid 1px hsla(42,84%,84%,0.24);
}
.model-page .model-data-box .data:last-child {border-bottom: none;}

.model-page .model-data-box.about .data .name {width: 40%; color: var(--white); opacity: 0.66;}
.model-page .model-data-box.about .data .value {width: 60%; color: var(--white); opacity: 0.84;}
.model-page .model-data-box.about .data.about {padding-top: 24px; color: var(--white); opacity: 0.84;}

.model-page .model-data-box.price .data .name {-webkit-flex: 1 1 auto; flex: 1 1 auto; color: var(--white); opacity: 0.66;}
.model-page .model-data-box.price .data .value {width: 90px; font-weight: 600; text-align: end; color: var(--yellow);}
.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.extra .data .name {-webkit-flex: 1 1 auto; flex: 1 1 auto; color: var(--white); opacity: 0.66;}
.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: hsla(6,84%,54%,1);}
.model-page .model-data-box.extra .data .value.on span.on {display: inline; color: hsla(108,90%,48%,1);}
.model-page .model-data-box.extra .data .value.on span.off {display: none;}

.model-page .model-data-box.about .contacts {width: 100%; padding: 24px;}
.model-page .model-data-box.about .contacts .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; min-height: 60px; padding: 0px 36px 0px 36px; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center;
    color: var(--white); box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.model-page .model-data-box.about .contacts .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; width: 28px; aspect-ratio: 1; margin: 0px 12px 0px 0px;
}
.model-page .model-data-box.about .contacts .item > i > svg {display: block; width: 100%; height: 100%; fill: var(--white);}
.model-page .model-data-box.about .contacts .item > b {display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: inherit;}

.model-page .model-data-box.about .contacts .item > q {display: block; position: absolute; width: 21px; aspect-ratio: 1;}
.model-page .model-data-box.about .contacts .item > q.c1 {top: 1px; left: 1px; transform: rotate(0deg);}
.model-page .model-data-box.about .contacts .item > q.c2 {top: 1px; right: 1px; transform: rotate(90deg);}
.model-page .model-data-box.about .contacts .item > q.c3 {bottom: 1px; right: 1px; transform: rotate(180deg);}
.model-page .model-data-box.about .contacts .item > q.c4 {bottom: 1px; left: 1px; transform: rotate(270deg);}
.model-page .model-data-box.about .contacts .item > q > svg {display: block; width: 100%; height: 100%; fill: var(--dark6); transition: fill ease 240ms;}
.model-page .model-data-box.about .contacts .item:hover > q > svg {fill: var(--white);}

.model-page .model-data-box.about .contacts .item.icon {padding: 0px 18px 0px 18px;}
.model-page .model-data-box.about .contacts .item.icon > i {width: 30px; margin: 0px;}

.model-page .model-data-box.about .contacts .item.phone {background-color: var(--yellow);}
.model-page .model-data-box.about .contacts .item.whatsapp {background-color: hsla(108,90%,42%,1);}
.model-page .model-data-box.about .contacts .item.telegram {background-color: hsla(200,90%,48%,1);}


/*** *** ***/
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: -51px; transform: rotate(45deg);}
html[dir="rtl"] .model-page .model-main {padding: 0px 24px 0px 0px;}


@media screen and (max-width: 800px) {
    .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: 0px -6px; padding: 6px 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 0px 18px;}
    .model-page .model-data-box .data-title .title {font-size: 20px; line-height: 28px;}
    .model-page .model-data-box .data-title .line {padding: 12px 0px 0px 0px;}
    .model-page .model-data-box .data-title .line svg {height: 9px;}
    .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.about .data.about {padding-top: 18px;}
    .model-page .model-data-box.about .contacts {padding: 18px;}
    .model-page .model-data-box.about .contacts .item {min-height: 54px; padding: 0px 30px 0px 30px; font-size: 18px;}
    .model-page .model-data-box.about .contacts .item > q {width: 18px;}
    .model-page .model-data-box.about .contacts .item > i {width: 26px;}
    .model-page .model-data-box.about .contacts .item.icon {padding: 0px 15px 0px 15px;}
    .model-page .model-data-box.about .contacts .item.icon > i {width: 28px;}
    
    /*** *** ***/
    html[dir="rtl"] .model-page .model-side .logo .icons-box {left: 9px;}
    html[dir="rtl"] .model-page .model-side .logo .verified {right: -54px;}
    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 30px 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-title .line {padding: 9px 0px 0px 0px;}
    .model-page .model-data-box .data-title .line svg {height: 6px;}
    .model-page .model-data-box .data {font-size: 14px; line-height: 20px;}
    .model-page .model-data-box.about .contacts {padding: 18px;}
    .model-page .model-data-box.about .contacts .item {min-height: 48px; padding: 0px 24px 0px 24px; font-size: 16px;}
    .model-page .model-data-box.about .contacts .item > q {width: 15px;}
    .model-page .model-data-box.about .contacts .item > i {width: 24px;}
    .model-page .model-data-box.about .contacts .item.icon {padding: 0px 12px 0px 12px;}
    .model-page .model-data-box.about .contacts .item.icon > i {width: 26px;}
    
    /*** *** ***/
    html[dir="rtl"] .model-page .model-main {padding: 0px 0px 0px 0px;}
}

@media screen and (max-width: 350px) {
    .model-page .model-data-box.about .contacts .item.phone > i {display: none;}
}



/**************** 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(--dark6); opacity: 0; transition: opacity ease 360ms; z-index: 1000;}
.model-gallery-popup.open {opacity: 1;}
.model-gallery-popup .flexac {width: 100%; height: 100%; padding: 36px;}
.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; background-color: var(--dark18); 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(--yellow); 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(--dark18); cursor: pointer; z-index: 100;}
.model-gallery-popup .swiper-button.prev {left: 0px;}
.model-gallery-popup .swiper-button.next {right: 0px;}
.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(--yellow);}
.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;}
html[dir="rtl"] .model-gallery-popup .swiper-button.prev {left: auto; right: 0px;}
html[dir="rtl"] .model-gallery-popup .swiper-button.next {right: auto; left: 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;}
}



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

.page-contacts-box {width: 100%;}
.page-contacts-box .contact-button {
    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: 60px; margin: 0px 18px 36px 18px; padding: 0px 36px 0px 36px; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center;
    color: var(--white); box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.page-contacts-box .contact-button > 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: 30px; aspect-ratio: 1; margin: 0px 15px 0px 0px;
}
.page-contacts-box .contact-button > i > svg {display: block; width: 100%; height: 100%; fill: var(--white);}
.page-contacts-box .contact-button > b {display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: inherit;}
.page-contacts-box .contact-button > q {display: block; position: absolute; width: 21px; aspect-ratio: 1;}
.page-contacts-box .contact-button > q.c1 {top: 1px; left: 1px; transform: rotate(0deg);}
.page-contacts-box .contact-button > q.c2 {top: 1px; right: 1px; transform: rotate(90deg);}
.page-contacts-box .contact-button > q.c3 {bottom: 1px; right: 1px; transform: rotate(180deg);}
.page-contacts-box .contact-button > q.c4 {bottom: 1px; left: 1px; transform: rotate(270deg);}
.page-contacts-box .contact-button > q > svg {display: block; width: 100%; height: 100%; fill: var(--dark6); transition: fill ease 240ms;}
.page-contacts-box .contact-button:hover > q > svg {fill: var(--white);}

.page-contacts-box .contact-button.whatsapp {background-color: hsla(108,90%,36%,1);}
.page-contacts-box .contact-button.telegram {background-color: hsla(200,69%,51%,1);}


@media screen and (max-width: 800px) {
    .page-contacts-box .contact-button {min-height: 54px; margin: 0px 12px 24px 12px; padding: 0px 30px 0px 30px; font-size: 18px;}
    .page-contacts-box .contact-button > i {width: 28px;}
    .page-contacts-box .contact-button > q {width: 18px;}
}

@media screen and (max-width: 600px) {
    .page-contacts-box .contact-button {min-height: 48px; margin: 0px 9px 24px 9px; padding: 0px 24px 0px 24px; font-size: 16px;}
    .page-contacts-box .contact-button > i {width: 26px;}
    .page-contacts-box .contact-button > q {width: 15px;}
}