﻿/* Tubul */

/* Starter pack START */

/*-----------------/*
    RESET
/*-----------------*/
.row { margin: 0; }
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: none; }
.propertyOption.prop-disabled { /* background: none; */ }


/* LAYOUT */

/* Remove float */
#GridContent { float: none; }

/* HEADER 2 */

/* Reset color of active link in menu */
#header2 ul.menu li.active { color: inherit; }

/* Delete a line under header menu links */
#header2 ul.menu > li:before { content: none; }

/* Reset hover color of header menu links */
#header2 ul.menu li:hover { color: inherit; }

/* Delete opacity border of header menu links in focus */
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }

/* Delete bottom line of header social links in focus */
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }

/* HEADER (with burger) */

/* Hide social icons behind open menu */
#header .social-links { z-index: -1; position: relative; }

/* Category */

/* Fix for dropdown menu width inside filter on category page */
#CatalogModule .filters-box .filters-list-wrapper.active { width: 100%; }

#CatalogModule .filters-box ul.filter-list { min-width: 100%; }

/* Reset bootstrap font-size */
h1, h2 { font-size: inherit; }


/* Footer */

/* Remove padding top */
footer { padding-top: 0; }

/* Remove float & padding */
#SiteFooter { float: none; padding-bottom: 0; /* remove padding bottom from mobile */ }

/* Fix for checkbox on Xiaomi devices */
form.shop-form input[type=checkbox]:checked { background: url(../../../warehouse/temp/story/checkboxV.svg); }

/* FIX FOR VH/VW IN STORY */
.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }

.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }

#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }

#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }

#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }

.TopVideo { height: calc( var(--vh) * 1 ); }

.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }

.flexslider .slides img { height: calc( var(--vh) * 0.85 ); }

.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }

#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }

.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }

#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); }

.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }

.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }

#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }

@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }

    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }

    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 0.05 ); }

    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }

    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }

    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }

    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }

    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }

    #header .submenu { width: calc( var(--vw) * 0.97 ); }

    .modal-dialog { width: calc( var(--vw) * 0.9 ); }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }

    .gallery-container { width: calc( var(--vw) * 0.95 ); }

    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }

    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }

    .TopVideo { height: calc( var(--vh) * 0.95 ); }

    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: none; }

    .flexslider .slides img { height: auto; }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 0.9 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}

.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }

header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }

#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }

/* Starter pack END */




/* General */
body { font-size: 17px; color: #202024; }
div#SiteContainer { overflow: hidden; }

b, strong { font-weight: normal; font-family: 'Assistant-Bold'; }

/* Header */
#header2 #header-top-strip { color: #000; display: flex; justify-content: center; align-items: center; }
#header2 ul.menu li a { color: #141414; font-family: Assistant-Bold; font-size: 115%; }
#header2 ul.menu li a.projects-nav { background-color: #222e37; color: #fff; padding: 0 15px; display: block; }
.has-sub i.opensub { color: #141414; font-size: 120%; margin-top: -6px; }
#header2 .header-top-left svg { fill: #171b2d; max-height: 16px; }
#header2 { background: #fff; padding: 0 40px; box-shadow: 0 0 6px 0 rgb(0 0 0 / 8%); height: 100px; display: flex; align-items: center; justify-content: center; }
#header2 .header-top-left a { border: 1px solid #171b2d; border-radius: 50%; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; }
#header2 #header-container { display: flex; align-items: center; justify-content: space-between; }
#header2 .header-right-section { order: 2; display: flex; align-items: center; justify-content: space-between; flex-grow: 1; }
#header2 #header-left { order: 1; text-align: right; width: 10%; min-width: 153px; }
#header2 ul.menu { margin: 0; text-align: center; }
#header2.detailsInRow .menu-nav { margin-top: 0; flex-grow: 1; }
#header2.detailsInRow .header-top { width: 9%; text-align: left; }
#header2 .header-top-right { float: none; }
#header2 .menu-sub { background: #fff; padding: 17px 18px 12px; }
#header2 ul.menu > li { padding: 33px 0; margin-left: 15px; }
#header2 li.has-sub ul a { font-family: 'Assistant-Regular'; }
#header2 ul.menu li .menu-sub a { font-size: 124%; }
#header2 ul.menu li a:hover, #header2 ul.menu li a:focus { color: #454957; }
.gallery-sec .owl-carousel .owl-dots { z-index: 1; left: -100%; bottom: calc(var(--vw) * 0.08); padding-left: calc(var(--vw) * 0.067); text-align: left; display: flex; align-items: center; }
#header2 #header-left img { max-height: 65px; margin-right: 13px; }
#header2 .max-width { width: 100%; }

.header-top-desktop .header-top-menu { width: 100%; display: flex; background: #2C2E37; align-items: center; justify-content: space-between; padding: 7px 40px; }
.header-top-desktop ul.top-menu-group li a { font-size: 90%; }
#header2 .max-width { display: flex; align-items: center; justify-content: center; }
#header2 { height: auto; padding: 0; }
nav.header-top-menu ul.top-menu-group { margin: 0; }

@media (min-width: 1025px) {
    #header2 .max-width { padding: 0 40px; }
    #header2 { display: block; }
    .header-top-desktop ul.top-menu-group li a:hover, .header-top-desktop ul.top-menu-group li a:focus { border-bottom: 1px solid; color: inherit; }
}

@media (max-width: 1024px) {
    #header2 { height: 100px; }
    header #header2 ul.menu > li.header-top-menu-mobile li { display: block; }
}



/* Homepage */
.section { overflow: hidden; }
.home-page #allSectionsWrapper { margin-top: 100px; overflow: hidden; }
.gallery-sec .owl-carousel .owl-item .item { padding: 0; }
.gallery-sec .gallery-container { width: 50%; }
.gallery-sec .owl-carousel .photoTextWrapper { left: -100%; transform: none; background: #2c2e37; height: 100%; top: 0; width: 100%; padding-left: 0; text-align: left; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; padding-bottom: calc(var(--vw) * 0.091); }
.gallery-sec .owl-carousel .owl-stage-outer { overflow: visible; }
.gallery-sec .owl-carousel .owl-item:not(.active) { opacity: 0; }
.gallery-sec h3 { font-family: "futura-pt",sans-serif; padding-left: calc(var(--vw) * 0.0959); font-size: 145%; margin-top: 0; position: relative; }
.gallery-sec h3::before { content: ""; display: block; width: calc(var(--vw) * 0.09); height: 2px; background: #fff; position: absolute; left: 0; top: 12px; }
.gallery-sec .photoFullText { font-family: 'Playfair Display', serif; line-height: 1.3; font-size: calc(var(--vw) * 0.048); margin-left: calc(var(--vw) * 0.07); }
.gallery-sec .photoFullText:first-of-type { max-width: 48%; margin-right: auto; line-height: 1.09; }
.gallery-sec .owl-carousel .owl-dot { width: 10px; height: 10px; background: none; border: 1px solid #fff; margin: 11px; transition: 0.4s; }
.gallery-sec .owl-carousel .owl-dot.active { background: #fff; border: 5px solid #6c6d73; width: 17px; height: 17px; margin: 9px; }
.gallery-sec .owl-carousel .owl-dot { width: 10px; height: 10px; background: none; border: 1px solid #fff; margin: 11px; }
.gallery-sec .owl-carousel .owl-dot.active { background: #fff; border: 5px solid #6c6d73; width: 17px; height: 17px; margin: 9px; }
.gallery-sec .photoFullText:last-of-type { width: 200%; }
.gallery-sec .owl-carousel .owl-item .item .plus-sign { display: none; }
.sections .tiles-sec { max-width: 1378px; padding-top: 0; margin-bottom: 23px; padding-bottom: 0; }
.tiles-sec .grid-boxes .grid-box-image { padding-bottom: 45.5%; margin: 0; }
.tiles-sec .grid-box-opacity-layer { display: none; }
.gallery-sec { margin-bottom: 43px; overflow: visible; }
.tiles-sec .grid-box-image-text { text-align: right; transform: none; right: 0; left: auto; top: 119px; padding-right: 91px; max-width: 510px; }
.tiles-sec .grid-boxes .grid-box-subtitle:not(.button) { font-family: 'futura-pt'; color: #fffdf9; font-size: 75%; padding-right: 49px; }
.tiles-sec .grid-boxes .grid-box-subtitle:not(.button)::after { content: ""; display: block; width: 128px; height: 2px; background: #fff; position: absolute; right: 0; top: 13px; }
.tiles-sec .grid-boxes .grid-box-title h3 { font-size: 297%; font-family: 'Assistant-Bold'; }
.tiles-sec .grid-boxes .grid-box-title h3 a { color: #fffdf9; }
.tiles-sec .grid-box-image-text P { font-size: 67%; line-height: 1.22; }
.tiles-sec .grid-boxes .grid-box-subtitle.button a { color: #fff; border: 1px solid #fff; font-family: 'Assistant-Bold'; font-size: 62%; padding: 8px; max-width: 180px; display: flex; align-items: center; justify-content: center; margin-top: 25px; }
.tiles-sec .grid-boxes .grid-box-subtitle.button a::after { content: ""; display: block; width: 17px; height: 14px; background: url(/warehouse/temp/tubul/home/btn-arrow-w-long.svg); margin-right: 9px; background-size: cover; transition: 0.4s; }
.tiles-sec .grid-boxes .grid-box-subtitle.button a:hover::after, .tiles-sec .grid-boxes .grid-box-subtitle.button a:focus::after { width: 35px; }
.tiles-sec .grid-boxes .box-image-animation img { transform: none; }
.categories-sec .content-section-Btn a { font-family: 'Assistant-Bold'; font-size: 123%; color: #141414; border: 1px solid #5c5f6c; max-width: 300px; margin-left: auto; margin-right: auto; padding: 13px; display: flex; align-items: center; justify-content: center; }
.categories-sec .content-section-Btn { margin-top: 52px; margin-bottom: 87px; }
.categories-sec .content-section-Btn a::after { content: ""; display: block; width: 17px; height: 14px; background: url(/warehouse/temp/tubul/home/btn-arrow-w-long.svg); margin-right: 9px; background-size: cover; transition: 0.4s; filter: invert(1); }
.categories-sec .content-section-Btn a:hover::after, .categories-sec .content-section-Btn a:focus::after { width: 35px; }
.categories-sec .content-section-Btn a { font-family: 'Assistant-Bold'; font-size: 123%; color: #141414; border: 1px solid #5c5f6c; max-width: 300px; margin-left: auto; margin-right: auto; padding: 13px; display: flex; align-items: center; justify-content: center; }
.categories-sec .content-section-Btn { margin-top: 52px; }
.categories-sec .content-section-Btn a::after { content: ""; display: block; width: 17px; height: 14px; background: url(/warehouse/temp/tubul/home/btn-arrow-w-long.svg); margin-right: 9px; background-size: cover; transition: 0.4s; filter: invert(1); }
.categories-sec .content-section-Btn a:hover::after, .categories-sec .content-section-Btn a:focus::after { width: 35px; }
.projects-sec .section-title h2, .brands-sec .section-title h2 { font-family: 'Playfair Display'; font-size: 389%; line-height: 1.29; color: #171b2d; }
.projects-sec .owl-item:not(.center) { transform: scale(0.75); }
.projects-sec .owl-item.center { transform: scale(1.054); }
.projects-sec .owl-item { transition: 0.4s; }
.projects-sec .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); transform: scale(-1); width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; }
.projects-sec .owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; }
.projects-sec .owl-carousel .owl-prev { right: 20.2%; }
.projects-sec .owl-carousel .owl-next { left: 20.2%; }
.projects-btn-sec { padding: 0; margin-bottom: 107px; }
.projects-btn-sec a { font-family: 'Assistant-Bold'; font-size: 123%; margin: 0 10px; padding: 6px; border: 1px solid #171b2d; min-width: 180px; display: inline-flex; align-items: center; justify-content: center; }
.projects-btn-sec .section-animation-item { display: flex; align-items: center; justify-content: center; }
.projects-btn-sec a::after { content: ""; display: block; width: 17px; height: 14px; background: url(/warehouse/temp/tubul/home/btn-arrow-w-long.svg); margin-right: 9px; background-size: cover; transition: 0.4s; }
.projects-btn-sec a:hover::after, .projects-btn-sec a:focus::after { width: 33px; }
.projects-btn-sec a.black-btn { background: #171b2d; color: #fff; }
.projects-btn-sec a.white-btn::after { filter: invert(1); }
.projects-btn-sec a.white-btn { color: #000; }
.brands-sec { max-width: 1120px; margin: 0 auto; margin-bottom: 77px; overflow: visible; }
.brands-sec .owl-item img { max-height: 100px; width: auto; margin: 0 auto; }
.brands-sec .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); transform: scale(-1); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; }
.brands-sec .owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; }
.brands-sec .owl-carousel .owl-nav div { top: 20%; }
.brands-sec .owl-carousel .owl-prev { right: -50px; }
.brands-sec .owl-carousel .owl-next { left: -50px; }
.brands-sec .owl-carousel .owl-item .item { padding: 0; }
.brands-sec .section-title { margin-bottom: 85px; }
.projects-btn-sec .grid-text p { margin-top: 0; }
.projects-sec { margin-bottom: 53px; }
.brands-sec .owl-carousel .owl-item img { max-height: 170px; width: auto; filter: grayscale(1); transition: 0.4s; }
.brands-sec .owl-carousel .owl-item:hover img { filter: grayscale(0); }
.brands-sec .plus-sign { display: none; }
a.FormResultPageButton { text-decoration: underline; }
#ContentGridShortModule .grid-short-box-image a:hover img, #ContentGridShortModule .grid-short-box-image a:focus img { transform: translate(-50%,-50%) scale(1.1); }
.grid-short-box-image img { transition: 0.3s; }
#ContentRegularModule #galleryview .gallery-cubes .boxes-images-outer-image .image-link-outer-full-text { display: block !important; position: absolute; left: 50%; transform: translateX(-50%); bottom: 35px; }
.gallery-cubes .image-link-outer { display: flex; flex-direction: column-reverse; }
#ContentRegularModule #galleryview .gallery-cubes .boxes-images-outer-image .image-link-outer-full-text p:last-of-type { position: relative; width: auto; display: table; margin: 0 auto; margin-top: 10px; }
#ContentRegularModule #galleryview .gallery-cubes .boxes-images-outer-image .image-link-outer-full-text p:last-of-type::before { content: ""; display: block; width: 30px; height: 2px; background: #fff; top: 50%; right: -38px; position: absolute; transform: translateY(-50%); }
#ContentRegularModule #galleryview .gallery-cubes .boxes-images-outer-image .image-link-outer-full-text p:last-of-type::after { content: ""; display: block; width: 30px; height: 2px; background: #fff; top: 50%; left: -38px; position: absolute; transform: translateY(-50%); }
#ContentRegularModule #galleryview .gallery-cubes .boxes-images-outer-image .image-link-outer-full-text p:first-of-type { font-family: 'Assistant-Regular'; font-size: 145%; letter-spacing: 0.52px; }

.gallery-sec .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; }

.categories-sec { max-width: 1378px; margin: 0 auto; padding-left: 5px; }

.categories-sec .owl-carousel .owl-item .item { padding: 0 12px; }

.categories-sec .owl-carousel .photoTextWrapper { width: calc(100% - 24px); background: none; padding: 20px 39px; transform: none; top: auto; bottom: 0; right: 12px; left: auto; z-index: 2; pointer-events: none; }

.categories-sec .owl-carousel .photoTextWrapper h3 { margin: 0; text-align: right; color: #fff; font-family: 'Assistant-Bold'; font-size: 306%; position: relative; }

.categories-sec .owl-carousel .photoTextWrapper h3::after { content: ""; display: block; width: 56%; max-width: 195px; height: 1px; background: #fff; transition: 0.4s; }

.categories-sec .owl-carousel .owl-item:hover .photoTextWrapper h3::after { width: 80%; max-width: 295px; }

.categories-sec .topImg { position: relative; overflow: hidden; }

.categories-sec .topImg::before { content: ""; display: block; width: 100%; height: 40%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(167deg, rgba(23, 27, 45, 0) 25%, #171b2d 87%); z-index: 1; opacity: 0.8; pointer-events: none; }

.categories-sec .owl-carousel .owl-item .item .plus-sign { display: none; }

.categories-sec .topImg:hover img, .categories-sec .topImg:focus img { transform: scale(1.05); }

.categories-sec .topImg img { transition: 0.4s; }

.categories-sec .owl-carousel .owl-item .item .plus-sign { display: none; }

.categories-sec .topImg:hover img, .categories-sec .topImg:focus img { transform: scale(1.05); }

.categories-sec .topImg img { transition: 0.4s; }

.categories-sec .owl-carousel .owl-nav div { transform: none; top: auto; bottom: -68px; }

.categories-sec .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); width: 30px; height: 30px; transform: scale(-1); }

.categories-sec .owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); width: 30px; height: 30px; }

/* Project Category Page */
.projects-category #text1 { margin-bottom: 62px; }

.projects-category #GridPage .max-width { max-width: 1179px; }

.projects-category .flex-row .col-md-4 { padding: 0 5px; margin-bottom: 12px; }

.projects-category .grid-short-box-image { padding-bottom: 103.1%; }

.projects-category .grid-short-box-link { display: none; }

.projects-category .grid-short-box-image::before { content: ""; display: block; width: 100%; height: 58%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient( 167deg, rgba(23, 27, 45, 0) 25%, #171b2d 87%); z-index: 1; opacity: 0.8; pointer-events: none; }

.projects-category .grid-short-box-fulltext { position: absolute; bottom: 20px; right: 25px; z-index: 1; color: #fff; text-align: right; pointer-events: none; }

.projects-category .grid-short-box { margin: 0; }

.projects-category .grid-short-box .grid-short-box-label { font-family: 'Assistant-Bold'; font-size: 139%; }

.projects-category .grid-short-box .grid-short-box-label::after { content: ""; display: block; width: 62px; height: 1px; background: #fff; margin-top: -3px; margin-bottom: 2px; }

/* Footer */
.footerFormContainer { background: #454957; }
.FooterForm.form-container-wide { width: 100%; }
.footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #fff; font-family: 'Assistant-Bold'; letter-spacing: 1px; font-size: 118%; width: 180px; }
.FooterForm.form-container-wide #DynamicFormObject { max-width: 1210px; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 13px 20px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 1009%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 14px; }
.FooterForm.form-container-wide .normal-form input { width: 100%; max-width: 100%; border-radius: 0; border: none; box-shadow: none; background: #585c68; color: #fff; height: 46px; }
.FooterForm.form-container-wide .normal-form input::placeholder { color: #fff; }
.footerFormContainer .must::before { color: #fff; right: 10px; }
.footerFormContainer #DynamicFormObject input[type=submit] { background: #fff; color: #141414; border-radius: 0; height: 46px; border: none; font-family: 'Assistant-Bold'; padding-left: 20px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::before { display: block; width: 17px; height: 14px; background: url(/warehouse/temp/tubul/home/btn-arrow-w-long.svg); margin-right: 9px; background-size: cover; transition: 0.4s; content: ""; position: absolute; filter: invert(1); left: 30px; top: 50%; transform: translateY(-50%); }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover::before { width: 25px; left: 31%; }

@media(min-width:767px) {
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 20%; padding: 0 5px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 20%; }
}

#SiteFooter { background: #dedfe1; }
.footer-text-divided { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 30px 0; }
.footer-text-divided > div.footer-text-right a { color: #454957; }
.footer-text-divided > div.footer-text-left { text-align: right; font-family: 'Assistant-Regular'; }
.footer-text-divided > div.footer-text-left p { max-width: 200px; margin-right: auto; margin-bottom: 15px; }
.footer-text-divided > div.footer-text-left p img { margin-left: 10px; }
.footer-text-divided > div.footer-text-middle img { margin-bottom: 10px; }
.site-credit.alternative { padding: 10px 0; }
.footer-text-divided > div.footer-text-middle p { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.more-logos { margin-top: 20px; }

.footer-text-divided > div.footer-text-middle { padding: 0; width: 40%; }

.footer-text-divided > div.footer-text-right, .footer-text-divided > div.footer-text-left { width: 30%; }

.footer-text-divided > div.footer-text-middle img { margin: 0 5px; }

/* Inner Page */
#GridTop { height: 300px; margin-top: 139px; }

.top-caption { top: 50%; font-family: 'Assistant-Bold'; font-size: 445%; line-height: 1.31; }

/*.about-page .top-caption {
    font-family: 'Playfair Display';
    font-size: 361%;
}*/

.about-page #text2 p iframe { width: 100%; height: 653px; }

#headline h1 { font-family: 'Assistant-Bold'; color: #202024; font-size: 127%; line-height: 1.5; margin-bottom: 26px; }

#headline h1::after { content: ""; display: block; background: #202024; width: 128px; height: 2px; margin: 0 auto; margin-top: 5px; }

#text1 { max-width: 800px; line-height: 1.39; color: #202024; }

#text2 { margin-top: 80px; }

#GridPage { padding-top: 57px; }

.about-page #text2 p { display: flex; margin-bottom: 16px; justify-content: space-between; }

.about-page #text2 img { max-width: 100%; }

.about-page #text2 { max-width: 100%; }

#GridContent { padding-bottom: 150px; }

.about-page #text2 p:last-of-type img { width: calc(50% - 8px); }

/* Contact Page */
.contact-page #GridTop.noTopImage.longer { height: 0; }

.contact-page #headline { display: none; }

.contact-page #SiteGrid.layout-bottom #GridContent { display: none; }

.contact-page #SiteGridContainer { background: url(/warehouse/temp/tubul/contact/bg.jpg); background-size: cover; }

.contact-page .FooterForm.form-container-wide { display: none; }

.contact-page .form-container-wide #DynamicFormObject { border: none; display: flex; flex-direction: column; color: #fff; }

.contact-page #DynamicFormObject:after { display: none; }

.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; }

.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }

.contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'Assistant-Bold'; font-size: 149%; }

.contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { content: ""; display: block; width: 128px; height: 2px; background: #fff; margin: 0 auto; margin-top: 5px; margin-bottom: 15px; }

.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-family: 'Assistant-Regular'; font-size: 110%; letter-spacing: 1.1px; margin-bottom: 33px; }

.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33333%; padding: 0 5px; }

.contact-page .normal-form input { width: 100%; max-width: 100%; border-radius: 0; border: none; box-shadow: none; background: #fff; height: 46px; padding-right: 19px; margin-bottom: 12px; color: #202024; }

.contact-page .normal-form input::placeholder { color: #202024; }

.contact-page .must:before { color: #000; top: 8px; right: 17px; }

.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-4, .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-5 { width: 100%; }

.contact-page .normal-form select { width: 100%; max-width: 100%; border-radius: 0; height: 46px; background: #fff; border: none; padding-right: 19px; margin-bottom: 12px; color: #202024; }

.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }

.contact-page .normal-form textarea { width: 100%; max-width: 100%; border: none; border-radius: 0; background: #fff; box-shadow: none; padding-right: 19px; padding-top: 10px; min-height: 133px; margin-bottom: 27px; color: #202024; }

.contact-page .normal-form textarea::placeholder { color: #202024; }

.contact-page #SiteGrid.layout-bottom #GridPromo { max-width: 795px; }

.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-right: calc(50% - 110px); width: 220px; padding: 0; position: relative; }

.contact-page #DynamicFormObject input[type=submit] { border-radius: 0; background: #171b2d; font-size: 123%; height: 46px; font-family: 'Assistant-Bold'; color: #fff; padding-left: 10%; }

.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::before { content: ""; display: block; width: 17px; height: 14px; background: url(/warehouse/temp/tubul/home/btn-arrow-w-long.svg); margin-right: 9px; background-size: cover; transition: 0.4s; position: absolute; left: 33%; top: 38%; transform: translateY(-50%); }

.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover::before { width: 33px; left: 26%; }

/* Showrooms Page */
.showrooms-page .grid-row-section { max-width: 1170px; margin: 0 auto; }

.showrooms-page .flexslider-box { width: 58.2%; }

.showrooms-page .grid-row li.slider-item { padding-bottom: 52.5%; }

.showrooms-page .grid-rows .grid-row { margin-bottom: 112px; }

.showrooms-page .grid-rows .grid-row-text { width: 100%; padding-right: 95px; color: #202024; margin: 0; }

.showrooms-page .grid-rows .grid-row:nth-of-type(even) .grid-row-text { padding-right: 0px; padding-left: 57px; width: 80%; }

.showrooms-page .grid-rows .grid-row-text h2 { font-family: 'Assistant-Bold'; color: #202024; font-size: 192%; }

.showrooms-page .grid-rows .grid-row-text h3 { font-family: 'Assistant-Bold'; color: #202024; font-size: 123%; }

.showrooms-page .grid-rows .grid-row-text h3::after { content: ""; display: block; width: 87px; max-width: 100%; height: 2px; background: #454957; margin-top: 14px; }

.showrooms-page .grid-rows .grid-row-text h3 + p { font-size: 123%; }

.showrooms-page .grid-rows .grid-row-text a.grid-row-button { width: 184px; margin: 0; display: flex; align-items: center; border: 1px solid #141414; border-radius: 0; padding: 7px 9px; font-family: 'Assistant-Bold'; font-size: 123%; margin-bottom: 7px; transition: 0.4s; }

.showrooms-page .grid-rows .grid-row-text p:last-of-type { margin-bottom: 18px; }

.showrooms-page .grid-rows .grid-row-text a.grid-row-button:first-of-type::before { content: ""; display: block; width: 23px; height: 23px; background: url(/warehouse/temp/tubul/phone.svg); background-size: contain; background-repeat: no-repeat; margin-left: 24px; transition: 0.4s; }

.showrooms-page .grid-rows .grid-row-text a.grid-row-button:last-of-type::before { content: ""; display: block; width: 35px; height: 31px; background: url(/warehouse/temp/tubul/waze.svg); background-size: contain; background-repeat: no-repeat; margin-left: 24px; margin-top: -3px; transition: 0.4s; }

.showrooms-page .grid-rows .grid-row-text a.grid-row-button:hover::before, .showrooms-page .grid-rows .grid-row-text a.grid-row-button:focus::before { filter: invert(1); }

.showrooms-page .video-sec { width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); margin-top: 80px; }

/* Projects Lobby */
.projects-lobby #GridPage .max-width { max-width: 1225px; }

.projects-lobby #ContentGridShortModule .gridshort-view-item { padding: 0 20px; }

.projects-lobby .grid-short-box-image { padding-bottom: 79.4%; }

.projects-lobby #grid-view .grid-short-box-text { position: absolute; bottom: 20px; right: 20px; font-family: 'Assistant-Bold'; font-size: 245%; color: #fff; z-index: 1; }

.projects-lobby .grid-short-box { margin: 0; position: relative; }

.projects-lobby #grid-view .grid-short-box-text::after { content: ""; display: block; max-width: 154px; width: 150%; height: 1px; background: #fff; transition: 0.4s; }

.projects-lobby .grid-short-box::before { content: ""; display: block; width: 100%; height: 80%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient( 167deg, rgba(23, 27, 45, 0) 25%, #171b2d 87%); z-index: 1; opacity: 0.7; pointer-events: none; }

.projects-lobby #grid-view .grid-short-box-text a { color: #fff; }

/* Project Page */
body.projects-category.contentInnerPage #headline { display: none; }

.projects-category.contentInnerPage #subheadline h2 { text-align: center; }

.projects-category.contentInnerPage .gallery-container { width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); max-width: unset; margin-top: 30px; }

.projects-category.contentInnerPage .owl-item:not(.active.center) { transform: scale(0.75); }

.projects-category.contentInnerPage .owl-item { transition: 0.4s; }

.projects-category.contentInnerPage .owl-carousel .owl-next { left: 21%; }

.projects-category.contentInnerPage .owl-carousel .owl-prev { right: 21%; }

.projects-category.contentInnerPage .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); width: 30px; height: 30px; }

.projects-category.contentInnerPage .owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); width: 30px; height: 30px; transform: scale(-1); }

.projects-category.contentInnerPage #text1 { margin-bottom: 0; }

.projects-category.contentInnerPage #text1::after { content: ""; display: block; width: 128px; height: 2px; background: #202024; margin: 0 auto; margin-top: -7px; }

.projects-category.contentInnerPage #text2 { margin-top: 10px; margin-bottom: 94px; }

/* 11.7.22 video add */
.contentInnerPage #videoContainer { text-align: center; margin: 40px 0 40px; position: relative; }
.contentInnerPage #videoContainer::after { content: ""; position: absolute; width: 128px; height: 2px; background: #202024; margin: 0 auto; margin-top: 17px; left: 50%; bottom: -15px; transform: translateX(-50%); }
.contentInnerPage #videoContainer iframe { width: 950px; height: 635px; }

@media (max-width: 1024px) {
    .contentInnerPage #videoContainer iframe { height: 510px; width: 90%; }
}

@media (max-width: 767px) {
    .contentInnerPage #videoContainer iframe { height: 210px; }
    .contentInnerPage #videoContainer::after { bottom: -30px; }
}
/* Other */
.contentModuleNav a { border: 2px solid #171b2d; min-width: 133px; color: #141414; font-size: 102%; font-family: 'Assistant-Bold'; padding: 3px; }

.contentModuleNav a.selected { color: #fff; background: #171b2d; text-decoration: none; }

#ContentRegularModule #headline { display: none; }

#ContentRegularModule #galleryview { max-width: 1398px; }

#ContentRegularModule #galleryview .gallery-cubes > div { padding: 9px; width: 33.333333%; }

#ContentRegularModule #galleryview .gallery-cubes .boxes-images-outer-image { padding-bottom: 75.5%; }

#header-left a::before { content: ""; display: block; width: 75px; height: 75px; position: absolute; background: url(/warehouse/temp/tubul/logo_shape.svg); background-position: center; background-repeat: no-repeat; top: -14px; right: 0; z-index: -1; transition: 0.8s ease-in-out; }

#header-left a:hover::before, #header-left a:focus::before { transform: rotate(180deg); }

#header-left a { margin-bottom: -9px; }

.home-scroll { display: block; width: 160px; height: 160px; position: absolute; left: 50%; transform: translateX(-50%); background: url(/warehouse/temp/tubul/home/slider/scroll.svg); bottom: -24px; z-index: 99999; animation: rotateDefaultTransform 15s infinite linear; background-size: contain; }

.scroll-wrapper { position: relative; }

.scroll-wrapper::after { content: ""; height: 43px; width: 34px; left: 50%; transform: translateX(-50%); display: block; position: absolute; bottom: 34px; background: url(/warehouse/temp/tubul/scroll-arrow-hover.svg); z-index: 1; background-size: 100%; background-position: bottom; transition: 0.4s; }

.scroll-wrapper:hover::after, .scroll-wrapper:focus::after { height: 59px; bottom: 25px; }

.video-sec-text { display: none; }

.video-sec { margin-bottom: 124px; position: relative; }

.video-sec .gallery-container { position: relative; }

/*.video-sec .gallery-container::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 2;
    opacity: 0.3;
    pointer-events: none;
}*/

.video-sec .grid-text-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; z-index: 3; opacity: 1; color: #fff; font-size: 389%; font-family: 'Playfair Display'; pointer-events: none; }

#multi-content-modal.videoInPop .modal-content { padding: 0; max-width: calc(var(--vh) * 1.23); height: calc(var(--vh) * 0.7); background: transparent; }

#multi-content-modal.videoInPop .modal-content iframe { height: calc(var(--vh) * 0.7); }

.video-sec .owl-carousel .owl-item .item .plus-sign { background: none; width: 160px; height: 160px; top: 35%; }

.categories-sec .owl-carousel .owl-next { left: auto; right: 10px; }
.categories-sec .owl-carousel .owl-prev { right: auto; left: 10px; }
.projects-sec .owl-carousel .owl-item { transition: 0.5s; }
.projects-sec .owl-carousel .owl-next { left: auto; right: 20.2%; }
.projects-sec .owl-carousel .owl-prev { right: auto; left: 20.2%; }
.brands-sec .owl-carousel .owl-next { left: auto; right: -50px; }
.brands-sec .owl-carousel .owl-prev { right: auto; left: -50px; }
.projects-lobby #ContentGridShortModule .grid-short-box-image a:hover img, .projects-lobby #ContentGridShortModule .grid-short-box-image a:focus img { transform: translate(-50%, -50%) scale(1.1); }
.projects-lobby #ContentGridShortModule .grid-short-box-image a img { transition: 0.4s; }
.projects-lobby .grid-short-box:hover .grid-short-box-text::after { width: 300% !important; max-width: 254px !important; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form a { color: #fff; }
.select-wrapper:after { color: #000; }
.video-sec .owl-carousel .owl-item .item { padding: 0; }
.video-sec .owl-carousel .owl-item .item .plus-sign { opacity: 1; z-index: 4; }
.video-sec .gallery-container .topImg::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: 2; opacity: 0.3; pointer-events: none; }
.video-sec .owl-carousel .owl-item .item .plus-sign { display: none; }
.video-sec .grid-text-content::after { transition: 0.4s; content: ""; display: block; width: 100px; height: 100px; background: url(/warehouse/temp/tubul/home/play.svg); margin: 0 auto; margin-top: 20px; }
.categories-strip { margin-top: 20px; margin-bottom: -55px; z-index: 1; position: relative; background: none; }
.categories-strip ul li a { color: #141414; font-family: 'Assistant-Bold'; font-size: 122%; transition: 0.4s; border: 2px solid #2c2e37; padding: 3px 12px; min-width: 133px; display: block; text-decoration: none; }
.categories-strip ul li.active { background: none; }
.categories-strip ul li:hover > a { color: #141414; }
.categories-strip ul li:not(.strip-item) { display: none; }
.categories-strip ul li.active a { color: #fff; background: #2c2e37; }
.categories-strip ul li a:hover, .categories-strip ul li a:focus { color: #fff; background: #2c2e37; text-decoration: none; }
.categories-strip .hidden-xs { display: block !important; }
.categories-strip .mobile-strip { display: none; }
.categories-strip ul li { padding: 0 15px; margin-bottom: 10px; }
.video-sec .grid-text-content::before { content: ""; display: block; width: 100px; height: 100px; background: url(/warehouse/temp/tubul/home/play-hover.png); margin: 0 auto; margin-top: 20px; z-index: 1; position: absolute; opacity: 0; }
.video-sec:hover .grid-text-content::after { background-image: url(/warehouse/temp/tubul/home/play-hover.png); }
.home-page .video-sec .gallery-cubes .boxes-images-outer-image::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3; }
#header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg { fill: #fff; }
#header2 .header-top-left svg { transition: 0.4s; }
#header2 .header-top-left a:hover, #header2 .header-top-left a:focus { background: #171b2d; }
#header2 .header-top-left a { transition: 0.3s; }
.gallery-cubes .image-link-inner { background: none; border: 2px solid #fff; width: 60px; height: 60px; }
.gallery-cubes .plus-sign { color: #fff; font-size: 280%; }
a.AccessabilityLink:hover { color: #fff; }
.brands-sec .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; }
#whatAppButton { left: auto; right: 20px; }
#whatAppButton img { width: 50px; }
div#stickyButton-2116 { box-shadow: none; border-radius: 0; bottom: 0; left: 0; }
div#stickyButton-2116 img { max-width: 200px; }
div#stickyButton-2116 a span { display: none; }
.stickyButton#stickyButton-2154 { bottom: auto; top: 50%; transform: translateY(-50%); left: 0; border-radius: 0; }
.stickyButton#stickyButton-2154 span { display: none; }
.showrooms-page .flex-control-paging li a { background: transparent; border: 1px solid #fff; }
.showrooms-page .flex-control-paging li a.flex-active { border: 5px solid #6c6d73; width: 20px; height: 20px; background: #fff; }
.showrooms-page .flex-control-paging li { margin: 0 10px; }
.showrooms-page .flexslider-box ol.flex-control-nav.flex-control-paging { display: flex; align-items: center; justify-content: center; }
.showrooms-page .grid-row li.slider-item::before { content: ""; display: block; width: 100%; height: 30%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient( 180deg, rgba(23, 27, 45, 0) 15%, #171b2dd4 87%); z-index: 1; opacity: 0.8; pointer-events: none; }

.showrooms-page .grid-row li.slider-item { padding-bottom: 0; }
.showrooms-page .grid-row .grid-row-image-container { position: relative; }
.showrooms-page .flexslider-box ol.flex-control-nav.flex-control-paging { bottom: 20px; }

.more-logos img { width: 60px; height: 60px; }

/* MEDIA */

@media (max-width: 1500px) {
    #header2 ul.menu { font-size: 85% }
    #header2 .max-width { padding: 0 20px; }
    #header2 #header-left img { max-height: 50px; }
    #header2 .header-top-left { margin-right: 0; }
    #header2.detailsInRow .header-top { min-width: 79px; }
    #header2.detailsInRow .max-width { width: 100%; }
    #header2 ul.menu > li { margin-left: 20px; }
}

@media (max-width: 1400px) {
    .tiles-sec .grid-box-image-text { top: 19.5%; }
}

@media (max-width: 1170px) {
    .about-page #text2 p iframe { height: calc(var(--vw) * 0.52); }
    #header2 ul.menu { font-size: 90% }
    #header2 ul.menu li a { font-size: 100% }
}

@media (max-width: 1024px) {
    #header2 .max-width { max-width: 100%; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 .header-right-section { order: 1; flex-grow: 0; background: none; }
    #header2.detailsInRow .header-top { display: none; }
    #header2 .menu-nav .closed { display: none !important; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #202024; height: 4px; }
    #header2 #header-left { text-align: left; }
    #header2 ul.menu { background: #e6e6e6; font-size: 120%; padding-bottom: 20px; }
    #header2 ul.menu > li { padding: 0; margin: 0; text-align: right; padding-right: 50px; margin-bottom: 8px; }
    #header2 ul.menu .social-links a svg { fill: #171b2d; width: 17px; height: 16px; }
    #header2 ul.menu .social-links a { border: 1px solid #171b2d; border-radius: 50%; width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; margin-left: 15px; }
    #header2 #header-left img { margin-right: 0; }

    #header-left a::before { right: 17px; top: -13px; }


    #header2 .menu-sub { text-align: right; background: none; padding-right: 0; }
    #header2.open .header-right-section { position: absolute; left: 0; }
    #GridTop { margin-top: 100px; }
}

@media (max-width: 991px) {
    .tiles-sec .grid-boxes .grid-box-title h3 { font-size: 75%; }
    .tiles-sec .grid-box-image-text { top: 14.5%; }
    .video-sec .grid-text-content::after { width: 70px; height: 70px; background-size: cover; }
}

@media (max-width: 767px) {
    .footer-text-divided > div.footer-text-middle { width: 100%; }
    #header2 ul.menu { width: 80%; height: 100% !important; position: fixed; padding-top: 30px !important; min-width: unset; transition: 0.4s ease-in-out; transform: translateX(100%); }
    #header2.open ul.menu { transform: translateX(0); }
    #header2 ul.menu > li { padding-right: 30px; margin-bottom: 11px; }
    #header2 ul.menu li.social-mobile { position: relative; }
    #header2 { height: 80px; display: flex; flex-direction: column; }

    #header2 #header-left img { max-height: 40px; max-width: 71px; }

    #header2 #header-left { margin: 0; }

    .gallery-sec .gallery-container { width: 100%; }

    .gallery-sec .owl-carousel .photoTextWrapper { left: 0; height: calc(var(--app-height) * 0.5 - 30px); justify-content: center; padding-top: 37px; }

    .home-page #allSectionsWrapper { margin-top: 60px; }

    .gallery-sec { margin: 0; }

    .gallery-sec .owl-carousel .owl-item img { margin-top: calc(var(--app-height) * 0.5 - 30px); height: calc(var(--app-height) * 0.62 - 30px); width: 100%; height: auto; }

    .gallery-sec h3 { font-size: 100%; padding-left: calc(var(--vw) * 0.15); }

    .gallery-sec h3::before { height: 1px; top: 10px; width: calc(var(--vw) * 0.13); }

    .gallery-sec .photoFullText:first-of-type { font-size: calc(var(--vw) * 0.09); max-width: unset; }

    .gallery-sec .photoFullText:last-of-type { font-size: calc(var(--vw) * 0.12); width: 86%; top: calc(var(--vw) * 0.31); left: 0; line-height: 0.96; margin-top: 12px; }

    .gallery-sec .photoFullText { margin-left: calc(var(--vw) * 0.09); }

    .gallery-sec .owl-carousel .owl-dots { left: 50%; transform: translateX(-50%); justify-content: center; padding: 0; bottom: 90px; }

    .tiles-sec .grid-boxes .grid-box-image { padding-bottom: 100%; }

    .tiles-sec .grid-boxes .box-image-animation img { height: 100%; width: auto; }

    .tiles-sec .grid-boxes .grid-box { margin-right: 0; }

    .tiles-sec .grid-box-image-text { padding-right: 15px; top: 0; padding-top: 20px; padding-left: 10px; }

    .tiles-sec .grid-boxes .grid-box-title h3 { font-size: 150%; margin-top: 0; }

    .tiles-sec .grid-boxes .grid-box-subtitle:not(.button) { font-size: 60%; padding-right: 36px; }

    .tiles-sec .grid-boxes .grid-box-subtitle:not(.button)::after { width: 42px; height: 1px; top: 33px; }

    .tiles-sec .grid-box-image-text P { font-size: 58%; }

    .tiles-sec .grid-boxes .grid-box-subtitle.button a { margin-top: 15px; max-width: 140px; padding: 6px; font-size: 55%; }

    .categories-sec .owl-item:not(.center) { opacity: 0; }

    .categories-sec .owl-carousel .photoTextWrapper h3 { font-size: 180%; }

    .categories-sec .owl-carousel .photoTextWrapper { padding: 20px; }

    .categories-sec .owl-carousel .photoTextWrapper h3::after { width: 50%; }

    .categories-sec { padding-left: 0; }

    .categories-sec .owl-carousel .owl-nav div { bottom: auto; top: 50%; transform: translateY(-50%); }

    .categories-sec .owl-carousel .owl-next:after { width: 20px; height: 20px; }

    .categories-sec .owl-carousel .owl-prev:after { width: 20px; height: 20px; }

    .categories-sec .content-section-Btn { margin-top: 20px; margin-bottom: 60px; }

    .categories-sec .content-section-Btn a { max-width: 150px; font-size: 100%; padding: 7px; }

    .projects-sec .section-title h2, .brands-sec .section-title h2 { font-size: 210%; }

    .projects-sec .gallery-container { width: 100%; }

    .projects-sec .section-title { margin-bottom: 20px; }

    .projects-sec .gallery-slider.flexslider .slides li { padding-bottom: 85%; }

    .projects-sec .gallery-slider.flexslider .slides li img { height: 100%; width: auto; max-width: unset; }

    .projects-sec .gallery-slider .flex-direction-nav { top: 56%; }

    .projects-sec .gallery-slider .flex-direction-nav a.flex-prev:before { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); width: 20px; height: 20px; }

    .projects-sec .gallery-slider .flex-direction-nav a.flex-next:before { background-image: url(/warehouse/temp/tubul/home/arrow-l-black.svg); width: 20px; height: 20px; transform: scale(-1); margin-right: 11px; }

    .projects-btn-sec .section-animation-item { flex-direction: column; }

    .projects-btn-sec a { margin: 1px 0 15px 0; max-width: 200px; font-size: 100%; }

    .projects-sec { margin-bottom: 15px; }

    .projects-btn-sec { margin-bottom: 40px; }

    .brands-sec .owl-carousel .owl-next { right: 5px; }

    .brands-sec .owl-carousel .owl-prev { left: 10px; }

    .brands-sec .owl-carousel .owl-nav div { top: 10%; }

    .brands-sec .topImg { width: 70%; margin: 0 auto; }

    .brands-sec .owl-carousel .owl-item img { max-width: 100%; }

    .brands-sec .section-title { margin-bottom: 40px; }

    .brands-sec { margin-bottom: 50px; }

    .FooterForm.form-container-wide #DynamicFormObject { flex-direction: column; padding: 15px 0; }

    .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin: 0 auto; font-size: 100%; }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }

    .footerFormContainer #DynamicFormObject input[type=submit] { font-size: 110% !important; height: 40px; margin-bottom: 10px; }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 60%; margin-left: 20%; margin-top: 10px; }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::before { top: 39%; left: 30%; }

    .FooterForm.form-container-wide #DynamicFormObject { flex-direction: column; padding: 15px 0; }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { }

    .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin: 0 auto; font-size: 120%; }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }

    .footerFormContainer #DynamicFormObject input[type=submit] { font-size: 110% !important; height: 40px; margin-bottom: 10px; }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 60%; margin-left: 20%; margin-top: 10px; }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::before { top: 39%; left: 30%; }

    .footer-text-divided > div.footer-text-middle img { max-width: 140px !important; margin-bottom: 10px; }

    .footer-text-divided > div.footer-text-middle p { flex-wrap: wrap; }

    .footer-text-divided > div.footer-text-left { display: flex; width: 100%; align-items: center; flex-wrap: wrap; justify-content: space-between; padding-top: 30px; }

    .footer-text-divided { flex-direction: column; padding-bottom: 10px; }

    .footer-text-divided > div.footer-text-middle { border-bottom: 1px solid rgba(23, 27, 45, 0.1); padding-bottom: 10px; }

    .footer-text-divided > div.footer-text-left p { width: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center; }

    .footer-text-divided > div.footer-text-left p img { margin-left: 0; margin-bottom: 6px; }

    .footer-text-divided > div.footer-text-left p:last-of-type { width: 100%; max-width: none; flex-direction: row; margin-bottom: 0; }

    .footer-text-divided > div.footer-text-left p:last-of-type a { margin: 15px; }

    .site-credit.alternative > div { display: flex; align-items: center; justify-content: space-between; }

    a.AccessabilityLink { margin: 0; }

    #headline h1 { font-size: 90%; line-height: 1; }

    #GridPage { padding-top: 40px; }

    .top-caption { font-size: 250%; }

    .about-page #text2 { margin-top: 40px; }

    #GridContent { padding-bottom: 80px; }

    .about-page #text2 p:last-of-type img { width: 100%; }

    .about-page #text2 p { flex-wrap: wrap; }

    .about-page #text2 p:last-of-type img { }

    .about-page #text2 p:last-of-type img { margin-bottom: 16px; }

    .contact-page #DynamicFormObject .dynamicFormObjectField .must:before { right: 18px; }

    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }

    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-left: 0; width: 180px; margin-left: calc(50% - 90px); }

    .contact-page #GridPage { padding-top: 0; }

    .contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 120%; }

    .contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { width: 70px; height: 1px; }

    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-family: 'Assistant-Regular'; letter-spacing: normal; line-height: 1.2; }

    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 05px; }

    .contact-page #SiteGridContainer { background-image: url(/warehouse/temp/tubul/contact/bg-mobile.jpg); }

    #GridTop { margin-top: 60px; }

    .about-page .top-caption { font-size: 250%; }

    #GridTop { height: 250px; }

    .contentModuleNav a { margin-bottom: 10px; }

    #ContentRegularModule #galleryview .gallery-cubes > div { width: 100%; padding: 4px; }

    .contentModuleNav { margin-bottom: 20px; }

    .showrooms-page .flexslider-box { width: 100%; }

    .showrooms-page .grid-rows .grid-row-text { padding-right: 0; padding-top: 10px; }

    .showrooms-page .grid-rows .grid-row:nth-of-type(even) .grid-row-text { padding-right: 0; padding-left: 0; width: 100%; }

    .showrooms-page .grid-rows .grid-row-text h2 { font-size: 210%; }

    .showrooms-page .grid-rows .grid-row { margin-bottom: 50px; }

    .showrooms-page .video-sec { margin-top: 0; }

    .projects-lobby #ContentGridShortModule .gridshort-view-item { padding: 0 5px; }

    .projects-lobby #grid-view .grid-short-box-text { font-size: 180%; }

    .projects-lobby #grid-view .grid-short-box-text::after { width: 50%; }

    .projects-category .grid-short-box-fulltext { bottom: 15px; }

    .projects-category.contentInnerPage #text2 { margin-bottom: 50px; }

    .projects-category.contentInnerPage .owl-carousel .owl-next:after { width: 20px; height: 20px; }

    .projects-category.contentInnerPage .owl-carousel .owl-prev:after { width: 20px; height: 20px; }

    .projects-category.contentInnerPage .owl-carousel .owl-nav div { top: 41%; }

    .projects-category.contentInnerPage .owl-carousel .owl-next { left: 19.7%; }

    .projects-category.contentInnerPage .owl-carousel .owl-prev { right: 20%; }

    #header-left a::before { width: 50px; height: 50px; right: 69px; top: -10px; }

    .home-scroll { width: 120px; height: 120px; bottom: -34px; }

    .scroll-wrapper::after { height: 30px; width: 21px; bottom: 24px; }

    .scroll-wrapper:hover::after, .scroll-wrapper:focus::after { height: 35px; bottom: 32px; }

    .video-sec .owl-carousel .owl-item .item .plus-sign { background: none; width: 160px; height: 160px; top: 35%; }

    .video-sec .grid-text-content { font-size: 140%; }

    .video-sec .gallery-container { width: 100%; }

    .video-sec .owl-carousel .owl-item .item { padding: 0; }

    .video-sec { margin-bottom: 40px; }

    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField input, .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField select, .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea { opacity: 0.9; }

    .video-sec .owl-carousel .owl-item img { height: 280px; width: auto; }
    .categories-strip { margin-bottom: -30px; margin-top: 25px; }
    .video-sec .col-xs-6 { width: 100%; }
    .video-sec .gallery-cubes .boxes-images-outer-image { padding-bottom: 74.7%; }
    body.home-page .video-sec .grid-text-content { font-size: 150%; }
    #header2 ul.menu li a { font-size: 153%; }
    #header2 ul.menu li a.projects-nav { display: inline-block; }
    #header2 .menu-sub { padding: 0; }

    header #header2 ul.menu > li.header-top-menu-mobile { border-top: 1px solid #000; padding-top: 10px; }
    .gallery-sec .topImg { max-height: calc(var(--app-height) * 0.5 - 30px); }
    .gallery-sec .owl-carousel .owl-item:not(.active) { opacity: 1; }
    #ContentRegularModule .gallery-cubes .image-link-container { opacity: 1; }
    #ContentRegularModule .gallery-cubes .image-link-inner { opacity: 0; }
    #ContentRegularModule .gallery-cubes .image-link-content::before { content: ""; display: block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,0.6446953781512605) 0%, rgba(255,255,255,0) 100%); }
    #multi-content-modal.modal .close { left: 50%; transform: translateX(-50%); top: 50px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 22px; }
    .projects-lobby #ContentGridShortModule .gridshort-view-item { width: 100%; }
    .projects-category .flex-row .col-md-4 { width: 100%; }
    .projects-category .grid-short-box-fulltext { font-size: 120%; }
}

@media (min-width: 351px) and (max-width: 767px) {
    .tiles-sec .grid-box-image-text { padding-top: 17%; }

    .tiles-sec .grid-boxes .grid-box-subtitle:not(.button)::after { top: 13px; right: -15px; }

    .tiles-sec .grid-boxes .grid-box-subtitle:not(.button) { position: relative; }
}


@keyframes rotateDefaultTransform {
    from { -webkit-transform: translateX(-50%) rotate(0deg); }
    to { -webkit-transform: translateX(-50%) rotate(360deg); }
}

/*-----------------------------/*
    HEADER-SEARCH
/*-----------------------------*/
#header2 .search.desktop { background: none; max-height: 100%; height: unset !important; position: absolute; width: 16%; left: 6%; top: 50%; width: 13vw; }
#header2 .search.desktop #searchFormHeaderContainer { }
#header2 .search.desktop #searchFormHeaderContainer form { margin: 0; width: 100%; }
#header2 .search.desktop #searchFormHeaderContainer form input#searchFormInput { border-color: black; color: black; padding-inline: 1.33vw; }
#header2 .search.desktop #searchFormHeaderContainer form .searchSubmitWrapper { top: 27%; }
#header2 .search.desktop #searchFormHeaderContainer form .searchSubmitWrapper svg { fill: black; width: 15px; }
#header2 .search.desktop #searchFormHeaderContainer .searchBtn { right: 0%; }
#header2 .search.desktop #searchFormHeaderContainer .searchBtn a { }
#header2 .search.desktop #searchFormHeaderContainer .searchBtn a svg { fill: black; width: 13px; height: 13px; right: 0; }
#header2:has(form#searchFormHeader.active) header.search-open .searchBtn { display: none }
#header2 #header-container:has(form#searchFormHeader.active) { }
#header2:has(form#searchFormHeader.active) .searchBtn { /* display: none; */ }
#header2:has(form#searchFormHeader.active) .searchBtn a { /* display: none; */ border: none; }

@media (min-width: 1024px) {
    #header2 .header-top-left { display: flex; }
    #header2 .search.desktop #quick-search-container { }
    #header2 .search.desktop #quick-search-container #SearchResultContainer { }
    #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList { }
    #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li:is(.resultItem, .finalResultItem) { font-size: 0.833vw; }
    #header2 .search.desktop #quick-search-container #SearchResultContainer ul.searchResultsList li:is(.resultItem, .finalResultItem) a { font-size: unset; }
}

@media (max-width: 1025px) {
}


/*-----------------------------/*
    CATALOG-PAGE
/*-----------------------------*/
.catalog-page #GridPage .max-width, #GridPage .max-width-center, .container { max-width: 100%; width: unset; }
.catalog-page div#CatalogModule { }
.catalog-page #CatalogModule #CatalogView { }
.catalog-page #CatalogModule #CatalogView .categories-strip.categories-strip-sub { margin-block: 0; padding-bottom: 80px; }
.catalog-page :is(#CatalogModule,div) #headline { margin-bottom: 40px; }
:is(#CatalogModule,div) #headline h1 { margin-bottom: 0; }
:is(#CatalogModule,div) .filtersList.side-filters { margin-top: 0; }
:is(#CatalogModule,div) .itemsList.row { display: grid; grid-template-columns: repeat(4,1fr); }
:is(#CatalogModule,div) .itemsList.row .catalogItemBox { width: 100%; padding: 0; margin: 0; }
:is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner { }
:is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner a.item-image { padding: 0; }
:is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner a.item-image img { position: static; transform: unset; width: 100%; height: 100%; object-fit: contain; }
:is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner a.item-text { padding: 0; }
:is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top { min-height: 0; }
:is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h3.itemTitle { font-size: unset; min-height: 0; }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list { padding-inline-start: 72px; }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list > * { }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list > * button { background: var(--white); font-family: 'Assistant-Bold'; padding-inline: 0; }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list > * .filters-list-wrapper { }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list > * .filters-list-wrapper ul { padding-inline: 0; }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list > * .filters-list-wrapper ul li { font-family: 'Assistant-Regular'; display: flex; align-items: center; gap: 7px; }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list > * .filters-list-wrapper ul li input[type="checkbox"] { margin: 0; }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list > * .filters-list-wrapper ul li label { font-weight: unset; font-size: 0.885vw; margin: 0; }
:is(#CatalogModule,div) .filtersList.side-filters .desktop-filters-list > * .filters-list-wrapper ul li.filter-list-item.not-available { display: none; }
:is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner a.item-image { aspect-ratio: 1; border: 1px solid #E6E6E6; }
#CatalogModule .CatalogNav { float: right; width: 100%; grid-column: 1 / -1; }
#CatalogModule .CatalogNav .navigationItems a { background: transparent; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; }
#CatalogModule .CatalogNav .navigationItems a.active { background: #141414; }
#CatalogModule .CatalogNav span#NextPage a span, #CatalogModule .CatalogNav span#PrevPage a span { background: url('https://media.getmood.io/warehouse/dynamic/636314.svg'); font-size: 0; width: 13px; height: 20px; display: inline-block; vertical-align: 14px; }
#CatalogModule .CatalogNav span#PrevPage a span { transform: rotate(180deg); }
.categories-strip ul li.strip-item.active { display: none; }
div[data-maincatalogcategory="7497"] .filtersList .desktop-filters-list .filters-box.propertyGroup:is([name="propertyGroup_4626"],[name="propertyGroup_4627"]) { display: none !important; }
div[data-maincatalogcategory="7501"] .filtersList .desktop-filters-list .filters-box.propertyGroup:is([name="propertyGroup_4626"],[name="propertyGroup_4627"],[name="propertyGroup_4628"]) { display: none !important; }
div[data-maincatalogcategory="7508"] .filtersList .desktop-filters-list .filters-box.propertyGroup:is([name="propertyGroup_1695"],[name="propertyGroup_1697"],[name="propertyGroup_4627"],[name="propertyGroup_4628"]) { display: none !important; }

@media (max-width: 1024px) {
    :is(#CatalogModule,div) .itemsList.row { grid-template-columns: 1fr 1fr; column-gap: 14px; row-gap: 32px; width: calc(var(--vw) * 0.95); margin-right: 2.5vw; }
    .catalog-page #GridContent { }
    .catalog-page #GridContent .catalogContainer.container { padding: 0; }
    .catalog-page #GridContent .catalogContainer.container #CatalogModule { }
    .catalog-page #GridContent .catalogContainer.container #CatalogModule #CatalogCategoryPage { }
    .catalog-page #GridContent .catalogContainer.container #CatalogModule #CatalogCategoryPage .categories-strip.categories-strip-sub { padding-bottom: 24px; }
    .catalog-page #GridContent .catalogContainer.container #CatalogModule #CatalogCategoryPage .categories-strip.categories-strip-sub nav.menu-tags-list { }
    .catalog-page #GridContent .catalogContainer.container #CatalogModule #CatalogCategoryPage .categories-strip.categories-strip-sub nav.menu-tags-list ul { display: flex !important; gap: 8px; padding-inline: 14px; overflow: auto; }
    .catalog-page #GridContent .catalogContainer.container #CatalogModule #CatalogCategoryPage .categories-strip.categories-strip-sub nav.menu-tags-list ul li { padding: 0; margin: 0; }
}

@media (min-width: 1025px) {
    .catalogContainer.container { padding-inline: 72px; }
    :is(#CatalogModule,div) .catalogContainer.container { padding-inline: 0; }
    :is(#CatalogModule,div) .itemsList.row { column-gap: 0.938vw; row-gap: 2.917vw; margin-bottom: 6.25vw; }
}
/**/

/*--------------------------/*
    CATALOG-ITEM-PAGE
/*--------------------------*/
.CatalogItemPage .modal.gallery-cubes-modal { display: none !important; }
.CatalogItemPage :is(#CatalogModule,div) #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title button { background: #fff; padding: 0; font-family: 'Assistant-Bold'; }
.CatalogItemPage :is(#CatalogModule,div) #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title button:before { content: "+"; margin-left: 8px; }
.CatalogItemPage :is(#CatalogModule,div) #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title.active .catalog-fields-tab-text.active { padding-inline: 0; }
.CatalogItemPage :is(#CatalogModule,div) #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title.active button:before { content: "-"; font-size: 25px; }
.CatalogItemPage :is(#CatalogModule,div) #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title, #CatalogModule #CatalogItemView .catalog-fields.accordionLayout li.catalog-fields-tab-title.active button { }
#CatalogModule .itemImagesSwiper .gallery-slider.large .swiper-slide { border: none; height: 0 !important; overflow: hidden; padding: 0; }
#CatalogModule .itemImagesSwiper .gallery-slider.large .swiper-slide:nth-child(1) { height: 295px !important; }
#CatalogModule .itemImagesSwiper .gallery-slider.large .swiper-slide img { max-height: 100%; max-width: 100%; }

.CatalogItemPage #CatalogModule #CatalogItemView .custom-field#customField6607 { /* border: 1px solid; */ padding: 4px; display: flex; flex-direction: column; }
.CatalogItemPage #CatalogModule #CatalogItemView .custom-field#customField6607 span.custom-field-title { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .custom-field#customField6607 a { width: fit-content; border: 1px solid; padding-inline: 15px; font-family: 'Assistant-Bold'; transition: 0.1s ease all; }
.CatalogItemPage #CatalogModule #CatalogItemView .custom-field#customField6607 a:hover { background: black; color: white; }

.swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-rtl .swiper-button-prev { display: none !important; }
.CatalogItemPage #GridPage { padding-top: 0px; }
.CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages .gallery-slider { pointer-events: none; border: none; width: 100%; height: 100%; }

.CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages .gallery-slider .slick-track { height: 100%; }
.CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages .gallery-slider .slick-track::before { display: none; }
.CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages .gallery-slider .slick-track .item.slick-slide { border: none; padding: 0; }
#CatalogModule .itemImagesSlick .gallery-slider.large img { position: static; transform: unset; width: 100%; height: auto; aspect-ratio: 1; }

.CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content :is(.item-variations,.item-properties) .propertyGroupContainer .propertyOption:not(.hasImg) { position: relative; max-width: unset; min-width: 3.698vw; text-align: center; border: 1px solid #e6e6e6; margin-inline-end: 0.417vw; border-radius: 1px; margin-bottom: 0.833vw; }
.CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content :is(.item-variations,.item-properties) .propertyGroupContainer .propertyOption:not(.hasImg) input { position: absolute; opacity: 0; }
.CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content :is(.item-variations,.item-properties) .propertyGroupContainer .propertyOption label { /* position: absolute; */ margin: 0.104vw 0; font-size: 0.833vw; padding-inline: 4px; font-family: 'Assistant-Regular'; font-weight: 100; line-height: 1; position: relative; }
.CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content :is(.item-variations,.item-properties) .propertyGroupContainer .propertyOption:not(.hasImg).active { border-color: black; background: black; color: white; }

.CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-pagination { height: 20px; display: flex; justify-content: center; gap: 20px; width: 81%; margin-inline-start: auto; margin-top: 0.833vw; }
.CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-pagination span { display: inline-block; width: 20px; height: auto; aspect-ratio: 1; border-radius: 50%; border: 1px solid #827f7f; cursor: pointer; }
.CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-pagination span.active-dot { background: #827f7f; }
.CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4628 .propertyOption { min-width: 3.698vw; width: unset; padding-inline: 12px; }


@media (max-width: 1024px) {
    .CatalogItemPage div#GridContent { padding: 0; }
    .CatalogItemPage .catalogContainer.container { padding-inline: 0; }
    .CatalogItemPage #GridTop.noTopImage.longer, .CatalogItemPage .GridTop.noTopImage.longer { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemImages { margin-top: 34px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemImages .gallery-slider { border: 1px solid #E6E6E6; }
    .CatalogItemPage :is(#CatalogModule,div) .itemImages .gallery-slider .swiper-wrapper { }
    .CatalogItemPage :is(#CatalogModule,div) .itemImages .gallery-slider .swiper-wrapper .item.swiper-slide.swiper-slide-active { padding: 0; height: auto !important; }
    .CatalogItemPage :is(#CatalogModule,div) .itemImages .gallery-slider .swiper-wrapper .item.swiper-slide.swiper-slide-active img.bigFlexsliderImg { position: static; transform: unset; width: 100%; height: 100%; }
    .CatalogItemPage :is(#CatalogModule,div) .itemImages .gallery-slider .swiper-button-prev, .CatalogItemPage :is(#CatalogModule,div) .itemImages .gallery-slider .swiper-button-next { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content #headline { margin-bottom: 8px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content #headline h1 { font-family: 'Assistant-Bold'; font-weight: 700; font-size: 40px; line-height: 1; text-align: center; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content #headline h1::after { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content > * { padding-inline: 14px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content button.btn-option { margin-left: 8px; background: #fff; color: #000; padding-inline: 10px; border: 1px solid #E6E6E6; border-radius: 1px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content button.btn-option.active { background: #000; color: #fff; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content h3 { font-family: 'Assistant-Bold'; font-size: 17px; margin-bottom: 12px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content > *:not(:last-child, .catalogTextContainer) { margin-bottom: 8px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .catalogTextContainer { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-collections { padding-inline-end: 0; width: 100%; display: inline-flex; gap: 8px; color: #6f6d69; justify-content: center; padding: 0; flex-direction: column; text-align: center; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-collections .item-collection { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-collections .item-collection span.collectionGroupName:first-child { /* display: none; */ }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-collections .item-collection:not(:last-child):after { content: "/"; margin-right: 8px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .catalog-fields { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .catalog-fields li.catalog-fields-tab-title { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations { text-align: center; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations { display: flex; flex-direction: column; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOptionWrapper { display: flex; justify-content: center; gap: 12px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg { /* width: 20px; */ /* height: 20px; */ /* margin-left: 10px; */ }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg .propertyIcon { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg .propertyIcon img { height: 23px; width: 23px; border-radius: 50%; outline: 1px solid #E8E8E8; outline-offset: 2px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg.active { border: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg.active .propertyIcon { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg.active .propertyIcon img { outline-color: #000; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-makat { text-align: center; margin-top: 0; margin-bottom: 24px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-properties { text-align: center; margin-bottom: 24px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-properties .select-buttons { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-properties .select-buttons button { margin: 0; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-actions .shareBox { float: unset; margin: 0; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-actions { border: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content :is(.item-variations,.item-properties) .propertyGroupContainer .propertyOption label { font-size: 16px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content :is(.item-variations,.item-properties) .propertyGroupContainer .propertyOption:not(.hasImg) { width: fit-content; padding-inline: 12px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details { display: flex; width: 100%; flex-direction: column; padding-inline: 12px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container { width: 100%; /* padding-inline: 12px; */ }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .small-img { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .active { height: auto; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .active .boxes-images-outer-image { padding: 0; height: 350px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .active .boxes-images-outer-image .image-link-container { position: static; transform: unset; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .active div { width: 100%; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .shareBox { margin: 0; }
    .CatalogItemPage :is(#CatalogModule,div) .RelatedItemsWrapper.row { }
    .CatalogItemPage :is(#CatalogModule,div) .RelatedItemsWrapper.row .relatedItems { margin-top: 0; padding: 0; margin-bottom: 48px; }
    .CatalogItemPage :is(#CatalogModule,div) .RelatedItemsWrapper.row .relatedItems .itemsList.row { display: block; margin: 0; width: 100%; }
    .CatalogItemPage :is(#CatalogModule,div) .RelatedItemsWrapper.row .relatedItems .itemsList.row .owl-stage-outer { display: flex; justify-content: flex-start; overflow: auto; gap: 14px; padding-inline: 14px; flex-direction: row-reverse; }
    .CatalogItemPage :is(#CatalogModule,div) .RelatedItemsWrapper.row .relatedItems .itemsList.row .owl-stage-outer .catalogItemBox { min-width: 200px; }
    .CatalogItemPage :is(#CatalogModule,div) .RelatedItemsWrapper.row .relatedItems .relatedItemsTitle { }
    .CatalogItemPage :is(#CatalogModule,div) .RelatedItemsWrapper.row .relatedItems .relatedItemsTitle:after { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .RelatedItemsWrapper.row .relatedItems .relatedItemsTitle h2 { width: 100%; text-align: right; font-family: 'Assistant-Bold'; font-size: 20px; }
    :is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top { text-align: end; }
    :is(#CatalogModule,div) .itemsList.row .catalogItemBox .catalogItemBoxInner a.item-text .item-text-top h3.itemTitle { width: 100%; max-width: unset; }
}

@media (min-width: 1025px) {
    .CatalogItemPage main#SiteGrid { /* width: 85%; */ background: #EFEDE8; }
    .CatalogItemPage #GridTop.noTopImage.longer { height: 0; margin-top: 133px; }
    .CatalogItemPage #SiteContainer { }
    .CatalogItemPage .gallery-cubes .boxes-images-outer-image:hover .image-link-container, .CatalogItemPage .gallery-cubes .boxes-images-outer-image:focus .image-link-container { opacity: 0; }
    .CatalogItemPage div#CatalogModule { padding: 0; }
    .CatalogItemPage div#CatalogModule div#CatalogItemView { }
    .CatalogItemPage :is(#CatalogModule,div) .backBtnWrapper { background: white; display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row { width: 85%; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages { position: absolute; width: 340px; height: 340px; left: 7%; top: 251px; z-index: 100; }

    .CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages .gallery-slider.thumbs { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages .gallery-slider .item.swiper-slide:is(.swiper-slide-prev,.swiper-slide-next) { display: none; height: 295px !important; padding: 0; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages .gallery-slider .item.swiper-slide.swiper-slide-active { padding: 0; border: none; height: 295px !important; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContentWrapper.row .itemImages .gallery-slider .item.swiper-slide.swiper-slide-active img { position: static; transform: unset; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent { width: 100%; display: flex; flex-direction: row-reverse; justify-content: center; padding: 0; background: white; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent > * { flex: 1; width: 50%; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details { width: 50%; padding-inline-start: 50px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes { display: flex; flex-direction: row-reverse; gap: 0.833vw; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .active { width: 100%; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .active div { width: 100%; padding: 0; height: 840px; position: static; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .small-img { width: fit-content; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .small-img div { width: 100%; padding: 0; position: static; height: 121px; width: 96px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .small-img .small-img-item:not(:first-child) { margin-top: 0.833vw; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content { width: 50%; padding-block: 120px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content #headline { margin-bottom: 15px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content #headline h1 { font-family: 'Assistant-Bold'; font-weight: 700; font-size: 72px; line-height: 1; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content #headline h1::after { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content > * { padding-inline: 96px 15vw; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content button.btn-option { margin-left: 8px; background: #fff; color: #000; padding-inline: 10px; border: 1px solid #E6E6E6; border-radius: 1px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content button.btn-option.active { background: #000; color: #fff; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content h3 { font-family: 'Assistant-Bold'; font-size: 17px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content > *:not(:last-child, .catalogTextContainer) { margin-bottom: 24px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .catalogTextContainer { display: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-collections { padding-inline-end: 0; width: 100%; display: inline-flex; gap: 8px; color: #6f6d69; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-collections .item-collection { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-collections .item-collection span.collectionGroupName:first-child { /* display: none; */ }
    /*    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-collections .item-collection:not(:last-child):after { content: "/"; margin-right: 8px; }*/
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .catalog-fields { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .catalog-fields li.catalog-fields-tab-title { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg { /* width: 20px; */ /* height: 20px; */ margin-left: 10px; position: static; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg .propertyIcon { position: static; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg .propertyIcon img { height: 23px; width: 23px; border-radius: 50%; outline: 1px solid #E8E8E8; outline-offset: 2px; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg.active { border: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg.active .propertyIcon { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg.active .propertyIcon img { outline-color: #000; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg:hover label { display: block; opacity: 1; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg:hover { }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-variations .propertyGroupContainer.group4626.hasVariations .propertyOption.hasImg label { position: absolute; right: 12%; bottom: 66%; opacity: 0; transition: 0.3s ease all; display: block; white-space: nowrap; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content > *:not(:last-child, .catalogTextContainer) { flex-direction: column; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-actions { border: none; padding-block: 0; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .wrapped-content .item-actions .shareBox { float: unset; margin: 0; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .active div a.image-link-content { display: none; pointer-events: none; }
    .CatalogItemPage :is(#CatalogModule,div) .itemContent .item-custom-details .gallery-container .gallery-cubes .active div a.image-link-content .p-vert { display: none; }
    .CatalogItemPage div#CatalogModule div#CatalogItemView .relatedItems { margin: 0; background: white; }
    .CatalogItemPage div#CatalogModule div#CatalogItemView .relatedItems .relatedItemsTitle { text-align: center; font-family: 'Assistant-Bold'; margin-block: 120px 56px; }
    .CatalogItemPage div#CatalogModule div#CatalogItemView .relatedItems .relatedItemsTitle:after { display: none; }
    .CatalogItemPage div#CatalogModule div#CatalogItemView .relatedItems .relatedItemsTitle h2 { padding: 0; font-size: 1.6rem; margin: 0; line-height: 0.78; }
    .CatalogItemPage div#CatalogModule div#CatalogItemView .relatedItems .itemsList.row.relatedItemsCarousel { display: flex; width: 100%; margin-inline: auto; justify-content: center; }
    .CatalogItemPage div#CatalogModule div#CatalogItemView .relatedItems .itemsList.row.relatedItemsCarousel .catalogItemBox { width: 357px; }
}
/**/

