body {position: relative;}
body.trigo-bar {padding-bottom:34px !important;}
body.mod-profiler-active {padding-bottom:34px !important;}
body.trigo-bar.mod-profiler-active {padding-bottom:68px !important;}

.wrapper {max-width: 100%; overflow: hidden;}

.container-fluid {padding-left: 50px; padding-right: 50px;}
.container-fluid .container-fluid,
.container-wide .container-fluid,
.container-narrow .container-fluid {padding-left: 0; padding-right: 0;}
.container-wide {width: 100%; max-width: 1340px; margin: auto; padding-left: 50px; padding-right: 50px;}
.container-fluid .container-wide,
.container-wide .container-wide {max-width: 1240px; padding-left:0; padding-right:0;}
.container-narrow {width: 100%; max-width: 900px; margin: auto; padding-left: 50px; padding-right: 50px;}
.container-fluid .container-narrow,
.container-wide .container-narrow {max-width: 800px; padding-left:0; padding-right:0;}

/* form fields */
::placeholder, .form-control::placeholder {color: var(--gray-500); opacity:1;}
:-ms-input-placeholder, .form-control:-ms-input-placeholder {color: var(--gray-500);}
::-ms-input-placeholder, .form-control::-ms-input-placeholder {color: var(--gray-500);}

.form-group {margin-bottom: 30px;}
.form-group label {margin-bottom: 10px; font-size: 13px; line-height: 1.54; color: var(--gray-500);}
/*.invalid-feedback {font-size:var(--font-size-5); line-height:var(--line-height-5); color:var(--color-red);}*/
.form-group.has-error .invalid-feedback {display: block;}

.form-control {padding: 16px 20px; border-radius: var(--radius); border: 1px solid var(--gray-200); font-size: 14px; line-height: 22px; color: var(--gray-500); box-shadow: 0px 2px 4px rgba(37, 50, 61, 0.1); transition: var(--transition);}
.form-control:focus {border-color: var(--gray-500);}
textarea.form-control {min-height:90px;}
/*
.form-group.has-error label {color:var(--color-red);}
.has-error .form-control {border-color:var(--color-red); transition:.12s;}
.has-error .form-control:focus {border-color:var(--color-red); box-shadow:0 0 0 1px var(--color-red) inset;}

.form-control-type-checkbox + .form-control-type-checkbox {margin-top:-30px;}
.checkbox {}
.checkbox > span {display:block; padding-left:20px; font-size:var(--font-size-5); line-height:var(--line-height-6); color:var(--form-value-color); position:relative;}
.checkbox > span:before {content:''; display:block; width:12px; height:12px; border:1px solid var(--form-value-color); background:no-repeat center / 8px 8px; position:absolute; top:calc(var(--line-height-6) / 2); left:0; transform:translateY(-50%);}
.checkbox > input {display:none;}
.checkbox > input:checked + span:before {background-image:var(--ico-checkbox);}
.checkbox.has-error > span {color:var(--color-red);}
.checkbox.has-error .invalid-feedback {display:block;}
*/

html {scroll-padding-top: 110px; scroll-behavior: smooth;}

header {background:#fff; position: fixed; top: 0; left: 0; right: 0; z-index:1000; box-shadow:0 0 0 rgba(31, 31, 31, 0); transition:var(--transition);}
header .header-top {display: flex; justify-content: space-between; align-items: center; gap: 30px; background: var(--gray-100); padding: 0 50px;}
header .header-top-menu {display: flex; justify-content: space-between; gap: 30px; flex-grow: 1;}
header .header-top-menu ul.menu-root li a {line-height: 45px; height: 45px; font-size: .875rem; font-weight: 400; color: var(--gray-500); transition: var(--transition); position: relative;}
header .header-top-menu ul.menu-root li a:after {content: ''; display: block; width: 100%; height: 2px; background: var(--gray-500); border-radius: 2px; margin: -1px 0; opacity: 0; transition: var(--transition);}
header .header-top-menu ul.menu-root li.active > a,
header .header-top-menu ul.menu-root li > a.active,
header .header-top-menu ul.menu-root li a:hover,
header .header-top-menu ul.menu-root li a:focus {color: var(--gray-900);}
header .header-top-menu ul.menu-root li.active > a:after,
header .header-top-menu ul.menu-root li > a.active:after
header .header-top-menu ul.menu-root li a:hover:after,
header .header-top-menu ul.menu-root li a:focus:after {background: var(--gray-900); opacity: 1;}
header .header-top-menu .widget-menu:first-child ul.menu-root > li:first-child a {padding-left: 0;}
header .header-top-menu .widget-menu:last-child ul.menu-root > li:last-child a {padding-right: 0;}

.client-type-individual-clients header .header-top-menu ul.menu-root li.menu-individual-clients a,
.client-type-architects header .header-top-menu ul.menu-root li.menu-architects a,
.client-type-producers header .header-top-menu ul.menu-root li.menu-producers a {color: var(--gray-900);}
.client-type-individual-clients header .header-top-menu ul.menu-root li.menu-individual-clients a:after,
.client-type-architects header .header-top-menu ul.menu-root li.menu-architects a:after,
.client-type-producers header .header-top-menu ul.menu-root li.menu-producers a:after {background: var(--gray-900); opacity: 1;}

body:not(.client-type-individual-clients) ul.menu-root li.show-menu-individual-clients,
body:not(.client-type-architects) ul.menu-root li.show-menu-architects,
body:not(.client-type-producers) ul.menu-root li.show-menu-producers {display: none;}

header .language {display: flex; align-items: center; gap: 5px; font-size: .875rem; font-weight: 400; color: var(--gray-500);}
header .language .dropdown-toggle {display: flex; align-items: center; padding: 0; margin: 0; background: transparent; border: none; color: var(--gray-500); line-height: 45px; height: 45px; text-transform:uppercase; transition: var(--transparent); transition: var(--transition);}
header .language .dropdown-toggle:after {width: 7px; height: 4px; border: none; background: var(--gray-500); mask-image:url('../images/dropdown.svg'); -webkit-mask-image:url('../images/dropdown.svg'); mask-position:center; -webkit-mask-position:center; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-size:contain; -webkit-mask-size:contain; transition: var(--transition);}
header .language .dropdown-toggle:hover,
header .language .dropdown-toggle:focus {color: var(--gray-900);}
header .language .dropdown-toggle:hover:after,
header .language .dropdown-toggle:focus:after {background: var(--gray-900);}
header .language .dropdown-menu {padding: 0; margin: 0; border-radius: unset; min-width: unset; top: 100% !important; left: 50% !important; transform: translateX(-50%) !important;}
header .language .dropdown-menu li {margin: 0; padding: 0;}
header .language .dropdown-menu li:before {display: none;}
header .language .dropdown-menu li a {background: #fff; font-size: .875rem; font-weight: 400; color: var(--gray-500); text-transform:uppercase;}
header .language .dropdown-menu li a.active,
header .language .dropdown-menu li a:hover,
header .language .dropdown-menu li a:focus {color: var(--gray-900);}

header .navbar {display: flex; align-items: center; gap: 20px; padding: 0 50px;}
header .navbar-brand {padding: 22px 0; margin: 0;}
.navbar-end {display: flex; align-items: center; gap: 20px;}

header .main-menu {display: flex; justify-content: flex-end; flex-grow: 1;}
header .main-menu ul.menu-root li a {padding: 0 20px; font-size: 16px; font-weight:400; color:var(--menu-color);}
header .main-menu ul.menu-root li a:after {content: ''; display: block; width: 100%; height: 2px; background: var(--menu-color); border-radius: 2px; margin: -2px 0; opacity: 0; transition: var(--transition);}
header .main-menu ul.menu-root li.active a,
header .main-menu ul.menu-root li a.active,
header .main-menu ul.menu-root li:hover > a,
header .main-menu ul.menu-root li:focus > a, 
header .main-menu ul.menu-root li a:hover,
header .main-menu ul.menu-root li a:focus {color:var(--menu-color-active);}
header .main-menu ul.menu-root li.active > a:after,
header .main-menu ul.menu-root li > a.active:after,
header .main-menu ul.menu-root li a:hover:after,
header .main-menu ul.menu-root li a:focus:after {background: var(--menu-color-active); opacity: 1;}

.client-type-individual-clients header .main-menu ul.menu-root li.menu-individual-clients a,
.client-type-architects header .main-menu ul.menu-root li.menu-architects a,
.client-type-producers header .main-menu ul.menu-root li.menu-producers a {color:var(--menu-color-active);}
.client-type-individual-clients header .main-menu ul.menu-root li.menu-individual-clients a:after,
.client-type-architects header .main-menu ul.menu-root li.menu-architects a:after,
.client-type-producers header .main-menu ul.menu-root li.menu-producers a:after {background: var(--menu-color-active); opacity: 1;}

header .hamburger {display: none;}

.hamburger {padding: 0;/*1rem;*/ display: inline-flex; align-items: center; height: 2rem; cursor: pointer; transition-property: opacity, filter; transition-duration: var(--hamburger-duration); transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger:hover {opacity: 0.7;}
.hamburger.active:hover {opacity: 0.7;}
.hamburger.active .hamburger-inner,
.hamburger.active .hamburger-inner:before,
.hamburger.active .hamburger-inner:after {background-color: var(--hamburger-color);}
.hamburger .hamburger-box {width: 2rem; height: 1.5rem; display: block; position: relative;}
.hamburger .hamburger-inner {display: block; top: 50%; margin-top: -2px;}
.hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after {content: ""; display: block;}
.hamburger .hamburger-inner:before {top: -10px;}
.hamburger .hamburger-inner:after {bottom: -10px;}
.hamburger .hamburger-inner,
.hamburger .hamburger-inner:before,
.hamburger .hamburger-inner:after {width: 2rem; height: 2px; background-color: var(--hamburger-color); border-radius: 4px; position: absolute; transition-property: transform; transition-duration: var(--hamburger-duration); transition-timing-function: ease;}
.hamburger.hamburger--slider .hamburger-inner {top: 2px;}
.hamburger.hamburger--slider .hamburger-inner:before {top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: var(--hamburger-duration);}
.hamburger.hamburger--slider .hamburger-inner:after {top: 20px;}
.hamburger.hamburger--slider.active .hamburger-inner {transform: translate3d(0, 10px, 0) rotate(45deg);}
.hamburger.hamburger--slider.active .hamburger-inner:before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);  opacity: 0;}
.hamburger.hamburger--slider.active .hamburger-inner:after {transform: translate3d(0, -20px, 0) rotate(-90deg);}

.searchbar {position: relative;}
.searchbar .search-btn {display: block; width: 40px; height: 40px; padding: 0; margin: 0; border: none; background: var(--gray-500); mask-image:url('../images/search.svg'); -webkit-mask-image:url('../images/search.svg'); mask-position:center; -webkit-mask-position:center; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-size:14px; -webkit-mask-size:14px; transition: var(--transition);}
.searchbar .search-btn:hover,
.searchbar .search-btn:focus {background: var(--gray-900);}
.searchbar .searchbox {width: 320px; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: var(--transition);}
.searchbar.active .searchbox {opacity: 1; visibility: visible;}
.searchbar .searchbox .form-group {margin: 0;}
.searchbar .searchbox .form-group .invalid-feedback {position: absolute;}

.header-pillow {height: 140px;}

/*baner*/
.banner {position: relative;}
.widget-slider {}
.widget-slider .slider-slide {padding: 0;}
.widget-slider.widget-slider-full-height .slider-slide {height:100vh;}
.widget-slider.widget-slider-as-background .slider-slide {display: flex; flex-direction: column; justify-content: flex-end; background-repeat: no-repeat; background-position: center; background-size: cover;}
.widget-slider.widget-slider-as-background .slider-slide:before {content: ''; display: block; background: linear-gradient(180deg, rgba(26, 35, 43, 0.4) 0%, rgba(26, 35, 43, 0) 22.44%), linear-gradient(0deg, rgba(26, 35, 43, 0.2), rgba(26, 35, 43, 0.2)); position: absolute; top: 0; bottom: 0; left: 0; right: 0; mix-blend-mode: darken; z-index: 1;}
.widget-slider.widget-slider-as-background .slider-slide a {display: flex; flex-direction: column; justify-content: flex-end; flex: 1; position: relative; z-index: 1;}
.widget-slider .slide-texts {padding: 100px 50px; width: 1000px; max-width: 100%; position: relative; z-index: 1;}
.widget-slider .slide-texts .slide-text-title {font-size: 4rem; font-weight: 200; color: #fff; line-height: 1.16; letter-spacing: -0.05em;}
.widget-slider .slide-texts .slide-text-description {font-size: 1.25rem; line-height: 1.75rem; color: #fff;}
.widget-slider .slide-texts .slide-text-title + .slide-text-description  {margin-top: 30px;}
.widget-slider .splide__video {z-index: 0;}

.banner-text-top .widget-slider.widget-slider-as-background .slider-slide {justify-content: flex-start;}
.banner-text-top .widget-slider .slide-texts {width: 1100px; font-size: var(--h1); line-height: var(--h1-lh);}
/*
.widget-slider .slide-texts {padding: 100px 50px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.widget-slider .slide-texts .slide-text-title {font-size: 64px; font-weight: 400; color: #fff; line-height: 1; letter-spacing: -0.03em; opacity: 0; transform: translateY(100%); transition: 0s; transition-delay: 0s;}
.widget-slider .slider-slide.is-visible .slide-texts .slide-text-title {opacity: 1; transform: translateY(0); transition: .5s; transition-delay: .3s;}
.widget-slider .slide-texts .slide-text-description {margin-top: 20px; font-size: 22px; font-weight: 500; color: var(--gray-200); line-height: 1.4; opacity: 0; transform: translateY(100%); transition: 0s; transition-delay: 0s;}
.widget-slider .slider-slide.is-visible .slide-texts .slide-text-description {opacity: 1; transform: translateY(0);transition: .5s; transition-delay: .6s;}
.widget-slider .slide-texts .slide-link {margin-top: 15px; opacity: 0; transform: translateY(100%); transition: 0s; transition-delay: 0s;}
.widget-slider .slider-slide.is-visible .slide-texts .slide-link {opacity: 1; transform: translateY(0); transition: .5s; transition-delay: .9s;}
.widget-slider .splide__video__wrapper {width: auto; height: auto; min-width: 100%; min-height: 100%; aspect-ratio: 16 / 9; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.widget-slider .splide__video__wrapper:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
/*
.widget-slider .splide__arrows {position: absolute; top: 50%; right: 100px; transform: translateY(-50%); z-index: 1;}
.widget-slider .splide__arrow {display: block; width: 20px; height: 40px; margin: 40px 0; position: static; background: #fff; mask-image: url('../images/chevron.svg'); -webkit-mask-image: url('../images/chevron.svg'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; transform: none; opacity: .4; transition:var(--transition);}
.widget-slider .splide__arrow.splide__arrow--prev {transform: scaleX(-1);}
.widget-slider .splide__arrow svg {display: none;}
*/

.social-media {display: flex; gap: 10px;}
.social-media .social-media-item {}
.social-media-item .social-media-icon {display: block; width: 20px; height: 20px; background: var(--gray-900); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.social-media-item:hover .social-media-icon,
.social-media-item:focus .social-media-icon {background: var(--red-500);}

.banner .widget-yawal-social-media {padding: 0 50px 30px 50px; position: absolute; bottom: 0; right: 0; z-index: 2;}
.banner .social-media-item .social-media-icon {background: #fff;}
.banner .social-media-item:hover .social-media-icon,
.banner .social-media-item:focus .social-media-icon {background: var(--red-500);}

.breadcrumbs-container {}
.breadcrumbs-container:after {content: ''; display: block; height: 1px; background: var(--gray-200); margin: 0 50px;}
.breadcrumb {margin: 0; padding: 15px 0; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .8125rem; line-height: 1.25rem; color: var(--gray-500); letter-spacing: -0.015em;}
.breadcrumb-item {display: inline-flex; align-items: center; gap: }
.breadcrumb-item a {color: var(--gray-500);}
.breadcrumb-item a:hover,
.breadcrumb-item a:focus {color: var(--gray-900);}
.breadcrumb-item + .breadcrumb-item {padding-left: 12px;}
.breadcrumb-item + .breadcrumb-item::before {content: ''; width: 4px; height: 7px; padding: 0; margin-right: 12px; background: var(--gray-500); mask-image:url('../images/chevron-small.svg'); -webkit-mask-image:url('../images/chevron-small.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain;}

.page-title-background {display: flex; align-items: center; min-height: 300px; background: no-repeat center / cover; position: relative;}
.page-title-background:before {content: ''; display: block; background: rgba(26, 35, 43, 0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.page-title-no-background {background: var(--gray-100);}
.page-title-container {flex-grow: 1; padding: 60px 0; position: relative; z-index: 1;}
.page-title-container .page-title-node {margin: 0; font-size: var(--h1); line-height: var(--h1-lh); font-weight: 200; color: var(--gray-900);}
.page-title-container .page-title-description {margin: 15px 0 0; color: var(--gray-900);}

.page-title-background .page-title-container .page-title-node {color: #fff;}
.page-title-background .page-title-container .page-title-description {color: #fff;}
.page-title-background .breadcrumbs-container {width: 100%; position: absolute; bottom: 0; left: 0;}
.page-title-background .breadcrumbs-container:after {content: none;}
.page-title-background .breadcrumb {padding: 0 0 20px; color: rgba(255,255,255,.7);}
.page-title-background .breadcrumb-item a {color: rgba(255,255,255,.7);}
.page-title-background .breadcrumb-item a:hover,
.page-title-background .breadcrumb-item a:focus {color: #fff;}
.page-title-background .breadcrumb-item + .breadcrumb-item::before {background: rgba(255,255,255,.7);}

.page-title-no-background .breadcrumbs-container {background: #fff;}

.page-title-banner {display: flex; align-items: flex-end; min-height: calc(100vh - 140px); margin:  -60px 0 60px; background: no-repeat center / cover; position: relative;}
.page-title-banner:before {content: ''; display: block; background: rgba(26, 35, 43, 0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.page-title-banner-container {flex-grow: 1; margin-bottom: 100px; padding: 60px 0; position: relative; z-index: 1;}
.page-title-banner .date {display: block; margin: 0 0 30px; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; line-height: 1.1225rem; color: #fff; opacity: .9;}
.page-title-banner .page-title-node {margin: 0; font-size: var(--h1); line-height: var(--h1-lh); font-weight: 200; color: #fff;}
.page-title-banner .breadcrumbs-container {width: 100%; position: absolute; bottom: 0; left: 0;}

.page-content-container {display: flex;}
.main-content {flex-grow: 1; max-width: 100%; margin: 60px 0; position: relative;}
.left-side-content {flex: 0 0 320px; margin: 60px 0; padding-right: calc(30px - .75rem); position: relative;}
.left-side-content + .main-content > div {max-width: 820px; margin: 0 0 0 auto;}
/*
.left-side-content > .left-side {position: sticky; top: 110px;}
*/
.left-side-content > .left-side {padding: 0 .75rem; background: #fff;}
.left-side-content > .left-side.stick-top, 
.left-side-content > .left-side.stick-bottom {width: 290px; position: fixed; /*left: calc(50% - 640px);*/ z-index: 1;}
.left-side-content > .left-side.stick-top {top: 120px;}
.left-side-content > .left-side.stick-bottom {bottom: 0;}
.left-side-content > .left-side.stick-container-bottom {width: 290px; position: absolute; bottom: 0; left: 0; z-index: 1;}

.left-side-content + .main-content {max-width: calc(100% - 320px)}

.left-side-content ul.menu-root li a {color: var(--gray-800); font-size: 1rem; font-weight: 400; transition: var(--transition);}
.left-side-content ul.menu-root li:hover > a,
.left-side-content ul.menu-root li a:hover,
.left-side-content ul.menu-root li a:focus,
.left-side-content ul.menu-root li.active > a,
.left-side-content ul.menu-root li > a.active {color: var(--red-500);}
.left-side-content ul.menu-root li.has-dropdown > ul {display:block; position:static; background-color:transparent; width:auto; padding: 10px 0; box-shadow: none;}

.left-side-content .menu-layout-v ul.menu-root li {display:block;}
.left-side-content .menu-layout-v ul.menu-root > li + li {border-top: 1px solid var(--gray-200);}
.left-side-content .menu-layout-v ul.menu-root li a,
.left-side-content .menu-layout-v ul.menu-root li.has-dropdown > ul li a {display: flex; justify-content: space-between; align-items: center; gap: 15px; line-height: 1.25rem; padding: 20px 0;}
.left-side-content .menu-layout-v ul.menu-root li a:after {content: ''; display: block; width:14px; height:8px;  background:var(--gray-800); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:left center; -webkit-mask-position:left center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.left-side-content .menu-layout-v ul.menu-root li:hover > a,
.left-side-content .menu-layout-v ul.menu-root li a:hover,
.left-side-content .menu-layout-v ul.menu-root li a:focus,
.left-side-content .menu-layout-v ul.menu-root li.has-dropdown > ul li:hover > a,
.left-side-content .menu-layout-v ul.menu-root li.has-dropdown > ul li a:hover,
.left-side-content .menu-layout-v ul.menu-root li.has-dropdown > ul li a:focus {/*padding: 10px 0 10px 25px;*/}
.left-side-content .menu-layout-v ul.menu-root li.active > a:after,
.left-side-content .menu-layout-v ul.menu-root li > a.active:after,
.left-side-content .menu-layout-v ul.menu-root li:hover > a:after,
.left-side-content .menu-layout-v ul.menu-root li a:hover:after,
.left-side-content .menu-layout-v ul.menu-root li a:focus:after {background: var(--red-500);}

.menu-mobile-button {display: flex; align-items: center; gap: 20px;}
.menu-mobile-button:after {content: ''; width: 9px; height: 18px; padding: 0; background: #fff; mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transform: rotate(90deg); transition: var(--transition);}
.menu-mobile-button.active:after {transform: rotate(-90deg);}

.main-content > .pagination-container:last-child {margin-bottom: -30px;}
.pagination-container:before {content: ''; display: block; height: 1px; margin-bottom: 30px; background: var(--gray-200);}
.pagination {position: relative;}
.pagination .page-item {}
.pagination .page-link {border: none; background: transparent; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; line-height: 1.25rem; color: var(--gray-800); transition: var(--transition);}
.pagination .page-item.active .page-link,
.pagination .page-link:hover,
.pagination .page-link:focus {background: transparent; color: var(--red-500);}
.pagination .page-prev .page-link,
.pagination .page-next .page-link {display: inline-flex; align-items: center; gap: 30px; position: absolute; top: 50%; transform: translateY(-50%);}
.pagination .page-prev .page-link {left: 0; padding-left: 0;}
.pagination .page-next .page-link {right: 0; padding-right: 0;}
.pagination .page-prev .page-link:before,
.pagination .page-next .page-link:after {content: ''; display: inline-block; width: 11px; height: 6px; background: var(--gray-800); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition: var(--transition);}
.pagination .page-prev .page-link:before {transform: scaleX(-1);},
.pagination .page-next .page-link:after {}
.pagination .page-prev .page-link:hover:before,
.pagination .page-next .page-link:hover:after,
.pagination .page-prev .page-link:focus:before,
.pagination .page-next .page-link:focus:after {background: var(--red-500);}

/*
.image-mosaic {display: flex; flex-wrap: wrap; gap: 2px; margin-bottom: 60px;}
.image-mosaic .tile {flex: 0 0 calc(50% - 2px); background: no-repeat center / cover;}
.image-mosaic .tile:before { content: ""; display: block; padding-top: 56.25%;}
*/
.image-mosaic {display: flex; flex-wrap: wrap; gap: 2px; margin-bottom: 60px;}
.image-mosaic .tile {flex: 0 0 calc(25% - 6px); background: no-repeat center / cover;}
.image-mosaic .tile:before { content: ""; display: block; padding-top: 56.25%;}


.widget-space-homepage,
.widget-space-content,
.widget-space-publication-bottom {margin-top: 50px;}
.widget-space-homepage:last-child,
.widget-space-content:last-child,
.widget-space-publication-bottom:last-child {margin-bottom: 50px;}

.widget-entity:not(.widget-space-left-side) .widget-title {width: 100%; max-width: 1340px; padding: 0 50px; margin: 0 auto 60px;}
.widget-entity:not(.widget-space-left-side) .container-fluid .widget-title,
.widget-entity:not(.widget-space-left-side) .container-wide .widget-title,
.widget-entity:not(.widget-space-left-side) .container-narrow .widget-title {max-width: 1240px; padding-left:0; padding-right:0;}
.widget-entity:not(.widget-space-left-side)e .widget-title-inner {font-size: var(--h3); font-weight: 200; color: var(--gray-900); line-height: var(--h3-lh);}
.page-content-container .widget-entity .widget-title {max-width: 1240px; padding-left:0; padding-right:0;}
.widget-title-small .widget-title {margin-bottom: 1rem;}
.widget-title-small .widget-title-inner {font-size: 1rem; line-height: 1.5; font-weight: 300; color: var(--red-500);}

.widget-title.with-addon {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px;}
.widget-title.with-addon .widget-title-inner {margin: 0;}
.widget-title.with-addon .link-arrow {/*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem;}

.offer-accordion {display: flex; margin: 0 -1px;}
.offer-accordion .offer-accordion-item {display: flex; flex-direction: column; flex: 1 0 170px; padding: 0 1px; transition: .5s; will-change: flex, flex-grow;}
/*.offer-accordion.active .offer-accordion-item {flex: 1 0 170px; }*/

/*
.offer-accordion:not(:hover) .offer-accordion-item:first-child {flex-grow: 1;}
.offer-accordion:hover .offer-accordion-item:last-child {flex-grow: 1;}
.offer-accordion .offer-accordion-item:hover {flex-grow: 1;}
.offer-accordion .offer-accordion-item:hover ~ .offer-accordion-item:last-child {flex-grow: 0;}
*/
.offer-accordion .offer-accordion-item.active {flex-grow: 99;}
.offer-accordion-item .image {height: 430px; background: var(--gray-200) no-repeat center / cover; border-radius: var(--radius);}
.offer-accordion-item .title {flex-grow: 1; width: 168px; margin: 0; padding: 40px 10px 40px 0; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: 1rem; font-weight: 300; color: var(--gray-900); line-height: 1.25rem; position: relative; transition: var(--transition);}
.offer-accordion-item .title:after {content: ''; display: block; width:20px; height:10px;  background:var(--gray-500); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; position: absolute; bottom: 0; left: 0; transition:var(--transition);}

.offer-accordion-item:hover .title,
.offer-accordion-item:focus .title {color: var(--red-500);}
.offer-accordion-item:hover .title:after,
.offer-accordion-item:focus .title:after {background: var(--red-500);}


.why-us {margin-top: -30px;}
.why-us .why-us-item {margin-top: 30px;}
.why-us-item .image {background: no-repeat center / cover;}
.why-us-item .image:before {content: ''; display: block; padding-top: 64%;}
.why-us-item .title {margin: 30px 0; padding: 30px 30px 0 0; font-size: 1.75rem; line-height: 2.25rem; color: var(--gray-300); position: relative; transition: var(--transition);}
.why-us-item .title:before {content: ''; display: block; height: 1px; margin: 0 0 30px; background: var(--gray-200); position: absolute; top: 0; left: 0; right: 0;}
.why-us-item .title:after {content: ''; display: block; height: 3px; background: var(--red-500); border-radius: 2px; position: absolute; top: -1px; left: 0; right: 25%; opacity: 0; transition: var(--transition);}
.why-us-item .content {padding-right: 30px; color: var(--gray-300); transition: var(--transition);}
.why-us-item:hover .title,
.why-us-item:focus .title {color: var(--gray-900);}
.why-us-item:hover .title:after,
.why-us-item:focus .title:after {opacity: 1;}
.why-us-item:hover .content,
.why-us-item:focus .content {color: var(--gray-900);}

.icon-boxes {justify-content: center; margin-top: -1.5rem;}
.icon-boxes > div {display: flex;}
.icon-boxes .icon-boxes-item {display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; min-height: 230px; margin-top: 1.5rem; padding: 30px; border: 1px solid var(--gray-200); border-radius: var(--radius);}
.icon-boxes .icon-boxes-item .icon {width: 60px; height: 60px; background: no-repeat center top / contain;margin-bottom: 30px;}
.icon-boxes .icon-boxes-item .title {margin: 0; font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; color: var(--gray-900);}

.steps {}
.steps .steps-item {display: flex;}
.steps .steps-item .icon-container {flex: 0 0 50%; padding: 120px 60px 0;}
.steps .steps-item .icon {width: 100px; height: 100px; background: no-repeat left top / contain; position: relative; z-index: 1;}
.steps .steps-item .icon:before {content: ''; display: block; width: 118px; height: 103px; background: url('../images/blob.svg') no-repeat center / contain; position: absolute; top: -25px; left: 15px; opacity: .1; z-index: -1;}
.steps .steps-item .content {padding: 30px 0; position: relative;}
.steps .steps-item .content:before {content: ''; display: block; width: calc(50vw - 50px); height: 1px; background: var(--gray-200); position: absolute; top: 0; left: 0;}
.steps .steps-item .content > p:last-child {margin-bottom: 0;}
.steps .steps-item .step-number {display: block; margin: 0 0 90px; /*font-family: 'IBM Plex Mono', monospace;*/ color: var(--red-500);}
.steps .steps-item .title {font-size: var(--h4); line-height: var(--h4-lh)}

.dropdown-boxes {overflow: hidden;}
.dropdown-boxes > .row > div {display: flex;}
.dropdown-boxes:not(.active) > .row > div:nth-child(n+4) {display: none;}
.dropdown-boxes .dropdown-boxes-item {margin-top: 2px; flex-grow: 1; padding: 30px; border: 1px solid var(--gray-200); border-radius: var(--radius); font-size: .875rem; transition: var(--transition);}
.dropdown-boxes .dropdown-boxes-item:hover,
.dropdown-boxes .dropdown-boxes-item:focus {border-color: var(--red-500);}
.dropdown-boxes .dropdown-boxes-item .icon {width: 64px; height: 64px; margin: 0 0 60px; background: no-repeat center / contain;}
.dropdown-boxes .dropdown-boxes-item .title {margin: 0 0 30px; font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; color: var(--gray-900);}

.history-slider {}
.history-slider .splide__track {overflow: visible;}
.history-slider .slider-slide {display: flex; position: relative;}
.history-slider .slider-slide:before {content: ''; display: block; width: 1px; background: var(--gray-200); position: absolute; top: 60px; bottom: 0; left: 150px; }
.history-slider .slider-slide:after {content: ''; display: block; width: 1px; height: 90px; background: var(--red-500); position: absolute; bottom: 160px; left: 150px; }
.history-slide {flex-grow:1;}
.history-slide .history-slide-image {margin: 0 0 50px 150px; margin-left: calc(150px + .75rem); aspect-ratio: 16 / 9; background: no-repeat center / cover; border-radius: var(--radius); opacity: 1; transition: var(--transition);}
.history-slide .history-slide-data {display: flex; padding: 60px 0; border-top: 1px solid var(--gray-200);}
.history-slide .history-slide-year {flex: 0 0 150px; padding: 0 .75rem 0 0; font-size: var(--h1); line-height: var(--h1-lh); font-weight: 200; color: var(--red-500); text-align: right; opacity: 1; transition: var(--transition);}
.history-slide .history-slide-description {flex: 0 1 400px; padding: 0 .75rem; opacity: 1; transition: var(--transition);}

.history-slider .slider-slide:not(.is-visible) .history-slide-image,
.history-slider .slider-slide:not(.is-visible) .history-slide-year,
.history-slider .slider-slide:not(.is-visible) .history-slide-description {opacity: .3;}

.history-slider .splide__arrows {display: flex; position: absolute; top: 60px; right: 0; z-index: 1;}
.history-slider .splide__arrow {display: flex; width: 70px; height: 70px; position: static; background: var(--btn-bg); border-radius: 0 2px 2px 0; transform: none; opacity: 1 !important; transition:var(--transition);}
.history-slider .splide__arrow:after {content: ''; display: block; width:10px; height:20px; margin: auto; background: #fff; mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.history-slider .splide__arrow.splide__arrow--prev {transform: scaleX(-1);}
.history-slider .splide__arrow svg {display: none;}
.history-slider .splide__arrow:hover,
.history-slider .splide__arrow:focus {background: var(--btn-bg-active);}

.userbox-slider-container {width: calc(100% + 50vw - 620px); position: relative;}
.userbox-slider-container:before,
.userbox-slider-container:after {content: ''; display: block; width: 100vw; height: 1px; background: var(--gray-200); position: absolute; right: 0;}
.userbox-slider-container:before {top: 0;}
.userbox-slider-container:after {bottom: 0;}
.userbox-slider-container .userbox-slider-top-nav {display: flex; gap: 30px; padding: 30px 0 0; position: absolute; top: 0; z-index: 2;}
.userbox-slider-container .userbox-slider-top-nav .btn {padding: 0; color: var(--gray-500);}
.userbox-slider-container .userbox-slider-top-nav .btn.active,
.userbox-slider-container .userbox-slider-top-nav .btn:hover,
.userbox-slider-container .userbox-slider-top-nav .btn:focus {color: var(--red-500);}
.userbox-slider {transition:  var(--transition); opacity: 1;}
.userbox-slider.moving {opacity: 0;}
.userbox-slider .userbox-slide {display: flex; flex-direction: column; justify-content: flex-end; min-height: calc(100vh - 110px); padding-top: 90px; padding-right: calc(50vw - 560px); font-szie: 1.25rem; position: relative; z-index: 1; }
.userbox-slider .userbox-slide:before {content: ''; display: block; width:40%; background: url('../images/userbox-slider-bg.svg') no-repeat left center / cover; position: absolute; top: 0; bottom: 0; right: 0; z-index: -1;}
.userbox-slider .userbox-slide-content {max-width: 500px;}
.userbox-slide .userbox-slider-image {width: max(calc(50vw - 620px), 300px); background: no-repeat center / cover; position: absolute; top: 0; bottom: 0; right: 0; z-index: -2;}
.userbox-slide .userbox-slider-nav {display: flex; justify-content: space-between; margin-top: 90px; padding: 30px 0 90px; border-top: 1px solid var(--gray-200); position: relative;}
.userbox-slide:first-child .userbox-slider-nav {justify-content: flex-end;}
.userbox-slide:not(:first-child):not(:last-child) .userbox-slider-nav:before {content: ''; display: block; width: 1px; height: 40px; background: var(--gray-200); position: absolute; top: 0; left: 50%;}
.userbox-slide .userbox-slider-nav .btn {display: flex; align-items: center; gap: 30px; padding: 0; /*font-family: 'IBM Plex Mono', monospace;*/ color: var(--gray-500);}
.userbox-slide .userbox-slider-nav .btn.prev:before,
.userbox-slide .userbox-slider-nav .btn.next:after {content:''; display:block; width:11px; height:6px; background: var(--gray-800); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg');  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain;}
.userbox-slide .userbox-slider-nav .btn.prev:before {transform: scaleX(-1);}
.userbox-slide .userbox-slider-nav .btn:hover,
.userbox-slide .userbox-slider-nav .btn:focus {color: var(--red-500);}
.userbox-slide .userbox-slider-nav .btn.prev:hover:before,
.userbox-slide .userbox-slider-nav .btn.next:hover:after,
.userbox-slide .userbox-slider-nav .btn.prev:focus:before,
.userbox-slide .userbox-slider-nav .btn.next:focus:after {background: var(--red-500);}

.objectives {justify-content: center; margin-top: -1.5rem;}
.objectives > div {display: flex;}
.objectives .objectives-item {margin-top: 1.5rem; padding: 30px; border: 1px solid var(--gray-200); border-radius: var(--radius);}
.objectives .objectives-item .icon {margin-bottom: 30px;}
.objectives .objectives-item .title {margin-bottom: 30px; font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; color: var(--gray-900);}
.objectives .objectives-item .content :last-child {margin-bottom: 0;}

.video-list-widget-container {padding: 60px 50px; border-radius: var(--radius);}
.video-list-container {display: flex;}
.video-list-container .main-video {flex-grow: 1; aspect-ratio: 16 / 9; position: relative;}
.video-list-container .video-list {flex: 0 0 420px; position: relative; overflow: hidden;}

.video-list-container .video-list > ul {list-style: none; margin: 0; padding: 0 50px; width: 100%; position: absolute; top: 0; bottom: 0;}
.video-list-container .video-list > ul li + li {margin-top: 30px;}
.video-list-item {display: block;}
.video-list-item .video-poster {margin: 0 0 20px; position: relative;}
.video-list-item .video-poster:after {content: ''; display: block; width: 44px; height: 44px; background: #fff; mask-image:url('../images/play.svg'); -webkit-mask-image:url('../images/play.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: var(--transition);}
.video-list-item .video-poster img {aspect-ratio: 16 / 9; object-fit: cover;}
.video-list-item.active .video-poster:after,
.video-list-item:hover .video-poster:after,
.video-list-item:focus .video-poster:after {background: var(--red-500);}
.video-list-item .video-title {display: block; font-weight: 400; color: var(--gray-800); transition: var(--transition);}
.video-list-item.active .video-title,
.video-list-item:hover .video-title,
.video-list-item:focus .video-title {color: var(--gray-900);}

.plyr--video .plyr__control--overlaid {width: 84px; height: 84px; background: #fff; mask-image:url('../images/play.svg'); -webkit-mask-image:url('../images/play.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain;}
/*
.plyr--video .plyr__control--overlaid:hover,
.plyr--video .plyr__control--overlaid:focus {background: var(--red-500);}
*/
.plyr--video .plyr__control--overlaid svg {display: none;}

.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-horizontal {background: #fff; border-radius: 3px;}
.simplebar-track.simplebar-vertical {width: 3px !important;}
.simplebar-track.simplebar-horizontal {height: 3px !important;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {height:3px !important; top: 0 !important; bottom: 0 !important;}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before,
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {opacity: 1; background: var(--red-500); top: 0; bottom: 0; left: 0; right: 0;}

.widget-yawal-call-to-action {overflow: hidden; background: url('../images/call-to-action-bg.svg') no-repeat right center / auto 100%; background-color: var(--gray-100);}
.call-to-action {display: flex; justify-content: space-between;}
.call-to-action .content-container {display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 60%;}
.call-to-action .content-container .header {margin: 0 0 60px; font-size: 4rem; line-height: 1; max-width: 830px;}
.call-to-action .content-container .header strong {font-weight: inherit; color:  var(--red-500);}
.call-to-action .content-container .content { max-width: 830px;}
.call-to-action .content-container .header + .content:before {content: ''; display: block; width: 100px; height: 1px; margin: 0 0 60px; background: var(--red-500);}
.call-to-action .image-container {flex: 0 0 40%; align-self: center; padding-left: 30px;}
.call-to-action .image-container img {max-width: none; width: auto; max-height: calc(100vh - 110px);}

.tags {display: flex; flex-wrap: wrap; gap: .75rem;}
.tag {/*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; line-height: 1.25rem; font-weight: 400; text-transform: uppercase;}

.pub-list {}
.pub-list .pub-list-separator {width: calc(100vw - 100px); max-width: none; margin: 30px 0; padding: 0; position: relative; left: 50%; transform: translateX(-50%);}
.pub-list .pub-list-item {display: block; margin: 30px 0 0; padding: 0 0 40px; position: relative;}
/*
.pub-list .pub-list-item:after {content: ''; display: block; width:20px; height:10px;  background:var(--gray-500); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; position: absolute; bottom: 0; left: 0; transition:var(--transition);}
*/
.pub-list-item .date {display: block; margin: 0 0 30px; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; font-weight: 300; color: var(--gray-500);}
.pub-list-item .pub-image {display: block; width: 100%; margin:  0 0 30px; border-radius: var(--radius); opacity: 1; transition: var(--transition);}
.pub-list-item .pub-title {margin: 0; font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; color: var(--gray-900); transition: var(--transition);}
.pub-list-item .pub-separator {height: 1px; margin: 30px 0; background: var(--gray-200); position: relative;}
.pub-list-item .pub-separator:before {content: ''; display: block; width: 90px; height: 3px; background: var(--red-500); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
/*
.pub-list .pub-list-item:hover:after,
.pub-list .pub-list-item:focus:after {background: var(--red-500);}
*/
.pub-list-item:hover .pub-image,
.pub-list-item:focus .pub-image {opacity: .6;}
.pub-list-item:hover .pub-title,
.pub-list-item:focus .pub-title {color: var(--red-500);}

.pub-list .tags {margin-top: 30px; flex-grow: 1}
.pub-list .tags + .pub-list-item {margin-top: 15px;}
/*
.pub-slider {margin: 0 -1px;}
.pub-slider .pub-slide {padding: 0 1px;}
*/
.pub-slider {margin: 0 -.25rem;}
.pub-slider .pub-slide {padding: 0 .25rem;}

.pub-slider .splide__arrow {display: block; width: 30px; height: 30px; border-radius: 0; background: transparent; opacity: 1;}
.pub-slider .splide__arrow:after {content: ''; display: block; width:10px; height:20px; margin: auto; background:var(--gray-500); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.pub-slider .splide__arrow.splide__arrow--prev {left: -40px; transform: translateY(-50%) scaleX(-1);}
.pub-slider .splide__arrow.splide__arrow--next {right: -40px;}
.pub-slider .splide__arrow:hover:after,
.pub-slider .splide__arrow:focus:after {background: var(--red-500);}
.pub-slider .splide__arrow svg {display: none;}

.publication-bottom:before {content: ''; display: block; height: 1px; margin: 0 50px 30px; background: var(--gray-200);}

.reference-object-list {}
.reference-object-list .reference-object-list-separator {width: calc(100vw - 100px); max-width: none; margin: 30px 0; padding: 0; position: relative; left: 50%; transform: translateX(-50%);}
.reference-object-list .reference-object-list-item {display: block; margin: 30px 0 0; padding: 0 0 40px; position: relative;}
.reference-object-list .reference-object-list-item:after {content: ''; display: block; width:20px; height:10px;  background:var(--gray-500); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; position: absolute; bottom: 0; left: 0; transition:var(--transition);}
.reference-object-list-item .city {display: block; width: 320px; max-width: 100%; margin: 0 0 30px; padding: 0 0 10px; border-bottom: 1px solid var(--gray-200); /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; font-weight: 400; color: var(--gray-500);}
.reference-object-list-item .city strong {font-weight: 400; color: var(--gray-800);}
.reference-object-list-item .reference-object-image {display: block; width: 100%; margin:  0 0 30px; border-radius: var(--radius); opacity: 1; transition: var(--transition);}
.reference-object-list-item .reference-object-title {margin: 0; font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; color: var(--gray-900); transition: var(--transition);}
.reference-object-list .reference-object-list-item:hover:after,
.reference-object-list .reference-object-list-item:focus:after {background: var(--red-500);}
.reference-object-list-item:hover .reference-object-image,
.reference-object-list-item:focus .reference-object-image {opacity: .6;}
.reference-object-list-item:hover .reference-object-title,
.reference-object-list-item:focus .reference-object-title {color: var(--red-500);}

.related-reference-objects-slider {margin: 0 -1px;}
.related-reference-objects-slider .reference-object-slide {padding: 0 1px;}
.related-reference-objects-slider .reference-object-list-item {margin-top: 0;}

.related-reference-objects-slider .splide__arrow {display: block; width: 30px; height: 30px; border-radius: 0; background: transparent; opacity: 1;}
.related-reference-objects-slider .splide__arrow:after {content: ''; display: block; width:10px; height:20px; margin: auto; background:var(--gray-500); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.related-reference-objects-slider .splide__arrow.splide__arrow--prev {left: -40px; transform: translateY(-50%) scaleX(-1);}
.related-reference-objects-slider .splide__arrow.splide__arrow--next {right: -40px;}
.related-reference-objects-slider .splide__arrow:hover:after,
.related-reference-objects-slider .splide__arrow:focus:after {background: var(--red-500);}
.related-reference-objects-slider .splide__arrow svg {display: none;}

.object-properties {}
.object-properties > li:before {top: 50%;}
.object-properties > li {display: flex; align-items: center; gap: .75rem; padding-top: .75rem; padding-bottom: .75rem; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; line-height: 1.25rem;}
.object-properties > li + li {border-top: 1px solid var(--gray-200);}
.object-properties .object-property-name {flex: 0 0 130px; color: var(--gray-500);}
.object-properties .object-property-value {color: var(--gray-900);}

.product-pills {display: flex; flex-wrap: wrap; gap: 6px;}
.product-pill {padding: 3px 10px; background: var(--gray-100); border-radius: var(--radius); /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .75rem; line-height: 1.25rem; font-weight: 400; color: var(--gray-900);}
.product-pill:hover,
.product-pill:focus {background: var(--red-500); color: #fff;}

.text-blocks {}
.text-block {display: flex; align-items: center; min-height: 600px; position: relative;}
.text-block .container-wide {display: flex;}
.text-block .text-block-image {width: 50%; background: no-repeat center / cover; position: absolute; top: 0; bottom: 0;}
.text-block .text-block-content {width: 50%; padding: 60px 0;}
.text-block:nth-child(4n - 2) .text-block-image {right: 0;}
.text-block:nth-child(4n - 2) .text-block-content {padding-right: 120px;}
.text-block:nth-child(4n) .container-wide {justify-content: flex-end;}
.text-block:nth-child(4n) .text-block-image {left: 0;}
.text-block:nth-child(4n) .text-block-content {padding-left: 120px;}

.reference-objects-slider .splide__slide {display: flex;}
.reference-object-slide {display: flex; flex-grow: 1;}
.reference-object-slide .reference-object-slide-image {flex-grow: 1; background: no-repeat center / cover; border-radius: var(--radius);}
.reference-object-slide .reference-object-slide-image:before {content: ''; display: block; padding-top: 56.25%;}
.reference-object-slide .reference-object-slide-content {display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 480px; padding: 60px 50px 30px;}
.reference-object-slide .reference-object-slide-title {font-size: var(--h4); line-height: var(--h4-lh); font-weight: 200; color: var(--red-500);}
.reference-object-slide .reference-object-slide-content > .link-arrow {align-self: flex-end; margin-top: 30px; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; line-height: 1.25rem; fon-weight: 400;}

.reference-object-slide-properties {display: block; margin: 50px 0 0; padding: 0; list-style: none;}
.reference-object-slide-properties > li {display: flex; padding: .75rem 0; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; line-height: 1.25rem; fon-weight: 400;}
.reference-object-slide-properties > li + li {border-top: 1px solid var(--gray-100);}
.reference-object-slide-properties .object-property-name {flex: 0 0 50%; padding-left: .75rem; color: var(--red-500);}
.reference-object-slide-properties .object-property-value {}

.reference-objects-slider .splide__arrows {display: flex; position: absolute; bottom: 0; right: 480px; transform: translateX(50%); z-index: 1;}
.reference-objects-slider .splide__arrow {display: flex; width: 70px; height: 70px; position: static; background: var(--btn-bg); border-radius: 0 2px 2px 0; transform: none; opacity: 1 !important; transition:var(--transition);}
.reference-objects-slider .splide__arrow:after {content: ''; display: block; width:10px; height:20px; margin: auto; background: #fff; mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.reference-objects-slider .splide__arrow.splide__arrow--prev {transform: scaleX(-1);}
.reference-objects-slider .splide__arrow svg {display: none;}
.reference-objects-slider .splide__arrow:hover,
.reference-objects-slider .splide__arrow:focus {background: var(--btn-bg-active);}


.download-categories > div {display: flex; flex-direction: column; margin-bottom: 1.5rem;}
.download-categories-item {flex-grow: 1; padding: 30px; border: 1px solid var(--gray-200); border-radius: var(--radius); box-shadow: 0px 3px 0px rgba(37, 51, 61, 0.1);}
.download-categories-item:before {content: ''; display: block; width:60px; height:50px; margin: 80px auto; background: var(--red-500); mask-image:url('../images/folder.svg'); -webkit-mask-image:url('../images/folder.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:left center; -webkit-mask-position:left center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.download-categories-item .download-category-title {margin: 0; font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; transition: var(--transition);}
.download-categories-item .download-category-title:after {content: ''; display: block; width: 20px; height: 10px; margin-top: 30px; background: var(--gray-500); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:left center; -webkit-mask-position:left center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.download-categories-item:hover .download-category-title,
.download-categories-item:focus .download-category-title {color: var(--red-500)}
.download-categories-item:hover .download-category-title:after,
.download-categories-item:focus .download-category-title:after {background: var(--red-500)}

.download-list {margin: 0; padding: 0; list-style: none;}
.download-list > li {padding: 8px 0;}
.download-list > li + li {border-top: 1px solid var(--gray-200);}
.download-list-item {display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 20px; background: rgba(37,51,61,0); border-radius: var(--radius); color: var(--gray-900);}
.download-list-item:hover,
.download-list-item:focus {background: var(--red-500); color: #fff;}
.download-list-item .download-list-item-content-left {display: flex; align-items: center; gap: 30px;}
.download-list-item .download-list-item-image {width: 90px; height: 90px; background: no-repeat center / contain;}
.download-list-item .download-list-item-name {display: flex; align-items: center; gap: 30px;}
.download-list-item .download-list-item-name:before {content: ''; display: block; width: 30px; height: 30px; flex-shrink: 0; background: var(--gray-500); mask-image:url('../images/file.svg'); -webkit-mask-image:url('../images/file.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:left center; -webkit-mask-position:left center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.download-list-item:hover .download-list-item-name:before,
.download-list-item:focus .download-list-item-name:before {background: #fff;}
.download-list-item .download-list-item-image + .download-list-item-name:before {content: none;}
.download-list-item .download-list-item-download {display: flex; align-items: center; gap: 30px; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; color: var(--red-500); transition: var(--transition);}
.download-list-item .download-list-item-download:after {content: ''; display: block; width:11px; height:6px; flex-shrink: 0; background: var(--red-500); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:left center; -webkit-mask-position:left center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.download-list-item:hover .download-list-item-download,
.download-list-item:focus .download-list-item-download {color: #fff;}
.download-list-item:hover .download-list-item-download:after,
.download-list-item:focus .download-list-item-download:after {background: #fff;}

.accordion-item {border: none; border-radius: 0;}
.accordion-item:first-of-type {border-radius: 0;}
.accordion-item + .accordion-item {border-top: 1px solid var(--gray-100);}
.accordion-item .accordion-button {border: none; box-shadow: none; font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; color: var(--gray-900); transition: var(--transition);}
.accordion-item .accordion-button:after {background: var(--gray-500); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position: center; -webkit-mask-position: center; mask-size:contain; -webkit-mask-size:contain; transform: rotate(90deg); transition: var(--transition);}
.accordion-item .accordion-button:hover,
.accordion-item .accordion-button:focus {color: var(--red-500);}
.accordion-item .accordion-button:hover:after,
.accordion-item .accordion-button:focus:after {background: var(--red-500);}
.accordion-item .accordion-body {padding: 30px 20px; background: rgba(238,242,245,0); transition: var(--transition);}
.accordion-item .accordion-body > *:last-child {margin-bottom: 0;}

.accordion-item .accordion-button:not(.collapsed) {background: var(--gray-100);}
.accordion-item .accordion-button:not(.collapsed):after {transform: rotate(-90deg);}
.accordion-item .accordion-collapse.collapsing .accordion-body,
.accordion-item .accordion-collapse.show .accordion-body {background: var(--gray-100);}

.accordion-item.accordion-item-alt .accordion-button {background: var(--red-500); color: #fff;}
.accordion-item.accordion-item-alt .accordion-button:hover,
.accordion-item.accordion-item-alt .accordion-button:focus {background: var(--red-800);}
.accordion-item.accordion-item-alt .accordion-button:after {background: #fff;}

.offer-buttons {display: flex; flex-wrap: wrap; gap: 10px;}
.offer-buttons .btn {/*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem;}

.btn-group .btn {min-height: 60px; border-bottom: 1px solid var(--gray-200); border-radius: 0; font-family: 'Inter', sans-serif; font-weight: 200; color: var(--gray-800); position: relative;}
.btn-group .btn {display: inline-flex; justify-content: center; align-items: center;}
.btn-group .btn + .btn:before {content: ''; display: block; width: 1px; height: 1.5rem; background: var(--gray-200); position: absolute; top: 50%; left: -1px; transform: translateY(-50%); opacity: 1; transition: var(--transition);}
.btn-group .btn.active,
.btn-group .btn:hover,
.btn-group .btn:focus {background: var(--red-500); border-bottom-color: var(--red-500); color: #fff;}
.btn-group .btn + .btn.active:before,
.btn-group .btn + .btn:hover:before,
.btn-group .btn + .btn:focus:before,
.btn-group .btn.active + .btn:before,
.btn-group .btn:hover + .btn:before,
.btn-group .btn:focus + .btn:before {opacity: 0;}

.nav-tabs {display: flex; flex-wrap: nowrap; border-bottom: 1px solid var(--gray-200);}
.nav-tabs > .nav-link {display: flex; justify-content: center; align-items: center; gap: 20px; flex: 0 1 33.333333%; padding: 1rem .75rem; border: 1px solid var(--gray-200); border-radius: 0; background: var(--gray-100); color: var(--gray-800);}
.nav-tabs > .nav-link + .nav-link {border-left: none;}
.nav-tabs > .nav-link:after {content: ''; display: block; width: 5px; height: 10px; background: var(--gray-800); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position: center; -webkit-mask-position: center; mask-size:contain; -webkit-mask-size:contain; transform: rotate(90deg); transition: var(--transition);}
.nav-tabs > .nav-link:hover,
.nav-tabs > .nav-link:focus,
.nav-tabs > .nav-link.active {color: var(--red-500);}
.nav-tabs > .nav-link:hover:after,
.nav-tabs > .nav-link:focus:after,
.nav-tabs > .nav-link.active:after {background: var(--red-500);}

.ext-contact .main-content,
.ext-yawal-contact-options .main-content {margin-top: 0;}

.contact-tabs {display: flex; gap: 60px;}
.contact-tabs .nav {flex: 0 0 300px; order: 2;}
.contact-tabs .tab-content {flex-grow: 1;}

.contact-tabs .nav .nav-link {display: flex; align-items: center; gap: 15px; min-height: 60px; background: transparent; border: none; color: var(--gray-800); text-align: center; transition: ver(--transition);}
.contact-tabs .nav .nav-link + .nav-link {border-top: 1px solid var(--gray-200);}
.contact-tabs .nav .nav-link:before {content: ''; display: block; width:11px; height:6px; background:var(--gray-800); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:left center; -webkit-mask-position:left center; mask-size:contain; -webkit-mask-size:contain; transform: scaleX(-1); transition:var(--transition);}
.contact-tabs .nav .nav-link.active,
.contact-tabs .nav .nav-link:hover,
.contact-tabs .nav .nav-link:focus {color: var(--red-500);}
.contact-tabs .nav .nav-link.active:before,
.contact-tabs .nav .nav-link:hover:before,
.contact-tabs .nav .nav-link:focus:before {background: var(--red-500);}

.vector-map-header {margin: 0 0 30px; font-size: 1rem; line-height: 1.5; font-weight: 400; color: var(--red-500); text-align: center;}
.vector-map {display:block; height:auto !important;}
.vector-map .voivodenship {cursor:pointer;}
.vector-map .voivodenship .shape {stroke:#979797; fill:#fff; transition:var(--transition);}
.vector-map .voivodenship .point {fill:#444444; transition:var(--transition);}
.vector-map .voivodenship .text {font-size:.875rem; sans-serif; fill:var(--gray-900); letter-spacing: -.8px}
.vector-map .voivodenship:is(.active,:hover,:focus) .shape {stroke:var(--red-500); fill:var(--red-500);;}
.vector-map .voivodenship:is(.active,:hover,:focus) .point {stroke:var(--red-500); fill:#fff;}

.contact-list {}
.contact-list-item + .contact-list-item:before {content: ''; display: block; height: 1px; margin: 60px 0; background: var(--gray-200);}
.contact-list-item .contact-list-name {margin: 0 0 .5rem; font-size: var(--h5); line-height: var(--h5-lh); color: var(--gray-900);}
.contact-list-item .contact-list-position {margin: 0 0 .5rem;}
.contact-list-item .contact-list-contact-data {margin-top: 60px;}
.contact-list-item .contact-list-phone {margin: 0 0 .5rem; font-size: var(--h6); line-height: var(--h5-lh); color: var(--gray-900);}
.contact-list-item .contact-list-email {margin: 0 0 .5rem; color: var(--gray-900);}

.form-group {margin:0 0 30px;}
.form-group > label {margin: 0 0 10px; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .8125rem; line-height: 1.25rem; font-weight: 400; color: var(--gray-500);}
.form-group > .form-control {padding: 17px 20px; border: 1px solid var(--gray-200); border-radius: var(--radius); box-shadow: 0px 2px 4px rgba(37, 50, 61, 0.1); font-size: .875rem; line-height: 1.25rem; font-weight: 300; color: var(--gray-900); transition: var(--transition);}
.form-group > .form-control:focus {border-color: var(--gray-500);}
.form-group > .form-control::placeholder {font-weight: 300; color: var(--gray-500); opacity: 1;}
.form-group > .form-control:-ms-input-placeholder {font-weight: 300; color: var(--gray-500);}
.form-group > .form-control::-ms-input-placeholder {font-weight: 300; color: var(--gray-500);}

.form-group > textarea.form-control {min-height: 200px;}

.captcha-control .captcha-container .image-container {border-color: var(--gray-200) !important; border-radius: var(--radius) var(--radius) 0 0 !important;}
.captcha-container input {border-color: var(--gray-200) !important; border-radius: 0 0 var(--radius) var(--radius) !important;}
.captcha-container.has-error .image-container,
.captcha-container.has-error input {border-color: rgb(220, 53, 69)  !important;}

.form-group > label.checkbox {font-family: 'Inter', sans-serif;}
.checkbox > span {display:block; padding-left: 35px; font-size: .8125rem; line-height: 1.25rem; color: var(--gray-800); text-align: justify; position:relative;}
.checkbox > span:before {content:''; display:block; width:20px; height:20px; border:1px solid var(--gray-300); border-radius: var(--radius); background:rgba(255,255,255, 0); position:absolute; top:0; left:0; transition: var(--transition);}
.checkbox > span:after {content:''; display:block; width:20px; height:20px; background:#fff; mask-image:url('../images/checkbox.svg'); -webkit-mask-image:url('../images/checkbox.svg'); mask-position:center; -webkit-mask-position:center; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-size:10px 10px; -webkit-mask-size:10px 10px; position:absolute; top:0; left:0; opacity: 0; transition: var(--transition);}
.checkbox > input {display:none;}
.checkbox > input:checked + span:before {background:var(--red-500); border-color: var(--red-500);}
.checkbox > input:checked + span:after {opacity: 1;}

.form-group .invalid-feedback {display:block; font-size: .875rem; font-weight: 300;}
.form-group.has-error .invalid-feedback,
.checkbox.has-error .invalid-feedback {display:block;}

.form-group > label.radio {font-family: 'Inter', sans-serif;}
.radio > span {display:block; padding-left: 35px; font-size: .8125rem; line-height: 1.25rem; color: var(--gray-800); text-align: justify; position:relative;}
.radio > span:before {content:''; display:block; width:20px; height:20px; border:1px solid var(--gray-300); border-radius: 50%; background:rgba(255,255,255, 0); position:absolute; top:0; left:0; transition: var(--transition);}
.radio > span:after {content:''; display:block; width:20px; height:20px; background:#fff; mask-image:url('../images/checkbox.svg'); -webkit-mask-image:url('../images/checkbox.svg'); mask-position:center; -webkit-mask-position:center; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-size:10px 10px; -webkit-mask-size:10px 10px; position:absolute; top:0; left:0; opacity: 0; transition: var(--transition);}
.radio > input {display:none;}
.radio > input:checked + span:before {background:var(--red-500); border-color: var(--red-500);}
.radio > input:checked + span:after {opacity: 1;}

.form-group .invalid-feedback {display:block; font-size: .875rem; font-weight: 300;}
.form-group.has-error .invalid-feedback,
.radio.has-error .invalid-feedback {display:block;}

.form-control.ss-main {padding:0; transition: var(--transition);}
.form-control.ss-main:focus,
.form-control.ss-main:focus-within {border-color: var(--gray-500);}
.form-control.ss-main .ss-single-selected {height: auto; padding:17px 20px; border: none; border-radius: 0; box-shadow: none;}
.form-control.ss-main .ss-single-selected .placeholder {font-size: .875rem; line-height: 1.25rem; font-weight: 300; color: var(--gray-900);}
.form-control.ss-main .ss-single-selected .placeholder .ss-disabled {color: var(--gray-500);}
.form-control .ss-content {width: calc(100% + 2px); margin: 0 -1px; border:1px solid var(--gray-200); border-radius: 0 0 var(--radius) var(--radius);}
.form-control.ss-main:focus .ss-content,
.form-control.ss-main:focus-within .ss-content {border-color: var(--gray-500);}
.form-control .ss-content .ss-search input {border: 1px solid var(--gray-200); border-radius:var(--radius); transition: var(--transition);}
.form-control .ss-content .ss-search input:focus {box-shadow:none; border-color: var(--gray-500);}
.form-control .ss-content .ss-list .ss-option .ss-highlighted,
.form-control .ss-content .ss-list .ss-option:hover,
.form-control .ss-content .ss-list .ss-option:focus {background: var(--red-500);}
.form-control .ss-content .ss-list .ss-option.ss-option-selected.ss-highlighted,
.form-control .ss-content .ss-list .ss-option.ss-option-selected:hover,
.form-control .ss-content .ss-list .ss-option.ss-option-selected:focus {color: #fff;}

.form-control-type-file .input-group-append {display: flex; gap: 5px;}
.form-control-type-file .btn-file {position:relative; overflow:hidden;}
.form-control-type-file .btn-file input {display:block; min-width:100%; min-height:100%; position:absolute; top:0; right:0; opacity:0; cursor:pointer;}
.form-control-type-file .btn.btn-danger {min-width:56px; background: var(--btn-bg)}
.form-control-type-file .btn.btn-danger:hover,
.form-control-type-file .btn.btn-danger:focus {background: var(--btn-bg-active);}
.form-control-type-file .btn.btn-danger .fa-times:before {content: '\d7'; font-style: normal; color: #fff;}
/*
.form-control-type-file .btn {height:56px; min-width:56px; padding:17px;}
.form-control-type-file .btn-file {position:relative; overflow:hidden;}
.form-control-type-file .btn-file input {display:block; min-width:100%; min-height:100%; position:absolute; top:0; right:0; opacity:0; cursor:pointer;}
*/

.partner-search-container {padding: 50px 50px 20px; background: var(--gray-100); border-radius: var(--radius);}
.partner-search-form {display: flex; align-items: flex-start; gap: 15px;}
.partner-search-form:not(:first-child) {margin-top: 30px;}
.partner-search-form .form-group {flex: 0 0 calc(50% - 90px);}
.partner-search-form .form-group label {display: none;}
.partner-search-form .btn.btn-arrow {width: 150px; justify-content: space-between; margin-bottom: 30px; padding: 18px 20px;}

.newsletter-container {padding: 50px 50px 20px; background: url('../images/bg-newsletter-form.webp') no-repeat center / cover; background-color: var(--gray-900); border-radius: var(--radius);}
.newsletter-form {display: flex; align-items: flex-start; gap: 15px;}
.newsletter-form:not(:first-child) {margin-top: 30px;}
.newsletter-form .form-group {flex: 0 0 calc(50% - 90px);}
.newsletter-form .form-group label {display: none;}
.newsletter-form .btn.btn-arrow {width: 150px; justify-content: space-between; margin-bottom: 30px; padding: 18px 20px;}

.modal-content {border-radius: var(--radius);}
.modal-header {border-radius: 0;}

.product-list {}
.product-list > .product-list-item {display: flex; gap: 30px;}
.product-list > .product-list-item + .product-list-item {margin-top: 60px; padding-top: 25px; border-top: 1px solid var(--gray-200);}
.product-list-item .product-list-item-image {flex-shrink: 0; }
.product-list-item .product-list-item-content {flex-grow: 1; }
.product-list-item .prod-image {display: inline-block;}
.product-list-item .prod-header {display: flex; gap: 30px; justify-content: space-between; align-items: flex-start;}
.product-list-item .prod-title {font-size: var(--h3); line-height: var(--h3-lh); font-weight: 200; color: var(--gray-900);}
.product-list-item .prod-title a {color: var(--gray-900);}
.product-list-item .prod-title a:hover,
.product-list-item .prod-title a:focus {color: var(--red-500);}
.product-list-item .prod-subtitle {font-size: var(--h6); line-height: var(--h6-lh); color: var(--gray-800)}
.product-list-item .prod-header .link-arrow {/*font-family: 'IBM Plex Mono', monospace;*/ font-size: .8125rem; line-height: 1.25rem;}
.product-list-item .properties-list {column-count: 3; column-gap: .75rem;}
.product-list-item .properties-list > li {break-inside: avoid-column; margin: 0 0 1rem; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .8125rem; line-height: 1.5; font-weight: 400; color: var(--gray-500); text-transform: uppercase;}

.page-content-container .product-list-item .product-parameters-list {column-count: 1;}
.page-content-container .product-list-item .properties-list {column-count: 2;}

.product-column-list {}
.product-column-list-item {display: block;}
.product-column-list-item .prod-image {text-align: center;}
.product-column-list-item .prod-title {margin: 0; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: 1rem; line-height: 1.5; font-weight: 300; color: var(--gray-900); text-transform: uppercase; transition: var(--transition);}
.product-column-list-item .prod-title:after {content: ''; display: block; width:20px; height:10px; margin-top: 30px; background:var(--gray-900); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:left center; -webkit-mask-position:left center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
.product-column-list-item:hover .prod-title,
.product-column-list-item:focus .prod-title {color: var(--red);}
.product-column-list-item:hover .prod-title:after,
.product-column-list-item:focus .prod-title:after {background: var(--red-500);}

.product-parameters-list {list-style: none; padding: 0; column-count: 2; column-gap: .75rem; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .8125rem; line-height: 1.25rem; color: var(--gray-500);}
.product-parameters-list ul {list-style: none; padding: 0;}
.product-parameters-list li {display: table-row; break-inside: avoid-column; position: relative;}
.product-parameters-list li > div {display: table-cell;}
.product-parameters-list > li > div {padding: .5rem 0; border-bottom: 1px solid var(--gray-200);}
.product-parameters-list .name {/*width: 100%;*/ padding-right: .5rem; color: var(--gray-900);}
.product-parameters-list .value {color: var(--gray-500); /*white-space: nowrap;*/}

/*
.product-list-item-content .table.technical-table > tbody > tr > td {padding: .5rem; font-size: .8125rem; line-height: 1.25rem; font-weight: 300; color: var(--gray-500);}
.product-list-item-content .table.technical-table > tbody > tr > td:first-child {padding-left: 0;}
.product-list-item-content .table.technical-table > tbody > tr > td:last-child {padding-right: 0;}
.product-list-item-content .table.technical-table > tbody > tr:nth-child(odd) > td {background: transparent;}
.product-list-item-content .table.technical-table > tbody > tr > td.name {width: auto; padding: .5rem; font-size: .8125rem; line-height: 1.25rem; font-weight: 300; color: var(--gray-900);}
.product-list-item-content .table.technical-table > tbody > tr > td.value {padding: .5rem; font-size: .8125rem; line-height: 1.25rem; font-weight: 300; color: var(--gray-500);}
.product-list-item-content .table.technical-table .value table tr.odd td {background: transparent;}
*/
.product-list-item-content .table.table-make-responsive > tbody > tr > td {padding: .5rem; font-size: .8125rem; line-height: 1.25rem; font-weight: 300; color: var(--gray-500);}
.product-list-item-content .table.table-make-responsive > tbody > tr:not(.rowspan) > td:first-child {padding-left: 0;}
.product-list-item-content .table.table-make-responsive > tbody > tr > td:last-child {padding-right: 0;}
.product-list-item-content .table.table-make-responsive > tbody > tr:nth-child(odd) > td {background: transparent;}
.product-list-item-content .table.table-make-responsive > tbody > tr.table-header-row > td {font-size: .8125rem; line-height: 1.25rem; font-weight: 300; color: var(--gray-900);}
.product-list-item-content .table.table-make-responsive > tbody td.table-header-cell {font-size: .8125rem; line-height: 1.25rem; font-weight: 300; color: var(--gray-900);}
.product-list-item-content .table.table-make-responsive > tbody > tr.table-header-row > td {background: transparent;}
.product-list-item-content .table.table-make-responsive > tbody > tr.odd > td {background: transparent;}
.product-list-item-content .table.table-make-responsive > tbody > tr.even > td {background: transparent;}

.other-categories-products .accordion-body {background: transparent !important; padding: 60px 0 0;}

.ctrl-product .main-content {margin-top: 0;}
.product-name {margin: 0 0 60px; font-size: var(--h6); line-height: var(--h6-lh); font-weight: 300; color: var(--red-500); text-transform: uppercase;}
.advantages ul {column-count: 2; column-gap: .75rem;}
.advantages ul > li {break-inside: avoid-column;}

.accesory-list {}
.accesory-list > .accesory-list-item {display: flex; gap: 30px;}
.accesory-list > .accesory-list-item + .accesory-list-item {margin-top: 60px; padding-top: 25px; border-top: 1px solid var(--gray-200);}
.accesory-list > .accesory-list-item > .container-wide {display: flex; gap: 30px;}
.accesory-list-item .accesory-list-item-image {flex-basis: 200px; flex-shrink: 0; }
.accesory-list-item .accesory-list-item-content {flex-grow: 1; }
.accesory-list-item .accesory-image {display: inline-block;}
.accesory-list-item .accesory-header {display: flex; gap: 30px; justify-content: space-between; align-items: flex-start;}
.accesory-list-item .accesory-title {font-size: var(--h5); line-height: var(--h5-lh); font-weight: 200; color: var(--gray-900);}
.accesory-list-item .accesory-title a {color: var(--gray-900);}
.accesory-list-item .accesory-title a:hover,
.accesory-list-item .accesory-title a:focus {color: var(--red-500);}

.accesory-properties-list {list-style: none; padding: 0; column-gap: .75rem; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .8125rem; line-height: 1.25rem; color: var(--gray-500);}
.accesory-properties-list ul {list-style: none; padding: 0;}
.accesory-properties-list li {display: table-row; break-inside: avoid-column; position: relative;}
.accesory-properties-list li > div {display: table-cell;}
.accesory-properties-list > li > div {padding: .5rem 0; border-bottom: 1px solid var(--gray-200);}
.accesory-properties-list .name {width: 100%; padding-right: .5rem; color: var(--gray-500);}
.accesory-properties-list .value {color: var(--gray-900); white-space: nowrap;}

.product-colors-categories {}
.product-colors-categories .product-colors-category {}
.product-colors-categories .product-colors-category + .product-colors-category {border-top: 1px solid var(--gray-200);}
.product-colors-list {display: flex; flex-wrap: wrap; gap: 20px;}
.product-colors-list .product-color {display: flex; justify-content: center; align-items: flex-end; flex: 0 1 calc(25% - 15px); height: 90px; padding: 10px; background: no-repeat center / cover; border: 1px solid var(--gray-200); border-radius: var(--radius);}
.product-color .product-color-title {/*font-family: 'IBM Plex Mono', monospace;*/ font-size: .8125rem; line-height: 1.25rem; color: var(--gray-900);}

.ral-colors {padding: 30px; background: var(--gray-100);}

.team {}
.team-member + .team-member {margin-top: 60px;}
.team-member .team-member-data-container {position: relative;}
.team-member .team-member-image {display: flex; align-items: flex-end; background: no-repeat center / cover; border-radius: var(--radius); aspect-ratio: 16 /9;}
.team-member .team-member-data {position: relative;}
.team-member .team-member-data:after {content: ''; display: block; width: 115px; height: 1px; background: var(--red-500); position: absolute; bottom: 0; left: 0}
.team-member .team-member-image + .team-member-data {flex: 0 1 300px; width: 300px; padding: 30px .75rem; background: #fff; position: absolute; bottom: 0; left: 0;}
.team-member .team-member-image + .team-member-data:after {left: .75rem;}
.team-member .team-member-name {margin: 0 0 .5rem; font-size: var(--h4); line-height: var(--h4-lh); font-weight: 200; color: var(--gray-900);}
.team-member .team-member-position {font-size: .875rem; margin: 0;}

.yawal-group {}
.yawal-group-item {display: flex; align-items: center; position: relative;}
.yawal-group-item + .yawal-group-item {margin-top: 60px; padding-top: 30px; position: relative;}
.yawal-group-item + .yawal-group-item:before {content: ''; display: block; width: calc(100vw - 100px - 17px); height: 1px; background: var(--gray-200); position: absolute; top: 0; left: calc(50% - 160px); transform: translateX(-50%);} 
.yawal-group-item .logo {flex: 0 0 330px; padding-right: 60px;}
.yawal-group-item .content {max-width: 500px;}
.yawal-group-item .address {position: relative;}
.yawal-group-item .description  + .address {margin-top: 60px; padding-top: 20px;}
.yawal-group-item .description  + .address:before {content: ''; display: block; width: 100vw; max-width: calc(50vw - 75px - 17px);/*calc(50vw - 720px + 620px);*/ height: 1px; background: var(--gray-200); position: absolute; top: 0; left: 0; }

.top-separator .yawal-work-container {margin-top: 60px;}
.yawal-work-container {padding: 90px 30px; background: url('../images/bg-work.webp') no-repeat center / cover, var(--red-500); border-radius: var(--radius);}
.yawal-work-content {display: flex; justify-content: space-between; align-items: center; gap: 60px;}
.yawal-work-content p:last-child {margin-bottom: 0;}
.yawal-work-content a.btn {/*font-family: 'IBM Plex Mono', monospace;*/ font-size: 1rem; line-height: 1.5; font-weight: 300;}

.top-separator {margin-top: 90px; padding-top: 30px; position: relative;}
.top-separator:before {content: ''; display: block; width: calc(100vw - 100px - 17px); height: 1px; background: var(--gray-200); position: absolute; top: 0; left: calc(50% - 210px); transform: translateX(-50%);} 

.training-table {table-layout: auto;}
.training-table .training-table-title-row {width: 100% !important; min-width: 240px;}
.training-type-badge {display: inline-block; min-width: 80px; padding:15px 20px; font-size:1rem; font-weight: 400; color: #fff; line-height: 1.25rem; text-align: center; border-radius: var(--radius);}

.contestant .contestant-fields {display: flex; align-items: flex-start; gap: 1.5rem;}
.contestant .contestant-fields > div {display: flex; margin: 0 -.75rem; flex: 1 1 auto;}
.contestant .contestant-fields .form-group {width: 50%; max-width: 50%; padding: 0 .75rem;}
.contestant .contestant-fields .btn-remove {width: 56px; height: 56px; margin-top: 33px;}

.contestant-day-reservations-container {display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 30px;}
.contestant-day-reservations-container .contestant-day-reservations-label {flex: 1 0 100%; font-size: .8125rem; line-height: 1.25rem; font-weight: 400; color: var(--gray-800);}
.contestant-day-reservations-container .form-group.form-control-type-checkbox {margin-bottom: 0;}
.contestant-day-reservations-container .invalid-feedback {display: block; margin-top: -1.25rem;}

footer {padding: 50px 0; position: relative;}
footer:before {content: ''; display: block; width: calc(100% - 100px); height: 1px; background: var(--gray-200); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.footer-top {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; color: var(--gray-900);}
.footer-top a {color: inherit;}
.footer-top a:hover,
.footer-top a:focus {color: var(--link-color-active);}

.footer-bottom {display: flex; justify-content: space-between; font-size: .875rem; line-height: 1.25rem; color: var(--gray-300);}
.footer-top + .footer-bottom {margin-top: 30px;}
.footer-bottom a {color: inherit;}
.footer-bottom a:hover,
.footer-bottom a:focus {color: var(--link-color-active);}

.copyrights {display: flex; align-items: center; gap: 30px;}
.copyrights p {margin: 0;}

footer ul.menu-root li a {color:var(--gray-800); font-size: .875rem;;transition: var(--transition);}
footer ul.menu-root li:hover > a,
footer ul.menu-root li a:hover,
footer ul.menu-root li a:focus,
footer ul.menu-root li.active > a,
footer ul.menu-root li > a.active {color:var(--gray-900);}
footer ul.menu-root li.has-dropdown > ul {display:block; position:static; background-color:transparent; width:auto; padding: 10px 0; box-shadow: none;}

footer .menu-layout-v ul.menu-root li {display:block;}

footer .menu-layout-v ul.menu-root li a,
footer .menu-layout-v ul.menu-root li.has-dropdown > ul li a {line-height: 1.25rem; padding: 10px 25px 10px 0; position: relative;}
footer .menu-layout-v ul.menu-root li a:before {content: ''; display: block; width:14px; height:8px;  background:var(--gray-900); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:left center; -webkit-mask-position:left center; mask-size:contain; -webkit-mask-size:contain; position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); opacity: 0; transition:var(--transition);}
footer .menu-layout-v ul.menu-root li:hover > a,
footer .menu-layout-v ul.menu-root li a:hover,
footer .menu-layout-v ul.menu-root li a:focus {padding: 10px 0 10px 25px;}
footer .menu-layout-v ul.menu-root li:hover > a:before,
footer .menu-layout-v ul.menu-root li a:hover:before,
footer .menu-layout-v ul.menu-root li a:focus:before {opacity: 1; transform: translate(0, -50%);}
/*
footer .menu-layout-v ul.menu-root li.has-dropdown > ul li {display:block;}
footer .menu-layout-v ul.menu-root li.has-dropdown > ul li a {line-height: 1.25rem; padding: 10px 25px 10px 0;}
*/

.client-type-individual-clients footer ul.menu-root li.menu-individual-clients a,
.client-type-architects footer ul.menu-root li.menu-architects a,
.client-type-producers footer ul.menu-root li.menu-producers a {color:var(--gray-900);}

.client-type-individual-clients footer .menu-layout-v ul.menu-root li.menu-individual-clients a,
.client-type-architects footer .menu-layout-v ul.menu-root li.menu-architects a,
.client-type-producers footer .menu-layout-v ul.menu-root li.menu-producers a {padding: 10px 0 10px 25px;}
.client-type-individual-clients footer .menu-layout-v ul.menu-root li.menu-individual-clients a:before,
.client-type-architects footer .menu-layout-v ul.menu-root li.menu-architects a:before,
.client-type-producers footer .menu-layout-v ul.menu-root li.menu-producers a:before {opacity: 1; transform: translate(0, -50%);}

@media only screen and (orientation: portrait) {
    .widget-slider.widget-slider-full-height .slider-slide {height:56.25vw;}
    .banner-text-top .widget-slider.widget-slider-as-background .slider-slide {justify-content: center;}

    .page-title-banner {min-height: 300px; align-items: center;}
	.page-title-banner-container {margin-bottom: 0;}
}

@media only screen and (orientation: landscape) and (min-width:1165px) {
	.ctrl-product .page-title-background,
	/*firma*/
	.page-id-e5ab22ea-9ac1-498b-95bf-38f563b31350 .page-title-background {min-height: calc(100vh - 140px);}
	/*zrównoważony rozwój*/
	.page-id-eb883257-5203-486b-8658-403066db7209 .page-title-background {min-height: calc(100vh - 140px);}
}

@media only screen and (min-width: 768px) {
	/*
	.image-mosaic {display: grid; grid-auto-rows: 60px; grid-gap: 2px; grid-template-columns: repeat(3, 1fr);}
	.image-mosaic .tile {grid-row: span 3;}
	.image-mosaic .tile:before {content: none;}
	.image-mosaic .tile:nth-child(9n + 2) {grid-row: span 4;}
	.image-mosaic .tile:nth-child(9n + 3) {grid-row: span 6;}
	.image-mosaic .tile:nth-child(9n + 4) {grid-row: span 6;}
	.image-mosaic .tile:nth-child(9n + 5) {grid-row: span 4;}
	.image-mosaic .tile:nth-child(9n + 6) {grid-row: span 6;}
	.image-mosaic .tile:nth-child(9n + 7) {grid-row: span 4;}
	.image-mosaic .tile:nth-child(9n + 8) {grid-row: span 3;}
	*/

	.btn-group.btn-group-50 .btn {flex: 0 0 50%;}
	.btn-group.btn-group-50 .btn:nth-child(odd):before {content: none;}
}

@media only screen and (min-width:1165px) {
	body.scrolled header .navbar-brand {padding: 7px 0;}

	body:not(.scrolled) header.with-banner {background:rgba(255,255,255,0);}
	body:not(.scrolled) header.with-banner .header-top {background: rgba(255,255,255,0); position: relative;}
	body:not(.scrolled) header.with-banner .header-top:after {content: ''; display: block; height: 1px; background: #fff; opacity: .15; position: absolute; bottom: 0; left: 50px; right: 50px;}
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li a {color: #fff; opacity: .8;}
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li a:after {background: #fff;}
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li.active > a,
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li > a.active,
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li a:hover,
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li a:focus {opacity: 1;}
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li.active > a:after,
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li > a.active:after,
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li a:hover:after,
	body:not(.scrolled) header.with-banner .header-top-menu ul.menu-root li a:focus:after {background: #fff; opacity: 1;}

	body:not(.scrolled) header.with-banner .language {color: rgba(255,255,255,.8);}
	body:not(.scrolled) header.with-banner .language .dropdown-toggle {color: #fff; opacity: .8;}
	body:not(.scrolled) header.with-banner .language .dropdown-toggle:after {background: #fff;}
	body:not(.scrolled) header.with-banner .language .dropdown-toggle:hover,
	body:not(.scrolled) header.with-banner .language .dropdown-toggle:focus {color: #fff; opacity: 1;}
	body:not(.scrolled) header.with-banner .language .dropdown-toggle:hover:after,
	body:not(.scrolled) header.with-banner .language .dropdown-toggle:focus:after {background: #fff;}

	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a {color: #fff; opacity: .8;}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a:after {background: #fff;}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.active a,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a.active,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li:hover > a,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li:focus > a, 
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a:hover,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a:focus {color: #fff; opacity: 1;}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.active > a:after,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li > a.active:after,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a:hover:after,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a:focus:after {background: #fff;}

	body:not(.scrolled) header.with-banner .searchbar .search-btn {background: #fff; opacity: .8;}
	body:not(.scrolled) header.with-banner .searchbar .search-btn:hover,
	body:not(.scrolled) header.with-banner .searchbar .search-btn:focus {background: #fff; opacity: 1;}

	header.with-banner + .header-pillow {display: none;}
}

@media only screen and (min-width:1340px) {
	.nav-tabs-underline {border-bottom: none; position: relative;}
	.nav-tabs-underline:after {content: ''; display: block; width: calc(100vw - 100px); height: 1px; background: var(--gray-200); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
}

@media only screen and (max-width:1400px) {
	header .main-menu {display: flex; justify-content: flex-end; flex-grow: 1;}
	header .main-menu ul.menu-root li a {padding: 0 10px;}
}

@media only screen and (max-width:1340px) {
	.userbox-slider-container {width: calc(100vw - 320px);}

	.yawal-group-item + .yawal-group-item:before {width: 100%; left: 50%;}
	.yawal-group-item .description  + .address:before {max-width: 100%; }


	.top-separator {margin-top: 30px;}
	.top-separator:before {content: none;}
}

@media only screen and (max-width:1280px) {
	header .navbar {gap: 5px;}
	header .main-menu ul.menu-root li a {padding: 0 5px;}

	.product-parameters-list {column-count: 1;
}

@media only screen and (max-width:1199px) {
	.container-fluid,
	.container-wide,
	.container-narrow {padding-left: .75rem; padding-right: .75rem;}

	header .header-top {padding: 0 .75rem;}
	header .navbar {padding: 0 .75rem;}

	header .main-menu ul.menu-root li a {padding: 0 5px;}

	.breadcrumbs-container:after {margin: 0 .75rem;}

	.widget-entity:not(.widget-space-left-side) .widget-title {padding: 0 .75rem;}

	.video-list-widget-container {padding: 60px .75rem; margin: 0 -.75rem;}
	.video-list-container .video-list {flex: 0 0 33.333333%;}
	.video-list-container .video-list > ul {padding: 0 .75rem;}

	.publication-bottom:before {margin: 0 .75rem 30px;}

	.partner-search-container {padding: 50px .75rem 20px;}

	.newsletter-container {padding: 50px .75rem 20px;}

	.text-block:nth-child(4n - 2) .text-block-content {padding-right: 60px;}
	.text-block:nth-child(4n) .text-block-content {padding-left: 60px;}

	.pub-slider .splide__arrow.splide__arrow--prev {top: 0; left: 0;}
	.pub-slider .splide__arrow.splide__arrow--next {top: 0; right: 0;}

	.reference-object-slide .reference-object-slide-content {flex: 0 0 400px; padding: 60px .75rem 30px;}

	.reference-objects-slider .splide__arrows {right: 400px;}

	.userbox-slider .userbox-slide {min-height: 0; padding-right: 312px; padding-right: calc(300px + .75rem);}
	.userbox-slider .userbox-slide:before {width:360px;}
	.userbox-slide .userbox-slider-nav {margin-top: 30px; padding: 30px 0;}

	.page-content-container .product-list-item .product-list-item-image {flex-basis: 200px;}

	footer:before {width: calc(100% - 1.5rem);}
}

@media only screen and (max-width:1164px) {
	html {scroll-padding-top: 65px;}

	header {position: sticky; top: -45px;}
	header .header-top-menu {gap: 20px;}
	header .header-top-menu ul.menu-root li a {padding: 0 10px;}
	header .header-top-menu ul.menu-root li a:after {margin: -2px 0 0;}

	header .navbar-brand {padding: 7px 0;}
	header .main-menu {display: block; height: 0; background: #fff; border-bottom: 1px solid var(--gray-100); position: absolute; top: 100%; left: 0; right: 0; overflow: hidden;}
	header .main-menu.active {height: auto;}
	header .main-menu ul.menu-root li {display: block;}
	header .main-menu ul.menu-root li a {padding: 0 .75rem;}
	header .main-menu ul.menu-root li a:after {content: none;}

	header .hamburger {display: block;}

	/*
	.header-pillow {height: 110px;}
	*/
	.header-pillow {display: none;}

	.yawal-group-item .logo {flex: 0 0 200px; padding-right: .75rem;}
}

@media only screen and (max-width:1064px) {
	.offer-accordion {flex-wrap: wrap; margin-top: -30px;}
	.offer-accordion .offer-accordion-item,
	.offer-accordion.active .offer-accordion-item {flex: 0 0 33.333333%; margin-top: 30px;}
	.offer-accordion .offer-accordion-item.active {flex-grow: 0;}
	.offer-accordion:not(:hover) .offer-accordion-item:first-child {flex-grow: 0;}
	.offer-accordion:hover .offer-accordion-item:last-child {flex-grow: 0;}
	.offer-accordion .offer-accordion-item:hover {flex-grow: 0;}
	.offer-accordion .offer-accordion-item:hover ~ .offer-accordion-item:last-child {flex-grow: 0;}

	.offer-accordion-item .image {height: auto; aspect-ratio:  16 / 9;}
	.offer-accordion-item .title {padding: 30px 10px 30px 0;}

	.product-list-item .properties-list {column-count: 2;}
}

@media only screen and (max-width:1024px) {
	.widget-slider.widget-slider-full-height .slider-slide {height:56.25vw;}
	.banner-text-top .widget-slider.widget-slider-as-background .slider-slide {justify-content: center;}

	.page-title-banner {min-height: 300px; align-items: center;}
	.page-title-banner-container {margin-bottom: 0;}

	.left-side-content {flex: 0 0 220px; padding-right: 0;}
	.left-side-content + .main-content {max-width: calc(100% - 220px)}

	.left-side-content > .left-side.stick-top, 
	.left-side-content > .left-side.stick-bottom {width: 220px;}
	.left-side-content > .left-side.stick-top {top: 65px;}
	.left-side-content > .left-side.stick-container-bottom {width: 220px;}

	.call-to-action .content-container .header {font-size: clamp(3rem, 1.7194rem + 3.5635vw, 4rem);}

	.steps .steps-item .icon-container {flex: 0 0 160px; padding: 60px 60px 0 0;}
	.steps .steps-item .content:before {width: 100%;}
	.steps .steps-item .step-number {margin: 0 0 30px;}

	.footer-top {gap: .75rem;}
	.footer-top .widget-text {order: -1; flex: 0 0 100%;}
	.footer-top .widget-text * {text-align: center !important;}

	.product-list > .product-list-item {gap: .75rem;}
	.product-list-item .product-list-item-image {flex-basis: 200px;}

	.accesory-list > .accesory-list-item {gap: .75rem;}
	.accesory-list > .accesory-list-item > .container-wide {gap: .75rem;}

	.advantages ul {column-count: 1;}

	.text-block:nth-child(4n - 2) .text-block-content {padding-right: .75rem;}
	.text-block:nth-child(4n) .text-block-content {padding-left: .75rem;}

	.userbox-slider-container {width: calc(100vw - 220px);}

	.yawal-work-content {gap: 1.5rem;}

	.product-colors-list .product-color {flex-basis: calc(33.333333% - 15px);}

	.page-content-container .product-list-item .prod-header {flex-direction: column;}
}

@media only screen and (max-width:900px) {
	.text-block .text-block-image {width: 33.333333%;}
	.text-block .text-block-content {width: 66.666666%;}

	.reference-object-slide .reference-object-slide-content {flex: 0 0 50%;}

	.reference-objects-slider .splide__arrows {right: 50%;}
}

@media only screen and (min-width:768px) and (max-width:800px) {
	.page-content-container .product-list > .product-list-item {display: block;}
	.page-content-container .product-list-item .product-list-item-image {margin: 0 0 30px; text-align: center;}
}

@media only screen and (max-width:767px) {
	header .header-top {gap: 10px;}
	header .header-top-menu {gap: 10px;}
	header .header-top-menu ul.menu-root li a {padding: 0 5px;}

	.image-mosaic .tile {flex: 0 0 calc(33.333333% - 4px);}

	.widget-slider.widget-slider-as-background .slider-slide {justify-content: center;}
	.widget-slider .slide-texts {padding: 50px 50px;}
	.widget-slider .slide-texts .slide-text-title {font-size: clamp(1.5rem, 0.2310rem + 7.8624vw, 4rem);}
	.widget-slider .slide-texts .slide-text-title + .slide-text-description  {margin-top: 15px;}

	.pagination .page-prev .page-link,
	.pagination .page-next .page-link {position: static; transform: none;}
	.pagination .page-prev .page-link {padding-left: .75rem;}
	.pagination .page-next .page-link {padding-right: .75rem;}
	.pagination .page-prev .page-link span,
	.pagination .page-next .page-link span {display: none;}

	.page-content-container {display: block;}
	.left-side-content > .left-side {position: static;}
	.left-side-content + .main-content {max-width: 100%;}
	.left-side-content > .left-side {padding: 0;}

	.widget-entity:not(.widget-space-left-side) .widget-title {padding: 0;}


	.offer-accordion .offer-accordion-item,
	.offer-accordion.active .offer-accordion-item  {flex: 0 0 50%;}

	.why-us-item .title {color: var(--gray-900);}
	.why-us-item .title:after {opacity: 1;}
	.why-us-item .content {color: var(--gray-900);}

	.video-list-container {display: block;}
	.video-list-container .video-list {margin-top: 30px;}
	.video-list-container .video-list > ul {display: flex; padding: 0 0 30px; position: static;}
	.video-list-container .video-list > ul .simplebar-content {display: flex;}
	.video-list-container .video-list > ul li {flex-basis: 33.333333%; flex-shrink: 0; padding: 0 1px;}
	.video-list-container .video-list > ul li + li {margin-top: 0;}
	.video-list-container .video-list > ul li:first-of-type {margin-left: -1px;}
	.video-list-container .video-list > ul li:last-of-type {margin-right: -1px;}

	.pub-list .pub-list-separator {display: none;}

	.btn-group .btn {flex: 0 0 50%;}
	.btn-group .btn:nth-child(odd):before {content: none;}

	.contact-tabs {display: block;}

	.product-list-item .prod-header {flex-direction: column;}
	.product-list-item .properties-list {column-count: 1;}

	.dropdown-boxes:not(.active) > .row > div:nth-child(n+3) {display: none;}

	.text-block {min-height: 0;}
	.text-block .container-wide {display: block;}
	.text-block .text-block-image {display: none;}
	.text-block .text-block-content {width: 100%; padding: 0;}
	.text-block:nth-child(4n - 2) .text-block-content {padding-right: 0;}
	.text-block:nth-child(4n) .text-block-content {padding-left: 0;}

	.history-slider .splide__track {overflow: hidden;}
	.history-slider .slider-slide:before {content: none; }
	.history-slider .slider-slide:after {content: none; }
	.history-slide .history-slide-image {margin: 0;}
	.history-slide .history-slide-year {flex: 0 0 auto;}
	.history-slide .history-slide-description {flex: 0 1 auto;}

	.history-slider .splide__arrows {top: 0;}
	.history-slider .splide__arrow {width: 50px; height: 50px;}

	.userbox-slider-container {width: 100%;}
	.userbox-slider .userbox-slide {padding-right: 0;}
	.userbox-slider .userbox-slide:before {display: none;}
	.userbox-slide .userbox-slider-image {display: none;}
	.userbox-slider .userbox-slide-content {max-width: none;}

	.yawal-group-item .content {max-width: none;}

	.yawal-work-container {padding: 60px .75rem;}
	.yawal-work-content {display: block; text-align: center;}
	.yawal-work-content a.btn {margin: 60px auto 0; width: auto;}
}

@media only screen and (max-width:700px) {
	.team-member .team-member-image + .team-member-data {flex: 0 1 100%; width: auto; padding: 30px .75rem; position: static;}
}

@media only screen and (max-width:575px) {
	header .navbar {gap: 10px;}
	.navbar-end {gap: 10px;}

	.nav-tabs {display: block; border-bottom: none;}
	.nav-tabs > .nav-link {width: 100%; margin-bottom: 0; border-bottom: 1px solid var(--gray-200) !important;}
	.nav-tabs > .nav-link + .nav-link {border-top: none; border-left: 1px solid var(--gray-200);}
	.nav-tabs > .nav-link:after {content: ''; display: block; width: 5px; height: 10px; background: var(--gray-800); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position: center; -webkit-mask-position: center; mask-size:contain; -webkit-mask-size:contain; transform: rotate(90deg); transition: var(--transition);}
	.nav-tabs > .nav-link:hover,
	.nav-tabs > .nav-link:focus,
	.nav-tabs > .nav-link.active {color: var(--red-500);}
	.nav-tabs > .nav-link:hover:after,
	.nav-tabs > .nav-link:focus:after,
	.nav-tabs > .nav-link.active:after {background: var(--red-500);}

	.widget-slider .slide-texts {padding: 50px .75rem;}

	.banner .widget-yawal-social-media {padding: 0 .75rem .75rem .75rem;}

	.page-title-background .breadcrumbs-container {display: none;}

	.page-title-banner .breadcrumbs-container {display: none;}

	.image-mosaic .tile {flex: 0 0 calc(50% - 2px);}

	.offer-accordion .offer-accordion-item,
	.offer-accordion.active .offer-accordion-item {flex: 0 0 100%;}

	.video-list-container .video-list > ul li {flex-basis: 50%;}

	.call-to-action {display: block;}
	/*
	.call-to-action .content-container .header {margin: 0 0 60px; font-size: 4rem; line-height: 1; max-width: 830px;}
	.call-to-action .content-container .header strong {font-weight: inherit; color:  var(--red-500);}
	.call-to-action .content-container .content { max-width: 830px;}
	.call-to-action .content-container .header + .content:before {content: ''; display: block; width: 100px; height: 1px; margin: 0 0 60px; background: var(--red-500);}
	*/
	.call-to-action .image-container {display: none;}
	.call-to-action .content-container .header {font-size: clamp(2rem, 0.3256rem + 7.4419vw, 3rem);}

	.download-list-item {padding: 20px .75rem; gap: .75rem;}
	.download-list-item .download-list-item-name {gap: .75rem;}
	.download-list-item .download-list-item-download {gap: .75rem;}

	.partner-search-form {display: block;}
	.partner-search-form .btn.btn-arrow {display: flex; margin: 0 auto 30px;}

	.newsletter-form {display: block;}
	.newsletter-form:not(:first-child) {margin-top: 30px;}
	.newsletter-form .btn.btn-arrow {display: flex; margin: 0 auto 30px;}

	.product-list {}
	.product-list > .product-list-item {display: block;}
	.product-list-item .product-list-item-image {margin: 0 0 30px; text-align: center;}

	.accesory-list > .accesory-list-item {display: block;}
	.accesory-list > .accesory-list-item > .container-wide {display: block;}
	.accesory-list-item .accesory-list-item-image {margin: 0 0 30px; text-align: center;}

	.product-colors-list .product-color {flex-basis: calc(50% - 10px);}

	.reference-objects-slider {padding-bottom: 70px;}
	.reference-object-slide {display: block;}
	.reference-object-slide .reference-object-slide-content { padding: 30px .75rem;}
	.reference-object-slide .reference-object-slide-content > .link-arrow {align-self: flex-end; margin-top: 30px; /*font-family: 'IBM Plex Mono', monospace;*/ font-size: .875rem; line-height: 1.25rem; fon-weight: 400;}

	/*
	.reference-objects-slider .splide__arrows {display: flex; position: absolute; bottom: 0; right: 480px; transform: translateX(50%); z-index: 1;}
	.reference-objects-slider .splide__arrow {display: flex; width: 70px; height: 70px; position: static; background: var(--btn-bg); border-radius: 0 2px 2px 0; transform: none; opacity: 1 !important; transition:var(--transition);}
	.reference-objects-slider .splide__arrow:after {content: ''; display: block; width:10px; height:20px; margin: auto; background: #fff; mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-position:center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition:var(--transition);}
	.reference-objects-slider .splide__arrow.splide__arrow--prev {transform: scaleX(-1);}
	.reference-objects-slider .splide__arrow svg {display: none;}
	.reference-objects-slider .splide__arrow:hover,
	.reference-objects-slider .splide__arrow:focus {background: var(--btn-bg-active);}
	*/

	.yawal-group-item {display: block;}
	.yawal-group-item .logo {margin-bottom: 60px;}
	/*
	.yawal-group-item + .yawal-group-item {margin-top: 60px; padding-top: 30px; position: relative;}
	.yawal-group-item + .yawal-group-item:before {content: ''; display: block; width: calc(100vw - 100px - 17px); height: 1px; background: var(--gray-200); position: absolute; top: 0; left: calc(50% - 160px); transform: translateX(-50%);} 
	.yawal-group-item .logo {flex: 0 0 330px; padding-right: 60px;}
	.yawal-group-item .content {max-width: 500px;}
	.yawal-group-item .address {position: relative;}
	.yawal-group-item .description  + .address {margin-top: 60px; padding-top: 20px;}
	.yawal-group-item .description  + .address:before {content: ''; display: block; width: 100vw; max-width: calc(50vw - 75px - 17px);/*calc(50vw - 720px + 620px);*/ height: 1px; background: var(--gray-200); position: absolute; top: 0; left: 0; }
	*/

	.footer-bottom {flex-direction: column; align-items: center; gap: 30px;}

	.copyrights {flex-direction: column; text-align: center;}
}

@media only screen and (max-width:500px) {
	.searchbar .searchbox {width: calc(100vw - 1.5rem - 82px);}

	.video-list-container .video-list > ul li {flex-basis: 100%;}

	.steps .steps-item {display: block;}
	.steps .steps-item .content:before {content: none;}

	.offer-buttons .btn {flex: 0 0 100%;}

	.product-parameters-list li {display: block;}
	.product-parameters-list li > div {display: block;}
	.product-parameters-list .name {padding-right: 0; border-bottom: none;}
	.product-parameters-list .value {white-space: normal;}

	.history-slide .history-slide-data {display: block;}
	.history-slide .history-slide-year {margin: 0 0 30px; text-align: left;}
	.history-slide .history-slide-description {padding: 0;}
}

@media only screen and (max-width:360px) {
	header .navbar-brand {width:200px; height: 65px; padding: 10px 0;}

	.footer-top {gap: 0;}
	.footer-top .widget-text + .widget-menu {margin-top: 30px;}
	.footer-top .widget-menu {flex: 0 0 100%;}

	footer .menu-layout-v ul.menu-root li a {padding: 10px 15px; text-align: center;}
	footer .menu-layout-v ul.menu-root li a:before {content: none;}
	footer .menu-layout-v ul.menu-root li:hover > a,
	footer .menu-layout-v ul.menu-root li a:hover,
	footer .menu-layout-v ul.menu-root li a:focus {padding: 10px 15px;}

	.client-type-individual-clients footer .menu-layout-v ul.menu-root li.menu-individual-clients a,
	.client-type-architects footer .menu-layout-v ul.menu-root li.menu-architects a,
	.client-type-producers footer .menu-layout-v ul.menu-root li.menu-producers a {padding: 10px 15px;}

	.download-list-item .download-list-item-download {display: none;}
}