/*---------------------*/
/* - SWIPER CUSTOM     */
/*---------------------*/
.swiper-entry {position: relative;}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-lazy-preloader {border: none;background-image: url(../img/icons/icon-loader.svg);background-position: center;background-size: contain;background-repeat: no-repeat;}
.swiper-container:not(.swiper-no-swiping) .swiper-wrapper {cursor: url(../img/drag.png) 16 9,ew-resize;}
.swiper-container-vertical:not(.swiper-no-swiping) .swiper-wrapper {cursor: url(../img/drag-vertical.png) 8 16,ns-resize;}
.swiper-controls-hide .swiper-wrapper {cursor: default !important;}
.swiper-controls-hide .swiper-button-wrap,
.swiper-controls-hide .swiper-button-lock,
.swiper-controls-hide .swiper-pagination-lock {display: none !important;}
.swiper-pagination.swiper-pagination-relative {position: relative;margin-top: 30px;bottom: auto !important;}
.swiper-pagination {line-height: 0;z-index: 2;bottom: 30px !important;}
.swiper-pagination-bullet {position: relative;width: 25px;height: 2px;background-color: transparent;opacity: 1;border-radius: 0;border-bottom: 1px solid var(--separator);-webkit-transition: var(--transition);transition: var(--transition);}
.swiper-pagination-bullet-active {background-color: var(--clr-primary);border-color: var(--clr-primary);}
.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;}
.swiper-button-next:after,
.swiper-button-prev:after {content: none;}
.swiper-button-prev,
.swiper-button-next {display: inline-block;position: relative;right: 0;left: 0;margin: 0;width: 40px;height: 20px;border: none;border-radius: 0;-webkit-transition: var(--transition);transition: var(--transition);}
.swiper-button-prev i,
.swiper-button-next i {display: inline-block;position: relative;width: 100%;height: 100%;}
.swiper-button-prev i::before,
.swiper-button-next i::before {content: "";position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 2px;color: var(--clr-black);-webkit-backface-visibility: hidden;backface-visibility: hidden;background: currentColor;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.swiper-button-prev i::after,
.swiper-button-next i::after {content: "";position: absolute;right: 2px;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);width: 12px;height: 12px;color: var(--clr-black);-webkit-backface-visibility: hidden;backface-visibility: hidden;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity: 0.3;}
.swiper-button-prev {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.swiper-button-wrap {line-height: 0;text-align: right;margin-top: 30px;}
.swiper-button-inner {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.c-fraction-wrap {-ms-flex-negative: 0;flex-shrink: 0;min-width: 76px;padding-inline: 5px;text-align: center;}
.c-fraction-wrap > * {display: inline-block;vertical-align: top;font-size: 18px;font-weight: 500;color: var(--clr-black);}
.c-fraction-total::before {content: "/";font-size: inherit;color: inherit;margin: 0 5px 0 2px;}
.swiper-horizontal > .swiper-scrollbar {position: relative;left: 0;bottom: 0;z-index: 50;height: 4px;width: 100%;margin-top: 40px;margin-bottom: 2px;}
.swiper-scrollbar {border-radius: 0;background: transparent;}
.swiper-scrollbar::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.4;background-color: var(--clr-grey-400);}
.swiper-scrollbar-drag {top: -2px;height: 8px;border-radius: 0;background: var(--clr-black);}
@media (min-width: 1200px) {
.swiper-button-prev:hover i::before,
.swiper-button-prev:hover i::after,
.swiper-button-next:hover i::before,
.swiper-button-next:hover i::after {color: var(--clr-red);}
.swiper-pagination-bullet:hover {background: currentColor;}
}
@media (max-width: 1640px) {
.swiper-horizontal > .swiper-scrollbar {margin-top: 30px;}
}
@media (max-width: 1199px) {
.swiper-pagination-bullet {width: 15px;}
.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px !important;}
}
@media (max-width: 767px) {
.swiper-pagination {bottom: 15px !important;}
.swiper-pagination.swiper-pagination-relative {margin-top: 15px;}
.swiper-button-wrap {text-align: center;}
}
@media (max-width: 575px) {
.swiper-container {overflow: visible;}
.swiper-horizontal > .swiper-scrollbar {width: calc(100% + 15px);}
}
/*--------------------*/
/* - HOVER BLOCK      */
/*--------------------*/
.un__hover-block {position: relative;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;margin: -5px;}
.un__hover-block a {-webkit-box-flex: 1;-ms-flex: 1 0 25%;flex: 1 0 25%;}
.un__hover-block a:first-child {-webkit-box-flex: 1;-ms-flex: 1 0 75%;flex: 1 0 75%;}
.un__hover-block a .bg {opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__hover-content {position: relative;z-index: 1;width: 100%;height: 100%;padding: 25px 40px;height: clamp(30px, 16.5vw, 330px);outline: 5px solid var(--clr-white);outline-offset: -5px;}
.un__hover-content p {display: inline-block;position: relative;z-index: 1;font-size: 24px;font-weight: 500;line-height: 1.4em;letter-spacing: 0.009em;color: var(--clr-white);text-decoration: underline;text-decoration-color: transparent;text-underline-offset: 6px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__hover-content:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
:lang(es) .un__hover-content p,
:lang(fr) .un__hover-content p {text-decoration: none;}
@media (min-width: 1200px) {
.un__hover-block a:hover .bg {opacity: 1;}
.un__hover-block a:hover .un__hover-content p {text-decoration-color: currentColor;}
.un__hover-block a:hover .un__hover-content:before {opacity: 0.4;}
:lang(es) .un__hover-block a:hover .un__hover-content p,
:lang(fr) .un__hover-block a:hover .un__hover-content p {text-decoration: underline;}
}
@media (max-width: 1640px) {
.un__hover-block a {-webkit-box-flex: 1 !important;-ms-flex: 1 0 33.3333333333% !important;flex: 1 0 33.3333333333% !important;}
}
@media (max-width: 1199px) {
.un__hover-block {background: none !important;margin: -2px;}
.un__hover-block a {position: relative;margin: 2px;-webkit-box-flex: 1 !important;-ms-flex: 1 0 calc(33.3333333333% - 4px) !important;flex: 1 0 calc(33.3333333333% - 4px) !important;}
.un__hover-block a .bg {opacity: 1;}
.un__hover-content {padding: 0;padding-top: 100%;height: auto;outline: none;}
.un__hover-content p {position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;font-size: 18px;padding: 5px;}
.un__hover-content p::before {display: none;}
.un__hover-content:before {background-color: rgba(87, 87, 87, 0.6);opacity: 1;}
}
@media (max-width: 991px) {
.hover-p-0 {padding-top: 0 !important;}
}
@media (max-width: 767px) {
.un__hover-block a {-webkit-box-flex: 1 !important;-ms-flex: 1 0 calc(50% - 4px) !important;flex: 1 0 calc(50% - 4px) !important;}
}
/*--------------------*/
/* - Promo slider     */
/*--------------------*/
.un__prom-slider .swiper-button-wrap {position: absolute;z-index: 10;bottom: 45px;right: 57.813%;margin-right: 50px;}
.un__prom-slide {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;background: var(--clr-grey-200);}
.un__prom-slide-img {position: relative;-ms-flex-negative: 0;flex-shrink: 0;width: 57.813%;padding-top: 35.5%;}
.un__prom-slide-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.un__prom-slide-info {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;max-width: 420px;width: 100%;margin: 0 auto;padding: 65px 15px;opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.un__prom-slide-info > * + * {margin-top: 25px;}
.un__prom-slide-info .un__btn:last-child {margin-top: 35px;}
.swiper-slide-active .un__prom-slide-info {opacity: 1;}
@media (max-width: 1640px) {
.un__prom-slider .swiper-button-wrap {position: absolute;z-index: 10;bottom: 45px;right: 50%;margin-right: 50px;}
.un__prom-slide-img {width: 50%;}
}
@media (max-width: 1199px) {
.un__prom-slider .swiper-button-wrap {position: relative;bottom: 0;right: 0;margin-right: 0;}
.un__prom-slide-info {padding: 25px 15px;}
.un__prom-slide-info > * + * {margin-top: 10px;}
.un__prom-slide-info .un__btn:last-child {margin-top: 20px;}
}
@media (max-width: 767px) {
.un__prom-slide {display: block;}
.un__prom-slide-info {padding: 50px 15px;}
.un__prom-slide-info .un__title {width: 80%;}
.un__prom-slide-info .un__btn:last-child {margin-top: 40px;}
.un__prom-slide-img {width: 100%;padding-top: 79%;}
}
/*--------------------*/
/* - Reg-Promo slider */
/*--------------------*/
.un__reg-prom-row {position: relative;}
.un__reg-prom-row .swiper-button-wrap {display: inline-block;position: absolute;z-index: 10;width: auto;left: 0;top: 32%;}
.un__reg-prom-block > .un__title {max-width: 340px;}
.un__reg-prom-block .un__text {width: 40%;margin: 60px 30px 0 auto;}
.un__reg-prom-slider .swiper-container {margin: -10px -24px -24px -10px;padding: 10px 25px 24px 10px;}
.un__reg-prom-slider .swiper-slide .un__reg-prom-slide {-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);-webkit-transition: all 0.25s ease-in;transition: all 0.25s ease-in;-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.un__reg-prom-slider .swiper-slide-active .un__reg-prom-slide {-webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.08);box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.08);}
.un__reg-prom-slide {display: -webkit-box;display: -ms-flexbox;display: flex;background-color: var(--clr-white);}
.un__reg-prom-slide-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;max-width: 312px;padding: 30px 15px;margin: 0 auto;}
.un__reg-prom-slide-info .un__sub-title {margin-top: auto;}
.un__reg-prom-slide-info .un__sub-title + .un__title {margin-top: 5px;}
.un__reg-prom-slide-info .un__title {margin-bottom: 20px;font-weight: 700;}
.un__reg-prom-slide-info .un__btn {margin-top: auto;}
.un__reg-prom-slide-img {-ms-flex-negative: 0;flex-shrink: 0;position: relative;padding-top: 65%;width: 50%;overflow: hidden;}
.un__reg-prom-slide-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 1640px) {
.un__reg-prom-row .swiper-button-wrap {top: auto;bottom: 25%;}
.un__reg-prom-block > * {width: 100%;}
.un__reg-prom-block .un__text {margin: 30px 0 0 0;}
}
@media (max-width: 1199px) {
.un__reg-prom-row .swiper-button-wrap {bottom: 15%;}
.un__reg-prom-block .un__text {margin: 20px 0 0 0;}
}
@media (max-width: 991px) {
.un__reg-prom-row .swiper-button-wrap {position: relative;top: 0;bottom: 0;width: 100%;}
.un__reg-prom-slider {margin-top: 35px;}
}
@media (max-width: 575px) {
.un__reg-prom-slide {display: block;}
.un__reg-prom-slide-info {padding: 50px 15px;max-width: 100%;}
.un__reg-prom-slide-info .un__btn {margin-top: 30px;}
.un__reg-prom-slide-img {padding-top: 85%;width: 100%;}
}
/*--------------------*/
/* Featured Projects  */
/*--------------------*/
.un__projects-slider .swiper-container {overflow: visible;}
.un__f-project .un__btn {display: none;}
.un__f-project-img {display: block;position: relative;min-height: 320px;padding-top: 41%;overflow: hidden;}
.un__f-project-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.un__f-project-link {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: transparent !important;}
.un__f-project-info {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 15px -5px -10px;}
.un__f-project-item {-ms-flex-negative: 0;flex-shrink: 0;width: 20%;padding: 0 5px;}
.un__f-project-item b {display: block;font-size: 13px;font-weight: 700;margin-bottom: 5px;}
@media (max-width: 1640px) {
.un__f-project-img {padding-top: 39%;}
.un__f-project-info {margin: 10px -5px -10px;}
.un__f-project-item {width: 33.3333333333%;}
.un__f-project-item:nth-child(n+4) {display: none;}
}
@media (max-width: 1199px) {
.un__f-project .un__btn {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;margin-top: 25px;}
}
@media (max-width: 991px) {
.hero-f-project-section .un__title-wrap .un__title {font-size: 36px;font-weight: 400;}
.un__f-project-img {padding-top: 56%;}
.un__f-project-item {width: 50%;}
.un__f-project-item:nth-child(n+3) {display: none;}
}
@media (max-width: 575px) {
.un__f-project-item {width: 100%;margin-bottom: 10px;}
.un__projects-slider .swiper-slide {width: 92%;}
}
/*--------------------*/
/* - Latest Articles  */
/*--------------------*/
.un__hero-article-row {--bs-gutter-x: 100px;}
.un__hero-article {position: relative;display: block;overflow: hidden;padding-top: 102%;}
.un__hero-article img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__hero-article::before {content: "";position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(183.36deg, rgba(255, 255, 255, 0) 68%, white 100%);}
.un__hero-article-info {position: absolute;z-index: 2;left: 50px;bottom: 25px;width: calc(100% - 100px);max-width: 500px;}
.un__hero-article-info .un__btn {margin-top: 10px;}
.un__article-links {height: 100%;}
.un__article-links ul {display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: stretch;-ms-flex-pack: stretch;justify-content: stretch;}
.un__article-links li {height: 20%;padding: 25px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid var(--clr-grey-400);}
.un__article-links li:last-child {border: none;}
.un__article-links a {position: relative;display: inline-block;max-width: 500px;font-size: var(--h-4);line-height: 1.077em;font-weight: 600;letter-spacing: var(--lts-4);color: var(--clr-black);text-decoration: underline;text-decoration-color: transparent;text-decoration-thickness: 2px;text-underline-offset: 2px;}
.un__article-links a b {font-weight: inherit;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.un__article-links a::before {content: "";display: inline-block;position: absolute;left: 0;bottom: -10px;width: 40px;height: 16px;opacity: 0;background-image: url("../img/icons/arrow-r.svg");background-repeat: no-repeat;background-position: center;background-size: contain;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
:lang(es) .un__article-links a,
:lang(fr) .un__article-links a,
.mac .un__article-links a {text-decoration: none;}
@media (min-width: 1200px) {
.un__hero-article:hover img {-webkit-transform: scale(1.03);transform: scale(1.03);}
.un__article-links a:hover {text-decoration-color: currentColor;}
.un__article-links a:hover::before {opacity: 1;}
:lang(es) .un__article-links a:hover,
:lang(fr) .un__article-links a:hover,
.mac .un__article-links a:hover {text-decoration: underline;text-decoration-thickness: 2px;}
}
@media (max-width: 1640px) {
.un__hero-article-row {--bs-gutter-x: 50px;}
.un__hero-article {padding-top: 92%;}
}
@media (max-width: 1199px) {
.un__hero-article-row {--bs-gutter-x: 30px;}
.un__hero-article {padding-top: 74%;min-height: 460px;}
.un__hero-article-info {left: 15px;bottom: 20px;max-width: calc(100% - 30px);width: 100%;}
.un__article-links {margin-top: 10px;}
.un__article-links li {height: auto;padding: 20px 0;}
.un__article-links li:last-child {padding-bottom: 0;}
}
@media (max-width: 991px) {
.hero-articles-section .un__title-wrap .un__title {font-size: 36px;font-weight: 400;width: 60%;}
}
@media (max-width: 767px) {
.un__hero-article {margin: 0 -15px;}
}
/*--------------------*/
/* - Access Account   */
/*--------------------*/
@media (max-width: 767px) {
.hero-account-section {padding: 60px 0;}
.hero-account-section .un__title {font-weight: 500;}
.hero-account-section .lr-content > * + * {margin-top: 25px;}
}
/*--------------------*/
/* - Products tabs    */
/*--------------------*/
.tab-prod-grid {position: relative;display: -ms-grid;display: grid;-ms-grid-columns: 1fr[2];grid-template-columns: repeat(2, 1fr);-ms-grid-rows: 0.1fr 1fr;grid-template-rows: 0.1fr 1fr;grid-column-gap: 80px;}
.tab-prod-grid .un__tab-toggle {width: 100%;}
.tab-prod-grid .un__tab-toggle > * {width: 50%;}
.tab-prod-tl-wrap {max-width: 560px;width: 100%;}
.tab-prod-tl-wrap > * {margin-bottom: 20px;}
.tab-prod-tl-wrap > *:last-child {margin-bottom: 0;}
.tab-prod-img-wrap {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;grid-area: 1/2/3/2;align-self: flex-end;}
.tab-prod-img-inner {position: relative;padding-top: 82%;min-height: 326px;max-width: 726px;width: 100%;}
.tab-prod-img {position: absolute !important;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;-webkit-transition: all 0.7s ease-in;transition: all 0.7s ease-in;}
.tab-prod-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 0% 70%;object-position: 0% 70%;}
.tab-prod-img.active {visibility: visible;opacity: 1;}
.tabs-block-list > b {display: inline-block;font-size: 13px;font-weight: 600;color: var(--clr-grey-600);letter-spacing: var(--lts-4);margin-bottom: 10px;}
.tabs-block-list ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -12px;}
.tabs-block-list ul > * {width: calc(50% - 24px);margin: 12px;}
.tabs-block-list a {position: relative;min-height: clamp(114px, 12vw, 210px);height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border: 2px solid var(--clr-grey-400);}
.tabs-block-list a div {font-size: 24px;line-height: 1.3em;text-align: center;letter-spacing: var(--lts-6);color: var(--clr-black);padding: 15px;}
@media (min-width: 1200px) {
.tabs-block-list a:hover {background-color: var(--clr-grey-400);}
}
@media (max-width: 1640px) {
.tab-prod-grid {grid-column-gap: 30px;}
.tab-prod-tl-wrap > * {margin-bottom: 15px;}
.tab-prod-img-inner {padding-top: 72%;}
.tabs-block-list ul {margin: -8px;}
.tabs-block-list ul > * {width: calc(50% - 16px);margin: 8px;}
}
@media (max-width: 991px) {
.tab-prod-grid {display: block;}
.tab-prod-grid .un__tab-toggle {width: 100%;}
.tab-prod-grid .un__tab-toggle > * {width: 50%;}
.tab-prod-tl-wrap {margin-bottom: 15px;}
.tab-prod-tl-wrap > * {margin-bottom: 5px;}
.tabs-block-list {max-width: 580px;width: 100%;margin: 0 auto;}
.tabs-block-list a div {font-size: 18px;padding: 10px;}
.tab-prod-img-inner {padding-top: 57%;}
}
@media (max-width: 767px) {
.tab-prod-img-wrap {margin: 15px -15px 0;}
.tab-prod-grid .un__tab-nav {margin: 10px -15px 20px;}
.tabs-block-list ul {margin: -3px;}
.tabs-block-list ul > * {width: calc(50% - 6px);margin: 3px;}
}
/*--------------------*/
/* - Sustainability   */
/*--------------------*/
.un__sustain-section {position: relative;}
.un__sustain-section .container {position: relative;z-index: 2;}
.un__sustain-block {background: #ffffff;padding: 90px 130px;}
.un__sustain-block > * + * {margin-top: 10px;}
.un__sustain-block > *:last-child:is(.un__btn) {margin-top: 30px;}
@media (max-width: 1640px) {
.un__sustain-block {padding: 60px 100px;}
}
@media (max-width: 1199px) {
.un__sustain-block {padding: 50px 70px;}
}
@media (max-width: 767px) {
.un__sustain-block {padding: 50px 15px;text-align: center;}
.un__sustain-block > *:last-child:is(.un__btn) {margin-top: 20px;}
}
/*--------------------*/
/* All resources      */
/*--------------------*/
.un__res-info-row {position: relative;display: -ms-grid;display: grid;-ms-grid-columns: 1fr[2];grid-template-columns: repeat(2, 1fr);-ms-grid-rows: 0.1fr 1fr;grid-template-rows: 0.1fr 1fr;grid-column-gap: 150px;}
.un__res-info-row > .un__title {margin-top: 40px;}
.un__resources-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;max-width: 410px;width: 100%;height: 100%;margin: auto auto 0;}
.un__resources-info > *:last-child:is(.un__btn) {margin-top: auto;}
.un__resources-links {margin: 25px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.un__resources-links > * {margin-bottom: 25px;}
.un__resources-links > *:last-child {margin-bottom: 0;}
.un__res-info-img-row {--bs-gutter-y: 30px;-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;grid-area: 1/2/3/2;height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;}
.un__resources-info-img {position: relative;padding-top: 70%;}
.un__resources-info-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 1640px) {
.un__res-info-row {grid-column-gap: 50px;}
.un__res-info-row .un__title {width: 80%;margin-left: auto;margin-right: 5%;margin-top: 30px;}
.un__resources-info {margin-right: 0;}
.un__resources-info-img {padding-top: 62%;}
}
@media (max-width: 1380px) {
.un__res-info-row {grid-column-gap: 50px;}
.un__res-info-row .un__title {margin-right: 0;margin-left: 15%;}
.un__resources-info {margin-right: 0;}
}
@media (max-width: 1199px) {
.un__res-info-row {grid-column-gap: 30px;}
.un__res-info-row .un__title {margin-left: 0;}
}
@media (max-width: 991px) {
.un__resources-info {max-width: 310px;}
}
@media (max-width: 767px) {
.hero-resources-section {padding: 60px 0;}
.un__res-info-row {display: block;}
.un__res-info-row > .un__title {margin-top: 0;}
.un__res-info-img-row {margin-bottom: 20px;}
.un__res-info-img-row > .col-6 {display: none;}
.un__resources-info {max-width: 510px;margin: 0;}
.un__resources-info > *:last-child:is(.un__btn) {margin-top: 25px;}
.un__resources-links {margin: 25px 0 0;}
}
@media (max-width: 400px) {
.un__res-info-row .un__title {width: 100%;}
}
/*--------------------*/
/* More info section  */
/*--------------------*/
.un__more-i-wrap {display: -ms-grid;display: grid;-ms-grid-columns: 1fr[2];grid-template-columns: repeat(2, 1fr);-ms-grid-rows: 1fr[2];grid-template-rows: repeat(2, 1fr);grid-column-gap: 150px;grid-row-gap: 40px;}
.un__more-i-wrap > div:nth-child(1) {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 1;-ms-grid-column-span: 1;grid-area: 1/1/3/2;}
.un__more-i-block {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.un__more-i-block > * {margin-bottom: 10px;}
.un__more-i-block > *:last-child {margin-bottom: 0;}
.un__more-i-block.type-2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.un__more-i-block.type-2 .un__more-i-img {height: 100%;}
.un__more-i-block .un__btn {-ms-flex-item-align: start;align-self: flex-start;}
.un__more-i-img {display: block;position: relative;overflow: hidden;padding-top: 45%;}
.un__more-i-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__more-i-img > a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent !important;}
@media (min-width: 1200px) and (max-width: 1640px) {
.un__more-i-img {padding-top: 42%;}
.un__more-i-block > * {margin-bottom: 5px;}
}
@media (max-width: 1640px) {
.un__more-i-wrap {grid-column-gap: 50px;grid-row-gap: 30px;}
}
@media (max-width: 1199px) {
.un__more-i-wrap {grid-column-gap: 30px;}
}
@media (max-width: 767px) {
.un__more-i-wrap {display: block;}
.un__more-i-block {margin-bottom: 40px;}
.un__more-i-block > * {margin-bottom: 5px;}
.un__more-i-block:last-child {margin-bottom: 0;}
.un__more-i-img {padding-top: 58%;}
}
/*--------------------*/
/* - BUTTONS          */
/*--------------------*/
.un__btn {display: inline-block;position: relative;cursor: pointer;-ms-flex-negative: 0;flex-shrink: 0;text-decoration: none;border: none;font-size: 18px;line-height: 1em;font-weight: 500;padding: 0;color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn b {display: inline-block;position: relative;font-weight: inherit;letter-spacing: var(--lts-2);}
.un__btn-primary {padding: 26px;text-align: center;min-width: 280px;color: var(--clr-white);background-color: var(--clr-grey-600);outline: 2px solid var(--clr-grey-600);outline-offset: -2px;}
.un__btn-secondary {padding: 26px;text-align: center;min-width: 280px;color: var(--clr-grey-600);outline: 2px solid var(--clr-grey-600);outline-offset: -2px;}
.un__btn-third {padding: 26px;text-align: center;min-width: 280px;color: var(--clr-black);background-color: var(--bg-3);outline: 2px solid var(--bg-3);outline-offset: -2px;}
.un__btn-four {padding: 26px;text-align: center;min-width: 280px;color: var(--clr-white);background-color: var(--clr-black);outline: 2px solid var(--clr-black);outline-offset: -2px;}
.un__btn-five {padding: 26px;text-align: center;min-width: 280px;color: var(--clr-grey-600);outline: 2px solid var(--clr-grey-600);outline-offset: -2px;}
.un__btn-link b {line-height: 1.55em;text-decoration: underline;text-decoration-color: currentColor;text-decoration-thickness: 2px;text-underline-offset: 6px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-link-2 {display: inline-block;}
.un__btn-link-2 b {display: inline;vertical-align: middle;line-height: 1.55em;text-decoration: underline;text-decoration-color: currentColor;text-decoration-thickness: 2px;text-underline-offset: 6px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-link-2 i {vertical-align: bottom;display: inline-block;position: relative;margin-left: 15px;margin-bottom: 4px;width: 40px;height: 20px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-link-2 i::before {content: "";position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 2px;color: var(--clr-black);-webkit-backface-visibility: hidden;backface-visibility: hidden;background: currentColor;}
.un__btn-link-2 i::after {content: "";position: absolute;right: 2px;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);width: 12px;height: 12px;color: var(--clr-black);-webkit-backface-visibility: hidden;backface-visibility: hidden;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;}
.un__btn-back {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.un__btn-back b {line-height: 1.55em;letter-spacing: var(--lts-2);}
.un__btn-back b::before {content: "";position: absolute;display: block;left: 0;bottom: 0;width: 100%;height: 2px;background-color: currentColor;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-back i {display: inline-block;position: relative;margin-right: 15px;width: 40px;height: 20px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.un__btn-back i::before {content: "";position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 2px;color: var(--clr-black);-webkit-backface-visibility: hidden;backface-visibility: hidden;background: currentColor;}
.un__btn-back i::after {content: "";position: absolute;right: 2px;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);width: 12px;height: 12px;color: var(--clr-black);-webkit-backface-visibility: hidden;backface-visibility: hidden;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;}
.bespoke .un__btn-back{margin-block: 15px 25px;}
.un__btn-small {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;outline: 2px solid var(--clr-grey-600);outline-offset: -2px;}
.un__btn-small b {font-size: 14px;font-weight: 600;padding: 12px 18px;color: var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-xs {padding: 21px 10px;min-width: 250px;}
.un__btn-reset {padding: 12px 26px !important;min-width: unset !important;}
.un__btn-reset:not(:hover) {color: var(--clr-red);}
.btn-close {display: inline-block;position: relative;cursor: pointer;z-index: 1;width: 26px;height: 26px;}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);height: 2px;width: 100%;background: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.un__simple-link,
a.un__simple-link {display: inline-block;position: relative;cursor: pointer;-ms-flex-negative: 0;flex-shrink: 0;border: none;font-size: 18px;line-height: 1.5em;font-weight: 500;padding: 0;color: var(--clr-black);letter-spacing: var(--lts-2);text-decoration: underline;text-decoration-color: transparent;text-decoration-thickness: 2px;text-underline-offset: 6px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__play-btn {position: absolute;z-index: 30;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.un__play-btn span {display: block;position: relative;width: 112px;height: 112px;margin: 0 auto;}
.un__play-btn span:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(33, 33, 33, 0.7);border: 1px solid #E7E7E7;border-radius: 100%;opacity: 0.5;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__play-btn span:after {position: absolute;content: "";top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 50%;height: 50%;opacity: 0.6;border-radius: 100%;background-color: #FFFFFF;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__play-btn span i {display: inline-block;position: absolute;z-index: 2;top: 50%;left: calc(50% + 1px);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-top: 12px transparent solid;border-bottom: 12px transparent solid;border-left: 19px #FF3333 solid;}
.un__play-btn b {display: block;margin-top: 15px;font-size: 15px;font-weight: 600;line-height: 1.5em;color: var(--clr-white);letter-spacing: var(--lts-7);text-transform: uppercase;}
.un__btn-up {display: none;}
.xl-full-width {width: 100%;}
:lang(es) .un__btn-link b,
:lang(fr) .un__btn-link b {text-decoration: underline;text-decoration-thickness: 2px;}
:lang(es) .un__btn-link-2 b,
:lang(fr) .un__btn-link-2 b {text-decoration: underline;text-decoration-thickness: 2px;}
:lang(es) .un__simple-link,
:lang(fr) .un__simple-link {text-decoration: none;}
@media (min-width: 1200px) {
.btn-close:hover::before,
.btn-close:hover::after {background: var(--clr-red);}
.un__btn:hover b {text-decoration-color: transparent;}
.un__btn-link-2:hover i {width: 30px;}
.un__btn-primary:hover {color: var(--clr-black);background-color: var(--clr-white);}
.un__btn-secondary:hover {color: var(--clr-white);background: var(--clr-grey-600);}
.un__btn-third:hover {background-color: transparent;}
.un__btn-four:hover {color: var(--clr-black);background-color: transparent;}
.un__btn-five:hover {color: var(--clr-white);background: var(--clr-red);outline-color: var(--clr-red);}
.un__btn-small:hover {background: var(--clr-grey-600);}
.un__btn-small:hover b {color: var(--clr-white);}
.un__btn-back:hover b::before {background-color: transparent;}
.bespoke .un__btn-back {margin-left: -55px;}
.un__simple-link:hover,
a.un__simple-link:hover {text-decoration-color: currentColor;}
.un__play-btn:hover span:before {opacity: 1;}
.un__play-btn:hover span:after {width: 60%;height: 60%;opacity: 0.8;}
:lang(es) .un__btn-link:hover b,
:lang(fr) .un__btn-link:hover b {text-decoration: none;}
:lang(es) .un__btn-link-2:hover b,
:lang(fr) .un__btn-link-2:hover b {text-decoration: none;}
:lang(es) .un__simple-link:hover,
:lang(fr) .un__simple-link:hover {text-decoration-thickness: 2px;text-decoration: underline;}
}

@media (max-width: 1199px) {
.un__play-btn span {width: 80px;height: 80px;}
.un__play-btn span i {border-top: 7px transparent solid;border-bottom: 7px transparent solid;border-left: 14px #FF3333 solid;}
.un__play-btn b {margin-top: 10px;font-size: 13px;}
.un__btn-reset {color: var(--clr-red) !important;}
.bespoke +.prod-page-info {margin-left: 55px;width: fit-content;}
}
@media (max-width: 991px) {
.un__btn-up {position: fixed;z-index: 98;right: 15px;bottom: 52px;display: block;width: 48px;height: 48px;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-up::before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;border-radius: inherit;background: var(--clr-grey-400);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-up i {display: block;position: absolute;width: calc(100% - 14px);height: calc(100% - 14px);top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 100%;background: var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-up i::before {content: "";position: absolute;top: 25%;left: 50%;-webkit-transform: translateX(-50%) rotate(-45deg);transform: translateX(-50%) rotate(-45deg);width: 30%;height: 30%;border-top: 2px solid var(--clr-white);border-right: 2px solid var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-up i::after {content: "";position: absolute;top: 24%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 2px;height: 50%;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-up.anim-arrow::before {width: 70%;height: 70%;}
.un__btn-up.anim-arrow i::before,
.un__btn-up.anim-arrow i:after {opacity: 0;}
.un__btn-up.scrolled {-webkit-transform: scale(1);transform: scale(1);}
.un__btn-xs {font-size: 16px !important;padding: 15px 5px !important;min-width: 180px !important;}
}
@media (max-width: 575px) {
.sm-full-width {width: 100%;}
.un__btn {font-size: 17px;}
.un__btn-primary,
.un__btn-secondary,
.un__btn-third,
.un__btn-four,
.un__btn-five {min-width: 180px;padding: 20px 10px;}
.un__btn-link-2 i {margin-bottom: 1px;margin-top: 5px;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.un__simple-link {font-size: 17px;}
.bespoke .un__btn-back {margin-block: 0 20px;}
.bespoke +.prod-page-info {margin-left: 0;}
}
/*--------------------*/
/* - Breadcrumbs      */
/*--------------------*/
.breadcrumbs-wrap:not(.type-2) + * {margin-top: 60px;}
.breadcrumbs-wrap.type-2 {position: absolute;top: 0;left: 0;z-index: 20;width: 100%;}
.breadcrumbs {font-size: 0;line-height: 0;width: 100%;padding: 15px 0;}
.breadcrumbs li {position: relative;display: inline-block;font-size: 13px;line-height: 1em;font-weight: 600;color: var(--clr-black);}
.breadcrumbs li a {text-decoration: underline;}
.breadcrumbs li a:after {content: "/";position: relative;display: inline-block;margin-right: 5px;text-decoration: underline;}
.breadcrumbs li:last-child a:after {content: none;}
@media (min-width: 1200px) {
.breadcrumbs a:hover {text-decoration: none;}
.breadcrumbs a:hover:after {text-decoration: none;}
}
@media (max-width: 1640px) {.breadcrumbs-wrap:not(.type-2) + * {margin-top: 20px;}}
@media (max-width: 1199px) {.breadcrumbs-wrap:not(.type-2) + * {margin-top: 15px;}}
@media (max-width: 991px) {.breadcrumbs-wrap:not(.type-2) + * {margin-top: 0;}}
@media (max-width: 767px) {.breadcrumbs-wrap {display: none;}}
/*--------------------*/
/* History section    */
/*--------------------*/
@media (max-width: 1640px) {.section.d-none.d-sm-block + .history-section {padding-top: 30px;}}
@media (max-width: 767px) {.section.d-none.d-sm-block + .history-section {padding-top: 15px;}}
/*--------------------*/
/* Left & Right grid  */
/*--------------------*/
.lr-grid-row {display: -ms-grid;display: grid;-ms-grid-columns: 1fr[2];grid-template-columns: repeat(2, 1fr);grid-column-gap: 120px;grid-row-gap: 25px;}
.lr-img-wrap {-ms-grid-row: 3;-ms-grid-row-span: -2;-ms-grid-column: 2;-ms-grid-column-span: -1;grid-area: 3/2/1/1;}
.lr-img {position: relative;padding-top: 100%;overflow: hidden;}
.lr-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.lr-content {width: 100%;}
.lr-content > * + * {margin-top: 30px;}
.lr-content .un__sub-title + .un__title {margin-top: 5px;}
.lr-content.top {-ms-flex-item-align: end;-ms-grid-row-align: end;align-self: end;}
.lr-content.bottom {-ms-flex-item-align: start;-ms-grid-row-align: start;align-self: start;}
.lr-content.size-2 {max-width: 630px;}
.lr-grid-row.size-2 {grid-column-gap: 90px;grid-row-gap: 10px;}
.lr-grid-row.size-2 .lr-img {padding-top: 64%;}
.right .lr-img-wrap {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-area: 1/2/3/3;}
.lr-grid-row.size-3 {grid-column-gap: 70px;grid-row-gap: 90px;}
.lr-grid-row.size-3 .lr-img {height: 100%;padding-top: 100%;}
.lr-grid-row.size-4 {grid-column-gap: 100px;grid-row-gap: 60px;}
.lr-grid-row.size-4 .lr-img {padding-top: 76%;}
.lr-grid-row.size-location {-ms-grid-rows: 0.1fr 1fr;grid-template-rows: 0.1fr 1fr;grid-column-gap: 100px;grid-row-gap: 30px;}
@media (max-width: 1640px) {
.lr-grid-row {grid-column-gap: 60px;grid-row-gap: 20px;}
.lr-content > * + * {margin-top: 20px;}
.lr-grid-row.size-2 {grid-column-gap: 40px;grid-row-gap: 5px;}
.lr-grid-row.size-3 {grid-column-gap: 30px;grid-row-gap: 40px;}
.lr-grid-row.size-4 {grid-column-gap: 30px;grid-row-gap: 30px;}
.lr-grid-row.size-4 .lr-img {padding-top: 76%;}
.lr-grid-row.size-location {grid-column-gap: 50px;grid-row-gap: 15px;}
}
@media (max-width: 1199px) {
.lr-grid-row.size-3 {display: block;}
.lr-grid-row.size-3 .lr-img-wrap,
.lr-grid-row.size-3 .lr-content {max-width: 620px;width: 100%;margin: 0 auto;}
.lr-grid-row.size-3 .lr-img-wrap {margin: 40px auto;}
.lr-grid-row.size-4 {display: block;}
.lr-grid-row.size-4 .lr-content {max-width: 620px;width: 100%;margin: 0 auto;}
.lr-grid-row.size-4 .lr-img-wrap {margin: 30px auto;}
.lr-grid-row.size-location {display: block;}
.lr-grid-row.size-location .lr-img-wrap,
.lr-grid-row.size-location .lr-content {max-width: 620px;width: 100%;margin: 0 auto;}
.lr-grid-row.size-location .lr-img-wrap {margin: 40px auto;}
}
@media (max-width: 991px) {
.lr-grid-row {grid-column-gap: 50px;}
}
@media (max-width: 767px) {
.lr-grid-row {display: block;}
.lr-content + .lr-img-wrap {margin-top: 20px;}
.lr-img-wrap {margin: 0 -15px 20px;}
.lr-img {padding-top: 73%;}
.lr-content > * + * {margin-top: 15px;}
}
/*--------------------*/
/* Left & Right row   */
/*--------------------*/
.lr-row.size-2 .lr-img {padding-top: 80%;}
.lr-blockquote {position: relative;max-width: 480px;width: 100%;margin-left: auto;font-size: 18px;line-height: 1.5em;letter-spacing: var(--lts-5);color: var(--clr-black);}
.lr-blockquote b {display: block;font-size: 13px;font-weight: 600;line-height: 1.5em;letter-spacing: var(--lts-4);color: var(--clr-grey-600);}
.lr-blockquote::after {content: "";position: absolute;right: -30px;top: 0;width: 94px;height: 76px;-webkit-transform: translateX(100%);transform: translateX(100%);background-image: url(../img/icons/icon-quote.svg);background-repeat: no-repeat;background-size: contain;}
@media (max-width: 1640px) {
.lr-blockquote::after {right: 0;width: 76px;height: 60px;}
}
@media (max-width: 1199px) {
.lr-blockquote {margin: 0 auto;padding-top: 90px;text-align: center;}
.lr-blockquote::after {top: 0;right: auto;left: 50%;-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);width: 94px;height: 78px;}
}
/*--------------------*/
/* - BANNER           */
/*--------------------*/
.scroll-nav-wrap {text-align: center;height: 100px;}
.scroll-nav {position: relative;height: inherit;background-color: inherit;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.scroll-nav::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: var(--bg-3);}
.scroll-nav ul {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: inherit;margin: 0 -12px;}
.scroll-nav ul::before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: var(--bg-3);}
.scroll-nav li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;max-width: 236px;padding: 5px 0;margin: 0 12px;}
.scroll-nav li::before {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 4px;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.scroll-nav li.active::before {left: 0;right: auto;width: 100%;}
.scroll-nav a {font-size: 18px;line-height: 1.5em;font-weight: 500;letter-spacing: var(--lts-4);color: var(--clr-black);}
.scroll-nav.fixed {position: fixed;height: auto;z-index: 50;top: var(--header-h);left: 0;width: 100%;}
.scroll-nav.fixed a {font-size: 16px;}
.p-change-location + main .scroll-nav.fixed {top: calc(var(--header-h) + 48px);}
header.show-info + main .scroll-nav.fixed {top: calc(var(--header-h) + var(--h-info-height));}
@media (max-width: 1640px) {
.scroll-nav-wrap {height: 80px;}
.scroll-nav a {font-size: 16px;}
.scroll-nav.fixed a {font-size: 14px;}
}
@media (max-width: 1199px) {
.scroll-nav-wrap {height: 45px;}
.scroll-nav {overflow-x: auto;}
.scroll-nav ul {margin: 0;}
.scroll-nav li {margin: 0 10px;min-width: 160px;}
.scroll-nav a {font-size: 12px;}
.scroll-nav.fixed a {font-size: 12px;}
.p-change-location + main .scroll-nav.fixed {top: calc(var(--header-h) + 40px);}
}
@media (max-width: 575px) {
.p-change-location + main .scroll-nav.fixed {top: calc(var(--header-h) + 52px);}
}
/*--------------------*/
/* - TABS             */
/*--------------------*/
.un__tab {display: none;}
.un__tab-title {display: none;}
.un__tab.active {display: block;}
.un__tab-nav {position: relative;display: block;font-size: 0;margin: 25px 0 35px;}
.un__tab-toggle {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;line-height: 0;font-size: 0;}
.un__tab-toggle > div {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;cursor: pointer;height: 88px;min-width: -webkit-min-content;min-width: -moz-min-content;min-width: min-content;border-bottom: 2px solid var(--clr-grey-400);}
.un__tab-toggle > div b {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;padding: 10px 15px;font-size: 18px;font-weight: 500;line-height: 1em;letter-spacing: var(--lts-2);color: var(--clr-black);-webkit-text-stroke: 1px transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__tab-toggle > div b svg {margin-right: 10px;}
.un__tab-toggle > div b svg path {fill: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__tab-toggle > div:last-child {margin-right: 0;}
.un__tab-toggle > div:last-child b {border-right: 0;}
.un__tab-toggle > div:before {content: "";position: absolute;z-index: 2;bottom: -2px;right: 0;width: 0;height: 4px;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__tab-toggle > div.active b {font-weight: 600;}
.un__tab-toggle > div.active:before {left: 0;right: auto;width: 100%;}
@media (min-width: 1200px) {
.tab-toggle > div:hover b {color: var(--clr-primary);}
}
@media (max-width: 1640px) {
.un__tab-nav {margin: 15px 0 25px;}
.un__tab-toggle > div {height: 68px;}
}
@media (max-width: 1199px) {
.un__tab-nav {margin: 10px 0 20px;}
.un__tab-toggle > div {width: 220px;padding: 7px 0;}
.un__tab-toggle > div b {padding: 5px 5px;font-size: 16px;}
}
@media (max-width: 991px) {
.tab-nav {white-space: nowrap;overflow-x: scroll;overflow-y: hidden;}
.tab-toggle {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;min-width: -webkit-fit-content;min-width: -moz-fit-content;min-width: fit-content;margin-bottom: 2px;}
.un__tab-toggle > div {-ms-flex-negative: 0;flex-shrink: 0;width: auto;}
.un__tab-toggle > div b {padding: 5px;}
}
@media (max-width: 575px) {
.tab-nav {margin: 10px -15px 20px;}
.tab-toggle {padding: 0 15px;}
.tab-toggle > div {-ms-flex-negative: 0;flex-shrink: 0;width: auto;padding: 7px 0;margin-bottom: 2px;}
.tab-toggle > div b {padding: 5px 15px;font-size: 16px;}
}
/*--------------------*/
/* - Tabs Dropdown    */
/*--------------------*/
.un__tabs-dropdown .un__tab-nav::before {content: "";position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;background-color: var(--clr-grey-400);}
.un__tabs-dropdown .un__tab-toggle > div {width: auto;margin-right: 30px;}
.un__tabs-dropdown .un__tab-toggle > div:last-child {margin-right: 0;}
@media (max-width: 1640px) {
.un__tabs-dropdown .un__tab-toggle > div {margin-right: 15px;}
}
@media (max-width: 1199px) {
.un__tabs-dropdown .un__tab-toggle > div {margin-right: 0;}
.un__tabs-dropdown .un__tab-toggle > div b {padding: 5px 10px;}
}
@media (max-width: 991px) {
.un__tabs-dropdown .col-md-10 .un__tab-toggle {width: calc(83.33333333% - 30px);}
.un__tabs-dropdown .un__tab-nav {margin-bottom: 20px;}
.un__tabs-dropdown .un__tab-nav:before {display: none;}
.un__tabs-dropdown .un__tab-title {position: relative;display: block;height: 54px;padding: 18px 35px 18px 15px;font-size: 16px;color: var(--clr-black);letter-spacing: var(--lts-2);-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__tabs-dropdown .un__tab-title b {font-weight: 500;}
.un__tabs-dropdown .un__tab-title:before {content: "";position: absolute;top: 50%;right: 15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 8px 8.5px 0 8.5px;border-color: var(--clr-black) transparent transparent transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__tabs-dropdown .un__tab-toggle {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: absolute;padding: 10px 0;z-index: 50;bottom: 0;left: 50%;width: 100%;-webkit-transform: translate(-50%, calc(100% + 15px));transform: translate(-50%, calc(100% + 15px));background-color: var(--clr-white);-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transition: 0s;transition: 0s;-webkit-box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);}
.un__tabs-dropdown .un__tab-toggle > div {position: relative;text-align: left;height: auto;padding: 15px 25px 15px 15px;border: none;}
.un__tabs-dropdown .un__tab-toggle > div b {padding: 0;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.un__tabs-dropdown .un__tab-toggle > div.active::after {content: "";position: absolute;right: 15px;top: 50%;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);width: 6px;height: 10px;border-right: 2px solid var(--clr-black);border-bottom: 2px solid var(--clr-black);}
.un__tabs-dropdown .un__tab-toggle > div::before {display: none;}
.un__tab-nav.active .un__tab-title {font-weight: 600;}
.un__tab-nav.active .un__tab-title:before {-webkit-transform: translateY(-50%) rotateX(180deg);transform: translateY(-50%) rotateX(180deg);}
.un__tab-nav.active .un__tab-toggle {opacity: 1;visibility: visible;-webkit-transform: translate(-50%, calc(100% + 5px));transform: translate(-50%, calc(100% + 5px));-webkit-transition: var(--transition-1);transition: var(--transition-1);}
}
@media (max-width: 767px) {
.un__tabs-dropdown .col-md-10 .un__tab-toggle {width: calc(100% - 30px);}
}
/*--------------------*/
/* - Tabs Drop        */
/*--------------------*/
.tabs-drop .un__tab-title {position: relative;cursor: pointer;display: block;height: 54px;padding: 18px 35px 18px 15px;font-size: 18px;color: var(--clr-black);letter-spacing: var(--lts-2);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.tabs-drop .un__tab-title:before {content: "";position: absolute;top: 50%;right: 15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 8px 8.5px 0 8.5px;border-color: var(--clr-black) transparent transparent transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.tabs-drop .un__tab-toggle {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: absolute;padding: 10px 0;z-index: 50;bottom: 0;left: 50%;width: 100%;-webkit-transform: translate(-50%, calc(100% + 15px));transform: translate(-50%, calc(100% + 15px));background-color: var(--clr-white);-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transition: 0s;transition: 0s;-webkit-box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);}
.tabs-drop .un__tab-toggle > div {position: relative;text-align: left;width: 100%;height: auto;padding: 15px 25px 15px 15px;border: none;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.tabs-drop .un__tab-toggle > div b {padding: 0;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
.tabs-drop .un__tab-toggle > div.active b {font-weight: 700;}
.tabs-drop .un__tab-toggle > div.active::after {content: "";position: absolute;right: 15px;top: 50%;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);width: 6px;height: 10px;border-right: 2px solid var(--clr-black);border-bottom: 2px solid var(--clr-black);}
.tabs-drop .un__tab-toggle > div::before {display: none;}
.tabs-drop .un__tab-nav.active .un__tab-title {font-weight: 600;}
.tabs-drop .un__tab-nav.active .un__tab-title:before {-webkit-transform: translateY(-50%) rotateX(180deg);transform: translateY(-50%) rotateX(180deg);}
.tabs-drop .un__tab-nav.active .un__tab-toggle {opacity: 1;visibility: visible;-webkit-transform: translate(-50%, calc(100% + 5px));transform: translate(-50%, calc(100% + 5px));-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.tabs-drop .un__tabs-block {margin-top: 50px;}
@media (min-width: 1200px) {
.tabs-drop .un__tab-title:hover {font-weight: 600;}
.tabs-drop .un__tab-toggle > div:hover {background: var(--clr-grey-200);}
}
/*--------------------*/
/* Story Slider       */
/*--------------------*/
.slide-img-slider .swiper-container {overflow: visible;}
.slide-img-slider.story-slider .un__slide-img::after {font-size: var(--h-6);font-weight: 500;line-height: 1.5em;margin-top: 25px;}
.un__slide-img {position: relative;}
.un__slide-img::after {display: inline-block;position: absolute;bottom: 0;left: 0;-webkit-transform: translateY(100%);transform: translateY(100%);content: attr(data-img-descr);font-size: 13px;font-weight: 600;line-height: 1.7em;color: var(--clr-black);letter-spacing: var(--lts-4);padding-right: 200px;margin-top: 25px;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.swiper-slide-active .un__slide-img::after {opacity: 1;visibility: visible;}
.un__slide-img-inner {position: relative;padding-top: 48%;}
.un__slide-img-inner img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 767px) {
.un__slide-img {position: relative;}
.un__slide-img::after {position: relative;-webkit-transform: translateY(0%);transform: translateY(0%);padding-right: 0;margin-top: 10px;}
.slide-img-slider.story-slider .un__slide-img::after {margin-top: 10px;}
}
@media (max-width: 575px) {
.slide-img-slider .swiper-slide {width: 92%;}
.un__slide-img-inner {padding-top: 95%;}
}
/*--------------------*/
/* leading section    */
/*--------------------*/
.lead-row {--bs-gutter-x: 60px;}
.leading-link {display: block;position: relative;overflow: hidden;}
.leading-link .un__btn {position: absolute;z-index: 2;bottom: 6.5%;left: 6.5%;color: var(--clr-white);}
.leading-link .un__btn i::before,
.leading-link .un__btn i:after {color: var(--clr-white);}
.leading-link::before {content: "";position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 20%;background-image: linear-gradient(179.41deg, rgba(142, 142, 142, 0) 0%, #1f1f1f 100%);}
.leading-img {position: relative;padding-top: 100%;}
.leading-img.size2 {padding-top: 64%;}
.leading-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.leading-link.video-wrap-block::before {content: none;}
@media (min-width: 1200px) {
.leading-link:hover .leading-img img {-webkit-transform: scale(1.03);transform: scale(1.03);}
}
@media (max-width: 1640px) {
.lead-row {--bs-gutter-x: 40px;}
}
@media (max-width: 1199px) {
.lead-row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
}
@media (max-width: 767px) {
.lead-row {--bs-gutter-x: 15px;--bs-gutter-y: 15px;}
.leading-link .un__btn i {display: none;}
}
/*--------------------*/
/* Representative     */
/*--------------------*/
.represent-row {--bs-gutter-x: 50px;--bs-gutter-y: 40px;}
.represent-img {position: relative;padding-top: 78%;height: 100%;}
.represent-img.rep-small {padding-top: 70%;height: auto;}
.represent-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.represent-info {padding: 15px 0 0 15px;}
.represent-info .un__text {margin-top: 15px;}
.represent-info .un__btn {margin-top: 30px;}
@media (max-width: 1640px) {
.represent-row {--bs-gutter-x: 40px;--bs-gutter-y: 30px;}
.represent-info {padding: 0;}
.represent-info .un__text {margin-top: 10px;}
.represent-info .un__btn {margin-top: 25px;}
}
@media (max-width: 1199px) {
.represent-row {--bs-gutter-x: 15px;--bs-gutter-y: 15px;}
.represent-img {padding-top: 90%;}
.represent-info .un__text {margin-top: 5px;}
.represent-info .un__btn {margin-top: 15px;}
}
/*--------------------*/
/* Partners           */
/*--------------------*/
.un__partner-slide {position: relative;padding-top: 100%;}
.un__partner-slide img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
@media (min-width: 1200px) {
.un__partners-slider {margin-top: 50px;}
}
/*--------------------*/
/* Lr-prod            */
/*--------------------*/
.lr-prod-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0 -15px;}
.lr-prod-wrap > * {margin: 0 15px;}
.lr-prod-wrap.right .lr-prod-content {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}
.lr-prod-content {max-width: 640px;width: 100%;}
.lr-prod-img-row {width: 100%;max-width: 700px;}
.lr-prod-img-row .row {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;--bs-gutter-x: 20px;}
.lr-prod-img-row .col:first-child .lr-prod-img {padding-top: 145%;}
.lr-prod-wrap.right:not(.type-2):not(.type-3) .lr-prod-img-row .col:nth-child(1) .lr-prod-img {padding-top: 100%;}
.lr-prod-wrap.right:not(.type-2):not(.type-3) .lr-prod-img-row .col:nth-child(2) .lr-prod-img {padding-top: 145%;}
.lr-prod-img {position: relative;padding-top: 100%;width: 100%;max-height: 478px;}
.lr-prod-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.lr-prod-wrap.type-2 .lr-prod-img-row .col:first-child .lr-prod-img {padding-top: 100%;}
.lr-prod-wrap.type-3 .lr-prod-img-row .col:first-child .lr-prod-img {padding-top: 63%;}
@media (max-width: 991px) {
.lr-prod-wrap {display: block;margin: 0;}
.lr-prod-wrap > * {margin: 0 auto;}
.lr-prod-img-row {margin-bottom: 20px;}
.lr-prod-img-row .row {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;--bs-gutter-x: 10px;}
}
.un__tabs-block .un__resources-links .un__simple-link {font-weight: 700;}
/*--------------------*/
/* F-prod-item        */
/*--------------------*/
.f-prod-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--clr-white);}
.f-prod-img {position: relative;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;width: 120px;height: 120px;}
.f-prod-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.f-prod-info {padding: 10px 15px;}
.f-prod-name {font-size: 18px;line-height: 1.5em;font-weight: 500;color: var(--clr-black);letter-spacing: var(--lts-5);text-decoration: underline;text-decoration-color: var(--clr-black);text-underline-offset: 1px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.f-prod-descr {font-size: 13px;line-height: 1.5em;font-weight: 600;color: var(--clr-grey-600);letter-spacing: var(--lts-4);}
@media (min-width: 1200px) {
.f-prod-item:hover .f-prod-img img {-webkit-transform: scale(1.02);transform: scale(1.02);}
.f-prod-item:hover .f-prod-name {text-decoration-color: transparent;}
}
@media (max-width: 575px) {
.f-prod-slider .swiper-slide {width: 92%;}
}
/*--------------------*/
/* Custom Accordion   */
/*--------------------*/
.custom-acr {position: relative;z-index: 1;}
.custom-acr-item {position: relative;-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-acr-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;cursor: pointer;padding: 35px 30px 20px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-acr-title b {font-size: 18px;font-weight: 700;line-height: 1.5em;color: var(--clr-black);letter-spacing: var(--lts-6);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
:lang(es) .custom-acr-title b {text-transform: capitalize;}
.custom-acr-title i {display: inline-block;position: relative;-ms-flex-negative: 0;flex-shrink: 0;width: 20px;height: 20px;}
.custom-acr-title i::before,
.custom-acr-title i::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 3px;color: var(--clr-black);background-color: currentColor;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-acr-title i::after {-webkit-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);}
.custom-acr-title.active {padding: 20px 30px;background-color: var(--clr-white);}
.custom-acr-title.active b {color: var(--clr-red);}
.custom-acr-title.active i::after {-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom-acr-title.active + .custom-acr-inner {background-color: var(--clr-white);}
.custom-acr-inner {padding: 0 30px 30px;display: none;}
.custom-acr-inner .row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
.custom-location-item table {border-collapse: collapse;width: 100%;}
.custom-location-item table td {width: 50%;vertical-align: middle;text-align: left;height: auto;padding: 4px 0;font-size: 18px;line-height: 1.2em;font-weight: 400;color: var(--clr-black);}
.custom-location-item table td:first-child {padding-left: 0;}
.custom-location-item table td:last-child {padding-right: 0;}
.custom-acr-img {position: relative;max-width: 720px;width: 100%;padding-top: 134%;background-color: var(--clr-grey-200);}
.custom-acr-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-acr-img img.fade-out {opacity: 0;}
.custom-acr.type-2 .custom-acr-title {padding-left: 0;}
@media (min-width: 1200px) {
.custom-acr-title:hover b {color: var(--clr-red);}
.custom-acr-title:hover i::before,
.custom-acr-title:hover i::after {color: var(--clr-red);}
}
@media (min-width: 1200px) and (max-width: 1380px) {
.lr-content.top.size-5 .h1 {font-size: var(--h-2);}
.custom-acr-img {padding-top: 108%;}
}
@media (max-width: 1199px) {
.custom-acr-img {padding-top: 62%;}
}
@media (max-width: 991px) {
.custom-acr-inner .row {--bs-gutter-x: 10px;}
}
@media (max-width: 575px) {
.custom-acr-title {padding: 30px 15px 15px;}
.custom-acr-title.active {padding: 15px;}
.custom-acr-inner {padding: 0 15px 20px;}
.custom-acr-inner .row {--bs-gutter-y: 25px;}
}
/*--------------------*/
/* - blog page        */
/*--------------------*/
.un__btn-back + *,
.breadcrumbs-wrap + .un__btn-back {margin-top: 30px;}
.blog-hero {width: 100%;}
.blog-hero > * {display: block;margin-bottom: 15px;}
.blog-hero > *:last-child {margin-bottom: 0;}
.blog-hero > b {font-size: 13px;font-weight: 600;color: var(--clr-grey-800);}
.blog-hero .blog-hero-img {overflow: hidden;}
.blog-hero .blog-hero-img .blog-hero-img-inner {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.blog-hero-img {position: relative;margin-top: 25px;text-align: left;}
.blog-hero-img:after {content: attr(data-caption);font-size: 13px;font-weight: 600;line-height: 1.7em;color: var(--clr-black);letter-spacing: var(--lts-4);}
.blog-hero-img-inner {position: relative;display: block;padding-top: 30%;min-height: 204px;}
.blog-hero-img-inner picture img,
.blog-hero-img-inner > img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.blogs-search-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.blogs-search-wrap > * {margin-bottom: 40px;}
.blogs-search-wrap > *:last-child {margin-bottom: 0;}
.blogs-search-wrap .input-field-wrapper {-ms-flex-negative: 0;flex-shrink: 0;min-width: 320px;}
.blogs-search-result {width: 100%;text-align: center;font-size: 18px;font-weight: 400;line-height: 1.5em;letter-spacing: var(--lts-5);color: var(--clr-black);}
.blogs-search-result b {font-weight: inherit;}
.blogs-row {--bs-gutter-y: 60px;}
.un__blog-item {display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;width: 100%;background: transparent;}
.un__blog-img {display: block;position: relative;padding-top: 31%;width: 37.7%;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 30px;}
.un__blog-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.un__blog-info {-ms-flex-item-align: end;align-self: flex-end;padding-bottom: 10px;}
.un__blog-info > * + * {margin-top: 10px;}
.un__blog-info > * + .un__caption {margin-top: 0;}
.un__blog-info .un__caption {color: var(--clr-grey-600);}
.un__blog-info .un__text {color: var(--clr-grey-800);}
.blog-single-hero {position: relative;margin-bottom: 50px;text-align: center;}
.blog-single-hero .un__title,
.blog-single-hero .un__caption {max-width: calc(100% - 364px);width: 100%;margin: 0 auto;}
.blog-single-hero .un__caption {margin-top: 20px;}
.blog-single-hero .blog-hero-img {margin-top: 50px;}
.blog-single-hero .un__social {position: absolute;right: 0;-webkit-transform: translateY(-70%);transform: translateY(-70%);}
.blog-single-hero .un__social a:not(:hover) {border-color: transparent;}
.blog-single-hero .un__social a {background-color: transparent;border-color: var(--clr-black);}
.blog-single-hero .un__social a img {-webkit-filter: brightness(0);filter: brightness(0);}
.separator {height: 2px;width: 100%;background-color: var(--clr-grey-400);margin-top: 50px;}
@media (min-width: 1200px) {
a.un__blog-item:hover {background: var(--bg-5);}
.un__text.text-column {-webkit-column-width: 44%;-moz-column-width: 44%;column-width: 44%;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 6%;-moz-column-gap: 6%;column-gap: 6%;}
.blog-hero a.un__title:hover {text-decoration: underline;text-underline-offset: 0.22em;text-decoration-thickness: 2px;}
.blog-hero a.blog-hero-img:hover .blog-hero-img-inner {-webkit-transform: scale(1.01);transform: scale(1.01);}
}
@media (max-width: 1640px) {
.blogs-row {--bs-gutter-y: 45px;}
.un__btn-back + *,
.breadcrumbs-wrap + .un__btn-back {margin-top: 15px;}
.blog-single-hero .blog-hero-img {margin-top: 30px;}
}
@media (max-width: 1199px) {
.blogs-row {--bs-gutter-y: 30px;}
.un__blog-img {margin-right: 15px;}
}
@media (max-width: 991px) {
.blog-single-hero .un__title,
.blog-single-hero .un__caption {max-width: 100%;}
.blog-single-hero {margin-bottom: 15px;text-align: left;}
.blog-single-hero > * + * {margin-top: 15px !important;}
.blog-single-hero .un__social {position: relative;right: 0;top: 0;-webkit-transform: translateY(0%);transform: translateY(0%);}
}
@media (max-width: 767px) {
.breadcrumbs-wrap + .un__btn-back {margin-top: 0;}
.blogs-row {--bs-gutter-y: 15px;}
.un__blog-img {height: 210px;}
.blogs-search-wrap {display: block;}
.blogs-search-wrap > * {margin-bottom: 0;}
.blogs-search-wrap .input-field-wrapper {width: 100%;min-width: auto;}
.blogs-search-result {font-size: 16px;padding-top: 10px;}
}
/*--------------------*/
/* - Text L&R Block   */
/*--------------------*/
.un__lr-text-wrap > * {margin-bottom: 50px;}
.un__lr-text-wrap > *:last-child {margin-bottom: 0;}
.un__lr-text-block {display: -webkit-box;display: -ms-flexbox;display: flex;margin-inline: -3%;}
.un__lr-text-block > * {width: 50%;padding: 0 3%;}
.un__lr-text-block .un__text-content {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.un__lr-text-block.right .un__text-content {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
@media (max-width: 991px) {
.un__lr-text-block {margin-inline: -15px;}
.un__lr-text-block > * {padding: 0 15px;}
}
@media (max-width: 767px) {
.un__lr-text-wrap > * {margin-bottom: 20px;}
.un__lr-text-block {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-inline: 0;}
.un__lr-text-block > * {width: 100%;padding: 0;}
.un__lr-text-block .un__text-content {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.un__lr-text-block .un__text-img {margin-bottom: 20px;}
}
/*--------------------*/
/* - Project controls */
/*--------------------*/
.img-wrap {margin: 50px 0;}
.img-wrap-inner {position: relative;padding-top: 44%;}
.img-wrap-inner > picture img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.img-wrap-inner > img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.prj-controls-wrap {position: relative;overflow: visible !important;}
.prj-controls-wrap .prj-controls {position: absolute;z-index: 20;bottom: 25px;left: 25px;width: fit-content;max-width: calc(100% - 40px);-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prj-controls-wrap:hover .prj-controls {opacity: 1;visibility: visible;}
.prj-controls {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -10px -10px 0;}
.prj-controls-item {position: relative;cursor: pointer;width: 80px;height: 80px;background-color: var(--clr-white);margin: 10px 10px 0 !important;outline: 2px solid transparent;outline-offset: -2px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prj-controls-item > img,
.prj-controls-item > svg {position: absolute;top: 50%;left: 50%;width: unset !important;height: unset !important;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 50%;max-height: 50%;}
.prj-controls-item::before {content: attr(data-tooltip);pointer-events: none;white-space: nowrap;position: absolute;z-index: 10;left: 50%;bottom: -1px;-webkit-transform: translate(-50%, 150%);transform: translate(-50%, 150%);font-size: 13px;font-weight: 400;line-height: 1.25em;text-align: center;color: var(--clr-white);letter-spacing: var(--lts-4);background-color: var(--clr-grey-800);border-radius: 4px;padding: 3px 12px;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prj-controls-item:active {outline-offset: -4px;outline-color: var(--clr-grey-800);}
.prj-controls-item:active::before {opacity: 1;visibility: visible;-webkit-transform: translate(-50%, 100%);transform: translate(-50%, 100%);}
.prj-controls-item:hover .snare-wrap,
.prj-controls-item:hover .download-wrap {opacity: 1;visibility: visible;-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.snare-wrap {position: absolute;z-index: 10;top: 0;left: 0;padding: 15px;text-align: left;opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: var(--clr-white);-webkit-transform: translateY(-110%);transform: translateY(-110%);-webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.snare-wrap > * {cursor: pointer;font-size: 13px;font-weight: 600;color: var(--clr-black);letter-spacing: var(--lts-4);margin-bottom: 10px;}
.snare-wrap > *:last-child {margin-bottom: 0;}
.download-wrap {position: absolute;z-index: 10;top: 0;left: 0;padding: 15px;text-align: left;opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: var(--clr-white);-webkit-transform: translateY(-110%);transform: translateY(-110%);-webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.download-wrap > * {font-size: 18px;font-weight: 500;color: var(--clr-black);letter-spacing: var(--lts-2);margin-bottom: 15px;white-space: nowrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.download-wrap > *:last-child {margin-bottom: 0;}
.download-wrap .need-to-log-link {display: none;}
.need-to-log a.not-active {pointer-events: none;cursor: not-allowed !important;color: var(--clr-grey-400);}
.need-to-log a.not-active:after {content: "";display: inline-block;width: 16px;height: 21px;margin: 0 15px;background-image: url(../img/icons/icon-lock.svg);background-repeat: no-repeat;background-size: contain;}
.need-to-log .need-to-log-link {display: block;}
.need-to-log-link {text-transform: none !important;text-decoration: underline;}
@media (min-width: 768px) {
.prj-controls-wrap.small .prj-controls {bottom: 10px;left: 10px;max-width: calc(100% - 20px);margin: -5px -5px 0;}
.prj-controls-wrap.small .prj-controls-item {width: 40px;height: 40px;margin: 5px 5px 0 !important;}
}
@media (min-width: 1200px) {
.prj-controls-item:hover {outline-offset: -4px;outline-color: var(--clr-grey-800);}
.prj-controls-item:hover::before {opacity: 1;visibility: visible;-webkit-transform: translate(-50%, 100%);transform: translate(-50%, 100%);}
.snare-wrap li a:hover {text-decoration: underline;text-underline-offset: 1px;}
.download-wrap .download-doc:hover {text-decoration: underline;}
.snare-wrap > *:hover {text-decoration: underline;text-underline-offset: 1px;}
}
@media (min-width: 1200px) and (max-width: 1640px) {
.swiper-slide .img-wrap-inner {padding-top: 34%;}
}
@media (max-width: 1640px) {
.img-wrap-inner {padding-top: 38%;}
}
@media (max-width: 1199px) {
.prj-controls-wrap .prj-controls {bottom: 10px;left: 10px;max-width: calc(100% - 20px);}
.prj-controls {margin: -5px -5px 0;}
.prj-controls-item {width: 60px;height: 60px;margin: 5px 5px 0 !important;}
}
@media (max-width: 767px) {
.img-wrap {margin: 20px 0;}
.img-wrap-inner {padding-top: 54%;}
.prj-controls-wrap::before {content: "";position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--bg-5);-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prj-controls-wrap .prj-controls {max-width: calc(100% + 20px);z-index: 6;bottom: auto;top: 50%;left: calc( 50% + 5px);width: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 0;}
.prj-controls-wrap.small .prj-controls {max-width: calc(100% + 10px);}
.prj-controls-wrap:hover::before {opacity: 0.8;visibility: visible;}
.prj-controls {margin: -5px -5px 0;}
.prj-controls-item {width: 48px;height: 48px;margin: 5px 5px 0 !important;background-color: transparent;}
}
/*--------------------*/
/* - Request Page     */
/*--------------------*/
.req-grid {display: -ms-grid;display: grid;-ms-grid-columns: 0.8fr 1fr;grid-template-columns: 0.8fr 1fr;-ms-grid-rows: 0.1fr 1fr;grid-template-rows: 0.1fr 1fr;grid-column-gap: 10%;grid-row-gap: 80px;}
.req-grid > .form-wrap {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;grid-area: 1/2/3/2;}
.req-block > * + * {margin-top: 50px;}
.req-img-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin: 0 -2.4%;}
.req-img {position: relative;-ms-flex-negative: 0;flex-shrink: 0;margin: 0 2.4%;padding-top: 40%;}
.req-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.req-img:nth-child(1) {-webkit-box-flex: 0;-ms-flex: 0 0 85%;flex: 0 0 85%;}
.req-img:nth-child(2) {-webkit-box-flex: 0;-ms-flex: 0 0 42%;flex: 0 0 42%;}
.call-to-us {text-align: center;}
.call-to-us > * + * {margin-top: 10px;}
.call-to-us > *:last-child:is(.un__btn) {margin-top: 30px;}
.call-to-us a:not(.un__btn):hover {text-decoration: underline;}
@media (max-width: 1199px) {
.req-grid {grid-column-gap: 30px;}
}
@media (max-width: 991px) {
.req-grid {display: block;}
.req-grid > .form-wrap {margin: 40px 0 60px;}
}
@media (max-width: 767px) {
.req-block > * + * {margin-top: 15px;}
.req-img-inner {margin: 0 -7.5px;}
.req-img {margin: 0 7.5px;}
}
/*--------------------*/
/* - Req Thank You    */
/*--------------------*/
.half-section {display: -webkit-box;display: -ms-flexbox;display: flex;}
.half-left {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.half-left .container,
.half-left .row {height: 100%;}
.half-right {position: relative;overflow: hidden;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;-webkit-box-flex: 0;-ms-flex: 0 0 45%;flex: 0 0 45%;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.reg-th-img {position: relative;display: block;padding-top: 100%;height: 100%;}
.reg-th-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.reg-th-wrap {max-width: 520px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.reg-th-wrap > * {margin-bottom: 20px;}
.reg-th-wrap > *:last-child {margin-top: auto;}
.reg-th-wrap .un__title {width: 100%;}
.reg-th-wrap .un__sub-title {margin: 5% 0 10px;}
.reg-th-wrap .last-link {margin-top: 15%;}
@media (max-width: 767px) {
.half-section {display: block;}
.half-left .container,
.half-left .row {height: auto;}
.half-right {-webkit-transform: translateX(0);transform: translateX(0);}
.reg-th-wrap {padding: 15px 0 50px;}
.reg-th-wrap > * {margin-bottom: 15px;}
.reg-th-wrap > *:last-child {margin-bottom: 0;}
.reg-th-wrap .un__sub-title {margin: 0 0 10px;}
.reg-th-wrap .last-link {margin-top: 15%;}
}
/*--------------------*/
/* - Managers         */
/*--------------------*/
.managers-row {--bs-gutter-x: 50px;--bs-gutter-y: 50px;}
.manager-img {position: relative;width: 170px;height: 170px;margin: 0 auto;border: 4px solid var(--clr-white);outline: 2px solid var(--clr-black);}
.manager-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.mac .manager-img img {margin-left: 4px;}
.manager-img img::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url("../img/person-img-default.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;}
.manager-info {margin-top: 20px;text-align: center;}
.manager-info > * {margin-bottom: 15px;}
.manager-info > *:last-child {margin-bottom: 0;}
.manager-info .un__social ul {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.manager-info .un__social a {border: 1px solid transparent;background-color: transparent;-webkit-filter: brightness(0);filter: brightness(0);}
.manager-name {font-size: var(--h-4);font-weight: 600;line-height: 1.5em;color: var(--clr-black);letter-spacing: var(--lts-4);margin-bottom: 0 !important;}
.manager-pos {font-size: 12px;font-weight: 600;line-height: 1.3em;color: var(--clr-grey-600);letter-spacing: var(--lts-6);text-transform: uppercase;margin-bottom: 30px;}
.manager-address {font-size: 18px;font-weight: 400;line-height: 1.5em;color: var(--clr-black);letter-spacing: var(--lts-5);}
.manager-link {font-size: 13px;font-weight: 600;line-height: 1.3em;color: var(--clr-grey-600);letter-spacing: var(--lts-4);}
.manager-link a {font-size: 16px;font-weight: 600;line-height: 1.3em;color: var(--clr-black);letter-spacing: var(--lts-3);margin-left: 5px;text-decoration: underline;text-decoration-color: transparent;text-underline-offset: 2px;}
@media (min-width: 1200px) {
.manager-link a:hover {text-decoration-color: currentColor;}
.manager-info .un__social a:hover {border-color: var(--clr-black);}
}
@media (max-width: 1640px) {
.managers-row {--bs-gutter-x: 30px;}
}
@media (max-width: 575px) {
.managers-row {--bs-gutter-y: 70px;}
.manager-info {margin-top: 15px;}
.manager-info > * {margin-bottom: 10px;}
.manager-pos {margin-bottom: 20px;}
}
/*--------------------*/
/* Slide section      */
/*--------------------*/
:root {--phone-h: var(--js-vh, 100vh);}
@supports (height: 100dvh) {:root {--phone-h: 100dvh;}}
.slide-section {display: -webkit-box;display: -ms-flexbox;display: flex;--slide-menu-width: 416px;}
.slide-menu {position: relative;min-height: calc(var(--phone-h) - var(--header-h));width: var(--slide-menu-width);background-color: var(--clr-white);border-right: 0 solid var(--clr-grey-200);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
header.show-info + main .slide-menu {min-height: calc(var(--phone-h) - (var(--header-h) + var(--h-info-height)));}
.slide-section.active .slide-menu {border-width: 6px;}
.slide-content {padding: 140px 0;width: 100%;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.slide-section.active .slide-content {width: calc(100% - var(--slide-menu-width));}
.slide-section.active .events-row {-ms-grid-columns: 1fr[2];grid-template-columns: repeat(2, 1fr);}
.slide-section.active .slide-menu-container {opacity: 1;visibility: visible;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.slide-menu-container {position: absolute;top: 0;right: 0;width: var(--slide-menu-width);height: 100%;opacity: 0;visibility: hidden;}
.slide-menu-wrap {position: sticky;top: var(--header-h);left: 0;width: var(--slide-menu-width);height: calc(var(--phone-h) - var(--header-h));padding: 60px 0;}
header.show-info + main .slide-menu-wrap {top: calc(var(--header-h) + var(--h-info-height));max-height: calc(var(--phone-h) - (var(--header-h) + var(--h-info-height)));}
.slide-menu-top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 40px;padding: 0 30px;height: 32px;}
.slide-menu-top .un__title {font-weight: 600;}
.slide-menu-content {overflow-y: scroll; overscroll-behavior-y: contain; padding: 0 30px;height: calc(var(--phone-h) - var(--header-h) - 120px - 68px - 72px);}
.slide-menu-content > * {margin-bottom: 40px;}
.slide-menu-content > *:last-child {margin-bottom: 0;}
header.show-info + main .slide-menu-content {height: calc(var(--phone-h) - (var(--header-h) + var(--h-info-height)) - 120px - 68px - 72px);}
.slide-menu-footer {margin-top: 40px;padding: 0 30px;height: 28px;}
.slide-filter {border-bottom: 1px solid var(--clr-grey-600);}
.slide-filter-title {position: relative;cursor: pointer;font-size: 12px;line-height: 1.3em;font-weight: 600;letter-spacing: var(--lts-6);color: var(--clr-grey-600);text-transform: uppercase;padding-bottom: 15px;padding-right: 15px;}
.slide-filter-title::after {content: "";position: absolute;right: 2px;top: 1px;width: 10px;height: 10px;border-right: 2px solid var(--clr-grey-600);border-bottom: 2px solid var(--clr-grey-600);-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.slide-filter.open .slide-filter-title::after {top: 5px;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.slide-filter-drop {font-size: 0;line-height: 0;padding-bottom: 15px;display: none;}
.slide-filter-drop > * {margin-bottom: 15px;}
.slide-filter-drop > *:last-child {margin-bottom: 0;}
.slide-filter-drop .ch-box-entry span:before {border-color: var(--clr-red);}
.slide-filter-drop .ch-box-entry span::after {background-color: var(--clr-red);}
.slide-filter-drop .ch-box-entry input[type=checkbox]:checked + span::before {background-color: var(--clr-red);}
.slide-filter-drop .SumoSelect > .optWrapper.multiple > .options li.opt label {text-transform: capitalize;}
@media (min-width: 768px) {
.p-change-location + main .slide-menu-wrap {padding-top: 60px;}
.p-change-location + main .slide-menu-content {height: calc(var(--phone-h) - var(--header-h) - 80px - 43px - 52px);}
}
@media (min-width: 1441px) {
.p-change-location + main .slide-menu-content {height: calc(var(--phone-h) - var(--header-h) - 120px - 68px - 72px);}
}
@media (max-width: 1640px) {
.slide-section {--slide-menu-width: 340px;}
.slide-content {padding: 80px 0;}
.slide-menu-wrap {padding: 45px 0 20px;}
.slide-menu-top {margin-bottom: 20px;padding: 0 20px;}
.slide-menu-content {padding: 0 20px;height: calc(var(--phone-h) - var(--header-h) - 65px - 43px - 52px);}
.slide-menu-content > * {margin-bottom: 30px;}
.slide-menu-footer {margin-top: 20px;padding: 0 15px;}
header.show-info + main .slide-menu-content {height: calc(var(--phone-h) - (var(--header-h) + var(--h-info-height)) - 65px - 43px - 52px);}
}
@media (max-width: 1199px) {
.slide-content {padding: 60px 0;}
.slide-section.active .events-row {-ms-grid-columns: 1fr[1];grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 767px) {
.slide-section.active .slide-content {width: 100%;}
.slide-section.active .slide-menu {-webkit-transform: translateX(0%);transform: translateX(0%);}
.slide-section.active .slide-menu-overlay {opacity: 0.25;visibility: visible;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.slide-content {padding: 20px 0 60px;}
.slide-content .un__tab-nav {margin: 0 -15px;}
.slide-content .un__tab-toggle {width: 100%;}
.slide-content .un__tab-toggle > * {width: 50%;}
.slide-menu {overscroll-behavior-y: contain; position: fixed;z-index: 99;left: 0;top: var(--header-h);width: 50%;min-width: 320px;height: calc(var(--phone-h) - var(--header-h));padding: 0 15px;background-color: var(--clr-white);-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.slide-menu:before {content: "";position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 150%;background-color: var(--clr-white);}
.slide-menu .slide-menu-overlay {position: absolute;z-index: 1;top: 0;left: 0;width: 250%;height: 150%;opacity: 0;visibility: hidden;background-color: var(--clr-black);}
header.show-info + main .slide-menu {top: calc(var(--header-h) + var(--h-info-height));height: calc(var(--phone-h) - (var(--header-h) + var(--h-info-height)));}
.slide-menu-container {position: relative;z-index: 2;width: 100%;height: 100%;}
.slide-menu-wrap {position: relative;top: 0;left: 0;width: 100%;max-height: none;width: 100%;padding: 30px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
header.show-info + main .slide-menu-wrap {top: 0;max-height: none;}
.slide-menu-top {padding: 0;}
.slide-menu-content {padding: 0;height: 100%;}
.slide-menu-footer {padding: 0;padding-left: 50px;}
html.overflow-filter,
html.overflow-filter body {overflow: hidden; touch-action: none; -webkit-overflow-scrolling: auto;overscroll-behavior: none;}
}
/*--------------------*/
/* Events             */
/*--------------------*/
.events-result {font-size: 13px;line-height: 1em;font-weight: 600;color: var(--clr-black);letter-spacing: var(--lts-4);}
.events-result.text-right {text-align: right;}
.events-row {display: -ms-grid;display: grid;gap: 20px 30px;-ms-grid-columns: 1fr[3];grid-template-columns: repeat(3, 1fr);}
.un__event-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-height: 210px;padding: 20px 30px;border: 2px solid var(--bg-3);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__event-item .un__btn {opacity: 0;visibility: hidden;}
.un__event-title {margin: auto 0 20px;font-size: var(--h-5);font-weight: 500;line-height: 1.4em;letter-spacing: var(--lts-6);}
.un__event-date {font-size: 0;line-height: 0;}
.un__event-date b {display: inline-block;font-size: 13px;line-height: 1em;font-weight: 600;color: var(--clr-black);letter-spacing: var(--lts-4);padding: 0 7px;}
.un__event-date b:first-child {padding-left: 0;}
.un__event-date b + b {border-left: 2px solid currentColor;}
.un__event-type-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;margin-top: 5px;}
.un__event-type {font-size: 13px;line-height: 1em;font-weight: 600;color: var(--clr-black);letter-spacing: var(--lts-4);}
.event-map-informer {position: relative;width: 100%;z-index: 10;}
.event-map-informer-inner {position: absolute;top: -30px;left: 50%;-webkit-transform: translate(-50%, -100%);transform: translate(-50%, -100%);max-width: 65%;}
.event-map-informer-inner .un__btn {margin-left: 5px;}
.event-map-informer-inner > * {display: inline-block;}
.gm-style div[class*=cluster] {color: var(--clr-white) !important;font-size: 18px !important;letter-spacing: 0 !important;font-family: var(--ff-1) !important;font-weight: 600 !important;background-position: center;background-repeat: no-repeat;background-size: contain;height: 40px !important;line-height: 40px !important;width: 40px !important;}
@media (min-width: 1200px) {
.un__event-item:hover {background: var(--bg-3);}
.un__event-item:hover .un__btn {opacity: 1;visibility: visible;}
}
@media (max-width: 1640px) {
.events-row {gap: 20px;}
.un__event-item {min-height: 190px;padding: 15px 15px;}
.un__event-title {margin: auto 0 15px;}
.event-map-informer-inner {top: -25px;}
}
@media (max-width: 1199px) {
.events-row {-ms-grid-columns: 1fr[2];grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 991px) {
.event-map-informer-inner {position: relative;top: 0;left: 0;-webkit-transform: translate(0, 0);transform: translate(0, 0);max-width: 100%;text-align: center;margin-bottom: 25px;}
.event-map-informer-inner .un__btn {margin-left: 10px;}
}
@media (max-width: 767px) {
.events-result {max-width: 140px;text-align: right;}
.events-row {gap: 15px;-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
.event-map-informer-inner .un__btn {font-size: 15px;}
}
/*--------------------*/
/* Event Detail       */
/*--------------------*/
.ev-detail-wrap {display: -ms-grid;display: grid;-ms-grid-columns: 0.8fr 1fr;grid-template-columns: 0.8fr 1fr;grid-column-gap: 80px;grid-row-gap: 25px;}
.ev-detail-center {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-area: 1/2/3/3;}
.ev-detail-img {position: relative;padding-top: 88%;}
.ev-detail-img > picture > img,
.ev-detail-img > picture > img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.ev-detail-item {margin-bottom: 30px;}
.ev-detail-item .un__caption {margin-bottom: 5px;}
.ev-detail-item:last-child {margin-bottom: 0;}
.ev-reg-form .form-wrap {display: none;}
@media (max-width: 1640px) {
.ev-detail-wrap {grid-column-gap: 30px;grid-row-gap: 15px;-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;}
.ev-detail-item {margin-bottom: 20px;}
}
@media (max-width: 991px) {
.ev-detail-wrap {display: block;}
.ev-detail-img {margin: 25px 0;}
}
/*-------------------*/
/*   PROJECTS        */
/*-------------------*/
.slide-menu-content > .field-search {margin-bottom: 70px;}
.projects-row > div[class^=col] {margin-bottom: 30px;}
.projects-row.project-small-row > div[class^=col]:last-child {margin-bottom: 0;}
.un__project-item {position: relative;display: block;}
.un__project-item .hover-block {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(250, 250, 250, 0.9);text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 30px;-webkit-transition: var(--transition-1);transition: var(--transition-1);opacity: 0;visibility: hidden;}
.un__project-item .hover-block .project-category {text-transform: uppercase;font-size: 12px;line-height: 1.3em;letter-spacing: var(--lts-6);color: var(--clr-red);font-weight: 600;}
.un__project-item .hover-block .project-name {text-transform: uppercase;font-size: var(--h6);line-height: 1.5em;letter-spacing: var(--lts-2);font-weight: 500;color: var(--clr-black);margin-top: 8px;}
.un__project-item .hover-block .un__btn {margin-top: 22px;}
.un__project-item .hover-block .project-location {position: absolute;bottom: 25px;left: 30px;right: 30px;text-align: center;color: #7C7D7D;font-weight: 600;font-size: 13px;line-height: 1.5em;letter-spacing: var(--lts-4);}
.un__project-item.un__project-item-big .hover-block .project-location {bottom: 30%;}
:lang(es) .hover-block .project-location {text-transform: capitalize;}
.open-filter {margin-top: 40px;}
@media (min-width: 1200px) {
.un__project-item:hover .hover-block {opacity: 1;visibility: visible;}
}
@media (max-width: 1199px) {
.un__tab-toggle > div {width: 180px;}
}
@media (max-width: 991px) {
.open-filter {margin-top: 30px;}
.projects-row.project-small-row > div[class^=col] {margin-bottom: 0;}
}
@media (max-width: 767px) {
.open-filter {margin-bottom: 15px;}
.events-result {max-width: 100%;text-align: center;}
.projects-row {margin-left: 0;margin-right: 0;}
.projects-row > div[class^=col] {padding: 0 1.5px;margin-bottom: 3px;}
.projects-row .lr-img {padding-top: 90%;}
.projects-row.project-small-row {margin-left: -1.5px;margin-right: -1.5px;}
}
/*-------------------*/
/*  PROJECTS DETAIL  */
/*-------------------*/
.prd-slider.over-flow-none .swiper-container {overflow: visible;}
.prd-slider .img-wrap {margin: 0;}
.prd-slider .swiper-button-wrap {position: absolute;z-index: 2;right: 0;bottom: 5px;}
.prd-slider .un__slide-img::after {min-height: 1.7em;}
.un__slide-img::after {position: relative;-webkit-transform: translateY(0%);transform: translateY(0%);}
.un__slide-img .close-layer {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__slide-img.active .close-layer {opacity: 1;visibility: visible;}
.un__slide-img.no-desc .prj-controls {margin: -5px -5px 0;}
.un__slide-img.no-desc .prj-controls-wrap .prj-controls {bottom: 10px;left: 10px;max-width: calc(100% - 20px);}
.un__slide-img.no-desc .prj-controls-item {width: 40px;height: 40px;margin: 5px 5px 0 !important;}
.detail-img-info {cursor: default;position: absolute;z-index: 2;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.detail-img-info .f-prod-item {position: absolute;z-index: 2;width: 386px;top: 50%;left: -100%;opacity: 0;visibility: hidden;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.detail-img-info.active .f-prod-item {opacity: 1;visibility: visible;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}
.detail-img-info .f-prod-img {width: 166px;height: 166px;}
.detail-img-info .f-prod-img img {-webkit-transform: none;transform: none;}
.detail-img-info .f-prod-img:before,
.detail-img-info .f-prod-img:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 6px solid #FFF;z-index: 1;}
.detail-img-info .f-prod-img:after {bottom: auto;left: auto;width: 86px;height: 86px;border-left: none;border-bottom: none;border-top: 2px solid #FF0303;border-right: 2px solid #FF0303;}
.detail-img-info.active {opacity: 1;z-index: 5;}
.detail-img-info .plus-item {cursor: pointer;position: relative;z-index: 3;width: 54px;height: 54px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);cursor: pointer;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.detail-img-info .plus-item:before,
.detail-img-info .plus-item:after {content: "";position: absolute;height: 41%;width: 2px;background-color: #FF0303;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.detail-img-info .plus-item:after {-webkit-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);}
.detail-img-info.active .plus-item {opacity: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.img-wrap-inner.size2 {padding-top: 58%;}
.img-wrap-inner.size3 {padding-top: 135%;}
.img-wrap-inner.size4 {padding-top: 117%;}
.img-wrap-inner.size5 {padding-top: 102%;}
.img-wrap.no-control {margin: 0;}
.un__slide-img.no-desc::after {content: none;display: none;}
.un__product-detail-info {position: relative;font-size: 0;}
.un__product-detail-info .datail-info-item {position: relative;margin-bottom: 45px;display: inline-block;vertical-align: top;width: 50%;}
.un__product-detail-info .datail-info-item:last-child {margin-bottom: 30px;}
.datail-info-item .datail-info-item-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: -15px;margin-bottom: 30px;}
.datail-info-item .datail-info-item-inner > * {margin-right: 20px;margin-top: 15px;}
.datail-info-item .datail-info-item-inner > *:last-child {margin-right: 0;}
.datail-info-item .datail-info-item-inner:last-child {margin-bottom: 0;}
.datail-info-item .datail-info-item-inner .logo {display: none;}
.datail-info-item.with-logo {width: 100%;}
.datail-info-item.with-logo .datail-info-item-inner .logo {display: inline-block;font-size: 0;line-height: 0;}
.datail-info-item.with-logo .datail-info-item-inner .logo img {height: auto;max-height: 48px;max-width: 118px;}
.datail-info-item .caption {display: inline-block;color: #333;letter-spacing: 0.43px;font-size: 13px;line-height: 20px;min-height: 20px;font-weight: 600;}
.datail-info-item .un__btn-link {font-size: 14px;}
.datail-info-item .un__btn-link b {text-underline-offset: 4px;}
.datail-info-item .caption + .un__btn-link {margin-left: 10px;}
.datail-info-item .text {color: #333;letter-spacing: 0.66px;line-height: 1.5em;font-weight: 400;font-size: 13px;}
.un__product-tag {position: relative;border-top: 1px solid #CACACA;}
.un__product-tag ul {font-size: 0;}
.un__product-tag ul li {display: inline-block;margin-right: 12px;margin-top: 20px;background-color: rgba(229, 229, 229, 0.5);padding: 3px 10px;font-weight: 600;font-size: 13px;line-height: 20px;letter-spacing: 0.43px;color: #333;border-radius: 13px;}
.spacer-only-sm {height: 60px;}
@media (min-width: 1640px) {
.un__btn.un__btn-back-ab {position: absolute;z-index: 2;left: 15px;}
}
@media (min-width: 1200px) {
.detail-img-info .plus-item:hover {background-color: rgba(255, 255, 255, 0.7);}
.detail-img-info.active:hover .plus-item {opacity: 1;}
.detail-img-info .f-prod-item:hover .f-prod-img img {-webkit-transform: none;transform: none;}
.detail-img-info .f-prod-item:hover .f-prod-name {text-decoration-color: var(--clr-black);}
.detail-img-info .f-prod-item a.f-prod-name:hover {text-decoration: none !important;}
}
@media (max-width: 1560px) {
.detail-img-info .f-prod-img {width: 120px;height: 120px;}
.detail-img-info .f-prod-item {width: 310px;left: -60%;}
.detail-img-info .f-prod-img:after {width: 60px;height: 60px;}
}
@media (max-width: 991px) {
.spacer-only-sm {height: 50px;}
.detail-img-info .plus-item {width: 44px;height: 44px;}
.detail-img-info.active {top: 10px;bottom: auto !important;left: 10px !important;-webkit-transform: none;transform: none;}
.detail-img-info .f-prod-item {-webkit-transition: 0s;transition: 0s;left: 0;top: 0;-webkit-transform: none;transform: none;}
.detail-img-info.active .f-prod-item {-webkit-transition: var(--transition-1);transition: var(--transition-1);left: 0;top: 0;-webkit-transform: none;transform: none;}
}
@media (max-width: 767px) {
.prd-slider .img-wrap {margin: 0;}
.un__slide-img.no-desc .prj-controls-wrap .prj-controls {bottom: auto;left: 50%;}
.un__slide-img.no-desc .prj-controls-item {width: 48px;height: 48px;}
.img-wrap-inner.size3 {padding-top: 58%;}
.prd-slider .swiper-button-wrap {position: relative;right: auto;bottom: auto;}
.datail-info-item .datail-info-item-inner {margin-bottom: 20px;}
.datail-info-item.with-logo .datail-info-item-inner .text-info {width: 100%;}
.detail-img-info .plus-item {width: 24px;height: 24px;-webkit-transition: none;transition: none;}
}
/*--------------------*/
/* - Account          */
/*--------------------*/
.acc-section {background-size: cover;background-repeat: no-repeat;background-position: center bottom;background-attachment: fixed;}
.acc-wrap {background-color: var(--clr-white);max-width: 830px;width: 100%;padding: 65px 120px;}
.acc-wrap .un__text {margin-top: 15px;}
.acc-wrap .un__tab-toggle {width: 100%;}
.acc-wrap .un__tab-toggle > * {width: 50%;}
.acc-wrap .un__simple-link b {font-weight: 500;}
.SumoSelect.sumo_country .options li:nth-child(4) {border-top: 2px solid var(--clr-grey-400);margin-top: 20px;}
@media (max-width: 991px) {
.acc-wrap {max-width: 620px;padding: 45px 15px;}
}
@media (min-width: 2000px) {
.acc-section {min-height: calc(100vh - var(--header-h));}
}
/*--------------------*/
/* - My Project       */
/*--------------------*/
.my-prj__entry {text-align: right;margin: 0 0 50px auto !important;}
.my-prj__entry-wrap {position: relative;display: inline-block;}
.my-prj__btn--more {display: none;}
.my-prj__controls {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.my-prj__controls > * {margin-right: 50px;}
.my-prj__controls > *:last-child {margin-right: 0;}
.my-prj__controls--btn {cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.my-prj__controls--btn svg {max-width: 24px;max-height: 24px;margin-right: 15px;}
.my-prj__controls--btn b {-ms-flex-negative: 0;flex-shrink: 0;position: relative;display: inline-block;font-size: 18px;line-height: 1.2em;letter-spacing: var(--lts-2);color: var(--clr-black);}
.my-prj__controls--btn b::before {content: "";position: absolute;bottom: 0;right: 0;height: 2px;width: 0;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-btn-log-out.type-2 {position: relative;right: 0;top: 0;}
.h-btn-log-out.type-2 i {margin-inline: 0 15px;}
.h-btn-log-out.type-2 b {line-height: 1.2em;}
.q-links ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: -20px;}
.q-links ul > * {width: 50%;margin-bottom: 20px;}
.q-links-title {display: none;}
.un__sub-title + .q-links,
.un__sub-title + .representative-inner {margin-top: 15px;}
.representative-wrap {display: inline-block;}
.representative-inner {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -40px -40px;}
.representative-item {-ms-flex-negative: 0;flex-shrink: 0;padding: 0 40px;margin-bottom: 40px;}
.representative-item > * {margin-bottom: 5px;}
.representative-item > *:last-child {margin-bottom: 0;}
.representative-item .h6 {font-weight: 700;}
.representative-item:nth-child(even) {border-left: 1px solid var(--clr-grey-400);}
.representative-item a {word-break: break-all;}
.un__my-project-wrap {margin-top: 30px;}
.un__my-project-info {padding: 20px 25px;background-color: var(--clr-grey-800);}
.un__my-project-info i {display: inline-block;vertical-align: middle;width: 20px;height: 20px;font-size: 18px;text-align: center;line-height: 20px;border-radius: 100%;background-color: var(--clr-white);margin-right: 15px;font-weight: 600;color: var(--clr-black);}
.un__my-project-info b {display: inline;vertical-align: top;font-size: 16px;line-height: 1.4em;font-weight: 500;letter-spacing: var(--lts-4);color: var(--clr-white);}
.my-project-row .row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
.my-project-row-caption {font-size: 18px;line-height: 1.5em;font-weight: 700;color: var(--clr-black);letter-spacing: var(--lts-6);padding-bottom: 15px;margin: 60px 0 30px;border-bottom: 2px solid var(--bg-3);}
.un__my-project-info:not(.d-none) + .my-project-row {margin-top: 30px;}
.un__my-project-info:not(.d-none) + .my-project-row .create-new-prj {pointer-events: none;}
.un__my-project-info:not(.d-none) + .my-project-row .create-new-prj .my-project-info {background-color: transparent;outline: 2px solid var(--clr-grey-400);}
.un__my-project-info:not(.d-none) + .my-project-row .create-new-prj .my-project-label {background-color: var(--clr-grey-400);}
.un__my-project-info:not(.d-none) + .my-project-row .create-new-prj .my-project-label::before,
.un__my-project-info:not(.d-none) + .my-project-row .create-new-prj .my-project-label::after {background-color: var(--clr-grey-600);}
.my-project-item {position: relative;display: block;width: 100%;height: 100%;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.my-project-item.create-new-prj .my-project-info {cursor: pointer;background-color: transparent;outline: 2px solid var(--clr-grey-400);}
.my-project-item.create-new-prj .my-project-label {background-color: var(--clr-black);}
.my-project-item.create-new-prj .my-project-label::before,
.my-project-item.create-new-prj .my-project-label::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 40%;height: 4px;background-color: var(--clr-white);}
.my-project-item.create-new-prj .my-project-label::after {-webkit-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);}
.my-project-info {display: inline-block;width: 100%;height: 100%;padding: 21.5% 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--clr-white);outline: 2px solid transparent;outline-offset: -2px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.my-project-label {display: inline-block;-ms-flex-negative: 0;flex-shrink: 0;position: relative;font-size: calc(var(--h-3) / 1.1);font-weight: 400;letter-spacing: var(--lts-3);line-height: 100px;text-align: center;color: var(--clr-black);width: 100px;height: 100px;border-radius: 100%;background-color: var(--bg-3);-webkit-transition: var(--transition-1);transition: var(--transition-1);overflow: hidden;}
.my-project-title {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: center;font-size: var(--h-6);font-weight: 500;line-height: 1.5em;letter-spacing: var(--lts-2);color: var(--clr-black);margin-top: 25px;}
.empty-pj .create-new-prj {position: relative;}
.empty-pj .create-new-prj::before,
.empty-pj .create-new-prj::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.5;background-color: var(--bg-3);-webkit-transform: translateX(calc(100% + 30px));transform: translateX(calc(100% + 30px));}
.empty-pj .create-new-prj::after {opacity: 0.25;-webkit-transform: translateX(calc((100% + 30px) * 2));transform: translateX(calc((100% + 30px) * 2));}
.empty-pj .create-new-prj > *:first-child::before {content: "";position: absolute;pointer-events: none;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.13;background-color: var(--bg-3);-webkit-transform: translateX(calc((100% + 30px) * 3));transform: translateX(calc((100% + 30px) * 3));}
@media (min-width: 1200px) {
.my-project-info:hover {outline-color: var(--clr-grey-400);}
.create-new-prj:hover {background-color: var(--clr-white);}
.create-new-prj:hover .my-project-info {outline-color: var(--clr-black);}
.my-prj__controls--btn:hover b::before {right: auto;left: 0;width: 100%;}
}
@media (max-width: 1640px) {
.my-prj__entry {margin: 0 0 20px auto !important;}
.my-prj__controls > * {margin-right: 35px;}
}
@media (max-width: 1199px) {
.representative-inner {margin: 0 -25px -40px;}
.representative-item {padding: 0 25px;}
.representative-item .un__text a {word-wrap: break-word;}
.my-project-row .row {--bs-gutter-x: 20px;--bs-gutter-y: 20px;}
.my-project-row-caption {padding-bottom: 10px;margin: 50px 0 20px;}
.empty-pj .create-new-prj::before,
.empty-pj .create-new-prj::after {-webkit-transform: translateX(calc(100% + 20px));transform: translateX(calc(100% + 20px));}
.empty-pj .create-new-prj::after {-webkit-transform: translateX(calc((100% + 20px) * 2));transform: translateX(calc((100% + 20px) * 2));}
.empty-pj .create-new-prj > *:first-child::before {-webkit-transform: translateX(calc((100% + 20px) * 3));transform: translateX(calc((100% + 20px) * 3));}
}
@media (max-width: 991px) {
.representative-wrap {display: block;margin: 40px 0;}
.representative-inner {display: -webkit-box;display: -ms-flexbox;display: flex;}
.representative-item {width: 100%;}
.my-project-label {font-size: calc(var(--h-3) / 1.1);line-height: 80px;width: 80px;height: 80px;}
.empty-pj .create-new-prj > *:first-child::before {display: none;}
}
@media (max-width: 767px) {
.my-prj__btn--more {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 18px;font-weight: 500;line-height: 1em;letter-spacing: var(--lts-2);color: var(--clr-black);}
.my-prj__btn--more b {display: inline-block;position: relative;width: 48px;height: 48px;margin-left: 10px;border-radius: 100%;background-color: var(--clr-grey-400);}
.my-prj__btn--more b i {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 4px;height: 4px;border-radius: 100%;background-color: var(--clr-black);}
.my-prj__btn--more b i::before {content: "";position: absolute;top: -6px;left: 0;width: 4px;height: 4px;border-radius: 100%;background-color: var(--clr-black);}
.my-prj__btn--more b i:after {content: "";position: absolute;top: 6px;left: 0;width: 4px;height: 4px;border-radius: 100%;background-color: var(--clr-black);}
.my-prj__controls {position: absolute;z-index: 20;bottom: 0;right: 0;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: 30px 20px;opacity: 0;visibility: hidden;background-color: var(--clr-white);-webkit-box-shadow: 10px 10px 35px 0 rgba(0, 0, 0, 0.15);box-shadow: 10px 10px 35px 0 rgba(0, 0, 0, 0.15);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.my-prj__entry-wrap.active .my-prj__controls {opacity: 1;visibility: visible;}
.my-prj__controls > * {margin-right: 0;margin-bottom: 45px;}
.my-prj__controls > *:last-child {margin-bottom: 0;}
.representative-inner {display: block;margin: 0 0 -40px;}
.representative-item {max-width: 100%;padding: 0 0 40px;margin-bottom: 40px;border-bottom: 1px solid var(--clr-grey-400);}
.representative-item:nth-child(even) {border-left: none;}
.representative-item:first-child {padding-top: 0;}
.representative-item:last-child {border-bottom: none;padding-bottom: 25px;}
.my-project-row .row {--bs-gutter-x: 10px;--bs-gutter-y: 10px;}
.my-project-row-caption {font-size: 16px;padding-bottom: 5px;margin: 40px 0 10px;}
.my-project-info {padding: 15% 10px;}
.un__my-project-info {padding: 15px;}
.un__my-project-info i {margin-right: 5px;}
.my-project-title {margin-top: 20px;}
.empty-pj .create-new-prj::before {-webkit-transform: translateX(calc(100% + 10px));transform: translateX(calc(100% + 10px));}
.empty-pj .create-new-prj::after {display: none;}
}
@media (max-width: 575px) {
.q-links {position: relative;}
.q-links ul {display: block;margin: 0;position: absolute;z-index: 30;bottom: 0;left: 0;width: 100%;padding: 10px 0;-webkit-transform: translateY(calc(100% + 15px));transform: translateY(calc(100% + 15px));background-color: var(--clr-white);-webkit-box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);opacity: 0;visibility: hidden;}
.q-links ul > * {width: 100%;margin-bottom: 0;}
.q-links ul a {display: block;padding: 10px 20px;font-size: 16px;font-weight: 500;line-height: 1.1em;color: var(--clr-black);letter-spacing: var(--lts-2);}
.q-links.active ul {opacity: 1;visibility: visible;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.q-links.active .q-links-title::before {-webkit-transform: translateY(-50%) rotateX(180deg);transform: translateY(-50%) rotateX(180deg);}
.q-links-title {position: relative;display: block;max-height: 54px;padding: 18px 35px 18px 15px;font-size: 16px;font-weight: 500;-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.q-links-title::before {content: "";position: absolute;top: 50%;right: 15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 8px 8.5px 0 8.5px;border-color: var(--clr-black) transparent transparent transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
}
@media (max-width: 410px) {
.my-project-info {padding: 10% 10px;}
.my-project-label {line-height: 60px;width: 60px;height: 60px;}
.my-project-title {font-size: 16px;margin-top: 15px;}
}
/*--------------------*/
/* My Project Detail  */
/*--------------------*/
.prj-detail-top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 50px;}
.prj-detail-top > .un__title .un__caption {color: var(--clr-grey-600);font-weight: 500;}
.prj-detail-controls {-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;}
.prj-detail-controls .prj-controls {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.prj-detail-controls .prj-controls-item {width: 48px;height: 48px;}
.prj-detail-controls .prj-controls-item .un__caption {text-align: center;-webkit-transform: translateY(-120%);transform: translateY(-120%);pointer-events: none;}
.prj-detail-center .row {--bs-gutter-x: 50px;--bs-gutter-y: 30px;}
.prj-detail-bottom {margin-top: 15px;}
.btn-select-assets.active {pointer-events: none;color: var(--clr-black);background-color: var(--clr-grey-200);outline-color: var(--clr-grey-200);}
.btn-select-assets.active::before {content: "!";position: absolute;top: 24px;left: 27px;display: inline-block;width: 20px;height: 20px;font-weight: 600;font-size: 16px;line-height: 20px;color: var(--clr-white);border-radius: 100%;background-color: var(--clr-black);}
.btn-select-assets.active b {padding-left: 30px;}
.prj-detail-content .custom-pagination {margin: 30px 0 0;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.prj-detail-content-title {font-size: var(--h-5);margin: 70px 0 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.prj-detail-select-btn-wrap {position: relative;opacity: 0;visibility: hidden;}
.open-to-choose .prj-detail-select-btn-wrap {opacity: 1;visibility: visible;}
.select-btn-clear-all {position: absolute;z-index: 2;right: 0;opacity: 0;visibility: hidden;}
.prj-detail-select-btn-wrap.is-active .select-btn-sl-all {opacity: 0;visibility: hidden;}
.prj-detail-select-btn-wrap.is-active .select-btn-clear-all {opacity: 1;visibility: visible;}
.prj-detail-content-inner .file-item-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -15px;}
.prj-detail-content-inner .file-item-list > * {width: calc(50% - 30px);margin: 0 15px;}
.prj-detail-content-inner .file-item {padding: 10px 10px 10px 25px;}
.prj-detail-content-inner .file-item-controls .prj-controls {margin: 0;}
.prj-detail-content-inner .file-item-controls .prj-controls-item {margin: 0 !important;}
.prj-detail-content-empty .file-item-list,
.prj-detail-content-empty .prj-images-row,
.prj-detail-content-empty .prj-comp-wrapper {display: none;}
.prj-detail-content-empty .prj-comp-message {display: -webkit-box;display: -ms-flexbox;display: flex;}
.prj-comp-message {display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;min-height: 140px;padding: 15px;border: 2px dashed #979797;background-color: var(--bg-3);}
.shr-msg-wrap {margin-top: 50px;}
.shr-msg-item + .shr-msg-item {margin-top: 15px;}
.shr-msg-item {background-color: var(--clr-grey-200);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 20px 40px;}
.shr-msg-info {position: relative;font-size: 16px;font-weight: 500;letter-spacing: var(--lts-3);color: var(--clr-black);padding-left: 35px;max-width: 820px;width: 100%;}
.shr-msg-info:before {content: "!";position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;text-align: center;width: 20px;height: 20px;font-weight: 600;font-size: 16px;line-height: 20px;color: var(--clr-white);border-radius: 100%;background-color: var(--clr-black);}
.shr-msg-info b {font-weight: inherit;}
.shr-msg-buttons {-ms-flex-negative: 0;flex-shrink: 0;}
.shr-msg-buttons > * {margin-left: 40px;}
@media (max-width: 1640px) {
.prj-detail-content-title {margin: 50px 0 20px;}
.shr-msg-wrap {margin-top: 30px;}
}
@media (min-width: 1200px) and (max-width: 1640px) {
.shr-msg-item {padding: 15px 30px;}
.shr-msg-info {font-size: 14px;padding-left: 30px;}
.shr-msg-info:before {width: 18px;height: 18px;font-size: 14px;line-height: 18px;}
.shr-msg-buttons > * {margin-left: 30px;}
}
@media (max-width: 1199px) {
.prj-detail-top {margin-bottom: 30px;}
.prj-detail-center .row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
}
@media (max-width: 991px) {
.prj-detail-top .un__title {font-size: 36px;}
.prj-detail-center .un__text {font-size: 18px;}
.prj-detail-bottom {margin-top: 40px;}
.prj-detail-content-inner .file-item-list {display: block;}
.prj-detail-content-inner .file-item-list > * {width: 100%;margin: 0;}
.shr-msg-item {padding: 15px;display: block;}
.shr-msg-info {max-width: 100%;}
.shr-msg-buttons {margin-top: 15px;margin-bottom: -15px;}
.shr-msg-buttons > * {margin-left: 35px;margin-bottom: 15px;}
}
@media (max-width: 767px) {
.prj-detail-content-inner .file-item {padding: 20px 30px 15px;margin: 0 -15px;width: auto;}
}
@media (max-width: 575px) {
.prj-detail-top {display: block;margin-bottom: 20px;}
.prj-detail-controls {margin-top: 40px;}
.prj-detail-controls .prj-controls-item:first-child::before {left: 0%;-webkit-transform: translate(0%, 150%);transform: translate(0%, 150%);}
.prj-detail-center .row {--bs-gutter-y: 20px !important;}
.prj-detail-content-title {display: block;}
.prj-detail-select-btn-wrap {margin-top: 15px;}
.select-btn-clear-all {right: auto;left: 0;}
.btn-select-assets.active {text-align: left;}
.btn-select-assets.active::before {top: 19px;left: 15px;width: 18px;height: 18px;font-size: 14px;line-height: 18px;text-align: center;}
}
/*--------------------*/
/* Asset Select       */
/*--------------------*/
.asset-select {position: relative;}
.asset-select .ch-box-entry {display: none;position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;margin: 0;outline: 2px solid transparent;outline-offset: -1px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.asset-select .ch-box-entry span {position: absolute;top: 15px;right: 15px;width: 18px;height: 18px;padding: 0;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.asset-select .ch-box-entry span:before {left: 0;top: 0;}
.asset-select .ch-box-entry span:after {left: 4px;top: 4px;}
.prj-detail-content .asset-select .ch-box-entry span {right: 30px;}
.asset-select .file-item + .ch-box-entry span {top: 36px;}
.asset-select .sl-unit-wrap + .ch-box-entry span {top: 35px;}
.asset-select.selected .ch-box-entry {outline-color: var(--clr-grey-600);}
.asset-select.selected .ch-box-entry span {opacity: 1;visibility: visible;}
.asset-select.selected .prj-controls-wrap::before {opacity: 0.8;visibility: visible;}
.asset-select .ch-box-entry span {opacity: 1;visibility: visible;}
.asset-select:hover > .prj-controls-wrap::before {opacity: 0.8;visibility: visible;}
.asset-select:hover .prj-comp-item {background-color: var(--bg-3);}
.open-to-choose .prj-detail-controls .prj-controls-item {pointer-events: none;opacity: 0.4;}
.open-to-choose .asset-select .ch-box-entry {display: block;}
.open-to-choose .asset-select .prj-controls,
.open-to-choose .asset-select .prj-box-close,
.open-to-choose .asset-select .sl-unit-delete,
.open-to-choose .asset-select .prj-comp-buttons,
.open-to-choose .asset-select .file-item-controls {opacity: 0 !important;visibility: hidden !important;}
.open-to-choose .asset-select .sl-unit-bottom {display: none;}
@media (max-width: 1640px) {.asset-select .file-item + .ch-box-entry span {top: 26px;}}
@media (max-width: 991px) {.prj-detail-content .asset-select .ch-box-entry span {right: 15px;}}
@media (max-width: 767px) {.asset-select .file-item + .ch-box-entry span {top: auto;right: auto;bottom: 25px;left: 55px;}}
@media (max-width: 575px) {.asset-select .prj-comp-item + .ch-box-entry span {top: auto;right: auto;bottom: 25px;left: 25px;}}
/*--------------------*/
/* My Project Images  */
/*--------------------*/
.prj-images-row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
.prj-images-row .img-wrap {margin: 0;}
.prj-images-row .img-wrap-inner {padding-top: 57%;}
.prj-images-row .prj-controls-wrap::before {content: "";position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--bg-5);-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prj-images-row .prj-controls-wrap:hover::before {opacity: 0.8;visibility: visible;}
.prj-images-row .prj-controls-wrap .prj-controls {z-index: 6;bottom: auto;top: 50%;left: 50%;width: 100%;margin: -5px -5px 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 0;}
.prj-images-row .prj-controls-wrap:hover .prj-controls {opacity: 1;visibility: visible;}
.prj-images-row .prj-controls-item {width: 48px;height: 48px;margin: 5px 5px 0 !important;background-color: transparent;}
.prj-images-row .asset-select .ch-box-entry span {-webkit-box-shadow: 0px 0px 0px 10px rgb(255, 255, 255),inset 0px 0px 0px 10px rgb(255, 255, 255);box-shadow: 0px 0px 0px 10px rgb(255, 255, 255),inset 0px 0px 0px 10px rgb(255, 255, 255);}
@media (max-width: 1199px) {.prj-images-row {--bs-gutter-x: 20px;--bs-gutter-y: 20px;}}
@media (max-width: 991px) {.prj-images-row {--bs-gutter-x: 15px;--bs-gutter-y: 15px;}}
@media (max-width: 575px) {.prj-images-row {--bs-gutter-y: 10px;}}
/*------------------------*/
/* My Project Products    */
/*------------------------*/
.prj-products-wrapper > * {margin-bottom: 50px;}
.prj-products-wrapper > *:last-child {margin-bottom: 0;}
/*------------------------*/
/* My Project Comparisons */
/*------------------------*/
.prj-comp-wrapper {border: 2px solid var(--clr-grey-400);}
.prj-comp-wrapper > * .prj-comp-item {border-bottom: 2px solid var(--clr-grey-400);}
.prj-comp-wrapper > *:last-child .prj-comp-item {border-bottom: none;}
.prj-comp-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 30px 60px 30px 30px;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prj-comp-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.prj-box {position: relative;width: 160px;}
.prj-box-img {position: relative;margin: 10px 30px 0;padding-top: 60%;background-color: var(--clr-grey-200);}
.prj-box-img img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
.prj-box-title {text-align: center;margin: 0 10px;font-size: 13px;font-weight: 600;line-height: 1.5em;letter-spacing: var(--lts-4);color: var(--clr-black);}
.prj-box-close {cursor: pointer;position: absolute;top: -10px;right: -30px;width: 48px;height: 48px;border-radius: 100%;border: 1px solid var(--clr-grey-400);background-color: var(--clr-white);}
.prj-box-close::before,
.prj-box-close::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);height: 2px;width: 50%;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prj-box-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.prj-comp-buttons {-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.prj-comp-buttons > * {margin-bottom: 20px;}
.prj-comp-buttons > *:last-child {margin-bottom: 0;}
@media (min-width: 1200px) {
.prj-box-close:hover::before,
.prj-box-close:hover::after {background-color: var(--clr-red);}
}
@media (max-width: 1199px) {
.prj-comp-item {padding: 15px 30px 15px 15px;}
.prj-comp-inner {margin-top: -15px;}
.prj-box {width: 130px;margin-top: 15px;}
.prj-box-img {margin: 10px 20px 0;}
.prj-box-title {margin: 0 5px;}
.prj-box-close {top: -10px;right: -17px;width: 32px;height: 32px;}
.prj-comp-buttons > * {margin-bottom: 15px;}
}
@media (max-width: 575px) {
.prj-comp-item {padding: 15px 0 25px 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.prj-comp-inner {padding: 0 10px;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}
.prj-comp-buttons {padding: 25px 15px 0;-ms-flex-item-align: start;align-self: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.prj-comp-buttons > * {margin-bottom: 20px;}
}
/*--------------------------*/
/* Selected Projects Assets */
/*--------------------------*/
.selected-prj-wrapper {position: fixed;z-index: 99;bottom: 0;left: 0;width: 100%;border-top: 2px solid #E2E2E2;background-color: var(--clr-white);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);display: block;}
.open-to-choose .selected-prj-wrapper {-webkit-transform: translateY(0%);transform: translateY(0%);}
.selected-prj-inner {padding: 20px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.selected-prj-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 18px;font-weight: 500;color: var(--clr-black);letter-spacing: var(--lts-2);}
.selected-prj-info i {position: relative;display: inline-block;margin-right: 15px;width: 18px;height: 18px;border-radius: 2px;background-color: var(--clr-red);}
.selected-prj-info i::before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);height: 2px;width: 60%;background-color: var(--clr-white);}
.selected-prj-info b {display: inline-block;margin-right: 5px;font-weight: 500;}
.selected-prj-btn-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.selected-prj-btn-wrapper > * {margin: 0 10px;}
.selected-prj-btn-wrapper .clear-selected {margin-right: 0;margin-left: 30px;}
@media (max-width: 991px) {
.selected-prj-inner {display: block;padding: 15px 0;}
.selected-prj-info {font-size: 16px;margin-bottom: 15px;}
.selected-prj-info i {margin-right: 10px;width: 16px;height: 16px;}
.selected-prj-btn-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.selected-prj-btn-wrapper > * {margin: 0 5px;}
.selected-prj-btn-wrapper > *:first-child {margin-left: 0;}
.selected-prj-btn-wrapper .clear-selected {margin-left: 15px;}
}
@media (max-width: 575px) {
.selected-prj-btn-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.selected-prj-btn-wrapper > * {margin: 0 0 15px;}
.selected-prj-btn-wrapper > *:last-child {margin-bottom: 0;}
.selected-prj-btn-wrapper .clear-selected {margin-left: 0;}
}
/*--------------------*/
/* Res Page           */
/*--------------------*/
.res-page-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 100%;}
.res-page-info > * {margin-bottom: 10px;}
.res-page-info > *:last-child {margin-bottom: 0;}
.res-page-img-inner {display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: auto;width: 93.6%;}
.res-page-img {position: relative;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 30px;padding-top: 40%;-webkit-box-flex: 0;-ms-flex: 0 0 42%;flex: 0 0 42%;}
.res-page-img:last-child {-webkit-box-flex: 0;-ms-flex: 0 0 86%;flex: 0 0 86%;margin-right: 0;}
.res-page-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.res-page-category {margin-top: 70px;}
@media (max-width: 1640px) {
.res-page-img-inner {width: 100%;}
.res-page-img {margin-right: 20px;}
}
@media (max-width: 991px) {
.res-page-img-inner {display: none;}
.res-page-category {margin-top: 50px;}
}
@media (min-width: 576px) {
.res-page-category .res-category {padding: 0;margin-top: 34px;}
.res-page-category .res-category-title {display: none;}
.res-page-category .res-category-drop {position: relative;width: 100%;max-height: unset;-webkit-transform: translateY(0) !important;transform: translateY(0) !important;background: transparent;-webkit-box-shadow: none;box-shadow: none;opacity: 1;visibility: visible;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0 -10px -40px;}
.res-page-category .res-category-item {width: 50%;max-width: 100%;border: none;padding: 0 10px 40px;}
.res-page-category .res-category-item ul {margin-top: 15px;}
.res-page-category .res-category-item b,
.res-page-category .res-category-item > a {font-size: 12px !important;text-transform: uppercase !important;vertical-align: top !important;}
.res-page-category .res-category-item a {padding: 0;}
.res-page-category .res-category-item a::before,
.res-page-category .res-category-item a::after {display: none;}
}
@media (min-width: 992px) {
.res-page-category .res-category-item {width: 33.3333333333%;}
}
@media (min-width: 1200px) {
.res-page-category .res-category-item {max-width: 20%;width: auto;}
.res-page-category .res-category-item a {text-decoration: underline;text-decoration-color: transparent;text-decoration-thickness: 2px;text-underline-offset: 6px;}
.res-page-category .res-category-item a:hover {text-decoration-color: currentColor;}
.res-page-category .res-category-item > a {text-decoration-thickness: 1px;text-underline-offset: 4px;}
.res-page-category .res-category-item > a:hover {text-decoration: underline;text-decoration-color: currentColor;}
:lang(es) .res-page-category .res-category-item a,
:lang(fr) .res-page-category .res-category-item a {text-decoration: none;}
:lang(es) .res-page-category .res-category-item a:hover,
:lang(fr) .res-page-category .res-category-item a:hover {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 6px;}
}
@media (max-width: 1199px) {
.res-page-category .res-category-drop {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
}
/*--------------------*/
/* Most Popular       */
/*--------------------*/
.most-popular-row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
.m-popular-item {position: relative;padding-top: 87%;border: 2px solid var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.m-popular-info {position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px 30px 20px;}
.m-popular-sub-title {display: inline-block;font-size: 13px;line-height: 1.5em;font-weight: 600;letter-spacing: var(--lts-4);color: var(--clr-black);padding: 5px 10px;border-radius: 13px;background: var(--clr-grey-200);margin-bottom: 10px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.m-popular-title {font-size: var(--h-5);font-weight: 500;line-height: 1.4em;color: var(--clr-black);letter-spacing: var(--lts-6);margin-bottom: 25px;}
.m-popular-controls {position: relative;z-index: 2;}
.m-popular-controls .prj-controls-item {background: transparent;width: 48px;height: 48px;}
@media (min-width: 1200px) {
.m-popular-item:hover {border-color: var(--bg-3);background-color: var(--bg-3);}
.m-popular-item:hover .m-popular-sub-title {background: var(--clr-grey-400);}
}
@media (max-width: 1199px) {
.most-popular-row {--bs-gutter-x: 15px;--bs-gutter-y: 15px;}
.m-popular-item {padding-top: 0;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;}
.m-popular-info {position: relative;padding: 30px 15px 15px;margin-top: auto;}
.m-popular-title {font-size: 18px;margin-bottom: 15px;}
}
@media (max-width: 767px) {
.m-popular-controls .prj-controls-item {outline: none;}
}
/*--------------------*/
/* Quick Links        */
/*--------------------*/
.quick-section {display: -webkit-box;display: -ms-flexbox;display: flex;}
.q-right {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;-webkit-box-flex: 0;-ms-flex: 0 0 38.4%;flex: 0 0 38.4%;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.q-left {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;padding: 80px 0;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.quick-img {position: relative;height: 100%;width: 100%;padding-top: 122%;}
.quick-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.quick-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-item-align: start;align-self: flex-start;}
.quick-wrap > * {margin-bottom: 20px;}
.quick-wrap > *:last-child {margin-bottom: 0;}
.quick-wrap .un__sub-title {margin-bottom: 15px;}
.quick-wrap .un__text p {font-weight: 500;}
@media (max-width: 767px) {
.quick-section {display: block;}
.q-right {-webkit-transform: translateX(0);transform: translateX(0);padding: 15px 15px 0;}
.q-left {padding: 30px 0;}
.quick-img {padding-top: 94%;}
.quick-wrap .un__text {font-size: 17px;}
}
/*--------------------*/
/* Res Category       */
/*--------------------*/
.res-category-inner {margin-left: 55px;}
.res-category-inner .un__sub-title {padding: 0 30px; font-size: 16px;}
.res-category {position: relative;padding: 0 30px;}
.res-category-title {display: inline-block;cursor: pointer;position: relative;text-transform: uppercase; font-size: var(--h-3);font-weight: 700;line-height: 1em;padding: 5px 0 10px 0;color: var(--clr-black);letter-spacing: var(--lts-4);padding-right: 1em;}
.res-category-title::before {content: "";position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: .33em .3em 0 .3em;border-color: var(--clr-black) transparent transparent transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.res-category-drop {position: absolute;z-index: 50;bottom: 0;left: 0;width: 100%;min-width: 360px;max-height: 264px;overflow: auto;-webkit-transform: translateY(calc(100% + 15px));transform: translateY(calc(100% + 15px));background: var(--clr-white);-webkit-box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0s;transition: 0s;}
.res-category-item {padding: 20px 30px;border-top: 1px solid var(--bg-3);}
.res-category-item:first-child {border-top: none;}
.res-category-item b {display: block;font-size: 13px;font-weight: 600;line-height: 1.5em;letter-spacing: var(--lts-4);color: var(--clr-red);text-transform: capitalize;}
.res-category-item > a {display: inline-block !important;font-size: 13px;font-weight: 600 !important;line-height: 1.5em !important;letter-spacing: var(--lts-4);color: var(--clr-red) !important;text-transform: uppercase !important;}
.res-category-item ul {margin-top: 10px;}
.res-category-item li {margin-bottom: 15px;}
.res-category-item li:last-child {margin-bottom: 0;}
.res-category-item a {display: block;position: relative;padding: 0 15px 0 10px;font-size: 18px;font-weight: 500;line-height: 1.5em;color: var(--clr-black);text-transform: capitalize;letter-spacing: var(--lts-2);}
.res-category-item a::before {content: "";position: absolute;z-index: -1;top: -10px;left: -15px;height: calc(100% + 20px);width: calc(100% + 30px);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.res-category-item a::after {content: "";position: absolute;top: 6px;right: 2px;height: 7px;width: 12px;border-left: 2px solid var(--clr-black);border-bottom: 2px solid var(--clr-black);-webkit-transform: scale(0) rotate(-45deg);transform: scale(0) rotate(-45deg);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.res-category-item a.active::after {-webkit-transform: scale(1) rotate(-45deg);transform: scale(1) rotate(-45deg);}
.res-category.active .res-category-title {-webkit-box-shadow: inset 0 -3px 0 0 var(--clr-grey-600);box-shadow: inset 0 -3px 0 0 var(--clr-grey-600);}
.res-category.active .res-category-title::before {-webkit-transform: translateY(-50%) rotateX(180deg);transform: translateY(-50%) rotateX(180deg);}
.res-category.active .res-category-drop {opacity: 1;visibility: visible;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
@media (min-width: 576px) {
.res-category {display: inline-block;}
.res-category.list-type-2 {width: 100%;}
.res-category-wrap.res-page-hero .res-category-inner {margin-left: 25px;}
}
@media (min-width: 1200px) {
.res-category-wrap.res-page-hero {margin-left: -55px;}
.res-category-wrap {display: -ms-grid;display: grid;-ms-grid-columns: .9fr 5rem .35fr;grid-template-columns: .9fr .35fr;grid-column-gap: 5rem;}
.res-category-wrap .un__btn-back {margin-left: -55px; -ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 2;grid-area: 1 / 1 / 2 / 3;margin-right: auto;}
.res-category-item a:hover::before {background-color: var(--clr-grey-200);}
}
@media (max-width: 991px) {.res-category-inner .un__sub-title {font-size: 13px;}}
@media (max-width: 575px) {
.res-category-wrap {display: block;}
.res-category-inner {margin: 30px 0 15px;}
.res-category-inner .un__sub-title {padding: 0;}
.res-category {padding: 0;}
.res-category-title {display: block;max-height: 54px;padding: 18px 35px 18px 15px;font-size: 16px;-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.res-category-title::before {right: 17px; border-width: 8px 8.5px 0 8.5px;}
.res-category-drop {width: 100%;max-height: 220px;min-width: unset;overflow-y: auto;}
.res-category-item {padding: 20px;}
}
/*---------------------*/
/* Sub Resources Links */
/*---------------------*/
.sub-resources-row {--bs-gutter-y: 50px;}
.sub-resources-links-wrap {position: relative;}
.sub-resources-links-wrap::before {content: "";position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 2px;background: var(--bg-3);}
.sub-resources-links-wrap ul {position: relative;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.sub-resources-links-wrap li {margin-right: 40px;}
.sub-resources-links-wrap li:last-child {margin-right: 0;}
.sub-resources-links-wrap a {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100px;padding: 10px 20px;font-size: 18px;font-weight: 500;line-height: 1.5em;color: var(--clr-black);letter-spacing: var(--lts-2);}
.sub-resources-links-wrap a.active {font-weight: 600;}
.sub-resources-links-wrap a.active::before {content: "";position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 4px;background: var(--clr-black);}
.sub-resources-link-title {display: none;}
.sub-sel-opt>*+* {margin-top: 1rem;}
.sub-looking {padding: 1.5rem max(15px, 10%);background-color: var(--clr-grey-400);}
.sub-looking >*+* {margin-top: 1rem;}
.sub-looking .un__text {font-weight: 500;}
.sub-looking .un__btn {font-weight: 600;}
@media (max-width: 1640px) {
.sub-resources-row {--bs-gutter-y: 40px;}
.sub-resources-links-wrap li {margin-right: 0;}
}
@media (max-width: 1199px) {
.sub-resources-row {--bs-gutter-y: 30px;}
.sub-resources-links-wrap a {height: 60px;padding: 5px 15px;font-size: 16px;}
}
@media (max-width: 991px) {
.margin-lg-0 {margin: 0 !important;}
.sub-resources-row {margin-top: 0;}
.sub-resources-links-wrap::before {display: none;}
.sub-resources-links-wrap.active ul {opacity: 1;visibility: visible;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sub-resources-links-wrap.active .sub-resources-link-title {-webkit-box-shadow: inset 0 -3px 0 0 var(--clr-grey-600);box-shadow: inset 0 -3px 0 0 var(--clr-grey-600);}
.sub-resources-links-wrap.active .sub-resources-link-title::before {-webkit-transform: translateY(-50%) rotateX(180deg);transform: translateY(-50%) rotateX(180deg);}
.sub-resources-links-wrap ul {display: block;position: absolute;z-index: 20;bottom: 0;left: 0;width: 100%;padding: 10px 0;-webkit-transform: translateY(calc(100% + 15px));transform: translateY(calc(100% + 15px));background-color: var(--clr-white);-webkit-box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all 0s;transition: all 0s;}
.sub-resources-links-wrap a {height: auto;padding: 12px 20px;font-size: 16px;line-height: 1em;}
.sub-resources-links-wrap a.active {font-weight: 600;}
.sub-resources-links-wrap a.active::before {display: none;}
.sub-resources-link-title {position: relative;display: block;max-height: 54px;padding: 18px 35px 18px 15px;font-size: 16px;font-weight: 500;-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sub-resources-link-title b {font-weight: inherit;}
.sub-resources-link-title::before {content: "";position: absolute;top: 50%;right: 17px;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 8px 8.5px 0 8.5px;border-color: var(--clr-black) transparent transparent transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
}
/*---------------------*/
/* File Item List      */
/*---------------------*/
.iframe-catalog-wrap {position: relative;background-color: var(--clr-grey-200);padding: 28%;}
.iframe-catalog-wrap iframe {border: none !important;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;}
.iframe-catalog-title {font-weight: 500;position: absolute;top: 25px;left: 30px;}
.file-item-list {margin-top: 5px;}
.file-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 30px;min-height: 90px;border-bottom: 2px solid var(--bg-3);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.file-item-img {-ms-flex-negative: 0;flex-shrink: 0;margin-right: 25px;width: 30px;}
.file-item-img img {display: block;max-width: 100%;}
.file-item-name {font-size: 18px;line-height: 1.3em;font-weight: 500;margin-right: auto;color: var(--clr-black);letter-spacing: var(--lts-2);}
.file-item-controls {-ms-flex-negative: 0;flex-shrink: 0;}
.file-item-controls .prj-controls-item {width: 48px;height: 48px;background-color: transparent;border-radius: 100%;}
.file-item-controls .prj-controls-item > img,
.file-item-controls .prj-controls-item > svg {max-width: 42%;max-height: 42%;}
@media (min-width: 1200px) {
.file-item:hover {background-color: var(--bg-3);}
.file-item:hover .file-item-controls {opacity: 1;visibility: visible;}
.file-item-controls {opacity: 0;visibility: hidden;}
}
@media (max-width: 1640px) {
.file-item {padding: 5px 15px;min-height: 70px;}
.file-item-img {margin-right: 15px;width: 24px;}
}
@media (max-width: 1200px) and (min-width: 768px) {
.file-item-controls .snare-wrap,
.file-item-controls .download-wrap {left: auto;right: 0;}
}
@media (max-width: 767px) {
.iframe-catalog-wrap {padding: 30%;}
.iframe-catalog-wrap iframe {height: 80%;}
.iframe-catalog-title {left: 15px;}
.file-item {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 20px 15px 15px;margin: 0 -15px;}
.file-item-name {width: calc(100% - 40px);}
.file-item-controls {margin-top: 10px;padding-left: 35px;width: 100%;}
.file-item-controls .prj-controls-item {outline: none;}
}
/*---------------------*/
/* Case Studies List   */
/*---------------------*/
.case-studies-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -15px;}
.case-studies-link {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 30px;margin: 0 15px;width: calc(50% - 30px);height: 90px;border-bottom: 1px solid var(--bg-3);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.case-studies-link b {display: inline-block;font-size: 18px;font-weight: 500;line-height: 1.5em;letter-spacing: var(--lts-2);color: var(--clr-black);text-decoration: underline;text-decoration-color: transparent;text-underline-offset: 1px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.case-studies-preloader {position: relative;width: 100%;height: 50px;margin-top: 90px;}
@media (min-width: 1200px) {
.case-studies-link:hover {background-color: var(--bg-3);}
.case-studies-link:hover b {text-decoration-color: currentColor;}
}
@media (max-width: 1199px) {
.case-studies-link {padding: 5px 15px;height: 70px;}
}
@media (max-width: 767px) {
.case-studies-list {display: block;}
.case-studies-link {width: 100%;padding: 5px 30px;margin: 0;}
.case-studies-preloader {margin-top: 50px;}
}
/*---------------------*/
/* Case Studies Detail */
/*---------------------*/
.csd-slider .swiper-container {overflow: visible;}
.swiper-controls-hide .csd-slider {margin-bottom: 30px;}
.csd-slider + .un__title {width: 72%;}
.case-detail-img {position: relative;overflow: hidden;padding-top: 44%;min-height: 340px;}
.case-detail-img > picture > img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.csd-grid-row {display: -ms-grid;display: grid;-ms-grid-columns: 352px 1fr;grid-template-columns: 352px 1fr;grid-column-gap: 160px;}
.csd-grid-item-center {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-area: 1/2/3/3;}
.csd-about-wrap {margin-bottom: 160px;}
.csd-about-wrap > * {margin-bottom: 40px;}
.csd-about-wrap > *:last-child {margin-bottom: 0;}
.csd-about-item b {font-size: 13px;line-height: 1.5em;font-weight: 600;letter-spacing: var(--lts-4);color: var(--clr-black);}
.csd-about-item div {font-size: 18px;line-height: 1.5em;font-weight: 500;letter-spacing: var(--lts-5);color: var(--clr-black);}
.construction-wrap {margin-top: 30px;padding-top: 35px;border-top: 2px solid var(--clr-grey-400);}
.construction-inner {padding: 25px 30px;background-color: var(--clr-grey-200);}
.construction-inner > * + * {margin-top: 5px;}
.construction-inner .un__sub-title {margin-bottom: 15px;}
.construction-item {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 18px;line-height: 1.2em;font-weight: 500;letter-spacing: var(--lts-5);color: var(--clr-black);}
.construction-item > *:first-child {width: 35%;}
.csd-grid-img-row {--bs-gutter-y: 30px;}
.csd-grid-img {position: relative;padding-top: 100%;}
.csd-grid-img > picture > img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 1640px) {
.csd-grid-row {grid-column-gap: 50px;-ms-grid-columns: 280px 1fr;grid-template-columns: 280px 1fr;}
.case-detail-img {padding-top: 36%;}
.csd-about-wrap {margin-bottom: 50px;}
}
@media (max-width: 1199px) {
.csd-grid-row {grid-column-gap: 30px;}
}
@media (max-width: 991px) {
.csd-slider + .un__title {width: 100%;margin-top: 40px;}
.csd-grid-row {display: block;}
.csd-grid-row > * {margin-bottom: 50px;}
.csd-about-wrap > * {margin-bottom: 25px;}
.csd-grid-img-row {--bs-gutter-x: 15px;}
}
@media (max-width: 575px) {
.construction-item {display: block;margin-bottom: 20px;}
.construction-item:last-child {margin-bottom: 0;}
}
/*---------------------*/
/* RESOURCES Videos    */
/*---------------------*/
.res-video-wrap {margin-top: 10px;}
.res-video-wrap .row {--bs-gutter-x: 60px;--bs-gutter-y: 60px;}
.res-video-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.res-video-item .un__play-btn span {width: 64px;height: 64px;}
.res-video-item .un__play-btn span::before {display: none;}
.res-video-item .un__play-btn span:after {width: 100%;height: 100%;}
.res-video-item .un__play-btn span i {border-top: 11px transparent solid;border-bottom: 11px transparent solid;border-left: 17px #FF3333 solid;}
.res-video-img {position: relative;overflow: hidden;padding-top: 52%;}
.res-video-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.res-video-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border: 2px solid var(--bg-3);border-top: none;height: 100%;padding: 15px 20px;}
.res-video-info .prj-controls-item {width: 40px;height: 40px;background-color: transparent;}
.res-video-info .prj-controls-item > img,
.res-video-info .prj-controls-item > svg {max-width: 18px;max-height: 18px;}
.res-video-info .prj-controls {-ms-flex-negative: 0;flex-shrink: 0;}
.res-video-title {font-weight: 500;letter-spacing: var(--lts-2);font-size: var(--h-6);line-height: 1.5em;color: var(--clr-black);min-height: 3em;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
@media (min-width: 1200px) {
.res-video-title:hover {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 4px;}
}
@media (max-width: 1640px) {
.res-video-wrap .row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
}
@media (max-width: 1199px) {
.res-video-info .prj-controls .snare-wrap {left: auto;right: 0;}
}
/*---------------------*/
/* 3D Resources        */
/*---------------------*/
.res-3d-item {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 80px;}
.res-3d-item:last-child {margin-bottom: 0;}
.res-3d-item-img {position: relative;-ms-flex-negative: 0;flex-shrink: 0;width: 320px;height: 268px;}
.res-3d-item-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.res-3d-item-info {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;padding-left: 60px;}
.res-3d-item-info .un__title {letter-spacing: var(--lts-4);font-weight: 600;}
.res-3d-item-info .un__text {margin-top: 15px;}
.res-3d-item-info .un__btn {margin-top: 25px;}
@media (max-width: 1640px) {
.res-3d-item {margin-bottom: 60px;}
}
@media (max-width: 991px) {
.res-3d-item {margin-bottom: 40px;}
.res-3d-item-img {width: 280px;height: 228px;}
.res-3d-item-info {padding-left: 30px;}
}
@media (max-width: 575px) {
.res-3d-item {display: block;margin-bottom: 50px;}
.res-3d-item-img {width: 100%;height: auto;padding-top: 83%;}
.res-3d-item-info {padding: 20px 0 0;}
.res-3d-item-info .un__text {margin-top: 10px;}
.res-3d-item-info .un__btn {margin-top: 15px;}
}
/*---------------------*/
/* Hatch Patterns      */
/*---------------------*/
.res-hatch-p-item {background-color: var(--clr-white);padding: 50px 40px;margin-bottom: 30px;}
.res-hatch-p-item:last-child {margin-bottom: 0;}
.res-hatch-p-item-title {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 10px;}
.res-hatch-p-item-title img {width: 30px;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 30px;}
.res-hatch-p-item-info {margin-left: 60px;max-width: 1180px;}
.res-hatch-p-item-btn {display: inline-block;position: relative;margin-top: 20px;}
.res-hatch-p-item-btn b {cursor: pointer;font-weight: 500;font-size: 18px;line-height: 1.5em;letter-spacing: var(--lts-2);text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 4px;}
.res-hatch-p-item-btn > .need-to-log-link {display: none;}
.res-hatch-p-item-btn .download-wrap {top: auto;bottom: 0;-webkit-transform: translateY(100%);transform: translateY(100%);}
.res-hatch-p-item-btn:hover .download-wrap {opacity: 1;visibility: visible;}
.not-login {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.not-login > b {position: relative;cursor: not-allowed !important;color: var(--clr-grey-400);text-decoration: none;}
.not-login > b:after {content: "";display: inline-block;width: 16px;height: 21px;margin: 0 15px;background-image: url(../img/icons/icon-lock.svg);background-repeat: no-repeat;background-size: contain;}
.not-login > .need-to-log-link {display: block;font-weight: 500;}
.not-login .download-wrap {display: none;}
@media (max-width: 575px) {
.res-hatch-p-item {padding: 30px 15px;}
.res-hatch-p-item-title img {margin-right: 15px;}
.res-hatch-p-item-info {margin-left: 0;}
}
.laying-items.type-2 {margin: -25px -20px 0;}
.laying-items.type-2 .laying-item {margin: 0 20px;margin-top: 25px;}
.h-text > * {display: inline;}
.h-text .un__btn-link:hover .download-wrap {opacity: 1;visibility: visible;-webkit-transform: translateY(calc(100% + 5px));transform: translateY(calc(100% + 5px));}
.h-text .download-wrap {top: auto;bottom: 0;-webkit-transform: translateY(110%);transform: translateY(110%);}
/*--------------------*/
/* - Products page    */
/*--------------------*/
.prod-page-info {width: 100%;}
.prod-page-info .un__sub-title {margin-bottom: 15px;font-size: 16px;}
.res-category-inner-hero .prod-page-info.type-2 .un__text {max-width: 100%;}
.prod-page-btn-wrap {margin: 25px -2.25% 0;}
.prod-page-btn-wrap > * {margin: 0 2.25%;min-width: 41%;}
.prod-page-img-inner {display: -webkit-box;display: -ms-flexbox;display: flex;width: 94%;margin-left: auto;}
.prod-page-img-inner.type-2 .prod-page-img {margin-right: 30px;}
.prod-page-img-inner.type-2 .prod-page-img:first-child {margin-right: 0;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.prod-page-img-inner.type-3 {align-self: stretch;display: block;width: 100%;max-width: 634px;}
.prod-page-img-inner.type-3 .prod-page-img {margin: 0;height: 100%;clip-path: polygon(15% 0%, 100% 0, 100% 75%, 85% 100%, 0 100%, 0 25%);}
.prod-page-img {position: relative;-ms-flex-negative: 0;flex-shrink: 0;padding-top: 40%;-webkit-box-flex: 0;-ms-flex: 0 0 42%;flex: 0 0 42%;}
.prod-page-img:first-child {-webkit-box-flex: 0;-ms-flex: 0 0 86%;flex: 0 0 86%;margin-right: 30px;}
.prod-page-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.collections-hero {max-width: 890px;width: 100%;margin-bottom: 35px;}
.collections-hero .un__title {margin-bottom: 10px;}
.collections-hero .un__text p {display: inline;}
.collections-hero .un__text .un__btn {margin: 0;}
.collections-hero .un__btn-link-2 i {width: 18px;height: 18px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.collection-row {--bs-gutter-y: 30px;}
.collection-item {position: relative;height: 100%;padding-top: 75%;}
.collection-img {position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;}
.collection-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.collection-info {position: relative;z-index: 1;width: 100%;height: 100%;padding: 25px 20px;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.collection-info-title {font-size: var(--h-4);font-weight: 600;line-height: 1.1em;color: var(--clr-black);letter-spacing: var(--lts-4);margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.collection-btn-wrap {position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;opacity: 0;visibility: hidden;background-color: rgba(250, 250, 250, 0.9);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.collection-btn-wrap > * {margin-bottom: 45px;}
.collection-btn-wrap > *:last-child {margin-bottom: 0;}
.cr-info-wrap {padding: 70px 0;overflow: hidden;}
.cr-info-wrap > * {margin-bottom: 25px;}
.cr-info-wrap > *:last-child {margin-bottom: 0;}
.cr-img-wrap {position: relative;height: 100%;width: 100%;}
.cr-img-inner {position: absolute;top: 0;left: 0;height: 100%;width: 130%;}
.cr-img-inner img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (min-width: 1200px) {
.un__btn.button_uniq {position: absolute;inset: 0;background: transparent;padding: 0;min-width: auto;outline: none;display: -webkit-box;display: -ms-flexbox;display: flex;color: var(--clr-black);}
.un__btn.button_uniq b {margin: auto;display: inline-block;position: relative;text-decoration: none;border: none;padding: 26px;text-align: center;min-width: 280px;color: var(--clr-grey-600);outline: 2px solid var(--clr-grey-600);outline-offset: -2px;font-size: 18px;line-height: 1em;font-weight: 500;color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn.button_uniq b:hover {color: var(--clr-white);background: var(--clr-red);outline-color: var(--clr-red);}
.custom-width {max-width: 440px;width: 100%;margin-left: auto;}
.collection-item:hover .collection-info {opacity: 0;visibility: hidden;}
.collection-item:hover .collection-btn-wrap {opacity: 1;visibility: visible;}
.collection-info-title.hover {position: absolute;left: 0;bottom: 30px;padding: 0 20px;z-index: 2;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-line-clamp: 2;text-align: center;width: 100%;margin-bottom: 0;}
.collection-item:hover .collection-info-title.hover {opacity: 1;visibility: visible;}
}
@media (max-width: 1640px) {
.prod-page-img-inner {width: 97%;margin: 0;}
.collection-info {padding: 20px 15px;}
}
@media (max-width: 1199px) {
.prod-page-img-inner {width: 79%;margin: 0;}
.prod-page-img-inner.type-2 .prod-page-img {margin-right: 15px;}
.prod-page-img-inner.type-3 {margin: 20px 0 25px;}
.prod-page-img:first-child {margin-right: 15px;}
.collection-row {--bs-gutter-x: 20px;--bs-gutter-y: 30px;}
.collection-item {height: 100%;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background-color: var(--clr-white);}
.collection-img {position: relative;padding-top: 62%;height: auto;}
.collection-info {position: relative;padding: 25px 15px 0;}
.collection-info-title {font-size: 22px;display: block;overflow: visible;text-overflow: unset;}
.collection-info-title.hover {display: none;}
.collection-btn-wrap {height: auto;margin-top: auto;position: relative;padding: 25px 15px;opacity: 1;visibility: visible;background-color: var(--clr-white);}
.collection-btn-wrap > * {margin-bottom: 25px;width: 100%;}
.cr-info-wrap {padding: 50px 0;}
.cr-info-wrap > * {margin-bottom: 15px;}
}
@media (max-width: 991px) {
.prod-page-img-inner {margin: 20px 0 25px;width: 100%;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.prod-page-img-inner.type-2 {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.collection-row {--bs-gutter-x: 15px;}
.cr-img-wrap {padding-top: 30%;}
.cr-img-inner {left: -15px;width: calc(100% + 30px);}
}
@media (max-width: 575px) {
.prod-page-btn-wrap {margin: 15px 0 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.prod-page-btn-wrap > * {margin: 0 0 15px;min-width: unset;width: 100%;}
.prod-page-btn-wrap > *:last-child {margin-bottom: 0;}
.cr-img-wrap {padding-top: 53%;}
.prod-page-img-inner.type-3 .prod-page-img {padding-top: 60%;}
}
/*--------------------*/
/* Res Category Hero  */
/*--------------------*/
.res-category-inner-hero {display: flex;flex-direction: column;gap: .5rem;}
.res-category-inner-hero .un__text {margin-top: .5rem;}
.res-category-inner-hero .res-category-inner {margin: 0;}
.res-category-inner-hero .res-category {display: inline-block;}
.res-category-inner-hero .res-category,
.res-category-inner-hero .res-category-inner .un__sub-title {padding: 0;}
.res-category-inner-hero .res-category-title {-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);}
.res-category-img-hero {position: relative;padding-top: 60%;width: 100%;}
.res-category-img-hero img {position: absolute;max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.res-category-img-hero.single-category-img-hero {height: 100%;}
.res-category-img-hero.single-category-img-hero img {top: 0;left: 0;width: 100%;height: 100%;transform: translate(0%,0%);-o-object-fit: cover;object-fit: cover;}
.single-category-img-hero {clip-path: polygon(15% 0%, 100% 0, 100% 75%, 85% 100%, 0 100%, 0 25%);}
@media (max-width: 991px) {.res-category-wrap.type-2 {padding: 30px 0;}}
@media (max-width: 767px) {.res-category-wrap.type-2 {padding: 0 0 20px;}}
@media (max-width: 575px) {
.res-category-inner-hero {margin: 25px 0 0;}
.res-category-inner-hero .res-category {width: 100%;}
}
/*--------------------*/
/* - Filters colors   */
/*--------------------*/
.filters-colors > * {margin-bottom: 1px;}
.filters-colors > *:last-child {margin-bottom: 0;}
.filters-color-item {position: relative;padding: 15px 35px 15px 15px;border-radius: 6px;outline: 2px solid transparent;outline-offset: -2px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filters-color-item:before {content: "";display: inline-block;vertical-align: middle;width: 20px;height: 20px;color: inherit;border-radius: 100%;background-color: currentColor;margin-right: 15px;}
.filters-color-item > b,
.filters-color-item > div {display: inline-block;vertical-align: middle;font-size: 18px;line-height: 1.12em;font-weight: 500;letter-spacing: var(--lts-2);color: var(--clr-black);}
.filters-color-item b {margin-left: 5px;}
.filters-color-item input {cursor: pointer;position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.filters-color-item i {display: inline-block;position: absolute;right: 15px;top: 15px;width: 20px;height: 20px;}
.filters-color-item i::before,
.filters-color-item i::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;opacity: 0;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filters-color-item i::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.filters-color-item.selected {background-color: var(--bg-3);outline-color: var(--bg-3);}
.filters-color-item[style="color: #FFFFFF;"]:before,
.filters-color-item[style="color: #ffffff;"]:before,
.filters-color-item[style="color: #FFFFFF"]:before,
.filters-color-item[style="color: #ffffff"]:before {border: 2px solid var(--clr-grey-400);}
@media (min-width: 1200px) {
.filters-color-item:hover {outline-color: var(--bg-3);}
.filters-color-item.selected:hover i::before,
.filters-color-item.selected:hover i::after {opacity: 1;}
}
@media (max-width: 1199px) {
.filters-color-item.selected i::before,
.filters-color-item.selected i::after {opacity: 1;}
}
/*--------------------*/
/* - Products items   */
/*--------------------*/
.products-content {padding-top: 0;}
.products-content .row > .col-xxl-10 {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.products-content [class*=col] {position: relative;}
.products-content [class*=col].loading .prod-item {opacity: 0 !important;}
.prod-row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -30px -15px 0;}
.sm-finishes,
.sm-colors,
.sm-sizes {position: relative;}
.sm-sizes {gap: 40px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.sm-sizes.sm-two-columns{gap: 0;}
.sm-finishes.loading .sm-finish-row,
.sm-colors.loading .sm-color-row,
.sm-sizes.loading .sm-sz-wrap {opacity: 0 !important;}
.prj-comp-message.prd-info-message {display: -webkit-box;display: -ms-flexbox;display: flex;}
.sm-finish-row + .prj-comp-message.prd-info-message,
.sm-color-row + .prj-comp-message.prd-info-message {margin-top: 30px;}
.prod-item {-webkit-box-flex: 0;-ms-flex: 0 0 calc(25% - 30px);flex: 0 0 calc(25% - 30px);padding: 15px;margin: 30px 15px 0;background-color: var(--clr-white);}
.prod-item-img {display: block;position: relative;overflow: hidden;padding-top: 86%;}
.prod-item-img img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prod-item-img-first {z-index: 1;}
.prod-item-img-second {z-index: 2;opacity: 0;-webkit-transition-delay: 0.25;transition-delay: 0.25;}
.prod-item-colors {margin-top: 15px;}
.prod-item-colors ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -10px -5px 0;}
.prod-item-colors li {position: relative;display: inline-block;margin: 10px 5px 0;-webkit-box-flex: 0;-ms-flex: 0 0 calc(16.6666666667% - 10px);flex: 0 0 calc(16.6666666667% - 10px);padding-top: calc(16.6666666667% - 10px);}
.prod-item-colors li b {display: inline-block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 18px;line-height: 1.5em;font-weight: 400;letter-spacing: var(--lts-5);color: var(--clr-black);}
.prod-item-colors li img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;background-color: currentColor;}
.prod-item-colors li img::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: currentColor;}
.prod-item-name {font-size: 18px;line-height: 1.5em;font-weight: 700;text-transform: uppercase;letter-spacing: var(--lts-2);color: var(--clr-black);margin-top: 15px;padding: 5px 0;}
.prod-item-num {font-size: 18px;line-height: 1.5em;font-weight: 400;letter-spacing: var(--lts-5);color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prod-item-num b {font-weight: inherit;}
.prod-item-num i {margin-right: 5px;}
.prod-row.clr-off .prod-item-colors {display: none;}
@media (min-width: 1200px) {
.prod-item-name a:hover {text-decoration-thickness: 2px;text-underline-offset: 3px;text-decoration: underline !important;}
a.prod-item-img:hover .prod-item-img-first {-webkit-transform: scale(1.4);transform: scale(1.4);}
a.prod-item-img:hover .prod-item-img-second {opacity: 1;}
}
@media (max-width: 1920px) {
.slide-section.active .products-content .row > .col-xxl-10 {width: 100%;}
}
@media (max-width: 1640px) {
.prod-row {margin: -20px -10px 0;}
.prod-item {-webkit-box-flex: 0;-ms-flex: 0 0 calc(25% - 20px);flex: 0 0 calc(25% - 20px);margin: 20px 10px 0;}
.slide-section.active .prod-item {padding: 10px;}
.slide-section.active .prod-item-name {font-size: 16px;margin-top: 10px;}
.slide-section.active .prod-item-num {font-size: 16px;}
.slide-section.active .prod-item-colors li b {font-size: 16px;}
}
@media (max-width: 1199px) {
.prod-item {-webkit-box-flex: 0;-ms-flex: 0 0 calc(25% - 20px);flex: 0 0 calc(25% - 20px);margin: 20px 10px 0;}
.slide-section.active .prod-item {-webkit-box-flex: 0;-ms-flex: 0 0 calc(33.3333333333% - 20px);flex: 0 0 calc(33.3333333333% - 20px);}
}
@media (max-width: 991px) {
.prod-row {margin: -15px -7.5px 0;}
.prod-item {-webkit-box-flex: 0;-ms-flex: 0 0 calc(33.3333333333% - 15px);flex: 0 0 calc(33.3333333333% - 15px);margin: 15px 7.5px 0;padding: 10px;}
.prod-item-name {font-size: 16px;margin-top: 10px;}
.prod-item-num {font-size: 16px;}
.prod-item-colors li b {font-size: 16px;}
.slide-section.active .prod-item {-webkit-box-flex: 0;-ms-flex: 0 0 calc(50% - 15px);flex: 0 0 calc(50% - 15px);}
}
@media (max-width: 767px) {
.prod-item {-webkit-box-flex: 0;-ms-flex: 0 0 calc(50% - 15px);flex: 0 0 calc(50% - 15px);}
.slide-section.active .prod-item {-webkit-box-flex: 0;-ms-flex: 0 0 calc(50% - 15px);flex: 0 0 calc(50% - 15px);}
}
@media (max-width: 575px) {
.prod-item-colors {margin-top: 8px;}
.prod-item-colors ul {margin: -6px -3px 0;}
.prod-item-colors li {margin: 6px 3px 0;-webkit-box-flex: 0;-ms-flex: 0 0 calc(25% - 6px);flex: 0 0 calc(25% - 6px);padding-top: calc(25% - 6px);}
}
@media (max-width: 413px) {
.prod-item {padding: 8px;}
.prod-item-name {font-size: 14px;margin-top: 8px;letter-spacing: var(--lts-2);}
.prod-item-num {font-size: 14px;}
}
/*--------------------*/
/* - Selected Units   */
/*--------------------*/
.sl-unit-wrap {position: relative;background-color: var(--clr-white);padding: 30px;}
.sl-unit-top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 25px;}
.sl-unit-tags b {display: inline-block;margin-right: 5px;font-size: 13px;line-height: 1em;font-weight: 600;color: var(--clr-grey-600);letter-spacing: var(--lts-4);}
.sl-unit-tags:not(.fl-selected-unit-tags) .tag-close {display: none;}
.tags-wrap {display: inline;font-size: 0;margin-top: -10px;}
.tags-wrap > * {margin-top: 10px;margin-right: 15px;}
.tags-wrap > *:last-child {margin-right: 0;}
.tag {display: inline-block;font-size: 13px;line-height: 1em;font-weight: 600;color: var(--clr-black);letter-spacing: var(--lts-4);padding: 5px 10px;border-radius: 13px;background-color: var(--bg-3);}
.tag > * {display: inline-block;vertical-align: top;}
.tag-close {cursor: pointer;position: relative;margin: 1px 5px 0 0;width: 11px;height: 11px;}
.tag-close::before,
.tag-close::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 1px;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.tag-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.tag-close + div {display: inline;}
.sl-unit-back {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.sl-unit-back i {position: relative;display: inline-block;width: 18px;height: 18px;margin-right: 15px;}
.sl-unit-back i::before {content: "";position: absolute;left: 2px;top: 50%;width: 12px;height: 12px;border-left: 2px solid var(--clr-black);border-bottom: 2px solid var(--clr-black);-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
.sl-unit-back i::after {content: "";position: absolute;left: 0;top: 50%;width: 100%;height: 2px;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sl-unit-back b {font-size: 18px;font-weight: 500;line-height: 1em;color: var(--clr-black);letter-spacing: var(--lts-2);}
.btn-favorite {cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-favorite b {font-size: 18px;font-weight: 500;line-height: 1em;color: var(--clr-black);letter-spacing: var(--lts-2);text-transform: capitalize;}
.btn-favorite i {position: relative;display: inline-block;margin-left: 10px;width: 19px;height: 18px;}
.btn-favorite i::before {content: "";position: absolute;display: inline-block;left: 0;top: 0;width: 100%;height: 100%;background-image: url("../img/icons/icon-like-1.svg");background-position: center;background-repeat: no-repeat;background-size: contain;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-favorite i::after {content: "";position: absolute;display: inline-block;left: 0;top: 0;width: 100%;height: 100%;background-image: url("../img/icons/icon-like-2.svg");background-position: center;background-repeat: no-repeat;background-size: contain;opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-favorite.active i::before {opacity: 0;}
.btn-favorite.active i::after {opacity: 1;}
.sl-unit-bottom .sl-unit-back {margin-top: 45px;}
.sl-unit-item {position: relative;outline: 2px solid var(--bg-3);outline-offset: -1px;padding: 30px;}
.sl-unit-item .btn-favorite {position: absolute;top: 30px;right: 30px;}
.sl-bordure {display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 92%;width: 100%;margin-bottom: 30px;}
.sl-bordure-img {position: relative;-ms-flex-negative: 0;flex-shrink: 0;width: 110px;height: 110px;margin-right: 30px;}
.sl-bordure-img>img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
.sl-bordure-name {font-size: 18px;line-height: 1.5em;font-weight: 700;color: var(--clr-black);letter-spacing: var(--lts-5);margin-bottom: 10px;}
.sl-bordure-info {width: 100%;}
.sl-bordure-info ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-line-pack: start;align-content: flex-start;}
.sl-bordure-info li {font-size: 18px;line-height: 1.5em;font-weight: 400;width: 33.3333333333%;color: var(--clr-black);letter-spacing: var(--lts-4);padding-right: 15px;}
.sl-pav-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: calc(100% - 180px);margin: 0 -5px -30px;}
.sl-pav-wrapper > * {width: calc(50% - 10px);-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.sl-pav-item {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0 5px 30px;}
.sl-pav-item-img {position: relative;-ms-flex-negative: 0;flex-shrink: 0;width: 110px;height: 110px;margin-right: 30px;color: unset;}
.sl-pav-item-img>img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;color: inherit;}
.sl-pav-item-img>img::before {content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;color: inherit;background-color: currentColor;}
.sl-pav-item-name {font-size: 18px;line-height: 1.5em;font-weight: 700;color: var(--clr-black);letter-spacing: var(--lts-5);margin-bottom: 5px;}
.sl-pav-item-stat {font-size: 18px;line-height: 1.3em;font-weight: 400;color: var(--clr-black);letter-spacing: var(--lts-5);text-transform: uppercase;}
.sl-pav-item-stat.product-available {font-size: 15px;margin-top: 15px;}
.sl-pav-item-stat b {font-weight: inherit;margin-right: 5px;text-transform: capitalize;}
.sl-unit-drop-wrap {position: relative;text-align: right;width: 100%;}
.sl-unit-drop-btn {cursor: pointer;display: inline-block;position: absolute;top: 0;right: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);padding-right: 30px;font-size: 18px;line-height: 1.5em;font-weight: 500;color: var(--clr-black);letter-spacing: var(--lts-2);-webkit-transition: var(--transition-1);transition: var(--transition-1);}

.sl-unit-drop-btn.active::before {top: calc(50% + 3px);-webkit-transform: translateY(-50%) rotate(-45deg) rotateX(180deg);transform: translateY(-50%) rotate(-45deg) rotateX(180deg);}
.sl-unit-drop {display: none;text-align: left;}
.sl-unit-drop .custom-acr-item:last-child .custom-acr-inner {padding-bottom: 0;}
.sl-unit-error-message {max-width: 82%;width: 100%;margin: 10px 0;}
.fav-unit-item .sl-unit-error-message + .btn-favorite {top: 30px;}
@media (min-width: 768px) {
  .sl-bordure-img .prj-controls-item,
  .sl-pav-item-img .prj-controls-item {width: 30px;height: 30px;}
  .sl-bordure-img.prj-controls-wrap .prj-controls,
  .sl-pav-item-img.prj-controls-wrap .prj-controls {bottom: 0;left: 0;}
}
@media (min-width: 1200px) {
.tag-close:hover::before,
.tag-close:hover::after {background-color: var(--clr-red);}
.sl-unit-back:hover b {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 5px;}
.btn-favorite:hover i::before,
.btn-favorite:hover i::after {opacity: 0.4;}
.sl-unit-drop-btn:hover {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 5px;}
}
@media (max-width: 1640px) {
.sl-pav-item {width: 100%;}
}
@media (max-width: 1199px) {
.sl-pav-wrapper {width: 100%;margin: 0 -5px -30px;}
.sl-unit-drop-wrap {margin-top: 15px;}
.sl-unit-drop-btn {position: relative;-webkit-transform: translateY(0%);transform: translateY(0%);}
}
@media (max-width: 991px) {
.prj-products-wrapper {margin: 0 -15px;}
.prj-products-wrapper .sl-unit-delete {position: absolute;bottom: 30px;left: 15px;}
.sl-unit-wrap {padding: 25px 15px;}
.sl-unit-bottom .sl-unit-back {margin: 30px 0 50px;}
.sl-unit-bottom .sl-unit-back i {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;margin-right: 0;margin-left: 15px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.sl-unit-drop-btn {margin-right: 20px;}
.sl-unit-item {text-align: right;padding: 15px 10px;}
.sl-unit-item .btn-favorite {position: relative;top: 0;right: 0;margin: 30px 20px 0 0;}
.sl-bordure {text-align: left;max-width: 100%;margin-bottom: 15px;}
.sl-bordure-img {width: 52px;height: 52px;margin-right: 10px;}
.sl-bordure-name {margin-bottom: 5px;}
.sl-bordure-info ul {max-height: unset;}
.sl-bordure-info li {font-size: 16px;width: 100%;}
.sl-pav-wrapper {text-align: left;margin: 0 -5px -15px;}
.sl-pav-item {margin: 0 5px 15px;}
.sl-pav-item-img {width: 52px;height: 52px;margin-right: 10px;}
.sl-pav-item-name {margin-bottom: 0;}
.sl-pav-item-stat {font-size: 16px;}
.fav-unit-item .sl-bordure {max-width: 100%;}
.sl-unit-error-message {max-width: 100%;text-align: left;}
.fav-unit-item .sl-unit-error-message + .btn-favorite {top: auto;}
}
@media (max-width: 767px) {
.sl-pav-wrapper {display: block;width: 100%;margin: 0 0 -15px;}
.sl-pav-item {margin: 0 0 15px;}
.sl-unit-error-message br {display: none;}
.sl-bordure-img .prj-controls,
.sl-pav-item-img .prj-controls,
.sl-bordure-img .prj-controls-item,
.sl-pav-item-img .prj-controls-item {margin: 0 !important;}
}
/*--------------------*/
/* Summary            */
/*--------------------*/
.summary-top {padding-top: 60px;}
.sm-prd-inner {margin-top: 50px;}
.sm-prd-inner > * {padding: 50px 0;border-bottom: 2px solid var(--bg-3);}
.sm-prd-inner > *:last-child {border-bottom: none;padding-bottom: 0;}
.sm-tl-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 30px;}
.sm-tl-wrap > * {margin-right: 15px;}
.sm-tl-wrap > *:last-child {margin-right: 0;}
.sm-sizes .sm-tl-wrap {width: 100%;margin: 0 !important;}
.hide-btn > .sm-tl-wrap .un__btn {opacity: 0;visibility: hidden;}
.sm__title {font-weight: 600;}
.sm__title b {display: none;}
.sm__title.show-num b {display: inline-block;}
.sm-total {font-size: 13px;font-weight: 600;color: var(--clr-black);letter-spacing: var(--lts-4);margin-left: auto;}
.sm-finish-row,
.sm-color-row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -30px -10px 0;}
.sm-finish-item,
.sm-color-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: relative;width: calc(16.6666666667% - 20px);margin: 30px 10px 0;padding: 15px;background-color: var(--clr-white);outline: 2px solid transparent;outline-offset: -1px;}
.sm-finish-item .ch-box-entry,
.sm-color-item .ch-box-entry {position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;margin: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sm-finish-item .ch-box-entry span,
.sm-color-item .ch-box-entry span {position: absolute;left: auto;right: 30px;top: 30px;padding: 0;width: 18px;height: 18px;-webkit-box-shadow: 0px 0px 0px 8px rgb(255, 255, 255),inset 0px 0px 0px 10px rgb(255, 255, 255);box-shadow: 0px 0px 0px 8px rgb(255, 255, 255),inset 0px 0px 0px 10px rgb(255, 255, 255);}
.sm-finish-item .ch-box-entry span::before,
.sm-color-item .ch-box-entry span::before {display: inline-block;left: 0;top: 0;width: 100%;height: 100%;}
.sm-finish-item .ch-box-entry input[type=checkbox] + span:after,
.sm-color-item .ch-box-entry input[type=checkbox] + span:after {left: 50%;top: auto;-webkit-transform: translate(-50%, 35%) rotate(45deg) scale(0);transform: translate(-50%, 35%) rotate(45deg) scale(0);margin: 0;background: transparent;}
.sm-finish-item .ch-box-entry input[type=checkbox]:checked + span:after,
.sm-color-item .ch-box-entry input[type=checkbox]:checked + span:after {background-color: transparent;-webkit-transform: translate(-50%, 35%) rotate(45deg) scale(1);transform: translate(-50%, 35%) rotate(45deg) scale(1);}
.sm-finish-item.selected,
.sm-color-item.selected {outline-color: var(--clr-grey-600);}
.sm-finish-item.selected .ch-box-entry,
.sm-color-item.selected .ch-box-entry {opacity: 1;}
.sm-color-img {position: relative;padding-top: 90%;width: 100%;}
.sm-color-img>img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.sm-color-img>img:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: currentColor;}
.prj-controls-wrap.small .sm-color-img .prj-controls {bottom: 7px;left: 7px;max-width: calc(100% - 10px);}
.prj-controls-wrap.small .sm-color-img .prj-controls-item {width: 34px;height: 34px;}
.sm-color-title {text-align: center;font-size: 18px;font-weight: 500;line-height: 1.5em;letter-spacing: var(--lts-5);text-transform: uppercase;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;min-height: 3em;padding: 15px 0 5px;margin-block: auto;}
.sm-sz-wrap {position: relative;overflow: hidden;width: 100%;max-width: max(434px, 42%);}
.sm-sz-wrap.empty {opacity: 0;height: 0;-webkit-box-ordinal-group: 101;-ms-flex-order: 100;order: 100;}
.sm-sz-wrap:before {position: relative;z-index: 1;content: attr(data-size-title);display: block;width: 100%; padding: 0 15px 15px;font-size: 18px;font-weight: 400;color: var(--clr-black);letter-spacing: var(--lts-5);}
.sm-sz-wrap > * {width: 100%;}
.sm-sizes.sm-two-columns .sm-sz-wrap:before {display: none;}
.sm-sz-wrap.full-sizes {max-width: max(100%); display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.sm-sz-wrap.full-sizes  > * {max-width: max(434px, 42%);}
.sm-sz-item {position: relative;padding: 15px;padding-right: 42px;outline: 2px solid transparent;outline-offset: -1px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sm-sz-item > div {font-size: 18px;line-height: 1.4em;font-weight: 500;color: var(--clr-black);letter-spacing: var(--lts-2);}
.sm-sz-item .ch-box-entry {position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;margin: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sm-sz-item .ch-box-entry span {position: absolute;padding: 0;width: 18px;height: 18px;left: auto;right: 15px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.sm-sz-item.selected {outline-color: var(--clr-grey-600);}
.sm-sz-item.selected .ch-box-entry {opacity: 1;}
.fl-unit-item.selected {display: block !important;}
.sm-units {position: relative;}
.sm-units-info {display: none;padding-top: 90px;max-width: 680px;width: 100%;margin: 0 auto;}
.sl-unit-wrap .sm__title {margin: 25px 0;}
.sm-btn-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 80px 0 30px;}
.sm-btn-wrap > *:first-child {margin-right: auto;}
.sm-btn-wrap > * + * {margin-left: 30px;}
.sm-btn-wrap.second-level {display: none;}
.custom-acr-inner .input-results + .input-results {margin-top: 30px;}
.pr-range-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;margin: -10px -5px;}
.pr-range-item {width: 80px;margin: 10px 5px;border: 2px solid var(--clr-grey-400);background-color: transparent;text-align: center;font-size: 18px;font-weight: 700;line-height: 46px;color: var(--clr-grey-400);}
.pr-range-item.active {background-color: var(--clr-black);border-color: var(--clr-black);color: var(--clr-white);}
.scroll-nav.type-2 {right: 0;left: auto;}
.scroll-nav.type-2 ul {display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 100%;width: 100%;margin: 0 auto;}
.scroll-nav.type-2 li {margin-right: 60px;padding: 20px 0;}
.scroll-nav.type-2 li:last-child {margin-right: 0;}
.scroll-nav.type-2.fixed ul {max-width: 77.8%;}
.slide-section.active .scroll-nav.type-2.fixed {width: calc(100% - var(--slide-menu-width));}
.slide-section.active .scroll-nav.type-2.fixed ul {width: 93.2%;max-width: 100%;}
.btn-add-spec {position: absolute;top: 30px;right: 30px;opacity: 0;visibility: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-add-spec input {cursor: pointer;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 3;}
.btn-add-spec b {position: relative;font-size: 18px;font-weight: 500;letter-spacing: var(--lts-2);color: var(--clr-black);}
.btn-add-spec b:before {content: "";position: absolute;bottom: -6px;left: 0;width: 100%;height: 2px;background-color: var(--clr-black);opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-add-spec span {position: relative;display: inline-block;-ms-flex-negative: 0;flex-shrink: 0;width: 48px;height: 48px;margin-left: 10px;background-color: var(--clr-grey-400);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-add-spec span::before,
.btn-add-spec span::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-add-spec span::before {content: "+";font-size: 200%;font-weight: 400;color: var(--clr-black);}
.btn-add-spec span::after {width: 8px;height: 16px;border-right: 2px solid var(--clr-white);border-bottom: 2px solid var(--clr-white);-webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);transform: translate(-50%, -50%) rotate(45deg) scale(0);}
.btn-add-spec input:checked + b + span {background-color: var(--clr-red);}
.btn-add-spec input:checked + b + span::before {-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);}
.btn-add-spec input:checked + b + span::after {-webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);transform: translate(-50%, -50%) rotate(45deg) scale(1);}
.sm-units-wrap .sl-unit-item.selected {outline-color: var(--clr-grey-600);z-index: 2;}
.sm-units-spec-info-wrap {display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 20px 25px;margin-bottom: 15px;background-color: var(--clr-grey-200);}
.sm-units-spec-info-wrap .un__btn {margin: 0 20px;}
.sm-units-spec-info-wrap .un__btn:last-child {margin-right: 0;}
.sm-units-spec-info {margin-right: auto;}
.sm-units-spec-info i {display: inline-block;vertical-align: middle;width: 20px;height: 20px;font-size: 18px;text-align: center;line-height: 20px;border-radius: 100%;background-color: var(--clr-black);margin-right: 15px;font-weight: 600;color: var(--clr-white);}
.sm-units-spec-info b {display: inline;vertical-align: top;font-size: 16px;line-height: 1.4em;font-weight: 500;letter-spacing: var(--lts-4);color: var(--clr-black);}
.products-content:not(.show-units) .sm-units-info {display: block;}
.products-content:not(.show-units) .sm-units-wrap {display: none;}
.products-content:not(.show-units) .scroll-nav li a[href="#sm-units"] {color: var(--clr-grey-600);pointer-events: none;}
.products-content:not(.show-units) .scroll-nav li:last-child::before {background-color: transparent;}
.products-content.show-units .scroll-nav li:last-child::after {content: "";position: absolute;right: 0;top: 50%;width: 10px;height: 10px;border-radius: 100%;background-color: var(--clr-red);-webkit-transform: translate(20px, -50%);transform: translate(20px, -50%);}
.create-spec-doc .first-level {display: none;}
.create-spec-doc .second-level {display: -webkit-box;display: -ms-flexbox;display: flex;}
.create-spec-doc .second-level .un__btn {min-width: 290px;}
.create-spec-doc .btn-favorite {opacity: 0;visibility: hidden;}
.create-spec-doc .btn-add-spec {opacity: 1;visibility: visible;}
.create-spec-doc .sm-units-spec-info-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;}
.create-spec-doc .sl-clear-all {opacity: 0;visibility: hidden;}
.custom-filter-category .input-field-wrapper {margin: 20px 30px 0;}
.custom-filter-category .input-field-wrapper + .res-category-item {border-top: none;}
@media (min-width: 1200px) {
.sm-sz-item:hover {outline-color: var(--clr-grey-600);}
.sm-finish-item:hover,
.sm-color-item:hover {outline-color: var(--clr-grey-600);}
.sm-finish-item:hover .ch-box-entry,
.sm-color-item:hover .ch-box-entry {opacity: 1;visibility: visible;}
.btn-add-spec:hover b:before {opacity: 1;}
}
@media (min-width: 1921px) {
.scroll-nav.type-2.fixed ul {max-width: 1620px;}
.slide-section.active .scroll-nav.type-2.fixed ul {width: 1640px;max-width: 100%;}
}
@media (max-width: 1640px) {
.slide-section.active .sm-finish-item,
.slide-section.active .sm-color-item {width: calc(20% - 20px);}
.summary-top {padding-top: 40px;}
.sm-prd-inner {margin-top: 30px;}
.sm-prd-inner > * {padding: 30px 0;}
.sm-tl-wrap {margin-bottom: 20px;}
.sm-finish-row,
.sm-color-row {margin: -20px -10px 0;}
.sm-finish-item,
.sm-color-item {width: calc(16.6666666667% - 15px);margin: 20px 7.5px 0;padding: 10px;}
.sm-finish-item .ch-box-entry span,
.sm-color-item .ch-box-entry span {right: 10px;top: 10px;}
.prj-controls-wrap.small .sm-color-img .prj-controls {bottom: -9px;left: -9px;}
.slide-section.active .sm-finish-item,
.slide-section.active .sm-color-item {width: calc(20% - 15px);}
.sm-color-title {font-size: 16px;}
.sm-sz-item > div {font-size: 16px;}
.sm-units-info {padding-top: 70px;}
.scroll-nav.type-2.fixed ul {max-width: 93%;}
}
@media (max-width: 1199px) {
.sm-finish-item,
.sm-color-item {width: calc(20% - 15px);}
.slide-section.active .sm-finish-item,
.slide-section.active .sm-color-item {width: calc(25% - 15px);}
.sm-units-info {padding-top: 30px;}
.sm-sz-wrap  {max-width: 50%;}
.sm-sz-wrap.full-sizes  > * {max-width: 50%}
.scroll-nav.type-2 li {min-width: -webkit-fit-content;min-width: -moz-fit-content;min-width: fit-content;margin-right: 40px;margin-left: 0;padding: 0;}
.scroll-nav.type-2 a {font-size: 14px;padding: 12px 0;}
.scroll-nav.type-2.fixed ul {max-width: calc(100% - 30px);}
.scroll-nav.type-2.fixed a {font-size: 14px;}
.slide-section.active .scroll-nav.type-2.fixed ul {width: calc(100% - 30px);}
}
@media (max-width: 991px) {
.sm-finish-item,
.sm-color-item {width: calc(25% - 15px);}
.slide-section.active .sm-finish-item,
.slide-section.active .sm-color-item {width: calc(33.3333333333% - 15px);}
.sm-btn-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 60px 0 30px;}
.sm-btn-wrap > *:first-child {margin-right: 0;}
.sm-btn-wrap > * + * {margin-left: 0;margin-top: 20px;}
.btn-add-spec {position: absolute;top: auto;margin-top: 24px;right: 15px;}
.sm-units-wrap .sl-unit-item .btn-favorite {margin-top: 50px;}
}
@media (max-width: 767px) {
.scroll-nav.type-2 li {margin-right: 20px;}
.sm-units-wrap {padding: 25px 15px;margin: 0 -15px;}
.sm-tl-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.sm-tl-wrap .sm-total {width: 100%;text-align: center;margin-top: 25px;}
.sm-finish-row,
.sm-color-row {margin: -15px -7.5px 0;}
.sm-finish-item,
.sm-color-item {margin: 15px 7.5px 0;}
.sm-finish-item,
.sm-color-item,
.slide-section.active .sm-finish-item,
.slide-section.active .sm-color-item {width: calc(33.3333333333% - 15px);}
.sm-sz-wrap  {max-width: 100%;}
.sm-sz-wrap.full-sizes  > * {max-width: 100%}
.sm-sz-item {padding: 10px;padding-left: 40px;}
.sm-sz-item .ch-box-entry {opacity: 1;}
.sm-sz-item .ch-box-entry span {top: 17px;left: 10px;right: auto;}
.create-spec-doc .sm-units-spec-info-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.create-spec-doc .sm-units-spec-info-wrap .un__btn {margin-left: 0;}
.sm-units-spec-info {width: 100%;margin-bottom: 10px;}
.sm-units .sl-clear-all {position: absolute;right: 15px;top: 50px;}
.fl-unit-item.prj-controls-wrap::before {display: none;}
.fl-unit-item.prj-controls-wrap .prj-controls {z-index: 20; top: auto;transform: translate(0%,0%);justify-content: flex-start;opacity: 1;visibility: visible;}
.fl-unit-item.prj-controls-wrap .prj-controls-item {background-color: var(--clr-white);}
}
@media (max-width: 575px) {
.sm-finish-item,
.sm-color-item,
.slide-section.active .sm-finish-item,
.slide-section.active .sm-color-item {width: calc(50% - 15px);}
.sm-btn-wrap {-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
}
/*--------------------*/
/* Compare & Fav      */
/*--------------------*/
.fav-unit-wrap .sl-pav-wrapper {width: 100%;}
.fav-unit-item {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.fav-unit-item.selected {outline-color: var(--clr-grey-600);z-index: 1;}
.fav-unit-item.selected .btn-favorite {opacity: 0;visibility: hidden;}
.fav-unit-item .btn-favorite {top: 75px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.fav-unit-item .btn-favorite i {display: inline-block;width: 48px;height: 48px;}
.fav-unit-item .btn-favorite i::before,
.fav-unit-item .btn-favorite i::after {width: 18px;height: 18px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.fav-unit-item .btn-add-compare {position: absolute;top: 15px;right: 30px;}
.fav-unit-item .sl-bordure {max-width: 82%;}
.btn-add-compare {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-add-compare input {cursor: pointer;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 3;}
.btn-add-compare b {font-size: 18px;font-weight: 500;letter-spacing: var(--lts-2);color: var(--clr-black);}
.btn-add-compare span {position: relative;display: inline-block;-ms-flex-negative: 0;flex-shrink: 0;width: 48px;height: 48px;margin-left: 10px;background-color: var(--clr-grey-400);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-add-compare span::before,
.btn-add-compare span::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-add-compare span::before {content: "+";font-size: 200%;font-weight: 500;color: var(--clr-black);}
.btn-add-compare span::after {width: 8px;height: 16px;border-right: 2px solid var(--clr-white);border-bottom: 2px solid var(--clr-white);-webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);transform: translate(-50%, -50%) rotate(45deg) scale(0);}
.btn-add-compare input:checked + b + span {background-color: var(--clr-red);}
.btn-add-compare input:checked + b + span::before {-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);}
.btn-add-compare input:checked + b + span::after {-webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);transform: translate(-50%, -50%) rotate(45deg) scale(1);}
@media (max-width: 991px) {
.fav-unit-wrap {margin: 0 -15px;}
.fav-unit-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.fav-unit-item .btn-favorite {top: 0;margin: 15px 5px 0 auto;}
.fav-unit-item .btn-add-compare {position: relative;top: 0;right: 0;margin: 15px 5px 0 auto;}
}
/*--------------------*/
/* Compare informer   */
/*--------------------*/
.compare-informer {position: fixed;z-index: 99;bottom: 0;left: 0;width: 100%;padding: 20px 0;border-top: 2px solid var(--bg-3);background-color: var(--clr-white);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.show-compare-informer .compare-informer {-webkit-transform: translateY(0%);transform: translateY(0%);}
.comp-informer-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.comp-informer-wrap {margin-right: 12%;}
.comp-informer-wrap .prj-comp-inner {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.comp-informer-wrap .prj-box:last-child .prj-box-img:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;border: 2px solid var(--bg-3);-webkit-transform: translateX(calc(-100% - 60px));transform: translateX(calc(-100% - 60px));}
.comp-informer-wrap .prj-box:last-child .prj-box-img:after {content: "- -";position: absolute;bottom: -25px;left: 0;width: 100%;text-align: center;font-size: 18px;line-height: 1em;font-weight: 700;background-color: transparent;-webkit-transform: translateX(calc(-100% - 60px));transform: translateX(calc(-100% - 60px));}
.comp-informer-wrap .prj-box:nth-child(n+5) {margin-right: 0;}
.comp-informer-wrap .prj-box:nth-child(n+5) .prj-box-img:before {display: none;}
.comp-informer-wrap .prj-box:nth-child(n+5) .prj-box-img:after {display: none;}
.fav-unit-wrap.empty .prj-comp-message {display: -webkit-box;display: -ms-flexbox;display: flex;}
.fav-unit-wrap.empty .clear-fav-btn {display: none;}
@media (max-width: 1640px) {
.comp-informer-wrap {margin-right: 40px;}
}
@media (max-width: 1199px) {
.compare-informer {padding: 0 0 15px;}
.comp-informer-inner {display: block;}
.comp-informer-inner .prj-comp-inner {-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;min-width: -webkit-fit-content;min-width: -moz-fit-content;min-width: fit-content;margin: 0 auto;padding: 0 0 15px;}
.comp-informer-wrap {margin-right: 0;text-align: center;overflow: auto;}
.comp-informer-wrap .prj-box:last-child {margin-left: 130px;}
.comp-informer-wrap .prj-box:last-child .prj-box-img:before {-webkit-transform: translateX(calc(-100% - 40px));transform: translateX(calc(-100% - 40px));}
.comp-informer-wrap .prj-box:last-child .prj-box-img:after {bottom: -20px;-webkit-transform: translateX(calc(-100% - 40px));transform: translateX(calc(-100% - 40px));}
.comp-informer-btn-wrapper {margin-top: 30px;text-align: center;}
}
@media (max-width: 767px) {
.comp-informer-wrap {margin: 0 -15px;padding: 0 15px;}
.comp-informer-wrap::-webkit-scrollbar {width: 8px;height: 8px;}
.comp-informer-wrap::-webkit-scrollbar-track {background: var(--clr-grey-400);border: 2px solid var(--clr-white);margin-left: 15px;}
.comp-informer-wrap::-webkit-scrollbar-thumb {background: var(--clr-black);}
}
/*--------------------*/
/* Comparison Results */
/*--------------------*/
.compare-custom-title {text-align: center;}
.compare-custom-title .un__text {max-width: 760px;width: 100%;margin-inline: auto;}
.compare-wrap {background-color: var(--clr-white);padding: 30px 60px 120px;}
.compare-wrap.empty .compare-btn-wrap {display: none;}
.compare-wrap.empty .prj-comp-message {display: -webkit-box;display: -ms-flexbox;display: flex;}
.comparison-caption {display: none;}
.comparison-slider .swiper-slide:first-child .inner-cell::before {display: block;}
.comparison-slider .swiper-slide:first-child .inner-cell::after {left: 0;-webkit-transform: translateX(0%);transform: translateX(0%);}
.comparison-slider .swiper-slide:last-child .inner-cell::after {left: auto;right: 0;-webkit-transform: translateX(0%);transform: translateX(0%);}
.inner-cell {position: relative;padding: 12px 0 80px;font-size: 18px;font-weight: 400;line-height: 1.4em;color: var(--clr-black);letter-spacing: var(--lts-5);}
.inner-cell::before {content: attr(data-caption);position: absolute;font-size: 26px;font-weight: 600;line-height: 1em;color: var(--clr-black);letter-spacing: var(--lts-4);-webkit-transform: translateY(-100%);transform: translateY(-100%);padding-bottom: 22px;display: none;}
.inner-cell:after {content: "";position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: calc(100% + 30px);height: 2px;background-color: var(--bg-3);}
.inner-cell:first-child,
.inner-cell:last-child {padding: 12px 0;}
.inner-cell:first-child {padding-bottom: 80px;}
.inner-cell:nth-child(1):after,
.inner-cell:nth-child(2):after {display: none;}
.inner-cell > * {margin: 0;padding: 0;}
.inner-cell .prod-item-colors {margin: 0;}
.inner-cell .sl-bordure {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;max-width: 100%;}
.inner-cell .sl-bordure-img {margin: 0 auto;width: 160px;height: 160px;}
.inner-cell .sl-bordure-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.inner-cell .sl-bordure-info ul {margin-top: auto;}
.inner-cell .sl-bordure-name {font-weight: 400;}
.inner-cell .colors-items {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -10px -5px 0;}
.inner-cell .colors-items .color-item {margin: 10px 5px 0;}
.inner-cell .colors-items .color-item .color-view {position: relative;width: 122px;height: 122px;}
.inner-cell .colors-items .color-item .color-view img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index: 0;}
.inner-cell .colors-items .color-item .color-name {display: block;margin-left: 0;margin-top: 15px;font-size: 18px;font-weight: 400;}
.inner-cell .app-item {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.inner-cell .app-item .app-caption {margin-bottom: 0;font-weight: 400;}
.inner-cell .app-item .app-img + .app-content {margin-top: 0;}
.compare-btn-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 100px;}
.compare-btn-wrap > * {margin: 0 15px;}
@media (max-width: 1640px) {
.compare-wrap {padding: 25px 30px 60px;}
.compare-btn-wrap {margin-top: 50px;}
}
@media (max-width: 1199px) {
.inner-cell::before {display: none !important;}
.comparison-caption {display: block;position: absolute;z-index: 0;top: 0;left: 0;width: 100%;}
.comparison-caption .inner-cell::before {display: block !important;}
.comparison-caption .inner-cell::after {display: none;}
.comparison-slider .swiper-slide {width: 22.25%;}
.comparison-slider .swiper-wrapper {z-index: 2;}
}
@media (max-width: 991px) {
.compare-custom-title {margin-top: 15px;}
.compare-custom-title .un__title {font-size: 36px;}
.compare-wrap {padding: 25px 15px 60px;margin: 0 -15px;}
.comparison-slider .swiper-container {overflow: visible;}
.comparison-slider .swiper-slide {width: 30.6666666667%;}
.compare-btn-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.compare-btn-wrap > * {margin: 0 0 30px;}
.compare-btn-wrap > *:last-child {margin-bottom: 0;}
}
@media (max-width: 767px) {
.comparison-slider .swiper-slide {width: 44.5%;}
.inner-cell {font-size: 16px;padding: 12px 0 60px;}
.inner-cell::before {font-size: 18px;padding-bottom: 22px;}
.inner-cell .sl-bordure-name {font-size: 16px;}
.inner-cell .sl-bordure-info li {font-size: 16px;}
.inner-cell .colors-items .color-item .color-view {width: 80px;height: 80px;}
.inner-cell .app-item .app-img {max-width: 40px;}
.inner-cell .app-item .app-img + .app-content {margin-left: 10px;}
.inner-cell:first-child {padding-bottom: 60px;}
}
@media (max-width: 575px) {
.compare-custom-title {text-align: left;}
.compare-btn-wrap {-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
}
/*--------------------*/
/* Made to Order      */
/*--------------------*/
.un__btn-wrapp.md-order > *{margin-right: 30px;}
.md-order-row .lr-img {padding-top: 56.5%;}
.f-color-wrap {margin-top: 50px;}
.f-color-item {background-color: var(--clr-white);margin-bottom: 25px;outline: 2px solid transparent;outline-offset: -2px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.f-color-item.active {outline-color: var(--clr-grey-600);}
.f-color-inner {padding: 25px 40px;gap: .75rem 2rem;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;}
.f-color-inner > *:not(.f-color-name) {-ms-flex-negative: 0;flex-shrink: 0;}
.f-color-name {margin-bottom: 15px;width: 100%;font-size: var(--h-3);}
.f-color-name b {font-size: 77.275%;font-weight: 700;line-height: 1.05em;letter-spacing: var(--lts-4);color: var(--clr-black);}
.f-color-name div {font-size: calc( var(--h-6) + 2px);font-weight: 500;line-height: 1.2em;letter-spacing: var(--lts-2);color: var(--clr-grey-800);margin-top: 10px;}
.f-color-img {position: relative;width: 24%;height: 100%;aspect-ratio: 1.2;}
.f-color-img>img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.f-color-preview-img {margin-right: 4%;position: relative;flex-grow: 1;}
.f-color-preview-img>img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.f-color-cl,.f-color-sz {font-size: calc( var(--h-6) + 2px);letter-spacing: var(--lts-2);font-weight: 400;color: var(--clr-black);}
.f-color-cl *,.f-color-sz * {font-weight: inherit;}
.f-color-info {gap: max(1rem, 10%);display: flex;flex-direction: column;justify-content: flex-end;}
.f-color-btn-wrap {flex-shrink: 0;display: flex;flex-direction: column;gap: 1rem;}
.f-color-btn i {display: inline-block;position: relative;width: 16px;height: 16px;margin-left: 15px;-webkit-transition: transform 0.25s linear;transition: transform 0.25s linear;}
.f-color-btn i:before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 10px;height: 10px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;}
.f-color-btn.active i {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
.f-color-link {padding: 0 40px 25px;}
.f-color-drop,.f-gallery-drop {display: none;padding: 0 40px 25px;}
.f-gallery-drop .f-color-drop-item .un__title+.swiper-entry {padding-top: 15px;}
.f-color-drop-item {padding: 15px 0;border-top: 1px solid var(--bg-3);}
.f-color-drop-item:last-child {padding-bottom: 0;}
.f-color-drop-item .un__title {font-weight: 700;}
.f-cl-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 15px;margin-bottom: -30px;}
.f-cl-item {margin: 0 15px 30px;width: 100px;}
.f-cl-img {position: relative;width: 100%;height: 85px;}
.f-cl-img>img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.f-cl-img>img:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: currentColor;}
.f-cl-name {font-size: var(--h-6);line-height: 1.2em;padding-top: 10px;}
.f-sz-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 15px 0 0;}
.f-sz-wrap > * {width: calc(50% - 30px);margin: 0 15px 40px;}
.f-sz-wrap-item-title {font-size: 18px;font-weight: 400;color: var(--clr-black);letter-spacing: var(--lts-5);margin-bottom: 15px;}
.f-sz-wrap-list {font-size: 18px;font-weight: 500;color: var(--clr-black);letter-spacing: var(--lts-2);}
.f-sz-wrap-list > * {margin-bottom: 15px;}
.f-sz-wrap-list > *:last-child {margin-bottom: 0;}
@media (min-width: 768px) {
.f-cl-img.prj-controls-wrap.small .prj-controls {bottom: 0;left: 0;max-width:100%;}
}
@media (min-width: 1200px) {
.md-order-row .lr-content {padding-left: max(15px, 12%);}
}
@media (max-width: 1199px) {
.f-color-inner {padding: 15px;}
.f-color-link {font-size: 16px;padding: 0 15px 15px;}
.f-color-drop,.f-gallery-drop {padding: 0 15px 15px;}
.f-color-drop-item {padding: 25px 0;}
.f-cl-wrap {padding-top: 10px;margin: 0 -10px -20px;}
.f-cl-item {margin: 0 10px 20px;}
.f-cl-name {padding-top: 5px;}
.f-sz-wrap {padding: 15px 0 0;}
.f-sz-wrap {padding: 15px 0 0;}
.f-sz-wrap > * {width: 50%;margin: 0 0 40px;}
.f-color-cl, .f-color-sz {font-size: 18px;}
}
@media (max-width: 991px) {
.md-order-row{--bs-gutter-y: 20px;}
.f-color-inner {gap: .75rem;position: relative;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.f-color-img {-ms-flex-negative: 0;flex-shrink: 0;width: 100px; order: -2;}
.f-color-name {margin: 0; order: -1; width: calc(100% - 100px - .75rem);}
.f-sz-wrap {display: block;}
.f-sz-wrap > * {width: 100%;}
}
@media (max-width: 767px) {
.un__btn-wrapp.md-order > * {margin-right: 0;margin-bottom: 15px;}
.f-color-inner {padding: 10px;}
.f-color-info {margin-left: 0;}
.f-color-drop,.f-gallery-drop {padding: 0 10px 10px;}
.f-color-name div {font-size: calc( var(--h-6) + 1px);}
.f-color-name div {margin-top: 4px;}
}
@media (max-width: 575px) {
.f-color-preview-img {width: 100%;height: 180px;}
.f-color-info {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;width: 100%;}
.f-color-btn-wrap {width: 100%;}
}
.testimonials-wrap {margin-top: 15px;margin-bottom: 30px;}
.testimonials-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0 -15px 120px;}
.testimonials-item:last-child {margin-bottom: 0;}
.testimonials-item > * {margin: 0 15px;}
.testimonials-item:nth-child(even) .testimonials-media {-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0;}
.testimonials-content {-ms-flex-item-align: end;align-self: flex-end;max-width: 540px;width: 100%;padding-bottom: 30px;}
.testimonials-content .un__title {font-weight: 600;margin-bottom: 10px;}
.testimonials-author {font-size: 13px;font-weight: 600;color: var(--clr-black);letter-spacing: var(--lts-4);margin-top: 50px;}
.testimonials-media {position: relative;max-width: 800px;width: 100%;padding-top: 28.3%;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.testimonials-media > img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.testimonials-media .un__play-btn span {width: 64px;height: 64px;}
.testimonials-media .un__play-btn span::before {display: none;}
.testimonials-media .un__play-btn span:after {width: 100%;height: 100%;}
.testimonials-media .un__play-btn span i {border-top: 11px transparent solid;border-bottom: 11px transparent solid;border-left: 17px #FF3333 solid;}
@media (max-width: 1640px) {
.testimonials-wrap {margin-bottom: 0;}
.testimonials-item {margin: 0 -15px 90px;}
.testimonials-content {max-width: 460px;padding-bottom: 20px;}
.testimonials-author {margin-top: 30px;}
.testimonials-media {max-width: 800px;padding-top: 28.3%;}
}
@media (max-width: 767px) {
.testimonials-item {display: block;margin: 0 0 50px;}
.testimonials-item > * {margin: 0;}
.testimonials-content {max-width: 100%;padding-bottom: 0;}
.testimonials-author {margin-top: 15px;}
.testimonials-media {padding-top: 54%;margin-bottom: 10px;}
}
.custom-grid {display: -ms-grid;display: grid;-ms-grid-columns: 0.8fr 1fr;grid-template-columns: 0.8fr 1fr;gap: 40px;}
.custom-grid-info {max-width: 512px;width: 100%;}
.custom-grid-info > * {margin-bottom: 10px;}
.custom-grid-info > *:last-child {margin-bottom: 0;}
.custom-grid-img {position: relative;display: block;padding-top: 103%;}
.custom-grid-img.size-2 {padding-top: 78%;height: 100%;}
.custom-grid-img.size-3 {padding-top: 46%;}
.custom-grid-img > picture > img,
.custom-grid-img > img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.custom-grid.type-2 {-ms-grid-columns: 1fr 0.8fr;grid-template-columns: 1fr 0.8fr;}
.custom-grid.type-2 .custom-grid-info {margin-left: auto;margin-right: 30px;}
.custom-grid.type-2 .custom-grid-img {padding-top: 72%;}
@media (min-width: 768px) {
.custom-grid-item:nth-child(1) {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 1;grid-area: 1/1/2/2;}
.custom-grid-item:nth-child(2) {-ms-grid-row: 2;-ms-grid-row-span: 2;-ms-grid-column: 1;-ms-grid-column-span: 1;grid-area: 2/1/4/2;align-self: flex-end;}
.custom-grid-item:nth-child(3) {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-area: 1/2/3/3;}
.custom-grid-item:nth-child(4) {-ms-grid-row: 3;-ms-grid-row-span: 1;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-area: 3/2/4/3;}
.custom-grid.type-2 .custom-grid-item:nth-child(1) {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 1;-ms-grid-column-span: 1;grid-area: 1/1/3/2;}
.custom-grid.type-2 .custom-grid-item:nth-child(2) {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-area: 1/2/2/3;}
.custom-grid.type-2 .custom-grid-item:nth-child(3) {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-area: 2/2/3/3;align-self: flex-end;}
}
@media (min-width: 1200px) and (max-width: 1640px) {
.custom-grid-img {padding-top: 80%;}
.custom-grid-img.size-2 {padding-top: 68%;}
}
@media (max-width: 1640px) {
.custom-grid {gap: 25px;}
}
@media (max-width: 1199px) {
.custom-grid {-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;}
.custom-grid.type-2 {-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;}
}
@media (max-width: 767px) {
.custom-grid {-ms-grid-columns: 1fr;grid-template-columns: 1fr;gap: 15px;}
.custom-grid-info {max-width: 100%;}
.custom-grid.type-2 {-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
.custom-grid.type-2 .custom-grid-info {margin: 30px 0 10px;}
}
.prj-b-slider .swiper-scrollbar {display: none;}
@media (max-width: 1199px) {
.prj-b-slider .swiper-container {overflow: visible;}
.prj-b-slider .un__project-item .hover-block {position: relative;padding: 15px;opacity: 1;visibility: visible;}
.prj-b-slider .un__project-item .hover-block .project-location {position: relative;bottom: 0;left: 0;right: 0;}
.prj-b-slider .un__project-item .hover-block .un__btn {margin-top: 22px;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
}
@media (max-width: 575px) {
.prj-b-slider .swiper-slide {width: 92%;}
.prj-b-slider .swiper-scrollbar {display: block;}
}
/*--------------------*/
/* - Submittal Page   */
/*--------------------*/
.breadcrumbs-wrap.type-2 + .un__btn.un__btn-back-ab {margin-top: 60px;z-index: 20;}
.un__btn.un__btn-back-ab + .un__banner {margin-top: 0;}
.un__btn-back-ab.type2 {left: 15px;position: absolute;z-index: 2;}
.un__banner-inner > * {margin-bottom: 25px;}
.un__banner-inner > *:last-child {margin-bottom: 0;}
.un__banner-inner .un__text {max-width: 840px;}
.un__banner-inner .un__btn-wrapp {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.un__banner-inner .un__btn-wrapp > * {margin-right: 30px;}
.submittals-caption .un__title {font-weight: 600;margin-bottom: 30px;}
.submittals-table-wrapp .submittals-table {min-width: 680px;border-collapse: collapse;width: 100%;}
.submittals-table td {position: relative;padding: 10px;vertical-align: middle;font-weight: 500;letter-spacing: 0.26px;font-size: 18px;line-height: 1.4;text-align: left;}
.submittals-table td > div {margin-bottom: 12px;}
.submittals-table td > div:last-child {margin-bottom: 0;}
.submittals-table td:first-child {width: 30%;padding-left: 30px;}
.submittals-table td:nth-child(2) {width: 15%;}
.submittals-table td:nth-child(3) {width: 20%;}
.submittals-table td:nth-child(4) {width: 15%;}
.submittals-table td:nth-child(5) {width: 10%;}
.submittals-table td:nth-child(6) {width: 10%;text-align: center;}
.submittals-table tbody tr {position: relative;border-left: 2px solid var(--bg-3);border-right: 2px solid var(--bg-3);-webkit-transition: all 0.3s;transition: all 0.3s;}
.submittals-table tbody td {height: 52px;letter-spacing: 0.66px;font-weight: 400;border-bottom: 2px solid var(--bg-3);vertical-align: text-top;padding: 12px 10px;}
.submittals-table tbody tr:first-child td {border-top: 2px solid var(--bg-3);}
.submittals-table tbody td a {display: inline;position: relative;text-underline-offset: 3px;text-decoration-color: transparent;}
.submittals-table tbody td .tooltip::before {content: attr(data-tooltip);pointer-events: none;white-space: nowrap;position: absolute;z-index: 1;left: 50%;bottom: -10px;-webkit-transform: translate(-50%, 150%);transform: translate(-50%, 150%);font-size: 13px;font-weight: 400;line-height: 1.25em;text-align: center;color: var(--clr-white);letter-spacing: var(--lts-4);background-color: var(--clr-grey-800);border-radius: 4px;padding: 4px 12px;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.submittals-table tbody td .action-btn {width: 48px;height: 48px;cursor: pointer;line-height: 0;background-color: rgba(33, 33, 33, 0.12);border-radius: 50%;margin: 0;position: absolute;left: 0;right: 0;top: 2px;margin: 0 auto;-webkit-transition: var(--transition-1);transition: var(--transition-1);opacity: 0;visibility: hidden;}
.submittals-table tbody td .action-btn .dott {position: absolute;top: 50%;left: 50%;margin-left: -2px;margin-top: -8px;width: 4px;height: 16px;}
.submittals-table tbody td .action-btn .dott i {position: absolute;top: 50%;left: 0;margin-top: -2px;width: 4px;height: 4px;border-radius: 50%;background-color: #424445;}
.submittals-table tbody td .action-btn .dott i:before,
.submittals-table tbody td .action-btn .dott i:after {content: "";position: absolute;top: -6px;left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: #424445;}
.submittals-table tbody td .action-btn .dott i:after {top: auto;bottom: -6px;}
.submittals-table .action-panel {position: absolute;top: 100%;left: 50%;padding: 20px 10px 20px 20px;background-color: var(--clr-white);-webkit-box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);min-width: 250px;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);z-index: 11;text-align: left;margin: -10px 0 0 -24px;}
.action-panel ul {font-size: 0;}
.action-panel ul li {display: block;position: relative;text-underline-offset: 3px;text-decoration-color: transparent;cursor: pointer;color: var(--clr-black);font-size: 18px;font-weight: 500;letter-spacing: 0.26px;line-height: 28px;margin-bottom: 20px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.action-panel ul li:last-child {margin-bottom: 0;}
.submittals-table tbody tr .action-btn.active .layer-close {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.submittals-table.no-fix-width td {width: auto;}
.submittals-table.no-fix-width td:last-child {width: 10%;text-align: center;}
.submittals-table-wrapp .custom-pagination {margin-top: 50px;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
.custom-pagination {text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
.custom-pagination ul {position: relative;display: inline-block;text-align: center;font-size: 0;}
.custom-pagination ul li {position: relative;display: inline-block;vertical-align: middle;}
.custom-pagination ul li:last-child {margin-right: 0;}
.custom-pagination ul li a {position: relative;z-index: 2;display: inline-block;vertical-align: top;color: var(--clr-black);font-size: 18px;line-height: 28px;font-weight: 500;letter-spacing: 0.26px;height: 28px;min-width: 28px;padding-inline: 8px;}
.custom-pagination ul li.active a {background-color: var(--bg-3);pointer-events: none;}
.custom-pagination ul li.dott {pointer-events: none;}
.custom-pagination .arr-controls {margin-left: 25px;}
.custom-pagination .arr-controls > * {margin-right: 25px;}
.custom-pagination .arr-controls > *:last-child {margin-right: 0;}
.submittals-table-wrapp .empty-block {position: relative;border: 1px dashed #979797;background-color: var(--bg-3);padding: 15px;height: 178px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 20px;}
/*submittal-steps-banner*/
.un__btn.un__btn-back-ab + .submittal-steps-banner {margin-top: 40px;}
.submittal-steps-banner {position: relative;margin-top: 40px;text-align: center;}
.submittal-steps-banner .submittals-steps {margin-top: 40px;}
.submittals-steps {position: relative;text-align: center;font-size: 0;}
.submittals-steps .step-item {position: relative;display: inline-block;vertical-align: middle;padding-right: 90px;}
.submittals-steps .step-item:before {content: "";position: absolute;top: 50%;right: 13px;margin-top: -1px;width: 64px;height: 2px;background-color: var(--clr-grey-400);}
.submittals-steps .step-item:last-child {padding-right: 0;}
.submittals-steps .step-item:last-child:before {content: none;}
.submittals-steps .step-item > * {display: inline-block;vertical-align: middle;font-size: var(--h-6);line-height: 1.9em;letter-spacing: var(--lts-2);font-weight: 500;}
.submittals-steps .step-item i {position: relative;width: 32px;height: 32px;border-radius: 50%;background-color: var(--clr-grey-400);color: var(--clr-white);text-align: center;}
.submittals-steps .step-item span {color: #8e8f8f;}
.submittals-steps .step-item i + * {margin-left: 10px;}
.submittals-steps .step-item.active i {background-color: var(--clr-red);}
.submittals-steps .step-item.active span {color: var(--clr-black);}
.submittals-steps .step-item.check i {background-color: transparent;font-size: 0;}
.submittals-steps .step-item.check i:before {content: "";position: absolute;left: 8px;top: 50%;margin-top: -6px;width: 16px;height: 7px;border-left: 2px solid var(--clr-red);border-bottom: 2px solid var(--clr-red);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.submittals-steps .step-item.check span {color: var(--clr-black);}
.submittals-steps .step-item.navi-active,
.navi-spec-active {cursor: pointer;}
/*instruction-block*/
.instruction-block {position: relative;padding: 21px 0;width: 70%;margin-left: 30%;text-align: center;}
.instruction-block .instruction-info {display: none;text-align: left;padding: 50px 0 40px;}
.instruction-block .un__title {font-weight: 600;margin-bottom: 20px;}
.instruction-block .un__text p {margin: 0;}
/*un__btn-link*/
.un__btn-link.type2 b {padding-right: 30px;text-decoration: none;}
.un__btn-link.type2 b:before {content: "";position: absolute;top: 50%;right: 2px;margin-top: -9px;width: 11px;height: 11px;border-left: 2px solid var(--clr-black);border-bottom: 2px solid var(--clr-black);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.un__btn-link.type2.open b:before {margin-top: -3px;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}
.un__btn-link.type3 b {padding-right: 44px;}
.un__btn-link.type3 b:before,
.un__btn-link.type3 b:after {content: "";position: absolute;top: 5px;right: 8px;width: 2px;height: 18px;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-link.type3 b:after {top: 13px;right: 0;width: 18px;height: 2px;}
.un__btn-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.un__btn-wrapp > * {margin-right: 60px;}
.un__btn-wrapp > *:last-child {margin-right: 0;}
/*step-1*/
.all-forms.step-1 {padding: 70px 0 140px;}
.all-forms .form-block {position: relative;font-size: 0;padding-top: 70px;border-top: 2px solid var(--bg-3);}
.all-forms .form-block:first-child {border-top: none;padding-top: 0;}
.all-forms .left-info {display: inline-block;width: 30%;vertical-align: top;text-align: left;margin-bottom: 0;padding-right: 15px;}
.all-forms .form-inner {display: inline-block;width: 70%;vertical-align: top;}
.all-forms .un__btn-wrapp {margin-left: 30%;}
.all-forms.step-1 .un__btn-wrapp {margin-top: 140px;}
/*step-2*/
.all-forms.step-2 {padding: 70px 0 100px;}
.all-forms.step-2 .un__btn-wrapp {margin-top: 70px;}
.units-wrapp {position: relative;margin: 50px 0 40px;}
.units-wrapp .unit-item {position: relative;}
.units-wrapp .unit-item:before {content: "";position: absolute;top: -15px;left: -25px;right: -25px;bottom: -25px;background-color: var(--clr-grey-200);}
.unit-item .unit-info {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 12px;}
.unit-item .unit-info .caption {font-size: 18px;line-height: 28px;letter-spacing: 1.4px;color: var(--clr-black);font-weight: 700;}
.unit-item .unit-info .remove-unit {cursor: pointer;position: absolute;top: -3px;right: 5px;width: 40px;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.unit-item .unit-info .remove-unit img {width: 20px;height: auto;max-width: 100%;}
.units-wrapp .add-unit-item .unit-item {display: none;}
.un__btn.add-unit.disabled {pointer-events: none;color: var(--clr-grey-600);}
.added-units {margin-bottom: 40px;}
.added-units .unit-item {margin-top: 55px;}
.all-forms.product-detail {padding: 170px 0;}
.all-forms.product-detail .section-title {margin-bottom: 30px;}
.all-forms .form-block {padding-top: 50px;}
.all-forms.product-detail .form-block + .form-block {margin-top: 50px;}
.all-forms.product-detail .form-block:first-child {padding-top: 0;}
.input-results .un__text {margin-bottom: 10px;}
.input-results .un__text:last-child {margin-bottom: 0;}
.colors-items .color-item {display: inline-block;vertical-align: top;margin-right: 130px;margin-bottom: 15px;}
.colors-items .color-item:last-child {margin-right: 0;}
.colors-items .color-item .caption {margin-bottom: 5px;}
.colors-items .color-item .caption b {font-weight: 700;}
.colors-items .color-item .color-inner > * {display: inline-block;vertical-align: middle;position: relative;}
.colors-items .color-item .color-view {width: 122px;height: 122px;border: 1px solid var(--clr-grey-600);outline: 2px solid var(--clr-white);outline-offset: -3px;}
.colors-items .color-item .color-name {font-weight: 500;margin-left: 15px;}
.unit-item-detail {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.unit-item-detail .unit-info {margin-right: 20px;width: calc(100% - 220px);}
.unit-item-detail .unit-info .caption {font-weight: 700;}
.unit-item-detail .unit-info .un__text p {margin: 0;text-transform: uppercase;}
.unit-item-detail .unit-img {position: relative;width: 200px;height: 200px;}
.unit-item-detail .unit-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.appearance-items {position: relative;margin: 0 -40px;}
.appearance-items .appearance-item {display: inline-block;vertical-align: top;margin: 0 40px;margin-bottom: 25px;}
.appearance-items .appearance-item:last-child {margin-right: 0;margin-bottom: 0;}
.appearance-items .appearance-item .appearance-img {position: relative;width: 148px;height: 120px;}
.appearance-items .appearance-item .appearance-img img {position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;-o-object-fit: cover;object-fit: cover;-o-object-position: -53% 100%;object-position: -53% 100%;}
.appearance-items .appearance-item .appearance-name {font-weight: 500;margin-top: 15px;text-align: left;}
.app-item {position: relative;margin-bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.app-item:last-child {margin-bottom: 0px;}
.app-item .app-caption {font-weight: 500;margin-bottom: 10px;}
.app-item .app-img {-ms-flex-negative: 0;flex-shrink: 0;max-width: 70px;}
.app-item .app-img + .app-content {margin-left: 20px;margin-top: 25px;}
.packaging-table-wrap {position: relative;}
.packaging-table {position: relative;overflow: auto;}
.packaging-table.clone {position: absolute;top: 0;left: 0;overflow: hidden;}
.packaging-table.clone table th:not(:first-child),
.packaging-table.clone table td:not(:first-child) {visibility: hidden;border-color: transparent;}
.packaging-table table {border-collapse: collapse;border-spacing: 0;}
.packaging-table table td {border: 2px solid var(--clr-grey-400);font-size: 18px;line-height: 28px;letter-spacing: 0.26px;font-weight: 500;color: var(--clr-black);text-align: center;text-transform: uppercase;min-width: 88px;height: 60px;padding: 5px 10px;vertical-align: middle;}
.packaging-table table thead td {height: 74px;}
.packaging-table thead tr td:first-child {background: var(--clr-white);border-left-color: var(--clr-white);border-top-color: var(--clr-white);}
.packaging-table thead td {background: var(--clr-grey-200);font-weight: 600;font-size: 13px;line-height: 20px;}
.packaging-table tbody tr td:first-child {text-align: left;padding-left: 15px;font-weight: 600;width: 50%;min-width: 290px;color: var(--clr-black);font-size: 13px;line-height: 20px;background: var(--clr-grey-200);text-transform: inherit;}
.packaging-table thead td:first-child {background: transparent;border-left-color: transparent;border-top-color: transparent;}
.laying-items {position: relative;margin: 0 -40px;}
.laying-items .laying-item {display: inline-block;vertical-align: top;margin: 0 40px;margin-bottom: 25px;width: 240px;}
.laying-items .laying-item:last-child {margin-right: 0;}
.laying-items .laying-item .laying-img {position: relative;width: 100%;padding-bottom: 73%;}
.laying-items .laying-item .laying-img > img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: left;object-position: left;}
.laying-img.prj-controls-wrap::before {content: "";position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--bg-5);-webkit-backface-visibility: hidden;backface-visibility: hidden;outline: 2px solid var(--clr-black);outline-offset: -2px;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.laying-img .prj-controls {z-index: 6;bottom: auto;top: 50%;left: 50%;max-width: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0;}
.laying-img .prj-controls-item {width: 48px;height: 48px;margin: 5px 5px 0 !important;background-color: transparent;border-radius: 100%;}
.laying-img .prj-controls-item > img,
.laying-img .prj-controls-item > svg {max-width: 40%;max-height: 40%;}
.laying-img.prj-controls-wrap:hover::before {opacity: 0.8;visibility: visible;}
.laying-items .laying-item .laying-name {font-weight: 500;margin-top: 15px;text-align: left;}
.input-results .seo-text-block .un__text {margin-bottom: 0;}
.seo-text-block {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.seo-text-block .more-text {margin-top: 10px;position: relative;display: none;}
.seo-text-block .more-text:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 30px;-webkit-box-shadow: 0px -18px 34px 10px var(--clr-white);box-shadow: 0px -18px 34px 10px var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.seo-text-block.cut-text .more-text {display: block;}
.seo-text-block.cut-text .un__text {max-height: 324px;height: 100%;overflow: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.seo-text-block.open .un__text {max-height: unset;overflow: visible;}
.seo-text-block.open .more-text {position: relative;}
.seo-text-block.open .more-text:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 30px;-webkit-box-shadow: 0px 0px 0px 0px var(--clr-white);box-shadow: 0px 0px 0px 0px var(--clr-white);}
.seo-text-block.open .un__btn-link.type3 b:before {opacity: 0;}
.manager-item.type2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;height: 100%;}
.manager-item.type2 .manager-img {display: inline-block;}
.manager-item.type2 .manager-info {margin-top: 0;margin-left: 40px;text-align: left;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.manager-item.type2 .manager-pos {margin-bottom: 25px;}
.all-forms.product-detail .form-wrap .form-block:last-child {padding-bottom: 50px;margin-bottom: 50px;border-bottom: 2px solid var(--bg-3);}
.unit-block {--sp-unit-block: 50px;}
.unit-block + .unit-block {margin-top: var(--sp-unit-block);padding-top: var(--sp-unit-block);border-top: 2px solid var(--bg-3);}
.unit-block-item + .unit-block-item {margin-top: var(--sp-unit-block);}
.unit-block-item .input-results .un__text {margin: 0;}
.unit-item-detail.type-2 .unit-info {margin-right: 0;margin-left: 20px;}
.color-item.type-2 .color-inner {display: -webkit-box;display: -ms-flexbox;display: flex;}
.color-item.type-2 .color-view {width: 100px;height: 100px;border: 1px solid var(--clr-grey-600);outline: 2px solid var(--clr-white);outline-offset: -3px;-ms-flex-negative: 0;flex-shrink: 0;}
.color-item.type-2 .color-view-info {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;margin-left: 15px;}
.edge-item {display: -webkit-box;display: -ms-flexbox;display: flex;}
.edge-view {width: 100px;height: 100px;-ms-flex-negative: 0;flex-shrink: 0;}
.edge-view-info {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;margin-left: 15px;}
/*step-3*/
.all-forms.step-3 {padding: 70px 0 140px;}
.all-forms.step-3 .un__btn-wrapp {margin-top: 120px;}
.all-forms.step-3 .form-block {padding-top: 50px;}
.all-forms.step-3 .form-block + .form-block {margin-top: 50px;}
.all-forms.step-3 .form-block:first-child {padding-top: 0;}
.input-results {position: relative;z-index: 1;text-align: left;}
.input-results :not(.seo-text-block) .un__text p {margin-top: 0;}
.all-forms .left-info .desc {font-size: 13px;line-height: 20px;letter-spacing: 0.43px;color: var(--clr-grey-600);font-weight: 600;max-width: 200px;}
.all-forms .left-info > * {margin-bottom: 5px;}
.all-forms .left-info > *:last-child {margin-bottom: 0;}
.all-forms .input-field-wrapper + .ch-box-entry-wrapps {margin-top: 40px;}
.ch-box-entry-wrapps .ch-box-entry-wrap {margin-bottom: 25px;}
.ch-box-entry-wrapps .ch-box-entry-wrap:last-child {margin-bottom: 0;}
.all-forms .form-block .ch-box-entry {margin-left: 0;margin-right: 0;}
/*step-4*/
.all-forms.step-4 {padding: 70px 0 140px;}
.confirm-step .submittals-table-wrapp {margin-top: 40px;}
.confirm-step .submittals-table tbody tr {pointer-events: none;}
.confirm-step .download-block {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 25px;}
.confirm-step .download-block .submittal-added {position: relative;background-color: var(--clr-grey-200);padding: 10px 25px;width: 100%;height: 70px;margin-left: 35px;text-align: left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.confirm-step .download-block .submittal-added img {height: 20px;width: auto;max-width: 20px;margin-right: 12px;}
.confirm-step .generate-new {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 65px;text-align: left;}
.all-forms.step-4 .un__btn-wrapp {margin-left: 0;}
.confirm-step .ch-box-entry {margin-left: 0;}
@media (min-width: 1200px) {
.submittals-table tbody tr:hover {background-color: var(--bg-3);}
.submittals-table tbody td a:hover {text-decoration: underline;}
.submittals-table tbody td .tooltip:hover::before {opacity: 1;visibility: visible;-webkit-transform: translate(-50%, 100%);transform: translate(-50%, 100%);}
.submittals-table tbody tr:hover td .action-btn {opacity: 1;visibility: visible;}
.action-btn:hover .action-panel {opacity: 1;visibility: visible;}
.action-panel ul li:hover {text-decoration: underline;}
.custom-pagination ul li a:hover {color: var(--clr-red);}
.un__btn-link.type2:hover b {color: var(--clr-red);}
.unit-item .unit-info .remove-unit:hover {opacity: 0.7;}
}
@media (max-width: 1560px) {
.submittals-table .action-panel {left: auto;right: 0;}
.breadcrumbs-wrap.type-2 + .un__btn.un__btn-back-ab {position: absolute;left: 15px;margin-top: 50px;}
.breadcrumbs-wrap.type-2 + .un__btn.un__btn-back-ab + .un__banner .un__banner-align {padding-top: 100px;}
.all-forms.step-1,
.all-forms.step-2,
.all-forms.step-3,
.all-forms.step-4,
.all-forms.product-detail {padding: 70px 0;}
.all-forms.step-1 .un__btn-wrapp,
.all-forms.step-3 .un__btn-wrapp {margin-top: 70px;}
.all-forms .left-info {width: 20%;}
.all-forms .form-inner {width: 80%;}
.all-forms .un__btn-wrapp {margin-left: 20%;}
.instruction-block {width: 80%;margin-left: 20%;}
}
@media (max-width: 1199px) {
.submittals-table td {font-size: 16px;}
.submittals-table td:first-child {padding-left: 10px;}
.submittals-table tbody td .action-btn {opacity: 1;visibility: visible;}
.submittals-table tbody td .action-btn.active .action-panel {opacity: 1;visibility: visible;}
.un__btn.un__btn-back-ab + .submittal-steps-banner {margin-top: 70px;}
.submittals-steps .step-item {padding-right: 45px;}
.submittals-steps .step-item:before {width: 30px;right: 8px;}
.confirm-step .submittals-table tbody td .action-btn {opacity: 0;visibility: hidden;}
.colors-items .color-item {margin-right: 60px;}
.laying-items,
.appearance-items {margin: 0 -30px;}
.laying-items .laying-item,
.appearance-items .appearance-item {margin-left: 30px;margin-right: 30px;}
}
@media (max-width: 991px) {
.submittals-table td {font-size: 14px;}
.submittals-table-wrapp .custom-pagination {margin-top: 20px;}
.submittals-table-wrapp .empty-block {text-align: center;}
.submittals-table-wrapp .empty-block a {display: block;}
.submittals-steps .step-item {padding-right: 0;}
.submittals-steps .step-item:before {content: none;}
.submittals-steps {text-align: left;}
.submittals-steps .step-item {display: block;margin-bottom: 15px;}
.submittals-steps .step-item:last-child {margin-bottom: 0;}
.all-forms .left-info,
.all-forms .form-inner {display: block;width: 100%;}
.all-forms .left-info {margin-bottom: 30px;padding-right: 0;}
.instruction-block {width: 100%;margin-left: 0;}
.instruction-block .instruction-info {padding: 5px 0 20px;}
.all-forms .un__btn-wrapp {margin-left: 0;}
.confirm-step .generate-new {display: block;}
.confirm-step .generate-new .un__btn-wrapp {margin-top: 30px;}
.laying-items,
.appearance-items {margin: 0 -15px;}
.laying-items .laying-item,
.appearance-items .appearance-item {margin-left: 15px;margin-right: 15px;}
.un__banner-inner .un__btn-wrapp {display: block;}
.un__banner-inner .un__btn-wrapp > * {margin-right: 0;margin-bottom: 25px;}
.un__banner-inner .un__btn-wrapp > *:last-child {margin-bottom: 0;}
.packaging-table tbody tr td:first-child {min-width: 200px;max-width: 200px;padding-left: 10px;}
}
@media (max-width: 767px) {
.submittals-caption .un__title {margin-bottom: 20px;}
.submittals-table-wrapp .submittals-table {min-width: unset;}
.submittals-table thead {display: none;}
.submittals-table tr {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;border: 2px solid var(--bg-3);padding: 45px 15px 10px;margin-top: -2px;}
.submittals-table tr:nth-child(2n) {background-color: var(--clr-grey-200);}
.submittals-table tr td {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100% !important;height: auto;padding: 0;text-align: left;border: none;margin-bottom: 14px;}
.submittals-table tbody tr:first-child td {border-top: none;padding: 0;}
.submittals-table td:first-child {padding: 0;}
.submittals-table tbody tr td:last-child {margin-bottom: 0;position: absolute;top: 12px;right: 15px;}
.submittals-table tbody td .action-btn {margin: 0;left: auto;background: transparent;}
.submittals-table .action-panel {padding: 15px 10px;}
.action-panel ul li {margin-bottom: 10px;font-size: 16px;}
.submittals-table tbody td:before {content: attr(data-mobile-title);position: relative;display: inline-block;width: 100%;-ms-flex-negative: 0;flex-shrink: 0;font-size: 13px;line-height: 20px;letter-spacing: 0.43px;font-weight: 600;color: var(--clr-black);}
.breadcrumbs-wrap.type-2 + .un__btn.un__btn-back-ab {margin-top: 15px;}
.breadcrumbs-wrap.type-2 + .un__btn.un__btn-back-ab + .un__banner .un__banner-align {padding-top: 80px;}
.un__banner-inner .un__title {margin-bottom: 10px;}
.submittals-table td {font-size: 16px;}
.submittals-table tbody td a {text-decoration: underline;}
.custom-pagination {display: block;}
.submittals-table-wrapp .custom-pagination {margin-top: 40px;}
.custom-pagination .arr-controls {margin-left: 0;margin-top: 40px;}
.submittals-table-wrapp .empty-block {margin-top: 0;height: auto;padding: 30px 15px;}
.submittal-steps-banner {text-align: left;}
.submittal-steps-banner .submittals-steps {margin-top: 20px;}
.instruction-block {padding: 18px 0;}
.instruction-block .instruction-info {padding: 0 0 15px;}
.instruction-block .un__title {margin-bottom: 15px;}
.all-forms.step-1 {padding-top: 40px;}
.all-forms .form-block {padding-top: 50px;}
.all-forms .form-block + .form-block {margin-top: 50px;}
.form-block.same-address .ch-box-entry-wrap {margin-top: 20px;}
.all-forms.step-2 {padding-top: 40px;}
.un__btn.add-unit {font-size: 16px;}
.un__btn-wrapp {display: block;}
.un__btn-wrapp > * {margin-right: 0;margin-bottom: 40px;}
.un__btn-wrapp > *:last-child {margin: 0;}
.all-forms .left-info {margin-bottom: 10px;}
.all-forms.step-3 {padding-top: 40px;}
.all-forms.step-3 .form-block + .form-block {margin-top: 40px;}
.all-forms.step-3 .form-block {padding-top: 40px;}
.all-forms.step-3 .left-info {margin-bottom: 25px;}
.all-forms.step-4 {padding-top: 40px;}
.confirm-step .submittals-table tr {padding-top: 20px;}
.confirm-step .submittals-table-wrapp {margin-top: 35px;}
.confirm-step .download-block {display: block;margin-top: 30px;}
.confirm-step .download-block .submittal-added {height: auto;margin-left: auto;margin-top: 20px;padding: 15px;}
.confirm-step .ch-box-entry {margin: 0;}
.all-forms.product-detail {padding-top: 40px;}
.all-forms.product-detail .form-block + .form-block {margin-top: 40px;}
.all-forms.product-detail .form-block {padding-top: 40px;}
.colors-items .color-item {display: block;margin-right: 0;margin-bottom: 30px;}
.unit-item-detail .unit-img {width: 140px;height: 140px;}
.unit-item-detail .unit-info {margin-right: 5px;width: calc(100% - 145px);}
.appearance-items {width: auto;}
.appearance-items .appearance-item {width: calc(50% - 30px);}
.packaging-table tbody tr td:first-child {min-width: 140px;max-width: 140px;}
.packaging-table table td {min-width: 60px;}
.manager-item.type2 {display: block;height: auto;}
.manager-item.type2 .manager-info {margin-left: 0;margin-top: 10px;}
.all-forms.product-detail .form-wrap .form-block:last-child {margin-bottom: 40px;padding-bottom: 40px;}
.un__banner-inner .un__btn-wrapp > * {margin-bottom: 15px;}
}
.select-wrapper {position: relative;}
.submittals-steps .step-item .missing,
.submittals-steps .step-item.missing-info i {display: none;}
.submittals-steps .step-item.missing-info .missing {display: inline-block;background-color: var(--clr-white);color: var(--clr-grey-400);border: 6px solid var(--clr-grey-400);line-height: 22px;font-size: 16px;margin-left: 0;}
.submittals-steps .step-item.active.missing-info i {background-color: var(--clr-white);color: var(--clr-red);border: 6px solid var(--clr-red);}
.spec-missing-info {margin-left: calc(30% - 25px);margin-right: -25px;margin-bottom: 70px;}
.input-field-info.type2 {top: 18px;right: -20px;}
.input-field-info.type2 i {width: 20px;height: 20px;font-size: 14px;line-height: 20px;font-weight: 400;color: var(--clr-white);border: none;background-color: var(--clr-grey-400);}
@media (max-width: 1560px) {
.spec-missing-info {margin-left: calc(20% - 25px);}
.input-field-info.type2 .input-field-info-inner {position: absolute;bottom: -10px;left: auto;right: 0;}
}
@media (max-width: 1199px) {.input-field-info.type2 {right: -15px;}}
@media (max-width: 991px) {.spec-missing-info {margin-left: auto;margin-right: auto;}}
@media (max-width: 767px) {.spec-missing-info {margin-bottom: 40px;}}
/*--------------------*/
/* - SPECIFICATIONS   */
/*--------------------*/
.file-item-list.type2 {margin-top: 15px;font-size: 0;-webkit-columns: 2;-moz-columns: 2;columns: 2;-webkit-column-gap: 50px;-moz-column-gap: 50px;column-gap: 50px;}
.file-item-list.type2 .file-item {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;}
.file-item-list.type2 .file-item-name {overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;}
.file-item-list.type2 .file-item-controls .prj-controls-item:not(button)::before {content: none;}
.file-item-list.type2 .download-wrap,
.file-item-list.type2 .snare-wrap {top: auto;bottom: -20px;-webkit-transform: translateY(100%);transform: translateY(100%);}
.file-item-list.type2 .prj-controls-item:hover .snare-wrap,
.file-item-list.type2 .prj-controls-item:hover .download-wrap {-webkit-transform: translateY(100%);transform: translateY(100%);bottom: -5px;}
.file-item-list + .disclaimer-msg {margin-top: 45px;}
.disclaimer-msg .un__text {font-weight: 500;}
.select-by {margin-bottom: 10px;}
.all-forms .form-block .select-by .ch-box-entry {margin: 0 15px;}
.add-unit.unit-type2 {position: relative;border: 1px dashed #5B5B5B;height: 108px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 45px;padding: 25px;}
.un__btn-link.add-unit.unit-type2 b {text-decoration: none;margin-left: 15px;margin-right: 30px;}
.add-unit.unit-type2 .plus {display: inline-block;position: relative;width: 18px;min-width: 18px;height: 18px;margin-top: -2px;}
.add-unit.unit-type2 .plus:before,
.add-unit.unit-type2 .plus:after {content: "";position: absolute;top: 0;left: 8px;width: 2px;height: 100%;background-color: var(--clr-black);}
.add-unit.unit-type2 .plus:after {top: 8px;left: 0;width: 100%;height: 2px;}
.add-unit + .un__my-project-info.attention-msg {margin-top: 10px;}
.un__my-project-info.style2 {background-color: var(--clr-grey-200);padding: 29px 30px;}
.un__my-project-info.style2 i {background-color: var(--clr-black);color: var(--clr-white);font-size: 14px;}
.un__my-project-info.style2 b {color: var(--clr-black);}
.form-block .form-inner > *:last-child {margin-bottom: 0;}
.confirm-step .hide-action .submittals-table tr td:last-child {display: none;}
@media (min-width: 1200px) {
.add-unit.unit-type2:hover {border-color: var(--clr-red);}
}
@media (max-width: 1640px) {
.file-item-list.type2 {-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;}
}
@media (max-width: 991px) {
.file-item-list.type2 {-webkit-columns: unset;-moz-columns: unset;columns: unset;}
.file-item-list + .disclaimer-msg {margin-top: 30px;}
}
@media (max-width: 767px) {
.file-item-list.type2 .file-item,
.file-item-list.type2 .file-item:nth-child(2n) {width: calc(100% + 30px);margin: 0 -15px;}
.file-item-list + .disclaimer-msg {margin-top: 30px;}
.add-unit.unit-type2 {text-align: center;}
.un__my-project-info.style2 {padding: 15px;}
}
/*--------------------*/
/* - CALCULATORS      */
/*--------------------*/
.un__btn-primary.disabled {background-color: var(--clr-grey-200);outline: 2px solid var(--clr-grey-200);color: var(--clr-black);pointer-events: none;}
.un__btn-link-3 b {display: inline;vertical-align: middle;line-height: 1.55em;letter-spacing: var(--lts-2);text-decoration: underline;text-decoration-color: transparent;text-decoration-thickness: 1px;text-underline-offset: 6px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__btn-link-2.type2 i {width: 18px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
.custom-input-number {position: relative;display: inline-block;vertical-align: top;min-width: 240px;}
.custom-input-number .input {background-color: var(--clr-grey-200);padding-top: 0;padding-right: 50px;}
.custom-input-number .increment,
.custom-input-number .decrement {position: absolute;top: 0;right: 10px;width: 26px;height: 26px;display: inline-block;z-index: 2;padding: 0;cursor: pointer;}
.custom-input-number .decrement {top: 26px;}
.custom-input-number .increment span:before,
.custom-input-number .decrement span:before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 8px 8.5px 0 8.5px;border-color: var(--clr-black) transparent transparent transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-input-number .increment span:before {-webkit-transform: rotateX(180deg) translate(-50%, 50%);transform: rotateX(180deg) translate(-50%, 50%);}
.custom-select-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.custom-select-wrapp .un__text {margin-right: 15px;}
.custom-select-wrapps > * {display: inline-block;margin-right: 25px;}
.custom-select-wrapps > *:last-child {margin: 0;}
.custom-select-wrapps .custom-input-number {min-width: 170px;}
/*popups*/
.close-popup.type2 {position: absolute;top: 57px;right: 30px;padding-right: 55px;cursor: pointer;}
.close-popup.type2 span {font-size: 18px;line-height: 1.5em;letter-spacing: var(--lts-5);font-weight: 500;color: var(--clr-text);text-decoration: underline;text-underline-offset: 5px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.close-popup.type2 .btn-close {top: 2px;right: 10px;width: 22px;height: 22px;}
.calc-mail-popup .popup-container {max-width: 768px;}
.calc-mail-popup .popup-title {margin-bottom: 20px;}
.calc-mail-popup .un__text {width: 100%;max-width: 480px;margin-inline: auto;}
.calc-mail-popup .form-wrap {margin-top: 20px;}
.calc-mail-popup .form-block + .form-block {margin-top: 50px;}
.calc-table-popup .popup-container .popup-align {padding: 45px 30px;}
.calc-table-popup .popup-title {margin-bottom: 30px;max-width: 90%;}
.calc-estimate-popup .popup-container {max-width: 1470px;}
.calc-subgrade-popup .popup-container {max-width: 1730px;}
.calc-quantity-popup .popup-container {max-width: 990px;}
.calc-quantity-popup .table-wrapp table thead tr:first-child td:first-child {background-color: transparent;border-left: none;border-top: none;}
.calc-quantity-popup .table-wrapp table tr.average td {font-weight: 700;background: var(--bg-3);}
.calc-quantity-popup .table-wrapp + * {margin-top: 30px;}
.table-wrapp {overflow-y: auto;}
.table-wrapp table {width: 100%;border-collapse: collapse;border-spacing: 0;}
.table-wrapp table td {position: relative;vertical-align: middle;padding: 4px 10px;height: 60px;text-align: center;font-size: 18px;line-height: 1.5em;letter-spacing: var(--lts-3);font-weight: 500;color: var(--clr-text);border: 2px solid var(--clr-grey-400);min-width: 130px;}
.table-wrapp table thead td {background: var(--bg-3);font-size: 13px;letter-spacing: var(--lts-4);font-weight: 600;}
.table-wrapp table tbody td.ch-color {background: var(--bg-2);}
.table-wrapp table td.height-2 {height: 30px;}
.calc-disclaimer-popup .popup-container {max-width: 990px;}
.calc-disclaimer-popup .popup-container .popup-align {padding: 45px 30px 70px;}
.calc-disclaimer-popup .un__btn {max-width: 480px;margin-top: 50px;}
.popup-content .popup-select {margin-top: 25px;max-width: 480px;}
.popup-content .popup-select .SumoSelect > .optWrapper > .options {max-height: 130px;}
.popup-content .popup-select .un__btn {margin-top: 20px;}
.my-prj-acc-form .form-block + .text-center {margin-top: 40px;}
@media (min-width: 1200px) {
.close-popup.type2:hover span {text-decoration-color: transparent;}
.close-popup.type2:hover .btn-close::before,
.close-popup.type2:hover .btn-close::after {background: var(--clr-red);}
.un__btn-link-2.type2:hover i {width: 18px;}
}
@media (max-width: 991px) {
.calc-table-popup .popup-title {max-width: 80%;}
.close-popup.type2 {top: 48px;}
}
@media (max-width: 767px) {
.calc-mail-popup .form-block + .form-block {margin-top: 40px;}
.calc-table-popup .popup-container .popup-align {padding: 50px 15px 40px;}
.close-popup.type2 {top: 10px;right: 5px;padding-right: 40px;}
.close-popup.type2 .btn-close {top: 4px;}
.calc-table-popup .popup-title {max-width: 100%;margin-bottom: 15px;}
.table-wrapp table td {min-width: 80px;height: 40px;font-size: 15px;line-height: 1.3em;}
.table-wrapp table thead td {font-size: 12px;}
.custom-select-wrapps > * {margin-right: 0;margin-bottom: 25px;}
.calc-disclaimer-popup .popup-container .popup-align {padding: 40px 15px;}
.calc-disclaimer-popup .un__btn {margin-top: 30px;}
.popup-content .popup-select {margin-top: 10px;}
}
.calculators-row {--bs-gutter-y: 30px;--bs-gutter-x: 30px;}
.calculator-item {display: block;position: relative;background-color: var(--bg-1);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 30px;width: 100%;height: 100%;cursor: pointer;}
.calculator-item .un__btn {opacity: 0;visibility: hidden;}
.calculator-item > * {margin-bottom: 15px;}
.calculator-item > *:last-child {margin-bottom: 0;}
.custom-select-block .block-item {position: relative;background-color: var(--bg-1);padding: 20px 20px 15px 50px;border: 2px solid var(--bg-1);-webkit-transition: var(--transition-1);transition: var(--transition-1);margin-bottom: 12px;cursor: pointer;}
.custom-select-block .block-item:last-child {margin-bottom: 0;}
.custom-select-block .block-item.active {border: 2px solid var(--bg-4);}
.custom-select-block .block-item .un__title {display: inline-block;font-weight: 500;margin-bottom: 10px;}
.custom-select-block .block-item .un__text {font-size: 13px;font-weight: 600;color: var(--clr-grey-600);}
.custom-select-block .block-item i {position: absolute;top: 22px;left: 15px;display: inline-block;width: 18px;height: 18px;}
.custom-select-block .block-item i:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid var(--clr-black);border-radius: 50%;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-select-block .block-item i:after {content: "";position: absolute;left: 50%;top: 50%;width: 55.6%;height: 55.6%;z-index: 1;border-radius: 50%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-select-block .block-item.active i:after {-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}
.calculator-wrapp-row {margin-top: 35px;}
.calculator-wrapp-row .unit-meter {display: none;}
.calculator-wrapp-row .info-calculator {margin-bottom: 40px;}
.calculator-wrapp-row.all-forms .left-info {width: 35%;}
.calculator-wrapp-row.all-forms .form-inner {width: 65%;}
.calculator-wrapp-row.all-forms .form-block {padding-top: 70px;}
.calculator-wrapp-row.all-forms .form-block:first-child {padding-top: 0;}
.calculator-wrapp-row.all-forms .form-block + .un__btn-wrapp {margin-top: 50px;}
.calculator-wrapp-row.all-forms .un__btn-wrapp {margin-left: 35%;}
.calculator-wrapp-row.all-forms .ch-box-entry-wrap > * {margin-right: 70px;}
.calculator-wrapp-row.all-forms .ch-box-entry-wrap > *:last-child {margin: 0;}
.calculator-results {position: relative;z-index: 1;border: 1px dashed var(--bg-4);-webkit-transition: var(--transition-1);transition: var(--transition-1);height: calc(100vh - 100px);}
.calculator-results + div {pointer-events: none;}
.calculator-results .calculator-results-inner {padding: 60px 20px;overflow-y: auto;height: 100%;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.calculator-results .calculator-results-inner::-webkit-scrollbar {width: 6px;height: 6px;}
.calculator-results .calculator-results-inner::-webkit-scrollbar-thumb {background: var(--bg-3);}
.calculator-results .calculator-results-inner::-webkit-scrollbar-track {background: var(--bg-2);width: 6px;}
.calculator-results .no-calculate {position: absolute;top: 0;left: 0;bottom: 0;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: auto;width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 15px;-webkit-transition: var(--transition-1);transition: var(--transition-1);z-index: 1;background-color: var(--bg-3);}
.calculator-results.active {border: 1px solid var(--bg-3);background-color: var(--bg-1);}
.calculator-results.active .no-calculate {opacity: 0;visibility: hidden;}
.calculator-results.active .calculator-results-inner {opacity: 1;visibility: visible;}
.calc-block-item.input-info {margin-bottom: 40px;padding-bottom: 10px;border-bottom: 1px solid var(--bg-3);}
.calc-block-item.output-info {margin-bottom: 10px;}
.calc-block-item.control-btn {margin-bottom: 20px;}
.calc-block-item.control-btn .prj-controls-item::before {width: 106px;white-space: inherit;}
.calc-block-item.contact-rep {margin-bottom: 30px;}
.calc-block-item .un__title {margin-bottom: 10px;}
.calc-block-item table {width: 100%;border-collapse: 0;border-spacing: 0;}
.calc-block-item table td {font-size: 16px;line-height: 1.4em;letter-spacing: var(--lts-4);font-weight: 500;color: var(--clr-grey-600);vertical-align: top;text-align: left;height: 48px;padding: 10px 0;}
.calc-block-item table tr td:first-child {width: 60%;padding-right: 10px;}
.calc-block-item table tr td:last-child {width: 40%;text-align: right;color: var(--clr-text);font-weight: 600;}
.calc-block-item.contact-rep.logged {padding-bottom: 40px;border-bottom: 1px solid var(--bg-3);}
.calc-block-item.contact-rep.logged > .un__text {margin-bottom: 20px;}
.calc-block-item.contact-rep > .ch-box-entry-wrap {margin-bottom: 20px;}
.calc-block-item.contact-rep.logged .contact-item {margin-bottom: 30px;}
.calc-block-item.contact-rep.logged .contact-item:last-child {margin-bottom: 0;}
.calc-block-item.contact-rep.logged .contact-item .un__text > * + * {margin-top: 5px;}
.calculator-wrapp-row + .disclaimer-msg {margin-top: 90px;padding-top: 45px;border-top: 1px solid var(--bg-3);}
.calculator-wrapp-row + .disclaimer-msg .un__text {font-weight: 500;color: var(--clr-grey-600);}
.form-caption-2.color2 {color: var(--clr-grey-600);}
.calc-block-item td > div {margin-bottom: 10px;}
.calc-block-item td > div:last-child {margin-bottom: 0;}
.calculator-results .note-msg {margin-bottom: 15px;}
.calculator-results .capacity-warning {display: none;}
.calculator-results.over-capacity .capacity-warning {position: relative;background-color: #fff5f5;padding: 15px 20px;width: 100%;text-align: left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 15px;}
.calculator-results .capacity-warning i {min-width: 20px;height: 20px;font-size: 14px;text-align: center;line-height: 20px;border-radius: 100%;background-color: #ED4C66;margin-right: 20px;font-weight: 600;color: var(--clr-white);}
.vol-capacity b {display: none;min-width: 20px;height: 20px;font-size: 14px;text-align: center;line-height: 20px;border-radius: 100%;background-color: #ED4C66;margin-right: 20px;font-weight: 600;color: var(--clr-white);margin-right: 10px;}
.calculator-results.over-capacity .vol-capacity {color: #ED4C66;}
.calculator-results.over-capacity .vol-capacity i {display: inline-block;}
.custom-select-block.laying-pattern .block-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 20px 30px 20px 50px;}
.custom-select-block.laying-pattern .block-item .un__title {margin-bottom: 0;}
.custom-select-block.laying-pattern i {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.custom-select-block.laying-pattern img {max-width: 184px;}
.custom-select-block.laying-direction {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: -20px;}
.custom-select-block.laying-direction .block-item {display: inline-block;width: 190px;margin-bottom: 0;margin-top: 20px;margin-right: 90px;background-color: transparent;padding: 0;border: none;}
.custom-select-block.laying-direction .block-item:last-child {margin-right: 0;}
.custom-select-block.laying-direction .block-item .img-block {background-color: var(--bg-1);padding: 10px;height: 68px;font-size: 0;text-align: center;border: 2px solid var(--bg-1);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-select-block.laying-direction .block-item .img-block img {max-height: 35px;display: block;-ms-flex-negative: 0;flex-shrink: 0;}
.custom-select-block.laying-direction .block-item i {position: relative;top: 2px;left: 0;}
.custom-select-block.laying-direction .block-item .un__title {margin: 0;margin-top: 25px;padding-left: 12px;}
.custom-select-block.laying-direction .block-item.active {border: none;}
.custom-select-block.laying-direction .block-item.active .img-block {border: 2px solid var(--bg-4);}
.toggle-block {display: none;}
.input-field-wrapper.user-no-change {display: none;}
.input-field-wrapper.user-no-change .input,
.input-field-wrapper.value.user-no-change .input {-webkit-box-shadow: none;box-shadow: none;}
.pos-static {position: static;}
.calculator-wrapp-row .pos-static {padding-left: 90px;}
.select-design-criteria {position: relative;height: 54px;}
.select-design-criteria .select-wrapper,
#select-product .select-wrapper {opacity: 0;position: absolute;width: 100%;}
.select-design-criteria .select-wrapper.active,
#select-product .select-wrapper.active {opacity: 1;}
#select-location .select-wrapper {opacity: 0;width: 100%;}
#select-location .select-wrapper.active {opacity: 1;}
.calculator-wrapp-row.all-forms.calc-paver-base .form-inner {width: calc(65% - 32px);}
.calculator-wrapp-row.all-forms.calc-paver-base .un__btn-wrapp {margin-right: 32px;}
.calculator-wrapp-row .input-field-info.type2 {right: -32px;}
.calculator-wrapp-row .input-field-info.type2 i {color: var(--clr-grey-600);border: 2px solid var(--clr-grey-600);background: transparent;font-weight: 600;line-height: 16px;}
@media (min-width: 1200px) {
.un__btn-link-3:hover b {text-decoration-color: currentColor;}
.calculator-item:hover {background-color: var(--bg-2);}
.calculator-item:hover .un__btn {opacity: 1;visibility: visible;}
}
@media (max-width: 1540px) {
.custom-select-block.laying-pattern img {max-width: 140px;}
.custom-select-block.laying-direction .block-item {margin-right: 50px;}
.calculator-wrapp-row .pos-static {padding-left: 15px;}
.calculator-results .calculator-results-inner {padding: 40px 20px;}
}
@media (max-width: 1199px) {
.calculator-item .un__btn {opacity: 1;visibility: visible;}
}
@media (max-width: 991px) {
.calculator-wrapp-row.all-forms .left-info {width: 100%;}
.calculator-wrapp-row.all-forms .form-inner {width: 100%;}
.calculator-wrapp-row.all-forms.calc-paver-base .form-inner {width: calc(100% - 32px);}
.calculator-results {max-width: 100%;height: 200px;width: 100%;}
.calculator-wrapp-row.all-forms .form-block {padding-top: 50px;}
.form-block + .form-block {margin-top: 50px;}
.calculator-wrapp-row.all-forms .un__btn-wrapp {margin-left: 0;margin-bottom: 50px;}
.calculator-results.active {height: auto;}
.calculator-results .calculator-results-inner {padding: 40px 15px;}
.calculator-wrapp-row + .disclaimer-msg {margin-top: 50px;padding-top: 20px;}
}
@media (max-width: 767px) {
.custom-select-wrapp {display: block;}
.custom-select-wrapp .un__text {margin-right: 0;margin-bottom: 10px;}
.custom-select-wrapp .custom-input-number {width: 100%;}
.calc-block-item table td {font-size: 15px;height: 40px;padding: 5px 0;}
.calc-block-item .un__title {margin-bottom: 15px;}
.calc-block-item.input-info {padding-bottom: 15px;}
.calc-block-item.output-info {margin-bottom: 20px;}
.calculators-row {--bs-gutter-y: 20px;}
.calculator-item {padding: 30px 20px 20px 30px;}
.calculator-results.over-capacity .capacity-warning {padding: 15px;}
.calculator-results .capacity-warning i {margin-right: 15px;}
.calculator-wrapp-row.all-forms .ch-box-entry-wrap > * {margin-bottom: 15px;margin-right: 40px;}
.custom-select-block.laying-pattern .block-item {padding: 15px 15px 15px 45px;}
.custom-select-block.laying-direction .block-item {width: 150px;margin-right: 30px;}
}
/*--------------------*/
/* - FOOTER           */
/*--------------------*/
footer.un__footer {position: relative;overflow: visible;padding: 0;margin: auto 0 0;padding-top: clamp(80px, 9.55vw, 115px);background-color: var(--clr-white);}
.un__footer-logo {margin-bottom: 20px;}
.un__footer-logo-inner {max-width: 210px;}
.un__footer-logo-inner img {display: block;}
.un__footer-menu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-left: clamp(0px, 15.5vw, 320px);}
.un__footer-list {padding: 0 10px;}
.un__footer-list:first-child {padding-left: 0;}
.un__footer-list:last-child {padding-right: 0;}
.un__footer-list li {margin-bottom: 25px;}
.un__footer-list li:last-child {margin-bottom: 0;}
.un__footer-list a {position: relative;font-size: 18px;line-height: 1.5em;font-weight: 500;letter-spacing: var(--lts-2);text-decoration: underline;text-decoration-color: transparent;text-decoration-thickness: 2px;text-underline-offset: 6px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
:lang(es) .un__footer-list a,
:lang(fr) .un__footer-list a {text-decoration: none;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.un__footer-bottom {margin: 60px 0 30px;}
.un__footer-bottom .un__social {margin-bottom: 40px;}
.un__footer-bottom-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.un__footer-bottom-inner > * {font-size: 13px;font-weight: 600;letter-spacing: var(--lts-4);color: var(--clr-grey-600);margin-right: 15px;}
.un__footer-bottom-inner > *:last-child {margin-right: 0;}
.un__footer-link {text-decoration: underline;}
.un__footer-commercial-link {margin-left: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 13px;font-weight: 500;color: var(--clr-grey-600);}
.un__footer-commercial-link span {margin-right: 10px;}
@media (min-width: 1200px) {
.un__footer-list a:hover {text-decoration-color: currentColor;}
:lang(es) .un__footer-list a:hover,
:lang(fr) .un__footer-list a:hover {text-decoration: underline;text-decoration-thickness: 2px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
}
@media (max-width: 1640px) {
.un__footer .col-xxl-10 {width: 100%;}
}
@media (max-width: 1199px) {
.un__footer-menu {padding-left: clamp(0px, 10vw, 120px);}
}
@media (max-width: 991px) {
.un__footer-logo {margin-bottom: 35px;}
.un__footer-menu {-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: -50px;}
.un__footer-list {width: 50%;margin-bottom: 50px;}
.un__footer-list:first-child,
.un__footer-list:nth-child(3) {padding-left: 0;}
.un__footer-list:last-child {padding-right: 0;}
.un__footer-list li {margin-bottom: 20px;}
.un__footer-bottom {margin: 50px 0 30px;}
.un__footer-bottom .un__social {margin-bottom: 30px;}
.un__footer-bottom-inner {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.un__footer-bottom-inner p {width: 100%;margin-bottom: 30px;}
}
@media (max-width: 767px) {
.un__footer-menu {padding-left: 0;}
}
@media (max-width: 575px) {
.un__footer-list {width: 100%;padding: 0 !important;}
.un__footer-list li {margin-bottom: 15px;}
.un__footer-bottom-inner {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.un__footer-bottom-inner p {width: 100%;margin-bottom: 30px;}
.un__footer-bottom-inner > * {width: 100%;margin: 0;margin-bottom: 10px;}
.un__footer-bottom-inner .un__footer-commercial-link {margin-bottom: 0;margin-top: 20px;}
}
/*--------------------*/
/* - FORM ELEMENTS    */
/*--------------------*/
input {-webkit-appearance: none;-moz-appearance: none;font-size: 18px;font-weight: 400;color: var(--clr-black);}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: var(--clr-black);}
input:-moz-placeholder,
textarea:-moz-placeholder {color: var(--clr-black);}
input::-moz-placeholder,
textarea::-moz-placeholder {color: var(--clr-black);}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: var(--clr-black);}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {display: none;}
input,textarea,select {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;}
textarea {display: block;resize: none;overflow: auto;}
select::-ms-expand {display: none;}
.input {position: relative;z-index: 1;height: 54px;font-size: 18px;font-weight: 500;line-height: 38px;padding: 16px 40px 0 15px;text-align: left;text-overflow: ellipsis;color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.input:not(textarea) {-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);}
textarea.input {height: 156px;line-height: 1.5em;border: 2px solid var(--clr-grey-600);outline-offset: -1px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.input-field-wrapper {position: relative;}
.input-field-wrapper::before {content: "!";position: absolute;z-index: 0;top: 17px;right: 15px;width: 20px;height: 20px;border-radius: 100%;text-align: center;font-size: 16px;line-height: 20px;font-weight: 600;color: var(--clr-white);background-color: var(--clr-red);-webkit-transform: scale(0);transform: scale(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.input-field-wrapper::after {content: attr(data-descr);display: block;padding-left: 15px;font-size: 13px;font-weight: 600;line-height: 1.5em;color: var(--clr-grey-600);letter-spacing: var(--lts-4);}
.input-placeholder {display: inline-block;position: absolute;z-index: 0;top: 0;left: 15px;font-size: 18px;line-height: 1em;font-weight: 500;color: var(--clr-black);max-width: calc(100% - 55px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateY(18px);transform: translateY(18px);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.input-placeholder b {opacity: 0.5;}
.input-field-wrapper.focus .input-placeholder,
.input-field-wrapper.value .input-placeholder {z-index: 1;font-size: 13px;-webkit-transform: translateY(0%);transform: translateY(0%);color: var(--clr-grey-600);}
.input-field-wrapper.focus .input:not(textarea),
.input-field-wrapper.value .input:not(textarea) {-webkit-box-shadow: inset 0 -3px 0 0 var(--clr-black);box-shadow: inset 0 -3px 0 0 var(--clr-black);}
.input-field-wrapper.focus textarea.input,
.input-field-wrapper.value textarea.input {border-color: var(--clr-black);}
.input-field-wrapper.invalid::before,
.input-field-wrapper.invalid.value::before {-webkit-transform: scale(1);transform: scale(1);}
.input-field-wrapper.invalid .input-placeholder,
.input-field-wrapper.invalid.value .input-placeholder {color: var(--clr-error);}
.input-field-wrapper.invalid .input:not(textarea),
.input-field-wrapper.invalid.value .input:not(textarea) {-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-error);box-shadow: inset 0 -2px 0 0 var(--clr-error);}
.input-field-wrapper.invalid.focus:not(.value) .input:not(textarea) {-webkit-box-shadow: inset 0 -3px 0 0 var(--clr-error);box-shadow: inset 0 -3px 0 0 var(--clr-error);}
.input-field-desc {font-size: 13px;font-weight: 600;line-height: 1.5em;color: var(--clr-grey-600);letter-spacing: var(--lts-4);padding-left: 15px;}
.input-field-info {position: absolute;z-index: 3;top: 18px;right: -32px;}
.input-field-info i {cursor: pointer;display: block;width: 16px;height: 16px;font-size: 12px;font-weight: 600;text-align: center;line-height: 13px;color: var(--clr-grey-600);border-radius: 100%;border: 2px solid var(--clr-grey-600);}
.input-field-info:hover .input-field-info-inner {opacity: 1;visibility: visible;}
.input-field-info-inner {position: absolute;bottom: -10px;left: 50%;-webkit-transform: translateY(100%);transform: translateY(100%);width: 275px;padding: 15px 20px;font-size: 16px;font-weight: 500;line-height: 1.3em;letter-spacing: var(--lts-4);color: var(--clr-grey-600);background-color: var(--clr-white);-webkit-box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.select-wrapper .input-field-info {right: -16px;z-index: 10;}
.form-block + .form-block {margin-top: 70px;}
.form-block .row {--bs-gutter-x: 30px;--bs-gutter-y: 30px;}
.form-block > * {margin-bottom: 30px;}
.form-block > *:last-child {margin-bottom: 0;}
.form-block > * + .un__btn {margin-top: 40px;}
.form-wrap > * + .un__btn {margin-top: 40px;}
.wpcf7-form > * + .un__btn {margin-top: 40px;}
.form-caption {position: relative;z-index: 1;font-size: 12px;font-weight: 600;line-height: 1.33em;color: var(--clr-red);letter-spacing: var(--lts-6);text-transform: uppercase;margin-bottom: 10px;}
.form-caption-2 {position: relative;z-index: 1;font-size: 13px;font-weight: 600;line-height: 1.5em;color: var(--clr-black);letter-spacing: var(--lts-4);margin-bottom: 10px;}
.field-search.focus .field-search-buttons > svg,
.field-search.focus .field-search-buttons > img,
.field-search.value .field-search-buttons > svg,
.field-search.value .field-search-buttons > img {opacity: 0;visibility: hidden;}
.field-search.focus .field-search-buttons .btn-close,
.field-search.value .field-search-buttons .btn-close {opacity: 1;visibility: visible;}
.field-search-buttons {position: absolute;top: 16px;right: 15px;width: 28px;height: 28px;}
.field-search-buttons > * {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.field-search-buttons .btn-close {opacity: 0;visibility: hidden;}
.field-calendar::before {content: "";border-radius: 0;font-size: 0;line-height: 0;background-color: transparent;background-repeat: no-repeat;background-size: contain;background-image: url("../img/icons/icon-calendar.svg");-webkit-transform: scale(1);transform: scale(1);}
.field-pass i {cursor: pointer;display: block;position: absolute;z-index: 10;top: 15px;right: 12px;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.8455 9.36842L14.7273 12.1958C14.7273 12.1511 14.7273 12.0974 14.7273 12.0526C14.7273 11.3407 14.4399 10.658 13.9285 10.1546C13.417 9.65122 12.7233 9.36842 12 9.36842C11.9455 9.36842 11.9 9.36842 11.8455 9.36842ZM7.93636 10.0842L9.34545 11.4711C9.3 11.6589 9.27273 11.8468 9.27273 12.0526C9.27273 12.7645 9.56006 13.4473 10.0715 13.9507C10.583 14.454 11.2767 14.7368 12 14.7368C12.2 14.7368 12.4 14.71 12.5909 14.6653L14 16.0521C13.3909 16.3474 12.7182 16.5263 12 16.5263C10.7945 16.5263 9.63832 16.055 8.78588 15.216C7.93344 14.377 7.45455 13.2391 7.45455 12.0526C7.45455 11.3458 7.63636 10.6837 7.93636 10.0842ZM2.90909 5.13632L4.98182 7.17632L5.39091 7.57895C3.89091 8.74211 2.70909 10.2632 2 12.0526C3.57273 15.9805 7.45455 18.7632 12 18.7632C13.4091 18.7632 14.7545 18.4947 15.9818 18.0116L16.3727 18.3874L19.0273 21L20.1818 19.8637L4.06364 4L2.90909 5.13632ZM12 7.57895C13.2055 7.57895 14.3617 8.05028 15.2141 8.88926C16.0666 9.72824 16.5455 10.8661 16.5455 12.0526C16.5455 12.6253 16.4273 13.18 16.2182 13.6811L18.8818 16.3026C20.2455 15.1842 21.3364 13.7168 22 12.0526C20.4273 8.12474 16.5455 5.34211 12 5.34211C10.7273 5.34211 9.50909 5.56579 8.36364 5.96842L10.3364 7.89211C10.8545 7.69526 11.4091 7.57895 12 7.57895Z' fill='%23333333'/%3E%3C/svg%3E");}
.field-pass.see-pass i {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.8455 9.36811L14.7273 12.1955C14.7273 12.1507 14.7273 12.0971 14.7273 12.0523C14.7273 11.3404 14.4399 10.6577 13.9285 10.1543C13.417 9.65091 12.7233 9.36811 12 9.36811C11.9455 9.36811 11.9 9.36811 11.8455 9.36811ZM7.93636 10.0839L9.34545 11.4707C9.3 11.6586 9.27273 11.8465 9.27273 12.0523C9.27273 12.7642 9.56006 13.447 10.0715 13.9503C10.583 14.4537 11.2767 14.7365 12 14.7365C12.2 14.7365 12.4 14.7097 12.5909 14.665L14 16.0518C13.3909 16.3471 12.7182 16.526 12 16.526C10.7945 16.526 9.63832 16.0547 8.78588 15.2157C7.93344 14.3767 7.45455 13.2388 7.45455 12.0523C7.45455 11.3455 7.63636 10.6834 7.93636 10.0839Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.36364 5.96811C7.10137 6.4118 5.39091 7.57864 5.39091 7.57864C3.89091 8.7418 2.70909 10.2628 2 12.0523C3.57273 15.9802 7.45455 18.7628 12 18.7628C13.4091 18.7628 14.4636 18.5225 15.9818 18.0113C17.5 17.5 18.8818 16.3023 18.8818 16.3023C20.2455 15.1839 21.3364 13.7165 22 12.0523C20.4273 8.12443 16.5455 5.3418 12 5.3418C10.7273 5.3418 9.50909 5.56548 8.36364 5.96811ZM14.7273 12.1955L11.8455 9.36811H12C12.7233 9.36811 13.417 9.65091 13.9285 10.1543C14.4399 10.6577 14.7273 11.3404 14.7273 12.0523V12.1955ZM9.34545 11.4707L7.93636 10.0839C7.63636 10.6834 7.45455 11.3455 7.45455 12.0523C7.45455 13.2388 7.93344 14.3767 8.78588 15.2157C9.63832 16.0547 10.7945 16.526 12 16.526C12.7182 16.526 13.3909 16.3471 14 16.0518L12.5909 14.665C12.4 14.7097 12.2 14.7365 12 14.7365C11.2767 14.7365 10.583 14.4537 10.0715 13.9503C9.56006 13.447 9.27273 12.7642 9.27273 12.0523C9.27273 11.8465 9.3 11.6586 9.34545 11.4707Z' fill='%23333333'/%3E%3Cellipse cx='11.9932' cy='12.0547' rx='4.5459' ry='4.47266' fill='white'/%3E%3Cellipse cx='12.0075' cy='12.0543' rx='2.71843' ry='2.6842' fill='%23333333'/%3E%3C/svg%3E");}
.field-pass.input-field-wrapper.invalid i {right: 25px;}
.field-pass.input-field-wrapper.invalid::before {right: 0;}
@media (max-width: 1199px) {
.input-field-info {position: absolute;top: 0;right: 0;}
.input-field-info-inner {position: absolute;bottom: -10px;left: auto;right: 0;}
.select-wrapper .input-field-info {right: 0;}
}
@media (max-width: 991px) {
.form-block + .form-block {margin-top: 50px;}
}
@media (max-width: 767px) {
.input {font-size: 16px;}
.input-placeholder {font-size: 16px;}
}
/*--------------------*/
/* - CHECK BOX        */
/*--------------------*/
.ch-box-entry {display: inline-block;cursor: pointer;margin: 0;padding: 0;line-height: 0;font-size: 0;min-width: 30px;min-height: 20px;margin: 0 15px;}
.ch-box-entry input {display: none;}
.ch-box-entry span {position: relative;display: block;font-size: 18px;font-weight: 500;line-height: 1.33em;color: var(--clr-black);letter-spacing: var(--lts-2);padding-left: 33px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.ch-box-entry span:before {content: "";position: absolute;left: 0;top: 2px;width: 18px;height: 18px;border: 2px solid var(--clr-black);border-radius: 2px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.ch-box-entry span:after {content: "";position: absolute;left: 4px;top: 6px;width: 10px;height: 10px;z-index: 1;-webkit-transform: scale(0);transform: scale(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.ch-box-entry input[type=radio] + span:before,
.ch-box-entry input[type=radio] + span:after {border-radius: 100%;}
.ch-box-entry input[type=checkbox] + span:after {width: 6px;height: 10px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);margin: -1px 0 0 2px;border-right: 2px solid var(--clr-white);border-bottom: 2px solid var(--clr-white);}
.ch-box-entry input:checked + span:after {-webkit-transform: scale(1);transform: scale(1);}
.ch-box-entry input[type=checkbox]:checked + span::before {background-color: var(--clr-red);border-color: var(--clr-red);}
.ch-box-entry input[type=checkbox]:checked + span:after {background-color: var(--clr-red);-webkit-transform: rotate(45deg) scale(1);transform: rotate(45deg) scale(1);}
.ch-box-entry.no-checkbox {cursor: inherit;}
.ch-box-entry.no-checkbox span {padding-left: 0;}
.ch-box-entry.no-checkbox span:before,
.ch-box-entry.no-checkbox span:after {display: none;}
span.wpcf7-form-control-wrap {padding-left: 0;}
.wpcf7-form-control-wrap:before {display: none;}
.wpcf7-form-control-wrap *:not(.wpcf7-list-item-label):before {display: none;}
.ch-box-entry span *:not(.wpcf7-list-item-label) {padding-left: 0;margin: 0;}
/* Change Autocomplete styles in Chrome*/
.input-field-wrapper.focus .input:not(textarea):-webkit-autofill,
.input-field-wrapper.value .input:not(textarea):-webkit-autofill,
.input-field-wrapper.focus .input:not(textarea):-webkit-autofill:hover,
.input-field-wrapper.value .input:not(textarea):-webkit-autofill:hover,
.input-field-wrapper.focus .input:not(textarea):-webkit-autofill:focus,
.input-field-wrapper.value .input:not(textarea):-webkit-autofill:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {border: 0;-webkit-text-fill-color: var(--clr-black);-webkit-box-shadow: inset 0 -3px 0 0 var(--clr-black),inset 0 0 100px var(--bg-2);-webkit-transition: background-color 5000s ease-in-out 0s;transition: background-color 5000s ease-in-out 0s;}
/*--------------------*/
/* - UPLOAD WRAPPER   */
/*--------------------*/
.upload-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;position: relative;font-size: 0;}
.upload-wrapper::before {content: "";border-radius: 0;font-size: 0;line-height: 0;background-color: transparent;background-repeat: no-repeat;background-size: contain;background-image: url("../img/icons/icon-load.svg");-webkit-transform: scale(1);transform: scale(1);}
.upload-wrapper input {display: none;padding: 0;}
.upload-icon {position: absolute;left: 0;top: 0;width: 20px;height: 20px;}
.upload-wrapper .file-name {position: relative;cursor: pointer;z-index: 1;width: 100%;height: 54px;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);box-shadow: inset 0 -2px 0 0 var(--clr-grey-600);}
.input-field-wrapper.upload-wrapper.value::after {display: none;}
.input-field-wrapper.upload-wrapper .input-placeholder {width: calc(100% - 50px);}
.input-field-wrapper.upload-wrapper.value .input-placeholder {z-index: 0;left: 15px;font-size: 18px;color: var(--clr-black);-webkit-transform: translateY(18px);transform: translateY(18px);}
.upload-file-item {position: relative;display: inline-block;margin-top: 10px;padding: 5px 35px 5px 10px;border-radius: 4px;background-color: var(--clr-grey-200);color: var(--clr-black);font-size: 14px;letter-spacing: 0.25px;line-height: 20px;}
.upload-file-close {cursor: pointer;position: absolute;z-index: 5;top: 7px;right: 10px;width: 16px;height: 16px;border-radius: 100%;background-color: var(--clr-grey-600);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.upload-file-close:before,
.upload-file-close:after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 60%;height: 2px;background-color: var(--clr-white);}
.upload-file-close:after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
@media (min-width: 1200px) {
.upload-file-close:hover {background-color: var(--clr-red);}
}
/*--------------------*/
/* - POPUPS           */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;display: block;}
.popup-wrapper.active {left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.popup-wrapper .bg-layer {position: absolute;left: 0;top: -100px;right: 0;bottom: -100px;background: rgba(19, 19, 19, 0.45);opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: auto;font-size: 0;text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translateY(100px);transform: translateY(100px);opacity: 0;visibility: hidden;padding: 15px;letter-spacing: 0;}
.popup-content.active {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;visibility: visible;}
.popup-content:after {display: inline-block;vertical-align: middle;height: 100%;content: "";}
.popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 10000px;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 832px;background: var(--clr-white);-webkit-box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);}
.popup-container .btn-close {position: absolute;z-index: 10;top: 35px;right: 35px;width: 18px;height: 18px;}
.popup-align {position: relative;padding: 50px 80px;}
.welcome-popup .popup-align {padding: 60px;}
.welcome-popup .popup-align > * {margin-bottom: 15px;}
.welcome-popup .popup-align > *:last-child {margin-bottom: 0;}
.welcome-popup .welcome-popup-img {line-height: 0;margin-bottom: 20px;}
.welcome-popup .welcome-popup-img img {width: 50px;height: 50px;}
.welcome-popup .popup-title {text-transform: uppercase;font-weight: 500;color: var(--clr-red);}
.welcome-popup .un__text {font-size: 16px;font-weight: 600;margin-bottom: 30px;}
.welcome-popup .un__caption {text-transform: uppercase;font-size: 14px;font-weight: 500;}
.welcome-popup .welcome-btn-wrap {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -10px -5px;max-width: 550px;}
.welcome-popup .welcome-btn-wrap > * {margin: 10px 5px 0;}
.welcome-popup .welcome-btn-wrap .xl-full-width {width: calc(100% - 10px);}
.external-popup .popup-container {max-width: 680px;}
.external-popup .popup-align {padding: 60px 70px;}
.external-popup .popup-title {text-transform: uppercase;color: var(--clr-red);margin-bottom: 30px;font-weight: 500;}
.external-popup .un__text {font-size: 16px;max-width: 420px;margin: 0 auto 50px;}
.external-popup .external-btn-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.external-popup .external-btn-wrap > * {padding: 16px 10px;min-width: 200px;margin: 0 20px;text-transform: capitalize;}
.new-pj-popup .popup-container {max-width: 752px;}
.new-pj-popup .popup-align {padding: 80px 120px;}
.new-pj-popup .popup-title {margin-bottom: 20px;}
.new-pj-popup .form-wrap {margin-top: 70px;}
.zoom-popup .popup-container {max-width: 90%;width: auto;}
.zoom-popup .popup-align {padding: 50px;text-align: left;}
.zoom-popup .prj-controls-wrap .img-wrap-inner {padding: 0;}
.zoom-popup .prj-controls-wrap .img-wrap-inner > img {display: block;max-height: 84vh;width: 100%;position: relative;-o-object-fit: unset;object-fit: unset;}
.zoom-popup .prj-img-text {font-size: 13px;font-weight: 600;line-height: 1.7em;color: var(--clr-black);letter-spacing: var(--lts-4);}
.popup-location .popup-align {padding: 70px 80px;}
.popup-location .popup-align .un__text {margin-top: 20px;}
.popup-location .popup-align .input-field-wrapper {margin-top: 50px;}
.popup-location .popup-align .un__btn {margin-top: 90px;}
.clarifying-popup .popup-container {max-width: 536px;}
.clarifying-popup .popup-align {padding: 35px 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.clarifying-popup .popup-align > * {margin-bottom: 20px;}
.clarifying-popup .popup-align > *:last-child {margin-bottom: 0;}
.clarifying-popup .un__text {font-size: 18px;}
.popup-title i {font-style: italic;}
@media (max-width: 1640px) {
.popup-location .popup-container {max-width: 720px;}
.popup-location .popup-align .un__text {margin-top: 15px;}
.popup-location .popup-align .input-field-wrapper {margin-top: 40px;}
.popup-location .popup-align .un__btn {margin-top: 70px;}
}
@media (max-width: 1199px) {
.zoom-popup .popup-container {max-width: 100%;}
}
@media (max-width: 767px) {
.popup-container .btn-close {top: 10px;right: 10px;}
.popup-align {padding: 40px 15px;}
.welcome-popup .un__text br {display: none;}
.welcome-popup .welcome-btn-wrap {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.welcome-popup .welcome-btn-wrap > * {min-width: 180px;}
.welcome-popup .popup-align {padding: 40px 15px;}
.welcome-popup .popup-align > * {margin-bottom: 15px;}
.external-popup .popup-align {padding: 40px 15px;}
.external-popup .popup-align > * {margin-bottom: 20px;}
.external-popup .popup-align > *:last-child {margin-bottom: 0;}
.external-popup .popup-title {font-size: 20px;}
.external-popup .external-btn-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.external-popup .external-btn-wrap > * {margin: 0 0 10px;}
.external-popup .external-btn-wrap > *:last-child {margin-bottom: 0;}
.new-pj-popup .popup-align {padding: 40px 15px;}
.new-pj-popup .popup-title {margin-bottom: 10px;}
.new-pj-popup .form-wrap {margin-top: 30px;}
.new-pj-popup .form-block + .form-block {margin-top: 50px;}
.zoom-popup .popup-align {padding: 40px 15px 15px;}
.zoom-popup .prj-img-text {margin-top: 5px;}
.popup-location .popup-align {padding: 40px 15px;}
.popup-location .popup-align .un__text {margin-top: 10px;}
.popup-location .popup-align .input-field-wrapper {margin-top: 20px;}
.popup-location .popup-align .un__btn {margin-top: 40px;}
}
@media (max-width: 575px) {
.clarifying-popup .popup-align {padding: 15px 15px;}
.clarifying-popup .popup-align > * {margin-bottom: 15px;}
}
/*--------------------*/
/* Save - POPUP       */
/*--------------------*/
.save-project-popup .popup-container {max-width: 690px;}
.save-project-popup .popup-align {padding: 0;}
.save-prj-wrap .un__title {font-size: 44px;font-weight: 400;}
.save-prj-top {padding: 60px 30px;}
.save-prj-center .un__sub-title {padding: 0 30px;}
.prj-list {margin-top: 5px;overflow-y: auto;max-height: 305px;padding: 10px 40px;}
.prj-list li {margin-bottom: 20px;}
.prj-list li:last-child {margin-bottom: 0;}
.prj-list-item {cursor: pointer;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.prj-list-item::before {content: "";position: absolute;z-index: 0;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: calc(100% + 20px);height: calc(100% + 10px);opacity: 0;visibility: hidden;background-color: var(--clr-grey-200);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prj-list-item-label {position: relative;display: inline-block;text-align: center;margin-right: 15px;width: 42px;height: 42px;font-size: 18px;font-weight: 400;line-height: 42px;color: var(--clr-black);text-transform: uppercase;border-radius: 100%;background-color: var(--clr-grey-200);-webkit-transition: var(--transition-1);transition: var(--transition-1);overflow: hidden;}
.prj-list-item-title {position: relative;font-size: 18px;font-weight: 500;line-height: 1.3em;color: var(--clr-black);}
.save-prj-bottom {line-height: 0;padding: 30px 40px;border-top: 2px solid #e2e2e2;}
.save-new-prj-btn {cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.save-new-prj-btn i {position: relative;display: inline-block;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 15px;width: 42px;height: 42px;border-radius: 100%;background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.save-new-prj-btn i:before,
.save-new-prj-btn i:after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 45%;height: 2px;background-color: var(--clr-white);}
.save-new-prj-btn i:after {-webkit-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);}
.save-new-prj-btn b {font-size: 18px;font-weight: 500;line-height: 1.5em;color: var(--clr-black);letter-spacing: var(--lts-2);}
@media (min-width: 1200px) {
.save-new-prj-btn:hover i {background-color: var(--clr-grey-400);}
.prj-list-item:hover::before {opacity: 1;visibility: visible;}
.prj-list-item:hover .prj-list-item-label {color: var(--clr-black);background-color: var(--clr-grey-400);}
}
@media (max-width: 575px) {
.save-prj-wrap .un__title {font-size: 30px;}
.save-prj-top {padding: 40px 15px 30px;}
.save-prj-center .un__sub-title {padding: 0 10px;}
.prj-list {max-height: 280px;padding: 0 15px 10px;}
.prj-list li {margin-bottom: 15px;}
.prj-list-item-title {font-size: 16px;}
.save-prj-bottom {padding: 15px 15px;}
.save-new-prj-btn b {font-size: 16px;}
}
/*--------------------*/
/*- Save Informer     */
/*--------------------*/
.save-informer {position: fixed;z-index: 10000;bottom: 40px;left: 40px;-webkit-transform: translateY(calc(100% + 40px));transform: translateY(calc(100% + 40px));max-width: 720px;width: calc(100% - 30px);padding: 15px 20px;visibility: hidden;opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);background-color: var(--clr-black);border-radius: 4px;display: block;}
.save-informer.active {opacity: 1;visibility: visible;-webkit-transform: translateY(0%);transform: translateY(0%);}
.save-informer-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.save-informer-inner .un__btn {color: var(--clr-white);}
.save-informer-info {font-size: 18px;line-height: 1.2em;color: var(--clr-white);text-align: left;}
@media (max-width: 767px) {
.save-informer {bottom: 10px;left: 15px;width: calc(100% - 30px) !important;padding: 15px;}
}
@media (max-width: 575px) {
.save-informer-inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.save-informer-info {margin-bottom: 5px;font-size: 16px;}
}
/*--------------------*/
/* VIDEO - POPUP      */
/*--------------------*/
.video-popup {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;letter-spacing: 0;}
.video-popup.active {left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.video-popup-overlay {position: absolute;left: 0;top: -100px;right: 0;bottom: -100px;opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.video-popup.active .video-popup-overlay {opacity: 0.8;}
.video-popup-content {position: absolute;top: 0;width: 100%;height: 100%;overflow: auto;font-size: 0;text-align: center;-webkit-transition: opacity 0.3s ease,left 0s 0.3s,-webkit-transform 0.3s ease;transition: opacity 0.3s ease,left 0s 0.3s,-webkit-transform 0.3s ease;transition: transform 0.3s ease,opacity 0.3s ease,left 0s 0.3s;transition: transform 0.3s ease,opacity 0.3s ease,left 0s 0.3s,-webkit-transform 0.3s ease;-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;left: -10000px;}
.video-popup.active .video-popup-content {-webkit-transform: scale(1);transform: scale(1);opacity: 1;left: 0;-webkit-transition: opacity 0.3s ease,left 0s 0s,-webkit-transform 0.3s ease;transition: opacity 0.3s ease,left 0s 0s,-webkit-transform 0.3s ease;transition: transform 0.3s ease,opacity 0.3s ease,left 0s 0s;transition: transform 0.3s ease,opacity 0.3s ease,left 0s 0s,-webkit-transform 0.3s ease;position: relative;}
.video-popup-content:after {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.video-popup-container {display: inline-block;position: relative;text-align: left;background: var(--clr-white);vertical-align: middle;max-width: 100%;width: 100%;border-radius: 2px;overflow: hidden;height: 100%;}
.video-popup-layer {position: absolute;left: 0;bottom: 0;right: 0;height: 10000px;background: rgba(19, 19, 19, 0.45);}
.video-popup-align {overflow: hidden;max-height: 100vh;}
.video-popup .embed-responsive-16by9 {padding-bottom: 56.3%;}
.video-popup iframe {width: 100%;height: 100%;position: absolute;}
.video-popup-container .btn-close {background: var(--clr-white);position: absolute;top: 0;right: 0;z-index: 1000;width: 40px;height: 40px;}
.video-popup-container .btn-close:before,
.video-popup-container .btn-close:after {width: 75%;}
.video-block {z-index: -1;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1) 0.5s;transition: var(--transition-1) 0.5s;}
.video-block > iframe {position: absolute;top: 0;left: 0;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);width: 100%;height: 100%;}
.video-block .btn-close {position: absolute;top: 0;right: 0;z-index: 10;background-color: var(--clr-white);}
.video-wrap-block.active > .video-block {z-index: 50;opacity: 1;visibility: visible;}
.video-share-wrap {z-index: 100;position: absolute;right: 0;bottom: 0;width: 44px;height: 44px;}
.video-share-wrap .prj-controls {margin: -5px -5px 0 !important;}
.video-share-wrap .prj-controls-item {width: 44px;height: 44px;margin: 5px 5px 0 !important;background-color: var(--clr-white) !important;}
.video-share-wrap .prj-controls-item .snare-wrap {left: auto !important;right: 0 !important;}
/*--------------------*/
/*- Autocomplete      */
/*--------------------*/
.autoComplete_wrapper {position: relative;display: block;}
.autoComplete_wrapper > input:focus {border-color: #000;}
.autoComplete_wrapper ul {position: absolute;z-index: 1;max-height: 260px;overflow-y: scroll;-webkit-box-sizing: border-box;box-sizing: border-box;left: 0;right: 0;margin: 0;padding: 10px 0;list-style: none;background-color: #fff;outline: none;-webkit-box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);transition: opacity 0.15s ease-in-out;-moz-transition: opacity 0.15s ease-in-out;-webkit-transition: opacity 0.15s ease-in-out;}
.autoComplete_wrapper ul[hidden],
.autoComplete_wrapper ul:empty {display: block;opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.autoComplete_wrapper li {display: block;cursor: pointer;margin: 0;padding: 0 15px;text-align: left;font-size: 14px;line-height: 40px;font-weight: 400;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
.autoComplete_wrapper mark {font-size: 16px;font-weight: bold;background-color: transparent;}
.autoComplete_wrapper .btn-improve-search {text-align: center;height: 40px;padding-block: 3px;line-height: 1.2em;}
.autoComplete_wrapper .btn-improve-search b {font-weight: 600;text-decoration: underline;pointer-events: none;}
@media (min-width: 1200px) {
.autoComplete_wrapper li:hover {background-color: #fafafa;}
}
.pac-container {background: #fff;border-radius: 0;border: none;padding: 10px 0;-webkit-box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.15);}
.pac-container .pac-item {position: relative;cursor: pointer;margin: 0;border: none;padding: 0 15px;font-size: 14px;color: var(--clr-black);letter-spacing: var(--lts-4);line-height: 40px;font-weight: 400;display: block;-webkit-transition: all 0.25s linear;transition: all 0.25s linear;}
.pac-icon-marker {display: none !important;}
.pac-item-query {font-size: 16px;-webkit-transition: all 0.25s linear;transition: all 0.25s linear;}
.pac-container.pac-logo:after {content: none;}
.popup-align .input-field-wrapper {position: relative;padding: 0;}
.input-field-wrapper #google-autocomplete,
.input-field-wrapper #google-autocomplete-two {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;visibility: hidden;}
.show-google .autoComplete_wrapper {opacity: 0;visibility: hidden;}
.show-google #google-autocomplete,
.show-google #google-autocomplete-two {opacity: 1;visibility: visible;}
/*--------------------*/
/* - Map Popup        */
/*--------------------*/
.popup-content.view-map .popup-container {max-width: 70%;}
.popup-content.view-map .btn-close {top: 10px;right: 10px;width: 40px;height: 40px;background-color: var(--clr-white);}
.popup-content.view-map .btn-close::before,
.popup-content.view-map .btn-close::after {width: 80%;}
.map-wrapper {position: relative;width: 100%;height: 100%;padding-top: 70%;}
.map-block {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.addresses-block {font-size: 0;line-height: 0;}
.schedule-tab {display: none;}
.schedule-tab.active {display: block;}
@media (max-width: 1199px) {
.popup-content.view-map .popup-container {max-width: 100%;}
.map-wrapper {padding-top: 80%;}
}
/*--------------------*/
/* - Map size 1       */
/*--------------------*/
.map-wrapper.size-1 {padding-top: 54%;min-height: 400px;background-color: var(--clr-grey-200);}
.infoBox {font-family: var(--ff-1);}
.infoBox > img {position: absolute;opacity: 0;z-index: 10;top: 20px;right: 20px;width: 24px;height: 24px;}
.info-box-close {position: absolute;top: 20px;right: 20px;width: 24px;height: 24px;}
.info-box-close::before,
.info-box-close::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.info-box-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.infoBox .event-item {padding: 20px 20px 15px;width: 100%;margin: 0;background-color: #FFFFFF;-webkit-box-shadow: 10px 10px 50px 0 rgba(0, 0, 0, 0.24);box-shadow: 10px 10px 50px 0 rgba(0, 0, 0, 0.24);}
.infoBox .event-item:after {content: "";width: 38px;height: 38px;background-color: #FF0303;position: absolute;left: 0;right: 0;bottom: -19px;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: -1;margin: auto;}
.infoBox .un__event-title {font-weight: 400;padding-right: 25px;}
.infoBox .un__event-type-wrap {-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 10px;}
@media (min-width: 1200px) {
.un__event-title a:hover {color: #FF0303;}
.infoBox img:hover + .info-box .info-box-close::before,
.infoBox img:hover + .info-box .info-box-close::after {background: var(--clr-red);}
}
@media (max-width: 767px) {
.info-box-close {top: 15px;right: 15px;width: 20px;height: 20px;}
.infoBox .event-item {padding: 15px 15px 10px;}
.infoBox .un__event-title {padding-right: 20px;}
}
/*--------------------*/
/* - Map PROJECTS     */
/*--------------------*/
.projects-map .map {position: relative;padding-top: 66%;min-height: 500px;background-color: #f1f2f3;}
.projects-map .infoBox {position: relative;background: #fff;padding: 50px 25px 40px;}
.projects-map .infoBox > img {position: absolute !important;z-index: 20;top: 20px;right: 20px;width: 48px;height: 48px;opacity: 0;}
.projects-map .info-box-close {position: absolute;top: 20px;right: 20px;width: 48px;height: 48px;background-color: #ECECEC;border-radius: 50%;}
.projects-map .info-box-close::before,
.projects-map .info-box-close::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 24px;height: 2px;background: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.projects-map .info-box-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.infobox-project > * {margin-bottom: 25px;}
.infobox-project > *:last-child {margin-bottom: 0;}
.infobox-project .project-name {max-width: 86%;}
.infobox-project .infobox-img {position: relative;font-size: 0;}
.infobox-project .infobox-img img {display: block;width: 100%;max-width: 100%;-o-object-fit: cover;object-fit: cover;max-height: 360px;}
.infobox-project .un__product-detail-info .datail-info-item,
.infobox-project .un__product-detail-info .datail-info-item:last-child {margin-bottom: 15px;display: block;width: 100%;}
@media (min-width: 1200px) {
.un__event-title a:hover {color: #FF0303;}
.infoBox img:hover + .info-box .info-box-close::before,
.infoBox img:hover + .info-box .info-box-close::after {background: var(--clr-red);}
}
@media (max-width: 1560px) {
.projects-map .infoBox {padding: 25px;}
.infobox-project > * {margin-bottom: 15px;}
.projects-map .infoBox > img {top: 10px;right: 10px;}
.projects-map .info-box-close {top: 10px;right: 10px;}
.infobox-project .infobox-img img {max-height: 220px;}
}
@media (max-width: 991px) {
.projects-map .infoBox {padding: 20px 15px;}
.infobox-project .un__product-detail-info .datail-info-item,
.infobox-project .un__product-detail-info .datail-info-item:last-child {margin-bottom: 10px;}
.infobox-project .infobox-img img {max-height: 160px;}
.projects-map .infoBox > img {width: 38px;height: 38px;}
.projects-map .info-box-close {width: 38px;height: 38px;}
.projects-map .info-box-close::before,
.projects-map .info-box-close::after {width: 20px;}
}
/*---------------------*/
/* - Search */
/*---------------------*/
.search-title-result {font-weight: 400;color: var(--clr-black);}
.search-title-result > * {font-weight: inherit;}
.search-title-list + .custom-pagination {margin: 40px 0 0;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.search-title-list {text-align: left;}
.search-title-list > * {margin-bottom: 40px;}
.search-title-list > *:last-child {margin-bottom: 0;}
.sr-item {display: -webkit-box;display: -ms-flexbox;display: flex;}
.sr-item-img {-ms-flex-negative: 0;flex-shrink: 0;position: relative;width: 128px;height: 128px;margin-right: 25px;}
.sr-item-img > img {position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.sr-item-img > img:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--bg-3);background-image: url("../img/icons/icon-unilock.svg");background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
.sr-item.file-pdf .sr-item-img > img:before {background-image: url("../img/icons/icon-unilock-pdf.svg");}
.sr-item.file-zip .sr-item-img > img:before {background-image: url("../img/icons/icon-unilock-zip.svg");}
.sr-item.file-video .sr-item-img > img:before {background-image: url("../img/icons/icon-unilock-video.svg");}
.sr-item-info {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.sr-item-info .un__title {font-weight: 600;margin-bottom: 5px;}
.sr-item-info .un__title > *:first-child {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.sr-item-info .un__text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.from-where {-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;padding: 4px 10px;font-weight: 600;font-size: 13px;line-height: 1.5em;color: var(--clr-black);letter-spacing: var(--lts-4);border-radius: 13px;background-color: rgba(229, 229, 229, 0.5);margin: 5px 10px 0 0;}
.from-where:last-of-type {margin-right: 0;}
.sr-item-btn-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 5px;margin-bottom: -10px;}
.sr-item-btn-wrap > * {margin-right: 20px;margin-bottom: 10px;}
.sr-item-btn-wrap > *:last-child {margin-right: 0;}
@media (max-width: 767px) {
.search-title-list > * {margin-bottom: 30px;}
.sr-item-img {width: 76px;height: 76px;margin-right: 15px;}
.sr-item-info .un__title {margin-bottom: 2px;}
.sr-item-info .un__text > *:first-child {-webkit-line-clamp: 4;}
.sr-item-btn-wrap {margin-top: 2px;}
}
/*--------------------*/
/* - Autocomplete     */
/*--------------------*/
.ep-autosuggest-container {position: relative;width: 100%;height: 100%;}
.ep-autosuggest-container > .input-search {width: 100%;height: 100%;}
.ep-autosuggest-container .ep-autosuggest {margin-top: 4px;border: none;background: var(--clr-white);-webkit-box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);box-shadow: 0 15px 29px 0 rgba(0, 0, 0, 0.07);}
.ep-autosuggest-container .ep-autosuggest > ul {padding-block: 10px;}
.ep-autosuggest-container .ep-autosuggest > ul > li > a.autosuggest-link {font-family: var(--ff-1);font-weight: 300;font-size: 18px;line-height: 1em;color: var(--clr-black);text-align: left;padding: 10px 20px;}
.ep-autosuggest-highlight {font-style: normal;font-weight: 600;}
.ep-autosuggest-container .ep-autosuggest > ul > li > a.autosuggest-link:active,
.ep-autosuggest-container .ep-autosuggest > ul > li > a.autosuggest-link:hover {background-color: var(--clr-grey-200);}
.ep-autosuggest-container .selected {background-color: transparent;font-weight: 500;}
/*--------------------*/
/* - 404              */
/*--------------------*/
.page-404 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: calc(100vh - var(--header-h));}
.need-to-log b.not-active:after {content: "";display: inline-block;width: 16px;height: 21px;margin: 0 15px;vertical-align: text-bottom;background-image: url(../img/icons/icon-lock.svg);background-repeat: no-repeat;background-size: contain;}
@media (max-width: 1640px) and (min-width: 1200px) {b.not-active {font-size: 14px;}}