:root {
  scroll-behavior: unset;

  --primary: #CE3716;
  --primary-rgb: 206, 55, 22;

  --secondary: #515442;
  --secondary-rgb: 81, 84, 66;

  --ternary: #D5A021;
  --ternary-rgb: 213, 160, 33;

  --black: #000;
  --black-rgb: 0, 0, 0;

  --white: #FFFFFF;
  --white-rgb: 255, 255, 255;

  --orange: #D5A021;
  --orange-rgb: 213, 160, 33;

  --gray-light: #F8F8F8; /*#FAFAFA*/
  --gray-light-rgb: 248, 248, 248;

  --gray: #E0E2D7;
  --gray-rgb: 224, 226, 215;

  --gray-dark: #ADADAD; /* #AFC9C0 - #BABABA */
  --gray-dark-rgb: 173, 173, 173;

  --border-radius: 18px;
  --box-shadow: 0 .5rem 1rem rgba(var(--primary-rgb), .15);

  --link-color:       var(--gray-dark);
  --link-hover-color: var(--gray);

  --bg-primary:  var(--primary);
  --bg-secondary:  var(--secondary);
  --bg-light:  var(--gray-light);
  --bg-dark:  var(--gray-dark);
  --bg-gray:  var(--gray);
  --bg-white:  var(--white);
  --bg-black:  var(--black);
  --bg-orange:  var(--orange);

  --arrow-color:  var(--primary);

  --nav-height:  65px;

  --em-gutter-x: .75rem; /* 12px */
  --em-gutter-y: .75rem; /* 12px */

  --font-family-primary: "AT Surt", sans-serif;
  --font-weight-light: normal; /*was 300*/
  --font-weight-regular: normal;
  --font-weight-medium: 500;
  --font-weight-bold: 500; /*was bold*/
}

@media (max-width: 991px) {
  :root {
    --em-gutter-x: 1.75rem;
  }
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /*virtual-keyboard: overlay-content;*/
}

body {
  height: 100%;
  /* Allows you to scroll below the viewport; default value is visible */
  overflow-x: hidden;
  overflow-y: scroll;
  /* To smooth any scrolling behavior */
  -webkit-overflow-scrolling: touch;
}

/*Custom scrollbar*/
/** {*/
/*  scrollbar-width: thin;*/
/*  scrollbar-color: var(--primary) var(--secondary);*/
/*}*/

/**::-webkit-scrollbar {*/
/*  width: 8px;*/
/*  height: 8px;*/
/*}*/

/**::-webkit-scrollbar-track {*/
/*  border-radius: 16px;*/
/*  background: rgba(var(--secondary-rgb), 0.25);*/
/*}*/

/**::-webkit-scrollbar-thumb {*/
/*  background-color: var(--primary);*/
/*  border-radius: 16px;*/
/*}*/

/*::-webkit-scrollbar-thumb:hover {*/
/*  background: var(--secondary);*/
/*}*/


body,
html {
    padding: 0;
    margin: 0;
    color: var(--black);
    background: var(--white);
    font-size: 1em;
    line-height: 1.4;
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-regular);
    font-style: normal;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
}



/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

p {
  font-size: 16px;
  font-family: var(--font-family-primary);
  color: var(--black);
  line-height: 126%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-primary);
  color: var(--black);
  font-weight: var(--font-weight-regular);
  font-style: normal;
  line-height: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word
}

h1 {
  font-size: 100px;
  line-height: 106%;
}

h2 {
  font-size: 45px;
  line-height: 126%;
}

h3 {
  font-size: 35px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

@media (max-width: 991px) {
  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a
 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}


a {
  font-family: var(--font-family-primary);
  color: var(--link-color);
  text-decoration: none;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease
}

a:hover {
  color: var(--link-hover-color);
}

a,
a div,
a span,
button,
button div,
button span,
input,
textarea,
.touch-action {
  -ms-touch-action: manipulation;
  touch-action: manipulation; /*disable the delay of click events caused by support for the double-tap to zoom gesture. */
}

button {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: auto;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*Force Hand Cursor over Clickable Items*/
a[href],
input[type="submit"],
input[type="image"],
label[for],
select,
button,
.pointer,
.clickable,
.tappable {
  cursor: pointer;
}

/* ==========================================================================
   Author's custom styles
========================================================================== */
.cv-auto {
  content-visibility: auto;
}

.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}

/*stop interaction with the page when page is loading*/
/*or when the search is open*/
body.is-loading,
body.is-loading * {
  pointer-events: none !important;
}


/* PRELOADER */
.ip-header {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1031;
  min-height: 460px;
  width: 100%;
  height: 100%;
  background: var(--gray-light);
}

.ip-logo,
.ip-loader {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: default;
  pointer-events: none;
}

.ip-logo {
  top: 0;
  height: 100%;
  -webkit-transform: translate3d(0,25%,0);
          transform: translate3d(0,25%,0);
}

.logo-title {
  font-family: var(--font-family-primary);
  color: var(--primary);
}

.ip-loader {
  bottom: 20%;
}

.ip-header .ip-inner {
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}

.ip-header .ip-loader svg path {
  fill: none;
  stroke-width: 6;
}

.ip-header .ip-loader svg path.ip-loader-circlebg {
  stroke: #ddd;
}

.ip-header .ip-loader svg path.ip-loader-circle {
  -webkit-transition: stroke-dashoffset 0.2s;
  transition: stroke-dashoffset 0.2s;
  stroke: var(--primary);
}

.ip-container {
  position: relative;
  background: #fff;
  z-index: 1;
}

/* Content */
.ip-main {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  opacity: 1;
  background: #fff;
  z-index: 1;
}

/* Animations */

/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
  opacity: 1;
}

.loading .ip-logo {
/*  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;*/
  -webkit-animation: animInitialLogo 1s cubic-bezier(0.7,0,0.3,1) both;
  animation: animInitialLogo 1s cubic-bezier(0.7,0,0.3,1) both;
}

@-webkit-keyframes animInitialLogo {
  from { opacity: 0; }
}

@keyframes animInitialLogo {
  from { opacity: 0; }
}

.loading .ip-loader {
  -webkit-animation: animInitialLoader 1s cubic-bezier(0.7,0,0.3,1) both;
  animation: animInitialLoader 1s cubic-bezier(0.7,0,0.3,1) both;
}

@-webkit-keyframes animInitialLoader {
  from { opacity: 0; -webkit-transform: scale3d(0.5,0.5,1); }
}

@keyframes animInitialLoader {
  from { opacity: 0; -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); }
}

/* Header elements when loading finishes */
.loaded .ip-logo,
.loaded .ip-loader {
  opacity: 1;
}

.loaded .ip-logo {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
  animation: animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLogo {
  to { opacity: 0; -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

@keyframes animLoadedLogo {
  to { opacity: 0; -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

.loaded .ip-loader {
  -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
  animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
  to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
  to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* Change the color of the logo */
.loaded .ip-logo svg path {
  -webkit-transition: all 0.5s ease 0.3s;
  transition: all 0.5s ease 0.3s;
  fill: #fff;
}

/* Header animation when loading finishes */
.loaded .ip-header {
  -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
  animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
  to { -webkit-transform: translate3d(0,-100%,0); }
}

@keyframes animLoadedHeader {
  to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

/* Content animations */
/*This is only if there is a preloader*/
/*.loaded .ip-main {
  -webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
  animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
}

@-webkit-keyframes animLoadedContent {
  from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,1); }
}

@keyframes animLoadedContent {
  from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,1); transform: scale3d(0.3,0.3,1); }
}
*/
 
/*START - Helpers*/
.container-em,
.em-container {
  position: relative;
  padding-right: var(--em-gutter-x,.75rem);
  padding-left: var(--em-gutter-x,.75rem);
  /*max-width: 1824px; !*1800 + 12px + 12px for left and right*!*/
  max-width: 1832px; /*1800 + 12px + 12px for left and right*/
}

.padding-x {
  padding-left: var(--em-gutter-x,.75rem); /*12px*/
  padding-right: var(--em-gutter-x,.75rem); /*12px*/
}

.padding-y {
  padding-top: var(--em-gutter-y,.75rem); /*12px*/
  padding-bottom: var(--em-gutter-y,.75rem); /*12px*/
}

.btn-em-link {
  font-family: var(--font-family-primary);
  font-size: 18px;
  line-height: 18px;
  font-weight: var(--font-weight-regular);
  border-radius: 0;
}

.btn-em-link--primary {
   color: var(--primary);
   border-bottom: 1px solid var(--primary);
}

.btn-em-link--secondary {
   color: var(--secondary);
   border-bottom: 1px solid var(--secondary);
}

.btn-em-link--white {
   color: var(--white);
   border-bottom: 1px solid var(--white);
}


.align-left {
  display: flex;
  justify-content: flex-start;
}

.align-right {
  display: flex;
  justify-content: flex-end;
}

.align-center {
  display: flex;
  justify-content: center;
}

/* full side image within containers */
.side-image {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}

.side-image.full-left {
  width: 50vw;
  float: right;
}

.side-image.full-right {
  width: 50vw;
  float: left;
}

.side-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .side-image.full-left {
    width: 100vw;
    float: left;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-bottom: 50px;
  }
}


/*Bootstrap overwritten extend*/
.ratio-9x16 {
  --bs-aspect-ratio: calc(16 / 9 * 100%);
}

.ratio-4x5 {
  --bs-aspect-ratio: calc(5 / 4 * 100%);
}

.ratio-3x4 {
  --bs-aspect-ratio: calc(4 / 3 * 100%);
}

.ratio-2x1 {
  --bs-aspect-ratio: 50%;
}

.ratio-gallery {
  --bs-aspect-ratio: calc(1 / 0.8168 * 100%);
}

@media (max-width: 767px) {
  .ratio-gallery {
    --bs-aspect-ratio: 100%;
  }
}


.img-cover {
  object-fit: cover;
  object-position: center;
}

.bg--primary {
  background-color: var(--bg-primary);
}

.bg--secondary {
  background-color: var(--bg-secondary);
}

.bg--light {
  background-color: var(--bg-light);
}

.bg--dark {
  background-color: var(--bg-dark);
}

.bg--white {
  background-color: var(--bg-white);
}

.bg--black {
  background-color: var(--bg-black);
}

.bg--gray {
  background-color: var(--bg-gray);
}

.p-relative{
  position: relative;
}

.remove-p{
  padding: 0;
}

.border--round {
  border-radius: var(--border-radius);
}

.title-ellipsis,
.description-ellipsis {
  --lh: 126%;
  --max-lines: 4;
  line-height: var(--lh);
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-lines);
}

/*Arrow animation*/
.ui-arrow {
  display: inline-block;
  z-index: 0;
  transform: rotate(-90deg);
}

.ui-arrow svg,
.ui-arrow img {
  height: 33px;
  width: 33px;
}

.ui-arrow .mask {
  fill: none;
  stroke-dasharray: 250;
  stroke-dashoffset: 500;
  transition: all 0.75s cubic-bezier(.455,.03,.515,.955);
}

.hoverclass:hover .mask {
  stroke-dasharray: 250;
  stroke-dashoffset: 0;
}

.ui-arrow--primary { --arrow-color: var(--primary) }
.ui-arrow--secondary {  --arrow-color: var(--secondary) }
.ui-arrow--white {  --arrow-color: var(--white) }
.ui-arrow--black {  --arrow-color: var(--black) }
/*End arrow animation*/


/* Page navigation start */
.slide-from-top {
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color .3s;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color .3s;

  -webkit-transform: translate3d(0,-100%,0);
      -ms-transform: translate3d(0,-100%,0);
          transform: translate3d(0,-100%,0);

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;

  -webkit-perspective: 1000px;
      -ms-perspective: 1000;
          perspective: 1000px;
}

.slide-from-top--init {
  -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
}

.has-nav-open .slide-from-top {
  -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
}

.slide-from-top.in {
  transition-delay: 0.2s;
  -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
}


/* SEARCH */
.hidden-search-svg {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* Layout for search container */
.overlay-form-container {
  position: relative;
  padding-right: var(--em-gutter-x,.75rem);
  padding-left: var(--em-gutter-x,.75rem);
  max-width: 900px; /*1800 + 12px + 12px for left and right*/
}

.search {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;

  display: -webkit-flex;
  display: flex;

  -webkit-flex-direction: column;
  flex-direction: column;

  min-width: 0;

  -webkit-align-items: center;
  align-items: center;

  -ms-flex-pack: center;
  justify-content: center;
  
  /*text-align: center;*/
  background: rgba(var(--primary-rgb), 1);

  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}

.btn--search-close {
  font-size: 2em;
  position: fixed;
  top: 1.75rem;
  right: 1.75rem;
  display: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: none;
  background: none;
  text-decoration: none;
  color:var(--white);
  outline: none;
}

.btn--search-close:hover {
  color: var(--secondary);
}

.btn--search-close {
  display: block;
}

.search__form {
  margin: 1em 0;
}

/************************/
/* Transitions      */
/************************/

/* Close button */
.btn--search-close {
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
  transition: opacity 0.5s, transform 0.5s;
}

.btn--search-close .icon {
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin: 0 auto;
  fill: currentColor;
}

/* Search form with input and description */
.search__form {
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
  transition: opacity 0.5s, transform 0.5s;
}
.search--open {
  pointer-events: auto;
  transition: 0.2s;
  transition-timing-function: ease-out;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.search--open::before,
.search--open::after {
  transform: translate3d(0, 0, 0);
}

.search--open .btn--search-close {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.search--open .search__form {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

@media screen and (max-width:40em) {
  .search {
    justify-content: flex-start;
    padding: 3.5rem 0.75rem 1.75rem;
  }

  .btn--search-close {
    font-size: 1.25em;
    top: .75rem;
    right: .75rem;
  }
}
/*END Search*/


/* FULLSCREEN MENU */
.main-navbar {
  --bg-color: var(--white);
  --logo-color: var(--primary);
  --toggle-color: var(--primary);

  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color .3s;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  perspective: 1000px;

  background-color: var(--bg-color);
}

.main-navbar .navbar-brand {
  z-index: 992;
  color: var(--logo-color);
}

/*// hide it only if nav is not open*/
body:not(.has-nav-open).didScroll .main-navbar.out {
  transform: translate3d(0,-100%,0);
}


.main-navbar--fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 902;
  border-bottom: 1px solid var(--primary);
}


.o-scroll {
    height: 100%;
}

.c-nav-button {
  display: inline-block;
  margin-top: 2px;
  padding: 0;
  outline: 0;
  border: 0;
  background: none;
  color: inherit;
  vertical-align: middle;
  z-index: 902;
  text-align: center;
  text-decoration: none;
    text-transform: none;
    line-height: normal;
  -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.c-nav-button:focus {
    outline: 0;
    box-shadow: none;
}

.c-nav-left {
  transform: translateX(-50%);
}

.c-nav-button_icon {
  display: inline-block;
  margin-top: 0.25rem;
  width: 40px;
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-nav-button_line {
  position: relative;
  display: block;
  height: 1px;
  margin-bottom: 11px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  color: var(--toggle-color);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, opacity 0.15s 0.05s, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.c-nav-button_line::before,
.c-nav-button_line::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 0;
  background-color: var(--toggle-color);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color .3s;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color .3s;

  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: background-color .3s; /* For Safari 3.0 to 6.0 */
}

.c-nav-button_line::after {
  opacity: 0;
}

.c-nav-button_line:nth-child(1)::before {
  transition-delay: 0.2s;
}

.has-nav-open .c-nav-button_line:nth-child(1) {
  transition-delay: 0s, 0.2s;
}

.has-nav-open .c-nav-button_icon {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  transition-delay: 0.2s;
}

.has-nav-open .c-nav-button_line {
  opacity: 1;
  visibility: visible;
}

.has-nav-open .c-nav-button_line::before,
.has-nav-open .c-nav-button_line::after {
  transition-delay: 0.2s;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 699px) {
  .has-nav-open .c-nav-button_line:nth-child(1) {
    -webkit-transform: translateY(11px);
        -ms-transform: translateY(11px);
            transform: translateY(11px);
  }
}

@media (min-width: 700px) {
  .has-nav-open .c-nav-button_line:nth-child(1) {
    -webkit-transform: translateY(0.678rem);
        -ms-transform: translateY(0.678rem);
            transform: translateY(0.678rem);
  }
}

.c-nav-button_line:nth-child(2) {
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
}

.c-nav-button_line:nth-child(2)::before {
  transition-delay: 0.1s;
}

.has-nav-open .c-nav-button_line:nth-child(2) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  transition-delay: 0.15s;
}

.c-nav-button_line:nth-child(3) {
  position: relative;
  margin-bottom: 0;
}

.c-nav-button_line:nth-child(3)::before {
  transition-delay: 0.0s;
}

.has-nav-open .c-nav-button_line:nth-child(3) {
  -webkit-transform: translateY(-0.59375rem);
      -ms-transform: translateY(-0.59375rem);
          transform: translateY(-0.59375rem);
  opacity: 0;
  transition-delay: 0s, 0.15s;
}

.c-nav-button_line:nth-child(3)::after {
  top: 0.59375rem;
}

/* Navigation Overlay */
.c-nav {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 901;
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0s 0.85s;
}

/* fix for mega menu overlay*/
.c-nav .megamenu {
  z-index: 9;
}

.c-nav_item.has-megamenu {
  z-index: 8;
}


.has-nav-open .c-nav {
  visibility: visible;
  transition-delay: 0s;
}

.has-nav-open .main-navbar {
  --bg-color: var(--primary);
  --logo-color: var(--white);
  --toggle-color: var(--white);
}

/*background transition*/
.c-nav_background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.c-nav_background::before,
.c-nav_background::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
  transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-nav_background::before {
  background-color: var(--secondary);
  transition-delay: 0.25s;
  z-index: 1;
}

.c-nav_background::after {
  background-color: var(--primary); /*was #000*/
  transition-delay: 0.10s;
  z-index: 3;
}

/*@media (max-width: 575px) {
  .c-nav_background::after {
    bottom: 70px;
  }
}*/

.has-nav-open .c-nav_background::before, 
.has-nav-open .c-nav_background::after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.has-nav-open .c-nav_background::before {
  transition-delay: 0s;
}

.has-nav-open .c-nav_background::after {
  transition-delay: 0.15s;
}

/*Navigation container*/
.c-nav_list-wrap {
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 70px var(--em-gutter-x) var(--em-gutter-x); /*is the height of navbar + 12px*/
  z-index: 4;
  /*display: flex;*/
  /*align-items: center;*/
  /*flex-wrap: wrap;*/
}


@media (min-width: 576px) and (max-width: 1199px) {
  .c-nav_list-wrap {
    height: 100%;
  }
}


@media (max-width: 1199px) {
  .c-nav_list-wrap {
    visibility: hidden;
    transition: visibility 0s 0.6s;
  }
  .has-nav-open .c-nav_list-wrap {
    transition-delay: 0s;
    visibility: visible;
  }
}

.c-nav_list {
  position: relative;
  list-style: none;
  z-index: 4;
  margin-bottom: 0;
  padding: 0;
  /*  
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;*/
}

/*List item element on menu*/
.c-nav_item {
  position: relative;
  margin-bottom: 12px;

  -webkit-transform: translateX(-100%) translateX(-7.5rem);
      -ms-transform: translateX(-100%) translateX(-7.5rem);
          transform: translateX(-100%) translateX(-7.5rem);

  transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 0;
}

.c-nav_item:last-child {
    margin-bottom: 0;
}

.c-nav_item:nth-child(1) {
  transition-delay: 0.2s;
}

.c-nav_item:nth-child(2) {
  transition-delay: 0.1s;
}

.c-nav_item:nth-child(3) {
  transition-delay: 0.0666666667s;
}

.c-nav_item:nth-child(4) {
  transition-delay: 0.05s;
}

.c-nav_item:nth-child(5) {
  transition-delay: 0.04s;
}

.c-nav_item:nth-child(6) {
  transition-delay: 0.0333333333s;
}

.c-nav_item:nth-child(7) {
  transition-delay: 0.0285714286s;
}

.c-nav_item:nth-child(8) {
  transition-delay: 0.025s;
}

.c-nav_item:nth-child(9) {
  transition-delay: 0.0222222222s;
}

.c-nav_item:nth-child(10) {
  transition-delay: 0.02s;
}

.c-nav_item:nth-child(11) {
  transition-delay: 0.0181818182s;
}

.c-nav_item:nth-child(12) {
  transition-delay: 0.0166666667s;
}

.has-nav-open .c-nav_item {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.has-nav-open .c-nav_item:nth-child(1) {
  transition-delay: 0.19s;
}

.has-nav-open .c-nav_item:nth-child(2) {
  transition-delay: 0.23s;
}

.has-nav-open .c-nav_item:nth-child(3) {
  transition-delay: 0.27s;
}

.has-nav-open .c-nav_item:nth-child(4) {
  transition-delay: 0.31s;
}

.has-nav-open .c-nav_item:nth-child(5) {
  transition-delay: 0.35s;
}

.has-nav-open .c-nav_item:nth-child(6) {
  transition-delay: 0.39s;
}

.has-nav-open .c-nav_item:nth-child(7) {
  transition-delay: 0.43s;
}

.has-nav-open .c-nav_item:nth-child(8) {
  transition-delay: 0.47s;
}

.has-nav-open .c-nav_item:nth-child(9) {
  transition-delay: 0.51s;
}

.has-nav-open .c-nav_item:nth-child(10) {
  transition-delay: 0.55s;
}

.has-nav-open .c-nav_item:nth-child(11) {
  transition-delay: 0.59s;
}

.has-nav-open .c-nav_item:nth-child(12) {
  transition-delay: 0.63s;
}

.has-search-open .c-nav_item {
 -webkit-transform: translateX(-100%) translateX(-7.5rem);
     -ms-transform: translateX(-100%) translateX(-7.5rem);
         transform: translateX(-100%) translateX(-7.5rem);
    opacity: 0;
}


/*Item menu link*/
.c-nav_link {
  display: block;
  color: var(--white);
  text-decoration: none;
  font-size: 25px;
  line-height: 192%;
  cursor: pointer;
  transition: color 0.45s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Page navigation end */


/*offcanvas grid menu*/
.dropdown-menu.megamenu {
  max-width: 100%;
  padding: 0;

  /*padding: 0;*/
  /*width: 100vw;*/
  /*border-radius: 0;*/
  /*transform: translate3d(-28px, 50px, 0) !important;*/
}

.menu-card-grid {
  display: grid;
  grid-gap: 12px 14px;
  /*grid-template-columns: repeat(auto-fit, minmax(343px, 1fr));*/
  grid-auto-rows: 351px;
  grid-template-columns: repeat(auto-fill, minmax(297px, 1fr));
  grid-auto-flow: column;
  grid-auto-columns: minmax(297px,1fr);
  overflow-x: auto;
  margin-top: 24px;
  margin-bottom: 12px;
  padding-right: calc(var(--em-gutter-x,.75rem)/2);
  padding-left: calc(var(--em-gutter-x,.75rem)/2);
}

.menu-card-grid .catalog-item {
  --product-item-card-padding: 16px;
}

.menu-card-grid .catalog-item .card-header {
  --bs-card-cap-padding-y: 12px;
}

.menu-card-grid .catalog-item .card-header .card-title {
  font-size: 14px;
}

.menu-card-grid .catalog-item  .catalog-item .catalog-list {
    --bs-list-group-item-padding-y: 12px;
}

.menu-card-grid .catalog-item .catalog-list-item {
  font-size: 16px;
  font-weight: normal;
}

.menu-card-grid .catalog-item .product-img {
  max-height: 200px;
}


.has-megamenu .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M0.556641 0.711426L5.05566 5.20996L9.5542 0.711426' stroke='white '/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 6px;
  border: none
}


/*END - offcanvas grid menu*/


/*text-fill overlay effect.*/
.em-reveal {
    display: inline;
    position: relative;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(#000));
    background-image: -o-linear-gradient(#000,#000);
    background-image: linear-gradient(#000,#000);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: background-size .3s cubic-bezier(.165,.84,.44,1),color .1s;
    -o-transition: background-size .3s cubic-bezier(.165,.84,.44,1),color .1s;
    transition: background-size .3s cubic-bezier(.165,.84,.44,1),color .1s;
    /*padding-right: 5px;*/
    padding: 5px 5px 5px 0;
    line-height: 1.26;
}

.em-reveal:hover {
    background-size: 100% 100%
}

.em-reveal:hover {
    color: var(--white);
    -webkit-transition: background-size .6s cubic-bezier(.165,.84,.44,1),color .35s;
    -o-transition: background-size .6s cubic-bezier(.165,.84,.44,1),color .35s;
    transition: background-size .6s cubic-bezier(.165,.84,.44,1),color .35s
}

/*reveal multiple line from top*/
.reveal-top span {
  width: 100%;
  display: inline-block;
  opacity: 0;
  animation-name: titleAnimation;
  animation-timing-function: ease;
  animation-duration: 0.6s;
}

.reveal-top span {
  animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
}

.reveal-top span:first-child {
  animation-delay: 0.7s;
}
.reveal-top span:last-child {
  animation-delay: 0.5s;
}

@keyframes titleAnimation {
  0% {
    transform: translateY(-50px);
    opacity: 0;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0%);
  }
}


/* hover swipe effect. */
.em-hover {
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 0;
}

.em-hover::before {
  background: hsl(11, 81%, 45%);
  content: "";
  inset: 0;
  position: absolute;
  top: -1%;
  left: 0;
  height: 102%;
  z-index: -1;
  transition: transform 0.3s ease-in-out;
  -webkit-animation: rest 10s forwards;
            animation: rest 10s forwards;
}

.em-hover:hover::before {
  -webkit-animation: swipe 300ms forwards;
          animation: swipe 300ms forwards;
}

@-webkit-keyframes rest {
  0% {
    transform-origin: right center;
    transform: scaleX(0);
  }
  100% {
    transform-origin: right center;
    transform: scaleX(0);
  }
}
@keyframes rest {
  0% {
    transform-origin: right center;
    transform: scaleX(0);
  }
  100% {
    transform-origin: right center;
    transform: scaleX(0);
  }
}

@-webkit-keyframes swipe {
  0% {
    transform-origin: left center;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left center;
    transform: scaleX(1);
  }
  51% {
    transform-origin: right center;
    transform: scaleX(1);
  }
  100% {
    transform-origin: right center;
    transform: scaleX(0);
  }
}
@keyframes swipe {
  0% {
    transform-origin: left center;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left center;
    transform: scaleX(1);
  }
  51% {
    transform-origin: right center;
    transform: scaleX(1);
  }
  100% {
    transform-origin: right center;
    transform: scaleX(0);
  }
}

.link-list {
  --bs-list-group-color: var(--black);
  --bs-list-group-border-color: #D4D4D4;
  --bs-list-group-action-hover-color: var(--primary);
  --bs-list-group-active-color: var(--black);
  --bs-list-group-active-border-color: #D4D4D4;
  --bs-list-group-action-active-color: var(--bs-list-group-action-hover-color);
  --bs-list-group-bg: transparent;
  --bs-list-group-active-bg: transparent;
  --bs-list-group-action-hover-bg: transparent;
  --bs-list-group-action-active-bg: transparent;
  --bs-list-group-item-padding-y: 10px;
  --bs-list-group-item-padding-x: 0;
}

.link-list--flush {
  --bs-list-group-border-width: 0;
}

.link-list--borders {
  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.link-list--md {
  --bs-list-group-item-padding-y: 15px;
}

.link-list--lg {
  --bs-list-group-item-padding-y: 21px;
}

.link-list--md .list-group-item,
.link-list--lg .list-group-item {
  font-size: 22px;
}

.link-list--form .list-group-item {
  display: flex;
}

.link-list--form .form-check-input {
  /*--bs-form-check-bg: var(--primary);*/
  --bs-form-check-bg: #D9D9D9;
  margin-right: 18px;
  margin-top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  flex: 0 0 auto;
}

.form-check-input:focus {
  border-color: var(--primary);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb),.25);
}

.form-check-input:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}

.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'><path d='M0.757812 3.229L5.82015 8.29134L13.695 0.416504' stroke='white'/></svg>");
  background-size: 16px 12px;
}




.indicator {
  width: 15px;
  height: 15px;
  border-radius: 21px;
  background-color: #D9D9D9;
  margin-right: 23px;
  display: inline-block;
}

.active .indicator {
  background-color: var(--primary);
}

.section-description {
  font-size: 20px;
}

@media (max-width: 991px) {
  .section-title {
    font-size: 28px;
    line-height: 115%
  }

  .accordion-header.section-title {
    font-size: 20px;
    line-height: 126%
  }

  .section-description {
    font-size: 16px;
    line-height: normal;
  }
}



.input-grey-rounded{
  font-size: 16px;
  line-height: 126%;
  font-weight: var(--font-weight-regular);
  border: 1px solid #D4D4D4;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='27' viewBox='0 0 28 27' fill='none'> <path d='M26.9894 24.8628L20.5563 18.4929C22.4209 16.2759 23.3506 13.4323 23.1522 10.5537C22.9537 7.67513 21.6423 4.98311 19.4908 3.03768C17.3393 1.09226 14.5132 0.0432065 11.6006 0.108763C8.68794 0.174319 5.91294 1.34943 3.85286 3.38965C1.79278 5.42987 0.60623 8.17811 0.540035 11.0627C0.47384 13.9472 1.5331 16.746 3.49747 18.8768C5.46183 21.0076 8.18006 22.3064 11.0867 22.5029C13.9933 22.6994 16.8645 21.7786 19.1031 19.932L25.535 26.3032C25.6305 26.3977 25.7439 26.4728 25.8686 26.524C25.9934 26.5751 26.1272 26.6015 26.2622 26.6015C26.3973 26.6015 26.531 26.5751 26.6558 26.524C26.7806 26.4728 26.8939 26.3977 26.9894 26.3032C27.0849 26.2086 27.1607 26.0963 27.2124 25.9727C27.2641 25.8492 27.2907 25.7167 27.2907 25.583C27.2907 25.4492 27.2641 25.3168 27.2124 25.1932C27.1607 25.0696 27.0849 24.9573 26.9894 24.8628ZM2.62124 11.3315C2.62124 9.51954 3.1638 7.74823 4.18029 6.24161C5.19678 4.73499 6.64156 3.56072 8.33192 2.8673C10.0223 2.17387 11.8823 1.99244 13.6768 2.34595C15.4713 2.69945 17.1196 3.57201 18.4134 4.85329C19.7071 6.13456 20.5882 7.76701 20.9451 9.54419C21.3021 11.3214 21.1189 13.1635 20.4187 14.8375C19.7185 16.5116 18.5328 17.9425 17.0115 18.9492C15.4902 19.9558 13.7017 20.4932 11.8721 20.4932C9.41943 20.4905 7.06802 19.5244 5.33375 17.8068C3.59948 16.0893 2.62397 13.7605 2.62124 11.3315Z' fill='black'/></svg>");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 26px 19px;
  background-size: 26px 26px;
  border-radius: 100px;
  padding: 22px 1em 22px 93px;
}

.input-grey-rounded::placeholder{
  opacity: 0.7;
  color: var(--black);
}

.input-grey-rounded:focus {
  border: 1px solid var(--primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), .25);
}


.em-submit-btn,
.em-form-control {
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: var(--black);
  padding: 12px 0;
  color: var(--black);
  font-size: 20px;
  font-weight: var(--font-weight-light);
}


.em-form-control::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  opacity: 0.7;
  color: #D4D4D4;
}

.em-form-control::-moz-placeholder {
  opacity: 0.7;
  color: #D4D4D4;
}

.em-form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  opacity: 0.7;
  color: #D4D4D4;
}

.em-form-control::-webkit-search-cancel-button,
.em-form-control::-webkit-search-decoration {
  -webkit-appearance: none;
}

.em-form-control::-ms-clear {
  display: none;
}

.em-form-control:focus {
  color: var(--black);
  background-color: transparent;
  border-color: var(--primary);
  box-shadow: none;
}

.em-submit-btn {
  width: 100%;
  min-width: 255px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.em-submit-btn:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.em-submit-btn .icon {
  transform-origin: center;
  transition: transform .3s cubic-bezier(.785,.135,.15,.86);
  will-change: transform;
}

.em-submit-btn:hover .icon {
  transform: rotate(45deg);
}

@media (min-width: 1832px) {
    .menu-content-padding {
        padding-left: 40px;
    }
    .main-content-padding {
        padding-left: 80px;
        margin-bottom: 92px;
    }
}

/*End Helpers*/


/*START - Author styles*/

.hr-separator {
  opacity: 1;
  border-color: #D4D4D4;
  margin-bottom: 28px;
}

.menu-separator {
  height: 99px;
}

.menu-separator__about {
  height: 68px;
}

.menu-separator--homepage {
  height: 175px;
}

.intro-title {
  line-height:  115%;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .intro-title {
    margin-bottom: 28px;
  }

  .menu-separator {
    height: 30px;
  }
}


/*<TopMenu>*/
.top-navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 32px;
  background-color: var(--white);
  /*transition: background-color 0.35s cubic-bezier(.075,.82,.165,1);*/
}

.top-navbar .navbar-brand {
  --bs-navbar-brand-color: rgba(var(--primary-rgb), 1);
}

.top-navbar .menu-nav {
  --bs-nav-link-color: var(--black);
  --bs-nav-link-hover-color: var(--primary);
  max-width: 992px;
  padding-right: 0;
/*--bs-nav-link-padding-y: 45px;*/
/*--bs-nav-link-padding-x: 45px;*/
}

.top-navbar .menu-nav .menu-nav-link {
  --bs-nav-link-font-weight: var(--font-weight-regular);
  font-size: 16px;
}

.top-navbar .menu-nav .menu-nav-link.active {
  --bs-nav-link-font-weight: var(--font-weight-bold);
}

.top-navbar .menu-nav  .menu-nav-link.show {
  color: var(--primary);
}


.top-navbar .menu-nav .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M0.556641 0.711426L5.05566 5.20996L9.5542 0.711426' stroke='black'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  width: 9px;
  height: 5px;
  border: none
}


/*MEGA MENU*/
.megamenu-open .top-navbar {
  background-color: #E0E2D7;
}

.navbar .megamenu {
  --bs-dropdown-bg: #E0E2D7;
  --bs-dropdown-border-color: #ADADAD;
  --bs-dropdown-spacer: var(--bs-navbar-padding-y, 0);

  padding: var(--em-gutter-y) var(--em-gutter-x);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.megamenu .megamenu-overlay {
  pointer-events: none;
  background-color: var(--bs-dropdown-bg);
  position: absolute;
  top: -3px;
  left: calc(-1 * 100vw);
  right: calc(-1 * 100vw);
  height: calc(100% + 3px);
}

.megamenu-overlay:before {
  content: "";
  height: 1px;
  background-color: #ADADAD;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .has-megamenu{
    position:static!important;
  }
  .navbar .megamenu{
    left:0;
    right:0;
    width:100%;
    padding: 44px 0 74px;
  }
}
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top:10px;
  }
}
/*END MEGA MENU*/

/*</TopMenu>*/

/*<Navigation>*/
.languages-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left: 0;
  list-style: none;
}

.languages-nav__item {
  margin: 0 !important;
}

.languages-nav__link {
  position: relative;
  display: block;
  color: var(--black);
}

.languages-nav__link:after {
  width: 1px;
  height: 16px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--black);
  transform: translateY(10px);
}

.languages-nav__item:last-child .languages-nav__link:after {
  content: none;
}

.languages-nav__item.active > .languages-nav__link {
  font-weight: var(--font-weight-bold);
}

.languages-nav__link:hover {
  text-decoration: none;
  color: var(--primary);
  -webkit-transition: color .3s; /* For Safari 3.0 to 6.0 */
  transition: color .3s; /* For modern browsers */
}
/*</Navigation>*/

/*<Search>*/
.input-search-group {
  cursor: pointer;
}

.input-search-group .twitter-typeahead {
  display: block;
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-right: 6px !important;
}

.input-search-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  backface-visibility: hidden;
  cursor: pointer;
  z-index: 3;
}

.input-search-btn {
  border-radius: 50% !important;
  background-color: var(--primary);
  color: var(--white);
  width: 64px;
  height: 64px;
}

.input-search-btn svg {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.input-search-field {
  font-family: inherit;
  font-size: 16px;
  line-height: 126%;
  font-weight: var(--font-weight-regular);
  border-radius: 32px !important;
  border: 1px solid #D4D4D4;
  color: var(--black);
  margin-left: 6px !important;
  padding: 24px 25px 20px;
  background-color: transparent;
  -webkit-appearance: none;
  box-sizing: border-box;
}

.input-search-field::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  opacity: 0.7;
  color: #D4D4D4;
}

.input-search-field::-moz-placeholder {
  opacity: 0.7;
  color: #D4D4D4;
}

.input-search-field:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  opacity: 0.7;
  color: #D4D4D4;
}

.input-search-field::-webkit-search-cancel-button,
.input-search-field::-webkit-search-decoration {
  -webkit-appearance: none;
}

.input-search-field::-ms-clear {
  display: none;
}

.input-search-field:focus {
  color: var(--black);
  background-color: transparent;
  border-color: #D4D4D4;
  outline: 0;
  box-shadow: none;
}

/*Thi is the parte where the input is inside overlay*/
.input-search-group--white .input-search-btn {
  background-color: var(--white);
  color: var(--primary);
}

.input-search-group--white .input-search-field {
  color: var(--white);
}

.input-search-group--white .input-search-field:focus {
  color: var(--white);
  background-color: transparent;
  border-color: var(--white);
  outline: 0;
  box-shadow: none;
}

/*.input-search-group--white .input-search-field.Typeahead-hint {*/
/*  color: rgba(var(--primary), 0.7)  !important;*/
/*}*/

.search-act-as-btn {
}

@media (min-width: 1400px) {
  .search-act-as-btn {
    max-width: 393px;
  }
}

/*TYPEAHEAD autocomplete list*/
.autocomplete-list {
  display: flex;
  flex-direction: column;
  --bs-list-group-color: var(--black);
  --bs-list-group-border-color: var(--black);
  --bs-list-group-action-hover-color: var(--primary);
  --bs-list-group-action-active-color: var(--primary);
  --bs-list-group-bg: transparent;
  --bs-list-group-action-hover-bg: transparent;
  --bs-list-group-action-active-bg: transparent;
  --bs-list-group-item-padding-x: 0;
  --bs-list-group-item-padding-y: 21px;
  --bs-list-group-border-radius: 0;
  --bs-list-group-border-width: 1px;
  --bs-list-group-active-border-color: var(--primary);
  flex: 0 0 auto;
  width: 100%;
}

.autocomplete-list--border-top {
  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.autocomplete-list--border-bottom {
  border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.autocomplete-list--border-gray-dark {
  --bs-list-group-border-color: var(--gray-dark);
}

.autocomplete-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 auto;
  width: 100%;
  font-size: 16px;
  position: relative;
  cursor: pointer;
}

.autocomplete-list-text--subtitle {
  opacity: 0.5;
  margin-right: 23px;
}

.autocomplete-list-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 1 auto;
  will-change: transform;
  transform-origin: center;
  transition: transform .3s cubic-bezier(.785,.135,.15,.86);
}

.autocomplete-list-item:focus,
.autocomplete-list-item:hover {
  border-color: var(--primary);
}

.autocomplete-list-item:hover .autocomplete-list-icon {
  transform: rotate(45deg);
}

.autocomplete-view-all--btn {
  display: inline-flex;
  align-self: center;
  color: var(--black);
  margin-top: 12px;
}

.autocomplete-view-all--btn:hover {
  color: var(--primary);
}
/* remove border bottom from the last element*/
/*.autocomplete-list > :nth-last-child(2) {*/
/*  --bs-list-group-border-width: 0;*/
/*}*/


/*Typeahead data*/
.Typeahead-spinner {
  position: absolute;
  top: 7px;
  right: 7px;
  display: none;
  width: 28px;
  height: 28px;
}

.Typeahead-menu {
  left: 6px !important;
  width: 100%;
  overflow: hidden;
  border-radius: var(--border-radius);
  background-color: var(--white);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  padding: 14px 32px 14px;
}

.twitter-typeahead pre {
  margin: 0;
}

.Typeahead-menu.is-open {
  display: flex;
}

.Typeahead-selectable {
  cursor: pointer;
}
/*</Search>*/

/*<Menu>*/
.intro-grid {
  display: grid;
  /*grid-template-columns: 49% 30% 1fr;*/
  grid-template-columns: 1fr minmax(250px, 350px);
  grid-gap: 6px 7px;
  overflow: hidden;
  align-items: center;
}

.intro-grid .search-col {
  /*this is since we are inside a grid.*/
  /*padding-left: 6px;*/
}


.menu-grid {
  display: grid;
  grid-template-columns: 48.62% 29.7% 1fr;
  grid-gap: 6px 7px;
  overflow: hidden;
  grid-auto-rows: 623px;
}

@media (max-width: 1399px) {
  .menu-grid {
    grid-template-columns: 6fr 4fr 3fr;
    grid-gap: 6px 6px;
  }
}


@media (max-width: 1199px) {
  .menu-grid {
    grid-auto-rows: 573px;
    grid-template-columns: 6fr 4fr 4fr;
  }
}

@media (max-width: 991px) {
  .intro-grid {
    grid-template-columns: 1fr;
  }

  .menu-grid {
    grid-auto-rows: 493px;
    grid-template-columns: repeat(3, minmax(10px, 1fr));
  }

}

@media (max-width: 767px) {
  .main-wrapper .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .menu-grid {
    grid-auto-rows: 493px;
    /*for mobile*/
    grid-template-columns: repeat(auto-fill, minmax(337px, 1fr));
    grid-auto-flow: column;
    grid-auto-columns: minmax(337px,1fr);
    overflow-x: auto;
    padding-right: var(--em-gutter-x,.75rem);
    padding-left: var(--em-gutter-x,.75rem);
  }
}
/*</Menu>*/


/*<About>*/
.about-intro {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 652px;
  height: 100%;
}

.about-intro--title {
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 32px;
}

.about-intro--description {
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 32px;
  font-size: 20px;
  border-top: 1px solid var(--gray-dark);
}

.about-figure {
  width: 100%;
  /*height: 100%;*/
}

.mission-section {
  position: relative;
  padding-top: 73px;
  padding-bottom: 118px;
}

.about-section-title {
  line-height: normal;
}

.about-section-description {
  font-size: 20px;
  line-height: normal;
  font-weight: normal;
}


@media (max-width: 991px) {
  .about-intro {
    max-width: 100%;
  }

  .about-intro--title {
    padding-bottom: 25px;
  }

  .about-intro--description {
    padding-top: 25px;
    margin-bottom: 32px;
  }

  .mission-section {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}


@media (min-width: 1400px) {
  .about-wrapper {
    padding-bottom: 20px;
  }

  .about-intro--title {
    padding-top: 120px;
  }
}

@media (min-width: 1600px) {
  .about-intro--title {
    padding-top: 220px;
  }

  .about-video {
    padding-top: 4px;
    padding-bottom: 45px !important;
  }
}

@media (min-width: 1832px) {
  .about-wrapper {
    padding-bottom: 40px;
  }

  .about-intro--title {
    padding-top: 325px;
  }

  .about-video {
    padding-top: 75px;
  }
}

/*<About>*/




/*<Disciplines>*/
.cover-wrapper {
  padding-top: 16px;
  padding-bottom: 16px;
}

.hero-cover-figure {
  width: 100%;
  height: 379px;
}

.hero-cover-img {
  width: 100%;
  height: 100%;
}

.discipline-header {
  padding-top: 16px;
  padding-bottom: 16px;
}

.discipline-title {
  margin-bottom: 15px;
}

.discipline-description {
  font-size: 20px;
  max-width: 526px;
}


.discipline-content-wrapper {
  padding-top: 16px;
  padding-bottom: 45px;
}


@media (min-width: 576px) {
  .hero-cover-figure {
    height: 540px;
  }
}
@media (min-width: 992px) {
  .hero-cover-figure {
    height: 623px;
  }
}

@media (min-width: 1400px) {
  .cover-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .discipline-header {
    padding-top: 0;
  }

  .discipline-content-wrapper {
    padding-bottom: 84px;
  }

  .discipline-section-description {
    margin-bottom: 75px;
  }
}
/*</Disciplines>*/


/*</ContactUs>*/
.contact-wrapper {
  padding-bottom: calc(var(--em-gutter-y) * 2);
}

.contact-group {
  --bs-list-group-bg: transparent;
  --bs-list-group-action-active-bg: transparent;
  --bs-list-group-action-hover-bg: transparent;
  --bs-list-group-border-radius: 0;
  --bs-list-group-item-padding-x: 0;
  --bs-list-group-item-padding-y: 12px;
  --bs-list-group-border-color: var(--gray-dark);
  --bs-list-group-border-width: 1px;
  --bs-list-group-color: var(--black);
  margin: 24px 0;
}

.contact-group--borders {
  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.contact-info-title {
    font-size: 16px;
    line-height: 115%;
    margin-bottom: 18px;
}

.contact-info {
    font-size: 20px;
    line-height: 130%;
}

.contact-map {
  background-color: var(--gray-dark);
}

#contactMap {
  position: relative;
  width: 100%;
  height: 397px;
}


@media (min-width: 576px) {
  #contactMap {
    height: 540px;
  }
}

@media (min-width: 992px) {
  .contact-group {
    --bs-list-group-item-padding-y: 24px;
  }
  #contactMap {
    height: 736px;
  }
}

@media (min-width: 1400px) {
  .contact-group {
    margin: 94px 0;
  }
  #contactMap {
    height: 881px;
      width: calc((100vw/2) - var(--em-gutter-x));
  }
}

/*</Contactus>*/



/*<Newsletter>*/
.newsletter-wrapper {
  padding-top: 142px;
  padding-bottom: 80px;
}



@media (max-width: 991px) {
  .newsletter-wrapper {
    padding-top: 40px;
    padding-bottom: 70px;
  }
}

@media (min-width: 992px) {
  .newsletter-description {
    margin-bottom: 100px;
  }
}
/*</Newsletter>*/


/*<Quote>*/
.blockquote-section {
  position: relative;
  padding-top: 76px;
  padding-bottom: 66px;
}


.blockquote {
  margin-bottom: 0;
}
.quote-text {
  font-size: 100px;
  line-height: 106%;
  font-weight: var(--font-weight-medium);
}

.quote-text__right {
  text-align: left;
  text-align-last: right; /* Align the last line to the right */
}

.quote-text__right span {
  display: block;
  text-align: left;
  text-align-last: left !important;
}

.quote-text__left {
  text-align: right;
  text-align: justify;
  text-align-last: left;  /* Align the last line to the right */
}

.quote-text__left span {
  display: block;
  text-align: right;
  text-align-last: right !important;
}
@media (max-width: 991px) {
  .blockquote-section {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .quote-text {
    font-size: 40px;
    text-align: left;
    text-align-last: left;
  }

  .quote-text span {
    display: inline;
  }
}
/*</Quote>*/


/*<ProductHomepage>*/
.products-homepage {
  padding-top: 35px;
  padding-bottom: 35px;
}

.product-grid {
    display: grid;
    /*grid-template-columns: repeat(3, minmax(598px, 1fr));*/
    grid-template-columns: repeat(3, minmax(10px, 1fr));

    grid-gap: 6px 6px;
    overflow: hidden;
    grid-auto-rows: 623px;
}

.product-item {
  --product-item-card-padding: 32px;
  --product-item-text-color: var(--black);
  --product-item-bg-color: var(--gray-dark);

  background: radial-gradient(87.37% 87.37% at 50.00% 50.00%, rgba(169, 167, 167, 0.00) 0%, #ADADAD 100%);
  overflow: hidden;
  height: 100%;

  --bs-card-border-radius: var(--border-radius);
  --bs-card-inner-border-radius: var(--border-radius);
  --bs-card-bg: var(--product-item-bg-color);
  --bs-card-border-color: var(--product-item-bg-color);
  --bs-body-color: var(--product-item-text-color);
  --bs-card-border-width: 0;
  --bs-card-cap-bg: transparent;
  --bs-card-spacer-y: var(--product-item-card-padding);
  --bs-card-spacer-x: var(--product-item-card-padding);
  --bs-card-cap-padding-y: var(--product-item-card-padding);
  --bs-card-cap-padding-x: var(--product-item-card-padding);
  --arrow-color: var(--bs-body-color);
  /*--bs-card-height: 623px;*/
}

.product-item .product-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: var(--font-weight-regular);
  line-height: 126%;
  font-size: 20px;
}

.product-item .product-arrow svg {
  width: 17px; /*was 22*/
  height: auto;
}

.product-item .card-body {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
}

.product-item .card-body > p {
  max-width: 397px;
  margin-bottom: 6px;
}

.menu-grid  .product-item .card-body > p {
  max-width: 290px; /*314px on design*/
  margin-bottom: 0;
}


.product-body-bg {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
}


.product-item .card-img-overlay {
  /*padding: 90px 0 0;*/
  padding: calc(var(--bs-card-spacer-y)*2 + 20px) 0 0;
}

.product-item .product-img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}


.product-item:has(.product-list) {

}

.product-item:has(.product-list) .card-body {
  /* reduce spacing on body, because card has a list in it */
  padding-bottom: 10px;
}



.product-list {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-action-hover-color: var(--black);
  --bs-list-group-action-active-color: var(--bs-list-group-action-hover-color);
  --bs-list-group-border-color: var(--bs-list-group-color);
  --bs-list-group-bg: transparent;
  --bs-list-group-action-hover-bg: transparent;
  --bs-list-group-action-active-bg: transparent;
  --bs-list-group-item-padding-x: 0;
  --bs-list-group-item-padding-y: 22px;
  --bs-list-group-border-radius: 0;
  /* --bs-list-group-border-width: 0; */
  flex: 0 0 auto;
  width: 100%;
}

.product-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 auto;
  width: 100%;
  font-size: 16px;
  color: rgba(var(--white-rgb), 1); /*was 0.5*/
  position: relative;
  cursor: pointer;
}

.product-list-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 1 auto;
  will-change: transform;
  transform-origin: center;
  transition: transform .3s cubic-bezier(.785,.135,.15,.86);
}

/*.product-list-item:before {*/
/*  background-image: linear-gradient(90deg, #fff 33.3%,#000 40%,#000 60%, #fff 66.6%);*/
/*  background-position: 0 top;*/
/*  background-size: 300%;*/
/*  bottom: 0;*/
/*  content: "";*/
/*  height: 1px;*/
/*  left: 0;*/
/*  position: absolute;*/
/*  transition: background 0.75s cubic-bezier(.075,.82,.165,1);*/
/*  width: 100%;*/
/*}*/
/*.product-list-item:hover:before {*/
/*   background-position: -150% top;*/
/*}*/

.product-list-item:hover {
  color: var(--white);
}

.product-list-item:hover .product-list-icon {
  transform: rotate(45deg);
}

.product-item--gradient-light {
  background: linear-gradient(180deg, #8BAEC1 0%, #B5E3F7 100%);
}

.product-item--gradient-dark {
  background: radial-gradient(87.37% 87.37% at 50.00% 50.00%, rgba(169, 167, 167, 0.00) 0%, var(--gray-dark) 100%);
}

.product-item--gradient-gray {
  background: radial-gradient(90.02% 99.98% at 0.00% 92.97%, #C4D9D4 0%, #6A7D7B 100%);
  --product-item-text-color: var(--white);
}

.product-item--primary {
  --product-item-text-color: var(--white);
  --product-item-bg-color: var(--primary);
  background: var(--primary);
}

.product-item--secondary {
  --product-item-text-color: var(--white);
  --product-item-bg-color: var(--secondary);
  background: var(--secondary);
}

.product-item--ternary,
.product-item--orange {
  --product-item-text-color: var(--white);
  --product-item-bg-color: var(--orange);
  background: var(--orange);
}

.product-item--gray {
  --product-item-text-color: var(--white);
  --product-item-bg-color: var(--gray);
  background: var(--gray);
}

.product-item--link .product-header-text {
  text-decoration: underline;
}


@media (max-width: 1199px) {
  .product-grid {
    grid-auto-rows: 573px;
    grid-template-columns: repeat(2, minmax(10px, 1fr));
  }
}

@media (max-width: 991px) {
  .products-homepage {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .products-homepage .em-container {
    padding-left: 0;
    padding-right: 0;
  }

  .product-grid {
    grid-gap: 12px 9px;
    grid-auto-rows: 394px;
    /*for mobile*/
    grid-template-columns: repeat(auto-fill, minmax(343px, 1fr));
    /*grid-template-columns: repeat(auto-fit, minmax(343px, 1fr));*/
    grid-auto-flow: column;
    grid-auto-columns: minmax(343px,1fr);
    overflow-x: auto;
    padding-right: var(--em-gutter-x,.75rem);
    padding-left: var(--em-gutter-x,.75rem);
  }

  .product-item {
    --product-item-card-padding: 25px;
  }

  .product-item .product-header {
    font-size: 16px;
  }

  .product-list {
    --bs-list-group-item-padding-y: 11px;
  }

  .product-list-icon {
    width: 12px;
    height: 12px;
  }
}
/*</ProductHomepage>*/


/*<AboutUs>*/
.about-us-wrapper-title {
  margin-top: 63px;
  margin-bottom: 62px;
}

.about-us__element {
    border-top: 1px solid var(--gray-dark);
    padding-top: 28px;
    padding-bottom: 28px;
}
.about-us__title {
    line-height: 126%;
    margin-bottom: 34px;
}

.about-us__description {
    font-size: 20px;
    line-height: normal;
    max-width: 640px;
}
@media (max-width: 991px) {
  .about-us-wrapper-title {
    margin-top: 40px;
    margin-bottom: 28px;
  }

  .about-us__element {
    padding-top: 4px;
    padding-bottom: 40px;
  }

  .about-us__title {
    font-size: 20px;
    margin-bottom: 14px;
  }

  .about-us__description {
    font-size: 16px;
    margin-bottom: 0;
  }
}
/*</AboutUs>*/

/*<Video>*/
.video {
  padding-bottom: 60px;
}

.poster {
  cursor: pointer;
  display: block;
  width: 100%;
  position: relative;
  margin: 0;
  height: 623px;
}

.poster-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

.poster-icon {
  width: 96px;
  height: 96px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

@media (max-width: 991px) {
  .video {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .poster {
    height: 378px;
  }

  .poster-icon {
    width: 48px;
    height: 48px;
  }
}
/*</Video>*/

/*<Stats>*/
.stats-wrapper {
  padding-top: 65px;
  padding-bottom: 65px;
}

/*Pie*/
.pie {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pie-item {
  --pie-width: 2%;
  position: relative;
  background-color: var(--gray);
  width: 100%;
  height: 100%;
  max-width: 230px;
  max-height: 230px;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}
.pie p {
  margin-bottom: 0;
}


.pie-item::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 100%;
  background-color: var(--orange);
  width: var(--pie-width);
  height: var(--pie-width);
  transition: width .3s;
}

.pie-item::after {
  clear: both;
}

@media (max-width: 991px) {
  .stats-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .pie-item {
    max-width: 120px;
    max-height: 120px;
    margin-bottom: 23px;
  }

  .stats-grid {
    grid-gap: 12px 10px;
    grid-auto-rows: 394px;
    grid-template-columns: repeat(auto-fill, minmax(343px, 1fr));
    grid-auto-flow: column;
    grid-auto-columns: minmax(343px,1fr);
    overflow-x: auto;
    padding-right: var(--em-gutter-x,.75rem);
    padding-left: var(--em-gutter-x,.75rem);
  }
}
/*</Stats>*/

/*<Info>*/
.info-wrapper {
  padding-top: 70px;
  padding-bottom: 70px;
}

.info-container {
  padding-top: 110px;
  padding-bottom: 110px;
  border-top: 1px solid var(--gray-dark);
  border-bottom: 1px solid var(--gray-dark);
}

.info-container p {
  font-size: 20px;
  line-height: normal;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .info-wrapper {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .info-container {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .info-title {
    margin-bottom: 14px;
  }

  .info-container p {
    margin-bottom: 1rem;
  }

  .info-container p:last-child {
    margin-bottom: 0;
  }
}
/*</Info>*/

/*<Catalog>*/
.catalogs {
  position: relative;
  padding-top: 64px;
  padding-bottom: 65px;
}

.catalog-section-title {
  margin-bottom: 30px;
}

.catalog-list {
  --bs-list-group-item-padding-y: 25px;
  --bs-list-group-item-padding-x: 0;
  /*--bs-list-group-item-padding-x: 6px;*/

  --bs-list-group-border-color: var(--gray-dark);
  --bs-list-group-border-width: 1px;
  --bs-list-group-color: var(--black);

  --bs-list-group-action-hover-color: var(--primary);
  --bs-list-group-action-active-color: var(--primary);

  --bs-list-group-bg: transparent;
  --bs-list-group-action-active-bg: transparent;
  --bs-list-group-action-hover-bg: transparent;
  --bs-list-group-border-radius: 0;
}

.catalog-list--border-top {
  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.catalog-list--border-bottom {
  border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.catalog-list--border {
  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.catalog-list--menu {
  --bs-list-group-item-padding-y: 28px;
}

.catalog-list--link {
  --bs-list-group-item-padding-y: 20px;
}

.catalog-list-item {
  font-size: 20px;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
}

.catalog-list--full .catalog-list-item {
  padding: var(--bs-list-group-item-padding-y) 0;
}

.catalog-list-text {
  transition: color .3s cubic-bezier(.785,.135,.15,.86);
  will-change: color;
}

.catalog-list-text--title {
  font-size: 45px;
  line-height: 126%;
}

.catalog-list-icon {
  object-fit: contain;
  transform-origin: center;
  transition: transform .3s cubic-bezier(.785,.135,.15,.86);
  will-change: transform;
}

.catalog-list-item:hover .catalog-list-text  {
  color: var(--bs-list-group-action-hover-color);
}

.catalog-list-item.animate:hover .catalog-list-icon {
  transform: rotate(45deg);
}


/*Catalog Card*/
.catalog-item {
  --product-item-text-color: var(--black);
  --product-item-bg-color:  rgba(248, 248, 248, 0.85);
  background: rgba(248, 248, 248, 0.85);
}

.catalog-item .card-header {
  --bs-card-cap-padding-y: 24px;
  font-size: 45px;
}

.catalog-item .card-body {
  justify-content: center;
  align-items: center;
}

.catalog-item .product-img {
  max-height: 408px;
}


.catalog-item .card-footer {
  --bs-card-cap-padding-y: 0;
}

.catalog-item .catalog-list {
  --bs-list-group-item-padding-y: 25px;
  --bs-list-group-item-padding-x: 0;
  --bs-list-group-color: var(--product-item-text-color);
  border-bottom: 0;
}

.catalog-item .catalog-list-item {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
}

@media (max-width: 991px) {
  .catalogs {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  /*.catalog-list {*/
  /*  border-top: none;*/
  /*}*/

  .catalog-list-item {
    font-size: 16px;
    --bs-list-group-item-padding-y: 11px;
    --bs-list-group-item-padding-x: 0;
  }

  .catalog-list-icon {
    width: 18px;
    height: 18px;
  }

  .catalog-list-text--title {
    font-size: 20px;
  }
}
/*</Catalog>*/

/*<Accordions>*/
.accordion-list {
  --bs-accordion-color: var(--black);
  --bs-accordion-bg: transparent;
  --bs-accordion-active-color: var(--black);
/*  --bs-accordion-active-color: var(--primary);*/
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-padding-y: 20px;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-border-color: var(--gray-dark);
  --bs-accordion-btn-color: var(--bs-accordion-color);
  --bs-accordion-icon-color: var(--bs-accordion-color);
  --bs-accordion-btn-icon-width: 28px;
  --bs-accordion-btn-icon-height: 28px;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzNSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjkzNDEgMC4yNzIwNjFMMTYuOTM0MSAyOS4zMDM3TTE2LjkzNDEgMjkuMzAzN0wxNi45MzQxIDI5LjY1MDRNMTYuOTM0MSAyOS4zMDM3TDE3LjI4MDYgMjkuNjUwM0wzNC4xMDU5IDEyLjgyNDlNMTYuOTM0MSAyOS4zMDM3TDAuNDU1MzE1IDEyLjgyNDkiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzNSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjkzNDEgMC4yNzIwNjFMMTYuOTM0MSAyOS4zMDM3TTE2LjkzNDEgMjkuMzAzN0wxNi45MzQxIDI5LjY1MDRNMTYuOTM0MSAyOS4zMDM3TDE3LjI4MDYgMjkuNjUwM0wzNC4xMDU5IDEyLjgyNDlNMTYuOTM0MSAyOS4zMDM3TDAuNDU1MzE1IDEyLjgyNDkiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==");
}

.accordion-list--borders {
  border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-list--border-top {
  border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-list--border-bottom {
  border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-list .accordion-button {
  font-size: inherit;
}

.accordion-list .accordion-button:not(.collapsed) {
  box-shadow: none;
}

@media (max-width: 991px) {
  .accordion-list {
    --bs-accordion-btn-padding-y: 21px;
    --bs-accordion-btn-icon-width: 21px;
    --bs-accordion-btn-icon-height: 21px;
  }
}

/*</Accordions>*/


/*<Article-Featured>*/
.featured-articles {
  padding-top: 45px;
  padding-bottom: 45px;
}


.blog-page-title {
    margin-bottom: 103px;
}

.article-grid {
  display: grid;
  grid-gap: 12px 12px;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
}

.article-card {
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-spacer-y: 32px;
  --bs-card-spacer-x: 40px;
  --bs-card-title-spacer-y: var(--em-gutter-y);
  --bs-card-bg: var(--white);
  --bs-body-color: var(--black);
  --bs-card-border-color: var(--bs-card-bg);
  --arrow-color: var(--bs-body-color);
  /*--bs-card-height: 475px;*/
  /*if we want specific color per title and subtitle*/
  /*--bs-card-title-color: var(--white);*/
  /*--bs-card-subtitle-color: var(--white);*/
}

.article-card-body {
  min-height: 473px;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap;
  /*// padding-top: calc(var(--bs-card-spacer-y) + 38px); !* spacer and icon top-right*!*/
}

.article-card-text {
  margin: 0;
}

.article-card-arrow {
  position: absolute;
  top: 24px;
  right: 24px;
}

.article-card--primary {
  --bs-card-bg: var(--primary);
  --bs-body-color: var(--white);
}

.article-card--secondary {
  --bs-card-bg: var(--secondary);
  --bs-body-color: var(--white);
}

.article-card--ternary,
.article-card--orange {
  --bs-card-bg: var(--orange);
  --bs-body-color: var(--white);
}

.article-card--gray {
  --bs-card-bg: var(--gray);
  --bs-body-color: var(--black);
}

.article-card--gray-light {
  --bs-card-bg: var(--gray-light);
  --arrow-color: var(--primary);
  --bs-body-color: var(--secondary);
}

.article-card--gray-dark {
  --bs-card-bg: var(--gray-dark);
  --bs-body-color: var(--secondary);
}

.article-card:hover {
  color: var(--bs-body-color);
}

.round .article-card {
  /*--bs-card-border-radius: var(--border-radius); !*was 12px => made it 18.*!*/
  --bs-card-border-radius: 12px;
}

.article-grid .article-card-body {
    min-height: 417px;
}

.article-grid .article-card-body  .article-card-title {
    max-width: 480px;
    margin-bottom: 23px;
}

.article-grid .article-card-body .article-card-text {
    max-width: 362px;
}

.article-grid .article-card-body .article-card-arrow svg {
    height: 30px;
    width: 30px;
}

.article-grid .article-card .title-ellipsis {
  --max-lines: 3;
}

/* use article in sidebar*/
.sidebar-title {
    font-weight: var(--font-weight-medium);
    margin-bottom: 42px;
}


.sidebar.search-element {
    margin-bottom: 48px;
}

.sidebar.article-featured {
  display: grid;
  grid-template-columns: minmax(10px, 1fr);
  gap: 0.0625rem;
  border-top: 0.0625rem solid #D4D4D4;
  border-bottom: 0.0625rem solid #D4D4D4;
  overflow: hidden;
}

.sidebar.article-featured .article-card {
    /*box-shadow: 0 0 0 0.0625rem #D4D4D4;*/
    border-bottom: 0.0625rem solid #D4D4D4;
}

.sidebar.article-featured .article-card:last-child {
  border-bottom-color: transparent;
}


.sidebar.article-featured .article-inner-body {
    margin-top: auto;
    margin-bottom: auto;
}

.sidebar.article-featured  .article-card-body {
  min-height: 331px;
  padding-left: 0;
  padding-right: 52px;
}

.sidebar.article-featured .article-card-arrow {
  right: 0;
}

.sidebar.article-featured .article-card-arrow svg {
  width: 22px;
  height: 22px;
}


@media (max-width: 991px) {
  .article-grid {
    grid-gap: 0 0;
  }

  .featured-articles {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .article-card {
    --bs-card-spacer-y: 25px;
    --bs-card-spacer-x: var(--em-gutter-x);
    /*--bs-card-height: 325px;*/
  }

  .article-card-body {
    min-height: 325px;
  }

  .article-card-title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .article-card-text {
    font-size: 14px;
  }

  .article-card-arrow {
    top: 12px;
    right: 12px;
  }

  .article-card-arrow svg {
    width: 26px;
    height: 26px;
  }

  /*blog list page*/

  .blog-list .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-list .article {
    padding-left: var(--em-gutter-x);
    padding-right: var(--em-gutter-x);
  }

  .blog-list .padding-x-mobile {
    padding-left: var(--em-gutter-x);
    padding-right: var(--em-gutter-x);
  }

    /*blog sidebar*/
  .featured-article--sidebar {
    padding-left: var(--em-gutter-x);
    padding-right: var(--em-gutter-x);
  }

  /*blog grid*/
  .round .article-card {
    --bs-card-border-radius: 0; /*was 12px*/
  }

  .sidebar {
    max-width: 100%;
  }

  .sidebar.article-featured .article-card-body {
    min-height: auto;
  }

  .sidebar .link-list {
    --bs-list-group-item-padding-x: var(--em-gutter-x);
  }

  .sidebar.search-element {
    padding-left: var(--em-gutter-x);
    padding-right: var(--em-gutter-x);
  }

  .sidebar .sidebar-title {
    padding-left: var(--em-gutter-x);
    padding-right: var(--em-gutter-x);
  }
}


@media (max-width: 576px) {
  .article-grid .article-card-body {
    min-height: 250px;
  }

}


@media (min-width: 1832px) {
    .sidebar {
        max-width: 402px;
    }
}
/*</Article-Featured>*/

/*<Article-Details>*/
.article-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.article-nav-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--black);
  border-radius: 0;
  font-size: 20px;
  line-height: 126%;
  padding: 12px 0;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.article-nav-prev .article-nav-icon {
  margin-right: 12px;
}
.article-nav-next .article-nav-icon {
  margin-left: 12px;
}

.article-info-el {
  padding: 20px 0;
  border-top: 1px solid #D4D4D4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.article-content figure {
  display: block;
}

.article-content figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin: 0;
  padding: 0;
}

.article-content p {
  margin-bottom: 30px;
}

.article-content a {
  text-decoration: underline;
  color: inherit;
}

.tags {
  --bs-gutter-x: 6px;
  --bs-gutter-y: 6px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
  padding: 0;
}

.tags>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
  margin-bottom: var(--bs-gutter-y);
}

.tags-item {
  flex: 0 0 auto;
  width: auto;
}

.tags-item-action {
  display: block;
  padding: 11px 16px;
  background-color: #F4F4F4;
  border-radius: 8px;
  font-weight: var(--font-weight-bold);
  color:#6A6A6A;
  font-size: 18px;
  line-height: 126%;
  text-decoration: none;
}

.tags .tags-item-action {
  text-decoration: none;
  color:#6A6A6A;
}

.tags-item-action:hover {
  color:var(--primary);
}

@media (max-width: 991px) {
  .article-nav-btn {
    font-size: 16px;
  }

  .article-nav-btn .article-nav-icon {
    width: 16px;
  }

  .tags-item-action {
    font-size: 14px;
  }
}


@media (min-width: 1862px) {

    .article .article-content .figure {
        margin-bottom: 98px;
    }

    .article-main-content {
        padding-left: 238px;
    }
}

/*</Article-Details>*/


/*<Products>*/
.sidebar-accordion {
  --bs-accordion-color: var(--black);
  --bs-accordion-bg: var(--white);
  --bs-accordion-border-color: var(--white);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: 0;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 40px;
  --bs-accordion-btn-color: var(--bs-accordion-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon-width: 22px;
  --bs-accordion-btn-focus-border-color: red;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-background-position: 0 6px;
  --bs-accordion-body-padding-y: 0;
  --bs-accordion-active-color: var(--primary);
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0.08 -0.03 22.71 11.85'><path d='M0.580078 0.467773L11.4348 11.3224L22.2894 0.467773' stroke='black'></path></svg>");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0.08 -0.03 22.71 11.85'><path d='M0.580078 0.467773L11.4348 11.3224L22.2894 0.467773' stroke='black'></path></svg>");
}



.sidebar-accordion .accordion-button {
  color: var(--black);
  font-size: 25px;
  font-weight: var(--font-weight-bold);
  line-height: 126%
}

.sidebar .sidebar-accordion .accordion-button::after {
  background-position: var(--bs-accordion-background-position);
}

/*Single product on the grid*/
.product {
  --bs-card-cap-bg: var(--white);
  --bs-card-title-color: var(--black);
  --bs-card-subtitle-color: var(--black);
  --bs-card-border-color: var(--gray-light);
  --bs-card-border-radius: calc(var(--border-radius)/2);
  --bs-card-border-width: 0;
  --bs-card-spacer-y: 0;
  --bs-card-spacer-x: 0;
  --bs-card-cap-padding-y: 12px;
  --bs-card-cap-padding-x: 0;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-bottom: 40px;
}

.product-figure {
  border-radius: calc(var(--border-radius)/2);
  background: radial-gradient(83.24% 85.01% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(136, 134, 134, 0.16) 100%);
  width: 100%;
  height: 224px;
  padding: 8px;
  margin: 0 0 24px;
  overflow: hidden;
  text-align: center;
}

.product-img {
  max-width: none;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
  transform: scale(0.88);
  transform-origin: center;
  transition: transform .3s;
  will-change: transform;
}

.product-category {
  font-size: 14px;
  font-weight: var(--font-weight-light);
  color: var(--gray-dark);
  margin-bottom: 6px;
}

.product-badges {
  position: absolute;
  right: 11px;
  top: 9px;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  z-index: 9;
  display: flex;
}

.product-badges span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  line-height: normal;
  border-radius: 100%;
  color: var(--white);
  background-color: var(--primary);
  padding: 6px;
}

/*.product-badges .new {*/
/*  background-color: var(--primary);*/
/*  color: var(--white);*/
/*}*/

.product-badges span:last-child {
  margin-right: 0;
}

.product-title {
  color: var(--black);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 126%;
}

.product-description {
  font-weight: var(--font-weight-light);
  color: #6A6A6A;
  font-size: 16px;
  line-height: 146%;
}

.product-link {
  text-decoration: underline;
  font-size: 16px;
  line-height: 164%;
  font-weight: var(--font-weight-light);
  color: #6A6A6A;
}

.product:hover .product-img {
  transform: scale(1);
}

.product-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}

.btn-filter {
  color: var(--black);
  font-size: 20px;
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: 126%;
  padding: 6px 0;
  margin: 0;
  background: transparent;
}

.btn-filter.dropdown-toggle::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M0.556641 0.711426L5.05566 5.20996L9.5542 0.711426' stroke='black'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 6px;
  border: none;
}

.product-filter-accordion {
  --bs-accordion-border-color: #D4D4D4;
  --bs-accordion-btn-padding-y: 10px;
  --bs-accordion-btn-icon-width: 12px;
  --bs-accordion-btn-icon: url("data:image/svg+xml;utf8,<svg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.14 4.62989V6.24989H6.34V10.0499H4.72V6.24989H0.94V4.62989H4.72V0.849893H6.34V4.62989H10.14Z' fill='black'/></svg>");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;utf8,<svg width='9' height='3' viewBox='0 0 9 3' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.18 2.78H0.18V0.74H8.18V2.78Z' fill='black'/></svg>");
}

.product-filter-accordion .accordion-button {
  font-size: 20px;
}

.product-filter-accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.form-select {
  border-radius: 48px;
  border: 1px solid #D4D4D4;
  font-size: 16px;
  line-height: 126%;
  padding: 22px 56px 22px 44px;
  --bs-form-select-bg-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='13' viewBox='0 0 24 13' fill='none'><path d='M0.963135 0.596191L11.8178 11.4508L22.6725 0.596191' stroke='black'/></svg>");
  background-position: right 34px center;
  background-size: 22px 11px;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .product {
    --bs-card-border-radius:var(--border-radius);
  }

  .product-figure {
    border-radius: var(--border-radius);
    height: 400px;
    padding: 24px;
  }

  .product-badges span {
    font-size: 12px;
    padding: 8px;
  }

}
@media (min-width: 992px) {
  .product-filter {
    margin-bottom: 72px;
  }

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

  .product-figure {
    border-radius: var(--border-radius);
    height: 500px;
    padding: 24px;
    margin-bottom: 38px;
  }

  .product-badges {
    right: 25px;
    top: 20px;
  }

  .product-badges span {
    font-size: 18px;
    padding: 13px;
  }

  .product-title {
    font-size: 25px;
    margin-bottom: 35px;
  }

  .product-description {
    max-width: 323px;
  }

  .product-link {
    font-size: 20px;
  }
}

@media (min-width: 1832px) {
  .product {
    padding-bottom: 64px;
  }
}


/*</Products>*/

/*<ProductDetail>*/

.product-detail-content {
  margin-bottom: 44px;
}

.product-detail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 26px;
}

.product-detail-action-btn {
  border-radius: 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
}


.product-detail-back-btn {
}

.product-detail-back-btn svg {
  width: 19px;
  height: auto;
  margin-right: 12px;
}

.product-detail-swiper {
  --swiper-navigation-color: var(--primary);
  --swiper-pagination-color: var(--primary);
  --swiper-preloader-color: var(--primary);
  --swiper-pagination-bullet-height: 17px;
  --swiper-pagination-bullet-width: 17px;
  --swiper-pagination-bullet-horizontal-gap: 6px;
  --swiper-pagination-bottom: 31px;
  --swiper-navigation-top-offset: auto;
  --swiper-navigation-size: 22px;
  margin-bottom: 28px;
  border-radius: var(--border-radius);
  /*--size: 687px;*/
  /*--aspect-ratio: 0.81688;*/
  /*width: var(--size);*/
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  bottom: 32px;
}

.product-main-img {
  border-radius: var(--border-radius);
  background: radial-gradient(83.24% 85.01% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(136, 134, 134, 0.16) 100%);
  /*width: var(--size);*/
  /*height: calc(var(--size) / var(--aspect-ratio));*/
  padding: 36px;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
}

.product-catalog-btn {
  border-radius: 8px;
  background: var(--primary);
  color: var(--white);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  width: 100%;
  padding: 9px 11px 9px 24px;
  display: inline-flex;
  justify-content: center;
  margin-top: 20px;
}

.product-catalog-btn span {
  margin-right: 8px;
}

.product-detail-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media (min-width: 992px) {
  .product-detail-content {
    margin-bottom: 114px;
  }

  .product-detail-gallery {
    max-width: 687px;
  }

  .product-catalog-btn {
    max-width: 308px; /*was 324*/
    justify-content: space-between;
    margin-top: unset;
  }
}
/*</ProductDetail>*/


/*<Workshop>*/
.work-wrapper {
  padding-top: 22px;
  padding-bottom: 22px;
}

.workshop-info {
  position: relative;
  padding: 70px 42px;
}

.workshop-info .ui-arrow {
  position: absolute;
  top: 24px;
  right: 24px;
}

.workshop-title {
  margin-bottom: 10px;
}

.workshop-date {
  margin-bottom: 70px;
}

.workshop-intro {
  margin-bottom: 36px;
}

.workshop-description {
  margin-bottom: 40px;
  max-width: 576px;
}

.workshop-link {
  font-size: 35px;
  /*text-decoration-line: underline;*/
  font-weight: var(--font-weight-regular);
  line-height: normal;
  color: var(--black);
}

.workshop-link:hover {
  color: var(--primary);
}

.workshop-link::after {
    /*background-image: linear-gradient(90deg, #000 33.3%,#fff 40%,#fff 60%, #000 66.6%);*/
    background-position: 0 top;
    background-size: 300%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    transition: background 0.3s cubic-bezier(.075,.82,.165,1);
    width: 100%;
    height: 2px;
    color: inherit;
    background-color: var(--black);
}

.workshop-link:hover::after {
  background-color: var(--primary);
}

.workshop-figure {
  width: 100%;
  height: 100%;
}

.workshop-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .work-wrapper {
    padding-top: var(--em-gutter-y,.75rem);
    padding-bottom: var(--em-gutter-y,.75rem);
    padding-left: 0;
    padding-right: 0;
  }

  .workshop-info {
    padding: 40px 28px;
  }

  .work-wrapper .border--round {
    border-radius: 0;
  }

  .workshop-title {
    font-size: 28px;
    margin-bottom: 0;
  }
  .workshop-date {
    font-size: 16px;
    margin-bottom: 33px;
  }
  .workshop-intro {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .workshop-description {
    margin-bottom: 15px;
  }

  .workshop-link {
    font-size: 16px;
  }

  .workshop-info .ui-arrow svg {
    width: 32px;
    height: 32px;
  }
}
/*</Workshop>*/

/*<Partners>*/
.partners {
  padding-top: 95px;
  padding-bottom: 95px;
}

.swiper-clients {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.swiper-clients .swiper-wrapper {
  align-content: stretch;
  align-items: center;
}

.swiper-clients .swiper-slide {
  background-color: transparent;
  width: auto;
  height: 100%;
}

.swiper-clients .swiper-img {
  display: block;
  margin: 0;
  padding: 0;
}

@media (max-width: 991px) {
  .partners {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .swiper-clients .swiper-slide .partner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .swiper-clients {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .swiper-clients .swiper-img {
    width: 100%;
    max-width: 100px;
    max-height: 60px;
    object-fit: contain;
  }
}
/*</Partners>*/

/*<Footer>*/
.footer-wrapper {
  color: var(--white);
}

.menu-wrapper {
  padding-top: 70px;
  padding-bottom: 50px;
}

.copyright-wrapper {
  padding-top: 20px;
  padding-bottom: 22px;
}

.logo-placeholder {
  margin-bottom: 33px;
}

.company-intro {
  color: var(--white);
  max-width: 360px;
}

.design-company {
  margin-bottom: 0;
}

.footer-nav-element {
  min-width: 16.66666667%;
  /*min-width: 18%;*/
}

.design-company,
.footer-nav__link {
  color: var(--white);
}

.footer-nav__link:focus,
.footer-nav__link:hover {
  color: var(--link-hover-color);
}

.footer-nav .footer-nav__link {
  padding: 4px 0;
}

.social-nav {
  gap: 24px;
}

.social-nav .logo-img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.contact-nav {
}

.contact-nav .nav-link {
}

.footer-separator {
  opacity: 1;
  margin-bottom: 28px;
  color: var(--white);
  border-color: var(--white);
}

@media (max-width: 991px) {
  .footer {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .footer .border--round {
    border-radius: 0;
  }

  .menu-wrapper {
   padding-top: 44px;
   padding-bottom: 24px;
  }

  .design-company {
    text-align: center;
  }

  .social-nav {
    justify-content: center;
  }

  .footer-nav .footer-nav__link {
    /*padding: 12px 0;*/ /*if we want SEO 100%*/
  }

  .contact-nav {
    --bs-nav-link-font-size: 14px;
    --bs-nav-link-padding-x: 0;
    justify-content: space-between;
  }
}
/*</Footer>*/

/*END - Author styles*/


/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}