.freeze { opacity: .5; pointer-events: none; filter: grayscale(1); pointer-events: none; }
.freeze * { pointer-events: none; }
.cur-p { cursor: pointer; }
.fw-600 { font-weight: 600!important; }
.bg-progress { background-color: #4D2573; background-color: var(--ui-color); }
.badge-brand { color: #FFF; background-color: #4D2573; background-color: var(--ui-color); }
.tooltip-inner { max-width: 320px; text-align: center; }

.btn-outline-dmg:hover { background-color: var(--ui-color); border-color: var(--ui-color); }

@media (min-width: 768px) {
  .tooltip-inner { max-width: 600px; }
}

@media (min-width: 1200px) {
  .w-xl-50 { width: 50%!important; }
}

/*--- HOME PAGE STYLES ---*/
.cont-home { display: flex; align-items: center; flex-wrap: wrap; align-items: stretch; }
.cont-home a { width: 100%; }

.hello-user { font-size: 16px; color: #FFF; text-shadow: 1px 1px 4px #000; margin-bottom: 0; cursor: default; position: relative; }
.hello-user.dropdown-toggle { border: 0; background-color: transparent; padding-right: .25rem; cursor: pointer; -webkit-user-select: none!important; user-select: none!important; box-shadow: none!important; outline: 0!important; padding-left: 0; width: 100%; overflow: hidden; }
html[dir="rtl"] .hello-user.dropdown-toggle { padding-left: .25rem; padding-right: 0; }
.hello-user.dropdown-toggle::after { display: none; }
.hello-user.dropdown-toggle::before { content: ''; position: absolute; left: -10px; right: -10px; top: -10px; bottom: -10px; margin: 0; border: 0; vertical-align: unset; display: block; cursor: pointer; opacity: 0; background-color: #fff; z-index: 0; transition: ease all .2s; border-radius: 5px; display: none; }
.hello-user.dropdown-toggle:hover::before { opacity: .2;  }
.hello-user.dropdown-toggle:active::before { opacity: 0;  }

.hello-user.dropdown-toggle .icon-user { pointer-events: none; z-index: 1; }
.hello-user.dropdown-toggle .name { z-index: 1; display: block; text-align: left; white-space: normal; line-height: 1.2; }

.hello-user { display: flex; align-items: center; font-size: 16px; color: #FFF; text-shadow: 1px 1px 4px #000; margin-bottom: 0; cursor: default; }
.hello-user .user { width: 40px; height: 40px; border-radius: 50%; object-fit: contain; margin-right: .5rem; box-shadow: 1px 1px 4px #00000061; }
html[dir="rtl"] .hello-user .user { margin-right: 0; margin-left: .5rem; }
.hello-user .icon-user { background-size: contain; }

.firm-link { border-radius: 10px; overflow: hidden; display: block; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; width: 100%; margin-bottom: 30px; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: ease all .2s; background-color: #FFF; text-decoration: none; background-image: none; }
.firm-link::after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 50%, rgba(0,0,0,0.2) 100%); transition: ease transform .2s; transform: translateZ(0); }
.firm-link img { z-index: 1; max-width: 65%; max-height: 80%; }
.firm-link:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; transform: translateY(-3px); }
.firm-link:hover::after { transform: translateY(20%); }

.protect .firm-link:not(.about-cyprus-link) { flex-direction: column; gap: 20px 0; text-decoration: none!important; }
.protect .firm-link:not(.about-cyprus-link) .firm-link img { max-height: 70%; }
.protect .firm-link:not(.about-cyprus-link) small { color: #b4b4b4; font-size: 16px; font-weight: 400; letter-spacing: 1.2px; text-align: center; }

.firm-link.no-click { cursor: default; pointer-events: none; }
/* .firm-link.no-click:hover { transform: translateY(0); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } */
.firm-link.no-click p::after { right: -20px; }

.cont-firms:not(.protect) .firm-link[data-firm="aderans"] img { max-width: 75%; }
.cont-firms:not(.protect) .firm-link[data-firm="gulbag"] img { height: 70%; }
.cont-firms:not(.protect) .firm-link[data-firm="ozeray"] img { max-width: 80%; }
.cont-firms:not(.protect) .firm-link[data-firm="akdam"] img { height: 70%; }
.cont-firms:not(.protect) .firm-link[data-firm="kensington"] img { height: 60%; }
.cont-firms:not(.protect) .firm-link[data-firm="stonearch"] img { height: 70%; }
.cont-firms:not(.protect) .firm-link[data-firm="kamtek"] img { height: 60%; }
.cont-firms:not(.protect) .firm-link[data-firm="hancerinsaat"] img { height: 80%; }

.cont-firms:not(.protect) .firm-link[data-firm="dnd-cyprus"] img { transform: scale(.9); }
.cont-firms:not(.protect) .firm-link[data-firm="dmg"] img { transform: scale(1.15); }
.cont-firms:not(.protect) .firm-link[data-firm="dems-construction"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="emperia"] img { transform: scale(1.75); }
.cont-firms:not(.protect) .firm-link[data-firm="emtan"] img { transform: scale(1.15); }
.cont-firms:not(.protect) .project-link[data-firm="emtan"] .logo-firm img { height: 20px; }
.cont-firms:not(.protect) .firm-link[data-firm="ertugrulconstruction"] img { transform: scale(1.3); }

.cont-firms:not(.protect) .firm-link[data-firm="serveroglu"] img { transform: scale(1.75); }


.badge-cont { position: absolute; right: .75rem; top: calc(50px + .75rem);  }
.badge-cont .badge { color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: .25em .5em; border-radius: .5rem; margin-bottom: .75rem; display: block; background: #008d47;  }
.badge-document { background-color: #dc3545;  }

[data-firmisnew="true"] .badge-cont,
[data-projectisnew="true"] .badge-cont { top: .75rem; }
[data-projectisnew="true"] .badge-cont { top: calc(50px + .75rem); }


.about-cyprus-link::after { z-index: 1; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 45%, rgba(0,0,0,.7) 100%); transform: translateZ(0) }
.about-cyprus-link:hover::after { transform: translateY(70%); }
.about-cyprus-link p { position: absolute; z-index: 2; bottom: 20px; left: 20px; margin: 0; font-weight: 600; font-size: 18px; color: #FFF; line-height: 1; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); }
.about-cyprus-link p span { font-weight: 700; font-size: 36px; display: block; transform: translateX(15px); transition: ease all .2s; }
.about-cyprus-link:hover p span { transform: translateX(-3px); }
.about-cyprus-link img { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: unset; width: 100%; object-fit: cover; max-height: 100%; }
.about-cyprus-link p::after { content: ''; position: absolute; background-color: #B91E26; top: -8px; bottom: -7px; left: -100%; right: calc(100% + 20px); transition: ease all .2s; z-index: -1; border-radius: 16px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.about-cyprus-link:hover p::after { right: -20px; }

.sqm-price-analysis { background-color: #F7F7F7; align-items: flex-start; }
.sqm-price-analysis p { font-size: 28px; line-height: 1.2; font-weight: 700; }
.sqm-price-analysis img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 55%; object-fit: unset; margin-top: 5%; }

.projects-by-installment { background-color: #F7F7F7; align-items: flex-start; }
.projects-by-installment p { font-size: 28px; line-height: 1.2; font-weight: 700; }
.projects-by-installment img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 55%; object-fit: unset; margin-top: 5%; }


.projects-rental-yield { background-color: #F7F7F7; align-items: flex-start; }
.projects-rental-yield p { font-size: 28px; line-height: 1.2; font-weight: 700; }
.projects-rental-yield img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 55%; object-fit: unset; margin-top: 5%; }

.projects-on-map p { font-size: 28px; font-weight: 700; line-height: 1.2; }

.cont-projects .about-branding { background-color: #FFF!important; position: relative; }
.cont-projects .about-branding::before { content: ''; position: absolute; left: 15%; right: 15%; top: 15%; bottom: 15%; background-image: var(--bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none; }
.cont-projects .firm-link.about-branding::after { display: block!important; content: ''; position: absolute; width: 100%; height: 100%; transition: ease transform .2s; z-index: 1; background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.00) 45%, rgba(0, 0, 0, .7) 100%); transform: translateZ(0); }

body:has(.noyanlar-control) .page-price-list .unit-list-cont .unit .icon-download { opacity: 0!important; pointer-events: none!important; }

@media (min-width: 992px) {
  .cont-projects .projects-on-map img { top: 30px; }
}

.projects-list { background-color: #F7F7F7; align-items: center; }
.projects-list:hover { text-decoration: none; }
.projects-list p { color: #333!important; text-shadow: 1px 1px 1px rgba(255, 255, 255, .5)!important; transform: unset!important; display: flex!important; flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 0 15px; flex-shrink: 0; position: relative!important; line-height: 1!important; bottom: unset!important; left: unset!important; right: unset!important; font-weight: 500!important; margin: 0 20px!important; width: calc(100% - 40px); }
.projects-list p:after { display: none!important; }
.projects-list p strong { text-align: right; font-size: 76px!important; line-height: 1!important; font-weight: 700!important; width: calc(50% - 15px); }
.projects-list p span { transform: translateY(-6px)!important; font-size: 28px!important; line-height: 1!important; font-weight: 500!important; width: 50%; }
.projects-list::after { background-image: linear-gradient(-180deg, #FFFFFF 46%, #AAA9AA 100%); }

html[lang="fi"] .projects-list p strong,
html[lang="hu"] .projects-list p strong,
html[lang="no"] .projects-list p strong { font-size: 60px!important; }

html[lang="fi"] .projects-list p span,
html[lang="hu"] .projects-list p span,
html[lang="no"] .projects-list p span { font-size: 18px!important; }

html[lang="pl"] .projects-list p strong { font-size: 70px!important; }
html[lang="pl"] .projects-list p span { font-size: 22px!important; }

html[lang="ru"] .projects-list p strong { font-size: 70px!important; }
html[lang="ru"] .projects-list p span { font-size: 22px!important; }

html[lang="sk"] .projects-list p strong { font-size: 72px!important; }
html[lang="sk"] .projects-list p span { font-size: 24px!important; }

html[lang="sv"] .projects-list p strong { font-size: 60px!important; }
html[lang="sv"] .projects-list p span { font-size: 16px!important; }

html[dir="rtl"] .projects-list p strong { text-align: left; }


/*
.projects-list p,
.projects-list p span { font-size: 28px; line-height: 1.2; font-weight: 700; }
.projects-list p span { display: inline; transform: none; position: relative; color: yellow; }
.projects-list p span::after { content: ''; position: absolute; display: block; left: 0; right: 0; height: 3px; background-color: yellow; bottom: -1px; }
.projects-list img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 46%; object-fit: unset; margin-top: 5%; }
*/

.about-cyprus-link.resale-listings { background-color: #F7F7F7; align-items: flex-start; }
.about-cyprus-link.resale-listings p,
.about-cyprus-link.resale-listings p span { font-size: 28px; line-height: 1.2; font-weight: 700; }
.about-cyprus-link.resale-listings p span { display: inline; transform: none; position: relative; color: yellow; }
.about-cyprus-link.resale-listings p span::after { content: ''; position: absolute; display: block; left: 0; right: 0; height: 3px; background-color: yellow; bottom: -1px; }
.about-cyprus-link.resale-listings img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 57%; object-fit: unset; margin-top: 5%; }


/*
.projects-list { align-items: center!important; padding: 15px; background-color: #2d6073; transition: ease all .2s;  }
.projects-list:hover { background-color: #FFF; text-decoration: none; }
.projects-list p { position: relative; left: unset; bottom: unset; margin: 0; line-height: 1.33; font-size: 28px; font-weight: 700; color: #FFF; text-decoration: none; }
.projects-list p span { position: relative; color: yellow; }
.projects-list p span::after { content: ''; position: absolute; display: block; left: 0; right: 0; height: 3px; background-color: yellow; bottom: -2px; }
.projects-list:hover p { color: #FFF; }
.projects-list p::after { content: ''; position: absolute; background-color: #B91E26; top: -10px; bottom: -15px; left: -100%; right: calc(100% - -15px); transition: ease all .2s; z-index: -1; border-radius: 16px; border-top-left-radius: 0; border-bottom-left-radius: 0;  }
.projects-list:hover p::after { right: -45px; }
*/

.dmgproje-box { background-color: #F7F7F7; align-items: flex-start; }
.dmgproje-box p { position: absolute; z-index: 2; bottom: 20px; left: 20px; margin: 0; font-weight: 600; font-size: 24px; color: #FFF; line-height: 1; }
.about-cyprus-link p::after { top: -5px; }
.dmgproje-box p span { font-weight: 700; font-size: 30px; display: block; transform: translateX(0); transition: ease all .2s; }
.dmgproje-box:hover p span { transform: translateX(0); }
.dmgproje-box img {  }


.project-link { border-radius: 10px; overflow: hidden; display: block; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; margin-bottom: 30px; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: ease all .2s; text-decoration: none; overflow: hidden; display: none; background-image: none; background-color: #FFF; }
.project-link.active { display: flex; display: flex; -webkit-animation: FadeIn 0.65s ease forwards; animation: FadeIn 0.65s ease forwards; }
.project-link:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; transform: translateY(-3px); text-decoration: none; }

.project-link .logo-firm { padding: 10px 0; width: 100%; text-align: center; text-decoration: none; }
.project-link .logo-firm img { height: 30px; width: auto; }

.project-link .project-img { width: 100%; position: relative; overflow: hidden; }
.project-link .project-img img { width: 100%; aspect-ratio: 16 / 10; }
.project-link .project-img::after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 50%, rgba(0,0,0,0.25) 100%); transition: ease transform .2s; opacity: 1; }
.project-link:hover .project-img::after { transform: translateY(70%); }
.project-link p { font-size: 18px; font-weight: 700; margin: 0; width: 100%; padding: 10px 15px; text-decoration: none; text-align: center; white-space: nowrap; color: #333; }

.proto-siteplan .img-cont { position: relative; }

@media (min-width: 768px) {
  .hello-user .user { width: 50px; height: 50px; }
  .cont-home a.firm-link { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); margin-right: 30px; }
  .cont-home a.firm-link:nth-child(2n) { margin-right: 0; }

  .cont-home a.project-link { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); margin-right: 30px; }
  .cont-home a.project-link:nth-child(2n) { margin-right: 0; }
}

@media (min-width: 992px) {
  .hello-user { font-size: 21px; }
  .hello-user .user { width: 70px; height: 70px; }
  .cont-home a.firm-link { flex: 0 0 calc(33.333333% - 20px); max-width: calc(33.333333% - 20px); }
  .cont-home a.firm-link:nth-child(2n) { margin-right: 30px; }
  .cont-home a.firm-link:nth-child(3n) { margin-right: 0; }

  .cont-home a.project-link { flex: 0 0 calc(33.333333% - 20px); max-width: calc(33.333333% - 20px); }
  .cont-home a.project-link:nth-child(2n) { margin-right: 30px; }
  .cont-home a.project-link:nth-child(3n) { margin-right: 0; }

  .sqm-price-analysis p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-by-installment p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .about-cyprus-link.resale-listings p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-rental-yield p { font-size: 24px; line-height: 1.2; font-weight: 700; }

  /*
  .projects-list p,
  .projects-list p span { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-list p span { display: inline; transform: none; }
  */
}

@media (min-width: 1200px) {
  .hello-user { font-size: 24px; }
  .hello-user .user { width: 80px; height: 80px; margin-right: 1rem; }
  .cont-home a.firm-link { flex: 0 0 calc(25% - 22.5px); max-width: calc(25% - 22.5px); }
  .cont-home a.firm-link:nth-child(3n) { margin-right: 30px; }
  .cont-home a.firm-link:nth-child(4n) { margin-right: 0; }

  .cont-home a.project-link { flex: 0 0 calc(25% - 22.5px); max-width: calc(25% - 22.5px); }
  .cont-home a.project-link:nth-child(3n) { margin-right: 30px; }
  .cont-home a.project-link:nth-child(4n) { margin-right: 0; }
}

@media (min-width: 1440px) {
  .about-cyprus-link p { position: absolute; z-index: 2; bottom: 17px; left: 20px; right: 0px; margin: 0; font-weight: 600; font-size: 21px; color: #FFF; line-height: .95; }
  .about-cyprus-link p span { font-weight: 700; font-size: 42px; display: block; transform: translateX(15px); transition: ease all .2s; }
  .about-cyprus-link:hover p::after { right: -40px; }

  .dmgproje-box p { position: absolute; z-index: 2; bottom: 20px; left: 20px; margin: 0; font-weight: 600; font-size: 24px; color: #FFF; line-height: 1; }
  .dmgproje-box p span { font-weight: 700; font-size: 30px; display: block; transform: translateX(0); transition: ease all .2s; }
  .dmgproje-box:hover p::after { right: -40px; }

  .proto-siteplan .modal-xl { max-width: 1380px; }
  .proto-siteplan .modal-xl .modal-content { text-align: center; }

  .projects-on-map p { font-size: 32px; font-weight: 700; line-height: 1.2; }

  .sqm-price-analysis p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-by-installment p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-rental-yield p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .about-cyprus-link.resale-listings p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  /*
  .projects-list p,
  .projects-list p span { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-list p span { display: inline; transform: none; }
  */
}


/*--- PHOTO PAGES STYLES ---*/
.proto.proto-photos { margin-left: -20px; width: calc(100% + 40px); border-radius: 0; padding: 0; background-color: transparent; }
.proto.proto-photos h1 { border-radius: 12px; padding: 20px; background-color: #FFF; margin: 20px; }
.proto.proto-photos .big-photos { border-radius: 0; }
.proto-floorplans .big-photos img { cursor: pointer; }
.proto-construction .big-photos { aspect-ratio: 3 / 2 }

body:has(.proto-floorplans) #photoModal .modal-dialog { max-width: 1440px; }

@media (min-width: 992px) {
  body:has(.proto-floorplans).modal-open { padding-right: 0!important; }
  body:has(.proto-floorplans) #photoModal { padding-right: 0!important }
  body:has(.proto-floorplans) #photoModal .modal-dialog { min-height: 100%; margin: 0 auto; }
  body:has(.proto-floorplans) #photoModal .modal-body { border-radius: 0; text-align: center; }

  body:has(.proto-floorplans) #photoModal .close { top: 0; right: 0; padding: 1rem; color: #000; text-shadow: unset; }
  body:has(.proto-floorplans) #photoModal .close::after { filter: invert(1); }
}

html[data-wl="true"] .proto-construction .modal-body::after { display: none; }

.swiper-slide img { aspect-ratio: 3 / 2; width: 100%; }
.big-photos, .img-single { border-radius: 8px; }
.big-photos .swiper-slide {  }
.big-photos .swiper-pagination-fraction { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 10px; background: rgba(0,0,0,.8); border-radius: 13px; width: 55px; height: 26px; font-size: 13px; font-weight: 600; line-height: 26px; color: #fff; text-align: center; }
.big-photos .custom-fraction { top: 10px; bottom: unset; width: fit-content; z-index: 10; padding: 0 15px; }

.big-photos .swiper-button-prev, .big-photos .swiper-button-next { background: #4D2573; background: var(--ui-color); color: #FFF; width: 30px; height: 50px; }
.big-photos .swiper-button-prev { left: 0; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.big-photos .swiper-button-next { right: 0; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.big-photos .swiper-button-prev::after { transform: translateX(-3px); font-size: 24px; }
.big-photos .swiper-button-next::after { transform: translateX(3px); font-size: 24px; }

.big-photos .swiper-button-prev::before,
.big-photos .swiper-button-next::before { content: ''; position: absolute; top: -20px; bottom: -20px; }

.big-photos .swiper-button-prev::before { left: 0; right: -20px; }
.big-photos .swiper-button-next::before { right: 0; left: -20px; }

.gallery-thumbs, .gallery-thumbs-btns { display: none; }

.property-types { clear: both; }
.property-type.property-type-title { display: none; }
.property-type { position: relative; flex-shrink: 0; padding: 15px; padding-bottom: 0; font-size: 15px; background: #f7f5fa; border-radius: 8px; margin-bottom: 15px; }
.property-type ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; }
.property-type li { line-height: 1; white-space: nowrap; width: 50%; margin-bottom: 15px; }
.property-type li small { transform: translateY(2px); }
.property-type li small.startsfrom-suffix { }
.property-type li::before { color: #666; display: block; line-height: 1; font-weight: 600; font-size: 14px; margin-bottom: 4px; }
.property-type li:nth-child(1) { font-weight: 700; }
.property-type li:nth-child(6) .btn-sm { color: #FFF; width: 100%; padding: 4px 8px 4px 22px; border: 0; box-shadow: none!important; outline: 0!important; font-weight: 600; background-color: #4D2573; background-color: var(--ui-color); background-repeat: no-repeat; background-position: calc(50% - 18px) center; background-size: 10px auto; }
.property-type li:nth-child(6) .btn-sm:hover { background-color: #3B1B5A; background-color: var(--primary-color-dark); }

/*
.property-type li:nth-child(6) a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); }
.property-type li:nth-child(6) .icon-external-link { display: none; }
 */

.proto-documents { }
.proto-documents a { display: flex; align-items: center; border: 1.5px solid #e4e2e7; border-radius: 6px; color: #333; text-decoration: none; max-width: 500px; padding: 16px; margin-bottom: 1rem; line-height: 1; transition: ease all .2s; }
.proto-documents a span { background-repeat: no-repeat; background-size: contain; flex-shrink: 0; }
.proto-documents a span.icon-download-menu { margin-right: 10px; width: 20px; height: 20px; }
.proto-documents a span.icon-download-file { margin-left: auto; width: 18px; height: 18px; }
.proto-documents a::before { content: ''; }

.proto-documents a:last-child { margin-bottom: 0; }
.proto-documents a:hover,
.proto-documents a:focus { background-color: #e4e2e7; }


@media (min-width: 768px) {
  .proto.proto-photos { margin-left: unset; width: 100%; border-radius: 12px; padding: 20px; background-color: #FFF; }
  .proto.proto-photos h1 { border-radius: 0; padding: 0; background-color: transparent; margin: 0; }
  .proto.proto-photos .big-photos { border-radius: 8px; }

  .big-photos .swiper-button-prev, .big-photos .swiper-button-next { background: #4D2573; background: var(--ui-color); width: 50px; height: 80px; }
  .big-photos .swiper-button-prev { border-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .big-photos .swiper-button-next { border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .big-photos .swiper-button-prev::after { transform: translateX(-3px); font-size: 44px; }
  .big-photos .swiper-button-next::after { transform: translateX(3px); font-size: 44px; }

  .big-photos .swiper-button-prev::before,
  .big-photos .swiper-button-next::before { display: none; }

  .property-type li:nth-child(6) .btn-sm { width: fit-content; background-position: 10px center; text-align: left; padding-right: 12px; padding-left: 26px; }
}

@media (min-width: 992px) {
  .proto.proto-photos { padding: 25px; width: calc(100% - 300px); }
  .big-photos .swiper-button-prev, .big-photos .swiper-button-next { width: 40px; height: 60px; }
  .big-photos .swiper-button-prev::after { transform: translateX(-3px); font-size: 36px; }
  .big-photos .swiper-button-next::after { transform: translateX(3px); font-size: 36px; }

  .gallery-thumbs { display: block; margin-top: 5px; padding: 5px; }
  .gallery-thumbs .swiper-slide { cursor: pointer; /*margin-top: 5px; margin-bottom: 5px; */ }

  .gallery-thumbs .swiper-slide::before { content: ''; position: absolute; top: -4px; left: -4px; bottom: -4px; right: -4px; border: 2px solid #4D2573; border: 2px solid var(--ui-color); border-radius: 6px; opacity: 0; pointer-events: none; }

  .gallery-thumbs .swiper-slide img { border-radius: 4px; opacity: .8; }
  .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {  }
  .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before { opacity: 1; }
  .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img { opacity: 1; }

  .gallery-thumbs-btns { display: block; position: relative; width: calc(100% + 10px); margin-left: -5px; }

  .gallery-thumbs-btns .swiper-button-prev::after { transform: translateX(-2px); font-size: 24px; color: #4D2573; color: var(--ui-color); }
  .gallery-thumbs-btns .swiper-button-next::after { transform: translateX(2px); font-size: 24px; color: #4D2573; color: var(--ui-color); }
  .gallery-thumbs-btns .swiper-button-prev { left: -22px; }
  .gallery-thumbs-btns .swiper-button-next { right: -20px; }

  .gallery-thumbs-btns .swiper-button-prev.swiper-button-disabled,
  .gallery-thumbs-btns .swiper-button-next.swiper-button-disabled { opacity: 0; }

  .property-types {  }
  .property-type.property-type-title { display: flex; border-bottom: 0; font-weight: 600; background: #f7f5fa; margin: 0; width: 100%!important; border-radius: 8px; }
  .property-type.property-type-title ul { margin-left: 16px; margin-right: 16px; }
  .property-type.property-type-title li:nth-child(1) { font-weight: 600; }
  .property-type { position: relative; flex-shrink: 0; width: calc(100% - 32px)!important; border-bottom: 1px solid rgb(228 226 231); padding: 15px 0; background: none; margin-left: 16px; margin-right: 16px; margin-bottom: 0; font-size: 15px; border-radius: 0; font-size: 14px; }
  .property-type ul { flex-wrap: nowrap; width: 100%; }
  .property-type li { line-height: 1; white-space: nowrap; width: unset; margin-bottom: 0; display: flex; align-items: center; }
  .property-type li::before { display: none; }
  .property-type li:nth-child(1) { width: 15%; }
  .property-type li:nth-child(2) { width: 23%; }
  .property-type li:nth-child(3) { width: 18%; }
  .property-type li:nth-child(4) { width: 18%; }
  .property-type li:nth-child(5) { width: 17%; justify-content: flex-end; }
  .property-type li:nth-child(6) { width: 10%; justify-content: flex-end; }
  .property-type li:nth-child(6) a::after { display: none; }
  .property-type li:nth-child(6) .icon-external-link { width: 14px; height: 14px; display: inline-block; background-size: cover; }
  .property-type li:nth-child(6) .btn-sm { font-size: 12px; background-position: 8px center; padding-left: 24px; padding-right: 8px; }
  .property-type li small { margin-right: 3px; margin-left: 0; }
  .property-type li small.startsfrom-suffix { margin-right: 0; margin-left: 3px; }
}

@media (min-width: 1200px) {
  .proto.proto-photos { padding: 30px; width: calc(100% - 350px); }
  .property-type li:nth-child(2) { width: 27%; }
  .property-type li:nth-child(3) { width: 17%; }
  .property-type li:nth-child(4) { width: 17%; }
  .property-type li:nth-child(6) { width: 8%; }
}

@media (min-width: 1440px) {
  .big-photos .swiper-button-prev, .big-photos .swiper-button-next { width: 50px; height: 80px; }
  .big-photos .swiper-button-prev::after, .big-photos .swiper-button-next::after { font-size: 44px; }

  .gallery-thumbs-btns .swiper-button-prev::after { transform: translateX(-2px); font-size: 28px; }
  .gallery-thumbs-btns .swiper-button-next::after { transform: translateX(2px); font-size: 28px; }
  .gallery-thumbs-btns .swiper-button-prev { left: -25px; }
  .gallery-thumbs-btns .swiper-button-next { right: -23px; }

  .property-type { font-size: 15px; }
  .property-type li small { transform: translateY(1px); }
  .property-type li:nth-child(6) .btn-sm { font-size: 14px; }
}


/*--- DMG PROJE STYLES ---*/
.dmg-proje .dmg-cont { position: relative; width: 100%; }
.dmg-proje .dmg-cont .proto { width: 100%; height: fit-content; }

.dmg-proje .dmg-cont .proto-index .aerocity-logo { width: 160px; height: auto; margin: 0 auto 15px auto; display: block; }

.dmg-proje .dmg-cont .proto-index ul { line-height: 1.5; margin: 0; padding: 0; font-size: 17px; }
.dmg-proje .dmg-cont .proto-index ul li { list-style: none; margin-bottom: 15px; display: flex; }
.dmg-proje .dmg-cont .proto-index ul li::before { content: ''; width: 17px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M0 10a10 10 0 1 1 10 10A10 10 0 0 1 0 10Zm14.5-1.7A1 1 0 0 0 13 6.7L8.7 11 7 9.2a1 1 0 0 0-1.5 1.6L8 13.3a1.1 1.1 0 0 0 1.5 0Z' fill='%23da1e4f'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; display: block; margin-right: 7px; line-height: 1; transform: translateY(3px); flex-shrink: 0; }

.dmg-proje .dmg-cont .proto-index h2 { font-size: 28px; font-weight: 700; text-align: center; margin: 30px 0 20px 0; }
.dmg-proje .dmg-cont .proto-index h2 span { color: #e31e25; }
.dmg-proje .dmg-cont .proto-index p.about { font-size: 17px; line-height: 1.66; margin: 0 auto 30px auto; text-align: center; position: relative; }
.dmg-proje .dmg-cont .card-cont { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.dmg-proje .dmg-cont .card-cont .card-logo { width: calc(33.33% - 10px); max-width: 260px; min-height: 50px; margin-right: 15px; margin-bottom: 15px; border-radius: 10px; background: #fff; border: 1px solid #f5f5f5; display: flex; align-items: center; justify-content: center; }
.dmg-proje .dmg-cont .card-cont .card-logo:nth-child(3n) { margin-right: 0; }
.dmg-proje .dmg-cont .card-cont .card-logo img { width: 100%; max-width: 74px; height: auto; }

.dmg-proje .dmg-cont #floorplan .floor-plan { /* border-bottom: 5px solid #E31E25; */ border-radius: 8px; box-shadow: 0 .125rem .375rem rgba(0,0,0,.05), 0 .5rem 1.2rem rgba(0,0,0,.1); padding: 15px; overflow: hidden; margin-bottom: 30px; cursor: pointer; transition: ease transform .2s; pointer-events: none;  }

.dmg-proje .dmg-cont #floorplan .floor-plan:hover { transform: translateY(-2px); }
.dmg-proje .dmg-cont #floorplan .floor-plan img { display: block; margin: 0 auto 15px auto; }
.dmg-proje .dmg-cont #floorplan .floor-plan h3 { color: #5B5B5B; margin-bottom: 5px; font-size: 21px; font-weight: 700; }
.dmg-proje .dmg-cont #floorplan .floor-plan p { margin-bottom: 0; line-height: 1; padding: 10px 0; border-top: 1px solid #d6d6d6; }
.dmg-proje .dmg-cont #floorplan .floor-plan p span { display: inline-block; width: 110px; white-space: nowrap; }
.dmg-proje .dmg-cont #floorplan .floor-plan p:last-child { margin-bottom: 0; border-bottom: 1px solid #d6d6d6; }

.dmg-proje .dmg-cont .proto.proto-photos { width: calc(100% + 40px); height: unset; }
.dmg-proje .dmg-cont #floorplan .swiper-slide img { aspect-ratio: unset; width: unset; }

@media (min-width: 768px) {
  .dmg-proje .dmg-cont .proto-index .aerocity-logo { width: 200px; margin: 10px auto 25px auto; }
  .dmg-proje .dmg-cont .proto-index ul li::before { width: 20px; height: 20px; margin-right: 10px; transform: translateY(3px); }
  .dmg-proje .dmg-cont .proto.proto-photos { width: 100%; }

  .dmg-proje .dmg-cont .proto-index p.about { font-size: 18px; }
  .dmg-proje .dmg-cont .card-cont .card-logo { width: calc(20% - 12px); min-height: 70px; }
  .dmg-proje .dmg-cont .card-cont .card-logo:nth-child(3n) { margin-right: 15px; }
  .dmg-proje .dmg-cont .card-cont .card-logo:nth-child(5n) { margin-right: 0; }
  .dmg-proje .dmg-cont .card-cont .card-logo img { max-width: 90px; }

  .dmg-proje .dmg-cont #floorplan .floor-plan { pointer-events: all; width: calc(50% - 15px); }
  #floorPlanModal h3 { font-size: 24px; }

  #floorPlanModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
  #floorPlanModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
  #floorPlanModal .modal-content {  }
  #floorPlanModal .modal-body { border-radius: 8px; }
  #floorPlanModal .modal-body .swiper-container { max-height: 90vh; }
}

@media (min-width: 992px) {
  .dmg-proje .dmg-cont { width: calc(100% - 300px); }
  .dmg-proje .dmg-cont .proto { padding: 25px; width: 100%; }
  .dmg-proje .dmg-cont .proto-index ul { font-size: 18px; }
  .dmg-proje .dmg-cont .proto-index ul li { margin-bottom: 20px; }

  .dmg-proje .dmg-cont .proto-index h2 { font-size: 32px; }
  .dmg-proje .dmg-cont .proto-index p.about { font-size: 19px; max-width: 90ch; }
  .dmg-proje .dmg-cont .card-cont .card-logo { width: calc(16.66% - 12.5px); min-height: 80px; }
  .dmg-proje .dmg-cont .card-cont .card-logo:nth-child(5n) { margin-right: 15px; }
  .dmg-proje .dmg-cont .card-cont .card-logo:nth-child(6n) { margin-right: 0; }
  .dmg-proje .dmg-cont .card-cont .card-logo img { max-width: 100px; }

  .dmg-proje .dmg-cont .proto.proto-photos { padding: 25px; width: 100%; }
}

@media screen and (min-width: 1200px) {
  .dmg-proje .dmg-cont { width: calc(100% - 350px); }
  .dmg-proje .dmg-cont .proto { padding: 30px; width: 100%; }
  .dmg-proje .dmg-cont .proto-index ul li::before { width: 22px; height: 22px; margin-right: 12px; transform: translateY(3px); }

  .dmg-proje .dmg-cont .card-cont .card-logo { min-height: 100px; }
  .dmg-proje .dmg-cont .card-cont .card-logo img { max-width: 120px; }

  .dmg-proje .dmg-cont .proto.proto-photos { padding: 30px; width: 100%; }

  .dmg-proje .dmg-cont #floorplan .floor-plan { margin-bottom: 0; width: calc(33.333% - 20px); }
  .dmg-proje .dmg-cont #floorplan .floor-plan img { max-width: 240px; }
  .dmg-proje .dmg-cont #floorplan .floor-plan h3 { margin-bottom: 10px; }

}


/*--- INDEX PAGE FILTER STYLES ---*/
.show-switch { margin: 0 auto 15px auto; width: 100%; background-color: #FFF; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; white-space: nowrap; text-align: center; padding: 0; }
.show-switch .custom-control-input { outline: 0!important; box-shadow: none!important; }
.show-switch .custom-control-label { cursor: pointer; user-select: none; font-weight: 600; margin-left: 0; width: 50%; text-align: left; padding: 12px 16px 12px 43px; }
.show-switch .custom-control-label:first-child { text-indent: 0!important; margin-left: 0; text-align: right; padding-right: 43px; padding-left: 16px; }
.show-switch .custom-control-label:first-child::before,
.show-switch .custom-control-label:first-child::after { display: none; }

.show-switch .custom-control-label::before,
.show-switch .custom-control-label::before { width: 46px; height: 24px; border-radius: 12px; border: 0; background-color: #E1E1E1!important; box-shadow: none!important; left: -23px; top: 12px; }
.show-switch .custom-control-input:checked~.custom-control-label::before { color: #fff; border: 0; background-color: #E1E1E1; }

.show-switch .custom-control-label::after,
.show-switch .custom-control-label::after { width: 23px; height: 23px; background-color: #8e5dbb; background-color: color-mix(in srgb, var(--ui-color), white 40%); border: 4px solid #4D2573; border: 4px solid var(--ui-color); border-radius: 50%; left: -22px; top: 12px; }
.show-switch .custom-control-input:checked~.custom-control-label::after { background-color: #8e5dbb; -webkit-transform: translateX(21px); transform: translateX(21px); }

.back-to-firms { margin-bottom: 30px; }

.project-filters { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 15px; gap: 0 30px; }
.project-filters .dropdown { width: 100%; margin-bottom: 15px; }

.project-filters .dropdown button { font-weight: 600; padding: 12px 16px; border: 0; background-color: #FFF; border-radius: 5px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16); width: 100%; color: #333; cursor: pointer; text-align: left; display: flex; align-items: center; white-space: nowrap; }
.project-filters .dropdown button span { margin-left: 5px; }
.project-filters .dropdown button svg { margin-left: auto; transition: ease all .25s; }

.project-filters .dropdown button[aria-expanded="true"] svg { transform: rotate(-180deg) translateY(1px); }

.project-filters .dropdown .dropdown-menu { padding: 8px; margin: 0; width: 100%; }
.project-filters .dropdown .dropdown-menu.show { transform: translate3d(-50%, 5px, 0)!important; right: unset; left: 50%!important; top: 100%!important; max-height: 296px; animation: ease dropdown .15s;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); border-radius: 5px; border: 0; }
.project-filters .dropdown .dropdown-menu .dropdown-cont { position: relative; max-height: 280px; overflow-y: auto; }

.project-filters .dropdown .dropdown-menu .dropdown-cont div { position: relative; display: flex; align-items: center; padding: 8px 15px; white-space: nowrap; font-weight: normal; border-radius: 4px; cursor: pointer; }
.project-filters .dropdown .dropdown-menu .dropdown-cont div span {}
.project-filters .dropdown .dropdown-menu .dropdown-cont div.selected,
.project-filters .dropdown .dropdown-menu .dropdown-cont div:hover { background-color: #f4f4f4; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div { padding: 8px 15px 8px 32px; }
.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::before,
.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::after { position: absolute; display: block; content: ""; width: 16px; height: 16px; top: 12px; left: 6px; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::before { pointer-events: none; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: #adb5bd solid 1px; border-radius: 0.25rem; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div.selected::before { background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::after { background: no-repeat 50%/50% 50%; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div.selected { background-color: transparent; }
.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div.selected::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.project-filters .dropdown .dropdown-menu.dropdown-filter button { width: 100%; text-align: center; display: block; line-height: 1; box-shadow: none; color: #FFF; background-color: #4D2573; background-color: var(--ui-color); border: 0; outline: 0!important; padding: 8px 0; margin-top: 5px; }
.project-filters .dropdown .dropdown-menu.dropdown-filter button:hover { background-color: #3B1B5A; }


.project-filters .filter-new { width: 100%; }
.project-filters .filter-new label { font-weight: 600; padding: 12px 16px; border: 0; background-color: #FFF; border-radius: 5px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16); width: 100%; color: #333; cursor: pointer; text-align: left; display: flex; align-items: center; white-space: nowrap; }

.project-filters .filter-new label.active { background-color: #4D2573; background-color: var(--ui-color); color: #FFF; }
.project-filters .filter-new label svg { margin-right: 10px; }
.project-filters .filter-new label.active svg path { fill: #FFF; }

@media (min-width: 768px) {
  .show-switch { width: fit-content; margin-bottom: 30px; }
  .show-switch .custom-control-label { width: fit-content; }
  .project-filters { flex-direction: row; margin: 0 auto 30px auto; width: fit-content; gap: 0 15px; }
  .project-filters .dropdown { margin-bottom: 0; }
  .project-filters .dropdown button { width: 165px; margin-bottom: 0; }
  .project-filters .dropdown .dropdown-menu { width: fit-content; min-width: 165px; }
  .project-filters .filter-new { width: 165px; margin-bottom: 0; }
}

@media (min-width: 992px) {
  .project-filters { gap: 0 20px; }
  .project-filters .dropdown button { width: 220px; }
  .project-filters .dropdown .dropdown-menu { min-width: 220px; }
  .project-filters .filter-new { width: 220px; flex-shrink: 0; }
}

@media screen and (min-width: 1200px) {
}

@media screen and (min-width: 1366px) {
}


/*--- PAGE: PROJECTS ON MAP ---*/
.map-page { overflow: hidden; }
.map-page::before { display: none; }
.map-page > .container-fluid > .row { z-index: 1020; margin: 0; }
.btn-back-map { position: fixed; top: 20px; left: 20px; z-index: 1020; display: none; }
.proto-map { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1020; }
.proto-map #cyprus-map { height: 100%; }

.user-loc { overflow: hidden; cursor: pointer; min-width:calc(100% - 40px)!important; margin-top: 70px; text-align: center; justify-content: center; font-family: 'Open Sans', sans-serif; z-index: 1 }

.map-page .btn-toogle-filter,
.map-page .filter-cont,
.map-page .filtered-items { display: none; }

.btn-poi-cont { position: absolute; top: 70px; right: 10px; z-index: 1021;  }
.btn-map-admin { position: absolute; top: 202px; right: 10px; z-index: 1021; }
.btn-map-admin .btn { min-width: 112px; }

.btn-map-admin .btn, .btn-map-admin .btn.focus,
.btn-poi .btn, .btn-poi .btn.focus { background-color: #FFF; color: #4d2574; border: 0; box-shadow: none!important; display: flex; align-items: center; justify-content: center; font-weight: 600; width: fit-content; }

.btn-map-admin .btn.active,
.btn-poi .btn.active { background-color: #4D2573; background-color: var(--ui-color); color: #FFF; }

.btn-poi .btn span { width: 18px; height: 14px; margin-right: 6px; mask-repeat: no-repeat; mask-size: contain; mask-position: center; background: var(--ui-color); }
.btn-poi .btn span.icon-casino { transform: translateX(-2px); }
.btn-poi .btn.active span { filter: brightness(0) invert(1); }

@media (hover: hover) {
  .btn-map-admin .btn:hover,
  .btn-poi .btn:hover { background-color: #4D2573; background-color: var(--ui-color); color: #FFF; }
  .btn-poi .btn:hover span { filter: brightness(0) invert(1); }
}

#poiGalleryModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
#poiGalleryModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#poiGalleryModal .modal-content { background: transparent; }
#poiGalleryModal .modal-body { border-radius: 8px; }
#poiGalleryModal .swiper-container { border-radius: 8px; }

#poiGalleryModal .swiper-button-prev, #poiGalleryModal .swiper-button-next { background: #4D2573; background: var(--ui-color); color: #FFF; width: 30px; height: 50px; }
#poiGalleryModal .swiper-button-prev { left: 0; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
#poiGalleryModal .swiper-button-next { right: 0; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
#poiGalleryModal .swiper-button-prev::after { transform: translateX(-3px); font-size: 24px; }
#poiGalleryModal .swiper-button-next::after { transform: translateX(3px); font-size: 24px; }

#poiGalleryModal .swiper-button-prev::before,
#poiGalleryModal .swiper-button-next::before { content: ''; position: absolute; top: -20px; bottom: -20px; }

#poiGalleryModal .swiper-button-prev::before { left: 0; right: -20px; }
#poiGalleryModal .swiper-button-next::before { right: 0; left: -20px; }
#poiGalleryModal .swiper-button-disabled { opacity: 0; }

#poiGalleryModal .swiper-pagination-fraction { position: absolute; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,.8); border-radius: 13px; width: fit-content; height: 26px; font-size: 13px; font-weight: 600; line-height: 26px; color: #fff; text-align: center; z-index: 10; padding: 0 15px; }
#poiGalleryModal .custom-fraction { bottom: unset; top: 10px; }

@media (min-width: 768px) {
  .btn-poi-cont { top: 15px; right: 173px; display: flex; }
  .btn-map-admin { top: 59px; right: 173px; display: flex; }

  .user-loc { min-width: fit-content!important; margin-top: 20px; }
  #poiGalleryModal .modal-dialog { max-width: 700px; }
  #poiGalleryModal .swiper-button-prev, #poiGalleryModal .swiper-button-next { background: #4D2573; background: var(--ui-color); width: 50px; height: 80px; }
  #poiGalleryModal .swiper-button-prev { border-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  #poiGalleryModal .swiper-button-next { border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  #poiGalleryModal .swiper-button-prev::after { transform: translateX(-3px); font-size: 44px; }
  #poiGalleryModal .swiper-button-next::after { transform: translateX(3px); font-size: 44px; }

  #poiGalleryModal .swiper-button-prev::before,
  #poiGalleryModal .swiper-button-next::before { display: none; }
}

@media (min-width: 992px) {
  .btn-poi-cont { top: 20px; right: 208px; }
  .btn-map-admin { top: 64px; right: 208px; }
  #poiGalleryModal .modal-dialog { aspect-ratio: 3 / 2; width: 100%; max-width: 900px; height: fit-content; max-height: 600px; }
  #poiGalleryModal .swiper-container { width: 100%; aspect-ratio: 3 / 2; z-index: 2; }
  #poiGalleryModal .swiper-slide img { max-width: unset; height: 100%; max-height: 100%; width: auto; }
  #poiGalleryModal .swiper-button-prev, #poiGalleryModal .swiper-button-next { width: 40px; height: 60px; }
  #poiGalleryModal .swiper-button-prev::after { transform: translateX(-3px); font-size: 36px; }
  #poiGalleryModal .swiper-button-next::after { transform: translateX(3px); font-size: 36px; }
}

@media (min-width: 1024px) {
  .map-page .filter-cont { display: block; width: 300px; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1023; border-right: 1px solid #DDD; -webkit-box-shadow: 0 0 14px 10px rgb(0 0 0 / 12%); box-shadow: 0 0 14px 10px rgb(0 0 0 / 12%); overflow-y: auto; background-color: #FFF; }
  .map-page .filter-cont .filter-form { border-radius: .25rem; border-radius: 0; border: 0; background-color: #FFF; padding-top: 5px;  margin-top: 42px; }
  .map-page .btn-back-map { min-width: 300px; }
  .map-page .filter-cont .filter-box p { font-size: 15px; }
  .map-page .filter-cont .filter-box { padding: 15px 0; }
  .map-page .filter-cont .filter-box select { padding: 6px 28px 6px 12px; height: 38px; }
  .map-page .filter-cont .filter-box .custom-checkbox { width: 100%; }

  .map-page .filter-cont ~ .btn-back-map { position: fixed; top: 0; left: 0; z-index: 1023; border-radius: 0; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; min-height: 42px; box-shadow: unset!important; }

  .map-page .filtered-items { display: block; width: 315px; padding: 15px; position: fixed; left: 300px; top: 0; bottom: 0; background-color: #FFF; transition: ease transform .2s; overflow-y: auto; z-index: 1022; -webkit-box-shadow: 0 0 14px 10px rgb(0 0 0 / 0%); box-shadow: 0 0 14px 10px rgb(0 0 0 / 0%); transform: translateX(-100%); pointer-events: none; }

  .map-page .filtered-items.active { -webkit-box-shadow: 0 0 14px 10px rgb(0 0 0 / 12%); box-shadow: 0 0 14px 10px rgb(0 0 0 / 12%); transform: translateX(0%); pointer-events: all; }

  .map-page .filtered-items .project-link { border-radius: 6px; box-shadow: none!important; width: 270px; margin-bottom: 15px; }
  .map-page .filtered-items .project-link:hover { box-shadow: none!important; transform: translateY(0); outline: 3px solid #333;  }
  .map-page .filtered-items .project-link p { font-size: 16px; padding: 8px 0; }
  .map-page .filtered-items .project-link span { position: absolute; display: block; font-size: 15px; font-weight: 600; right: 0; bottom: .5rem; color: #FFF; background-color: #D60000; line-height: 1; z-index: 1; padding: .5rem; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }

  .map-page .filtered-items .project-link .logo-firm img { height: 24px; }
  .map-page .filtered-items .project-link .project-img::after { display: none; }

  .map-page .btn-toogle-filter { display: inline-block; z-index: 1023; position: absolute; left: 300px; top: 42px; transition: ease left .2s; outline: 0!important; box-shadow: none!important; background-color: #FFF; border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 32px; width: 32px; padding: 0; line-height: 1; transition: ease all .2s; }
  .map-page .btn-toogle-filter:hover { background-color: #EFEFEF; }
  .map-page .btn-toogle-filter span {  width: 32px; height: 32px; display: inline-block; }
  .map-page .btn-toogle-filter span::after { mask-size: auto 18px; width: 32px; height: 32px; display: inline-block; transition: ease transform .2s; transition-delay: .2s; content: ''; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.7' height='16'%3E%3Cpath d='m9.5 8.6-7.2 7.1a.9.9 0 0 1-1.2 0L.3 15a.9.9 0 0 1 0-1.2L5.9 8 .3 2.3a.9.9 0 0 1 0-1.2L1 .3a.9.9 0 0 1 1.2 0l7.2 7a.9.9 0 0 1 0 1.3Z' fill='%234D2573'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; background: var(--ui-color); }
  .map-page .btn-toogle-filter.active { left: 615px; }

  .map-page .btn-toogle-filter.active span::after { transform: rotate(-180deg) translateX(2px); }

  .proto-map { left: 300px; transition: ease left .2s; }
  .filtered-items.active ~ .proto-map { left: 600px; }
}

@media (min-width: 1200px) {
  #poiGalleryModal .modal-dialog { max-width: 1200px; max-height: 800px; }
}

@media (min-width: 1440px) {
  #poiGalleryModal .swiper-button-prev, #poiGalleryModal .swiper-button-next { width: 50px; height: 80px; }
  #poiGalleryModal .swiper-button-prev::after, #poiGalleryModal .swiper-button-next::after { font-size: 44px; }
}

.popup-bubble { background-color: transparent; position: absolute; top: 0; left: 0; transform: translate(-50%, -100%); padding: 0; min-width: 240px; max-width: 240px; overflow: visible!important; box-shadow: none; }
.popup-bubble::after { border-top: 8px solid currentcolor; border-top: 8px solid #FFF; }
.popup-bubble p { overflow: hidden; font-size: 14px; }
.popup-bubble .project-link { margin-bottom: 0; overflow: visible; }
.popup-bubble .project-link .project-img::after { display: none; }
.popup-bubble .project-link .project-img span { position: absolute; display: block; font-size: 15px; font-weight: 600; right: 0; bottom: .5rem; color: #FFF; background-color: #D60000; line-height: 1; z-index: 1; padding: .5rem; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; }
.popup-bubble .project-link:hover,
.popup-bubble .project-link:active { transform: none; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.popup-bubble .poi-img { background: #FFF; border-radius: 10px; overflow: hidden; }
.popup-bubble .poi-img p { color: #333; margin: 0; text-align: center; font-weight: 600; padding: 10px 15px 10px 15px; }
.popup-bubble .poi-img img { pointer-events: none; aspect-ratio: 16 / 10; max-width: 100%; }
.popup-bubble .poi-img small { color: #D60000; display: block; margin-bottom: .5rem; cursor: pointer; margin-top: -10px; }

@media (min-width: 768px) {
  .popup-bubble { min-width: 260px; max-width: 260px; }
  .popup-bubble p { font-size: 15px; }
  .popup-bubble .poi-img img { max-width: 260px; }
}

@media (min-width: 992px) {
  .popup-bubble { min-width: 300px; max-width: 300px; }
  .popup-bubble p { font-size: 16px; }
  .popup-bubble .poi-img img { max-width: 300px; }
}

@media screen and (min-width: 1200px) {
  .popup-bubble { min-width: 320px; max-width: 320px; }
  .popup-bubble p { font-size: 18px; }
  .popup-bubble .poi-img img { max-width: 320px; }
}


/*--- PAGE: PROJECT RENTAL INCOME ---*/
.project-rental-income {}
.table-income { font-size: 14px; text-align: center; border-radius: 0; background-color: #f7f5fa; padding-top: 10px; padding-bottom: 15px; }

.table-income div[class^="col"] { display: flex; flex-direction: column; justify-content: flex-start; padding: 5px; }
.table-income div[class^="col"]:first-child { border: 0; font-weight: 600; font-size: 18px; margin-bottom: 5px; }
.table-income div[class^="col"] strong { display: flex; align-items: center; justify-content: center; font-weight: 600; margin-bottom: 3px; color: #666; }
.table-income div[class^="col"] span { padding: 0px 0; line-height: 1; font-size: 15px; position: relative; }

.table-type-info { margin: 16px auto; background-color: #4D2573; background-color: var(--ui-color); padding-top: 0; padding-bottom: 0; }
.table-type-info div[class^="col"] { font-size: 16px; margin-bottom: 0; }
.table-type-info div[class^="col"]:first-child { height: 0; margin: 0; padding: 0; }
.table-type-info div[class^="col"] strong { margin-bottom: 0; color: #FFF; }

.table-income-cat { position: relative; z-index: 0; margin-bottom: 16px; overflow: hidden; }

.table-income-cat.table-realistic { z-index: 1; font-weight: 600; }
.table-income-cat.table-realistic::before { content: ''; position: absolute; left: 0; right: 0; top: -1px; bottom: 0; background-color: #F8E71C; }

.table-income div[class^="col"] span .icon-info { width: 18px; height: 18px; display: block; cursor: help; mask-image: url("data:image/svg+xml,%3Csvg width='38' height='38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8 0c-2.6 0-5 .5-7.3 1.5a18.3 18.3 0 0 0-10 10 18.8 18.8 0 0 0 0 14.6 19 19 0 0 0 17.3 11.5A19 19 0 0 0 36 26.1a18.8 18.8 0 0 0-4-20.6c-1.7-1.7-3.7-3-6-4S21.4 0 18.8 0Zm0 34.2a15 15 0 0 1-11-4.5 15.4 15.4 0 1 1 25.2-17 15 15 0 0 1 1.2 6 15 15 0 0 1-4.5 11 15.4 15.4 0 0 1-11 4.5Zm0-17.1c-.5 0-1 .2-1.3.5-.3.3-.4.7-.4 1.2v6.8c0 .5.1 1 .4 1.3.4.3.8.4 1.3.4s.9-.1 1.2-.4c.3-.4.5-.8.5-1.3v-6.8c0-.5-.2-1-.5-1.2-.3-.3-.7-.5-1.2-.5Zm-1.2-6.3a2 2 0 0 0-.4.5l-.1.7.1.6c0 .2.2.4.4.6.2.1.3.3.5.3l.7.2c.2 0 .5 0 .6-.2l.6-.3.4-.6.1-.6-.1-.7a2 2 0 0 0-.4-.5 1.6 1.6 0 0 0-2.4 0Z' fill='%234D2573' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-size: 18px auto; mask-repeat: no-repeat; mask-position: center; background: var(--ui-color); position: absolute; right: 8px; bottom: -2px; }


.samples-box { justify-content: flex-start; flex-direction: column; }
.samples-box div { cursor: pointer; border: 1.5px solid #e4e2e7; border-radius: 6px; color: #333; transition: ease all .2s; overflow: hidden; text-align: center; padding: 8px; margin-bottom: 15px; }
  .samples-box div:last-child { margin-bottom: 0; }
.samples-box div img { margin-bottom: 12px; width: 180px; height: 120px; object-fit: cover; object-position: top; }
.samples-box div p { font-weight: 600; line-height: 1.1; font-size: 15px; }
.samples-box div p span { font-size: 14px; }
.samples-box div p br + br { display: none; }
.samples-box div:hover,
.samples-box div:focus { background-color: #e4e2e7; }

.page-rental-income .modal-link {  display: flex; align-items: center;  text-decoration: none; max-width: 400px; padding: 16px; margin-bottom: 1rem; line-height: 1;  }
.page-rental-income .modal-link span { background-repeat: no-repeat; background-size: contain; flex-shrink: 0; }
.page-rental-income .modal-link span.icon-download-menu { margin-right: 10px; width: 20px; height: 20px; }
.page-rental-income .modal-link span.icon-download-file { margin-left: auto; width: 18px; height: 18px; }
.page-rental-income .modal-link::before { content: ''; }
.page-rental-income .modal-link:hover,
.page-rental-income .modal-link:focus { background-color: #e4e2e7; }

@media screen and (min-width: 768px) {
  .samples-box { flex-direction: row; }
  .samples-box div { margin-right: 15px; max-width: 180px; margin-bottom: 0; }
  .samples-box div p br + br { display: block; }
}

@media screen and (min-width: 1200px) {

  .table-income { border-radius: 0; background-color: transparent; padding-top: 0; padding-bottom: 0; position: relative; font-size: 15px; }

  .table-income div[class^="col"],
  .table-income div[class^="col"]:first-child { border: 1px solid #e4e2e7; border-right: 0; border-bottom: 0; justify-content: center; padding: 0; }
  .table-income div[class^="col"]:first-child { font-size: 15px; font-weight: normal; margin: 0; max-width: 160px; }
  .table-income div[class^="col"]:last-child { border-right: 1px solid #e4e2e7; }
  .table-income div[class^="col"] strong { padding: 5px; flex: 1; margin-bottom: 0; color: #333; }
  .table-income div[class^="col"] span { padding: 10px 0; font-size: 15px; }

  .table-income-cat { overflow: visible; }
  .table-income-cat.table-realistic div[class^="col"] { background-color: #F8E71C; font-weight: 600; }
  .table-income-cat.table-realistic::before { display: none; }
  .table-income-cat.table-optimistic div[class^="col"] { border-bottom: 1px solid #e4e2e7; }
  .table-income div[class^="col"] span .icon-info { bottom: 6px; }
}


/*--- LINE CHART ---*/
.historical-chart { position: relative; width:100%; aspect-ratio: 1 / 1; overflow: hidden; margin: 2rem 0; }

@media screen and (min-width: 768px) {
  .historical-chart { aspect-ratio: 16 / 6; margin: 3rem 0; }
}


/*--- LAYOUT STYLES ---*/
.proto { border-radius: 12px; background-color: #FFF; padding: 20px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; width: 100%; height: fit-content; }
.proto h1 { font-size: 24px; }
.proto p:last-child { margin-bottom: 0; }

.project-icons { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; margin-bottom: 15px; gap: 15px; }
.project-icons div { text-align: center; white-space: nowrap; margin: 0; display: flex; flex-direction: column; align-items: center; width: 50%; flex-grow: 1; flex-basis: 0; border: 1px solid #e6e6e6; border-radius: 9px; padding: 18px 10px 15px 10px; max-width: 150px; align-self: stretch; }
.project-icons div span { display: block; width: 44px; height: 44px; border-radius: 22px; background-color: #4D2573; background-color: var(--ui-color); margin-bottom: 10px; background-size: auto 50%; background-repeat: no-repeat; background-position: center; }
.project-icons div p { font-size: 15px; font-weight: 600; margin-bottom: 0; line-height: 1.2; }


.proto-facilities .facilities-cont { display: flex; flex-wrap: wrap; gap: 1rem; }
.proto-facilities .facilities-cont label { width: calc(50% - 8px); font-size: 13px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: .75rem; border: 1px solid #E7E7E7; border-radius: .5rem; outline: 0 !important; box-shadow: none !important; line-height: 1.2; position: relative; color: #000; text-align: center; margin: 0; }
.proto-facilities .facilities-cont label img { width: 32px; height: 32px; object-fit: contain; margin-bottom: .6rem; }

@media screen and (min-width: 768px) {
  .proto-facilities .facilities-cont label { width: calc(33.333% - 11px); flex-direction: row; gap: .75rem; justify-content: flex-start; text-align: left; }
  .proto-facilities .facilities-cont label img { margin: 0; }
}

@media screen and (min-width: 1366px) {
  .proto-facilities .facilities-cont label { width: calc(25% - 15px); gap: 1rem; padding: 1rem;  }
}

.proto-catalogue {  }
.proto-catalogue .iframe-cont { position: relative; height: calc(100vh - 100px); max-height: calc(100vw - 160px); }
.proto-catalogue iframe { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; width: calc(100% - 40px); height: calc(100% - 40px); }

.proto-360 .iframe-cont { position: relative; }
.proto-360 .iframe-cont iframe { width: 100%; aspect-ratio: 1 / 1.75; }
.proto-location #map { width: 100%; height: 400px; }
.proto-location .btn-gmapp {}
.proto-location .btn-gmapp .icon-external-link { width: 13px; height: 13px; margin-left: 8px; mask-size: contain; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%234D2573'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112v320c0 44.2 35.8 80 80 80h320c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v112c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h112c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E"); background: var(--ui-color); }
.proto-location .btn-gmapp:hover .icon-external-link,
.proto-location .btn-gmapp:focus .icon-external-link { filter: brightness(0) invert(1); }


.proto-paymentplan {}

.proto-pdf-files { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 30px; }
.proto-pdf-files h1 { width: 100%; }
.proto-pdf-files .pdf-book { width: calc(50% - 15px); aspect-ratio: 1 / 1.33; border-radius: 3px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 15px; padding-bottom: 10px; cursor: pointer; user-select: none!important; background-color: var(--primary-color, var(--ui-color)); outline: 1px solid rgba(255,255,255,.25); outline-offset: -7px; box-shadow: 4px 8px 6px 0px rgba(151, 146, 153,0.4), -4px 0px 0px 0px rgba(0,0,0,.8); position: relative; transition: ease all .2s; position: relative; }
.proto-pdf-files .pdf-book::before { content: ''; position: absolute; left: 3px; width: 2px; top: 0; bottom: 0; opacity: .5; filter: blur(1px); z-index: 1; background-color: #000; }
.proto-pdf-files .pdf-book .rooms::before { content: ''; position: absolute; left: 5px; width: 2px; top: 0; bottom: 0; opacity: .3; filter: blur(1px); z-index: 1; background-color: #fff; }
.proto-pdf-files .pdf-book::after { background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 100%); content: ''; position: absolute; top: 0%; left: 0; right: 0; bottom: 0; z-index: 0; transition: ease all .2s; }
.proto-pdf-files .pdf-book p { text-align: center; margin: 0; line-height: 1; color: #FFF; z-index: 1; color: #FFF; }
.proto-pdf-files .pdf-book .rooms { font-size: 16px; font-weight: 600; margin-bottom: 5px; margin-top: 10px; }
.proto-pdf-files .pdf-book .type { font-size: 18px; font-weight: 800; margin-bottom: 25px; }
.proto-pdf-files .pdf-book .price { font-size: 21px; font-weight: 800; margin-top: auto; margin-bottom: 10px; }
.proto-pdf-files .pdf-book .price small { display: block; font-size: 55%; font-weight: 500; margin-bottom: 5px; }
.proto-pdf-files .brand { background-image: var(--bg-image-pdf); width: 50px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; }

.proto-pdf-files .pdf-book .arrow { position: absolute; right: -13px; bottom: -5px; width: 40px; height: 47px;  z-index: 1; transition: ease bottom .2s; }

.proto-pdf-files .pdf-book:hover { box-shadow: 0 17px 12px 2px rgba(151, 146, 153, 0.7), -4px 0px 0px 0px rgb(60 27 90); transform: scale(1.015) translateY(-5px); }
.proto-pdf-files .pdf-book:hover::after { top: 85%; }
.proto-pdf-files .pdf-book:hover .arrow { bottom: -10px; }

.paymentplan-phase { margin-bottom: 25px; padding-top: 25px; border-top: 1px solid #DDD; display: flex; flex-wrap: wrap; }
.paymentplan-phase h3 { margin-bottom: 10px; font-size: 22px; }
.paymentplan-phase h5 { margin-bottom: 10px; width: 100%; font-size: 16px; display: flex; flex-direction: column; }
.paymentplan-phase h5:last-child { margin-bottom: 0; }
.paymentplan-phase h5 span { font-weight: normal; width: 60%; }

.proto-dmg iframe { min-height: 500px; width: 100%; }

@media (min-width: 576px) {
  .project-icons div { width: 33.333%; }
}

@media (min-width: 768px) {
  .proto h1 { font-size: 28px; }
  .proto-catalogue .iframe-cont { max-height: calc(100vw - 280px); }
  .proto-360 .iframe-cont iframe { aspect-ratio: 1 / 1; }
  .proto-location #map { height: 500px; }
  .paymentplan-phase h5 { flex-direction: row; }
  .paymentplan-phase h5 span { width: 50%; }

  .project-icons { flex-wrap: nowrap; margin-bottom: 24px; gap: 0 10px; }
  .project-icons div { width: fit-content; max-width: 190px;  }

  .proto-pdf-files .pdf-book { width: calc(25% - 25px);  }
  .proto-pdf-files .pdf-book .rooms { font-size: 16px; white-space: nowrap; }
  .proto-pdf-files .pdf-book .type { font-size: 21px; }
  .proto-pdf-files .pdf-book .price { font-size: 24px; }
  .proto-pdf-files .pdf-book .arrow { right: -14px; }
}

@media (min-width: 992px) {
  .proto { padding: 25px; width: calc(100% - 300px); }


  .project-icons { margin-bottom: 16px; }
  .project-icons div { max-width: 100%; }
  .project-icons div span { width: 48px; height: 48px; border-radius: 24px; }

  .proto-catalogue .iframe-cont { max-height: calc(100vw - 280px); }

  .proto-360 .iframe-cont iframe { aspect-ratio: 3 / 2; }
  .proto-location #map { aspect-ratio: 3 / 2; height: unset; max-height: 600px; }

  .proto-pdf-files .pdf-book { width: calc(33.333% - 20px); border-radius: 4px; padding: 20px; padding-bottom: 10px; outline-offset: -10px; }
  .proto-pdf-files .pdf-book::before { left: 7px; }
  .proto-pdf-files .pdf-book .rooms::before { left: 10px; }
  .proto-pdf-files .pdf-book .rooms { font-size: 18px; white-space: nowrap; }
  .proto-pdf-files .pdf-book .type { font-size: 24px; }
  .proto-pdf-files .pdf-book .price { font-size: 28px; margin-bottom: 15px; }
  .proto-pdf-files .brand { width: 80px; height: 32px; }

  body:has(#scales:checked) { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; }
  body:has(#scales:checked) #menu,
  body:has(#scales:checked) .top-menu-cont { opacity: 0!important; margin: 0!important; width: 0; height: 0; visibility: hidden; }

  body:has(#scales:checked) > .container-fluid { margin-top: 0; padding-left: 5px; padding-right: 5px; padding: 5px; }
  body:has(#scales:checked) > .container-fluid > .row { margin-left: -5px; margin-right: -5px; }
  body:has(#scales:checked) > .container-fluid > .row > .col-12 { padding-left: 5px; padding-right: 5px; }

  .proto-catalogue,
  .proto-catalogue *,
  .proto-360,
  .proto-360 * { transition: all .15s ease-in-out; }

  body:has(#scales:checked) .container-cont { margin-bottom: 0!important; }

  body:has(#scales:checked) .proto { height: 100%; z-index: 1; width: 100%; padding: 15px; margin-top: -92px; }
  body:has(#scales:checked) .proto h1 { font-size: 20px; }
  body:has(#scales:checked) .proto .iframe-cont { max-height: 100%; height: calc(100vh - 83px); }
  body:has(#scales:checked) .proto .iframe-cont iframe { width: 100%; height: 100%; position: relative; left: unset; right: unset; top: unset; bottom: unset; aspect-ratio: unset; }

  .btn-zoom { background-color: #FFF; color: #4D2573; color: var(--ui-color); font-weight: 600; display: flex; align-items: center; margin: 0; box-shadow: unset!important; border: 1px solid #ddd; }
  .btn-zoom:hover, .btn-zoom:focus { background-color: #4D2573; background-color: var(--ui-color); color: #FFF; border-color: #4D2573; border-color: var(--ui-color); }

  .btn-zoom .icon { width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; margin-right: 8px; }

  .btn-zoom:has(input[type="checkbox"]) .icon { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%234D2573'%3E%3Cpath d='M344 0h144c13.3 0 24 10.7 24 24v144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512H24c-13.3 0-24-10.7-24-24V344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z'/%3E%3C/svg%3E"); mask-size: contain; background: var(--ui-color); }

  .btn-zoom:has(input[type="checkbox"]:checked) .icon { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%234D2573'%3E%3Cpath d='M439 7c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8H296c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87zM72 272h144c13.3 0 24 10.7 24 24v144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0L7 473c-9.4-9.4-9.4-24.6 0-33.9l87-87L55 313c-6.9-6.9-8.9-17.2-5.2-26.2S62.3 272 72 272z'/%3E%3C/svg%3E"); mask-size: contain; background: var(--ui-color); }

  .btn-zoom:hover .icon, .btn-zoom:focus .icon { filter: brightness(0) invert(1); }

  .btn-zoom input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; }
  .btn-zoom input[type="checkbox"] ~ .zoom-in { display: block; }
  .btn-zoom input[type="checkbox"] ~ .zoom-out { display: none; }
  .btn-zoom input[type="checkbox"]:checked ~ .zoom-in { display: none; }
  .btn-zoom input[type="checkbox"]:checked ~ .zoom-out { display: block; }
}

@media screen and (min-width: 1200px) {
  .proto { padding: 30px; width: calc(100% - 350px); }
  .proto h1 { font-size: 32px; }

  .project-icons { justify-content: flex-start; flex-wrap: nowrap; gap: 0 15px; margin-bottom: 24px; }
  .paymentplan-phase h5 { margin-bottom: 15px; }
  .paymentplan-phase h5 span { width: 40%; }
  .proto-dmg iframe { min-height: 600px; }

  .proto-pdf-files .pdf-book { width: calc(25% - 25px); }
  .proto-pdf-files .pdf-book .rooms { font-size: 16px; }
  .proto-pdf-files .pdf-book .type { font-size: 21px; }
  .proto-pdf-files .pdf-book .price { font-size: 24px; }
}

@media screen and (min-width: 1366px) {
  .proto-360 .iframe-cont iframe { aspect-ratio: 16 / 9; }
  .paymentplan-phase h5 span { width: 35%; }
  .proto-dmg iframe { min-height: 2500px; overflow: hidden; }
}

@media (min-width: 1440px) {
  .proto-pdf-files .pdf-book { padding: 30px; padding-bottom: 20px; }
  .proto-pdf-files .pdf-book .rooms { font-size: 21px; }
  .proto-pdf-files .pdf-book .type { font-size: 28px; }
  .proto-pdf-files .pdf-book .price { font-size: 28px; margin-bottom: 20px; }
  .proto-pdf-files .brand { width: 100px; height: 40px; }
  .proto-pdf-files .pdf-book .arrow { right: -20px; bottom: -8px; width: 60px; height: 70px;  }
}

@media screen and (min-height: 1200px) {
  .proto-catalogue .iframe-cont { max-height: 940px; }
}


/*--- PAGE : CONSTRUCTION STATUS ---*/
.constVisualCont { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 10px; }
.constVisualCont div { border-radius: 4px; overflow: hidden; margin-bottom: 15px; position: relative; }
.constVisualCont img { cursor: pointer; aspect-ratio: 3 / 2; object-fit: cover; }

.constVisualCont .video-box { aspect-ratio: 3 / 2; position: relative; cursor: pointer; }
.constVisualCont .video-box img { width: 100%; z-index: 0; }
.constVisualCont .video-box .icon-play { position: absolute; z-index: 1; top: calc(50% - 9.5%); left: calc(50% - 9.5%); width: 19%; min-width: 44px; aspect-ratio: 1 / 1; background-size: cover; pointer-events: none; }

#photoModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
#photoModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#photoModal .modal-content { background: transparent; }
#photoModal .modal-body { border-radius: 8px; }
#photoModal .modal-body .swiper-container { max-height: 90vh; }

#photoModal .modal-fraction { top: 10px; width: fit-content; z-index: 10; padding: 0 15px; position: absolute; left: 50%; transform: translate(-50%, 0); background: rgba(0,0,0,.8); border-radius: 13px; height: 30px; font-size: 15px; font-weight: 600; line-height: 30px; color: #fff; text-align: center; }

.embed-responsive-16by10::before { padding-top: 66.67%; }

@media (min-width: 768px) {
  .constVisualCont div { width: calc(50% - 15px); margin-right: 15px; }
}

@media (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
  .constVisualCont div { width: calc(25% - 12px); margin-bottom: 15px; margin-right: 15px; }
  .constVisualCont div:nth-child(4n) { margin-right: 0; }
}


/*--- PAGE : PRICE LIST ---*/
.title-cont { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem 0; margin-bottom: 1rem; }

@media print {
  .title-cont { margin-bottom: 1.5rem; }
}

.title-cont h1 { margin: 0; order: 1; }
.title-cont .btn-back { width: 100%; line-height: 1.5; font-size: 1rem; font-weight: unset; color: unset; margin: 0; max-width: 100%; padding: 10px 15px; border-radius: 0.5rem; order: 2; }
.title-cont .btn-back .icon-back { width: 18px; height: 16px; margin-right: 10px; }
html[dir="rtl"] .title-cont .btn-back .icon-back { margin-right: 0; margin-left: 10px; }

.map-page .btn-back { top: 10px; left: 10px; border: 0; margin-bottom: 0; font-size: 1rem; white-space: nowrap; }

.title-cont .btn-print,
.title-cont .btn-brand,
.title-cont .btn-user,
.title-cont .btn-add { width: 100%; order: 3; }

@media (min-width: 768px) {
  .title-cont h1 { order: 3; }
  .title-cont .btn-back { width: calc(50% - .5rem); order: 1; }
  .title-cont .btn-print, .title-cont .btn-brand, .title-cont .btn-user { width: calc(50% - .5rem); order: 2; }
  .map-page .btn-back { top: 15px; left: 15px; }
}

@media (min-width: 992px) {
  .title-cont { gap: 0; }
  .title-cont h1 { order: unset; position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; }
  .title-cont .btn-back { width: fit-content; }
  .title-cont .btn-print, .title-cont .btn-brand, .title-cont .btn-user, .title-cont .btn-add { width: fit-content; }
  .map-page .btn-back { top: 20px; left: 20px; }
}


.active-sort > span[data-toggle="dropdown"],
.active-filter > span[data-toggle="dropdown"] { color: #ffd500; text-decoration: none!important;  }

.active-filter::after { content: ''; display: inline-block; background-color: #ffd500; width: 8px; height: 8px; border-radius: 4px; position: absolute; top: calc(50% - 3px); right: -16px; }

.active-sort::after { content: ''; display: inline-block; width: 10px; height: 12px; position: absolute; top: calc(50% - 5px); right: -17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512' fill='%23ffd500'%3E%3Cpath d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2l105.4 105.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E"); background-size: 100% auto; transition: ease transform .2s; }
.active-sort-asc::after { transform: rotate(180deg); }
.active-sort-desc::after { transform: rotate(0deg); }
.active-sort-zero::after { content: '0'; background-image: unset; top: calc(50% - 8px); color: #ffd500; font-weight: bold; transform: unset; }

.page-price-list { }
.unit-list-heading { display: none; }

.list-heading p span.dropdown { cursor: pointer; }
.list-heading p span.dropdown > span { position: relative; font-weight: 600; text-decoration: underline; }
.list-heading p span.dropdown > span:hover { }
.list-heading p span.dropdown > span::after { content: ''; position: absolute; left: -10px; right: -10px; top: -10px; bottom: -10px; opacity: 0; }
.list-heading .dropdown-menu { padding: 8px; margin: 0; min-width: 100px; font-size: 15px; }
.list-heading .dropdown-menu.show { transform: translate3d(-50%, 5px, 0)!important; right: unset; left: 50%!important; top: 100%!important; max-height: 320px; animation: ease dropdown .15s; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); border-radius: 5px; border: 0; }
.list-heading [data-search="true"] .dropdown-menu { min-width: 160px; }
.list-heading [data-search="true"] .dropdown-menu.show { max-height: 310px; max-width: 300px; }
.list-heading .dropdown-menu.show::before { border-right: 6px solid transparent; border-bottom: 6px solid #FFF; border-left: 6px solid transparent; content: ''; height: 0; top: -6px; left: calc(50% - 6px); width: 0; position: absolute; }
.list-heading .dropdown-cont { position: relative; max-height: 258px; overflow-y: auto; cursor: default; }
.list-heading .dropdown-cont div { position: relative; display: flex; align-items: center; padding-left: 22px; padding: 8px 15px 8px 32px; white-space: nowrap; line-height: 1; font-weight: normal; border-radius: 4px; cursor: pointer; overflow: hidden; }
.list-heading .dropdown-cont div:hover { background-color: #f4f4f4; }

.list-heading .dropdown-cont div .badge { transform: translate(5px, -1px); font-size: 70%; }

.list-heading .dropdown-cont div.grouped { font-weight: 600; text-transform: capitalize; }
.list-heading .dropdown-cont hr { margin-top: .5rem; margin-bottom: .5rem; }

.list-heading .dropdown-filter .dropdown-cont div::before,
.list-heading .dropdown-filter .dropdown-cont div::after { position: absolute; display: block; content: ""; width: 16px; height: 16px; top: 8px; left: 8px; }
.list-heading .dropdown-filter .dropdown-cont div::before { pointer-events: none; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: #adb5bd solid 1px; border-radius: 0.25rem; }
.list-heading .dropdown-filter .dropdown-cont div.selected::before { background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); }
.list-heading .dropdown-filter .dropdown-cont div::after { background: no-repeat 50%/50% 50%; }
.list-heading .dropdown-filter .dropdown-cont div.selected::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.list-heading .dropdown-filter .dropdown-cont div.unselect { padding-left: 40px!important; text-align: left; justify-content: flex-start; border: 1px solid #ced4da; margin: 5px 0; background-repeat: no-repeat; background-position: 10px 10px; background-size: auto 20px; color: #4D2573; color: var(--ui-color); }
.list-heading .dropdown-filter .dropdown-cont div.unselect::before,
.list-heading .dropdown-filter .dropdown-cont div.unselect::after { display: none; }

.list-heading .dropdown-filter .dropdown-cont div.unselect {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' fill-rule='nonzero' fill='none'%3E%3Crect stroke='%234D2573' stroke-width='2' x='4' y='4' width='18' height='18' rx='4'/%3E%3Crect stroke='%234D2573' stroke-width='2' stroke-linejoin='square' fill='%23FFF' fill-rule='evenodd' x='1' y='1' width='18' height='18' rx='4'/%3E%3Crect stroke='%23FFF' x='-.5' y='-.5' width='21' height='21' rx='4'/%3E%3Cpath fill='%234D2573' d='m12.564 7-3.59 3.612-1.538-1.55L6 10.51l2.974 2.99L14 8.443z'/%3E%3C/g%3E%3C/svg%3E");
}

.list-heading .dropdown-filter .dropdown-cont div.unselect.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' fill='none' fill-rule='evenodd'%3E%3Crect stroke='%234D2573' stroke-width='2' x='4' y='4' width='18' height='18' rx='4'/%3E%3Cg fill-rule='nonzero'%3E%3Crect stroke='%234D2573' stroke-width='2' stroke-linejoin='square' fill='%23FFF' fill-rule='evenodd' x='1' y='1' width='18' height='18' rx='4'/%3E%3Crect stroke='%23FFF' x='-.5' y='-.5' width='21' height='21' rx='4'/%3E%3C/g%3E%3Cpath fill='%234D2573' d='m14 7.3850868-.6945863.6945863L11.3850868 10l1.9203269 1.9203269L14 12.6149132 12.6149132 14l-.6945863-.6945863L10 11.3850868l-1.9203269 1.9203269L7.3850868 14 6 12.6149132l.6945863-.6945863L8.6149132 10 6.6945863 8.0796731 6 7.3850868 7.3850868 6l.6945863.6945863L10 8.6149132l1.9203269-1.9203269L12.6149132 6z'/%3E%3C/g%3E%3C/svg%3E");
}


.list-heading .dropdown-filter.m2 .dropdown-cont div span::after { content: ' m\00B2'; }
.list-heading .dropdown-filter.pound .dropdown-cont div span::before { content: '£'; }
.list-heading .dropdown-filter.m2 .dropdown-cont div span.no-m2::after { content: ''; }

.list-heading .filter-search-cont { padding: 0 7px; margin-bottom: 5px; }
.list-heading .filter-search { border: 1px solid #ced4da; border-radius: 5px; color: #495057; width: 100%; padding: .35rem .75rem; padding-right: 36px; font-weight: normal; line-height: 1; }
.list-heading .filter-search::placeholder { font-weight: normal; }
.list-heading .filter-search-cont .clear-search { background-image: url("data:image/svg+xml,%3Csvg width='277' height='277' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M138.5 277a138.5 138.5 0 1 1 0-277 138.5 138.5 0 0 1 0 277ZM100.1 68.9c-.4 0-.9-.2-1-.4-.1-.2-1-.4-2-.4-1.1 0-2 .2-2.2.4-.1.2-.6.4-1 .4a295 295 0 0 0-24.4 24c-1.8 2.4-2.4 6.2-1 7.5l.5 1c0 .1 8.2 8.5 18.4 18.6a579 579 0 0 1 18.3 18.7c0 .3-8 8.4-17.7 18-20.7 20.7-20.2 20-20.2 23.3 0 1.7.2 2.6.6 3A336.6 336.6 0 0 0 81 196.2c14 14 14.5 14.3 18.7 12.5 1.5-.6 17.3-16.2 35.1-34.4 3.5-3.6 3.4-3.6 4.9-2 36.5 37.1 37.9 38.3 42.4 36.5 1.2-.5 23.6-22.4 25.9-25.4.7-.9.8-6.3 0-6.5a492.6 492.6 0 0 0-18.1-18.7c-21-21-19-19-19-19.5 0-.3 8-8.5 18-18.4 21-20.9 21.4-21.4 19.2-26-.9-1.8-24.5-25.4-25.4-25.4-.5 0-.9-.2-1-.4-.4-.6-3.4-.5-5 .2-1 .4-6.5 5.7-20 19.2l-18.4 18.7-18.7-18.9A253 253 0 0 0 100.1 69Z' fill='%23999999' fill-rule='evenodd'/%3E%3C/svg%3E"); width: 22px; height: 22px; position: absolute; right: 24px; background-size: contain; cursor: pointer; display: block; }

.list-heading .dropdown-sort .dropdown-cont div { padding: 8px 15px; justify-content: center; }
.list-heading .dropdown-sort .dropdown-cont div.selected { font-weight: 600; color: #D60000; }
.list-heading .dropdown-sort .dropdown-cont div .icon { width: 12px; height: 12px; margin: 0 7px; transform: translateY(0); }
.list-heading .dropdown-sort .dropdown-cont div .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6a32 32 0 0 0 0-45.3l-160-160a32 32 0 0 0-45.3 45.3L338.8 224H32a32 32 0 1 0 0 64h306.7L233.4 393.4a32 32 0 0 0 45.3 45.3l160-160z' fill='%23333333' fill-rule='nonzero'/%3E%3C/svg%3E"); }
.list-heading .dropdown-sort .dropdown-cont div.selected .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6a32 32 0 0 0 0-45.3l-160-160a32 32 0 0 0-45.3 45.3L338.8 224H32a32 32 0 1 0 0 64h306.7L233.4 393.4a32 32 0 0 0 45.3 45.3l160-160z' fill='%23D60000' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.list-heading .sort { width: 39px; height: 17px; display: inline-block; background-repeat: no-repeat; background-size: contain; transform: translate(5px, 3px); }
.list-heading .sort.min { background-image: url("data:image/svg+xml,%3Csvg width='39' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M17 5H14v3h-1.5V.9h4.7V2H14v1.8h2.8v1.2Zm2.7 3h-1.5V.9h1.5V8Zm4-2.6h-1.2V8H21V.9h2.7a3 3 0 0 1 2 .6c.4.3.6.9.6 1.5 0 .5-.1 1-.3 1.3-.2.3-.5.5-1 .7l1.6 3H25l-1.3-2.6Zm-1.2-1.2h1.2c.3 0 .6 0 .8-.3.2-.2.3-.4.3-.7a1 1 0 0 0-.3-.8c-.1-.2-.4-.3-.8-.3h-1.2v2.1Zm8.6 2c0-.3-.1-.6-.3-.7l-1-.5c-.6-.1-1-.3-1.3-.5-.8-.4-1.2-1-1.2-1.7 0-.4.1-.7.4-1 .2-.3.5-.6.9-.8L30 .8c.5 0 1 0 1.3.3l1 .7.3 1.2H31a1 1 0 0 0-.3-.8l-.9-.2c-.3 0-.6 0-.8.2-.2.1-.3.3-.3.6l.3.6 1 .4c1 .3 1.5.6 1.9 1 .4.3.6.8.6 1.3 0 .6-.3 1.1-.7 1.5a3 3 0 0 1-2 .5c-.5 0-1-.1-1.4-.3a2.1 2.1 0 0 1-1.4-2h1.5c0 .7.5 1.1 1.4 1.1.3 0 .6 0 .8-.2.2-.1.3-.3.3-.6ZM38.9 2h-2.2V8h-1.4V2H33V1H39V2Z' fill='%234E2574'/%3E%3Cpath d='M14.1 15.8h3.1V17h-4.6V9.9h1.5v6Zm8-.3h-2.6L19 17h-1.6l2.7-7.1h1.4L24 17h-1.5l-.5-1.5Zm-2.2-1.2h1.8l-1-2.6-.8 2.6Zm8.6.8c0-.2-.1-.5-.3-.6l-1-.5c-.6-.1-1-.3-1.3-.5-.8-.4-1.2-1-1.2-1.7 0-.4.1-.7.3-1 .2-.3.6-.6 1-.8l1.3-.2c.5 0 1 0 1.4.3.4.2.7.4.9.7l.3 1.2h-1.4a1 1 0 0 0-.3-.8l-.9-.2c-.4 0-.6 0-.8.2-.2.1-.3.3-.3.6 0 .2 0 .4.3.6l1 .4c.9.3 1.5.6 1.9 1 .3.3.5.8.5 1.3 0 .6-.2 1.1-.7 1.5a3 3 0 0 1-1.8.5c-.6 0-1-.1-1.5-.3a2.1 2.1 0 0 1-1.4-2H26c0 .7.4 1.1 1.4 1.1.3 0 .6 0 .8-.2.2-.1.3-.3.3-.6Zm7.8-4H34V17h-1.5v-6h-2.1V10h5.8V11Z' fill='%234E2574'/%3E%3Cpath d='M5.4 16.6a1.2 1.2 0 0 1-1.8 0L.3 13.2c-.4-.5-.4-1.2 0-1.6.6-.4 1.3-.4 1.8 0L3.3 13V2.1c0-.6.5-1.1 1.2-1.1s1.2.5 1.2 1.1V13l1.2-1.2c.5-.5 1.2-.5 1.7-.1s.5 1.1 0 1.6l-3.2 3.4Z' fill='%234E2574'/%3E%3C/g%3E%3C/svg%3E"); }
.list-heading .sort.max { background-image: url("data:image/svg+xml,%3Csvg width='39' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M14.1 6.8h3.1V8h-4.6V.9h1.5v6Zm8-.3h-2.6L19 8h-1.6L20.1.9h1.4L24 8h-1.5L22 6.5Zm-2.2-1.2h1.8l-1-2.6-.8 2.6Zm8.6.8c0-.2-.1-.5-.3-.6l-1-.5c-.6-.1-1-.3-1.3-.5-.8-.4-1.2-1-1.2-1.7 0-.4.1-.7.3-1 .2-.3.6-.6 1-.8l1.3-.2c.5 0 1 0 1.4.3.4.2.7.4.9.7l.3 1.2h-1.4a1 1 0 0 0-.3-.8l-.9-.2c-.4 0-.6 0-.8.2-.2.1-.3.3-.3.6 0 .2 0 .4.3.6l1 .4c.9.3 1.5.6 1.9 1 .3.3.5.8.5 1.3 0 .6-.2 1.1-.7 1.5a3 3 0 0 1-1.8.5c-.6 0-1-.1-1.5-.3a2.1 2.1 0 0 1-1.4-2H26c0 .7.4 1.1 1.4 1.1.3 0 .6 0 .8-.2.2-.1.3-.3.3-.6Zm7.8-4H34V8h-1.5V2h-2.1V1h5.8V2Z' fill='%234E2574'/%3E%3Cpath d='M17 14H14v3h-1.5V9.9h4.7V11H14v1.8h2.8v1.2Zm2.7 3h-1.5V9.9h1.5V17Zm4-2.6h-1.2V17H21V9.9h2.7a3 3 0 0 1 2 .6c.4.3.6.9.6 1.5 0 .5-.1 1-.3 1.3-.2.3-.5.5-1 .7l1.6 3H25l-1.3-2.6Zm-1.2-1.2h1.2c.3 0 .6 0 .8-.3.2-.2.3-.4.3-.7a1 1 0 0 0-.3-.8c-.1-.2-.4-.3-.8-.3h-1.2v2.1Zm8.6 2c0-.3-.1-.6-.3-.7l-1-.5c-.6-.1-1-.3-1.3-.5-.8-.4-1.2-1-1.2-1.7 0-.4.1-.7.4-1 .2-.3.5-.6.9-.8l1.4-.2c.5 0 1 0 1.3.3l1 .7.3 1.2H31a1 1 0 0 0-.3-.8l-.9-.2c-.3 0-.6 0-.8.2-.2.1-.3.3-.3.6l.3.6 1 .4c1 .3 1.5.6 1.9 1 .4.3.6.8.6 1.3 0 .6-.3 1.1-.7 1.5a3 3 0 0 1-2 .5c-.5 0-1-.1-1.4-.3a2.1 2.1 0 0 1-1.4-2h1.5c0 .7.5 1.1 1.4 1.1.3 0 .6 0 .8-.2.2-.1.3-.3.3-.6Zm7.8-4.1h-2.2V17h-1.4v-6H33V10H39V11Z' fill='%234E2574'/%3E%3Cpath d='M5.4 16.6a1.2 1.2 0 0 1-1.8 0L.3 13.2c-.4-.5-.4-1.2 0-1.6.6-.4 1.3-.4 1.8 0L3.3 13V2.1c0-.6.5-1.1 1.2-1.1s1.2.5 1.2 1.1V13l1.2-1.2c.5-.5 1.2-.5 1.7-.1s.5 1.1 0 1.6l-3.2 3.4Z' fill='%234E2574'/%3E%3C/g%3E%3C/svg%3E"); }

.filter-result { align-items: flex-start; margin-bottom: 15px; justify-content: flex-start; }
.filter-result p { margin-bottom: 0; font-weight: 600; }
.filter-result .total-default { margin-bottom: 10px; }
.filter-result .total-filtered { margin-bottom: 8px; }
.filter-result .reset-filter { text-decoration: underline; font-weight: 600; color: #4D2573; color: var(--ui-color); cursor: pointer; }
.filter-result .reset-filter:hover { color: #DA1E4F; }
.filter-result .not-entered-total {}

.unit-list-cont .unit { display: none; width: 100%; border: 1px solid #DDD; font-size: 15px; /* cursor: pointer; */ cursor: default; width: 100%; flex-direction: row; align-items: flex-start; flex-wrap: wrap; padding: 10px; position: relative; transition: ease all .2s; margin-bottom: 10px; }
.unit-list-cont .unit:hover { background-color: #F4F4F4; }

.unit-list-cont .unit.active { display: flex; }
.unit-list-cont .unit > div { width: 50%; font-size: 16px; margin-bottom: 8px; }
.unit-list-cont .unit > div::before { color: #666; display: block; line-height: 1; font-weight: 600; font-size: 14px; }
.unit-list-cont .unit .btn-installment { order: 3; width: 100%; border: 1px solid #DDD; background-color: #FFF; margin-top: 15px; }

.page-price-list .unit-list-cont .unit { z-index: 0; min-height: 44px; }
.page-price-list .unit-list-cont .unit div { order: 2; width: 50%; }
.page-price-list .unit-list-cont .unit div.type { order: 1; width: 100%; }

.page-price-list .unit-list-cont .unit .btn-sm { position: relative; z-index: 2; color: #FFF; width: 100%; order: 3; flex-shrink: 0; padding: .375rem .75rem; border: 0; box-shadow: none!important; outline: 0!important; font-size: 1rem; font-weight: 600; background-color: #4D2573; background-color: var(--ui-color); background-repeat: no-repeat; background-position: calc(50% - 1.5rem) center; background-size: 10px auto; }
.page-price-list .unit-list-cont .unit .btn-sm:hover { background-color: #3B1B5A; background-color: var(--primary-color-dark); }


.page-price-list .unit-list-cont .unit.resale { background-color: #FFFFA1; }
.page-price-list .unit-list-cont .unit.resale .btn-installment { display: none!important; }
@media screen {
  .sqm-mobile .page-price-list .unit-list-heading > p.phase,
  .sqm-mobile .page-price-list .unit-list-heading > p.no,
  .sqm-mobile .page-price-list .unit-list-heading > p.block,
  .sqm-mobile .page-price-list .unit-list-heading > p.type,
  .sqm-mobile .page-price-list .unit-list-heading > p.price { display: flex; width: calc(50% - 5px); margin: 0 0 10px 0; padding: 0; text-decoration: none; }
}

.page-project-permission-documents .unit-list-cont .unit div,
.page-project-reference-numbers .unit-list-cont .unit div { width: 100%; }
/* .page-project-reference-numbers .unit-list-cont .unit:hover { background-color: transparent; } */

.page-project-permission-documents .unit-list-cont .unit .permissions { order: 3; }

/*
   status-0 - Bilinmiyor - Tick yerine her yuvarlak icerisinde soru isareti.
   status-1 - Izin Yok - 0 tick (yani 4 ici bos daire)
   status-2 - Kat Irtifak Kocani - 3 tick
   status-3 - Insaat Ruhsati - 2 tick
   status-4 - Sehir Planlama Onayi - 1 tick
   status-5 - Ayri Kocan - 4 tick
*/

.page-project-permission-documents .unit-list-cont .unit .status { order: 4; margin-bottom: 0; position: relative; background-image: url("data:image/svg+xml,%3Csvg width='234' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4531782 17.5H34.5468218l-.1475975-1.3351874C33.4805498 7.8543546 26.4299294 1.5 18 1.5 8.8873016 1.5 1.5 8.8873016 1.5 18S8.8873016 34.5 18 34.5c8.4299294 0 15.4805498-6.3543547 16.3992243-14.6648126L34.5468218 18.5h32.9063564l.1475975 1.3351874C68.5194502 28.1456453 75.5700706 34.5 84 34.5c8.4299294 0 15.4805498-6.3543547 16.399224-14.6648126L100.546822 18.5h32.906356l.147598 1.3351874C134.51945 28.1456453 141.570071 34.5 150 34.5c8.429929 0 15.48055-6.3543547 16.399224-14.6648126L166.546822 18.5h32.906356l.147598 1.3351874C200.51945 28.1456453 207.570071 34.5 216 34.5c9.112698 0 16.5-7.3873016 16.5-16.5S225.112698 1.5 216 1.5c-8.429929 0-15.48055 6.3543547-16.399224 14.6648126L199.453178 17.5h-32.906356l-.147598-1.3351874C165.48055 7.8543546 158.429929 1.5 150 1.5c-8.429929 0-15.48055 6.3543547-16.399224 14.6648126L133.453178 17.5h-32.906356l-.147598-1.3351874C99.4805498 7.8543546 92.4299294 1.5 84 1.5S68.5194502 7.8543547 67.6007757 16.1648126L67.4531782 17.5Z' stroke='%23979797' stroke-width='3' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 143px 22px; height: 22px; background-position: left bottom; }

.page-project-permission-documents .unit-list-cont .unit .status::after { content: ''; position: absolute; width: 143px; height: 22px; bottom: 0; left: 0; background-size: auto 22px; background-repeat: space; background-image: url("data:image/svg+xml,%0A%3Csvg width='234px' height='36px' viewBox='0 0 234 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M18,36 C8.0588745,36 -1.21743675e-15,27.9411255 0,18 C1.21743675e-15,8.0588745 8.0588745,0 18,0 C27.9411255,0 36,8.0588745 36,18 C36,27.9411255 27.9411255,36 18,36 Z M25.5100805,14.7972743 L25.5029931,14.79046 C26.1692079,14.1567291 26.1621205,13.120954 25.5029931,12.4804089 C24.8438656,11.8398637 23.7665819,11.8398637 23.1003671,12.4804089 L15.2333616,20.0511073 L11.9022872,16.8483816 C11.2431597,16.2078365 10.165876,16.2146508 9.49966116,16.8483816 C8.83344628,17.4821124 8.83344628,18.5178876 9.49966116,19.1584327 L14.0355923,23.5195911 C14.6947197,24.1601363 15.7720034,24.1601363 16.4382183,23.5195911 L25.5100805,14.7972743 Z M84,36 C74.0588745,36 66,27.9411255 66,18 C66,8.0588745 74.0588745,0 84,0 C93.9411255,0 102,8.0588745 102,18 C102,27.9411255 93.9411255,36 84,36 Z M91.5100805,14.7972743 L91.5029931,14.79046 C92.1692079,14.1567291 92.1621205,13.120954 91.5029931,12.4804089 C90.8438656,11.8398637 89.7665819,11.8398637 89.1003671,12.4804089 L81.2333616,20.0511073 L77.9022872,16.8483816 C77.2431597,16.2078365 76.165876,16.2146508 75.4996612,16.8483816 C74.8334463,17.4821124 74.8334463,18.5178876 75.4996612,19.1584327 L80.0355923,23.5195911 C80.6947197,24.1601363 81.7720034,24.1601363 82.4382183,23.5195911 L91.5100805,14.7972743 Z M150,36 C140.058875,36 132,27.9411255 132,18 C132,8.0588745 140.058875,0 150,0 C159.941125,0 168,8.0588745 168,18 C168,27.9411255 159.941125,36 150,36 Z M157.51008,14.7972743 L157.502993,14.79046 C158.169208,14.1567291 158.162121,13.120954 157.502993,12.4804089 C156.843866,11.8398637 155.766582,11.8398637 155.100367,12.4804089 L147.233362,20.0511073 L143.902287,16.8483816 C143.24316,16.2078365 142.165876,16.2146508 141.499661,16.8483816 C140.833446,17.4821124 140.833446,18.5178876 141.499661,19.1584327 L146.035592,23.5195911 C146.69472,24.1601363 147.772003,24.1601363 148.438218,23.5195911 L157.51008,14.7972743 Z M216,36 C206.058875,36 198,27.9411255 198,18 C198,8.0588745 206.058875,0 216,0 C225.941125,0 234,8.0588745 234,18 C234,27.9411255 225.941125,36 216,36 Z M223.51008,14.7972743 L223.502993,14.79046 C224.169208,14.1567291 224.162121,13.120954 223.502993,12.4804089 C222.843866,11.8398637 221.766582,11.8398637 221.100367,12.4804089 L213.233362,20.0511073 L209.902287,16.8483816 C209.24316,16.2078365 208.165876,16.2146508 207.499661,16.8483816 C206.833446,17.4821124 206.833446,18.5178876 207.499661,19.1584327 L212.035592,23.5195911 C212.69472,24.1601363 213.772003,24.1601363 214.438218,23.5195911 L223.51008,14.7972743 Z' id='Shape' fill='%23979797' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

.page-project-permission-documents .unit-list-cont .unit .status.status-0::after { background-image: url("data:image/svg+xml,%3Csvg width='234' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4444444 14.2c0 .7190625-.5461805 1.3-1.2222222 1.3C12.5461806 15.5 12 14.9190625 12 14.2c0-2.8721875 2.1885417-5.2 4.8888889-5.2h1.2222222C20.8114583 9 23 11.3278125 23 14.2v.14625c0 1.77125-.8479167 3.4165625-2.2458333 4.3753125L19.1423611 19.8225c-.2597222.17875-.4201389.4875-.4201389.820625V20.7c0 .7190625-.5461805 1.3-1.2222222 1.3-.6760417 0-1.2222222-.5809375-1.2222222-1.3v-.0609375c0-1.2146875.5805555-2.348125 1.5430555-3.00625l1.6118056-1.1009375c.6989583-.4753125 1.1229167-1.3 1.1229167-2.185625V14.2c0-1.4340625-1.0961806-2.6-2.4444445-2.6h-1.2222222c-1.3482639 0-2.4444445 1.1659375-2.4444445 2.6ZM17.5 27c-.8284271 0-1.5-.6715729-1.5-1.5s.6715729-1.5 1.5-1.5 1.5.6715729 1.5 1.5-.6715729 1.5-1.5 1.5Zm62.9444444-12.8c0 .7190625-.5461805 1.3-1.2222222 1.3C78.5461806 15.5 78 14.9190625 78 14.2c0-2.8721875 2.1885417-5.2 4.8888889-5.2h1.2222222C86.8114583 9 89 11.3278125 89 14.2v.14625c0 1.77125-.8479167 3.4165625-2.2458333 4.3753125L85.1423611 19.8225c-.2597222.17875-.4201389.4875-.4201389.820625V20.7c0 .7190625-.5461805 1.3-1.2222222 1.3-.6760417 0-1.2222222-.5809375-1.2222222-1.3v-.0609375c0-1.2146875.5805555-2.348125 1.5430555-3.00625l1.6118056-1.1009375c.6989583-.4753125 1.1229167-1.3 1.1229167-2.185625V14.2c0-1.4340625-1.0961806-2.6-2.4444445-2.6h-1.2222222c-1.3482639 0-2.4444445 1.1659375-2.4444445 2.6ZM83.5 27c-.8284271 0-1.5-.6715729-1.5-1.5s.6715729-1.5 1.5-1.5 1.5.6715729 1.5 1.5-.6715729 1.5-1.5 1.5Zm63.944444-12.8c0 .7190625-.54618 1.3-1.222222 1.3C145.546181 15.5 145 14.9190625 145 14.2c0-2.8721875 2.188542-5.2 4.888889-5.2h1.222222C153.811458 9 156 11.3278125 156 14.2v.14625c0 1.77125-.847917 3.4165625-2.245833 4.3753125L152.142361 19.8225c-.259722.17875-.420139.4875-.420139.820625V20.7c0 .7190625-.54618 1.3-1.222222 1.3-.676042 0-1.222222-.5809375-1.222222-1.3v-.0609375c0-1.2146875.580555-2.348125 1.543055-3.00625l1.611806-1.1009375c.698958-.4753125 1.122917-1.3 1.122917-2.185625V14.2c0-1.4340625-1.096181-2.6-2.444445-2.6h-1.222222c-1.348264 0-2.444445 1.1659375-2.444445 2.6ZM150.5 27c-.828427 0-1.5-.6715729-1.5-1.5s.671573-1.5 1.5-1.5 1.5.6715729 1.5 1.5-.671573 1.5-1.5 1.5Zm62.944444-12.8c0 .7190625-.54618 1.3-1.222222 1.3C211.546181 15.5 211 14.9190625 211 14.2c0-2.8721875 2.188542-5.2 4.888889-5.2h1.222222C219.811458 9 222 11.3278125 222 14.2v.14625c0 1.77125-.847917 3.4165625-2.245833 4.3753125L218.142361 19.8225c-.259722.17875-.420139.4875-.420139.820625V20.7c0 .7190625-.54618 1.3-1.222222 1.3-.676042 0-1.222222-.5809375-1.222222-1.3v-.0609375c0-1.2146875.580555-2.348125 1.543055-3.00625l1.611806-1.1009375c.698958-.4753125 1.122917-1.3 1.122917-2.185625V14.2c0-1.4340625-1.096181-2.6-2.444445-2.6h-1.222222c-1.348264 0-2.444445 1.1659375-2.444445 2.6ZM216.5 27c-.828427 0-1.5-.6715729-1.5-1.5s.671573-1.5 1.5-1.5 1.5.6715729 1.5 1.5-.671573 1.5-1.5 1.5Z' fill='%23979797' fill-rule='nonzero'/%3E%3C/svg%3E");}
.page-project-permission-documents .unit-list-cont .unit .status.status-1::after { width: 0; }
.page-project-permission-documents .unit-list-cont .unit .status.status-2::after { width: 103px; }
.page-project-permission-documents .unit-list-cont .unit .status.status-3::after { width: 62px; }
.page-project-permission-documents .unit-list-cont .unit .status.status-4::after { width: 22px; }
.page-project-permission-documents .unit-list-cont .unit .status.status-5::after { width: 143px; }

.page-project-permission-documents .proto-updates li a::after { margin: 0 .25rem; }

.page-project-commission-rates .unit-list-cont .unit div { width: 100%; }
.proto-agreements p a { text-decoration: underline; }

.page-project-sold-rate .progress-cont { width: 100%!important; }

.page-resale-listings .list-cont,
.page-my-resale-list .list-cont,
.user-list-cont,
.page-projects-list .unit-list-cont,
.page-projects-rental-yield .unit-list-cont,
.page-price-analysis .unit-list-cont,
.page-calculator .unit-list-cont,
.page-project-permission-documents .unit-list-cont,
.page-project-reference-numbers .unit-list-cont,
.page-project-commission-rates .unit-list-cont,
.page-project-sold-rate .unit-list-cont { counter-reset: item; }

.page-resale-listings .item,
.page-my-resale-list .item,
.user-list-cont .user,
.page-projects-list .unit-list-cont .unit,
.page-projects-rental-yield .unit-list-cont .unit,
.page-price-analysis .unit-list-cont .unit,
.page-calculator .unit-list-cont .unit,
.page-project-permission-documents .unit-list-cont .unit,
.page-project-reference-numbers .unit-list-cont .unit,
.page-project-commission-rates .unit-list-cont .unit,
.page-project-sold-rate .unit-list-cont .unit { padding-left: 35px; }

html[dir="rtl"] .page-resale-listings .item,
html[dir="rtl"] .page-my-resale-list .item,
html[dir="rtl"] .user-list-cont .user,
html[dir="rtl"] .page-projects-list .unit-list-cont .unit,
html[dir="rtl"] .page-projects-rental-yield .unit-list-cont .unit,
html[dir="rtl"] .page-price-analysis .unit-list-cont .unit,
html[dir="rtl"] .page-calculator .unit-list-cont .unit,
html[dir="rtl"] .page-project-permission-documents .unit-list-cont .unit,
html[dir="rtl"] .page-project-reference-numbers .unit-list-cont .unit,
html[dir="rtl"] .page-project-commission-rates .unit-list-cont .unit,
html[dir="rtl"] .page-project-sold-rate .unit-list-cont .unit { padding-left: 0; padding-right: 35px; }

.page-resale-listings .item.active::before,
.page-my-resale-list .item.active::before,
.user-list-cont .user.active::before,
.page-projects-list .unit-list-cont .unit.active::before,
.page-projects-rental-yield .unit-list-cont .unit.active::before,
.page-price-analysis .unit-list-cont .unit.active::before,
.page-calculator .unit-list-cont .unit.active::before,
.page-project-permission-documents .unit-list-cont .unit.active::before,
.page-project-reference-numbers .unit-list-cont .unit.active::before,
.page-project-commission-rates .unit-list-cont .unit.active::before,
.page-project-sold-rate .unit-list-cont .unit.active::before { content: ""; background-color: #333; position: absolute; top: -1px; bottom: -1px; left: -1px; width: 25px; display: flex; align-items: center; justify-content: center; counter-increment: item; content: counter(item); color: #FFF; font-size: 12px; z-index: 1; }

html[dir="rtl"] .page-resale-listings .item.active::before,
html[dir="rtl"] .page-my-resale-list .item.active::before,
html[dir="rtl"] .user-list-cont .user.active::before,
html[dir="rtl"] .page-projects-list .unit-list-cont .unit.active::before,
html[dir="rtl"] .page-projects-rental-yield .unit-list-cont .unit.active::before,
html[dir="rtl"] .page-price-analysis .unit-list-cont .unit.active::before,
html[dir="rtl"] .page-calculator .unit-list-cont .unit.active::before,
html[dir="rtl"] .page-project-permission-documents .unit-list-cont .unit.active::before,
html[dir="rtl"] .page-project-reference-numbers .unit-list-cont .unit.active::before,
html[dir="rtl"] .page-project-commission-rates .unit-list-cont .unit.active::before,
html[dir="rtl"] .page-project-sold-rate .unit-list-cont .unit.active::before { right: -1px; left: unset; }

@media screen {
  .sqm-mobile .page-project-sold-rate .unit-list-heading > p.soldrate { display: flex; width: 100%; margin: 0 0 10px 0; padding: 0; text-decoration: none; }
}
.page-projects-list .unit,
.page-price-analysis .unit { overflow-y: hidden; gap: 0 0; }

.page-projects-list .unit:has(input[type="checkbox"]:checked),
.page-price-analysis .unit:has(input[type="checkbox"]:checked) { gap: 8px 0; }

.page-projects-list .unit:has(input[type="checkbox"]:checked) div,
.page-price-analysis .unit:has(input[type="checkbox"]:checked) div { height: 100%; overflow: visible; margin-bottom: 0; }

.page-price-analysis .unit div:not(.developer, .project, .price, .persqm) { height: 0; overflow-y: hidden; margin-bottom: 0; }

.page-projects-list .unit div:not(.developer, .project, .price, .constructionfinishdate) { width: 0; height: 0; overflow-y: hidden; margin-bottom: 0; }
.page-projects-list .unit div.price {  }
.page-projects-list .unit:has(input[type="checkbox"]:checked) div,
.page-projects-list .unit:has(input[type="checkbox"]:checked) div.price { width: 50%; }
.page-projects-list .unit:has(input[type="checkbox"]:checked) div.constructionfinishdate { width: 100%; }

.page-projects-list .unit .price,
.page-price-analysis .unit .price,
.page-price-analysis .unit .persqm { margin-bottom: 0; }

.page-projects-list .unit input[type="checkbox"],
.page-price-analysis .unit input[type="checkbox"] { position: absolute; z-index: 2; right: 0; top: 0; border: 0; opacity: 1; width: 32px; height: 32px; -webkit-appearance: none; appearance: none; }

.page-projects-list .unit.active input[type="checkbox"] + div::after,
.page-price-analysis .unit.active input[type="checkbox"] + div::after { z-index: 2; content: ''; display: block; position: absolute; right: 3px; top: 3px; width: 26px; height: 26px; opacity: 1; background-color: #ddd; pointer-events: none; font-size: 24px; font-weight: 600; line-height: 1; text-align: center; border-radius: 6px; background-size: 10px auto; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234D2573' fill-rule='nonzero' d='M18.7 31.3H.5V18.2h18.2V.3h13.1v17.9H50v13.1H31.8v17.6H18.7z'/%3E%3C/svg%3E%0A"); }

.page-projects-list .unit.active input[type="checkbox"]:checked + div::after,
.page-price-analysis .unit.active input[type="checkbox"]:checked + div::after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234D2573' fill-rule='nonzero' d='M.5 13.3V.2H50v13.1z'/%3E%3C/svg%3E"); }


.page-projects-rental-yield .unit { overflow-y: hidden; gap: 0 0; }
.page-projects-rental-yield .unit .lowest,
.page-projects-rental-yield .unit .roiyears,
.page-projects-rental-yield .unit .roi { width: 100%; }
.page-projects-rental-yield .unit .roi { margin-bottom: 0; }

.btn-print { box-shadow: none!important; display: flex; align-items: center; padding: 10px 15px; border-width: 1px; border-radius: 0.5rem; text-decoration: none!important; }
.btn-print .icon-print { width: 18px; height: 18px; margin-right: 10px; background-size: cover; display: block; }
html[dir="rtl"] .btn-print .icon-print { margin-right: 0; margin-left: 10px; }

body.nopdf .page-price-list .pdf-spacer,
body.nopdf .page-price-list .list-cont .unit .icon-download { opacity: 0!important; pointer-events: none!important; display: none!important; }

@media screen {
  .sqm-mobile .unit-list-heading { display: flex!important; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5px; }
  .sqm-mobile .unit-list-heading > p { display: none; }

  .sqm-mobile .unit-list-heading > p > span.dropdown { display: block; width: 100%; }
  .sqm-mobile .unit-list-heading > p > span.dropdown > span { display: block; width: 100%; text-decoration: none; padding: 10px 12px; border-radius: 0.5rem; border: 1px solid #ddd; text-align: center; }
  .sqm-mobile .unit-list-heading > p > span.dropdown.active-filter::after { right: 12px; }
  .sqm-mobile .unit-list-heading > p > span.dropdown.active-filter > span { background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); color: #FFF; }
  .sqm-mobile .unit-list-heading > p > span.dropdown.active-sort > span { background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); color: #FFF; }
  .sqm-mobile .unit-list-heading > p > span.dropdown.active-sort::after { top: calc(50% - 6px); right: 12px; }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown.show > span { font-size: 21px; display: flex; width: 100%; padding: 10px; text-decoration: none; background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); color: #FFF; border-radius: 0; height: 55px; align-items: center; justify-content: center; position: fixed; left: 0; right: 0; top: 0; z-index: 1; cursor: default;  }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown.show > span::after { display: none; }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown-menu.show { position: fixed!important; top: 55px!important; left: 0!important; right: 0!important; bottom: 0!important; transform: unset!important; max-width: unset!important; max-height: unset!important; font-size: 16px; padding: 0; border-radius: 0; }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown-menu.show::before { display: none; }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .filter-search-cont { display: none!important; }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown-cont { max-height: calc(100dvh - 50px)!important; display: flex; flex-wrap: wrap; z-index: 1; padding: 10px; padding-top: 0; padding-bottom: 30px; overflow-y: scroll; }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown-cont div { width: 100%; white-space: normal; padding: 12px 15px 12px 32px; }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown-cont div.selected { background-color: #f4f4f4; }
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown-cont div::before,
  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown-cont div::after { top: 12px; }
  .sqm-mobile .unit-list-heading > p[data-type="sort"] .dropdown-sort.show{ width: 100%; }
  .sqm-mobile .proto-prices:has(.unit-list-heading > p:not([data-type="sort"]) .dropdown.show)  .unit-list-cont { overflow: hidden; height: 100dvh; }

  body.sqm-mobile:has(.proto-prices .unit-list-heading > p:not([data-type="sort"]) .dropdown.show) { position: fixed; min-height: unset!important; height: unset!important; overflow: hidden; }
  body.sqm-mobile:has(.proto-prices .unit-list-heading > p:not([data-type="sort"]) .dropdown.show) .container-fluid { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; overflow: hidden; }

  .sqm-mobile .page-price-analysis .unit-list-heading > p.developer,
  .sqm-mobile .page-price-analysis .unit-list-heading > p.project,
  .sqm-mobile .page-price-analysis .unit-list-heading > p.region,
  .sqm-mobile .page-price-analysis .unit-list-heading > p.bedrooms,
  .sqm-mobile .page-price-analysis .unit-list-heading > p.price,
  .sqm-mobile .page-price-analysis .unit-list-heading > p.persqm { display: flex; width: calc(50% - 5px); margin: 0 0 10px 0; padding: 0; text-decoration: none; }

  .sqm-mobile .page-projects-list .unit-list-heading > p.developer,
  .sqm-mobile .page-projects-list .unit-list-heading > p.project,
  .sqm-mobile .page-projects-list .unit-list-heading > p.region,
  .sqm-mobile .page-projects-list .unit-list-heading > p.bedrooms,
  .sqm-mobile .page-projects-list .unit-list-heading > p.price,
  .sqm-mobile .page-projects-list .unit-list-heading > p.persqm,
  .sqm-mobile .page-projects-list .unit-list-heading > p.constructionfinishdate { display: flex; width: calc(50% - 5px); margin: 0 0 10px 0; padding: 0; text-decoration: none; }
  .sqm-mobile .page-projects-list .unit-list-heading > p.constructionfinishdate { width: 100%; }

  .sqm-mobile .page-resale-listings .unit-list-heading { flex-wrap: wrap!important; background-color: #FFF!important; }
  .sqm-mobile .page-resale-listings .unit-list-heading > p.developer,
  .sqm-mobile .page-resale-listings .unit-list-heading > p.project,
  .sqm-mobile .page-resale-listings .unit-list-heading > p.region,
  .sqm-mobile .page-resale-listings .unit-list-heading > p.bedrooms,
  .sqm-mobile .page-resale-listings .unit-list-heading > p.price { display: flex; width: calc(50% - 5px); margin: 0 0 10px 0; padding: 0; text-decoration: none; }

  .sqm-mobile .unit-list-heading > p:not([data-type="sort"]) .dropdown.show .close-menu {
    background-repeat: no-repeat; background-position: center; background-size: 28px auto; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter x='-64.3%25' y='-64.3%25' width='228.6%25' height='228.6%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Cpath d='m14 13 4.8-4.7c.3-.3.3-.7 0-1l-1-1.1a.7.7 0 0 0-1 0L12 10.9 7.3 6.2a.7.7 0 0 0-1 0l-1 1.1c-.4.3-.4.7 0 1L9.8 13l-4.7 4.7c-.3.3-.3.7 0 1l1.1 1c.3.4.7.4 1 0l4.7-4.6 4.7 4.7c.3.3.7.3 1 0l1.1-1.1c.3-.3.3-.7 0-1L14.1 13Z' id='b'/%3E%3C/defs%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E"); display: block; width: 54px; height: 45px; position: fixed; top: -50px; right: 0; z-index: 2000; cursor: pointer; }

  @media (min-width: 768px) {
    .sqm-mobile .page-projects-list .unit-list-heading > p.constructionfinishdate { width: calc(50% - 5px)!important; }
  }
}

.page-calculator {}
.page-calculator .unit { padding: 15px; padding-bottom: 0; }
.page-calculator .unit div { margin-bottom: 15px; line-height: 1.2; order: 3; }
.page-calculator .unit div::before { margin-bottom: 4px; }
.page-calculator .unit div.project { order: 1; width: 100%; font-weight: 600; font-size: 17px; }
.page-calculator .unit div.developer { order: 2; width: 100%; }

.page-calculator .sliders-cont { display: flex; flex-direction: column; gap: 1rem 0; margin-bottom: 1.25rem; }
.page-calculator .sliders-cont > div { display: flex; flex-direction: column; align-items: center; padding: 15px; border: 1px solid #ddd; border-radius: 0.5rem; }
.page-calculator .sliders-cont .title { font-weight: 600; margin-bottom: 0; font-size: 15px; color: #666; }
.page-calculator .sliders-cont .value { font-variant-numeric: tabular-nums; font-size: 21px; font-weight: 700; margin-bottom: .5rem; color: #4D2573; color: var(--ui-color); }

.sliders-cont input[type=range] { width: 100%; margin: 10px 0; background-color: transparent; -webkit-appearance: none; appearance: none; }
.sliders-cont input[type=range]:focus { outline: none; }
.sliders-cont input[type=range]::-webkit-slider-runnable-track { background: #aeaeae; border: 0px solid rgba(1, 1, 1, 0); border: 0; border-radius: 25px; width: 100%; height: 6px; cursor: pointer; }
.sliders-cont input[type=range]::-webkit-slider-thumb { margin-top: -10px; width: 26px; height: 26px; background: #ffffff; border: 5px solid #4D2573; border: 5px solid var(--ui-color); border-radius: 50px; cursor: pointer; -webkit-appearance: none; appearance: none; }
.sliders-cont input[type=range]:focus::-webkit-slider-runnable-track { background: #bbbbbb; }
.sliders-cont input[type=range]::-moz-range-track { background: #aeaeae; border: 0px solid rgba(1, 1, 1, 0); border: 0; border-radius: 25px; width: 100%; height: 6px; cursor: pointer; }
.sliders-cont input[type=range]::-moz-range-thumb { width: 26px; height: 26px; background: #ffffff; border: 5px solid #4D2573; border: 5px solid var(--ui-color); border-radius: 50px; cursor: pointer; }
.sliders-cont input[type=range]::-ms-track { background: transparent; border-color: transparent; border-width: 10px 0; color: transparent; width: 100%; height: 6px; cursor: pointer; }
.sliders-cont input[type=range]::-ms-fill-lower { background: #a1a1a1; border: 0px solid rgba(1, 1, 1, 0); border: 0; border-radius: 50px; }
.sliders-cont input[type=range]::-ms-fill-upper { background: #aeaeae; border: 0px solid rgba(1, 1, 1, 0); border: 0; border-radius: 50px; }
.sliders-cont input[type=range]::-ms-thumb { width: 26px; height: 26px; background: #ffffff; border: 5px solid #4D2573; border: 5px solid var(--ui-color); border-radius: 50px; cursor: pointer; margin-top: 0px; }
.sliders-cont input[type=range]:focus::-ms-fill-lower { background: #aeaeae; }
.sliders-cont input[type=range]:focus::-ms-fill-upper { background: #bbbbbb; }


@media (min-width: 768px) {
  .page-project-reference-numbers .unit-list-cont .unit div { width: 33.333%; }
  .page-project-reference-numbers .unit-list-cont .unit div.title { width: 100%; margin-bottom: 0; }

  .page-project-permission-documents .unit-list-cont .unit div { width: 33.333%; margin-bottom: 0; }
  .page-project-permission-documents .unit-list-cont .unit .status { margin-left: auto; }

  .page-project-sold-rate .progress-cont { width: 50%!important; margin-left: 50%; }

  .page-calculator .sliders-cont { flex-direction: row; gap: 0 1rem; margin-bottom: 1.25rem; }
  .page-calculator .sliders-cont > div { width: 33%; }
  .page-calculator .unit div.project { width: 50%; font-size: 16px; }
  .page-calculator .unit div.developer { width: 50%; }

  .page-projects-rental-yield .unit { overflow-y: hidden; gap: 0 0; }
  .page-projects-rental-yield .unit .lowest,
  .page-projects-rental-yield .unit .roiyears { width: 50%; }
  .page-projects-rental-yield .unit .roi { margin-bottom: 0; }

  .filter-result .total-filtered { margin-bottom: 0; }
  .filter-result .total-default { margin-bottom: 0; margin-right: 10px; }
  .filter-result .reset-filter { margin-left: 10px; }
}

@media (min-width: 992px) {
  .list-heading .dropdown-filter .dropdown-cont div.unselect { padding-left: 33px!important; margin: 0px 7px 5px 7px; background-size: auto 18px; background-position: 8px 6px; }

  .page-rental-income #menu,
  .page-price-list #menu { z-index: 1; }

  .page-price-list #menu { position: absolute; top: 0; }

  .page-price-list .navigation { /*position: fixed; top: 120px;*/ width: 80px; transition: ease width .2s; z-index: 10; }

  .page-rental-income .navigation:hover,
  .page-price-list .navigation:hover { width: 270px; }

  .page-price-list { min-height: 1000px; }
  .page-price-list .proto-prices {  margin-left: 110px; z-index: 0; /* position: absolute; left: 110px; */ width: calc(100% - 110px); }

  #sensor { position: absolute; width: 1px; height: 1px; }
  .sticky-cont { position: sticky; top: 0; background-color: #FFF; z-index: 3; padding-top: 10px; }
  .sticky-cont::after { content: ''; background: linear-gradient(180deg, #00000036, transparent); position: absolute; bottom: -10px; left: 0; right: 0; height: 10px; opacity: 0; }
  .sticky-cont.is-pinned::after { opacity: 1; }

  .unit-list-heading { display: flex; flex-wrap: nowrap; width: 100%; background-color: #4D2573; background-color: var(--ui-color); margin-bottom: 5px; position: relative; min-height: 54px; }
  .unit-list-heading p { margin-bottom: 0; padding: 8px 0; width: 7%; text-align: center; flex-shrink: 0; font-weight: 600; font-size: 15px; display: flex; align-items: center; justify-content: center; cursor: default; color: #FFF; line-height: 1.2; display: flex!important; }

  .unit-list-cont {}
  .unit-list-cont .unit { display: none; flex-wrap: nowrap; padding: 5px 0; margin-bottom: 5px; align-items: center; cursor: pointer; }
  .unit-list-cont .unit div::before { display: none; }
  .unit-list-cont .unit div:not(.progress, .progress-bar) { width: 8%; text-align: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 0; font-size: 15px; }
  .unit-list-cont .unit .btn-installment { display: none; }

  .page-price-list .unit-list-heading p { width: 7.5%; font-size: 14px; }
  .page-price-list .unit-list-cont .unit div { order: unset!important; width: 7.5%; }
  .page-price-list .unit-list-cont .unit div.type { order: unset!important; flex-shrink: 1; }

  .page-price-list .unit-list-heading.nines p,
  .page-price-list .unit-list-cont.nines .unit div { width: 10%; }

  .page-price-list .unit-list-heading.nines p,
  .page-price-list .unit-list-cont.nines .unit div { width: 9.75%; }

  .page-price-list .unit-list-heading.decimal p,
  .page-price-list .unit-list-cont.decimal .unit div { width: 9%; }

  .page-price-list .unit-list-heading.decimal p,
  .page-price-list .unit-list-cont.decimal .unit div { width: 8.75%; }

  .page-price-list .unit-list-cont .unit { padding: 0; align-items: stretch; }
  .page-price-list .unit-list-cont .unit div {}
  .page-price-list .unit-list-heading p.pdf-spacer { width: 75px; flex-shrink: 0; }
  .page-price-list .unit-list-cont .unit .btn-sm { width: 65px; margin: 5px 10px 5px 0; margin-right: 10px; padding: 4px 8px 4px 22px; font-size: 15px; background-position: 10px center; align-self: center; }

  .page-price-list .price { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; }
  .page-price-list .type { /* width: 18%!important; */ width: unset!important; flex-grow: 1; }
  .page-price-list .price { width: 12%!important; }


  .page-price-analysis .list-heading p.region .dropdown-cont,
  .page-price-analysis .list-heading p.region .dropdown-menu.show { max-height: unset; }
  .page-price-analysis .unit-list-heading p { width: 7%; font-size: 14px; }
  .page-price-analysis .unit-list-cont .unit div { font-size: 14px; width: 7%; overflow: unset; }
  .page-price-analysis .developer { justify-content: flex-start!important; width: 12%!important; padding-left: 30px; text-align: left!important; }
  .page-price-analysis .project { justify-content: flex-start!important; width: 13%!important; text-align: left!important; }
  .page-price-analysis .bedrooms { width: 9%!important; }
  .page-price-analysis .unit .price { font-weight: 600; }
  .page-price-analysis .unit .persqm { font-weight: 600; color: #000; }

  .page-price-analysis .internalarea,
  .page-price-analysis .balconyterrace,
  .page-price-analysis .rooftop,
  .page-price-analysis .total,
  .page-price-analysis .price { text-align: right!important; justify-content: flex-end!important; }
  .page-price-analysis .price { padding-right: 13px; width: 8%!important; }
  .page-price-analysis .persqm { width: 9%!important; }

  .page-price-analysis .unit { overflow-y: unset; gap: 0 0; cursor: default; }
  .page-price-analysis .unit div { order: unset!important; height: auto!important; overflow-y: unset; margin-bottom: 0!important; }
  .page-price-analysis .unit input[type="checkbox"] { display: none; }
  .page-price-analysis .unit.active input[type="checkbox"] + div::after  { display: none; }

  .page-projects-list .list-heading p.region .dropdown-cont,
  .page-projects-list .list-heading p.region .dropdown-menu.show { max-height: unset; }

  .page-projects-list .unit-list-heading p { width: 7%; font-size: 14px; }
  .page-projects-list .unit-list-cont .unit div { font-size: 14px; width: 7%; overflow: unset; }
  .page-projects-list .developer { justify-content: flex-start!important; width: 13%!important; padding-left: 30px; text-align: left!important; }
  .page-projects-list .project { justify-content: flex-start!important; width: 13%!important; text-align: left!important; }
  .page-projects-list .region { width: 10%!important; }
  .page-projects-list .bedrooms { width: 11%!important; }
  .page-projects-list .type { width: 8%!important; }
  .page-projects-list .constructionfinishdate { width: 9%!important; }
  .page-projects-list .unit .price { font-weight: 600; }

  .page-projects-list .internalarea,
  .page-projects-list .balconyterrace,
  .page-projects-list .rooftop,
  .page-projects-list .total,
  .page-projects-list .price { text-align: right!important; justify-content: flex-end!important; }
  .page-projects-list .price { padding-right: 13px; width: 8%!important; }

  .page-projects-list .unit { overflow-y: unset; gap: 0 0; cursor: default; }
  .page-projects-list .unit div { order: unset!important; height: auto!important; overflow-y: unset; margin-bottom: 0!important; }
  .page-projects-list .unit input[type="checkbox"] { display: none; }
  .page-projects-list .unit.active input[type="checkbox"] + div::after  { display: none; }


  .page-project-reference-numbers .id { width: 7%!important; padding-left: 30px; justify-content: center!important;  }
  html[dir="rtl"] .page-project-reference-numbers .id { padding-left: 0; padding-right: 30px; }
  .page-project-reference-numbers .developer,
  .page-project-reference-numbers .unit-list-cont .unit div.developer { width: 18%!important; justify-content: flex-start!important; text-align: left!important; }
  .page-project-reference-numbers .project { width: 22%!important; justify-content: flex-start!important; text-align: left!important; }
  .page-project-reference-numbers .title { width: unset!important; flex-grow: 1; white-space: normal; justify-content: flex-start!important; }

  .page-project-permission-documents .developer,
  .page-project-permission-documents .unit-list-cont .unit div.developer { width: 25%!important; padding-left: 40px; justify-content: flex-start!important; text-align: left!important; }
  .page-project-permission-documents .project { width: 25%!important; justify-content: flex-start!important; text-align: left!important; }
  .page-project-permission-documents .permissions { order: 4; width: unset!important; flex-grow: 1; white-space: normal; justify-content: flex-start!important; }
  .page-project-permission-documents .status,
  .page-project-permission-documents .unit-list-cont .unit .status { margin-left: unset; width: 143px; order: 3; margin-right: 1rem; }

  .page-project-commission-rates .id { width: 7%!important; padding-left: 30px; justify-content: center!important; }
  html[dir="rtl"] .page-project-commission-rates .id { padding-left: 0; padding-right: 30px; }
  .page-project-commission-rates .developer,
  .page-project-commission-rates .unit-list-cont .unit div.developer { width: 18%!important; justify-content: flex-start!important; text-align: left!important; }
  .page-project-commission-rates .project { width: 60%!important; justify-content: flex-start!important; text-align: left!important; }
  .page-project-commission-rates .rate { width: 15%!important; }

  .page-project-sold-rate .projectid { width: 7%!important; padding-left: 25px; justify-content: center!important; }
  html[dir="rtl"] .page-project-sold-rate .projectid { padding-left: 0; padding-right: 35px; }
  .page-project-sold-rate .developer,
  .page-project-sold-rate .unit-list-cont .unit div.developer { width: 16%!important; justify-content: flex-start!important; text-align: left!important; }
  .page-project-sold-rate .project { width: 19%!important; justify-content: flex-start!important; text-align: left!important; }
  .page-project-sold-rate .finishdate { width: 15%!important; }
  .page-project-sold-rate .total,
  .page-project-sold-rate .available,
  .page-project-sold-rate .sold,
  .page-project-sold-rate .soldrate { width: 8%!important; }
  .page-project-sold-rate .progress-cont { width: 10%!important; margin-left: unset; }
  .page-project-sold-rate .progress-cont .progress { width: 100%; }

  .page-projects-list .unit-list-heading::before,
  .page-projects-rental-yield .unit-list-heading::before,
  .page-price-analysis .unit-list-heading::before,
  .page-calculator .unit-list-heading::before,
  .page-project-permission-documents .unit-list-heading::before,
  .page-project-reference-numbers .unit-list-heading::before,
  .page-project-commission-rates .unit-list-heading::before,
  .page-project-sold-rate .unit-list-heading::before { content: '#'; background-color: #333; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 13px; }

  html[dir="rtl"] .page-projects-list .unit-list-heading::before,
  html[dir="rtl"] .page-projects-rental-yield .unit-list-heading::before,
  html[dir="rtl"] .page-price-analysis .unit-list-heading::before,
  html[dir="rtl"] .page-calculator .unit-list-heading::before,
  html[dir="rtl"] .page-project-permission-documents .unit-list-heading::before,
  html[dir="rtl"] .page-project-reference-numbers .unit-list-heading::before,
  html[dir="rtl"] .page-project-commission-rates .unit-list-heading::before,
  html[dir="rtl"] .page-project-sold-rate .unit-list-heading::before { left: unset; right: 0; }

  .page-projects-list .unit-list-cont .unit,
  .page-projects-rental-yield .unit-list-cont .unit,
  .page-price-analysis .unit-list-cont .unit,
  .page-calculator .unit-list-cont .unit,
  .page-project-permission-documents .unit-list-cont .unit,
  .page-project-reference-numbers .unit-list-cont .unit,
  .page-project-commission-rates .unit-list-cont .unit,
  .page-project-sold-rate .unit-list-cont .unit { padding-left: 0; }

  html[dir="rtl"] .page-projects-list .unit-list-cont .unit,
  html[dir="rtl"] .page-projects-rental-yield .unit-list-cont .unit,
  html[dir="rtl"] .page-price-analysis .unit-list-cont .unit,
  html[dir="rtl"] .page-calculator .unit-list-cont .unit,
  html[dir="rtl"] .page-project-permission-documents .unit-list-cont .unit,
  html[dir="rtl"] .page-project-reference-numbers .unit-list-cont .unit,
  html[dir="rtl"] .page-project-commission-rates .unit-list-cont .unit,
  html[dir="rtl"] .page-project-sold-rate .unit-list-cont .unit { padding-right: 0; }

  .page-calculator .sliders-cont .title { font-size: 16px; }
  .page-calculator .sliders-cont .value { font-size: 24px; margin-bottom: .5rem; }

  .page-calculator .unit-list-heading p { width: 7%; font-size: 14px; }
  .page-calculator .list-heading p.region .dropdown-cont,
  .page-calculator .list-heading p.region .dropdown-menu.show { max-height: unset; }
  .page-calculator .unit div { font-size: 14px; width: 7%; overflow: unset; }
  .page-calculator .developer { justify-content: flex-start!important; width: 12%!important; padding-left: 30px; text-align: left!important; }
  .page-calculator .project { justify-content: flex-start!important; width: 14%!important; text-align: left!important; }
  .page-calculator .bedrooms,
  .page-calculator .type { width: 10%!important; }
  .page-calculator .internalarea,
  .page-calculator .balconyterrace,
  .page-calculator .rooftop,
  .page-calculator .total { text-align: right!important; justify-content: flex-end!important; padding-right: 13px; width: 8%!important; }
  .page-calculator .price,
  .page-calculator .initialpaymentamount,
  .page-calculator .installment { font-weight: 600; width: 9%!important; }
  .page-calculator .finishdate,
  .page-calculator .constructionfinishdate { width: 12%!important; }

  .page-calculator .unit { overflow-y: unset; gap: 0 0; cursor: default;  }
  .page-calculator .unit div { order: unset!important; height: auto!important; overflow-y: unset; margin-bottom: 0!important; order: unset; line-height: inherit; }
  .page-calculator .unit div.project { font-weight: normal; font-size: 14px; }

  .page-projects-rental-yield .list-heading p.region .dropdown-cont,
  .page-projects-rental-yield .list-heading p.region .dropdown-menu.show { max-height: unset; }
  .page-projects-rental-yield .unit-list-heading p { width: 7%; font-size: 14px; }
  .page-projects-rental-yield .unit-list-cont .unit div { font-size: 14px; width: 10%; overflow: unset; }
  .page-projects-rental-yield .developer { justify-content: flex-start!important; width: 16%!important; padding-left: 30px; text-align: left!important; }
  .page-projects-rental-yield .project { justify-content: flex-start!important; width: 17%!important; text-align: left!important; }
  .page-projects-rental-yield .region { width: 13%!important; }
  .page-projects-rental-yield .finishdate { width: 16%!important; }
  .page-projects-rental-yield .lowest { width: 18%!important; text-align: right!important; justify-content: flex-end!important; padding-right: 20px; }
  .page-projects-rental-yield .roiyears { width: 10%!important; }
  .page-projects-rental-yield .roiyears .active-sort::after { right: 0; }
  .page-projects-rental-yield .roi { width: 10%!important; }
  .page-projects-rental-yield .unit .roi { font-weight: 600; color: #000; }
  .page-projects-rental-yield .unit { overflow-y: unset; gap: 0 0; cursor: default; }
  .page-projects-rental-yield .unit div { order: unset!important; height: auto!important; overflow-y: unset; margin-bottom: 0!important; }
}

@media (min-width: 1180px) {
  .page-calculator .unit-list-cont .unit div:not(.progress, .progress-bar) { font-size: 14px; }
  .page-calculator .developer { width: 12%!important; }
  .page-calculator .project { width: 13%!important; }
  .page-calculator .bedrooms { width: 8%!important; }
  .page-calculator .internalarea,
  .page-calculator .balconyterrace,
  .page-calculator .rooftop,
  .page-calculator .total { width: 7%!important; }
  .page-calculator .initialpaymentamount { width: 9%!important; }
  .page-calculator .installment { width: 10%!important; }
  .page-calculator .region { width: 11%!important; white-space: nowrap; }

  html[lang="en"] .page-calculator .installment .active-sort::after,
  html[lang="ru"] .page-calculator .installment .active-sort::after { right: 5px; }

  .page-calculator .finishdate .dropdown > span,
  .page-calculator .constructionfinishdate .dropdown > span { width: 98%; display: inline-block; }

  .page-calculator .finishdate,
  .page-calculator .constructionfinishdate { text-align: right!important; justify-content: flex-end!important; width: 10.5%!important; }

  .page-projects-rental-yield .finishdate { width: 13%!important; }
  .page-projects-rental-yield .lowest { width: 15%!important; white-space: nowrap; }
  .page-projects-rental-yield .project { width: calc(17% - 5px)!important; }
  .page-projects-rental-yield .roiyears { width: 12.5%!important; }
  .page-projects-rental-yield .roi { width: 13.5%!important; }
  .page-projects-rental-yield .roi > .dropdown { width: 100px; }

  .page-projects-list p.price > .dropdown { padding-right: 10px; }
  .page-projects-list p.price .active-sort::after { right: -8px; }
  .page-projects-list .developer,
  .page-projects-list .project,
  .page-projects-list .region { width: 12%!important; }

  .page-price-analysis .developer { width: 11%!important; }
  .page-price-analysis .project,
  .page-price-analysis .region { width: 12%!important; }
  .page-price-analysis .persqm { width: 8%!important; }
  .page-price-analysis .total,
  .page-price-analysis .rooftop { width: 6%!important; }
}

@media (min-width: 1200px) {
   .page-price-list .navigation { width: 86px; }

  html[lang="ru"] .page-price-list .navigation a::after { width: 56px; }
  html[lang="ru"] .page-price-list .navigation a .icon { width: 56px; }

  .page-rental-income .navigation:hover,
  .page-price-list .navigation:hover { width: 320px; }

  .page-price-list .proto-prices { margin-left: 116px }

  .page-calculator .sliders-cont { max-width: 900px; margin-left: auto; margin-right: auto; }
  html[lang="hu"] .page-calculator .sliders-cont { max-width: 960px; }
  .page-calculator .sliders-cont > div { flex-shrink: 0; }
  .page-calculator .finishdate .active-sort::after,
  .page-calculator .constructionfinishdate .active-sort::after { right: -15px; }

  .page-projects-rental-yield .lowest { padding-right: 30px; }
}

@media (min-width: 1400px) {
  .page-calculator .developer { width: 14%!important; }
  .page-calculator .project { width: 14%!important; }
  .page-calculator .region { width: 10%!important; }
  .page-calculator .internalarea,
  .page-calculator .balconyterrace,
  .page-calculator .rooftop { width: 6%!important; }
  .page-calculator .finishdate,
  .page-calculator .constructionfinishdate { width: 9%!important; }

  .page-calculator .finishdate .active-sort::after,
  .page-calculator .constructionfinishdate .active-sort::after { right: -15px; }
  .page-calculator .installment { width: 9%!important; }

  .page-projects-rental-yield .roiyears .active-sort::after { right: -15px; }

  .page-projects-list p.constructionfinishdate { padding: 0; }
  .page-projects-list p.constructionfinishdate > .dropdown { height: 100%; }
  .page-projects-list p.constructionfinishdate > .dropdown > span { margin: 0 15px; height: 100%; display: flex; align-items: center; }
  .page-projects-list p.constructionfinishdate .active-sort::after { right: 5px; }
}

@media (min-width: 1440px) {
  .page-projects-list .developer { width: 13%!important; }
  .page-projects-list .region { width: 11%!important; }

  .page-price-analysis .project,
  .page-price-analysis .developer { width: 13%!important; }
  .page-price-analysis .region { width: 11%!important; }
  .page-price-analysis .persqm { width: 7%!important; }
  .page-price-analysis .internalarea,
  .page-price-analysis .balconyterrace { width: 6%!important; }
  .page-price-analysis .total { width: 7%!important; }
}

/* PAYMENT OPTIONS MODAL */
#paymentPlan { }
#paymentPlan .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#paymentPlan .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#paymentPlan .modal-dialog { }
#paymentPlan .modal-body { transition: ease all .35s; }
#paymentPlan .data-container { display: none; transition: ease all .35s; }
#paymentPlan p { margin-bottom: 0; border-bottom: 1px solid #DDD; display: flex; font-size: 15px; padding: 7px 0; font-weight: 600; }
#paymentPlan p span { width: 50%; margin-left: auto; font-weight: normal; }
html[lang="cs"] #paymentPlan p span { width: 40%; }
#paymentPlan p span span { margin-left: 8px; width: unset; font-size: 100%; font-weight: 600; }
#paymentPlan p strong { font-weight: 600; }
#paymentPlan p.after-delivery { font-size: 18px; }

#paymentPlan ul { list-style: none; margin: 0; padding: 0; font-size: 15px; }
#paymentPlan ul li { display: flex; padding: 7px 10px; font-weight: 600; }
#paymentPlan ul li:nth-child(odd) { background-color: #EFEFEF; }
#paymentPlan ul li span { width: 25%; margin-left: auto; font-weight: normal; }

#paymentPlan .payment-box { border-radius: 0.5rem; background-color: #F7F5FA; padding: 1rem; margin-top: 1rem; }
#paymentPlan .payment-box p { padding: 7px 0; font-weight: 600; font-size: 18px; border-bottom: 0; }
#paymentPlan .payment-box ul li { font-weight: normal; padding: 7px 0; }
#paymentPlan .payment-box ul li:nth-child(odd) { background-color: transparent; }
#paymentPlan .payment-box ul li sub { font-size: 100%; vertical-align: inherit; line-height: inherit; bottom: unset; }
#paymentPlan .payment-box ul li span { margin-left: auto; width: 25%; }
#paymentPlan .payment-box ul li span.minus-left { transform: translateX(-12px); white-space: nowrap; }
#paymentPlan .payment-box ul li span ~ span { margin-left: auto; }
#paymentPlan .payment-box ul li:has(span + span) span { margin-left: .5rem; }
#paymentPlan .payment-box ul li:has(span + span) span + span { margin-left: auto; }

#paymentPlan .payment-box ul li:has(span + span) span:first-child { margin-left: .5rem; cursor: help; }
html[lang="cs"] #paymentPlan .payment-box ul li:has(span + span) span:first-child { width: fit-content; }
#paymentPlan .payment-box ul li:has(span + span) span + span { margin-left: auto; }

#paymentPlan .payment-box ul li span.icon-info-alt { width: 25px; height: 25px; background-repeat: no-repeat; background-size: 22px auto; display: inline-block; transform: translate(-1px, -1px); }

#paymentPlan .payment-box ul li a { font-size: 14px; margin-left: 17px; color: #DA1E4F!important; text-decoration: underline!important; cursor: pointer; width: fit-content; padding: 3px; }
#paymentPlan .payment-box ul li a:hover { text-decoration: underline!important; color: #4D2573!important; color: var(--ui-color)!important; }
#paymentPlan .payment-box ul li.total { border-top: 1px solid #D3D9E5; font-weight: 700; padding-top: 10px; margin-top: 8px; padding-bottom: 0; }
#paymentPlan .payment-box ul li.total span { font-weight: 700; }


.counter-cont { position: relative; text-align: center; margin: 0; min-height: 228px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.counter-cont .counter-box { width: 90px; height: 90px; border-width: .5em; color: #4D2573; color: var(--ui-color); -webkit-animation: spinner-border 1s linear infinite; animation: spinner-border 1s linear infinite; margin-top: 10px; }
.counter-cont .wait-text { width: fit-content; margin: 0 auto; margin-top: 20px; padding: 0!important; font-size: 18px!important; }


@media (min-width: 576px) {
  #paymentPlan .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #paymentPlan .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #paymentPlan ul li span { width: 50%; }
  #paymentPlan .payment-box ul li span { width: 50%; }
  html[lang="cs"] #paymentPlan ul li span { width: 40%; }
  html[lang="cs"] #paymentPlan .payment-box ul li span { width: 40%; }
}


/* RENTAL SAMPLES OPTIONS MODAL */
#rentalSample { }
#rentalSample .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#rentalSample .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#rentalSample .modal-dialog { }
#rentalSample .modal-body { transition: ease all .35s; }
#rentalSample h3 { text-align: center; margin-bottom: 1rem; }

@media (min-width: 576px) {
  #rentalSample .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
}


/*--- PAGE : USER MANAGEMENT ---*/
.btn-user { box-shadow: none!important; display: flex; align-items: center; padding: 10px 15px; border-width: 1px; border-radius: 0.5rem; }
.btn-user:hover { border-color: #4D2573; border-color: var(--ui-color); }
.icon-adduser { width: 18px; height: 18px; margin-right: 10px; background-size: contain; display: block; }

.user-list-heading { display: none; flex-wrap: nowrap; width: 100%; background-color: #4D2573; background-color: var(--ui-color); margin-bottom: 5px; }

.user-list-cont {}
.user-list-cont .user { display: none; flex-wrap: wrap; width: 100%; border: 1px solid #DDD; font-size: 15px; cursor: default; flex-direction: row; align-items: center; justify-content: flex-start; position: relative; transition: ease all .2s; margin-bottom: 10px; padding: 10px; padding-left: 35px; }
.user-list-cont .user:hover { background-color: #F4F4F4; }
.user-list-cont .user.active { display: flex; }

.user-list-cont .user div { width: 100%; padding: 0; margin-bottom: 5px; }
.user-list-cont .user div::before { color: #666; display: block; line-height: 1; font-weight: 600; font-size: 14px; }

.user-list-cont .user div.photo { background-size: 80%; width: 80px; height: 80px; margin: 0 auto 10px auto; border-radius: 50%; border: 1px solid #F4F4F4; overflow: hidden; background-color: #CCC; }
.user-list-cont .user div.photo img { width: 100%; height: auto; }
.user-list-cont .user div.photo img[src="/img/brand-agents/null"] { display: none; }

.user-list-cont-alt .user div.createdate { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; cursor: pointer; }

.user-list-cont .user div.score::after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512' fill='%23f8e71c'%3E%3Cpath d='M316.9 18a32 32 0 0 0-57.6 0L195 150.3 51.4 171.5a32 32 0 0 0-17.8 54.4L137.8 329l-24.6 145.7a32.1 32.1 0 0 0 46.7 33.6l128.3-68.5 128.3 68.5a32 32 0 0 0 46.7-33.6L438.5 329l104.2-103.1a32 32 0 0 0-17.8-54.4l-143.7-21.2L316.9 18z'/%3E%3C/svg%3E"); display: block; height: 18px; margin: 0; background-repeat: repeat-x; flex-shrink: 0; width: 0; }
.user-list-cont .user div.score-0::after { width: 0; }
.user-list-cont .user div.score-1::after { width: 18px; }
.user-list-cont .user div.score-2::after { width: 36px; }
.user-list-cont .user div.score-3::after { width: 54px; }
.user-list-cont .user div.score-4::after { width: 72px; }
.user-list-cont .user div.score-5::after { width: 90px; }

.user-list-cont .user div.actions { display: flex; justify-content: center; margin-bottom: 0; }
.user-list-cont .user div.actions .btn { font-size: 15px; margin: 0; padding: 10px; min-width: 80px; line-height: 1; border: 0; color: #FFF; transition: ease all .2s; width: calc(50% - 5px); }
.user-list-cont .user div.actions .btn-edit { background-color: #4D2573; background-color: var(--ui-color); margin-right: 5px!important; }
.user-list-cont .user div.actions .btn-edit:hover { background-color: #3B1B5A; background-color: var(--primary-color-dark); }
.user-list-cont .user div.actions .btn-delete { background-color: #D60000; margin-left: 5px!important; }
.user-list-cont .user div.actions .btn-delete:hover { background-color: #BD0000; }
.user-list-cont .user div.actions .btn-impersonate { background-color: #ff8d00; margin-left: 5px!important; background-image: url("data:image/svg+xml,%3Csvg width='598' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 64c0-35.346224 28.653776-64 64-64s64 28.653776 64 64-28.653776 64-64 64-64-28.653776-64-64ZM19.0480926 194.135167A97.2454538 97.2454538 0 0 0 19 194.1C33.5 173.4 57.6 160 84.5 160h44.9c27 0 51 13.4 65.5 34.1a60.62894 60.62894 0 0 0-.048697.034305C202.733395 205.387204 207.803812 218.799471 209 233.4l4.1 49.3c2.5 29.8-15.7 56.1-42.2 65.6v42.8l.1.1V464c0 26.5-21.5 48-48 48H90.9c-26.5 0-48-21.5-48-48v-72.8l.1-.1v-42.8C16.5 338.8-1.7 312.5.8 282.7l4.1-49.3c1.1961573-14.600156 6.266346-28.01211 14.1480926-39.264833ZM427 64c0-35.346224 28.653776-64 64-64s64 28.653776 64 64-28.653776 64-64 64-64-28.653776-64-64Zm-16.4 136.4c-2.3-2.3-4.9-4.4-7.5-6.3 14.5-20.7 38.6-34.1 65.5-34.1h44.8c41.6 0 76.3 31.9 79.7 73.4l4.1 49.3c2.5 29.8-15.7 56.1-42.2 65.6V464c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48v-72.8l47.6-47.6c21.9-21.9 21.9-57.3 0-79.2l-64-64ZM233 272h103v-32c0-9.7 5.8-18.5 14.8-22.2 9-3.7 19.3-1.7 26.2 5.2l64 64c9.4 9.4 9.4 24.6 0 33.9l-64 64c-6.9 6.9-17.2 8.9-26.2 5.2S336 377.6 336 367.9V336H233v-64Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto 70%; background-position: center; }
.user-list-cont .user div.actions .btn-impersonate:hover { background-color: #c16b01; }
.user-list-cont .user:hover div.actions .btn { pointer-events: all; opacity: 1; }

@media (min-width: 768px) {
  .user-list-cont .user { font-size: 14px; align-items: flex-start; }
  .user-list-cont .user div { width: 33.333%; }
  .user-list-cont .user div.actions { width: 100%; }

  .user-list-cont-alt .user { align-items: center; }
  .user-list-cont-alt .user div.photo { background-size: 80%; width: 45px; height: 45px; margin: 0 10px 10px 0; }

  .proto-user .title-cont h1 { order: 4; width: 100%; text-align: center; }
}

@media (min-width: 992px) {
  .proto-user .title-cont h1 { width: fit-content; }
}

@media (min-width: 1180px) {

  .user-list-heading { display: flex; flex-wrap: nowrap; width: 100%; background-color: #4D2573; background-color: var(--ui-color); margin-bottom: 5px; min-height: 54px; }
  .user-list-heading p { margin-bottom: 0; padding: 8px 15px; text-align: center; flex-shrink: 0; font-weight: 600; font-size: 14px; display: flex; align-items: center; justify-content: flex-start; cursor: default; color: #FFF; line-height: 1.2; width: 13%; }
  .user-list-heading p.name { width: 16%; }
  .user-list-heading p.email { width: 20%; }
  .user-list-heading p.password { width: 10%; }

  .user-list-heading p.pageviews,
  .user-list-heading p.createdate,
  .user-list-heading p.logindate,
  .user-list-heading p.score { justify-content: center; }

  .user-list-heading p.score { width: 10%; }
  .user-list-heading p.actions { justify-content: center; width: 18%; }


  .user-list-cont .user { font-size: 14px; flex-wrap: nowrap; padding: 0; align-items: center; }
  .user-list-cont .user div { display: flex; flex-shrink: 0; width: 13%; padding: 3px 15px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .user-list-cont .user div::before { display: none; }
  .user-list-cont .user div.name { width: 16%; }
  .user-list-cont .user div.email { width: 20%; }

  .user-list-cont .user div.pageviews,
  .user-list-cont .user div.pageviewslast30,
  .user-list-cont .user div.createdate,
  .user-list-cont .user div.logindate { justify-content: center; }

  .user-list-cont .user div.password { width: 10%; }
  .user-list-cont .user div.score { width: 10%; }
  .user-list-cont .user div.score::after { margin: 0 auto; }
  .user-list-cont .user div.actions { justify-content: center; width: 18%; }
  .user-list-cont .user div.actions .btn { font-size: 15px; pointer-events: none; opacity: 0; margin: 5px 0; padding: 5px 10px; width: 60px; min-width: 60px; }
  .user-list-cont .user div.actions .btn-impersonate { width: 40px; min-width: 40px; }

  .user-list-heading-alt { display: grid; grid-template-columns: 75px 200px 200px repeat(2, 1.5fr) 1.75fr; grid-template-rows: repeat(2, 1fr); gap: 0px; padding: 1px 0; position: relative; }

  .user-list-heading-alt:has(.actions) { grid-template-columns: 75px 200px 200px repeat(2, 1.5fr) 1.75fr 2fr; }

  .user-list-heading-alt::before { content: '#'; background-color: #333; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 13px; }

  .user-list-heading-alt p { width: 100%!important; padding: 4px 8px; }
  .user-list-heading-alt p.photo { grid-area: 1 / 1 / 3 / 2; max-width: 75px; }
  .user-list-heading-alt p.name { grid-area: 1 / 2 / 2 / 3; padding-left: 18px; }
  .user-list-heading-alt p.brand { grid-area: 2 / 2 / 3 / 3; padding-left: 18px; }
  .user-list-heading-alt p.email { grid-area: 1 / 3 / 2 / 4; padding-left: 18px; text-align: left; }
  .user-list-heading-alt p.phone { grid-area: 2 / 3 / 3 / 4; padding-left: 18px; }
  .user-list-heading-alt p.createdate { grid-area: 1 / 4 / 2 / 5; }
  .user-list-heading-alt p.logindate { grid-area: 2 / 4 / 3 / 5; }
  .user-list-heading-alt p.pageviews { grid-area: 1 / 5 / 2 / 6; }
  .user-list-heading-alt p.pageviewslast30 { grid-area: 2 / 5 / 3 / 6; }
  .user-list-heading-alt p.score { grid-area: 1 / 6 / 3 / 7; }
  .user-list-heading-alt p.actions { grid-area: 1 / 7 / 3 / 8; }
  .user-list-heading-alt p span.dropdown > span { display: block; }
  .user-list-heading-alt p span.dropdown > span::after { left: 0; right: 0; }


  .user-list-cont-alt { counter-reset: item; }
  .user-list-cont-alt .user.active::before { content: ""; background-color: #333; position: absolute; top: -1px; bottom: -1px; left: -1px; width: 25px; display: flex; align-items: center; justify-content: center; counter-increment: item; content: counter(item); color: #FFF; font-size: 12px; z-index: 1; }

  .user-list-cont-alt .user { padding: 0; font-size: 14px; }
  .user-list-cont-alt .user div { width: 100%!important; padding: 0 15px;  }
  .user-list-cont-alt .user div:not(.actions) { cursor: pointer; }

  .user-list-cont-alt .user.active { display: grid; grid-template-columns: 75px 200px 200px repeat(2, 1.5fr) 1.75fr; grid-template-rows: repeat(2, 1fr); gap: 0px; font-size: 14px; }

  .user-list-cont-alt .user.active:has(.actions) { grid-template-columns: 75px 200px 200px repeat(2, 1.5fr) 1.75fr 2fr; }

  .user-list-cont-alt .user div.photo { grid-area: 1 / 1 / 3 / 2; margin: 0 0 0 30px; padding: 0; max-width: 45px; }
  .user-list-cont-alt .user div.name { grid-area: 1 / 2 / 2 / 3; padding-top: 6px; }
  .user-list-cont-alt .user div.brand { grid-area: 2 / 2 / 3 / 3; padding-bottom: 6px; }
  .user-list-cont-alt .user div.email { grid-area: 1 / 3 / 2 / 4; padding-top: 6px; }
  .user-list-cont-alt .user div.phone { grid-area: 2 / 3 / 3 / 4; padding-bottom: 6px; }
  .user-list-cont-alt .user div.createdate { grid-area: 1 / 4 / 2 / 5; }
  .user-list-cont-alt .user div.logindate { grid-area: 2 / 4 / 3 / 5; }
  .user-list-cont-alt .user div.pageviews { grid-area: 1 / 5 / 2 / 6; }
  .user-list-cont-alt .user div.pageviewslast30 { grid-area: 2 / 5 / 3 / 6; }
  .user-list-cont-alt .user div.score  { grid-area: 1 / 6 / 3 / 7; height: 100%; align-items: center; }
  .user-list-cont-alt .user div.actions  { grid-area: 1 / 7 / 3 / 8; }
  .user-list-cont-alt .user div.actions .btn { opacity: 1; }

  /*
    .user-list-heading-alt p.name .dropdown-cont div { white-space: normal; line-height: 1.5; padding: 5px 15px 5px 32px; }
    .user-list-heading-alt p.name .dropdown-filter .dropdown-cont div::before,
    .user-list-heading-alt p.name .dropdown-filter .dropdown-cont div::after { top: 9px; }
  */

  .user-list-heading-alt p { font-size: 14px; }
  .user-list-heading-alt .dropdown.active-sort span,
  .user-list-heading-alt .dropdown.active-filter span[data-toggle="dropdown"] { text-decoration: none!important; color: #ffd500; }
  .user-list-heading-alt .active-sort::after { right: -14px; }

  .proto-user .title-cont h1 { width: fit-content; }
}

@media (min-width: 1440px) {
  .user-list-heading p { font-size: 14px; }
  .user-list-cont .user { font-size: 15px; }
  .user-list-cont .user div.actions .btn { width: 80px; min-width: 80px; }
  .user-list-cont .user div.actions .btn-impersonate { width: 40px; min-width: 40px; }

  .user-list-heading-alt,
  .user-list-cont-alt .user.active { grid-template-columns: 75px 4fr 4fr repeat(3, 2.75fr) repeat(2, 2.25fr); }

  .user-list-heading-alt:has(.actions),
  .user-list-cont-alt .user.active:has(.actions) { grid-template-columns: 75px 4fr 4fr repeat(3, 2.75fr) repeat(2, 2.25fr) 3.75fr; }

  .user-list-heading-alt p.createdate { grid-area: 1 / 4 / 3 / 5; }
  .user-list-heading-alt p.logindate { grid-area: 1 / 5 / 3 / 6; }
  .user-list-heading-alt p.pageviews { grid-area: 1 / 6 / 3 / 7; }
  .user-list-heading-alt p.pageviewslast30 { grid-area: 1 / 7 / 3 / 8; }
  .user-list-heading-alt p.score { grid-area: 1 / 8 / 3 / 9; }
  .user-list-heading-alt p.actions { grid-area: 1 / 9 / 3 / 10; }

  .user-list-cont-alt .user div.createdate { grid-area: 1 / 4 / 3 / 5; height: 100%; align-items: center; }
  .user-list-cont-alt .user div.logindate { grid-area: 1 / 5 / 3 / 6; height: 100%; align-items: center; }
  .user-list-cont-alt .user div.pageviews { grid-area: 1 / 6 / 3 / 7; height: 100%; align-items: center; }
  .user-list-cont-alt .user div.pageviewslast30 { grid-area: 1 / 7 / 3 / 8; height: 100%; align-items: center; }
  .user-list-cont-alt .user div.score { grid-area: 1 / 8 / 3 / 9; height: 100%; align-items: center; }
  .user-list-cont-alt .user div.actions { grid-area: 1 / 9 / 3 / 10; height: 100%; align-items: center; }

  .user-list-cont-alt .active-sort::after { right: -13px; }

  .user-list-heading-alt p { font-size: 14px; }
}

@media (hover: hover) {
  .user-list-cont-alt .user div.actions .btn {
    opacity: 0;
  }

  .user-list-cont-alt .user:hover div.actions .btn {
    opacity: 1;
  }
}


/* USER EDIT MODAL */
#userModal {}
#userModal .w-50 { width: calc(50% - .5rem)!important; }
#userModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#userModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

#userModal .modal-content { background-color: #EFEFEF; border: 0; }

#userModal .detail-cont { border-radius: .25rem; display: flex; flex-wrap: wrap; gap: 1rem; background-color: #FFF; padding: 1rem; }
#userModal .detail-cont div { position: relative; }

#userModal .brand-form, #userModal .user-form { display: flex; flex-wrap: wrap; gap: 1rem; }
#userModal .brand-form select, #userModal .user-form select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6.069' viewBox='0 0 10 6.069'%3E%3Cpath id='chevron-right-solid' d='M33.4,43.046l-4.45,4.45a.55.55,0,0,1-.777,0l-.519-.519a.55.55,0,0,1,0-.776l3.527-3.544-3.527-3.544a.55.55,0,0,1,0-.776l.519-.519a.55.55,0,0,1,.777,0l4.45,4.45A.55.55,0,0,1,33.4,43.046Z' transform='translate(47.657 -27.495) rotate(90)' fill='%234D2573'/%3E%3C/svg%3E%0A"); }
#userModal .brand-form .input-mask { position: absolute; top: calc(.375rem + 1px); right: .75rem; line-height: 1.5; }
#userModal .brand-form .masked input[type="number"] { text-align: right; padding-right: calc(.75rem + 22px); }
#userModal .brand-form .masked:has(.input-mask-left) input { text-align: left; padding-left: calc(.75rem + 10px); padding-right: .75rem; }
#userModal .brand-form .input-mask-left { right: unset; left: .75rem; }

#userModal .colorPickSelector,
#userModal .colorPickSelectorpdf,
#userModal .colorPickSelectorUi { bottom: 9px; }

#userModal label:not(.error):not(.custom-control-label) { font-size: 13px; font-weight: 600; color: #666; line-height: 1; margin-bottom: .15rem; }
#userModal label.error { position: absolute; margin: 0; left: 0; bottom: -14px; font-size: 13px; color: #D60000; font-weight: 600; line-height: 1; white-space: nowrap; }
#userModal input.error, select.error { border-color: #D60000; }

#userModal .btn-cont { width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; gap: 1rem; }
#userModal .btn-cont button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); color: #FFF; border: 0; }
#userModal .btn-cont button.btn:hover { color: #FFF; border-color: #3B1B5A; border-color: var(--primary-color-dark); background-color: #3B1B5A; background-color: var(--primary-color-dark); }
#userModal .btn-cont button.btn:disabled { pointer-events: none }

#userModal .preview { width: 120px; height: 120px; background-color: #CCC; background-size: 80%; background-position: center; background-repeat: no-repeat; border-radius: 50%; margin: 0 auto 10px auto; cursor: pointer; overflow: hidden; }
#userModal .preview img { width: 100%; height: auto; }

#userModal .custom-file, #userModal .custom-file-input, #userModal .custom-file-label { cursor: pointer; }
#userModal .custom-file-label { cursor: pointer; font-size: 16px; line-height: 1; font-weight: 500; display: flex; align-items: center; justify-content: center; border: 1px solid #ced4da; border-radius: .25rem; margin: 0; padding: 12px 10px; }
#userModal .custom-file-label::after { display: none; }
#userModal .custom-file:hover { cursor: pointer; }
#userModal .custom-file:hover > .custom-file-label { border-color: #3B1B5A; border-color: var(--primary-color-dark); background-color: #3B1B5A; background-color: var(--primary-color-dark); color: #FFF; cursor: pointer; }

#userModal .date-cont { position: relative; }
#userModal .date-cont::before { content: ''; display: inline-block; width: 17px; height: 20px; position: absolute; bottom: 9px; left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20'%3E%3Cpath d='M15.179 2.5h-1.822V.469A.464.464 0 0012.9 0h-.3a.464.464 0 00-.455.469V2.5H4.857V.469A.464.464 0 004.4 0h-.3a.464.464 0 00-.455.469V2.5H1.821A1.849 1.849 0 000 4.375v13.75A1.849 1.849 0 001.821 20h13.358A1.849 1.849 0 0017 18.125V4.375A1.849 1.849 0 0015.179 2.5zM1.821 3.75h13.358a.618.618 0 01.607.625V6.25H1.214V4.375a.618.618 0 01.607-.625zm13.357 15H1.821a.618.618 0 01-.607-.625V7.5h14.572v10.625a.618.618 0 01-.607.625zM5.616 12.5H4.1a.464.464 0 01-.455-.469v-1.562A.464.464 0 014.1 10h1.516a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0H7.741a.464.464 0 01-.455-.469v-1.562A.464.464 0 017.741 10h1.518a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm-3.643 3.75H7.741a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.518a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm-3.643 0H4.1a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.516a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm7.286 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468z' fill='%23999'/%3E%3C/svg%3E"); background-size: cover; pointer-events: none; }
#userModal .date-cont input { padding-left: 40px; }
#userModal .date-cont input#expirydate { cursor: pointer; background-color: #FFF; }
.vanilla-calendar { z-index: 1052; }

@media (min-width: 576px) {
  #userModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #userModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #userModal .w-sm-33 { width: calc(33.333% - 11px)!important; }
  #userModal .w-sm-50 { width: calc(50% - .5rem)!important; }
}


@media (min-width: 768px) {
  #userModal .w-md-33 { width: calc(33.333% - 11px)!important; }
  #userModal .w-md-50 { width: calc(50% - .5rem)!important; }
  #userModal .w-md-100 { width: 100%!important; }
}

/* USER DELETE MODAL */
#userDelete {}
#userDelete p { font-size: 20px; font-weight: 600; margin-bottom: 1.25rem; }
#userDelete .modal-dialog { max-width: 420px; }
#userDelete .modal-body button.btn { width: calc(50% - 15px); position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; }
#userDelete .modal-body button:disabled { pointer-events: none; }
#userDelete .modal-body button.btn-delete-done { background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); color: #FFF; border: 0; }
#userDelete .modal-body button.btn:hover { color: #FFF; border-color: #3B1B5A; border-color: var(--primary-color-dark); background-color: #3B1B5A; background-color: var(--primary-color-dark); }
#userDelete .modal-body button.btn-delete-cancel { border: 1px solid #C1C1C1; background-color: #FFF; }
#userDelete .modal-body button.btn-delete-cancel:hover { background-color: #666; border: 1px solid #666; color: #FFF; }
#userDelete .close { position: absolute; top: -36px; right: 0; padding: 6px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; }
#userDelete .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }


/* USER EDIT MODAL */
#userHistoryModal {}
#userHistoryModal .w-50 { width: calc(50% - .5rem)!important; }
#userHistoryModal .gap-0 { gap: 0!important; }
#userHistoryModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#userHistoryModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#userHistoryModal .modal-content { background-color: #EFEFEF; border: 0; }

#userHistoryModal .modal-body { display: flex; gap: 1rem; flex-wrap: wrap; }

#userHistoryModal .detail-cont { border-radius: .25rem; display: flex; flex-wrap: wrap; gap: 1rem; background-color: #FFF; padding: 1rem; }
#userHistoryModal .detail-cont div { position: relative; }

#userHistoryModal .detail-cont .photo { width: 60px; height: 60px; background-color: #CCC; border: 1px solid #F4F4F4; background-size: 80%; background-position: center; background-repeat: no-repeat; border-radius: 50%; margin: 0 auto; border-radius: 50%; overflow: hidden; }
#userHistoryModal .detail-cont .photo img { width: 100%; height: auto; }

#userHistoryModal .detail-cont .user-info { width: calc(100% - 76px); }
#userHistoryModal .detail-cont .user-info p { margin-bottom: 0; font-weight: 600; }
#userHistoryModal .detail-cont p.name { font-size: 21px; }
#userHistoryModal .detail-cont p.brand { font-size: 16px; font-weight: normal; }

#userHistoryModal .detail-cont p { margin-bottom: 0.5rem; width: 100%; font-size: 14px; }
#userHistoryModal .detail-cont p:last-child { margin-bottom: 0; }

#userHistoryModal .detail-cont-pages p { font-size: 15px; }
#userHistoryModal .detail-cont-pages p span { font-weight: 600; display: block; }

#userHistoryModal .detail-cont a::after  { content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 8px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .3a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.3.7.7L131.5 358a12 12 0 0 0 0 17l5.7 5.6a12 12 0 0 0 17 0l323-323.2.8.7-.3 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12l.3-136a12 12 0 0 0-12-12Z' fill='%23DA1E4F' fill-rule='nonzero'/%3E%3C/svg%3E"); opacity: 1; transition: ease all .08s; }

#userHistoryModal .historical-chart { aspect-ratio: 1 / 1; overflow: hidden; margin: 0; max-height: 400px; display: flex; justify-content: center; }

@media (min-width: 576px) {
  #userHistoryModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #userHistoryModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #userHistoryModal .w-sm-33 { width: calc(33.333% - 11px)!important; }
  #userHistoryModal .w-sm-50 { width: calc(50% - .5rem)!important; }
}

@media (min-width: 768px) {
  #userHistoryModal .modal-dialog { max-width: 700px; }
  #userHistoryModal .detail-cont .photo { width: 80px; height: 80px; }
  #userHistoryModal .detail-cont .user-info { width: calc(100% - 96px); }
  #userHistoryModal .detail-cont .name { font-size: 24px;  }
  #userHistoryModal .detail-cont .brand { font-size: 18px; }
  #userHistoryModal .w-md-33 { width: calc(33.333% - 11px)!important; }
  #userHistoryModal .w-md-50 { width: calc(50% - .5rem)!important; }
  #userHistoryModal .w-md-100 { width: 100%!important; }
}

@media (min-width: 992px) {
  #userHistoryModal .modal-dialog { max-width: 900px; }
  #userHistoryModal .w-lg-50 { width: calc(50% - .5rem)!important; }
}


/*--- PAGE : BRAND MANAGEMENT ---*/
.proto-brand {}
.proto-brand .user-list-cont .user { }
.proto-brand .user-list-cont .user div.logo { display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 5px; overflow: hidden; height: 100px; }
.proto-brand .user-list-cont .user div.logo::before { display: none; }
.proto-brand .user-list-cont .user div.logo img { max-height: 85%; width: auto; max-width: 100%; }

[data-initialcolor="#FFFFFF"] { border: 1px solid #CCC; }
.colorPickSelector, .colorPickSelectorpdf, .colorPickSelectorUi { border-radius: 5px; width: 20px; height: 20px; cursor: pointer; transition: all linear .2s; position: absolute!important; right: 11px; bottom: 11px; border: 1px solid #ccc; }
.colorPickSelector:hover, .colorPickSelectorpdf:hover, .colorPickSelectorUi:hover {z-index: 9999; }

#colorPick { background-color: #FFF!important; z-index: 9999!important; width: 260px!important; left: unset!important; right: calc(100% - 20px); top: 20px!important; }

@media (min-width: 768px) {
  .proto-brand .user-list-cont .user { align-items: center; }
  .proto-brand .user-list-cont .user div { margin-top: auto; margin-bottom: auto; width: 33.333%; }
  .proto-brand .user-list-cont .user div.logo { margin-right: 10px; width: calc(33.333% - 10px); height: 80px; order: 1; }
  .proto-brand .user-list-cont .user div.name { order: 2; }
  .proto-brand .user-list-cont .user div.usercount { order: 4; }
  /* .proto-brand .user-list-cont .user div.url { order: 3; } */
  .proto-brand .user-list-cont .user div.parent { order: 3; }
  .proto-brand .user-list-cont .user div.userdomain { order: 4; }
  .proto-brand .user-list-cont .user div.isdemo { order: 5; }
  .proto-brand .user-list-cont .user div.createdate { order: 6; }
  .proto-brand .user-list-cont .user div.actions { margin-top: 10px; }
  .proto-brand .user-list-cont .user div.actions { width: 100%; order: 7; }

  #colorPick { top: 10px!important; right: unset!important; left: 15px!important; }
}

@media (min-width: 992px) {
  .proto-brand .user-list-cont .user { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); }
  .proto-brand .user-list-cont .user div { margin-top: unset; margin-bottom: unset; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; order: unset!important; width: auto!important; }
  .proto-brand .user-list-cont .user div.logo { grid-area: 1 / 1 / 3 / 2; margin: 0; margin-right: 15px; height: 70px; }
  .proto-brand .user-list-cont .user div.name { grid-area: 1 / 2 / 2 / 5; padding-left: 0; white-space: normal; }
  .proto-brand .user-list-cont .user div.createdate { grid-area: 1 / 5 / 2 / 6; margin-left: unset; }
  .proto-brand .user-list-cont .user div.usercount { grid-area: 2 / 2 / 3 / 3; }
  .proto-brand .user-list-cont .user div.isdemo { grid-area: 2 / 3 / 3 / 4; }
  .proto-brand .user-list-cont .user div.userdomain { grid-area: 2 / 4 / 3 / 5; }
  .proto-brand .user-list-cont .user div.parent { grid-area: 2 / 5 / 3 / 6; }
  .proto-brand .user-list-cont .user div.actions { grid-area: 1 / 6 / 3 / 7; margin-top: 0; margin-left: unset; }

  #colorPick { top: 15px!important; right: unset!important; left: 15px!important; }
}

@media (min-width: 1180px) {
  .proto-brand .user-list-heading { position: relative; padding-left: 25px;  }
  .proto-brand .user-list-heading::before { content: '#'; background-color: #333; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 13px; }
  .proto-brand .user-list-heading p { }
  .proto-brand .user-list-heading p.logo { width: 165px; order: 1; }
  .proto-brand .user-list-heading p.name { width: 21%; order: 2; padding-left: 30px; }
  .proto-brand .user-list-heading p.usercount { width: 12%; order: 3; justify-content: center; }
  /* .proto-brand .user-list-heading p.url { width: 15%; order: 4; } */
  .proto-brand .user-list-heading p.parent { width: 12%; order: 4; }
  .proto-brand .user-list-heading p.userdomain { width: 10%; order: 5; }
  .proto-brand .user-list-heading p.isdemo { width: 6%; order: 6; }
  .proto-brand .user-list-heading p.createdate { width: 15%; order: 7; }
  .proto-brand .user-list-heading p.actions { width: calc(24% - 165px)!important; order: 8; margin-left: auto; }

  .proto-brand .user-list-cont { counter-reset: item; }
  .proto-brand .user-list-cont .user { display: none; }
  .proto-brand .user-list-cont .user.active { display: flex; padding-left: 25px; }

  .proto-brand .user-list-cont .user div { margin-top: unset; margin-bottom: unset; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .proto-brand .user-list-cont .user div.logo { width: 160px!important; margin: 5px; margin-right: unset; height: 80px; order: 1!important; }
  .proto-brand .user-list-cont .user div.name { width: 21%!important; padding-left: 30px; white-space: normal; order: 2!important }
  .proto-brand .user-list-cont .user div.usercount { width: 12%!important; order: 3!important; justify-content: center; }
  /* .proto-brand .user-list-cont .user div.url { width: 15%!important; order: 4!important; } */
  .proto-brand .user-list-cont .user div.parent { width: 12%!important; order: 4!important; }
  .proto-brand .user-list-cont .user div.userdomain { width: 10%!important; order: 5!important; }
  .proto-brand .user-list-cont .user div.isdemo { width: 6%!important; order: 6!important; }
  .proto-brand .user-list-cont .user div.createdate { width: 15%!important; margin-left: unset; order: 7!important; }
  .proto-brand .user-list-cont .user div.actions { margin-top: 0; width: calc(24% - 165px)!important; order: 8!important; margin-left: auto; }
}


/*--- PAGE : ACCOUNTING ---*/
.proto-accounting {}
.proto-accounting .user-list-cont .user { }
.proto-accounting .user-list-cont .user:hover { background-color: unset; }
.proto-accounting .user-list-cont .user div.logo { display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 5px; overflow: hidden; height: 100px; }
.proto-accounting .user-list-cont .user div.logo::before { display: none; }
.proto-accounting .user-list-cont .user div.logo img { max-height: 85%; width: auto; max-width: 100%; }
.proto-accounting .subtotal { background-color: #333; color: #FFF; display: flex; align-items: center; justify-content: center; padding: 10px; font-size: 18px; font-weight: 700;  }
.proto-accounting .btn-show-zeros { order: 3; }

.proto-accounting .btn-show-zeros { margin: 0; width: 100%; white-space: nowrap; text-align: center; padding: 0; }
.proto-accounting .btn-show-zeros .custom-control-input { outline: 0!important; box-shadow: none!important; }
.proto-accounting .btn-show-zeros .custom-control-label { cursor: pointer; user-select: none; font-weight: 600; margin-left: 0; width: 50%; text-align: left; padding: 6px 16px 6px 43px; }
.proto-accounting .btn-show-zeros .custom-control-label:first-child { text-indent: 0!important; margin-left: 0; text-align: right; padding-right: 43px; padding-left: 16px; }
.proto-accounting .btn-show-zeros .custom-control-label:first-child::before,
.proto-accounting .btn-show-zeros .custom-control-label:first-child::after { display: none; }

.proto-accounting .btn-show-zeros .custom-control-label::before,
.proto-accounting .btn-show-zeros .custom-control-label::before { width: 46px; height: 24px; border-radius: 12px; border: 0; background-color: #E1E1E1!important; box-shadow: none!important; left: -23px; top: 6px; }
.proto-accounting .btn-show-zeros .custom-control-input:checked~.custom-control-label::before { color: #fff; border: 0; background-color: #E1E1E1; }

.proto-accounting .btn-show-zeros .custom-control-label::after,
.proto-accounting .btn-show-zeros .custom-control-label::after { width: 23px; height: 23px; background-color: #8e5dbb; border: 4px solid #4D2573; border-radius: 50%; left: -22px; top: 6px; }
.proto-accounting .btn-show-zeros .custom-control-input:checked~.custom-control-label::after { background-color: #8e5dbb; -webkit-transform: translateX(21px); transform: translateX(21px); }


@media (min-width: 768px) {
  .proto-accounting h1 { width: 100%; }
  .proto-accounting .btn-show-zeros { order: 2; margin-top: 0!important; margin-left: auto !important; margin-right: 0 !important; }

  .proto-accounting .btn-show-zeros { width: fit-content; align-self: center; }
  .proto-accounting .btn-show-zeros .custom-control-label { width: fit-content; }

  .proto-accounting .user-list-cont .user { align-items: center; }
  .proto-accounting .user-list-cont .user div { margin-top: auto; margin-bottom: auto; width: 33.333%; }
  .proto-accounting .user-list-cont .user div.logo { margin-right: 10px; width: calc(33.333% - 10px); height: 80px; order: 1; }
  .proto-accounting .user-list-cont .user div.name { order: 2; }
  .proto-accounting .user-list-cont .user div.usercount { order: 3; }
  .proto-accounting .user-list-cont .user div.annualprice { order: 4; }
  .proto-accounting .user-list-cont .user div.userdomain { order: 5; }
  .proto-accounting .user-list-cont .user div.expirydate { order: 6; }
  .proto-accounting .user-list-cont .user div.daysleft { order: 7; }
  .proto-accounting .subtotal { padding: 15px 10px; font-size: 21px; }
}

@media (min-width: 992px) {
  .proto-accounting h1 { width: unset; }
  .proto-accounting .userdomain { justify-content: center; }
  .proto-accounting .annualprice { justify-content: flex-end; }
  .proto-accounting .user-list-cont .user { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); }
  .proto-accounting .user-list-cont .user div { margin-top: unset; margin-bottom: unset; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; order: unset!important; width: auto!important; }
  .proto-accounting .user-list-cont .user div.logo { grid-area: 1 / 1 / 3 / 2; margin: 0; margin-right: 15px; height: 70px; }
  .proto-accounting .user-list-cont .user div.name { grid-area: 1 / 2 / 2 / 3; padding-left: 0; white-space: normal; }
  .proto-accounting .user-list-cont .user div.usercount { grid-area: 1 / 3 / 2 / 4; }
  .proto-accounting .user-list-cont .user div.annualprice { grid-area: 1 / 4 / 2 / 5; }
  .proto-accounting .user-list-cont .user div.userdomain { grid-area: 2 / 2 / 3 / 3; }
  .proto-accounting .user-list-cont .user div.expirydate { grid-area: 2 / 3 / 3 / 4; margin-left: unset; }
  .proto-accounting .user-list-cont .user div.daysleft { grid-area: 2 / 4 / 3 / 5;  }
  .proto-accounting .subtotal { padding-right: 25px; min-height: 92px; font-size: 24px; }
}

@media (min-width: 1180px) {
  .proto-accounting .user-list-heading { position: relative; padding-left: 25px;  }
  .proto-accounting .user-list-heading::before { content: '#'; background-color: #333; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 13px; }
  .proto-accounting .user-list-heading p { }
  .proto-accounting .user-list-heading p.logo { width: 165px; order: 1; }
  .proto-accounting .user-list-heading p.name { width: 24%; order: 2; padding-left: 30px; }
  .proto-accounting .user-list-heading p.usercount { width: 12%; order: 3; justify-content: center; }
  .proto-accounting .user-list-heading p.annualprice { width: 13%; order: 4; }
  .proto-accounting .user-list-heading p.userdomain { width: 15%; order: 5; }
  .proto-accounting .user-list-heading p.expirydate { width: 12%; order: 6; }
  .proto-accounting .user-list-heading p.daysleft { width: calc(24% - 165px)!important; order: 7; justify-content: center;}

  .proto-accounting .user-list-cont { counter-reset: item; }
  .proto-accounting .user-list-cont .user { display: none; }
  .proto-accounting .user-list-cont .user.active { display: flex; padding-left: 25px; }

  .proto-accounting .user-list-cont .user div { margin-top: unset; margin-bottom: unset; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .proto-accounting .user-list-cont .user div.logo { width: 160px!important; margin: 5px; margin-right: unset; height: 80px; order: 1!important; }
  .proto-accounting .user-list-cont .user div.name { width: 24%!important; padding-left: 30px; white-space: normal; order: 2!important }
  .proto-accounting .user-list-cont .user div.usercount { width: 12%!important; order: 3!important; justify-content: center; }
  .proto-accounting .user-list-cont .user div.annualprice { width: 13%!important; order: 4!important; }
  .proto-accounting .user-list-cont .user div.userdomain { width: 15%!important; order: 5!important; }
  .proto-accounting .user-list-cont .user div.expirydate { width: 12%!important; margin-left: unset; order: 6!important; }
  .proto-accounting .user-list-cont .user div.daysleft { margin-top: 0; width: calc(24% - 165px)!important; order: 7!important; margin-left: auto; justify-content: center; }
}


/*--- PAGE : RESALE LISTINGS ---*/
.page-resale-listings .list-heading { display: none; flex-wrap: nowrap; width: 100%; background-color: #4D2573; background-color: var(--ui-color); margin-bottom: 5px; }

.page-resale-listings .list-cont {}
.page-resale-listings .list-cont .item { display: none; flex-wrap: wrap; width: 100%; border: 1px solid #DDD; font-size: 15px; cursor: default; flex-direction: row; align-items: center; justify-content: flex-start; position: relative; transition: ease all .2s; margin-bottom: 10px; padding: 10px; padding-left: 35px; cursor: pointer; gap: 5px 0; }
.page-resale-listings .list-cont .item:hover { background-color: #F4F4F4; }
.page-resale-listings .list-cont .item.active { display: flex; }

.page-resale-listings .list-cont .item div { width: 100%; padding: 0; margin: 0; display: none; font-size: 16px; z-index: 1; }
.page-resale-listings .list-cont .item div.developer,
.page-resale-listings .list-cont .item div.project,
.page-resale-listings .list-cont .item div.region,
.page-resale-listings .list-cont .item div.bedrooms,
.page-resale-listings .list-cont .item div.pricepass,
.page-resale-listings .list-cont .item div.pricerecommend,
.page-resale-listings .list-cont .item div.pdf { display: block; }
.page-resale-listings .list-cont .item div::before { color: #666; display: block; line-height: 1; font-weight: 600; font-size: 14px; }

.page-resale-listings .list-cont .item .btn-sm { position: relative; z-index: 2; color: #FFF; width: 100%; flex-shrink: 0; padding: .375rem .75rem; border: 0; box-shadow: none!important; outline: 0!important; font-size: 1rem; font-weight: 600; background-color: #4D2573; background-color: var(--ui-color); background-repeat: no-repeat; background-position: calc(50% - 1.5rem) center; background-size: 10px auto; }
.page-resale-listings .list-cont .item .btn-sm:hover { background-color: #3B1B5A; background-color: var(--primary-color-dark); }

body.nopdf .page-resale-listings .pdf { opacity: 0!important; pointer-events: none!important; display: none!important; }

@media (min-width: 576px) {
  .page-resale-listings .list-cont .item { flex-wrap: wrap; justify-content: space-between; }
  .page-resale-listings .list-cont .item div { width: calc(50% - .15rem); }
  .page-resale-listings .list-cont .item div.pdf { width: 100%; }
}

@media (min-width: 768px) {
  .page-resale-listings .title-cont { gap: 1rem; justify-content: flex-start; }
  .page-resale-listings .title-cont h1 { order: 4; }

  .page-resale-listings .list-cont .item {  align-items: flex-start; }
  .page-resale-listings .list-cont .item div { width: 50%; display: block; }
}

@media (min-width: 992px) {
  .page-resale-listings .title-cont { justify-content: center; }
  .page-resale-listings .title-cont h1 { position: relative; left: unset; transform: unset; }

  .page-resale-listings .title-cont { justify-content: flex-start; align-items: center; }
  .page-resale-listings .title-cont h1 { position: absolute; left: 50%; transform: translateX(-50%); }

  .page-resale-listings .list-heading { display: flex; flex-wrap: nowrap; width: 100%; background-color: #4D2573; background-color: var(--ui-color); margin-bottom: 5px; min-height: 54px; }
  .page-resale-listings .list-heading::before { content: '#'; background-color: #333; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 13px; }

  .page-resale-listings .list-heading p { width: 7%; font-size: 14px; overflow: unset; }

  .page-resale-listings .developer { justify-content: flex-start!important; width: 15%!important; padding-left: 30px!important; text-align: left!important; }
  .page-resale-listings .project { justify-content: flex-start!important; width: 15%!important; text-align: left!important; }
  .page-resale-listings .region { width: 10%!important; }
  .page-resale-listings .bedrooms { width: 9%!important; }
  .page-resale-listings .type { width: 8%!important; }

  .page-resale-listings .balconyterrace,
  .page-resale-listings .internalarea,
  .page-resale-listings .rooftop { width: 7%!important; }

  .page-resale-listings .pricepass,
  .page-resale-listings .pricerecommend { font-weight: 600; width: 9%!important; }

  .page-resale-listings .internalarea,
  .page-resale-listings .balconyterrace,
  .page-resale-listings .rooftop,
  .page-resale-listings .total,
  .page-resale-listings .pricepass,
  .page-resale-listings .pricerecommend { text-align: right!important; justify-content: flex-end!important; }

  .page-resale-listings .pdf { width: 6%!important; max-width: 65px!important; }
  .page-resale-listings .list-heading .pdf { max-width: unset!important; }

  .page-resale-listings .list-cont .item { flex-wrap: nowrap; padding: 0; align-items: stretch; gap: 0; min-height: 64px; }
  .page-resale-listings .list-cont .item div { padding: 0; margin: 0; text-align: center; width: 7%; flex-shrink: 0; font-size: 14px; display: flex!important; align-items: center; }
  .page-resale-listings .list-cont .item div::before { display: none; }

  .page-resale-listings .list-cont .item div.region,
  .page-resale-listings .list-cont .item div.bedrooms,
  .page-resale-listings .list-cont .item div.type { justify-content: center; }
  .page-resale-listings .list-cont .item .btn-sm { margin: 0 6px; padding: 4px 8px 4px 22px; font-size: 15px; background-position: 10px center; align-self: center; margin-right: 6px; }

  body.nopdf .page-resale-listings .pdf { opacity: 0!important; pointer-events: none!important; display: none!important; }
  body.nopdf .page-resale-listings .rooftop,
  body.nopdf .page-resale-listings .total { width: 9%!important; }
  body.nopdf .page-resale-listings .pricerecommend { width: 11%!important; }

}

@media (min-width: 1180px) {
  .page-resale-listings .pricerecommend { padding-right: 13px!important; }
  .page-resale-listings .pricerecommend .dropdown::after { right: -16px!important; }

  body.nopdf .page-resale-listings .pricerecommend { padding-right: 22px!important; }
  body.nopdf .page-resale-listings .pricerecommend .dropdown::after { right: 0; }
}

@media (min-width: 1440px) {
  .page-resale-listings .list-heading p { font-size: 14px; }
}

@media screen {
  .sqm-mobile .page-resale-listings .unit-list-heading { flex-wrap: wrap!important; background-color: #FFF!important; }
  .sqm-mobile .page-resale-listings .unit-list-heading > p.developer,
  .sqm-mobile .page-resale-listings .unit-list-heading > p.project,
  .sqm-mobile .page-resale-listings .unit-list-heading > p.region,
  .sqm-mobile .page-resale-listings .unit-list-heading > p.bedrooms,
  .sqm-mobile .page-resale-listings .unit-list-heading > p.price { display: flex; width: calc(50% - 5px); margin: 0 0 10px 0; padding: 0; text-decoration: none; }

  @media (min-width: 768px) {
  }
}


/*--- PAGE : MY RESALE LISTINGS ---*/
.btn-add { box-shadow: none!important; display: flex; align-items: center; padding: 10px 15px; border-width: 1px; border-radius: 0.5rem; text-decoration: none!important; }
.btn-add:hover { border-color: #4D2573; border-color: var(--ui-color); }

.icon-add { width: 18px; height: 18px; margin-right: 10px; mask-size: contain; mask-repeat: no-repeat; background: var(--ui-color); display: block; }
.btn-add:hover .icon-add { filter: brightness(0) invert(1); }

.page-my-resale-list .list-heading { display: none; flex-wrap: nowrap; width: 100%; background-color: #4D2573; background-color: var(--ui-color); margin-bottom: 5px; }

.page-my-resale-list .list-cont {}
.page-my-resale-list .list-cont .item { display: none; flex-wrap: wrap; width: 100%; border: 1px solid #DDD; font-size: 15px; cursor: default; flex-direction: row; align-items: center; justify-content: flex-start; position: relative; transition: ease all .2s; margin-bottom: 10px; padding: 10px; padding-left: 35px; cursor: pointer; }
.page-my-resale-list .list-cont .item:hover { background-color: #F4F4F4; }
.page-my-resale-list .list-cont .item.active { display: flex; }

.page-my-resale-list .list-cont .item div { width: 100%; padding: 0; margin-bottom: 5px; }
.page-my-resale-list .list-cont .item div::before { color: #666; display: block; line-height: 1; font-weight: 600; font-size: 14px; }
.page-my-resale-list .list-cont .item .validation { margin-bottom: 0; }

.page-my-resale-list .no-results { display: none; opacity: 0; flex-direction: column; align-items: center; margin: 3rem auto 1rem auto; max-width: 500px; }
.page-my-resale-list:not(:has(.item)) .no-results { display: flex; opacity: 1; -webkit-animation: FadeIn 0.65s ease forwards; animation: FadeIn 0.65s ease forwards; }
.page-my-resale-list .no-results img { width: 96px; }
.page-my-resale-list .no-results p { font-weight: 600; text-align: center; margin: 2rem 0 1rem 0; }
.page-my-resale-list .no-results button {  }

.page-my-resale-list:not(:has(.item)) .btn-print:not(.btn-add) { display: none!important; }
.page-my-resale-list:not(:has(.item)) .btn-add:not(.no-results .btn-add) { margin-left: auto; }

@media (min-width: 768px) {
  .page-my-resale-list .title-cont { gap: 1rem; justify-content: flex-start; }
  .page-my-resale-list .title-cont h1 { order: 4; }
  .page-my-resale-list .title-cont .btn { width: calc(33.333% - 11px); }
  .page-my-resale-list .title-cont .btn-add { order: 3; }
  .page-my-resale-list .list-cont .item { font-size: 14px; align-items: flex-start; }
  .page-my-resale-list .list-cont .item div { width: 50%; }
  .page-my-resale-list .list-cont .item .createdate,
  .page-my-resale-list .list-cont .item .validation { margin-bottom: 0; }
}

@media (min-width: 992px) {
  .page-my-resale-list .title-cont { justify-content: center; }
  .page-my-resale-list .title-cont h1 { position: relative; left: unset; transform: unset; }
  .page-my-resale-list .title-cont .btn { width: calc(33.333% - 11px); }
  .page-my-resale-list .title-cont .btn-add { order: 3; }
}

@media (min-width: 1180px) {
  .page-my-resale-list .title-cont { justify-content: flex-start; align-items: center; }
  .page-my-resale-list .title-cont h1 { position: absolute; left: 50%; transform: translateX(-50%); }
  .page-my-resale-list .title-cont .btn { width: fit-content; }
  .page-my-resale-list .title-cont .btn-print { margin-left: auto; }

  .page-my-resale-list .list-heading { display: none; }
  .page-my-resale-list:has(.item) .list-heading { display: flex; flex-wrap: nowrap; width: 100%; background-color: #4D2573; background-color: var(--ui-color); margin-bottom: 5px; min-height: 54px; }


  .page-my-resale-list .list-heading::before { content: '#'; background-color: #333; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 13px; }

  .page-my-resale-list .list-heading p { margin-bottom: 0; padding: 8px 0; text-align: center; flex-shrink: 0; font-weight: 600; font-size: 14px; display: flex; align-items: center; justify-content: center; cursor: default; color: #FFF; line-height: 1.2; }

  .page-my-resale-list .list-heading p.developer { width: 20%; padding-left: 30px; justify-content: flex-start; }
  .page-my-resale-list .list-heading p.project { width: 20%; justify-content: flex-start; }
  .page-my-resale-list .list-heading p.type { width: 15%; }
  .page-my-resale-list .list-heading p.pricerecommend { width: 15%; }
  .page-my-resale-list .list-heading p.createdate { width: 15%; }
  .page-my-resale-list .list-heading p.validation { width: 15%; }
  .page-my-resale-list .list-heading p span.dropdown > span { display: block; }
  .page-my-resale-list .list-heading p span.dropdown > span::after { left: 0; right: 0; }

  .page-my-resale-list .list-heading .dropdown.active-sort span,
  .page-my-resale-list .list-heading .dropdown.active-filter span[data-toggle="dropdown"] { text-decoration: none!important; color: #ffd500; }

  .page-my-resale-list .list-cont { counter-reset: item; }
  .page-my-resale-list .list-cont .item.active::before { content: ""; background-color: #333; position: absolute; top: -1px; bottom: -1px; left: -1px; width: 25px; display: flex; align-items: center; justify-content: center; counter-increment: item; content: counter(item); color: #FFF; font-size: 12px; z-index: 1; }

  .page-my-resale-list .list-cont .item { padding: 1rem 0; font-size: 14px; display: flex; align-items: center; justify-content: center; display: none; }
  .page-my-resale-list .list-cont .item div { padding: 0; margin: 0; text-align: center; }
  .page-my-resale-list .list-cont .item div::before { display: none; }
  .page-my-resale-list .list-cont .item .developer { width: 20%; padding-left: 30px; justify-content: flex-start; text-align: left; }
  .page-my-resale-list .list-cont .item .project { width: 20%; justify-content: flex-start; text-align: left; }
  .page-my-resale-list .list-cont .item .type { width: 15%; }
  .page-my-resale-list .list-cont .item .pricerecommend { width: 15%; font-weight: 600; }
  .page-my-resale-list .list-cont .item .createdate { width: 15%; }
  .page-my-resale-list .list-cont .item .validation { width: 15%; }
}

@media (min-width: 1440px) {
  .page-my-resale-list .list-heading p { font-size: 14px; }
}

/*--- RESALE EDIT MODAL ---*/
#resaleModal {}
#resaleModal .w-50 { width: calc(50% - .5rem)!important; }
#resaleModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#resaleModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

#resaleModal .icon-sqm-info { width: 14px; height: 14px; mask-size: 14px auto; transform: translate(1px, 2px); }

#resaleModal .modal-content { background-color: #EFEFEF; border: 0; }

#resaleModal .view { width: 100%; position: relative; position: absolute; left: 1rem; width: calc(100% - 2rem); top: 60px; opacity: 0; pointer-events: none; overflow: hidden; height: 0; }

#resaleModal .view div { position: relative; }
#resaleModal .view label:not(.error) { font-size: 13px; font-weight: 600; color: #666; line-height: 1; margin-bottom: .15rem; }

#resaleModal .item-details { display: flex; flex-wrap: wrap; gap: 1rem; overflow: hidden; flex-direction: column; }
#resaleModal .detail-cont { border-radius: .25rem; display: flex; flex-wrap: wrap; gap: 1rem; overflow: hidden; background-color: #FFF; padding: 1rem; }
#resaleModal .item-details .detail-cont div { position: relative; }
#resaleModal .item-details .detail-cont div:not(.btn-cont)::after { content: ""; border-bottom: 1px solid #DDD; width: 100%; position: absolute; left: 0; right: 0; bottom: -.5rem; display: none; }

#resaleModal .item-details .detail-cont div.urlself p.data,
#resaleModal .item-details .detail-cont div.url101evler p.data,
#resaleModal .item-details .detail-cont div.urlhangiev p.data { font-size: 15px; }

#resaleModal .item-details p.title { font-size: 13px; font-weight: 600; color: #666; padding-bottom: .15rem; margin-bottom: .15rem; width: fit-content; border-bottom: .1rem solid #CCC; }
#resaleModal .item-details p.data { margin-bottom: 0; }
#resaleModal .item-details .pricepass .data,
#resaleModal .item-details .pricerecommend .data { font-weight: 600; }

#resaleModal .agent-details { display: grid; grid-template-columns: 70px 1fr; grid-template-rows: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: .25rem; }
#resaleModal .agent-details p { font-size: 15px; }
#resaleModal .agent-details .agentphoto { grid-area: 1 / 1 / 5 / 2; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #F4F4F4; overflow: hidden; background-color: #CCC; background-size: 80% }
#resaleModal .agent-details .agentphoto img { width: 100%; height: auto; }
#resaleModal .agent-details .agentname { grid-area: 1 / 2 / 2 / 3; }
#resaleModal .agent-details .agentname p { font-size: 17px; font-weight: 600; }
#resaleModal .agent-details .agency { grid-area: 2 / 2 / 3 / 3; }
#resaleModal .agent-details .agentphone { grid-area: 3 / 2 / 4 / 3; }
#resaleModal .agent-details .agentemail { grid-area: 4 / 2 / 5 / 3; }

#resaleModal .item-details .internalarea .data:after,
#resaleModal .item-details .balconyterrace .data:after,
#resaleModal .item-details .rooftop .data:after,
#resaleModal .item-details .plot .data:after,
#resaleModal .item-details .pool .data:after { content: 'm\00B2'; padding-left: 3px; }


/*#resaleModal .resale-form { width: 100%; position: relative; position: absolute; left: 1rem; width: calc(100% - 2rem); top: 60px; opacity: 0; pointer-events: none; overflow: hidden; height: 0; }*/
#resaleModal .resale-form { display: flex; flex-wrap: wrap; gap: 1rem; }
#resaleModal .resale-form select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6.069' viewBox='0 0 10 6.069'%3E%3Cpath id='chevron-right-solid' d='M33.4,43.046l-4.45,4.45a.55.55,0,0,1-.777,0l-.519-.519a.55.55,0,0,1,0-.776l3.527-3.544-3.527-3.544a.55.55,0,0,1,0-.776l.519-.519a.55.55,0,0,1,.777,0l4.45,4.45A.55.55,0,0,1,33.4,43.046Z' transform='translate(47.657 -27.495) rotate(90)' fill='%234D2573'/%3E%3C/svg%3E%0A"); }
#resaleModal .resale-form .input-mask { position: absolute; top: calc(.375rem + 1px); right: .75rem; line-height: 1.5; }
#resaleModal .resale-form .masked input[type="number"] { text-align: right; padding-right: calc(.75rem + 22px); }
#resaleModal .resale-form .masked:has(.input-mask-left) input { text-align: left; padding-left: calc(.75rem + 10px); padding-right: .75rem; }
#resaleModal .resale-form .input-mask-left { right: unset; left: .75rem; }

#resaleModal label:not(.error) { font-size: 14px; margin-bottom: 5px; line-height: 1.2; font-weight: 600; }
#resaleModal label.error { position: absolute; margin: 0; left: 0; bottom: -14px; font-size: 13px; color: #D60000; font-weight: 600; line-height: 1; white-space: nowrap; }
#resaleModal input.error, select.error { border-color: #D60000; }

#resaleModal .btn-cont { width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; gap: 1rem; }
#resaleModal .btn-cont button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); color: #FFF; border: 0; }
#resaleModal .btn-cont button.btn:hover { color: #FFF; border-color: #3B1B5A; border-color: var(--primary-color-dark); background-color: #3B1B5A; background-color: var(--primary-color-dark); }
#resaleModal .btn-cont button.btn:disabled { pointer-events: none }

#resaleModal .btn-cont button.btn-edit { background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); }
#resaleModal .btn-cont button.btn-edit:hover { background-color: #3B1B5A; background-color: var(--primary-color-dark); border-color: #3B1B5A; border-color: var(--primary-color-dark); }
#resaleModal .btn-cont button.btn-delete { background-color: #D60000; border-color: #D60000; }
#resaleModal .btn-cont button.btn-delete:hover { background-color: #BD0000; border-color: #BD0000; }
#resaleModal .btn-cont button.btn-validate { background-color: #008e44; border-color: #008e44; }
#resaleModal .btn-cont button.btn-validate:hover { background-color: #036b35; border-color: #036b35; }

#resaleModal .item-validate p { text-align: center; margin-bottom: 1rem; }
#resaleModal .item-validate .icon-done { background-size: cover; width: 70px; height: 70px; margin: 1rem auto 1.5rem auto; }

#resaleModal .item-delete { display: flex; flex-wrap: wrap; gap: 1rem; }
#resaleModal .item-delete p { text-align: center; margin-bottom: 0; width: 100%; }
#resaleModal .item-delete button.btn { width: calc(50% - .5rem); position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; }
#resaleModal .item-delete button:disabled { pointer-events: none; }
#resaleModal .item-delete button.btn-delete-done { background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); color: #FFF; border: 0; }
#resaleModal .item-delete button.btn:hover { color: #FFF; border-color: #3B1B5A; border-color: var(--primary-color-dark); background-color: #3B1B5A; background-color: var(--primary-color-dark); }
#resaleModal .item-delete button.btn-delete-cancel { border: 1px solid #C1C1C1; background-color: #FFF; }
#resaleModal .item-delete button.btn-delete-cancel:hover { background-color: #666; border: 1px solid #666; color: #FFF; }


@media (min-width: 576px) {
  #resaleModal .btn-cont { flex-direction: row; }
  #resaleModal .btn-cont button.btn { width: calc(50% - .5rem); flex-shrink: 0; }
  #resaleModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #resaleModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #resaleModal .w-sm-33 { width: calc(33.333% - 11px)!important; }
  #resaleModal .w-sm-50 { width: calc(50% - .5rem)!important; }

  #resaleModal .agent-details { grid-template-columns: 100px 1fr; }
  #resaleModal .agent-details p { font-size: 16px; }
  #resaleModal .agent-details .agentphoto { width: 80px; height: 80px; }
  #resaleModal .agent-details .agentname p { font-size: 18px; }
}

@media (min-width: 768px) {
  #resaleModal .w-md-33 { width: calc(33.333% - 11px)!important; }
  #resaleModal .w-md-50 { width: calc(50% - .5rem)!important; }

  #resaleModal .agent-details { grid-template-columns: 110px 1fr; grid-row-gap: .15rem; }
  #resaleModal .agent-details .agentphoto { width: 90px; height: 90px; }
}


/*--- PAGE : DEVELOPER MANAGEMENT / AGREEMENTS ---*/
.proto-developer {}
.proto-developer .user-list-cont .user div.logo { display: flex; align-items: center; justify-content: center; padding: 15px; border-radius: 5px; overflow: hidden; height: 100px; background-color: #fff; }
.proto-developer .user-list-cont .user div.logo::before { display: none; }
.proto-developer .user-list-cont .user div.logo img { max-height: 85%; width: auto; max-width: 100%; }

.switch { margin: 10px auto 0 auto!important; background: #FFF; width: fit-content!important; }
.switch.disabled { pointer-events: none; opacity: .5; }
.switch label.title { margin: 0; pointer-events: none; font-size: 16px; color: #4D2573; color: var(--ui-color);  }
.switch .custom-switch { margin-bottom: 0!important; }
.switch .custom-switch .custom-control-label { z-index: 1; cursor: pointer; font-size: 12px; font-weight: 600; line-height: 1.2; min-width: 90px; height: 30px; padding: 8px 10px; text-align: right; color: #FFF; text-transform: uppercase; }
.switch .custom-switch .custom-control-input:checked ~ .custom-control-label { text-align: left; }
.switch .custom-switch .custom-control-label::before { width: 90px; height: 30px; top: 0; left: 0; border: 0; border-radius: 40px; background-color: #CCC; z-index: -1; }
.freeze .switch .custom-switch .custom-control-label::before { pointer-events: none; }
.switch .custom-switch .custom-control-label::after { top: 4px; left: 4px; border: 0; background-color: #FFF; width: 22px; height: 22px; border-radius: 50%; }
.switch .custom-switch { cursor: pointer; padding-left: 0; }
.switch .custom-switch .custom-control-input:checked ~ .custom-control-label::before { border-color: transparent; background-color: #4D2573; background-color: var(--ui-color); }
.switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color: #4D2573; background-color: var(--ui-color); border-color: transparent; }
.switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: transparent; }
.switch .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: none; box-shadow: none; }
.proto-developer .custom-switch .custom-control-input:checked ~ .custom-control-label::after,
.proto-developer .custom-switch .custom-control-input:checked ~ .custom-control-label::after { -webkit-transform: translateX(59px); -ms-transform: translateX(59px); transform: translateX(59px); }

.proto-agreements .user-list-cont { display: flex; flex-direction: column; flex-wrap: nowrap; }

.proto-agreements .user-list-cont .user div.speed { color: #FFF; font-weight: 600; }
.color-nodata { background-color: #CCC; color: #333; }
.color-slow { background-color: #F8696A; }
.color-normal { background-color: #E6E57E; }
.color-fast { background-color: #63BE7B; }


.proto-agreements .user-list-cont .user div.commissions span { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; }
.proto-agreements .user-list-cont .user div.contacts { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 0; }
.proto-agreements .user-list-cont .user div.contacts::before { width: 100%; }
.proto-agreements .user-list-cont .user div.contacts span { width: 100%; cursor: pointer; }
.proto-agreements .user-list-cont .user div.contacts span u { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; }
.proto-agreements .user-list-cont .user div.contacts span.contact-1 { margin-bottom: .5rem; }
.proto-agreements .user-list-cont .user div.contacts small { font-size: 90%; text-decoration: none; }

.blocked .proto-agreements .user-list-cont .user div.contacts span { filter: blur(4px); pointer-events: none; user-select: none!important; }

body:has(.proto-agreements) .tooltip-inner { text-align: left; line-height: 2; }

@media (min-width: 768px) {
  .proto-developer .user-list-cont .user div { margin-top: auto; margin-bottom: auto; }
  .proto-developer .user-list-cont .user div.logo { margin-right: 10px; width: calc(25% - 10px); height: 80px; max-width: 160px; }
  .proto-developer .user-list-cont .user div.name { width: 35%; }
  .proto-developer .user-list-cont .user div.count { width: 20%; }
  .proto-developer .user-list-cont .user div.switch { margin: auto!important; margin-right: 0!important; }

  .proto-agreements .user-list-cont .user div.status { width: 100%; }

  .proto-agreements .user-list-cont .user div.speed { width: calc(50% - .5rem); }

  .proto-agreements .user-list-cont .user div.contacts span { width: calc(50% - .5rem); }
  .proto-agreements .user-list-cont .user div.contacts span.contact-1 { margin-right: 1rem; margin-bottom: 0; }
}

@media (min-width: 992px) {
  .proto-developer .user-list-heading p.name { padding-left: 35px; }
  .proto-developer .user-list-cont .user div.name { padding-left: 35px; }
}

@media (min-width: 1180px) {
  .proto-developer .user-list-heading { position: relative; padding-left: 25px;  }
  .proto-developer .user-list-heading::before { content: '#'; background-color: #333; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 13px; }
  .proto-developer .status { width: calc(40% - 165px)!important; margin-left: auto; }
  .proto-developer .user-list-heading p.logo { width: 165px; }
  .proto-developer .user-list-heading p.name { width: 38%; padding-left: 150px; }
  .proto-developer .user-list-heading p.count { width: calc(35% - 165px); }
  .proto-developer .user-list-heading p.actions { width: 15%; margin-left: auto; }

  .proto-agreements .user-list-heading p.name { padding-left: 40px; width: 20%; }
  .proto-agreements .user-list-heading p.speed { width: calc(19% - 40px); justify-content: center; padding-left: 0; padding-right: 0; }
  .proto-agreements .user-list-heading p.commissions { width: calc(30% - 165px); justify-content: center; }
  .proto-agreements .user-list-heading p.contacts { width: 32%; padding-left: 40px; }

  .proto-developer .user-list-cont { counter-reset: item; }
  .proto-developer .user-list-cont .user { padding-left: 25px; }
  .proto-developer .user-list-cont .user div.logo { width: 160px; height: 80px; margin: 5px; margin-right: 0; }
  .proto-developer .user-list-cont .user div.name { padding-left: 150px; width: 38%; }
  .proto-developer .user-list-cont .user div.count { width: calc(35% - 165px); }
  .proto-developer .user-list-cont .user div.switch { width: 15%!important; background: transparent; justify-content: center; }
  .proto-developer .user-list-cont .user .custom-switch { width: unset!important; padding: 0; }

  .proto-agreements .user-list-cont .user div.name { padding-left: 40px; width: 20%; }
  .proto-agreements .user-list-cont .user div.speed { width: calc(19% - 40px); justify-content: center; }
  .proto-agreements .user-list-cont .user div.commissions { width: calc(30% - 165px); justify-content: center; }
  .proto-agreements .user-list-cont .user div.contacts { width: 32%; margin-bottom: auto; padding-left: 40px; }
}


/*--- PAGE : SETTINGS ---*/
.proto-settings {}
.proto-settings .card { margin-bottom: 1.5rem; max-width: 500px; }
.proto-settings .card-body { padding: 1.5rem; }
.proto-settings .card-title { margin-bottom: 1.25rem; }
.proto-settings .card-text { margin-bottom: 1.5rem; font-size: 15px; }


.proto-settings .custom-radio { font-size: 15px; padding-left: 18px; }
.proto-settings .custom-radio .custom-control-input { width: 18px; height: 18px; top: .25rem; }
.proto-settings .custom-radio .custom-control-label { cursor: pointer; font-weight: normal; margin-bottom: 0; line-height: 30px; padding-left: 12px; }
.proto-settings .custom-radio .custom-control-label::before { width: 18px; height: 18px; border-radius: 5px!important; border-color: #BBBBBB; }
.proto-settings .custom-radio .custom-control-input:checked~.custom-control-label::before { border-color: #4D2573; border-color: var(--ui-color); background-color: #4D2573; background-color: var(--ui-color); }
.proto-settings .custom-radio .custom-control-label::before { border-radius: 50%!important; width: 18px; height: 18px; top: .425rem; left: calc(-18px + 2px); }
.proto-settings .custom-radio .custom-control-label::after { width: 18px; height: 18px; top: .425rem; left: calc(-18px + 2px); }
.proto-settings .custom-radio .custom-control-label::after { width: 18px; height: 18px; }


.proto-settings .switch { margin: 0!important; }
.proto-settings .switch .custom-switch .custom-control-label::before { width: 100%!important;  }
.proto-settings .custom-switch .custom-control-input:checked ~ .custom-control-label::after { -webkit-transform: translateX(59px); -ms-transform: translateX(59px); transform: translateX(59px); }


html[lang="en"] .proto-settings .switch .custom-switch .custom-control-label { min-width: 80px; width: fit-content; }
html[lang="en"] .proto-settings .custom-switch .custom-control-input:checked ~ .custom-control-label::after { -webkit-transform: translateX(49px); -ms-transform: translateX(49px); transform: translateX(49px); }

@media (min-width: 768px) {
  .proto-settings .title-cont h1 { order: unset; position: absolute; left: 50%; transform: translateX(-50%); }
  .proto-settings .title-cont .btn-back { width: fit-content; }
}

@media (min-width: 992px) {
  .proto-settings .settings-cont { display: flex; flex-wrap: wrap; width: fit-content; max-width: calc(1000px + 3rem); margin: 0 auto; }
  .proto-settings .settings-cont .card { max-width: 500px; width: calc(50% - 1.5rem); margin-bottom: 3rem; margin-right: 3rem; }
  .proto-settings .settings-cont .card:nth-child(even) { margin-right: 0 }
}

@media (min-width: 1180px) {
}


/*--- PAGE : Real Estate System Update ---*/
.proto-updates {}
.proto-updates h5 { color: #333; }
.proto-updates ul { margin-bottom: 2.5rem; }
.proto-updates li { margin-bottom: 0.75rem; position: relative; padding-left: 1.5rem; }
.proto-updates li:last-child { margin-bottom: 0; }
.proto-updates li:before { content: ''; position: absolute; width: 8px; height: 8px; top: 8px; left: .5rem; border-radius: 50%; background-color: #4E2175; background-color: var(--primary-color-dark); }

.proto-updates li img.new-project { max-width: 100%; display: block; margin-top: .5rem; }

.proto-updates li a { display: inline-flex; align-items: center; }
.proto-updates li a::after  { content: ''; display: inline; width: 13px; height: 13px; margin-left: 8px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .3a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.3.7.7L131.5 358a12 12 0 0 0 0 17l5.7 5.6a12 12 0 0 0 17 0l323-323.2.8.7-.3 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12l.3-136a12 12 0 0 0-12-12Z' fill='%23DA1E4F' fill-rule='nonzero'/%3E%3C/svg%3E"); opacity: 0; transition: ease all .08s; }
.proto-updates li a::after { opacity: 1; }

.proto-updates .content-box { margin-bottom: .75rem; }
.proto-updates .content-box:has(+ h5) { margin-bottom: 2.5rem; }
.proto-updates .content-box .media { flex-wrap: wrap; }
.proto-updates .content-box .post_title { font-size: 18px; font-weight: 700; margin-bottom: .5rem; }
.proto-updates .content-box img { max-width: 100%; margin-left: 1.5rem; opacity: 1; background-color: #000; cursor: pointer; }
.proto-updates .content-box img:hover { opacity: .8; }

@media (min-width: 768px) {
  .proto-updates .content-box .media { flex-wrap: nowrap; flex-direction: column; }
  .proto-updates .title-cont .btn { width: calc(33.333% - 11px); }
  .proto-updates .title-cont .btn-add { order: 3; margin-left: auto; }
  .proto-updates .title-cont h1 { order: 4; }
  .proto-updates .content-box img { max-width: 200px; }
  .proto-updates li img.new-project { max-width: 200px; }
}

@media (min-width: 992px) {
  .proto-updates .title-cont { justify-content: center; }
  .proto-updates .title-cont h1 { position: relative; left: unset; transform: unset; }
  .proto-updates .title-cont .btn { width: calc(33.333% - 11px); }
  .proto-updates .title-cont .btn-add { order: 3; }
  .proto-updates .content-box img { max-width: 400px; }
  .proto-updates li img.new-project { max-width: 400px; }
}

@media (min-width: 1180px) {
  .proto-updates .title-cont { justify-content: flex-start; align-items: center; }
  .proto-updates .title-cont h1 { position: absolute; left: 50%; transform: translateX(-50%); }
  .proto-updates .title-cont .btn { width: fit-content; }
}


#imageModal {}
#imageModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#imageModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

#imageModal .modal-content { background-color: transparent; border: 0; }

@media (min-width: 576px) {
  #imageModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #imageModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
}

@media (min-width: 768px) {
  #imageModal .modal-dialog { max-width: 750px; }
}

@media (min-width: 1366px) {
  #imageModal .modal-dialog { max-width: 1200px; }
}


/* CONTENT EDIT MODAL */
#contentModal {}
#contentModal .w-50 { width: calc(50% - .5rem)!important; }
#contentModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#contentModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

#contentModal .modal-content { background-color: #EFEFEF; border: 0; }

#contentModal .detail-cont { border-radius: .25rem; display: flex; flex-wrap: wrap; gap: 1rem; background-color: #FFF; padding: 1rem; }
#contentModal .detail-cont div { position: relative; }

#contentModal .content-form { display: flex; flex-wrap: wrap; gap: 1rem; }

#contentModal label:not(.error):not(.custom-control-label) { font-size: 13px; font-weight: 600; color: #666; line-height: 1; margin-bottom: .15rem; }
#contentModal label.error { position: absolute; margin: 0; left: 0; bottom: -14px; font-size: 13px; color: #D60000; font-weight: 600; line-height: 1; white-space: nowrap; }
#contentModal input.error, select.error { border-color: #D60000; }

#contentModal .btn-cont { width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; gap: 1rem; }
#contentModal .btn-cont button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #4D2573; border-color: #4D2573; color: #FFF; border: 0; }
#contentModal .btn-cont button.btn:hover { color: #FFF; border-color: #3B1B5A; background-color: #3B1B5A; }
#contentModal .btn-cont button.btn:disabled { pointer-events: none }

#contentModal .preview { width: 400px; aspect-ratio: 3 / 2; background-color: #CCC; margin: 0 auto 10px auto; cursor: pointer; overflow: hidden; }
#contentModal .preview img { width: 100%; height: auto; }

#contentModal .custom-file, #contentModal .custom-file-input, #contentModal .custom-file-label { cursor: pointer; }
#contentModal .custom-file-label { cursor: pointer; font-size: 16px; line-height: 1; font-weight: 500; display: flex; align-items: center; justify-content: center; border: 1px solid #ced4da; border-radius: .25rem; margin: 0; padding: 12px 10px; }
#contentModal .custom-file-label::after { display: none; }
#contentModal .custom-file:hover { cursor: pointer; }
#contentModal .custom-file:hover > .custom-file-label { border-color: #3B1B5A; background-color: #3B1B5A; color: #FFF; cursor: pointer; }

#contentModal .date-cont { position: relative; }
#contentModal .date-cont::before { content: ''; display: inline-block; width: 17px; height: 20px; position: absolute; bottom: 9px; left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20'%3E%3Cpath d='M15.179 2.5h-1.822V.469A.464.464 0 0012.9 0h-.3a.464.464 0 00-.455.469V2.5H4.857V.469A.464.464 0 004.4 0h-.3a.464.464 0 00-.455.469V2.5H1.821A1.849 1.849 0 000 4.375v13.75A1.849 1.849 0 001.821 20h13.358A1.849 1.849 0 0017 18.125V4.375A1.849 1.849 0 0015.179 2.5zM1.821 3.75h13.358a.618.618 0 01.607.625V6.25H1.214V4.375a.618.618 0 01.607-.625zm13.357 15H1.821a.618.618 0 01-.607-.625V7.5h14.572v10.625a.618.618 0 01-.607.625zM5.616 12.5H4.1a.464.464 0 01-.455-.469v-1.562A.464.464 0 014.1 10h1.516a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0H7.741a.464.464 0 01-.455-.469v-1.562A.464.464 0 017.741 10h1.518a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm-3.643 3.75H7.741a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.518a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm-3.643 0H4.1a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.516a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm7.286 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468z' fill='%23999'/%3E%3C/svg%3E"); background-size: cover; pointer-events: none; }
#contentModal .date-cont input { padding-left: 40px; }
#contentModal .date-cont input#post_date { cursor: pointer; background-color: #FFF; }
.vanilla-calendar { z-index: 1052; }

@media (min-width: 576px) {
  #contentModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #contentModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #contentModal .w-sm-33 { width: calc(33.333% - 11px)!important; }
  #contentModal .w-sm-50 { width: calc(50% - .5rem)!important; }
}

@media (min-width: 768px) {
  #contentModal .w-md-33 { width: calc(33.333% - 11px)!important; }
  #contentModal .w-md-50 { width: calc(50% - .5rem)!important; }
  #contentModal .w-md-100 { width: 100%!important; }
}



/*--- PAGE : WHY NORTH CYPRUS ---*/
.why-north-cyprus .navigation-cyprus a { padding-left: 1rem; }
.why-north-cyprus .navigation-cyprus a::after { width: 0; }
.why-north-cyprus .navigation-cyprus a:last-child { margin-bottom: 0; }
.why-north-cyprus .navigation-cyprus a.dmg { display: flex; }
.why-north-cyprus .navigation-cyprus a.dmg img { width: 5.35em; height: auto; margin: 0 .3rem; }
.why-north-cyprus .navigation-cyprus a.dmg.active img,
.why-north-cyprus .navigation-cyprus a.dmg:hover img { filter: brightness(0) invert(1); }
.why-north-cyprus h1 small { display: block; font-size: 60%; font-weight: 600; color: #6c757d; }

.lead-nc { font-size: 17px; font-weight: 500; margin-bottom: 1rem; }

.vs-img { display: block; border-radius: .5rem; max-width: 100%; height: auto; margin-bottom: 1rem; }
.vs-box { display: flex; flex-wrap: wrap; gap: 1rem 0; margin-bottom: 1.5rem; }
.vs-box .country-img { aspect-ratio: 5 / 3; overflow: hidden; display: flex; align-items: flex-end; color: #FFF; font-weight: 700; padding-bottom: 0.5rem; position: relative; border-radius: .5rem; padding: 1rem .75rem; }
.vs-box .country-img img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; object-position: center; width: 100%; height: 100%; z-index: 0; }
.vs-box .country-img h3 { margin-bottom: 0; line-height: 1; font-size: 36px; z-index: 1; }
.vs-box div { width: 100%; background-color: #f5f5f5; border-radius: .5rem; padding: 1rem .75rem; height: fit-content; transition: ease all .2s; }
.vs-box div h5 { margin-bottom: .75rem; }

.forbes-cont { display: flex; flex-direction: column; width: 100%; align-items: center; margin-bottom: 1rem; }
.forbes-cont .mask-forbes { -webkit-mask-image: url(../img/why-cyprus/forbes-magazine.png); mask-image: url(../img/why-cyprus/forbes-magazine.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100%; mask-size: 100%; width: 100%; max-width:  600px; margin: 0 auto; flex-shrink: 0; aspect-ratio: 250 / 69; overflow: hidden; margin-bottom: 1rem; display: flex; align-items: center; }
.forbes-cont p { font-weight: 600; line-height: 1.1; font-size: 19px; text-align: center; margin-bottom: 0; }
.forbes-cont p strong { font-weight: 700; display: block; font-size: 36px; color: #4D2573; color: var(--ui-color); }
.forbes-text { line-height: 1.5; max-width: 940px; }

.low-prices-country-box { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; }
.low-prices-country-box div { width: 100%; background-color: #f5f5f5; border-radius: .5rem; padding: 1.25rem 1rem; height: fit-content; }
.low-prices-country-box div ul, .low-prices-country-box div li { margin: 0; list-style: none; padding: 0; }
.low-prices-country-box div li { margin-bottom: 1rem; }
.low-prices-country-box div li:last-child { margin-bottom: 0; }
.low-prices-country-box div strong { display: block; }
.low-prices-country-box div h5 { margin-bottom: .75rem; }
.low-prices-country-box .country-img { aspect-ratio: 5 / 2; overflow: hidden; display: flex; align-items: flex-end; color: #FFF; font-weight: 700; padding-bottom: 0.5rem; position: relative; }
.low-prices-country-box .country-img img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; object-position: center; width: 100%; height: 100%; z-index: 0; }
.low-prices-country-box .country-img img.turkiye { object-position: top 67% right 0px; }
.low-prices-country-box .country-img h3 { margin-bottom: 0; line-height: 1; font-size: 38px; z-index: 1; }

.low-prices-country-box .advantages { background-color: #F4FAF0; }
.low-prices-country-box .disadvantages { background-color: #FBF5F4; }

.capital-appreciation-text { font-size: 18px; line-height: 1.5; font-weight: 500; margin: 1.5rem 0; text-align: center; }
.capital-appreciation-graph { position: relative; width: 100%; aspect-ratio: 1 / 1; margin: 0 0 1rem 0; background-color: #FFF;  }
.capital-appreciation-graph::before { content: ''; position: absolute; width: calc(100% + 40px); height: calc(100% + 30px); background-color: #6334900f; top: -10px; left: -20px; z-index: -1; }
.capital-appreciation-graph { position: relative; z-index: 1; }

.ten-reasons { display: flex; flex-wrap: wrap; gap: 1rem; counter-reset: reason; }
.ten-reasons .card { border: 0; border-radius: .5rem; background-color: #f5f5f5; transition: ease all .2s; cursor: default; overflow: hidden; position: relative; width: 100%; }
.ten-reasons .card > * { transition: ease all .2s; }
.ten-reasons .card-img-top { border-top-left-radius: .5rem; border-top-right-radius: .5rem; aspect-ratio: 16 / 8; object-fit: cover; }
.ten-reasons .card-title { margin-bottom: .5rem; font-size: 1.5rem; }
.ten-reasons .card:hover { background-color: #FFF; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -30px, rgba(0, 0, 0, 0.3) -1px 0px 60px -30px; }
.ten-reasons .card:hover .card-title { color: #4D2573; color: var(--ui-color); }
.ten-reasons .card:hover .card-text { color: #000; }
.ten-reasons .card::before { counter-increment: reason; content: counter(reason); font-size: 80px; letter-spacing: -.5rem; line-height: 1.1; text-align: center; font-variant-numeric: tabular-nums; position: absolute; z-index: 1; opacity: 1; color: #FFF; mix-blend-mode: overlay; width: calc(100% - .625rem); top: 4rem; transition: ease all .2s; text-align: right; }
.ten-reasons .card:hover::before { opacity: 1; mix-blend-mode: unset; font-weight: 700; }

.why-dmg-pg h1 { display: flex; flex-wrap: wrap; }
.why-dmg-pg h1 small { width: 100%; }
.why-dmg-pg h1 img { width: 5.35em; height: auto; margin: 0 0.3rem; display: block; align-self: center; border-radius: .5rem; }

.why-dmg-pg .about-text { margin-bottom: 1rem; display: flex; flex-direction: column; }
.why-dmg-pg .about-text img { border-radius: .5rem; }

.why-dmg-pg .certificate-cont { display: flex; flex-direction: column; gap: 1rem; }
.why-dmg-pg .certificate-cont .certificate { border: 1px solid #dee2e6; border-radius: .5rem; padding: .75rem 1rem; padding-bottom:  .5rem; text-align: center; cursor: pointer; }
.why-dmg-pg .certificate-cont .certificate img { margin-bottom: .5rem; }
.why-dmg-pg .certificate-cont .certificate p { text-align: center; margin: 0; font-size: 14px; }

#certificateModal .modal-content { border: 0; }
#certificateModal .modal-body { padding: 0; }
#certificateModal .modal-body img { max-height: calc(100vh - 130px); display: block; margin: 0 auto; }
#certificateModal .modal-header h3 { text-align: center; margin-bottom: 0; }
#certificateModal button.close { position: absolute; top: -25px; right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; }
#certificateModal button.close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

.why-dmg-pg .card-cont .card-logo { border-radius: .5rem; border: 1px solid #dee2e6; }

body:has(.faq-box) { background-attachment: fixed; }
.faq-box { border-color: #D3D9E5; border-radius: .5rem; border-width: 1px; margin-bottom: 1rem; max-width: 940px; }
.faq-box p { padding: .5rem 1rem .5rem 1rem; font-size: 15px; line-height: 1.35rem; }
.faq-box a { padding: 1rem; padding-right: calc(1rem + 20px); text-decoration: none; background-color: #FFF; line-height: 1.25rem; font-weight: 600; color: #1A1A1A; display: flex; width: 100%; border-radius: .5rem; font-size: 15px; transition: ease all .2s; }
.faq-box a:hover { background-color: #EBEEF4; }
.faq-box a[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0;  }
.faq-box a::after { content: ''; margin-left: auto; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 50% auto; transform: translateX(20px); border-radius: 50%; border: 1px solid #A2ABBA; }
.faq-box a[aria-expanded="false"]::after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23A2ABBA' fill-rule='nonzero' d='M18.7 31.3H.5V18.2h18.2V.3h13.1v17.9H50v13.1H31.8v17.6H18.7z'/%3E%3C/svg%3E%0A"); }
.faq-box a[aria-expanded="true"]::after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23A2ABBA' fill-rule='nonzero' d='M.5 13.3V.2H50v13.1z'/%3E%3C/svg%3E"); }


@media (hover: hover) {
  .faq-box a { cursor: pointer; }
  .ten-reasons .card-img-top { filter: saturate(85%); }
  .ten-reasons .card:hover .card-img-top { filter: saturate(120%) brightness(.65); opacity: 1; background-color: #000; }
}

@media (min-width: 576px) {
  .ten-reasons .card { flex-direction: row; padding: 1.25rem; min-height: 190px; }
  .ten-reasons .card::before { width: 16%; top: 5.5rem; }
  .ten-reasons .card-img-top { width: 20%; border-radius: .5rem; }
}

@media (min-width: 768px) {
  .lead-nc { font-size: 18px; line-height: 1.5 }
  .vs-img { height: 50%; object-fit: cover; object-position: top; aspect-ratio: 3 / 1; }
  .vs-box { gap: 1rem; }
  .vs-box .country-img { padding: 1.25rem 1rem; width: calc(40% - .5rem); aspect-ratio: unset; height: unset; }
  .vs-box .country-img h3 { font-size: 42px; }
  .vs-box div { padding: 1.25rem 1rem; }
  .vs-box div:not(.country-img) { width: calc(60% - .5rem); }

  .forbes-cont { flex-direction: row; gap: 0 1rem; margin-bottom: 1.5rem; }
  .forbes-cont .mask-forbes { width: 45%; margin-bottom: 0; }
  .forbes-cont p { font-size: 20px; transform: translateY(0px); text-align: left; }
  .forbes-cont p strong { font-size: 38px; }

  .low-prices-country-box div:not(.country-img) { width: calc(50% - .5rem); }
  .low-prices-country-box .country-img { aspect-ratio: 5 / 1; }
  .low-prices-country-box .country-img h3 { font-size: 52px; }

  .ten-reasons .card { min-height: 170px; }
  .ten-reasons .card::before { width: 17.5%; top: 4.5rem; }

  .capital-appreciation-text { font-size: 20px; margin: 2rem 0 1.5rem 0; }
  .capital-appreciation-graph { aspect-ratio: 16 / 10; border-radius: .5rem; padding: 1.5rem; margin-bottom: 0; background-color: #FFF; box-shadow:rgba(50, 50, 93, 0.25) 0px 50px 100px -30px, rgba(0, 0, 0, 0.3) -1px 0px 60px -30px; }
  .capital-appreciation-graph::before { display: none; }

  .why-dmg-pg .certificate-cont { flex-direction: row; }
  .why-dmg-pg .certificate-cont .certificate { width: calc(33.333% - .5rem); max-width: 200px; }

  .faq-box a { font-size: 16px; }
  .faq-box p { padding: 1rem; font-size: 16px; line-height: 1.35rem; }
}

@media (min-width: 992px) {
  .vs-box .country-img h3 { font-size: 43px; }
  .capital-appreciation-text { font-size: 21px; margin: 2rem 0; }
  .ten-reasons .card { min-height: 192px; }
  .ten-reasons .card::before { font-size: 100px;  width: 18%; top: 4.75rem; }
  .ten-reasons .card-title { font-size: 26px; }

  #certificateModal .modal-dialog { max-width: fit-content; }

  .why-dmg-pg .card-cont .card-logo { min-height: 66px; }
  .why-dmg-pg .card-cont .card-logo img { max-width: 70px; }
}

@media (min-width: 1200px) {
  .vs-box .country-img h3 { font-size: 44px; }

  .forbes-cont { gap: 0 1.5rem; }
  .forbes-cont .mask-forbes { width: 40%; }
  .forbes-cont p { font-size: 22px; line-height: 1; }
  .forbes-cont p strong { font-size: 44px; }

  .low-prices-country-box .country-img { aspect-ratio: 4 / 1; }
  .low-prices-country-box .country-img h3 { font-size: 64px; }

  .capital-appreciation-text { font-size: 24px; margin: 2rem auto; max-width: 940px; }
  .capital-appreciation-graph { aspect-ratio: 16 / 9; max-width: 940px; margin: 0 auto; }

  .ten-reasons .card { min-height: 170px; position: relative; }
  .ten-reasons .card::before { width: 18.5%; top: 3.25rem; }

  .why-dmg-pg .card-cont .card-logo { min-height: 80px; }
  .why-dmg-pg .card-cont .card-logo img { max-width: 100px; }

  .why-dmg-pg .about-text { display: grid; grid-template-columns: 2fr 1.25fr; grid-template-rows: auto auto 1fr auto; grid-column-gap: 1rem; margin-bottom: 2.5rem; }
  .why-dmg-pg .about-text p:nth-child(1) { grid-area: 1 / 1 / 2 / 2; order: unset!important; }
  .why-dmg-pg .about-text p:nth-child(2) { grid-area: 2 / 1 / 3 / 2; order: unset!important; }
  .why-dmg-pg .about-text p:nth-child(3) { grid-area: 3 / 1 / 4 / 2; order: unset!important; }
  .why-dmg-pg .about-text img { grid-area: 1 / 2 / 4 / 3; order: unset!important; aspect-ratio: 5 / 3; object-fit: cover; }
}

@media (min-width: 1440px) {
  .forbes-cont { margin: 2rem 0; gap: 0 1.75rem }
  .forbes-cont .mask-forbes { width: 33%; margin: 0; max-width: 340px; }
  .forbes-cont p { font-size: 24px; align-self: flex-end; }
  .forbes-cont p strong { font-size: 48px; }

  .low-prices-country-box .country-img h3 { font-size: 72px; }

  .capital-appreciation-graph { aspect-ratio: 16 / 8; }
  .capital-appreciation-text { font-size: 24px; margin-bottom: 2rem; }

  .why-dmg-pg .card-cont .card-logo { min-height: 100px; }
  .why-dmg-pg .card-cont .card-logo img { max-width: 120px; }

  .faq-box a { font-size: 17px; padding: 1.25rem 1rem; padding-right: calc(1rem + 20px) }
  .faq-box p { padding-top: .5rem; }
}

@media (min-width: 1680px) {
  .capital-appreciation-text,
  .capital-appreciation-graph { max-width: 980px; }
}


/*--- PDF MODAL ---*/
#pdfModal {}
#pdfModal .modal-dialog { max-width: 280px; margin-right: auto; margin-left: auto; }
#pdfModal .modal-body { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2rem 1rem; }
#pdfModal .counter-cont { min-height: 140px; }
#pdfModal .counter-box { width: 90px; height: 90px; border-width: .5em; color: #4D2573; color: var(--ui-color); -webkit-animation: spinner-border 1s linear infinite; animation: spinner-border 1s linear infinite; }
#pdfModal h3 { color: #4D2573; color: var(--ui-color); font-size: 42px; font-weight: 700; letter-spacing: -0.075em; width: 90px; height: 90px; margin: 0; line-height: 1; position: absolute; top: 30px; display: flex; align-items: center; justify-content: center; }
#pdfModal p { font-size: 21px; font-weight: 600; color: #333; }


/* USER FEEDBACK MODAL */
#feedbackModal {}
#feedbackModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
#feedbackModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#feedbackModal .modal-dialog { max-width: 600px; }
#feedbackModal .modal-body button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 600; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #4D2573; background-color: var(--ui-color); border-color: #4D2573; border-color: var(--ui-color); color: #FFF; border: 0;outline: 0!important; box-shadow: none!important;  }
#feedbackModal .modal-body button.btn:hover { color: #FFF; border-color: #3B1B5A; border-color: var(--primary-color-dark); background-color: #3B1B5A; background-color: var(--primary-color-dark) }
#feedbackModal .modal-body button.btn:disabled { pointer-events: none }
#feedbackModal h4 { margin-bottom: .25rem; font-size: 22px; }
#feedbackModal p { margin-bottom: 1rem; }

#feedbackModal .feedback-form { width: 100%; position: relative; margin-top: auto; }
#feedbackModal label:not(.error) { font-size: 14px; margin-bottom: 5px; line-height: 1.2; font-weight: 600; }
#feedbackModal label.error { position: absolute; margin: 0; left: 0; bottom: -21px; font-size: 13px; color: #D60000; font-weight: 600; }
#feedbackModal textarea { resize: none; }
#feedbackModal textarea.error { border-color: #D60000; }
#feedbackModal .view-ask {  display: none; flex-direction: column; align-items: center; justify-content: center; }
#feedbackModal .view-ask.active { display: flex; }
#feedbackModal .view-ask.asked { min-height: 285px; }
#feedbackModal .view-ask.asked .icon-done { background-size: cover; width: 60px; height: 60px; margin-bottom: 1.5rem; }
#feedbackModal .char-count { position: absolute; right: 5px; bottom: 5px; font-size: 13px; text-align: right; line-height: 1; opacity: .6; }

.floating-feedback { position: fixed; right: 32px; top: 50svh; transform: rotate(270deg) translateX(50%); transform-origin: top right; z-index: 1021; box-shadow: none!important; outline: 0!important; transition: ease all .15s; border: 0; border-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #5DC074; color: #FFF; font-weight: 600; line-height: 1; padding: 8px 12px; }
.floating-feedback::after { content: ''; position: absolute; left: -5px; right: -5px; top: -5px; bottom: 0; background-color: transparent; }
.floating-feedback:hover, .floating-feedback:active { background-color: #3FA854; }
.floating-feedback span { background-size: cover; display: block; width: 20px; height: 20px; transform: translateY(1px); transition: ease all .2s; }
.floating-feedback:hover span, .floating-feedback:active span { filter: brightness(0) invert(1); }

@media (min-width: 768px) {
  .floating-feedback { }
  .floating-feedback span { width: 24px; height: 24px; transform: translateY(2px); }
}

@media (min-width: 1200px) {
  #feedbackModal .modal-body { padding: 20px; }
}

/*--- UI STYLES ---*/
body { background-color: #3b1b59; /* background-image: url('/img/img-bg.jpg'); background-size: cover; background-repeat: no-repeat; */position: relative; background-image: linear-gradient(180deg, var(--primary-color-light) 0%, var(--primary-color-dark) 100%); }

.container-fluid { max-width: 1580px; margin-top: 20px; }

.btn-menu { background-color: #FFF; color: #4D2573; color: var(--ui-color); font-weight: 600; display: flex; align-items: center; margin-left: auto; border:0 }
.btn-menu .icon-menu { width: 14px; height: 12px; background-size: cover; margin-right: 4px; }

.btn-back { background-color: #FFF; color: #4D2573; color: var(--ui-color); font-weight: 600; display: flex; align-items: center; border: 1px solid #DDD; font-size: 14px; margin-bottom: 1rem; max-width: fit-content; }
.btn-back .icon-back { width: 13px; height: 14px; mask-repeat: no-repeat; mask-size: auto 100%; mask-image: url("data:image/svg+xml,%3Csvg width='89' height='147' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.4 79.2 65.3 65.4a7.8 7.8 0 0 0 5.7 2.4c2.2 0 4.1-.8 5.7-2.4l7.5-7.7a7.7 7.7 0 0 0 2.4-5.6c0-2.2-.8-4.1-2.4-5.8L35 73.5l51.7-52a8.3 8.3 0 0 0 2.4-5.8c0-2.2-.8-4-2.4-5.6l-7.5-7.7A7.8 7.8 0 0 0 73.4 0c-2.3 0-4.2.8-5.7 2.4L2.4 67.8A7.8 7.8 0 0 0 0 73.5c0 2.2.8 4.1 2.4 5.7Z' fill='%234D2573' fill-rule='nonzero'/%3E%3C/svg%3E"); margin-right: 8px; background: var(--ui-color); }

.btn-back:hover { background-color: #4D2573; background-color: var(--ui-color); color: #FFF; border-color: #4D2573; border-color: var(--ui-color); }
.btn-back:hover .icon-back { filter: brightness(0) invert(1); }


.btn-logoff { background-color: #FFF; color: #4D2573; color: var(--ui-color); font-weight: 600; display: flex; align-items: center; border: 0; width: fit-content; text-indent: -5000px; }
.btn-logoff .icon-logoff { width: 19px; height: 14px; margin-right: 0; background-repeat: no-repeat; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg width='87' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0h14.2c.5 0 1 .3 1.4.7.4.4.6.8.6 1.4v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2c-2.2 0-4.1.8-5.7 2.4a7.8 7.8 0 0 0-2.4 5.7v32.5c0 2.3.8 4.2 2.4 5.8a7.8 7.8 0 0 0 5.8 2.3h14.2c.5 0 1 .2 1.4.6.4.4.6 1 .6 1.5v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2a16 16 0 0 1-15-10A16 16 0 0 1 0 48.9V16.3a16 16 0 0 1 9.9-15A16 16 0 0 1 16.2.1Zm39 3.4L56 3c.3-.2.5-.2.8-.2.3 0 .6 0 .8.2l.7.4L86 31l.4.6a2.1 2.1 0 0 1 0 1.6 2 2 0 0 1-.4.7L58.3 61.8l-.7.4-.8.1-.8-.1-.6-.4-3.3-3.4a1.9 1.9 0 0 1-.6-1.4l.1-.8.5-.7L71.2 37h-42a2 2 0 0 1-1.5-.5 2 2 0 0 1-.6-1.5v-4.7a2 2 0 0 1 2-2h42.1l-19-18.6c-.3-.2-.5-.4-.6-.7a2.1 2.1 0 0 1 0-1.6l.5-.6 3.3-3.3Z' fill='%234D2573' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.btn-logoff:hover { background-color: #4D2573; background-color: var(--ui-color); color: #FFF; }
.btn-logoff:hover .icon-logoff { background-image: url("data:image/svg+xml,%3Csvg width='87' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0h14.2c.5 0 1 .3 1.4.7.4.4.6.8.6 1.4v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2c-2.2 0-4.1.8-5.7 2.4a7.8 7.8 0 0 0-2.4 5.7v32.5c0 2.3.8 4.2 2.4 5.8a7.8 7.8 0 0 0 5.8 2.3h14.2c.5 0 1 .2 1.4.6.4.4.6 1 .6 1.5v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2a16 16 0 0 1-15-10A16 16 0 0 1 0 48.9V16.3a16 16 0 0 1 9.9-15A16 16 0 0 1 16.2.1Zm39 3.4L56 3c.3-.2.5-.2.8-.2.3 0 .6 0 .8.2l.7.4L86 31l.4.6a2.1 2.1 0 0 1 0 1.6 2 2 0 0 1-.4.7L58.3 61.8l-.7.4-.8.1-.8-.1-.6-.4-3.3-3.4a1.9 1.9 0 0 1-.6-1.4l.1-.8.5-.7L71.2 37h-42a2 2 0 0 1-1.5-.5 2 2 0 0 1-.6-1.5v-4.7a2 2 0 0 1 2-2h42.1l-19-18.6c-.3-.2-.5-.4-.6-.7a2.1 2.1 0 0 1 0-1.6l.5-.6 3.3-3.3Z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

@media (min-width: 414px) {
  .btn-logoff { text-indent: initial; }
  .btn-logoff .icon-logoff { margin-right: 6px; }
}

.home .dropdown-lang {  margin-left: auto; }
.dropdown-lang {  margin-left: auto; order: unset; }
.dropdown-lang .dropdown-menu-right { left: unset!important; top: 100%!important; }

/*body:has(.dropdown-user.show) { position: fixed; }*/
/*.dropdown-user.show::after { content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(0,0,0,.5); z-index: 2; }*/

.dropdown-user { max-width: calc(100% - 202px); }
.dropdown-user .dropdown-menu { border: 0; border-radius: 5px; padding: 0; margin: 0; background: transparent; box-shadow: 0px 0px 20px rgb(0 0 0 / 25%); }
.dropdown-user .dropdown-menu.show { transform: translate(-10px, 55px)!important; animation: ease dropdown .15s; }
.dropdown-user .dropdown-item { padding: 15px 20px; color: #333; display: flex; align-items: center; font-weight: 600; background-color: #FFF; transition: ease all .15s; }
html[dir="rtl"] .dropdown-user .dropdown-menu.show { transform: translate(-180px, 55px)!important; }

.dropdown-user .dropdown-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.dropdown-user .dropdown-item:first-child::before { display: inline-block; vertical-align: 0.255em; content: ""; border-bottom: 11px solid #fff; border-right: 11px solid transparent; border-top: 0; border-left: 11px solid transparent; position: absolute; top: -11px; left: 17px; z-index: 1051; transition: ease border-bottom-color .15s; }
html[dir="rtl"] .dropdown-user .dropdown-item:first-child::before { left: unset; right: 17px; }
.dropdown-user .dropdown-item:first-child:hover::before { border-bottom-color: #4D2573; border-bottom-color: var(--ui-color); }
.dropdown-user .dropdown-item:last-child { border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; }
.dropdown-user .dropdown-item:hover { color: #fff; background-color: #4D2573; background-color: var(--ui-color); }
.dropdown-user .dropdown-item.active { pointer-events: none; background-color: #dcdcdc; color: #333; }
.dropdown-user .dropdown-item.active:first-child::before { border-bottom-color: #dcdcdc; }

.dropdown-user .dropdown-item .icon { display: inline-block; aspect-ratio: 1 / 1; width: 20px; background-size: contain; background-repeat: no-repeat; margin-right: 12px; }
html[dir="rtl"] .dropdown-user .dropdown-item .icon { margin-right: 0; margin-left: 12px; }
.dropdown-user .dropdown-item:hover .icon { filter: brightness(0) invert(1); }

.dropdown-user .dropdown-item .icon-updates { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M322.3 268c9.4 2.6 19.3 4 29.7 4 60.5 0 109.8-48 111.9-108l-25.3 25.3c-12 12-28.3 18.7-45.3 18.7H368c-35.3 0-64-28.7-64-64v-25.4c0-17 6.7-33.3 18.7-45.3L348 48.1c-60 2-108 51.4-108 111.9 0 10.3 1.4 20.3 4 29.7 4.6 16.6-.2 34.4-12.4 46.6L57.1 410.7c-5.9 5.8-9.1 13.8-9.1 22.1C48 450 62 464 79.2 464c8.3 0 16.2-3.3 22.1-9.1l174.4-174.5c12.2-12.2 30-16.9 46.6-12.4zM424.6 39.4l-67.9 67.9c-3 3-4.7 7.1-4.7 11.3V144c0 8.8 7.2 16 16 16h25.4c4.2 0 8.3-1.7 11.3-4.7l67.9-67.9c7.2-7.2 19.3-5.9 23.7 3.3 10.1 21 15.7 44.5 15.7 69.3 0 88.4-71.6 160-160 160-14.7 0-28.9-2-42.3-5.7L135.2 488.8c-14.9 14.9-35 23.2-56 23.2C35.5 512 0 476.5 0 432.8c0-21 8.3-41.1 23.2-56l174.5-174.5c-3.7-13.4-5.7-27.6-5.7-42.3C192 71.6 263.6 0 352 0c24.8 0 48.3 5.7 69.3 15.7 9.2 4.4 10.5 16.5 3.3 23.7zM88 408a16 16 0 1 1 0 32 16 16 0 1 1 0-32z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); transform: translateY(2px); }

.dropdown-user .dropdown-item .icon-resale { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96h160v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32v32H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192v-32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448h160c88.4 0 160-71.6 160-160z'/%3E%3C/svg%3E"); }

.dropdown-user .dropdown-item .icon-developers { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M384 112c79.5 0 144 64.5 144 144s-64.5 144-144 144H192c-79.5 0-144-64.5-144-144s64.5-144 144-144h192zm192 144c0-106-86-192-192-192H192C86 64 0 150 0 256s86 192 192 192h192c106 0 192-86 192-192zm-384 96a96 96 0 1 0 0-192 96 96 0 1 0 0 192z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.dropdown-user .dropdown-item .icon-agreements { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M64 464h256c8.8 0 16-7.2 16-16v-6.7l39.8-9.9c2.8-.7 5.6-1.6 8.2-2.7V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0h165.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3v49.1l-48 48V160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16zm96-115-9.8 32.8c-6.1 20.3-24.8 34.2-46 34.2H96c-8.8 0-16-7.2-16-16s7.2-16 16-16h8.2c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7 15.9 0 30.4 9 37.5 23.2l4.4 8.8h25.6l12-48.2c1.4-5.6 4.3-10.8 8.4-14.9l129.2-129.1 71 71-129.2 129.1c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-1.1.3-2.1.4-3.2.5-.8.1-1.5.2-2.3.2H256c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L160 349zm389.8-209.3 14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-29.4 29.4-71-71 29.4-29.4c15.6-15.6 40.9-15.6 56.6 0z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.dropdown-user .dropdown-item .icon-logoff { background-image: url("data:image/svg+xml,%3Csvg width='87' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0h14.2c.5 0 1 .3 1.4.7.4.4.6.8.6 1.4v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2c-2.2 0-4.1.8-5.7 2.4a7.8 7.8 0 0 0-2.4 5.7v32.5c0 2.3.8 4.2 2.4 5.8a7.8 7.8 0 0 0 5.8 2.3h14.2c.5 0 1 .2 1.4.6.4.4.6 1 .6 1.5v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2a16 16 0 0 1-15-10A16 16 0 0 1 0 48.9V16.3a16 16 0 0 1 9.9-15A16 16 0 0 1 16.2.1Zm39 3.4L56 3c.3-.2.5-.2.8-.2.3 0 .6 0 .8.2l.7.4L86 31l.4.6a2.1 2.1 0 0 1 0 1.6 2 2 0 0 1-.4.7L58.3 61.8l-.7.4-.8.1-.8-.1-.6-.4-3.3-3.4a1.9 1.9 0 0 1-.6-1.4l.1-.8.5-.7L71.2 37h-42a2 2 0 0 1-1.5-.5 2 2 0 0 1-.6-1.5v-4.7a2 2 0 0 1 2-2h42.1l-19-18.6c-.3-.2-.5-.4-.6-.7a2.1 2.1 0 0 1 0-1.6l.5-.6 3.3-3.3Z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.dropdown-user .dropdown-item .icon-settings { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0c17 0 33.6 1.7 49.8 4.8 7.9 1.5 21.8 6.1 29.4 20.1 2 3.7 3.6 7.6 4.6 11.8l9.3 38.5c1.4 5.8 11.2 11.5 16.9 9.8l38-11.2c4-1.2 8.1-1.8 12.2-1.9 16.1-.5 27 9.4 32.3 15.4 22.1 25.1 39.1 54.6 49.9 86.3 2.6 7.6 5.6 21.8-2.7 35.4-2.2 3.6-4.9 7-8 10L459 246.3c-4.2 4-4.2 15.5 0 19.5l28.7 27.3c3.1 3 5.8 6.4 8 10 8.2 13.6 5.2 27.8 2.7 35.4-10.8 31.7-27.8 61.1-49.9 86.3-5.3 6-16.3 15.9-32.3 15.4-4.1-.1-8.2-.8-12.2-1.9L366 427c-5.7-1.7-15.5 4-16.9 9.8l-9.3 38.5c-1 4.2-2.6 8.2-4.6 11.8-7.7 14-21.6 18.5-29.4 20.1-16.2 3.1-32.8 4.8-49.8 4.8s-33.6-1.7-49.8-4.8c-7.9-1.5-21.8-6.1-29.4-20.1-2-3.7-3.6-7.6-4.6-11.8l-9.3-38.5c-1.4-5.8-11.2-11.5-16.9-9.8l-38 11.2c-4 1.2-8.1 1.8-12.2 1.9-16.1.5-27-9.4-32.3-15.4-22-25.1-39.1-54.6-49.9-86.3-2.6-7.6-5.6-21.8 2.7-35.4 2.2-3.6 4.9-7 8-10L53 265.7c4.2-4 4.2-15.5 0-19.5l-28.8-27.3c-3.1-3-5.8-6.4-8-10-8.2-13.6-5.2-27.8-2.6-35.3 10.8-31.7 27.8-61.1 49.9-86.3 5.3-6 16.3-15.9 32.3-15.4 4.1.1 8.2.8 12.2 1.9L146 85c5.7 1.7 15.5-4 16.9-9.8l9.3-38.5c1-4.2 2.6-8.2 4.6-11.8 7.7-14 21.6-18.5 29.4-20.1C222.4 1.7 239 0 256 0zm-37.9 51.4-8.5 35.1c-7.8 32.3-45.3 53.9-77.2 44.6l-34.5-10.2c-16.5 19.3-29.5 41.7-38 65.7l26.2 24.9c24 22.8 24 66.2 0 89l-26.2 24.9c8.5 24 21.5 46.4 38 65.7l34.6-10.2c31.8-9.4 69.4 12.3 77.2 44.6l8.5 35.1c24.6 4.5 51.3 4.5 75.9 0l8.5-35.1c7.8-32.3 45.3-53.9 77.2-44.6l34.6 10.2c16.5-19.3 29.5-41.7 38-65.7l-26.2-24.9c-24-22.8-24-66.2 0-89l26.2-24.9c-8.5-24-21.5-46.4-38-65.7l-34.6 10.2c-31.8 9.4-69.4-12.3-77.2-44.6l-8.5-35.1c-24.6-4.5-51.3-4.5-75.9 0zM208 256a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm48 96a96 96 0 1 1 0-192 96 96 0 1 1 0 192z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }


.dropdown-user .dropdown-item .icon-users { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3h-91.4z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }


.dropdown-user .dropdown-item .icon-brands { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M144 0a80 80 0 1 1 0 160 80 80 0 1 1 0-160zm368 0a80 80 0 1 1 0 160 80 80 0 1 1 0-160zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7-1.3 7.2-1.9 14.7-1.9 22.3 0 38.2 16.8 72.5 43.3 96H21.3C9.6 320 0 310.4 0 298.7zM405.3 320h-.7c26.6-23.5 43.3-57.8 43.3-96 0-7.6-.7-15-1.9-22.3 13.6-6.3 28.7-9.7 44.6-9.7h42.7c58.9 0 106.7 47.8 106.7 106.7 0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1-192 0zm-96 261.3c0-73.6 59.7-133.3 133.3-133.3h117.4c73.6 0 133.3 59.7 133.3 133.3 0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }


.dropdown-user .dropdown-item .icon-accounting { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256a208 208 0 1 0-416 0 208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm261.5-96c-16.8 0-30.4 13.7-30.3 30.5l.2 33.5H272c8.8 0 16 7.2 16 16s-7.2 16-16 16h-40.3l.1 9.7c.1 18.6-3.1 37-9.6 54.3H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-8.4 0-16.1-4.4-20.5-11.5s-4.7-16-.8-23.5l9.6-18.6c7.7-14.9 11.6-31.5 11.5-48.3l-.1-10.1H176c-8.8 0-16-7.2-16-16s7.2-16 16-16h7.5l-.2-33.1c-.3-43.5 34.8-78.9 78.3-78.9 10 0 19.8 1.9 29.1 5.6l30.3 12.1c12.3 4.9 18.3 18.9 13.4 31.2s-18.9 18.3-31.2 13.4l-30.3-12.1c-3.6-1.4-7.4-2.2-11.3-2.2z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.dropdown-user .dropdown-item .icon-permissions {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h160v80c0 17.7 14.3 32 32 32h80v288c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3l-90.6-90.5C262.7 6.7 246.5 0 229.5 0H64zm225 267.6c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-89.7 89.7L129 287c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l53.3 53.3c9.4 9.4 24.6 9.4 33.9 0L289 267.6z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E");
}


@media (min-width: 768px) {
  .dropdown-user .dropdown-menu.show { transform: translate(-10px, 65px)!important; }
  .dropdown-user .dropdown-item:first-child::before { left: 22px; }
  html[dir="rtl"] .dropdown-user .dropdown-menu.show { transform: translate(-180px, 65px)!important; }
  html[dir="rtl"] .dropdown-user .dropdown-item:first-child::before { left: unset; right: 22px; }

  .proto-developer .title-cont .btn-back,
  .proto-developer .title-cont .btn-outline-dmg { width: fit-content; }
  .proto-developer .title-cont h1 { order: unset; position: absolute; left: 50%; transform: translateX(-50%); }
}

@media (min-width: 992px) {
  .dropdown-user .dropdown-menu.show { transform: translate(-10px, 85px)!important; }
  .dropdown-user .dropdown-item:first-child::before { left: 32px; }
  html[dir="rtl"] .dropdown-user .dropdown-menu.show { transform: translate(-180px, 85px)!important; }
  html[dir="rtl"] .dropdown-user .dropdown-item:first-child::before { left: unset; right: 32px; }
}

@media (min-width: 1200px) {
  .dropdown-user .dropdown-menu.show { transform: translate(-10px, 100px)!important; }
  .dropdown-user .dropdown-item:first-child::before { left: 38px; }
  html[dir="rtl"] .dropdown-user .dropdown-menu.show { transform: translate(-180px, 100px)!important; }
  html[dir="rtl"] .dropdown-user .dropdown-item:first-child::before { left: unset; right: 38px; }
}


#menu { padding-right: 0; }
#menu .modal-dialog { margin: 0; max-width: 100%; }
.menu-cont { min-height: 100vh; pointer-events: all; background-color: #FFF; }
.menu-cont .close { font-size: 42px; width: 50px; height: 50px; outline: 0!important; }

.navigation { padding: 15px; padding-top: 0; clear: both; }

.navigation a { color: #4D2573; color: var(--ui-color); font-size: 21px; display: flex; align-items: center; border-radius: 8px!important; margin-bottom: 15px; text-decoration: none; position: relative; overflow: hidden; box-shadow: inset 0 0 0 2px #4D2573; box-shadow: inset 0 0 0 2px var(--ui-color); line-height: 1; z-index: 1; white-space: nowrap; transition: ease all .25s; font-weight: 600; height: 56px; border: 0; padding: 0; background-color: transparent; max-width: unset; }

.navigation a:last-child { margin-bottom: 71px; }
.navigation a:hover { color: #FFF; }
.navigation a::after { content: ''; background-color: #4D2573; background-color: var(--ui-color); position: absolute; top: 0; bottom: 0; left: 0; width: 56px; transition: ease all .25s; z-index: -1; }
.navigation a:hover::after { background-color: #4D2573; background-color: var(--ui-color); width: 100%; }
.navigation a.active { color: #FFF; pointer-events: none; margin-top: 0!important; border-top-width: 0!important; background-color: transparent!important; border-color: transparent!important; }
.navigation a.active::after { background-color: #4D2573; background-color: var(--ui-color); width: 100%; }
.navigation a .icon { width: 56px; height: 56px; margin-right: 12px; z-index: 1; background-size: 30px auto; flex-shrink: 0; }
.navigation a .icon-pricelist { background-size: 26px auto; }
.navigation a .icon-360 { background-size: 34px auto; }
.navigation a .icon-download { background-size: 24px auto; }
.navigation a .icon-rental-income { background-size: 34px auto; }
.navigation a .icon-documents { background-size: 22px auto; }
.navigation a .icon-download-menu { filter: brightness(0) invert(1); mask-size: 30px auto; mask-position: center; }
.navigation a .icon-floorplan { background-size: 36px auto; }
.navigation a .icon-back { mask-size: 15px auto; filter: brightness(0) invert(1); mask-position: center; }
.navigation a .icon-facilities { background-size: 32px auto!important; }

.navigation a ._blank { margin-left: auto; margin-right: 10px; mask-size: contain; mask-repeat: no-repeat; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%234D2573'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112v320c0 44.2 35.8 80 80 80h320c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v112c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h112c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E"); background: var(--ui-color); width: 16px; height: 16px;  }
.navigation a:hover ._blank,
.navigation a:focus ._blank { filter: brightness(0) invert(1); transition-delay: .25s }

#menu .btn-logoff { background-color: #FFF; font-size: 21px; display: flex; align-items: center; border-radius: 8px; text-decoration: none; position: relative; overflow: hidden; box-shadow: inset 0 0 0 2px #4D2573; box-shadow: inset 0 0 0 2px var(--ui-color); line-height: 1; z-index: 1; white-space: nowrap; transition: ease all .25s; font-weight: 600; height: 56px; position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); padding: 0; }
#menu .btn-logoff .icon-logoff { width: 56px; height: 56px; margin-right: 12px; z-index: 1; background-size: 30px auto; flex-shrink: 0; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='87' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0h14.2c.5 0 1 .3 1.4.7.4.4.6.8.6 1.4v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2c-2.2 0-4.1.8-5.7 2.4a7.8 7.8 0 0 0-2.4 5.7v32.5c0 2.3.8 4.2 2.4 5.8a7.8 7.8 0 0 0 5.8 2.3h14.2c.5 0 1 .2 1.4.6.4.4.6 1 .6 1.5v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2a16 16 0 0 1-15-10A16 16 0 0 1 0 48.9V16.3a16 16 0 0 1 9.9-15A16 16 0 0 1 16.2.1Zm39 3.4L56 3c.3-.2.5-.2.8-.2.3 0 .6 0 .8.2l.7.4L86 31l.4.6a2.1 2.1 0 0 1 0 1.6 2 2 0 0 1-.4.7L58.3 61.8l-.7.4-.8.1-.8-.1-.6-.4-3.3-3.4a1.9 1.9 0 0 1-.6-1.4l.1-.8.5-.7L71.2 37h-42a2 2 0 0 1-1.5-.5 2 2 0 0 1-.6-1.5v-4.7a2 2 0 0 1 2-2h42.1l-19-18.6c-.3-.2-.5-.4-.6-.7a2.1 2.1 0 0 1 0-1.6l.5-.6 3.3-3.3Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }
#menu .btn-logoff::after { content: ''; background-color: #4D2573; background-color: var(--ui-color); position: absolute; top: 0; bottom: 0; left: 0; width: 56px; transition: ease all .25s; z-index: -1; }
#menu .btn-logoff:hover::after { background-color: #4D2573; background-color: var(--ui-color); width: 100%; }

@media (min-width: 992px) {
  body { overflow: visible; overflow-y: scroll; }


  .dropdown-lang::after { background-color: #FFF; }
  .dropdown-lang { margin-left: auto; margin-right: 0; }
  .dropdown-lang.show::after, .dropdown-lang:hover::after { opacity: 1; }

  #menu { display: block!important; opacity: 1!important; position: relative; top: 20px; position: sticky; width: fit-content; height: auto; z-index: 0; overflow: visible; height: fit-content; }
  #menu .modal-dialog { transform: none!important; pointer-events: all; }

  .menu-cont { min-height: unset; background-color: transparent; }
  .menu-cont .close { display: none; }

  .navigation { border-radius: 12px; background-color: #FFF; padding: 15px!important; margin-right: 0!important; top: 30px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; min-width: 56px; width: 270px; height: fit-content; }
  .navigation a { font-size: 18px; width: 100%; margin-bottom: 10px; }
  .navigation a:last-child { margin-bottom: 0; }
  .navigation a::after { width: 50px; }
  .navigation a .icon { width: 50px; height: 50px; margin-right: 8px; z-index: 1; background-size: 24px auto; }
  .navigation a .icon-pricelist { background-size: 22px auto; }
  .navigation a .icon-360 { background-size: 30px auto; }
  .navigation a .icon-download { background-size: 20px auto; }
  .navigation a .icon-rental-income { background-size: 30px auto; }
  .navigation a .icon-documents { background-size: 20px auto; }
  .navigation a .icon-floorplan { background-size: 30px auto; }
  .navigation a .icon-back { mask-size: 15px auto; }
  .navigation a .icon-download-menu { mask-size: 24px auto; }

  html[lang="ru"] .navigation a { font-size: 16px; }

/*  .btn-back { min-width: 270px; }*/
}

@media screen and (min-width: 1200px) {
  .navigation { width: 320px; }
  .navigation a { font-size: 21px; margin-bottom: 15px; height: 56px; }
  .navigation a::after { width: 56px; }
  .navigation a .icon { width: 56px; height: 56px; margin-right: 12px; background-size: 30px auto; }
  .navigation a .icon-pricelist { background-size: 26px auto; }
  .navigation a .icon-360 { background-size: 34px auto; }
  .navigation a .icon-download { background-size: 24px auto; }
  .navigation a .icon-rental-income { background-size: 34px auto; }
  .navigation a .icon-documents { background-size: 22px auto; }
  .navigation a .icon-floorplan { background-size: 36px auto; }
  .navigation a .icon-back {  mask-size: 15px auto; }
  .navigation a .icon-download-menu { mask-size: 30px auto; }

  html[lang="ru"] .navigation a { font-size: 18px; }
  html[lang="ru"] .navigation a::after { width: 50px; }
  html[lang="ru"] .navigation a:hover::after { background-color: #4D2573; background-color: var(--ui-color); width: 100%; }
  html[lang="ru"] .navigation a.active::after { background-color: #4D2573; background-color: var(--ui-color); width: 100%; }
  html[lang="ru"] .navigation a .icon { width: 50px; height: 50px; margin-right: 8px; background-size: 24px auto; }
  html[lang="ru"] .navigation a .icon-pricelist { background-size: 22px auto; }
  html[lang="ru"] .navigation a .icon-360 { background-size: 30px auto; }
  html[lang="ru"] .navigation a .icon-download { background-size: 20px auto; }
  html[lang="ru"] .navigation a .icon-rental-income { background-size: 30px auto; }
  html[lang="ru"] .navigation a .icon-documents { background-size: 20px auto; }

/*  .btn-back { min-width: 320px; }*/
}

@media screen and (min-width: 1366px) {
  .container-fluid { margin-top: 20px; }

  .dropdown-lang.show .dropdown-menu.show { left: unset!important; top: 100%!important; transform: translateY(15px)!important; right: 0; }
  .dropdown-lang .dropdown-item:first-child::before { right: 17px; left: unset; }
  .dropdown-lang:hover .tooltip-custom::after,
  .dropdown-lang:hover .tooltip-custom::before { transform: translate3d(-80%,35px,0); }

  .tooltip-custom::after, .tooltip-custom::before { transform: translate3d(-80%,35px,0); }
}

@media screen and (min-width: 1680px) {
  .dropdown-lang.show .dropdown-menu.show { transform: translate3d(-50%, 15px, 0)!important; right: unset; left: 50%!important; }
  .dropdown-lang .dropdown-item:first-child::before { right: unset; left: calc(50% - 0.6em); }
  .dropdown-lang:hover .tooltip-custom::after,
  .dropdown-lang:hover .tooltip-custom::before { transform: translate3d(-50%,24px,0); }

  .tooltip-custom::after, .tooltip-custom::before { transform: translate3d(-50%,35px,0); transition: all 0s ease-in-out; transition-delay: 0; }
}


/*--- NEW LANG SELECT MODAL  ---*/
.lang-btn { width: 26px; height: 26px; display: block; line-height: 1; border: 0; background: transparent!important; padding: 0; margin: 0; -webkit-appearance: none; appearance: none; outline: 0!important; box-shadow: none!important; z-index: 1; position: relative; margin-left: auto; }
.lang-btn span { width: 26px; height: 26px; display: inline-block; z-index: 1; }

html[dir="rtl"] .lang-btn { margin-left: unset; margin-right: auto; }

@media (min-width: 992px) {
  .lang-btn { margin-left: auto; margin-right: 0; margin-top: 1px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; }

  .lang-btn::after { content: ''; width: 48px; height: 48px; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform: none; border-radius: 3px; background-color: #efefef; opacity: 0; z-index: 0; transition: ease opacity .15s; }
  .lang-btn:hover::after { opacity: 1; }
}

#selectLang {  }
#selectLang .modal-dialog { max-width: 100%; margin: 0; }
#selectLang .modal-content { border-radius: 0; border: 0; min-height: 100dvh; }
#selectLang .modal-header { border-radius: 0; border: 0; }
#selectLang .modal-body { padding: 0; }
#selectLang h6 { font-size: 16px; margin-bottom: .75rem; padding-left: 1rem; }
#selectLang hr { margin: .75rem 0; }
#selectLang .lang-item { display: block; width: 100%; padding: 1rem; color: #333; clear: both; font-weight: 600; display: flex; align-items: center; transition: ease all .15s; white-space: nowrap; text-decoration: none; }
#selectLang .lang-item.active { background-color: #f3e7ff; text-decoration: none; color: #4D2573; color: var(--ui-color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3Cpath fill='%234D2573' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 1rem) center; pointer-events: none; }
#selectLang .lang-item:hover { color: #fff; background-color: #4D2573; background-color: var(--ui-color); }
#selectLang .lang-item span { width: 26px; height: 26px; margin-right: 10px; flex-shrink: 0; }
html[dir="rtl"] #selectLang .lang-item span { margin-right: 0; margin-left: 10px; }
html[dir="rtl"] .modal-header .close { margin: -1rem auto -1rem -1rem; }
@media (min-width: 768px) {
  #selectLang .modal-dialog { max-width: 660px; margin: 1.75rem auto; }
  #selectLang .modal-content { border-radius: 5px; min-height: unset; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); }
  #selectLang .lang-popular { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 15px; padding: 0 1rem; }
  #selectLang .lang-popular h6 { width: 100%; padding-left: 0; margin-bottom: 0.5rem; }
  #selectLang .lang-popular hr { width: 100%; margin: 1rem 0 1rem 0; }
  #selectLang .lang-cont { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; padding: 1rem; }
  #selectLang .lang-cont h6 { width: 100%; padding-left: 0; margin-bottom: 0; }
  #selectLang .lang-item { width: calc(33.333% - 10px); border-radius: 5px; }
}


@media (min-width: 992px) {
  #selectLang .modal-dialog { max-width: 760px; margin: 3rem auto; }
}


/*--- UI STYLES ---*/
@-webkit-keyframes dropdown {
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}
@keyframes dropdown {
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}


/*--- ICONS ---*/
.icon-image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512'%3E%3Cpath d='M64 112a16 16 0 0 0-16 16v256a16 16 0 0 0 16 16h19.8l80.8-110.2a24 24 0 0 1 38.8 0l29.4 40.2 83.1-127.1a24 24 0 0 1 40.2 0L485 400h27a16 16 0 0 0 16-16V128a16 16 0 0 0-16-16H64zm32 336H64a64 64 0 0 1-64-64V128a64 64 0 0 1 64-64h448a64 64 0 0 1 64 64v256a64 64 0 0 1-64 64H96zm64-288a32 32 0 1 1 0 64 32 32 0 1 1 0-64z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-interior { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M448 80H192c-44.2 0-80 35.8-80 80v40c-12.3-5.1-25.8-8-40-8-2.7 0-5.4.1-8 .3V160c0-70.7 57.3-128 128-128h256c70.7 0 128 57.3 128 128v32.3c-2.6-.2-5.3-.3-8-.3-14.2 0-27.7 2.8-40 8v-40c0-44.2-35.8-80-80-80zm120 144c2.7 0 5.4.1 8 .4 36 4 64 34.5 64 71.6v136c0 26.5-21.5 48-48 48h-48c-20.9 0-38.7-13.4-45.3-32H141.3c-6.6 18.6-24.4 32-45.3 32H48c-26.5 0-48-21.5-48-48V296c0-37.1 28-67.6 64-71.6 2.6-.3 5.3-.4 8-.4 15.2 0 29.4 4.7 41 12.8 16.7 11.6 28.2 30 30.5 51.2h352.9c2.3-21.2 13.9-39.6 30.5-51.2 11.6-8.1 25.8-12.8 41-12.8zm-24 72v136h48V296c0-13.3-10.7-24-24-24s-24 10.7-24 24zm-48 104v-64H144v64h352zm-400 0V296c0-13.3-10.7-24-24-24s-24 10.7-24 24v136h48v-32z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");}

.icon-floorplan { background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M95 145H53a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h94a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-42v45H95v-45ZM10 62h64a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H10v118h180V10H10v52Zm135 0h45v10h-45v12a3 3 0 0 1-3 3h-4a3 3 0 0 1-3-3V30a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v32ZM10 0h180a10 10 0 0 1 10 10v180a10 10 0 0 1-10 10H10a10 10 0 0 1-10-10V10A10 10 0 0 1 10 0Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-floorplan { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'%3E%3Cpath d='M3.9 3.7c0-.5.4-.8.9-.8h16.5c.5 0 .9.4.9.8v16.5c0 .5-.4.9-.9.9H4.8c-.5 0-.9-.4-.9-.9V11c0-.5.4-.8.9-.8s.8.4.8.8v8.4h4.5v-2.1c0-.5.4-.9.8-.9.5 0 .9.4.9.9v2.1h8.6v-7h-8.6v1.1c0 .5-.4.8-.9.8s-.8-.4-.8-.8V9.6c0-.5.4-.9.8-.9.5 0 .9.4.9.9v1.1h8.6V4.6h-8.6v2.1c0 .5-.4.8-.9.8s-.8-.4-.8-.8V4.6H5.6v2.1c0 .5-.4.8-.8.8s-.9-.4-.9-.8v-3z' fill-rule='evenodd' clip-rule='evenodd' fill='%23FFF'%3E%3C/path%3E%3C/svg%3E"); }

.icon-pricelist { background-image: url("data:image/svg+xml,%3Csvg width='105' height='127' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m103 29.6.6.1.5.4.4.5.1.6a32 32 0 0 1-2.5 11.8 25 25 0 0 1-15.6 14.3 36.3 36.3 0 0 1-12 1.8H64c-.5 0-.9-.1-1.2-.4-.3-.3-.4-.7-.4-1V32l-6.5 1.4c-.3 0-.5.1-.8 0-.2 0-.4 0-.6-.3A1.7 1.7 0 0 1 54 32v-5.4c0-.4.1-.7.3-1 .2-.3.5-.5.8-.6l7.3-1.6v-4l-6.5 1.5H55l-.6-.4c-.2 0-.3-.2-.4-.5a2 2 0 0 1-.1-.6v-5.5c0-.4.1-.7.3-1 .2-.3.5-.4.8-.5l7.3-1.7v-9c0-.5.1-.8.4-1.1.3-.3.7-.5 1.2-.5h7.4l.5.1.6.3.3.6v7.3L90 4.6h.7l.7.3a1.7 1.7 0 0 1 .5 1.2v5.5c0 .4-.1.7-.3 1-.2.3-.6.4-1 .5L73 17v4.1L90 17.2l.7.1.7.3a1.7 1.7 0 0 1 .5 1.3v5.4l-.3.9c-.2.3-.6.5-1 .6l-17.7 4v21c5.7 0 10.9-1.7 15.4-4.9 4.6-3.2 6.8-8.1 6.8-14.8 0-.4.2-.7.5-1 .3-.3.6-.5 1-.5h6.4ZM41.7 117l1.2 5.8c0 .5 0 .8-.2 1.2-.2.3-.5.6-1 .7a33.7 33.7 0 0 1-8 1 27 27 0 0 1-17.3-5.5 26.4 26.4 0 0 1-10-15h-4c-.4 0-.8-.1-1.1-.5-.4-.3-.6-.7-.6-1.1v-3.8c0-.4.2-.7.6-1 .3-.3.7-.5 1-.5h3a31 31 0 0 1 0-5.6h-3c-.3 0-.7-.1-1-.4-.4-.3-.6-.7-.6-1.2v-3.9c0-.2 0-.4.2-.6 0-.2.2-.3.3-.5l.6-.4.6-.1h4.3a27 27 0 0 1 10.4-13.9 27.7 27.7 0 0 1 20-5 34.7 34.7 0 0 1 4.1.8l.5.5.2.7v.5L40.3 75c-.1.4-.3.7-.7 1-.3.1-.7.2-1.1.1a25.9 25.9 0 0 0-5-.5c-3.3 0-6.4.8-9.3 2.6a16 16 0 0 0-6.2 7.3h18.1c.3 0 .5 0 .7.2l.6.4.3.7v.6l-.8 4c-.1.3-.3.6-.6.8-.3.3-.6.4-1 .4H16a30.4 30.4 0 0 0 0 5.7H34.4l.5.5.3.6v.7l-.8 3.8c-.1.3-.3.6-.6.8-.3.3-.6.4-1 .4h-15c1.2 3.4 3.3 6 6.3 8.2 3 2 6.2 3 9.8 3a24.2 24.2 0 0 0 6-.7 2.9 2.9 0 0 1 1.1.3c.3 0 .4.2.5.4l.3.6Zm41.7-23a13 13 0 0 1 7.8 6.5 12.6 12.6 0 0 1-4.3 16.4 12.7 12.7 0 0 1-7.4 2.3v5.7c0 .5-.2.9-.6 1.3-.3.3-.8.5-1.3.5H74a1.8 1.8 0 0 1-1.9-1.9v-5.6a17.4 17.4 0 0 1-10.1-3.5c-.3-.1-.5-.3-.6-.6l-.2-.8v-.8l.5-.7 4.1-4c.3-.3.7-.5 1.1-.5.5 0 .9 0 1.2.3l2 1c.6.1 1.3.3 2 .3h7.8a3.5 3.5 0 0 0 3.5-3 3 3 0 0 0-.5-2.4 3.6 3.6 0 0 0-2-1.5l-12-3.5c-2.7-.7-5-2-6.7-4.2-1.8-2-2.9-4.4-3.2-7a13.5 13.5 0 0 1 3.3-9.9 13.6 13.6 0 0 1 9.4-4.3h.4v-5.6l.1-.7.4-.6.6-.4.8-.2h3.7c.5 0 1 .2 1.3.6.4.3.6.8.6 1.3V74a15.9 15.9 0 0 1 10.7 4.2l.2.8c0 .3 0 .5-.2.8l-.3.7-4.2 3.9c-.3.3-.7.5-1 .5-.5 0-.9 0-1.2-.3a9 9 0 0 0-4-1.1h-7.8a3 3 0 0 0-2.3.8c-.7.5-1.1 1.2-1.3 2 0 1 .1 1.8.7 2.5.5.7 1.1 1.2 2 1.5l12.6 3.6Zm-42-51.7c.2 0 .4 0 .6.2.2 0 .3.2.5.4l.4.5.1.6v13.7c0 .4-.2.8-.5 1-.3.4-.7.5-1.1.5h-39c-.4 0-.8-.1-1.1-.4-.4-.3-.6-.7-.6-1v-5.5c0-.1 0-.3.2-.5l.3-.6.6-.2.6-.1H7v-17H3.4c-.4 0-.8 0-1-.4-.4-.4-.5-.7-.5-1.1V27c0-.4.1-.8.4-1.1.3-.4.7-.5 1-.5h3.8v-8.6c0-2.5.5-4.7 1.5-6.9a17.5 17.5 0 0 1 10-9c2.3-.8 4.6-1 6.9-.8 2.4 0 4.8.4 7 1.2 2.4.8 4.5 2 6.5 3.3l.4.5.1.7v.5l-.3.6-3.7 4.7c-.3.4-.6.5-1 .6a2 2 0 0 1-1.1-.2c-1.1-.8-2.3-1.3-3.6-1.8-1.3-.4-2.6-.6-4-.7-1 0-2 0-3 .4-1 .3-2 .8-2.7 1.6-.8.7-1.4 1.5-1.9 2.5-.4 1-.6 2-.6 3v8.4h11.1c.5 0 .8.1 1.1.5.3.3.4.7.4 1.1v5.3c0 .4-.1.7-.4 1-.3.4-.6.6-1 .6H17.6v16.7h16.1V44c0-.4.2-.8.5-1.1.4-.4.8-.5 1.2-.5h6Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-catalogue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512'%3E%3Cpath d='M288 480s-64.7-38.8-144-40c-28.7-.4-66.4 6-96 12.4C20.5 458.2 0 464 0 464V72s64-40 160-40c72 0 128 24 128 24s64-24 128-24c96 0 160 40 160 40v392s-20.5-5.8-48-11.6c-29.6-6.3-67.3-12.8-96-12.4-79.3 1.2-144 40-144 40zm240-76.7V101.9A298.4 298.4 0 0 0 416 80c-26.6 0-54.3 5.1-76.4 10.6a409 409 0 0 0-26 7.4l-1.7.5V416l1.3-.5c29.3-11.1 71-22.8 118-23.5 31-.5 68 5.5 96.7 11.3zM264 416V98.2l-1.9-.7A319.7 319.7 0 0 0 160 80a298.4 298.4 0 0 0-112 21.9v301.4a487.2 487.2 0 0 1 96.7-11.3c47 .7 88.6 12.5 118 23.5l1.3.5z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }


.icon-video {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M29 2a2 2 0 0 0-2-.1l-5.3 2.4v-1A3.3 3.3 0 0 0 18.3 0h-15A3.3 3.3 0 0 0 0 3.3v13.4A3.3 3.3 0 0 0 3.3 20h15a3.3 3.3 0 0 0 3.4-3.3v-1L27 18a2 2 0 0 0 3-1.9V3.8A2 2 0 0 0 29 2Zm-9.8 14.7a.8.8 0 0 1-.9.8h-15a.8.8 0 0 1-.8-.8V3.3a.8.8 0 0 1 .8-.8h15a.8.8 0 0 1 .9.8Zm8.3-1.1-5.8-2.7V7.1l5.8-2.7Z' fill='%23FFF'/%3E%3C/svg%3E");                     }

.icon-drone { background-image: url("data:image/svg+xml,%3Csvg width='128' height='106' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M125.5 4.8c.7 0 1.2.2 1.8.7.5.5.7 1.1.7 1.9 0 .6-.2 1.2-.8 1.7-.5.5-1 .8-1.7.8h-10.8v7.6h4.5c.8 0 1.4.2 2 .8.4.5.7 1 .7 1.7v26.4c0 2.6-1 5-2.9 6.8a9.5 9.5 0 0 1-6.9 2.8c-2.3 0-4.4-.7-6.2-2.3a9.3 9.3 0 0 1-3.3-5.5L99 49l-3.8.8 6 27.8V79c-.2.4-.3.7-.6 1l-10.5 12v5.8a8 8 0 0 1-2.4 5.9 8 8 0 0 1-5.8 2.4H43.2c-2.3 0-4.2-.8-5.8-2.4a8 8 0 0 1-2.4-5.8v-6l-10.6-12c-.3-.2-.4-.5-.5-1v-1.2l6-28.5c-.8 0-1.5-.2-2.3-.4l-2.2-.5c-.4 2.2-1.5 4-3.3 5.5a9.4 9.4 0 0 1-6.2 2.3c-2.7 0-5-1-6.9-2.8a9.2 9.2 0 0 1-2.9-6.8V20c0-.7.3-1.2.8-1.8.5-.5 1.1-.7 1.8-.7h4.6V9.9H2.4c-.7 0-1.2-.3-1.8-.8-.5-.5-.7-1-.7-1.7 0-.8.2-1.4.8-1.9.5-.5 1-.8 1.7-.8h10.8v-2A2.5 2.5 0 0 1 15.8 0c.6 0 1.2.2 1.7.8.5.5.8 1 .8 1.8v2.1H29a2.5 2.5 0 0 1 2.6 2.7c0 .6-.2 1.2-.7 1.7-.5.5-1.1.8-1.9.8H18.4v7.6H23c.7 0 1.2.2 1.8.8.5.5.7 1 .7 1.7v9.3a167 167 0 0 1 77 0V20c0-.7.2-1.2.8-1.8.5-.5 1-.7 1.7-.7h4.6V9.9H99c-.7 0-1.3-.3-1.8-.8s-.7-1-.7-1.7c0-.8.2-1.4.7-1.9.5-.5 1.1-.8 1.8-.8h10.7v-2c0-.8.3-1.4.8-2 .5-.5 1-.7 1.7-.7a2.5 2.5 0 0 1 2.7 2.6v2.1h10.7Zm-63 93.7c3.2 0 5.9-1.1 8-3.4 2.3-2.2 3.4-5 3.4-8.1 0-3-1.1-5.7-3.3-8a10.9 10.9 0 0 0-8.1-3.4c-3.2 0-5.9 1.1-8 3.4a11 11 0 0 0-3.4 8c0 3.2 1.1 5.9 3.3 8.1 2.2 2.3 5 3.4 8.1 3.4Zm33.4-21-5.7-26.9A154.5 154.5 0 0 1 48.6 52c-4.6-.4-9.1-1-13.7-1.9L29 77.5l5.9 6.6v-7.7a8 8 0 0 1 2.4-5.8 7.9 7.9 0 0 1 5.9-2.5h4c.6 0 1.2-.2 1.8-.6.5-.4.9-1 1.1-1.5l.4-1.5a8.2 8.2 0 0 1 3-4.2c1.5-1 3.1-1.5 4.9-1.5h8a8.2 8.2 0 0 1 7.9 5.8l.5 1.4c.1.6.5 1 1 1.5.6.4 1.2.6 1.8.6H82a8 8 0 0 1 5.8 2.5 8 8 0 0 1 2.4 5.8V84l5.8-6.6Zm-33.4 3.3a6 6 0 0 1 4.4 1.8 6.1 6.1 0 0 1 1.8 4.4c0 1.8-.6 3.2-1.8 4.5a6 6 0 0 1-4.4 1.9 6 6 0 0 1-4.4-1.9 6.2 6.2 0 0 1-1.9-4.5c0-1.7.7-3.1 1.9-4.4a6 6 0 0 1 4.4-1.8Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-construction-update { background-image: url("data:image/svg+xml,%3Csvg width='172' height='173' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M164 51.8v115.6h5.3c.8 0 1.4.2 2 .7.4.5.7 1.2.7 2 0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8h-32.2c-.8 0-1.5-.3-2-.8s-.7-1.2-.7-2c0-.7.2-1.4.7-1.9.5-.5 1.2-.7 2-.7h5.3V51.8H65.8v9c2 .8 3.7 1.9 5 3.5a9 9 0 0 1 1.8 5.7 9 9 0 0 1-2.8 6.6 9 9 0 0 1-6.6 2.8 9 9 0 0 1-6.7-2.8 9 9 0 0 1-2.8-6.6c0-2.2.7-4 2-5.7 1.3-1.6 2.9-2.7 4.8-3.4v-9H48.4c-.8 0-1.5-.3-2-.8s-.7-1.2-.7-2V33c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7h31.9l6.5-4.5a2255.6 2255.6 0 0 1 28.6-20l6.5-4.5.7-.4.9-.2.9.2.7.4L161.6 30c0 .2 1.3.2 3.8.2h4c.7 0 1.3.3 1.8.8s.8 1.1.8 1.9v16.1c0 .8-.3 1.5-.8 2s-1.1.7-1.9.7H164ZM67.1 70c0-1.2-.4-2.1-1.2-2.9a3.9 3.9 0 0 0-2.8-1.2c-1.2 0-2.1.4-2.9 1.2-.8.8-1.2 1.7-1.2 2.9 0 1 .4 2 1.2 2.8.8.8 1.7 1.2 2.9 1.2 1 0 2-.4 2.8-1.2.8-.8 1.2-1.7 1.2-2.8Zm27-34.3H81l13.2 8.7v-8.7Zm48.2 0h-13.6l13.6 8.9v-9Zm-24.3 8.7v-8.7H105l13 8.7Zm-46.9-8.7h-14l14 9.4v-9.4Zm5.4 3.5v7.2h11l-11-7.2Zm23-.7v8h12l-12-8Zm23.9 0v8h11.9l-12-8Zm24.3.4v7.5h11.4L147.8 39Zm10.8 104.3v-13.6l-9 13.6h9ZM149.8 95h8.8V81.7L149.8 95Zm-2-6.7 8-12.3h-8v12.3Zm0 47.8 8-11.9h-8v12Zm0-35.7v11.9l8-12h-8Zm10.8-29.8V58l-8.4 12.7h8.4Zm-10.8 78V160l7.6-11.4h-7.6Zm10.8-29.8v-13l-8.8 13h8.8Zm8-74v-9.1H153l13.7 9Zm-40.3-14.5H153L126.3 9.1v21.2ZM121 8.5 89.5 30.3H121V8.5ZM51.1 38.2v8.2h12.6L51 38.2Zm105 13.6h-8.3v12.6l8.2-12.6Zm-6.6 115.6h9v-13.8l-9 13.8Zm-125.3-94v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-2v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 2Zm8 8c-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm-8-40.3v5.3c0 .8-.3 1.5-.8 2s-1.1.7-1.9.7c-.8 0-1.4-.2-2-.7-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.5.8-2s1.1-.7 1.9-.7c.8 0 1.4.2 2 .7.4.5.7 1.2.7 2Zm8 8c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2v-5.3c0-.8.2-1.5.7-2 .5-.5 1.2-.7 2-.7.7 0 1.4.2 1.9.7.5.5.7 1.2.7 2v5.3c0 .8-.2 1.5-.7 2-.5.5-1.2.7-2 .7Zm-8 8v5.5c0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 1.9Zm8 8.1c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9v5.4c0 .7-.2 1.4-.7 1.9-.5.5-1.2.8-2 .8Zm-8-40.3v5.4c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9V25c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2Zm8 8.1c-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-1.9V25c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm-8 56.4v5.4c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9v-5.4c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2Zm8 8.1c-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-1.9v-5.4c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm-8 8v5.4c0 .8-.3 1.5-.8 2s-1.1.7-1.9.7c-.8 0-1.4-.2-2-.7-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.5.8-2s1.1-.7 1.9-.7c.8 0 1.4.2 2 .7.4.5.7 1.2.7 2Zm8 8.1c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2v-5.3c0-.8.2-1.5.7-2 .5-.5 1.2-.7 2-.7.7 0 1.4.2 1.9.7.5.5.7 1.2.7 2v5.3c0 .8-.2 1.5-.7 2-.5.5-1.2.7-2 .7Zm-8 8v5.5c0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 1.9Zm8 8.2c-.7 0-1.4-.3-1.9-.8s-.7-1.2-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9v5.4c0 .7-.2 1.4-.7 1.9-.5.5-1.2.8-2 .8Zm-8 8v5.4c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-2v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 2Zm8 8c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.1-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm-10.7 5.4c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9V154c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8ZM32.3 162c-.8 0-1.5-.3-2-.8s-.7-1.1-.7-1.9V154c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7ZM59 97.5c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9v-5.4c0-.7.3-1.4.8-1.9s1.1-.8 2-.8c.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm10.8 0c-.8 0-1.5-.3-2-.8s-.7-1.1-.7-1.9v-5.4c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8s1.4.3 2 .8c.4.5.7 1.2.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-2 .7Zm-13.5 13.4v-5.3c0-.8.3-1.5.8-2s1.1-.7 2-.7c.7 0 1.4.2 1.9.7.5.5.7 1.2.7 2v5.3c0 .8-.2 1.5-.7 2-.5.5-1.2.7-2 .7s-1.4-.2-2-.7c-.4-.5-.7-1.2-.7-2Zm10.8 0v-5.3c0-.8.2-1.5.7-2 .5-.5 1.2-.7 2-.7s1.4.2 2 .7c.4.5.7 1.2.7 2v5.3c0 .8-.3 1.5-.8 2s-1.1.7-2 .7c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2Zm-10.8 16.2v-5.4c0-.8.3-1.4.8-2 .5-.4 1.1-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9v5.4c0 .7-.2 1.4-.7 1.9-.5.5-1.2.8-2 .8s-1.4-.3-2-.8c-.4-.5-.7-1.2-.7-2Zm10.8 0v-5.4c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7s1.4.3 2 .8c.4.5.7 1.1.7 1.9v5.4c0 .7-.3 1.4-.8 1.9s-1.1.8-2 .8c-.7 0-1.4-.3-1.9-.8s-.7-1.2-.7-2Zm-10.8 16v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7s-1.4-.3-2-.8c-.4-.5-.7-1.1-.7-2Zm10.8 0v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7s1.4.3 2 .8c.4.5.7 1.1.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-2 .7-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-2Zm-10.8 16.2V154c0-.7.3-1.4.8-1.9s1.1-.8 2-.8c.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7s-1.4-.3-2-.8c-.4-.5-.7-1.1-.7-1.9Zm10.8 0V154c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8s1.4.3 2 .8c.4.5.7 1.2.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-2 .7-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-1.9Zm32.2-53.7v5.3c0 .8-.2 1.5-.7 2-.5.5-1.2.7-2 .7-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2v-5.3c0-.8.2-1.5.7-2 .5-.5 1.2-.7 2-.7.7 0 1.4.2 1.9.7.5.5.7 1.2.7 2Zm8.1 8c-.8 0-1.4-.2-2-.7-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.5.8-2s1.1-.7 1.9-.7c.8 0 1.4.2 2 .7.4.5.7 1.2.7 2v5.3c0 .8-.3 1.5-.8 2s-1.1.7-1.9.7Zm-8 8v5.5c0 .7-.3 1.4-.8 1.9s-1.2.8-2 .8c-.7 0-1.4-.3-1.9-.8s-.7-1.2-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9Zm5.3 5.5v-5.4c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 1.9v5.4c0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-2Zm-5.4 10.7v5.4c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 2Zm5.4 5.4v-5.4c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-2Zm-8 8c.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-1.9V154c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8Zm8 8.1V154c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9Zm21.5 8c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2 0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8H2.7c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-2 0-.7.3-1.4.8-1.9s1.1-.7 1.9-.7h2.7V3.4c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8h13.4c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2 0 .7-.3 1.4-.8 1.9s-1.1.7-1.9.7H10.7v161.3H43V58.5c0-.8.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 2 .8.4.5.7 1.1.7 2v108.8h32.2v-86c0-.8.3-1.5.8-2s1.1-.7 2-.7H94c.7 0 1.4.2 1.9.7.5.5.8 1.2.8 2s-.3 1.4-.8 2c-.5.4-1.2.7-2 .7h-8v83.3h32.3V97.5c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9v69.9h2.7Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-construction-update { background-image: url("data:image/svg+xml,%3Csvg width='480' height='514' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M156.52 150.96c-.393333 0-.59.196667-.59.59l-.01 263.43c0 .6.223333 1.106667.67 1.52 25.88 24.166667 53.966667 50.263333 84.26 78.29 3.44 3.19 4.71 7.59 2.73 12.2-1.88 4.37-6.09 6.08-10.6 6.08-57.926667-.053333-116.1-.093333-174.52-.12-8.86 0-13.9-8.22-9.36-15.87 15.7333333-26.493333 31.5433333-53.073333 47.43-79.74.1441403-.248751.2200324-.531621.22-.82V151.28c0-.186667-.0933333-.283333-.28-.29-29.1-.066667-56.7466667-.053333-82.94.04-5.39.02-10.07-1.1-12.25-6.55-1.68-4.186667-.72-8.09 2.88-11.71 30.3466667-30.52 61.0733333-61.43 92.18-92.73.2266667-.2266667.3433333-.5.35-.82.12-7.4866667.12-15.44 0-23.86-.06-3.84.3233333-6.6633333 1.15-8.47 2.21-4.85 6.95-6 12.01-5.94 10.24.1333333 20.556667.1233333 30.95-.03 4.166667-.06 7.21.3333333 9.13 1.18 5.44 2.41 6.1 7.61 6.05 13.03-.066667 7.2333333-.08 14.0933333-.04 20.58.006667.3733333.186667.6133333.54.72 103.88 31.3266667 207.886667 62.6966667 312.02 94.11 2.57.78 5.16 2.01 6.68 4.31 2.266667 3.42 2.506667 6.903333.72 10.45-2.33 4.62-6.5 5.69-11.23 5.68-104.486667-.026667-207.203333-.033333-308.15-.02ZM135.5 21.73c0-.0795649-.031607-.1558711-.087868-.212132-.056261-.0562609-.132567-.087868-.212132-.087868h-17.78c-.165685 0-.3.1343146-.3.3v11.6c0 .1656854.134315.3.3.3h17.78c.079565 0 .155871-.0316071.212132-.087868.056261-.0562609.087868-.1325671.087868-.212132v-11.6Zm0 32.66c0-.2098682-.170132-.38-.38-.38H117.5c-.209868 0-.38.1701318-.38.38v75.74c0 .209868.170132.38.38.38h17.62c.209868 0 .38-.170132.38-.38V54.39Zm64.2 16.9c.082393-.0823215.11529-.2019796.086559-.3148513-.028731-.1128718-.114834-.2022392-.226559-.2351487L156.37 57.7c-.099571-.0316722-.208258-.014318-.293015.0467859-.084757.0611038-.135568.1587372-.136985.2632141l-.02 56.28c-.001362.133229.077526.254207.199989.306691.122464.052485.264474.026177.360011-.066691l43.22-43.24ZM96.76 69.34c-.0026206-.1314131-.0829773-.2487409-.2045612-.2986771-.1215839-.0499363-.261209-.0229582-.3554388.0686771l-60.47 60.85c-.0916353.09423-.1186134.233855-.0686771.355439.0499362.121584.167264.20194.2986771.204561l60.45-.01c.182254 0 .33-.147746.33-.33l.02-60.84Zm73.14 60.61c-.092868.095537-.119176.237547-.066691.360011.052484.122463.173462.201351.306691.199989h93.92c.133229.001362.254207-.077526.306691-.199989.052485-.122464.026177-.264474-.066691-.360011l-46.97-46.97c-.128071-.1244757-.331929-.1244757-.46 0l-46.97 46.97Zm138.59-26.36-58.61-17.7c-.753333-.2266667-.85-.06-.29.5l38.1 38.14c.144113.142335.375887.142335.52 0l20.41-20.4c.079866-.082902.112408-.200901.08584-.31126-.026568-.110358-.108393-.197074-.21584-.22874Zm87.43 26.36L331.7 110.6c-.353333-.106667-.66-.03-.92.23l-19.23 19.23c-.076029.0729-.098497.184257-.057005.282528s.138848.164279.247005.167472h84.1c1.293333 0 1.32-.186667.08-.56Zm-260.42 21.4c0-.215391-.174609-.39-.39-.39h-17.6c-.215391 0-.39.174609-.39.39v340.84c0 .215391.174609.39.39.39h17.6c.215391 0 .39-.174609.39-.39V151.35Zm72.14 341.22c.128135-.004906.240967-.085828.286706-.205621.04574-.119794.015552-.255323-.076706-.344379l-51.38-47.79c-.092518-.087596-.228186-.111963-.345405-.062037-.117218.049926-.193651.164633-.194595.292037l.01 47.79c0 .176731.143269.32.32.32h51.38Zm-131.9-.38c-.0484629.075089-.0511895.170887-.0070759.248611.0441135.077724.1277599.124499.2170759.121389l20.26.01c.36 0 .54-.18.54-.54v-34.1c0-.686667-.1733333-.733333-.52-.14l-20.49 34.4Z' stroke='%237C7C7C'/%3E%3Cpath d='M453.71 187.61c5.732716 0 10.38-5.233791 10.38-11.69 0-6.456209-4.647284-11.69-10.38-11.69-5.732716 0-10.38 5.233791-10.38 11.69 0 6.456209 4.647284 11.69 10.38 11.69m8.82 105.06c-.433333-.026667-.65.176667-.65.61v7.94c0 .346667.156667.593333.47.74 8.273333 3.806667 13.623333 9.813333 16.05 18.02 5.21 17.66-8.13 35.04-26.05 35.49-14.06.35-25.92-7.51-28.28-21.85-.46-2.82-.226667-5.32.7-7.5 2.03-4.79 7.48-7.23 12.47-5.53 2.84.97 5.76 3.64 6.4 6.79.26 1.246667.533333 2.51.82 3.79.62 2.74 3.27 3.75 5.8 3.96 10.47.89 11.99-13.45 2.17-14.78-2.01-.27-4.19-.56-5.92-1.67-3.286667-2.113333-4.95-5.193333-4.99-9.24-.053333-5.28-.056667-10.66-.01-16.14.006667-.433333-.206667-.64-.64-.62-5.36.3-10.39-.56-12.91-5.64-.953333-1.926667-1.39-4.723333-1.31-8.39.206667-9.84.203333-19.446667-.01-28.82-.08-3.846667.383333-6.756667 1.39-8.73 2.98-5.8 9-5.71 14.84-5.51.446667.02.67-.196667.67-.65-.093333-8.9-.076667-17.556667.05-25.97.11-7.15 7.43-11.86 13.79-9.25 4.24 1.746667 6.396667 5.06 6.47 9.94.126667 8.06.143333 16.493333.05 25.3-.006667.433333.206667.64.64.62 9.8-.37 13.46 4.87 13.24 14.1-.233333 9.8-.236667 19.53-.01 29.19.08 3.413333-.373333 6.133333-1.36 8.16-2.66 5.43-8.19 5.97-13.88 5.64Zm-5.28-36.41c0-.149117-.120883-.27-.27-.27h-9.58c-.149117 0-.27.120883-.27.27v15.76c0 .149117.120883.27.27.27h9.58c.149117 0 .27-.120883.27-.27v-15.76Z'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-360 { background-image: url("data:image/svg+xml,%3Csvg width='185' height='98' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.6 74.8A3 3 0 0 1 39 73c-.4-.8-.4-1.6-.1-2.4v-.5c.2 0 .2-.2.3-.3l.3-.4c.1-.3.3-.5.6-.7l.9-.3a4.1 4.1 0 0 1 2 0l.2.1.6.2c.2 0 .4 0 .5.2l.3.1.3.1c.2 0 .4 0 .7.2l.8.2h.1l.2.1c.3 0 .5 0 .8.2h1.2c.3.2.5.2.8.2h1.1c1.7 0 3.2-.2 4.5-.7a8.7 8.7 0 0 0 3.4-2c.7-.8 1.3-1.7 1.7-2.7.3-1 .5-2 .5-3.1 0-3.3-1.3-5.7-3.9-7a17 17 0 0 0-7.8-2h-1.1a3 3 0 0 1-2.3-.9 3 3 0 0 1-.9-2.2c0-.9.3-1.6.9-2.1a3 3 0 0 1 2.3-1h1c2 0 4.2-.5 6.6-1.6 2.3-1.1 3.5-3 3.5-5.8a6 6 0 0 0-2-4.8 8.5 8.5 0 0 0-5.6-1.7h-1.7l-.2.1a3.5 3.5 0 0 0-1.4.3h-.4a2.9 2.9 0 0 0-1.1.3l-.3.1-.2.2-.5.1-.5.3h-.2l-1.2.3c-.4 0-.8 0-1.2-.2a2 2 0 0 1-1-.6c-.4-.3-.6-.6-.8-1V32c-.3-.7-.3-1.5 0-2.2.3-.8.8-1.4 1.5-1.8a14.7 14.7 0 0 1 3.4-1.2h.1l.6-.2.5-.2h.3a2 2 0 0 0 1-.3h.8l.7-.2h.1a19.5 19.5 0 0 1 2.9-.3c5 0 8.5 1.3 10.9 3.9a12 12 0 0 1 3 11.7 12.4 12.4 0 0 1-4 5.8c-1 .8-2 1.4-3.2 2 3 1 5.3 2.5 7 4.7 1.7 2.2 2.5 4.8 2.5 7.8 0 3.8-1.4 7.2-4.3 10.3-3 3.2-7.5 4.7-13.8 4.7H50l-.8-.1H48l-.2-.1h-.2a2 2 0 0 1-.5 0 2 2 0 0 0-.5-.2h-.4a2.4 2.4 0 0 0-1-.2H45l-.5-.1c-.2 0-.3 0-.4-.2h-.3a2.4 2.4 0 0 0-1-.2v-.1l-1.2-.3-.9-.3Zm25.8-33.3-1.5 3 1.5-3Zm25.8 35.1c-5.3 0-9.5-1.9-12.7-5.7-3.2-3.9-4.8-9-4.9-15.3 0-4.4.8-8.5 2.2-12.4 1.5-3.8 3.5-7 6.2-9.7a26 26 0 0 1 15.6-7.1l.7-.1c.2 0 .4 0 .7-.2h1l.3.1v.2h.3l.3.2.3.2.3.2.8 1 .2 1.3v.3c0 .8-.3 1.4-.8 2-.6.6-1.2 1-2 1a6.6 6.6 0 0 0-2 .3l-2.5.5-.2.1a14.5 14.5 0 0 0-2.1.8 17.8 17.8 0 0 0-9.4 8.6c0 .3-.2.6-.4 1-.1.2-.3.6-.3 1h-.2v.1l-.3 1-.3 1.3c1.3-1.5 3-2.5 4.8-3.2 1.9-.7 3.9-1.1 6-1.1 4.5 0 8.1 1.5 10.9 4.4 2.8 3 4.2 6.9 4.2 11.7 0 4.3-1.4 8.3-4.3 12-2.8 3.7-7 5.5-12.3 5.5Zm8-50.5h.3-.4Zm-17 28.6-.6 1.2a3 3 0 0 0-.1 1.4c0 4 1 7.1 2.8 9.5a8.4 8.4 0 0 0 7 3.6c2.7 0 4.7-1 6.3-3 1.6-2 2.4-4.6 2.4-7.9a11 11 0 0 0-2.5-7.6 8.6 8.6 0 0 0-6.8-2.8 9 9 0 0 0-5 1.6c-1.5 1-2.7 2.4-3.6 4Zm46 22c-5 0-9-2.3-12-6.9-3-4.5-4.5-10.7-4.6-18.4 0-8 1.6-14.2 4.7-18.8 3-4.6 7.2-6.9 12.6-6.9a14 14 0 0 1 12.3 6.6 33.1 33.1 0 0 1 4.3 18.3c0 8.3-1.5 14.7-4.6 19.2-3 4.6-7.3 6.8-12.8 6.8Zm.4-44.6c-2.8 0-5 1.8-6.7 5.2a31.8 31.8 0 0 0-2.4 14c0 6 .8 10.5 2.4 13.9 1.7 3.4 3.8 5 6.6 5 4 0 6.5-2.3 7.6-6.9 1-4.6 1.5-8.7 1.5-12.3 0-3.5-.5-7.5-1.5-12-1-4.6-3.6-6.9-7.5-6.9Zm38.7 9.5a45 45 0 0 1 12.4 9.7c3.6 4 5 8.6 4 14a21 21 0 0 1-8.4 13.7 71.4 71.4 0 0 1-29.8 13.4 232.8 232.8 0 0 1-37 4.8 293.2 293.2 0 0 1-41.9-.6C60.7 96 53.8 95.1 47 94c-5.5-1-11-2.2-16.4-3.9-5.4-1.7-10.5-4-15.4-7a43.2 43.2 0 0 1-10.3-9.5c-3.1-4-4.3-8.3-3.7-13.1.5-3 1.7-5.7 3.5-8.1 1.8-2.5 4-4.6 6.5-6.5a64 64 0 0 1 16.4-8.3c2.5-.8 4.1 0 4.8 2.7.7 2.6-.2 4.3-2.7 5.2-1.9.6-4.2 1.5-7 2.7a37 37 0 0 0-7.4 4.6c-2.2 1.8-4 3.8-5.2 6a8.5 8.5 0 0 0-.3 7.3c2 5 5.7 8.7 11.3 11.4a92.3 92.3 0 0 0 27.4 8.5 258.1 258.1 0 0 0 66.3 3 264.7 264.7 0 0 0 30.7-4.5c4.2-1 8.3-2.2 12.3-3.8 3.6-1.5 7.8-3.8 12.7-7 5-3.1 7.1-7.1 6.5-12-.4-2.7-1.7-5.2-4-7.3-2.4-2.1-5-3.9-7.8-5.3a101.3 101.3 0 0 1 3.9 5c1.6 2 1.2 3.8-1.1 5.2-2.4 1.4-4.3 1-5.9-1a775.5 775.5 0 0 0-10.6-14c-1-1.2-1-2.4-.3-3.6.7-1.2 1.6-2 2.7-2.5a1037.2 1037.2 0 0 1 16.8-5.9c2.4-.8 4 0 4.7 2.7.7 2.6-.1 4.3-2.6 5.1l-2.2.9-2.3.7ZM153 26c-3.5 0-6.5-1.3-9-3.8a12.4 12.4 0 0 1-3.7-9.1c0-3.5 1.2-6.5 3.7-9s5.5-3.8 9-3.8c3.6 0 6.6 1.3 9.2 3.8 2.5 2.5 3.7 5.5 3.7 9 0 3.6-1.2 6.6-3.8 9.1a12.4 12.4 0 0 1-9 3.8Zm0-17.5c-1.2 0-2.3.4-3.2 1.3-1 1-1.4 2-1.4 3.3 0 1.3.5 2.5 1.4 3.4a4.6 4.6 0 0 0 6.6 0c1-1 1.4-2 1.4-3.4 0-1.3-.5-2.3-1.4-3.3-1-.9-2-1.3-3.4-1.3Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-menu { background-image: url("data:image/svg+xml,%3Csvg width='151' height='128' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.2 0h150.6v22.6H.2V0Zm0 52.8h150.6v22.5H.2V52.8Zm0 52.6h150.6V128H.2v-22.6Z' fill='%234D2573' fill-rule='nonzero'/%3E%3C/svg%3E"); }


.icon-payment-plan { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%%3Cpath fill='%23FFF' d='M64 0A64 64 0 0 0 0 64v384a64 64 0 0 0 64 64h256a64 64 0 0 0 64-64V64a64 64 0 0 0-64-64H64zm32 64h192a32 32 0 0 1 32 32v32a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zM64 224a32 32 0 1 1 64 0 32 32 0 0 1-64 0zm32 64a32 32 0 1 1 0 64 32 32 0 0 1 0-64zM64 416a32 32 0 0 1 32-32h96a32 32 0 1 1 0 64H96a32 32 0 0 1-32-32zm128-224a32 32 0 1 1 0 64 32 32 0 0 1 0-64zm-32 128a32 32 0 1 1 64 0 32 32 0 0 1-64 0zm128-128a32 32 0 1 1 0 64 32 32 0 0 1 0-64zm-32 128a32 32 0 1 1 64 0 32 32 0 0 1-64 0zm32 64a32 32 0 1 1 0 64 32 32 0 0 1 0-64z'/%3E%3C/svg%3E"); }

.icon-calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M184 24a24 24 0 1 0-48 0v40H96a64 64 0 0 0-64 64v320a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V128a64 64 0 0 0-64-64h-40V24a24 24 0 1 0-48 0v40H184V24zM80 192h352v256a16 16 0 0 1-16 16H96a16 16 0 0 1-16-16V192zm48 96a32 32 0 1 0 64 0 32 32 0 1 0-64 0zm224 64a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm-128-64a24 24 0 0 0 24 24h112a24 24 0 1 0 0-48H248a24 24 0 0 0-24 24zm40 72H152a24 24 0 1 0 0 48h112a24 24 0 1 0 0-48z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-completion-date { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M32 0a32 32 0 0 1 30.5 22.3h.1l-.1.1.1.3v-.4A294.2 294.2 0 0 1 168 0c38.8 0 74.6 9.1 105.7 17 32.3 8.2 59.2 15 86.3 15 26.8 0 52.9-6.8 73-14.1 9.9-3.6 17.9-7.2 23.4-9.8l6.2-3.1 1.4-.8.2-.1A31.9 31.9 0 0 1 512 32v288c0 12.1-6.8 23.2-17.7 28.6L480 320l14.3 28.6h-.1l-.2.1-.7.4-2.5 1.2-9 4c-7.7 3.3-18.5 7.6-31.5 11.9A316.7 316.7 0 0 1 352 384c-37 0-65.2-9.4-89-17.3l-1-.3c-24-8-43.7-14.4-70-14.4-27.9 0-64.7 7.2-96.2 15-12.1 3-23 6-31.8 8.6V480a32 32 0 1 1-64 0V32A32 32 0 0 1 32 0zm32 158.4a798.7 798.7 0 0 1 64-15.2V68.8a292 292 0 0 0-64 22.6v67zm0 80v70.8a743.7 743.7 0 0 1 64-14.6v-71.5c21.9-4.2 44.4-7.1 64-7.1 5.6 0 10.9.2 16 .7v71.9c29.5 2.2 53 10 73.3 16.8l.9.3 5.8 1.9v-70.4a207.2 207.2 0 0 0 80 10.2v71.9c22-2 43.9-7.6 61.9-13.6 6.8-2.3 12.9-4.6 18.1-6.6v-69.9a315.5 315.5 0 0 1-80 18.1v-80a315.5 315.5 0 0 0 80-18.1V80.5a284.8 284.8 0 0 1-80 15.4v71.5a207.2 207.2 0 0 1-80-10.2V86.5c-9.3-2.1-18.3-4.4-27-6.7l-3.1-.8A685 685 0 0 0 208 67.7v69c-5.1-.4-10.4-.7-16-.7a362 362 0 0 0-64 7.1v80a798.7 798.7 0 0 0-64 15.2zm144-101.7v80c24.4 2.1 44.3 8.7 64.2 15.3l15.8 5.2v-80l-15.8-5.2c-19.9-6.6-39.8-13.2-64.2-15.3z'/%3E%3C/svg%3E"); }

.icon-total-unit { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512' fill='%23fff'%3E%3Cpath d='M384 0H0v512h144V384h96v128h144V0zM64 224h64v64H64v-64zm160 0v64h-64v-64h64zm32 0h64v64h-64v-64zM128 96v64H64V96h64zm32 0h64v64h-64V96zm160 0v64h-64V96h64z'/%3E%3C/svg%3E"); }

.icon-remaining-percent { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512' fill='%23fff'%3E%3Cpath d='M374.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-320 320c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l320-320zM128 128a64 64 0 1 0-128 0 64 64 0 1 0 128 0zm256 256a64 64 0 1 0-128 0 64 64 0 1 0 128 0z'/%3E%3C/svg%3E"); }


.icon-start-date { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='m462.4 373.5-.1-.2-.3-.8c-.3-.7-.7-1.8-1.3-3.3-1.2-2.9-3-7.2-5.5-12.7-5-11-12.6-26.7-23.1-45.3-21-37.3-53.6-86-99.5-132s-94.7-78.5-132-99.5c-18.6-10.5-34.3-18.1-45.3-23.1-5.5-2.5-9.8-4.3-12.7-5.5-1.4-.6-2.5-1-3.3-1.3l-.8-.3-.2-.1c-6.2-2.3-10.4-8.2-10.5-14.8s3.9-12.6 10-15.1C169.5 7 204 0 240 0c59.6 0 114.7 19.2 159.5 51.6l9.4-9.8c6-6.2 14.2-9.7 22.8-9.8s16.9 3.3 22.9 9.4l16 16c6.1 6.1 9.5 14.3 9.4 22.9s-3.6 16.8-9.8 22.8l-9.8 9.4C492.8 157.3 512 212.4 512 272c0 36-7 70.5-19.8 102-2.5 6.1-8.5 10.1-15.1 10s-12.5-4.3-14.8-10.5zM9.4 502.6c-12.4-12.3-12.5-32.2-.5-44.8l272-282.9c9.7 8.4 19.5 17.4 29.1 27s18.6 19.4 27 29.1L54.2 503.1c-12.6 12.1-32.5 11.9-44.8-.4z'/%3E%3C/svg%3E"); }

.icon-siteplan { background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8a7 7 0 0 0-7 7v170a7 7 0 0 0 7 7h170a7 7 0 0 0 7-7V15a7 7 0 0 0-7-7H15Zm0-8h170a15 15 0 0 1 15 15v170a15 15 0 0 1-15 15H15a15 15 0 0 1-15-15V15A15 15 0 0 1 15 0Zm8 18h22a5 5 0 0 1 5 5v26a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5V23a5 5 0 0 1 5-5Zm42 0h22a5 5 0 0 1 5 5v26a5 5 0 0 1-5 5H65a5 5 0 0 1-5-5V23a5 5 0 0 1 5-5ZM23 64h22a5 5 0 0 1 5 5v26a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5V69a5 5 0 0 1 5-5Zm42 0h22a5 5 0 0 1 5 5v26a5 5 0 0 1-5 5H65a5 5 0 0 1-5-5V69a5 5 0 0 1 5-5Zm-42 90h22a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5Zm42 0h22a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5H65a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5Zm98.4-118 16.4 11.4a5 5 0 0 1 1.2 7l-11.4 16.4a5 5 0 0 1-7 1.2l-16.4-11.4a5 5 0 0 1-1.2-7l11.4-16.4a5 5 0 0 1 7-1.2Zm0 41.9 16.4 11.4a5 5 0 0 1 1.2 7l-11.4 16.4a5 5 0 0 1-7 1.2l-16.4-11.5a5 5 0 0 1-1.2-7l11.4-16.3a5 5 0 0 1 7-1.2ZM110 154h18a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5h-18a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5Zm53.4-34.1 16.4 11.4a5 5 0 0 1 1.2 7l-11.4 16.4a5 5 0 0 1-7 1.2l-16.4-11.5a5 5 0 0 1-1.2-7l11.4-16.3a5 5 0 0 1 7-1.2ZM23 110h22a5 5 0 0 1 5 5v24a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5v-24a5 5 0 0 1 5-5Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-siteplan { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M17.4 2.6H2.6V5H.9V1.7c0-.5.4-.8.9-.8h16.5c.5 0 .9.4.9.8v16.5c0 .5-.4.9-.9.9H1.8c-.5 0-.9-.4-.9-.9V5h1.7v12.4h14.8V2.6Z'/%3E%3Cg transform='translate(4 4.5)' fill-rule='nonzero'%3E%3Crect width='2' height='2' rx='.35'/%3E%3Crect y='3' width='2' height='2' rx='.35'/%3E%3Crect y='6' width='2' height='2' rx='.35'/%3E%3Crect y='9' width='2' height='2' rx='.35'/%3E%3Crect x='3' width='2' height='2' rx='.35'/%3E%3Crect x='3' y='3' width='2' height='2' rx='.35'/%3E%3Crect x='3' y='9' width='2' height='2' rx='.35'/%3E%3Crect x='6' y='9' width='2' height='2' rx='.35'/%3E%3C/g%3E%3Cg transform='translate(13 5)' fill-rule='nonzero'%3E%3Crect transform='rotate(35 2 2)' x='1' y='1' width='2' height='2' rx='.35'/%3E%3Crect transform='rotate(35 2 5)' x='1' y='4' width='2' height='2' rx='.35'/%3E%3Crect transform='rotate(35 2 8)' x='1' y='7' width='2' height='2' rx='.35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }


.icon-location {
  background-image: url("data:image/svg+xml,%3Csvg width='74' height='57' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71 .1a2 2 0 0 1 2.1 2v44a4 4 0 0 1-2.5 3.8l-19.3 6.7-1.2.3a8.5 8.5 0 0 1-3.9-.3l-21.8-7.7-21.6 8a2.5 2.5 0 0 1-.8.1 2 2 0 0 1-2-2V11a4 4 0 0 1 2.5-3.8L21.8.5a9.4 9.4 0 0 1 2.6-.4l1.3.1c.4 0 .8.2 1.2.4l21.9 7.7 21.5-8a2.5 2.5 0 0 1 .8-.2ZM4 11.1 4 52l18.2-6.8V4.6L4 11Zm22.5 34.2 20.3 7.1V12L26.4 4.7v40.6Zm24.4 7.2L69.3 46 69 5l-18.3 6.7v40.7Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-facilities {
  background-image: url("data:image/svg+xml,%3Csvg width='63' height='62' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M34.4965784 13.875H38.5c.2320644 0 .4546241-.0921872.6187184-.2562816l.5391277-.5391277 1.0228659 2.7276423c.2737154.7299077 1.293282.7645132 1.6158587.0548446l1.6406351-3.6093974 2.7472901 7.0644603c.2855667.7343144 1.3201629.7466783 1.6231964.019398L50.5833333 13.875H53.5c.4832492 0 .875-.3917508.875-.875s-.3917508-.875-.875-.875H50c-.3532382 0-.6718314.2123955-.8076923.5384615l-1.6643176 3.9943622-2.712486-6.9749642c-.2806924-.7217803-1.2916098-.74996-1.6120748-.044937l-1.6258674 3.5769082-.7582739-2.0220637c-.223447-.595859-.9880195-.7614724-1.4380064-.3114854L38.137563 12.125h-4.3988155c-.0773201-.257957-.1406203-.539983-.1968612-.8863083-.4844118-2.9843307.7208215-5.8981947 3.1878803-7.649361 2.7716532-1.9677688 6.2713388-1.9209433 9.0611562-.0095843.139929.0957506.2747465.1994422.4053651.3073327.4854159.4003448 1.261643 1.3196045 1.7102739 1.5864097l.1858418.1101725.1417545-.1630224c1.1197972-1.2874746 2.5744929-2.4248884 4.2213286-2.932576 3.8687221-1.193002 7.6675254.6215111 9.4456187 4.2056288.8815618 1.776998.8959837 4.1563387.2183367 6.005355-.6874138 1.8758519-1.7736207 2.7512068-3.1217039 4.0979208l-9.2758417 9.2668053c-.5683875.5676572-1.1130426 1.1702739-1.7076268 1.7118256-.5803449-.4435193-1.9928702-1.9944219-2.4362982-2.4373935-1.3007099-1.2996146-2.6125558-2.5889148-3.9152738-3.8865213-.8750812-.8711562-1.7493408-1.7435903-2.6163895-2.6228702-.2352231-.2385091-.6649594-.6405882-.9837018-.9839757-.2789205-.254838-.634741-.6243935-.9945412-1.0147667l-1.6976924-1.9267748-.8621275-.9995639a4.0260284 4.0260284 0 0 0-.011667-.0287323Z'/%3E%3Cpath d='M.0101563 48.4464844C.005078 48.6292969 0 48.8121094 0 49c0 7.1804687 5.8195312 13 13 13 .1878906 0 .3707031-.0050781.5535156-.0101562-.1929687-.5433594-.3351562-1.1070313-.4265625-1.6808594-.2234375-1.38125-.1472656-2.7929688.2234375-4.14375.3707031-1.3507813 1.0257813-2.6 1.9246094-3.6765625s2.0160156-1.9398438 3.2753906-2.5441406c1.259375-.6042969 2.640625-.9242188 4.0371094-.9496094 1.1578125-.0203125 2.3105469.1675781 3.4023438.5535156C26 49.365625 26 49.1828125 26 48.9949219 26 41.8195312 20.1804688 36 13 36c-.1878906 0-.3707031.0050781-.5535156.0101563.5433594 1.548828.6957031 3.2195312.4164062 4.8546875-.3605468 2.153125-1.4371094 4.1234374-3.046875 5.5910156-1.6097656 1.4675781-3.6765625 2.35625-5.85 2.51875-1.3507812.1015625-2.6964843-.0863282-3.9558593-.528125Zm10.4914062-12.2078125C5.3269531 37.2492187 1.2492188 41.326953.2386719 46.5015625c1.1273437.4671875 2.35625.6703125 3.5851562.5789062 1.7519532-.1269531 3.4125-.8429687 4.7125-2.0261718 1.3-1.1832031 2.1632813-2.7675781 2.4578125-4.5042969.24375-1.4574219.0710938-2.9554687-.4925781-4.3113281Zm12.1164063 14.6605468c-1.1273438.0203125-2.234375.2792969-3.25.7667969s-1.9144532 1.1832032-2.640625 2.0464844c-.7261719.8632812-1.2492188 1.8738281-1.5488282 2.9605469-.2996093 1.0867187-.3605468 2.2242187-.1777343 3.3363281.0964843.6042969.2640625 1.1933594.4976562 1.7570312 5.1746094-1.0054687 9.2523438-5.0882812 10.2628906-10.2628906-.9953125-.4113281-2.0617187-.6144531-3.1433593-.5992187v-.0050782Z' fill-rule='nonzero'/%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M37.7540002 40.5010214c1.666.1949389 2.842.807604 4.046 2.005086l1.4 1.392421-4.55 4.5253679c.434.1670905.784.3759536 1.078.5430441.518.3202568.826.5012715 1.61.5012715.784 0 1.092-.1810147 1.61-.5012715.644-.3759536 1.512-.8911494 3.066-.8911494 1.554 0 2.422.5151958 3.052.8911494.518.3063326.84.5012715 1.61.5012715.77 0 1.092-.1810147 1.61-.5012715.168-.0974695.364-.2088631.574-.3202568l-8.988-8.925418c-1.764-1.7544503-3.416-2.5063576-5.852-2.7152207-.98-.0835452-1.82.7101347-1.82 1.6848293v.1253179c0 .8772251.686 1.5734356 1.554 1.6848293Zm21.336 18.5888189c-.238-.0835452-.448-.2088631-.7-.3759536-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.052.8911494c-.518.3202568-.84.5012715-1.61.5012715-.77 0-1.092-.1949389-1.61-.5012715-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.066.8911494c-.518.3202568-.826.5012715-1.61.5012715-.784 0-1.092-.1810147-1.61-.5012715-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.066.8911494c-.252.1531663-.462.2784842-.7.3759536-.532.1810147-.91.6265894-.91 1.1835578v.1670905c0 .932922.924 1.5734356 1.82 1.267103.518-.1810147.91-.4177263 1.246-.6126652.518-.3063326.84-.4873473 1.61-.4873473.77 0 1.092.1810147 1.61.5012715.63.3759537 1.498.8911494 3.052.8911494s2.422-.5151957 3.066-.8911494c.518-.3202568.826-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.63.3759537 1.498.8911494 3.052.8911494s2.408-.5151957 3.052-.8911494c.518-.3202568.826-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.322.194939.714.4316505 1.232.6126652.882.3063326 1.82-.334181 1.82-1.267103v-.1670905c0-.5708926-.378-1.0164673-.91-1.197482Zm-25.536-3.5645975c.658-.1810147 1.134-.4594989 1.526-.6822862.518-.3202568.84-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.63.3759536 1.498.8911494 3.052.8911494s2.422-.5151958 3.052-.8911494c.518-.3202568.826-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.63.3759536 1.498.8911494 3.052.8911494s2.422-.5151958 3.052-.8911494c.518-.3202568.826-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.322.1949389.7.4177263 1.19.598741.882.3202568 1.834-.334181 1.834-1.267103v-.1670905c0-.5569684-.378-1.0025431-.896-1.197482-.238-.0835453-.448-.2088632-.714-.3620294-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.052.8911494c-.518.3202568-.84.5012715-1.61.5012715-.77 0-1.092-.194939-1.61-.5012715-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.052.8911494c-.518.3202568-.826.5012715-1.61.5012715-.77 0-1.092-.194939-1.61-.5012715-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.052.8911494c-.252.1531662-.462.2784841-.7.3759536-.532.1810147-.91.6265894-.91 1.1835578v.3202568c0 .8076041.77 1.4202693 1.554 1.1974819ZM51.5000002 44c1.93298 0 3.5-1.567006 3.5-3.5s-1.56702-3.5-3.5-3.5-3.5 1.567006-3.5 3.5 1.56702 3.5 3.5 3.5Z'/%3E%3C/g%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M8.3835883 4.8293825c-.6128346-.5515641-.8837494-.8220287-.883642-1.4545147-.0001074-.6322442.2709148-.9027089.8839106-1.4545147.488173-.4392693.488173-1.1514686.0001074-1.5908346C7.8958987-.109896 7.1043162-.109751 6.6161433.3294218 5.934076.9432484 4.9997314 1.7839848 5 3.3748195c-.0002686 1.5910763.9339148 2.4317645 1.6160894 3.0454944C7.2289778 6.9720229 7.5 7.2426326 7.5 7.8749735 7.5 8.4963412 8.0596614 9 8.75 9S10 8.4963896 10 7.8749736c-.0001074-1.591028-.934237-2.4317645-1.6164117-3.045591ZM15.3835883 4.8293825c-.6128346-.5515641-.8837494-.8220287-.883642-1.4545147-.0001074-.6322442.2709148-.9027089.8839105-1.4545147.488173-.4392693.488173-1.1514686.0001075-1.5908346-.4880656-.4394144-1.2796481-.4392694-1.7678211-.0000967-.6820672.6138266-1.6164117 1.4546597-1.6161431 3.0453977-.0002686 1.5910763.9339148 2.4317645 1.6160894 3.0454944.6128883.551709.8839105.8223187.8839105 1.4546597C14.5 8.4963412 15.0596614 9 15.75 9S17 8.4963896 17 7.8749736c-.0000537-1.591028-.9342371-2.4317645-1.6164117-3.045591ZM20.0047996 20.7778096h1.2285114c.0012289 0 .0021785-.0001719.0034074-.0001719C23.8633856 20.7758617 26 18.5834915 26 15.8889048 26 13.1931723 23.8616539 11 21.233311 11H2.1666667c-.7179583 0-1.3000112.597091-1.3000112 1.3333429v4.4444381c0 2.9902103 1.258396 5.6845105 3.2605015 7.5555332H1.3000112C.5820529 24.3333142 0 24.9301761 0 25.6666571 0 26.402909.5820529 27 1.3000112 27h19.0666443c.7179583 0 1.3000112-.597091 1.3000112-1.3333429 0-.7364237-.5820529-1.3333429-1.3000112-1.3333429h-2.8271459c1.0522198-.9833496 1.8986543-2.1939743 2.46529-3.5555046Zm.7952116-3.9999713v-3.1110952h.4333556c1.1947166 0 2.1666667.9968704 2.1666667 2.222219 0 1.2253486-.9719501 2.222219-2.1666667 2.222219h-.5181499c.0556358-.4365032.0847943-.8815428.0847943-1.3333428Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.icon-play { background-image: url("data:image/svg+xml,%3Csvg width='65' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.5 65a31.6 31.6 0 0 1-23-9.4 32.5 32.5 0 1 1 23 9.5ZM4.2 32.7a27.5 27.5 0 0 0 8.3 20 29 29 0 0 0 20 8.3 27.5 27.5 0 0 0 20-8.3 29 29 0 0 0 8.3-20 27.5 27.5 0 0 0-8.3-20 29 29 0 0 0-20-8.3 27.5 27.5 0 0 0-20 8.3 29 29 0 0 0-8.3 20Zm43.5-2.4a3 3 0 0 1 1.6 2.7 3 3 0 0 1-1.6 2.8L24.7 49a3 3 0 0 1-3.2 0 3 3 0 0 1-1.6-2.7V19c0-1.2.6-2 1.6-2.7 1-.6 2-.6 3.1 0l23 14Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-print { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M96 0h285.3l9.4 9.4 48 48 9.4 9.4V160H384V93.3L354.7 64H128v96H64V0h32zM64 384H0V192h512v192h-64v128H64V384zm64 0v64h256v-96H128v32zm280-136v48h48v-48h-48z' fill='%234D2573' fill-rule='nonzero'/%3E%3C/svg%3E"); mask-size: cover; mask-repeat: no-repeat; background: var(--ui-color); }

:hover > .icon-print { filter: brightness(0) invert(1); }


.icon-user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M399 384.2c-22.1-38.4-63.6-64.2-111-64.2h-64c-47.4 0-88.9 25.8-111 64.2 35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z'/%3E%3C/svg%3E");
}

.icon-adduser { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 640 512'%3E%3Cpath d='M96 128a128 128 0 1 1 256 0 128 128 0 1 1-256 0zM0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3a29.7 29.7 0 0 1-29.7 29.7H29.7A29.7 29.7 0 0 1 0 482.3zM504 312v-64h-64a24 24 0 1 1 0-48h64v-64a24 24 0 1 1 48 0v64h64a24 24 0 1 1 0 48h-64v64a24 24 0 1 1-48 0z' fill='%234D2573' fill-rule='nonzero'/%3E%3C/svg%3E"); }

:hover > .icon-adduser { filter: brightness(0) invert(1); }

.icon-balance {
  background-image: url("data:image/svg+xml,%3Csvg width='300' height='244' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='m143.4 178.5-26.6 46c-4.9 8.4 1.2 19 11 19h42.8c9.7 0 15.8-10.5 11-19l-26.6-46a6.7 6.7 0 0 0-11.6 0Z' fill='%232D6073'/%3E%3Cpath d='M291 176.5 9.5 200.3A9.3 9.3 0 0 1 8 181.8L289.5 158a9.3 9.3 0 0 1 10 8.5c.3 5-3.4 9.5-8.5 10ZM145.7 53.7a5 5 0 0 0-7.3 1c-1.5 2.1-.9 5.1 1.1 6.8l9.3 7.9-29.2 2.5c-2.6.2-4.8 2.3-4.8 4.9a5 5 0 0 0 5.4 5.1l29.5-2.5-7.9 9.3c-1.8 2.2-1.7 5.6.6 7.3 1 .8 2.3 1.2 3.5 1 1.3-.1 2.5-.7 3.4-1.8L163.8 78a7 7 0 0 0-.8-9.9l-17.3-14.4Z' fill='%232D6073'/%3E%3Cpath d='M134.6 99.5a5 5 0 0 1 7.4-.3c1.8 2 1.8 5 .1 6.9l-7.9 9.3 29.2-2.5c2.6-.3 5 1.5 5.6 4.1a5 5 0 0 1-4.5 5.9l-29.5 2.5 9.3 7.9c2.2 1.8 2.6 5.2.7 7.3a5 5 0 0 1-6.9.4l-17.2-14.5a7 7 0 0 1-.8-9.9l14.5-17.1Zm145 33.2-8.1-99.1c-.1-1.7-1-3.2-2.4-4.1L229.4 2.6c-5-3.4-11.7-2.8-16.1 1.4l-34.6 33.2a5.6 5.6 0 0 0-1.7 4.4l8.1 99a9 9 0 0 0 9.8 8.3l76.4-6.5a9 9 0 0 0 8.3-9.7Z' fill='%2372AACB'/%3E%3Ccircle fill='%23DAE2ED' cx='224' cy='33.5' r='10.3'/%3E%3Cpath d='M228.8 69.4a2.7 2.7 0 0 0-3.7.3l-26.2 30.5c-.9 1.2-.7 2.8.5 3.8 1.1.8 2.6.7 3.6-.3l3.5-4.1 1.6 19.3a6.6 6.6 0 0 0 7.2 6.1l32.4-2.7a6.6 6.6 0 0 0 6.1-7.2l-1.6-19.3 4.1 3.5c1.2.9 2.9.7 3.7-.5.8-1.1.7-2.6-.3-3.6l-30.9-25.8Zm19.5 46.2c.1.7-.5 1.4-1.2 1.4l-32.4 2.7c-.7.1-1.4-.5-1.4-1.2l-2-24.6 16.1-18.7L246.3 91l2 24.6Z' fill='%23DAE2ED'/%3E%3Cpath d='m107.3 147.8-8.1-99.1c-.1-1.7-1-3.2-2.4-4.1L57.1 17.7c-5-3.4-11.7-2.8-16.1 1.4L6.4 52.3a5.6 5.6 0 0 0-1.7 4.4l8.1 99a9 9 0 0 0 9.8 8.3l76.4-6.5a9 9 0 0 0 8.3-9.7Z' fill='%232D6073'/%3E%3Ccircle fill='%23DAE2ED' cx='53.9' cy='48.7' r='10.3'/%3E%3Cpath d='m41.8 140.2-.3-4.2c5.3-3.3 8.8-9.1 8.3-15.3-.2-2-.4-3.7-.9-5.8l-8.6.7-.4-5.2 7.7-.6c-.6-2.5-1.4-5.7-1.6-8.9-.8-9.8 5.4-16.8 14.6-17.5 4.3-.4 7.4.4 9.2 1.3l-1.1 5.6c-1.6-.7-4.1-1.3-7.6-1.1-6.5.5-8.7 5.2-8.2 11.1.3 3.6.9 6.2 1.6 8.8l12-1 .4 5.2-11.3.9c.5 3.1.9 6.3.4 9.3-.6 3.7-2.4 6.8-5 9.5v.2l24.8-2 .5 6.1-34.5 2.9Z' fill='%23DAE2ED'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512' fill='%23e1ff00'%3E%3Cpath d='M316.9 18a32 32 0 0 0-57.6 0L195 150.3 51.4 171.5a32 32 0 0 0-17.8 54.4L137.8 329l-24.6 145.7a32.1 32.1 0 0 0 46.7 33.6l128.3-68.5 128.3 68.5a32 32 0 0 0 46.7-33.6L438.5 329l104.2-103.1a32 32 0 0 0-17.8-54.4l-143.7-21.2L316.9 18z'/%3E%3C/svg%3E");
}

.icon-download {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23FFF' d='M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zm192 0v128h128L256 0zm-40 232v102.1l31-31c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-72-72c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l31 31V232c0-13.3 10.7-24 24-24s24 10.7 24 24z'/%3E%3C/svg%3E");
}

.icon-download-menu {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%234D2573'%3E%3Cpath d='M64 464h32v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0h165.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V288h-48V160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16zm112-112h32c30.9 0 56 25.1 56 56s-25.1 56-56 56h-16v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-16v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-32c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-16v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V368z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; background: var(--ui-color);
}

.icon-download-file {
  mask-image: url("data:image/svg+xml,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M280 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v270.1l-95-95c-9.4-9.4-24.6-9.4-33.9 0-9.3 9.4-9.4 24.6 0 33.9L239 369c9.4 9.4 24.6 9.4 33.9 0L409 233c9.4-9.4 9.4-24.6 0-33.9-9.4-9.3-24.6-9.4-33.9 0l-95 95V24h-.1ZM128.8 304H64c-35.3 0-64 28.7-64 64v80c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64v-80c0-35.3-28.7-64-64-64h-64.8l-48 48H448c8.8 0 16 7.2 16 16v80c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16v-80c0-8.8 7.2-16 16-16h112.8l-48-48ZM432 408c0-13.254834-10.745166-24-24-24s-24 10.745166-24 24 10.745166 24 24 24 24-10.745166 24-24Z' fill='%23D60000' fill-rule='nonzero'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; background: var(--primary-color);
}

.icon-arrow-down {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='51' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.8114795 26.2407403V3.0096296C9.8114795 1.8980764 10.716235 1 11.8286178 1h20.3427661c1.1123829 0 2.0171383.8980764 2.0171383 2.0096296v23.2311107h6.7943395c1.1123829 0 2.0171383.8980764 2.0171383 2.0096296 0 .5183498-.2010129 1.0163535-.5605908 1.3902732L23.4565484 49.3806419c-.768741.7994024-2.0415519.8287842-2.8466514.0659534-.0337311-.0324599-.0337311-.0324599-.0664437-.0659534L1.5605925 29.6406431c-.772749-.8035704-.742851-2.0796939.0664437-2.8464998.3751464-.3554508.8728889-.553403 1.3901038-.553403h6.7943395Z' stroke='%23FFF' stroke-width='2' fill='%23EB0000' fill-rule='nonzero'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat;
}

.icon-rental-income {
  background-image: url("data:image/svg+xml,%3Csvg width='576' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m303.5 5.7 264 224c10.1 8.5 11.3 23.7 2.8 33.8-8.5 10.1-23.7 11.4-33.8 2.8L512 245.5V432c0 44.2-35.8 80-80 80H144c-44.2 0-80-35.8-80-80V245.5l-24.6 20.8c-10.1 8.5-25.3 7.3-33.8-2.8-8.5-10.1-7.3-25.2 2.8-33.8l264-224c9-7.6 22.1-7.6 31.1 0ZM464 204.8 288 55.5 112 204.8V432c0 17.7 14.3 32 32 32h288c17.7 0 32-14.3 32-32V204.8ZM263.384615 256c0 5.2.653125 10.25 1.808654 15.05.954568 4.05-.251202 8.35-3.215384 11.3L183 360.95V400h32.153846v-20c0-6.65 5.375721-12 12.057692-12h20.096154v-20c0-6.65 5.375721-12 12.057693-12h27.180048l14.670192-14.6c2.964183-3 7.284856-4.2 11.354327-3.2 4.823077 1.2 9.897356 1.8 15.122356 1.8C363.21226 320 392 291.35 392 256s-28.78774-64-64.307692-64-64.307693 28.65-64.307693 64Zm64.238701-88C376.403632 168 416 207.4 416 256s-39.546182 88-88.326499 88c-4.767623 0-9.434876-.4-14.001757-1.1l-13.650459 13.6c-2.258348 2.25-5.319664 3.5-8.531537 3.5h-20.074204v20c0 6.65-5.36985 12-12.044523 12h-20.074204v20c0 6.65-5.36985 12-12.044523 12h-56.207771C164.36985 424 159 418.65 159 412v-56c0-3.2 1.254638-6.25 3.512986-8.5l77.887912-77.55c-.752782-4.55-1.104081-9.2-1.104081-13.95 0-48.6 39.546182-88 88.326499-88ZM344 256c-8.836556 0-16-7.163444-16-16s7.163444-16 16-16 16 7.163444 16 16-7.163444 16-16 16Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-documents {
  background-image: url("data:image/svg+xml,%3Csvg width='384' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M320 464c8.8 0 16-7.2 16-16V160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16h256ZM0 64C0 28.7 28.7 0 64 0h165.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-linechart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23fff'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M48 56c0-13.3-10.7-24-24-24S0 42.7 0 56v352c0 39.8 32.2 72 72 72h416c13.3 0 24-10.7 24-24s-10.7-24-24-24H72c-13.3 0-24-10.7-24-24V56zm272 96c0 13.3 10.7 24 24 24h54.1L304 270.1l-79-79c-9.4-9.4-24.6-9.4-33.9 0l-80 80c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l63-63 79 79c9.4 9.4 24.6 9.4 33.9 0l111-111v54c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24H344c-13.3 0-24 10.7-24 24z'/%3E%3C/svg%3E");
}

.icon-feedback {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3Cpath fill='%234D2573' d='M0 64C0 28.7 28.7 0 64 0h384c35.3 0 64 28.7 64 64v288c0 35.3-28.7 64-64 64H309.3l-123.7 92.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3v-80H64c-35.3 0-64-28.7-64-64V64zm152 80c-13.3 0-24 10.7-24 24s10.7 24 24 24h208c13.3 0 24-10.7 24-24s-10.7-24-24-24H152zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24h112c13.3 0 24-10.7 24-24s-10.7-24-24-24H152z'/%3E%3C/svg%3E");
}

.icon-info-alt {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23bcb6c2' d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm-40-176h24v-64h-24c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
}

.icon-beach {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512' fill='%234D2573'%3E%3Cpath d='m346.3 271.8-60.1-21.9L214 448H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h512c17.7 0 32-14.3 32-32s-14.3-32-32-32H282.1l64.1-176.2zm121.1-.2-3.3 9.1 67.7 24.6c18.1 6.6 38-4.2 39.6-23.4 6.5-78.5-23.9-155.5-80.8-208.5 2 8 3.2 16.3 3.4 24.8l.2 6c1.8 57-7.3 113.8-26.8 167.4zM462 99.1c-1.1-34.4-22.5-64.8-54.4-77.4-.9-.4-1.9-.7-2.8-1.1-33-11.7-69.8-2.4-93.1 23.8l-4 4.5C272.4 88.3 245 134.2 226.8 184l-3.3 9.1L434 269.7l3.3-9.1c18.1-49.8 26.6-102.5 24.9-155.5l-.2-6zm-354.8 13.8c-11.1 15.7-2.8 36.8 15.3 43.4l71 25.8 3.3-9.1c19.5-53.6 49.1-103 87.1-145.5l4-4.5c6.2-6.9 13.1-13 20.5-18.2-79.6 2.5-154.7 42.2-201.2 108z'/%3E%3C/svg%3E");
}


.icon-casino {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='20' viewBox='0 0 640 512'%3E%3Cpath fill='%234D2573' d='M7.5 194.9c-15.4-26.6-6.3-60.7 20.4-76.1L220.7 7.5c26.6-15.4 60.7-6.3 76.1 20.4l167 289.3c15.4 26.6 6.2 60.7-20.4 76.1L250.5 504.5c-26.6 15.4-60.7 6.2-76.1-20.4L7.5 194.9zM197 159.6c-11.1-3-22.6 3.6-25.6 14.8l-7.2 26.9-20.4 76.1c-7 26 8.5 52.7 34.4 59.7s52.7-8.5 59.7-34.4l2.4-8.8c.1-.4.2-.8.3-1.1l17.7 30.7-12.1 7c-6.7 3.8-8.9 12.4-5.1 19s12.4 8.9 19 5.1l48.2-27.8c6.7-3.8 8.9-12.4 5.1-19s-12.4-8.9-19-5.1l-12.1 7-17.7-30.7c.4.1.8.2 1.1.3l8.8 2.4c26 7 52.7-8.5 59.7-34.4s-8.5-52.7-34.4-59.7l-76.1-20.4-26.7-7.6zm262.4 261.3c41.9-24.2 56.3-77.8 32.1-119.8L354.7 64.2c1.7-.2 3.5-.2 5.3-.2h224c30.9 0 56 25.1 56 56v336c0 30.9-25.1 56-56 56H360c-13.7 0-26.2-4.9-35.9-13l135.3-78.1zm74.5-183.3 48.1-50c14-14.5 13.2-38.5-2.2-51.9-14-11.7-34.5-9.5-46.9 3.2l-4.7 5.2-5-5.2c-12.5-12.7-33.2-15-46.7-3.2-15.7 13.5-16.5 37.5-2.5 51.9l48.4 49.9c3 3.2 8.2 3.2 11.5 0z'/%3E%3C/svg%3E");
}

.icon-golf {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%234D2573' d='M384 192c0 66.8-34.1 125.6-85.8 160H85.8C34.1 317.6 0 258.8 0 192 0 86 86 0 192 0s192 86 192 192zm-141.9 64.6c0 18.5-15 33.5-33.5 33.5-4.9 0-9.1 5.1-5.4 8.4 5.9 5.2 13.7 8.4 22.1 8.4 18.5 0 33.5-15 33.5-33.5 0-8.5-3.2-16.2-8.4-22.1-3.3-3.7-8.4.5-8.4 5.4zm-52.3-49.3c-4.9 0-9.1 5.1-5.4 8.4 5.9 5.2 13.7 8.4 22.1 8.4 18.5 0 33.5-15 33.5-33.5 0-8.5-3.2-16.2-8.4-22.1-3.3-3.7-8.4.5-8.4 5.4 0 18.5-15 33.5-33.5 33.5zm113.5-17.5c0 18.5-15 33.5-33.5 33.5-4.9 0-9.1 5.1-5.4 8.4 5.9 5.2 13.7 8.4 22.1 8.4 18.5 0 33.5-15 33.5-33.5 0-8.5-3.2-16.2-8.4-22.1-3.3-3.7-8.4.5-8.4 5.4zM96 416c0-17.7 14.3-32 32-32h128c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16c-8.8 0-16 7.2-16 16v16c0 17.7-14.3 32-32 32s-32-14.3-32-32v-16c0-8.8-7.2-16-16-16h-16c-17.7 0-32-14.3-32-32z'/%3E%3C/svg%3E");
}

.icon-university {
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.453125 3.046875c.1562508.0390627.2864578.1236973.390625.2539063.1041672.130209.15625.279947.15625.4492187 0 .1692717-.0520828.3190098-.15625.4492188-.1041672.130209-.2343742.2213539-.390625.2734375l-8.7304688 2.6757812h.0195313c-.1171881.0260418-.2376296.048828-.3613281.0683594-.1236986.0195313-.2506504.0292968-.3808594.0292968-.130209 0-.2571608-.0097655-.3808594-.0292968-.1236985-.0195314-.24414-.0423176-.3613281-.0683594l-6.09375-1.875h-.0195313c-.1822925.117188-.3320306.2766917-.4492187.4785156-.117188.201824-.1822916.4199207-.1953125.6542969l.0195313.0195313c.1432298.0781253.257161.1920565.3417968.3417968.0846359.1497404.1269531.309244.1269531.4785157 0 .1692716-.039062.32552-.1171874.46875-.0781254.1432298-.182291.2539058-.3125.3320312l.8007812 3.59375c.0130209.0130209.0195313.0292968.0195313.0488281v.0683594c0 .130209-.0488277.2441401-.1464844.3417969-.0976568.0976567-.2180983.1464844-.3613281.1464844H1.1132811c-.130209 0-.24414-.0488277-.3417968-.1464844C.6738276 12.0019526.625 11.8880215.625 11.7578125v-.1171875l.8007813-3.59375c-.130209-.0781254-.2343747-.1888014-.3125-.3320313-.0781254-.1432298-.1171875-.2994783-.1171875-.46875 0-.1822925.0488276-.3483065.1464843-.4980468.0976568-.1497404.2180983-.2701819.3613282-.3613282.0130208-.2734388.0683588-.5338529.1660156-.78125.0976567-.247397.231119-.4752593.4003906-.6835937L.546875 4.4726562V4.453125C.3906242 4.4140623.2604172 4.3294277.15625 4.1992187.0520828 4.0690098 0 3.9192718 0 3.75c0-.1692717.0520828-.3190098.15625-.4492188.1041672-.130209.2343742-.2148435.390625-.2539062L9.2773438.3515625l-.0195313.0195313c.117188-.0390627.2376296-.0683593.3613281-.0878907C9.7428392.2636718 9.869791.2539063 10 .2539063c.130209 0 .2571608.0097655.3808594.0292968.1236985.0195314.2376297.0423176.3417968.0683594L19.453125 3.046875Zm-8.4375 5.0585938 4.53125-1.40625.4492188 3.5546874c0 .2734389-.1562485.533853-.46875.78125-.3125016.2343762-.7421848.4427075-1.2890626.625-.5468777.1822926-1.1848921.3255204-1.9140624.4296876-.7291704.1041671-1.5039022.15625-2.3242188.15625-.8333375 0-1.6145797-.0520829-2.34375-.15625-.7291703-.1041672-1.3639296-.247395-1.9042969-.4296876-.5403673-.1822925-.9667953-.3906238-1.2792968-.625-.3125016-.247397-.46875-.5078111-.46875-.78125l.4296875-3.5546874 4.5507812 1.40625-.0390625-.0195313c.1692717.0520836.341796.0911457.5175781.1171875.1757821.0260418.3548168.0390625.5371094.0390625.1822926 0 .3613272-.0130207.5371094-.0390625.1757821-.0260418.3352857-.0585935.4785156-.0976563Z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-add { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32v144H48c-17.7 0-32 14.3-32 32s14.3 32 32 32h144v144c0 17.7 14.3 32 32 32s32-14.3 32-32V288h144c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z' fill='%234D2573' fill-rule='nonzero'/%3E%3C/svg%3E");}

.icon-sqm-info { width: 20px; height: 20px; display: inline-block; cursor: help; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm-40-176c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8v-88c0-13.3-10.7-24-24-24h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64h-24zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z' fill='%234D2573' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-size: 20px auto; mask-position: center; transform: translate(8px, 2px); background: var(--ui-color); }


.icon-laptop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M128 32c-35.3 0-64 28.7-64 64v256h64V96h384v256h64V96c0-35.3-28.7-64-64-64H128zM19.2 384C8.6 384 0 392.6 0 403.2 0 445.6 34.4 480 76.8 480h486.4c42.4 0 76.8-34.4 76.8-76.8 0-10.6-8.6-19.2-19.2-19.2H19.2z' fill='%2373A9CA' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-mobile {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M16 64C16 28.7 44.7 0 80 0h224c35.3 0 64 28.7 64 64v384c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zm208 384a32 32 0 1 0-64 0 32 32 0 1 0 64 0zm80-384H80v320h224V64z' fill='%23286276' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-list {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M40 48c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24V72c0-13.3-10.7-24-24-24H40zm152 16c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM16 232v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24H40c-13.3 0-24 10.7-24 24zm24 136c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24H40z'/%3E%3C/svg%3E");
}


@media (min-width: 992px) {
  .icon-sqm-info { transform: translate(8px, 1px); }
}


.icon-blocked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M367.2 412.5 99.5 144.8C77.1 176.1 64 214.5 64 256c0 106 86 192 192 192 41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3C434.9 335.9 448 297.5 448 256c0-106-86-192-192-192-41.5 0-79.9 13.1-111.2 35.5l267.7 267.7zM0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0z' fill='%23FE0100' fill-rule='evenodd'/%3E%3C/svg%3E"); }


/*--- CUSTOM BRANDING ---*/
html:is([data-wl]) {}

html[data-wl="true"] .about-branding { background-color: var(--bg-color);  background-size: 80% auto;  }
html[data-wl="true"] .about-branding::after { display: none; }
html[data-wl="true"] .about-branding::before { content: ''; position: absolute; left: 15%; right: 15%; top: 15%; bottom: 15%; background-image: var(--bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none; }

html[data-wl="true"] .branding-cont { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 1rem; }
html[data-wl="true"] .branding-cont .back-to-home { width: 160px; height: 60px; z-index: 1; background-image: var(--bg-image); background-color: var(--bg-color); background-repeat: no-repeat; background-size: contain; background-position: center; border-radius: 5px; display: block; margin: 15px auto; border: 10px solid var(--bg-color);  order: 1;  margin: 0; margin-left: 1rem; }
html[data-wl="true"][dir="rtl"] .branding-cont .back-to-home { margin: 0; margin-right: 1rem; }

html[data-wl="true"] .home .branding-cont .back-to-home { pointer-events: none; }

html[data-wl="true"] .map-page .branding-cont { z-index: 1021; position: fixed; right: 10px; top: 10px; }
html[data-wl="true"] .map-page .branding-cont > *:not(.back-to-home) { display: none; }
html[data-wl="true"] .map-page .branding-cont .back-to-home { margin: 0; border-radius: .5rem; width: 100px; height: unset; aspect-ratio: 2/ 1; }

html[data-wl="true"] .col-12:not(.dmg-proje) .big-photos::after,
html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after,
html[data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after
 { position: absolute; right: 10px; top: 10px; width: 100px; aspect-ratio: 2 / 1; z-index: 1; content: ''; background-image: var(--bg-image); background-color: var(--bg-color); background-repeat: no-repeat; background-size: contain; background-position: center; border-radius: 5px; border: 7px solid var(--bg-color); }
html[data-wl="true"] div:not(.dmg-proje) .constVisualCont .img-cont::after { width: 80px; }

@media (min-width: 768px) {
  html[data-wl="true"] .branding-cont { margin-bottom: 20px; }
  html[data-wl="true"] .branding-cont .back-to-home {  position: absolute; margin: 0; left: calc(50% - 80px);  }
  html[data-wl="true"] .col-12:not(.dmg-proje) .big-photos::after,
  html[data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after { position: absolute; margin: 0; right: 15px; top: 15px; width: 150px; }

  html[data-wl="true"] .map-page .branding-cont { right: 15px; top: 15px; width: 150px; }
  html[data-wl="true"] .map-page .branding-cont .back-to-home { width: 150px; left: unset; position: relative; }

  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after { width: 100px; right: 10px; top: 10px; }
}

@media (min-width: 992px) {
  html[data-wl="true"] .col-12:not(.dmg-proje) .big-photos::after,
  html[data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after,

  html[data-wl="true"] .branding-cont .back-to-home {   }

  html[data-wl="true"] .map-page .branding-cont { right: 20px; top: 20px; width: 180px; }
  html[data-wl="true"] .map-page .branding-cont .back-to-home { width: 180px; left: unset; position: relative; }

  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after { width: 80px; }

}

@media (min-width: 1180px) {
}

@media (min-width: 1200px) {
  html[data-wl="true"] body.home > .container-fluid { margin-top: 20px; }
  html[data-wl="true"] .branding-cont .back-to-home { width: 180px; height: 76px; /* left: calc(50% - 90px);*/ transform: translateY(0); }
  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after { width: 60px; right: 5px; top: 5px; }
}



/*!
*
* ColorPick jQuery plugin
* https://github.com/philzet/ColorPick.js
*
* Copyright (c) 2017-2019 Phil Zet (a.k.a. Phil Zakharchenko)
* Licensed under the MIT License
*
*/@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(../s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(../s/opensans/v13/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format("woff")}.colorPickWrapper{position:relative;width:0;height:0}#colorPick *{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}#colorPick{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(15px);position:absolute;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.2);padding:15px;font-family:"Open Sans",sans-serif;width:140px;box-sizing:content-box;z-index:999}#colorPick span{user-select:none;font-size:9pt;text-transform:uppercase;font-weight:700;color:#bbb;margin-bottom:5px;display:block;clear:both}.customColorHash{border-radius:5px;height:23px;width:122px;margin:1px 4px;padding:0 4px;border:1px solid #babbba;outline:0}.customColorHash.error{border-color:#ff424c;color:#ff424c}.colorPickButton{border-radius:5px;width:20px;height:20px;margin:0 3px;cursor:pointer;display:inline-block;border:thin solid #eee}.colorPickButton:hover{transform:scale(1.1)}.colorPickDummy{background:#fff;border:1px dashed #bbb}






/*--- NEW INDEX PAGE ---*/
body.landing { background-image: none; background-color: #FFF;  }
body.landing.fixed::after { z-index: 1051; }
body.landing .iti { font-size: 14px; }
body.landing .iti.iti--allow-dropdown.iti--separate-dial-code { width: 100%; }
body.landing::before { display: none; }
body.landing > .container-fluid { max-width: unset!important; padding: 0; margin: 0; width: 100%; max-width: 100%; }
body.landing > .container-fluid > .row { margin: 0; display: unset; width: 100%; max-width: 100%; }

body.landing .container-fluid { max-width: 1250px; margin-top: 0; color: #101828; letter-spacing: 0; }

body.landing h1 { font-size: 42px; font-weight: 700; letter-spacing: -1px; line-height: 1.1; }
body.landing h2 { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 12px; }
body.landing h3 { font-size: 26px; font-weight: 700; margin-bottom: 15px; }
body.landing p { font-size: 16px; letter-spacing: 0.5px; line-height: 24px; margin-bottom: 20px; }
body.landing p.sub-p { color: #475467; font-size: 18px; line-height: 29px; letter-spacing: normal; text-align: center; margin-bottom: 20px; }
body.landing p.sub-p span { background: left 1em / 1em 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to bottom, #F9F871, #F9F871); position: relative; display: inline-block; font-weight: 700; }

body.landing .btn-demo { color: #FFFFFF; font-size: 18px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.2225; background: #008245; border-radius: 6px; border-radius: 2rem; padding: 13px 22px; padding-right: 48px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9843811 7.8236366c.4555512-.4555512.4555512-1.1953664 0-1.6509176L10.1533255.3416634c-.4555512-.4555512-1.1953664-.4555512-1.6509176 0-.4555512.4555512-.4555512 1.1953664 0 1.6509176l3.8448523 3.8412079H1.1662112C.5211505 5.8337889 0 6.3549395 0 7c0 .6450605.5211506 1.1662111 1.1662111 1.1662111h11.1774047L8.5060523 12.007419c-.4555512.4555512-.4555512 1.1953664 0 1.6509176.4555512.4555512 1.1953664.4555512 1.6509176 0l5.8310556-5.8310556-.0036444-.0036444Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 23px) center; background-size: auto 13px; transition: ease all .2s; }
body.landing .btn-demo:hover { background-position: calc(100% - 13px) center; background-color: #3f44d9; }

body.landing .header { background-color: #FFF; padding: 0 15px; }
body.landing .header-cont { width: 100%; max-width: 1230px; margin: 0 auto; padding: 12px 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
body.landing .header-cont .logo { cursor: pointer; max-width: 200px; }
body.landing .header-cont .logo img { max-width: 100%; height: auto; }

body.landing .header-cont .btn-menu { outline: 1px solid #4D2573; outline: 1px solid var(--ui-color); margin-left: 15px; order: 3; }
body.landing .header-cont .dropdown-lang { order: 2; margin-left: auto; }

body.landing .header-cont .menu { background-color: #FFF; margin: 0 auto; display: flex; align-items: center; gap: 12px 0; flex-direction: column; pointer-events: all; padding: 15px; pointer-events: all; border-top: 1px solid #dadada; border-radius: 0; text-decoration: none; }
body.landing .header-cont .menu a { color: #000000; font-size: 18px; font-weight: 600; transition: ease all .2s; padding: 10px 0; width: 100%; text-align: center; position: relative; height: 48px; border: 0; }
body.landing .header-cont .menu a.active,
body.landing .header-cont .menu a:hover,
body.landing .header-cont .menu a:active { color: #008245; text-decoration: none; background-color: unset; }

body.landing .header-cont .menu .btn { width: 100%; }
body.landing .header-cont .btn:not(.btn-menu) { background-image: none; font-size: 18px; line-height: 1.33; padding: 11px 16px; border: 1px solid #008245; }
body.landing .header-cont .btn-login { background-color: #FFF; color: #008245; font-weight: 700; border-radius: 6px; border-radius: 2rem; }
body.landing .header-cont .btn:hover:not(.btn-menu) { background-color: #3f44d9; color: #FFF; border-color: #3f44d9; }
body.landing .header-cont .btn:not(body.landing .header-cont .menu .btn, .btn-menu) { display: none; }

body.landing:has(#mobile-menu.show) .header { z-index: 1041; }
body.landing #mobile-menu { padding-right: 0!important; }
body.landing #mobile-menu .modal-dialog { margin: 0; }
body.landing #mobile-menu.fade .modal-dialog { transition: transform .2s ease-out,-webkit-transform .2s ease-out; transform: translateY(-110%); }
body.landing #mobile-menu.show { top: 60px; }
body.landing #mobile-menu.show .modal-dialog { -webkit-transform: none; transform: none; max-width: 100%; }

body.landing:has(.modal-backdrop.fade.show) { overflow: hidden; }

body.landing .hero { background-image: url(../img/home/hero-pattern.png); display: flex; align-items: center; margin-bottom: 40px; }
body.landing .hero-cont { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; max-width: 1230px; margin: 0 auto; padding: 30px 15px; }
body.landing .hero-content { max-width: 600px; }
body.landing .hero-content h1 { color: #FFFFFF; margin-bottom: 20px; text-align: center; }
body.landing .hero-content p { color: #FFFFFF; font-size: 21px; letter-spacing: -.0025em; line-height: 29px; margin-bottom: 20px; text-align: center; }
body.landing .hero-content .btn-demo { font-size: 21px; letter-spacing: 0.5px; line-height: normal; padding: 13px 30px; padding-right: 68px;  background-size: auto 19px; background-position: calc(100% - 30px) center; margin: 0 auto; margin-bottom: 15px; width: 100%; max-width: 340px; display: block; text-align: left; width: 100%; }
body.landing .hero-content .btn-demo:hover { background-position: calc(100% - 20px) center; }
body.landing .hero-img { border-radius: 12px; max-width: 520px; max-height: 520px; width: 100%; height: auto; overflow: hidden; position: relative; aspect-ratio: 1/ 1; }
body.landing .hero-img video  { height: 100%; width: 100%; object-fit: cover; object-position: center center; opacity: 1; cursor: pointer;  }
body.landing .hero-img video[poster] { object-fit: contain; }
body.landing .hero-img.play::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter x='-51.7%25' y='-48.3%25' width='203.3%25' height='203.3%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Cpath d='M5.703125 1.4544689C4.546875.8452016 3.09375.8251159 1.9140625 1.3942117S0 3.0345467 0 4.1995192v23.567261c0 1.1649726.734375 2.2362117 1.9140625 2.8053075 1.1796875.5690958 2.6328125.5423149 3.7890625-.0602572l22.5-11.7836305C29.3203125 18.1457137 30 17.1079508 30 15.9831497s-.6796875-2.1558687-1.796875-2.7450503l-22.5-11.7836305Z' id='b'/%3E%3C/defs%3E%3Cg transform='translate(10 8)' fill-rule='nonzero' fill='none'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E"); background-size: 40% auto; background-position: center; background-repeat: no-repeat; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; z-index: 1; transition: ease-in-out all .2s; }
body.landing .hero-img:hover::before { transform: scale(1.1); }

body.landing .hero-content .btn-video { display: block; border: 0; background-color: #fff; font-size: 21px; margin: 0 auto; margin-bottom: 30px; border-radius: 2rem; padding: 13px 30px; padding-left: 50px; width: 100%; max-width: 340px; font-weight: 700; outline: 0!important; box-shadow: none!important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80v352c0 17.4 9.4 33.4 24.5 41.9S58.2 482 73 473l288-176c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E"); background-position: 30px 22px; background-repeat: no-repeat; background-size: auto 16px; transition: ease background-color .2s; text-align: left; max-width: 340px; width: 100%; }
body.landing .hero-content .btn-video:hover { background-color: #dedede; }

body.landing .hero-content .btn-video.pause { background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 0h1c1.6568543 0 3 1.3431457 3 3v20c0 1.6568542-1.3431457 3-3 3h-1c-1.6568543 0-3-1.3431458-3-3V3c0-1.6568543 1.3431457-3 3-3Zm9 0h1c1.6568542 0 3 1.3431457 3 3v20c0 1.6568542-1.3431458 3-3 3h-1c-1.6568542 0-3-1.3431458-3-3V3c0-1.6568543 1.3431458-3 3-3Z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

body.landing .brands { background: #19875426; border-radius: 24px; width: calc(100% - 30px); max-width: 1230px; padding: 20px 15px; margin: 0 auto; }
body.landing .brands-logos { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; }
body.landing .brands-logos img { width: 100%; height: 100%; max-width: 150px; max-height: 90px; object-fit: contain; border-radius: 6px; background-color: #FFF; padding: 15px; aspect-ratio: 5 / 3; }

body.landing .boxes { padding: 40px 15px; }
body.landing .box { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1230px; margin: 0 auto; margin-bottom: 70px; flex-direction: column; }
body.landing .box-content { width: 100%; text-align: center; margin-bottom: 30px; }

body.landing .video-box { background: #FEFEFE; box-shadow: 0 13px 20px 10px rgba(16,24,40,0.08); border-radius: 12px; aspect-ratio: 3 / 2;  max-width: 600px; width: 100%; overflow: hidden; }
body.landing .box-icon { margin-bottom: 20px; }

body.landing .video-box video { height: 100%; width: 100%; object-fit: cover; object-position: center center; opacity: 1; }

body.landing .developers { background: #198754; padding: 50px 15px; }
body.landing .developers h2 { color: #FFF; margin-bottom: 30px; }
body.landing .developers-cont { width: 100%; max-width: 1230px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; }
body.landing .developers-cont img { border-radius: 6px; background-color: #FFF; width: calc(33.333% - 20px); object-fit: contain; aspect-ratio: 21 / 13; padding: 15px; }

body.landing .plans { padding: 50px 15px 50px 15px; background-color: #F7F9FC; }
body.landing .package-cont { width: 100%; max-width: 1230px; margin: 0 auto; display: flex; gap: 20px; flex-wrap: wrap; }
body.landing .package { background: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 12px; padding: 25px 20px; padding-top: 35px; flex-shrink: 0; width: 100%; position: relative; }
body.landing .package-expert { border-color: #429F46; outline: 2px solid #429F46; padding-top: 57px; }

body.landing .most-popular { color: #FFF; font-size: 13px; font-weight: 600; letter-spacing: normal; text-align: center; line-height: 1; padding: 6px 0 9px 0; position: absolute; top: -1px; left: -1px; right: -1px; background-color: #429F46; border-top-left-radius: 9px; border-top-right-radius: 9px; }

body.landing .package h5 { color: #101828; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 17px; }
body.landing .price { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 10px; min-height: 52px; }
body.landing .price p { color: #727272; font-size: 24px; font-weight: 700; letter-spacing: 0; text-decoration: line-through; filter: blur(0px); margin: 0; }
body.landing .badge-landing { color: #727272; font-size: 12px; font-weight: 700; line-height: 12px; background: #FFFFFF; border: 1px solid #727272; border-radius: 3px; padding: 4px 8px; margin-top: 2px; }
body.landing .price-new { margin-bottom: 20px; text-align: center; min-height:74px; }
body.landing .package-corp .price-new { display: flex; align-items: center; justify-content: center; }
body.landing .price-new p { color: #5357D5; font-size: 36px; font-weight: 800; line-height: 49px; margin-bottom: 0; filter: blur(0px); display: flex; align-items: center; justify-content: center; }
body.landing .price-new p small { display: inline-block; font-size: 12px; font-weight: 800; margin: 0; line-height: 1; width: fit-content; margin-left: 3px; transform: translateY(2px); letter-spacing: normal; }
body.landing .package-corp .price-new p { font-size: 26px; line-height: 32px; }

body.landing .price-new small {  color: #5357D5; font-size: 14px; font-weight: 600; margin-top: -4px; display: block; }

body.landing .package-calc { display: flex; align-items: center; justify-content: center; gap: 0 15px; min-height: 38px; }
body.landing .package-calc p { margin-bottom: 0; font-size: 14px; line-height: 16px; letter-spacing: normal; }
body.landing .package-calc p strong { font-weight: 700; margin-left: 2px; }
body.landing .package-calc .btn { border: 1px solid #D7D5DD; border-radius: 50%; font-weight: 700; width: 30px; height: 30px; flex-shrink: 0; background-repeat: no-repeat!important; background-position: center!important; position: relative; }
body.landing .package-calc .btn:after { content: ""; position: absolute; left: -5px; top: -4px; width: 38px; height: 38px; }

body.landing .package-calc .btn:hover { background-color: #3f44d9; border-color: #3f44d9; }
body.landing .package-calc .btn-minus { background-image: url("data:image/svg+xml,%3Csvg width='16' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2356495 4H0V0h16v4H9.7643505z' fill='%23010128' fill-rule='nonzero'/%3E%3C/svg%3E"); background-size: 16px auto; }
body.landing .package-calc .btn-minus:hover { background-image: url("data:image/svg+xml,%3Csvg width='16' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2356495 4H0V0h16v4H9.7643505z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }
body.landing .package-calc .btn-plus { color: #FFF; background: #5357D5; border-color: #5357D5; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.0151057 11.028169H0V7.0623742h7.0151057V0h3.9697886v7.0623742H18v3.9657948h-7.0151057V18H7.0151057z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-size: 16px auto; }
body.landing .package-calc input { text-align: center; background: #FFFFFF; border: 1px solid #D7D5DD; border-radius: 6px; font-weight: 700; }

body.landing .btn-buy { color: #FFFFFF; font-size: 17px; font-weight: 700; line-height: 24px; text-align: center; background: #008245; border-radius: 7px; border-radius: 2rem; padding: 10px 0; margin: 25px 0; width: 100%; border: 0; }
body.landing .btn-buy:hover { background-color: #3f44d9; }

body.landing .features { margin: 0; margin-bottom: 15px; padding: 0; }
body.landing .features:last-child { margin-bottom: 0; }
body.landing .features li { color: #010128; list-style: none; font-size: 14px; letter-spacing: 0; line-height: 17px; padding-left: 20px; margin-bottom: 15px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.748912.2636307c.334784.3515076.334784.9223559 0 1.2738634L4.8925343 8.7363693c-.334784.3515076-.8784734.3515076-1.2132574 0L.251088 5.1369317c-.334784-.3515075-.334784-.9223559 0-1.2738634.3347841-.3515076.8784734-.3515076 1.2132575 0L4.2872447 6.824168 10.5383328.2636307c.334784-.3515076.8784734-.3515076 1.2132574 0h-.0026782Z' fill='%23008D47' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 5px; }
body.landing .features li:last-child { margin-bottom: 0; }
body.landing .features-disabled li { color: #808093; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4487632 4.9946926 9.8409895 1.645946c.2120141-.2137498.2120141-.4987495 0-.7124992L9.1342756.1496976C9.0412281.0539539 8.9138715 0 8.7809187 0c-.1329527 0-.2603093.0539539-.3533569.1496976L5.0353357 3.498444 1.7137809.1496976C1.6207334.0539539 1.4933768 0 1.360424 0c-.1329527 0-.2603093.0539539-.3533569.1496976L.3003534.9334468c-.2826856.2137497-.2826856.4987494 0 .7124992l3.180212 3.3487466L.1590106 8.3434392c-.2120141.2137498-.2120141.4987495 0 .7124993l.7773852.7124992c.212014.2849997.4946996.2849997.7067137 0l3.3215548-3.2774966 3.3215548 3.3487466c.2120141.2137497.4946996.2137497.7067138 0l.7773851-.7837492c.2120142-.2137498.2120142-.4987495 0-.7124993L6.5194346 4.9946926h-.0706714Z' fill='%23727272' fill-rule='nonzero'/%3E%3C/svg%3E"); background-position: 0 4px; }
body.landing .features .feature-add { font-weight: 700; background-image: none; padding-left: 0; }

body.landing .user-cont-desc { text-align: center; font-size: 14px; line-height: 17px; letter-spacing: normal; margin: 1rem auto 0 auto; }
body.landing .user-cont-desc strong { margin-right: 2px; }

body.landing .footer { background-color: #006134; color: #FFF; padding: 15px; text-align: center; }
body.landing .footer h2 { margin-top: 55px; margin-bottom: 20px; line-height: 1; }
body.landing .footer .btn-demo { background-image: none; padding: 15px 30px; margin-bottom: 70px; font-size: 21px; }
body.landing .footer-cont { width: 100%; max-width: 1230px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
body.landing .footer-logo { display: flex; flex-direction: column; margin-bottom: 15px; align-items: center; }
body.landing .footer-logo .logo { margin-bottom: 10px; width: fit-content; max-width: 246px; }
body.landing .footer-logo .logo img { max-width: 100%; height: auto; }
body.landing .footer-logo small { font-size: 12px; letter-spacing: 0; display: inline-block; opacity: .5; }
body.landing .footer p { font-size: 14px; margin-bottom: 10px; opacity: .5; letter-spacing: normal; }
body.landing .footer p:hover, body.landing .footer p:active { opacity: 1; }
body.landing .footer-cont .social { display: flex; gap: 0 15px; }
body.landing .footer-cont .social a { border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #EFF0FF; background-color: rgba(255, 255, 255, .25); transition: ease all .2s; background-repeat: no-repeat; background-position: center; }
body.landing .footer-cont .social a:hover { background-color: rgba(255, 255, 255, 1); }

body.landing .footer-cont .social a.facebook { background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1914062 9.9376953V17h3.8515626V9.9376953h2.8720703l.5976562-3.2472656H6.0429688V5.5416016c0-1.7166016.6740234-2.3740235 2.4138671-2.3740235.541211 0 .9761719.0132813 1.2285157.0398438V.2623047C9.2105469.1328125 8.0484375 0 7.3777344 0 3.8283203 0 2.1914062 1.6767578 2.1914062 5.2925781v1.3978516H0v3.2472656h2.1914062Z' fill='%23FFF'/%3E%3C/svg%3E"); }

body.landing .footer-cont .social a.facebook:hover { background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1914062 9.9376953V17h3.8515626V9.9376953h2.8720703l.5976562-3.2472656H6.0429688V5.5416016c0-1.7166016.6740234-2.3740235 2.4138671-2.3740235.541211 0 .9761719.0132813 1.2285157.0398438V.2623047C9.2105469.1328125 8.0484375 0 7.3777344 0 3.8283203 0 2.1914062 1.6767578 2.1914062 5.2925781v1.3978516H0v3.2472656h2.1914062Z' fill='%230865FE'/%3E%3C/svg%3E"); }

body.landing .footer-cont .social a.instagram { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5018963 4.1414147c-2.4120469 0-4.357613 1.9460002-4.357613 4.3585853 0 2.4125851 1.9455661 4.3585853 4.357613 4.3585853 2.4120468 0 4.3576129-1.9460002 4.3576129-4.3585853 0-2.4125851-1.9455661-4.3585853-4.3576129-4.3585853Zm0 7.1922347c-1.5587284 0-2.8330173-1.2707798-2.8330173-2.8336494 0-1.5628696 1.2704963-2.8336494 2.8330173-2.8336494 1.5625209 0 2.8330173 1.2707798 2.8330173 2.8336494 0 1.5628696-1.2742889 2.8336494-2.8330173 2.8336494Zm5.5522587-7.3705232c0 .5652125-.4551031 1.0166239-1.0163971 1.0166239-.5650864 0-1.0163971-.4552047-1.0163971-1.0166239 0-.5614192.4551032-1.0166239 1.0163971-1.0166239.561294 0 1.0163971.4552047 1.0163971 1.0166239Zm2.8861127 1.0317974c-.0644729-1.3618208-.3754601-2.5681134-1.3728946-3.561977-.9936419-.9938637-2.1996653-1.3049203-3.5611824-1.373201-1.4032348-.0796608-5.6091466-.0796608-7.0123814 0-1.3577245.0644874-2.563748.3755439-3.5611824 1.3694076C.4351924 2.4230168.1279978 3.6293094.0597323 4.9911302c-.0796431 1.4035479-.0796431 5.6103983 0 7.0139462.0644729 1.3618208.3754601 2.5681134 1.3728946 3.561977.9974344.9938637 2.1996653 1.3049203 3.5611824 1.373201 1.4032348.0796608 5.6091466.0796608 7.0123814 0 1.3615171-.0644874 2.5675405-.3755439 3.5611824-1.373201.993642-.9938636 1.3046291-2.2001562 1.3728946-3.561977.0796431-1.4035479.0796431-5.6066049 0-7.0101528ZM15.12744 13.5110454c-.295817.7435011-.8684885 1.3163004-1.6156162 1.6159768-1.1187954.4438246-3.7735639.3414036-5.0099275.3414036-1.2363637 0-3.8949247.0986276-5.0099275-.3414036-.7433352-.2958831-1.3160067-.8686824-1.6156163-1.6159768C1.4326269 12.3920004 1.5350251 9.7366395 1.5350251 8.5c0-1.2366395-.0986057-3.8957938.3413274-5.0110454.295817-.7435011.8684885-1.3163004 1.6156163-1.6159768 1.1187953-.4438246 3.7735638-.3414036 5.0099275-.3414036 1.2363636 0 3.8949247-.0986276 5.0099275.3414036.7433352.2958831 1.3160067.8686824 1.6156162 1.6159768.4437256 1.119045.3413274 3.7744059.3413274 5.0110454 0 1.2366395.1023982 3.8957938-.3413274 5.0110454Z' fill='%23FFF'/%3E%3C/svg%3E"); }

body.landing .footer-cont .social a.instagram:hover { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5018963 4.1414147c-2.4120469 0-4.357613 1.9460002-4.357613 4.3585853 0 2.4125851 1.9455661 4.3585853 4.357613 4.3585853 2.4120468 0 4.3576129-1.9460002 4.3576129-4.3585853 0-2.4125851-1.9455661-4.3585853-4.3576129-4.3585853Zm0 7.1922347c-1.5587284 0-2.8330173-1.2707798-2.8330173-2.8336494 0-1.5628696 1.2704963-2.8336494 2.8330173-2.8336494 1.5625209 0 2.8330173 1.2707798 2.8330173 2.8336494 0 1.5628696-1.2742889 2.8336494-2.8330173 2.8336494Zm5.5522587-7.3705232c0 .5652125-.4551031 1.0166239-1.0163971 1.0166239-.5650864 0-1.0163971-.4552047-1.0163971-1.0166239 0-.5614192.4551032-1.0166239 1.0163971-1.0166239.561294 0 1.0163971.4552047 1.0163971 1.0166239Zm2.8861127 1.0317974c-.0644729-1.3618208-.3754601-2.5681134-1.3728946-3.561977-.9936419-.9938637-2.1996653-1.3049203-3.5611824-1.373201-1.4032348-.0796608-5.6091466-.0796608-7.0123814 0-1.3577245.0644874-2.563748.3755439-3.5611824 1.3694076C.4351924 2.4230168.1279978 3.6293094.0597323 4.9911302c-.0796431 1.4035479-.0796431 5.6103983 0 7.0139462.0644729 1.3618208.3754601 2.5681134 1.3728946 3.561977.9974344.9938637 2.1996653 1.3049203 3.5611824 1.373201 1.4032348.0796608 5.6091466.0796608 7.0123814 0 1.3615171-.0644874 2.5675405-.3755439 3.5611824-1.373201.993642-.9938636 1.3046291-2.2001562 1.3728946-3.561977.0796431-1.4035479.0796431-5.6066049 0-7.0101528ZM15.12744 13.5110454c-.295817.7435011-.8684885 1.3163004-1.6156162 1.6159768-1.1187954.4438246-3.7735639.3414036-5.0099275.3414036-1.2363637 0-3.8949247.0986276-5.0099275-.3414036-.7433352-.2958831-1.3160067-.8686824-1.6156163-1.6159768C1.4326269 12.3920004 1.5350251 9.7366395 1.5350251 8.5c0-1.2366395-.0986057-3.8957938.3413274-5.0110454.295817-.7435011.8684885-1.3163004 1.6156163-1.6159768 1.1187953-.4438246 3.7735638-.3414036 5.0099275-.3414036 1.2363636 0 3.8949247-.0986276 5.0099275.3414036.7433352.2958831 1.3160067.8686824 1.6156162 1.6159768.4437256 1.119045.3413274 3.7744059.3413274 5.0110454 0 1.2366395.1023982 3.8957938-.3413274 5.0110454Z' fill='%23405DE6'/%3E%3C/svg%3E"); }


body.landing .landing-modal .modal-content { background-color: #008245; background-image: url(../img/home/hero-pattern.png); }
body.landing .landing-modal .modal-body { padding: 0; }
body.landing .landing-modal .modal-cont { width: 100%; max-width: 1230px; margin: 0 auto; }

body.landing .landing-modal .close { border-radius: 7px; border-radius: 2rem; background-color: #FFF; font-size: 19px; text-shadow: none; opacity: 1; color: #198754; display: flex; align-items: center; padding: 13px 20px; margin-top: 10px; margin-right: 10px; }
body.landing .landing-modal .close::after { margin-left: 7px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.378151 11.9872623 8.089328-8.0369918c.505583-.5129995.505583-1.1969988 0-1.7099983L21.782203.3592742C21.560315.1294892 21.256612 0 20.939564 0s-.620751.1294893-.842638.3592741L12.007597 8.396266 4.0867962.3592741C3.8649089.1294893 3.5612058 0 3.2441578 0c-.3170479 0-.620751.1294893-.8426384.3592741L.7162426 2.2402722c-.6741107.5129995-.6741107 1.1969988 0 1.7099983l7.5837454 8.0369918-7.9208007 8.0369918c-.5055831.5129994-.5055831 1.1969987 0 1.7099982l1.8538045 1.7099983c.505583.6839993 1.1796937.6839993 1.6852768 0l7.9208004-7.865992 7.920801 8.0369918c.505583.5129995 1.179694.5129995 1.685277 0l1.853805-1.8809981c.505583-.5129995.505583-1.1969988 0-1.7099982l-7.752274-8.0369918h-.168527Z' fill='%23198754' fill-rule='nonzero'/%3E%3C/svg%3E"); display: block; }

body.landing .landing-modal .modal-logo { display: block; margin: 0 auto 30px auto; max-width: 246px; height: auto; }

body.landing .landing-modal .form-demo,
body.landing .landing-modal .login-validate { clear: both; margin: 0 auto; padding: 24px; max-width: 408px; position: relative; overflow: hidden; }
body.landing .landing-modal .form-title { color: #FFFFFF; font-size: 24px; font-weight: 700; letter-spacing: 0; text-align: center; margin-bottom: 24px; }
body.landing .landing-modal .form-group { margin-bottom: 25px; position: relative; }
body.landing .landing-modal form label { font-weight: 700; letter-spacing: 0; color: #FFF; line-height: 1; margin-bottom: 10px; }
body.landing .landing-modal form label.hidden { display: none; }
body.landing .landing-modal form label.phone-error,
body.landing .landing-modal form label.error { margin-bottom: 0; position: absolute; bottom: 0; transform: translateY(calc(100% + 4px)); left: 0; font-size: 14px; font-weight: 600; color: yellow; }
body.landing .landing-modal form input { border: 0; background: #FFFFFF; border-radius: 12px; padding: 13px; height: fit-content; }
body.landing .landing-modal form input[type="tel"] { padding-left: 82px!important; }
body.landing .landing-modal form .btn { font-size: 18px; font-weight: 700; letter-spacing: 0;  border: 0; background: #008245; border-radius: 12px; border-radius: 2rem; padding: 16px 0; width: 100%; color: #FFF; }
body.landing .landing-modal form .btn:hover { background-color: #3f44d9; }


body.landing .landing-modal .thank-you { position: absolute; top: 120px; opacity: 0; pointer-events: none; }
body.landing .landing-modal .thank-you.active { opacity: 1; pointer-events: all; z-index: 1; }
body.landing .landing-modal .form-cont.hidden { opacity: 0; pointer-events: none; }
body.landing .landing-modal .thank-you .icon-done { width: 80px; height: 80px; background-repeat: no-repeat; background-size: 100% auto; margin: 0 auto; margin-bottom: 30px; filter: brightness(0) invert(1); }
body.landing .landing-modal .thank-you h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin: 0 0 1rem 0; color: #FFF; text-align: center; }
body.landing .landing-modal .thank-you p { color: #FFF; text-align: center; }
body.landing .landing-modal .counter-cont { min-height: 100px; width: fit-content; margin: 0 auto; }
body.landing .landing-modal .counter-box { color: #FFF; }
body.landing .landing-modal h5 { color: #FFF; font-size: 42px; font-weight: 700; letter-spacing: -0.075em; width: 90px; height: 90px; margin: 0; line-height: 1; position: absolute; top: 10px; display: flex; align-items: center; justify-content: center; }

@media (min-width: 768px) {
  body.landing h1 { font-size: 52px; }
  body.landing h2 { font-size: 36px; margin-bottom: 17px; }
  body.landing h3 { font-size: 28px; }
  body.landing p { font-size: 17px; line-height: 25px; }
  body.landing p.sub-p { font-size: 19px; line-height: 32px; margin-bottom: 25px; }

  body.landing .header { padding: 0; }
  body.landing .header-cont { flex-wrap: nowrap; padding: 12px 15px; }
  body.landing .header-cont .logo { max-width: 222px; }

  body.landing #mobile-menu.fade .modal-dialog { max-width: 100%; }

  body.landing .hero { margin-bottom: 50px; }
  body.landing .hero-content { max-width: unset; }
  body.landing .hero-cont { padding: 50px 15px; }
  body.landing .hero-content h1 { margin-bottom: 25px; }
  body.landing .hero-content p { font-size: 24px; line-height: 36px; margin-bottom: 25px; }
  body.landing .hero-content .btn-demo { font-size: 24px; padding: 15px 35px; padding-right: 0; background-size: auto 22px; background-position: calc(100% - 24px) center; margin-bottom: 20px; max-width: 370px; }
  body.landing .hero-content .btn-demo:hover { background-position: calc(100% - 16px) center; }

  body.landing .hero-content .btn-video { font-size: 24px; margin-bottom: 30px; padding: 15px 35px; padding-left: 56px; background-position: 35px 26px; background-size: auto 16px; max-width: 370px; }


  body.landing .brands { padding: 30px; }
  body.landing .brands-logos { gap: 20px; }

  body.landing .boxes { padding: 50px 0; }
  body.landing .box-content { padding: 0 30px; }

  body.landing .developers { padding: 60px 15px; }
  body.landing .developers-cont img { width: calc(25% - 23px); }

  body.landing .plans { padding: 60px 15px 60px 15px; }
  body.landing .plans p.sub-p { margin-bottom: 50px; }
  body.landing .package { width: calc(50% - 10px); }
  body.landing .package-expert { margin-top: -22px; padding-top: 57px; }

  body.landing .footer { padding: 15px 15px 50px 15px; }
  body.landing .footer h2 { margin-bottom: 20px; margin-top: 65px; }
  body.landing .footer .btn-demo { margin-bottom: 80px; font-size: 24px; }
  body.landing .footer-logo { margin-bottom: 25px; }
}

@media (min-width: 992px) {
  body.landing h1 { font-size: 64px; }
  html[lang="en"] body.landing h1 { font-size: 52px; }
  body.landing h2 { font-size: 42px; margin-bottom: 12px; }
  body.landing h3 { font-size: 30px; }
  body.landing p { font-size: 18px; line-height: 28px; }
  body.landing p.sub-p { font-size: 21px; line-height: 34px; margin-bottom: 40px; }

  body.landing .header-cont { flex-wrap: nowrap; }

  body.landing #mobile-menu.fade { opacity: 1; position: relative; top: unset; left: unset; right: unset; width: unset; height: unset; overflow: unset; display: block; transition: unset; margin: 0 auto; }
  body.landing #mobile-menu.fade .modal-dialog { transition: unset; transform: unset; }
  body.landing #mobile-menu.show { top: 0; }

  body.landing .header-cont .menu { gap: 0 25px; flex-direction: row; padding: 0; border-top: 0; }
  body.landing .header-cont .menu a { font-size: 15px; width: fit-content; padding: 0; height: unset; }

  body.landing .header-cont .btn { display: block; }
  body.landing .header-cont .menu .btn { display: none; }
  body.landing .header-cont .btn:not(body.landing .header-cont .menu .btn) { display: block; }
  body.landing .header-cont .btn:not(.btn-menu) { font-size: 15px; line-height: 20px; padding: 9px 16px; }
  body.landing .header-cont .btn-login { margin-right: 15px; }
  body.landing .header-cont .dropdown-lang { margin-left: 4px; }

  body.landing .hero { height: 550px; margin-bottom: 60px; }
  body.landing .hero-cont { flex-direction: row; padding: 0 15px; }
  body.landing .hero-content h1 { margin-bottom: 30px; text-align: left; }
  body.landing .hero-content p { font-size: 26px; line-height: 40px; margin-bottom: 30px; text-align: left; }
  body.landing .hero-content .btn-demo { font-size: 27px; background-position: calc(100% - 28px) center; background-size: auto 24px; margin: 0; margin-bottom: 20px; max-width: 400px; }
  body.landing .hero-content .btn-demo:hover { background-position: calc(100% - 16px) center; }

  body.landing .hero-content .btn-video { font-size: 27px; margin: 0; padding-left: 64px; background-position: 40px 28px; max-width: 400px; }

  body.landing .hero-img { max-width: 45%; }

  body.landing .brands-logos img { width: calc(20% - 20px); max-width: unset; }

  body.landing .boxes { margin-bottom: 40px; padding: 60px 15px; }
  body.landing .boxes p.sub-p { margin-bottom: 60px; }
  body.landing .box { flex-direction: row; margin-bottom: 110px; }
  body.landing .box-content { width: calc(50% - 20px); padding-right: 80px; transform: translateY(-10px); text-align: left; margin-bottom: 0; }
  body.landing .video-box { width: 50%; }
  body.landing .box-map .box-content { order: 1; }
  body.landing .box-map .video-box { order: 2; }
  body.landing .box-calc .box-content { order: 2; padding-left: 50px; padding-right: 40px; }
  body.landing .box-calc .video-box { order: 1; }
  body.landing .box-access .box-content { }
  body.landing .box-access .video-box { }
  body.landing .box-construction .box-content { order: 2; padding-left: 50px; padding-right: 0; }
  body.landing .box-construction .video-box { order: 1; }
  body.landing .box-prices .box-content { }
  body.landing .box-prices .video-box { }
  body.landing .box-documents .box-content { order: 2; padding-left: 50px; padding-right: 0; }
  body.landing .box-documents .video-box { order: 1; }


  body.landing .footer { padding: 15px; }
  body.landing .footer h2 { margin-bottom: 25px; margin-top: 75px; }
  body.landing .footer .btn-demo { margin-bottom: 95px; font-size: 24px; }
  body.landing .footer-cont { flex-direction: row; align-items: flex-start; }
  body.landing .footer-cont .social { margin-left: auto; }
  body.landing .footer p { margin-bottom: 0; font-size: 14px; }
  body.landing .footer-logo { margin-bottom: 0; align-items: flex-start; }
}


@media (min-width: 1200px) {
  body.landing .header-cont .menu { gap: 40px; }

  html[lang="en"] body.landing h1 { font-size: 60px; }

  body.landing .hero-content { max-width: 600px; }
  body.landing .header-cont .logo { max-width: 246px; }

  body.landing .hero { height: 600px; }
  body.landing .hero-img { max-width: 520px; }

  body.landing .brands { padding: 40px 30px; }
  body.landing .brands-logos { gap: 0 15px; }
  body.landing .brands-logos img { flex-shrink: 0; max-width: 150px; }
  body.landing .brands-logos .newline { flex-basis: 100%; height: 15px; }

  body.landing .boxes { margin-bottom: 40px; padding: 60px 15px; padding-bottom: 0; }

  body.landing .developers { padding: 70px 15px; }
  body.landing .developers h2 { margin-bottom: 40px; }
  body.landing .developers-cont { gap: 50px; }
  body.landing .developers-cont img { width: calc(20% - 40px); padding: 15px 30px; }

  body.landing .plans { padding: 70px 15px 100px 15px; }
  body.landing .plans p.sub-p { margin-bottom: 50px; }
  body.landing .package-cont { /* flex-wrap: nowrap; */ }
  body.landing .package { width: calc(25% - 15px); }
  body.landing .price-new p { font-size: 42px; line-height: 57px; }
  body.landing .package-expert { margin-top: -22px; padding-top: 57px; }
  body.landing .user-cont-desc { margin-top: 1.5rem; }

  body.landing .landing-modal .close { font-size: 26px; padding: 17px 25px; margin-top: 12px; margin-right: 12px; }
  body.landing .landing-modal .close::after { margin-right: 9px; width: 20px; height: 20px; }
  body.landing .landing-modal .modal-logo { margin: 0 auto 40px auto; }
  body.landing .landing-modal form input { padding: 16px; }
}

@media (min-width: 1366px) {
  body.landing .brands { width: 100%; }
  body.landing .brands-logos { gap: 0 20px; }
  body.landing .brands-logos .newline { height: 20px; }
  body.landing .landing-modal .close { margin-right: 0; }
}

.modal.modal-fullscreen .modal-dialog { width: 100vw; height: 100vh; margin: 0; padding: 0; max-width: none; }
.modal.modal-fullscreen .modal-content { height: auto; height: 100vh; border-radius: 0; border: none; }
.modal.modal-fullscreen .modal-body { overflow-y: auto; }




/* BANK ACCOUNTS MODAL */
#bankInfo { }
#bankInfo .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#bankInfo .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#bankInfo .modal-dialog { }
#bankInfo .modal-body { transition: ease all .35s; }
#bankInfo .logo { max-width: 246px; margin: 0 auto; display: block; }

#bankInfo h3 { font-weight: 700; margin: 2rem 0; text-align: center; font-size: 24px; }

#bankInfo .bank-garanti { width: 160px; height: 30px; margin-bottom: 20px; background-position: center; background-size: 100% auto; }
#bankInfo .bank-isbank { width: 170px; height: 44px; margin-bottom: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; }

#bankInfo p { letter-spacing: normal; line-height: 1.5; margin-bottom: 1rem; }

#bankInfo p span { font-weight: 600; }
#bankInfo p > span:not(.copy):not(.icon)::after { content: ':'; }
#bankInfo p.copy-iban { font-size: 15px; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin-bottom: 20px; }
#bankInfo p.copy-iban span.copy { font-size: 16px; color: #d60000; font-weight: 500; cursor: pointer; margin-left: 0; position: relative; width: unset; display: block;}

#bankInfo p.copy-iban span.copy i { color: #008D47; margin: 0; left: 20px; position: absolute; display: inline-block; font-style: normal; }

#bankInfo p.copy-iban span.copy .icon-copy { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' fill='%23FFF' fill-rule='nonzero' stroke='%23D60001'%3E%3Crect y='3' width='12' height='12' rx='1'/%3E%3Crect x='3' width='12' height='12' rx='1'/%3E%3C/g%3E%3C/svg%3E"); width: 16px; height: 16px; display: inline-block; transform: translateY(2px); }

#bankInfo p.copy-iban span.copy:active { color: #333; }

#bankInfo .note { color: #333; line-height: normal; }
#bankInfo .note span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999999' d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm-40-176h24v-64h-24c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E"); width: 19px; height: 19px; background-repeat: no-repeat; margin-right: 7px; transform: translateY(4px); }

@media (min-width: 576px) {
  #bankInfo .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #bankInfo .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
}

@media (min-width: 768px) {
  #bankInfo .logo { margin-top: 1rem; }
  #bankInfo h3 { margin-top: 1.5rem; margin-bottom: 1rem }
  #bankInfo p { display: flex; font-size: 16px; }
  #bankInfo p > span { width: 130px; }
  #bankInfo p > span::after { display: none; }
  #bankInfo p > span + span { width: fit-content; margin-right: 4px; }
  #bankInfo p.copy-iban { font-size: 16px; }
  #bankInfo p.copy-iban span.copy { margin-left: 15px;  }
  #bankInfo .note span { transform: translateY(1px); }
}


.bank-garanti {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 386.9 67.6'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='25.6' y1='18.3' x2='14.5' y2='4.1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%2373ab2b'/%3E%3Cstop offset='.7' stop-color='%23007f43'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='21.5' y1='30.6' x2='3' y2='14' xlink:href='%23a'/%3E%3ClinearGradient id='c' x1='21.6' y1='38.4' x2='1.8' y2='53.2' xlink:href='%23a'/%3E%3ClinearGradient id='d' x1='25' y1='48.5' x2='14.8' y2='63.3' xlink:href='%23a'/%3E%3ClinearGradient id='e' x1='31.1' y1='23.8' x2='36.8' y2='10.9' xlink:href='%23a'/%3E%3ClinearGradient id='f' x1='31.3' y1='22.4' x2='44.2' y2='22.4' xlink:href='%23a'/%3E%3ClinearGradient id='g' x1='33.7' y1='33.2' x2='44.7' y2='49.3' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%2373ab2b'/%3E%3Cstop offset='.8' stop-color='%23007f43'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='31.4' y1='38.9' x2='36.4' y2='54.5' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2373ab2b'/%3E%3Cstop offset='.7' stop-color='%23007f43'/%3E%3C/linearGradient%3E%3Cstyle%3E.a%7Bfill:%23004481%7D.b%7Bfill:%23121212%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M305 32.5h-.3c2.7-1.4 4.3-4.3 4.3-7.9 0-6.1-4.7-10.2-11.5-10.2h-19.3a.7.7 0 00-.7.7v37.7a.7.7 0 00.7.7h18.5c9.2 0 14.1-3.9 14.1-11.7 0-4.5-2.2-7.9-5.8-9.3zM284.7 20h11.5c4.1 0 6.3 1.1 6.3 4.5s-2.1 5.7-6.3 5.7h-11.5a.8.8 0 01-.8-.7v-8.8a.8.8 0 01.8-.7zm11.6 27.8h-11.6a.8.8 0 01-.8-.7V36.7a.9.9 0 01.8-.8h11.7c5.6.1 7.9 1.6 7.9 6s-2.4 5.9-8 5.9zM345.8 14.7l-12.9 24.5a.7.7 0 01-1.3 0l-12.9-24.5a.8.8 0 00-.7-.4h-6.2a.5.5 0 00-.5.8l20.3 38a.7.7 0 001.3 0l20.3-38a.5.5 0 00-.5-.8h-6.2a.7.7 0 00-.7.4zM264.4 32.5h-.3c2.7-1.4 4.3-4.3 4.3-7.9 0-6.1-4.7-10.2-11.5-10.2h-19.3a.7.7 0 00-.7.7v37.7a.7.7 0 00.7.7h18.5c9.2 0 14.1-3.9 14.1-11.7 0-4.5-2.2-7.9-5.8-9.3zM244.1 20h11.5c4.1 0 6.4 1.1 6.4 4.5s-2.2 5.7-6.4 5.7h-11.5a.7.7 0 01-.7-.7v-8.8a.7.7 0 01.7-.7zm11.6 27.8h-11.6a.8.8 0 01-.8-.7V36.7a.9.9 0 01.8-.8h11.7c5.6.1 7.9 1.6 7.9 6s-2.4 5.9-8 5.9zM352.3 47.4l12.9-24.5a.7.7 0 011.3 0l12.9 24.5a.7.7 0 00.7.4h6.2a.5.5 0 00.5-.8L366.5 9a.8.8 0 00-1.4 0l-20.3 38a.5.5 0 00.5.8h6.3a.8.8 0 00.7-.4z'/%3E%3Cpath class='b' d='M220.1 18.1a3.3 3.3 0 00-1.1-2.7 3.3 3.3 0 00-2.6-1.1 3.7 3.7 0 00-2.7 1.1 3.9 3.9 0 00-1 1.6 4.1 4.1 0 00-.1 1.1 3.6 3.6 0 001.1 2.6 3.3 3.3 0 002.7 1.1 3.3 3.3 0 002.6-1.1 3.3 3.3 0 001.1-2.6zM220.4 53.6a29 29 0 01-.5-7.3V30.7c0-3.3.3-6.2-2.8-6.2a14.4 14.4 0 00-5.2 1.9c1.2.8 1.6 2.4 1.6 5.8v14.1c0 4.1 0 6.3-.5 7.3zM202.4 54.2c-3 0-5.1-.9-6.4-2.7s-1.4-3.5-1.4-6.7V29h-4.4v-3.5l4.4-.5.5-6.9 5.9-.5V25h7.2v4H201v16c0 3.1 1.2 4.6 3.7 4.6a9.6 9.6 0 004.7-1.3l.6 3.8a16.5 16.5 0 01-7.6 2.1zM107.3 47.6a8.8 8.8 0 01-5.6 2.1c-2.9 0-4.7-1.2-4.7-4.2s4.2-7.5 10.3-5.9zm6.9 6a32.2 32.2 0 01-.5-6.6V34.8c0-8-3.6-10.5-11.3-10.5a19.2 19.2 0 00-8.2 1.8l-.8 4a19.8 19.8 0 018.7-1.9c5.5 0 5.2 4.2 5.2 8.3-7.5-2.2-17 .6-16.8 9.8.1 5.1 3.9 7.9 8.7 8a11.4 11.4 0 008.2-3.5l.5 2.8zM179.9 53.6a10.3 10.3 0 00.3-3.5V34.6c0-3.8-1.2-5.6-4-5.6s-4.7 1.6-6.8 3.4v14.1l.1 4.3c0 1.2.2 2.2.3 2.8h-7a38 38 0 00.3-6.9V32.1c0-3.6-.5-5-1.6-5.7 2.5-1.2 4-1.9 5.1-1.9s2.6 1.9 2.6 4.2c2.5-2.6 6-4.5 9.2-4.5s5.6 1.1 7 3.4a10.2 10.2 0 01.8 2.1 21.5 21.5 0 01.4 4.8v11.9c0 4.7.2 6.7.4 7.2zM133.9 29.3h-1.6c-2 0-4.1 1.1-6 3.4v14.2c0 4.2.1 6.2.3 6.7h-7a7 7 0 00.2-1.6l.1-5V32.1c0-3.2-.5-5-1.6-5.7 2-1 3.9-1.9 5.1-1.9s2.6 2 2.6 4.2q3-4.5 7.2-4.5l1.6.2zM157.5 53.6a29.4 29.4 0 01-.5-6.6V34.8c0-8-3.6-10.5-11.2-10.5a20.1 20.1 0 00-8.4 1.8l-.7 4.1a12 12 0 013.1-1.3 21 21 0 015.6-.7c5.5 0 5.2 4.2 5.2 8.4-7.5-2.3-17 .5-16.8 9.7.1 5.2 3.9 7.9 8.7 8a11 11 0 008.2-3.5 20.9 20.9 0 00.5 2.8zm-6.9-6a8.8 8.8 0 01-5.6 2.1c-2.9 0-4.7-1.2-4.7-4.2s4.2-7.5 10.3-5.9zM84.2 18.7a26.2 26.2 0 00-10-1.9 14.2 14.2 0 00-10.7 4.5A16.9 16.9 0 0059.2 33c0 5.1 1.3 9.2 3.9 12.2s6 4.5 10.6 4.5a17.6 17.6 0 006-.9v-12h-5.4a27.1 27.1 0 00-.6-4.8l13.1.5c-.5 1.5-.5 3.4-.5 6.7v5.2a37.1 37.1 0 00.5 7.3 37.3 37.3 0 01-13.7 2.8c-6.8 0-12-1.9-15.8-5.6s-5.9-8.7-5.9-15.2a21.3 21.3 0 016.5-15.8c4.1-4.1 9.6-6.1 16.3-6.1s7.9.7 11 1.8l-1 5.1'/%3E%3Cpath d='M26.4 27.1s1.7-8.3-2.4-19c0 0-3.1-8.2-9.4-8.1 0 0-3.8-.7-5.9 5.8 0 0 12.4 7.8 17.7 21.3z' style='isolation:isolate' fill='url(%23a)'/%3E%3Cpath d='M6.6 8.1s12.2 5.8 18.3 21.5c0 0-3 1.7-8.6 1.3S.6 25.4 0 17.9s6.6-9.8 6.6-9.8z' style='isolation:isolate' fill='url(%23b)'/%3E%3Cpath d='M25.2 35.3s-6-2.9-18.2 4.8-4.7 16.8.1 18.4a50.7 50.7 0 0018.1-23.2z' style='isolation:isolate' fill='url(%23c)'/%3E%3Cpath d='M9.2 61.2S20 54.1 26.6 37.8a38.2 38.2 0 01-5.1 26.1s-7.3 9.8-12.3-2.7z' style='isolation:isolate' fill='url(%23d)'/%3E%3Cpath d='M30 29.4S28.2 9.1 36 5.9c0 0 4.2-.5 4.7 6 0 0-.5 7.6-10.7 17.5z' style='isolation:isolate' fill='url(%23e)'/%3E%3Cpath d='M31.3 30.9s8.9-7.3 11.1-17.1c0 0 3.9 3.7.3 9.8s-7.2 7.7-11.4 7.3z' style='isolation:isolate' fill='url(%23f)'/%3E%3Cpath d='M32.1 34.3s5.5-.2 10.5 5.9c0 0 4.1 5.1-.5 11.3 0 0-2.6-10.2-10-17.2z' style='isolation:isolate' fill='url(%23g)'/%3E%3Cpath d='M30.5 35.5s6.3 4.7 9.9 17.9c0 0-.3 4.6-4.1 4.3s-5.2-3.3-5.9-11.3l.1-10.9z' style='isolation:isolate' fill='url(%23h)'/%3E%3C/svg%3E");
}

.bank-isbank {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114.1 30.1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2300428a%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M0 11.8v1.5h2.4v5.8H4v-5.8h2.5v-1.5H0zM10.6 10.4a1 1 0 11-1-1 1 1 0 011 1zM13.2 10.4a1 1 0 11-1-1 1 1 0 011 1zM23.9 11.8v7.3h1.6V17l1.4-1.3 2.3 3.5h2L28 14.3l2.4-2.5h-2l-3 3.1v-3.1H24zM32.1 11.8h1.7v7.3h-1.7zM33.9 10.4a1 1 0 11-1-.9 1 1 0 011 1zM55 4.2v.4s1 0 1 1v6.8l2.8 1.6V5.6a1 1 0 011.1-1v-.4z'/%3E%3Cpath class='cls-1' d='M59.2 6.6v.7a4.7 4.7 0 012.7 4h.4V6.6h-.4a1 1 0 01-1 .6 5.2 5.2 0 01-1.7-.6zM55.7 6.3V7s-2.5.4-2.5 2.7c0 0-.2 1.8 2.8 3.3l3.8 2.1s2.8 1.2 3.6 3.5A5.2 5.2 0 0161 25a7 7 0 01-2.5.7 1.8 1.8 0 011 1.6c0 1-1.3 2.8-1.9 2.8h-.3l.1-.2c.1-.2 1-1.1.8-1.7a2.5 2.5 0 01-1 .2 1.4 1.4 0 01-.2-2.8 9.2 9.2 0 01-1.8-.5c-1.3-.5-2.4-1-3 .2h-.4v-5h.4a6.1 6.1 0 006 4.8 3.5 3.5 0 003.8-3.4c0-.5 0-2-2.6-3.5l-5-2.8a5.2 5.2 0 01-2.8-4.5 4.7 4.7 0 014.2-4.6z'/%3E%3Cpath class='cls-1' d='M56 16.8l2.8 1.5v3.3a1 1 0 001 1v.4h-5v-.5s1.2 0 1.2-1zM34.5 11.8h2l2 3 2-3h2l-3.2 4.4v3h-1.7v-3l-3.1-4.4zM43 11.8h6v1.5h-4.2v1.2h2.4V16h-2.4v1.8H49V19h-6v-7.3zM59 1.6A1.6 1.6 0 1057.4 3 1.6 1.6 0 0059 1.5zM71.6 15.2a1.6 1.6 0 001-1.5c0-1.2-1.2-1.9-2.7-1.9H66v7.3h4s2.8 0 2.8-2.3a1.6 1.6 0 00-1.2-1.6zm-4-2h2.5c.8 0 .7.6.7.6a.7.7 0 01-.7.7h-2.4zm2.5 4.5h-2.4v-1.9H70s1 .1 1 1a1 1 0 01-1 1zM78 11.8h-1.8L73 19.1h1.8l.7-1.6h3l.7 1.6H81zm-2 4.3l1-2.5 1 2.5zM81.8 11.8v7.3h1.6v-4.7l3.7 4.7h1.5v-7.3h-1.7v4.7l-3.6-4.7h-1.5zM101.5 11.8H100L97 18.4l-2.6-4 2.5-2.6h-2.1l-3 3.2v-3.2h-1.7v7.3h1.7V17l1.3-1.4 2.3 3.5h3l.7-1.6h3l.7 1.6h1.9zm-1.8 4.3l1-2.5 1 2.5zM109.7 14l1.3-1.2a4.6 4.6 0 00-3-1.1c-1.8 0-3 .9-3 2.2s1 1.8 2.6 2.1 2 .6 1.9 1.2-1.3.6-1.6.6a2.7 2.7 0 01-2-.9l-1.2 1a4.6 4.6 0 003.2 1.3c2 0 3.3-.8 3.3-2.3s-1.2-1.9-2.5-2.2l-1.4-.3s-.6-.1-.6-.6.5-.7 1.3-.7a2.5 2.5 0 011.7.8zM112.4 11.8h1.7v7.3h-1.7zM7.5 11.8h1.7v4.3a1.7 1.7 0 001.7 1.7 1.8 1.8 0 001.8-1.7v-4.3h1.7V16a3.1 3.1 0 01-3.4 3.3A3.1 3.1 0 017.5 16zM21 16.3a2.2 2.2 0 001.6-2.1 2.4 2.4 0 00-2.6-2.4h-4.2v7.3h1.7v-2.6h1.7l1.5 2.6h2zM19.9 15h-2.4v-1.9h2.4a1 1 0 011 1 1 1 0 01-1 1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}




.icon-lang-hu {
  background-image: url("data:image/svg+xml,%3Csvg width='900' height='600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath fill='%23477050' d='M0 0h900v600H0z'/%3E%3Cpath fill='%23FFF' d='M0 0h900v400H0z'/%3E%3Cpath fill='%23CE2939' d='M0 0h900v200H0z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  border-radius: 13px;
}

.icon-lang-sk {
  background-image: url("data:image/svg+xml,%3Csvg width='900' height='600' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M244.3 0s4.7 46.8 4.7 140.3c-.7 95.4-72 143.8-124.5 169.2C72.1 284.1.7 235.7 0 140.2 0 46.8 4.7 0 4.7 0h239.6Z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero'%3E%3Cpath fill='%23FFF' d='M0 0h900v600H0z'/%3E%3Cpath fill='%230B4EA2' d='M0 200h900v400H0z'/%3E%3Cpath fill='%23EE1C25' d='M0 400h900v200H0z'/%3E%3C/g%3E%3Cpath d='M389.8 145.5s4.7 46.8 4.7 140.3c-.7 95.4-72 143.8-124.5 169.2-52.4-25.4-123.8-73.8-124.5-169.3 0-93.4 4.7-140.2 4.7-140.2h239.6Z' fill='%23EE1C25' fill-rule='nonzero'/%3E%3Cpath d='M259.4 400V283c-39.6 0-50.8 3.6-62.6 7.2 1-12 1-24 0-36 11.8 3.6 23 7.1 62.6 7.1v-32.5c-12.5 0-29.7.5-49.6 7.3 1.2-12 1.2-24 0-36 19.9 6.7 37.1 7.2 49.6 7.2 0-9.5-2.9-29.7-6.6-46.5 11.5 1 23 1 34.4 0-3.7 16.8-6.6 37-6.6 46.4 12.5 0 29.7-.4 49.6-7.1-1.2 12-1.2 24 0 36-19.9-6.8-37.1-7.3-49.6-7.3v32.5c39.6 0 50.8-3.5 62.6-7-1 11.9-1 24 0 35.9-11.8-3.6-23-7.1-62.6-7.1V400h-21.2Z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cg transform='translate(145.5 145.5)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M59.8 346.4c-18.6 0-35-20.7-40.4-51.1-5.5-30.4 1.3-63.3 16.7-81C51.5 196.5 72 198 86.3 218c9.3-21.7 23.3-34.3 38.2-34.3 14.9 0 29 12.6 38.2 34.3 14.4-20 34.8-21.5 50.2-3.7 15.4 17.7 22.2 50.6 16.7 81-5.4 30.4-21.8 51.1-40.3 51.1H59.7Z' fill='%230B4EA2' fill-rule='nonzero' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M389.8 145.5s4.7 46.8 4.7 140.3c-.7 95.4-72 143.8-124.5 169.2-52.4-25.4-123.8-73.8-124.5-169.3 0-93.4 4.7-140.2 4.7-140.2h239.6Z' stroke='%23FFF' stroke-width='9'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  border-radius: 13px;
}

.icon-lang-cs {
  background-image: url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='a' cx='300' cy='300' r='300'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cpath fill='%23D7141A' fill-rule='nonzero' mask='url(%23b)' d='M-148 0h900v600h-900z'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' mask='url(%23b)' d='M-148 0h900v300h-900z'/%3E%3Cpath fill='%2311457E' fill-rule='nonzero' mask='url(%23b)' d='M302 300-148 0v600z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  border-radius: 13px;
}