html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::after,
*::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
dl,
dd {
  margin: 0;
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

:root {
  /* --hj-main-font: "Jost", sans-serif;
  --hj-second-font: "Montserrat", sans-serif; */

  --hj-main-font: "Mulish", sans-serif;
  --hj-second-font: "Mulish", sans-serif;

  --hj-accent-color: #A60200;
  --hj-light-color: #FFFFFF;
  --hj-accent-bg-color: var(--hj-accent-color);
  --hj-main-bg-color: var(--hj-light-color);
  --hj-bg-color: #F7F7F7;
  --hj-footer-bg-color: #333333;
  --hj-main-text-color: #000000;
  --hj-accent-text-color: var(--hj-accent-color);
  --hj-light-text-color: var(--hj-light-color);
  --hj-second-text-color: #959595;
  --hj-border-color: #DBDADA;
  --hj-sale-color: #076725;
  --hj-supersmall-font-size: 9px;
  --hj-small-font-size: 14px;
  --hj-semismall-font-size: 15px;
  --hj-main-font-size: 17px;
  --hj-medium-font-size: 19px;
  --hj-big-font-size: 21px;
  --hj-headline-font-size: 23px;
  --hj-medium-headline-font-size: 40px;
  --hj-big-headline-font-size: 62px;
  --hj-small-line-height: 1;
  --hj-main-line-height: 1.6;
  --hj-main-font-weight: 300;
  --hj-regular-font-weight: 400;
  --hj-medium-font-weight: 500;
  --hj-semibold-font-weight: 600;
  --hj-black-font-weight: 900;
  --hj-small-letter-spacing: 0.6px;
  --hj-letter-spacing: 4px;
  --hj-transition: all .3s ease;
  --hj-shadow: 0 0 15px rgba(0,0,0,0.3);
}

body {
  font-family: var(--hj-main-font);
  font-size: var(--hj-main-font-size);
  line-height: var(--hj-main-line-height);
  font-weight: var(--hj-main-font-weight);
  color: var(--hj-main-text-color);
  -webkit-font-smoothing: initial;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100vh;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.container {
  max-width: min(1200px, 100% - 30px);
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

.main-headline {
  font-size: var(--hj-big-font-size);
  line-height: var(--hj-small-line-height);
  text-transform: uppercase;
  font-weight: var(--hj-semibold-font-weight);
  text-align: center;
}

.form-submit.button,
.main-button,
.main-button:visited {
  display: inline-block;
  padding: 14px 28px;
  font-size: var(--hj-semismall-font-size);
  line-height: var(--hj-small-line-height);
  font-weight: var(--hj-medium-font-weight);
  color: var(--hj-light-text-color);
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
     background-color: var(--hj-sale-color);
  border-radius: 4px;
  border: none;
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}
#m-usercreate .button:hover,
.form-submit.button:hover,
.main-button:hover, .main-button:focus,
.main-button:visited:hover,
.main-button:visited:focus {
  background-color: var(--hj-main-text-color);
  color: var(--hj-light-text-color);
}

.main-input {
  height: 40px;
  border: 1px solid var(--hj-border-color);
  padding: 0 15px;
}
.main-input::-webkit-input-placeholder {
  font-style: italic;
}
.main-input::-moz-placeholder {
  font-style: italic;
}
.main-input:-ms-input-placeholder {
  font-style: italic;
}
.main-input::-ms-input-placeholder {
  font-style: italic;
}
.main-input::placeholder {
  font-style: italic;
}

#page .menu__item--has-submenu {
  position: relative;
}

#page .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  background-color: var(--hj-main-bg-color);
  -webkit-box-shadow: var(--hj-shadow);
          box-shadow: var(--hj-shadow);
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

#page .menu__item--has-submenu:hover > .submenu {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
#page .menu__item--has-submenu .submenu  .submenu {
  left: 100%;
  top: 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.social__item {
  margin: 3px;
}
.social__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--hj-main-bg-color);
  border-radius: 50%;
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}
.social__item-link:hover, .social__item-link:focus {
  background-color: var(--hj-accent-bg-color);
}
.social__item-link:hover .social__item-icon, .social__item-link:focus .social__item-icon {
  fill: var(--hj-light-text-color);
}
.social__item-icon {
  width: 20px;
  height: 20px;
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}

.header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: var(--hj-main-bg-color);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}
.header .container {
  max-width: min(1600px, 100% - 30px);
}
.header__nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 140px 1fr;
  grid-template-columns: 1fr 140px 1fr;
  /* padding: 10px 0; */
  padding: 30px 0;
  align-items: center;
  font-size: 15px;
  margin-bottom: 0;
}
/* .header__top::before {
  content: "";
} */
.header__nav .logo__image {
  margin: 0;
}
.header__nav .icons-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.header__nav .icons-menu__item {
  margin: 0 4px;
  display: block;
}
.header__nav .icons-menu__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  width: 30px;
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}
.header__nav .icons-menu__item-link:hover, .header__top .icons-menu__item-link:focus {
  opacity: 0.5;
}
.header__nav .icons-menu__item-icon {
  /* height: 30px; */
  height: 22px;
  margin: 0;
}
.header__right-menu {
  display: flex;
  align-items: center;
  justify-content: end;
}
.header__right-menu .icons-menu {
  margin-left: 8px;
}
#page .header__nav .icons-menu .submenu {
  right: 0;
  left: auto;
}
.header__nav .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
          justify-content: flex-start;
  font-weight: var(--hj-regular-font-weight);
}
.header__nav .menu__item-link, .header__nav .menu__item-link:visited {
  display: block;
  padding: 8px;
  text-decoration: none;
  color: inherit;
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}

.header__nav .icons-menu .submenu .menu__item-link{
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}

.header__nav .icons-menu .submenu .menu__item-link:hover,
.header__nav .menu__item-link:hover, .header__nav .menu__item-link:focus, .header__nav .menu__item-link:visited:hover, .header__nav .menu__item-link:visited:focus {
  color: var(--hj-accent-text-color);
}
.header.header--scrolled {
  -webkit-box-shadow: var(--hj-shadow);
          box-shadow: var(--hj-shadow);
}
.header .search {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  transition: var(--hj-transition);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  max-width: 1200px;
}
.header .search__input {
  width: 100%;
  height: 40px;
  background-color: var(--hj-bg-color);
}
.header .search__button {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: var(--hj-accent-bg-color);
  cursor: pointer;
}
.header .search__button-icon {
  fill: var(--hj-light-text-color);
  margin: 0;
  width: 30px;
  height: 30px;
  filter: invert(1);
}
.header .search.search--active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

@media (max-width: 1100px) {
  .header__nav {
    display: flex;
    -webkit-box-pack: space-between;
      -ms-flex-pack: space-between;
    justify-content: space-between;
    padding: 10px 0;
  }
  .header__nav .menu {
    display: none;
  }
  .header .logo__image {
    height: 50px;
  }
}

@media (max-width: 768px) {
  /* .header__top {
    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;
    padding: 10px 0;
  }
  .header__top::before {
    content: none;
  } */
  .header__nav .menu__item-link {
    padding: 8px;
  }
}
@media (max-width: 600px) {
  .header__nav .logo {
    max-width: 100px;
  }
  .header__nav .icons-menu__item {
    margin: 2px;
  }
  .header__nav .icons-menu__item-icon {
    height: 20px;
  }
  /* .header__nav {
    display: none;
  } */
}
.footer {
  background-color: var(--hj-footer-bg-color);
  background-image: url("../images/footer/bg.png");
  position: relative;
  background-size: cover;
}
/* .footer::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 3px dotted var(--hj-light-text-color);
} */
.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 70px 0 250px;
  color: var(--hj-light-text-color);
}
.footer__section + .footer__section {
  margin-left: 90px;
}
.footer__section-headline {
  font-size: var(--hj-small-font-size);
  font-weight: var(--hj-medium-font-weight);
  text-transform: uppercase;
  letter-spacing: var(--hj-small-letter-spacing);
  margin-bottom: 30px;
}
.footer__inner .contact-info {
  font-style: normal;
}
.footer__inner a, .footer__inner a:visited {
  text-decoration: none;
  color: inherit;
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}
.footer__inner a:hover, .footer__inner a:focus, .footer__inner a:visited:hover, .footer__inner a:visited:focus {
  color: var(--hj-accent-text-color);
}
.footer__inner .menu {
  padding-left: 16px;
  list-style: disc;
}
.footer__inner .menu__item {
  font-size: 8px;
}
.footer__inner .menu__item-link {
  font-size: var(--hj-main-font-size);
}
.footer__inner .social {
  margin-left: auto;
}

@media (max-width: 1000px) {
  .footer__section + .footer__section {
    margin-left: 40px;
  }
}
@media (max-width: 900px) {
  .footer__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 60px 40px;
  }
  .footer__section + .footer__section {
    margin-left: 0;
  }
  .footer .social {
    margin-left: 0;
  }
}
@media (max-width: 600px) {
  .footer__inner {
    display: block;
    text-align: center;
  }
  .footer__section + .footer__section {
    margin-top: 60px;
  }
  .footer .social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 60px;
  }
  .footer__inner .menu {
    padding-left: 0;
    list-style: none;
  }
}
.main-slider {
  position: relative;
  font-family: var(--hj-second-font);
}
/* .main-slider::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  border-top: 3px dotted var(--hj-light-text-color);
} */
.main-slider__slide {
  position: relative;
}
.main-slider__slide-image {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
}
.main-slider__slide-content {
  max-width: 600px;
  width: 100%;
  min-height: 795px;
  color: var(--hj-light-text-color);
  margin-left: auto;
  padding: 140px 0;
}
.main-slider__slide-headline {
  font-size: var(--hj-big-headline-font-size);
  line-height: var(--hj-small-line-height);
  font-weight: var(--hj-black-font-weight);
}
.main-slider__slide-text {
  font-size: var(--hj-big-font-size);
  font-weight: var(--hj-medium-font-weight);
  margin-top: 20px;
  max-width: 470px;
}
.main-slider__slide-button {
  margin-top: 36px;
  padding: 16px 32px;
  font-size: var(--hj-main-font-size);
  text-transform: none;
  border-radius: 25px;
}
.main-slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.main-slider .slick-dots button {
  width: 30px;
  height: 30px;
  font-size: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}
.main-slider .slick-dots button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--hj-main-bg-color);
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}
.main-slider .slick-dots .slick-active {
  pointer-events: none;
}
.main-slider .slick-dots .slick-active button::after {
  background-color: var(--hj-accent-bg-color);
}
.main-slider:has(.main-slider__slide:only-child) .slick-dots {
  display: none;
}
.main-slider__slide + .main-slider__slide {
  display: none;
}
.main-slider .slick-initialized .main-slider__slide + .main-slider__slide {
  display: block;
}

@media (max-width: 600px) {
  .main-slider__slide-content {
    min-height: 400px;
    padding: 60px 0;
    text-align: center;
  }
  .main-slider__slide-headline {
    font-size: var(--hj-headline-font-size);
  }
  .main-slider__slide-text {
    font-size: var(--hj-main-font-size);
  }
  .main-slider__slide-button {
    font-size: var(--hj-small-font-size);
    padding: 14px;
  }
}
.cards__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 8px 15px;
  padding: 42px 0 60px;
}
@media (min-width: 960px) {
  .cards__list[data-col="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.cards__card {
  position: relative;
}
/* .cards__card::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 3px dotted var(--hj-light-text-color);
} */
.cards__card-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
}
.cards__card-link {
  text-decoration: none;
  color: inherit;
}
.cards__card-name {
  font-size: var(--hj-big-font-size);
  display: block;
  text-align: center;
  padding: 10px;
}
.cards__card-image, .cards__card-name {
  -webkit-transition: var(--hj-transition);
  transition: var(--hj-transition);
}
.cards__card-link:hover .cards__card-image, .cards__card-link:focus .cards__card-image {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}
.cards__card-link:hover .cards__card-name, .cards__card-link:focus .cards__card-name {
  color: var(--hj-accent-text-color);
}

.welcome {
  /* background-color: var(--hj-bg-color); */
  margin: 80px 0;
}

@media (max-width: 600px) {
  .cards__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 42px 0 20px;
  }
  .welcome {
    margin: 20px 0;
  }
}

.welcome__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.welcome__content {
  padding: 50px 60px 65px 85px;
}
.welcome__content, .welcome__image-wrapper {
  width: 50%;
}
.welcome__image {
  margin: 0;
}
.welcome__subheadline {
  font-size: var(--hj-supersmall-font-size);
  line-height: var(--hj-small-line-height);
  font-weight: var(--hj-medium-font-weight);
  letter-spacing: var(--hj-letter-spacing);
  color: var(--hj-accent-text-color);
}
.welcome__headline {
  margin-top: 10px;
  text-align: left;
  padding-bottom: 18px;
  position: relative;
}
.welcome__headline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 102px;
  height: 2px;
  background-color: var(--hj-main-text-color);
}
.welcome__text {
  margin-top: 30px;
}
.welcome__text p + p {
  margin-top: 20px;
}
.welcome__button {
  margin-top: 30px;
}
.welcome__image-wrapper {
  margin-top: -80px;
  margin-bottom: -80px;
  position: relative;
}
/* .welcome__image-wrapper::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 3px dotted var(--hj-light-text-color);
} */
.welcome__image {
  width: 100%;
}

@media (max-width: 1000px) {
  .welcome__content {
    padding: 50px 0;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .welcome__inner {
    padding-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .welcome__content, .welcome__image-wrapper {
    width: 100%;
  }
  .welcome__image-wrapper {
    margin: 0;
  }
  .welcome__image {
    max-width: 500px;
  }
}
.contact {
  margin: 50px 0 40px;
}
.contact__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 18px;
}
.contact__social {
  background-image: url("../images/contact/contact-social-bg.png");
  background-size: cover;
  color: var(--hj-light-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
}
/* .contact__social::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 3px dotted var(--hj-light-text-color);
} */
.contact__social-headline {
  font-size: var(--hj-big-headline-font-size);
  font-weight: var(--hj-black-font-weight);
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.contact .social {
  margin-top: 40px;
}
.contact .social__item-link {
  background-color: transparent;
}
.contact .social__item-link {
  width: 80px;
  height: 80px;
  fill: var(--hj-light-text-color);
}
.contact .social__item-link:hover .social__item-icon, .contact .social__item-link:focus .social__item-icon {
  fill: var(--hj-accent-text-color);
}
.contact .social__item-icon {
  width: 40px;
  height: 40px;
}
.contact__newsletter {
  padding: 45px 34px;
  background-color: var(--hj-bg-color);
  background-image: url("../images/contact/contact-newsletter-bg.png");
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: bottom right;
}
.contact__newsletter-headline {
  font-size: var(--hj-medium-headline-font-size);
  line-height: var(--hj-small-line-height);
  font-weight: var(--hj-black-font-weight);
}
.contact__newsletter-headline, .contact__newsletter-text,
.contact .newsletter {
  max-width: 320px;
}
.contact__newsletter-text {
  font-size: var(--hj-semismall-font-size);
  font-weight: var(--hj-light-font-weight);
  margin-top: 20px;
}
.contact .newsletter {
  margin-top: 16px;
}
.contact .newsletter__input {
  margin-bottom: 10px;
  width: 100%;
}
.contact .newsletter__checkbox-label {
  font-size: var(--hj-small-font-size);
  font-weight: var(--hj-main-font-weight);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact .newsletter__checkbox {
  margin-right: 8px;
}
.contact .newsletter__button {
  margin-top: 30px;
}

@media (max-width: 600px) {
  .contact__inner {
    display: block;
  }
  .contact__social {
    padding-top: 40px;
  }
}
@media (max-width: 370px) {
  .contact__newsletter {
    padding: 40px 15px;
  }
  .contact__newsletter-headline {
    font-size: var(--hj-headline-font-size);
  }
}
.instagram {
  margin: 50px 0;
}
.instagram__icon {
  display: block;
  height: 30px;
  width: 30px;
  margin: 0 auto;
}
.instagram__headline {
  text-align: center;
  margin-top: 10px;
  font-size: var(--hj-medium-font-size);
  font-weight: var(--hj-regular-font-weight);
}
.instagram__images {
  margin-top: 20px;
  width: 100%;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: inherit;
    color: inherit;
}
p {
  line-height: inherit;
}
input[type=search] {
    box-sizing: border-box;
}
a:visited {
    color: inherit;
}
.page-title {
    border: none;
}
.emptyCategory .panel.panel-warning {
    background-color: transparent;
    border-color: #000;
    color: #000;
}
.button,
.button:visited {
  border: none;
  border-radius: var(--fs-border-radius);
}
.button-primary, 
.button-primary:visited {
   display: inline-block;
    padding: 13px 24px;

    font-size: var(--hj-small-font-size);
    line-height: 1;
    font-weight: var(--hj-semibold-font-weight);
    color: var(--hj-light-text-color);
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;

    background-color: var(--hj-accent-bg-color);
    border: none;
    border-radius: 4px;
    cursor: pointer;

    outline: none;
    transition: var(--hj-transition);
}
.button-primary:hover,
.button-primary:visited:hover {
  background-color: var(--hj-main-text-color);
  color: var(--hj-light-text-color);
}

.menu__item--has-submenu {
    position: relative;
}

.header__nav .menu.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;

    display: block;

    width: 200px;
    background-color: #FFF;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);

    opacity: 0;
    visibility: none;
    pointer-events: none;
    transition: all .3s ease;
}
.menu.submenu .menu__item-link {
  display: block;
  padding: 10px;
}
.menu__item--has-submenu:hover > .menu.submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.panel-border .panel-footer, .panel-border .panel-heading {
  background-color: var(--hj-bg-color);
}

.form-input,
.form-input.small {
  height: 40px;
  border: 1px solid var(--hj-border-color);
  padding: 0 15px;
}
.form-input::placeholder {
  font-style: italic;
}

/* Product List */
.productItem {
  margin-bottom: 0.5em;
}
.productItem .type-col .product-transaction, .productItem .type-col .product-action {
    background-color: transparent;
}
.productItem .type-col .product-transaction, .productItem .type-col .product-action,
.productItem .type-col {
    border: none;
}
.m-productlist-figure {

}
.m-product-second-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
.m-productlist-figure:hover .m-product-second-image {
  opacity: 1;
}

.m-productlist-figure .m-productlist-link {
  margin: 0;
}

.productItem .productContent {
  overflow: visible;
  text-align: center;
}
.m-productlist-heading {
  padding-top: 16px !important;
}
.productItem .badge,
.m-product-splash .badge {
    width: 60px;
    height: 60px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: var(--hj-small-font-size);
}
.productItem .badge.badge-succes,
.m-product-splash .badge.badge-succes {
  background-color: var(--hj-main-text-color);
  border-color: var(--hj-main-text-color);
  color: var(--hj-light-text-color);
}
.productItem .badge.badge-warning,
.m-product-splash .badge.badge-warning {
  background-color: #f2eb00;
  border-color: var(--hj-accent-bg-color);
  color: #000;
}
.productItem .badge.badge-warning strong,
.m-product-splash .badge.badge-warning strong {
  font-size: var(--hj-small-font-size);
  font-weight: var(--hj-semibold-font-weight);
}
.productItem .badge.badge-danger,
.m-product-splash .badge.badge-danger {
    background-color: var(--hj-main-bg-color);
    border: 1px solid var(--hj-accent-bg-color);
    color: var(--hj-accent-text-color);
}

.productItem .title .h5,
.productItem .title a:visited .h5 {
  font-size: var(--hj-main-font-size);
  font-weight: var(--hj-semibold-font-weight);
  color: var(--hj-main-text-color);
}

.m-productlist-brand {

}
.m-productlist-short-description {

}
.m-productlist-itemNumber {
  font-size: var(--hj-small-font-size);
  font-weight: var(--hj-regular-font-weight);
  color: var(--hj-second-text-color);
}

.productItem .prices {

}
.m-productlist-discount {
  font-size: var(--hj-small-font-size);
  color: #a09f9f;
}
.productItem .m-productlist-price {
  font-size: var(--hj-medium-font-size);
  font-weight: var(--hj-semibold-font-weight);
  color: var(--hj-main-text-color);
}

.productItem .main-button,
.productItem .main-button:visited {
  background-color: var(--hj-accent-color);
}
.productItem .m-productlist-amount .m-productlist-input {
  width: 28px;
  height: 28px;
  border: 1px solid var(--hj-border-color);
  border-radius: 3px;
  background-color: var(--hj-main-bg-color);
  padding: 0;
  text-align: center;
}

.product-action {
    display: flex;
}
.product-action .form-group {
    margin: 0;
    width: 100%;
}
.product-action .form-group.m-productlist-amount {
    width: auto;
    margin-right: 8px;
}
.product-action .m-productlist-input {
    width: 40px;
    padding: 0;
}
.products {
  padding: 65px 0 45px;
}
.productItem .main-button {
  min-width: 126px;
}
.products__headline {
  margin-bottom: 30px;
}
.productItem .product-transaction.m-productlist-transactions {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-top: 0;
}
.products__button-wrapper {
  text-align: center;
}

@media (max-width: 600px) {
  .productItem {
    padding-right: 6px;
    padding-left: 6px;
  }
  .productItem .main-button,
  .productItem .main-button:visited {
    padding: 8px 10px;
  }
  .m-productlist .splash {
    left: 0.2em;
    top: 0.2em;
  }
  .productItem .badge {
    width: 46px;
    height: 46px;
    font-size: var(--hj-supersmall-font-size);
  }
  .productItem .main-button {
    min-width: 100px;
  }
}


/* Product Page */
.m-product hr {
    display: none;
}
.m-product-short-description {
    margin: 24px 0;
}
.m-product-stock {
    border: none;
    background-color: transparent;
}
.m-product-stock .panel-body {
    padding-left: 0;
    padding-right: 0;
}
.m-product-stock-status {
    color: #000;
}
.variantInfoPanel .panel {
    background-color: transparent;
    border: none;
    color: #000;
}
.variantInfoPanel .panel-body {
    padding-left: 0;
    padding-right: 0;
}
.m-product .t-panel-clean > .pane {
    background-color: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
}
.m-product .nav-tabs {
    font-size: 20px;
}
.m-product .nav-tabs li.active > a {
    background-color: transparent;
    border: none;
    font-weight: 700;
}
.m-product-info {
  background-color: transparent;
  border: none;
  color: var(--fs-main-text-color);
}
.m-product-info .panel-body {
  padding-left: 0;
  padding-right: 0;
}
.m-product .m-product-transaction-button .button-primary,
.m-product .m-product-transaction-button .button-primary:visited {
  background-color: var(--hj-sale-color);
}
.m-product .m-product-transaction-button .button-primary:hover,
.m-product .m-product-transaction-button .button-primary:visited:hover,
.m-product .m-product-transaction-button .button-primary:focus,
.m-product .m-product-transaction-button .button-primary:visited:focus {
  background-color: var(--hj-main-text-color);
}
.m-product-discontinued {
  background-color: transparent;
  border-color: var(--hj-accent-bg-color);
  color: var(--hj-accent-bg-color);
}
.m-product-information .panel-success {
  color: var(--hj-sale-color);
}
.m-product .input-group-main.m-transaction-input {
  height: 40px;
}

/* Mobile Cart */
.w-cart .dropdown-container {
    background-color: #FFF;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.w-cart .t-striped > li:nth-child(odd),
.w-cart .dropdown-container .dropdown-header {
    background-color: transparent;
}
.w-cart .dropdown-container .divider, 
.w-cart .dropdown-container .dropdown-footer, 
.w-cart .dropdown-container hr {
    border: none;
}
.w-cart .main-button,
.w-cart .main-button:visited {
  background-color: var(--hj-sale-color);
}
.w-cart .main-button:hover,
.w-cart .main-button:visited:hover,
.w-cart .main-button:focus,
.w-cart .main-button:visited:focus {
  background-color: var(--hj-main-text-color);
}
.dropdown-menu.w-cart-list {
    display: block;
    pointer-events: none;
    transform: translateY(-20px);
}
.cart {
  position: relative;
}
.cart__number {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--hj-sale-color);
  font-size: var(--hj-supersmall-font-size);
  color: var(--hj-light-color);
  border-radius: 50%;
}
@media (min-width: 959px) {
    .dropdown:hover>.dropdown-menu {
        pointer-events: all;
        transform: translateY(0px);
    }
}

/* Cart */
.m-cart .panel-border .t-striped > li:nth-child(odd),
.m-cart .panel-border {
    background-color: transparent;
}
.m-cart .panel-border {
    border-color: #D6D6D6;
}
.m-cart-coupon-input-text {
    margin-bottom: 16px;
}
.m-cart .button-primary,
.m-cart .button-primary:visited {
  background-color: var(--hj-sale-color);
}
.m-cart .button-primary:hover,
.m-cart .button-primary:visited:hover,
.m-cart .button-primary:focus,
.m-cart .button-primary:visited:focus {
  background-color: var(--hj-main-text-color);
}
.m-cart .panel-heading {
  background-color: var(--hj-bg-color);
  /* color: var(--hj-light-text-color); */
}
.m-cart .panel-warning {
  background-color: var(--hj-accent-bg-color);
  border-color: var(--hj-accent-bg-color);
  color: var(--hj-light-text-color);
  text-align: center;
}
.m-cart .button,
.m-cart .button:visited {
  border: 1px solid rgb(108,108,108);
}

/* News */
.m-news-list-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px 16px;
}
.m-news-list .m-news-list-item .row {
    margin: 0;
}
.m-news-list .m-news-list-item .m-news-list-imagewrap,
.m-news-list .m-news-list-item .m-news-list-textwrap {
    width: 100%;
    padding: 0;
}
:not(.ielt9) .m-news-list .m-news-list-image {
    max-width: 100% !important;
}
:not(.ielt9) .m-news-list .m-news-list-image img {
    margin: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
:not(.ielt9) .m-news-list .placeholder-wrapper > .placeholder {
    padding-top: 50% !important;
}
.m-news-list-textwrap {
    margin-top: 24px;
}
.m-news-list-readmore {
    margin-top: 24px;
}
.m-news-list .t-border-bottom > li {
    border-bottom: none;
}

@media (max-width: 700px) {
    .m-news-list-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .m-news-list-container {
        display: block;
    }
    .m-news-list .m-news-list-item + .m-news-list-item {
        margin-top: 40px;
    }
}
/* Mobile Menu */
.mobile-menu {
  max-height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
.mobile-menu.mm-menu {
  max-height: initial;
  opacity: 1;
  visibility: visible;
}
.mobile-menu__headline {
  border: 1px solid var(--fs-border-color);
  text-align: center;
  color: var(--mm-color-text-dimmed) !important;
}
.mm-navbar__title,
.mobile-menu__headline {
  font-weight: var(--hj-semibold-font-weight);
  color: var(--hj-main-text-color) !important;
}

/* Notifications */
.w-notification .panel-success {
  background-color: var(--hj-accent-bg-color);
  border-color: var(--hj-accent-bg-color);
  color: var(--hj-light-text-color);
}
.w-notification .panel-success a {
  color: inherit;
}

/* Checkout */
.m-checkout .conditions .button-primary,
.m-checkout .conditions .button-primary:visited {
  background-color: var(--hj-sale-color);
}
.m-checkout .conditions .button-primary:hover,
.m-checkout .conditions .button-primary:visited:hover,
.m-checkout .conditions .button-primary:focus,
.m-checkout .conditions .button-primary:visited:focus {
  background-color: var(--hj-main-text-color);
}
.m-checkout .m-checkout-customer-type>.button-group>.button, .m-checkout .m-checkout-customer-type>.button-group>.button-primary {
  line-height: 1;
}

/* Contact */
.m-contact .main-button,
.m-contact .main-button:visited {
background-color: var(--hj-sale-color);
}
.m-contact .main-button:hover,
.m-contact .main-button:visited:hover,
.m-contact .main-button:focus,
.m-contact .main-button:visited:focus {
  background-color: var(--hj-main-text-color);
}

.m-text-content > * + * {
  margin-top: 32px;
}

.m-product .splash, .m-productlist .splash{
  right: 1em;
  display: flex;
  justify-content: space-between;
}

.product-priceLines .price{
  font-weight: 700;
  color: #000000;
}

.mm-listitem__text{
  color: #000000!important;
}

@media(min-width:1240px){
  .header__nav {
    -ms-grid-columns: 1fr 200px 1fr;
    grid-template-columns: 1fr 200px 1fr;
  }
}
@media(min-width:1340px){
  .header__nav {
    -ms-grid-columns: 1fr 300px 1fr;
    grid-template-columns: 1fr 300px 1fr;
  }
}
.productfilter .panel-body:not(.is-collapsed) {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.productfilter .panel-body>div {
  width: 180px;
}
.productfilter .multiple_select .button {
    background: #fcfcfc;
    height: 40px;
    border: 1px solid var(--hj-border-color);
    width: 100%;
}