@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
/* COLORS */
/* SIZES */
/* FONT SIZES */
/* About production */
h1 {
  letter-spacing: -1.28px;
  color: #2E323C;
  margin-bottom: 50px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 4rem;
  line-height: 72px;
}
h1 span {
  font-style: italic;
}

h2 {
  letter-spacing: -0.96px;
  color: #2E323C;
  margin-bottom: 30px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 3rem;
  line-height: 4.8rem;
}
h2 span {
  font-style: italic;
}

h3 {
  color: #2E323C;
  letter-spacing: -0.32px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 2.25rem;
  line-height: 42px;
}

h4 {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 2.8rem;
}

h5 {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 2.4rem;
}

h6 {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.4rem;
}

p {
  letter-spacing: 0;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 28px;
}
p a {
  color: #CEA957;
  letter-spacing: 0;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 28px;
}
p strong, p b {
  letter-spacing: 0;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 28px;
}
p.quote {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 60px;
  position: relative;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 28px;
}
p.quote:before {
  background: url("/img/about_quote.png") top center no-repeat;
  background-size: 110px 80px;
  opacity: 0.5;
  content: '';
  position: absolute;
  width: 110px;
  height: 80px;
  left: calc(50% - 55px);
  top: -20px;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  p.quote:before {
    background: url("/img/about_quote@2x.png") top center no-repeat;
    background-size: 110px 80px;
  }
}
@media screen and (min-width: 75em) {
  p.quote {
    width: 70%;
  }
}
p.quote span {
  display: block;
  margin-top: 20px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 18px;
}

a {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 28px;
}

strong, b {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.8rem;
}

ul {
  list-style: disc;
  margin-left: 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
  ul {
    margin-left: 20px;
  }
}
ul li {
  letter-spacing: 0;
  color: #5D757C;
  margin-bottom: 5px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 28px;
}
ul li::marker {
  color: #CEA957;
}
ul.checkmark {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
ul.checkmark li {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
}
ul.checkmark li:before {
  content: "\f00c";
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  position: relative;
  color: #CEA957;
}
ul.as-radio {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
ul.as-radio li a {
  padding: 10px 20px;
  color: #5D757C;
  background: #EFF4F5;
  border-radius: 40px;
  margin-right: 5px;
  border: 1px solid #EFF4F5;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
ul.as-radio li a:hover {
  background: rgba(206, 169, 87, 0.2);
  color: #9F7D33;
}
ul.as-radio li a.active {
  border: 1px solid #CEA957;
  background: #FFFFFF;
  color: #2E323C;
}
ul.as-radio li a.active:hover {
  background: rgba(206, 169, 87, 0.2);
  color: #9F7D33;
}
ul.as-radio li a.no-sell {
  color: #A3B7BC;
  text-decoration: line-through;
  cursor: not-allowed;
}
ul.as-radio li a.no-sell:hover {
  background: #EFF4F5;
}

ol {
  list-style: decimal;
  margin-left: 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
  ol {
    margin-left: 20px;
  }
}
ol li {
  letter-spacing: 0;
  color: #5D757C;
  margin-bottom: 5px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 28px;
}
ol li::marker {
  color: #CEA957;
}

.badge {
  z-index: 5;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.badge.bestseller {
  background: #2E323C;
}
.badge.bestseller:hover {
  background: #3E5564;
}
.badge.news {
  background: #A3B7BC;
}
.badge.news:hover {
  background: #5D757C;
}
.badge.action {
  background: #CEA957;
}
.badge.action:hover {
  background: #9F7D33;
}

.rating {
  margin-bottom: 20px;
  display: flex;
  color: #CEA957;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.rating:hover {
  color: #9F7D33;
  text-decoration: none;
}
.rating:hover .rating-count {
  color: #9F7D33;
}
.rating .star {
  display: block;
  margin-right: 1px;
}
.rating .star:before {
  display: block;
}
.rating.rating-0 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-0 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-0 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-0 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-0 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-1 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.rating.rating-1 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-1 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-1 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-1 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-2 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-2 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-2 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-2 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-2 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-3 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-3 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.rating.rating-3 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-3 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-3 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-4 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-4 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-4 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-4 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-4 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-5 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-5 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-5 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.rating.rating-5 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-5 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-6 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-6 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-6 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-6 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-6 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-7 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-7 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-7 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-7 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.rating.rating-7 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-8 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-8 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-8 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-8 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-8 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.rating.rating-9 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-9 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-9 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-9 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-9 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.rating.rating-10 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-10 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-10 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-10 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating.rating-10 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.rating .rating-count {
  margin-left: 10px;
  color: #5D757C;
  text-decoration: none;
}

.special {
  width: 100%;
  padding: 30px 35px;
  color: #5D757C;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .special {
    justify-content: space-between;
    flex-direction: row;
    text-align: left;
  }
}
.special:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 24px;
}
@media screen and (min-width: 48em) {
  .special:before {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.special.special-info {
  background: #EFF4F5;
}
.special.special-info:before {
  content: "\f05a";
}
.special.special-star {
  background: rgba(206, 169, 87, 0.1);
}
.special.special-star:before {
  content: "\f005";
}
.special.special-check {
  background: rgba(33, 167, 43, 0.1);
}
.special.special-check:before {
  content: "\f058";
}
.special.special-error {
  background: rgba(253, 2, 1, 0.5);
  color: #FFFFFF;
}
.special.special-error:before {
  content: "\f057";
}
.special.special-danger {
  background: rgba(206, 169, 87, 0.7);
  color: #FFFFFF;
}
.special.special-danger:before {
  content: "\f06a";
}

.btn {
  border-radius: 20px;
}
.btn.with-icon {
  white-space: nowrap;
  padding-right: 20px;
}
.btn.with-icon i {
  margin-left: 6px;
}
.btn.big {
  padding: 20px 40px;
  border-radius: 40px;
}
.btn.btn-white {
  color: #2E323C;
  background: #FFFFFF;
  transition: all 0.3s;
}
.btn.btn-white:hover {
  background: #F5EEDD;
  color: #CEA957;
  transition: all 0.3s;
}
.btn.btn-darkblue {
  color: #FFFFFF;
  background: #2E323C;
  transition: all 0.3s;
}
.btn.btn-darkblue:hover {
  background: #2E323C;
  color: #CEA957;
  transition: all 0.3s;
}
.btn.btn-yellow {
  color: #2E323C;
  background: rgba(206, 169, 87, 0.2);
  transition: all 0.3s;
}
.btn.btn-yellow:hover {
  background: rgba(206, 169, 87, 0.8);
  color: #2E323C;
  transition: all 0.3s;
}

.more {
  color: #CEA957;
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.more i {
  margin-left: 6px;
  transition: all 0.3s;
}
.more:hover {
  text-decoration: none;
  color: #CEA957;
}
.more:hover i {
  margin-left: 16px;
  transition: all 0.3s;
}

.b-gray-top {
  border-top: 1px solid #CDD8DB;
}

.b-gray-bottom {
  border-bottom: 1px solid #CDD8DB;
}

.b-light-top {
  border-top: 1px solid #EFF4F5;
}

.b-light-bottom {
  border-bottom: 1px solid #EFF4F5;
}

.pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
.pagination ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  margin-left: 10px;
  margin-bottom: 0;
}
@media screen and (min-width: 36em) {
  .pagination ul {
    flex-wrap: nowrap;
  }
}
.pagination ul li a {
  padding: 5px 12px;
  border-radius: 30px;
  color: #2E323C;
  text-decoration: none;
  margin-right: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
@media screen and (min-width: 36em) {
  .pagination ul li a {
    padding: 10px 20px;
  }
}
.pagination ul li a:hover {
  background: rgba(206, 169, 87, 0.1);
}
.pagination ul li a.active {
  background: rgba(206, 169, 87, 0.3);
}
.pagination ul li a.disabled {
  background: rgba(163, 183, 188, 0.3);
  color: rgba(93, 117, 124, 0.3);
  cursor: not-allowed;
}

.blog-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
}
.blog-holder .blog {
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (min-width: 36em) {
  .blog-holder .blog {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
  }
  .blog-holder .blog:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: 10px;
  }
  .blog-holder .blog:nth-child(2n) {
    margin-right: 0;
    margin-left: 10px;
  }
}
@media screen and (min-width: 62em) {
  .blog-holder .blog {
    width: calc((100% - 80px) / 3);
    margin-bottom: 20px;
  }
  .blog-holder .blog:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: 20px;
  }
  .blog-holder .blog:nth-child(3n + 2) {
    margin-left: 20px;
    margin-right: 20px;
  }
  .blog-holder .blog:nth-child(3n) {
    margin-right: 0;
    margin-left: 20px;
  }
}
.blog-holder .blog .image-holder {
  overflow: hidden;
  width: 100%;
}
.blog-holder .blog .image-holder img {
  width: 100%;
  object-position: center center;
  object-fit: cover;
  height: 300px;
}
@media screen and (min-width: 48em) {
  .blog-holder .blog .image-holder img {
    transform: scale(1.2);
    height: inherit;
    transition: all 0.3s;
  }
}
.blog-holder .blog .text-holder {
  padding: 15px;
}
@media screen and (min-width: 48em) {
  .blog-holder .blog .text-holder {
    padding: 30px;
  }
}
.blog-holder .blog .text-holder h6 {
  color: #5D757C;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
}
.blog-holder .blog .text-holder h5 {
  color: #2E323C;
  min-height: 80px;
  letter-spacing: -0.24px;
  font-size: 24px;
  line-height: 32px;
}
.blog-holder .blog .text-holder p {
  color: #5D757C;
  min-height: 120px;
  font-size: 16px;
  line-height: 26px;
}
.blog-holder .blog .text-holder a {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
}
.blog-holder .blog:hover .image-holder img {
  transform: scale(1);
  transition: all 0.3s;
}
.blog-holder .blog:hover .text-holder {
  background: #F5EEDD;
}

@media (min-width: 1600px) {
  .container-xl {
    max-width: 1520px;
  }
}
@media (min-width: 1920px) {
  .container-xl {
    max-width: 1860px;
  }
}
body {
  position: relative;
}
body.noScroll {
  overflow: hidden;
}

.topline {
  background: #2E323C;
  display: none;
}
@media screen and (min-width: 48em) {
  .topline {
    display: block;
  }
}
.topline p {
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 7px;
  margin-top: 7px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  line-height: 1.4rem;
}
@media screen and (min-width: 62em) {
  .topline p {
    max-width: 100%;
    margin-left: inherit;
    margin-right: inherit;
  }
}
.topline p a {
  color: #FFFFFF;
  display: block;
  font-size: 0.875rem;
  line-height: 1.4rem;
}
@media screen and (min-width: 62em) {
  .topline p a {
    display: inline-block;
  }
}
.topline p a i {
  margin-left: 7px;
}
.topline p a:hover {
  text-decoration: none;
}

.menu .navbar {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.menu .navbar .navbar-brand {
  margin: 30px 20px;
  width: 200px;
  height: 55px;
}
@media screen and (min-width: 48em) {
  .menu .navbar .navbar-brand {
    margin: 30px 40px;
    width: 220px;
    height: 60px;
  }
}
.menu .navbar .navbar-holder {
  display: none;
}
@media screen and (min-width: 75em) {
  .menu .navbar .navbar-holder {
    display: block;
  }
}
.menu .navbar .navbar-holder .navbar-nav .nav-item .nav-link {
  color: #2E323C;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 21px;
}
.menu .navbar .navbar-holder .navbar-nav .nav-item .nav-link:hover {
  color: #CEA957;
}
.menu .navbar .navbar-holder .navbar-nav .nav-item .nav-link.dropdown-toggle {
  border-radius: 20px;
  background: #F5EEDD;
}
.menu .navbar .navbar-holder .navbar-nav .nav-item .nav-link.dropdown-toggle i {
  margin-left: 7px;
}
.menu .navbar .navbar-holder .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  display: none;
}
.menu .navbar .navbar-holder .navbar-nav .nav-item.dropdown .dropdown-menu {
  background: #F5EEDD;
  border-radius: 20px;
  border: 0;
  padding: 5px;
  margin-top: 10px;
}
.menu .navbar .navbar-holder .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item {
  color: #2E323C;
  padding: 10px 20px;
  border-radius: 20px;
}
.menu .navbar .navbar-holder .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover {
  color: #FFFFFF;
  background: #CEA957;
}
.menu .navbar .menucart {
  margin-right: 40px;
  display: none;
}
@media screen and (min-width: 75em) {
  .menu .navbar .menucart {
    display: block;
  }
}
.menu .navbar .menucart a {
  padding-left: 20px;
  padding-right: 20px;
  color: #2E323C;
  position: relative;
  font-size: 24px;
  line-height: 29px;
}
.menu .navbar .menucart a:hover {
  color: #CEA957;
}
.menu .navbar .menucart a.with-alert:after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: -5px;
  background: #CEA957;
}
.menu .navbar .navbar-toggler {
  display: block;
  background: #2E323C;
}
.menu .navbar .navbar-toggler:focus {
  box-shadow: none;
}
@media screen and (min-width: 75em) {
  .menu .navbar .navbar-toggler {
    display: none;
  }
}
.menu .navbar .navbar-toggler .navbar-toggler-icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#mobile_menu {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
#mobile_menu:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(46, 50, 60, 0.9);
  top: 0;
  left: 0;
}
#mobile_menu.show {
  display: block;
}
#mobile_menu #close {
  position: absolute;
  z-index: 100;
  top: 20px;
  right: 20px;
  color: #FFFFFF;
  font-size: 40px;
}
#mobile_menu .mobile-menu-inner {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 100;
}
#mobile_menu .mobile-menu-inner ul {
  list-style: none;
  padding-left: 0;
}
#mobile_menu .mobile-menu-inner ul li {
  text-align: center;
  margin-bottom: 20px;
}
#mobile_menu .mobile-menu-inner ul li span {
  color: #FFFFFF;
  font-size: 28px;
  line-height: 34px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
#mobile_menu .mobile-menu-inner ul li a {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  font-size: 22px;
  line-height: 28px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#mobile_menu .mobile-menu-inner ul li a:hover {
  color: #CEA957;
}
#mobile_menu .mobile-menu-inner ul li a.main-link {
  font-size: 28px;
  line-height: 34px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
#mobile_menu .mobile-menu-inner ul li.mobile-menucart {
  margin-top: 30px;
}
#mobile_menu .mobile-menu-inner ul li.mobile-menucart a {
  display: inline-block;
  margin-left: 30px;
  margin-right: 30px;
  font-size: 30px;
  line-height: 36px;
}
#mobile_menu .mobile-menu-inner ul li.mobile-menucart a:hover {
  color: #CEA957;
}

.banner {
  position: relative;
  overflow: hidden;
}
.banner img {
  position: absolute;
  object-fit: cover;
  object-position: center center;
  width: calc(100% + (2 * 0.75rem));
  min-height: 100%;
  top: 0;
  left: -0.75rem;
  z-index: 1;
}
.banner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + (2 * 0.75rem));
  min-height: 100%;
  background: rgba(46, 50, 60, 0.2);
  content: '';
  z-index: 2;
}
.banner .banner-data {
  height: 100%;
  position: relative;
  z-index: 5;
}
.banner .banner-data > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-end;
  padding-bottom: 100px;
  height: 600px;
}
@media screen and (min-width: 48em) {
  .banner .banner-data > div {
    height: 750px;
  }
}
@media screen and (min-width: 75em) {
  .banner .banner-data > div {
    height: 920px;
  }
}
.banner .banner-data h1 {
  color: #FFFFFF;
  letter-spacing: -1.28px;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 48px;
  line-height: 60px;
}
.banner .banner-data h1 span {
  font-style: italic;
  display: block;
}
@media screen and (min-width: 75em) {
  .banner .banner-data h1 {
    font-size: 64px;
    line-height: 72px;
  }
}
.banner .banner-data p {
  color: #FFFFFF;
  max-width: 650px;
  margin-bottom: 50px;
  font-size: 21px;
  line-height: 32px;
}
.banner .banner-data a {
  padding-left: 30px;
  padding-right: 40px;
  font-size: 16px;
  line-height: 21px;
}
.banner .banner-data a i {
  margin-left: 6px;
  transition: margin-left 0.3s;
}
.banner .banner-data a:hover {
  padding-right: 30px;
}
.banner .banner-data a:hover i {
  margin-left: 16px;
  transition: margin-left 0.3s;
}
.banner.subpage .banner-data > div {
  height: 350px;
}
@media screen and (min-width: 48em) {
  .banner.subpage .banner-data > div {
    height: 400px;
  }
}
@media screen and (min-width: 75em) {
  .banner.subpage .banner-data > div {
    height: 450px;
  }
}
.banner.subpage .banner-data > div p {
  margin-bottom: 0;
}

.criteria {
  padding-top: 70px;
  padding-bottom: 40px;
  background: #2e323c url("/img/bg_criteria.png") center center no-repeat;
  background-size: cover;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .criteria {
    background: #2e323c url("/img/bg_criteria@2x.png") center center no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 48em) {
  .criteria {
    padding-bottom: 70px;
  }
}
.criteria .criteria-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 100em) {
  .criteria .criteria-inner {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
  }
}
.criteria .criteria-inner p {
  text-transform: uppercase;
  color: #A3B7BC;
  letter-spacing: 2.8px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}
@media screen and (min-width: 48em) {
  .criteria .criteria-inner p {
    text-align: left;
  }
}
@media screen and (min-width: 100em) {
  .criteria .criteria-inner p {
    margin-bottom: 0;
  }
}
.criteria .criteria-inner div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 48em) {
  .criteria .criteria-inner div {
    display: block;
  }
}
.criteria .criteria-inner div img {
  display: inline-block;
  margin-left: 30px;
  height: 70px;
  margin-bottom: 30px;
}
@media screen and (min-width: 48em) {
  .criteria .criteria-inner div img {
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
    transform: scale(1.1);
    transition: all 0.3s;
  }
}
@media screen and (min-width: 100em) {
  .criteria .criteria-inner div img {
    margin-left: 30px;
    margin-right: 0;
  }
}
.criteria .criteria-inner div img:hover {
  transform: scale(0.9);
  transition: all 0.3s;
}

.product-list-holder {
  padding-top: 50px;
  padding-bottom: 50px;
}
.product-list-holder h4 {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  border-bottom: 1px solid #5D757C;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media screen and (min-width: 62em) {
  .product-list-holder h4 {
    flex-wrap: nowrap;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.product-list-holder h4 span {
  cursor: pointer;
  display: inline-block;
  padding-left: 50%;
}
@media screen and (min-width: 62em) {
  .product-list-holder h4 span {
    display: none;
  }
}
.product-list-holder h4 #reset-filter {
  color: #CEA957;
  width: 100%;
  margin-top: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.product-list-holder h4 #reset-filter i {
  margin-left: 10px;
}
.product-list-holder h4 #reset-filter:hover {
  color: #2E323C;
}
@media screen and (min-width: 62em) {
  .product-list-holder h4 #reset-filter {
    width: initial;
    margin-top: 0;
  }
}
.product-list-holder .product-filters-holder-outter {
  position: relative;
}
.product-list-holder .product-filters-holder-outter.open:before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  content: '';
  background: rgba(46, 50, 60, 0.8);
  z-index: 8;
}
.product-list-holder .product-filters-holder-outter.open .product-filters-holder {
  left: 0;
  background: #FFFFFF;
  width: 94%;
  z-index: 10;
  top: 0;
  position: fixed;
  height: 100vh;
  overflow-y: scroll;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 120px;
}
@media screen and (min-width: 36em) {
  .product-list-holder .product-filters-holder-outter.open .product-filters-holder {
    width: 80%;
  }
}
@media screen and (min-width: 48em) {
  .product-list-holder .product-filters-holder-outter.open .product-filters-holder {
    width: 60%;
  }
}
.product-list-holder .product-filters-holder-outter.open .product-filters-holder #close_filters {
  color: #2E323C;
  text-align: right;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.product-list-holder .product-filters-holder-outter.open .product-filters-holder #close_filters i {
  margin-left: 8px;
}
.product-list-holder .product-filters-holder-outter.open .product-filters-holder #close_filters:hover {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media screen and (min-width: 62em) {
  .product-list-holder .product-filters-holder-outter #close_filters {
    display: none;
  }
}
.product-list-holder .product-filters-holder-outter .product-filters-holder {
  position: absolute;
  left: -200vw;
}
@media screen and (min-width: 62em) {
  .product-list-holder .product-filters-holder-outter .product-filters-holder {
    position: relative;
    left: auto;
  }
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder h6 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #5D757C;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li a {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 17px;
  border-radius: 30px;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li a span {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li a span.count {
  color: #A3B7BC;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li:hover a {
  background-color: rgba(206, 169, 87, 0.1);
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li:hover a span {
  color: #CEA957;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li:hover a span.count {
  color: #CEA957;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li.active a {
  background-color: rgba(206, 169, 87, 0.2);
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li.active a span {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li.active a span.count {
  color: #CEA957;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li.active:hover a {
  background-color: rgba(206, 169, 87, 0.2);
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li.active:hover a span {
  color: #2E323C;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.category-filter ul li.active:hover a span.count {
  color: #CEA957;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li:hover {
  background: rgba(206, 169, 87, 0.2);
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li input {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 3px;
  flex-shrink: 0;
  border: 1px solid #CDD8DB;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li input:checked {
  background-color: #CEA957;
  border-color: #CEA957;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li input:focus {
  border-color: #CEA957;
  box-shadow: none;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li input:disabled {
  border-color: #5D757C;
  color: #FFFFFF;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li input:disabled ~ .form-check-label {
  color: #FFFFFF;
  opacity: 1;
  cursor: not-allowed;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li input.error {
  border-color: #FD0201;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.checkbox-filter ul li label {
  color: #2E323C;
  cursor: pointer;
  width: 100%;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.range-filter .range {
  margin-bottom: 15px;
  height: 4px;
  background: #CDD8DB;
  border: 0;
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.range-filter .range .ui-slider-handle {
  background: #CEA957;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-left: -8px;
  top: -6px;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.range-filter .range .ui-slider-handle.ui-state-hover, .product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.range-filter .range .ui-slider-handle.ui-state-focus {
  background: #9F7D33;
  border: 0 !important;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.range-filter .range .ui-slider-handle:focus-visible {
  outline-color: #9F7D33 !important;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.range-filter .range .ui-slider-range {
  background: #CEA957;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.range-filter .range-show {
  margin-bottom: 30px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.product-list-holder .product-filters-holder-outter .product-filters-holder .filter-holder.range-filter .range-show span {
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 62em) {
  .product-list-holder .products-holder {
    padding-left: 50px;
  }
}
@media screen and (min-width: 100em) {
  .product-list-holder .products-holder {
    padding-left: 100px;
  }
}
.product-list-holder .products-holder .top {
  margin-bottom: 25px;
}
.product-list-holder .products-holder .top > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.product-list-holder .products-holder .top p {
  margin-bottom: 0;
}
.product-list-holder .products-holder .top > div:has(#select-filter) {
  flex-direction: row-reverse;
  position: relative;
                /*&:after {
                    top: 30%;
                    right: 30px;
                    content: "\f078";
                    color: $dark_gray;
                    position: absolute;
                    content: "";
                    right: 1rem;
                    pointer-events: none;

                    font-family: 'Font Awesome 6 Pro';
                    display: inline-block;

                    @include setFontSizeAndLineHeight(20px, 20px);
                }*/
}
.product-list-holder .products-holder .top > div:has(#select-filter) #select-filter {
  border-radius: 30px;
  border: 1px solid #CDD8DB;
  width: 300px;
}
.product-list-holder .products-holder .top > div:has(#select-filter) #select-filter:focus-visible, .product-list-holder .products-holder .top > div:has(#select-filter) #select-filter:focus-within {
  outline: 0;
}
.product-list-holder .products-holder .top > div:has(#select-filter) #select-filter .dropdown-toggle {
  cursor: pointer;
  letter-spacing: 0px;
  color: #5D757C;
  text-decoration: none;
  width: 100%;
  padding: 10px 20px 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
.product-list-holder .products-holder .top > div:has(#select-filter) #select-filter .dropdown-toggle:after {
  display: none;
}
.product-list-holder .products-holder .top > div:has(#select-filter) #select-filter .dropdown-menu {
  width: 100%;
  border-radius: 30px;
  width: 300px;
  padding: 10px 5px;
}
.product-list-holder .products-holder .top > div:has(#select-filter) #select-filter .dropdown-menu li .dropdown-item {
  letter-spacing: 0px;
  color: #5D757C;
  border-radius: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
.product-list-holder .products-holder .top > div:has(#select-filter) #select-filter .dropdown-menu li .dropdown-item:hover {
  background: rgba(206, 169, 87, 0.2);
}
.product-list-holder .products-holder .product {
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
.product-list-holder .products-holder .product:hover {
  background: rgba(206, 169, 87, 0.1);
}
.product-list-holder .products-holder .product .image-holder {
  padding: 30px;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 370px;
  text-align: center;
  display: block;
}
.product-list-holder .products-holder .product .image-holder img {
  position: relative;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.product-list-holder .products-holder .product .image-holder .badge {
  position: absolute;
  top: 30px;
  left: 30px;
}
.product-list-holder .products-holder .product .data-holder {
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  height: calc(100% - 370px);
}
.product-list-holder .products-holder .product .data-holder h5 a {
  color: #2E323C;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 34px;
}
.product-list-holder .products-holder .product .data-holder .rating {
  margin-bottom: 20px;
  display: flex;
  color: #CEA957;
  font-size: 14px;
  line-height: 18px;
}
.product-list-holder .products-holder .product .data-holder .rating:hover {
  color: #9F7D33;
  text-decoration: none;
}
.product-list-holder .products-holder .product .data-holder .rating:hover .rating-count {
  color: #9F7D33;
}
.product-list-holder .products-holder .product .data-holder .rating .star {
  display: block;
  margin-right: 1px;
}
.product-list-holder .products-holder .product .data-holder .rating .star:before {
  display: block;
}
.product-list-holder .products-holder .product .data-holder .rating.rating-0 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-0 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-0 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-0 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-0 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-1 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-1 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-1 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-1 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-1 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-2 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-2 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-2 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-2 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-2 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-3 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-3 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-3 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-3 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-3 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-4 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-4 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-4 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-4 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-4 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-5 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-5 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-5 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-5 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-5 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-6 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-6 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-6 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-6 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-6 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-7 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-7 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-7 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-7 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-7 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-8 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-8 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-8 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-8 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-8 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-9 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-9 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-9 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-9 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-9 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-10 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-10 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-10 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-10 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating.rating-10 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.product-list-holder .products-holder .product .data-holder .rating .rating-count {
  margin-left: 10px;
  color: #CEA957;
}
.product-list-holder .products-holder .product .data-holder p {
  letter-spacing: 0px;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.product-list-holder .products-holder .product .data-holder p.price {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.product-list-holder .products-holder .product .data-holder .btn-holder {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
@media screen and (min-width: 100em) {
  .product-list-holder .products-holder .product .data-holder .btn-holder {
    flex-direction: row;
  }
}
.product-list-holder .products-holder .product .data-holder .btn-holder .btn {
  padding: 10px 30px;
}
.product-list-holder .products-holder .product .data-holder .btn-holder .btn i {
  margin-left: 10px;
}
.product-list-holder .products-holder .product .data-holder .btn-holder a:not(.btn) {
  color: #CEA957;
  text-transform: uppercase;
}
.product-list-holder .products-holder .product .data-holder .btn-holder a:not(.btn) i {
  margin-left: 10px;
}
.product-list-holder .products-holder .product .data-holder .btn-holder a:not(.btn):hover {
  color: #9F7D33;
  text-decoration: none;
}

.breadcrumbs {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 48em) {
  .breadcrumbs {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 75em) {
  .breadcrumbs {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.breadcrumbs a {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-right: 10px;
  text-decoration: none;
  letter-spacing: 0px;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.breadcrumbs a:after {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  content: "\f054";
  position: relative;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs a:hover:after {
  text-decoration: none;
}
.breadcrumbs a:last-of-type {
  color: #A3B7BC;
}
.breadcrumbs a:last-of-type:after {
  display: none;
}

.steps {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  display: inline-block;
}
.steps:before {
  position: absolute;
  z-index: 1;
  left: 5%;
  width: 90%;
  height: 1px;
  background: #EFF4F5;
  top: 50%;
  content: '';
  display: none;
}
@media screen and (min-width: 48em) {
  .steps:before {
    display: block;
  }
}
.steps span {
  background: #EFF4F5;
  letter-spacing: 1.4px;
  color: #5D757C;
  text-transform: uppercase;
  border-radius: 40px;
  padding: 10px 20px;
  border: 1px solid #EFF4F5;
  margin-right: 25px;
  position: relative;
  z-index: 10;
  display: none;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
@media screen and (min-width: 48em) {
  .steps span {
    display: inline-block;
  }
}
.steps span.active {
  background: #FFFFFF;
  border: 1px solid #9F7D33;
  color: #294150;
  display: inline-block;
}

.cart {
  padding-bottom: 100px;
}
.cart h2 {
  letter-spacing: -1.28px;
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 64px;
  line-height: 72px;
}
.cart p {
  letter-spacing: 0px;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
}
.cart p strong {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.cart .cart-table .inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 48em) {
  .cart .cart-table .inner {
    flex-wrap: nowrap;
  }
}
.cart .cart-table .inner > :nth-child(1) {
  width: 100%;
  order: 1;
}
@media screen and (min-width: 36em) {
  .cart .cart-table .inner > :nth-child(1) {
    width: 80%;
  }
}
@media screen and (min-width: 48em) {
  .cart .cart-table .inner > :nth-child(1) {
    width: 45%;
  }
}
@media screen and (min-width: 62em) {
  .cart .cart-table .inner > :nth-child(1) {
    width: 50%;
  }
}
.cart .cart-table .inner > :nth-child(2) {
  width: 40%;
  order: 3;
}
@media screen and (min-width: 36em) {
  .cart .cart-table .inner > :nth-child(2) {
    width: 20%;
    order: 2;
  }
}
@media screen and (min-width: 48em) {
  .cart .cart-table .inner > :nth-child(2) {
    width: 16%;
  }
}
@media screen and (min-width: 62em) {
  .cart .cart-table .inner > :nth-child(2) {
    width: 20%;
  }
}
.cart .cart-table .inner > :nth-child(3) {
  width: 100%;
  order: 2;
  margin-top: 15px;
}
@media screen and (min-width: 36em) {
  .cart .cart-table .inner > :nth-child(3) {
    width: 35%;
    order: 3;
  }
}
@media screen and (min-width: 48em) {
  .cart .cart-table .inner > :nth-child(3) {
    width: 20%;
    margin-top: 0;
  }
}
@media screen and (min-width: 62em) {
  .cart .cart-table .inner > :nth-child(3) {
    width: 15%;
  }
}
.cart .cart-table .inner > :nth-child(4) {
  width: 50%;
  text-align: right;
  color: #2E323C;
  order: 4;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media screen and (min-width: 36em) {
  .cart .cart-table .inner > :nth-child(4) {
    width: 60%;
    margin-top: 15px;
  }
}
@media screen and (min-width: 48em) {
  .cart .cart-table .inner > :nth-child(4) {
    width: 16%;
    margin-top: 0;
  }
}
@media screen and (min-width: 62em) {
  .cart .cart-table .inner > :nth-child(4) {
    width: 12%;
  }
}
.cart .cart-table .inner > :nth-child(5) {
  width: 10%;
  text-align: right;
  color: #A3B7BC;
  order: 5;
  font-size: 14px;
  line-height: 14px;
}
.cart .cart-table .inner > :nth-child(5) a {
  color: #A3B7BC;
  font-size: 14px;
  line-height: 14px;
}
.cart .cart-table .inner > :nth-child(5) a:hover {
  color: #2E323C;
}
@media screen and (min-width: 36em) {
  .cart .cart-table .inner > :nth-child(5) {
    width: 5%;
    margin-top: 15px;
  }
}
@media screen and (min-width: 48em) {
  .cart .cart-table .inner > :nth-child(5) {
    width: 3%;
    margin-top: 0;
  }
}
.cart .cart-table .cart-header {
  margin-top: 30px;
  display: none;
}
@media screen and (min-width: 48em) {
  .cart .cart-table .cart-header {
    display: flex;
  }
}
.cart .cart-table .cart-header p {
  text-align: left;
  letter-spacing: 1.4px;
  color: #5D757C;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.cart .cart-table .cart-header p:nth-child(4) {
  text-align: right;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.cart .cart-table .cart-row {
  padding-top: 20px;
  padding-bottom: 20px;
}
.cart .cart-table .cart-row .item_holder {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 40px;
  border: 1px solid #CDD8DB;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (min-width: 36em) {
  .cart .cart-table .cart-row .item_holder {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 62em) {
  .cart .cart-table .cart-row .item_holder {
    width: 130px;
  }
}
.cart .cart-table .cart-row .item_holder a {
  text-decoration: none;
  color: #2E323C;
  padding-left: 5px;
  padding-right: 5x;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 22px;
}
.cart .cart-table .cart-row .item_holder input {
  -moz-appearance: textfield;
  border: 0;
  margin-left: 6px;
  margin-right: 6px;
  color: #2E323C;
  text-align: center;
  width: 50px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}
.cart .cart-table .cart-row .item_holder input::-webkit-outer-spin-button, .cart .cart-table .cart-row .item_holder input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart .cart-table .cart-row .item_holder input:focus-visible {
  outline: 0;
}
.cart .cart-table .cart-row p {
  margin-bottom: 0;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}
.cart .cart-table .cart-row p.in-warehouse {
  color: #21A72B;
}
.cart .cart-table .cart-row p.on-order {
  color: #D87D23;
}
.cart .cart-table .cart-row .product-info {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.cart .cart-table .cart-row .product-info .image-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  background: #EFF4F5;
}
.cart .cart-table .cart-row .product-info .image-holder img {
  width: 98%;
  height: 98%;
  object-fit: contain;
  object-position: center center;
}
.cart .cart-table .cart-row .product-info .info {
  width: 100%;
  letter-spacing: -0.18px;
  color: #2E323C;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}
.cart .cart-table .cart-row .product-info .info:hover {
  color: #9F7D33;
}
.cart .cart-table .cart-row .product-info .info .price {
  display: block;
  color: #5D757C;
  margin-top: 5px;
  margin-bottom: 10px;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.cart .cart-table .cart-row .product-info .info .size {
  color: #5D757C;
  padding: 5px 15px;
  text-align: center;
  min-width: 70px;
  display: inline-block;
  border-radius: 40px;
  background: #EFF4F5;
  margin-right: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.cart .cart-table .cart-row .product-info .info .product-identifier {
  letter-spacing: 1.4px;
  color: #A3B7BC;
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.cart .voucher {
  padding-top: 50px;
}
.cart .voucher p {
  text-decoration: underline;
  color: #CEA957;
  margin-bottom: 20px;
}
.cart .voucher p i {
  text-decoration: none;
  margin-right: 10px;
}
.cart .voucher div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 36em) {
  .cart .voucher div {
    flex-wrap: nowrap;
  }
}
.cart .voucher div input {
  border: 1px solid #CDD8DB;
  border-radius: 4px;
  padding: 10px 20px;
  color: #5D757C;
  width: 300px;
  margin-right: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart .voucher div input:focus, .cart .voucher div input:active, .cart .voucher div input:focus-visible {
  outline: 0;
}
.cart .voucher div a {
  background: rgba(206, 169, 87, 0.2);
  border-radius: 40px;
  text-align: left;
  letter-spacing: 0px;
  color: #294150;
  padding: 10px 30px;
  margin-top: 15px;
  display: inline-block;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
@media screen and (min-width: 36em) {
  .cart .voucher div a {
    margin-top: 0;
  }
}
.cart .voucher div a i {
  margin-left: 10px;
  font-size: 16px;
  line-height: 19px;
}
.cart .voucher div a:hover {
  color: #9F7D33;
  background: rgba(206, 169, 87, 0.15);
}
.cart .cart-total {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border-top: 0;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 62em) {
  .cart .cart-total {
    align-content: flex-end;
    align-items: flex-end;
    border-top: 1px solid #CDD8DB;
    padding-top: 50px;
  }
}
.cart .cart-total p {
  text-align: left;
  letter-spacing: -0.32px;
  color: #2E323C;
  margin-bottom: 30px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
}
@media screen and (min-width: 62em) {
  .cart .cart-total p {
    text-align: right;
  }
}
.cart .cart-total p span {
  letter-spacing: 0px;
  color: #A3B7BC;
  display: block;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
}
.cart .cart-total button {
  padding: 20px 60px;
  background: #2E323C;
  border: 1px solid #2E323C;
  color: #FFFFFF;
  letter-spacing: 0px;
  border-radius: 40px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
.cart .cart-total button i {
  margin-left: 10px;
}
.cart .cart-total button:hover {
  color: #CEA957;
}

.cart-preview {
  background: #EFF4F5;
  padding: 15px;
  margin-bottom: 50px;
  margin-top: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 62em) {
  .cart-preview {
    margin-top: 0;
  }
}
@media screen and (min-width: 75em) {
  .cart-preview {
    padding: 30px;
  }
}
.cart-preview .cart-data {
  margin-bottom: 20px;
  border-bottom: 1px solid #CDD8DB;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .cart-preview .cart-data {
    width: calc(50% - 20px);
    margin-right: 20px;
    border-bottom: 0;
  }
}
@media screen and (min-width: 62em) {
  .cart-preview .cart-data {
    width: 100%;
    border-bottom: 1px solid #CDD8DB;
    margin-right: 0;
  }
}
.cart-preview .cart-data p {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.cart-preview .cart-data p strong {
  flex-grow: 1;
  text-align: left;
  letter-spacing: -0.16px;
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-preview .cart-data p strong span {
  display: block;
  text-align: left;
  margin-top: 5px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.cart-preview .cart-data p span {
  text-align: right;
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-preview .cart-data p span.image-holder {
  background: #FFFFFF;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
  margin-right: 15px;
}
.cart-preview .cart-data p span.image-holder img {
  max-width: 48px;
  max-height: 48px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.cart-preview .summary {
  border-bottom: 1px solid #CDD8DB;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .cart-preview .summary {
    width: calc(50% - 20px);
    margin-left: 20px;
    border-bottom: 0;
  }
}
@media screen and (min-width: 62em) {
  .cart-preview .summary {
    width: 100%;
    border-bottom: 1px solid #CDD8DB;
    margin-left: 0;
  }
}
.cart-preview .summary p {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin-bottom: 10px;
  letter-spacing: 0px;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-preview .summary p strong {
  letter-spacing: -0.16px;
  color: #2E323C;
}
.cart-preview .summary .used-voucher {
  background: #FFFFFF;
  margin-top: 20px;
  padding: 10px 15px;
  letter-spacing: 1.4px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  color: #5D757C;
  text-decoration: none;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
}
.cart-preview .summary .used-voucher:hover {
  background: #CDD8DB;
}
.cart-preview .summary .used-voucher a {
  color: #5D757C;
  font-size: 16px;
  line-height: 16px;
}
.cart-preview .summary .used-voucher a:hover {
  color: #2E323C;
}
.cart-preview .price {
  width: 100%;
}
.cart-preview .price p {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  color: #2E323C;
  letter-spacing: -0.21px;
  text-align: left;
  margin-bottom: 30px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 21px;
  line-height: 42px;
}
.cart-preview .price p strong {
  color: #2E323C;
  text-align: right;
  letter-spacing: -0.32px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
}
.cart-preview .price p strong span {
  display: block;
  text-align: right;
  letter-spacing: 0px;
  color: #A3B7BC;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
}
.cart-preview .price button {
  padding: 20px 60px;
  background: #2E323C;
  border: 1px solid #2E323C;
  color: #FFFFFF;
  letter-spacing: 0px;
  border-radius: 40px;
  width: 100%;
  margin-bottom: 30px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
.cart-preview .price button i {
  margin-left: 10px;
}
.cart-preview .price button:hover {
  color: #CEA957;
}
.cart-preview .price > span {
  color: #5D757C;
  display: block;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-preview + a {
  text-align: center;
  color: #CEA957;
  display: block;
}
.cart-preview + a i {
  margin-right: 10px;
}
.cart-preview + a:hover {
  text-decoration: none;
  color: #9F7D33;
}

.cart-transport {
  padding-bottom: 100px;
}
.cart-transport h2 {
  letter-spacing: -1.28px;
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 64px;
  line-height: 72px;
}
.cart-transport p {
  letter-spacing: 0px;
  color: #5D757C;
  margin-bottom: 50px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
}
.cart-transport p strong {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.cart-transport .transport-type ul, .cart-transport .payment-type ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.cart-transport .transport-type ul li, .cart-transport .payment-type ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border: 1px solid transparent;
  border-bottom: 1px solid #CDD8DB;
  margin-bottom: 0;
  padding: 20px;
  cursor: pointer;
}
@media screen and (min-width: 36em) {
  .cart-transport .transport-type ul li, .cart-transport .payment-type ul li {
    flex-wrap: nowrap;
  }
}
.cart-transport .transport-type ul li:last-child, .cart-transport .payment-type ul li:last-child {
  border-bottom: 1px solid transparent;
}
.cart-transport .transport-type ul li:hover, .cart-transport .payment-type ul li:hover {
  background: rgba(206, 169, 87, 0.1);
}
.cart-transport .transport-type ul li.active, .cart-transport .payment-type ul li.active {
  border: 1px solid #9F7D33;
}
@media screen and (min-width: 62em) {
  .cart-transport .transport-type ul li, .cart-transport .payment-type ul li {
    width: 96%;
  }
}
@media screen and (min-width: 75em) {
  .cart-transport .transport-type ul li, .cart-transport .payment-type ul li {
    width: 90%;
  }
}
.cart-transport .transport-type ul li.disabled, .cart-transport .payment-type ul li.disabled {
  cursor: not-allowed;
  background: #EFF4F5;
}
.cart-transport .transport-type ul li.disabled label i, .cart-transport .payment-type ul li.disabled label i {
  color: #A3B7BC;
}
.cart-transport .transport-type ul li.disabled p, .cart-transport .payment-type ul li.disabled p {
  color: #A3B7BC;
}
.cart-transport .transport-type ul li.disabled p strong, .cart-transport .payment-type ul li.disabled p strong {
  color: #A3B7BC;
}
.cart-transport .transport-type ul li.disabled span, .cart-transport .payment-type ul li.disabled span {
  color: #A3B7BC;
}
.cart-transport .transport-type ul li .form-check, .cart-transport .payment-type ul li .form-check {
  order: 1;
}
@media screen and (min-width: 36em) {
  .cart-transport .transport-type ul li .form-check, .cart-transport .payment-type ul li .form-check {
    order: 1;
  }
}
.cart-transport .transport-type ul li .form-check .form-check-input, .cart-transport .payment-type ul li .form-check .form-check-input {
  margin-right: 20px;
}
.cart-transport .transport-type ul li .form-check .form-check-input:checked[type=radio], .cart-transport .payment-type ul li .form-check .form-check-input:checked[type=radio] {
  background-color: #FFFFFF;
  border-color: #CEA957;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23cea957'/></svg>");
}
.cart-transport .transport-type ul li .form-check .form-check-input:focus, .cart-transport .payment-type ul li .form-check .form-check-input:focus {
  box-shadow: none;
}
.cart-transport .transport-type ul li label, .cart-transport .payment-type ul li label {
  border: 1px solid #CDD8DB;
  width: 60px;
  height: 60px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  order: 2;
}
@media screen and (min-width: 36em) {
  .cart-transport .transport-type ul li label, .cart-transport .payment-type ul li label {
    order: 2;
  }
}
.cart-transport .transport-type ul li label img, .cart-transport .payment-type ul li label img {
  width: 90%;
  height: 90%;
  object-fit: contain;
  object-position: center center;
}
.cart-transport .transport-type ul li label i, .cart-transport .payment-type ul li label i {
  color: #2E323C;
  font-size: 30px;
  line-height: 30px;
}
.cart-transport .transport-type ul li p, .cart-transport .payment-type ul li p {
  text-align: left;
  letter-spacing: -0.16px;
  color: #5D757C;
  flex-grow: 1;
  margin-bottom: 0;
  width: 100%;
  order: 4;
  margin-top: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
@media screen and (min-width: 36em) {
  .cart-transport .transport-type ul li p, .cart-transport .payment-type ul li p {
    width: initial;
    order: 3;
    margin-top: 0;
  }
}
.cart-transport .transport-type ul li p strong, .cart-transport .payment-type ul li p strong {
  display: block;
  margin-bottom: 5px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}
.cart-transport .transport-type ul li p a, .cart-transport .payment-type ul li p a {
  letter-spacing: -0.16px;
  color: #CEA957;
  display: inline-block;
  margin-right: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
.cart-transport .transport-type ul li span, .cart-transport .payment-type ul li span {
  display: block;
  margin-left: 20px;
  text-align: right;
  letter-spacing: 0px;
  color: #2E323C;
  white-space: nowrap;
  order: 3;
  width: calc(100% - 140px);
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 36em) {
  .cart-transport .transport-type ul li span, .cart-transport .payment-type ul li span {
    width: initial;
    order: 4;
  }
}
.cart-transport .transport-type {
  margin-bottom: 50px;
}
.cart-transport .transport-type p {
  margin-bottom: 0;
}
.cart-transport .payment-type p {
  margin-bottom: 0;
}

.cart-form {
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .cart-form {
    padding-bottom: 100px;
  }
}
.cart-form h2 {
  letter-spacing: -1.28px;
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 64px;
  line-height: 72px;
}
.cart-form p {
  letter-spacing: 0px;
  color: #5D757C;
  margin-bottom: 50px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
}
.cart-form p strong {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.cart-form form .hide {
  display: none;
}
.cart-form form .errorText {
  display: none;
}
.cart-form form i.fa-check {
  display: none;
}
.cart-form form .error input, .cart-form form .error textarea {
  border: 1px solid #FD0201;
  box-shadow: none;
  outline: 1px solid #FD0201;
  margin-bottom: 10px;
}
.cart-form form .error .errorText {
  display: block;
  padding-left: 20px;
  color: #FD0201;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
}
.cart-form form .success {
  position: relative;
}
.cart-form form .success input, .cart-form form .success textarea {
  padding-right: 55px;
}
.cart-form form .success i {
  display: block;
  position: absolute;
  z-index: 10;
  color: #21A72B;
  bottom: 12px;
  right: 20px;
  font-size: 28px;
  line-height: 28px;
}
.cart-form form .form-check {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.cart-form form .form-check label {
  letter-spacing: 0px;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-form form input, .cart-form form textarea {
  margin-bottom: 20px;
  border: 1px solid #CDD8DB;
  border-radius: 4px;
  background: #FFFFFF;
  position: relative;
  z-index: 1;
  width: 100%;
  resize: none;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-form form input:focus, .cart-form form textarea:focus {
  border: 1px solid #CEA957;
  box-shadow: none;
  outline: 1px solid #CEA957;
}
.cart-form form input[type="text"], .cart-form form input[type="email"], .cart-form form input[type="password"], .cart-form form textarea[type="text"], .cart-form form textarea[type="email"], .cart-form form textarea[type="password"] {
  padding: 13px 20px 16px;
}
.cart-form form input.error, .cart-form form textarea.error {
  border: 1px solid #FD0201;
  box-shadow: none;
  outline: 1px solid #FD0201;
}
.cart-form form input[type="checkbox"], .cart-form form textarea[type="checkbox"] {
  width: 16px;
  height: 16px;
  padding: 0;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
  flex-shrink: 0;
  cursor: pointer;
}
.cart-form form input[type="checkbox"]:checked, .cart-form form textarea[type="checkbox"]:checked {
  background-color: #CEA957;
  border-color: #CEA957;
}
.cart-form form input[type="checkbox"]:focus, .cart-form form textarea[type="checkbox"]:focus {
  border-color: #CEA957;
}
.cart-form form input[type="checkbox"]:disabled, .cart-form form textarea[type="checkbox"]:disabled {
  border-color: #5D757C;
  color: #FFFFFF;
}
.cart-form form input[type="checkbox"]:disabled ~ .form-check-label, .cart-form form textarea[type="checkbox"]:disabled ~ .form-check-label {
  color: #FFFFFF;
  opacity: 1;
  cursor: not-allowed;
}
.cart-form form input[type="checkbox"].error, .cart-form form textarea[type="checkbox"].error {
  border-color: #FD0201;
}
.cart-form form input[type="checkbox"] ~ .form-check-label, .cart-form form textarea[type="checkbox"] ~ .form-check-label {
  margin-bottom: 0;
  cursor: pointer;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-form form input[type="checkbox"] ~ .form-check-label a, .cart-form form textarea[type="checkbox"] ~ .form-check-label a {
  color: #CEA957;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-form form textarea {
  padding: 20px;
  min-height: 180px;
}
.cart-form form label {
  color: #2E323C;
  display: block;
  margin-bottom: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-form .cart-form-inner {
  margin-bottom: 50px;
  width: 100%;
}
@media screen and (min-width: 62em) {
  .cart-form .cart-form-inner {
    width: 90%;
  }
}
.cart-form .cart-form-inner.note_gdpr {
  margin-bottom: 0;
}
.cart-form .cart-form-inner h5 {
  color: #2E323C;
  letter-spacing: -0.24px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
}
.cart-form .cart-form-inner p {
  margin-bottom: 30px;
  letter-spacing: -0.16px;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-form .cart-form-inner a {
  color: #CEA957;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-form .cart-form-inner a i {
  margin-right: 10px;
  font-size: 16px;
  line-height: 24px;
}
.cart-form .cart-form-inner a:hover {
  color: #9F7D33;
}
.cart-form .cart-form-inner.main > .row > div:nth-child(3) {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media screen and (min-width: 48em) {
  .cart-form .cart-form-inner.main > .row > div:nth-child(3) {
    justify-content: flex-end;
    margin-bottom: 0;
  }
}

.cart-summary {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .cart-summary {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.cart-summary .cart-summary-inner {
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 48em) {
  .cart-summary .cart-summary-inner {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (min-width: 62em) {
  .cart-summary .cart-summary-inner {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (min-width: 75em) {
  .cart-summary .cart-summary-inner {
    padding-left: 120px;
    padding-right: 120px;
  }
}
.cart-summary h2 {
  letter-spacing: -1.28px;
  color: #2E323C;
  margin-bottom: 20px;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 64px;
  line-height: 72px;
}
@media screen and (min-width: 48em) {
  .cart-summary h2 {
    text-align: left;
  }
}
.cart-summary h2 i {
  display: block;
  margin-bottom: 10px;
}
.cart-summary h2 span {
  display: block;
}
.cart-summary h2.success i, .cart-summary h2.success span {
  color: #21A72B;
}
.cart-summary h2.error i, .cart-summary h2.error span {
  color: #FD0201;
}
.cart-summary p {
  text-align: center;
}
@media screen and (min-width: 48em) {
  .cart-summary p {
    text-align: left;
  }
}
.cart-summary .cart-summary-mail {
  padding: 30px;
  background: #EFF4F5;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (min-width: 48em) {
  .cart-summary .cart-summary-mail {
    padding: 50px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
  }
}
.cart-summary .cart-summary-mail i {
  display: block;
  color: #5D757C;
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 32px;
}
@media screen and (min-width: 48em) {
  .cart-summary .cart-summary-mail i {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.cart-summary .cart-summary-mail p {
  color: #2E323C;
  letter-spacing: -0.24px;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
}
@media screen and (min-width: 48em) {
  .cart-summary .cart-summary-mail p {
    text-align: left;
  }
}
.cart-summary .cart-summary-mail p span {
  color: #5D757C;
  letter-spacing: 0px;
  padding-top: 6px;
  display: block;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.cart-summary .addresses {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 48em) {
  .cart-summary .addresses {
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.cart-summary .addresses address {
  margin-right: 0;
}
@media screen and (min-width: 48em) {
  .cart-summary .addresses address {
    margin-right: 80px;
  }
}
.cart-summary .addresses address h5 {
  color: #2E323C;
  letter-spacing: -0.24px;
  margin-bottom: 20px;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
}
@media screen and (min-width: 48em) {
  .cart-summary .addresses address h5 {
    text-align: left;
  }
}
.cart-summary .addresses address p {
  color: #5D757C;
  letter-spacing: 0;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
}
.cart-summary .note strong {
  display: block;
}
.cart-summary .cart-summary-btn-holder {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 48em) {
  .cart-summary .cart-summary-btn-holder {
    margin-right: 80px;
    flex-direction: row;
    align-content: flex-start;
    align-items: center;
  }
}
.cart-summary .cart-summary-btn-holder .btn {
  margin-bottom: 20px;
}
@media screen and (min-width: 48em) {
  .cart-summary .cart-summary-btn-holder .btn {
    margin-right: 50px;
    margin-bottom: 0;
  }
}
.cart-summary .cart-summary-btn-holder a:not(.btn) {
  color: #CEA957;
  letter-spacing: 0px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
}
.cart-summary .cart-summary-btn-holder a:not(.btn) i {
  margin-right: 10px;
}
.cart-summary .cart-summary-btn-holder a:not(.btn):hover {
  color: #9F7D33;
}

.product-detail-holder {
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .product-detail-holder {
    padding-bottom: 100px;
  }
}
.product-detail-holder .product-detail {
  order: 1;
  margin-top: 30px;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .product-detail {
    order: 2;
    padding-left: 50px;
    margin-top: 0;
  }
}
@media screen and (min-width: 100em) {
  .product-detail-holder .product-detail {
    padding-left: 120px;
  }
}
.product-detail-holder .product-detail .badges {
  margin-bottom: 30px;
}
.product-detail-holder .product-detail h2 {
  margin-bottom: 0;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.product-detail-holder .product-detail .rating-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.product-detail-holder .product-detail .rating-holder .rating .rating-count {
  color: #CEA957;
}
.product-detail-holder .product-detail .rating-holder > span {
  margin: 20px;
  letter-spacing: 1.4px;
  color: #A3B7BC;
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.product-detail-holder .product-detail p {
  width: 100%;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .product-detail p {
    max-width: 650px;
  }
}
.product-detail-holder .product-detail .more {
  margin-bottom: 30px;
  display: inline-block;
}
.product-detail-holder .product-detail .package {
  padding-bottom: 15px;
}
.product-detail-holder .product-detail .package strong {
  margin-bottom: 10px;
  display: block;
}
.product-detail-holder .product-detail .package ul {
  margin-bottom: 0;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.product-detail-holder .product-detail .package ul li {
  margin-bottom: 25px;
}
@media screen and (min-width: 48em) {
  .product-detail-holder .product-detail .package ul li {
    margin-bottom: 0;
  }
}
.product-detail-holder .product-detail .stock {
  letter-spacing: 0px;
  color: #5D757C;
  margin-bottom: 30px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
.product-detail-holder .product-detail .stock span {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
.product-detail-holder .product-detail .stock span i {
  margin-right: 8px;
}
.product-detail-holder .product-detail .stock.onstock span {
  color: #21A72B;
}
.product-detail-holder .product-detail .stock.offstock span {
  color: #FD0201;
}
.product-detail-holder .product-detail .price {
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 20px;
}
.product-detail-holder .product-detail .price .actual {
  color: #2E323C;
  letter-spacing: 0px;
  margin-right: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  line-height: 26px;
}
.product-detail-holder .product-detail .price .old {
  color: #5D757C;
  letter-spacing: 0px;
  text-decoration: line-through;
  margin-right: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
.product-detail-holder .product-detail .price .action {
  color: #5D757C;
  letter-spacing: 0px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
}
.product-detail-holder .product-detail form {
  max-width: 500px;
  padding-bottom: 35px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 36em) {
  .product-detail-holder .product-detail form {
    flex-wrap: nowrap;
  }
}
.product-detail-holder .product-detail form .item_holder {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 40px;
  border: 1px solid #CDD8DB;
  margin-right: 15px;
  margin-bottom: 20px;
}
@media screen and (min-width: 36em) {
  .product-detail-holder .product-detail form .item_holder {
    margin-bottom: 0;
  }
}
.product-detail-holder .product-detail form .item_holder a {
  text-decoration: none;
  color: #2E323C;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 17px;
  padding-bottom: 17px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  line-height: 30px;
}
.product-detail-holder .product-detail form .item_holder input {
  -moz-appearance: textfield;
  border: 0;
  margin-left: 10px;
  margin-right: 10px;
  color: #2E323C;
  text-align: center;
  width: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}
.product-detail-holder .product-detail form .item_holder input::-webkit-outer-spin-button, .product-detail-holder .product-detail form .item_holder input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-detail-holder .product-detail form .item_holder input:focus-visible {
  outline: 0;
}
.product-detail-holder .product-detail form .btn {
  padding: 20px 50px;
  border-radius: 40px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}
.product-detail-holder .product-detail .product-awards {
  padding-top: 35px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 36em) {
  .product-detail-holder .product-detail .product-awards {
    padding-right: 30px;
  }
}
.product-detail-holder .product-detail .product-awards img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  object-position: center center;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 20px;
}
.product-detail-holder .gallery-main {
  order: 2;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .gallery-main {
    order: 1;
  }
}
.product-detail-holder .gallery-main a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 600px;
  background: #EFF4F5;
  overflow: hidden;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .gallery-main a {
    order: 1;
    height: 100%;
    max-height: inherit;
  }
}
.product-detail-holder .gallery-main a img {
  width: 90%;
  max-height: calc(600px * 0.9);
  object-fit: contain;
  object-position: center center;
  transform: scale(0.9);
  transition: all 0.3s;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .gallery-main a img {
    height: 90%;
  }
}
.product-detail-holder .gallery-main a:hover img {
  transform: scale(1);
  transition: all 0.3s;
}
.product-detail-holder .gallery-other {
  margin-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .gallery-other {
    margin-bottom: 100px;
  }
}
.product-detail-holder .gallery-other a {
  display: inline-block;
  width: calc(50% - 8px);
  height: initial;
  max-height: 200px;
  margin-right: 10px;
  margin-top: 10px;
  overflow: hidden;
}
@media screen and (min-width: 36em) {
  .product-detail-holder .gallery-other a {
    width: calc(33% - 8px);
  }
}
@media screen and (min-width: 48em) {
  .product-detail-holder .gallery-other a {
    width: 100px;
    height: 100px;
  }
}
.product-detail-holder .gallery-other a:nth-child(even) {
  margin-right: 0;
}
@media screen and (min-width: 36em) {
  .product-detail-holder .gallery-other a:nth-child(even) {
    margin-right: 10px;
  }
}
.product-detail-holder .gallery-other a:nth-child(3n) {
  margin-right: 10px;
}
@media screen and (min-width: 36em) {
  .product-detail-holder .gallery-other a:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 48em) {
  .product-detail-holder .gallery-other a:nth-child(3n) {
    margin-right: 10px;
  }
}
.product-detail-holder .gallery-other a img {
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  transition: all 0.3s;
}
.product-detail-holder .gallery-other a:hover img {
  transform: scale(1);
  transition: all 0.3s;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .description {
    padding-left: 50px;
  }
}
@media screen and (min-width: 100em) {
  .product-detail-holder .description {
    padding-left: 120px;
  }
}
.product-detail-holder .description h5 {
  margin-bottom: 20px;
  letter-spacing: -0.24px;
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 24px;
  line-height: 60px;
}
.product-detail-holder .description p {
  letter-spacing: 0;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .composition {
    padding-left: 50px;
  }
}
@media screen and (min-width: 100em) {
  .product-detail-holder .composition {
    padding-left: 120px;
  }
}
.product-detail-holder .composition h6 {
  margin-bottom: 30px;
  letter-spacing: 1.4px;
  color: #5D757C;
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.product-detail-holder .composition ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
}
.product-detail-holder .composition ul li {
  width: 100%;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 75em) {
  .product-detail-holder .composition ul li {
    width: 40%;
  }
}
.product-detail-holder .composition .more {
  margin-bottom: 50px;
  display: inline-block;
}
.product-detail-holder .composition p {
  letter-spacing: 0;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}

.recommend {
  padding-top: 60px;
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .recommend {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.recommend h2 {
  text-align: center;
}
.recommend .product {
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
.recommend .product:hover {
  background: rgba(206, 169, 87, 0.1);
}
.recommend .product .image-holder {
  padding: 30px;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 370px;
  text-align: center;
  display: block;
}
.recommend .product .image-holder img {
  position: relative;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.recommend .product .image-holder .badge {
  position: absolute;
  top: 30px;
  left: 30px;
}
.recommend .product .data-holder {
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  height: calc(100% - 370px);
}
.recommend .product .data-holder h5 a {
  color: #2E323C;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 34px;
}
.recommend .product .data-holder .rating {
  margin-bottom: 20px;
  display: flex;
  color: #CEA957;
  font-size: 14px;
  line-height: 18px;
}
.recommend .product .data-holder .rating:hover {
  color: #9F7D33;
  text-decoration: none;
}
.recommend .product .data-holder .rating:hover .rating-count {
  color: #9F7D33;
}
.recommend .product .data-holder .rating .star {
  display: block;
  margin-right: 1px;
}
.recommend .product .data-holder .rating .star:before {
  display: block;
}
.recommend .product .data-holder .rating.rating-0 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-0 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-0 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-0 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-0 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-1 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.recommend .product .data-holder .rating.rating-1 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-1 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-1 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-1 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-2 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-2 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-2 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-2 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-2 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-3 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-3 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.recommend .product .data-holder .rating.rating-3 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-3 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-3 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-4 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-4 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-4 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-4 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-4 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-5 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-5 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-5 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.recommend .product .data-holder .rating.rating-5 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-5 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-6 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-6 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-6 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-6 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-6 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-7 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-7 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-7 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-7 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.recommend .product .data-holder .rating.rating-7 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-8 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-8 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-8 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-8 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-8 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-9 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-9 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-9 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-9 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-9 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f5c0";
}
.recommend .product .data-holder .rating.rating-10 .star-1:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-10 .star-2:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-10 .star-3:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-10 .star-4:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating.rating-10 .star-5:before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  content: "\f005";
}
.recommend .product .data-holder .rating .rating-count {
  margin-left: 10px;
  color: #CEA957;
}
.recommend .product .data-holder p {
  letter-spacing: 0px;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.recommend .product .data-holder p.price {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.recommend .product .data-holder .btn-holder {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
@media screen and (min-width: 100em) {
  .recommend .product .data-holder .btn-holder {
    flex-direction: row;
  }
}
.recommend .product .data-holder .btn-holder .btn {
  padding: 10px 30px;
}
.recommend .product .data-holder .btn-holder .btn i {
  margin-left: 10px;
}
.recommend .product .data-holder .btn-holder a:not(.btn) {
  color: #CEA957;
  text-transform: uppercase;
}
.recommend .product .data-holder .btn-holder a:not(.btn) i {
  margin-left: 10px;
}
.recommend .product .data-holder .btn-holder a:not(.btn):hover {
  color: #9F7D33;
  text-decoration: none;
}

.product-reviews {
  padding-top: 60px;
    /*.rating {
        margin-bottom: 20px;
        display: flex;
        color: $yellow;
        text-decoration: none;
        
        @include setFontSizeAndLineHeight(14px, 18px);        

        &:hover {
            color: $gold;
            text-decoration: none;

            .rating-count {
                color: $gold;
            }

        }

        .star {
            display: block;
            margin-right: 1px;

            &:before {
                display: block;
            }
        }

        @include star_rating();

        .rating-count {
            margin-left: 10px;
            color: $dark_gray;
            text-decoration: none;
        }

    }*/
}
@media screen and (min-width: 75em) {
  .product-reviews {
    padding-top: 100px;
  }
}
.product-reviews .top {
  margin-bottom: 50px;
}
.product-reviews .top > div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}
.product-reviews .top > div:has(.btn) {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-right: 0;
}
@media screen and (min-width: 48em) {
  .product-reviews .top > div:has(.btn) {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 75em) {
  .product-reviews .top > div:has(.btn) {
    padding-right: 120px;
  }
}
.product-reviews .top h6 {
  padding-left: 0;
  color: #5D757C;
  margin-bottom: 10px;
}
@media screen and (min-width: 75em) {
  .product-reviews .top h6 {
    padding-left: 120px;
  }
}
.product-reviews .top h2 {
  padding-left: 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 75em) {
  .product-reviews .top h2 {
    padding-left: 120px;
  }
}
.product-reviews .top .btn {
  padding-left: 30px;
  padding-right: 30px;
  letter-spacing: 0px;
  margin-right: 15px;
  font-size: 16px;
  line-height: 21px;
}
.product-reviews .top .btn i {
  margin-left: 15px;
}
.product-reviews .top .rating {
  padding-left: 0;
}
@media screen and (min-width: 75em) {
  .product-reviews .top .rating {
    padding-left: 120px;
  }
}
.product-reviews .reviews-list > div:has(.review) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: stretch;
}
.product-reviews .reviews-list .review {
  padding: 20px;
  background: #EFF4F5;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .product-reviews .reviews-list .review {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 75em) {
  .product-reviews .reviews-list .review {
    padding: 50px;
  }
}
@media screen and (min-width: 48em) {
  .product-reviews .reviews-list .review:nth-child(odd) {
    margin-right: 20px;
  }
}
.product-reviews .reviews-list .review .rating {
  margin-bottom: 5px;
}
.product-reviews .reviews-list .review p {
  color: #5D757C;
  letter-spacing: 0px;
  margin-bottom: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.product-reviews .reviews-list .review p strong {
  color: #2E323C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
}
.product-reviews .reviews-list .review p span {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
}
.product-reviews .reviews-list .review p span.verified {
  padding-left: 15px;
}
.product-reviews .reviews-list .review p span.verified i {
  color: #21A72B;
}
.product-reviews .btn-row {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 20px;
}
.product-reviews .btn-row .btn {
  padding-left: 30px;
  padding-right: 30px;
}

.laboratory {
  padding-top: 60px;
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .laboratory {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.laboratory.small .top {
  padding-bottom: 0 !important;
}
.laboratory.small .top > div {
  display: flex;
}
@media screen and (min-width: 62em) {
  .laboratory.small .top > div {
    justify-content: center;
    align-items: center;
    align-content: center;
  }
}
@media screen and (min-width: 75em) {
  .laboratory.small .top > div {
    justify-content: center;
    align-items: center;
    align-content: center;
  }
}
.laboratory.small .top h2 {
  max-width: 340px;
  /* fuuuj */
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 48px;
  line-height: 64px;
}
@media screen and (min-width: 75em) {
  .laboratory.small .top h2 {
    padding-left: 0;
  }
}
.laboratory .top {
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .laboratory .top {
    padding-bottom: 90px;
  }
}
.laboratory .top h2 {
  padding-left: 0;
  font-size: 48px;
  line-height: 60px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 75em) {
  .laboratory .top h2 {
    padding-left: 100px;
    font-size: 48px;
    line-height: 80px;
  }
}
.laboratory .top h2 span {
  font-style: italic;
}
.laboratory .top a {
  padding-left: 0;
  margin-bottom: 30px;
  display: block;
}
@media screen and (min-width: 75em) {
  .laboratory .top a {
    padding-left: 100px;
    margin-bottom: 0;
  }
}
.laboratory .top p {
  padding-right: 0;
  font-size: 18px;
  line-height: 32px;
}
@media screen and (min-width: 75em) {
  .laboratory .top p {
    padding-right: 100px;
  }
}
.laboratory .top p a {
  color: #CEA957;
  padding-left: 0;
  display: inline-block;
  margin-bottom: 0;
}
.laboratory .top p a:hover {
  text-decoration: none;
}
.laboratory .category-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 75em) {
  .laboratory .category-holder {
    flex-wrap: nowrap;
    justify-content: space-around;
  }
}
.laboratory .category-holder .category {
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .laboratory .category-holder .category {
    width: calc((100% - 40px) / 2);
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 62em) {
  .laboratory .category-holder .category {
    width: calc((100% - 60px) / 3);
  }
}
@media screen and (min-width: 75em) {
  .laboratory .category-holder .category {
    width: calc((100% - 60px) / 3);
  }
}
@media screen and (min-width: 100em) {
  .laboratory .category-holder .category {
    width: calc((100% - 80px) / 5);
  }
  .laboratory .category-holder .category:first-of-type {
    margin-left: 0;
  }
  .laboratory .category-holder .category:last-of-type {
    margin-right: 0;
  }
}
.laboratory .category-holder .category div {
  padding: 15px;
}
@media screen and (min-width: 48em) {
  .laboratory .category-holder .category div {
    padding: 30px;
  }
}
.laboratory .category-holder .category div.image-holder {
  overflow: hidden;
  padding: 0;
}
.laboratory .category-holder .category div.image-holder img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
@media screen and (min-width: 48em) {
  .laboratory .category-holder .category div.image-holder img {
    height: 400px;
  }
}
@media screen and (min-width: 75em) {
  .laboratory .category-holder .category div.image-holder img {
    height: 300px;
    transform: scale(1.2);
    transition: all 0.3s;
  }
}
@media screen and (min-width: 100em) {
  .laboratory .category-holder .category div.image-holder img {
    height: 500px;
  }
}
.laboratory .category-holder .category div.image-holder img:hover {
  transform: scale(1);
  transition: all 0.3s;
}
.laboratory .category-holder .category div h5 {
  font-size: 24px;
  line-height: 32px;
}
@media screen and (min-width: 48em) {
  .laboratory .category-holder .category div h5 {
    min-height: 70px;
  }
}
.laboratory .category-holder .category:hover img {
  transform: scale(1);
  transition: all 0.3s;
}
.laboratory .category-holder .category:hover div {
  background: #F5EEDD;
}

.split > div {
  height: 800px;
  padding-left: -0.75rem;
  padding-right: -0.75rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 62em) {
  .split > div {
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.split > div .image-holder {
  width: 100%;
  height: 400px;
}
@media screen and (min-width: 62em) {
  .split > div .image-holder {
    height: 100%;
    width: 50%;
  }
}
.split > div .text-holder {
  width: 100%;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
}
@media screen and (min-width: 48em) {
  .split > div .text-holder {
    padding: 40px 30px;
  }
}
@media screen and (min-width: 62em) {
  .split > div .text-holder {
    padding: 80px 50px;
    width: 50%;
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .split > div .text-holder {
    padding: 80px 90px;
  }
}
@media screen and (min-width: 100em) {
  .split > div .text-holder {
    padding: 100px 140px;
  }
}
.split > div .text-holder.yellow {
  background: rgba(206, 169, 87, 0.2) url("/img/half_text.png") top center no-repeat;
  background-size: cover;
}
.split > div .text-holder h6 {
  color: #5D757C;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: 2.8px;
  font-size: 14px;
  line-height: 18px;
}
.split > div .text-holder h2 {
  margin-bottom: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 48px;
  line-height: 60px;
}
@media screen and (min-width: 62em) {
  .split > div .text-holder h2 {
    font-size: 48px;
    line-height: 80px;
  }
}
.split > div .text-holder p {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 32px;
}
@media screen and (min-width: 62em) {
  .split > div .text-holder p {
    max-width: 500px;
  }
}
.split > div .text-holder p a {
  color: #CEA957;
  text-decoration: underline;
}
.split > div .text-holder p strong {
  color: #2E323C;
}
.split > div .text-holder .btn-holder .btn {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 20px;
}
.split > div .text-holder .btn-holder a:not(.btn) {
  text-transform: uppercase;
  color: #CEA957;
  text-decoration: underline;
  margin-right: 20px;
}
.split > div .text-holder .btn-holder a:not(.btn) i {
  margin-left: 14px;
  color: #CEA957;
}
.split > div .text-holder .btn-holder a:not(.btn):hover {
  text-decoration: none;
}
.split > div.first-row .image-holder {
  background: url("/img/split-product-list-1.png") center center no-repeat;
  background-size: cover;
  order: 1;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .split > div.first-row .image-holder {
    background: url("/img/split-product-list-1@2x.png") center center no-repeat;
    background-size: cover;
  }
}
.split > div.first-row .text-holder {
  order: 2;
}
.split > div.second-row .image-holder {
  background: url("/img/split-product-list-2.png") center center no-repeat;
  background-size: cover;
  order: 1;
}
@media screen and (min-width: 62em) {
  .split > div.second-row .image-holder {
    order: 2;
  }
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .split > div.second-row .image-holder {
    background: url("/img/split-product-list-2@2x.png") center center no-repeat;
    background-size: cover;
  }
}
.split > div.second-row .text-holder {
  order: 2;
}
@media screen and (min-width: 62em) {
  .split > div.second-row .text-holder {
    order: 1;
  }
}
.split.onas > div.first-row .image-holder {
  background: url("/img/onas_1.png") center center no-repeat;
  background-size: cover;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .split.onas > div.first-row .image-holder {
    background: url("/img/onas_1@2x.png") center center no-repeat;
    background-size: cover;
  }
}
.split.onas > div.second-row .image-holder {
  background: url("/img/onas_2.png") center center no-repeat;
  background-size: cover;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .split.onas > div.second-row .image-holder {
    background: url("/img/onas_2@2x.png") center center no-repeat;
    background-size: cover;
  }
}
.split.product-detail-split > div.first-row .image-holder {
  background: url("/img/split-product-detail-1.png") center center no-repeat !important;
  background-size: cover;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .split.product-detail-split > div.first-row .image-holder {
    background: url("/img/split-product-detail-1@2x.png") center center no-repeat !important;
    background-size: cover;
  }
}
.split.product-detail-split > div.second-row .image-holder {
  background: url("/img/split-product-detail-2.png") center center no-repeat !important;
  background-size: cover;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .split.product-detail-split > div.second-row .image-holder {
    background: url("/img/split-product-detail-2@2x.png") center center no-repeat !important;
    background-size: cover;
  }
}

.contact {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .contact {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.contact > .row:first-child {
  padding-bottom: 40px;
}
@media screen and (min-width: 75em) {
  .contact > .row:first-child {
    padding-bottom: 80px;
  }
}
.contact > .row:first-child h2 {
  padding-left: 30px;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 64px;
  line-height: 72px;
}
@media screen and (min-width: 75em) {
  .contact > .row:first-child h2 {
    padding-left: 130px;
  }
}
.contact > .row:first-child p {
  padding-left: 30px;
  color: #5D757C;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 32px;
}
@media screen and (min-width: 75em) {
  .contact > .row:first-child p {
    padding-left: 130px;
  }
}
.contact .contact-holder {
  padding: 50px 30px;
  background: rgba(206, 169, 87, 0.1) url("/img/half_text.png") 0 0 no-repeat;
  background-size: 1440px 488px;
}
@media screen and (min-width: 75em) {
  .contact .contact-holder {
    padding: 100px 130px;
  }
}
.contact .contact-holder h3 {
  color: #2E323C;
  margin-bottom: 20px;
  letter-spacing: -0.32px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
}
.contact .contact-holder p {
  margin-bottom: 30px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 32px;
}
.contact .contact-holder form > div {
  position: relative;
}
.contact .contact-holder form > div.form-check {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.contact .contact-holder form > div label {
  letter-spacing: 0;
  display: block;
  margin-bottom: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 32px;
}
.contact .contact-holder form > div input, .contact .contact-holder form > div textarea {
  border-radius: 5px;
  background: #FFFFFF;
  width: 100%;
  border: 1px solid #CDD8DB;
  padding: 14px 20px 15px 20px;
  position: relative;
  z-index: 1;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.contact .contact-holder form > div input:focus, .contact .contact-holder form > div input:focus-visible, .contact .contact-holder form > div textarea:focus, .contact .contact-holder form > div textarea:focus-visible {
  border: 1px solid #CEA957;
  box-shadow: none;
  outline: 1px solid #CEA957;
}
.contact .contact-holder form > div input.error, .contact .contact-holder form > div textarea.error {
  border: 1px solid #FD0201;
  box-shadow: none;
  outline: 1px solid #FD0201;
}
.contact .contact-holder form > div input[type="checkbox"], .contact .contact-holder form > div textarea[type="checkbox"] {
  width: 16px;
  height: 16px;
  padding: 0;
  margin-top: 0;
  margin-right: 10px;
  flex-shrink: 0;
  cursor: pointer;
}
.contact .contact-holder form > div input[type="checkbox"]:checked, .contact .contact-holder form > div textarea[type="checkbox"]:checked {
  background-color: #CEA957;
  border-color: #CEA957;
}
.contact .contact-holder form > div input[type="checkbox"]:focus, .contact .contact-holder form > div textarea[type="checkbox"]:focus {
  border-color: #CEA957;
}
.contact .contact-holder form > div input[type="checkbox"]:disabled, .contact .contact-holder form > div textarea[type="checkbox"]:disabled {
  border-color: #5D757C;
  color: #FFFFFF;
}
.contact .contact-holder form > div input[type="checkbox"]:disabled ~ .form-check-label, .contact .contact-holder form > div textarea[type="checkbox"]:disabled ~ .form-check-label {
  color: #FFFFFF;
  opacity: 1;
  cursor: not-allowed;
}
.contact .contact-holder form > div input[type="checkbox"].error, .contact .contact-holder form > div textarea[type="checkbox"].error {
  border-color: #FD0201;
}
.contact .contact-holder form > div input[type="checkbox"] ~ .form-check-label, .contact .contact-holder form > div textarea[type="checkbox"] ~ .form-check-label {
  margin-bottom: 0;
  cursor: pointer;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.contact .contact-holder form > div input[type="checkbox"] ~ .form-check-label a, .contact .contact-holder form > div textarea[type="checkbox"] ~ .form-check-label a {
  color: #CEA957;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.contact .contact-holder form > div textarea {
  min-height: 170px;
  resize: none;
}
.contact .contact-holder form > div .errorText {
  display: none;
}
.contact .contact-holder form > div i {
  display: none;
}
.contact .contact-holder form > div.btn-holder i {
  display: inline-block;
}
.contact .contact-holder form > div.error input, .contact .contact-holder form > div.error textarea {
  border: 1px solid #FD0201;
  box-shadow: none;
  outline: 1px solid #FD0201;
}
.contact .contact-holder form > div.error .errorText {
  display: block;
  margin-top: 10px;
  padding-left: 20px;
  color: #FD0201;
  font-size: 14px;
  line-height: 16px;
}
.contact .contact-holder form > div.success input, .contact .contact-holder form > div.success textarea {
  padding-right: 55px;
}
.contact .contact-holder form > div.success i {
  display: block;
  position: absolute;
  z-index: 10;
  color: #21A72B;
  bottom: 12px;
  right: 20px;
  font-size: 28px;
  line-height: 28px;
}
.contact .address-holder {
  padding: 50px 30px 0;
}
@media screen and (min-width: 75em) {
  .contact .address-holder {
    padding: 100px 130px;
  }
}
.contact .address-holder h6 {
  text-transform: uppercase;
  letter-spacing: 2.8px;
  color: #5D757C;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.contact .address-holder .main-info {
  margin-bottom: 0;
}
.contact .address-holder .main-info a {
  display: block;
  letter-spacing: -0.32px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
}
.contact .address-holder .main-info a[href^=tel] {
  color: #2E323C;
  text-decoration: none;
}
.contact .address-holder .main-info a[href^=tel]:hover {
  text-decoration: underline;
}
.contact .address-holder .main-info a[href^=mailto] {
  color: #CEA957;
  text-decoration: underline;
}
.contact .address-holder .main-info a[href^=mailto]:hover {
  text-decoration: none;
}
.contact .address-holder .social {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 75em) {
  .contact .address-holder .social {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.contact .address-holder .social a {
  margin-right: 40px;
  color: #2E323C;
  font-size: 20px;
  line-height: 20px;
}
.contact .address-holder .wholesale {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #CDD8DB;
  border-bottom: 1px solid #CDD8DB;
  margin-bottom: 30px;
}
.contact .address-holder .wholesale p {
  margin-bottom: 0;
}
.contact .address-holder .wholesale p a {
  letter-spacing: 0px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.contact .address-holder .wholesale p a[href^=tel] {
  color: #5D757C;
  text-decoration: none;
}
.contact .address-holder .wholesale p a[href^=tel]:hover {
  text-decoration: underline;
}
.contact .address-holder .wholesale p a[href^=mailto] {
  color: #CEA957;
  text-decoration: underline;
}
.contact .address-holder .wholesale p a[href^=mailto]:hover {
  text-decoration: none;
}
@media screen and (min-width: 75em) {
  .contact .address-holder address {
    max-width: 400px;
  }
}
.contact .address-holder address p {
  margin-bottom: 30px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}

.about_production {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 62em) {
  .about_production {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.about_production .top h2 {
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 48px;
  line-height: 56px;
}
@media screen and (min-width: 62em) {
  .about_production .top h2 {
    padding-left: 120px;
  }
}
.about_production .top p {
  margin-bottom: 50px;
  font-size: 21px;
  line-height: 32px;
}
@media screen and (min-width: 62em) {
  .about_production .top p {
    padding-left: 120px;
  }
}
.about_production .production-images > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.about_production .production-images > div:first-of-type img {
  display: block;
  margin-bottom: 20px;
  object-fit: cover;
  object-position: center center;
}
.about_production .production-images > div:first-of-type img:nth-child(1) {
  width: 100%;
  height: 760px;
}
.about_production .production-images > div:first-of-type img:nth-child(2) {
  width: 100%;
  margin-left: 0;
  height: 400px;
}
@media screen and (min-width: 75em) {
  .about_production .production-images > div:first-of-type img:nth-child(2) {
    width: calc(50% - 10px);
    margin-left: 10px;
    height: 500px;
  }
}
.about_production .production-images > div:first-of-type img:nth-child(3) {
  width: 100%;
  margin-left: 0;
  height: 400px;
}
@media screen and (min-width: 75em) {
  .about_production .production-images > div:first-of-type img:nth-child(3) {
    width: calc(50% - 10px);
    margin-left: 10px;
    height: 500px;
  }
}
.about_production .production-images > div:last-of-type img {
  display: block;
  margin-bottom: 20px;
}
.about_production .production-images > div:last-of-type img:nth-child(1) {
  width: 100%;
  margin-left: 0;
  height: 400px;
}
@media screen and (min-width: 75em) {
  .about_production .production-images > div:last-of-type img:nth-child(1) {
    width: calc(50% - 10px);
    margin-left: 10px;
    height: 500px;
  }
}
.about_production .production-images > div:last-of-type img:nth-child(2) {
  width: 100%;
  margin-left: 0;
  height: 400px;
}
@media screen and (min-width: 75em) {
  .about_production .production-images > div:last-of-type img:nth-child(2) {
    width: calc(50% - 10px);
    margin-left: 10px;
    height: 500px;
  }
}
.about_production .production-images > div .about_production_quote {
  width: 100%;
  height: 760px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  background: rgba(206, 169, 87, 0.1) url("/img/production_quote_back.png") top right no-repeat;
  background-size: 760px 760px;
  padding: 40px 30px;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .about_production .production-images > div .about_production_quote {
    background: rgba(206, 169, 87, 0.1) url("/img/production_quote_back@2x.png") top right no-repeat;
    background-size: 760px 760px;
  }
}
@media screen and (min-width: 36em) {
  .about_production .production-images > div .about_production_quote {
    padding: 60px 40px;
  }
}
@media screen and (min-width: 48em) {
  .about_production .production-images > div .about_production_quote {
    padding: 80px 40px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
  }
}
@media screen and (min-width: 75em) {
  .about_production .production-images > div .about_production_quote {
    padding: 80px 90px;
  }
}
@media screen and (min-width: 100em) {
  .about_production .production-images > div .about_production_quote {
    padding: 100px 130px;
  }
}
.about_production .production-images > div .about_production_quote img {
  width: 110px !important;
  height: 80px !important;
  object-fit: cover;
  object-position: center center;
  display: block;
  margin-bottom: 30px;
}
.about_production .production-images > div .about_production_quote p {
  color: #2E323C;
  letter-spacing: -0.84px;
  font-style: italic !important;
  margin-bottom: 50px;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 32px;
  line-height: 38px;
}
@media screen and (min-width: 48em) {
  .about_production .production-images > div .about_production_quote p {
    font-size: 36px;
    line-height: 48px;
    text-align: left;
  }
}
@media screen and (min-width: 75em) {
  .about_production .production-images > div .about_production_quote p {
    font-size: 42px;
    line-height: 56px;
    max-width: 550px;
  }
}
.about_production .production-images > div .about_production_quote div {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
@media screen and (min-width: 48em) {
  .about_production .production-images > div .about_production_quote div {
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
  }
}
.about_production .production-images > div .about_production_quote div img {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
  object-position: center center;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px !important;
}
@media screen and (min-width: 48em) {
  .about_production .production-images > div .about_production_quote div img {
    margin-bottom: 0;
  }
}
.about_production .production-images > div .about_production_quote div p {
  color: #2E323C;
  margin-bottom: 0;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}
.about_production .production-images > div .about_production_quote div p span {
  display: block;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #5D757C;
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
}

.userreviews {
  background: url("/img/user_reviews.png") center center no-repeat;
  background-size: 156px 112px;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .userreviews {
    background: url("/img/user_reviews@2x.png") center center no-repeat;
    background-size: 156px 112px;
  }
}
.userreviews .stars {
  text-align: center;
  display: block;
  margin-bottom: 20px;
  letter-spacing: 3.2px;
  font-size: 16px;
  line-height: 19px;
}
.userreviews .stars i {
  color: #CEA957;
}
.userreviews h2 {
  text-align: center;
  margin-bottom: 50px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 80px;
}
.userreviews .carousel .carousel-indicators {
  margin-bottom: 0;
  margin-top: 20px;
}
.userreviews .carousel .carousel-indicators li {
  width: 12px;
  height: 12px;
  background: #A3B7BC;
  border-radius: 50%;
  border: 0;
  margin-right: 6px;
  margin-left: 6px;
  margin-top: 3px;
}
.userreviews .carousel .carousel-indicators li:hover {
  background: #CEA957;
}
.userreviews .carousel .carousel-indicators li.active {
  background: #2E323C;
  width: 18px;
  height: 18px;
  margin-top: 0;
}
.userreviews .carousel .carousel-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 36em) {
  .userreviews .carousel .carousel-inner {
    width: 80%;
  }
}
@media screen and (min-width: 75em) {
  .userreviews .carousel .carousel-inner {
    width: 70%;
  }
}
.userreviews .carousel .carousel-inner .carousel-item p {
  color: #5D757C;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  min-height: 150px;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
}
.userreviews .carousel .carousel-inner .carousel-item span {
  text-transform: uppercase;
  color: #5D757C;
  text-align: center;
  letter-spacing: 1.4px;
  display: block;
  padding-bottom: 50px;
  font-size: 14px;
  line-height: 18px;
}
.userreviews .carousel .carousel-control-prev {
  text-decoration: none;
  align-items: flex-start;
  justify-content: flex-end;
  opacity: 1;
  width: 40%;
}
@media screen and (min-width: 36em) {
  .userreviews .carousel .carousel-control-prev {
    width: 9%;
  }
}
@media screen and (min-width: 75em) {
  .userreviews .carousel .carousel-control-prev {
    width: 15%;
  }
}
.userreviews .carousel .carousel-control-prev .carousel-control-prev-icon {
  width: 50px;
  height: 40px;
  background: rgba(206, 169, 87, 0.2);
  border-radius: 20px;
  margin-top: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.userreviews .carousel .carousel-control-prev .carousel-control-prev-icon i {
  color: #2E323C;
}
@media screen and (min-width: 36em) {
  .userreviews .carousel .carousel-control-prev .carousel-control-prev-icon {
    margin-top: 20px;
  }
}
.userreviews .carousel .carousel-control-prev:hover .carousel-control-prev-icon {
  background: #CEA957;
}
.userreviews .carousel .carousel-control-next {
  text-decoration: none;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 1;
  width: 40%;
}
@media screen and (min-width: 36em) {
  .userreviews .carousel .carousel-control-next {
    width: 9%;
  }
}
@media screen and (min-width: 75em) {
  .userreviews .carousel .carousel-control-next {
    width: 15%;
  }
}
.userreviews .carousel .carousel-control-next .carousel-control-next-icon {
  width: 50px;
  height: 40px;
  background: rgba(206, 169, 87, 0.2);
  border-radius: 20px;
  margin-top: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.userreviews .carousel .carousel-control-next .carousel-control-next-icon i {
  color: #2E323C;
}
@media screen and (min-width: 36em) {
  .userreviews .carousel .carousel-control-next .carousel-control-next-icon {
    margin-top: 20px;
  }
}
.userreviews .carousel .carousel-control-next:hover .carousel-control-next-icon {
  background: #CEA957;
}

.video_banner video {
  width: 100%;
}

.adbanner {
  position: relative;
  padding-top: 220px;
  padding-bottom: 220px;
  text-align: center;
}
@media screen and (min-width: 62em) {
  .adbanner {
    text-align: left;
  }
}
.adbanner img {
  position: relative;
  object-fit: cover;
  object-position: center center;
  width: calc(100% + (2 * 0.75rem));
  top: 0;
  left: -0.75rem;
  z-index: 1;
}
.adbanner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(46, 50, 60, 0.2);
  content: '';
  z-index: 2;
}
.adbanner h6 {
  color: #FFFFFF;
  margin-bottom: 10px;
  letter-spacing: 2.8px;
  text-align: center;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 62em) {
  .adbanner h6 {
    text-align: left;
  }
}
.adbanner h2 {
  color: #FFFFFF;
  margin-bottom: 20px;
  text-align: center;
  max-width: 96%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 60px;
}
@media screen and (min-width: 48em) {
  .adbanner h2 {
    max-width: 80%;
    font-size: 64px;
    line-height: 72px;
  }
}
@media screen and (min-width: 62em) {
  .adbanner h2 {
    text-align: left;
    max-width: 500px;
    margin-left: initial;
    margin-right: initial;
  }
}
.adbanner h2 span {
  font-style: italic;
}
.adbanner p {
  color: #FFFFFF;
  margin-bottom: 40px;
  text-align: center;
  max-width: 96%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 48em) {
  .adbanner p {
    max-width: 80%;
  }
}
@media screen and (min-width: 62em) {
  .adbanner p {
    text-align: left;
    max-width: 500px;
    margin-left: initial;
    margin-right: initial;
  }
}
.adbanner .btn {
  padding: 12px 30px;
  border-radius: 26px;
  position: relative;
  z-index: 5;
}
.adbanner .btn i {
  margin-left: 6px;
  transition: margin-left 0.3s;
}
.adbanner .btn:hover {
  padding-right: 20px;
}
.adbanner .btn:hover i {
  margin-left: 16px;
  transition: margin-left 0.3s;
}

.adbannerhalf {
  background: #F5EEDD url("/img/half_text.png") top center no-repeat;
  background-size: 1920px 650px;
}
.adbannerhalf .half-text {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.adbannerhalf .half-text .text {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .adbannerhalf .half-text .text {
    width: 550px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.adbannerhalf .half-text .text h6 {
  color: #5D757C;
  margin-bottom: 10px;
  letter-spacing: 2.8px;
}
@media screen and (min-width: 75em) {
  .adbannerhalf .half-text .text h6 {
    margin-bottom: 20px;
  }
}
.adbannerhalf .half-text .text h2 {
  margin-bottom: 10px;
  font-size: 48px;
  line-height: 72px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 75em) {
  .adbannerhalf .half-text .text h2 {
    margin-bottom: 20px;
  }
}
.adbannerhalf .half-text .text p {
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 32px;
}
.adbannerhalf .half-text .text .btn-holder .btn {
  padding: 10px 30px;
  margin-right: 30px;
}
.adbannerhalf .half-text .text .btn-holder .btn i {
  margin-left: 6px;
  transition: margin-left 0.3s;
}
.adbannerhalf .half-text .text .btn-holder .btn:hover {
  padding-right: 20px;
}
.adbannerhalf .half-text .text .btn-holder .btn:hover i {
  margin-left: 16px;
  transition: margin-left 0.3s;
}
.adbannerhalf .half-image {
  overflow: hidden;
  padding-left: 0;
}
.adbannerhalf .half-image img {
  height: 100%;
  width: calc(100% + (2 * 0.75rem));
  object-fit: cover;
  object-position: center center;
}
@media screen and (min-width: 48em) {
  .adbannerhalf .half-image img {
    width: calc(100% + (2 * 0.75rem));
  }
}
@media screen and (min-width: 62em) {
  .adbannerhalf .half-image img {
    transform: scale(1.2);
    transition: all 0.3s;
  }
}
.adbannerhalf .half-image:hover img {
  transform: scale(1);
  width: calc(100% + (2 * 0.75rem));
  transition: all 0.3s;
}

.delimiter img {
  width: 100%;
  height: 200px;
  object-position: center center;
  object-fit: cover;
}

.magazine {
  padding-top: 90px;
  padding-bottom: 70px;
}
.magazine h2 {
  margin-bottom: 50px;
  padding-left: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.magazine h2 span {
  font-style: italic;
}
@media screen and (min-width: 62em) {
  .magazine h2 {
    padding-left: 100px;
  }
}
.magazine .blog-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 62em) {
  .magazine .blog-holder {
    flex-wrap: nowrap;
  }
}
.magazine .blog-holder .blog {
  width: 100%;
  margin: 0 0 20px;
}
@media screen and (min-width: 36em) {
  .magazine .blog-holder .blog {
    width: calc((100% - 20px) / 2);
    margin: 0 10px;
  }
  .magazine .blog-holder .blog:nth-child(2n + 1) {
    margin-left: 0;
  }
  .magazine .blog-holder .blog:nth-child(2n) {
    margin-right: 0;
  }
  .magazine .blog-holder .blog:nth-child(4) {
    display: block;
  }
}
@media screen and (min-width: 62em) {
  .magazine .blog-holder .blog {
    width: calc((100% - 60px) / 3);
    margin-bottom: 0;
  }
  .magazine .blog-holder .blog:first-of-type {
    margin-left: 0;
  }
  .magazine .blog-holder .blog:last-of-type {
    margin-right: 0;
  }
  .magazine .blog-holder .blog:nth-child(4) {
    display: none;
  }
}
.magazine .blog-holder .blog .image-holder {
  overflow: hidden;
  width: 100%;
}
.magazine .blog-holder .blog .image-holder img {
  width: 100%;
  object-position: center center;
  object-fit: cover;
  height: 300px;
}
@media screen and (min-width: 48em) {
  .magazine .blog-holder .blog .image-holder img {
    transform: scale(1.2);
    height: inherit;
    transition: all 0.3s;
  }
}
.magazine .blog-holder .blog .text-holder {
  padding: 15px;
}
@media screen and (min-width: 48em) {
  .magazine .blog-holder .blog .text-holder {
    padding: 30px;
  }
}
.magazine .blog-holder .blog .text-holder h6 {
  color: #5D757C;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
}
.magazine .blog-holder .blog .text-holder h5 {
  color: #2E323C;
  min-height: 80px;
  letter-spacing: -0.24px;
  font-size: 24px;
  line-height: 32px;
}
.magazine .blog-holder .blog .text-holder p {
  color: #5D757C;
  min-height: 120px;
  font-size: 16px;
  line-height: 26px;
}
.magazine .blog-holder .blog .text-holder a {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
}
.magazine .blog-holder .blog:hover .image-holder img {
  transform: scale(1);
  transition: all 0.3s;
}
.magazine .blog-holder .blog:hover .text-holder {
  background: #F5EEDD;
}

.magazine-list {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 48em) {
  .magazine-list {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.magazine-list .top {
  margin-bottom: 50px;
}
@media screen and (min-width: 62em) {
  .magazine-list .top {
    padding-left: 50px;
  }
}
@media screen and (min-width: 75em) {
  .magazine-list .top {
    padding-left: 120px;
  }
}
.magazine-list .top h2 {
  font-size: 48px;
  line-height: 54px;
}
.magazine-list .categories {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  margin-bottom: 30px;
}
@media screen and (min-width: 36em) {
  .magazine-list .categories {
    margin-bottom: 50px;
  }
}
.magazine-list .categories li {
  margin-bottom: 20px;
}
@media screen and (min-width: 36em) {
  .magazine-list .categories li {
    margin-bottom: 0;
  }
}
.magazine-list .categories li a {
  color: #5D757C;
  text-decoration: none;
  padding: 12px 20px;
  margin-right: 10px;
  text-transform: uppercase;
  border-radius: 40px;
}
.magazine-list .categories li a.active {
  background: rgba(206, 169, 87, 0.2);
  color: #2E323C;
}
.magazine-list .categories li a.active span {
  color: #2E323C;
}
.magazine-list .categories li a:hover {
  background: rgba(206, 169, 87, 0.1);
  color: #2E323C;
}
.magazine-list .categories li a span {
  color: #A3B7BC;
}
@media screen and (min-width: 62em) {
  .magazine-list .categories {
    margin-left: 50px;
  }
}
@media screen and (min-width: 75em) {
  .magazine-list .categories {
    margin-left: 120px;
  }
}

.magazine-detail .breadcrumbs {
  justify-content: center;
  margin-bottom: 30px;
}
.magazine-detail .image-holder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
}
@media screen and (min-width: 62em) {
  .magazine-detail .image-holder {
    margin-bottom: 34px;
  }
}
.magazine-detail .image-holder img {
  object-fit: cover;
  object-position: center center;
  height: 400px;
  margin-bottom: 16px;
}
@media screen and (min-width: 48em) {
  .magazine-detail .image-holder img {
    height: 600px;
  }
}
@media screen and (min-width: 75em) {
  .magazine-detail .image-holder img {
    height: 800px;
  }
}
.magazine-detail .image-holder.image-1 {
  margin-bottom: 34px;
}
@media screen and (min-width: 62em) {
  .magazine-detail .image-holder.image-1 {
    margin-bottom: 84px;
  }
}
.magazine-detail .image-holder.image-1 img {
  width: 100%;
  height: 400px;
}
@media screen and (min-width: 48em) {
  .magazine-detail .image-holder.image-1 img {
    height: 600px;
  }
}
@media screen and (min-width: 75em) {
  .magazine-detail .image-holder.image-1 img {
    height: 800px;
  }
}
.magazine-detail .image-holder.image-2 img {
  width: calc(50% - 8px);
  height: 300px;
}
@media screen and (min-width: 48em) {
  .magazine-detail .image-holder.image-2 img {
    height: 500px;
  }
}
@media screen and (min-width: 75em) {
  .magazine-detail .image-holder.image-2 img {
    height: 650px;
  }
}
.magazine-detail .image-holder.image-2 img:nth-child(2n + 1) {
  margin-right: 8px;
}
.magazine-detail .image-holder.image-2 img:nth-child(2n) {
  margin-left: 8px;
}
.magazine-detail .image-holder.image-3 img {
  width: calc(33.3333333% - 11px);
  height: 250px;
}
@media screen and (min-width: 48em) {
  .magazine-detail .image-holder.image-3 img {
    height: 400px;
  }
}
@media screen and (min-width: 75em) {
  .magazine-detail .image-holder.image-3 img {
    height: 500px;
  }
}
.magazine-detail .image-holder.image-3 img:nth-child(3n + 1) {
  margin-right: 8px;
}
.magazine-detail .image-holder.image-3 img:nth-child(3n + 2) {
  margin-left: 8px;
  margin-right: 8px;
}
.magazine-detail .image-holder.image-3 img:nth-child(3n) {
  margin-left: 8px;
}
.magazine-detail .image-holder.image-4 img {
  width: calc(25% - 12px);
  height: 150px;
}
@media screen and (min-width: 48em) {
  .magazine-detail .image-holder.image-4 img {
    height: 300px;
  }
}
@media screen and (min-width: 75em) {
  .magazine-detail .image-holder.image-4 img {
    height: 400px;
  }
}
.magazine-detail .image-holder.image-4 img:nth-child(4n + 1) {
  margin-right: 8px;
}
.magazine-detail .image-holder.image-4 img:nth-child(4n + 2) {
  margin-left: 8px;
  margin-right: 8px;
}
.magazine-detail .image-holder.image-4 img:nth-child(4n + 3) {
  margin-left: 8px;
  margin-right: 8px;
}
.magazine-detail .image-holder.image-4 img:nth-child(4n) {
  margin-left: 8px;
}
.magazine-detail h2 {
  text-align: center;
  letter-spacing: 1px;
  color: #2E323C;
  font-size: 64px;
  line-height: 72px;
}
@media screen and (min-width: 48em) {
  .magazine-detail h2, .magazine-detail h3, .magazine-detail h4, .magazine-detail h5, .magazine-detail p, .magazine-detail .share, .magazine-detail ul, .magazine-detail ol {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 75em) {
  .magazine-detail h2, .magazine-detail h3, .magazine-detail h4, .magazine-detail h5, .magazine-detail p, .magazine-detail .share, .magazine-detail ul, .magazine-detail ol {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (min-width: 100em) {
  .magazine-detail h2, .magazine-detail h3, .magazine-detail h4, .magazine-detail h5, .magazine-detail p, .magazine-detail .share, .magazine-detail ul, .magazine-detail ol {
    padding-left: 150px;
    padding-right: 150px;
  }
}
.magazine-detail p {
  letter-spacing: 1.4px;
  margin-bottom: 50px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
}
.magazine-detail p.first {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  line-height: 28px;
}
.magazine-detail p.info {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.magazine-detail p.info span {
  display: inline-block;
  margin: 0 8px;
}
.magazine-detail p.info a {
  text-decoration: none;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.magazine-detail p.info a:hover {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.magazine-detail p a:hover {
  color: #9F7D33;
  text-decoration: none;
}
.magazine-detail .share {
  margin-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.magazine-detail .share p {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: #5D757C;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.magazine-detail .share a {
  letter-spacing: 2.1px;
  color: #2E323C;
  padding-right: 20px;
  margin-right: 20px;
  font-size: 21px;
  line-height: 25px;
}
.magazine-detail .share a:hover {
  color: #9F7D33;
}

.why-vanok {
  padding-bottom: 70px;
}
.why-vanok h2 {
  text-align: center;
  margin-bottom: 50px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.why-vanok .why-holder {
  background: #EFF4F5;
  padding: 40px 20px;
  height: auto;
  margin-bottom: 30px;
}
@media screen and (min-width: 48em) {
  .why-vanok .why-holder {
    padding: 40px;
    height: calc(100% - 30px);
  }
}
.why-vanok .why-holder img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: center center;
  margin-bottom: 30px;
}
.why-vanok .why-holder h5 {
  color: #2E323C;
  margin-bottom: 20px;
  min-height: inherit;
  letter-spacing: -0.24px;
  font-size: 24px;
  line-height: 32px;
}
@media screen and (min-width: 62em) {
  .why-vanok .why-holder h5 {
    min-height: 70px;
  }
}
.why-vanok .why-holder p {
  font-size: 16px;
  line-height: 26px;
}

.herbar {
  padding-top: 100px;
}
.herbar .herbar-holder {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
}
@media screen and (min-width: 62em) {
  .herbar .herbar-holder {
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 90px;
  }
}
.herbar .herbar-holder .image-holder {
  background: #EFF4F5;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
}
@media screen and (min-width: 62em) {
  .herbar .herbar-holder .image-holder {
    width: 350px;
    height: initial;
    min-height: 500px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 75em) {
  .herbar .herbar-holder .image-holder {
    width: 450px;
  }
}
@media screen and (min-width: 100em) {
  .herbar .herbar-holder .image-holder {
    width: 500px;
  }
}
.herbar .herbar-holder .image-holder img {
  object-fit: contain;
  object-position: center center;
  width: 80%;
  height: 80%;
}
.herbar .herbar-holder .text-holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 62em) {
  .herbar .herbar-holder .text-holder {
    width: calc(100% - 350px - 50px);
    min-height: 500px;
  }
}
@media screen and (min-width: 75em) {
  .herbar .herbar-holder .text-holder {
    width: calc(100% - 450px - 50px);
  }
}
@media screen and (min-width: 100em) {
  .herbar .herbar-holder .text-holder {
    width: calc(100% - 500px - 150px);
  }
}
.herbar .herbar-holder .text-holder h6 {
  color: #5D757C;
  text-transform: uppercase;
  letter-spacing: 2.8px;
  font-size: 14px;
  line-height: 18px;
}
.herbar .herbar-holder .text-holder h2 {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 48px;
  line-height: 56px;
}
.herbar .herbar-holder .text-holder p {
  color: #5D757C;
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 32px;
}
.herbar .herbar-holder .text-holder .btn-holder .btn {
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 30px;
}
.herbar .herbar-holder .text-holder .btn-holder .btn i {
  margin-left: 12px;
}
.herbar .herbar-holder .text-holder .btn-holder .more {
  display: block;
  margin-top: 20px;
}
@media screen and (min-width: 36em) {
  .herbar .herbar-holder .text-holder .btn-holder .more {
    margin-top: 0;
    display: inline-block;
  }
}

.newsletter {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #2E323C url("/img/newsletter.png") center center no-repeat;
  background-size: cover;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .newsletter {
    background: #2E323C url("/img/newsletter@2x.png") center center no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 48em) {
  .newsletter {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
.newsletter h6 {
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.newsletter h2 {
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.newsletter h2 span {
  font-style: italic;
}
.newsletter p {
  color: #FFFFFF;
  text-align: center;
  max-width: 94%;
  margin: 0 auto 50px;
}
@media screen and (min-width: 62em) {
  .newsletter p {
    max-width: 800px;
  }
}
.newsletter form {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.newsletter form > div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 48em) {
  .newsletter form > div {
    flex-direction: row;
    align-items: flex-start;
  }
}
.newsletter form > div div {
  width: 100%;
  margin-right: 0;
}
@media screen and (min-width: 48em) {
  .newsletter form > div div {
    width: auto;
    flex-grow: 1;
    margin-right: 20px;
  }
}
.newsletter form > div input {
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 15px;
  background: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  display: block;
  margin-bottom: 15px;
}
.newsletter form > div input[type="checkbox"] {
  width: 16px;
  height: 16px;
  padding: 0;
  margin-top: 0;
  flex-shrink: 0;
}
.newsletter form > div input[type="checkbox"]:checked {
  background-color: #CEA957;
  border-color: #CEA957;
}
.newsletter form > div input[type="checkbox"]:focus {
  border-color: #CEA957;
}
.newsletter form > div input[type="checkbox"]:disabled {
  border-color: #5D757C;
  color: #FFFFFF;
}
.newsletter form > div input[type="checkbox"]:disabled ~ .form-check-label {
  color: #FFFFFF;
  opacity: 1;
  cursor: not-allowed;
}
.newsletter form > div input[type="checkbox"].error {
  border-color: #FD0201;
}
.newsletter form > div input:focus, .newsletter form > div input:active {
  background: transparent;
  box-shadow: none;
  border-color: #CEA957;
  color: #FFFFFF;
}
.newsletter form > div input.error {
  background: transparent;
  box-shadow: none;
  border-color: #FD0201;
  color: #FFFFFF;
}
.newsletter form > div input:disabled {
  border-color: #5D757C;
  background: rgba(163, 183, 188, 0.5);
  box-shadow: none;
}
.newsletter form > div input::selection {
  background: #FFFFFF;
  color: #CEA957;
}
.newsletter form > div label {
  color: #FFFFFF;
  letter-spacing: 0;
  cursor: pointer;
  font-size: 16px;
  line-height: 21px;
}
.newsletter form > div label a {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 21px;
}
.newsletter form > div .form-check {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: nowrap;
  margin-right: 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 48em) {
  .newsletter form > div .form-check {
    margin-bottom: 0;
  }
}
.newsletter form > div .form-check input {
  margin-bottom: 0;
}

.section-text {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .section-text {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section-text p {
  margin-bottom: 40px;
}

.error404 {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 75em) {
  .error404 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.error404 .text-holder {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 80px;
}
@media screen and (min-width: 75em) {
  .error404 .text-holder {
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 450px;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }
}
.error404 .text-holder h6 {
  color: #5D757C;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}
.error404 .text-holder h2 {
  color: #2E323C;
  margin-bottom: 20px;
  letter-spacing: -1.28px;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 64px;
  line-height: 72px;
}
@media screen and (min-width: 75em) {
  .error404 .text-holder h2 {
    text-align: left;
  }
}
.error404 .text-holder h2 span {
  color: #CEA957;
  font-style: italic;
}
.error404 .text-holder p {
  color: #5D757C;
  margin-bottom: 50px;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (min-width: 75em) {
  .error404 .text-holder p {
    text-align: left;
  }
}
.error404 .text-holder a {
  padding: 19px 60px 20px 40px;
  border-radius: 40px;
}
.error404 .text-holder a i {
  margin-left: 15px;
}
.error404 img {
  display: block;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
  object-position: center center;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .error404 img {
    width: initial;
  }
}
@media screen and (min-width: 75em) {
  .error404 img {
    max-height: 600px;
    object-fit: cover;
    object-position: center center;
    margin-left: initial;
    margin-right: initial;
  }
}

footer {
  padding-top: 100px;
  padding-bottom: 100px;
}
footer .logo {
  width: 90%;
  height: initial;
  margin-bottom: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 36em) {
  footer .logo {
    width: 185px;
    height: 50px;
  }
}
@media screen and (min-width: 75em) {
  footer .logo {
    margin-left: inherit;
    margin-right: inherit;
  }
}
footer .logo img {
  width: 100%;
}
footer p {
  color: #5D757C;
  max-width: 500px;
  margin-bottom: 35px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (min-width: 75em) {
  footer p {
    text-align: left;
    margin-left: inherit;
    margin-right: inherit;
  }
}
footer .social {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
@media screen and (min-width: 75em) {
  footer .social {
    margin-bottom: 0;
    justify-content: flex-start;
  }
}
footer .social a {
  margin-right: 15px;
  margin-left: 15px;
  color: #2E323C;
  font-size: 24px;
}
footer .social a:hover {
  color: #CEA957;
}
@media screen and (min-width: 75em) {
  footer .social a {
    margin-right: 30px;
    margin-left: 0;
  }
}
footer .footer-links {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 36em) {
  footer .footer-links {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
  }
}
@media screen and (min-width: 75em) {
  footer .footer-links {
    justify-content: space-between;
  }
}
@media screen and (min-width: 75em) {
  footer .footer-links div {
    margin-right: 20px;
  }
  footer .footer-links div:last-of-type {
    margin-right: 0;
  }
}
footer .footer-links div h6 {
  margin-bottom: 15px;
  color: #5D757C;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}
@media screen and (min-width: 36em) {
  footer .footer-links div h6 {
    margin-top: 20px;
  }
}
@media screen and (min-width: 75em) {
  footer .footer-links div h6 {
    margin-bottom: 30px;
    margin-top: 0;
    text-align: left;
  }
}
footer .footer-links div ul {
  padding-left: 0;
  width: 100%;
  margin-left: 0;
}
@media screen and (min-width: 36em) {
  footer .footer-links div ul {
    width: 150px;
  }
}
@media screen and (min-width: 48em) {
  footer .footer-links div ul {
    width: 170px;
  }
}
@media screen and (min-width: 75em) {
  footer .footer-links div ul {
    width: auto;
  }
}
footer .footer-links div ul li {
  list-style: none;
  text-align: center;
}
@media screen and (min-width: 75em) {
  footer .footer-links div ul li {
    text-align: left;
  }
}
footer .footer-links div ul li a {
  color: #2E323C;
  text-decoration: none;
  font-size: 16px;
  line-height: 30px;
}
footer .footer-links div ul li a:hover {
  color: #CEA957;
}
footer .bottom {
  padding-top: 50px;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (min-width: 75em) {
  footer .bottom {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
footer .bottom p {
  margin-bottom: 0;
  margin-top: 40px;
  text-align: left;
  order: 2;
}
@media screen and (min-width: 75em) {
  footer .bottom p {
    order: 1;
    margin-top: 0;
  }
}
footer .bottom .accepted_cards {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  order: 1;
}
@media screen and (min-width: 75em) {
  footer .bottom .accepted_cards {
    order: 2;
  }
}
footer .bottom .accepted_cards a img {
  display: inline-block;
  width: 48px;
  height: 32px;
  object-fit: cover;
  object-position: center center;
  margin-left: 10px;
}