@charset "UTF-8";
@font-face {
  font-family: "Inter";
  src: local("Inter Regular"), local("Inter-Regular"), url("fonts/Inter-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  src: local("Inter Italic"), local("Inter-Italic"), url("fonts/Inter-Italic.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-weight: bold;
  src: local("Inter Bold"), local("Inter-Bold"), url("fonts/Inter-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-weight: bold;
  font-style: italic;
  src: local("Inter BoldItalic"), local("Inter-BoldItalic"), url("fonts/Inter-BoldItalic.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  src: local("Inter Medium"), local("Inter-Medium"), url("fonts/Inter-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  src: local("Inter SemiBold"), local("Inter-SemiBold"), url("fonts/Inter-SemiBold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-weight: 300;
  src: local("Inter Light"), local("Inter-Light"), url("fonts/Inter-Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-weight: 200;
  src: local("Inter ExtraLight"), local("Inter-ExtraLight"), url("fonts/Inter-ExtraLight.ttf");
  font-display: swap;
}
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/* ================= FORMULARZE ================ */
label {
  color: lighten #1F1D1B, 10%;
  font-size: 16px;
  text-transform: none;
  margin-top: 10px;
}

span + label {
  margin-top: 0;
}

input, select, textarea, .input-placeholder {
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  height: 50px;
  line-height: 1;
}

.submit-controls {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.submit-controls > div {
  width: auto;
  margin-right: 20px;
}

.submit-controls > div:last-child {
  margin-right: 0;
}

.submit-area {
  display: block;
  text-align: right;
}

.submit-area .button {
  margin: 0;
}

.input-wrapper {
  padding: 0 0 10px 0;
  width: 100%;
  position: relative;
}

.form-fields-wrapper {
  margin-right: -10px;
  width: 100%;
}

.columns .form-fields-wrapper {
  width: auto;
}

/* ================= formularze nowe ================ */
/* ---- placeholdery pól ---- */
input ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
  opacity: 0.4;
}
input ::-moz-placeholder, textarea ::-moz-placeholder { /* Firefox 19+ */
  color: #333;
  opacity: 0.4;
}
input :-ms-input-placeholder, textarea :-ms-input-placeholder { /* IE 10+ */
  color: #333;
  opacity: 0.4;
}
input :-moz-placeholder, textarea :-moz-placeholder { /* Firefox 18- */
  color: #333;
  opacity: 0.4;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} /* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-number {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 150px;
  max-width: 150px;
}

.input-number input {
  width: 50px;
  text-align: center;
}

.input-number > span {
  height: 50px;
  width: 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
  transition: all 300ms;
}

.input-number > span.down {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.input-number > span.up {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.input-number > span.up:after, .input-number > span.down:after {
  line-height: 1;
}

.input-number > span.up:after {
  content: url("graphics/commerce/plus.png");
}

.input-number > span.down:after {
  content: url("graphics/commerce/minus.png");
}

.input-number > span.down:hover, .input-number > span.up:hover {
  background: #eee;
}

.select-placeholder {
  color: #999999;
}

/* ----- select ----- */
.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  height: 50px;
  margin: 0;
  width: 100%;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0px 40px 0 10px;
  font-weight: normal;
  border: 1px solid #ddd;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 23px;
  right: 10px;
}

.styledSelect:active, .styledSelect.active {
  background-color: #efefef;
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ddd;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}

/* -- SELECT HOVER -- */
.options li:hover {
  background-color: #000;
  color: #fff;
}

/* INNY SELECT */
.select2-container .select2-selection--single {
  height: 50px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 9px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  margin-top: -13px;
}

.select2-results ul, .select2-results ul li {
  text-align: left;
  margin: 0;
}

.select2-results ul li {
  padding: 9px 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #111;
  color: #fff;
}

.select2-container {
  width: 100% !important;
}

/* --- input type=radio, input type=checkbox --- */
input[type=checkbox] + label, input[type=radio] + label {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  cursor: pointer;
  margin: 0;
  line-height: 1.5;
}

input[type=checkbox] + label::before {
  content: " ";
  display: inline-block;
  vertical-align: 0.2em;
  width: 22px;
  max-width: 22px;
  min-width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-top: 2px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-indent: 0.15em;
  line-height: 1;
  color: #fff;
  font-size: 20px;
}

input[type=checkbox]:checked + label::before {
  content: "✓";
  background: #000;
}

input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

input[type=radio] + label::before {
  content: " ";
  display: inline-block;
  vertical-align: 0.2em;
  width: 22px;
  height: 22px;
  max-width: 22px;
  min-width: 22px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  text-indent: 0.15em;
  line-height: 1;
  color: #fff;
  font-size: 20px;
}

input[type=radio]:checked + label::before {
  content: "✓";
  background: #000;
}

input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.checklist.rodo label {
  font-size: 0.7rem;
}

.checklist.wrapper {
  display: block;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 10px 10px;
}

.checklist.wrapper > label {
  margin-bottom: 10px;
}

.checklist.wrapper > label:last-child {
  margin-bottom: 0;
}

/* === DISABLED === */
input[type=checkbox][disabled] + label {
  opacity: 0.8;
}

input[type=checkbox][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[type=radio][disabled] + label {
  opacity: 0.8;
}

input[type=radio][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[disabled=disabled] {
  background-color: #f0f0f0;
}

/* === swith toggle === */
.onoffswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #1F1D1B;
  border-radius: 20px;
  display: block !important;
}

.onoffswitch-checkbox[disabled=""] + .onoffswitch-label {
  opacity: 0.6;
  pointer-events: none;
}

.onoffswitch-label:before {
  display: none !important;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Inter, tahoma, arial, sans-serif;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #04AA6D;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #eee;
  color: #1F1D1B;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  border: 1px solid #1F1D1B;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/* =============== zestawy pól ============== */
.input-combo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.input-combo > div {
  flex: 1;
  margin-right: 10px;
}

.input-combo > div:last-child {
  margin-right: 0;
}

.input-combo > div.post-code {
  flex: 0.5;
}

/* ================ Klasy specjalne ============= */
.question-label {
  display: block;
  margin-top: 20px;
}

span + .question-label {
  margin-top: 0;
}

/* ================ Wyszukiwarka ================== */
.simple-search-wrapper .button.search-button img {
  pointer-events: none;
}

.custom-file {
  padding-left: 50px;
  width: 240px !important;
  cursor: pointer;
}

.custom-file > input {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}

.custom-file .ico {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  background-image: url("graphics/svg/drop.svg");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.custom-file-label {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1.5em 0 0.8em 0;
  line-height: 1.2;
  letter-spacing: 0;
}

h1 {
  font-size: 2.3em;
  font-weight: 600;
}

h2 {
  font-size: 1.8rem;
  font-weight: 600;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

#START h1 {
  font-size: 3.4375rem;
  max-width: 950px;
  font-weight: 600;
}

#START h2 {
  font-size: 2rem;
}

span.subtitle {
  color: #1F1D1B;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.25;
}

a {
  color: #1F1D1B;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.button {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #A69788;
  border-radius: 2px;
  font-weight: 500;
}

:hover.button {
  border: 1px solid #000;
}

.button.alt {
  color: #1F1D1B;
  border: 1px solid #A69788;
  border-radius: 2px;
  font-weight: 500;
}

:hover.button.alt {
  border: 1px solid #000;
}

.button.txt {
  height: 2em;
  padding: 10px;
  background: none;
  color: #1F1D1B;
  min-width: 0;
  padding-right: 35px;
  border: 1px solid transparent;
  justify-content: center;
}

.button.txt:hover {
  border: 1px solid #000;
}

.button.txt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 18px;
  background-image: url("graphics/svg/right-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: right 300ms;
}

.button.txt:hover:after {
  right: 0;
}

.button.cta {
  height: 50px;
  background: #1F1D1B;
}

.button.alt.cta {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  color: #fff;
}

.button.file-btn {
  padding-right: 75px;
}

.button.file-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  box-sizing: border-box;
  background-image: url("graphics/download.png");
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
  background-origin: content-box;
}

.button.ico-btn {
  padding-right: 75px;
}

.button.ico-btn .ico {
  background: #A69788;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 50px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
}

.button.ico-left, .button.ico-right, .button.ico-left:hover, .button.ico-right:hover {
  background: transparent;
  border: 0;
  color: #1F1D1B;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
}

.button.ico-left {
  padding-left: 50px;
}

.button.ico-right {
  padding-right: 50px;
}

.button.ico-left .ico, .button.ico-right .ico {
  position: absolute;
  top: 0;
  padding: 15px;
  box-sizing: border-box;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms;
}

.button.ico-left .ico {
  left: 0;
}

.button.ico-right .ico {
  right: 0;
}

.button.alt.ico-left, .button.alt.ico-right, .button.alt.ico-left:hover, .button.alt.ico-right:hover {
  background: transparent;
  border: solid 1px #1F1D1B;
  color: #1F1D1B;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
}

.updated {
  font-size: 0.9rem;
  font-weight: bold;
  color: #1F1D1B;
}

.container.full {
  max-width: 1730px;
}

.cb-container.narrow,
.container.narrow {
  max-width: 900px;
  margin: 0 auto;
}

.social-sharing-module {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 40px;
  border-top: 1px solid #ddd;
}

.social-sharing-module > span.sharing-title {
  margin: 0;
  margin-right: 1.8em;
  font-size: 1.1em;
}

#copy_link_sharing {
  position: relative;
}

#copy_link_sharing:after {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #519c46;
  color: #fff;
  border-radius: 50%;
  transition: all 500ms;
  transform: scale(0);
}

#copy_link_sharing.link-copied:after {
  transform: scale(1);
}

.links ul li {
  list-style: none;
  margin-left: 0;
}

.links ul li a {
  text-decoration: none;
  transition: all 300ms;
}

.video-wrapper .mp4-video video {
  display: block;
  max-width: 100%;
}

.cb-table table {
  table-layout: fixed;
  max-width: 1000px;
}

.cb-table table tr td, .cb-table table tr th {
  vertical-align: middle;
}

.cb-table table tr td .button, .cb-table table tr th .button {
  margin: 0;
}

.slick-prev, .slick-next {
  border: none !important;
}

.slick-next, .slick-prev {
  top: 0 !important;
  left: 0 !important;
  transform: translate(0, 0) !important;
}

.slick-next {
  top: 10px !important;
  transform: translate(0px, 100%) !important;
}

.slick-list {
  padding-left: 120px !important;
  overflow: visible !important;
}

.slick-list::before {
  content: "";
  width: 1500px;
  background-color: #f9f5f4;
  position: absolute;
  right: calc(100% - 120px);
  top: 0;
  bottom: 0;
  z-index: 1;
}

.promo-product-wrapper .slick-list {
  margin-left: -60px !important;
  margin-right: -60px !important;
}

.our-realisations .slick-list {
  margin-left: -15px !important;
  margin-right: -15px !important;
  padding: 0 !important;
}

.our-realisations .slick-list::before {
  display: none;
}

.our-realisations .slick-prev {
  left: 0 !important;
  top: 50% !important;
  transform: translate(-50%, 0) !important;
}

.our-realisations .slick-next {
  right: 0 !important;
  left: auto !important;
  top: 50% !important;
  transform: translate(50%, 0) !important;
}

.knowledge-base .slick-list::before {
  background-color: #f9f5f4 !important;
}

.our-realisations .photo-box .content {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 36px;
  padding: 30px 30px;
}

.our-realisations .photo-box .content h3 {
  margin: 0;
}

.knowledge-base-listing .content h3 {
  font-weight: 600;
}

.banner-blocks {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.banner-blocks > div {
  flex: 1;
}

.hovered-tile-wrapper {
  position: relative;
  padding-bottom: 140%;
}

.hovered-tile-images {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hovered-tile {
  width: 100%;
  height: 100%;
}

.hovered-tile-wrapper .mask {
  position: absolute;
  top: -1px;
  right: -25px;
  bottom: -1px;
  left: -25px;
}

.banner-blocks > div:nth-child(even) .hovered-tile-wrapper {
  transform: rotate(180deg);
  transform-origin: 50%;
}

.hovered-tile-wrapper .shape {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hovered-tile-wrapper .shape::after {
  content: "";
  background: #EBE6E1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.569s;
}

.hovered-tile-wrapper .shape1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10%;
}

.hovered-tile-wrapper .shape2 {
  position: absolute;
  top: 17%;
  left: 0;
  right: 0;
  height: 25%;
}

.hovered-tile-wrapper .shape3 {
  position: absolute;
  top: 41.8%;
  right: 0;
  left: 50%;
  height: 57.8%;
  width: 23%;
  margin-left: -11.5%;
}

.hovered-tile-wrapper:hover {
  z-index: 1;
}

.hovered-tile-wrapper:hover .shape::after {
  opacity: 0;
}

.ui-accordion-header, h2.ui-accordion-header {
  border-bottom: 1px solid #000;
  font-weight: 600;
  padding: 30px 60px 20px 0;
  transition: all 0s;
}

.ui-accordion-header:first-child, h2.ui-accordion-header:first-child {
  border-top: 1px solid #000;
}

.ui-accordion-content {
  border-bottom: 1px solid #000;
}

.ui-accordion-header-active, h2.ui-accordion-header-active {
  border-bottom: 1px solid transparent;
}

.listing-tile-wrapper .card .controls .button.txt {
  width: 125px;
  height: 40px;
  padding-right: 0;
  padding: 0;
  border: 1px solid #000;
}

.listing-tile-wrapper .card .controls .button.txt::after {
  display: none;
}

.product-lead-wrapper .product-gallery-wrapper,
.info-product-wrapper {
  padding-left: 160px;
  padding-bottom: 60px;
}

.product-gallery-wrapper {
  position: relative;
  text-align: center;
}

.product-gallery-wrapper .product-gallery-thumbs {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin-right: 20px;
  width: 120px;
}

.product-gallery-wrapper .product-gallery-thumbs img {
  padding-bottom: 22px;
}

.product-gallery-wrapper .product-gallery-main-image {
  padding-bottom: 100%;
  position: relative;
}

.product-gallery-wrapper .product-gallery-main-image .product-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.product-gallery-wrapper .product-gallery-main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-card .content {
  background-color: #f9f5f4;
}

.product-lead-wrapper h1:first-child {
  font-weight: 600;
}

.relation-products .header h2 {
  font-weight: 500;
}

.relation-products .slick-list a {
  font-weight: 600;
}

#page-products_listing .product-card {
  height: auto;
}

.products-listing-wrapper .product-card {
  height: auto;
  padding-bottom: 0;
}

.products-listing-wrapper .content a {
  font-size: 0.8em;
  font-weight: 600;
}

#page-products_listing .PAGE .article {
  padding-top: 70px;
}

.products-listing-wrapper .promo-product-title {
  display: none;
}

.page-image-header {
  position: relative;
  padding-top: 110px;
  min-height: 500px;
  overflow: hidden;
}

.page-image-header .page-image-bg {
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(31, 29, 27, 0.6);
}

.page-image-header .page-image-bg::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(31, 29, 27, 0.6);
}

.page-image-header .breadcrumps {
  position: relative;
  z-index: 1;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.page-image-header .breadcrumps a {
  color: #fff;
}

.page-image-header .breadcrumps span {
  color: #fff;
}

.page-image-header .page-header-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 650px;
  margin: 0 auto;
  padding-top: 80px;
}

.page-image-header .page-header-wrapper h1 {
  margin-top: 0;
}

.product-content-wrapper {
  height: 100%;
}

.product-content-wrapper .text-wrapper em {
  font-style: normal;
  font-size: 13px;
  color: #666666;
}

.order-form-page .text-wrapper {
  margin-bottom: 0.8em;
}

.order-form-page .text-wrapper em {
  font-style: normal;
}

.page-image-header .page-header-wrapper span.subtitle {
  display: inline-block;
  color: #fff;
}

.columns.x2 > div.product-left-column {
  padding-bottom: 100px;
}

.page-image-header .page-header-wrapper h1 {
  color: #fff;
}

.info-product-content {
  overflow: hidden;
  height: 0;
  transition: all 1s;
}

.info-product-block {
  padding: 10px 0;
}

.info-product-block .link-file {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 60px;
  background-color: #f9f5f4;
  border: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 15px;
  padding: 5px 65px 5px 70px;
  padding-left: 70px;
  box-sizing: border-box;
  color: #1F1D1B;
  max-width: 700px;
  border-radius: 5px;
  transition: all 300ms;
  text-decoration: none;
}

.info-product-block .link-file::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  background-image: url("graphics/download.png");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
}

.info-product-block .link-file::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-image: url("graphics/svg/download-file.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.info-product-block .link-file:hover {
  padding-left: 100px;
  border: 1px solid rgb(0, 0, 0);
}

.info-product-header {
  border-bottom: 1px solid #000;
}

.info-product-header.expanded {
  border-bottom: 1px solid transparent;
}

.info-product-header:first-child {
  border-top: 1px solid #000;
}

.info-product-header h3 {
  padding: 20px 0;
  margin: 0;
  cursor: pointer;
}

.info-product-header .info-product-content {
  padding-top: 10px;
}

.info-product-wrapper .info-product-header {
  position: relative;
}

.info-product-wrapper .info-product-header .info-product-plus img {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  right: 0;
  top: 25px;
  bottom: 0;
}

.info-product-wrapper .info-product-content.content-2 .info-product-block a {
  display: block;
  padding: 10px 0;
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(to right, #f9f5f4, #f9f5f4), linear-gradient(to right, #C8BEB4, #C8BEB4, #C8BEB4);
  background-size: 100% 3px, 0 3px;
  background-position: 50% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.info-product-wrapper .info-product-content.content-2 .info-product-block a:hover {
  background-size: 0 3px, 100% 3px;
}

.info-product-content .info-product-block .columns.x3 .icon {
  width: 70px;
  height: 70px;
}

.info-product-content .icon-card .content h3 {
  font-size: 16px;
}

.product-accordion-wrapper .icon-card h3 {
  font-size: 1rem;
}

.gallery > div .image a::after {
  display: none;
}

.card .image-wrapper .img-placeholder, .card .image .img-placeholder {
  padding-bottom: 0;
}

.nice-cart-item .item-content {
  padding-bottom: 0;
}

.add-cart-product-info {
  transform: translate(0px, -20px);
}

.cart-info-collapse {
  padding-bottom: 20px;
  box-sizing: border-box;
}

.nice-cart-quantity-controls {
  justify-content: space-between;
}

.nice-cart-quantity-controls .button.ico-btn {
  margin-right: 0;
}

.button.resume {
  background: #A69788;
  color: #fff;
}

.button.resume:hover {
  border: 1px solid #827263;
}

.add-to-cart-text {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.add-to-cart-success-message {
  display: block;
}

#different_delivery .input-wrapper label {
  padding-bottom: 8px;
}

.transport-price {
  font-size: 0.85rem;
  color: #777;
  text-align: left;
  padding-right: 30px;
  margin-top: 15px;
}

.rabat-section {
  margin-top: 2em;
}

.nice-cart-item .item-price {
  align-self: flex-start;
  margin-top: -2px;
}

.nice-cart-item .del {
  align-self: flex-start;
  margin-top: 3px;
}

.add-cart-product-info {
  overflow: hidden;
  height: 0;
  transition: all 1s;
}

.add-cart-product-info-header {
  cursor: pointer;
}

.add-cart-product-info span, .add-cart-product-info .info-value {
  font-size: 0.8rem;
}

#page-cart .add-cart-product-info .info-value {
  max-width: 60%;
}

#page-cart .cart-info-collapse {
  margin-left: 72px;
  margin-top: 10px;
}

.show-cart .cart-info-collapse {
  margin-left: 52px;
}

.contact-slash {
  font-weight: 600;
  font-size: 26px;
  display: inline-block;
  padding-right: 5px;
}

.window-content {
  background-color: #fff;
}

#BOTTOM .window-content span {
  color: #8c8c7e !important;
}

.window-overlay .window {
  height: 75vh;
}

.window-overlay .window-close {
  background: #A69788;
}

.configure-product-block-wrapper h3 {
  font-weight: 600;
}

.configure-product-block-wrapper .configure-submit-wrapper {
  background-color: #fff;
  padding: 20px 20px 60px 20px;
}

.configure-submit-name, .configure-submit-price-text {
  display: inline-block;
  padding: 18px 0;
}

.configure-submit-price {
  float: right;
}

.configure-submit-price-final {
  float: right;
  font-size: 1.5em;
  font-weight: 600;
  padding: 10px 0;
}

.configure-submit-name, .configure-submit-price {
  padding: 10px 0;
  margin-top: 10px;
}

.configure-submit-wrapper .button.ico-btn {
  background-color: rgb(166, 151, 136);
  color: #fff;
  padding-right: 50px;
}

.configure-submit-wrapper .button.ico-btn:hover {
  border: 1px solid rgb(130, 114, 99);
}

.configure-product-block-wrapper hr {
  max-width: 1410px;
  height: 1px;
  box-sizing: border-box;
  margin: 0 auto;
  background-color: rgba(166, 151, 136, 0.5);
  margin-top: 15px;
}

.configure-product-blocks {
  overflow: hidden;
  margin-right: -20px;
  margin-left: -20px;
}

.configure-product-blocks > div {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
}

.configure-product-blocks .item-block-size .button {
  font-size: 0.9rem;
  min-width: 0;
}

.item-block-size {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  box-sizing: border-box;
}

.item-block-size .image {
  width: 70px;
  min-width: 70px;
  height: auto;
  background-color: #eee;
}

.item-block-size .content {
  flex: 1;
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
}

.item-block-size .button {
  margin: 0;
}

#config_window .window {
  width: 100vw;
  height: 100vh;
  max-width: 80vw;
  max-height: 80vh;
}

#config_window .window .window-close {
  z-index: 2;
}

.window-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid #ddd;
  height: 90px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-right: 30px;
  padding-left: 30px;
}

.window-footer h3 {
  margin: 0;
  flex: 1;
}

.window-footer .controls {
  text-align: right;
  width: auto;
  margin-bottom: -10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.window-footer .controls .button {
  margin-bottom: 10px;
}

.window-footer .controls .button.step-next {
  background: #A69788;
  color: #fff;
}

.window-footer .controls .button.step-next:hover {
  border: 1px solid #fff;
}

.config-layout {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
  -moz-column-gap: 50px;
       column-gap: 50px;
  padding-bottom: 90px;
}

.config-layout > div {
  flex: 1;
}

.config-left-side {
  position: relative;
  min-width: 60%;
}

.config-right-side {
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 70px;
  padding-right: 50px;
  position: relative;
}

.config-top-nav {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  box-sizing: border-box;
  height: 45px;
  background: #fff;
  overflow: hidden;
  z-index: 1;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.config-top-nav:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50px;
  right: 50px;
  height: 1px;
  background-color: #ddd;
}

.config-top-nav .nav-bar-wrapper {
  overflow: hidden;
}

.config-top-nav .step-name {
  font-size: 0.8rem;
}

.config-top-nav .nav-bar-wrapper > span {
  display: inline-block;
  width: 30px;
  height: 4px;
  background: #eee;
  margin-right: 8px;
}

.config-top-nav .nav-bar-wrapper > span.urhere {
  background: #ccc;
}

.main-visual-image {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
}

.main-visual-image .visual-image {
  display: none;
}

.main-visual-image .visual-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-visual-image .visual-image.show {
  z-index: 1;
  opacity: 1;
  transition: all 50ms;
  display: block;
}

.shape-item, .service-item {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
  cursor: pointer;
}

.service-item {
  cursor: default;
}

.shape-item .shape-item-image, .service-item .service-item-image {
  width: 100px;
  height: 100px;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shape-item .shape-item-image img, .service-item .service-item-image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.shape-item .shape-item-content, .service-item .service-item-content {
  padding-left: 15px;
  padding-right: 30px;
  position: relative;
  width: 100%;
  flex: 1;
  font-size: 0.8rem;
}

.shape-item .shape-item-content:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  transition: all 300ms;
}

.service-item .service-item-content span.checkbox-mark {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  transition: all 300ms;
  cursor: pointer;
}

.shape-item.checked .shape-item-content:after, .service-item.checked .service-item-content span.checkbox-mark {
  background-color: #A69788;
  background-image: url("graphics/svg/check.svg");
}

.shape-item .shape-item-content h4, .service-item .service-item-content h4 {
  margin-top: 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.product-config-form-wrapper {
  overflow: hidden;
  margin-right: -10px;
  margin-left: -10px;
  width: 100%;
}

.product-config-form-wrapper > div {
  width: 50%;
  box-sizing: border-box;
  float: left;
  padding: 0 10px 10px 10px;
}

.input-wrapper.with-unit {
  padding-right: 50px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 20px;
}

.input-wrapper.with-unit .unit {
  position: absolute;
  top: 0;
  right: 1px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #ccc;
  font-size: 0.8rem;
}

.input-wrapper.with-unit .field-error {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  font-size: 0.7rem;
  color: red;
}

.window-footer .price-wrapper {
  margin-right: 5vw;
  margin-bottom: 10px;
}

.window-footer .price-wrapper > span {
  font-size: 1rem;
  font-weight: 500;
}

.window-footer .price-wrapper > span.price {
  font-size: 2rem;
}

.service-item {
  height: auto;
  align-items: stretch;
}

.service-item .service-item-image {
  width: 150px;
  height: 150px;
}

.service-item .service-item-content {
  padding-bottom: 60px;
}

.service-item .service-item-content .service-item-controls {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.service-item .service-item-content .service-item-controls .price-wrapper {
  margin-right: 10px;
  margin-bottom: 0;
}

.service-item .service-item-content .service-item-controls .price-wrapper > span {
  font-size: 0.8rem;
  font-weight: 500;
}

.service-item .service-item-content .service-item-controls .price-wrapper > span.price {
  font-size: 1rem;
}

.service-item .service-item-content .service-item-controls .input-number {
  height: 40px;
  width: 120px;
  padding-bottom: 0;
}

.service-item .service-item-content .service-item-controls .input-number > span {
  width: 40px;
  height: 40px;
}

.service-item .service-item-content .service-item-controls .input-number input {
  width: 40px;
  height: 40px;
}

.add-cart-product-info-wrapper {
  position: relative;
}

.add-cart-product-info-header::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 75px;
  width: 12px;
  height: 12px;
  background-image: url("graphics/svg/arrow-left.svg");
  transform: rotate(270deg);
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 1s;
}

.add-cart-product-info-header.expanded::after {
  transform: rotate(90deg);
  transition: all 1s;
}

input[type=radio]:checked + label::before {
  content: "";
  background: radial-gradient(circle, #000 40%, #fff 50%);
}

.footer {
  text-align: center;
}

.header {
  max-width: 1410px;
}

#START .header {
  max-width: 1410px;
  padding-bottom: 30px;
}

.header.with-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
  flex-wrap: wrap;
}

.header.with-button .button {
  margin: 0;
  margin-bottom: 10px;
}

.header.with-button h2 {
  margin-bottom: 10px;
  margin-right: 30px;
}

.breadcrumps {
  width: 100%;
  padding: 15px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-bottom: 60px;
  text-transform: uppercase;
}

.breadcrumps span {
  font-weight: 500;
  color: #000;
  font-size: 0.9rem;
}

.breadcrumps img, .breadcrumps svg {
  display: none;
}

.breadcrumps a {
  font-size: 0.8rem;
}

.breadcrumps a::after {
  content: "/";
  padding-left: 20px;
  padding-right: 10px;
}

.breadcrumps:hover a {
  text-decoration: none;
}

span.subtitle {
  margin: 0;
  padding-bottom: 40px;
  padding-left: 40px;
  font-weight: 300;
}

span.subtitle::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0;
  background-image: url("graphics/svg/Star 1.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}

.sb-tile {
  display: flex;
  align-items: center;
  gap: 9%;
}

.sb-tile .content, .sb-tile .image-wrapper {
  width: 100%;
}

.sb-tile .content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.sb-tile h2 {
  margin: 0;
  padding-bottom: 40px;
}

.sb-tile .text-wrapper {
  padding-bottom: 40px;
  font-weight: 300;
  font-size: 16px;
}

.sb-tile-right {
  flex-direction: row-reverse;
}

.about-article h1 {
  text-align: center;
  font-weight: 600;
  padding-bottom: 60px;
}

.about-article span.subtitle {
  display: inline-block;
}

.offer-category-card .columns {
  margin: 0 -60px;
}

.offer-category-card .columns > div {
  padding: 0 60px;
}

#START .offer-category-card .header h2,
.offer-category-card .header h2 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  display: block;
  clear: both;
  padding-bottom: 40px;
}

#START .offer-category-card .header .subtitle {
  display: inline-block;
}

.offer-category-card .card .image-wrapper {
  overflow: hidden;
  margin-bottom: 40px;
}

.offer-category-card .card a.image-wrapper .image {
  transition: all 1s;
}

.offer-category-card .card a.image-wrapper:hover .image {
  transform: scale(1.05);
}

.offer-category-card .content {
  padding-bottom: 90px;
}

.offer-category-card .content h3 {
  padding-bottom: 20px;
  margin: 0;
}

.offer-category-card .content a {
  font-weight: 600;
}

#page-products_listing .category {
  display: none;
}

.card.product-card .image {
  transition: all 0.3s;
}

.card.product-card .image.second-image {
  opacity: 0;
  z-index: 0;
}

.card.product-card .image-wrapper:hover .first-image {
  z-index: 0;
  transform: scale(1);
  opacity: 0;
}

.card.product-card .image-wrapper:hover .second-image {
  opacity: 1;
  z-index: 1;
  transform: scale(1);
}

.product-card .image-wrapper .image.second-image {
  padding: 0;
}

.promo-product-wrapper .category,
.realization-item .category,
.relation-products .promo-product-title,
.base-knowledge-card .promo-product-title,
.knowledge-articles-wrapper .promo-product-title,
.product-card .promo-product-title {
  position: absolute;
  left: 25px;
  top: 25px;
  background-color: #C8BEB4;
  color: #fff;
  border: 1px solid #C8BEB4;
  text-transform: uppercase;
  z-index: 1;
  padding: 4px 10px;
}

.promo-product-wrapper .product-card .category a,
.realization-item .category a {
  color: #fff;
  font-weight: 500;
}

.knowledge-articles-wrapper .promo-product-title {
  top: 15px;
  left: 15px;
  background-color: rgb(166, 151, 136);
  border: rgb(166, 151, 136);
  white-space: nowrap;
}

.knowledge-articles-wrapper .first-item-image p {
  margin: 1em 0;
}

.promo-product-wrapper .header,
.knowledge-base .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.promo-product-wrapper .header span.subtitle,
.knowledge-base .header span.subtitle {
  padding-bottom: 0;
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 119px;
  width: 150px;
}

.promo-product-wrapper .header h2,
.knowledge-base .header h2 {
  padding-left: 120px;
}

.product-card {
  background-color: transparent;
  border: none;
}

.product-card .message {
  display: none;
}

.promo-product-wrapper .slick-slide {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.product-card .image-wrapper {
  padding-bottom: 100%;
  margin-bottom: 0;
  background-color: #EBE6E1;
}

.promo-product-wrapper .card.product-card {
  max-height: 410px;
  height: 410px !important;
}

.product-card .image-wrapper .image {
  padding: 50px;
}

.product-card .image-wrapper .image:hover {
  transform: scale(1.05);
  transition: all 1s;
}

.promo-product-wrapper .content a {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}

.relation-products .product-card {
  padding-bottom: 0;
  height: auto;
}

.sb-tile.configurator-block {
  display: flex;
  align-items: center;
  gap: 120px;
}

.sb-tile.configurator-block .content {
  flex: 1;
}

.sb-tile.configurator-block .image-wrapper {
  width: 50%;
}

.sb-tile-right.configurator-block {
  justify-content: center;
}

.configurator-block .image-wrapper {
  overflow: visible;
  position: relative;
}

.configurator-block .image-wrapper .pointer {
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}

.configurator-block .image-wrapper .pointer span {
  transform: translate(19px, 11px);
  position: absolute;
}

.configurator-block .image-wrapper .pointer-1 {
  top: 40%;
  left: 50%;
}

.configurator-block .image-wrapper .pointer-2 {
  top: 50%;
  left: 70%;
}

.configurator-block .image-wrapper .pointer-3 {
  top: 63%;
  left: 84%;
}

.configurator-block .image-wrapper .pointer-cloud {
  position: absolute;
  display: none;
  top: 10%;
  left: 75%;
  width: auto;
  height: auto;
  padding: 20px;
  font-size: 1rem;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
  border-radius: 10px;
  transform: translate(0, -100%);
  white-space: nowrap;
  text-align: center;
}

.configurator-block .image-wrapper .pointer:hover .pointer-cloud {
  display: block;
}

.configurator-block .image-wrapper .image {
  background-image: url("graphics/model-3d.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100%;
}

.sb-tile.configurator-block h2 {
  padding-bottom: 40px;
}

.configurator-block .content p {
  max-width: 650px;
  padding-bottom: 30px;
  font-weight: 300;
}

.configurator-block .text-wrapper ul {
  counter-reset: headings2;
}

.configurator-block .text-wrapper ul li {
  font-weight: 600;
  margin-left: 0;
  padding: 10px 0 10px 60px;
  position: relative;
  font-size: 20px;
}

.configurator-block .text-wrapper ul li::before {
  content: counter(headings2) " ";
  counter-increment: headings2;
  position: absolute;
  left: 0;
  top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: normal;
  border: 1px solid #647568;
  line-height: 1;
  width: 36px;
  height: 36px;
  min-width: 36px;
  font-size: 0.9rem;
  box-sizing: border-box;
  transform: translate(0, -3px);
  background: none;
}

.photo-box.realization-item {
  position: relative;
  overflow: hidden;
}

.realization-item a:hover {
  transition: all 1s;
  transform: scale(1.05);
}

.photo-box.realization-item image:hover .hover-mask {
  opacity: 1;
}

.our-realisations .header {
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-end;
}

.our-realisations .header .button {
  margin-right: 0;
}

.our-realisation .content h3 {
  font-size: 1rem;
}

.photo-box.realization-box {
  padding-bottom: 48%;
  border-radius: 2px;
  overflow: hidden;
}

.slick-prev::after, .slick-next::after {
  border-radius: 100%;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.knowledge-base .slick-prev::after, .knowledge-base .slick-next::after,
.promo-product-wrapper .slick-prev::after, .promo-product-wrapper .slick-next::after {
  box-shadow: none;
}

#page-realizations > div h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-transform: capitalize;
}

#page-realizations .realizations-gallery-wrapper {
  padding: 0 66px;
}

#page-realizations .realizations-gallery-wrapper .columns > div {
  padding: 0 40px 60px 40px;
}

.realizations-gallery-wrapper .photo-box {
  padding-bottom: 75%;
}

.article-section.alt-color,
.page-section.alt-color,
.article.alt-color {
  background-color: #f9f5f4;
}

.article-section.third-color {
  display: none;
  background-color: rgba(220, 201, 184, 0.2);
}

.article-section.configurator-color {
  background-color: #EBE6E1;
}

.knowledge-base .card {
  background: #fff;
  padding: 60px 30px 140px 60px;
}

.knowledge-base .controls {
  padding: 0 60px;
  padding-bottom: 40px;
}

.knowledge-base .card .knowledge-listing-text {
  font-weight: 300;
}

.knowledge-base .updated {
  font-weight: 300;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 16px;
}

.knowledge-base .card h3 {
  padding-top: 40px;
  font-size: 1.5rem;
}

.knowledge-base .card h3 a {
  font-weight: 600;
}

.contact-items-logo {
  background-repeat: no-repeat;
  width: 120px;
  height: auto;
}

.contact-items-logo img {
  display: block;
}

.social-links .st0 {
  fill: #777;
}

.contact-data-form-window {
  background-image: url("graphics/dol.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 175px 0;
}

.contact-data-form-window .contact-box-form-window-wrapper .contact-box-content h2:first-child {
  margin-top: 0;
  text-align: center;
}

.contact-box-content h2 {
  color: #fff;
  max-width: 720px;
  margin: 0 auto;
}

.contact-data-form-window .contact-box-content .contact_data {
  display: flex;
  justify-content: center;
  gap: 15px;
  height: 50px;
}

.contact-data-form-window .contact-box-content .subtitle {
  margin-right: 40px;
  display: inline-block;
}

.contact-data-form-window .contact-box-content .controls {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  background: transparent;
}

.contact-data-form-window .contact-box-content .controls .button.cta {
  background: transparent;
  border: 1px solid #fff;
}

#START .contact-data-form-window .contact-box-content h2 {
  text-align: center;
}

body#START .input-wrapper.field-rodo {
  line-height: 1.1 !important;
}

#CANVAS .input-wrapper.field-rodo {
  line-height: 1.1 !important;
}

#START .input-wrapper.field-rodo .checklist.add_text.rodo,
#CANVAS .input-wrapper.field-rodo .checklist.add_text.rodo {
  font-size: 12px;
}

.contact-data-form-window .contact-box-content .ico {
  display: none;
}

.contact-data-section .contact_data .icon {
  display: none;
}

.contact-box-form-window-wrapper .contact-box-content .controls .phone-wrapper .button.ico-left {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 2px;
  font-weight: 500;
  background: transparent;
  padding-left: 25px;
  height: 50px;
  border: 1px solid #fff;
  margin-right: 10px;
}

#page-product .window-overlay .window .form-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  overflow-y: hidden;
  position: relative;
  padding: 40px;
  padding-bottom: 0px;
  overflow-y: auto;
  max-height: 450px;
}
#page-product .window-overlay .window .add-module-col {
  padding-top: 40px;
}
#page-product .window-overlay .window .attachments-controls {
  padding-bottom: 10px;
}
#page-product .window-overlay .window .attachments-controls .selected-file {
  overflow: hidden;
}
#page-product .window-overlay .window .window-content {
  padding: 0;
  overflow-y: clip;
}
#page-product .window-overlay .window .submit-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  background-color: #f9f9f9;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
}
#page-product .window-overlay .window .submit-controls .custom-file, #page-product .window-overlay .window .submit-controls .magicFormSubmit {
  margin-bottom: 0;
}

.map-branches {
  position: relative;
}

.map-branches .background-map {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}

.map-branches .region {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.map-branches .region:nth-child(2) {
  margin-bottom: 40px;
  margin: 0 auto;
}

.map-branches .region h3 {
  margin-top: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 31.5px;
}

.map-branches .columns.x2 > div:nth-child(even) .region {
  text-align: right;
  margin-top: 60px;
}

.map-branches .region .region-contact {
  display: flex;
  padding-bottom: 20px;
}

.map-branches .columns.x2 > div:nth-child(even) .region-contact {
  justify-content: flex-end;
}

.map-branches .region .region-contact span {
  padding: 0 10px;
}

.map-branches .region .region-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 15%;
  height: 1px;
  background-color: #000000;
  z-index: 1;
}

.map-branches .columns.x2 > div:nth-child(even) .region-line {
  left: 10%;
  right: 0;
}

.map-branches .columns.x2 > div:nth-child(even) .region-line::after {
  left: -5px;
  right: auto;
}

.contact-data-section.contact-data-section-grey {
  background-color: #EBE6E1;
}

.contact-data-section.contact-data-section-grey .contact-header-wrapper {
  align-items: flex-start;
  padding-left: 50px;
  padding-top: 40px;
}

.contact-data-section.contact-data-section-grey .contact-box {
  padding-top: 0px;
}

.contact-data-section.contact-data-section-grey .contact-box .contact-icon {
  padding: 20px 0;
}

.contact-data-section.contact-data-section-grey .contact-box .contact-icon .email, .contact-data-section.contact-data-section-grey .contact-box .contact-icon .phone-wrapper, .contact-data-section.contact-data-section-grey .contact-box .contact-icon .address {
  font-size: 16px;
}

.contact-data-section.contact-data-section-grey span {
  display: block;
}

.contact-data-section.contact-data-section-grey .contact-slash {
  padding: 0 5px;
  font-weight: 600;
}

.block-realisation-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0;
  background-color: #1F1D1B;
}

.block-realisation-image .header h2 {
  color: #fff;
  text-align: center;
  padding: 25px;
  line-height: 39px;
  max-width: 600px;
  margin: 0 auto;
}

.block-realisation-image .controls {
  text-align: center;
}

.block-realisation-image .header .button {
  color: #fff;
}

.block-realisation-image .header .button:hover {
  border: 1px solid #fff;
}

.logo-box .thb {
  filter: grayscale(100%);
  transition: filter 600ms;
}

.logo-box:hover .thb {
  filter: grayscale(0);
}

.icon-card-lux-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 80px;
}

.icon-card-lux-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: #fff;
}

.icon-card-lux-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.icon-card-lux-section .container {
  position: relative;
  z-index: 1;
}

.icon-card-lux-section .icon-card .content {
  color: #fff;
}

.icon-card-lux-section .icon-card h3 {
  color: #fff;
}

.icon-card-lux-section .icon-card .icon-wrapper {
  border-radius: 50%;
  padding: 3px;
  background: #1F1D1B;
  width: 120px;
  height: 120px;
  margin: 0 auto 1em auto;
}

.icon-card-lux-section .icon-card .icon-wrapper .icon {
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.icon-card-lux-section .icon-card .icon-wrapper .icon img {
  width: 50%;
  height: 50%;
}

.quote-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 115px 0;
}

.quote-section .container {
  position: relative;
  z-index: 1;
}

.quote-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.quote-section h2, .quote-section blockquote, .quote-section p, .quote-section span, .quote-section a {
  color: #fff;
}

.quote-section h2 {
  text-align: center;
}

.quote-section .header {
  padding-bottom: 0;
}

.quote-section blockquote, .quote-section span.signature {
  text-align: center;
  display: block;
}

blockquote span.signature {
  text-transform: uppercase;
}

.quote-section .slick-next, .quote-section .slick-prev {
  display: none !important;
}

#CANVAS {
  background-color: #f9f5f4;
}

.PAGE {
  padding: 0;
}

#page-products_listing .breadcrumps svg path {
  fill: #fff !important;
}

nav.desktop .nav-button > a {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 500;
}

#TOP, #TOP.sticked {
  background-color: transparent;
}

#START #TOP.unsticked nav.desktop .nav-button > a span,
#page-products_listing #TOP.unsticked nav.desktop .nav-button > a span {
  position: relative;
  color: #fff;
}

nav.desktop .nav-button > a span {
  position: relative;
}

#TOP.sticked nav.desktop > ul {
  height: auto;
}

nav.desktop .nav-button > a span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0;
  background: #C8BEB4;
  transition: all 300ms;
}

nav.desktop .sub-nav-button > a {
  padding: 0.6rem 1.1rem;
  background-color: #f8f4f3;
}

nav.desktop .sub-nav-button > a:hover {
  background-color: #EBE6E1;
}

nav.desktop .submenu {
  border: none;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
}

#TOP.sticked, #START #TOP.sticked {
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
  background-color: #f9f5f4;
}

#START #TOP.unsticked #logo .primary-logo,
#page-products_listing #TOP.unsticked #logo .primary-logo {
  display: none;
}

#START #TOP.unsticked #logo .secondary-logo,
#page-products_listing #TOP.unsticked #logo .secondary-logo {
  display: block;
}

#TOP.sticked .nav.desktop .nav-button > span {
  color: #fff;
}

#mobile-menu-button {
  background: transparent;
  border: 1px solid #a69788;
}

#mobile-menu-button #TOP.unsticked {
  border: 1.5px solid #fff;
}

nav.desktop .nav-button > a:hover span:after, nav.desktop .nav-button.urhere > a span:after {
  height: 4px;
}

.header-modules {
  float: right;
  height: 100%;
}

#TOP {
  border-bottom: none;
}

#TOP-MAIN .header-modules {
  padding-left: 40px;
  margin-left: 20px;
  position: relative;
  background: transparent;
}

#TOP-MAIN .header-modules:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  width: 1px;
  background: #ddd;
}

.header-modules .button {
  margin: 0;
  min-width: 220px;
}

.header-modules .phone-wrapper {
  margin-left: 30px;
}

.phone-wrapper .button .ico {
  padding: 10px;
}

.banner-content .text-wrapper,
.banner-content h1,
.banner-content h2,
.banner-content h1 .subtitle,
.banner-content h2 .subtitle,
#START .banner-content h1 .subtitle,
#START .banner-content h2 .subtitle {
  text-shadow: none;
}

.opSlider-control-prev, .opSlider-control-next {
  display: none;
}

.banner-content h1,
.banner-content h2,
.banner-content .text-wrapper,
.banner-content .controls {
  text-align: left;
}

.banner-content .container.alt {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

.banner-content .controls {
  padding-top: 40px;
}

.banner-content .controls .button.cta,
.banner-content .controls .button.cta.alt {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.banner-content .controls .button.cta:hover,
.banner-content .controls .button.cta.alt:hover {
  border: 1px solid #827263;
}

.banner-content {
  left: 45px;
}

.opSlider-indicators {
  justify-content: flex-start;
  margin-left: 4.5%;
  margin-bottom: 50px;
}

#BOTTOM {
  padding: 0 !important;
}

#BOTTOM, #SYSTEM-FOOT {
  background: #1F1D1B;
  color: #fff;
}

#BOTTOM h3:first-child {
  margin-top: 0;
}

#BOTTOM, #BOTTOM h3, #BOTTOM p, #BOTTOM span, #BOTTOM a, #BOTTOM strong {
  color: #fff;
}

#BOTTOM .social-links {
  margin-top: 1em;
}

#BOTTOM .social-icon {
  width: 22px;
  height: 22px;
  margin-right: 20px;
}

#BOTTOM .social-icon svg path {
  fill: #fff;
}

#BOTTOM .links ul li {
  padding-bottom: 5px;
}

#BOTTOM .links ul li a:hover {
  color: white;
}

#SYSTEM-FOOT {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-width: 80%;
}

#SYSTEM-FOOT .phone-wrapper span,
#SYSTEM-FOOT .address,
#SYSTEM-FOOT .emails-wrapper span a {
  color: #fff;
}

#SYSTEM-FOOT .contact-items-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 60px;
}

#SYSTEM-FOOT .contact-items-wrapper .contact_data {
  text-align: center;
}

#SYSTEM-FOOT .contact-items-wrapper .contact_data .phones-wrapper {
  display: flex;
}

#SYSTEM-FOOT .phone-wrapper span {
  margin-right: 3px;
}

#SYSTEM-FOOT .contact-items-data .social-links-mod {
  text-align: center;
  padding-top: 10px;
}

#SYSTEM-FOOT .contact-items-data .social-links-mod .social-links {
  display: inline-flex;
  margin: 0 auto;
}

#SYSTEM-FOOT .contact-items-data .social-links-mod .social-links .social-icon {
  margin-right: 15px;
}

#SYSTEM-FOOT a {
  color: #fff;
}

.cart-module .cart-ico {
  padding: 6px;
  box-sizing: border-box;
  background-color: #C8BEB4;
}

.cart-content-window-wrapper .cart-header-window .close-panel-btn {
  background: #a69788;
}

.cart-content-window-wrapper .cart-controls-window {
  border-top: none;
  padding: 10px 20px 30px 20px;
}

.cart-content-window-wrapper .cart-header-window {
  border-bottom: none;
}

.cart-content-window-wrapper .button.alt.cta {
  background: #a69788;
  position: relative;
  padding-right: 65px;
}

.window-content .config-layout .controls .button.step-prev {
  padding: 5px 20px 5px 30px;
}

.window-content .config-layout .controls .button.step-prev.first {
  padding: 5px 25px;
}

.window-content .config-layout .controls .button.step-prev.first::before {
  display: none;
}

.window-content .config-layout .controls .button.step-prev::before {
  content: "";
  position: absolute;
  left: 6px;
  width: 25px;
  height: 20px;
  top: 14px;
  bottom: 0;
  background-image: url("graphics/svg/chevron-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cart-module .button.alt.cta::after {
  content: "";
  position: absolute;
  right: 25px;
  width: 25px;
  height: 20px;
  top: 14px;
  bottom: 0;
  background-image: url("graphics/svg/right-arrow-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cart-content-window-wrapper .cart-content-window {
  padding: 5px;
}

.service-item .service-item-content .service-item-controls .input-number input {
  padding: 9px 10px;
}

.order-form-page .controls .button.alt.cta {
  background: #a69788;
  border: 1px solid;
}

.order-form-page .input-wrapper label span,
.order-form-page a.terms {
  font-size: 13px;
}

.order-form-page .data-info,
.order-form-page .input-wrapper.invoice label span {
  font-size: 16px;
  color: #000;
}

#START h2 {
  text-align: left;
  font-weight: 600;
}

#page-contactus .columns .contact_data h3:first-child,
#page-contactus .columns .form-wrapper h2:first-child {
  margin-top: 0;
}

#page-contactus .columns .form-wrapper h2 {
  font-size: 1.6em;
}

.company_name, .add_company_name, .address, .phone, .email, .hours, .add_descr, .fax {
  display: block;
}

.company_name, .add_company_name, .address, .phones-wrapper, .emails-wrapper, .hours, .add_descr, .fax {
  margin-bottom: 0px;
}

.contact-section-icon {
  overflow: hidden;
}

.contact-icon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.contact-box.small .contact-icon {
  align-items: center;
}

.contact-icon .icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0;
  margin-right: 20px;
}

.contact-icon .button {
  margin: 0;
}

.contact-icon strong {
  display: block;
  margin-bottom: 5px;
  color: #1F1D1B;
  font-family: Inter, tahoma, arial, sans-serif;
}

.contact-icon .hours {
  margin-top: 0;
}

.email-wrapper .email, .phone-wrapper .phone {
  display: none;
}

.email-wrapper.show-email .email, .phone-wrapper.show-phone .phone {
  display: flex;
}

.email-wrapper.show-email .button.show-btn, .phone-wrapper.show-phone .button.show-btn {
  display: none;
}

.email-wrapper.show-email, .phone-wrapper.show-phone {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.phone-number > a:hover {
  text-decoration: none;
}

.map iframe {
  width: 100% !important;
}

.contact-items-wrapper .contact-items-data .contact_data .phones-wrapper .phone-wrapper span.phone-txt::after {
  content: "";
  border-right: 1px solid #fff;
  padding-left: 5px;
}

.contact-items-wrapper .contact-items-data .contact_data .phones-wrapper .phone-wrapper:last-child span.phone-txt:after {
  border-right: none;
}

.contact-simple-layout {
  overflow: hidden;
}

.contact-simple-layout > div {
  float: left;
}

.contact-simple-layout > div h2:first-child, .contact-layout > div h3:first-child {
  margin-top: 0;
}

.contact-simple-layout > div.contact-content {
  width: 100%;
}

.contact-simple-layout > div.contact-form {
  width: 65%;
}

.form-fields-wrapper {
  overflow: visible;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.form-fields-wrapper > .col1,
.form-fields-wrapper > .col2 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.form-fields-wrapper > .col1 {
  padding-right: 5px;
}

.form-fields-wrapper > .col2 {
  padding-left: 5px;
}

.form-fields-wrapper .input-wrapper.field-rodo {
  clear: both;
}

.input-wrapper.field-rodo2 .checklist.add_text.rodo {
  font-size: 11px;
  color: #8c8c7e;
}

body#page-contactus .input-wrapper.field-rodo2 {
  line-height: 1.1 !important;
}

.form-fields-wrapper > .col2 .input-wrapper {
  height: calc(100% - 10px);
}

.form-fields-wrapper > .col2 textarea {
  min-height: 120px;
  height: 100%;
}

.form-fields-wrapper .input-wrapper input, .form-fields-wrapper .input-wrapper textarea {
  display: block;
}

.contact-data-form-section {
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.contact-data-form-section > div {
  box-sizing: border-box;
  padding: 50px;
}

.contact-data-form-section > div.contact-col {
  background: #eee;
  position: relative;
  width: 40%;
}

.contact-data-form-section > div.contact-col:after {
  content: "";
  position: absolute;
  top: 60px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: #eee;
  transform: rotate(45deg);
}

.contact-data-form-section > div.add-module-col {
  width: 60%;
}

.contact-data-form-section h2, #START .contact-data-form-section h2,
.contact-data-form-section h3, #START .contact-data-form-section h3 {
  margin-top: 0;
  margin-bottom: 15px;
  text-align: left;
  font-size: 2.4rem;
}

.contact-data-form-section .contact_data .button {
  min-width: 180px;
}

.contact-data-section .contact-box {
  padding: 50px 50px 60px 50px;
  border-radius: 3px;
  box-sizing: border-box;
  position: relative;
}

.contact-data-section .contact-header-wrapper h2 {
  font-weight: 600;
}

.contact-data-section .controls .button.cta {
  background: transparent;
}

.contact-box-form-window-wrapper .contact-box-content .controls .phone-wrapper .button.ico-left:hover,
.contact-box-content .controls .button.cta:hover {
  border: 1px solid #C8BEB4;
}

.contact-data-section .contact-box .contact_data span:hover {
  text-decoration: underline;
}

.contact-data-section .contact-header-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 80px 0 20px 0;
}

.contact-data-section .contact-box .contact-icon {
  border-top: 1px solid #000;
  margin: 0;
  padding: 20px 0;
  align-items: center;
  justify-content: space-between;
  font-weight: 300;
}

.contact-data-section .contact-box .contact-icon .hours p {
  margin: 0;
}

.contact-data-section .contact-box .contact-icon .email,
.contact-data-section .contact-box .contact-icon .phone-wrapper,
.contact-data-section .contact-box .contact-icon .address,
.contact-data-section .contact-box .contact-icon .hours {
  font-weight: 600;
  font-size: 26px;
}

.contact-data-section .contact-box .contact-icon-phone-wrapper {
  display: flex;
  align-items: center;
}

.contact-data-section .contact-box .contact-icon .phone-wrapper:first-child {
  padding-right: 5px;
}

.contact-data-section .contact_data {
  border-bottom: 1px solid #000;
}

.contact-data-section .contact-box.small {
  padding-right: 50%;
}

.contact-data-section .contact-box.small .image-wrapper {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: -15px;
  width: 40%;
}

.contact-data-section .contact-box.small .image-wrapper .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-data-section .form-fields-wrapper textarea {
  min-height: 179px;
}

.contact-data-section h2 {
  margin-top: 0;
}

#START .contact-data-section h2,
.contact-data-section h3, #START .contact-data-section h3 {
  margin-top: 0;
  text-align: left;
  font-size: 2.6rem;
}

.contact-data-section .phone-wrapper .button,
.contact-data-section .email-wrapper .button,
.contact-data-form-section .phone-wrapper .button,
.contact-data-form-section .email-wrapper .button {
  min-width: 180px;
}

.contact-data-form-section .contact-icon {
  align-items: center;
}

.contact-simple-layout .contact-data-section .contact-icon .icon {
  display: none;
}

#page-contactus #BOTTOM {
  display: none;
}

.contact-data-section.contact-data-section-grey .contact-box {
  margin-bottom: 40px;
}

.kb-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 30px;
}

.kb-wrapper .urhere {
  background-color: #A69788;
  color: #fff;
}

.branches-wrapper {
  background-color: #EBE6E1;
  padding: 15px 20px;
  border-radius: 39px;
  width: auto;
}

.branches-wrapper a {
  border: 1px solid #A69788;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 39px;
  text-transform: uppercase;
}

.branches-wrapper a:hover {
  text-decoration: none;
  background-color: #A69788;
  color: #fff;
}

.branches-wrapper a:last-child {
  margin-right: 0;
}

.article-columns.side.left {
  padding: 0;
}

#page-knowledge_article .container h1:first-child {
  text-align: center;
}

#page-knowledge_listing .button.txt {
  width: 175px;
  height: 40px;
  padding-right: 0;
  padding: 0;
  border: 1px solid #000;
}

#page-knowledge_listing .button.txt::after {
  display: none;
}

#page-knowledge_listing h1 {
  display: none;
}

.columns.x3.knowledge-articles-wrapper > div.promo-first-item {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 100px;
  padding-top: 40px;
}

.knowledge-articles-wrapper .promo-first-wrapper {
  height: 100%;
  width: 70%;
}

.knowledge-articles-wrapper .promo-first-wrapper h3 {
  margin-top: 10px;
  font-weight: 600;
  font-size: 1.625rem;
}

.knowledge-articles-wrapper .promo-first-wrapper span {
  padding-bottom: 40px;
}

.knowledge-articles-wrapper .promo-first-wrapper .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 600px;
}

.knowledge-articles-wrapper .promo-first-wrapper .content .updated {
  font-weight: 300;
  font-size: 16px;
}

.knowledge-articles-wrapper .promo-first-image {
  width: 70%;
}

.bg-color {
  background: linear-gradient(90deg, #1F1D1B, #1F1D1B);
}

.bg-color h1, .bg-color h2, .bg-color h3,
.bg-color .subtitle, #START .bg-color .subtitle,
.bg-color p, .bg-color a, .bg-color span {
  color: #fff;
}

.bg-color .green-alert, .bg-color .red-alert, .bg-color .yellow-alert {
  color: inherit;
}

#advanced-cookie-info .container {
  max-width: 550px;
}

#advanced-cookie-info .container img {
  width: 120px;
  height: 40px;
}

#advanced-cookie-info .text-wrapper {
  text-align: left;
}

#advanced-cookie-info .button-wrapper .button.cta {
  background-color: rgb(166, 151, 136);
  color: #fff;
}

#advanced-cookie-info .button-wrapper .button.cta:hover {
  border: 1px solid #fff;
}

#advanced-cookie-info .button-wrapper .button.txt {
  border: none;
}

.check-onscreen {
  position: relative;
  opacity: 1;
  top: 0;
}

.check-onscreen.offscreen-bottom {
  top: 100px;
  opacity: 1;
  transition: all 400ms;
}

.check-onscreen.onscreen {
  top: 0;
  opacity: 1;
  transition: all 400ms;
}

.blur-up {
  filter: blur(5px);
  transition: filter 400ms;
}

.blur-up.lazyloaded {
  filter: blur(0);
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.onscreen .AnimateSVG path,
.onscreen .AnimateSVG g path,
.onscreen .AnimateSVG g g path,
.onscreen .AnimateSVG g g g path {
  stroke-dashoffset: 0px !important;
  transition: all 4s linear;
}

.swiper-wrapper {
  /*margin-left: -20px!important;
  margin-right: -20px!important;*/
}

.swiper-slide .card {
  background-color: #F1F1F1;
}

.swiper-container {
  position: relative;
}

.swiper-button-prev {
  left: -50px !important;
}

.swiper-button-next {
  right: -50px !important;
}

:root {
  --grid-v-margin: 40px;
}

.decor-wrapper {
  width: -moz-max-content;
  width: max-content;
  background-color: white;
  padding: 15px;
}
.decor-wrapper h4 {
  margin-top: 0;
  font-weight: 500;
  font-size: 1rem;
}
.decor-wrapper .decor-price {
  font-size: 1.5rem;
  font-weight: 600;
}
.decor-wrapper .decor-image {
  display: none;
}
.decor-wrapper .button {
  margin-bottom: 0;
}
.decor-wrapper .decor-delivery {
  margin-bottom: 10px;
  font-size: 14px;
}/*# sourceMappingURL=theme.css.map */