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

:root {
    --white: hsla(0,0%,100%,1);
    --black: hsla(0,0%,0%,1);
    --red: hsla(12,66%,51%,1);
    --gold: hsla(36,66%,48%,1);
    --green: hsla(120,63%,45%,1);
    --blue: hsla(210,66%,48%,1);
    --purple: hsla(270,66%,54%,1);
    --pink: hsla(330,66%,54%,1);
}



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

body {font-family: 'Noto Sans Hebrew', 'Noto Sans', sans-serif; font-weight: 400; font-stretch: 100%; font-size: 14px; line-height: 1; color: var(--black); background-color: hsla(36,66%,90%,1);}

#body {position: fixed; top: 0px; left: 0px; width: 100%; min-width: 320px; height: 100%; padding-left: 360px;}
#page {width: 100%; height: 100%;}
#page .scrollfix.page {
    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;
}
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;}


.cwbox {width: 100%; max-width: 1560px; padding-left: 60px; padding-right: 60px;}
.cwbg {width: 100%;}
.cwbg::before {
    content: ''; display: block; position: absolute; top: 0px; right: 9%; width: 18%; height: 100%;
    background-image: url('../images/cwbg-pattern.png'); background-size: 100% auto; background-position: top right; background-repeat: repeat; opacity: 0.24;
}


/*** *** ***/
html[dir="rtl"] #body {padding-left: 0px; padding-right: 360px;}
html[dir="rtl"] .cwbg::before {right: auto; left: 9%;}


@media screen and (max-width: 1600px) {
    #body {padding-left: 300px;}
    .cwbox {padding-left: 48px; padding-right: 48px;}
    
    /*** *** ***/
    html[dir="rtl"] #body {padding-left: 0px; padding-right: 300px;}
}

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

@media screen and (max-width: 1200px) {
    #body {padding-left: 0px;}
    .cwbox {padding-left: 24px; padding-right: 24px;}
    .cwbg::before {right: 6%; width: 12%;}
    
    /*** *** ***/
    html[dir="rtl"] #body {padding-left: 0px; padding-right: 0px;}
    html[dir="rtl"] .cwbg::before {right: auto; left: 6%;}
}

@media screen and (max-width: 900px) {
    .cwbg::before {right: 9%; width: 18%; opacity: 0.12;}
    
    /*** *** ***/
    html[dir="rtl"] .cwbg::before {right: auto; left: 9%;}
}

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




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

#header {position: fixed; top: 0px; left: 0px; width: 360px; height: 100%;}

#header-main {
    display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center;
    position: absolute; top: 0px; left: 0px; width: 100%; padding: 18px 24px; background-color: hsla(0,0%,0%,1); z-index: 100;
}
#header-main .logo {display: block; width: 207px; height: 36px;}
#header-main .logo svg {display: block; width: 100%; height: 100%; fill: hsla(0,0%,100%,1);}
 
#header-main .lang {display: block;}
#header-main .lang .link {
    display: block; position: relative; width: 38px; height: 36px; font-weight: 400; font-size: 16px; line-height: 34px; text-align: center;
    color: hsla(0,0%,100%,1); background-color: hsla(0,0%,24%,1); transition: background-color ease 240ms; cursor: pointer; z-index: 10;
}
#header-main .lang .link.sel:hover {background-color: hsla(0,0%,30%,1);}
#header-main .lang .drop {display: none; position: absolute; top: -6px; left: -6px; right: -6px; padding: 42px 6px 6px 6px; background-color: hsla(0,0%,24%,1); z-index: 5;}
#header-main .lang .drop .link {margin-top: 6px; background-color: hsla(0,0%,6%,1);}
#header-main .lang .drop .link:hover {background-color: hsla(0,0%,18%,1);}

#header-main .lang.open .link.sel {background-color: var(--gold);}
#header-main .lang.open .drop {display: block;}

#header-menu-link {display: none; position: relative; width: 36px; height: 36px; margin: 0px -4px; cursor: pointer;}
#header-menu-link i {display: block; position: absolute; left: 4px; width: 28px; height: 2px; background-color: hsla(0,0%,36%,1); transition: all ease 240ms;}
#header-menu-link i.line1 {top: 6px;}
#header-menu-link i.line2 {top: 17px;}
#header-menu-link i.line3 {top: 28px;}

#header.menu-open #header-menu-link i.line1 {top: 17px; left: 2px; width: 32px; transform: rotate(45deg);}
#header.menu-open #header-menu-link i.line2 {opacity: 0;}
#header.menu-open #header-menu-link i.line3 {top: 17px; left: 2px; width: 32px; transform: rotate(-45deg);}

#header-menu {width: 100%; height: 100%; padding-top: 72px; background-color: hsla(0,0%,12%,1); user-select: none; z-index: 50;}
#header-menu .scrollbar.menu .simplebar-track.simplebar-vertical {width: 9px; background-color: hsla(0,0%,0%,0);}
#header-menu .scrollbar.menu .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {background-color: hsla(0,0%,36%,1);}
#header-menu .scrollfix.menu {padding: 0px 0px 33px 0px;}

#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 20 auto; -webkit-flex: 1 20 auto; font-weight: inherit;}
#header-menu .item > b {display: block; flex: 1 20 auto; -webkit-flex: 1 20 auto; font-weight: inherit;}

#header-menu .menu-box {width: 100%; padding: 0px 24px; background-color: hsla(0,0%,12%,1); transition: background-color ease 240ms;}
#header-menu .menu-box .item.title {min-height: 66px; font-weight: 600; font-size: 18px;}
#header-menu .menu-box .item.title::after {content: ''; display: block; position: absolute; bottom: -1px; left: 0px; right: 0px; height: 1px; background-color: hsla(0,0%,18%,1); transition: background-color ease 240ms; z-index: 10;}
#header-menu .menu-box .item.title > a, #header-menu .menu-box .item.title > b {color: hsla(0,0%,100%,1);}
#header-menu .menu-box .item.title > i {width: 30px; margin: 0px 15px 0px 3px;}
#header-menu .menu-box .item.title > i > svg {fill: var(--gold);}
#header-menu .menu-box .item.title > i.chevron {width: 36px; margin: 0px -3px 0px 6px; padding: 6px;}
#header-menu .menu-box .item.title > i.chevron > svg {fill: hsla(0,0%,36%,1); 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 240ms;}
#header-menu .menu-box .links-pad {width: 100%; padding: 18px 0px 18px 0px;}

#header-menu .menu-box .item.link {min-height: 48px; font-weight: 400; font-size: 16px; color: hsla(0,0%,84%,1); transition: color ease 240ms;}
#header-menu .menu-box .item.link > i {width: 24px; margin: 0px 15px 0px 3px;}
#header-menu .menu-box .item.link > i > svg {fill: hsla(0,0%,36%,1); transition: fill ease 240ms;}
#header-menu .menu-box .item.link:hover {color: hsla(0,0%,100%,1);}
#header-menu .menu-box .item.link:hover > i > svg {fill: hsla(36,66%,48%,1);}

#header-menu .menu-box.open {background-color: hsla(0,0%,18%,1);}
#header-menu .menu-box.open .item.title::after {background-color: hsla(0,0%,24%,1);}
#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: hsla(0,0%,100%,1);}
#header-menu .menu-box.open.sel .item.link.sel > i > svg {fill: hsla(36,66%,48%,1);}


/*** *** ***/
html[dir="rtl"] #header {left: auto; right: 0px;}
html[dir="rtl"] #header-main {left: auto; right: 0px;}
html[dir="rtl"] #header-menu .menu-box .item.title > i {margin: 0px 3px 0px 15px;}
html[dir="rtl"] #header-menu .menu-box .item.title > i.chevron {margin: 0px 6px 0px -3px;}
html[dir="rtl"] #header-menu .menu-box .item.link > i {margin: 0px 3px 0px 15px;}



@media screen and (max-width: 1600px) {
    #header {width: 300px;}
    #header-main {padding: 18px 18px;}
    #header-main .logo {width: 172px; height: 30px;}
    #header-main .lang .link {width: 32px; height: 30px; font-size: 14px; line-height: 30px;}
    #header-main .lang .drop {padding: 36px 6px 6px 6px;}
    #header-menu {padding-top: 66px;}
    #header-menu .scrollfix.menu {padding: 0px 0px 27px 0px;}
    #header-menu .menu-box {padding: 0px 18px;}
    #header-menu .menu-box .item.title {min-height: 54px; font-size: 16px;}
    #header-menu .menu-box .item.title > i {width: 24px; margin: 0px 12px 0px 3px;}
    #header-menu .menu-box .item.title > i.chevron {width: 30px;}
    #header-menu .menu-box .links-pad {padding: 9px 0px 9px 0px;}
    #header-menu .menu-box .item.link {min-height: 36px; font-size: 14px;}
    #header-menu .menu-box .item.link > i {width: 18px; margin: 0px 12px 0px 3px;}
    #header-menu .menu-box.open .links-box {max-height: 660px;}
    
    /*** *** ***/
    html[dir="rtl"] #header-menu .menu-box .item.title > i {margin: 0px 3px 0px 12px;}
    html[dir="rtl"] #header-menu .menu-box .item.link > i {margin: 0px 3px 0px 12px;}
}

@media screen and (max-width: 1200px) {
    #header {position: static; top: auto; left: auto; right: auto; width: 100%; height: 60px;}
    #header-main {padding: 12px 24px;}
    #header-menu-link {display: block;}
    #header-main .logo {width: 207px; height: 36px;}
    #header-main .lang .link {width: 38px; height: 36px; font-size: 16px; line-height: 34px;}
    #header-main .lang .drop {padding: 42px 6px 6px 6px;}
    #header-menu {display: none; position: fixed; top: 0px; left: -301px; width: 300px; height: 100%; padding-top: 60px; transition: left ease 240ms;}
    #header.menu-open #header-menu {left: 0px;}
    
    /*** *** ***/
    html[dir="rtl"] #header-menu {left: auto; right: -301px; transition: right ease 240ms;}
    html[dir="rtl"] #header.menu-open #header-menu {left: auto; right: 0px;}
}

@media screen and (max-width: 600px) {
    #header-main {padding: 12px 18px;}
}

@media screen and (max-width: 350px) {
    #header {position: static; top: auto; left: auto; width: 100%; height: 54px;}
    #header-menu-link {width: 30px; height: 30px; margin: 0px -2px; cursor: pointer;}
    #header-menu-link i {left: 2px; width: 26px; height: 2px;}
    #header-menu-link i.line1 {top: 4px;}
    #header-menu-link i.line2 {top: 14px;}
    #header-menu-link i.line3 {top: 25px;}
    #header.menu-open #header-menu-link i.line1 {top: 14px; left: 2px; width: 30px;}
    #header.menu-open #header-menu-link i.line3 {top: 14px; left: 2px; width: 30px;}
    #header-main .logo {width: 172px; height: 30px;}
    #header-main .lang .link {width: 32px; height: 30px; font-size: 14px; line-height: 30px;}
    #header-main .lang .drop {padding: 36px 6px 6px 6px;}
    #header-menu {padding-top: 54px;}
}



/**************** 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%; background-color: hsla(0,0%,0%,1);
}
#footer .explan-text {max-width: 66%; padding: 0px 0px 36px 0px; font-weight: 400; font-size: 14px; line-height: 20px; color: hsla(0,0%,60%,1);}
#footer .copy-box {
    -webkit-justify-content: space-between; justify-content: space-between; width: 100%; padding: 24px 0px 12px 0px;
    font-weight: 400; font-size: 16px; line-height: 22px; color: hsla(0,0%,60%,1); border-top: solid 1px hsla(0,0%,24%,1);
}
#footer .copy-box .copy {padding: 0px 0px 12px 0px;}
#footer .copy-box .links {margin: 0px -12px;}
#footer .copy-box .links a {display: block; margin: 0px 12px 12px 12px; color: var(--gold); opacity: 0.84;}
#footer .copy-box .links a:hover {opacity: 1;}


@media screen and (max-width: 1300px) {
    #footer .explan-text {max-width: 100%;}
}

@media screen and (max-width: 600px) {
    #footer .copy-box {padding: 36px 0px 24px 0px;}
    #footer .copy-box .copy {width: 100%;}
    #footer .copy-box .links {width: calc(100% + 24px);}
}



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

.subheader {width: 100%; padding: 36px 0px 36px 0px;}
.subheader .subbox {width: calc(100% + 24px); 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: 48px; margin: 12px; padding: 0px 18px 0px 18px; font-weight: 600; font-size: 18px; line-height: 30px; text-align: center;
    color: var(--white); background-color: var(--gold); box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.subheader .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: 26px; aspect-ratio: 1; margin: 0px 15px 0px 0px;
}
.subheader .item > i > svg {display: block; width: 100%; height: 100%; fill: var(--white);}
.subheader .item > b {display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: inherit;}
.subheader .item::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 32px; height: 100%; background-color: hsla(0,0%,100%,0.24); transition: width ease 360ms;}
.subheader .item:hover::after {width: 300px !important;}


/*** *** ***/
html[dir="rtl"] .subheader .item > i {margin: 0px 0px 0px 15px;}
html[dir="rtl"] .subheader .item::after {left: auto; right: 0px;}


@media screen and (max-width: 1600px) {
    .subheader {-webkit-justify-content: space-between; justify-content: space-between; width: 100%; padding: 24px 0px 36px 0px;}
    .subheader .subbox {width: calc(100% + 18px); margin: -9px;}
    .subheader .item {min-height: 42px; margin: 9px; padding: 0px 15px 0px 15px; font-size: 16px;}
    .subheader .item::after {width: 27px;}
    .subheader .item > i {width: 24px;}
}

@media screen and (max-width: 1300px) {
    .subheader .subbox {width: calc(100% + 12px); margin: -6px;}
    .subheader .item {min-height: 36px; margin: 6px; padding: 0px 12px 0px 12px; font-size: 14px;}
    .subheader .item::after {width: 22px;}
    .subheader .item > i {width: 20px;}
}

@media screen and (max-width: 700px) {
    .subheader {padding: 0px 0px 36px 0px;}
    .subheader .subbox {display: none;}
    #footer .subheader {padding: 24px 0px 36px 0px;}
    #footer .subheader .subbox {display: flex;}
}

@media screen and (max-width: 600px) {
    .subheader {padding: 0px 0px 24px 0px;}
    #footer .subheader {padding: 18px 0px 36px 0px;}
}



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

.page-text-box {width: 100%; padding: 0px 0px 24px 0px;}
.page-text-box:last-child {padding: 0px 0px 72px 0px !important;}
.page-text-box h1 {padding: 0px 0px 12px 0px; font-weight: 800; font-size: 36px; line-height: 48px; color: var(--black);}
.page-text-box .title {width: 100%; padding: 0px 0px 12px 0px;}
.page-text-box .title h1 {max-width: 100%; padding: 0px 0px 9px 0px; border-bottom: solid 2px var(--gold);}

.page-text-box h2, .page-text-box h3, .page-text-box h4 {max-width: 66%; padding: 12px 0px 12px 0px; font-weight: 600; font-size: 24px; line-height: 30px; color: var(--black);}
.page-text-box p {max-width: 66%; padding: 0px 0px 12px 0px; font-weight: 400; font-size: 18px; line-height: 24px; 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(--gold);}
.page-text-box b, .page-text-box strong {font-weight: 600;}
.page-text-box li {max-width: 66%; padding: 0px 0px 12px 18px; font-weight: 400; font-size: 18px; line-height: 24px; color: var(--black);}
.page-text-box li::after {content: '•'; display: block; position: absolute; top: 0px; left: 0px; font-weight: 800; font-size: 18px; line-height: 24px; 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: 1600px) {
    .page-text-box h1 {font-size: 30px; line-height: 40px;}
    .page-text-box h2, .page-text-box h3, .page-text-box h4 {font-size: 20px; line-height: 28px;}
    .page-text-box p {font-size: 16px; line-height: 22px;}
    .page-text-box li {font-size: 16px; line-height: 22px;}
    .page-text-box li:after {font-size: 16px; line-height: 22px;}
}

@media screen and (max-width: 1200px) {
    .page-text-box h2, .page-text-box h3, .page-text-box h4 {max-width: 78%;}
    .page-text-box p {max-width: 78%;}
    .page-text-box li {max-width: 78%;}
}

@media screen and (max-width: 900px) {
    .page-text-box h2, .page-text-box h3, .page-text-box h4 {max-width: 100%;}
    .page-text-box p {max-width: 100%;}
    .page-text-box li {max-width: 100%;}
}

@media screen and (max-width: 600px) {
    .page-text-box {padding: 0px 0px 18px 0px;}
    .page-text-box h1 {padding: 0px 0px 6px 0px; font-size: 24px; line-height: 32px;}
    .page-text-box .title {padding: 0px 0px 9px 0px;}
    .page-text-box h2, .page-text-box h3, .page-text-box h4 {padding: 9px 0px 9px 0px; font-size: 18px; line-height: 24px;}
    .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;}
    
    /*** *** ***/
    html[dir="rtl"] .page-text-box li {padding: 0px 18px 9px 0px;}
}



/**************** 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: 54px; padding: 0px 24px 0px 24px; font-weight: 600; font-size: 20px; line-height: 30px; text-align: center;
    color: var(--white); background-color: var(--gold); 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 18px 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::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 39px; height: 100%; background-color: hsla(0,0%,100%,0.24); transition: width ease 360ms;}
.page-contacts-box .contact-button:hover::after {width: 300px;}
.page-contacts-box .contact-button.whatsapp {margin: 0px 36px 36px 0px; background-color: var(--green);}
.page-contacts-box .contact-button.telegram {background-color: var(--blue);}


/*** *** ***/
html[dir="rtl"] .page-contacts-box .contact-button > i {margin: 0px 0px 0px 18px;}
html[dir="rtl"] .page-contacts-box .contact-button.whatsapp {margin: 0px 0px 36px 36px;}
html[dir="rtl"] .page-contacts-box .contact-button::after {left: auto; right: 0px;}


@media screen and (max-width: 900px) {
    .page-contacts-box .contact-button {min-height: 48px; padding: 0px 18px 0px 18px; font-size: 18px;}
    .page-contacts-box .contact-button.whatsapp {margin: 0px 24px 24px 0px;}
    .page-contacts-box .contact-button > i {width: 26px; margin: 0px 15px 0px 0px;}
    .page-contacts-box .contact-button::after {width: 31px;}
}

@media screen and (max-width: 400px) {
    .page-contacts-box .contact-button {min-height: 42px; padding: 0px 15px 0px 15px; font-size: 16px;}
    .page-contacts-box .contact-button.whatsapp {margin: 0px 24px 24px 0px;}
    .page-contacts-box .contact-button > i {width: 24px; margin: 0px 12px 0px 0px;}
    .page-contacts-box .contact-button::after {width: 27px;}
    
    html[dir="rtl"] .page-contacts-box .contact-button.whatsapp {margin: 0px 0px 24px 24px;}
}



/**************** 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 54px 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: -4px -4px -5px -5px;
}
.catalog-models-list .model-pad {width: 20%; padding: 4px 4px 5px 5px;}
.catalog-models-list .model-box {width: 100%; padding: 9px; background-color: var(--white);}
.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: 9px; right: 9px; z-index: 10;}
.catalog-models-list .model-box .icon {width: 42px; height: 42px; margin-bottom: 9px; padding: 18%;}
.catalog-models-list .model-box .icon.off {display: none;}
.catalog-models-list .model-box .icon::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background-color: hsla(0,0%,100%,0.24);}
.catalog-models-list .model-box .icon svg {display: block; width: 100%; aspect-ratio: 1; fill: var(--white);}
.catalog-models-list .model-box .icon.vip {background-color: var(--gold);}
.catalog-models-list .model-box .icon.top {background-color: var(--pink);}
.catalog-models-list .model-box .icon.new {padding: 0px; font-size: 12px; line-height: 42px; letter-spacing: 0.5px; text-align: center; color: var(--white); background-color: var(--green);}
.catalog-models-list .model-box .icon.new b {display: block; width: 100%; font-weight: 600; transform: rotate(-45deg); transform-origin: 50% 50%;}
.catalog-models-list .model-box .icon.video {background-color: var(--purple);}
.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: -54px; left: -54px; width: 108px; height: 108px; 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(--blue); z-index: 10;
}
.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: 0px 12px; text-shadow: 0px 0px 3px hsla(0,0%,0%,0.36); z-index: 10;
}
.catalog-models-list .model-box .text-box .name {max-width: 100%; padding: 0px 0px 9px 0px; font-weight: 600; font-size: 20px; line-height: 26px; color: var(--white); border-bottom: solid 1px hsla(0,0%,100%,0.48); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.catalog-models-list .model-box .text-box .city {width: 100%; padding: 6px 0px 9px 0px; font-weight: 400; font-size: 18px; line-height: 24px; color: hsla(0,0%,100%,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: 54px; padding: 0px 24px 0px 24px; font-weight: 600; font-size: 18px; line-height: 30px; text-align: center;
    color: var(--white); background-color: var(--gold); box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.catalog-models-more .more-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 18px 0px 0px;
}
.catalog-models-more .more-button > i > svg {display: block; width: 100%; height: 100%; fill: var(--white);}
.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::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 39px; height: 100%; background-color: hsla(0,0%,100%,0.24); transition: width ease 360ms;}
.catalog-models-more .more-button:hover::after {width: 300px;}

.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: 9px;}
html[dir="rtl"] .catalog-models-list .model-box .icon.new b {transform: rotate(45deg);}
html[dir="rtl"] .catalog-models-list .model-box .verified {top: -48px; left: auto; right: -48px; width: 96px; height: 96px; transform: rotate(45deg);}
html[dir="rtl"] .catalog-models-more .more-button > i {margin: 0px 0px 0px 18px;}
html[dir="rtl"] .catalog-models-more .more-button::after {left: auto; right: 0px;}


@media screen and (max-width: 1600px) {
    .catalog-models-list .model-pad {width: 25%;}
    .catalog-models-list .model-box .text-box .name {padding: 0px 0px 9px 0px; font-size: 18px; line-height: 24px;}
    .catalog-models-list .model-box .text-box .city {padding: 6px 0px 9px 0px; font-size: 16px; line-height: 22px;}
}

@media screen and (max-width: 1300px) {
    .catalog-models-list .model-box .icon {width: 36px; height: 36px;}
    .catalog-models-list .model-box .icon.new {line-height: 36px;}
    .catalog-models-more .more-button {min-height: 48px; padding: 0px 18px 0px 18px;}
    .catalog-models-more .more-button > i {width: 26px; margin: 0px 15px 0px 0px;}
    .catalog-models-more .more-button::after {width: 31px;}
    .catalog-models-more .sync {width: 36px; height: 36px;}
    
    /*** *** ***/
    html[dir="rtl"] .catalog-models-more .more-button > i {margin: 0px 0px 0px 15px;}
}

@media screen and (max-width: 1200px) {
    .catalog-models-list {margin: -3px;}
    .catalog-models-list .model-pad {padding: 3px;}
    .catalog-models-list .model-box {padding: 6px;}
    .catalog-models-list .model-box .icons-box {top: 6px; right: 6px;}
    .catalog-models-list .model-box .icon {width: 36px; height: 36px; margin-bottom: 6px;}
    .catalog-models-list .model-box .icon.new {line-height: 36px;}
    .catalog-models-list .model-box .text-box {padding: 0px 9px;}
    .catalog-models-list .model-box .text-box .name {padding: 0px 0px 6px 0px;}
    .catalog-models-list .model-box .text-box .city {padding: 4px 0px 6px 0px;}
    
    /*** *** ***/
    html[dir="rtl"] .catalog-models-list .model-box .icons-box {right: auto; left: 6px;}
}

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

@media screen and (max-width: 600px) {
    .catalog-models-box {padding: 0px 0px 36px 0px;}
    .catalog-models-list .model-pad {width: 50%;}
    .catalog-models-more {padding: 24px 0px 0px 0px;}
}

@media screen and (max-width: 400px) {
    .catalog-models-list .model-box .verified {top: -45px; left: -45px; width: 90px; height: 90px; font-size: 10px; line-height: 20px;}
    .catalog-models-list .model-box .text-box .name {font-size: 16px; line-height: 20px;}
    .catalog-models-list .model-box .text-box .city {font-size: 14px; line-height: 18px;}
    
    /*** *** ***/
    html[dir="rtl"] .catalog-models-list .model-box .verified {left: auto; right: -45px;}
}

@media screen and (max-width: 350px) {
    .catalog-models-list .model-box .icon {width: 30px; height: 30px;}
    .catalog-models-list .model-box .icon.new {font-size: 9px; line-height: 30px;}
    .catalog-models-list .model-box .verified {top: -42px; left: -42px; width: 84px; height: 84px; font-size: 9px; line-height: 18px;}
    .catalog-models-list .model-box .text-box .name {font-size: 14px; line-height: 18px;}
    .catalog-models-list .model-box .text-box .city {font-size: 12px; line-height: 18px;}
    
    /*** *** ***/
    html[dir="rtl"] .catalog-models-list .model-box .verified {top: -36px; left: auto; right: -36px; width: 72px; height: 72px;}
}



/**************** 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 36px 0px;
}

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

.model-page .model-side .logo-box {width: 100%; padding: 9px; background-color: var(--white);}
.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%;}
.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: 9px; right: 9px; z-index: 10;}
.model-page .model-side .logo .icon {width: 42px; height: 42px; margin-bottom: 9px; padding: 18%;}
.model-page .model-side .logo .icon.off {display: none;}
.model-page .model-side .logo .icon::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background-color: hsla(0,0%,100%,0.24);}
.model-page .model-side .logo .icon svg {display: block; width: 100%; aspect-ratio: 1; fill: var(--white);}
.model-page .model-side .logo .icon.vip {background-color: var(--gold);}
.model-page .model-side .logo .icon.top {background-color: var(--pink);}
.model-page .model-side .logo .icon.new {padding: 0px; font-size: 12px; line-height: 42px; letter-spacing: 0.5px; text-align: center; color: var(--white); background-color: var(--green);}
.model-page .model-side .logo .icon.new b {display: block; width: 100%; font-weight: 600; transform: rotate(-45deg); transform-origin: 50% 50%;}

.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: -54px; left: -54px; width: 108px; height: 108px; 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(--blue); z-index: 10;
}
.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: 0px -6px; padding: 6px 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%; padding: 9px; background-color: var(--white); 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: 24%; left: 30%; 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(--white);}

.model-page .model-main {width: 70%; padding: 0px 0px 0px 36px;}

.model-page .model-data-box {background-color: var(--white); margin: 0px 0px 36px 0px;}

.model-page .model-data-box .data-title {
    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: 100%; min-height: 66px; padding: 0px 24px 0px 24px; font-weight: 600; font-size: 20px; line-height: 30px;
    color: var(--black); background-color: hsla(36,100%,96%,1); box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.model-page .model-data-box .data-title  > 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;
}
.model-page .model-data-box .data-title > i > svg {display: block; width: 100%; height: 100%; fill: var(--gold);}
.model-page .model-data-box .data-title > b {display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto; font-weight: inherit;}

.model-page .model-data-box .data-box {width: 100%; padding: 9px 24px 9px 24px;}
.model-page .model-data-box .data-box.box1 {width: 50%; padding-right: 12px;}
.model-page .model-data-box .data-box.box2 {width: 50%; padding-left: 12px;}

.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; color: var(--black); border-bottom: solid 1px hsla(36,66%,90%,1);
}
.model-page .model-data-box .data:last-child {border-bottom: none;}

.model-page .model-data-grid {width: 100%;}
.model-page .model-data-grid .data-grid.grid1 {width: 50%; padding-right: 18px;}
.model-page .model-data-grid .data-grid.grid2 {width: 50%; padding-left: 18px;}

.model-page .model-data-box.about .contacts {position: absolute; top: 0px; right: 0px; padding: 24px 24px 24px 24px; z-index: 10;}
.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: 48px; padding: 0px 18px 0px 18px; font-weight: 600; font-size: 18px; line-height: 30px; text-align: center;
    color: var(--white); background-color: var(--gold); 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: 26px; aspect-ratio: 1; margin: 0px 15px 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::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 31px; height: 100%; background-color: hsla(0,0%,100%,0.24); transition: width ease 360ms;}
.model-page .model-data-box.about .contacts .item:hover::after {width: 300px;}

.model-page .model-data-box.about .contacts .icon {
    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;
    width: 48px; aspect-ratio: 1; margin: 0px 0px 0px 18px; padding: 0px; box-sizing: border-box; cursor: pointer; overflow: hidden;
}
.model-page .model-data-box.about .contacts .icon::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background-color: hsla(0,0%,100%,0.24);}
.model-page .model-data-box.about .contacts .icon svg {display: block; width: 26px; aspect-ratio: 1; fill: var(--white);}

.model-page .model-data-box.about .contacts .phone {background-color: var(--gold);}
.model-page .model-data-box.about .contacts .whatsapp {background-color: var(--green);}
.model-page .model-data-box.about .contacts .telegram {background-color: var(--blue);}

.model-page .model-data-box.about .data-title {min-height: 96px;}
.model-page .model-data-box.about .data .name {width: 40%; color: hsla(0,0%,60%,1);}
.model-page .model-data-box.about .data .value {width: 60%;}
.model-page .model-data-box.about .data.about {padding-top: 0px;}

.model-page .model-data-box.price .data .name {-webkit-flex: 1 1 auto; flex: 1 1 auto;}
.model-page .model-data-box.price .data .value {width: 90px; font-weight: 600; text-align: end; color: var(--gold);}
.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;}
.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(--green);}
.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: 9px;}
html[dir="rtl"] .model-page .model-side .logo .verified {top: -48px; left: auto; right: -48px; width: 96px; height: 96px; transform: rotate(45deg);}
html[dir="rtl"] .model-page .model-main {padding: 0px 36px 0px 0px;}
html[dir="rtl"] .model-page .model-data-box .data-title  > i {margin: 0px 0px 0px 15px;}
html[dir="rtl"] .model-page .model-data-box .data-box.box1 {padding-right: 24px; padding-left: 12px;}
html[dir="rtl"] .model-page .model-data-box .data-box.box2 {padding-left: 24px; padding-right: 12px;}
html[dir="rtl"] .model-page .model-data-grid .data-grid.grid1 {padding-right: 0px; padding-left: 18px;}
html[dir="rtl"] .model-page .model-data-grid .data-grid.grid2 {padding-left: 0px; padding-right: 18px;}
html[dir="rtl"] .model-page .model-data-box.about .contacts {right: auto; left: 0px;}


@media screen and (max-width: 1600px) {
    .model-page {padding: 0px 0px 48px 0px;}
    .model-page .model-side .logo-box {padding: 6px;}
    .model-page .model-side .logo .icons-box {top: 6px; right: 6px;}
    .model-page .model-side .logo .icon {width: 36px; height: 36px; margin-bottom: 6px;}
    .model-page .model-side .images-list {width: calc(100% + 6px); margin: 0px -3px; padding: 3px 0px 0px 0px;}
    .model-page .model-side .images-list .image-pad {padding: 3px;}
    .model-page .model-side .images-list .image-box {padding: 6px;}
    .model-page .model-main {padding: 0px 0px 0px 24px;}
    .model-page .model-data-box {margin: 0px 0px 24px 0px;}
    .model-page .model-data-box .data-title {min-height: 54px; padding: 0px 24px 0px 24px; font-size: 18px;}
    .model-page .model-data-box .data-title > i {width: 28px; margin: 0px 12px 0px 0px;}
    .model-page .model-data-box .data-box {padding: 9px 24px 9px 24px;}
    .model-page .model-data-box .data {padding: 9px 0px 9px 0px; font-size: 16px; line-height: 22px;}
    .model-page .model-data-grid .data-grid.grid1 {padding-right: 12px;}
    .model-page .model-data-grid .data-grid.grid2 {padding-left: 12px;}
    .model-page .model-data-box.about .contacts .item {min-height: 42px; padding: 0px 15px 0px 15px; font-size: 16px;}
    .model-page .model-data-box.about .contacts .item > i {width: 24px;}
    .model-page .model-data-box.about .contacts .item::after {width: 27px;}
    .model-page .model-data-box.about .contacts .icon {width: 42px;}
    .model-page .model-data-box.about .contacts .icon {margin: 0px 0px 0px 12px;}
    .model-page .model-data-box.about .data-title {min-height: 90px;}
    
    /*** *** ***/
    html[dir="rtl"] .model-page .model-side .logo .icons-box {right: auto; left: 6px;}
    html[dir="rtl"] .model-page .model-main {padding: 0px 24px 0px 0px;}
    html[dir="rtl"] .model-page .model-data-box .data-title > i {margin: 0px 0px 0px 12px;}
    html[dir="rtl"] .model-page .model-data-grid .data-grid.grid1 {padding-right: 0px; padding-left: 12px;}
    html[dir="rtl"] .model-page .model-data-grid .data-grid.grid2 {padding-left: 0px; padding-right: 12px;}
}

@media screen and (max-width: 900px) {
    .model-page .model-data-box .data-box.box1 {width: 100%; padding: 9px 18px 0px 18px !important;}
    .model-page .model-data-box .data-box.box1 .data:last-child {border-bottom: solid 1px hsla(36,66%,90%,1);}
    .model-page .model-data-box .data-box.box2 {width: 100%; padding: 0px 18px 9px 18px !important;}
    .model-page .model-data-grid .data-grid.grid1 {width: 100%; padding: 0px !important;}
    .model-page .model-data-grid .data-grid.grid2 {width: 100%; padding: 0px !important;}
    .model-page .model-data-box.about {padding-top: 90px;}
    .model-page .model-data-box.about .contacts {width: 100%; -webkit-justify-content: space-between; justify-content: space-between;}
    .model-page .model-data-box.about .contacts .item {min-height: 42px; padding: 0px 15px 0px 15px; font-size: 16px;}
    .model-page .model-data-box.about .contacts .item  > i {width: 24px;}
    .model-page .model-data-box.about .contacts .item::after {width: 27px;}
    .model-page .model-data-box.about .data-title {min-height: 54px;}
}

@media screen and (max-width: 600px) {
    .model-page {padding: 0px 0px 54px 0px;}
    .model-page .model-side {width: 100%; padding-bottom: 15px;}
    .model-page .model-main {width: 100%; padding: 0px !important;}
    .model-page .model-data-box {margin: 0px 0px 18px 0px;}
    .model-page .model-data-box .data-title {min-height: 48px; padding: 0px 18px 0px 18px; font-size: 18px;}
    .model-page .model-data-box .data-box {padding: 9px 18px 9px 18px;}
    .model-page .model-data-box .data-box.box1 {padding-right: 18px;}
    .model-page .model-data-box .data-box.box2 {padding-left: 18px;}  
    .model-page .model-data-box.about .contacts {padding: 18px 18px 18px 18px;}
    .model-page .model-data-box.about {padding-top: 78px;}
    .model-page .model-data-box.about .data-title {min-height: 48px;}
}

@media screen and (max-width: 350px) {
    .model-page .model-data-box .data-title {font-size: 16px;}
    .model-page .model-data-box .data-title  > i {width: 24px;}
    .model-page .model-data-box .data {padding: 9px 0px 9px 0px; font-size: 14px; line-height: 20px;}
}



/**************** 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: hsla(0,0%,0%,1); opacity: 0; transition: opacity ease 360ms; z-index: 1000;}
.model-gallery-popup.open {opacity: 1;}
.model-gallery-popup .flexac {width: 100%; height: 100%; padding: 60px;}
.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: 90px; height: 90px; background-color: hsla(0,0%,18%,1); cursor: pointer; z-index: 100;}
.model-gallery-popup .close i {display: block; position: absolute; top: 40px; left: 16px; width: 60px; height: 7px; background-color: hsla(0,0%,84%,1); 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: 90px; height: 90px; margin-top: -45px; background-color: hsla(0,0%,18%,1); 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: hsla(0,0%,84%,1);}
.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: 1600px) {
    .model-gallery-popup .flexac {padding: 36px;}
    .model-gallery-popup .close {width: 60px; height: 60px;}
    .model-gallery-popup .close i {top: 27px; left: 12px; width: 36px; height: 4px;}
    .model-gallery-popup .swiper-button {width: 60px; height: 60px; margin-top: -30px;}
}

@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;}
}