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

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

.wrapper {max-width: 100%; overflow: hidden; overflow: clip;}
/*container*/
.container-fluid {padding-left: var(--container-padding); padding-right: var(--container-padding);}
.container-fluid .container-fluid,
.container-wide .container-fluid,
.container-narrow .container-fluid {padding-left: 0; padding-right: 0;}
.container-wide {width: 100%; max-width: calc(var(--container-wide) + 2 * var(--container-padding)); margin-left: auto; margin-right: auto; padding-left: var(--container-padding); padding-right: var(--container-padding);}
.container-fluid .container-wide,
.container-wide .container-wide,
.container-narrow .container-wide {max-width: var(--container-wide); padding-left: 0; padding-right: 0;}
.container-narrow {width: 100%; max-width: calc(var(--container-narrow) + 2 * var(--container-padding)); margin: auto; padding-left: var(--container-padding); padding-right: var(--container-padding);}
.container-fluid .container-narrow,
.container-wide .container-narrow,
.container-narrow .container-narrow {max-width: var(--container-narrow); padding-left: 0; padding-right: 0;}
/*container end*/

/*header*/
header {min-height: 56px; 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 .navbar {display: flex; justify-content: space-between; align-items: center; gap: 1rem; position: static;}
header .navbar-brand {padding: 0; margin: 0; filter: brightness(1) invert(0); transition: var(--transition);}
.navbar-end {display: flex; align-items: center; gap: 1rem;}
/*header end*/

/*main menu*/
header .main-menu {}
header ul.menu-root li a {padding: 0 .75rem; font-size: 1rem; font-weight: 400; color: var(--menu-color); position: relative;}
header ul.menu-root li a:before {content: ''; display: block; width: .25rem; height: .25rem; background: var(--menu-accent); border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; transition: var(--transition);}
header ul.menu-root li.active a,
header ul.menu-root li a.active,
header ul.menu-root li:hover > a,
header ul.menu-root li:focus > a, 
header ul.menu-root li a:is(:hover, :focus) {color: var(--menu-color-active);}
header ul.menu-root li.active > a:before,
header ul.menu-root li > a.active:before,
header ul.menu-root li a:is(:hover, :focus):before {opacity: 1;}
/*main menu end*/

/*main menu - client type*/
.client-type-commercial header ul.menu-root li.menu-commercial > a,
.client-type-residential header ul.menu-root li.menu-residential > a {color: var(--menu-color-active);}
.client-type-commercial header ul.menu-root li.menu-commercial > a:before,
.client-type-residential header ul.menu-root li.menu-residential > a:before {opacity: 1;}

ul.menu-root li.menu-btn {text-align: right;}
ul.menu-root li.menu-btn > a {display: inline-block; padding: 0 1rem !important; background: #dc3545; border-radius: var(--radius); color: #fff; text-transform: uppercase;}
ul.menu-root li.menu-btn > a:before {content: none;}
header ul.menu-root li.menu-btn a.active,
header ul.menu-root li.menu-btn:hover > a,
header ul.menu-root li.menu-btn:focus > a,
ul.menu-root li.menu-btn > a:is(:hover, :focus) {background: #bc1525; color: #fff;}

ul.menu-root li.menu-link-red > a {color: #dc3545;}
header ul.menu-root li.menu-link-red > a:before {background: #bc1525;}
ul.menu-root li.menu-link-red > a:is(:hover, :focus) {color: #bc1525;}
/*main menu - client type*/

/*hamburger*/
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);}
/*hamburger end*/

/*simplebar*/
.simplebar-track.simplebar-vertical,
.simplebar-track.simplebar-horizontal {background: var(--gray-200); 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(--blue-500); top: 0; bottom: 0; left: 0; right: 0;}
/*simplebar end*/

/*dragscroll*/
.dragscroll {cursor: grab;}
.dragscroll:active {cursor: grabbing;}
/*dragscroll*/

/*glightbox*/
.glightbox-container.glightbox-clean .gdesc-inner {padding: .75rem;}
.glightbox-container.glightbox-clean .gslide-title {font-size: 1rem; line-height: 1.5;}
.glightbox-container.glightbox-clean .gslide-title:last-child {margin-bottom: 0;}
/*glightbox end*/

/*form*/
.form-group {margin:0 0 30px;}
.form-group label {margin: 0 0 10px; font-size: .875rem; line-height: 1.25rem; font-weight: 400; color: var(--gray-900);}
.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(--blue-500); border-color: var(--blue-500);}
.checkbox > input:checked + span:after {opacity: 1;}

.checkbox-multiple {}
.checkbox-multiple-label {margin: 0 0 10px; font-size: .875rem; line-height: 1.25rem; font-weight: 400; color: var(--gray-900);}
.checkbox-multiple .form-group {margin: 0;}

.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-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(--blue-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 {display: inline-flex; align-items: center; 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; border: none; 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 end*/

/*pagination*/
.pagination {position: relative; padding-top: 30px; border-top: 1px solid var(--gray-200);}
.pagination .page-item {}
.pagination .page-link {border: none; background: transparent; 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(--blue-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(--blue-500);}
.pagination .page-item.disabled .page-link {background: transparent;}
/*pagination end*/

/*gallery*/
.image-mosaic {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 60px;}
.image-mosaic .tile {flex: 0 0 calc(25% - 15px); aspect-ratio: 4 / 3; background: no-repeat center / cover; position: relative; overflow: hidden;}
.image-mosaic .tile.contain {background-size: contain;}
.image-mosaic .tile:before {content: ''; display: block; width: 100%; height: 100%; background: var(--blue-500); position: absolute; top: 0; left: 0; opacity: 0; transition:var(--transition);}
.image-mosaic .tile:is(:hover, :focus):before {opacity: .6;}
.image-mosaic .tile .tile-title {display: block; align-content: center; width: 100%; min-height: calc(2lh + 1rem);padding: .5rem; background: rgb(from var(--blue-500) r g b / .7); font-size: .875rem; font-weight: 400; color: #fff; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 1; transition: var(--transition);}
.image-mosaic .tile:is(:hover, :focus) .tile-title {background: rgb(from var(--blue-500) r g b / 0);}
/*gallery end*/

/*accordion*/
.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(--blue-500);}
.accordion-item .accordion-button:hover:after,
.accordion-item .accordion-button:focus:after {background: var(--blue-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: #fff;/*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);*/}
/*page layout*/
.page-content-container {display: flex; margin: 60px auto;}
.page-title-banner + .wrapper .page-content-container {margin-top: 0;}
.main-content {flex-grow: 1; max-width: 100%; margin: 60px 0; position: relative;}
.page-title-banner + .wrapper .main-content {margin-top: 0;}
.left-side-content {flex: 0 0 320px; margin: 0 0 60px; padding-right: calc(30px - .75rem); position: relative;}
.left-side-content + .main-content {margin: 0;}
.left-side-content + .main-content > div {max-width: 900px; margin: 0 0 0 auto;}
/*
.left-side-content > .left-side {position: sticky; top: 110px;}
*/
.left-side-content > .left-side {padding: 0 .75rem; background: #fff; box-shadow: 0px 14px 45px 0px rgba(16, 60, 69, 0.05);}
.left-side-content > .left-side.stick-top, 
.left-side-content > .left-side.stick-bottom {width: 290px; position: fixed; 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)}
/*page layout end*/

/*side menu*/
.left-side-content ul.menu-root {}
.left-side-content ul.menu-root li a {color: var(--gray-500); font-size: .875rem; font-weight: 400; transition: var(--transition);}
.left-side-content ul.menu-root li:hover > a,
.left-side-content ul.menu-root li a:is(:hover :focus),
.left-side-content ul.menu-root li.active > a,
.left-side-content ul.menu-root li > a.active {color: var(--blue-700);}
.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 {}
.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:hover > a,
.left-side-content .menu-layout-v ul.menu-root li a:is(:hover, :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:is(:hover, :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:is(:hover, :focus):after {background: var(--blue-700);}

.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);}
/*side menu end*/

/*banner*/
.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: rgba(26, 35, 43, 0.4); position: absolute; top: 0; bottom: 0; left: 0; right: 0; mix-blend-mode: darken; z-index: 1;}
.widget-slider .slide-texts {padding: 0 0 200px; width: 100%; position: relative; z-index: 1;}
.widget-slider .slide-texts .slide-text-title {font-size: 1.5rem; line-height: 1.875rem; font-weight: 300; color: #fff; letter-spacing: -0.02em; text-shadow: 0 0 4px rgba(26, 35, 43, 0.6);}
.widget-slider .slide-texts .slide-text-description {font-size: clamp(3rem, 0.7143rem + 4.7619vw, 5rem);/*48-80px*/ line-height: clamp(3.6rem, 1.8571rem + 3.631vw, 5.125rem); color: #fff; text-shadow: 0 0 4px rgba(26, 35, 43, 0.6);}
.widget-slider .slide-texts .slide-text-title + .slide-text-description  {margin-top: 60px;}
.widget-slider .splide__video {z-index: 0;}

.widget-slider .splide__arrows {display: flex; gap: 1rem; position: absolute; bottom: 100px; left: max(var(--container-padding), calc(50% - var(--container-wide) / 2)); transform: translateY(50%); z-index: 1;}
.widget-slider .splide__arrow {display: block; width: 3rem; height: 3rem; margin: 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: 1rem; -webkit-mask-size: 1rem; transform: none; opacity: .7; transition:var(--transition);}
.widget-slider .splide__arrow.splide__arrow--prev {transform: scaleX(-1);}
.widget-slider .splide__arrow:is(:hover, :focus) {opacity: 1;}
.widget-slider .splide__arrow svg {display: none;}

.widget-slider .splide__pagination {display: flex; gap: 1rem; padding: 0; position: absolute; bottom: 100px; left: auto; right: max(var(--container-padding), calc(50% - var(--container-wide) / 2)); transform: translateY(50%); z-index: 1;}
.widget-slider .splide__pagination__page {width: .5rem; height: .5rem; margin: 0; background: #fff; opacity: .7; transform: none; transition: var(--transition);}
.widget-slider .splide__pagination__page.is-active {opacity: 1; transform: none;}
.widget-slider .splide__pagination__page:is(:hover, :focus) {opacity: 1;}
/*banner end*/

/*breadcrumbs*/
.breadcrumbs-container {}
.breadcrumb {margin: 0; padding: 15px 0; font-size: .875rem; line-height: 1.25; color: #fff; letter-spacing: -0.015em;}
.breadcrumb-item {display: inline-flex; align-items: center; }
.breadcrumb-item a {color: #fff;}
.breadcrumb-item a:is(:hover, :focus) {color: var(--gray-200);}
.breadcrumb-item + .breadcrumb-item {padding-left: 12px;}
.breadcrumb-item + .breadcrumb-item::before {content: ''; width: 4px; height: 7px; padding: 0; margin-right: 12px; background: #fff; 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;}

/*breadcrumbs end*/

/*page title*/
.page-title-banner {display: flex; align-items: center; min-height: 100vh; margin: 0 0 60px; background: no-repeat center / cover; position: relative;}
.page-title-banner:before {content: ''; display: block; background: rgba(26, 35, 43, 0.4); position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.page-title-banner .page-title-content {width: 100%; position: relative; z-index: 1;}
.page-title-banner .date {display: block; font-size: .75rem; font-weight: 400; color: #fff; margin-bottom: 20px; text-shadow: 0 0 4px rgba(26, 35, 43, 0.6);}
.page-title-banner .page-title-small-node {color: #fff;}
.page-title-banner .page-title-node {margin: 0; font-size: var(--h1); line-height: var(--h1-lh); font-weight: 300; color: #fff; text-shadow: 0 0 4px rgba(26, 35, 43, 0.6);}
.page-title-banner .page-title-description {margin: 0; font-size: var(--h5); line-height: var(--h5-lh); font-weight: 300; color: #fff; text-shadow: 0 0 4px rgba(26, 35, 43, 0.6);}
.page-title-banner .page-title-node + .page-title-description {margin-top: 1.5rem;}
.page-title-banner .page-title-small-node + .page-title-node {margin-top: 60px;}
.page-title-banner .page-title-category {display: block; margin-bottom: 60px; font-size: var(--h5); line-height: var(--h5-lh); font-weight: 300; color: #fff; text-shadow: 0 0 4px rgba(26, 35, 43, 0.6);}
.page-title-banner .breadcrumbs-container {width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1;}

.page-title-background {display: flex; align-items: flex-end; height: 480px; max-height: 100vh; background: no-repeat center / cover; position: relative;}
.page-title-background:before {content: ''; display: block; width: 100%; height: 100%; background: rgba(26, 35, 43, 0.25); position: absolute; top: 0; left: 0;}
.page-title-background .page-title-content {width: 100%; position: relative; z-index: 1;}
.page-title-background .page-title-node {margin: 0; font-size: var(--h1); line-height: var(--h1-lh); font-weight: 300; color: #fff; text-shadow: 0 0 4px rgba(26, 35, 43, 0.6);}
.page-title-background .breadcrumbs-container {}

.page-title-background.full-window-height {height: 100vh; align-items: center;}
.page-title-background.full-window-height .page-title-content {height: 100vh; display: flex; align-items: center;}
.page-title-background.full-window-height .breadcrumbs-container {position: absolute; bottom: 0;}
/*page title end*/

/*client select screen*/
.client-select-screen {display: flex; min-height: 100vh; position: relative;}
.client-select-screen .client-select {display: flex; align-items: center; flex: 50% 0 1; padding: 100px .75rem 2rem; background: rgba(25, 50, 54, 0.3); position: relative; overflow: hidden; transition: .5s;}
.client-select-screen .client-select.commercial {padding-left: max(var(--container-padding), calc(50% - var(--container-wide) / 2));}
.client-select-screen .client-select.residential {justify-content: flex-end; padding-right: max(var(--container-padding), calc(50% - var(--container-wide) / 2));}
.client-select-screen .client-select:before {content: ''; display: block; width: 100%; height: 100%; background: var(--gray-500) no-repeat center / cover; position: absolute; top: 0; left: 0; z-index: -1; transform: scale(1); transition: 3s ease-in-out;}
.client-select-screen .client-select.commercial:before {background-image: url('../images/client-select-commercial.webp');}
.client-select-screen .client-select.residential:before {background-image: url('../images/client-select-residential.webp?v=20250203');}
.client-select-screen .client-select-title {display: inline-flex; align-items: center; gap: 30px; color: #fff;}
.client-select-screen .client-select-title:after {content: ''; display: block; width: 20px; height: 30px; 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;  opacity: 0; transition:var(--transition);}
.client-select-screen .client-select.residential .client-select-title {margin-right: -50px;}

.client-select-screen:is(:hover, :focus, :focus-within) .client-select {background-color: rgba(25, 50, 54, 0.6);}
.client-select-screen .client-select:is(:hover, :focus) {background-color: rgba(25, 50, 54, 0.2);}
.client-select-screen .client-select:is(:hover, :focus):before {transform: scale(1.25);}
.client-select-screen .client-select:is(:hover, :focus) .client-select-title:after {opacity: 1;}
/*client type select screen*/

/*tagline*/
.page-tagline-container {width: 100%; position: absolute; bottom: 30px; left: 0;}
.page-tagline-container .page-tagline {color: #fff;}
/*tagline end*/

/*widget*/
.widget-space-homepage,
.widget-space-content {margin-top: 100px;}
.widget-space-homepage:last-child,
.widget-space-content:last-child {margin-bottom: 100px;}

.widget-entity:not(.widget-space-left-side) .widget-title {width: 100%; max-width: calc(var(--container-wide) + 2 * var(--container-padding)); margin: auto; padding-left: var(--container-padding); padding-right: var(--container-padding); 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: var(--container-wide); padding-left:0; padding-right:0;}
.widget-entity:not(.widget-space-left-sidee) .widget-title-inner {font-size: var(--h2); font-weight: 300; color: var(--gray-900); line-height: var(--h2-lh);}
.page-content-container .widget-entity .widget-title {max-width: var(--container-wide); padding-left:0; padding-right:0;}
.widget-title-small .widget-title-inner {font-size: var(--h5); line-height: var(--h5-lh);}

.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-size: .875rem;}

.widget-title-small .widget-title .widget-title-inner {font-size: .875rem; line-height: 1.25; font-weight: 400; color: var(--blue-700); letter-spacing: -0.015em; text-transform: uppercase;}

.text-white .widget-title .widget-title-inner {color: #fff;}
/*widget end*/

/*offer accordion*/
.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 .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: 180px; max-width: 100%; margin: 0; padding: 40px 10px 40px 0; font-size: 1rem; font-weight: 400; color: var(--gray-900); line-height: 1.25rem; text-transform: uppercase; position: relative; transition: var(--transition);}
.offer-accordion-item .title:after {content: ''; display: block; width:20px; height:10px;  background:var(--gray-300); 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:is(:hover, :focus) .title {color: var(--blue-500);}
.offer-accordion-item:is(:hover, :focus) .title:after {background: var(--blue-500);}
/*offer accordion end*/

/*background text - view type 1*/
.background-text-1 {display: flex; flex-direction: column; justify-content: space-between; min-height: min(700px, 100vh); padding: 60px 50px; background: no-repeat center / cover; border-radius: var(--radius); position: relative; overflow: hidden; z-index: 1;}
.background-text-1:before {content: ''; display: block; width: 100%; height: 100%; background: url('../images/logo-sign-white.svg'), linear-gradient(45deg, rgba(20, 186, 214, 1), rgba(20, 186, 214, 0.06)); background-repeat: no-repeat; background-position: calc(100% + 200px) calc(100% + 150px), center; background-size: 650px 560px, cover; position: absolute; top: 0; left: 0; z-index: -1;}
.background-text-1 .background-text-content {width: 50%;}
/*background text - view type 1 end*/

/*background text - view type 2*/
.background-text-2 {display: flex; padding: 0 1rem; background: no-repeat center / cover;}
.background-text-2:after {content: ''; display: block; padding-top: 75%;}
.background-text-2 .background-text-content {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; flex: 260px 0 1; width: 260px; padding: 5rem 2rem; background: var(--blue-500);}
/*background text - view type 2 end*/

/*icon blocks*/
.icon-blocks {margin-top: -50px;}
.icon-blocks .icon-block {margin-top: 50px; padding: 30px; border: 1px solid var(--gray-200); border-radius: var(--radius); font-size: .875rem; color: var(--gray-800); text-align: center;}
.icon-blocks .icon-block .icon-block-icon {display: block; aspect-ratio: 1; object-fit: contain; object-position: center;}

.icon-blocks-slider {display: flex; gap: 30px; padding-bottom: 30px;}
.icon-blocks-slider .simplebar-content {display: flex; gap: 30px;}
.icon-blocks-slider .simplebar-content:before,
.icon-blocks-slider .simplebar-content:after {content: none;}
.icon-blocks-slider .icon-block {flex: calc(25% - 22.5px) 0 0; width: calc(25% - 22.5px); padding: 30px; border: 1px solid var(--gray-200); border-radius: var(--radius); font-size: .875rem; color: var(--gray-800);}

.icon-blocks-progress-container {background: var(--gray-200); border-radius: 3px; overflow: hidden;}
.icon-blocks-progress {height: 3px; border-radius: 3px; background: var(--blue-500);}
/*icon blocks end*/

/*video list*/
.video-list-widget-container {}
.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; opacity: .6; transition: var(--transition);}
.video-list-item:is(.active, :hover, :focus, :focus-within) {opacity: 1;}
.video-list-item .video-poster {margin: 0 0 20px; position: relative;}
.video-list-item .video-poster:before {content: ''; display: block; width: 50px; height: 50px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: var(--transition);}
.video-list-item .video-poster:after {content: ''; display:block; width: 10px; height: 10px; background: var(--gray-800); 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:before,
.video-list-item:is(:hover, :focus) .video-poster:before {background: var(--blue-500);}
.video-list-item.active .video-poster:after,
.video-list-item:is(:hover, :focus) .video-poster:after {background: #fff;}
.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:is(:hover, :focus) .video-title {color: var(--gray-900);}

.plyr--video .plyr__control--overlaid {width: 50px; height: 50px; background: #fff; border-radius: 50%;}
.plyr--video .plyr__control--overlaid:before {content: ''; display:block; width: 10px; height: 10px; background: var(--gray-800); 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);}
.plyr--video .plyr__control--overlaid svg {display: none;}
.plyr--video .plyr__control--overlaid:is(:hover, :focus):before {background: #fff;}
/*video list end*/

/*category video list*/
.category-video-list {}
.category-video-list-item {display: block; margin-bottom: 60px;}
.category-video-list-item .video-poster {}
.category-video-list-item .video-poster {margin: 0 0 20px; position: relative;}
.category-video-list-item .video-poster:before {content: ''; display: block; width: 50px; height: 50px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: var(--transition);}
.category-video-list-item .video-poster:after {content: ''; display:block; width: 10px; height: 10px; background: var(--gray-800); 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);}
.category-video-list-item .video-poster img {aspect-ratio: 16 / 9; object-fit: cover;}
.category-video-list-item .video-title {font-size: 1rem; line-height: 1.25rem; text-transform: uppercase;}
.category-video-list-item:is(:hover, :focus) .video-poster:before {background: var(--blue-500);}
.category-video-list-item:is(:hover, :focus) .video-poster:after {background: #fff;}
/*category video list end*/

/*pub list*/
.pub-list {}
.pub-list-item {display: flex; align-items: flex-start; gap: 60px;}
.pub-list-item + .pub-list-item {margin-top: 60px;}
.pub-list-item .pub-image {display: block; flex: auto 0 0; box-shadow: 0 0 0 rgba(8,54,69,0); transition: var(--transition);}
.pub-list-item .pub-image:is(:hover, :focus) {box-shadow: 0 30px 44px rgba(8,54,69,.25);}
.pub-list-item .pub-image picture {display: block;}
.pub-list-item .pub-image img {display: block;}
.pub-list-item .pub-content {display: flex; flex-direction: column; justify-content: space-between; gap: 40px;border-bottom: 1px solid var(--gray-200);}
.pub-list-item .date {display: block; margin-bottom: 40px; font-size: .75rem; line-height: 1.25rem; color: var(--gray-500);}
.pub-list-item .pub-title {transition: var(--transition);}
.pub-list-item .pub-title:is(:hover, :focus) {color: var(--link-color-active);}
.pub-list-item .pub-introduction {font-size: .875rem;}
.pub-list-item .pub-read-more {padding: 10px 0; font-size: .75rem;}
/*pub list end*/

/*product list*/
.product-list {}
.product-list .product-list-item {display: flex; gap: 1.5rem;}
.product-list .product-list-item + .product-list-item {margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--gray-200);}
.product-list .product-list-item-image {flex: 30% 0 0;}
.product-list .product-list-item-image .prod-image {display: block; border: 1px solid var(--gray-200); position: relative; transition: var(--transition);}
.product-list .product-list-item-image .prod-image:before {content: ''; display: block; width: 100%; height: 100%; background: var(--link-color-active); position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transition: var(--transition);}
.product-list .product-list-item-image .prod-image:is(a):is(:hover, :focus):before {opacity: .6;}
.product-list .product-list-item-content {display: flex; gap: .75rem; flex: auto 1 1;}
.product-list .product-list-item-content-main {flex: 1 1 auto;}
.product-list .product-list-item-content-side {flex: 0 0 230px;}
.product-list .prod-title a {font-weight: 400; color: var(--gray-900); text-transform: uppercase;}
.product-list .prod-title a:is(:hover, :focus) {color: var(--link-color-active);}

.product-list .product-list-item-image-slider {flex: 30% 0 0;}
.product-list .product-list-item-image-slider .splide__pagination {display: flex; flex-wrap: wrap; gap: .5rem; padding: .5rem; position: static;}
.product-list .product-list-item-image-slider .splide__pagination__page {width: .75rem; height: .75rem; margin: 0; background: var(--blue-500); opacity: .3; transform: none; transition: var(--transition);}
.product-list .product-list-item-image-slider .splide__pagination__page.is-active {opacity: 1; transform: none;}
.product-list .product-list-item-image-slider .splide__pagination__page:is(:hover, :focus) {opacity: 1;}

.product-list-item-tp {display: block; list-style: none; margin: 0; padding: 0;}
.product-list-item-tp .tp-item {display: flex; align-items: center; gap: .5rem; font-size: .875rem; line-height: 1.25;}
.product-list-item-tp .tp-item + .tp-item {margin-top: .75rem;}
.product-list-item-tp .tp-item p {margin: 0;}
.product-list-item-tp .tp-icon {width: 60px; height: 60px; flex: 0 0 60px; mask: no-repeat center / contain; -webkit-mask: no-repeat center / contain;}
.product-list-item-tp .tp-icon.has-icon {background: var(--blue-500); mask-image: var(--icon); -webkit-mask-image: var(--icon);}
.product-list-item-tp .tp-title {font-weight: 400;}

.product-list-item-config-options {display: flex; flex-wrap: wrap; gap: .75rem; list-style: none; margin: 0; padding: 0;}
.product-list-item-config-options .co-item {flex: 0 0 60px; font-size: .75rem; line-height: 1.25; text-align: center;}
/*
.product-list-item-config-options .co-icon {width: 35px; height: 35px; margin: 0 auto .5rem; mask: no-repeat center / contain; -webkit-mask: no-repeat center / contain;}
.product-list-item-config-options .co-icon.has-icon {background: var(--blue-500); mask-image: var(--icon); -webkit-mask-image: var(--icon);}
*/
.product-list-item-config-options .co-icon {width: 60px; height: 60px; margin: 0 auto .5rem; background: no-repeat center / contain;}
.product-list-item-config-options .co-icon.has-icon {background-image: var(--icon);}
.product-list-item-config-options .co-title {font-weight: 400;}
/*product list end*/

/*button group*/
.btn-group .btn {padding: .75rem; border-radius: 0; background: var(--gray-100); font-size: .875rem; font-weight: 400; color: var(--gray-900); position: relative;}
.btn-group .btn {display: inline-flex; justify-content: center; align-items: center;}
.btn-group .btn.active,
.btn-group .btn:is(:hover, :focus) {background: var(--blue-500); color: #fff;}
/*button group end*/

/*product*/
.ctrl-product .page-title-banner {margin-bottom: 0;}
/*
.product-content-container {}
.product-content-container .product-content {margin-top: 60px;}
.product-content-container.with-image {display: flex; min-height: 600px; min-height: min(600px, calc(100vh - 56px)); position: relative;}
.product-content-container.with-image .product-content {width: 50%; margin-top: 0; padding: 60px 100px 60px 0;}
.product-content-container .product-content-image {width: 50%; height: 100%; background: no-repeat center / cover; position: absolute; top: 0; right: 0;}

.product-content-container.with-image.image-position-right .product-content {}
.product-content-container.image-position-right .product-content-image {}

.product-content-container.with-image.image-position-left .product-content {margin-left: auto; margin-right: 0; padding-left: 100px; padding-right: 0;}
.product-content-container.image-position-left .product-content-image {right: auto; left: 0;}
*/
.product-content-container {}
.product-content-container.with-image {display: flex; align-items: flex-start;}
.product-content-container.with-image .product-content {width: 50%; padding-right: 100px;}
.product-content-container .product-content-image {flex: 0 0 50%; width: 50%;}

.product-content-container.with-image.image-position-right .product-content {}
.product-content-container.image-position-right .product-content-image {}

.product-content-container.with-image.image-position-left .product-content {padding-left: 100px; padding-right: 0;}
.product-content-container.image-position-left .product-content-image {order: -1;}

.product-sections {position: relative;}
.product-sections > section + section:before {content: ''; display: block; width: 100%; max-width: calc(var(--container-wide) + 2* var(--container-padding)); height: 1px; margin: 0 auto 60px; background: var(--gray-200);} 
/*product end*/

/*tab nav buttons*/
.nav-btn-container {display: flex; padding: 1px;}
.nav-btn-container .btn {flex: 1 0 20%; margin: -1px 0 0 -1px; padding: .75rem; border-radius: 0;}
/*tab nav buttons end*/

/*product colors*/
.product-color {display: flex; justify-content: center; align-items: flex-end; height: 90px; padding: 10px; background: no-repeat center / cover; border: 1px solid var(--gray-100); border-radius: var(--radius);}
.product-color .product-color-title {font-size: .8125rem; line-height: 1.25rem; color: var(--gray-900); text-align: center;}
/*product color end*/

/*accessories list*/
/*
.accessories-list {}
.accessories-list .accessories-list-item {display: block; margin-bottom: 60px;}
.accessories-list .accessories-list-item .accessory-image {aspect-ratio: 4 / 3; margin-bottom: 30px; background: no-repeat center / contain; border: 1px solid var(--gray-100); border-radius: var(--radius); position: relative; transition: var(--transition);}
.accessories-list .accessories-list-item .accessory-image.placeholder {position: relative; background: url('../images/logo-sign.svg') no-repeat center / 70%;}
.accessories-list .accessories-list-item .accessory-name {margin: 0; font-size: 1rem; line-height: 1.25rem; font-weight: 400; text-transform: uppercase;}
*/
.accessories-list {}
.accessories-list-horizontal {column-count: 4;}
.accessories-list .accessories-list-item {display: flex; align-items: center; gap: .75rem; break-inside: avoid;}
.accessories-list .accessories-list-item + .accessories-list-item {margin-top: 1.5rem;}
.accessories-list .accessories-list-item .accessory-image {flex: 0 0 6rem; aspect-ratio: 1; background: no-repeat center / contain; border: 1px solid var(--gray-100); border-radius: var(--radius); position: relative;}
.accessories-list .accessories-list-item .accessory-image.placeholder {position: relative; background: url('../images/logo-sign.svg') no-repeat center / 70%;}
.accessories-list .accessories-list-item .accessory-name {flex: 1; margin: 0; font-size: 1rem; line-height: 1.25rem; font-weight: 400; text-transform: uppercase;}
/*accessories list end*/

/*download list*/
.download-list {}
.download-list .download-list-item {display: block; margin-bottom: 60px;}
.download-list .download-list-item .file-image {aspect-ratio: 4 / 3; margin-bottom: 60px; background: var(--gray-100) no-repeat center / cover; border-radius: var(--radius); position: relative; transition: var(--transition);}
.download-list .download-list-item .file-image.thumbnail:before {content: ''; display: block; width: 100%; height: 100%; background: var(--blue-500); position: absolute; top: 0; left: 0; opacity: 0; transition:var(--transition);}
.download-list .download-list-item .file-image:after {content: ''; display: block; width: 32px; height: 42px; background: var(--blue-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:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition:var(--transition);}
.download-list .download-list-item .file-image.thumbnail:after {opacity: 0;}
.download-list .download-list-item .file-extension {margin: 0 0 10px; font-size: .75rem; line-height: 1.25rem; font-weight: 400; color: var(--gray-400); text-transform: uppercase;}
.download-list .download-list-item .file-name {margin: 0; font-size: 1rem; line-height: 1.25rem; font-weight: 400; text-transform: uppercase;}

.download-list .download-list-item:is(:hover, :focus) .file-image {background-color: var(--blue-500);}
.download-list .download-list-item:is(:hover, :focus) .file-image.thumbnail:before {opacity: .6;}
.download-list .download-list-item:is(:hover, :focus) .file-image:after {background-color: #fff; opacity: 1;}
/*download list end*/

/*reference object slider*/
.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.75%;}
.reference-object-slide .reference-object-slide-content {display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 430px; padding: 60px 50px 40px; background: #F4F6F7;}
.reference-object-slide .reference-object-slide-title {font-size: var(--h4); line-height: var(--h4-lh); font-weight: 200; color: var(--blue-500);}
.reference-object-slide .reference-object-slide-footer {display: flex; justify-content: flex-end;}
.reference-object-slide .reference-object-slide-footer a {width: calc(50% - .25rem);}

.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-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(--blue-500);}
.reference-object-slide-properties .object-property-value {}

.reference-objects-slider .splide__arrows {display: flex; gap: .25rem; width: 165px; position: absolute; bottom: 40px; right: 215px; z-index: 1;}
.reference-objects-slider .splide__arrow {display: flex; flex: 50% 0 1; width: 50%; height: 46px; position: static; background: #fff; border-radius: var(--radius); transform: none; opacity: 1 !important; transition: var(--transition);}
.reference-objects-slider .splide__arrow:after {content: ''; display: block; width: 5px; height: 8px; margin: auto; background: var(--gray-800); 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:is(:hover,:focus) {background: var(--btn-bg-active);}
.reference-objects-slider .splide__arrow:is(:hover,:focus):after {background:#fff;}

.reference-object-related-products .prod-image img {aspect-ratio: 48 / 40; object-fit: cover; object-position: center;}
/*referenceobject slider end*/

/*newsletter*/
.newsletter-container {padding: 2rem 2rem 1rem;/*50px 50px 20px;*/ background: no-repeat center / cover; background-image:  linear-gradient(rgba(25,50,54,.6), rgba(25,50,54,.6)), url('../images/bg-newsletter-form.webp'); background-color: var(--gray-900); border-radius: var(--radius);}
.newsletter-description {width: 600px; max-width: 100%; margin: auto;}
.newsletter-form {display: flex; align-items: flex-start; gap: 15px;}
.newsletter-form:not(:first-child) {margin-top: 1rem;}
.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;}
/*newsletter end*/

/*get pricing form*/
.get-pricing-container {padding: 2rem;/*50px;*/ background: no-repeat center / cover; background-image: linear-gradient(to top, rgba(20, 186, 214, 1), rgba(20, 186, 214, 0.66)), url('../images/bg-newsletter-form.webp'); background-color: var(--gray-900); border-radius: var(--radius);}
.get-pricing-container .get-pricing-description {}
.get-pricing-container .btn.open {}
/*get pricing form end*/

/*newsletter with side*/
.newsletter-width-side > div {display: flex;}
.newsletter-width-side .newsletter-container {flex: 100% 0 1; width: 100%;}
.newsletter-width-side .newsletter-container {flex: 100% 0 1; width: 100%;}
/*newsletter with side end*/

/*reference objects*/
.search-reference-objects {padding: 30px; background: var(--gray-100); border-radius: var(--radius);}
.search-reference-objects .btn {height: 56px;}

.reference-object-list {margin-top: -60px;}
.reference-object-list .reference-object-list-item {display: block; margin: 60px 0 0;}
.reference-object-list-item .reference-object-image {display: block; width: 100%; margin: 0 0 30px; border-radius: var(--radius); aspect-ratio: 3 / 2; object-fit: cover; object-position: center; opacity: 1; transition: var(--transition);}
.reference-object-list-item .reference-object-title {margin: 0; font-size: .875rem; line-height: 1.125rem; font-weight: 400; color: var(--blue-700); transition: var(--transition);}
.reference-object-list-item .location {margin: .75rem 0 0;}
.reference-object-list-item:is(:hover, :focus) .reference-object-image {opacity: .8;}

.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(--blue-500);}
.related-reference-objects-slider .splide__arrow svg {display: none;}

.object-properties {list-style: none; padding: 0; margin: 0;}
.object-properties > li {padding: .25rem 0; border-bottom: 1px solid var(--gray-200);}
.object-properties > li + li {margin-top: 20px;}
.object-properties .object-property-name {display: block; font-size: .75rem; font-weight: 400; color: var(--gray-500); margin: 0 0 10px;}
.object-properties .object-property-value {display: block; font-size: .875rem; font-weight: 400; 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-size: .75rem; line-height: 1.25rem; font-weight: 400; color: var(--gray-900);}
.product-pill:hover,
.product-pill:focus {background: var(--blue-500); color: #fff;}
/*reference object end*/

/*text block*/
.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(even) .text-block-image {right: 0;}
.text-block:nth-child(even) .text-block-content {padding-right: 120px;}
.text-block:nth-child(odd) .container-wide {justify-content: flex-end;}
.text-block:nth-child(odd) .text-block-image {left: 0;}
.text-block:nth-child(odd) .text-block-content {padding-left: 120px;}
/*text block end*/

/*expansion map*/
.widget-yawal-expansion-map {padding: 100px 0; position: relative;}
.widget-yawal-expansion-map:before {content:''; display: block; width: 150vw; background: var(--gray-100); position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
/*
.widget-yawal-expansion-map .expansion-map {padding: 160px 0; text-align: center; font-size: clamp(3rem, -22.6848rem + 53.5797vw, 17.5rem); line-height: 1; font-weight: 200; color: #fff; letter-spacing: -.07em; position: relative;}
*/
.widget-yawal-expansion-map .expansion-map {padding: 60px 0; text-align: center; font-size: clamp(3.75rem, -8.9106rem + 26.4106vw, 17.5rem);/*60-280px*/ line-height: clamp(3.75rem, -6.6086rem + 21.6086vw, 15rem);/*60-240px*/ font-weight: 200; color: #fff; letter-spacing: -.07em; text-shadow: 0 0 2px rgba(26, 35, 43, 0.6); position: relative;}
.widget-yawal-expansion-map .expansion-map:before {content: ''; display: block; width: 100vw; aspect-ratio: 1909 / 446; background: no-repeat center / contain; background-image: linear-gradient(to bottom, rgba(214, 214, 215, 0) 50%, var(--gray-100)), url('../images/world-map.svg'); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
/*expansion map end*/

/*heritage*/
.widget-yawal-heritage {padding: 100px 0; position: relative;}
.widget-yawal-heritage:before {content:''; display: block; width: 150vw; background: var(--blue-700); position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.widget-yawal-heritage .widget-title .widget-title-inner {color: #fff;}
.heritage-image-container {position: relative;}
.heritage-image-container:after {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to top right,rgba(4, 165, 194, .6), rgba(4, 165, 194, 0)); position: absolute; top: 0; left: 0;}
.heritage-image-text {width: 350px; position: absolute; top: 0; left: 0; z-index: 1;}
.hearitage-image-heading {font-size: clamp(2.5rem, -4.1426rem + 13.8568vw, 6.25rem);/*40-100px*/ line-height: 1; font-weight: 200;}
.hearitage-image-heading:after {content: ''; display: block; height: 1px; margin-top: 60px; background: rgba(255,255,255,.2);}
.heritage-image {display: block; clip-path: polygon(0 50%, 66% 0, 100% 0, 100% 75%, 66% 100%, 0 100%);}
/*heritage end*/

/*history slider*/
.history-slider {}
.history-slider .splide__track {overflow: visible;}
.history-slider .slider-slide {display: flex;}
.history-slide {display: flex; gap: 50px; flex-grow: 1; padding-bottom: 100px; position: relative;}
.history-slide:before {content: ''; display: block; width: 100%; height: 20px; background: repeating-linear-gradient(to right, var(--gray-300), var(--gray-300) 2px, rgba(255,255,255,0) 2px, rgba(255,255,255,0) 2%); position: absolute; bottom: 40px; left: 0;}
.history-slide .history-slide-image {flex: calc(50% - .75rem) 0 0; margin: 0; aspect-ratio: 1; background: no-repeat center / cover; opacity: 1; transition: var(--transition);}
.history-slide .history-slide-image:before,
.history-slide .history-slide-image:after {content: ''; display: block; width: 2px; position: absolute; left: calc(50%);}
.history-slide .history-slide-image:before {height: 80px; background: var(--blue-500); top: 0;}
.history-slide .history-slide-image:after {background: var(--gray-300); top: 100px; bottom: 0;}
.history-slide .history-slide-data {flex: 1; padding: 0 60px 0 0;}
.history-slide .history-slide-year {color: var(--blue-700); opacity: 1; transition: var(--transition);}
.history-slide .history-slide-description {color: var(--gray-800); 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);}
/*history slider end*/

/*team*/
.team {margin-top: -80px;}
.team .team-item {margin-top: 80px;}
.team .team-item-image {margin: 0 0 40px; object-fit: cover;}
.team .team-item-image-default {max-width: 100%; opacity: .3; background: var(--blue-700); mask-image:url('../images/person.svg'); -webkit-mask-image:url('../images/person.svg'); mask-position: bottom center;  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; -webkit-mask-position:bottom center; mask-size:contain; -webkit-mask-size:contain;}
.team .team-item-name {margin: 0 0 .5rem;}
.team .team-item-position {font-size: .875rem; font-weight: 400; color: var(--blue-700);}
.team .team-item-contact {margin-top: 20px; font-size: .875rem;}
.team .team-item-contact:before {content: ''; display: block; width: 40px; height: 2px; margin-bottom: 20px; background: var(--blue-700);}
.team .team-item-contact p {margin: 0;}
/*team end*/

/*userbox slides*/
.userbox-slider-container {}
.userbox-slider-top-nav {border-bottom: 1px solid var(--gray-200);}
.userbox-slider-top-nav .btn {margin-bottom: -1px; border-radius: var(--radius) var(--radius) 0 0; border: 1px solid rgba(255,255,255,0); font-size: .875rem; color: var(--gray-200); text-transform: uppercase;}
.userbox-slider-top-nav .btn.active {border-color: var(--gray-200) var(--gray-200) #fff var(--gray-200);}
.userbox-slider-top-nav .btn:first-child {border-top-left-radius: 0;}
.userbox-slider-top-nav .btn:first-child.active {border-left-color: rgba(255,255,255,0);}
.userbox-slider-top-nav .btn:is(.active, :hover, :focus) {color: var(--blue-700);}
.userbox-slider {}
.userbox-slide-content {}
.userbox-slider-image {display: block; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 225px), calc(100% - 400px) 100%, 0 100%);}

.userbox-slider .splide__arrows {display: flex; gap: 1px; position: absolute; bottom: 0; right: 0; z-index: 1;}
.userbox-slider .splide__arrow {display: flex; width: 80px; height: 50px; position: static; background: var(--btn-bg); border-radius: var(--radius); transform: none; opacity: 1 !important; transition:var(--transition);}
.userbox-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);}
.userbox-slider .splide__arrow.splide__arrow--prev {transform: scaleX(-1);}
.userbox-slider .splide__arrow svg {display: none;}
.userbox-slider .splide__arrow:hover,
.userbox-slider .splide__arrow:focus {background: var(--btn-bg-active);}
/*userbox slides end*/

/*steps slider*/
.steps-slider-wrapper {padding: 100px 0; position: relative;}
.steps-slider-wrapper:before {content:''; display: block; width: 150vw; background: var(--gray-100); position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.steps-slider-container {}
.steps-slider-nav {padding: 0 80px;}
.steps-slider-nav .steps-slider-nav-item {display: flex; border: none !important;}
.steps-slider-nav .steps-slider-nav-item .btn {width: 190px; padding: 20px; background: #fff; font-size: .875rem; color: var(--gray-500); text-align: left; text-transform: uppercase;}
.steps-slider-nav .steps-slider-nav-item:is(.is-active, :hover, :focus, :focus-within) .btn {background: var(--blue-500); color: #fff;}

.steps-slider-nav .splide__arrows {}
.steps-slider-nav .splide__arrow {display: flex; width: 70px; height: 82px; background: rgba(255,255,255,0); border-radius: var(--radius); opacity: 1 !important; transition:var(--transition);}
.steps-slider-nav .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);}
.steps-slider-nav .splide__arrow.splide__arrow--prev {left: 0; transform: translateY(-50%) scaleX(-1);}
.steps-slider-nav .splide__arrow.splide__arrow--next {right: 0;}
.steps-slider-nav .splide__arrow svg {display: none;}
.steps-slider-nav .splide__arrow:is(:hover, :focus) {background: var(--blue-500);}
.steps-slider-nav .splide__arrow:is(:hover, :focus):after {background: #fff;}

.steps-slider {}
.step-slide {display: flex;}
.step-slide-image {flex: calc(100% - 200px) 0 0; width: calc(100% - 200px); background: var(--blue-500) no-repeat center / cover;}
.step-slide-content-container {display: flex; flex-direction: column; justify-content: space-between; gap: 30px; align-self: center; width: 300px; min-height: 450px; margin: 60px 0 60px -100px; padding: 30px; background: #fff;}
.step-slide-content {flex: 100% 1 0; font-size: .875rem;}
.step-slide-number {flex: 100% 1 0; display: block; margin-bottom: 20px; font-size: .875rem; font-weight: 400; color: var(--blue-500);}

.step-slide-nav {}
.step-slide-nav .btn {padding: .75rem 2.25rem; background: var(--gray-200); font-size: 0; line-height: 0; color: transparent;}
.step-slide-nav .btn: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);}
.step-slide-nav .btn.prev:after {transform: scaleX(-1);}
.step-slide-nav .btn:is(:hover, :focus) {background: var(--blue-500);}
.step-slide-nav .btn:is(:hover, :focus):after {background: #fff;}

@media only screen and (min-height:700px) and (orientation: landscape) {
	.step-slide-image {height: calc(100vh - 56px); max-height: 700px;}
}
/*steps slider end*/

/*dealers*/
.autocomplete-container {position: relative;}
.autocomplete-list {width: 100%; border: 1px solid var(--gray-200); position: absolute; top: 100%; z-index: 10;}
.autocomplete-list:empty {display: none;}
.autocomplete-item {padding: .5rem .75rem; background: #fff; cursor: pointer; transition: var(--transition);}
.autocomplete-item:is(:hover, :focus) {background: var(--blue-500); color: #fff;}

.dealers-map {position: relative; aspect-ratio: 16 / 9; height: auto !important; }
.dealers-map-overlay {display: flex; justify-content: center; align-items: center; padding: 1rem; background: rgba(0,0,0,.6); position: absolute; top: 0; bottom: 0;left: 0; right: 0; z-index: 1001; opacity: 0; visibility: hidden; transition: var(--transition);}
.dealers-map.show-overlay .dealers-map-overlay {opacity: 1; visibility: visible;}

.dealer-marker {display: block; width: 30px; height: 40px; padding: 5px; background:var(--blue-500); mask-image:url('../images/map-marker.svg'); -webkit-mask-image:url('../images/map-marker.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: relative;}
.dealer-marker-number {display: block; width: 20px; height: 20px; margin: auto; background: #fff; border-radius: 50%; font-size: .75rem; line-height: 20px; font-weight: 600; color: var(--heading-color); text-align: center;}

.dealers-list {}
.dealer-list-item {display: flex; gap: 1.5rem; padding: 30px 0;}
.dealer-list-item + .dealer-list-item {border-top: 1px solid var(--gray-200);}
.dealer-list-item .dealer-distance {flex: 0 0 120px; text-align: center;}
.dealer-list-item .dealer-distance .dealer-marker {margin: 0 auto 1rem;}
.dealer-list-item .dealer-description {flex: 1 0 auto;}
/*dealers end*/

/*footer*/
footer {margin-top: 100px; position: relative;}
footer:before {content: ''; display: block; width: 100%; height: 1000px; min-height: 100vh; background-image: url('../images/logo-letter.svg'), linear-gradient(to bottom, rgba(255, 255, 255, 0), #F2F4F5 66%); background-repeat: no-repeat; background-position: calc(100% - 2rem) calc(100% + 60px), center bottom; position: absolute; bottom: 0; left: 0; z-index: -1;}
footer .footer-logo {display: inline-block;}
footer .footer-top {}
footer .footer-bottom {display: flex; justify-content: space-between; align-items: center; gap:.75rem; margin-top: 60px; padding: 30px 0 60px; border-top: 1px solid var(--gray-200);}
footer .footer-bottom .footer-bottom-content {display: flex; justify-content: space-between; gap: .75rem; flex: 100% 1 1;}
footer .footer-bottom .copyrights {--link-color: var(--gray-300); flex: 400px 0 1; width: 400px; font-size: .625rem; line-height: .75rem; color: var(--gray-300); text-align: right;}
/*footer end*/

/*footer menu*/
footer ul.menu-root li a {padding: 0 1rem; font-size: .875rem; font-weight: 400; color: var(--menu-color); position: relative;}
footer ul.menu-root li a:before {content: ''; display: block; width: .25rem; height: .25rem; background: var(--menu-accent); border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; transition: var(--transition);}
footer ul.menu-root li.active a,
footer ul.menu-root li a.active,
footer ul.menu-root li:hover > a,
footer ul.menu-root li:focus > a, 
footer ul.menu-root li a:is(:hover, :focus) {color: var(--menu-color-active);}
footer ul.menu-root li.active > a:before,
footer ul.menu-root li > a.active:before,
footer ul.menu-root li a:is(:hover, :focus):before {opacity: 1;}
footer .menu-layout-h ul.menu-root .menu-dropdown {display: none !important;}
footer .menu-layout-h ul.menu-root li.has-dropdown:hover > ul,
footer .menu-layout-h ul.menu-root li.has-dropdown:focus > ul {display: none !important;}
/*footer menu end*/

/*footer menu - client type*/
.client-type-commercial footer ul.menu-root li.menu-commercial > a,
.client-type-residential footer ul.menu-root li.menu-residential > a {color: var(--menu-color-active);}
.client-type-commercial footer ul.menu-root li.menu-commercial > a:before,
.client-type-residential footer ul.menu-root li.menu-residential > a:before {opacity: 1;}
/*footer menu - client type end*/

/*footer socials*/
.footer-socials {display: flex; flex-wrap: wrap; gap: .5rem;}
.footer-socials .social {display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border: 2px solid var(--gray-500); border-radius: 50%; position: relative;}
.footer-socials .social:before {content: ''; display: block; width: 1.25rem; height: 1.25rem; background: var(--gray-500); mask: no-repeat center / contain; -webkit-mask: no-repeat center / contain; transition: var(--transition);}
.footer-socials .social.social-linkedin:before {mask-image: url('../images/linkedin.svg'); -webkit-mask-image: url('../images/linkedin.svg');}
.footer-socials .social.social-facebook:before {mask-image: url('../images/facebook.svg'); -webkit-mask-image: url('../images/facebook.svg');}
.footer-socials .social.social-youtube:before {mask-image: url('../images/youtube.svg'); -webkit-mask-image: url('../images/youtube.svg');}
.footer-socials .social.social-instagram:before {mask-image: url('../images/instagram.svg'); -webkit-mask-image: url('../images/instagram.svg');}

.footer-socials .social:is(:hover, :focus) {border-color: var(--blue-700);}
.footer-socials .social:is(:hover, :focus):before {background: var(--blue-700);}
/*footer socials end*/

@media only screen and (orientation: portrait) {
	.client-select-screen {flex-direction: column;}
	.client-select-screen .client-select {min-height: 50vh;}
	.client-select-screen .client-select.residential {justify-content: flex-start; padding-left: max(var(--container-padding), calc(50% - var(--container-wide) / 2)); padding-right: .75rem;}
	.client-select-screen .client-select.residential .client-select-title {margin-right: 0;}

	/*banner*/
	.widget-slider.widget-slider-full-height .slider-slide {height: 75vw !important;}
	/*banner end*/

	/*page title*/
	.page-title-banner {min-height: 0; height: 480px; max-height: 100vh;}

	.page-title-background.full-window-height {height: 480px; max-height: 100vh;}
	.page-title-background.full-window-height .page-title-content {height: 480px; max-height: 100vh;}
	/*page title end*/
}

@media only screen and (orientation: landscape) and (min-width:1200px) {
	/*page title*/
	.page-title-banner.page-title-product-category-shrink {min-height: calc(100vh - 600px);}
	.page-title-banner.page-title-product-category-shrink .page-title-content {padding: 60px 0;}
	/*page title end*/
}

@media only screen and (min-width:992px) {
	html:has(body.ctrl-product) {scroll-padding-top: 132px;}

	/*product*/
	/*
	.product-sections .product-sections-nav {position: sticky; top: 56px; z-index: 2;}
	*/
	.product-sections .product-sections-nav {position: fixed; top: 56px; z-index: 2; opacity: 0; visibility: hidden; transition: var(--transition);}
	body.scrolled .product-sections .product-sections-nav {opacity: 1; visibility: visible;}

	.product-sections .product-sections-nav .btn-tab {font-size: 1rem;}
	/*product*/

	/*tab nav buttons*/
	.nav-btn-container .btn:nth-child(n+6) {flex: 0 0 calc(20% + 1px);}
	/*tab nav buttons end*/
}

@media only screen and (min-width:768px) {
	/*team*/
	.team .team-item-image {height: 280px !important;}
	/*team end*/

	/*page title*/
	.ext-yawal-product-options.ctrl-product .page-title-banner {min-height: 60vh;}
	.ext-yawal-product-options.ctrl-category .page-title-banner {min-height: 60vh;}
	.ext-yawal-product-options.ctrl-product .page-title-banner .page-title-content,
	.ext-yawal-product-options.ctrl-category .page-title-banner .page-title-content {padding: 90px 0;}
	/*page title*/
}

@media only screen and (min-width:1440px) {
	/*header*/
	header.with-banner {padding-top: 0;}
	/*
	body:not(.scrolled) header.with-banner {padding-top: 3rem; background: rgba(255,255,255,0);}
	body.scrolled header {box-shadow: 0 0 .5rem rgba(31, 31, 31, .1);}
	body:not(.scrolled) header.with-banner .navbar-brand {filter: brightness(0) invert(1);}
	*/
	header .navbar {gap: .5rem;}

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

	/*main menu*/
	.main-menu .widget-entity.widget-menu .menu-container {position: static;}
	.main-menu ul.menu-root > li.has-dropdown {position: static;}
	.main-menu ul.menu-root > li.has-dropdown .menu-dropdown {display: block !important; background: transparent; box-shadow: none; position: static; width: auto; min-width: 200px;}
	.main-menu ul.menu-root > li.has-dropdown > .menu-dropdown {display: flex !important; justify-content: space-between; gap: 1.5rem; width: 100%; max-width: calc(var(--container-wide) + 2 * var(--container-padding)); max-height: calc(100vh - 56px); padding: 1.5rem var(--container-padding) .5rem; position: absolute; top: calc(100% - .5rem - 1px); left: 50%; transform: translateX(-50%); background: #fff; box-shadow: 0 0 0 100vmax #fff; clip-path: inset(0 -100vmax); opacity: 0; visibility: hidden; transition: var(--transition);}
	.main-menu ul.menu-root > li.has-dropdown:is(:hover, :focus) > .menu-dropdown {opacity: 1; visibility: visible;}
	.main-menu ul.menu-root > li.has-dropdown > .menu-dropdown > li {flex: auto 1 1;}
	.main-menu ul.menu-root > li.has-dropdown > .menu-dropdown > li > a {}
	.main-menu ul.menu-root > li.has-dropdown > .menu-dropdown > li.has-dropdown > .menu-dropdown {margin-top: 10px; border-top: 1px solid var(--gray-200);}
	.main-menu ul.menu-root > li.has-dropdown > .menu-dropdown > li.has-dropdown > .menu-dropdown > li > a {}
	
	/*
	body:not(.scrolled) header.with-banner ul.menu-root li > a {--menu-color: #fff; --menu-color-active: #fff; --menu-accent: #fff; text-shadow: 0 0 2px rgba(0,0,0,.6);}
	body:not(.scrolled) header.with-banner ul.menu-root > li > a {opacity: .7;}
	body:not(.scrolled) header.with-banner ul.menu-root li.active a,
	body:not(.scrolled) header.with-banner ul.menu-root li a.active,
	body:not(.scrolled) header.with-banner ul.menu-root li:is(:hover, :focus) > a, 
	body:not(.scrolled) header.with-banner ul.menu-root li a:is(:hover, :focus) {opacity: 1;}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root > li.has-dropdown > .menu-dropdown {background: rgba(0,0,0,.1); box-shadow: 0 0 0 100vmax rgba(0,0,0,.1);}
	/*
	body:not(.scrolled) .main-menu ul.menu-root > li.has-dropdown > .menu-dropdown {max-height: calc(100vh - 104px); background: rgba(255,255,255,.8); box-shadow: 0 0 0 100vmax rgba(255,255,255,.8);}
	*/
	/*main menu end*/

	/*main menu - client type*/
	body:not(.scrolled).client-type-commercial header ul.menu-root li.menu-commercial > a,
	body:not(.scrolled).client-type-residential header ul.menu-root li.menu-residential > a {color: var(--menu-color-active); opacity: 1;}
	/*main menu - client type*/
}

@media only screen and (max-width:1439px) {
	/*header*/
	header .client-type {display: flex; justify-content: flex-end; flex: auto 1 1;}
	header .hamburger {display: block;}

	.header-pillow {display: block; height: 56px;}
	/*header end*/

	/*main menu*/
	header .main-menu {display: block; height: 0; max-height: calc(100vh - 56px); 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; overflow: auto;}
	header .main-menu ul.menu-root li {display: block;}
	header .main-menu ul.menu-root > li {padding: 0 var(--container-padding);}
	header .main-menu ul.menu-root li a {padding: 0 .75rem; text-align: right;}
	header .main-menu ul.menu-root li a:after {content: none;}

	header .main-menu ul.menu-root > li.has-dropdown .menu-dropdown {display: none !important;}
	/*main menu end*/
}

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

	/*widget*/
	.widget-space-homepage,
	.widget-space-content {margin-top: 60px;}
	.widget-space-homepage:last-child,
	.widget-space-content:last-child {margin-bottom: 60px;}
	/*widget end*/

	/*banner*/
	.widget-slider.widget-slider-full-height .slider-slide {height: calc(100vh - 56px);}
	.widget-slider .slide-texts {padding: 0 0 100px; }
	.widget-slider .slide-texts .slide-text-title {}
	.widget-slider .slide-texts .slide-text-description {}
	.widget-slider .slide-texts .slide-text-title + .slide-text-description  {margin-top: 30px;}

	.widget-slider .splide__arrows {bottom: 1rem; transform: none;}

	.widget-slider .splide__pagination {bottom: 1rem; transform: none;}
	/*banner end*/

	/*page title*/
	.page-title-banner {min-height: 0; height: 480px; max-height: calc(100vh - 56px);}
	.page-title-banner .page-title-small-node + .page-title-node {margin-top: 1.5rem;}

	.page-title-background {max-height: calc(100vh - 56px);}
	.page-title-background.full-window-height {max-height: calc(100vh - 56px);}
	.page-title-background.full-window-height .page-title-content {max-height: calc(100vh - 56px);}
	/*page title end*/

	/*background text - view type 1*/
	.background-text-1:before {background-position: calc(100% + 250px) calc(100% + 150px), center;}
	.background-text-1 .background-text-content {width: 66.666666%;}
	/*background text - view type 1 end*/

	/*video list*/
	.video-list-widget-container {}
	.video-list-container .video-list {flex: 0 0 33.333333%;}
	.video-list-container .video-list > ul {padding: 0 .75rem;}
	/*video list end*/

	/*newsletter*/
	.newsletter-container {padding: 2rem .75rem 1rem;/*50px .75rem 20px;*/}
	/*newsletter end*/

	/*get pricing form*/
	.get-pricing-container {padding: 2rem .75rem;/*50px .75rem;*/}
	/*get pricing form end*/

	/*text block*/
	.text-block:nth-child(odd) .text-block-content {padding-left: 60px;}
	.text-block:nth-child(even) .text-block-content {padding-right: 60px;}
	/*text block end*/

	/*heritage*/
	.hearitage-image-heading:after {margin-top: 1rem;}
	/*heritage end*/

	/*product*/
	/*
	.product-content-container.with-image .product-content {width: 50%; padding: 60px 60px 60px 0;}
	.product-content-container.with-image.image-position-left .product-content {padding-left: 60px; padding-right: 0;}
	*/
	.product-content-container.with-image .product-content {padding-right: 60px;}
	.product-content-container.with-image.image-position-left .product-content {padding-left: 60px; padding-right: 0;}
	/*product end*/
}

@media only screen and (max-width:1024px) {
	/*page layout*/
	.left-side-content {flex: 0 0 220px; padding-right: .75rem;}
	.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: calc(220px - .75rem);}
	.left-side-content > .left-side.stick-top {top: 65px;}
	.left-side-content > .left-side.stick-container-bottom {width: calc(220px - .75rem);}
	/*page layout end*/

	/*offer accordion*/
	.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;}
	/*offer accordion end*/

	/*text-block*/
	.text-block:nth-child(odd) .text-block-content {padding-left: .75rem;}
	.text-block:nth-child(even) .text-block-content {padding-right: .75rem;}
	/*text block end*/

	/*history slider*/
	.history-slide .history-slide-data {padding: 0 1rem 0 0;}
	/*history slider end*/
}

@media only screen and (max-width:991px) {
	.client-select-screen .client-select-title:after {content: none;}
	.client-select-screen .client-select.residential .client-select-title {margin-right: 0;}

	/*background text - view type 1*/
	.background-text-1 {min-height: 0; padding: 60px 1.5rem;}
	.background-text-1:before {background: linear-gradient(45deg, rgba(20, 186, 214, 1), rgba(20, 186, 214, 0.06)) no-repeat center / cover;}
	.background-text-1 .background-text-content {width: 100%;}
	/*background text - view type 1 end*/

	/*icon blocks*/
	.icon-blocks-slider {gap: 1.5rem; flex-wrap: wrap; padding-bottom: 0; transform: none !important;}
	.icon-blocks-slider .simplebar-content {display: flex; gap: 1.5rem; flex-wrap: wrap;}
	.icon-blocks-slider .icon-block {flex: calc(33.333333% - 1.5rem) 0 0; width: calc(33.333333% - 1.5rem); padding: 1rem;}

	.icon-blocks-progress-container {display: none;}
	/*icon blocks end*/

	/*pub list*/
	.pub-list {}
	.pub-list-item {gap: 1.5rem;}
	.pub-list-item .pub-image {max-width: 33.333333%;}
	.pub-list-item .pub-content {gap: 1.5rem;}
	.pub-list-item .date {margin-bottom: 1.5rem;}
	/*pub list end*/

	/*product list*/
	.product-list .product-list-item {gap: 1.5rem;}
	/*product list end*/

	/*product*/
	/*
	.product-content-container.with-image .product-content {width: 50%; padding: 60px 1.5rem 60px 0;}
	.product-content-container.with-image.image-position-left .product-content {padding-left: 1.5rem; padding-right: 0;}
	*/
	.product-content-container.with-image .product-content {padding-right: 1.5rem;}
	.product-content-container.with-image.image-position-left .product-content {padding-left: 1.5rem; padding-right: 0;}
	/*product end*/

	/*tab nav buttons*/
	.nav-btn-container {justify-content: flex-start;}
	.nav-btn-container .btn {flex: 0 0 33.333333%;}
	/*tab nav buttons end*/

	/*reference object slider*/
	.reference-object-slide .reference-object-slide-content {flex: 0 0 50%; padding: 60px 1.5rem 30px;}

	.reference-objects-slider .splide__arrows {width: 25%; bottom: 30px; right: 25%;}
	/*referenceobject slider end*/

	/*text block*/
	.text-block .text-block-image {width: 33.333333%;}
	.text-block .text-block-content {width: 66.666666%;}
	/*text block end*/

	/*team*/
	.team.row.row-wide-gap {margin: -80px -.75rem 0;}
	.team .team-item {padding: 0 .75rem}
	.team .team-item-image {width: 100%;}
	/*team end*/

	/*newsletter with side*/
	.newsletter-width-side > div {display: block;}
	.newsletter-width-side > div  + div {margin-top: 60px;}
	/*newsletter with side end*/
}

@media only screen and (max-width:767px) {
	/*pagination*/
	.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;}
	/*pagination end*/

	/*gallery*/
	.image-mosaic .tile {flex: 0 0 calc(33.333333% - 7px);}
	/*gallery end*/

	/*banner*/
	.widget-slider .slide-texts .slide-text-title {font-size: clamp(1rem, 0.5577rem + 1.9656vw, 1.5rem); line-height: 1.2;}
	.widget-slider .slide-texts .slide-text-description {font-size: clamp(1.5rem, 0.6155rem + 3.9312vw, 2.5rem); line-height: 1.2;}
	/*banner end*/

	/*page layout*/
	.page-content-container {display: block;}
	.left-side-content {padding-right: 0; margin-bpo}
	.left-side-content > .left-side {position: static;}
	.left-side-content + .main-content {max-width: 100%;}
	.left-side-content > .left-side {padding: 0;}
	/*page layout end*/

	/*side menu*/
	.left-side-content .menu-layout-v ul.menu-root {margin-top: 0;}
	/*side menu end*/

	/*page title*/
	.page-title-banner .page-title-category {margin-bottom: 1rem;}
	/*page title end*/

	/*video list*/
	.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;}
	/*video list end*/

	/*pub list*/
	.pub-list-item {gap: .75rem;}
	.pub-list-item + .pub-list-item {margin-top: 1.5rem;}
	.pub-list-item .pub-content {gap: .75rem;}
	.pub-list-item .date {margin-bottom: 1rem;}
	.pub-list-item .pub-introduction {display: none;}
	/*pub list end*/

	/*product list*/
	.product-list .product-list-item {gap: .75rem;}
	.product-list .product-list-item-image {flex: 33.333333% 0 0;}
	.product-list .product-list-item-image-slider {flex: 33.333333% 0 0;}
	.product-list .product-list-item-content-side {display: none;}
	/*product list end*/

	/*product*/
	/*
	.product-content-container.with-image {min-height: 0;}
	.product-content-container .product-content{margin: 60px 0;}
	.product-content-container.with-image {display: block;}
	.product-content-container.with-image .product-content {width: 100%; margin: 60px 0; padding: 0;}
	.product-content-container.with-image.image-position-left .product-content {padding-left: 0; padding-right: 0;}
	.product-content-container .product-content-image {width: 100%; height: auto; max-height: calc(100vh - 56px); position: static; overflow: hidden;}
	.product-content-container .product-content-image:before {content: ''; display:block; padding-top: 56.25%;}
	*/
	.product-content-container {}
	.product-content-container.with-image {}
	.product-content-container .product-content{}
	.product-content-container.with-image {display: block;}
	.product-content-container.with-image .product-content {width: 100%; padding: 0;}
	.product-content-container.with-image.image-position-left .product-content {padding: 0;}
	.product-content-container .product-content-image {width: 100%; margin-top: 60px;}
	/*product end*/

	/*tab nav buttons*/
	.nav-btn-container .btn {flex: 0 0 50%;}
	/*tab nav buttons end*/

	/*download list*/
	.download-list .download-list-item {margin-bottom: 30px;}
	.download-list .download-list-item .file-image {aspect-ratio: 16 / 9; margin-bottom: 30px;}
	/*download list end*/

	/*text block*/
	.text-block {display: block; min-height: 0; margin: 60px 0;}
	.text-block .container-wide {display: block;}
	/*.text-block .text-block-image {display: none;}*/
	.text-block .text-block-image {width:100%; margin: 60px 0 0; position: static; max-height: calc(100vh - 56px); overflow: hidden;}
	.text-block .text-block-image:before {content: ''; display: block; padding-top: 56.25%;}
	.text-block .text-block-content {width: 100%; padding: 0;}
	.text-block:nth-child(odd) .text-block-content {padding-left: 0;}
	.text-block:nth-child(even) .text-block-content {padding-right: 0;}
	/*text block end*/

	/*background text - view type 2*/
	.background-text-2 .background-text-content {flex: 230px 0 1; width: 230px; padding: 3rem 1rem;}
	/*background text - view type 2 end*/

	/*expansion map*/
	.widget-yawal-expansion-map {padding: 60px 0;}
	/*expansion map end*/

	/*heritage*/
	.widget-yawal-heritage {padding: 60px 0;}
	/*heritage end*/

	/*history slider*/
	.history-slider .splide__track {overflow: hidden;}
	.history-slide .history-slide-data {padding: 0;}
	/*history slider end*/

	/*team*/
	.team {margin-top: -30px;}
	.team .team-item {margin-top: 30px;}
	.team .team-item-image {width: 350px; aspect-ratio: 1;}
	/*team end*/

	/*steps slider*/
	.steps-slider-wrapper {padding: 60px 0;}
	/*steps slider end*/

	/*footer*/
	footer {margin-top: 60px;}
	footer:before {height: calc(100% + 60px);}
	footer .footer-logo {display: inline-block;}
	footer .footer-top * {text-align: left !important;}
	footer .footer-bottom {display: block;}
	footer .footer-bottom .footer-bottom-content {display: block;}
	footer .footer-bottom .copyrights {width: auto; margin-top: 30px; text-align: center;}
	/*footer end*/

	/*footer menu*/
	footer ul.menu-root {text-align: center;}
	/*footer menu end*/
}

@media only screen and (max-width:575px) {
	/*main menu*/
	header .client-type {display: none;}
	/*main menu end*/

	/*gallery*/
	.image-mosaic .tile {flex: 0 0 calc(50% - 5px);}
	/*gallery end*/

	/*banner*/
	.widget-slider .slide-texts .slide-text-title + .slide-text-description  {margin-top: 1rem;}
	.widget-slider .slide-texts {padding: 0 0 70px;}
	/*banner end*/

	/*icon blocks*/
	.icon-blocks-slider .icon-block {flex: calc(50% - .75rem) 0 0; width: calc(50% - .75rem); padding: 1rem .75rem;}
	/*icon blocks end*/

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

	/*product list*/
	.product-list {}
	.product-list .product-list-item {display: block;}
	.product-list .product-list-item + .product-list-item {margin-top: 60px;}
	.product-list .product-list-item-image {margin-bottom: 30px;}
	.product-list .product-list-item-image-slider {margin-bottom: 30px;}
	.product-list .product-list-item-image-slider .product-list-item-image {margin-bottom: 0;}
	/*product list end*/

	/*reference object slider*/
	.reference-objects-slider .splide__slide {padding: 0 0 60px;}
	.reference-object-slide {flex-direction: column;}
	.reference-object-slide .reference-object-slide-image {flex-grow: 0;}
	.reference-object-slide .reference-object-slide-content {flex: auto 1 1;}
	.reference-object-slide .reference-object-slide-content {padding: 1.5rem .75rem;}
	.reference-object-slide .reference-object-slide-footer {display: block;}
	.reference-object-slide .reference-object-slide-footer a {width: auto;}

	.reference-objects-slider .splide__arrows {bottom: 0; right: 50%;  transform: translateX(50%);}
	/*referenceobject slider end*/

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

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

	/*heritage*/
	.widget-yawal-heritage:before {content:''; display: block; width: 150vw; background: var(--blue-700); position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
	.heritage-image-text {width: auto; position: static; margin-bottom: 60px;}
	.heritage-image {display: block; clip-path: polygon(0 25%, 33% 0, 100% 0, 100% 75%, 66% 100%, 0 100%);}
	/*heritage end*/

	/*history slider*/
	.history-slide {display: flex; gap: 1.5rem;}
	/*history slider end*/

	/*userbox slides*/
	.userbox-slider-top-nav {border-bottom: none;}
	.userbox-slider-top-nav .btn {display: block; width: 100%; margin-bottom: 1rem; border-radius: var(--radius); border: 1px solid var(--gray-200);}
	.userbox-slider-top-nav .btn.active {border-color: var(--gray-200);}
	.userbox-slider-top-nav .btn:first-child {border-top-left-radius: var(--radius);}
	.userbox-slider-top-nav .btn:first-child.active {border-left-color: var(--gray-200);}
	.userbox-slider-image {display: block; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 150px), calc(100% - 300px) 100%, 0 100%);}
	/*userbox slides end*/

	/*steps slider*/
	.step-slide-image {flex: calc(100% - 60px) 0 0; width: calc(100% - 60px);}
	.step-slide-content-container {margin: 60px 0 60px -240px;}

	/*steps slider end*/
}

@media only screen and (max-width:500px) {
	/*history slider*/
	.history-slide {display: block; padding-bottom: 0;}
	.history-slide:before {content: none;}
	.history-slide .history-slide-image {/*flex: auto 1 0;*/ margin-bottom: 1rem;}
	.history-slide .history-slide-image:before,
	.history-slide .history-slide-image:after {content: none;}
	/*history slider end*/

	/*userbox slides*/
	.userbox-slider .userbox-slide {padding-bottom: 60px;}
	.userbox-slider-image {display: block; clip-path: polygon(0 0, 100% 0, 100% 0, 100% 75%, 66% 100%, 0 100%);}
	/*userbox slides end*/	

	/*tagline*/
	.page-tagline-container {bottom: 1rem;}
	.page-tagline-container .page-tagline {font-size: 1.5rem;}
	/*tagline end*/
}

@media only screen and (max-width:400px) {
	/*icon blocks*/
	.icon-blocks-slider .icon-block {flex: 100% 0 0; width: 100%;}
	/*icon blocks end*/

	/*steps slider*/
	.steps-slider-nav {display: none;}

	.step-slide-image {display: none;}
	.step-slide-content-container {width: 100%; min-height: 450px; margin: 0; padding: 1rem;}

	@media only screen and (min-height:700px) and (orientation: landscape) {
		.step-slide-image {height: calc(100vh - 56px); max-height: 700px;}
	}
	/*steps slider end*/

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